/* CoolTrack Ocean: operational UI for the local PHP/MariaDB app. */
@font-face{font-family:'CoolTrack Prompt';src:url('assets/fonts/Prompt-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'CoolTrack Prompt';src:url('assets/fonts/Prompt-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'CoolTrack Prompt';src:url('assets/fonts/Prompt-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'CoolTrack Prompt';src:url('assets/fonts/Prompt-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.local-auth-page,.local-auth-page *{font-family:'CoolTrack Prompt',Tahoma,sans-serif!important}
body:not(.local-auth-page),body:not(.local-auth-page) button,body:not(.local-auth-page) input,body:not(.local-auth-page) select,body:not(.local-auth-page) textarea,body:not(.local-auth-page) .brand,body:not(.local-auth-page) .counter,body:not(.local-auth-page) .asset-card h3,body:not(.local-auth-page) .soft-work-actions button,body:not(.local-auth-page) .soft-panel-link{font-family:'CoolTrack Prompt',Tahoma,sans-serif!important}
:root{--ocean:#18758c;--ocean-deep:#0f3548;--ocean-ink:#183246;--ocean-muted:#5d7383;--ocean-line:#d7e3e9;--ocean-canvas:#edf3f5;--ocean-panel:#fff;--ocean-soft:#e6f2f5;--ocean-shadow:0 8px 24px rgba(19,55,72,.07)}
body:not(.local-auth-page){--blue:var(--ocean);--soft-bg:var(--ocean-canvas);--soft-ink:var(--ocean-ink);--soft-muted:var(--ocean-muted);--soft-line:var(--ocean-line);--soft-shadow:var(--ocean-shadow);background:var(--ocean-canvas)!important;color:var(--ocean-ink)!important;font-size:15px}
body:not(.local-auth-page) .shell{background:var(--ocean-canvas)!important}
body:not(.local-auth-page) .sidebar{background:linear-gradient(165deg,#112d41,#0c2435 75%)!important;border-right:1px solid #1b4052!important;box-shadow:6px 0 24px #102b3b12!important;color:#e4eef2!important;padding:23px 12px 18px}
body:not(.local-auth-page) .brand{color:#f8fdff!important;padding:0 11px 23px!important;font-size:22px!important}
body:not(.local-auth-page) .brand small{color:#abc3cd!important;font-size:11px!important}
body:not(.local-auth-page) .brand-mark{background:linear-gradient(145deg,#1f8299,#155064)!important;color:#fff!important;box-shadow:0 5px 13px #071a2855}
body:not(.local-auth-page) .hospital-context{background:#183b50!important;border:1px solid #2c5265!important;box-shadow:none!important;padding:12px!important;margin:0 4px 21px!important}
body:not(.local-auth-page) .hospital-context-icon{background:#26576b!important;color:#d8f6fb!important}
body:not(.local-auth-page) .hospital-context small{color:#b5d2da!important}
body:not(.local-auth-page) .hospital-context b{color:#fff!important;line-height:1.25}
body:not(.local-auth-page) .menu-label{color:#9bb9c5!important;font-size:11px!important;padding:15px 11px 7px!important}
body:not(.local-auth-page) .menu button{color:#d2e0e8!important;font-size:14px!important;min-height:45px!important;padding:0 9px!important;gap:10px}
body:not(.local-auth-page) .menu button i{background:transparent!important;color:#a9c7d3!important;width:30px!important;height:30px!important;box-shadow:none!important}
body:not(.local-auth-page) .menu button:hover{background:#1c455a!important;color:#fff!important}
body:not(.local-auth-page) .menu button.active{background:#20516a!important;color:#fff!important;box-shadow:inset 3px 0 #4fb4c3!important}
body:not(.local-auth-page) .menu button.active i{background:#32748a!important;color:#fff!important}
body:not(.local-auth-page) .menu .counter{background:#28556b!important;color:#e6f6fa!important;font-size:12px!important}
body:not(.local-auth-page) .sidebar .hint{color:#a2bdc8!important;font-size:11px!important}
body:not(.local-auth-page) #topbar.topbar{background:#fff!important;border-bottom:1px solid var(--ocean-line)!important;box-shadow:0 1px 4px #173c4e0a}
body:not(.local-auth-page) .search{background:#f5f9fa!important;border-color:#d7e5ea!important;color:#436b7a!important}
body:not(.local-auth-page) .search input{color:var(--ocean-ink)!important}
body:not(.local-auth-page) .bell,body:not(.local-auth-page) .theme-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d3e1e7;border-radius:11px;background:#f7fafb;color:#255c72;cursor:pointer}
body:not(.local-auth-page) .theme-toggle:hover,body:not(.local-auth-page) .bell:hover{background:var(--ocean-soft);border-color:#9dc9d5}
body:not(.local-auth-page) .theme-toggle .ui-icon{width:20px;height:20px}
body:not(.local-auth-page) .avatar{background:#dceef2!important;color:#165b73!important}
body:not(.local-auth-page) .account b{color:var(--ocean-ink)!important}
body:not(.local-auth-page) .account small{color:var(--ocean-muted)!important}
body:not(.local-auth-page) .content{max-width:1620px;padding-top:29px}
body:not(.local-auth-page) h1,body:not(.local-auth-page) .hero h1,body:not(.local-auth-page) .page-head h1,body:not(.local-auth-page) .panel h2{color:var(--ocean-ink)!important}
body:not(.local-auth-page) .eyebrow{color:#477a8b!important}
body:not(.local-auth-page) .sub,body:not(.local-auth-page) .panel header p{color:var(--ocean-muted)!important}
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{background:var(--ocean-panel)!important;border:1px solid var(--ocean-line)!important;box-shadow:var(--ocean-shadow)!important;border-radius:14px!important}
body:not(.local-auth-page) .btn.primary{background:linear-gradient(140deg,#1c8197,#11617a)!important;border-color:#166e84!important;color:#fff!important;box-shadow:0 5px 13px #0c60752b!important}
body:not(.local-auth-page) .btn.primary:hover{background:linear-gradient(140deg,#166d84,#0d5069)!important}
body:not(.local-auth-page) .btn.secondary,body:not(.local-auth-page) .text-btn{background:#f6fafb!important;border-color:#c9dce4!important;color:#195b72!important}
body:not(.local-auth-page) .btn.secondary:hover,body:not(.local-auth-page) .text-btn:hover{background:#e2f1f5!important;border-color:#86bbca!important;color:#0e4a60!important}
body:not(.local-auth-page) .btn,body:not(.local-auth-page) .text-btn{min-height:44px!important;font-size:14px!important;border-radius:10px!important}
body:not(.local-auth-page) button:focus-visible,body:not(.local-auth-page) input:focus-visible,body:not(.local-auth-page) select:focus-visible{outline:3px solid #82c4d5!important;outline-offset:2px}
.soft-kpi{background:var(--ocean-panel)!important;border-color:var(--ocean-line)!important;box-shadow:var(--ocean-shadow)!important}
.soft-kpi:hover,.soft-kpi:focus-visible{border-color:#75b8c7!important;box-shadow:0 12px 25px #10445824!important}
.soft-kpi-copy>span,.soft-kpi-copy small{color:var(--ocean-muted)!important}
.soft-kpi-copy strong{color:var(--ocean-ink)!important}
.soft-kpi-icon{background:#def0f3!important;color:#176b83!important;box-shadow:none!important}
body:not(.local-auth-page) .soft-register-panel{background:linear-gradient(145deg,#174358,#0e2d40)!important;border-color:#174358!important}
body:not(.local-auth-page) .soft-register-panel h2{color:#fff!important}
.soft-register-bars em{background:#75c4d2!important}
.soft-register-bars>div:nth-child(2) em{background:#80d2ba!important}
.soft-work-panel .soft-panel-symbol{background:#e4f2f5!important;color:#226b81!important}
.soft-work-summary>div,.soft-work-actions button{background:#f4f8f9!important;border-color:var(--ocean-line)!important}
.soft-work-summary strong{color:var(--ocean-ink)!important}
.soft-work-summary span,.soft-work-note{color:var(--ocean-muted)!important}
.soft-work-actions button{color:#185d74!important}
.soft-work-actions button:hover{background:#e4f2f5!important}
body:not(.local-auth-page) .location-card{background:var(--ocean-panel)!important;border-color:var(--ocean-line)!important}
body:not(.local-auth-page) .location-card-visual{background:#e6f1f4!important;color:#23758b!important}
body:not(.local-auth-page) .location-card h3{color:var(--ocean-ink)!important}
body:not(.local-auth-page) .location-arrow{background:#e3f1f5!important;color:#1a6f85!important}
body:not(.local-auth-page) .air-visual{background:#e1f0f4!important;color:#1c7086!important;box-shadow:inset 0 0 0 1px #b7d6df!important}
body:not(.local-auth-page) .air-visual .ui-icon{width:25px;height:25px}
body:not(.local-auth-page) .real-asset-filter input,body:not(.local-auth-page) .real-asset-filter select,body:not(.local-auth-page) .location-searchbar input{font-size:15px!important;border-color:#c9dce4!important;color:var(--ocean-ink)!important;background:#fff!important}
.real-asset-filter{align-items:stretch!important;flex-wrap:wrap!important}
.real-asset-filter [data-real-asset-filter]{min-width:min(340px,100%);flex:1!important;min-height:46px}
.clear-asset-search,.location-searchbar button{min-height:44px;padding:0 15px;border:1px solid #c9dce4;border-radius:10px;background:#fff;color:#1b657b;font:600 13px 'IBM Plex Sans Thai',sans-serif;cursor:pointer}
.clear-asset-search:hover,.location-searchbar button:hover{background:#e6f2f5}
.location-searchbar{display:flex;align-items:center;gap:10px;margin:0 0 15px;padding:12px;background:var(--ocean-panel);border:1px solid var(--ocean-line);border-radius:13px;box-shadow:var(--ocean-shadow)}
.location-searchbar label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0 12px;border:1px solid #c9dce4;border-radius:10px;background:#fff;color:#40748a}
.location-searchbar label .ui-icon{width:19px;height:19px}
.location-searchbar input{width:100%;min-width:0;min-height:43px;padding:8px 0;border:0!important;outline:0!important;background:transparent!important}
.location-search-count{color:var(--ocean-muted);font-size:13px;white-space:nowrap}
.location-search-empty{padding:30px;text-align:center;color:var(--ocean-muted);background:var(--ocean-panel);border:1px dashed var(--ocean-line);border-radius:12px}
[hidden]{display:none!important}
@media(max-width:700px){
  body:not(.local-auth-page) #topbar.topbar{background:#fff!important}
  body:not(.local-auth-page) .content{padding:19px 15px 105px}
  body:not(.local-auth-page) .mobile-nav{background:#fff!important;border-top-color:var(--ocean-line)!important}
  body:not(.local-auth-page) .mobile-nav button{color:#4d6e7e!important}
  body:not(.local-auth-page) .mobile-nav button.active{background:#e1f1f5!important;color:#145d74!important}
  body:not(.local-auth-page) .mobile-drawer-panel{background:#f7fafb!important;color:var(--ocean-ink)!important}
  body:not(.local-auth-page) .mobile-drawer button.active{background:#dceef3!important;color:#155c73!important}
  .location-searchbar{flex-wrap:wrap;padding:10px}
  .location-searchbar label{flex-basis:100%}
  .location-search-count{margin-left:auto}
  .soft-kpi-copy>span{font-size:13px!important}
  .soft-kpi-copy small{font-size:12px!important}
  .soft-heading .actions{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){.soft-heading .actions{grid-template-columns:1fr}.location-search-count{width:100%;text-align:right}}
html[data-cooltrack-theme="dark"]{color-scheme:dark}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page){--ocean-ink:#e7f3f5;--ocean-muted:#abc1cb;--ocean-line:#294c5d;--ocean-canvas:#0c1e2a;--ocean-panel:#153243;--ocean-soft:#1d4657;--ocean-shadow:0 8px 22px #06141d38;background:var(--ocean-canvas)!important;color:var(--ocean-ink)!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .shell{background:var(--ocean-canvas)!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) #topbar.topbar{background:#143142!important;border-bottom-color:#2d5262!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .search,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .bell,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .theme-toggle{background:#1e4353!important;border-color:#345e6d!important;color:#d0e7ed!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .search input,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .account b{color:#e7f3f5!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .btn.secondary,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .text-btn,html[data-cooltrack-theme="dark"] .soft-work-summary>div,html[data-cooltrack-theme="dark"] .soft-work-actions button{background:#1c4253!important;border-color:#3a6371!important;color:#d3edf2!important}
html[data-cooltrack-theme="dark"] .soft-kpi-icon{background:#265366!important;color:#ccf1f6!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .location-card-visual,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .air-visual{background:#214b5e!important;color:#bde9f0!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .location-arrow{background:#28596b!important;color:#d4f1f5!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .location-searchbar label,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .location-searchbar input,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .real-asset-filter input,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .real-asset-filter select,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .filter-row input,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .filter-row select,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .form input,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .form select,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .form textarea{background:#1c4051!important;border-color:#3b6271!important;color:#e7f3f5!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .clear-asset-search,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .location-searchbar button{background:#214a5c!important;border-color:#3b6271!important;color:#d8f0f4!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .modal,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .mobile-drawer-panel,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .mobile-nav{background:#153243!important;color:#e7f3f5!important;border-color:#315769!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .mobile-drawer button,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .mobile-nav button{color:#c1dce3!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .mobile-nav button.active,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .mobile-drawer button.active{background:#245168!important;color:#fff!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .detail,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .asset-bulk-toolbar,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) th{background:#1c4051!important;border-color:#315769!important;color:#d2e6eb!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) td,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) td b,html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .detail b{color:#e5f1f4!important;border-color:#315769!important}
html[data-cooltrack-theme="dark"] body:not(.local-auth-page) .badge.soft{background:#275063!important;color:#deedf1!important}