#desktop-services{display:none}
#desktop-detail-dialog{width:min(1000px,92vw);max-width:92vw;max-height:88dvh;padding:0;border:1px solid #dee8f0;border-radius:24px;box-shadow:0 30px 100px #1b395140;overflow:auto;color:#243543}
#desktop-detail-dialog::backdrop{background:#17263283;backdrop-filter:blur(6px)}
.desktop-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;background:#f5f9fd;border-bottom:1px solid #e2e5f0;position:sticky;top:0;z-index:3}
.desktop-dialog-heading small{color:#6d8191;font-size:12px}.desktop-dialog-heading h2{font-size:18px;margin:5px 0 0;line-height:1.8;overflow-wrap:anywhere}.desktop-dialog-heading button{flex-shrink:0;width:42px;height:42px;border-radius:14px;background:white}
#desktop-detail-loading{padding:50px;text-align:center;color:#486e8e}
#desktop-detail-body>.desktop-detail-open{display:block!important;margin:0;border:0;box-shadow:none;border-radius:0;min-height:0;padding:28px;max-width:none;width:100%}
@media(min-width:801px){
 body.signed-in{background:linear-gradient(140deg,#f3f6fded,#f1f6fae8);isolation:isolate}
 body.signed-in::before{content:'';position:fixed;inset:0;background:url('/brand/awal-logo.png') center 58%/min(650px,65vw) auto no-repeat;opacity:.045;pointer-events:none;z-index:-1}
 body.signed-in .topbar{height:auto;min-height:88px;max-width:1320px;margin:auto;padding:18px 32px;display:flex;justify-content:space-between;background:transparent;border:0;box-shadow:none}
 body.signed-in .topbar .brand{visibility:visible;display:flex}.topbar .brand-logo{width:72px;height:60px;object-fit:contain}.topbar .brand-title{font-size:17px}
 body.signed-in #account{display:flex;gap:16px;align-items:center;max-width:none}body.signed-in #account>button:not(#logout){display:none!important}#account-name{font-size:14px;color:#4d6070}#logout{border:1px solid #dfe9f1;background:#ffffffb8;border-radius:12px;padding:10px 16px}
 body.signed-in #guest-label{display:none}
 #desktop-services:not([hidden]){display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;max-width:1256px;margin:0 auto 22px;padding:12px;background:#ffffffd9;border:1px solid #e4ebf1;border-radius:22px;box-shadow:0 8px 28px #2f4d6610}
 #desktop-services button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px 7px;min-height:72px;border:0;border-radius:14px;background:transparent;color:#647481;font-size:12px;transition:background .18s,transform .18s,box-shadow .18s}
 #desktop-services svg{width:22px;height:22px}#desktop-services button:hover{background:#edf4f9;transform:translateY(-2px)}#desktop-services button[aria-current=page]{background:linear-gradient(125deg,#124b7b,#256ab1);color:white;box-shadow:0 5px 14px #124b7b26}
 body.signed-in main{max-width:1320px;margin:auto;padding:0 32px 32px}
 body.signed-in main>section:not([hidden]){max-width:1256px;margin:0 auto;padding:24px;background:transparent}
 .workspace-shell,.workspace-content{display:block!important;min-height:0!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;background:transparent!important}
 .workspace-banner{display:none!important}.page-heading{margin:0 0 22px;gap:20px}.page-heading h1{font-size:27px}.page-heading .muted{font-size:13px}
 .heading-actions button,.management-shortcuts button{border-radius:13px;min-height:44px}.heading-actions{flex-wrap:wrap;gap:9px}
 .ticket-layout,.project-layout,.inventory-layout,.customer-directory-layout,.management-layout,.management-employee-layout{display:block!important;grid-template-columns:1fr!important;margin-top:20px}
 #ticket-detail,#project-detail,#inventory-detail,#customer-directory-detail,.management-detail{display:none!important}
 .desktop-popup-source:not(.desktop-detail-open){display:none!important}.desktop-tool{display:inline-flex;align-items:center;gap:9px;margin:10px 0 20px}.desktop-tool svg{width:22px;height:22px}.desktop-collection-table{background:#ffffffeb;border:1px solid #e1e5f1;border-radius:16px;margin:16px 0;overflow:hidden}#notification-list{display:block}
 .ticket-sidebar,.project-list-panel,.inventory-layout>aside,.directory-list-panel,.employee-list-panel,.management-list,.allowance-table-panel{position:static;width:100%;max-width:none;display:block;background:#fffffff2;border:1px solid #e1e5f1;border-radius:20px;padding:18px;box-shadow:0 10px 35px #253a4c08}
 #ticket-list,#project-list,#inventory-list,#customer-directory-list,.management-list{max-height:62vh;overflow:auto}.workspace-table{font-size:14px}.workspace-table th{background:#f2f4fb;padding:16px 20px;position:sticky;top:0;z-index:1}.workspace-table td{padding:19px 20px}.workspace-table tbody tr{cursor:pointer;transition:background .16s}.workspace-table tbody tr:hover{background:#eef3ff}.workspace-table tbody tr.selected{background:#edf4f9}.workspace-table .table-select{font-size:14px;line-height:1.8}.workspace-table .table-select:hover{color:#216ca8}
 .ticket-statistics{gap:16px;margin-bottom:22px}.stat-card{border-radius:18px;background:#ffffffd9;padding:18px 22px}.ticket-filters,.ticket-search,.project-search,.inventory-search,.directory-search,.management-toolbar,.management-filter{border-radius:16px;background:#ffffffc9}.management-shortcuts{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.management-cards{gap:16px}
 #mobile-account:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:18px}#mobile-account>.page-heading,#mobile-account>#mobile-account-actions,#mobile-account>.mobile-logout{grid-column:1/-1}#mobile-account .info-block{margin:0}
 #report-preview{background:#ffffffeb;border-radius:20px;padding:22px;overflow:auto}
 button:focus-visible,.table-select:focus-visible{outline:3px solid #45b1df;outline-offset:3px}
}
@media(max-width:800px){.desktop-collection-table,.desktop-tool{display:none!important}}
@media(prefers-reduced-motion:reduce){#desktop-services button,.workspace-table tbody tr{transition:none!important}}

/* Keep both filter labels above their controls at every screen size. */
#ticket-filters:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:18px;padding:20px 22px;border:1px solid #e0e8f1;border-radius:18px;background:#fff;margin:18px 0}
#ticket-filters #ticket-queues:not([hidden]),#ticket-filters>div{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start;gap:9px;width:auto;min-width:0;margin:0}
#ticket-filters label{margin:0!important;display:block;font-size:13px;line-height:1.6;color:#254a68}
#ticket-filters select{width:100%;min-width:0;max-width:100%;height:48px;border-radius:12px;background:#f8fbfe;border:1px solid #d5e2ee;font-size:14px;padding:10px 14px}
#ticket-filters #clear-ticket-filter{align-self:end;height:48px;min-height:48px;margin:0;padding:10px 20px;border-radius:12px;white-space:nowrap}
#ticket-filters>.muted{grid-column:1/-1;font-size:11px;margin:0;color:#74869b}
#ticket-filters:has(#ticket-queues[hidden]){grid-template-columns:minmax(0,1fr) auto}
@media(max-width:600px){#ticket-filters:not([hidden]),#ticket-filters:has(#ticket-queues[hidden]){grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}#ticket-filters #clear-ticket-filter{width:100%}}