/* CoolTrack local visual refresh: a calmer, roomier work surface. */
.local-auth-page,.local-auth-page *{font-family:'IBM Plex Sans Thai',Tahoma,sans-serif!important}
:root{--soft-ink:#283650;--soft-muted:#697791;--soft-line:#e9edf5;--soft-bg:#f7f8fc;--soft-shadow:0 10px 30px rgba(42,54,89,.07),0 2px 6px rgba(42,54,89,.025)}
body:not(.local-auth-page){font-family:'IBM Plex Sans Thai',Tahoma,sans-serif!important;font-size:16px;line-height:1.65;letter-spacing:0;background:var(--soft-bg)!important;color:var(--soft-ink)!important}
body:not(.local-auth-page) button,body:not(.local-auth-page) input,body:not(.local-auth-page) select,body:not(.local-auth-page) textarea{font-family:'IBM Plex Sans Thai',Tahoma,sans-serif!important}
body:not(.local-auth-page) .shell{grid-template-columns:265px minmax(0,1fr);background:var(--soft-bg)}
body:not(.local-auth-page) .sidebar{background:#fff!important;border-right:1px solid var(--soft-line)!important;box-shadow:4px 0 24px rgba(40,54,80,.025);color:var(--soft-ink)!important;padding:25px 15px 20px}
body:not(.local-auth-page) .brand{color:#263450!important;font-size:25px!important;font-weight:700!important;letter-spacing:-.045em;padding:2px 11px 29px}
body:not(.local-auth-page) .brand small{color:#8894a9!important;font-size:10px!important;font-weight:500!important;letter-spacing:.05em}
body:not(.local-auth-page) .brand-mark{border-radius:12px;background:linear-gradient(135deg,#56a1f8,#4267de);box-shadow:0 6px 15px #477be830}
.hospital-context{display:flex;align-items:center;gap:12px;margin:0 1px 24px;padding:15px 13px;border-radius:16px;background:linear-gradient(135deg,#f3f6fd,#f8faff);border:1px solid #e9eef9;min-width:0}
.hospital-context-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#e7efff;color:#416cde;font-size:19px}
.hospital-context>span:last-child{display:grid;gap:1px;min-width:0}.hospital-context small{color:#8995ab;font-size:11px;line-height:1.3}.hospital-context b{color:#344767;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
body:not(.local-auth-page) .menu{gap:4px}
body:not(.local-auth-page) .menu-label{color:#a2acc0!important;font-size:11px!important;font-weight:600;letter-spacing:.06em;padding:19px 13px 8px}
body:not(.local-auth-page) .menu button{gap:12px;min-height:46px;padding:7px 11px;border-radius:12px;color:#6b7892!important;font-size:15px!important;font-weight:500;line-height:1.35;box-shadow:none;transition:background .18s,box-shadow .18s,color .18s}
body:not(.local-auth-page) .menu button i{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#f2f4f9;color:#8490a8!important;font-size:17px;line-height:1}
body:not(.local-auth-page) .menu button:hover{background:#f7f9fe;color:#324b82!important}
body:not(.local-auth-page) .menu button.active{background:#fff!important;color:#2d3953!important;box-shadow:0 5px 17px rgba(48,66,107,.12)!important;font-weight:600}
body:not(.local-auth-page) .menu button.active i{background:linear-gradient(135deg,#5d9af6,#4662d8)!important;color:#fff!important;box-shadow:0 3px 9px #5277e33b}
body:not(.local-auth-page) .menu .counter{min-width:29px;margin-left:auto;padding:3px 7px;background:#eaf0fd!important;color:#4c6bcc!important;font-size:11px!important;font-weight:600;line-height:1.2;border-radius:999px}
body:not(.local-auth-page) .sidebar .hint{color:#a7b0bf;font-size:11px}
body:not(.local-auth-page) #topbar.topbar{height:71px;background:#fff!important;border-bottom:1px solid var(--soft-line)!important;box-shadow:none;padding:0 clamp(22px,3vw,50px)}
body:not(.local-auth-page) .search{width:min(420px,44vw);height:42px;background:#f8f9fc;border-color:#edf0f6;border-radius:11px;color:#7b88a1}
body:not(.local-auth-page) .search input{font-size:13px;color:var(--soft-ink)}
body:not(.local-auth-page) .account b{font-size:14px;font-weight:600;color:#344767}body:not(.local-auth-page) .account small{font-size:11px;color:#8995aa}
body:not(.local-auth-page) .avatar{background:#eae7ff;color:#6654bd;font-size:12px;font-weight:600}
body:not(.local-auth-page) .bell{border-color:#e9edf5;color:#70809b;box-shadow:0 2px 6px #2a36590b}
body:not(.local-auth-page) .content{max-width:1650px;padding:34px clamp(24px,3.5vw,52px) 70px}
body:not(.local-auth-page) h1,body:not(.local-auth-page) .hero h1,body:not(.local-auth-page) .page-head h1{font-size:clamp(27px,2.4vw,35px);font-weight:600!important;letter-spacing:-.035em;color:#25334e;line-height:1.32}
body:not(.local-auth-page) .eyebrow{font-size:11px;color:#8390a8;letter-spacing:.035em;font-weight:500}
body:not(.local-auth-page) .sub{font-size:14px;color:#79869c;line-height:1.65}
body:not(.local-auth-page) .page-head{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-bottom:24px}
body:not(.local-auth-page) .page-head:before{display:none}
body:not(.local-auth-page) .panel,body:not(.local-auth-page) .stat,body:not(.local-auth-page) .asset-card,body:not(.local-auth-page) .station-card,body:not(.local-auth-page) .location-site-group,body:not(.local-auth-page) .checklist-template-card{border:1px solid #eef0f6!important;border-radius:18px!important;background:#fff;box-shadow:var(--soft-shadow)!important}
body:not(.local-auth-page) .panel h2{font-size:18px!important;font-weight:600!important;color:#344767}
body:not(.local-auth-page) .panel header p{font-size:13px!important;color:#93a0b3}
body:not(.local-auth-page) .panel header{border-bottom-color:#f0f2f7}
body:not(.local-auth-page) .btn,body:not(.local-auth-page) .text-btn{min-height:43px;font-size:13px!important;font-weight:500!important;border-radius:10px}
body:not(.local-auth-page) .btn.primary{border:0!important;background:linear-gradient(135deg,#5c97f3,#4866da)!important;color:#fff!important;box-shadow:0 5px 13px #456cdb30!important}
body:not(.local-auth-page) .btn.primary:hover{background:linear-gradient(135deg,#427de8,#3e59c7)!important;box-shadow:0 8px 18px #456cdb3b!important}
body:not(.local-auth-page) .btn.secondary{background:#fff!important;border:1px solid #e2e8f2!important;color:#445571!important;box-shadow:0 2px 5px #263d6f09}
body:not(.local-auth-page) .btn.secondary:hover{background:#f4f7ff!important;border-color:#bbccf7!important;color:#4b6cd6!important}
body:not(.local-auth-page) .text-btn{background:#f6f8fd!important;border:1px solid #e5eaf5!important;color:#4a69d2!important}
body:not(.local-auth-page) .text-btn:hover{background:#e9effe!important;border-color:#cedafd!important;color:#3c5dc4!important}
body:not(.local-auth-page) .asset-card h3,body:not(.local-auth-page) .location-card h3{font-size:18px!important;line-height:1.45}
body:not(.local-auth-page) .detail,body:not(.local-auth-page) .table-wrap{border-color:#edf0f6!important}
body:not(.local-auth-page) th{background:#f8f9fc!important;color:#77849d!important;font-size:12px!important;font-weight:600!important}
body:not(.local-auth-page) td{font-size:13px!important;color:#485a75}
body:not(.local-auth-page) .form label{font-size:13px!important;color:#5c6a84}
body:not(.local-auth-page) .form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),body:not(.local-auth-page) .form select,body:not(.local-auth-page) .form textarea{font-size:14px!important;background:#fff!important;border-color:#dfe6f1!important}
/* Dashboard: information first, no repeated customer selector. */
.soft-dashboard .soft-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 27px}
.soft-heading h1{margin:0}.soft-heading .eyebrow{margin:0 0 7px}.soft-heading .sub{margin:7px 0 0}.soft-heading .actions{display:flex;gap:9px;flex-wrap:wrap}
.soft-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:19px}
.soft-kpi{display:flex;align-items:flex-start;gap:15px;width:100%;min-width:0;min-height:150px;padding:21px 19px;border:1px solid #eef0f6;border-radius:18px;background:#fff;text-align:left;color:#344767;box-shadow:var(--soft-shadow);cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}
.soft-kpi:hover,.soft-kpi:focus-visible{transform:translateY(-3px);border-color:#d9e3fb;box-shadow:0 16px 35px rgba(44,65,113,.13)}
.soft-kpi-icon{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:13px;background:#e8f0ff;color:#4b80e8;font-size:23px;line-height:1}
.soft-kpi.purple .soft-kpi-icon{background:#eeeafe;color:#8b66cf}.soft-kpi.amber .soft-kpi-icon{background:#fff3e2;color:#d69232}.soft-kpi.green .soft-kpi-icon{background:#e3f7ef;color:#27ad86}
.soft-kpi-copy{display:grid;gap:0;min-width:0}.soft-kpi-copy>span{font-size:14px;color:#8390a6;font-weight:500;line-height:1.4}.soft-kpi-copy strong{font-size:30px;line-height:1.3;color:#344767;font-weight:600;letter-spacing:-.04em}.soft-kpi-copy small{font-size:12px;color:#a0aabc;line-height:1.5}.soft-kpi-copy small span{color:#6280dd}
.soft-dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}.soft-dashboard-grid>.panel{min-height:278px;overflow:hidden}
.soft-overview-rows{display:grid;padding:4px 23px 16px}.soft-overview-rows>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #f0f2f7;font-size:13px;color:#8996ab}.soft-overview-rows b{font-weight:600;color:#3d4d67;text-align:right}.soft-overview-rows em{font-style:normal;color:#8897b1;font-weight:400}
.soft-overview>.text-btn{margin:0 23px 21px}
.soft-next-list{display:grid;gap:1px;padding:0 12px 16px}.soft-next-list>button{display:flex;align-items:center;gap:13px;width:100%;padding:12px 11px;border:0;border-radius:11px;background:transparent;color:#5a6a84;text-align:left;cursor:pointer}.soft-next-list>button:hover{background:#f5f7fc}.soft-next-list>button>span:nth-child(2){display:grid;gap:1px;flex:1;min-width:0}.soft-next-list b{font-size:13px;color:#344767;font-weight:600}.soft-next-list small{font-size:11px;color:#9ba7b9}.soft-next-list>button>span:last-child{font-size:18px;color:#8da0c1}.soft-next-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#eef2fc;color:#6179cb;font-size:18px}
.soft-recent{margin-top:18px}.mobile-hospital-context{display:none}
.hospital-profile{overflow:hidden}.hospital-profile>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px!important}.hospital-profile>header h2{font-size:25px!important;margin:0 0 4px}.hospital-profile>header p{margin:0}.hospital-profile>header .eyebrow{margin-bottom:6px}.hospital-registers{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 25px 8px}.hospital-registers>div{display:flex;justify-content:space-between;gap:12px;padding:18px;border-radius:13px;background:#f8f9fd;color:#748199;font-size:14px}.hospital-registers b{color:#354869;font-weight:600}.hospital-hint{padding:5px 25px 23px;color:#9aa5b8;font-size:12px;margin:0}.hospital-location-grid{margin-top:18px}.hospital-page .location-site-filter{margin-top:0}
@media(max-width:1180px){.soft-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.soft-kpi{min-height:124px}}
@media(max-width:900px){body:not(.local-auth-page) .shell{grid-template-columns:230px minmax(0,1fr)}body:not(.local-auth-page) .sidebar{padding-inline:10px}body:not(.local-auth-page) .content{padding-inline:26px}.soft-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:700px){body:not(.local-auth-page) .shell{display:block}body:not(.local-auth-page) #topbar.topbar{height:62px;padding:0 15px;background:#fff!important}body:not(.local-auth-page) .content{padding:24px 17px 100px}body:not(.local-auth-page) .page-head{padding:0!important}body:not(.local-auth-page) .page-head h1{font-size:27px}body:not(.local-auth-page) .mobile-nav{background:#fff;border-top-color:#eef0f6;box-shadow:0 -5px 22px #2f426f0d}body:not(.local-auth-page) .mobile-nav button{font-size:11px!important;color:#8a98ad}body:not(.local-auth-page) .mobile-nav button.active{background:#eef3ff;color:#4b6fdd}body:not(.local-auth-page) .mobile-drawer button{font-size:14px!important}body:not(.local-auth-page) .actions .btn{font-size:12px!important;min-height:44px}.soft-dashboard .soft-heading{display:block;margin-bottom:19px}.soft-heading h1{font-size:27px!important}.soft-heading .actions{display:grid;grid-template-columns:1fr 1fr;margin-top:17px}.soft-heading .actions .btn{grid-column:auto!important;white-space:nowrap}.soft-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.soft-kpi{min-height:137px;padding:15px 13px;display:block}.soft-kpi-icon{width:36px;height:36px;border-radius:10px;font-size:18px;margin-bottom:10px}.soft-kpi-copy>span{font-size:12px}.soft-kpi-copy strong{font-size:26px}.soft-kpi-copy small{font-size:11px}.soft-dashboard-grid{gap:12px}.soft-overview-rows{padding-inline:15px}.soft-overview-rows>div{font-size:12px}.soft-overview>.text-btn{margin-left:15px}.soft-dashboard-grid>.panel{min-height:0}.mobile-hospital-context{display:block;margin:5px 6px 15px;padding:12px;border-radius:11px;background:#f3f6fd;color:#4e648d;font-size:13px;font-weight:600}.hospital-profile>header{display:block;padding:19px!important}.hospital-profile>header .text-btn{margin-top:15px}.hospital-registers{grid-template-columns:1fr;padding:15px 18px 5px;gap:9px}.hospital-registers>div{padding:13px}.hospital-hint{padding:7px 18px 19px}.hospital-location-grid{margin-top:12px}}
@media(max-width:390px){.soft-metrics{gap:8px}.soft-kpi{min-height:134px;padding:13px 11px}.soft-kpi-copy strong{font-size:25px}.soft-heading .actions{grid-template-columns:1fr 1fr}}

/* Soft UI direction: restrained contrast, clear iconography and data-first cards. */
:root{--soft-ink:#24324a;--soft-muted:#63738a;--soft-line:#dce4ee;--soft-bg:#eef2f7;--soft-shadow:0 9px 24px rgba(32,48,78,.075),0 2px 5px rgba(32,48,78,.035)}
.ui-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}
.ui-icon.is-back{transform:rotate(180deg)}
body:not(.local-auth-page){background:var(--soft-bg)!important;color:var(--soft-ink)!important}
body:not(.local-auth-page) .shell{background:var(--soft-bg)}
body:not(.local-auth-page) .sidebar{background:#f8fafc!important;border-right:1px solid #dce4ee!important;box-shadow:5px 0 25px #20304e0b}
body:not(.local-auth-page) .brand{font-size:25px!important;color:#22334f!important;padding-bottom:28px}
body:not(.local-auth-page) .brand small{color:#667993!important;font-size:11px!important;letter-spacing:.01em}
body:not(.local-auth-page) .brand-mark{width:42px;height:42px;background:linear-gradient(145deg,#275bb2,#163b72)!important;color:#fff;box-shadow:0 5px 14px #183e7133}
body:not(.local-auth-page) .brand-mark .ui-icon{width:23px;height:23px}
.hospital-context{background:#eaf0f8;border-color:#d7e1ee;margin-bottom:22px;padding:13px 12px;border-radius:13px}
.hospital-context-icon{background:#d9e6f8;color:#25528c;border-radius:10px}
.hospital-context-icon .ui-icon{width:20px;height:20px}
.hospital-context small{color:#5c718d;font-size:12px}.hospital-context b{color:#263b5b;font-size:14px}
body:not(.local-auth-page) .menu-label{font-size:11px!important;color:#73849a!important;letter-spacing:.04em;padding-top:16px}
body:not(.local-auth-page) .menu button{font-size:14px!important;color:#4c607a!important;min-height:47px;border-radius:11px}
body:not(.local-auth-page) .menu button i{width:32px;height:32px;background:#e8edf5;color:#536b89!important;border-radius:9px}
body:not(.local-auth-page) .menu button i .ui-icon{width:18px;height:18px}
body:not(.local-auth-page) .menu button:hover{background:#eaf0f9;color:#224e84!important}
body:not(.local-auth-page) .menu button.active{background:#e1eafa!important;color:#1e4c88!important;box-shadow:inset 3px 0 #2b67bd!important}
body:not(.local-auth-page) .menu button.active i{background:#2b67bd!important;color:#fff!important;box-shadow:0 3px 8px #2b67bd35}
body:not(.local-auth-page) .menu .counter{font-size:12px!important;background:#dce7f7!important;color:#244e81!important}
body:not(.local-auth-page) .sidebar .hint{color:#71829a;font-size:12px}
body:not(.local-auth-page) #topbar.topbar{background:#f8fafc!important;border-bottom-color:#dce4ee!important}
body:not(.local-auth-page) .search{background:#edf2f7;border-color:#dce4ee;color:#536b88}
body:not(.local-auth-page) .search input{font-size:14px}
body:not(.local-auth-page) .search .ui-icon{width:17px;height:17px}
body:not(.local-auth-page) .bell{background:#edf2f7;border:1px solid #dce4ee;border-radius:10px;width:41px;height:41px;display:grid;place-items:center}
body:not(.local-auth-page) .bell .ui-icon{width:19px;height:19px}
body:not(.local-auth-page) .avatar{background:#dce7f7;color:#244e81}
body:not(.local-auth-page) .account b{color:#273a58;font-size:14px}body:not(.local-auth-page) .account small{color:#62758e;font-size:12px}
body:not(.local-auth-page) .content{max-width:1640px;padding-top:30px}
body:not(.local-auth-page) h1,body:not(.local-auth-page) .hero h1,body:not(.local-auth-page) .page-head h1{color:#233650;font-weight:600!important}
body:not(.local-auth-page) .eyebrow{color:#526f95;font-size:12px;font-weight:600}
body:not(.local-auth-page) .sub{color:#5f7087;font-size:14px}
body:not(.local-auth-page) .panel,body:not(.local-auth-page) .stat,body:not(.local-auth-page) .asset-card,body:not(.local-auth-page) .station-card,body:not(.local-auth-page) .location-site-group,body:not(.local-auth-page) .checklist-template-card{border-color:#dfe6ef!important;border-radius:16px!important;background:#fbfcfe;box-shadow:var(--soft-shadow)!important}
body:not(.local-auth-page) .panel h2{color:#263a58;font-size:19px!important}
body:not(.local-auth-page) .panel header p{color:#687c96;font-size:13px!important}
body:not(.local-auth-page) .btn,body:not(.local-auth-page) .text-btn{font-size:14px!important;font-weight:600!important;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
body:not(.local-auth-page) .btn .ui-icon,body:not(.local-auth-page) .text-btn .ui-icon{width:16px;height:16px}
body:not(.local-auth-page) .btn.primary{background:linear-gradient(145deg,#3477d0,#2459a6)!important;box-shadow:0 5px 12px #2459a62d!important}
body:not(.local-auth-page) .btn.primary:hover{background:linear-gradient(145deg,#2869c1,#1e4a8b)!important}
body:not(.local-auth-page) .btn.secondary{background:#fbfcfe!important;border-color:#ccd8e8!important;color:#264a76!important}
body:not(.local-auth-page) .btn.secondary:hover{background:#e8f0fb!important;border-color:#9bb7dd!important}
body:not(.local-auth-page) .text-btn{color:#245da6!important;background:#e9f0fa!important;border-color:#d1def0!important;padding:7px 12px}
body:not(.local-auth-page) .text-btn:hover{background:#dbe9fa!important;color:#1d4e8f!important}
.soft-dashboard .soft-heading{align-items:center;margin:0 0 22px}
.soft-heading h1{font-size:30px!important;letter-spacing:-.035em}
.soft-heading .eyebrow{margin-bottom:3px}
.soft-heading .sub{margin-top:4px}
.soft-heading .actions{gap:10px}
.soft-metrics{gap:16px;margin-bottom:18px}
.soft-kpi{flex-direction:row;align-items:center;justify-content:space-between;min-height:132px;padding:21px 20px;background:#fbfcfe;border:1px solid #dce5f0;border-radius:16px;box-shadow:var(--soft-shadow);gap:12px}
.soft-kpi:hover,.soft-kpi:focus-visible{border-color:#8fb3e4;box-shadow:0 12px 28px #27456d23;transform:translateY(-2px)}
.soft-kpi-copy{display:grid;gap:2px;order:0}
.soft-kpi-copy>span{font-size:14px;color:#536681;font-weight:600;line-height:1.35}
.soft-kpi-copy strong{font-size:31px;line-height:1.15;color:#223954;font-weight:700}
.soft-kpi-copy small{font-size:12px;color:#64778f;line-height:1.4}
.soft-kpi-icon{order:1;width:51px;height:51px;border-radius:14px;background:linear-gradient(145deg,#387ad2,#2358a4);color:#fff;box-shadow:0 7px 15px #2459a633}
.soft-kpi-icon .ui-icon{width:25px;height:25px}
.soft-dashboard-grid{grid-template-columns:1.2fr .8fr;gap:18px}
.soft-dashboard-grid>.panel{min-height:316px;overflow:hidden}
.soft-register-panel{background:linear-gradient(145deg,#1f3b60,#172c49)!important;color:#edf5ff;border-color:#183250!important;box-shadow:0 15px 28px #1a34503a!important}
.soft-register-panel header{padding:21px 24px 13px;border:0}
.soft-register-panel h2{color:#fff!important;font-size:19px!important}
.soft-register-panel header p{color:#c2d1e4!important}
.soft-panel-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#ffffff22;color:#e2ecfa;flex:none}
.soft-panel-symbol .ui-icon{width:21px;height:21px}
.soft-register-total{display:flex;align-items:baseline;gap:10px;padding:0 24px 10px}
.soft-register-total strong{font-size:38px;line-height:1.2;color:#fff}
.soft-register-total span{font-size:14px;color:#c6d5e7}
.soft-register-bars{display:grid;gap:12px;padding:0 24px 13px}
.soft-register-bars>div{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:13px;color:#dce8f7}
.soft-register-bars b{font-size:13px;color:#fff}
.soft-register-bars i{grid-column:1/-1;height:8px;background:#ffffff28;border-radius:100px;overflow:hidden}
.soft-register-bars em{display:block;height:100%;border-radius:100px;background:#83b5f2}
.soft-register-bars>div:nth-child(2) em{background:#74d5c2}
.soft-panel-link{display:inline-flex;align-items:center;gap:8px;margin:0 24px 21px;padding:7px 0;background:transparent;border:0;color:#dceaff;font:600 13px 'IBM Plex Sans Thai',sans-serif;cursor:pointer}
.soft-panel-link .ui-icon{width:16px;height:16px}
.soft-panel-link:hover{color:#fff;text-decoration:underline}
.soft-work-panel header{padding:21px 23px 14px;border-bottom:1px solid #e7edf4}
.soft-work-panel .soft-panel-symbol{background:#e5eefb;color:#2864af}
.soft-work-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 23px 13px}
.soft-work-summary>div{display:grid;gap:1px;padding:14px 16px;border:1px solid #dbe5ef;border-radius:12px;background:#f2f6fa}
.soft-work-summary strong{font-size:27px;line-height:1.2;color:#263b59}
.soft-work-summary span{font-size:13px;color:#657b94}
.soft-work-note{margin:0 23px 14px;color:#536984;font-size:13px;line-height:1.5}
.soft-work-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 23px 21px}
.soft-work-actions button{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 11px;border:1px solid #d4e0ef;border-radius:10px;background:#f3f7fc;color:#24588f;font:600 13px 'IBM Plex Sans Thai',sans-serif;cursor:pointer}
.soft-work-actions button:hover{background:#e3effe;border-color:#a9c7ec}
.soft-work-actions button .ui-icon{width:16px;height:16px}
.soft-work-actions button .ui-icon:last-child{margin-left:auto}
.soft-recent{margin-top:18px}
.location-detail-page .page-head{margin-bottom:22px}
.location-detail-page .panel{padding-bottom:14px}
.location-detail-page .panel>.section-head{margin:10px 21px 14px}
.location-detail-page .panel>.cards-grid{padding:0 21px 10px}
.location-detail-page .asset-card{max-width:none}
body:not(.local-auth-page) .location-card{border-color:#d8e2ee;background:#fbfcfe;box-shadow:var(--soft-shadow)}
body:not(.local-auth-page) .location-card-visual{background:#e7eff9;color:#2a67ae}
body:not(.local-auth-page) .location-card h3{color:#263d59}
body:not(.local-auth-page) .location-card p,body:not(.local-auth-page) .location-card-open{color:#5e748e;font-size:12px}
body:not(.local-auth-page) .location-arrow{background:#dceafa;color:#225b9e}
.mobile-hospital-context .ui-icon{width:18px;height:18px;margin-right:6px}
@media(max-width:1180px){.soft-dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.soft-dashboard-grid{grid-template-columns:1fr}.soft-dashboard-grid>.panel{min-height:0}}
@media(max-width:700px){
  body:not(.local-auth-page) #topbar.topbar{background:#f8fafc!important}
  body:not(.local-auth-page) .content{padding:22px 16px 105px}
  body:not(.local-auth-page) .mobile-nav{background:#f8fafc;border-top:1px solid #dce4ee;box-shadow:0 -5px 18px #20304e18}
  body:not(.local-auth-page) .mobile-nav button{color:#526983;font-size:12px!important}
  body:not(.local-auth-page) .mobile-nav button i .ui-icon{width:21px;height:21px}
  body:not(.local-auth-page) .mobile-nav button.active{background:#e0ebfa;color:#1e569a}
  body:not(.local-auth-page) .mobile-drawer button i .ui-icon{width:20px;height:20px}
  .soft-heading h1{font-size:27px!important}
  .soft-heading .actions{display:grid;grid-template-columns:1fr 1fr;margin-top:15px}
  .soft-heading .actions .btn{white-space:normal;font-size:12px!important;line-height:1.3;padding:8px}
  .soft-metrics{gap:10px}
  .soft-kpi{display:flex;min-height:116px;padding:14px 12px;align-items:flex-start}
  .soft-kpi-icon{width:35px;height:35px;border-radius:10px;margin:0}
  .soft-kpi-icon .ui-icon{width:19px;height:19px}
  .soft-kpi-copy>span{font-size:12px;line-height:1.35}
  .soft-kpi-copy strong{font-size:25px}
  .soft-kpi-copy small{font-size:11px}
  .soft-register-panel header,.soft-work-panel header{padding:18px}
  .soft-register-total{padding-inline:18px}
  .soft-register-bars{padding-inline:18px}
  .soft-panel-link{margin-inline:18px}
  .soft-work-summary{padding:14px 18px 10px}
  .soft-work-note{margin-inline:18px}
  .soft-work-actions{padding:0 18px 18px}
  .mobile-hospital-context{background:#e8eff8;border:1px solid #d8e3f0;color:#31516e;font-size:13px}
}
@media(max-width:390px){.soft-kpi{padding:12px 10px}.soft-kpi-icon{width:30px;height:30px}.soft-kpi-icon .ui-icon{width:17px;height:17px}.soft-work-actions{grid-template-columns:1fr}}