/* ธีม Desk · หน้าเว็บหลัก (login · แถบบน · หน้าเลือกระบบ) + ตั้งค่า — เรียบ · ขาว · ดำ · เส้นบาง · สีใช้บอกสถานะเท่านั้น
   ต่อท้าย <style> ของหน้า (index.html · settings.html) · ไม่มีธีมมืดในสองหน้านี้ */
body{font-family:'Inter','IBM Plex Sans Thai','Sarabun',system-ui,sans-serif;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
:focus-visible{outline-color:#111318}
:root{--ink:#111318;--ink2:#3F434A;--mu:#6B7079;--line:#E7E7EA;--line2:#F0F0F2;--steel:#111318;--steel2:#000;--bg:#F6F6F7;--amber:#111318}
body{background:#F6F6F7;color:#111318}
.btn{border-radius:10px!important;border:1px solid #E1E1E5!important;background:#fff;color:#111318!important;font-weight:600}
.btn:hover{border-color:#B9BAC0!important}
.btn.pri{background:#111318!important;border-color:#111318!important;color:#fff!important}
.card{border-radius:16px!important;border:1px solid #E7E7EA!important;box-shadow:none!important}
input,select,textarea{border-radius:10px!important;border-color:#E1E1E5!important}
/* login */
#login{background:#F6F6F7!important}
#login .card{padding:34px 32px 26px!important;box-shadow:0 12px 40px rgba(17,19,24,.06)!important}
#login h1{font-weight:800;letter-spacing:-.02em;padding-top:54px;position:relative}
#login h1::before{content:'TKK';position:absolute;top:0;left:0;width:42px;height:42px;border-radius:11px;background:#111318;color:#fff;font-size:12.5px;font-weight:800;display:grid;place-items:center}
/* แถบบน */
#bar{background:#fff!important;color:#3F434A!important;border-bottom:1px solid #E7E7EA!important;box-shadow:none!important}
#bar button,#bar a,#bar .tl-swb{color:#111318!important}
#bar .tl-swb{border:1px solid #E7E7EA!important;border-radius:10px!important;background:#fff!important}
#verbtn{border-radius:10px!important;border:1px solid #E7E7EA!important;color:#111318!important;background:#fff!important}
/* หน้าเลือกระบบ */
.tl-home{background:#F6F6F7!important}
.tl-home .tl-bar{background:#fff!important;color:#3F434A!important;border-bottom:1px solid #E7E7EA}
.tl-home .tl-bar b{color:#111318!important}
.tl-home .tl-bar button{color:#111318!important;border:1px solid #E7E7EA!important;border-radius:10px!important}
.tl-wrap h1{font-size:30px!important;font-weight:800!important;letter-spacing:-.02em;color:#111318}
.tl-wrap .tl-lead{color:#6B7079!important}
.tl-app{border:1px solid #E7E7EA!important;border-radius:16px!important;box-shadow:none!important;padding:20px 22px!important}
.tl-app:hover{border-color:#111318!important;box-shadow:none!important;transform:none!important}
.tl-lg{background:#111318!important;border-radius:12px!important}
.tl-app b{font-weight:800!important;letter-spacing:-.01em}
.tl-tag{background:#F2F2F4!important;color:#3F434A!important;font-weight:500}
.tl-tag.fast{background:#F2F2F4!important;color:#3F434A!important}
.tl-tag.fast::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#079455;margin-right:6px;vertical-align:1px}
.tl-tag.last{background:#111318!important;color:#fff!important}
.tl-tag.badge{background:#FEF3F2!important;color:#D92D20!important}
.tl-swm{border-radius:14px!important;border-color:#E7E7EA!important}
.tl-it .tl-lg{background:#111318!important}
/* settings */
header{background:#fff!important;color:#111318!important;border-bottom:1px solid #E7E7EA}
header a{color:#111318!important}
nav button.on{color:#111318!important;border-bottom-color:#111318!important}
h2{font-weight:800;letter-spacing:-.01em}
#bar span:not(.pill),#bar #synctext,#bar #dsname,#bar #who{color:#6B7079!important}
#bar b,#bar #vername,#bar .tl-swn,#bar #settings,#bar #logout{color:#111318!important}
#bar .pill{background:#F2F2F4!important;color:#3F434A!important}
/* แถบแจ้งบนแถบบน (#remote · มีการแก้จากผู้อื่น / ปิดใช้ / เวอร์ชั่นเก่า): เดิมพื้น --amber ซึ่งธีมนี้เป็นสีดำ → ส้มอ่อน อ่านออก */
#bar #remote{background:#FFF6ED!important;color:#93370D!important;border:1px solid #FEDF89;border-radius:8px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
#bar #remote button{color:#93370D!important;font-weight:700}