:root{--brand:#0e6f6b;--brand-dark:#084b48;--ink:#333a45;--muted:#657b7e;--glass:rgba(255,255,255,.66);--line:rgba(255,255,255,.85);--bs-primary:#0e6f6b;--bs-primary-rgb:14,111,107;--bs-body-color:#333a45}body{color:var(--ink)!important;font-weight:400!important;background:radial-gradient(ellipse at 8% 8%,#c1e0dd 0,transparent 44%),radial-gradient(ellipse at 88% 90%,#b2d6ce 0,transparent 40%),linear-gradient(125deg,#e8eff1,#e1eeea 55%,#d4e2e5)!important;background-attachment:fixed!important;min-height:100vh}body:before,body:after{content:'';position:fixed;z-index:-1;border-radius:50%;pointer-events:none}body:before{width:350px;height:350px;left:-100px;bottom:-130px;background:radial-gradient(circle at 30% 25%,#d6f1e9,#77b4a7 50%,#0e6f6b);filter:blur(2px);opacity:.38}body:after{width:270px;height:270px;right:14%;top:-160px;background:radial-gradient(circle at 25% 30%,white,#7aaca7 60%,#333a45);opacity:.4}a{color:var(--brand)}.sb-topnav{position:relative!important;height:76px!important;background:rgba(255,255,255,.55)!important;border:1px solid var(--line);border-radius:22px 22px 0 0;box-shadow:none!important;backdrop-filter:blur(22px);margin:28px 28px 0;padding:0 23px!important;gap:16px;width:auto!important}.brand-lockup{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:22px;font-weight:700;text-decoration:none}.brand-symbol{background:linear-gradient(140deg,#218b81,#0e6f6b);width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:white;font-size:24px;box-shadow:0 5px 15px #0e6f6b25}.brand-lockup small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.top-meta{margin-inline-start:auto;display:flex;gap:15px;align-items:center;font-size:14px}.top-meta .avatar{width:36px;height:36px;background:#d7e9e3;border-radius:50%;display:grid;place-items:center;color:var(--brand)}.logout-button{border:1px solid #d4e3df;border-radius:10px;background:#ffffff70;color:var(--muted);padding:6px 13px;font:inherit}.top-date{font-size:13px;color:var(--muted)}#sidebarToggle{color:var(--brand)!important;background:#e3eee9!important;border:0;border-radius:9px}#layoutSidenav{margin:0 28px 28px;border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px;background:rgba(255,255,255,.24);box-shadow:0 25px 70px #31595312;align-items:stretch;overflow:clip}#layoutSidenav #layoutSidenav_nav{width:235px!important;flex-basis:235px!important;position:relative!important;transform:none!important;flex-shrink:0}.sb-sidenav{background:rgba(255,255,255,.32)!important;border-left:1px solid #ffffff80;padding:25px 15px;min-height:calc(100vh - 134px)}.sb-sidenav-menu{overflow:visible!important}.nav-label{color:#718783;font-size:12px;margin:8px 13px 15px}.glass-nav{display:flex;flex-direction:column;gap:7px}.glass-nav a{display:flex;align-items:center;gap:13px;border-radius:12px;padding:11px 14px;color:#56646a;text-decoration:none;font-size:16px;transition:background .15s}.glass-nav a i{width:19px;color:#6b8b85;font-size:14px}.glass-nav a:hover{background:#ffffff80}.glass-nav a.active{background:#0e6f6b;color:white;box-shadow:0 5px 15px #0e6f6b20}.glass-nav a.active i{color:#ddf6eb}.sidebar-note{margin:35px 10px 10px;padding:20px 14px;border:1px solid #ffffffb0;border-radius:16px;background:linear-gradient(135deg,#ffffff70,#c5e2d94d);font-size:13px;color:var(--muted)}.sidebar-note strong{display:block;color:var(--brand);font-size:16px;margin-bottom:5px}#layoutSidenav #layoutSidenav_content{margin:0!important;padding:24px!important;min-width:0;flex:1;min-height:calc(100vh - 134px);top:0!important;background:transparent!important}#layoutSidenav_content main>.container-fluid{padding:0!important}body.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav{display:none}body.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content{margin:0!important}.glass-user #layoutSidenav_content{width:100%}.card,.modal-content,.dropdown-menu{background:var(--glass)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 5px 20px #38565b05!important;backdrop-filter:blur(16px)}.card:hover{transform:none!important}.card-header{background:#ffffff38!important;border-bottom:1px solid #dbe7e1!important;border-radius:18px 18px 0 0!important;color:var(--ink)}.card-body{padding:23px}.breadcrumb{background:transparent!important;padding:0!important;margin:4px 0 20px!important;font-size:23px}.breadcrumb .h6{font-size:23px;color:var(--ink)}.btn{border-radius:10px!important;box-shadow:none!important;transition:background .15s}.btn-primary,.btn-success,.btn-login,.create_number_btn,.next_counter_number_btn{background:linear-gradient(125deg,#18867e,#0e6f6b)!important;border-color:#0e6f6b!important;color:#fff!important}.btn-primary:hover,.btn-success:hover,.btn-login:hover{background:#084b48!important}.btn-secondary{background:#eef2f2!important;color:#333a45!important;border-color:#d6e0df!important}.btn-danger{background:#fbebea!important;color:#a23e3e!important;border-color:#e9cccc!important}.btn-info{background:#dcefeb!important;color:#0e6f6b!important;border-color:#bdd9d0!important}.form-control,.form-select,.bootstrap-select>.dropdown-toggle{border:1px solid #cfddda!important;background:#ffffffb0!important;color:var(--ink)!important;border-radius:10px!important;min-height:42px;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:#0e6f6b!important;box-shadow:0 0 0 3px #0e6f6b15!important}.form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}.table{--bs-table-bg:transparent;--bs-table-color:#333a45;border-color:#dce7e3!important;font-size:15px}.table>:not(caption)>*>*{padding:14px 12px!important;box-shadow:none!important;background:transparent}.table thead th{color:#627b78;font-weight:500;border-bottom:1px solid #cdded8!important;background:#e8f0ed80!important}.table-bordered>:not(caption)>*{border-width:0 0 1px!important}.table-bordered>:not(caption)>*>*{border-width:0!important}.page-link{color:var(--brand);border-color:#dce7e3;background:#ffffff80}.active>.page-link,.page-item.active .page-link{background:var(--brand);border-color:var(--brand);color:white}footer{background:transparent!important;color:var(--muted);font-size:12px;margin-top:25px}footer .bg-light{background:transparent!important}.glass-user .row.rounded-4,.glass-user .rounded-5[style*="background-color"]{background:rgba(255,255,255,.33)!important;border:1px solid #ffffffa0;border-radius:20px!important;padding:20px!important}.glass-user main h2{color:var(--brand);font-size:26px}.glass-user .col-lg-3{margin-bottom:18px}.glass-user .card img{object-fit:contain}.dash-heading{display:flex;justify-content:space-between;align-items:center;margin:3px 0 23px}.eyebrow{font:11px 'Segoe UI',sans-serif;letter-spacing:2px;color:#60847e}.dash-heading h1{font-size:31px;font-weight:700;margin:6px 0}.dash-heading p{font-size:15px;color:var(--muted);margin:0}.date-chip{background:#ffffff70;border:1px solid white;border-radius:11px;padding:8px 13px;color:#607771;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px}.glass-panel{background:rgba(255,255,255,.6);border:1px solid #ffffffcc;border-radius:19px;padding:24px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-title h2{font-size:19px;margin:0;color:var(--ink)}.panel-title small{color:var(--muted);font-size:12px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-stat{padding:16px;background:#ffffff50;border:1px solid #ffffff95;border-radius:14px}.dash-stat span{font-size:13px;color:var(--muted)}.dash-stat strong{display:block;font:600 33px 'Segoe UI',sans-serif;color:var(--brand);margin:8px 0}.dash-stat small{font-size:11px;color:#7b8e8b}.service-bars{display:flex;gap:25px;align-items:end;margin-top:28px;padding:10px 15px 0;height:155px;border-bottom:1px solid #cdded8}.bar-group{flex:1;display:flex;align-items:end;justify-content:center;gap:8px;height:100%;position:relative}.chart-bar{width:30px;min-height:3px;border-radius:6px 6px 0 0;background:linear-gradient(#4bada0,#0e6f6b)}.chart-bar.secondary{background:linear-gradient(#a3b6ba,#333a45)}.chart-legend{display:flex;justify-content:center;gap:25px;font-size:12px;color:var(--muted);margin-top:12px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#0e6f6b;margin-left:5px}.legend-dot.gray{background:#333a45}.bar-labels{display:flex;justify-content:space-around;font-size:13px;color:var(--muted);margin-top:9px}.ring{height:140px;width:140px;margin:16px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0e6f6b var(--progress),#dce7e3 0)}.ring>div{height:112px;width:112px;background:#eff5f2;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring strong{font:600 30px 'Segoe UI';color:var(--brand)}.ring small{font-size:12px;color:var(--muted)}.status-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #dce7e380;font-size:14px}.status-line strong{font-family:'Segoe UI';color:var(--ink)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-link{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #ffffffd0;background:#ffffff50;border-radius:12px;color:var(--ink);text-decoration:none}.quick-link:hover{background:#e1eeea}.quick-link i{color:var(--brand);font-size:19px}.quick-link small{display:block;color:var(--muted);font-size:12px}.queue-badge{background:#dceee6;color:#0e6f6b;padding:3px 10px;border-radius:20px;font-size:12px}.dashboard-wide{grid-column:1/-1}.auth-container{background:#ffffff66!important;border:1px solid #ffffffd0!important;border-radius:25px!important;box-shadow:0 25px 90px #25463e18!important;backdrop-filter:blur(25px);overflow:hidden}.auth-brand-side{background:linear-gradient(155deg,#0e6f6b,#333a45)!important;border-radius:0!important}.auth-form-side{background:rgba(255,255,255,.55)!important;border-radius:0!important}.brand-title,.brand-text{color:white!important}.login-title{color:#333a45!important}.login-subtitle{color:#607771!important}.logo-container{background:#ffffffd9!important;border-radius:22px!important}.input-icon{color:#0e6f6b!important}.login-form-container .form-control{padding-inline-start:42px!important}.auth-container .btn-login{border-radius:11px!important}.text-primary{color:var(--brand)!important}:focus-visible{outline:3px solid #4a9e95!important;outline-offset:3px}@media(min-width:992px){#layoutSidenav #layoutSidenav_content{margin-right:0!important}}@media(max-width:991px){.sb-topnav{margin:12px 12px 0;padding:0 15px!important}#layoutSidenav{margin:0 12px 12px;overflow:visible}#layoutSidenav #layoutSidenav_nav{display:none}body.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav{display:block;position:fixed!important;right:12px;top:88px;bottom:12px;z-index:1035;background:#e6efeb;border-radius:16px;overflow:auto;box-shadow:-15px 10px 45px #233c3526}#layoutSidenav #layoutSidenav_content{padding:18px!important}.dashboard-grid{grid-template-columns:1fr}.dashboard-wide{grid-column:auto}.top-date{display:none}.brand-lockup{font-size:18px}.top-meta{gap:7px}.sb-sidenav{min-height:100%}}@media(max-width:575px){.dash-heading{align-items:start;gap:12px}.date-chip{display:none}.dash-stats{grid-template-columns:1fr}.dash-stat{display:flex;align-items:center;justify-content:space-between;gap:10px}.dash-stat strong{font-size:27px}.dash-stat small{display:none}.glass-panel{padding:17px}.quick-grid{grid-template-columns:1fr}.top-meta .account-name,.brand-lockup small{display:none}.top-meta .avatar{display:none}.sb-topnav{gap:9px}.brand-symbol{width:32px;height:32px}.glass-user .row.rounded-4{padding:12px!important}.table{font-size:13px}.card-body{padding:14px;overflow-x:auto}.auth-container{margin:15px!important;width:calc(100% - 30px)!important}.dashboard-wide{overflow:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:white!important}body:before,body:after,.sb-topnav,#layoutSidenav_nav,footer{display:none!important}#layoutSidenav,#layoutSidenav_content{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}.card,.glass-panel{background:white!important;backdrop-filter:none!important}}
/* UX refinement: clear content surfaces, consistent spacing, accessible controls. */
:root{--muted:#52656a;--glass:rgba(255,255,255,.93);--line:#e0e9e6}body{background:radial-gradient(ellipse at 100% 0,#d5e9e3,transparent 55%),#f2f6f5!important;line-height:1.65}body:before,body:after{display:none}.sb-topnav{background:#ffffffdf!important;position:sticky!important;top:0;z-index:1030;border-color:#e1e9e6;margin-top:18px;min-height:76px}.brand-lockup{font-size:21px}.brand-lockup small{font-size:13px}.top-meta{font-size:15px}.logout-button{min-height:40px}.sb-sidenav{background:#f8fbfad9!important;border-left:1px solid #e0e9e6;padding-top:25px}.glass-nav a{font-size:17px;min-height:46px}.glass-nav a.active{box-shadow:0 4px 12px #0e6f6b15}.sidebar-note{background:#eaf3ef;border-color:#d8e8df;color:#52656a}#layoutSidenav{border-color:#e0e9e6;box-shadow:0 12px 38px #223e3506;background:#ffffff36}#layoutSidenav #layoutSidenav_content{padding:30px!important}.dash-heading{margin-bottom:26px}.dash-heading h1{font-size:34px}.dash-heading p{font-size:17px}.eyebrow{font-size:11px;letter-spacing:1.3px}.glass-panel,.card{backdrop-filter:none;border-color:#e0e9e6!important;box-shadow:0 3px 12px #20352f04!important}.glass-panel{padding:25px;background:#fffffff0}.panel-title h2{font-size:21px;font-weight:700}.panel-title small{font-size:13px}.dash-stat{background:#f4f8f6;border-color:#e6eeeb}.dash-stat span{font-size:15px}.dash-stat strong{font-size:36px}.dash-stat small{font-size:12px;color:#52656a}.date-chip{color:#52656a;border-color:#dbe6e0;background:#fff}.quick-link{background:#f7faf8;border-color:#e2ebe6;min-height:85px;font-size:18px}.quick-link small{font-size:14px}.status-line{font-size:16px}.table{font-size:16px}.table thead th{color:#485d5d;font-weight:700;background:#f0f5f2!important}.table tbody tr:hover{background:#f2f8f5}.btn{min-height:42px;padding:9px 17px;font-size:16px}.btn-sm{min-height:36px;padding:6px 12px}.form-control,.form-select,.bootstrap-select>.dropdown-toggle{min-height:46px;font-size:16px}.form-label,label{color:#333a45}.modal-content,.dropdown-menu{background:#fff!important}.modal-header{border-bottom:1px solid #e1e8e4}.dataTables_filter input,.dataTables_length select{border:1px solid #ccdcd4;border-radius:8px;padding:6px 10px;min-height:38px;background:#fff}.dataTables_filter{margin-bottom:14px}.card-header{padding:18px 22px}.queue-badge{font-size:14px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px}.workspace-heading h1{font-size:34px;font-weight:700;margin:6px 0;color:#333a45}.workspace-heading p{margin:0;color:#52656a;font-size:17px}.workspace-kicker{font-size:13px;color:#0e6f6b;font-weight:700}.service-tag{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;background:#e5f1eb;border:1px solid #cde2d7;border-radius:30px;font-size:15px;color:#0e6f6b;white-space:nowrap}.workflow-note{display:flex;gap:14px;align-items:center;border:1px solid #d8e7df;background:#eaf4ef;padding:15px 20px;border-radius:13px;margin-bottom:24px;color:#385c56;font-size:16px}.workflow-note i{font-size:20px;color:#0e6f6b}.service-toolbar{background:#fff;border:1px solid #e0e9e6;padding:18px 22px;border-radius:15px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.service-toolbar label{margin:0;flex:1;max-width:520px}.service-toolbar input{margin-top:6px}.service-toolbar .result-count{font-size:15px;color:#52656a}.college-section{margin-bottom:27px}.college-title{display:flex;align-items:center;gap:12px;margin:0 0 16px}.college-title .college-icon{width:39px;height:39px;border-radius:12px;background:#e4eeea;color:#0e6f6b;display:grid;place-items:center}.college-title h2{font-size:23px!important;color:#333a45!important;margin:0;font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.service-card{display:flex;flex-direction:column;padding:23px;background:#fff;border:1px solid #dce7e1;border-radius:16px;min-width:0;transition:border-color .15s,box-shadow .15s}.service-card:hover{border-color:#78afa0;box-shadow:0 7px 20px #0e6f6b08}.service-card .card-icon{background:#edf5f0;color:#0e6f6b;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:20px;margin-bottom:18px}.service-card h3{font-size:21px;font-weight:700;margin:0 0 8px;color:#333a45;line-height:1.5}.service-card p{font-size:15px;color:#52656a;margin:0 0 22px}.service-card form{margin-top:auto}.service-card button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.empty-state{border:1px dashed #b8cec3;background:#f9fcfa;text-align:center;padding:40px 24px;border-radius:16px;color:#52656a;font-size:17px}.empty-state h2{color:#333a45;font-size:23px}.empty-state i{font-size:30px;color:#6e9788;margin-bottom:12px}.employee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,440px));gap:23px}.operator-card{background:#fff;border:1px solid #dce7e1;border-radius:19px;overflow:hidden}.operator-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 23px;border-bottom:1px solid #e4ece7;background:#fafcfb}.operator-head h3{font-size:19px;font-weight:700;margin:0}.operator-head small{color:#52656a;font-size:14px}.operator-body{padding:27px;text-align:center}.operator-body h4{font-size:22px;line-height:1.5;margin-bottom:22px}.number-label{display:block;font-size:15px;color:#52656a}.current-ticket{font:700 80px/1.2 'Segoe UI',sans-serif;letter-spacing:-2px;color:#0e6f6b;background:#f0f7f3;border-radius:15px;padding:24px 10px;margin:14px 0 23px}.operator-body .btn{width:100%;min-height:50px}.operator-body .action-hint{font-size:14px;color:#52656a;margin:14px 0 0}.operator-idle{padding:32px 5px;color:#52656a}.operator-idle i{font-size:34px;color:#729689}.operator-idle strong{display:block;color:#333a45;font-size:23px;margin:15px}.operator-section{margin-bottom:32px}.operator-section>h2{font-size:23px!important;color:#333a45!important;margin-bottom:16px}.skip-link{position:fixed;top:-100px;right:20px;z-index:2000;background:#0e6f6b;color:white;padding:12px 22px;border-radius:10px}.skip-link:focus{top:10px;color:white}.ux-banner{margin-bottom:20px}button[disabled]{cursor:wait;opacity:.7}[hidden]{display:none!important}.auth-container{max-width:1000px}.auth-form-side{background:#fff!important}.login-title{font-size:30px}.login-subtitle{font-size:16px}.auth-container .form-control{padding-inline-start:44px!important}.auth-container .btn-login{min-height:49px}.auth-container label{font-size:15px}.auth-brand-side .brand-text{line-height:1.9}.auth-container input::placeholder{color:#697b7e;opacity:1}.glass-user main{max-width:1440px;width:100%;margin-inline:auto}@media(max-width:991px){#layoutSidenav #layoutSidenav_content{padding:22px!important}.workspace-heading h1{font-size:29px}.top-meta .account-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:575px){.sb-topnav{margin:8px 8px 0;min-height:66px;height:auto!important;border-radius:15px 15px 0 0}.brand-lockup{font-size:17px}#layoutSidenav{margin:0 8px 8px}#layoutSidenav #layoutSidenav_content{padding:17px!important}.workspace-heading{align-items:start;flex-direction:column;gap:12px}.workspace-heading h1,.dash-heading h1{font-size:28px}.workspace-heading p{font-size:16px}.service-toolbar{flex-direction:column;align-items:stretch;padding:15px}.service-grid,.employee-grid{grid-template-columns:minmax(0,1fr)}.workflow-note{align-items:start;font-size:15px;padding:14px}.college-title h2{font-size:21px!important}.glass-panel{padding:18px}.top-meta{gap:6px}.logout-button{padding:5px 9px}.current-ticket{font-size:68px}.auth-form-side{padding:28px 20px!important}.operator-body{padding:22px}.dash-heading p{font-size:16px}}@media print{.service-toolbar,.workflow-note,.skip-link{display:none!important}}
/* Keep the primary employee action visible on ordinary laptop screens. */
main:has(.employee-grid) .workspace-heading{margin-bottom:16px}main:has(.employee-grid) .workflow-note{margin-bottom:18px;padding:11px 16px}.operator-head{padding:14px 20px}.operator-body{padding:20px}.operator-body h4{font-size:21px;margin-bottom:12px}.current-ticket{font-size:66px;padding:13px 10px;margin:10px 0 17px}.operator-body .action-hint{margin-top:10px}.operator-section>h2{margin-bottom:12px}

/* Modern foundations: Fluent spacing, Material semantic roles, Carbon table scanability. */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--surface:#fff;--surface-subtle:#f6f8fa;--border-subtle:#e3e9ec;--text-primary:#333a45;--text-secondary:#52616b;--brand-surface:#e9f4f2}
body{background:#f2f5f7!important}.sb-topnav{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)}
#layoutSidenav{background:#f6f8fa!important}.sb-sidenav{background:#fff!important;padding:20px 12px}.nav-label{font-size:12px;font-weight:700;letter-spacing:0;margin:20px 14px 8px;color:#66737d}.nav-label:first-child{margin-top:0}.glass-nav{gap:4px}.glass-nav a{border-radius:8px;padding:10px 14px;min-height:44px}.glass-nav a.active{background:#e9f4f2;color:#0e6f6b;box-shadow:inset -3px 0 #0e6f6b;font-weight:700}.glass-nav a.active i{color:#0e6f6b}.glass-nav a:hover{background:#f0f5f5}.sidebar-note{margin-top:24px;font-size:13px}
.dash-heading{margin-bottom:24px}.eyebrow{font-size:13px;letter-spacing:0;color:#0e6f6b;font-weight:700}.dashboard-grid{gap:24px}.glass-panel{border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 2px 5px #333a4504;background:#fff;padding:24px}.panel-title{margin-bottom:24px}.panel-title h2{font-size:20px}.overview-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px!important;padding:0!important;border:0!important}.overview-stats .dash-stat{background:#fff;border:1px solid var(--border-subtle);border-radius:12px;padding:20px 24px!important;position:relative}.overview-stats .dash-stat:before{content:'';position:absolute;inset-inline-start:0;top:24px;height:32px;width:3px;background:#0e6f6b;border-radius:2px}.overview-stats .dash-stat:first-child:before{background:#ad6b12}.overview-stats .dash-stat strong{font-size:36px!important;line-height:1.4;font-variant-numeric:tabular-nums}.overview-stats .dash-stat span{color:#52616b}.overview-stats .dash-stat small{font-size:13px}.service-bars{height:160px;margin-top:32px}.chart-bar{position:relative;border-radius:6px 6px 0 0;min-height:2px}.bar-value{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);font:600 13px/1.2 'Segoe UI',sans-serif;color:#333a45}.chart-legend{margin-top:20px}.quick-link{border:1px solid #e3e9ec;border-radius:10px;transition:background .15s,border-color .15s}.quick-link:hover{background:#e9f4f2;border-color:#9fc8c3}.queue-badge{display:inline-flex;align-items:center;gap:6px;font-weight:600;border-radius:6px;padding:4px 10px;white-space:nowrap}.queue-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.queue-badge.status-waiting{background:#fff4df;color:#84520d}.queue-badge.status-serving{background:#e6f3f1;color:#0e6f6b}.queue-badge.status-done{background:#edf1f5;color:#46546a}
.table{font-size:15px;font-variant-numeric:tabular-nums}.table>thead>tr>th{background:#f3f6f8!important;color:#52616b!important;font-weight:600;padding:14px 16px!important;border-bottom:1px solid #dce4e9!important;white-space:nowrap}.table>tbody>tr>td{padding:16px!important;vertical-align:middle;border-color:#edf0f3!important;box-shadow:none!important}.table>tbody>tr:nth-child(even)>td{background:#fafbfc}.table-hover>tbody>tr:hover>td{background:#eef6f5!important}.table-bordered>:not(caption)>*>*{border-left-width:0;border-right-width:0}.card-header:has(.table-preferences){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-header .card-title{margin:0}.table-preferences{display:flex;align-items:center;gap:12px;font-size:13px;color:#52616b}.table-preferences .btn{min-height:36px;box-shadow:none!important}.table-compact #table>tbody>tr>td{padding:8px 16px!important}.dataTables_filter input{min-width:200px;background:#fff!important}.dataTables_wrapper .row:first-child{padding-block:12px 20px}.dataTables_info{color:#52616b}.dataTables_paginate .page-link{min-width:40px;min-height:40px;display:grid;place-items:center}.breadcrumb{font-size:22px!important;font-weight:700}.btn.shadow-lg{box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:#0e6f6b!important;box-shadow:0 0 0 3px #0e6f6b18!important}
@media(max-width:767px){.overview-stats{gap:8px}.overview-stats .dash-stat{padding:14px 12px!important}.overview-stats .dash-stat strong{font-size:28px!important}.overview-stats .dash-stat small{display:none}.dashboard-grid{gap:16px}.glass-panel{padding:20px}.table-preferences>span{display:none}}
@media(max-width:420px){.overview-stats{grid-template-columns:1fr}.overview-stats .dash-stat{display:flex;align-items:center;justify-content:space-between}.overview-stats .dash-stat strong{margin:0}.overview-stats .dash-stat:before{top:16px;height:24px}}
/* DataTables keeps a hidden header for column measurement inside its scroll body. */
.dataTables_scrollBody thead th{padding-block:0!important;border-block-width:0!important;height:0!important;line-height:0!important}.dataTables_scrollBody thead .dataTables_sizing{height:0!important;overflow:hidden!important}

/* Counter cards: scoped to dashboard metrics. */
.counter-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}
.counter-metric{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:24px;border:1px solid #e0e9e8;border-radius:20px;background:linear-gradient(135deg,#fff 45%,#f0f7f6);box-shadow:0 6px 20px #333a4505;color:#333a45}
.counter-metric:after{content:'';position:absolute;z-index:-1;width:180px;height:180px;inset-inline-end:-90px;top:-85px;border-radius:50%;border:24px solid #0e6f6b05;pointer-events:none}
.metric-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-top h2{font-size:17px!important;font-weight:600;margin:0;color:inherit!important}.metric-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:14px;background:#e6f2ef;color:#0e6f6b;font-size:19px}
.metric-value{display:flex;align-items:baseline;gap:10px;margin:12px 0 4px}.metric-value strong{font-family:'Segoe UI',sans-serif;font-size:48px;font-weight:650;line-height:1.2;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;color:inherit}.metric-value>span{font-size:14px;color:#607078}.counter-metric>p{font-size:14px;line-height:1.6;color:#52616b;margin:8px 0 22px}.metric-bottom{display:flex;align-items:center;gap:7px;padding-top:14px;border-top:1px solid #dfe9e7;font-size:12px;color:#52616b}.metric-dot{width:6px;height:6px;border-radius:50%;background:#0e6f6b;flex-shrink:0}.metric-scope{margin-inline-start:auto;font-size:11px}.metric-waiting .metric-icon{background:#fff1d9;color:#976017}.metric-waiting .metric-dot{background:#ad731e}
.metric-serving{background:linear-gradient(125deg,#0e6f6b,#09524f);border-color:#0e6f6b;color:#fff;box-shadow:0 8px 24px #0e6f6b20}.metric-serving:after{border-color:#ffffff07}.metric-serving .metric-icon{background:#ffffff18;color:#fff;border:1px solid #ffffff20}.metric-serving>p,.metric-serving .metric-value>span,.metric-serving .metric-bottom{color:#d9eeeb}.metric-serving .metric-bottom{border-color:#ffffff25}.metric-serving .metric-dot{background:#a4e1cc}.metric-done .metric-icon{background:#edf0f5;color:#333a45}
@media(max-width:1100px) and (min-width:768px){.counter-metric{padding:18px}.metric-scope{display:none}.metric-value strong{font-size:42px}}
@media(max-width:767px){.counter-metrics{grid-template-columns:1fr;gap:12px}.counter-metric{padding:20px}.metric-value strong{font-size:42px}.counter-metric>p{margin-bottom:16px}}
@media print{.metric-serving{background:white!important;color:#333a45!important}.metric-serving>p,.metric-serving .metric-value>span,.metric-serving .metric-bottom{color:#52616b!important}}

/* Counter maintenance: grouped by service with explicit action semantics. */
.counter-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}.management-counter{min-width:0;background:#fff;border:1px solid #dfe8e7;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #333a4506}.management-counter-head{display:flex;align-items:center;gap:14px;padding:24px;background:linear-gradient(120deg,#edf7f4,#f8fbfb);border-bottom:1px solid #e1ece8}.management-symbol{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#18827c,#0e6f6b);color:#fff;font-size:22px;box-shadow:0 5px 12px #0e6f6b18}.management-kicker{font-size:12px;color:#526b68}.management-counter-head h2{font-size:25px!important;font-weight:700;margin:3px 0 0;color:#333a45!important}.management-type{margin-inline-start:auto;font:600 28px 'Segoe UI',sans-serif;color:#adcac5}.management-actions{padding:24px;display:grid;gap:20px}.management-action{padding:0 0 22px;border-bottom:1px solid #e9eeee}.management-action:last-child{padding-bottom:0;border:0}.management-action-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.management-action-title h3{font-size:19px;margin:0;font-weight:600;color:#333a45}.action-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eaf4f1;color:#0e6f6b}.action-tag{margin-inline-start:auto;font-size:11px;padding:3px 8px;border-radius:6px;color:#47625a;background:#f0f6f3}.management-action p{font-size:15px;line-height:1.8;color:#52616b;margin:12px 0 16px;max-width:52ch}.management-action .btn{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:46px;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;box-shadow:none!important}.management-clean{background:#0e6f6b!important;border:1px solid #0e6f6b!important;color:white!important}.management-clean:hover{background:#095551!important}.management-reset .action-symbol{background:#faf0ed;color:#a4513f}.management-reset .action-tag{background:#faf0ed;color:#984735}.management-reset-button{background:#fff!important;color:#a04436!important;border:1px solid #e6c9c1!important}.management-reset-button:hover{background:#fff3ef!important;border-color:#ba7664!important}.management-foot{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#fafbfc;border-top:1px solid #edf0f1;color:#627178;font-size:12px}.management-foot i{color:#708985}@media(max-width:1050px){.counter-management-grid{grid-template-columns:1fr}}@media(max-width:575px){.management-counter-head,.management-actions{padding:20px}.management-counter-head h2{font-size:23px!important}.management-type{font-size:24px}.management-action p{font-size:14px}.management-foot{padding:14px 20px}.action-tag{font-size:10px}}

/* Reception: a searchable service directory with compact, aligned actions. */
.reception-workspace{max-width:1200px;margin:0 auto;padding:8px 0 24px}.reception-workspace .workspace-heading{margin-bottom:24px;gap:20px}.reception-workspace .workspace-heading h1{font-size:32px}.reception-search-panel{background:#fff;border:1px solid #e0e8e7;border-radius:16px;padding:20px 24px;margin-bottom:28px}.reception-workspace .service-toolbar{background:none;border:0;padding:0;margin:0;box-shadow:none;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.reception-workspace .service-toolbar label{flex:1;max-width:660px;font-size:14px;font-weight:600;color:#333a45}.reception-search-field{position:relative;margin-top:8px}.reception-search-field>i{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:#728481}.reception-search-field .form-control{padding-inline-start:44px!important;border-radius:10px;min-height:48px;background:#f9fbfb}.reception-workspace .result-count{background:#edf5f3;color:#0e6f6b;border-radius:8px;padding:8px 12px;font-size:13px;white-space:nowrap;margin-bottom:4px}.reception-hint{display:flex;align-items:baseline;gap:8px;color:#627178;font-size:13px;margin:14px 0 0}.reception-hint i{color:#0e6f6b}.reception-colleges{display:grid;gap:24px}.reception-workspace .college-section{background:#fff;border:1px solid #e0e8e7;border-radius:16px;margin:0;overflow:hidden}.reception-workspace .college-title{display:flex;align-items:center;gap:12px;margin:0;padding:18px 24px;background:linear-gradient(110deg,#fafcfc,#f0f7f5);border-bottom:1px solid #e7eeeb}.reception-workspace .college-icon{width:44px;height:44px;border-radius:12px;background:#e1efeb;color:#0e6f6b;display:grid;place-items:center;flex-shrink:0;font-size:19px}.reception-section-label{font-size:11px;color:#607772}.reception-workspace .college-title h2{font-size:21px!important;line-height:1.5;margin:0!important}.department-count{margin-inline-start:auto;font-size:12px;color:#526b66;white-space:nowrap;background:white;border:1px solid #dce8e3;padding:4px 10px;border-radius:20px}.reception-workspace .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 24px}.reception-workspace .service-card{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:18px;padding:18px;border:1px solid #e3eae8;border-radius:12px;background:#fff;box-shadow:none;transform:none;min-width:0;text-align:start}.reception-workspace .service-card:hover{background:#fafdfc;border-color:#9ebfb6;transform:none;box-shadow:none}.department-identity{display:flex;align-items:flex-start;gap:12px;min-width:0}.reception-workspace .card-icon{width:36px;height:36px;border-radius:10px;background:#f1f5f6;color:#526871;display:grid;place-items:center;flex-shrink:0;margin:0;font-size:16px}.reception-workspace .service-card h3{font-size:18px;line-height:1.5;margin:0 0 4px;overflow-wrap:anywhere}.reception-workspace .service-card p{font-size:12px;color:#6b7a80;margin:0}.reception-workspace .service-card form{margin:0}.reception-workspace .service-card .btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:42px;border-radius:8px;font-size:14px;padding:8px 16px;box-shadow:none}.reception-no-departments{color:#627178;margin:0;font-size:14px}@media(min-width:1400px){.reception-workspace .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.reception-workspace .service-grid{grid-template-columns:1fr;padding:16px}.reception-workspace .college-title{padding:16px}.reception-workspace .college-title h2{font-size:19px!important}.reception-search-panel{padding:16px}.reception-workspace .service-toolbar{align-items:stretch;flex-direction:column;gap:12px}.reception-workspace .result-count{align-self:flex-start}.reception-workspace .workspace-heading h1{font-size:27px}.department-count{font-size:11px;padding:3px 7px}}

/* Full-width reception directory, scoped to this page. */
.glass-user main:has(.reception-workspace){max-width:none!important;width:100%}
.reception-workspace{max-width:none;width:100%}
.reception-workspace .service-toolbar label{max-width:none}
.reception-workspace .service-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
@media(min-width:651px){.reception-workspace .service-grid:has(>.service-card:only-child){grid-template-columns:minmax(0,1fr)}.reception-workspace .service-card:only-child{flex-direction:row;align-items:center}.reception-workspace .service-card:only-child form{flex:0 0 200px}.reception-workspace .service-card:only-child .department-identity{flex:1}}
@media(max-width:650px){.reception-workspace .service-grid{grid-template-columns:1fr}}

/* Reception links retain focus outlines without text underlines. */
body:has(.reception-workspace) a,
body:has(.reception-workspace) a:hover,
body:has(.reception-workspace) a:focus,
.reception-workspace button,
.reception-workspace button:hover,
.reception-workspace button:focus{text-decoration:none!important}

/* Keep the administration sidebar within the viewport, independent of page length. */
@media (min-width: 992px) {
    .admin-workspace #layoutSidenav {
        overflow: visible;
        align-items: flex-start;
    }
    .admin-workspace #layoutSidenav #layoutSidenav_nav {
        position: sticky !important;
        top: 76px;
        align-self: flex-start;
        height: calc(100vh - 94px);
        height: calc(100dvh - 94px);
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scrollbar-width: thin;
        scrollbar-color: #bed3ce transparent;
        border-radius: 0 0 16px 0;
    }
    .admin-workspace #layoutSidenav_nav .sb-sidenav {
        height: auto;
        min-height: 100%;
    }
}
@media (max-width: 991px) {
    .admin-workspace #layoutSidenav_nav .sb-sidenav {
        height: auto;
        min-height: 100%;
    }
}

/* Compact sidebar, with no promotional footer or unused full-height space. */
.admin-workspace #layoutSidenav_nav .sb-sidenav {
    min-height: 0;
    padding: 16px 12px;
}
.admin-workspace .sb-sidenav .nav-label {
    margin: 12px 14px 6px;
}
.admin-workspace .sb-sidenav .nav-label:first-child {
    margin-top: 0;
}
.admin-workspace .glass-nav { gap: 2px; }
.admin-workspace .glass-nav a { padding: 8px 14px; min-height: 42px; }
@media (min-width: 992px) {
    .admin-workspace #layoutSidenav #layoutSidenav_nav {
        height: auto;
        max-height: calc(100vh - 94px);
        max-height: calc(100dvh - 94px);
    }
}

/* Balanced sidebar: viewport-based panel with comfortable navigation spacing. */
.admin-workspace #layoutSidenav_nav .sb-sidenav {
    padding: 22px 14px;
    border-radius: 0 0 16px 0;
}
.admin-workspace .sb-sidenav .nav-label {
    margin: 18px 14px 8px;
    color: #657871;
}
.admin-workspace .sb-sidenav .nav-label:first-child { margin-top: 0; }
.admin-workspace .glass-nav { gap: 4px; }
.admin-workspace .glass-nav a {
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 9px;
}
@media (min-width: 992px) {
    .admin-workspace #layoutSidenav #layoutSidenav_nav {
        height: calc(100vh - 118px);
        height: calc(100dvh - 118px);
        max-height: calc(100vh - 118px);
        max-height: calc(100dvh - 118px);
        background: #fff;
        border-inline-end: 1px solid #e0e9e6;
    }
    .admin-workspace #layoutSidenav_nav .sb-sidenav {
        min-height: 100%;
        border-left: 0;
    }
}
@media (max-height: 740px) and (min-width: 992px) {
    .admin-workspace #layoutSidenav_nav .sb-sidenav { padding-block: 14px; }
    .admin-workspace .sb-sidenav .nav-label { margin-block: 12px 6px; }
    .admin-workspace .sb-sidenav .nav-label:first-child { margin-top: 0; }
}