:root{--teal:#0d9488;--teal-dark:#0f766e;--emerald:#34d399;--orange:#f97316;--bg:#f5f7f8;--ink:#17202a;--muted:#667085;--line:#e5eaec;--card:#fff;--danger:#dc2626;--shadow:0 10px 30px rgba(16,42,67,.08)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}svg{width:1.25em;height:1.25em;display:block}.topbar{position:sticky;top:0;z-index:30;height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--teal-dark),var(--emerald));box-shadow:0 8px 18px #0d948833}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f1f8f7;color:var(--teal)}.user-chip{display:flex;flex-direction:column;line-height:1.2;padding:0 8px}.user-chip small{color:var(--muted);margin-top:3px}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:18px 12px}.sidebar nav{position:sticky;top:90px;display:grid;gap:6px}.sidebar a{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:12px;color:#475467;font-weight:650}.sidebar a:hover{background:#ecfdf8;color:var(--teal-dark)}.sidebar a svg{color:var(--teal)}.content{padding:28px;min-width:0;max-width:1500px;width:100%;margin:0 auto}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title h1{margin:0;font-size:27px;letter-spacing:-.02em}.page-title p{margin:5px 0 0;color:var(--muted)}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #edf0f2;border-radius:18px;box-shadow:var(--shadow);padding:18px}.stat{display:flex;align-items:center;justify-content:space-between}.stat .n{font-size:29px;font-weight:850;letter-spacing:-.04em}.stat .label{color:var(--muted);font-size:13px}.stat .icon{width:46px;height:46px;border-radius:14px;background:#e6fffb;color:var(--teal);display:grid;place-items:center}.hero-card{background:linear-gradient(135deg,#0f766e,#14b8a6 55%,#34d399);color:#fff;border:0;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#fff1;right:-70px;top:-80px}.hero-card .btn{background:#fff;color:var(--teal-dark)}.hero-card .btn.orange{background:var(--orange);color:#fff}.btn{appearance:none;border:0;border-radius:11px;background:var(--teal);color:#fff;padding:11px 15px;font:inherit;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(.97)}.btn.orange{background:var(--orange)}.btn.danger{background:var(--danger)}.btn.secondary{background:#eef6f5;color:var(--teal-dark)}.btn.ghost{background:transparent;color:#475467}.btn.small{padding:8px 11px;font-size:13px}.btn.block{width:100%}.actions{display:flex;gap:8px;flex-wrap:wrap}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:12px}.quick{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:9px;font-weight:650;font-size:13px;text-align:center}.quick .qi{width:46px;height:46px;border-radius:13px;background:#dff7f3;color:var(--teal);display:grid;place-items:center}.section-title{font-size:17px;margin:24px 0 12px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #eef1f2;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#667085;background:#fbfcfc}td{font-size:14px}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:750;background:#f2f4f7;color:#475467}.badge.success{background:#ecfdf3;color:#067647}.badge.warning{background:#fff7ed;color:#c2410c}.badge.danger{background:#fef2f2;color:#b42318}.form-card{max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:13px;font-weight:700;color:#344054;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #d7dfe2;background:#fff;border-radius:10px;padding:11px 12px;font:inherit;color:var(--ink)}.field textarea{min-height:110px;resize:vertical}.field.full{grid-column:1/-1}.muted{color:var(--muted)}.small-text{font-size:13px}.flash{position:fixed;top:82px;right:18px;z-index:80;max-width:420px;padding:12px 15px;border-radius:12px;background:#ecfdf3;color:#067647;box-shadow:var(--shadow);font-weight:650}.flash.error{background:#fef2f2;color:#b42318}.empty{text-align:center;background:#fff;border:1px dashed #ccd6d9;border-radius:16px;padding:42px 20px;color:var(--muted)}.empty h3{color:var(--ink);margin:0 0 6px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters input,.filters select{border:1px solid #d7dfe2;border-radius:10px;padding:9px 11px;background:#fff}.pagination{display:flex;gap:7px;align-items:center;justify-content:flex-end;margin-top:12px}.pagination a,.pagination span{padding:7px 10px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:13px}.bottom-nav{display:none}.public-page{min-height:100vh;background:linear-gradient(145deg,#0f766e,#14b8a6 50%,#34d399)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);background:#fff;border-radius:24px;padding:26px;box-shadow:0 25px 80px #064e3b3d}.auth-logo{display:grid;place-items:center;text-align:center;margin-bottom:22px}.auth-logo .brand-mark{width:68px;height:68px}.auth-logo h1{margin:12px 0 4px}.auth-logo p{margin:0;color:var(--muted)}.auth-card .field{margin:12px 0}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:13px}.auth-links a{color:var(--teal-dark);font-weight:700}.clock-shell{max-width:720px;margin:0 auto}.camera{background:#081411;border-radius:20px;overflow:hidden;position:relative;aspect-ratio:1/1}.camera video,.camera img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera canvas{display:none}.camera-actions{display:flex;justify-content:center;gap:10px;padding:14px;background:#fff}.capture{width:74px;height:74px;border-radius:50%;border:7px solid #fff;background:#121826;box-shadow:0 0 0 3px #d0d5dd;cursor:pointer}.location-box{margin-top:14px;padding:14px;border-radius:14px;background:#f8fafb;border:1px solid var(--line)}.location-ok{color:#047857}.location-bad{color:#b42318}.profile-head{display:flex;align-items:center;gap:16px}.avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--emerald));color:#fff;display:grid;place-items:center;font-size:25px;font-weight:850}.metric-row{display:flex;gap:10px;flex-wrap:wrap}.metric-pill{background:#f8fafb;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.assessment-card h3{margin:0 0 6px}.progress{height:8px;background:#edf2f3;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--teal)}@media(max-width:1000px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{height:62px;padding:0 14px}.user-chip,.top-actions form{display:none}.brand{font-size:17px}.app-shell{display:block;min-height:calc(100vh - 62px)}.sidebar{display:none}.content{padding:16px 14px 92px}.page-title h1{font-size:22px}.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr);gap:8px}.quick{padding:13px 7px;font-size:12px}.bottom-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.bottom-nav a{min-width:62px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#667085;font-size:11px;font-weight:650}.bottom-nav a svg{color:var(--teal);font-size:21px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.card{border-radius:15px}.hero-card{padding:20px}.flash{top:68px;left:12px;right:12px}.table-wrap{border-radius:13px}.page-title{margin-bottom:14px}}.brand-logo{width:34px;height:34px;border-radius:9px;object-fit:contain;background:#fff}.sidebar-version{padding:14px 18px;color:#98a2b3;font-size:11px;border-top:1px solid var(--line);margin-top:auto}.sidebar{display:flex;flex-direction:column}.sidebar nav{flex:1}.hint{font-size:12px;color:#667085;margin-top:5px}.card-subtle{background:#f8fafb;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:14px;color:#667085;font-size:13px}.brand-preview{min-height:80px;display:flex;align-items:center;justify-content:center;background:#f8fafb;border:1px dashed var(--line);border-radius:12px;margin-bottom:12px}.brand-preview img{max-width:220px;max-height:72px;object-fit:contain}.role-list{display:grid;gap:8px}.role-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;color:inherit}.role-row:hover{background:#f8fafb}.role-row span:first-child{display:grid;gap:3px}.role-row small,.permission-item small{display:block;color:#667085;font-size:12px}.permission-grid{display:grid;gap:8px}.permission-item{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--line);border-radius:11px}.permission-item input{width:auto;margin-top:3px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.health-item{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.health-item>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.health-item>span svg{width:19px}.health-item.ok>span{background:#ecfdf3;color:#067647}.health-item.bad>span{background:#fef3f2;color:#b42318}.health-item div{display:grid;gap:2px}.health-item small{color:#667085}.log-box{max-height:380px;overflow:auto;background:#101828;color:#e4e7ec;border-radius:12px;padding:14px;font-size:12px;line-height:1.55;white-space:pre-wrap}.version-chip{display:inline-flex;padding:8px 11px;background:#ecfdf3;color:#067647;border-radius:999px;margin-bottom:6px}.filters input,.filters select{border:1px solid #d7dfe2;border-radius:9px;padding:8px 10px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}@media(max-width:1000px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.health-grid{grid-template-columns:1fr}.sidebar-version{display:none}}

/* Clocka v1.2.0 - Staff & HR */
.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.card-heading h3{margin:0}.card-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}.employee-list{display:grid;gap:8px}.employee-row{display:grid;grid-template-columns:auto auto minmax(260px,1fr) minmax(200px,auto) auto;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 14px;cursor:default}.employee-row>input{width:17px;height:17px}.employee-main{display:grid;gap:2px}.employee-main>b{font-size:15px}.employee-main small{color:var(--muted)}.employee-meta{font-size:12px;color:#475467}.employee-statuses{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.employee-avatar{display:inline-grid;place-items:center;border-radius:50%;object-fit:cover;flex:0 0 auto}.employee-avatar.md{width:46px;height:46px}.employee-avatar.xl{width:92px;height:92px}.employee-avatar.initials{background:linear-gradient(135deg,var(--teal),var(--emerald));color:#fff;font-weight:850}.employee-avatar.xl.initials{font-size:32px}.bulk-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff7ed;border:1px solid #fed7aa;padding:10px 12px;border-radius:13px;margin-bottom:10px}.bulk-bar select{border:1px solid #d7dfe2;border-radius:9px;padding:8px 10px;background:#fff}.hr-filters{padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px}.hr-filters input{min-width:220px}.employee-profile-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.profile-identity{display:flex;align-items:center;gap:17px}.profile-identity h1{margin:2px 0 2px;font-size:28px}.profile-identity p{margin:0 0 8px;color:var(--muted)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--teal-dark)}.profile-tabs{display:flex;gap:5px;overflow:auto;margin:14px 0 18px;padding:5px;background:#eef3f3;border-radius:13px}.profile-tabs a{white-space:nowrap;padding:9px 13px;border-radius:9px;font-size:13px;font-weight:750;color:#667085}.profile-tabs a.active{background:#fff;color:var(--teal-dark);box-shadow:0 2px 8px #1018280d}.detail-list{display:grid;gap:0;margin:0}.detail-list>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #eef1f2}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{margin:0;font-weight:650}.tag-list{display:flex;gap:7px;flex-wrap:wrap}.tag-list span{padding:6px 9px;background:#ecfdf8;color:var(--teal-dark);border-radius:999px;font-size:12px;font-weight:700}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.checkbox-grid label,.check-line{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#f8fafb;border:1px solid var(--line);border-radius:10px;font-size:13px}.checkbox-grid input,.check-line input{width:auto}.timeline{display:grid}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding-bottom:17px}.timeline-item:before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:2px;background:#d9e5e4}.timeline-item:last-child:before{display:none}.timeline-dot{width:12px;height:12px;border:3px solid #ccfbf1;background:var(--teal);border-radius:50%;margin-top:4px;z-index:1}.timeline-item b{display:block}.timeline-item p{margin:1px 0;color:var(--muted);font-size:12px}.timeline-item small{color:#98a2b3}.timeline.compact .timeline-item{padding-bottom:12px}.history-card{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}.history-card small{color:var(--muted)}.history-card code{white-space:pre-wrap;word-break:break-word;background:#f8fafb;padding:8px;border-radius:8px;color:#475467}.distribution-list{display:grid;gap:7px}.distribution-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef1f2}.integrity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.integrity-grid>div{display:grid;gap:3px;background:#f8fafb;border:1px solid var(--line);padding:13px;border-radius:12px}.integrity-grid b{font-size:24px}.integrity-grid span{color:var(--muted);font-size:12px}
@media(max-width:1000px){.employee-row{grid-template-columns:auto auto minmax(200px,1fr) auto}.employee-statuses{grid-column:3/5;justify-content:flex-start}.integrity-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.employee-profile-hero{align-items:flex-start;flex-direction:column}.profile-identity{align-items:flex-start}.employee-avatar.xl{width:72px;height:72px}.profile-identity h1{font-size:23px}.employee-row{grid-template-columns:auto auto 1fr;padding:11px}.employee-row>a{grid-column:3}.employee-statuses{grid-column:3;justify-content:flex-start}.employee-main{min-width:0}.employee-main small,.employee-meta{overflow:hidden;text-overflow:ellipsis}.checkbox-grid{grid-template-columns:1fr}.detail-list>div{grid-template-columns:100px 1fr}.integrity-grid{grid-template-columns:1fr 1fr}.bulk-bar{align-items:stretch}.bulk-bar select,.bulk-bar button{width:100%}.hr-filters input,.hr-filters select,.hr-filters button,.hr-filters a{width:100%;min-width:0}.profile-tabs{margin-left:-2px;margin-right:-2px}}

/* Clocka v1.2.1 — Admin experience aligned to the Base44 flow */
.gps-gate{position:fixed;inset:0;z-index:500;background:rgba(6,24,23,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.gps-gate-card{width:min(440px,100%);background:#fff;border-radius:24px;padding:26px;box-shadow:0 30px 100px rgba(0,0,0,.28);text-align:center}.gps-gate-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#dffaf5;color:var(--teal)}.gps-gate-icon svg{width:30px;height:30px}.gps-gate-card h2{margin:0 0 8px;font-size:23px}.gps-gate-card p{color:#667085;margin:0 0 16px}.gps-gate-status{border-radius:12px;background:#f5f8f8;padding:10px 12px;margin-bottom:12px;color:#475467;font-size:13px}.gps-gate-status.error{background:#fef2f2;color:#b42318}.gps-gate-status.ok{background:#ecfdf3;color:#067647}.gps-gate-help{font-size:12px!important;margin:12px 0 0!important}.reference-admin-page{background:#f7f8fa}.reference-admin-main{min-height:100vh;padding:0 0 96px}.ref-page-header{position:relative;z-index:90;background:linear-gradient(135deg,#11998e,#22c7a6);color:#fff;padding:13px 16px}.ref-page-header.dashboard-head{padding-bottom:4px}.ref-header-row{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;min-height:38px}.ref-header-row>strong{text-align:center;font-size:18px}.ref-header-action{appearance:none;border:0;background:transparent;color:#fff;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.ref-header-action svg{width:23px;height:23px}.ref-header-right{display:flex;justify-content:flex-end}.notification-link{position:relative}.notification-link span{position:absolute;right:-2px;top:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#ef4444;color:#fff;font-size:10px;display:grid;place-items:center}.ref-header-spacer{width:38px}.ref-dashboard-hero{background:linear-gradient(135deg,#11998e,#22c7a6);padding:8px 16px 18px;color:#fff}.ref-admin-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);border-radius:17px 17px 0 0;padding:12px 13px}.ref-admin-identity{display:flex;align-items:center;gap:10px;min-width:0}.ref-admin-identity>div{display:grid}.ref-admin-identity b{font-size:15px}.ref-admin-identity span{font-size:12px;opacity:.72}.ref-avatar{display:inline-grid;place-items:center;border-radius:50%;object-fit:cover;flex:0 0 auto}.ref-avatar.initials{background:#c9fbef;color:#078678;font-weight:800}.ref-avatar.sm{width:40px;height:40px;font-size:12px}.ref-avatar.md{width:48px;height:48px;font-size:13px}.ref-avatar.lg{width:52px;height:52px;background:rgba(255,255,255,.17);color:#fff;border:2px solid rgba(255,255,255,.3)}.ref-avatar.xl{width:98px;height:98px;font-size:30px;border:4px solid rgba(121,246,225,.65);background:rgba(255,255,255,.13);color:#fff}.ref-time-button{background:#f97316;color:#fff;font-weight:800;border-radius:9px;padding:9px 13px;font-size:12px;display:inline-flex}.ref-time-button.disabled{border:0;opacity:.65}.ref-live-map-wrap{height:176px;position:relative;background:#dfe9e5;overflow:hidden;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.ref-live-map{position:absolute;inset:0;z-index:1}.ref-map-loading{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffffe8;color:#344054;padding:8px 11px;border-radius:9px;font-size:12px}.ref-live-location{display:grid;grid-template-columns:20px 1fr 36px;gap:8px;align-items:start;background:rgba(0,0,0,.08);padding:10px 12px;border-radius:0 0 17px 17px}.ref-live-location>span svg{width:18px;margin-top:2px}.ref-live-location div{min-width:0;display:grid;gap:2px}.ref-live-location b{font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-live-location small{font-size:10px;opacity:.7}.ref-icon-button{appearance:none;border:0;background:#eef7f6;color:var(--teal);width:34px;height:34px;border-radius:9px;display:grid;place-items:center;cursor:pointer}.ref-icon-button.light{background:rgba(255,255,255,.12);color:#fff}.ref-dashboard-body{padding:16px}.ref-module-strip{display:flex;gap:12px;overflow-x:auto;padding:0 0 6px;scrollbar-width:none}.ref-module-strip::-webkit-scrollbar{display:none}.ref-module-strip a{flex:0 0 84px;height:78px;border-radius:14px;background:#d8faf3;color:#116f67;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.ref-module-strip a.purple{background:#eee5ff;color:#7c3aed}.ref-module-strip svg{width:26px;height:26px}.ref-module-strip b{font-size:11px;color:#344054}.ref-section-heading{font-size:14px;margin:20px 0 10px}.ref-insight-list{display:grid;gap:10px}.ref-insight-list a{display:grid;grid-template-columns:30px 1fr auto auto;gap:10px;align-items:center;background:#fff;border:1px solid #eef1f2;border-radius:13px;padding:10px 11px;box-shadow:0 2px 8px rgba(15,23,42,.03)}.ref-insight-list b{font-size:13px;font-weight:600}.ref-insight-list strong{font-size:13px}.ref-insight-list em{font-style:normal;background:#f97316;color:#fff;font-size:10px;font-weight:800;padding:7px 10px;border-radius:7px}.insight-icon{display:grid;place-items:center}.insight-icon svg{width:20px}.insight-icon.teal{color:#14b8a6}.insight-icon.orange{color:#f97316}.insight-icon.blue{color:#3b82f6}.teal-text{color:#0f9f91}.orange-text{color:#f97316}.blue-text{color:#2563eb}.ref-bottom-nav{position:fixed;z-index:120;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #edf0f2;display:grid;grid-template-columns:1fr 1fr 84px 1fr 1fr;align-items:center;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 18px rgba(15,23,42,.04)}.ref-bottom-nav a{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#98a2b3;font-size:10px}.ref-bottom-nav a.active{color:#0f9f91}.ref-bottom-nav a svg{width:20px;height:20px}.ref-fab{justify-self:center;align-self:start;transform:translateY(-21px);width:58px;height:58px;border-radius:50%;border:5px solid #f7f8fa;background:#12b8aa;color:#fff;display:grid;place-items:center;box-shadow:0 7px 18px rgba(13,148,136,.28);cursor:pointer}.ref-fab svg{width:24px;height:24px}.admin-quick-menu[hidden],.ref-drawer[hidden]{display:none}.quick-menu-backdrop,.ref-drawer-backdrop{position:fixed;inset:0;border:0;background:rgba(15,23,42,.42);z-index:180}.quick-menu-sheet{position:fixed;z-index:181;left:50%;bottom:82px;transform:translateX(-50%);width:min(560px,calc(100% - 24px));background:#fff;border-radius:22px;padding:10px 16px 18px;box-shadow:0 25px 70px rgba(15,23,42,.22)}.quick-menu-handle{width:42px;height:4px;background:#d0d5dd;border-radius:99px;margin:0 auto 10px}.quick-menu-sheet h3{margin:0 0 12px;text-align:center}.quick-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-menu-grid a{background:#f7faf9;border-radius:13px;padding:12px 7px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:700}.quick-menu-grid span{width:38px;height:38px;border-radius:12px;background:#d8faf3;color:#0f9488;display:grid;place-items:center}.quick-menu-grid span.purple{background:#eee5ff;color:#7c3aed}.ref-drawer-panel{position:fixed;z-index:201;left:0;top:0;bottom:0;width:min(340px,88vw);background:#fff;padding:18px 14px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;box-shadow:20px 0 60px rgba(15,23,42,.2)}.ref-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:3px 6px 14px;border-bottom:1px solid #eef1f2}.ref-drawer-head>div{display:grid}.ref-drawer-head span{font-size:11px;color:#667085}.ref-drawer-panel nav{display:grid;gap:3px;overflow:auto;padding:12px 0;flex:1}.ref-drawer-panel nav a{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:10px;color:#475467;font-weight:650}.ref-drawer-panel nav a:hover{background:#e8faf6;color:#087e73}.ref-drawer-panel nav svg{color:#0f9f91}.ref-drawer-panel hr{border:0;border-top:1px solid #eef1f2;width:100%}.ref-drawer-logout{border:0;background:#fff1f2;color:#b42318;padding:11px;border-radius:10px;font-weight:800;cursor:pointer}.ref-list-search{background:linear-gradient(135deg,#11998e,#22c7a6);padding:0 14px 16px}.ref-list-search form{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;background:#effcf9;border-radius:13px;padding:0 10px}.ref-list-search span{color:#98a2b3}.ref-list-search input{height:48px;border:0;outline:0;background:transparent;font:inherit}.ref-list-search button{border:0;background:transparent;color:#0d9488;font-weight:750}.ref-employee-cards{display:grid;gap:10px;padding:16px 14px}.ref-employee-card{display:grid;grid-template-columns:1fr auto;align-items:center;background:#fff;border:1px solid #edf0f2;border-radius:14px;padding:12px;box-shadow:0 2px 8px rgba(15,23,42,.03)}.ref-employee-open{display:flex;gap:12px;align-items:center;min-width:0}.ref-employee-copy{min-width:0}.ref-employee-copy b{display:block;font-size:14px;margin-bottom:2px}.ref-employee-copy p,.ref-employee-copy small{margin:0;color:#667085;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.ref-employee-copy small svg{width:12px;height:12px;flex:0 0 auto}.ref-employee-copy i{font-style:normal;color:#c0c7ce}.ref-employee-actions{display:flex;gap:5px;align-items:center}.ref-employee-actions a{width:30px;height:30px;display:grid;place-items:center;color:#0f9f91}.ref-employee-actions a:nth-child(2){color:#2563eb}.ref-employee-actions a:last-child{color:#98a2b3}.ref-employee-actions svg{width:17px}.ref-profile-hero{position:relative;background:linear-gradient(135deg,#11998e,#22c7a6);color:#fff;text-align:center;padding:10px 16px 28px;display:flex;flex-direction:column;align-items:center}.ref-profile-hero h1{font-size:21px;margin:10px 0 0}.ref-profile-hero p{margin:0;font-size:12px;opacity:.88}.ref-profile-hero>span{font-size:12px;opacity:.8;margin-top:4px}.ref-manage-link{position:absolute;right:14px;bottom:10px;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:5px 8px;font-size:10px;color:#fff}.ref-profile-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f2f2f3;margin:14px 16px 10px;padding:3px;border-radius:8px}.ref-profile-tabs a{padding:7px;text-align:center;color:#667085;font-size:12px}.ref-profile-tabs a.active{background:#fff;color:#111827;border-radius:7px;box-shadow:0 1px 4px rgba(15,23,42,.12);font-weight:700}.ref-profile-content{padding:0 16px 12px;display:grid;gap:14px}.ref-detail-card,.ref-calendar-card{background:#fff;border:1px solid #edf0f2;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.03);margin-bottom:14px}.ref-detail-card>h3,.ref-detail-card>h2{padding:12px 14px;margin:0;border-bottom:1px solid #eef1f2;font-size:15px}.ref-detail-card>p{padding:0 14px}.ref-detail-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,1fr);gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid #eef1f2;font-size:12px}.ref-detail-row:last-child{border-bottom:0}.ref-detail-row>span{color:#667085;display:flex;align-items:center;gap:8px}.ref-detail-row>span svg{color:#0f9f91;width:16px}.ref-detail-row>b,.ref-detail-row>a{text-align:right;font-weight:650;overflow-wrap:anywhere}.ref-detail-row>a{color:#0f9f91}.ref-card-title-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef1f2;padding:9px 13px}.ref-card-title-row h3{margin:0;font-size:15px}.ref-small-button{border:0;background:#12b8aa;color:#fff;border-radius:8px;padding:7px 11px;font-weight:750;cursor:pointer}.ref-leave-total{margin:16px;border:1px solid #56e5d3;background:#ebfcf9;border-radius:12px;padding:16px;text-align:center;display:grid;gap:4px;color:#087b72}.ref-leave-total strong{font-size:34px;color:#075f59}.ref-leave-total small,.ref-leave-grid small{font-size:.6em}.ref-detail-card h4{margin:14px 16px 8px}.ref-leave-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 16px}.ref-leave-grid div{background:#f8f9fa;border-radius:10px;padding:11px;display:grid;gap:4px}.ref-leave-grid span{font-size:10px;color:#667085}.ref-leave-grid strong{font-size:18px}.ref-dialog{border:0;border-radius:18px;padding:20px;width:min(420px,calc(100% - 24px));box-shadow:0 20px 80px rgba(15,23,42,.25)}.ref-dialog::backdrop{background:rgba(15,23,42,.45)}.ref-calendar-card{padding:14px}.ref-calendar-head{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;text-align:center;margin-bottom:12px}.ref-calendar-head a{font-size:25px}.ref-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ref-calendar-grid.headings span{font-size:10px;color:#667085;padding:7px 0;text-align:center}.ref-calendar-grid .day,.ref-calendar-grid .empty-day{height:38px;border:1px solid #e4e7ec;border-radius:5px;display:grid;place-items:center;font-size:11px}.ref-calendar-grid .present-day{background:#3b82f6;color:#fff;border-color:#3b82f6}.ref-calendar-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #e4e7ec;margin-top:12px;padding-top:10px;font-size:9px}.ref-calendar-legend span{display:flex;align-items:center;gap:5px}.ref-calendar-legend i{width:10px;height:10px;border-radius:3px}.ref-calendar-legend i.present{background:#22c55e}.ref-calendar-legend i.absent{background:#ef4444}.ref-calendar-legend i.late{background:#3b82f6}.ref-subheading{font-size:12px;margin:8px 4px}.ref-attendance-cards{display:grid;gap:12px}.ref-attendance-card{background:#fff;border:1px solid #edf0f2;border-radius:15px;padding:13px}.attendance-card-head{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center}.attendance-card-head>div{display:grid}.attendance-card-head b{font-size:13px}.attendance-card-head small{font-size:10px;color:#667085}.attendance-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.attendance-times>div{min-width:0;display:flex;flex-direction:column;gap:6px}.attendance-times label{font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px}.attendance-times label.green{color:#16a34a}.attendance-times label.red{color:#ef4444}.attendance-times label svg{width:15px}.attendance-times img{width:100%;height:92px;object-fit:cover;border-radius:8px}.attendance-times strong{font-size:17px}.attendance-times small{font-size:9px;color:#667085;display:flex;align-items:flex-start;gap:4px}.attendance-times small svg{width:11px;flex:0 0 auto}.ref-simple-page{padding:16px;max-width:920px;margin:0 auto}.ref-month-filter{display:flex;gap:8px;align-items:end;margin-bottom:12px}.ref-month-filter label{font-size:11px;color:#667085;display:grid;gap:4px}.ref-month-filter input{border:1px solid #d7dfe2;border-radius:8px;padding:8px}.ref-month-filter button{border:0;background:#0d9488;color:#fff;border-radius:8px;padding:9px 12px;font-weight:700}.ref-schedule-row{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:12px 14px;border-bottom:1px solid #eef1f2}.ref-date-block{width:46px;height:46px;border-radius:10px;background:#e7faf6;color:#087b72;display:grid;place-items:center;line-height:1}.ref-date-block b{font-size:18px}.ref-date-block span{font-size:9px}.ref-schedule-row>div:last-child{display:grid}.ref-schedule-row p,.ref-schedule-row small{margin:0;color:#667085;font-size:11px}.ref-schedule-row small{display:flex;align-items:center;gap:4px}.ref-schedule-row small svg{width:12px}.ref-page-note{font-size:11px;color:#667085}.ref-birthday-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#6d28d9,#a855f7);color:#fff;padding:16px;border-radius:16px;margin-bottom:12px}.ref-birthday-banner svg{width:30px;height:30px}.ref-birthday-banner div{display:grid}.ref-birthday-banner span{font-size:11px;opacity:.8}.ref-birthday-list{display:grid;gap:8px}.ref-birthday-list article{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #edf0f2;border-radius:13px;padding:11px}.ref-birthday-list article>div{display:grid}.ref-birthday-list article>div span,.ref-birthday-list time span{font-size:10px;color:#667085}.ref-birthday-list time{display:grid;text-align:right}.ref-late-row,.ref-approval-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #eef1f2}.ref-late-row>div,.ref-approval-row>div{display:grid}.ref-late-row span,.ref-late-row small,.ref-approval-row span{font-size:10px;color:#667085}.ref-approval-row{grid-template-columns:40px 1fr auto}.ref-approval-row em{font-style:normal;color:#f97316;font-size:11px;font-weight:800}.ref-report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.ref-report-summary>div{background:#fff;border:1px solid #edf0f2;border-radius:13px;padding:13px;display:grid;gap:5px}.ref-report-summary span{color:#0f9f91}.ref-report-summary strong{font-size:24px}.ref-report-summary small{color:#667085;font-size:10px}.ref-report-summary.mini{padding:12px 14px;margin:0}.ref-report-summary.mini>div{box-shadow:none;background:#f8fafb}.ref-report-link{display:grid;grid-template-columns:28px 1fr 16px;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #eef1f2}.ref-report-link>svg{color:#0f9f91}.ref-report-link span{display:grid}.ref-report-link small{font-size:10px;color:#667085}.ref-assessment-page{padding:16px;display:grid;gap:13px}.ref-assessment-card{background:#fff;border:1px solid #edf0f2;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.04)}.ref-assessment-title{background:linear-gradient(100deg,#12b8aa,#39d2a6);color:#fff;padding:13px 14px;display:grid;grid-template-columns:1fr 32px;gap:8px;align-items:center}.ref-assessment-title b{font-size:16px}.ref-assessment-title span{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:25px}.ref-assessment-card>p{font-size:11px;color:#667085;padding:12px 14px 2px;margin:0}.ref-assessment-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:10px}.ref-assessment-metrics div{display:flex;flex-direction:column;align-items:center;gap:3px}.ref-assessment-metrics span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8faf6;color:#0f9488}.ref-assessment-metrics span.purple{background:#f1eaff;color:#8b5cf6}.ref-assessment-metrics span.orange{background:#fff3e8;color:#f97316}.ref-assessment-metrics small{font-size:10px;color:#667085}.ref-assessment-metrics b{font-size:12px}.ref-assessment-button{margin:0 14px 14px;background:#10998d;color:#fff;text-align:center;border-radius:7px;padding:9px;font-size:11px;font-weight:800;display:block}.ref-question{padding:12px 14px;border-bottom:1px solid #eef1f2;display:grid;gap:5px}.ref-question>span{font-size:10px;color:#667085}.ref-question ul{margin:4px 0 0;padding-left:18px;color:#475467;font-size:11px}.ref-empty{background:#fff;border:1px dashed #d0d5dd;border-radius:13px;padding:30px 16px;text-align:center;color:#667085}.ref-empty.compact{padding:15px}.leaflet-control-attribution{font-size:8px!important}
@media(min-width:820px){.reference-admin-main{max-width:1180px;margin:0 auto;background:#f7f8fa;box-shadow:0 0 0 1px #eef1f2;min-height:100vh}.ref-dashboard-hero{border-radius:0}.ref-dashboard-body{padding:22px}.ref-module-strip{justify-content:flex-start}.ref-module-strip a{flex-basis:100px;height:86px}.ref-employee-cards{grid-template-columns:repeat(2,minmax(0,1fr));}.ref-assessment-page{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-profile-content{max-width:900px;margin:0 auto}.ref-profile-tabs{max-width:900px;margin-left:auto;margin-right:auto}.ref-simple-page{padding-top:22px}.ref-live-map-wrap{height:260px}.ref-bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(1180px,100%)}.ref-dashboard-hero,.ref-list-search,.ref-profile-hero{padding-left:24px;padding-right:24px}}
@media(max-width:500px){.attendance-times{grid-template-columns:1fr 1fr}.ref-report-summary{grid-template-columns:1fr}.quick-menu-grid{grid-template-columns:repeat(3,1fr)}.ref-detail-row{grid-template-columns:1fr 1fr}}

/* Clocka v1.3.0 — Advanced Attendance */
.aa-tabs{display:flex;gap:6px;overflow:auto;padding:4px;margin:0 0 14px;background:#eef7f6;border-radius:14px;scrollbar-width:none}.aa-tabs::-webkit-scrollbar{display:none}.aa-tabs a{flex:1;min-width:max-content;text-align:center;padding:10px 14px;border-radius:11px;color:#617079;text-decoration:none;font-size:13px;font-weight:700}.aa-tabs a.active{background:#fff;color:#0c9e90;box-shadow:0 2px 10px #173a4312}.aa-admin-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:12px}.aa-admin-summary a{background:#fff;border:1px solid #e6eeee;border-radius:15px;padding:13px;text-decoration:none;color:#17212b;display:flex;flex-direction:column;gap:3px;box-shadow:0 2px 9px #16333b08}.aa-admin-summary strong{font-size:24px;color:#0ca695}.aa-admin-summary span{font-size:12px;color:#68757d}.aa-attendance-filter{display:grid;grid-template-columns:170px minmax(180px,1fr) auto auto;gap:8px;margin:12px 0}.aa-attendance-filter input{min-width:0;border:1px solid #dce6e7;border-radius:12px;padding:10px 12px;background:#fff}.aa-filter-chips{display:flex;gap:7px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.aa-filter-chips::-webkit-scrollbar{display:none}.aa-filter-chips a{white-space:nowrap;padding:8px 12px;border-radius:999px;background:#edf4f4;color:#52636a;text-decoration:none;font-size:12px;font-weight:700}.aa-filter-chips a.active{background:#11b8a5;color:#fff}.aa-attendance-list,.aa-absence-list,.aa-live-list{display:grid;gap:9px}.aa-att-row{display:grid;grid-template-columns:auto minmax(170px,1fr) auto auto auto;align-items:center;gap:13px;background:#fff;border:1px solid #e7eeee;border-radius:15px;padding:12px 14px;text-decoration:none;color:#17212b;box-shadow:0 2px 9px #16333b08}.aa-att-person{min-width:0}.aa-att-person b{display:block;font-size:14px}.aa-att-person span{display:block;color:#748087;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.aa-att-times{display:flex;gap:16px}.aa-att-times span{display:flex;flex-direction:column}.aa-att-times small{font-size:10px;color:#8b969c;text-transform:uppercase}.aa-att-times b{font-size:13px}.aa-att-metrics{display:flex;flex-direction:column;text-align:right;font-size:11px;color:#748087}.aa-att-metrics em{font-style:normal;color:#e58b11;font-weight:700}.aa-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;background:#eef3f4;color:#53636b}.aa-pill.present{background:#dcfce7;color:#138a46}.aa-pill.working{background:#dff8f4;color:#078779}.aa-pill.late,.aa-pill.early{background:#fff0df;color:#d56d00}.aa-pill.overtime{background:#efe7ff;color:#7c3bd1}.aa-pill.outside{background:#ffe8e8;color:#c73f3f}.aa-pill.absent{background:#fee2e2;color:#b91c1c}.aa-pill.leave{background:#e7f0ff;color:#3462b8}.aa-absence-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;background:#fff;border:1px solid #e6eeee;border-radius:15px;padding:13px}.aa-absence-list article div b,.aa-absence-list article div span{display:block}.aa-absence-list article div span{font-size:12px;color:#748087;margin-top:2px}
.aa-live-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.aa-live-stats div{background:#fff;border:1px solid #e5eeee;border-radius:15px;padding:13px}.aa-live-stats strong{display:block;font-size:25px;color:#079c8e}.aa-live-stats span{font-size:11px;color:#758087}.aa-live-map,.aa-record-map{height:390px;border-radius:14px;overflow:hidden;background:#eaf2f1}.aa-live-list a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 14px;background:#fff;border:1px solid #e6eeee;border-radius:14px;text-decoration:none;color:#17212b}.aa-live-list b,.aa-live-list span{display:block}.aa-live-list span{font-size:12px;color:#748087;margin-top:2px}
.aa-record-hero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0da497,#28cbb0);padding:18px;border-radius:17px;color:#fff;margin-bottom:12px}.aa-record-hero>div{display:flex;align-items:center;gap:12px}.aa-record-hero h2{margin:0;font-size:19px}.aa-record-hero span{font-size:12px;opacity:.9}.aa-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aa-detail-rows{display:grid;gap:0;margin-bottom:14px}.aa-detail-rows div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #edf1f2}.aa-detail-rows span{font-size:12px;color:#738087}.aa-detail-rows b{font-size:13px;text-align:right}.aa-selfies{display:grid;grid-template-columns:1fr 1fr;gap:9px}.aa-selfies>div>span{display:block;font-size:11px;color:#738087;margin-bottom:5px}.aa-selfies img,.aa-no-photo{width:100%;height:160px;object-fit:cover;border-radius:12px;background:#eff4f4}.aa-no-photo{display:grid;place-items:center;color:#92a0a5}.aa-geo-evidence{font-size:12px;color:#53636b}.aa-break-row,.aa-audit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f2}.aa-audit-row{align-items:flex-start;flex-direction:column;gap:3px}.aa-audit-row span{font-size:12px}.aa-audit-row small{color:#7b888e}
.aa-correction-list{display:grid;gap:10px}.aa-correction-list article{background:#fff;border:1px solid #e5eeee;border-radius:15px;padding:14px}.aa-correction-head{display:flex;align-items:center;justify-content:space-between}.aa-correction-head b,.aa-correction-head span{display:block}.aa-correction-head span{font-size:12px;color:#748087}.aa-correction-times{display:flex;gap:20px;margin:12px 0}.aa-correction-times span{font-size:11px;color:#748087}.aa-correction-times b{display:block;color:#17212b;font-size:14px}.aa-correction-list p{font-size:13px}.aa-review-form{display:grid;grid-template-columns:1fr auto auto;gap:7px}.aa-review-form input{border:1px solid #dce6e7;border-radius:10px;padding:8px 10px}.aa-policy-card h4{margin-bottom:8px}.aa-toggle{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13px}.aa-toggle input{width:18px;height:18px;accent-color:#0dab9a}
.aa-staff-today{background:linear-gradient(135deg,#0c9f91,#27c9ad);color:#fff;border-radius:20px;padding:20px;margin-bottom:15px}.aa-today-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.aa-today-head span,.aa-today-head small{display:block;opacity:.88}.aa-today-head h2{margin:4px 0;font-size:22px}.aa-status-orb{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#ffffff20}.aa-status-orb.active{background:#fff;color:#0c9f91}.aa-status-orb svg{width:24px}.aa-today-times{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:17px 0}.aa-today-times div{background:#ffffff17;border-radius:13px;padding:10px}.aa-today-times span{font-size:10px;opacity:.82}.aa-today-times strong{display:block;margin-top:2px;font-size:15px}.aa-today-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.aa-today-actions form{margin:0}.aa-staff-today .btn.secondary,.aa-staff-today .btn.ghost{background:#ffffff22;color:#fff;border-color:#ffffff45}.aa-flags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.aa-month-summary{background:#fff;border:1px solid #e5eeee;border-radius:17px;padding:14px;margin-bottom:13px}.aa-month-picker{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:12px}.aa-month-picker label{font-size:11px;color:#748087}.aa-month-picker input{display:block;margin-top:4px;border:1px solid #dce6e7;border-radius:10px;padding:8px}.aa-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.aa-summary-grid div{background:#f6faf9;border-radius:12px;padding:11px}.aa-summary-grid strong{display:block;font-size:20px;color:#078d80}.aa-summary-grid span{font-size:10px;color:#738087}.aa-history-list{display:grid;gap:9px}.aa-history-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;background:#fff;border:1px solid #e6eeee;border-radius:15px;padding:12px}.aa-history-date{width:44px;height:48px;border-radius:12px;background:#e5faf6;color:#078d80;display:flex;flex-direction:column;align-items:center;justify-content:center}.aa-history-date b{font-size:17px}.aa-history-date span{font-size:9px;text-transform:uppercase}.aa-history-body>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.aa-history-body small{display:block;color:#748087;margin-top:3px}.aa-history-card>a{font-size:11px;color:#07998b;text-decoration:none;font-weight:700}.aa-correction-mini{background:#fff;border:1px solid #e6eeee;border-radius:15px;padding:4px 12px}.aa-correction-mini>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f2}.aa-correction-mini>div:last-child{border:0}.aa-correction-mini span{font-size:12px}
@media(max-width:900px){.aa-admin-summary{grid-template-columns:repeat(3,1fr)}.aa-att-row{grid-template-columns:auto 1fr auto}.aa-att-times{grid-column:2/4}.aa-att-metrics{display:none}.aa-record-grid{grid-template-columns:1fr}.aa-live-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.aa-admin-summary{grid-template-columns:repeat(3,1fr);gap:6px}.aa-admin-summary a{padding:10px}.aa-admin-summary strong{font-size:20px}.aa-attendance-filter{grid-template-columns:1fr 1fr}.aa-attendance-filter input[name=q]{grid-column:1/3}.aa-att-row{grid-template-columns:auto 1fr auto;padding:11px}.aa-att-times{grid-column:2/4;justify-content:flex-start}.aa-selfies{grid-template-columns:1fr}.aa-selfies img,.aa-no-photo{height:210px}.aa-live-map,.aa-record-map{height:320px}.aa-today-times,.aa-summary-grid{grid-template-columns:repeat(2,1fr)}.aa-review-form{grid-template-columns:1fr 1fr}.aa-review-form input{grid-column:1/3}.aa-record-hero{align-items:flex-start}.aa-record-hero>div{align-items:flex-start}.aa-correction-times{gap:10px;justify-content:space-between}.aa-history-card{grid-template-columns:auto 1fr}.aa-history-card>a{grid-column:2}.aa-tabs a{padding:9px 12px}.aa-absence-list article{grid-template-columns:auto 1fr}.aa-absence-list .aa-pill{grid-column:2;justify-self:start}.aa-live-list a{grid-template-columns:auto 1fr}.aa-live-list .aa-pill{grid-column:2;justify-self:start}}
/* Clocka v1.3.1 — reference attendance records + birthday WhatsApp flow */
.aa-reference-attendance{max-width:980px;margin:0 auto}.aa-reference-periodbar{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:10px;margin:2px 0 18px;position:relative}.aa-period-select-wrap{height:58px;border-radius:16px;background:#e8f8f6;display:flex;align-items:center;gap:12px;padding:0 16px;color:#667085;position:relative}.aa-period-select-wrap>svg{width:23px;height:23px}.aa-period-select-wrap select{appearance:none;border:0;outline:0;background:transparent;width:100%;height:100%;font:inherit;font-size:17px;color:#17212b;text-align:center;padding:0 24px;cursor:pointer}.aa-select-chevron{position:absolute;right:15px;font-size:22px;top:14px;color:#6b7280;pointer-events:none}.aa-calendar-trigger{height:58px;border:0;border-radius:16px;background:#fff;display:grid;place-items:center;color:#111827;box-shadow:0 1px 7px rgba(16,24,40,.06);cursor:pointer}.aa-calendar-trigger svg{width:24px;height:24px}.aa-native-date{position:absolute;right:0;top:0;width:62px;height:58px;opacity:0;pointer-events:none}.aa-reference-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.aa-reference-summary a{background:#fff;border:1px solid #edf1f2;border-radius:18px;min-height:104px;display:grid;place-items:center;align-content:center;text-align:center;box-shadow:0 3px 12px rgba(16,24,40,.05)}.aa-reference-summary strong{font-size:31px;line-height:1;color:#159b65}.aa-reference-summary strong.late{color:#e89a00}.aa-reference-summary strong.absent{color:#e5484d}.aa-reference-summary span{margin-top:7px;color:#667085}.aa-reference-caption{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 12px}.aa-reference-caption b{font-size:16px}.aa-reference-caption span{font-size:12px;color:#7a8790}.aa-reference-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:10px}.aa-reference-search input{border:1px solid #dce6e7;border-radius:12px;padding:10px 12px;min-width:0}.aa-reference-chips{padding-bottom:14px}.aa-reference-record-list{display:grid;gap:16px}.aa-reference-record{background:#fff;border:1px solid #edf1f2;border-radius:21px;padding:18px;box-shadow:0 3px 14px rgba(16,24,40,.055);overflow:hidden}.aa-reference-record-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;color:inherit}.aa-reference-record-head>div{min-width:0}.aa-reference-record-head b{font-size:18px;display:block;line-height:1.22}.aa-reference-record-head span{display:block;color:#667085;margin-top:3px;line-height:1.25}.aa-reference-record-head small{display:block;color:#98a2b3;margin-top:2px}.aa-reference-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.aa-reference-time h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}.aa-reference-time h4 svg{width:18px;height:18px}.aa-reference-time.in h4{color:#16a05d}.aa-reference-time.out h4{color:#e53535}.aa-reference-time img{width:100%;height:150px;object-fit:cover;border-radius:13px;display:block;margin-bottom:9px;background:#eef3f3}.aa-reference-time strong{display:block;font-size:21px;line-height:1.2;color:#17212b}.aa-reference-time p{display:flex;align-items:flex-start;gap:6px;margin:10px 0 0;color:#59656d;font-size:13px}.aa-reference-time p svg{width:15px;height:15px;flex:0 0 auto;margin-top:2px}.aa-reference-time p span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aa-reference-detail-link{display:block;border-top:1px solid #edf1f2;margin-top:16px;padding-top:13px;color:#109c90;font-size:13px}.ref-birthday-page{min-height:calc(100vh - 62px);background:linear-gradient(180deg,#fff 0,#fff7fb 55%,#fdf7ff 100%);margin:-16px -14px -92px;padding-bottom:110px}.ref-birthday-page .ref-empty{margin:18px}.ref-birthday-hero{background:linear-gradient(135deg,#c921c3 0%,#f33b9a 52%,#771bd2 100%);color:#fff;padding:28px 24px 34px}.ref-birthday-title{display:flex;align-items:center;gap:11px}.ref-birthday-title .cake{font-size:32px}.ref-birthday-title h1{font-size:30px;margin:0;line-height:1.05}.ref-birthday-title p{margin:4px 0 0;font-size:17px;opacity:.92}.ref-birthday-month{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-top:24px;background:#ffffff22;border-radius:18px;padding:13px 10px;text-align:center;backdrop-filter:blur(5px)}.ref-birthday-month>a{font-size:42px;line-height:1;color:#fff;display:grid;place-items:center}.ref-birthday-month b{display:block;font-size:23px}.ref-birthday-month span{display:block;font-size:13px;opacity:.9;margin-top:2px}.ref-birthday-cards{display:grid;gap:18px;padding:18px}.ref-birthday-card{background:#fff;border:1px solid #f0e7ef;border-radius:22px;padding:20px;box-shadow:0 8px 24px rgba(93,32,97,.09)}.ref-birthday-person{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.ref-birthday-avatar-wrap{position:relative}.ref-birthday-avatar-wrap .ref-avatar{width:78px;height:78px;border:6px solid #f0c7ff;background:linear-gradient(135deg,#b952df,#f16ab8);font-size:26px}.ref-birthday-avatar-wrap .gift{position:absolute;right:-7px;bottom:-5px;width:35px;height:35px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 3px 12px rgba(63,17,83,.16)}.ref-birthday-person-meta h2{margin:4px 0 4px;font-size:21px;line-height:1.2}.ref-birthday-date-line{display:flex;align-items:center;gap:7px;color:#58606b;flex-wrap:wrap}.ref-birthday-date-line svg{width:18px;height:18px}.ref-birthday-date-line i{font-style:normal;color:#98a2b3}.ref-birthday-date-line strong{color:#b62dd0}.ref-birthday-person-meta p{margin:4px 0 8px;color:#737b85}.ref-birthday-countdown{display:inline-flex;align-items:center;gap:6px;background:#f8eaff;color:#a024c1;border-radius:999px;padding:6px 11px;font-size:13px}.ref-birthday-countdown svg{width:15px;height:15px}.ref-birthday-divider{height:1px;background:#ece8ed;margin:20px 0}.ref-birthday-wish{width:100%;min-height:50px;border:0;border-radius:8px;background:linear-gradient(90deg,#9228e3,#db0b69);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:17px;cursor:pointer}.ref-birthday-wish.disabled{background:#d1d5db;color:#667085;cursor:not-allowed}.ref-birthday-note{margin:4px 22px 0;color:#7a6578;font-size:12px;text-align:center}
@media(min-width:761px){.ref-birthday-page{margin:-28px -28px 0;min-height:calc(100vh - 72px);padding-bottom:40px}.ref-birthday-hero{padding-left:max(28px,calc((100% - 960px)/2));padding-right:max(28px,calc((100% - 960px)/2))}.ref-birthday-cards{max-width:980px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr))}.ref-birthday-card{height:100%}}
@media(max-width:600px){.aa-reference-attendance .aa-tabs{margin-left:-2px;margin-right:-2px}.aa-reference-summary{gap:8px}.aa-reference-summary a{min-height:94px}.aa-reference-summary strong{font-size:28px}.aa-reference-search{grid-template-columns:1fr auto}.aa-reference-search .btn.ghost{display:none}.aa-reference-time-grid{grid-template-columns:1.25fr .95fr;gap:16px}.aa-reference-time img{height:145px}.aa-reference-record{padding:16px}.aa-reference-record-head b{font-size:17px}.aa-reference-time strong{font-size:20px}.ref-birthday-hero{padding-top:24px}.ref-birthday-title h1{font-size:28px}.ref-birthday-card{padding:18px}.ref-birthday-person{gap:14px}.ref-birthday-person-meta h2{font-size:20px}}
.ref-birthday-topbar{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px}.ref-birthday-menu{border:0;background:transparent;color:#fff;padding:0;display:grid;place-items:center;cursor:pointer}.ref-birthday-menu svg,.ref-birthday-cake-icon svg{width:28px;height:28px}.ref-birthday-cake-icon{display:grid;place-items:center;color:#fff}.ref-birthday-topbar .ref-birthday-title{min-width:0}

/* Clocka v1.3.2 — desktop location verification */
.gps-gate-fallback-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.gps-gate-fallback-actions:has(>:only-child){grid-template-columns:1fr}.gps-assist-panel,.phone-location-panel{margin-top:14px;border:1px solid #dce8e6;background:#f8fffd;border-radius:16px;padding:14px;display:grid;grid-template-columns:180px 1fr;gap:15px;align-items:center}.gps-assist-panel[hidden],.phone-location-panel[hidden],.desktop-location-fallback[hidden]{display:none!important}.gps-assist-qr,.phone-location-qr{min-height:170px;background:#fff;border:1px solid #e4e7ec;border-radius:13px;display:grid;place-items:center;padding:8px;overflow:hidden}.gps-assist-qr img,.phone-location-qr img{display:block;width:min(100%,170px);height:auto}.gps-assist-copy p,.phone-location-panel p{margin:5px 0 8px;color:#667085;font-size:12px;line-height:1.45}.gps-assist-copy a,.small-link{color:#0d9488;font-weight:750;font-size:12px;text-decoration:underline}.text-button{appearance:none;border:0;background:transparent;color:#475467;font:inherit;font-size:12px;font-weight:750;padding:6px 8px;cursor:pointer}.assist-status{margin-top:8px;padding:8px 10px;border-radius:9px;background:#eef4f3;color:#475467;font-size:12px}.assist-status.ok{background:#ecfdf3;color:#067647}.assist-status.error{background:#fef2f2;color:#b42318}.qr-loading,.qr-unavailable{font-size:11px;color:#667085;text-align:center;padding:12px}.desktop-location-fallback{margin-top:12px;border:1px solid #dce8e6;border-radius:15px;background:#f8fffd;padding:13px}.desktop-location-fallback-head{display:grid;gap:2px;margin-bottom:10px}.desktop-location-fallback-head b{font-size:13px}.desktop-location-fallback-head span{font-size:11px;color:#667085}.desktop-location-actions{display:flex;gap:8px;flex-wrap:wrap}.desktop-location-actions .btn{flex:1;min-width:180px}.aa-network-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.aa-network-heading h3{margin:0 0 4px}.aa-network-heading p{margin:0;max-width:650px}.aa-current-ip{display:grid;gap:1px;text-align:right;background:#eefbf8;border:1px solid #d7f3ed;border-radius:11px;padding:8px 10px;font-size:11px;white-space:nowrap}.aa-current-ip small{color:#667085}.aa-network-form{padding-top:15px;margin-top:14px;border-top:1px solid #eef1f2}.aa-network-list{display:grid;gap:8px;margin-top:14px}.aa-network-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;border:1px solid #e9edef;border-radius:12px;padding:10px 11px}.aa-network-list article>div{display:grid;gap:2px;min-width:0}.aa-network-list article span,.aa-network-list article small{font-size:11px;color:#667085}.aa-network-list code{background:#f2f4f7;padding:2px 5px;border-radius:5px;color:#344054}.aa-verify-method{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#eefbf8;color:#087b72;font-size:11px;font-weight:750}.aa-verify-method.network{background:#eef4ff;color:#3559a8}.aa-verify-method.phone{background:#f5efff;color:#7c3aed}
@media(max-width:760px){.gps-gate-fallback-actions{grid-template-columns:1fr}.gps-assist-panel,.phone-location-panel{grid-template-columns:1fr}.gps-assist-qr,.phone-location-qr{min-height:150px}.aa-network-heading{display:grid}.aa-current-ip{text-align:left;white-space:normal}.aa-network-list article{grid-template-columns:1fr auto}.aa-network-list article form{display:inline-flex}.desktop-location-actions{display:grid}.desktop-location-actions .btn{min-width:0;width:100%}}

/* Clocka v1.3.3 — Staff experience */
.reference-staff-page{background:#eef2f4}.reference-staff-main{width:min(720px,100%);min-height:100vh;margin:0 auto;background:#f6f8f9;padding-bottom:96px;box-shadow:0 0 0 1px #e9edef;overflow:hidden}.staff-ref-header{position:relative;z-index:20;background:#10a497;color:#fff}.staff-ref-header.dashboard-head{background:#0d9f92}.staff-ref-header-row{height:58px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:0 10px}.staff-ref-header-row>strong{font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-ref-head-action{width:40px;height:40px;border:0;background:transparent;color:#fff;display:grid;place-items:center;padding:0;border-radius:10px;cursor:pointer}.staff-ref-head-action svg{width:22px;height:22px}.staff-ref-head-right{display:flex;justify-content:flex-end}.staff-ref-head-spacer{width:40px}.staff-ref-header .notification-link{position:relative}.staff-ref-header .notification-link span{position:absolute;right:2px;top:2px;min-width:16px;height:16px;border-radius:9px;background:#f97316;color:#fff;font-size:9px;display:grid;place-items:center;font-weight:800}.staff-dashboard-hero{background:linear-gradient(150deg,#0d9f92 0,#2dc5ad 100%);color:#fff;padding:0 14px 26px}.staff-identity-row{display:flex;align-items:center;gap:12px;padding:2px 0 12px}.staff-identity-row .ref-avatar{border:2px solid #ffffff66}.staff-identity-row>div{display:grid;line-height:1.25}.staff-identity-row b{font-size:16px}.staff-identity-row span{font-size:13px;opacity:.9}.staff-clock-button{height:48px;border-radius:8px;background:#9b9e55;color:#c7f0e9;display:grid;place-items:center;font-size:14px;font-weight:800;margin:0 0 12px}.staff-clock-button:hover{filter:brightness(.98)}.staff-map-wrap{height:192px;border-radius:10px;overflow:hidden;background:#d9eef2;position:relative;border:1px solid #ffffff55}.staff-live-map{height:100%;width:100%}.staff-map-wrap .ref-map-loading{position:absolute;z-index:500;inset:0;display:grid;place-items:center;background:#e5f2f3;color:#5f6d73;font-size:12px}.staff-location-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}.staff-location-row>div{display:flex;align-items:center;gap:8px;min-width:0;font-weight:750}.staff-location-row svg{width:17px;height:17px;flex:0 0 auto}.staff-location-row span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-location-row button{appearance:none;border:0;background:transparent;color:#d7fff7;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}.staff-location-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.staff-location-meta small{font-size:10px;opacity:.78;text-align:right}.staff-geofence-chip{display:inline-flex;background:#fff;color:#475467;border-radius:999px;padding:5px 12px;font-size:10px;font-weight:750}.staff-geofence-chip.inside{background:#dcfce7;color:#067647}.staff-geofence-chip.outside{background:#fff1f2;color:#b42318}.staff-module-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:40px 28px 30px;background:#fff}.staff-module-strip a{min-width:0;text-align:center;display:grid;gap:8px;justify-items:center;color:#111827;font-size:11px}.staff-module-strip span{width:54px;height:54px;border-radius:13px;background:#d8faf4;color:#079b8e;display:grid;place-items:center}.staff-module-strip span svg{width:25px;height:25px}.staff-module-strip b{font-weight:500;white-space:nowrap}.staff-home-card{margin:0 13px 18px;background:#fff;border:1px solid #edf0f2;border-radius:18px;padding:15px;box-shadow:0 1px 4px rgba(15,23,42,.03)}.staff-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.staff-card-title h2{margin:0;font-size:14px}.staff-card-title h2 span{color:#08a89a;font-weight:500}.staff-card-title>a{color:#0caf9f;width:32px;height:32px;display:grid;place-items:center}.staff-calendar-head{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;margin:2px 0 16px}.staff-calendar-head a{font-size:28px;color:#334155;text-align:center;line-height:1}.staff-calendar-head b{text-align:center;font-size:14px}.staff-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.staff-calendar-grid>span{text-align:center;color:#64748b;font-size:10px;padding:5px 0}.staff-calendar-grid .day,.staff-calendar-grid .blank{aspect-ratio:1.2/1;display:grid;place-items:center;position:relative;font-style:normal;color:#111827;border-radius:10px}.staff-calendar-grid .day em{font-style:normal;font-size:11px;position:relative;z-index:2}.staff-calendar-grid .day.future{color:#ccd3da}.staff-calendar-grid .day.weekend{color:#cbd2d9}.staff-calendar-grid .day.present:after,.staff-calendar-grid .day.late:after,.staff-calendar-grid .day.leave:after{content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:5px;height:5px;border-radius:50%}.staff-calendar-grid .day.present:after{background:#22c55e}.staff-calendar-grid .day.late:after{background:#eab308}.staff-calendar-grid .day.leave:after{background:#f97316}.staff-calendar-grid .day.today,.staff-calendar-grid .day.selected{border:2px solid #11b9a9;background:#fff}.staff-calendar-grid .day.selected{background:#effdfa}.staff-calendar-legend{border-top:1px solid #edf0f2;margin-top:14px;padding-top:11px;display:flex;flex-wrap:wrap;gap:13px;font-size:10px}.staff-calendar-legend span{display:flex;align-items:center;gap:5px}.staff-calendar-legend i{width:11px;height:11px;border-radius:3px}.staff-calendar-legend .present{background:#22c55e}.staff-calendar-legend .late{background:#eab308}.staff-calendar-legend .leave{background:#f97316}.staff-calendar-legend .weekend{background:#e5e7eb}.staff-ref-empty{margin:30px 16px;background:#fff;border:1px dashed #d6dee1;border-radius:18px;padding:35px 20px;text-align:center;color:#667085}.staff-ref-empty h2{color:#17202a;margin:0 0 7px;font-size:20px}.staff-ref-empty p{margin:0}.staff-bottom-nav{width:min(720px,100%);left:50%;right:auto;transform:translateX(-50%)}

/* Staff profile */
.staff-profile-hero{background:linear-gradient(155deg,#0d9f92,#2dc9ad);color:#fff;text-align:center;padding:2px 20px 28px}.staff-profile-avatar-wrap{width:104px;height:104px;margin:0 auto 13px;position:relative}.staff-profile-avatar-wrap .ref-avatar{width:96px;height:96px;font-size:27px;border:4px solid #67e6d5}.staff-profile-avatar-wrap>button{position:absolute;right:0;bottom:4px;width:34px;height:34px;border:0;border-radius:50%;background:#087d75;color:#fff;display:grid;place-items:center;cursor:pointer}.staff-profile-avatar-wrap>button svg{width:17px}.staff-profile-hero h1{font-size:20px;margin:0}.staff-profile-hero p{margin:2px 0 0;font-size:13px}.staff-profile-body{padding:0 16px 18px;margin-top:-15px;position:relative}.staff-profile-card{background:#fff;border:1px solid #edf0f2;border-radius:17px;margin-bottom:14px;overflow:hidden}.staff-profile-card h2{font-size:15px;margin:0;padding:16px;border-bottom:1px solid #edf0f2}.staff-detail-row{display:grid;grid-template-columns:1fr minmax(120px,1fr);gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #edf0f2}.staff-detail-row:last-child{border-bottom:0}.staff-detail-row span{color:#667085;font-size:12px}.staff-detail-row b{text-align:right;font-size:12px;color:#101828}.staff-contact-row{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid #edf0f2;color:#079b8e}.staff-contact-row:last-child{border-bottom:0}.staff-contact-row svg{width:18px}.staff-contact-row span{color:#344054;font-size:13px}.staff-dialog{width:min(512px,calc(100% - 18px));border:0;border-radius:0;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.32)}.staff-dialog::backdrop{background:rgba(0,0,0,.76)}.staff-dialog>form{padding:20px 24px 24px;background:#fff}.staff-dialog-head{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:18px}.staff-dialog-head h2{margin:0;font-size:18px}.staff-dialog-head button{position:absolute;right:0;top:-5px;border:0;background:transparent;font-size:24px;color:#667085;cursor:pointer}.staff-dialog .field{margin-bottom:14px}.staff-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}

/* Staff attendance */
.staff-attendance-page{padding:24px 16px}.staff-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.staff-stat-grid>div{background:#fff;border:1px solid #edf0f2;border-radius:17px;padding:18px 15px;display:grid}.staff-stat-grid span{color:#667085;font-size:11px}.staff-stat-grid strong{font-size:27px;color:#059e91;line-height:1.1;margin:5px 0}.staff-stat-grid strong small{font-size:27px}.staff-stat-grid strong.danger{color:#f00}.staff-stat-grid em{font-style:normal;color:#98a2b3;font-size:10px}.staff-overtime-card{background:#fff;border:1px solid #edf0f2;border-radius:17px;padding:18px 15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.staff-overtime-card span{font-size:13px;font-weight:600}.staff-overtime-card b{color:#059e91}.staff-overtime-card a{color:#0aa394}.attendance-calendar-card{margin:0;padding:18px 15px;min-height:455px}.staff-subheading{font-size:15px;margin:20px 2px 10px}.staff-selected-records{display:grid;gap:9px}.staff-selected-records article{background:#fff;border:1px solid #edf0f2;border-radius:15px;padding:14px}.staff-selected-records article>div{display:flex;justify-content:space-between;gap:10px}.staff-selected-records article>div span{font-size:11px;color:#0d9488}.staff-selected-records small{display:block;color:#667085;margin-top:4px}.staff-selected-records a{display:inline-block;margin-top:9px;color:#0d9488;font-size:11px;font-weight:700}.staff-empty-mini{background:#fff;border:1px dashed #d7dee1;border-radius:15px;padding:18px;text-align:center;color:#667085}

/* Staff leave */
.staff-apply-btn{border:1px solid #ffffff2e;background:#ffffff21;color:#fff;border-radius:8px;padding:8px 11px;font:inherit;font-size:12px;font-weight:750;display:flex;gap:7px;align-items:center;cursor:pointer}.staff-leave-page{padding:24px 16px}.staff-leave-allocation{background:#fff;border:1px solid #edf0f2;border-radius:18px;padding:18px 16px}.staff-leave-allocation>h2{font-size:15px;margin:0 0 14px}.staff-leave-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.staff-leave-stats>div{background:#eafaf7;border-radius:12px;padding:12px;text-align:center;display:grid}.staff-leave-stats>div.used{background:#fff5ea}.staff-leave-stats>div.remaining{background:#ecfaef}.staff-leave-stats span{font-size:10px;color:#078579}.staff-leave-stats .used span,.staff-leave-stats .used strong,.staff-leave-stats .used small{color:#d44700}.staff-leave-stats .remaining span,.staff-leave-stats .remaining strong,.staff-leave-stats .remaining small{color:#078b38}.staff-leave-stats strong{font-size:25px;color:#067b73;line-height:1.1;margin:5px 0}.staff-leave-stats small{font-size:10px;color:#067b73}.staff-leave-empty{background:#fff;border:1px solid #edf0f2;border-radius:17px;min-height:175px;display:grid;place-items:center;align-content:center;text-align:center;color:#98a2b3}.staff-leave-empty>svg{width:43px;height:43px}.staff-leave-empty h3{margin:12px 0 2px;color:#667085;font-size:15px;font-weight:500}.staff-leave-empty p{margin:0;font-size:11px}.staff-leave-requests{display:grid;gap:10px}.staff-leave-requests article{background:#fff;border:1px solid #edf0f2;border-radius:15px;padding:14px}.staff-leave-requests article>div{display:flex;justify-content:space-between}.staff-leave-requests p{margin:5px 0;font-size:12px}.staff-leave-requests small{display:block;color:#667085}.staff-leave-requests a{display:inline-block;color:#0d9488;margin-top:8px;font-size:11px;font-weight:700}.staff-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.staff-upload-button{height:42px;border:1px solid #d7dfe2;border-radius:8px;display:flex!important;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:#17202a!important}.staff-upload-button svg{width:17px}.staff-upload-button input{display:none}.leave-dialog textarea{min-height:90px}

/* Staff assessments / notifications / settings */
.staff-assessment-page{padding:16px;display:grid;gap:14px}.staff-assessment-history{margin:0 14px 14px;border-top:1px solid #edf0f2;padding-top:10px;color:#667085;font-size:11px}.staff-notification-page,.staff-settings-page{padding:18px 16px}.staff-notification-action{display:flex;justify-content:flex-end;margin-bottom:10px}.staff-notification-page article{background:#fff;border:1px solid #edf0f2;border-radius:15px;padding:14px;margin-bottom:10px}.staff-notification-page article.read{opacity:.65}.staff-notification-page article>div{display:flex;justify-content:space-between;gap:10px}.staff-notification-page article time{font-size:10px;color:#98a2b3}.staff-notification-page article p{margin:7px 0 0;color:#475467}.staff-settings-note{padding:14px 16px;margin:0;color:#667085;font-size:11px;border-top:1px solid #edf0f2}.staff-logout-card{margin-top:18px}.staff-birthday-page{margin:0!important;min-height:calc(100vh - 80px)!important;padding-bottom:105px!important}.staff-birthday-page .ref-birthday-hero{padding-top:24px}

@media(min-width:721px){.reference-staff-main{margin-top:18px;min-height:calc(100vh - 36px);border-radius:22px}.staff-bottom-nav{bottom:18px;border-radius:0 0 22px 22px;overflow:visible}.staff-dashboard-hero{padding-left:20px;padding-right:20px}.staff-module-strip{padding-left:36px;padding-right:36px}.staff-live-map{height:100%}.staff-home-card{margin-left:18px;margin-right:18px}.staff-attendance-page,.staff-leave-page,.staff-settings-page,.staff-notification-page{padding-left:22px;padding-right:22px}.staff-profile-body{padding-left:22px;padding-right:22px}}
@media(max-width:520px){.staff-module-strip{padding-left:22px;padding-right:22px;gap:5px}.staff-module-strip span{width:49px;height:49px}.staff-module-strip b{font-size:10px}.staff-date-grid{grid-template-columns:1fr 1fr}.staff-dialog>form{padding:18px 24px 24px}.staff-calendar-grid{gap:4px}.staff-calendar-grid .day,.staff-calendar-grid .blank{aspect-ratio:1/1.08}.staff-attendance-page,.staff-leave-page{padding-top:24px}}


/* Clocka v1.3.4: local Leaflet layout fallback.
   This intentionally duplicates the positioning essentials from Leaflet so maps
   still render correctly if the external Leaflet stylesheet is slow or blocked. */
.leaflet-container{overflow:hidden;-webkit-tap-highlight-color:transparent;background:#dfe9e5;outline:0;font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img{position:absolute}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:auto}.leaflet-control-zoom,.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.25);border-radius:5px}.leaflet-bar a{background:#fff;color:#333;display:block;width:30px;height:30px;line-height:30px;text-align:center;text-decoration:none;border-bottom:1px solid #ccc;font-size:18px}.leaflet-bar a:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.leaflet-bar a:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:none}.leaflet-bar a:hover{background:#f4f4f4}.leaflet-bar a.leaflet-disabled{cursor:default;background:#f4f4f4;color:#bbb}.leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.85);margin:0!important;padding:0 5px;color:#333}.leaflet-control-attribution a{color:#0078a8;text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px;background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.28)}.leaflet-popup-content{margin:13px 19px;line-height:1.4;font-size:13px;min-height:1px}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg);background:#fff;color:#333;box-shadow:3px 3px 15px rgba(0,0,0,.18)}.leaflet-popup-close-button{position:absolute;top:0;right:0;border:0;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-popup-close-button:hover{color:#585858}.clocka-map-pin{display:block;width:22px;height:22px;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#0d9488;box-shadow:0 2px 6px rgba(0,0,0,.28)}.clocka-map-pin.branch{background:#2563eb}.clocka-map-pin.out{background:#f97316}.clocka-map-pin>i{display:block;width:6px;height:6px;background:#fff;border-radius:50%;margin:5px;transform:rotate(45deg)}.clocka-map-divicon{background:transparent!important;border:0!important}.clocka-map-status{position:absolute;left:10px;bottom:10px;z-index:950;background:rgba(255,255,255,.94);border-radius:8px;padding:6px 9px;color:#475467;font-size:10px;box-shadow:0 2px 7px rgba(15,23,42,.12);pointer-events:none}.clocka-map-status.error{color:#b42318;background:#fff1f2}.clocka-map-status.ok{color:#067647;background:#ecfdf3}
.aa-live-map,.aa-record-map,.staff-live-map{position:relative}

/* Clocka v1.3.5 — admin branch + assessment reference flows */
.art-action-header{position:sticky;top:0;z-index:105;background:linear-gradient(135deg,#11998e,#2cc9a8);color:#fff;padding:13px 16px;box-shadow:0 2px 10px rgba(15,23,42,.08)}
.art-action-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:46px}.art-action-row strong{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-back{color:#fff;width:38px;height:38px;display:grid;place-items:center}.art-back svg{width:24px;height:24px}.art-save{border:0;border-radius:9px;background:rgba(220,255,248,.58);color:#0d9488;padding:11px 16px;font-weight:800;font-size:13px;box-shadow:0 4px 12px rgba(13,148,136,.18)}
.art-branch-page,.art-builder-page,.art-branch-edit{padding:16px 14px 96px;max-width:920px;margin:0 auto}.art-list-toolbar,.art-assessment-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.art-list-toolbar>div,.art-assessment-toolbar>div{display:grid}.art-list-toolbar b,.art-assessment-toolbar b{font-size:17px}.art-list-toolbar span,.art-assessment-toolbar span{font-size:11px;color:#667085}.art-primary-small{display:inline-flex;align-items:center;justify-content:center;background:#11a99c;color:#fff;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:800;white-space:nowrap}
.art-branch-list{display:grid;gap:14px}.art-branch-card{position:relative;background:#fff;border:1px solid #edf0f2;border-radius:20px;padding:18px 16px;display:grid;grid-template-columns:54px minmax(0,1fr) 24px;gap:13px;align-items:center;box-shadow:0 4px 14px rgba(15,23,42,.045)}.art-building-icon{width:54px;height:54px;border-radius:16px;background:#cffff4;color:#079f91;display:grid;place-items:center}.art-building-icon svg{width:29px;height:29px}.art-branch-copy{min-width:0;display:grid;gap:4px;color:#1f2937}.art-branch-copy b{font-size:18px;line-height:1.35}.art-branch-copy span{font-size:14px;color:#7c8490;line-height:1.45}.art-branch-copy small{font-size:12px;color:#98a2b3;display:flex;align-items:center;gap:5px}.art-branch-copy small svg{width:14px;height:14px}.art-more{position:relative;align-self:start}.art-more summary{list-style:none;color:#98a2b3;font-size:28px;line-height:1;cursor:pointer;text-align:center}.art-more summary::-webkit-details-marker{display:none}.art-more>div{position:absolute;right:0;top:28px;z-index:20;background:#fff;border:1px solid #e4e7ec;border-radius:10px;box-shadow:0 12px 28px rgba(15,23,42,.14);min-width:130px;padding:5px}.art-more a{display:block;padding:9px 10px;border-radius:7px;font-size:12px}.art-more a:hover{background:#eefbf8}
.art-form-card{background:#fff;border:1px solid #e6e9ed;border-radius:18px;padding:18px 16px;margin-bottom:16px;box-shadow:0 3px 12px rgba(15,23,42,.035)}.art-form-card h2{font-size:21px;margin:0 0 18px}.art-field{display:grid;gap:7px;margin-bottom:15px}.art-field:last-child{margin-bottom:0}.art-field label{font-weight:700;font-size:14px;color:#20252d}.art-field input,.art-field textarea,.art-field select{width:100%;border:1px solid #d9dde3;border-radius:9px;background:#fff;padding:13px 14px;font:inherit;color:#111827;outline:none;box-shadow:0 2px 5px rgba(15,23,42,.035)}.art-field textarea{resize:vertical;min-height:94px}.art-field input:focus,.art-field textarea:focus,.art-field select:focus{border-color:#20b9a7;box-shadow:0 0 0 3px rgba(32,185,167,.10)}.art-field input[readonly]{background:#f7f8fa;color:#8b939e}.art-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.art-current-location{width:100%;border:1px solid #d9dde3;background:#fff;border-radius:9px;padding:12px 14px;font:inherit;font-weight:700;display:flex;justify-content:center;align-items:center;gap:9px}.art-current-location svg{width:21px}.art-location-status{font-size:11px;color:#667085;text-align:center;min-height:15px;margin-top:8px}.art-location-status.error{color:#b42318}.art-location-status.ok{color:#087f72}.art-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.art-card-heading.left{justify-content:flex-start}.art-card-heading h2{margin:0}.art-card-heading h2 svg,.art-map-title h2 svg{color:#15ad9f;width:24px;height:24px;vertical-align:-5px}.art-map-card{padding:0;overflow:hidden}.art-map-title{padding:18px 16px 12px}.art-map-title h2{margin:0;font-size:20px}.art-map-title p{margin:5px 0 0;color:#7c8490;font-size:13px}.art-branch-map{height:400px;min-height:400px;background:#e3eeee;position:relative}.art-selected-location{padding:14px 16px 18px;display:grid;gap:7px}.art-selected-location span{font-size:12px;color:#7c8490}.art-selected-location b{font-size:15px;line-height:1.45}.art-tip{border:1px solid #baf0e8;background:#edfffb;color:#245b55;border-radius:12px;padding:15px 16px;font-size:14px;line-height:1.5}.art-tip b{color:#16665d}
.art-options{display:grid;gap:10px}.art-options h2{margin-bottom:6px}.art-check{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.15}.art-check input{appearance:none;width:22px;height:22px;border:1.5px solid #475467;border-radius:5px;margin:0;display:grid;place-items:center;background:#fff}.art-check input:checked{background:#202124;border-color:#202124}.art-check input:checked:after{content:'✓';color:#fff;font-size:15px;font-weight:900}.art-everyone{width:100%;border:1px solid #d9dde3;background:#fff;border-radius:9px;padding:12px;font:inherit;font-weight:700;color:#222}.art-everyone.active{background:#e9fbf7;border-color:#1eb6a5;color:#087e73}.art-question-section{padding-bottom:22px}.art-add-question{border:1px solid #d9dde3;background:#fff;border-radius:9px;padding:10px 12px;font-weight:700;font-size:13px}.art-question-card{background:#fbfbfc;border:1px solid #dfe3e8;border-radius:16px;padding:16px;margin-top:14px;box-shadow:0 3px 10px rgba(15,23,42,.035)}.art-question-head{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-bottom:15px}.art-drag{color:#98a2b3;font-size:22px;letter-spacing:-4px;cursor:grab}.art-question-head strong{font-size:17px}.art-question-type{background:#f2f4f7;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:700}.art-question-tools{display:flex;gap:4px}.art-question-tools button{border:0;background:transparent;width:29px;height:29px;border-radius:7px;color:#667085;font-size:16px}.art-question-tools button.delete{color:#ef4444}.art-question-tools button:hover{background:#eef1f4}.art-question-card .art-field{margin-bottom:13px}.art-question-card textarea{min-height:104px}.art-option-list{display:grid;gap:8px}.art-option-list input{padding:11px 12px}.art-assignment-summary{font-size:10px;color:#667085;padding:0 14px 10px}.art-assessment-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px}.art-assessment-actions a{border-radius:7px;padding:9px;text-align:center;font-size:11px;font-weight:800;background:#eefaf8;color:#087e73}.art-assessment-actions a:last-child{background:#10998d;color:#fff}.art-view-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.art-view-title h2{margin:0 0 7px}.art-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 14px}.art-tags span{background:#eafaf7;color:#087d72;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}
.art-branch-map .leaflet-control-attribution{background:rgba(255,255,255,.8)!important}.art-branch-map .clocka-map-pin.branch{transform:rotate(-45deg) scale(1.12);transform-origin:center}
@media(min-width:820px){.art-branch-list{grid-template-columns:repeat(2,minmax(0,1fr))}.art-builder-page,.art-branch-edit{padding-top:22px}.art-builder-form{max-width:780px;margin:0 auto}.art-action-header{max-width:1180px;margin:0 auto}.art-branch-map{height:460px}.art-assessment-index{grid-template-columns:repeat(2,minmax(0,1fr))}.art-assessment-toolbar{grid-column:1/-1}}
@media(max-width:480px){.art-action-row strong{font-size:18px}.art-save{padding:10px 12px}.art-branch-page,.art-builder-page,.art-branch-edit{padding-left:12px;padding-right:12px}.art-form-card{padding:16px 14px}.art-two{gap:10px}.art-question-head{grid-template-columns:22px 1fr auto}.art-question-type{grid-column:2/3;width:max-content}.art-question-tools{grid-column:3;grid-row:1/3}.art-branch-map{height:390px;min-height:390px}}

/* Clocka v1.3.6 — full-screen attendance camera + staff GPS diagnostics */
.clock-capture-page{margin:0;background:#000;color:#fff;min-height:100dvh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
.clock-capture-page *{box-sizing:border-box}.clock-capture-form{min-height:100dvh;margin:0}.clock-camera-stage{min-height:100dvh;background:#000;display:flex;flex-direction:column;align-items:center;padding:env(safe-area-inset-top) 10px calc(20px + env(safe-area-inset-bottom));position:relative}
.clock-camera-stage[hidden],.clock-confirm-stage[hidden]{display:none!important}.clock-camera-header,.clock-confirm-header{height:68px;width:100%;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 6px;flex:0 0 auto}.clock-camera-header a,.clock-confirm-header button{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:#fff;text-decoration:none;font-size:38px;font-weight:300;line-height:1;cursor:pointer}.clock-camera-header strong,.clock-confirm-header strong{text-align:center;font-size:17px;font-weight:800}.clock-camera-viewport{width:min(92vw,560px);aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#929295;position:relative;margin-top:34px;box-shadow:0 0 0 1px #ffffff12 inset}.clock-camera-viewport video{width:100%;height:100%;display:block;object-fit:cover;transform:scaleX(-1);background:#111}.clock-camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#f6f7f8;background:#929295}.clock-camera-placeholder[hidden]{display:none}.clock-camera-placeholder>span{width:72px;height:72px;display:grid;place-items:center;border:2px solid #fff;border-radius:20px;margin-bottom:15px}.clock-camera-placeholder svg{width:38px;height:38px}.clock-camera-placeholder b{font-size:17px}.clock-camera-placeholder small{font-size:13px;line-height:1.5;margin-top:8px;max-width:300px}.clock-shutter{width:82px;height:82px;border:6px solid #f4f7fb;border-radius:50%;background:transparent;margin-top:auto;margin-bottom:14px;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 0 0 2px #d9e1ea}.clock-shutter span{width:62px;height:62px;border-radius:50%;background:#f7f7f7;border:2px solid #182330}.clock-shutter:disabled{opacity:.45;cursor:not-allowed}.clock-camera-hint{font-size:12px;color:#b8bec8;text-align:center;margin:0 0 2px}.clock-camera-retry{margin:18px auto 0;border:1px solid #fff6;border-radius:12px;background:#ffffff16;color:#fff;padding:12px 18px;font-weight:800}.clock-capture-flash{position:absolute;z-index:4;top:72px;left:14px;right:14px;border-radius:12px;padding:12px 14px;text-align:center;font-size:13px}.clock-capture-flash.error{background:#7f1d1d;color:#fff}.clock-capture-flash.success{background:#065f46;color:#fff}
.clock-confirm-stage{min-height:100dvh;background:linear-gradient(180deg,#0da497 0,#16bba3 100%);color:#071e24;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.clock-confirm-header{color:#fff;padding-left:8px;padding-right:8px}.clock-confirm-content{width:min(100%,560px);margin:0 auto;padding:4px 10px 24px}.clock-confirm-photo{height:min(43dvh,430px);min-height:270px;background:#fff;border-radius:16px;overflow:hidden;margin:4px 0 22px;box-shadow:0 1px 1px #00000008}.clock-confirm-photo img{width:100%;height:100%;display:block;object-fit:cover}.clock-confirm-details{background:#fff;border-radius:16px;padding:18px 22px;margin-bottom:18px}.clock-confirm-details h2{font-size:16px;margin:0 0 13px;color:#101828}.clock-confirm-detail{display:flex;align-items:center;gap:13px;background:#effbf8;border-radius:9px;padding:13px 12px;margin:0 0 12px;color:#07998f}.clock-confirm-detail:last-child{margin-bottom:0}.clock-confirm-detail>span{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px}.clock-confirm-detail svg{width:19px;height:19px}.clock-confirm-detail div{min-width:0;display:flex;flex-direction:column}.clock-confirm-detail small{font-size:10px;color:#667085;margin-bottom:2px}.clock-confirm-detail b{font-size:14px;color:#0c1721;white-space:normal;word-break:break-word}.clock-confirm-detail em{font-style:normal;font-size:11px;color:#0d9488;margin-top:3px}.clock-confirm-detail b.bad{color:#dc2626}.clock-location-warning{background:#fff1f2;border:1px solid #fda4af;color:#b42318;border-radius:13px;padding:14px;margin-bottom:14px}.clock-location-warning b{font-size:14px}.clock-location-warning p{font-size:12px;line-height:1.45;margin:5px 0 10px}.clock-warning-actions{display:flex;gap:8px;flex-wrap:wrap}.clock-warning-actions .btn{font-size:12px;padding:9px 12px}.clock-confirm-fallback{background:#fff;border-radius:14px;padding:14px;margin-bottom:15px;color:#182230}.clock-confirm-actions{display:grid;gap:10px}.clock-confirm-submit,.clock-confirm-cancel{min-height:52px;border-radius:7px;border:0;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:15px}.clock-confirm-submit{background:#fff;color:#07998f;box-shadow:0 1px 3px #0002}.clock-confirm-submit svg{width:19px;height:19px}.clock-confirm-submit:disabled{opacity:.55}.clock-confirm-submit.submitting{opacity:.75}.clock-confirm-cancel{background:#45cfbb;color:#fff;border:1px solid #fff}.clock-submit-spinner{width:17px;height:17px;border-radius:50%;border:2px solid #0d948844;border-top-color:#0d9488;animation:clock-spin .7s linear infinite}@keyframes clock-spin{to{transform:rotate(360deg)}}

.gps-tracker-page{padding:16px 10px 110px;max-width:640px;margin:0 auto}.gps-tracker-banner{display:flex;align-items:center;gap:12px;border-radius:10px;padding:11px 13px;margin-bottom:16px;background:#49cabd;color:#fff}.gps-tracker-banner>span{width:22px;height:22px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:900;line-height:1}.gps-tracker-banner div{display:flex;flex-direction:column;min-width:0}.gps-tracker-banner b{font-size:14px}.gps-tracker-banner small{font-size:11px;opacity:.9;margin-top:2px}.gps-tracker-banner.ok{background:#2cc5a1}.gps-tracker-banner.bad{background:#ef4444}.gps-tracker-banner.checking{background:#39c8b5}.gps-tracker-error{border:1px solid #fca5a5;border-radius:9px;background:#fff1f2;color:#dc2626;padding:14px;margin-bottom:16px}.gps-tracker-error>b{display:block;font-size:14px;margin-bottom:5px}.gps-tracker-error p{font-size:12px;line-height:1.5;margin:0}.gps-tracker-help{margin-top:10px;color:#7f1d1d;font-size:11px;line-height:1.5}.gps-tracker-help ol{padding-left:19px;margin:7px 0}.gps-tracker-help code{font-size:10px}.gps-diagnostic-card,.gps-fallback-card{background:#fff;border:1px solid #edf0f2;border-radius:16px;box-shadow:0 1px 3px #1018280d;margin-bottom:16px;overflow:hidden}.gps-diagnostic-card h2,.gps-fallback-card h2{font-size:16px;margin:0;padding:16px 17px 12px}.gps-diagnostic-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 17px;border-top:1px solid #eef0f2}.gps-diagnostic-row span{font-size:12px;color:#667085}.gps-diagnostic-row b{font-size:12px;text-align:right;max-width:62%;color:#101828;overflow-wrap:anywhere}.gps-diagnostic-row b.good{color:#079455}.gps-diagnostic-row b.bad{color:#dc2626}.gps-retry-button{width:100%;min-height:48px;border:0;border-radius:7px;background:#ef2b2d;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.gps-retry-button:disabled{opacity:.6}.gps-retry-button svg{width:18px;height:18px}.gps-retry-note{font-size:11px;line-height:1.55;color:#667085;padding:0 4px;margin:0 0 18px}.gps-fallback-card{padding-bottom:14px}.gps-fallback-card>p{margin:-6px 17px 13px;font-size:12px;color:#667085}.gps-fallback-buttons{display:flex;gap:8px;flex-wrap:wrap;padding:0 17px}.gps-fallback-buttons .btn{flex:1 1 180px}.gps-tracker-phone-panel{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:start;margin:14px 17px 0;padding-top:14px;border-top:1px solid #edf0f2}.gps-tracker-phone-panel b{font-size:13px}.gps-tracker-phone-panel p{font-size:11px;color:#667085;line-height:1.45}.gps-tracker-phone-panel a{font-size:11px;color:#0d9488;overflow-wrap:anywhere}.gps-tracker-phone-panel .text-button{font-size:11px;margin-left:8px}

.staff-settings-menu{margin:14px 8px 22px;background:#fff;border-radius:15px;overflow:hidden;border:1px solid #eef0f2}.staff-settings-item{display:grid;grid-template-columns:42px 1fr 22px;gap:10px;align-items:center;padding:14px;text-decoration:none;color:#101828;border-bottom:1px solid #eef0f2}.staff-settings-item:last-child{border-bottom:0}.staff-settings-item .icon{width:38px;height:38px;border-radius:10px;background:#d2fbf3;color:#0ba89a;display:grid;place-items:center}.staff-settings-item .icon svg{width:20px;height:20px}.staff-settings-item>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.staff-settings-item b{font-size:14px}.staff-settings-item small{font-size:11px;color:#667085;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-settings-item>i{font-style:normal;color:#98a2b3;font-size:25px}.staff-settings-account{margin:0 8px 110px;background:#fff;border-radius:15px;padding:15px;border:1px solid #eef0f2;display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-settings-account>div{display:flex;flex-direction:column;min-width:0}.staff-settings-account b{font-size:13px}.staff-settings-account span{font-size:10px;color:#667085;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-settings-account .btn{padding:9px 12px;font-size:11px;flex:0 0 auto}
.ref-bottom-nav .ref-fab{display:grid;text-decoration:none}.ref-bottom-nav .ref-fab.active{box-shadow:0 8px 24px #08a99755,0 0 0 4px #c9fff6}

@media(max-width:520px){.clock-camera-viewport{margin-top:22px;width:calc(100vw - 20px);border-radius:16px}.clock-shutter{width:76px;height:76px}.clock-shutter span{width:57px;height:57px}.clock-confirm-content{padding-left:8px;padding-right:8px}.clock-confirm-photo{height:38dvh;min-height:255px}.gps-tracker-page{padding-top:14px}.gps-tracker-phone-panel{grid-template-columns:1fr}.gps-tracker-phone-panel .phone-location-qr{margin:auto}}
.clock-shutter[hidden],.gps-tracker-phone-panel[hidden]{display:none!important}

/* Clocka v1.3.7 — compact desktop admin sidebar
   Keep navigation items grouped at the top instead of stretching grid rows
   across the full viewport height. */
@media (min-width:761px){
  .app-shell{align-items:start}
  .sidebar{
    position:sticky;
    top:72px;
    height:calc(100vh - 72px);
    min-height:0;
    overflow-y:auto;
    padding:16px 12px;
  }
  .sidebar nav{
    position:static;
    top:auto;
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    align-content:flex-start;
    justify-content:flex-start;
    gap:4px;
  }
  .sidebar nav>a{
    flex:0 0 auto;
    min-height:42px;
    padding:9px 12px;
  }
  .sidebar-version{
    flex:0 0 auto;
  }
}

/* v1.3.8 branch geofence visibility hardening */
.art-branch-map .leaflet-overlay-pane{z-index:450!important}.art-branch-map .leaflet-marker-pane{z-index:650!important}.art-branch-map canvas.leaflet-zoom-animated{pointer-events:none}.art-branch-map .clocka-map-divicon{z-index:1000!important}

/* Clocka v1.3.9 — Location Recovery + PWA */
.gps-gate-card{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.gps-gate-diagnostics{border:1px solid #e7eceb;border-radius:13px;overflow:hidden;margin:0 0 12px;text-align:left;background:#fff}
.gps-gate-diagnostics>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border-top:1px solid #eef2f1;font-size:12px}
.gps-gate-diagnostics>div:first-child{border-top:0}.gps-gate-diagnostics span{color:#667085}.gps-gate-diagnostics b{font-size:12px;text-align:right;color:#344054}.gps-gate-diagnostics b.ok{color:#067647}.gps-gate-diagnostics b.bad{color:#b42318}
.gps-repair-panel{margin:12px 0;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:13px;padding:13px;text-align:left}
.gps-repair-panel[hidden]{display:none!important}.gps-repair-panel>b{display:block;margin-bottom:4px;font-size:13px}.gps-repair-panel p{font-size:11px!important;color:#9a3412!important;margin:0 0 8px!important;line-height:1.45}.gps-repair-panel ol{margin:7px 0 12px;padding-left:20px;font-size:11px;line-height:1.5}.gps-repair-panel .btn{text-align:center}
.gps-gate-fallback-actions>#gpsGatePhoneFallback{display:block}.gps-gate-fallback-actions>#gpsGatePhoneFallback .btn{width:100%}
.clocka-pwa-bar{position:fixed;z-index:1000;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;background:#101828;color:#fff;border-radius:14px;padding:11px 12px 11px 14px;box-shadow:0 15px 45px rgba(15,23,42,.28);font-size:12px;line-height:1.4}
.clocka-pwa-bar button{border:0;border-radius:9px;background:#fff;color:#0d9488;font-weight:800;padding:9px 12px;white-space:nowrap;cursor:pointer}.clocka-pwa-bar.offline{background:#7c2d12}.clocka-pwa-bar.update{background:#0f766e}.clocka-pwa-bar.install{background:#0f766e}
@media(max-width:520px){.gps-gate{padding:8px}.gps-gate-card{border-radius:20px;padding:20px 16px;max-height:calc(100dvh - 16px)}.gps-gate-card>p{font-size:13px;line-height:1.45}.gps-gate-diagnostics>div{padding:8px 9px}.clocka-pwa-bar{bottom:calc(82px + env(safe-area-inset-bottom));align-items:flex-start}.clocka-pwa-bar button{flex:0 0 auto}}
.clock-location-repair{margin-top:10px;padding:10px 11px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:11px;line-height:1.5}.clock-location-repair[hidden]{display:none!important}.clock-location-repair ol{margin:0;padding-left:18px}.clock-location-repair li+li{margin-top:4px}

/* Clocka v1.4.0 — Phase 1 Reliability Foundation */
.clocka-pwa-bar.weak{background:#92400e}.clocka-pwa-bar.pending{background:#1d4ed8}.clocka-pwa-bar.update.critical{background:#b42318}.clocka-pwa-bar.update.critical span{font-weight:750}
html[data-clocka-critical-update="1"] #clock-submit{opacity:.5;pointer-events:none}.clock-location-warning.transaction-ok{background:#ecfdf3;border-color:#a7f3d0;color:#067647}
.cf-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.cf-status-grid>.card{min-height:118px;display:flex;flex-direction:column;gap:4px;justify-content:center}.cf-status-grid span{font-size:12px;color:#667085;font-weight:700}.cf-status-grid strong{font-size:20px;letter-spacing:-.02em}.cf-status-grid small{font-size:11px;color:#98a2b3}.cf-app-actions{margin-bottom:16px}.cf-app-actions h2,.cf-security h2,.cf-reliability h2{margin:0 0 8px;font-size:18px}.cf-app-actions .muted{margin-bottom:0}.cf-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.cf-card-head h2{margin:0}.cf-card-head p{margin:5px 0 0}.cf-security{display:grid;gap:16px}.cf-inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.cf-inline-form input{min-width:210px;flex:1;border:1px solid #d7dfe2;border-radius:10px;padding:10px 12px;font:inherit}.cf-secret-box{margin-top:14px;border:1px solid #c7e8e4;background:#f0fdfa;border-radius:14px;padding:14px;display:grid;gap:8px}.cf-secret-box code,.cf-recovery code{overflow-wrap:anywhere;background:#fff;border:1px solid #d7e7e5;border-radius:8px;padding:7px 9px;font-size:12px}.cf-secret-box details code{display:block;margin-top:6px}.cf-recovery{margin-top:14px;border:1px solid #fed7aa;background:#fff7ed;border-radius:14px;padding:14px}.cf-recovery>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.cf-recovery p{font-size:12px;margin:8px 0 0;color:#9a3412}.cf-session-list{display:grid;margin-top:14px}.cf-session-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #eef1f2}.cf-session-list article:first-child{border-top:0}.cf-session-list article>div{display:flex;flex-direction:column;gap:3px;min-width:0}.cf-session-list article b{font-size:13px}.cf-session-list article span,.cf-session-list article small{font-size:11px;color:#667085;overflow-wrap:anywhere}.cf-session-list article.revoked{opacity:.55}.cf-session-list .badge{vertical-align:middle;margin-left:5px}
.cf-reliability>.grid{margin-bottom:16px}.cf-network-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eef1f2}.cf-network-row:first-of-type{border-top:0}.cf-network-row>div{display:flex;flex-direction:column}.cf-network-row span{font-size:11px;color:#667085;margin-top:2px}.cf-review-actions{display:flex;align-items:center;gap:6px;min-width:340px}.cf-review-actions input{min-width:130px;border:1px solid #d7dfe2;border-radius:8px;padding:8px 9px;font:inherit;font-size:12px}.cf-health-score{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #edf0f2;border-radius:18px;box-shadow:var(--shadow);padding:18px;margin-bottom:16px}.cf-health-score>strong{font-size:36px;color:var(--teal-dark);letter-spacing:-.05em}.cf-health-score>div{display:flex;flex:1;flex-direction:column}.cf-health-score>div b{font-size:17px}.cf-health-score>div span{font-size:12px;color:#667085}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-item{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #edf0f2;border-radius:14px;padding:13px}.health-item>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.health-item.ok>span{background:#ecfdf3;color:#067647}.health-item.warn>span{background:#fff7ed;color:#c2410c}.health-item.bad>span{background:#fef2f2;color:#b42318}.health-item>div{display:flex;flex-direction:column}.health-item b{font-size:12px}.health-item small{font-size:10px;color:#667085;line-height:1.4;margin-top:2px}.cf-app-center,.cf-security,.cf-reliability,.cf-health{max-width:1260px;margin:0 auto}.cf-security .card,.cf-reliability .card{box-shadow:0 4px 16px rgba(16,42,67,.05)}
@media(max-width:1000px){.cf-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cf-status-grid,.health-grid{grid-template-columns:1fr}.cf-status-grid>.card{min-height:96px}.cf-card-head,.cf-health-score{align-items:flex-start;flex-direction:column}.cf-health-score>div{width:100%}.cf-health-score form{width:100%}.cf-health-score form .btn{width:100%}.cf-inline-form{display:grid;grid-template-columns:1fr}.cf-inline-form input{min-width:0}.cf-recovery>div{grid-template-columns:1fr}.cf-session-list article{align-items:flex-start}.cf-review-actions{min-width:280px}.clocka-pwa-bar.update.critical{bottom:calc(82px + env(safe-area-inset-bottom))}}

/* ======================================================================
   Clocka v1.4.1 — UI/UX Design System + Public Signup & Approval
   ====================================================================== */
:root{
  --ck-teal-950:#053b38;--ck-teal-900:#075b55;--ck-teal-800:#087c73;--ck-teal-700:#0b9186;
  --ck-teal-600:#10a497;--ck-teal-500:#18b9a9;--ck-aqua:#38d6c2;--ck-mint:#ddfaf5;
  --ck-ink:#14212b;--ck-ink-2:#344054;--ck-muted:#667085;--ck-line:#e6ecee;--ck-canvas:#f4f7f8;
  --ck-success:#067647;--ck-warning:#b54708;--ck-danger:#b42318;
  --ck-radius-sm:10px;--ck-radius:16px;--ck-radius-lg:24px;
  --ck-shadow-1:0 4px 14px rgba(9,52,60,.07);--ck-shadow-2:0 14px 34px rgba(5,59,56,.14);--ck-shadow-float:0 18px 42px rgba(4,56,53,.22);
  --ck-ease:cubic-bezier(.2,.8,.2,1);
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ck-ink)}
button,a,.btn{transition:transform .15s var(--ck-ease),box-shadow .2s var(--ck-ease),background-color .2s var(--ck-ease),border-color .2s var(--ck-ease),color .2s var(--ck-ease),opacity .2s var(--ck-ease)}
button:active,.btn:active,a.quick:active{transform:translateY(1px) scale(.99)}

/* Drawer must always own the highest visual plane. Leaflet creates its own stacking contexts. */
.ref-drawer{position:fixed!important;inset:0!important;z-index:20000!important;isolation:isolate;pointer-events:none;display:block}
.ref-drawer[hidden]{display:none!important}
.ref-drawer.is-open{pointer-events:auto}
.ref-drawer-backdrop{position:absolute!important;inset:0!important;z-index:20000!important;background:rgba(6,24,28,.56)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .24s var(--ck-ease)}
.ref-drawer-panel{position:absolute!important;z-index:20001!important;inset:0 auto 0 0!important;transform:translate3d(-104%,0,0);transition:transform .24s var(--ck-ease);box-shadow:24px 0 55px rgba(8,33,38,.20)!important;will-change:transform}
.ref-drawer.is-open .ref-drawer-backdrop{opacity:1}
.ref-drawer.is-open .ref-drawer-panel{transform:translate3d(0,0,0)}
body.clocka-drawer-open{overflow:hidden!important;touch-action:none}
body.clocka-drawer-open .leaflet-container,body.clocka-drawer-open .leaflet-pane,body.clocka-drawer-open .leaflet-top,body.clocka-drawer-open .leaflet-bottom,body.clocka-drawer-open .leaflet-control{z-index:0!important;pointer-events:none!important}
.ref-drawer-panel nav a{border-radius:12px;margin:2px 10px;padding-left:14px!important}
.ref-drawer-panel nav a:hover{background:#edfafa;color:var(--ck-teal-800)}
.ref-drawer-badged{position:relative}.ref-drawer-badged em{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-style:normal;font-weight:850;display:inline-grid;place-items:center}

/* Mobile bottom navigation centre action */
.ref-bottom-nav .ref-fab,.staff-bottom-nav .ref-fab{
  width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;aspect-ratio:1/1;border-radius:50%!important;
  display:grid!important;place-items:center!important;padding:0!important;margin:-24px auto 0!important;
  color:#fff!important;background:linear-gradient(145deg,var(--ck-aqua),var(--ck-teal-700))!important;
  border:5px solid #fff!important;outline:1px solid rgba(16,164,151,.12);
  box-shadow:0 10px 24px rgba(10,145,134,.32),0 0 0 7px rgba(24,185,169,.10)!important;
  overflow:visible;position:relative;isolation:isolate
}
.ref-bottom-nav .ref-fab:before,.staff-bottom-nav .ref-fab:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.44);border-radius:50%;pointer-events:none}
.ref-bottom-nav .ref-fab svg,.staff-bottom-nav .ref-fab svg{width:25px!important;height:25px!important;color:#fff!important;stroke:#fff!important;stroke-width:2.25!important;position:relative;z-index:1;opacity:1!important}
.ref-bottom-nav .ref-fab.active,.staff-bottom-nav .ref-fab.active{box-shadow:0 11px 26px rgba(10,145,134,.38),0 0 0 7px rgba(56,214,194,.16)!important}
.ref-bottom-nav .ref-fab:active,.staff-bottom-nav .ref-fab:active{transform:translateY(3px) scale(.96)!important;box-shadow:0 5px 14px rgba(10,145,134,.30),0 0 0 5px rgba(56,214,194,.12)!important}
.staff-bottom-nav,.ref-bottom-nav{border-top:1px solid rgba(13,83,87,.07);box-shadow:0 -8px 26px rgba(20,33,43,.055)}

/* Staff dashboard: clearer hierarchy + tactile clock action */
.staff-dashboard-hero{background:linear-gradient(155deg,var(--ck-teal-800) 0%,var(--ck-teal-600) 52%,#29c7b3 100%)!important;position:relative;isolation:isolate}
.staff-dashboard-hero:before{content:"";position:absolute;right:-90px;top:-115px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,0) 70%);z-index:-1}
.staff-identity-row{position:relative}.staff-day-status{margin-left:auto!important;display:inline-flex!important;align-items:center!important;gap:6px;padding:6px 10px!important;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.20);font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap}
.staff-day-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#d9fff8;box-shadow:0 0 0 4px rgba(217,255,248,.12)}.staff-day-status.active:before{background:#86efac;box-shadow:0 0 0 4px rgba(134,239,172,.13)}
.staff-clock-button{
  min-height:70px!important;height:auto!important;border-radius:17px!important;margin:3px 0 18px!important;padding:11px 13px!important;
  display:grid!important;grid-template-columns:48px 1fr 30px!important;align-items:center!important;gap:12px!important;place-items:unset!important;
  color:#fff!important;text-decoration:none!important;background:linear-gradient(180deg,#28c7b4 0%,#0f9e91 64%,#0b8178 100%)!important;
  border:1px solid rgba(255,255,255,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 6px 0 #066a64,0 13px 22px rgba(3,76,72,.28)!important;
  transform:translateY(0);overflow:hidden;position:relative;isolation:isolate
}
.staff-clock-button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 38%,transparent 64%,rgba(255,255,255,.08));z-index:-1}
.staff-clock-button:hover{filter:none!important;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 7px 0 #066a64,0 15px 25px rgba(3,76,72,.31)!important}
.staff-clock-button:active{transform:translateY(5px) scale(.995)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #066a64,0 6px 12px rgba(3,76,72,.22)!important}
.staff-clock-button.is-out{background:linear-gradient(180deg,#f1b44b 0%,#d88724 65%,#b86513 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 0 #8e4a12,0 13px 22px rgba(116,62,10,.25)!important}
.staff-clock-button.is-out:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #8e4a12,0 6px 12px rgba(116,62,10,.18)!important}
.staff-clock-button-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.staff-clock-button-icon svg{width:24px;height:24px;color:#fff;stroke:#fff}.staff-clock-button-copy{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}.staff-clock-button-copy b{font-size:17px;line-height:1.1;letter-spacing:-.01em}.staff-clock-button-copy small{font-size:11px;color:rgba(255,255,255,.82);font-weight:550}.staff-clock-button-arrow{font-size:30px;line-height:1;color:rgba(255,255,255,.85);justify-self:end}
.staff-map-wrap{border-radius:16px!important;border:1px solid rgba(255,255,255,.42)!important;box-shadow:0 7px 18px rgba(3,69,67,.13);isolation:isolate}.staff-map-wrap .leaflet-container{z-index:1}.staff-geofence-chip{font-weight:800!important;box-shadow:0 2px 8px rgba(9,73,73,.08)}
.staff-module-strip a{transition:transform .16s var(--ck-ease),color .2s}.staff-module-strip a:active{transform:translateY(2px) scale(.97)}.staff-module-strip span{transition:transform .2s var(--ck-ease),box-shadow .2s}.staff-module-strip a:hover span{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,164,151,.13)}

/* Clocka branded full-screen attendance capture */
.clock-capture-page{background:#031918!important;color:#fff;min-height:100dvh;overflow:hidden;background-image:radial-gradient(circle at 80% 0,rgba(56,214,194,.12),transparent 34%),linear-gradient(180deg,#041f1d 0%,#020d0d 100%)!important}
.clock-capture-form{min-height:100dvh}
.clock-camera-stage{min-height:100dvh!important;background:transparent!important;padding:calc(8px + env(safe-area-inset-top)) clamp(12px,3vw,24px) calc(16px + env(safe-area-inset-bottom))!important;overflow-y:auto}
.clock-camera-stage:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(16,164,151,.07),transparent 28%,transparent 70%,rgba(0,0,0,.18));z-index:0}
.clock-camera-stage>*{position:relative;z-index:1}
.clock-camera-header,.clock-confirm-header{height:62px!important;max-width:620px;margin:0 auto;width:100%!important;grid-template-columns:46px 1fr 46px!important;padding:0!important}
.clock-camera-header>a,.clock-confirm-header>button{width:42px!important;height:42px!important;border-radius:13px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;font-size:30px!important;backdrop-filter:blur(8px)}
.clock-camera-brand{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0}.clock-camera-brand>span{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--ck-aqua),var(--ck-teal-600));display:grid;place-items:center;box-shadow:0 8px 20px rgba(24,185,169,.21)}.clock-camera-brand>span svg{width:18px;height:18px;color:#fff}.clock-camera-brand>strong{font-size:16px!important;text-align:left!important}.clock-camera-brand>small{font-size:10px;color:#9adbd3;display:none}
.clock-capture-status{width:min(620px,100%);margin:5px auto 11px;padding:12px 14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:14px;backdrop-filter:blur(10px)}
.clock-capture-status>div:first-child{display:grid;gap:0}.clock-capture-status>div:first-child>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#82d8ce;font-weight:850}.clock-capture-status>div:first-child>strong{font-size:24px;line-height:1.13;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.clock-capture-status>div:first-child>small{font-size:10px;color:#a7bdbb}.clock-user-mini{display:grid;text-align:right;min-width:0}.clock-user-mini b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.clock-user-mini span{font-size:9px;color:#90aaa7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.clock-camera-viewport{width:min(620px,100%)!important;aspect-ratio:4/4.15!important;max-height:min(57dvh,650px);border-radius:26px!important;margin:0 auto!important;border:1px solid rgba(94,245,225,.32)!important;background:#092725!important;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 20px 50px rgba(0,0,0,.28),0 0 32px rgba(30,202,184,.08)!important;isolation:isolate}
.clock-camera-viewport video{background:#061514!important}.clock-camera-stage.camera-ready .clock-camera-viewport{box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 20px 50px rgba(0,0,0,.28),0 0 0 3px rgba(56,214,194,.08),0 0 38px rgba(30,202,184,.11)!important}
.clock-face-guide{position:absolute;inset:0;z-index:3;pointer-events:none;display:grid;place-items:center}.clock-face-guide>span{width:54%;height:72%;max-height:82%;border:2px solid rgba(222,255,250,.64);border-radius:48% 48% 46% 46% / 39% 39% 55% 55%;box-shadow:0 0 0 999px rgba(0,18,17,.08),0 0 28px rgba(56,214,194,.13)}
.clock-face-guide i{position:absolute;width:26px;height:26px;border-color:#62f3df;border-style:solid;filter:drop-shadow(0 0 5px rgba(56,214,194,.35))}.clock-face-guide .tl{left:8%;top:8%;border-width:2px 0 0 2px;border-radius:8px 0 0 0}.clock-face-guide .tr{right:8%;top:8%;border-width:2px 2px 0 0;border-radius:0 8px 0 0}.clock-face-guide .bl{left:8%;bottom:8%;border-width:0 0 2px 2px;border-radius:0 0 0 8px}.clock-face-guide .br{right:8%;bottom:8%;border-width:0 2px 2px 0;border-radius:0 0 8px 0}
.clock-scan-line{position:absolute;z-index:3;left:12%;right:12%;top:16%;height:1px;background:linear-gradient(90deg,transparent,#64f3df 20%,#d9fff9 50%,#64f3df 80%,transparent);box-shadow:0 0 12px #45dcc9;opacity:0}.camera-ready .clock-scan-line{opacity:.55;animation:clockaScan 3.2s ease-in-out infinite}@keyframes clockaScan{0%,100%{transform:translateY(0);opacity:.12}50%{transform:translateY(min(42dvh,370px));opacity:.58}}
.clock-camera-badge{position:absolute;z-index:5;left:14px;bottom:14px;display:flex;align-items:center;gap:7px;border-radius:999px;background:rgba(2,26,25,.66);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:7px 10px;color:#d9fff9;font-size:9px}.clock-camera-badge .pulse{width:7px;height:7px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 0 rgba(110,231,183,.45);animation:ckPulse 1.8s infinite}@keyframes ckPulse{70%{box-shadow:0 0 0 7px rgba(110,231,183,0)}100%{box-shadow:0 0 0 0 rgba(110,231,183,0)}}
.clock-camera-placeholder{background:linear-gradient(160deg,#183b39,#092725)!important;color:#effffb!important}.clock-camera-placeholder>span{border-color:#55dbc9!important;background:rgba(56,214,194,.09)}
.clock-capture-controls{width:min(620px,100%);margin:13px auto 4px;display:flex;align-items:center;justify-content:center;gap:16px}.clock-capture-controls>div{max-width:300px}.clock-capture-controls>div>b{font-size:12px}.clock-camera-hint{font-size:10px!important;text-align:left!important;margin:3px 0 0!important;color:#91a9a7!important;line-height:1.4}.clock-shutter{margin:0!important;width:74px!important;height:74px!important;border:4px solid rgba(255,255,255,.92)!important;background:rgba(255,255,255,.04)!important;box-shadow:0 0 0 5px rgba(56,214,194,.12),0 10px 25px rgba(0,0,0,.25)!important;flex:0 0 auto}.clock-shutter span{width:56px!important;height:56px!important;background:linear-gradient(145deg,#6df3df,#0eaa9c)!important;border:3px solid #d8fff9!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.clock-shutter:not(:disabled):active,.clock-shutter.is-pressed{transform:scale(.90)!important;box-shadow:0 0 0 3px rgba(56,214,194,.09)!important}.clock-camera-stage.capture-flash .clock-camera-viewport:after{content:"";position:absolute;z-index:20;inset:0;background:#fff;animation:cameraFlash .18s ease-out forwards}@keyframes cameraFlash{from{opacity:.9}to{opacity:0}}
.clock-capture-trust{width:min(620px,100%);margin:7px auto 0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#77918e;font-size:9px}.clock-capture-trust span{display:flex;align-items:center;gap:5px}.clock-capture-trust svg{width:12px;height:12px;color:#4ad9c7}
.clock-camera-retry{margin:12px auto!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important}

.clock-confirm-stage{min-height:100dvh;background:radial-gradient(circle at 80% 0,rgba(56,214,194,.12),transparent 35%),linear-gradient(180deg,#052320 0,#061716 100%)!important;padding:calc(8px + env(safe-area-inset-top)) clamp(12px,3vw,24px) calc(24px + env(safe-area-inset-bottom));overflow-y:auto;color:#fff}
.clock-confirm-content{width:min(620px,100%);margin:8px auto 0!important;padding:0!important}.clock-confirm-title{display:flex;align-items:center;gap:12px;margin:9px 0 14px}.clock-confirm-check{width:42px;height:42px;border-radius:14px;background:rgba(71,220,186,.14);color:#6ee7b7;display:grid;place-items:center;border:1px solid rgba(110,231,183,.25)}.clock-confirm-check svg{width:23px;height:23px}.clock-confirm-title h1{font-size:20px;margin:0}.clock-confirm-title p{font-size:11px;color:#94aaa8;margin:3px 0 0}
.clock-confirm-photo{position:relative;border-radius:22px!important;overflow:hidden;border:1px solid rgba(106,236,218,.26)!important;background:#0a2927;box-shadow:0 17px 42px rgba(0,0,0,.25)!important}.clock-confirm-photo img{display:block;width:100%;max-height:44dvh;object-fit:cover}.clock-photo-stamp{position:absolute;left:13px;bottom:13px;padding:8px 10px;border-radius:11px;background:rgba(2,27,25,.70);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(9px);display:grid}.clock-photo-stamp b{font-size:10px;color:#79e7d9;text-transform:uppercase;letter-spacing:.08em}.clock-photo-stamp span{font-size:16px;font-weight:850;font-variant-numeric:tabular-nums}
.clock-confirm-details{margin-top:13px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:19px!important;padding:14px!important;box-shadow:none!important}.clock-confirm-details h2{margin:0 0 9px;font-size:12px;color:#c5d8d6}.clock-confirm-detail{border-top:1px solid rgba(255,255,255,.075)!important;padding:10px 0!important}.clock-confirm-detail:first-of-type{border-top:0!important}.clock-confirm-detail>span{background:rgba(56,214,194,.10)!important;color:#59dfce!important}.clock-confirm-detail small{color:#76908d!important}.clock-confirm-detail b{color:#eefcf9!important}.clock-confirm-detail em{color:#99aaa8!important}
.clock-location-warning{border-radius:16px!important;background:rgba(180,35,24,.14)!important;border:1px solid rgba(255,122,111,.25)!important;color:#ffe9e6!important}.clock-location-warning p{color:#f7cbc7!important}.clock-location-repair{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.10)!important;color:#ffe1bd!important}.clock-confirm-fallback{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.10)!important;color:#fff}.clock-confirm-fallback span,.clock-confirm-fallback p{color:#a4bab7!important}
.clock-confirm-actions{display:grid;gap:8px;margin-top:14px!important}.clock-confirm-submit{min-height:54px!important;border-radius:15px!important;background:linear-gradient(180deg,#2bceb9,#0d988d)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 5px 0 #066761,0 12px 24px rgba(0,91,84,.26)!important;font-size:14px!important}.clock-confirm-submit:active{transform:translateY(4px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #066761,0 5px 12px rgba(0,91,84,.20)!important}.clock-confirm-submit:disabled{filter:grayscale(.15);opacity:.45;box-shadow:none!important}.clock-confirm-cancel{color:#a5bcba!important;border-radius:12px!important}
.clock-saving-overlay{position:fixed;z-index:50000;inset:0;background:radial-gradient(circle at 50% 34%,rgba(43,206,185,.17),transparent 29%),rgba(2,18,17,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#fff}.clock-saving-overlay[hidden]{display:none!important}.clock-saving-mark{width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,var(--ck-aqua),var(--ck-teal-700));display:grid;place-items:center;box-shadow:0 18px 42px rgba(24,185,169,.25)}.clock-saving-mark svg{width:34px;height:34px}.clock-saving-spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.13);border-top-color:#55e1ce;margin:28px 0 12px;animation:ckSpin .8s linear infinite}@keyframes ckSpin{to{transform:rotate(360deg)}}.clock-saving-overlay h2{margin:0;font-size:20px}.clock-saving-overlay p{margin:6px 0 0;color:#8ea8a5;font-size:11px}

/* Public signup + application status */
.signup-public-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(340px,.88fr) minmax(500px,1.12fr);background:#f5f8f8}
.signup-brand-panel{position:sticky;top:0;min-height:100dvh;padding:clamp(44px,7vw,92px);display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 84% 14%,rgba(104,245,224,.23),transparent 29%),linear-gradient(150deg,var(--ck-teal-950),var(--ck-teal-700) 62%,#18b9a9);overflow:hidden}.signup-brand-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-250px;bottom:-160px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.signup-brand-panel>span{font-size:11px;letter-spacing:.18em;font-weight:900;color:#80eee0;margin-top:16px}.signup-brand-panel h1{font-size:clamp(36px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 18px;max-width:610px}.signup-brand-panel>p{font-size:15px;line-height:1.65;color:#c8e1de;max-width:540px}.signup-brand-mark{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#60ead7,#16a79a);display:grid;place-items:center;color:#fff;box-shadow:0 18px 34px rgba(0,0,0,.18)}.signup-brand-mark svg{width:27px;height:27px}.signup-benefits{display:grid;gap:15px;margin-top:35px;max-width:520px}.signup-benefits>div{display:flex;align-items:flex-start;gap:12px}.signup-benefits>div>svg{width:20px;height:20px;color:#7ff0e1;margin-top:2px}.signup-benefits span{display:grid}.signup-benefits b{font-size:13px}.signup-benefits small{font-size:11px;line-height:1.5;color:#b7d1ce;margin-top:2px}
.signup-form-panel{width:min(720px,100%);margin:0 auto;padding:clamp(34px,6vw,78px) clamp(20px,5vw,62px);align-self:start}.signup-mobile-brand{display:none}.signup-form-head>a{color:var(--ck-teal-800);font-size:12px;font-weight:750}.signup-form-head h2{font-size:32px;letter-spacing:-.035em;margin:22px 0 7px}.signup-form-head p{color:var(--ck-muted);font-size:13px;line-height:1.55;margin:0 0 25px}.signup-form{background:#fff;border:1px solid #e6eeef;border-radius:24px;padding:22px;box-shadow:0 14px 45px rgba(17,63,67,.06);display:grid;gap:14px}.signup-form .field{margin:0}.signup-form .field label,.signup-approval-form .field label,.signup-review-decision .field label,.signup-admin-settings .field label{font-size:11px;font-weight:800;color:#344054}.signup-form .field label span,.signup-approval-form .field label span,.signup-admin-settings .field label span{font-weight:500;color:#98a2b3}.signup-form input,.signup-form select,.signup-form textarea,.signup-approval-form input,.signup-approval-form select,.signup-approval-form textarea,.signup-review-decision textarea,.signup-admin-settings input{width:100%;border:1px solid #dbe5e6;border-radius:12px;background:#fbfdfd;padding:11px 12px;font:inherit;color:var(--ck-ink);outline:none}.signup-form input:focus,.signup-form select:focus,.signup-form textarea:focus,.signup-approval-form input:focus,.signup-approval-form select:focus,.signup-approval-form textarea:focus,.signup-review-decision textarea:focus,.signup-admin-settings input:focus{border-color:#50cfc0;box-shadow:0 0 0 4px rgba(24,185,169,.10);background:#fff}.signup-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.signup-form button[type=submit]{min-height:52px;border:0;border-radius:14px;background:linear-gradient(180deg,#25c6b3,#0f9c90);color:#fff;font-weight:850;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 0 #08736c,0 10px 22px rgba(8,124,115,.20);cursor:pointer;margin-top:4px}.signup-form button[type=submit]:active{transform:translateY(3px);box-shadow:0 1px 0 #08736c,0 5px 12px rgba(8,124,115,.15)}.signup-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}.signup-existing{text-align:center;font-size:11px;color:#667085;margin:16px 0}.signup-existing a{color:var(--ck-teal-800);font-weight:800}
.application-status-shell{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 80% 0,rgba(56,214,194,.15),transparent 32%),#eff7f6;padding:22px}.application-status-card,.application-login-card{width:min(650px,100%);background:#fff;border:1px solid #e3ecec;border-radius:27px;box-shadow:0 22px 60px rgba(11,78,78,.11);padding:clamp(25px,5vw,46px);text-align:center}.application-status-icon{width:70px;height:70px;border-radius:22px;margin:0 auto 18px;display:grid;place-items:center;background:#e5faf6;color:#0a9488}.application-status-icon svg{width:32px;height:32px}.application-status-card.is-approved .application-status-icon{background:#ecfdf3;color:#067647}.application-status-card.is-rejected .application-status-icon{background:#fef2f2;color:#b42318}.application-eyebrow{font-size:9px;letter-spacing:.16em;color:#0b9186;font-weight:900}.application-status-card h1{font-size:30px;margin:8px 0 7px;letter-spacing:-.035em}.application-status-message{font-size:13px;color:#667085;line-height:1.6;max-width:490px;margin:0 auto 23px}.application-status-footer{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid #eef2f2;font-size:11px}.application-status-footer a,.application-status-footer button{color:#667085;background:none;border:0;font:inherit;cursor:pointer}.application-status-footer a:hover,.application-status-footer button:hover{color:#087c73}
.application-timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0 20px;position:relative}.application-timeline:before{content:"";position:absolute;top:15px;left:12%;right:12%;height:2px;background:#e2eceb}.application-timeline>div{position:relative;z-index:1;display:grid;justify-items:center;gap:7px;font-size:9px;color:#98a2b3}.application-timeline i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef3f3;border:4px solid #fff;box-shadow:0 0 0 1px #dce7e6;font-style:normal}.application-timeline .done i,.application-timeline .active i{background:#16a99b;color:#fff;box-shadow:0 0 0 1px #16a99b}.application-timeline .active i{box-shadow:0 0 0 1px #16a99b,0 0 0 6px rgba(22,169,155,.10)}

/* Admin signup approval centre */
.signup-admin-page,.signup-review-page{max-width:1280px;margin:0 auto;padding:0 0 28px}.signup-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.signup-admin-stats>div{background:#fff;border:1px solid #e9eeee;border-radius:17px;padding:16px;box-shadow:var(--ck-shadow-1)}.signup-admin-stats span{font-size:10px;color:#667085}.signup-admin-stats b{display:block;margin-top:2px;font-size:25px;letter-spacing:-.035em}.signup-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 15px}.signup-status-tabs{display:flex;gap:5px;flex-wrap:wrap;background:#edf4f4;padding:4px;border-radius:12px}.signup-status-tabs a{padding:8px 11px;border-radius:9px;color:#637171;font-size:10px;font-weight:800}.signup-status-tabs a.active{background:#fff;color:#087c73;box-shadow:0 2px 8px rgba(20,62,66,.08)}.signup-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.signup-review-card{background:#fff;border:1px solid #e7eded;border-radius:19px;padding:16px;box-shadow:var(--ck-shadow-1);transition:transform .18s var(--ck-ease),box-shadow .2s}.signup-review-card:hover{transform:translateY(-2px);box-shadow:var(--ck-shadow-2)}.signup-review-top{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px}.signup-review-top img,.signup-review-avatar{width:48px;height:48px;border-radius:14px;object-fit:cover;background:#e0f7f3;color:#087c73;display:grid;place-items:center;font-size:14px;font-weight:900}.signup-review-top h3{margin:0;font-size:14px}.signup-review-top p{margin:3px 0 0;color:#667085;font-size:10px}.signup-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;background:#fff7ed;color:#b54708;font-size:9px;font-weight:850;white-space:nowrap}.signup-status-pill.is-approved{background:#ecfdf3;color:#067647}.signup-status-pill.is-rejected{background:#fef2f2;color:#b42318}.signup-status-pill.is-info{background:#eff8ff;color:#175cd3}.signup-review-meta{display:grid;gap:6px;margin:14px 0;color:#667085;font-size:10px}.signup-review-meta span{display:flex;align-items:center;gap:6px}.signup-review-meta svg{width:14px;height:14px;color:#0f9e91}.signup-review-open{border-top:1px solid #eef2f2;padding-top:12px;display:flex;justify-content:space-between;align-items:center;color:#087c73;font-size:11px;font-weight:850}.signup-review-open span{font-size:22px}.signup-admin-settings{margin-top:16px;background:#fff;border:1px solid #e7eded;border-radius:18px;padding:14px}.signup-admin-settings summary{font-size:12px;font-weight:850;cursor:pointer}.signup-admin-settings form{display:grid;gap:12px;margin-top:15px}.signup-toggle{display:flex;gap:10px;align-items:flex-start}.signup-toggle input{width:17px;height:17px;accent-color:#0f9e91}.signup-toggle span{display:grid}.signup-toggle b{font-size:11px}.signup-toggle small{font-size:9px;color:#667085;margin-top:2px}
.signup-review-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:15px}.signup-review-profile,.signup-review-actions{background:#fff;border:1px solid #e7eded;border-radius:20px;padding:18px;box-shadow:var(--ck-shadow-1);height:max-content}.signup-review-identity{display:flex;align-items:center;gap:13px}.signup-review-identity>img,.signup-review-identity>span{width:68px;height:68px;border-radius:19px;object-fit:cover;background:#e1f8f4;color:#087c73;display:grid;place-items:center;font-weight:900}.signup-review-identity h1{font-size:23px;letter-spacing:-.03em;margin:7px 0 2px}.signup-review-identity p{font-size:10px;color:#667085;margin:0}.signup-review-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.signup-review-facts>div{background:#f7fafa;border:1px solid #edf2f2;border-radius:13px;padding:11px;display:grid}.signup-review-facts span{font-size:9px;color:#667085}.signup-review-facts b{font-size:11px;margin-top:3px}.signup-applicant-note{margin-top:12px;padding:12px;border-radius:13px;background:#f5fafa;border:1px solid #e5eeee}.signup-applicant-note b{font-size:10px}.signup-applicant-note p{font-size:10px;color:#667085;line-height:1.55;margin:4px 0 0}.signup-applicant-note.warning{background:#fff7ed;border-color:#fed7aa}.signup-applicant-note.danger{background:#fef2f2;border-color:#fecaca}.signup-approval-form h2,.signup-review-closed h2{font-size:17px;margin:0 0 5px}.signup-approval-form>p,.signup-review-closed p{font-size:10px;line-height:1.55;color:#667085;margin:0 0 14px}.signup-approval-form{display:grid;gap:11px}.signup-approve-button{width:100%;border:0;border-radius:13px;padding:13px;background:linear-gradient(180deg,#23bea9,#0c9589);color:#fff;font-weight:850;box-shadow:0 4px 0 #08736c,0 9px 18px rgba(8,124,115,.17);cursor:pointer}.signup-approve-button:active{transform:translateY(3px);box-shadow:0 1px 0 #08736c,0 4px 10px rgba(8,124,115,.13)}.signup-review-decision{margin-top:18px;padding-top:16px;border-top:1px solid #edf1f1}.signup-review-decision>div:last-child{display:flex;gap:8px;flex-wrap:wrap}

/* Updated public auth surface */
.auth-card{border-radius:22px!important;box-shadow:0 18px 50px rgba(14,70,74,.10)!important;border:1px solid #e7eeee!important}.auth-card .btn.block{min-height:48px;border-radius:13px;background:linear-gradient(180deg,#22bca9,#0f978c);box-shadow:0 4px 0 #08736c,0 9px 18px rgba(8,124,115,.15)}.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:14px}.auth-links a{font-size:10px;color:#0b8178;font-weight:750}

@media(max-width:920px){
  .signup-public-shell{grid-template-columns:1fr}.signup-brand-panel{display:none}.signup-form-panel{padding-top:30px}.signup-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:32px}.signup-mobile-brand .signup-brand-mark{width:40px;height:40px;border-radius:12px}.signup-mobile-brand .signup-brand-mark svg{width:20px;height:20px}.signup-mobile-brand b{font-size:18px}
  .signup-admin-grid{grid-template-columns:1fr}.signup-review-page{grid-template-columns:1fr}.signup-admin-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .staff-dashboard-hero{padding-left:14px!important;padding-right:14px!important}.staff-clock-button{min-height:66px!important;grid-template-columns:44px 1fr 24px!important}.staff-clock-button-icon{width:44px;height:44px}.staff-clock-button-copy b{font-size:16px}
  .clock-camera-stage{padding-left:10px!important;padding-right:10px!important}.clock-capture-status{padding:10px 11px}.clock-capture-status>div:first-child>strong{font-size:21px}.clock-user-mini b,.clock-user-mini span{max-width:150px}.clock-camera-viewport{border-radius:22px!important;max-height:54dvh}.clock-capture-controls{justify-content:flex-start;padding:0 8px}.clock-shutter{width:68px!important;height:68px!important}.clock-shutter span{width:50px!important;height:50px!important}.clock-capture-trust{gap:9px}
  .signup-form-panel{padding:22px 14px 38px}.signup-form-head h2{font-size:27px}.signup-form{padding:16px;border-radius:19px}.signup-two{grid-template-columns:1fr}.application-status-shell{padding:12px}.application-status-card,.application-login-card{border-radius:21px;padding:25px 17px}.application-timeline{grid-template-columns:repeat(4,1fr);gap:1px}.application-timeline span{font-size:8px}.signup-admin-stats{grid-template-columns:1fr 1fr}.signup-admin-toolbar{align-items:flex-start;flex-direction:column}.signup-review-top{grid-template-columns:43px 1fr}.signup-review-top img,.signup-review-avatar{width:43px;height:43px}.signup-review-top .signup-status-pill{grid-column:2;justify-self:start}.signup-review-facts{grid-template-columns:1fr}.signup-review-identity{align-items:flex-start}.signup-review-identity>img,.signup-review-identity>span{width:58px;height:58px;border-radius:16px}.signup-review-identity h1{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .ref-drawer-panel{transition:none!important}.clock-scan-line,.clock-camera-badge .pulse{animation:none!important}
}
/* v1.4.1 onboarding class alignment */
.application-status-card.approved .application-status-icon{background:#ecfdf3;color:#067647}.application-status-card.rejected .application-status-icon{background:#fef2f2;color:#b42318}.application-status-card.more-info .application-status-icon{background:#eff8ff;color:#175cd3}
.signup-status-pill.approved{background:#ecfdf3;color:#067647}.signup-status-pill.rejected{background:#fef2f2;color:#b42318}.signup-status-pill.more-info{background:#eff8ff;color:#175cd3}.signup-status-pill.pending{background:#fff7ed;color:#b54708}
.signup-timeline{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0 20px;position:relative}.signup-timeline:before{content:"";position:absolute;top:15px;left:15%;right:15%;height:2px;background:#e2eceb}.signup-timeline>div{position:relative;z-index:1;display:grid;justify-items:center;gap:7px;color:#98a2b3}.signup-timeline>div>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef3f3;border:4px solid #fff;box-shadow:0 0 0 1px #dce7e6;font-size:9px;font-weight:900}.signup-timeline>div>b{font-size:9px}.signup-timeline>div.done>span{background:#16a99b;color:#fff;box-shadow:0 0 0 1px #16a99b}.signup-timeline>div.stopped>span{background:#fef2f2;color:#b42318;box-shadow:0 0 0 1px #fecaca}
/* v1.4.1 remaining onboarding surfaces */
.signup-admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.signup-admin-summary>div{background:#fff;border:1px solid #e9eeee;border-radius:17px;padding:15px;box-shadow:var(--ck-shadow-1);display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.signup-admin-summary>div>span{grid-row:1/3;width:36px;height:36px;border-radius:11px;background:#e8faf6;color:#0b9186;display:grid;place-items:center}.signup-admin-summary>div>span svg{width:18px;height:18px}.signup-admin-summary b{font-size:23px;line-height:1;letter-spacing:-.035em}.signup-admin-summary small{font-size:9px;color:#667085;margin-top:2px}.signup-privacy-note{font-size:9px;line-height:1.5;color:#7c8989;text-align:center;margin:2px 4px 0}.signup-submit{min-height:50px;border:0;border-radius:14px;background:linear-gradient(180deg,#25c6b3,#0f9c90);color:#fff!important;font-weight:850;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 0 #08736c,0 10px 22px rgba(8,124,115,.20);display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer}.signup-submit svg{width:18px;height:18px}.signup-submit:active{transform:translateY(3px);box-shadow:0 1px 0 #08736c,0 5px 12px rgba(8,124,115,.15)}
.application-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;text-align:left}.application-summary>div{border:1px solid #e9efef;background:#f8fbfb;border-radius:12px;padding:10px;display:grid}.application-summary span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;font-weight:800}.application-summary b{font-size:10px;margin-top:3px;overflow-wrap:anywhere}.application-request{margin:14px 0 0;padding:12px 13px;border-radius:13px;background:#eff8ff;border:1px solid #b2ddff;text-align:left;color:#175cd3}.application-request.rejected{background:#fef2f2;border-color:#fecaca;color:#b42318}.application-request b{font-size:10px}.application-request p{font-size:10px;line-height:1.5;margin:4px 0 0}.application-edit{margin-top:16px;border:1px solid #e3ecec;border-radius:14px;text-align:left;overflow:hidden}.application-edit summary{padding:12px 13px;font-size:10px;font-weight:850;color:#087c73;cursor:pointer;background:#f8fbfb}.application-edit form{padding:13px;display:grid;gap:10px}.application-edit .field{margin:0}.application-edit input,.application-edit select,.application-edit textarea{width:100%;border:1px solid #dbe5e6;border-radius:11px;padding:10px 11px;font:inherit;font-size:11px}.application-edit label{font-size:9px;font-weight:800;color:#475467}
@media(max-width:640px){.signup-admin-summary{grid-template-columns:1fr 1fr}.application-summary{grid-template-columns:1fr}.signup-admin-summary>div{padding:12px}}

/* Clocka v1.4.2 — readability, address, branch-choice, menu and live-notification repair */
.ck-address-text,.ck-digital-address,.ck-plus-code{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:normal;line-height:1.45}.ck-digital-address{display:block;color:#0a8f83!important;font-weight:800}.ck-plus-code{display:block;color:#667085!important;font-weight:650}
.staff-avatar-link{display:inline-grid;flex:0 0 auto;border-radius:50%;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.staff-avatar-link:active{transform:scale(.94)}.staff-avatar-link:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:3px}
.staff-location-row>div{min-width:0;align-items:flex-start!important}.staff-address-copy{min-width:0;display:grid!important;gap:3px;white-space:normal!important}.staff-address-copy>#adminLocationText{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.4}.staff-address-copy .ck-digital-address,.staff-address-copy .ck-plus-code{font-size:9px!important;color:rgba(255,255,255,.82)!important}.art-branch-copy{min-width:0}.art-branch-copy>span,.art-branch-copy>small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}

/* Compact, structured staff drawer. The grid must align to the top instead of stretching rows. */
.ref-drawer-panel{width:min(360px,88vw)!important;padding:0!important;background:#fff!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.ref-drawer-brand{display:grid;grid-template-columns:42px 1fr 38px;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid #edf2f2;background:linear-gradient(180deg,#f8fffd,#fff)}
.ref-drawer-brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#24c9b5,#0c958a);display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(10,146,135,.18)}.ref-drawer-brand-mark svg{width:21px;height:21px}.ref-drawer-brand>div{display:grid;min-width:0}.ref-drawer-brand b{font-size:16px;color:#17202a;line-height:1.15}.ref-drawer-brand small{font-size:9px;color:#81908f;margin-top:3px}.ref-drawer-brand .ref-icon-button{justify-self:end}
.ref-drawer-profile{margin:12px 14px 8px;padding:11px;border-radius:16px;background:linear-gradient(135deg,#073f3a,#0c8d82);color:#fff!important;display:flex;align-items:center;gap:11px;text-decoration:none;box-shadow:0 8px 18px rgba(4,82,76,.14)}.ref-drawer-profile .ref-avatar{border:2px solid rgba(255,255,255,.42)}.ref-drawer-profile>span{display:grid;min-width:0}.ref-drawer-profile b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-drawer-profile small{font-size:9px;color:rgba(255,255,255,.72);margin-top:1px}.ref-drawer-profile em{font-size:8px;color:#8df1e3;font-style:normal;font-weight:800;margin-top:4px}.ref-drawer-profile:active{transform:scale(.985)}
.ref-drawer-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 8px}.ref-drawer-nav{display:grid!important;grid-auto-rows:min-content!important;align-content:start!important;gap:2px!important;padding:4px 0 10px!important;overflow:visible!important;flex:none!important}.ref-drawer-label{padding:11px 12px 5px;font-size:8px;font-weight:900;letter-spacing:.12em;color:#98a2b3}.ref-drawer-nav a{min-height:44px!important;margin:0!important;padding:9px 11px!important;border-radius:11px!important;display:grid!important;grid-template-columns:24px 1fr auto!important;gap:10px!important;align-items:center!important;color:#475467!important;font-size:12px;font-weight:700!important}.ref-drawer-nav a svg{width:20px;height:20px;color:#0ca394}.ref-drawer-nav a.active{background:#e8faf6!important;color:#087d73!important}.ref-drawer-nav a.active svg{color:#07877c}.ref-drawer-count{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e5484d;color:#fff;font-size:9px;font-style:normal;font-weight:900;display:grid;place-items:center}.ref-drawer-footer{padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #edf2f2;background:#fff}.ref-drawer-logout{width:100%;min-height:42px!important;padding:9px 12px!important;border-radius:12px!important;font-size:11px!important}

/* Branch selector for staff assigned to three or more branches. */
.clock-branch-picker{width:min(620px,100%);margin:0 auto 11px;padding:12px;border-radius:17px;background:rgba(255,255,255,.07);border:1px solid rgba(94,245,225,.20);backdrop-filter:blur(8px)}.clock-branch-picker label{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;margin-bottom:9px}.clock-branch-picker label>span:first-child{width:34px;height:34px;border-radius:11px;background:rgba(65,224,205,.12);display:grid;place-items:center;color:#63e7d6}.clock-branch-picker label svg{width:18px;height:18px}.clock-branch-picker label>span:last-child{display:grid}.clock-branch-picker label b{font-size:11px;color:#f2fffd}.clock-branch-picker label small{font-size:9px;color:#91aaa7;line-height:1.35;margin-top:2px}.clock-branch-picker select{width:100%;min-height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0a302d;color:#fff;padding:0 12px;font:inherit;font-size:12px;font-weight:750;outline:none}.clock-branch-picker select:focus{border-color:#55dfce;box-shadow:0 0 0 3px rgba(85,223,206,.13)}.clock-branch-picker select option{background:#fff;color:#17202a}.clock-branch-address{display:grid;gap:3px;margin-top:8px;padding:0 2px;font-size:9px;line-height:1.45;color:#a6bfbc;overflow-wrap:anywhere}.clock-branch-address .ck-digital-address{color:#68e6d5!important;font-size:9px}.clock-branch-address .ck-plus-code{color:#9fb4b2!important;font-size:9px}

/* Confirmation screen: high contrast and guaranteed access to Confirm on short phones. */
.clock-capture-page.show-confirm{overflow:hidden!important;height:100dvh!important;min-height:100dvh!important}.clock-capture-page.show-confirm .clock-capture-form{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}.clock-confirm-stage{height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:max(118px,calc(100px + env(safe-area-inset-bottom)))!important;scrollbar-gutter:stable}.clock-confirm-content{padding-bottom:max(36px,env(safe-area-inset-bottom))!important}.clock-confirm-details{background:rgba(4,42,39,.94)!important;border:1px solid rgba(102,227,210,.16)!important}.clock-confirm-details h2{color:#dff8f4!important;font-size:13px!important}.clock-confirm-detail{display:grid!important;grid-template-columns:38px 1fr!important;align-items:start!important;gap:11px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:13px!important;padding:11px!important;margin:7px 0!important;color:#55decf!important}.clock-confirm-detail:first-of-type{border-top:1px solid rgba(255,255,255,.07)!important}.clock-confirm-detail>span{width:36px!important;height:36px!important;border-radius:11px!important;background:rgba(56,214,194,.12)!important;display:grid!important;place-items:center!important}.clock-confirm-detail>span svg{width:18px;height:18px}.clock-confirm-detail>div{min-width:0!important;display:grid!important;gap:2px}.clock-confirm-detail small{font-size:9px!important;color:#9cb5b2!important;margin:0!important;text-transform:uppercase;letter-spacing:.05em;font-weight:750}.clock-confirm-detail b{display:block!important;color:#fff!important;font-size:13px!important;line-height:1.45!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}.clock-confirm-detail em{display:block!important;color:#bad0cd!important;font-size:10px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important;margin-top:1px!important}.clock-confirm-detail em.ck-digital-address{color:#63e6d5!important;font-weight:800!important}.clock-confirm-detail em.ck-plus-code{color:#9fb7b4!important}.clock-confirm-actions{position:sticky!important;z-index:30;bottom:calc(10px + env(safe-area-inset-bottom));margin:16px -2px 0!important;padding:12px 2px 4px;background:linear-gradient(180deg,rgba(6,23,22,0),rgba(6,23,22,.92) 23%,#061716 50%);border-radius:18px}.clock-confirm-submit{color:#fff!important}.clock-confirm-submit:disabled{color:rgba(255,255,255,.52)!important;background:linear-gradient(180deg,#2d6862,#24534f)!important;opacity:1!important}.clock-confirm-cancel{min-height:44px!important}

/* Native-like in-app live notification stack (max 3). */
.clocka-live-toast-stack{position:fixed;z-index:50000;top:max(12px,calc(8px + env(safe-area-inset-top)));left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 24px));display:grid;gap:8px;pointer-events:none}.clocka-live-toast{pointer-events:auto;width:100%;border:1px solid rgba(255,255,255,.62);background:rgba(235,255,251,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px;padding:11px 13px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;text-align:left;color:#17202a;box-shadow:0 14px 40px rgba(7,67,63,.20);animation:ckToastIn .26s cubic-bezier(.2,.8,.2,1)}.clocka-live-toast-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#22c7b0,#0d9488);color:#fff;display:grid;place-items:center}.clocka-live-toast-icon svg{width:20px;height:20px}.clocka-live-toast-copy{min-width:0;display:grid;gap:2px}.clocka-live-toast-copy b{font-size:11px}.clocka-live-toast-copy>span{font-size:10px;color:#4f6260;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clocka-live-toast.leaving{opacity:0;transform:translateY(-8px);transition:.22s ease}@keyframes ckToastIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:640px){.ref-drawer-panel{width:min(340px,84vw)!important}.clock-confirm-photo{max-height:35dvh!important;min-height:220px!important}.clock-confirm-title{margin-top:3px!important}.clock-confirm-stage{padding-left:10px!important;padding-right:10px!important}.clock-confirm-actions{bottom:calc(6px + env(safe-area-inset-bottom))}.clock-branch-picker{padding:10px}.clocka-live-toast-stack{top:max(8px,calc(5px + env(safe-area-inset-top)))}}

/* Clocka v1.4.2: admin drawer compaction + universal address wrapping. */
.ref-admin-drawer-user{margin:10px 14px 5px;padding:10px 11px;border:1px solid #e9f2f0;border-radius:14px;background:#f7fbfa;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center}.ref-admin-drawer-user>span{width:34px;height:34px;border-radius:11px;background:#e3f7f3;color:#07998d;display:grid;place-items:center}.ref-admin-drawer-user>span svg{width:18px;height:18px}.ref-admin-drawer-user>div{display:grid;min-width:0}.ref-admin-drawer-user b{font-size:11px;color:#243431;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-admin-drawer-user small{font-size:8px;color:#82908e;margin-top:2px}.ref-admin-drawer-nav{padding-top:0!important}.ref-admin-drawer-panel .ref-drawer-footer form{margin:0}.ref-drawer-panel>nav{align-content:start!important;grid-auto-rows:min-content!important}
.staff-contact-row span,.staff-detail-row b,.aa-geo-evidence p,.ref-detail-card p,.ref-detail-card td,.ref-detail-card th,.art-branch-copy,.ck-address-text,.ck-digital-address,.ck-plus-code{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}.staff-contact-row{align-items:start!important}.staff-detail-row{align-items:start!important}.staff-detail-row b{line-height:1.4!important}
@media(max-height:720px){.ref-drawer-brand{padding-top:calc(9px + env(safe-area-inset-top));padding-bottom:8px}.ref-drawer-profile,.ref-admin-drawer-user{margin-top:7px;margin-bottom:4px}.ref-drawer-label{padding-top:7px}.ref-drawer-nav a{min-height:40px!important;padding-top:7px!important;padding-bottom:7px!important}.ref-drawer-footer{padding-top:7px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}}
.aa-geo-evidence p{white-space:pre-line!important;overflow-wrap:anywhere!important}
.ck-map-address{display:inline-block;max-width:240px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.leaflet-popup-content small{white-space:normal;overflow-wrap:anywhere}

/* =========================================================
   Clocka v1.4.3 — Authentication, Passkeys & Onboarding UI
   ========================================================= */
.public-page{background:#f5f8f8;color:#17202a}.public-page main{min-height:100dvh}
.auth-v143-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,.88fr) minmax(480px,1.12fr);background:#f5f8f8}
.auth-v143-visual{position:relative;min-height:100dvh;padding:clamp(38px,6vw,82px);overflow:hidden;color:#fff;background:linear-gradient(150deg,#032d2a 0%,#075f58 48%,#16ad9f 100%);display:flex;flex-direction:column;justify-content:space-between}
.auth-v143-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.auth-v143-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.auth-v143-orb.orb-a{width:360px;height:360px;right:-150px;top:-90px;background:radial-gradient(circle,rgba(93,246,222,.28),rgba(93,246,222,0) 68%)}.auth-v143-orb.orb-b{width:460px;height:460px;left:-240px;bottom:-190px;border:1px solid rgba(255,255,255,.11);box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.016)}
.auth-v143-brand,.signup-v143-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:-.025em}.auth-v143-mark{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#64ead8,#16a99b);box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.42)}.auth-v143-mark svg{width:26px;height:26px}
.auth-v143-promise{position:relative;z-index:2;max-width:560px;margin:auto 0}.auth-v143-promise>span,.signup-v143-copy>span,.signup-v143-head>span,.application-v143-eyebrow,.security-eyebrow{font-size:10px;font-weight:900;letter-spacing:.17em;color:#71ecdd}.auth-v143-promise h2{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.055em;margin:14px 0 20px;max-width:640px}.auth-v143-promise p{font-size:15px;line-height:1.65;color:#c1dcda;max-width:500px}
.auth-v143-trust{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap}.auth-v143-trust span{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);background:rgba(1,33,31,.18);backdrop-filter:blur(10px);border-radius:999px;padding:8px 11px;font-size:10px;color:#d9f5f1}.auth-v143-trust svg{width:14px;height:14px;color:#73e9db}
.auth-v143-main{display:grid;place-items:center;padding:clamp(24px,5vw,64px);min-height:100dvh}.auth-v143-card{width:min(520px,100%);padding:clamp(26px,4vw,40px);background:#fff;border:1px solid #e4ecec;border-radius:28px;box-shadow:0 24px 70px rgba(12,58,61,.10)}.auth-v143-mobile-brand{display:none}.auth-v143-heading>span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#0c9488}.auth-v143-heading h1{font-size:clamp(30px,4vw,42px);line-height:1.03;letter-spacing:-.045em;margin:9px 0 10px}.auth-v143-heading p{font-size:13px;line-height:1.55;color:#667775;margin:0 0 25px}.auth-v143-note{padding:11px 13px;border-radius:12px;margin-bottom:14px;font-size:11px}.auth-v143-note.success{background:#ecfdf3;color:#067647}
.auth-v143-form,.signup-v143-form{display:grid;gap:15px}.auth-v143-field{display:grid;gap:7px}.auth-v143-field>label,.auth-v143-label-row label{font-size:11px;font-weight:800;color:#344054}.auth-v143-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-v143-label-row a{font-size:10px;font-weight:750;color:#0b8d83}.auth-v143-field>div{min-height:52px;border:1px solid #d7e2e2;border-radius:14px;background:#fbfdfd;display:grid;grid-template-columns:42px 1fr auto;align-items:center;transition:border-color .18s,box-shadow .18s,background .18s;overflow:hidden}.auth-v143-field>div:focus-within{border-color:#18b7a8;background:#fff;box-shadow:0 0 0 4px rgba(24,183,168,.10)}.auth-v143-field>div>span{display:grid;place-items:center;color:#0fa294}.auth-v143-field svg{width:18px;height:18px}.auth-v143-field input{width:100%;height:50px;border:0!important;outline:0!important;background:transparent!important;padding:0 7px!important;box-shadow:none!important;font:inherit;font-size:13px;color:#17202a}.auth-v143-field>small{font-size:9.5px;line-height:1.45;color:#7b8b89}.auth-v143-field>small.ok{color:#078b73;font-weight:700}.auth-password-toggle{height:34px;margin-right:8px;padding:0 9px;border:0;background:#edf8f6;color:#087d73;border-radius:9px;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.auth-password-toggle:active{transform:translateY(1px)}
.auth-v143-primary{min-height:54px;border:0;border-radius:15px;background:linear-gradient(180deg,#26c7b3,#0b948a);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 5px 0 #066b65,0 13px 28px rgba(5,128,119,.22);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:11px;font:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:transform .12s,box-shadow .12s,filter .15s}.auth-v143-primary i{font-style:normal;font-size:18px}.auth-v143-primary:hover{filter:brightness(1.025)}.auth-v143-primary:active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #066b65,0 6px 15px rgba(5,128,119,.18)}.auth-v143-primary:disabled{opacity:.7;cursor:wait}.auth-mini-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;animation:ckSpin .7s linear infinite}
.auth-v143-divider{display:flex;align-items:center;gap:12px;margin:21px 0 14px;color:#98a2b3;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.auth-v143-divider:before,.auth-v143-divider:after{content:"";height:1px;background:#e6eeee;flex:1}
.auth-v143-passkey{width:100%;min-height:67px;border:1px solid #cfe8e5;background:linear-gradient(180deg,#f6fffd,#edf9f7);border-radius:16px;display:grid;grid-template-columns:42px 1fr 18px;gap:11px;align-items:center;text-align:left;padding:10px 13px;color:#1a2b29;font:inherit;cursor:pointer;transition:.18s}.auth-v143-passkey:hover{border-color:#91d8d0;box-shadow:0 8px 24px rgba(11,148,138,.09)}.auth-v143-passkey:active{transform:scale(.99)}.auth-v143-passkey.is-unavailable{opacity:.62}.auth-passkey-icon{width:42px;height:42px;border-radius:13px;background:#d9f6f1;color:#078f83;display:grid;place-items:center}.auth-passkey-icon svg{width:20px;height:20px}.auth-v143-passkey>span:nth-child(2){display:grid;gap:2px}.auth-v143-passkey b{font-size:11px}.auth-v143-passkey small{font-size:9px;line-height:1.35;color:#667775}.auth-v143-passkey i{font-style:normal;font-size:20px;color:#6f8380}.auth-passkey-message,.passkey-security-message{min-height:18px;padding-top:7px;font-size:9.5px;line-height:1.4;color:#667775}.auth-passkey-message.error,.passkey-security-message.error{color:#b42318}.auth-passkey-message.success,.passkey-security-message.success{color:#067647}.auth-passkey-message.info,.passkey-security-message.info{color:#087d73}
.auth-v143-create{margin-top:15px;border:1px solid #ebeeee;border-radius:15px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#253532;background:#fff}.auth-v143-create>span{display:grid;gap:2px}.auth-v143-create b{font-size:11px}.auth-v143-create small{font-size:9px;color:#7b8b89}.auth-v143-create i{font-style:normal;color:#0b988c}.auth-v143-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:17px;font-size:9.5px}.auth-v143-links a{color:#0b837a;font-weight:750}.auth-v143-links span{color:#bdc7c6}

/* Signup v1.4.3 */
.signup-v143-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(500px,1.08fr);background:#f5f8f8}.signup-v143-visual{position:sticky;top:0;height:100dvh;padding:clamp(40px,6vw,86px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 84% 12%,rgba(92,242,220,.24),transparent 28%),linear-gradient(150deg,#042f2b,#08796f 58%,#19b6a7);overflow:hidden}.signup-v143-copy{margin:auto 0;position:relative;z-index:2;max-width:580px}.signup-v143-copy h1{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.052em;margin:12px 0 20px}.signup-v143-copy p{font-size:14px;line-height:1.7;color:#c5dedb;max-width:530px}.signup-v143-benefits{position:relative;z-index:2;display:grid;gap:12px}.signup-v143-benefits>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.signup-v143-benefits>div>svg{width:20px;color:#7beadb}.signup-v143-benefits span{display:grid}.signup-v143-benefits b{font-size:11px}.signup-v143-benefits small{font-size:9px;color:#b9d5d2;margin-top:2px}.signup-v143-main{padding:clamp(25px,5vw,68px);display:grid;place-items:center;min-height:100dvh}.signup-v143-card{width:min(620px,100%)}.signup-v143-mobile-brand{display:none}.signup-v143-back{font-size:10px;font-weight:800;color:#0b8a80;text-decoration:none}.signup-v143-head{margin:24px 0 20px}.signup-v143-head h2{font-size:36px;letter-spacing:-.045em;margin:7px 0 7px}.signup-v143-head p{font-size:12px;color:#6f807e}.signup-v143-form{background:#fff;border:1px solid #e1eaea;border-radius:24px;padding:22px;box-shadow:0 16px 50px rgba(17,63,67,.07)}.signup-v143-form .signup-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signup-v143-hr-note{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:12px;border-radius:14px;background:#effaf8;border:1px solid #d8f0ec;color:#344a47}.signup-v143-hr-note>span{width:40px;height:40px;border-radius:12px;background:#d9f5f0;color:#0a9689;display:grid;place-items:center}.signup-v143-hr-note svg{width:20px;height:20px}.signup-v143-hr-note p{font-size:9.5px;line-height:1.45;margin:0}.signup-v143-submit{width:100%;margin-top:2px}.signup-existing{text-align:center;margin-top:15px;font-size:10px;color:#6f7f7d}.signup-existing a{color:#087f76;font-weight:800}

/* Application tracker */
.application-v143-shell{min-height:100dvh;background:radial-gradient(circle at 85% 5%,rgba(65,218,200,.13),transparent 28%),#f5f8f8;display:grid;place-items:center;padding:clamp(24px,5vw,64px)}.application-v143-login,.application-v143-card{width:min(620px,100%);background:#fff;border:1px solid #e1eaea;border-radius:26px;padding:clamp(24px,4vw,38px);box-shadow:0 22px 65px rgba(15,65,67,.09)}.application-v143-login h1{font-size:38px;letter-spacing:-.045em;margin:8px 0}.application-v143-login>p{color:#6d7d7b;font-size:12px;margin:0 0 21px}.application-v143-top{display:flex;gap:13px;align-items:center}.application-v143-top .application-status-icon{flex:0 0 auto}.application-v143-top h1{margin:4px 0 0;font-size:31px;letter-spacing:-.04em}.application-v143-card .application-status-message{font-size:12px;color:#667775;line-height:1.55}.signup-timeline-v143{grid-template-columns:repeat(4,1fr)!important}.application-v143-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.application-v143-summary>div{padding:11px;border-radius:13px;background:#f7faf9;border:1px solid #e8efee;display:grid;gap:3px}.application-v143-summary span{font-size:8px;color:#82918f;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.application-v143-summary b{font-size:10.5px;overflow-wrap:anywhere}.application-v143-cta{margin-top:15px}

/* HR employment setup */
.employment-setup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.employment-setup-head>div:first-child>span{font-size:8px;letter-spacing:.14em;color:#0a9589;font-weight:900}.employment-setup-head h2{margin:4px 0!important}.employment-setup-head p{font-size:9.5px!important}.employment-progress{width:62px;height:62px;border-radius:19px;background:#e9f8f5;color:#087f76;display:grid;place-items:center;align-content:center}.employment-progress b{font-size:18px}.employment-progress small{font-size:7px;text-transform:uppercase;font-weight:800}.employment-checklist{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 15px}.employment-checklist span{padding:6px 8px;border-radius:999px;background:#fff4e8;color:#9a5b13;font-size:8px;font-weight:800}.employment-checklist span:before{content:'○ ';}.employment-checklist span.done{background:#e7f8ef;color:#067647}.employment-checklist span.done:before{content:'✓ '}.employee-code-row{display:grid;grid-template-columns:1fr auto;gap:7px}.employment-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.employment-branch-grid label{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;border:1px solid #e2ebea;border-radius:11px;padding:9px;background:#fbfdfd;cursor:pointer}.employment-branch-grid input{width:auto!important}.employment-branch-grid span{display:grid}.employment-branch-grid b{font-size:9px}.employment-branch-grid small{font-size:7px;color:#82918f}.employment-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.signup-approve-button.needs-setup{filter:saturate(.55)}.employment-help{font-size:8.5px;color:#81908e;margin:7px 0 0}

/* Security centre passkeys */
.passkey-security-card{border-color:#dcefeb!important;background:linear-gradient(180deg,#fff,#f9fffd)!important}.security-eyebrow{display:block;margin-bottom:5px}.passkey-action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 3px}.passkey-action-row .btn{display:flex;align-items:center;gap:7px}.passkey-action-row .btn svg{width:17px;height:17px}.passkey-action-row small{font-size:9px;color:#758683;max-width:430px}.passkey-empty{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:13px;border:1px dashed #cfe2df;border-radius:14px;background:#f7fbfa;margin-top:10px}.passkey-empty>span{width:42px;height:42px;border-radius:13px;background:#e0f6f2;color:#078d82;display:grid;place-items:center}.passkey-empty svg{width:20px}.passkey-empty b{font-size:10px}.passkey-empty p{font-size:9px;color:#71827f;margin:3px 0 0}.passkey-list{display:grid;gap:7px;margin-top:11px}.passkey-list article{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #e2eaea;border-radius:13px}.passkey-list article.revoked{opacity:.55;background:#f6f7f7}.passkey-device-icon{width:38px;height:38px;border-radius:11px;background:#e1f7f3;color:#078e83;display:grid;place-items:center}.passkey-device-icon svg{width:18px}.passkey-list article>div{display:grid}.passkey-list b{font-size:10px}.passkey-list small,.passkey-list em{font-size:8px;color:#7e8e8c;font-style:normal;margin-top:2px}

/* One-time post-login passkey nudge */
.passkey-offer{position:fixed;z-index:60000;right:16px;bottom:max(90px,calc(78px + env(safe-area-inset-bottom)));width:min(390px,calc(100% - 32px));padding:14px;border-radius:18px;background:rgba(250,255,254,.98);border:1px solid #cfebe6;box-shadow:0 22px 60px rgba(6,74,69,.22);display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:start;backdrop-filter:blur(16px)}.passkey-offer>span{width:42px;height:42px;border-radius:13px;background:#dff7f2;color:#078e83;display:grid;place-items:center}.passkey-offer svg{width:20px}.passkey-offer-copy{display:grid;gap:3px}.passkey-offer-copy b{font-size:10px}.passkey-offer-copy p{font-size:8.5px;line-height:1.4;color:#697b78;margin:0}.passkey-offer-copy a{font-size:9px;font-weight:850;color:#07887f;margin-top:4px}.passkey-offer-close{border:0;background:transparent;color:#6d7f7c;font-size:18px;cursor:pointer;padding:1px 4px}

@media(max-width:900px){.auth-v143-shell,.signup-v143-shell{grid-template-columns:1fr}.auth-v143-visual,.signup-v143-visual{display:none}.auth-v143-main,.signup-v143-main{padding:clamp(22px,6vw,52px) clamp(16px,5vw,34px);background:radial-gradient(circle at 50% 0,rgba(38,199,179,.16),transparent 31%),linear-gradient(180deg,#edf9f7,#f7f9f9 40%)}.auth-v143-mobile-brand,.signup-v143-mobile-brand{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:26px}.auth-v143-mobile-brand .auth-v143-mark,.signup-v143-mobile-brand .signup-brand-mark{width:45px;height:45px;border-radius:14px}.signup-v143-card{width:min(620px,100%)}}
@media(max-width:640px){.auth-v143-main{padding:20px 14px calc(24px + env(safe-area-inset-bottom));align-items:center}.auth-v143-card{padding:23px 19px;border-radius:24px}.auth-v143-heading h1{font-size:32px}.auth-v143-heading p{margin-bottom:20px}.signup-v143-main{padding:18px 14px 32px;align-items:start}.signup-v143-head{margin-top:18px}.signup-v143-head h2{font-size:31px}.signup-v143-form{padding:17px;border-radius:20px}.signup-v143-form .signup-two{grid-template-columns:1fr}.application-v143-shell{padding:18px 12px}.application-v143-login,.application-v143-card{padding:21px 17px;border-radius:22px}.application-v143-summary{grid-template-columns:1fr}.signup-timeline-v143{grid-template-columns:1fr!important;gap:8px!important}.employment-branch-grid{grid-template-columns:1fr}.employment-actions{grid-template-columns:1fr}.passkey-offer{left:12px;right:12px;width:auto;bottom:max(82px,calc(72px + env(safe-area-inset-bottom)))}}

/* =========================================================
   Clocka v1.4.4 — Assessment Engine & Public Exams
   ========================================================= */
.auth-public-exams-link{border-color:#c8ebe5;background:linear-gradient(180deg,#f5fffd,#eaf9f6)}.auth-public-exams-link b{color:#087f76}.auth-public-exams-link small{color:#5d716e}
.ae-public-shell,.ae-public-list-shell{min-height:100dvh;background:radial-gradient(circle at 85% 0,rgba(65,218,200,.16),transparent 30%),linear-gradient(180deg,#eef9f7 0,#f7f9f9 38%,#f3f7f7 100%);padding:clamp(18px,4vw,54px)}
.ae-intro-card,.ae-result-card{width:min(860px,100%);margin:auto;background:#fff;border:1px solid #deebea;border-radius:28px;padding:clamp(22px,4vw,42px);box-shadow:0 24px 75px rgba(10,73,70,.11)}
.ae-back-link{display:inline-flex;align-items:center;gap:6px;color:#087f76;text-decoration:none;font-size:11px;font-weight:850;margin-bottom:22px}.ae-brand{display:flex;align-items:center;gap:10px;color:#173b37;margin-bottom:26px}.ae-brand>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#5ce0cf,#12a696);color:#fff;box-shadow:0 10px 25px rgba(13,148,136,.19)}.ae-brand svg{width:21px;height:21px}.ae-brand b{font-size:15px}.ae-exam-kicker,.ae-result-kicker,.ae-public-list-head .ae-exam-kicker,.ae-performance-toolbar>div>span,.ae-staff-list-head span{font-size:9px;font-weight:950;letter-spacing:.15em;color:#0a9589}.ae-intro-card>h1,.ae-public-list-head h1{font-size:clamp(31px,5vw,50px);letter-spacing:-.05em;line-height:1.03;margin:9px 0 11px;color:#162825}.ae-description{font-size:13px;line-height:1.65;color:#667775;max-width:720px}.ae-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:25px 0}.ae-stat-grid>div{padding:14px;border-radius:16px;background:#f6faf9;border:1px solid #e4efed;display:grid;gap:4px}.ae-stat-grid b{font-size:17px;color:#193b36}.ae-stat-grid span{font-size:8.5px;color:#7b8d89;text-transform:uppercase;font-weight:800}.ae-instructions{padding:15px;border-radius:16px;border:1px solid #d9ece8;background:#f1fbf9;margin:17px 0}.ae-instructions b{font-size:11px;color:#0a8077}.ae-instructions p{font-size:11px;line-height:1.6;color:#526966;margin:5px 0 0}.ae-rules{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 22px}.ae-rules span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#f4f7f7;color:#5f7470;font-size:8.5px;font-weight:750}.ae-rules svg{width:14px;height:14px;color:#0b9488}.ae-alert{padding:12px 14px;border-radius:13px;background:#eef9f7;color:#1c625b;font-size:10.5px;line-height:1.5;margin:13px 0}.ae-alert.warning{background:#fff6e7;color:#8c5814;border:1px solid #f5ddb0}.ae-alert.error{background:#fff0f0;color:#a23030;border:1px solid #f3cccc}
.ae-identity-form{margin-top:18px;border-top:1px solid #e8eeee;padding-top:19px}.ae-form-title{display:grid;gap:3px;margin-bottom:13px}.ae-form-title b{font-size:13px}.ae-form-title span{font-size:9.5px;color:#758682}.ae-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ae-form-grid label{display:grid;gap:6px}.ae-form-grid label.full{grid-column:1/-1}.ae-form-grid span{font-size:9.5px;font-weight:850;color:#3d4f4c}.ae-form-grid input{width:100%;min-height:50px;border:1px solid #d9e5e3;border-radius:13px;background:#fbfdfd;padding:0 13px;font:inherit;font-size:12px;color:#172522;outline:0;transition:.18s}.ae-form-grid input:focus{border-color:#18aa9d;box-shadow:0 0 0 4px rgba(24,170,157,.1);background:#fff}.ae-start-button{margin-top:17px;min-height:55px;width:100%;border:0;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#28c9b6,#0d978c);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 5px 0 #067168,0 13px 28px rgba(6,128,117,.20);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer;text-decoration:none;transition:.12s}.ae-start-button i{font-style:normal;font-size:18px}.ae-start-button:active{transform:translateY(4px);box-shadow:0 1px 0 #067168,0 6px 13px rgba(6,128,117,.14)}.ae-start-button.link{width:auto;padding:0 24px;margin-top:22px}.ae-staff-ready{display:grid;grid-template-columns:1fr minmax(230px,310px);gap:16px;align-items:end;margin-top:20px;padding-top:20px;border-top:1px solid #e8eeee}.ae-staff-ready>div{display:grid;gap:2px}.ae-staff-ready span,.ae-staff-ready small{font-size:9px;color:#758682}.ae-staff-ready b{font-size:12px}.ae-staff-ready .ae-start-button{margin:0}
.ae-public-list-shell{max-width:none}.ae-public-list-head{width:min(1120px,100%);margin:0 auto 26px}.ae-public-list-head .ae-brand{margin:15px 0 18px}.ae-public-list-head p{max-width:700px;color:#667775;font-size:12px;line-height:1.6}.ae-public-grid{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ae-public-card{position:relative;display:flex;flex-direction:column;min-height:275px;padding:20px;border-radius:21px;background:#fff;border:1px solid #e0eae9;color:#20302e;text-decoration:none;box-shadow:0 12px 36px rgba(16,68,67,.06);transition:.18s}.ae-public-card:hover{transform:translateY(-3px);border-color:#b7ded8;box-shadow:0 18px 44px rgba(10,86,80,.1)}.ae-public-badge{align-self:flex-start;padding:5px 7px;border-radius:999px;background:#e4f7f3;color:#087e75;font-size:7px;letter-spacing:.1em;font-weight:900}.ae-public-card h2{font-size:20px;line-height:1.15;letter-spacing:-.03em;margin:15px 0 8px}.ae-public-card p{font-size:10px;line-height:1.55;color:#6c7c79;flex:1}.ae-public-card>div{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.ae-public-card>div span{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#5f7470}.ae-public-card svg{width:13px}.ae-card-cta{font-size:10px;color:#07887e}.ae-empty{grid-column:1/-1;padding:28px;border:1px dashed #cedddb;border-radius:20px;text-align:center;background:#fff}.ae-empty b{font-size:14px}.ae-empty p{font-size:10px;color:#74837f}
/* Full screen exam player */
.ae-player-shell{min-height:100dvh;background:#f3f7f7;color:#172522;padding-bottom:34px}.ae-player-top{position:sticky;top:0;z-index:30;min-height:76px;padding:12px max(18px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;background:rgba(4,48,44,.97);color:#fff;backdrop-filter:blur(16px);box-shadow:0 5px 25px rgba(0,0,0,.15)}.ae-exit{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;color:#fff;text-decoration:none;font-size:25px}.ae-player-title{display:grid;gap:2px}.ae-player-title span{font-size:8px;color:#8ee3d8;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.ae-player-title b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ae-timer{min-width:96px;padding:8px 10px;border-radius:13px;background:rgba(255,255,255,.09);display:grid;text-align:center;transition:.2s}.ae-timer small{font-size:7px;color:#badbd6;text-transform:uppercase;font-weight:800}.ae-timer b{font-size:17px;font-variant-numeric:tabular-nums}.ae-timer.warning{background:#7a5111}.ae-timer.danger{background:#a32c2c;animation:aePulse 1s infinite}.ae-progress-wrap{max-width:1050px;margin:18px auto 0;padding:0 18px}.ae-progress-copy{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:9px;color:#637673}.ae-progress-copy b{color:#087f76}.ae-progress-track{height:6px;border-radius:999px;background:#dde7e5;overflow:hidden}.ae-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#13a99a,#44d4c0);width:0;border-radius:inherit;transition:width .22s}.ae-exam-form{max-width:1050px;margin:14px auto 0;padding:0 18px}.ae-question-stage{scroll-margin-top:96px}.ae-question{background:#fff;border:1px solid #dee8e7;border-radius:22px;padding:clamp(20px,4vw,35px);box-shadow:0 12px 35px rgba(14,63,62,.07);min-height:430px}.ae-question[hidden]{display:none!important}.ae-question-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.ae-question-meta span{font-size:9px;font-weight:900;letter-spacing:.09em;color:#0a9589;text-transform:uppercase}.ae-question-meta b{font-size:8px;padding:5px 8px;border-radius:999px;background:#f0f7f6;color:#61716f}.ae-question h2{font-size:clamp(20px,3vw,30px);line-height:1.3;letter-spacing:-.025em;margin:22px 0 24px;color:#172825}.ae-options{display:grid;gap:9px}.ae-option{min-height:60px;border:1px solid #dfe8e7;border-radius:15px;padding:11px 14px;display:grid;grid-template-columns:25px 1fr;gap:11px;align-items:center;background:#fbfdfd;cursor:pointer;transition:.15s}.ae-option:hover{border-color:#b7dbd6;background:#f4fbf9}.ae-option:has(input:checked){border-color:#17aa9c;background:#e9f8f5;box-shadow:0 0 0 3px rgba(23,170,156,.08)}.ae-option input{position:absolute;opacity:0}.ae-radio{width:21px;height:21px;border-radius:50%;border:2px solid #adc3c0;display:grid;place-items:center}.ae-option input:checked+.ae-radio{border-color:#0d9b8f;background:#0d9b8f;box-shadow:inset 0 0 0 5px #e9f8f5}.ae-option b{font-size:11.5px;font-weight:650;line-height:1.45}.ae-review-toggle{margin-top:20px;border:0;background:#f1f5f4;color:#667875;border-radius:10px;padding:8px 11px;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.ae-review-toggle.active{background:#fff1d5;color:#8a5a0b}.ae-player-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:13px}.ae-nav,.ae-submit{min-height:48px;border:1px solid #cfdcda;border-radius:13px;background:#fff;padding:0 17px;font:inherit;font-size:10px;font-weight:850;color:#31504c;cursor:pointer}.ae-nav:not(.secondary),.ae-submit{margin-left:auto;background:#0d9a8e;border-color:#0d9a8e;color:#fff;box-shadow:0 4px 0 #066f67}.ae-nav:active,.ae-submit:active{transform:translateY(2px);box-shadow:none}.ae-nav:disabled{opacity:.4;cursor:not-allowed}.ae-navigator{max-width:1050px;margin:14px auto 0;padding:16px 18px;background:#fff;border:1px solid #e0e8e7;border-radius:18px}.ae-nav-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.ae-nav-head b{font-size:10px}.ae-nav-head span{display:flex;align-items:center;gap:4px;font-size:7px;color:#758582}.ae-nav-head i{width:8px;height:8px;border-radius:3px;background:#e5eceb;margin-left:5px}.ae-nav-head i.answered{background:#23b3a4}.ae-nav-head i.review{background:#f3b43e}.ae-nav-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.ae-nav-grid button{aspect-ratio:1;min-width:0;border:1px solid #dce5e3;border-radius:9px;background:#f8faf9;color:#647572;font:inherit;font-size:8px;font-weight:850;cursor:pointer;position:relative}.ae-nav-grid button.answered{background:#e7f8f4;color:#087d74;border-color:#b9e1db}.ae-nav-grid button.review:after{content:'';position:absolute;right:2px;top:2px;width:5px;height:5px;border-radius:50%;background:#eaa827}.ae-nav-grid button.current{outline:2px solid #0b9a8e;outline-offset:1px}.ae-submit-overlay{position:fixed;z-index:99999;inset:0;background:rgba(2,31,29,.82);display:grid;place-items:center;padding:20px;backdrop-filter:blur(12px)}.ae-submit-overlay[hidden]{display:none}.ae-submit-card{width:min(420px,100%);border-radius:23px;padding:28px;text-align:center;background:#fff}.ae-submit-card>span{width:56px;height:56px;border-radius:17px;margin:auto;display:grid;place-items:center;background:#e2f7f3;color:#078b80}.ae-submit-card svg{width:25px}.ae-submit-card h2{font-size:21px;margin:15px 0 7px}.ae-submit-card p{font-size:10px;color:#71817e;line-height:1.5}
/* Results */
.ae-result-card{text-align:center}.ae-result-icon{width:70px;height:70px;border-radius:22px;margin:0 auto 16px;display:grid;place-items:center;font-size:30px;font-weight:900}.ae-result-icon.pass{background:#ddf8e8;color:#087846}.ae-result-icon.fail{background:#fff0e2;color:#a05a10}.ae-result-icon.pending{background:#edf5f4;color:#667875}.ae-result-card h1{font-size:34px;letter-spacing:-.04em;margin:8px 0 5px}.ae-result-card>p{color:#70817e;font-size:12px}.ae-score-ring{--score:0;width:160px;height:160px;border-radius:50%;margin:25px auto 17px;display:grid;place-items:center;background:conic-gradient(#13aa9b calc(var(--score)*1%),#e2ecea 0);position:relative}.ae-score-ring:before{content:'';position:absolute;inset:12px;border-radius:50%;background:#fff}.ae-score-ring>div{position:relative;z-index:1;display:grid}.ae-score-ring b{font-size:32px;letter-spacing:-.04em}.ae-score-ring span{font-size:8px;color:#738481}.ae-result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.ae-result-summary>div{padding:11px;border-radius:13px;background:#f6faf9;display:grid;gap:3px}.ae-result-summary b{font-size:14px}.ae-result-summary span{font-size:8px;color:#758582}.ae-review-list{text-align:left;margin-top:27px;border-top:1px solid #e6eeee;padding-top:18px}.ae-review-list h2{font-size:15px}.ae-review-list article{padding:13px;border:1px solid #e1e9e8;border-radius:14px;margin-top:8px}.ae-review-list article.correct{border-left:4px solid #18a86a}.ae-review-list article.wrong{border-left:4px solid #df7d32}.ae-review-list article>div{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:start}.ae-review-list article>div>span{font-weight:900}.ae-review-list article b{font-size:10px;line-height:1.45}.ae-review-list article p{font-size:9px;color:#697a77;margin:6px 0 0 31px}
/* Staff cards */
.ae-staff-list-head{padding:5px 2px 18px}.ae-staff-list-head h1{font-size:27px;letter-spacing:-.04em;margin:5px 0}.ae-staff-list-head p{font-size:10px;color:#73827f;margin:0}.ae-list-badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.ae-list-badges span{padding:4px 7px;border-radius:999px;background:#f2f5f5;color:#697976;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.ae-list-badges span.active,.ae-list-badges span.result{background:#e4f7f1;color:#087b65}.ae-list-badges span.inactive{background:#f4eeee;color:#8a5050}.ae-list-badges span.public{background:#eee9ff;color:#6044a3}.ae-staff-assessment-card{position:relative}.ae-card-start{margin-top:12px;min-height:43px;border-radius:12px;background:#0d978c;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:10px;font-weight:900;box-shadow:0 3px 0 #066d65}.ae-card-start:active{transform:translateY(2px);box-shadow:none}.ae-card-start.disabled{background:#d8e1df;color:#82908e;box-shadow:none;pointer-events:none}.ae-card-notice{font-size:9px;color:#915d17;background:#fff6e7;padding:8px 10px;border-radius:10px;margin-top:8px}
/* Admin assessment analytics */
.ae-toolbar-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.art-primary-small.secondary{background:#eef8f6!important;color:#087e75!important;border:1px solid #cce7e3!important}.ae-admin-instructions{padding:12px 14px;border-radius:13px;background:#f2faf8;border:1px solid #dceeea;margin:14px 0}.ae-admin-instructions b{font-size:10px;color:#087e75}.ae-admin-instructions p{font-size:9.5px;line-height:1.5;margin:4px 0 0}.ae-public-link-card{padding:18px;border-radius:18px;background:linear-gradient(135deg,#063d39,#087d73);color:#fff;display:grid;gap:13px}.ae-public-link-card>div:first-child{display:grid;gap:4px}.ae-public-link-card span{font-size:7.5px;letter-spacing:.12em;color:#74e7da;font-weight:900}.ae-public-link-card b{font-size:12px}.ae-public-link-card small{font-size:9px;color:#bde0dc}.ae-public-link-row{display:grid;grid-template-columns:1fr auto auto;gap:7px}.ae-public-link-row input{min-width:0;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:0 10px;font-size:9px}.ae-public-link-row button,.ae-public-link-row a{min-height:38px;border:0;border-radius:10px;background:#fff;color:#087b72;padding:0 11px;display:flex;align-items:center;justify-content:center;text-decoration:none;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.ae-admin-performance{padding:18px}.ae-performance-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;background:linear-gradient(135deg,#063f3a,#0b8378);color:#fff;border-radius:22px;padding:22px;margin-bottom:12px}.ae-performance-toolbar h1{font-size:28px;letter-spacing:-.04em;margin:5px 0}.ae-performance-toolbar p{font-size:9.5px;color:#c4dfdb;margin:0}.ae-performance-toolbar .ae-toolbar-actions a{background:#fff;color:#08796f;padding:9px 12px;border-radius:10px;text-decoration:none;font-size:9px;font-weight:850}.ae-performance-filter{background:#fff;border:1px solid #e1e9e8;border-radius:15px;padding:12px;margin-bottom:11px}.ae-performance-filter label{display:grid;gap:5px;font-size:8px;font-weight:850;color:#61736f}.ae-performance-filter select{max-width:420px;min-height:42px;border:1px solid #d6e1df;border-radius:10px;padding:0 10px;background:#fff}.ae-performance-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0}.ae-performance-stats>div{background:#fff;border:1px solid #e1e9e8;border-radius:16px;padding:14px;display:grid;gap:4px}.ae-performance-stats b{font-size:22px;color:#173c37}.ae-performance-stats span{font-size:8px;color:#788885;text-transform:uppercase;font-weight:800}.ae-performance-card{background:#fff;border:1px solid #e0e8e7;border-radius:18px;padding:15px;margin-top:11px}.ae-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ae-card-head h2,.ae-card-head h3{font-size:14px;margin:0}.ae-card-head span,.ae-card-head a{font-size:8.5px;color:#758682;text-decoration:none}.ae-table-wrap{overflow:auto}.ae-table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.ae-table-wrap th{text-align:left;font-size:7.5px;text-transform:uppercase;letter-spacing:.06em;color:#83928f;padding:8px;border-bottom:1px solid #e7eeee}.ae-table-wrap td{padding:10px 8px;border-bottom:1px solid #edf1f0;font-size:9px;color:#445653}.ae-table-wrap td b{display:block;font-size:9.5px;color:#203330}.ae-table-wrap td small{display:block;font-size:7.5px;color:#83918f;margin-top:2px}.ae-table-wrap td>a{color:#07877d;font-weight:850}.ae-score{padding:5px 7px;border-radius:999px;font-weight:900}.ae-score.good{background:#e4f7ec;color:#087649}.ae-score.mid{background:#fff5df;color:#8a5b13}.ae-score.low{background:#fff0ef;color:#a43a34}.ae-not-attempted{color:#9aa5a3;font-size:8px}.ae-status{padding:4px 6px;border-radius:999px;font-size:7px;font-weight:850}.ae-status.passed{background:#e3f7eb;color:#087547}.ae-status.failed{background:#fff0ea;color:#a15123}.ae-question-analytics{display:grid;gap:10px}.ae-question-analytics article{padding:11px;border-radius:13px;background:#f7faf9}.ae-question-analytics article>div:first-child{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}.ae-question-analytics article>div:first-child span{width:28px;height:28px;border-radius:9px;background:#e2f6f2;color:#087f75;display:grid;place-items:center;font-size:8px;font-weight:900}.ae-question-analytics article b{font-size:9.5px;line-height:1.45}.ae-question-rate{height:6px;border-radius:999px;background:#e1e9e7;margin:9px 0 5px;overflow:hidden}.ae-question-rate i{display:block;height:100%;background:linear-gradient(90deg,#12a997,#4fd6c3);border-radius:inherit}.ae-question-analytics p{font-size:8px;color:#788885;margin:0}.ae-attempt-detail{padding:18px}.ae-attempt-hero{padding:22px;border-radius:22px;background:linear-gradient(135deg,#063f3a,#0b8277);color:#fff}.ae-attempt-hero>a{font-size:8.5px;color:#b8e4df;text-decoration:none}.ae-attempt-hero>span{display:block;margin-top:18px;font-size:7px;letter-spacing:.13em;color:#79e5d8;font-weight:900}.ae-attempt-hero h1{font-size:27px;letter-spacing:-.04em;margin:4px 0}.ae-attempt-hero>p{font-size:10px;color:#c4dedb}.ae-attempt-hero>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:13px}.ae-attempt-hero>div b{font-size:27px}.ae-attempt-hero>div small{font-size:8.5px;color:#c3dedb}.ae-attempt-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:11px 0}.ae-attempt-meta>div{background:#fff;border:1px solid #e0e8e7;border-radius:13px;padding:11px;display:grid;gap:3px}.ae-attempt-meta span{font-size:7px;color:#83918f;text-transform:uppercase}.ae-attempt-meta b{font-size:9px;overflow-wrap:anywhere}.ae-attempt-answers{background:#fff;border:1px solid #e0e8e7;border-radius:17px;padding:14px}.ae-attempt-answers h2{font-size:14px}.ae-attempt-answers article{border:1px solid #e6eceb;border-radius:13px;padding:11px;margin-top:8px}.ae-attempt-answers article.correct{border-left:4px solid #1aaa67}.ae-attempt-answers article.wrong{border-left:4px solid #dd7934}.ae-answer-head{display:grid;grid-template-columns:27px 1fr auto;gap:8px}.ae-answer-head>span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#f0f6f5;font-weight:900}.ae-answer-head>div{display:grid}.ae-answer-head small{font-size:7px;color:#80908d}.ae-answer-head b{font-size:9.5px}.ae-answer-head strong{font-size:8px}.ae-attempt-answers article p{font-size:8.5px;margin:8px 0 0 35px}.ae-attempt-answers article p span{color:#80908d;margin-right:7px}.art-card-heading.left{justify-content:flex-start}.art-card-heading.left>div p{margin:3px 0 0;font-size:9px;color:#7b8987}
@keyframes aePulse{50%{filter:brightness(1.25)}}
@media(max-width:900px){.ae-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ae-nav-grid{grid-template-columns:repeat(10,1fr)}.ae-performance-stats{grid-template-columns:repeat(2,1fr)}.ae-attempt-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ae-public-shell,.ae-public-list-shell{padding:15px 12px 28px}.ae-intro-card,.ae-result-card{padding:20px 16px;border-radius:22px}.ae-stat-grid{grid-template-columns:repeat(2,1fr)}.ae-form-grid{grid-template-columns:1fr}.ae-form-grid label.full{grid-column:auto}.ae-staff-ready{grid-template-columns:1fr}.ae-public-grid{grid-template-columns:1fr}.ae-public-card{min-height:225px}.ae-player-top{grid-template-columns:42px minmax(0,1fr) 82px;padding:10px 12px}.ae-player-title b{font-size:11px}.ae-timer{min-width:78px;padding:7px}.ae-timer b{font-size:14px}.ae-progress-wrap,.ae-exam-form{padding-left:12px;padding-right:12px}.ae-question{padding:19px 15px;min-height:380px;border-radius:18px}.ae-question h2{font-size:20px}.ae-option{min-height:57px;padding:10px 12px}.ae-player-actions{display:grid;grid-template-columns:1fr 1fr}.ae-player-actions .ae-nav:not(.secondary),.ae-player-actions .ae-submit{margin-left:0}.ae-submit{grid-column:2}.ae-navigator{margin:12px;border-radius:15px;padding:12px}.ae-nav-head{align-items:flex-start;flex-direction:column}.ae-nav-grid{grid-template-columns:repeat(7,1fr)}.ae-result-summary{grid-template-columns:1fr 1fr}.ae-result-summary>div:last-child{grid-column:1/-1}.ae-public-link-row{grid-template-columns:1fr 1fr}.ae-public-link-row input{grid-column:1/-1;min-height:39px}.ae-performance-toolbar{align-items:flex-start;flex-direction:column;padding:17px}.ae-performance-toolbar h1{font-size:24px}.ae-performance-stats{grid-template-columns:1fr 1fr}.ae-admin-performance,.ae-attempt-detail{padding:12px}.ae-attempt-meta{grid-template-columns:1fr 1fr}.ae-toolbar-actions{width:100%}.art-assessment-toolbar .ae-toolbar-actions{width:auto}.ae-toolbar-actions .art-primary-small{flex:1;text-align:center;justify-content:center}}

.ae-public-badge.upcoming{background:#fff3d9;color:#8c5d0e}.ae-public-badge.closed{background:#f2eeee;color:#8a5656}.ae-card-availability{font-size:8px;line-height:1.4;color:#8a5a12;background:#fff6e5;border-radius:9px;padding:7px 8px;margin-bottom:8px}

/* Clocka v1.4.5 — strict pre-camera geofence gate & short-lived attendance evidence */
.clock-gate-stage{min-height:100dvh;background:linear-gradient(180deg,#062f2d 0,#084941 24%,#f4f8f7 24%,#f4f8f7 100%);padding:calc(env(safe-area-inset-top,0px) + 18px) 16px calc(env(safe-area-inset-bottom,0px) + 30px);overflow:auto;color:#153a36}
.clock-gate-stage .clock-camera-header{max-width:620px;margin:0 auto 22px;color:#fff}.clock-gate-stage .clock-camera-header>a{color:#fff;background:rgba(255,255,255,.12)}
.clock-gate-content{width:min(100%,620px);margin:0 auto;display:grid;gap:13px}.clock-gate-intro{color:#fff;padding:5px 5px 13px}.clock-gate-intro>span{display:inline-block;font-size:10px;font-weight:850;letter-spacing:.12em;color:#8af3e6;text-transform:uppercase}.clock-gate-intro h1{margin:5px 0 5px;font-size:clamp(25px,7vw,36px);line-height:1.02;letter-spacing:-.045em}.clock-gate-intro p{margin:0;max-width:520px;color:#c9e2de;font-size:13px;line-height:1.55}
.clock-branch-picker.pre-camera,.clock-single-branch,.clock-gate-card,.clock-location-repair,.clock-assist-panel{background:#fff;border:1px solid #dce8e5;border-radius:20px;box-shadow:0 12px 35px rgba(4,51,46,.09)}
.clock-branch-picker.pre-camera{padding:15px}.clock-branch-picker.pre-camera label{display:flex;align-items:flex-start;gap:10px;color:#173b37}.clock-branch-picker.pre-camera label>span:first-child{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#e5f7f3;color:#078778;flex:0 0 auto}.clock-branch-picker.pre-camera label b{display:block;font-size:13px}.clock-branch-picker.pre-camera label small{display:block;margin-top:3px;font-size:10px;line-height:1.45;color:#758783}.clock-branch-picker.pre-camera select{width:100%;min-height:50px;margin-top:12px;padding:0 42px 0 13px;border:1px solid #c9dcda;border-radius:13px;background:#fbfdfd;color:#163d38;font-weight:750;font-size:13px}.clock-branch-picker.pre-camera select:focus{outline:3px solid rgba(19,184,164,.16);border-color:#13a999}.clock-branch-address{display:grid;gap:4px;margin-top:9px;padding:10px 12px;border-radius:12px;background:#f2f8f7;overflow-wrap:anywhere}.clock-branch-address span{font-size:11px;line-height:1.5;color:#3e5652}.clock-branch-address small{font-size:9.5px;line-height:1.45;color:#667b77}
.clock-single-branch{padding:14px 15px;display:flex;align-items:flex-start;gap:11px}.clock-single-branch>span{width:40px;height:40px;border-radius:13px;background:#e7f7f4;color:#087f73;display:grid;place-items:center;flex:0 0 auto}.clock-single-branch>div{min-width:0}.clock-single-branch small{display:block;font-size:8px;letter-spacing:.07em;text-transform:uppercase;font-weight:850;color:#84938f}.clock-single-branch b{display:block;margin-top:2px;font-size:14px;color:#163e39}.clock-single-branch p{margin:5px 0 0;font-size:10.5px;line-height:1.5;color:#697b77;white-space:normal;overflow-wrap:anywhere}.clock-single-branch em{display:block;margin-top:4px;font-style:normal;font-size:9.5px;font-weight:750;color:#098579;overflow-wrap:anywhere}
.clock-gate-card{position:relative;padding:18px 16px 16px;overflow:hidden;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.clock-gate-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#a7b8b4}.clock-gate-card.waiting::before{background:#a7b8b4}.clock-gate-card.checking::before{background:#e5a12d}.clock-gate-card.success::before{background:#18a76d}.clock-gate-card.error::before{background:#db5c55}.clock-gate-status{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center}.clock-gate-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#edf4f2;color:#6a7c78}.clock-gate-card.checking .clock-gate-icon{background:#fff4dd;color:#b7730f;animation:clockGatePulse 1.25s ease-in-out infinite}.clock-gate-card.success .clock-gate-icon{background:#e4f8ed;color:#0b8a55}.clock-gate-card.error .clock-gate-icon{background:#fff0ef;color:#c84f49}.clock-gate-status h2{margin:0;color:#193d38;font-size:17px;letter-spacing:-.025em}.clock-gate-status p{margin:4px 0 0;color:#60746f;font-size:11px;line-height:1.48}.clock-gate-meta{display:block;margin-top:11px;padding-top:10px;border-top:1px solid #edf1f0;font-size:9.5px;line-height:1.45;color:#81908d}.clock-gate-distance{display:grid;grid-template-columns:auto 1fr;gap:1px 9px;margin-top:12px;padding:12px;border-radius:14px;background:#f4f8f7}.clock-gate-distance b{grid-row:1/3;font-size:23px;line-height:1;color:#0b8075;align-self:center}.clock-gate-distance span{font-size:9px;color:#667a76}.clock-gate-distance i{font-style:normal;font-size:9px;font-weight:750;color:#324e49}.clock-gate-card.error .clock-gate-distance b{color:#ba4b45}
.clock-gate-primary{width:100%;min-height:56px;border:0;border-radius:16px;background:linear-gradient(180deg,#18b7a7 0,#078b7e 58%,#06756b 100%);color:#fff;font:inherit;font-weight:900;font-size:13px;letter-spacing:.01em;box-shadow:0 5px 0 #055f58,0 13px 25px rgba(4,117,105,.22);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.clock-gate-primary:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px 0 #055f58,0 5px 12px rgba(4,117,105,.18)}.clock-gate-primary:disabled{background:#cbd7d4;color:#74817f;box-shadow:0 3px 0 #aebbb8;cursor:not-allowed}.clock-gate-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.clock-gate-secondary-actions button{min-height:44px;border:1px solid #cfe0dd;border-radius:13px;background:#fff;color:#1c514a;font:inherit;font-size:10px;font-weight:800;box-shadow:0 4px 14px rgba(20,65,59,.05)}.clock-gate-secondary-actions button:active{transform:translateY(1px)}
.clock-location-repair{padding:14px}.clock-location-repair h3{margin:0 0 5px;font-size:12px;color:#203f3a}.clock-location-repair p,.clock-location-repair li{font-size:10px;line-height:1.5;color:#60746f}.clock-location-repair ol{margin:8px 0 0;padding-left:20px}.clock-camera-verified-strip{position:absolute;z-index:7;top:calc(env(safe-area-inset-top,0px) + 72px);left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:7px 11px;border:1px solid rgba(119,241,211,.4);background:rgba(4,67,61,.8);backdrop-filter:blur(12px);border-radius:999px;color:#a9ffe8;font-size:9px;font-weight:850;white-space:nowrap;display:flex;align-items:center;gap:5px}
.aa-policy-lock{margin:8px 0 13px;padding:12px 13px;border:1px solid #bde6dc;background:#eefaf7;border-radius:13px;display:grid;gap:3px}.aa-policy-lock b{font-size:10px;color:#087b70}.aa-policy-lock span{font-size:9px;line-height:1.45;color:#5a716c}.aa-photo-retention-card{overflow:hidden}.aa-retention-lock{padding:7px 9px;border-radius:999px;background:#e8f7f3;color:#087d71;font-size:8px;font-weight:950;letter-spacing:.08em}.aa-retention-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0}.aa-retention-stats>div{padding:11px;border:1px solid #e4ecea;background:#fafcfc;border-radius:12px;display:grid;gap:2px}.aa-retention-stats strong{font-size:15px;color:#153e38;overflow-wrap:anywhere}.aa-retention-stats span{font-size:7.5px;text-transform:uppercase;font-weight:800;color:#7e908c}
.aa-attendance-photo,.ref-attendance-evidence-photo,.attendance-log-photo{object-fit:cover;display:block;background:#e5efed}.aa-expired-photo{position:relative;display:inline-grid;justify-items:center;gap:4px;max-width:100%}.aa-expired-photo small{font-size:7px;line-height:1.25;color:#8a9694;text-align:center;max-width:92px}.aa-expired-photo .initials{display:grid;place-items:center;background:linear-gradient(145deg,#0c9f90,#075f59);color:#fff;font-weight:900;text-transform:uppercase}.aa-no-photo{font-size:8px;color:#9aa6a3;padding:7px;border:1px dashed #d9e2e0;border-radius:9px;text-align:center}.ref-attendance-evidence-photo{width:52px;height:52px;border-radius:13px}.aa-expired-photo .ref-attendance-evidence-photo{width:52px;height:52px;border-radius:13px}.attendance-log-evidence{display:flex;align-items:flex-start;gap:8px;min-width:115px}.attendance-log-evidence>span{display:grid;justify-items:center;gap:3px}.attendance-log-evidence>span>small{font-size:7.5px;color:#778783}.attendance-log-photo,.aa-expired-photo .attendance-log-photo{width:38px;height:38px;border-radius:10px}.attendance-log-evidence .aa-expired-photo small{display:none}.attendance-log-evidence .aa-no-photo{width:38px;height:38px;padding:0;display:grid;place-items:center;font-size:0}.attendance-log-evidence .aa-no-photo::after{content:"—";font-size:12px;color:#9aa6a3}
@keyframes clockGatePulse{50%{transform:scale(1.04);filter:brightness(1.05)}}
@media(max-width:640px){.clock-gate-stage{padding-left:12px;padding-right:12px}.clock-gate-content{gap:11px}.clock-gate-secondary-actions{grid-template-columns:1fr}.aa-retention-stats{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.clock-gate-card,.clock-gate-primary,.clock-gate-icon{animation:none!important;transition:none!important}}

.clock-gate-card>div h1{margin:0;color:#193d38;font-size:17px;letter-spacing:-.025em}.clock-gate-card>div p{margin:4px 0 0;color:#60746f;font-size:11px;line-height:1.48}.clock-gate-card>div small{display:block;margin-top:9px;padding-top:9px;border-top:1px solid #edf1f0;font-size:9.5px;line-height:1.45;color:#81908d}

/* Clocka v1.4.6 — Unified Admin Workspace */
.admin-workspace-page{background:#f4f7f8;color:#17222d;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.admin-workspace-page .flash{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:5000;max-width:min(620px,calc(100vw - 32px));box-shadow:0 18px 50px rgba(15,23,42,.18)}
.admin-workspace-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh;background:#f4f7f8}
.admin-workspace-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e4ebee;z-index:1200;overflow:hidden;box-shadow:8px 0 30px rgba(15,23,42,.025)}
.admin-workspace-brand{height:76px;padding:0 18px;border-bottom:1px solid #edf1f3;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.admin-workspace-brand>a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#12202b;min-width:0;flex:1}
.admin-workspace-brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#0b9488,#35c9ad);color:#fff;box-shadow:0 10px 20px rgba(13,148,136,.22)}
.admin-workspace-brand-mark svg{width:21px;height:21px}
.admin-workspace-brand b{font-size:17px;line-height:1.15;display:block;letter-spacing:-.02em}
.admin-workspace-brand small{font-size:11px;color:#7a8995;display:block;margin-top:3px;font-weight:600;text-transform:uppercase;letter-spacing:.055em}
.admin-workspace-menu-close{display:none;border:0;background:#eff8f7;color:#0b8178;width:38px;height:38px;border-radius:12px;font-size:25px;line-height:1;cursor:pointer}
.admin-workspace-user{margin:14px 14px 8px;padding:12px;border:1px solid #e6efef;background:linear-gradient(145deg,#f5fbfa,#fff);border-radius:15px;display:flex;align-items:center;gap:10px;min-width:0}
.admin-workspace-user-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e5f7f4;color:#0b9488;flex:0 0 auto}
.admin-workspace-user-icon svg{width:18px;height:18px}
.admin-workspace-user>span:last-child{min-width:0}
.admin-workspace-user b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1e2b36}
.admin-workspace-user small{display:block;color:#71808d;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-workspace-nav{flex:1;overflow:auto;padding:4px 10px 18px;scrollbar-width:thin}
.admin-workspace-nav-group+.admin-workspace-nav-group{margin-top:13px;padding-top:10px;border-top:1px solid #edf1f2}
.admin-workspace-nav-label{padding:6px 10px;color:#8a98a3;font-size:10px;font-weight:800;letter-spacing:.09em}
.admin-workspace-nav a{position:relative;min-height:42px;padding:9px 10px;margin:2px 0;border-radius:11px;display:flex;align-items:center;gap:11px;text-decoration:none;color:#445260;font-size:13px;font-weight:650;transition:background .18s ease,color .18s ease,transform .18s ease}
.admin-workspace-nav a svg{width:18px;height:18px;color:#0f9b8f;flex:0 0 auto}
.admin-workspace-nav a:hover{background:#f0f8f7;color:#0f716a;transform:translateX(1px)}
.admin-workspace-nav a.active{background:linear-gradient(100deg,#e8f7f5,#f4fbfa);color:#08786f;font-weight:800}
.admin-workspace-nav a.active i{position:absolute;right:8px;width:6px;height:6px;border-radius:50%;background:#10a596;box-shadow:0 0 0 4px rgba(16,165,150,.1)}
.admin-workspace-sidebar-footer{border-top:1px solid #edf1f2;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#94a0aa;font-size:11px;flex:0 0 auto}
.admin-workspace-sidebar-footer form{margin:0}.admin-workspace-sidebar-footer button{border:0;background:transparent;color:#8c3a3a;font-weight:750;font-size:11px;cursor:pointer;padding:7px 8px;border-radius:8px}.admin-workspace-sidebar-footer button:hover{background:#fff0f0}
.admin-workspace-main{min-width:0;min-height:100vh;background:#f4f7f8}
.admin-workspace-topbar{height:64px;position:sticky;top:0;z-index:1100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e7edef;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.admin-workspace-breadcrumb{display:flex;align-items:center;gap:9px;color:#9aa6af;font-size:12px}.admin-workspace-breadcrumb strong{color:#3a4854;font-size:13px}.admin-workspace-breadcrumb b{font-weight:400;color:#c1c9ce}
.admin-workspace-mobile-nav{display:none}
.admin-workspace-top-actions{display:flex;align-items:center;gap:11px}.admin-workspace-icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eff8f7;color:#0e9287;text-decoration:none;border:1px solid #e1f0ee}.admin-workspace-icon-btn svg{width:18px;height:18px}
.admin-workspace-person{display:flex;align-items:center;padding-left:3px}.admin-workspace-person b{display:block;font-size:12px;color:#24323d}.admin-workspace-person small{display:block;font-size:10px;color:#83919b;margin-top:2px}.admin-workspace-dirty{font-size:10px;font-weight:800;color:#91670a;background:#fff6d7;border:1px solid #f2dfa3;padding:6px 9px;border-radius:999px}
.admin-workspace-content{width:min(100%,1580px);margin:0 auto;padding:30px 32px 64px}
.admin-workspace-content>.page-title{margin:0 0 18px}.admin-workspace-content>.page-title h1{font-size:28px;line-height:1.12;letter-spacing:-.035em;color:#14212c;margin:0}.admin-workspace-content>.page-title p{font-size:13px;line-height:1.6;color:#6f7f8c;margin-top:7px;max-width:850px}
.admin-workspace-toolbar{position:sticky;top:64px;z-index:1050;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding:10px;background:rgba(244,247,248,.94);backdrop-filter:blur(12px);border:1px solid #e5ecee;border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.admin-workspace-tabs{display:flex;align-items:center;gap:5px;min-width:0;overflow:auto;scrollbar-width:none}.admin-workspace-tabs::-webkit-scrollbar{display:none}
.admin-workspace-tabs button{appearance:none;border:0;background:transparent;color:#687784;font:inherit;font-size:12px;font-weight:750;white-space:nowrap;border-radius:10px;padding:9px 12px;cursor:pointer;transition:.18s ease}
.admin-workspace-tabs button:hover{background:#eef5f5;color:#166f69}.admin-workspace-tabs button.active{background:#0e9489;color:#fff;box-shadow:0 7px 16px rgba(14,148,137,.18)}
.admin-workspace-search{display:flex;align-items:center;gap:7px;width:min(290px,31vw);min-width:190px;height:38px;padding:0 10px;background:#fff;border:1px solid #dfe8eb;border-radius:11px;color:#8a98a3}.admin-workspace-search:focus-within{border-color:#65c8be;box-shadow:0 0 0 3px rgba(13,148,136,.09)}.admin-workspace-search>span{font-size:19px;line-height:1}.admin-workspace-search input{border:0!important;box-shadow:none!important;outline:0;background:transparent;padding:0!important;min-width:0;height:auto!important;font-size:12px;width:100%;color:#2d3a45}.admin-workspace-search button{border:0;background:#edf3f4;color:#6d7c87;border-radius:7px;width:23px;height:23px;cursor:pointer}
.admin-workspace-content .card{border:1px solid #e3eaed;border-radius:17px;box-shadow:0 8px 26px rgba(15,23,42,.045);background:#fff}
.admin-workspace-content .card.stat{border-radius:16px;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.admin-workspace-content .grid{gap:14px}.admin-workspace-content .section-title{font-size:16px;color:#263541;letter-spacing:-.01em;margin:23px 0 10px}
.admin-workspace-content .muted{color:#71808c}.admin-workspace-content .small-text,.admin-workspace-content small{line-height:1.45}
.admin-workspace-content input,.admin-workspace-content select,.admin-workspace-content textarea{border-color:#dbe4e7;background:#fbfdfd;color:#22313c}.admin-workspace-content input:focus,.admin-workspace-content select:focus,.admin-workspace-content textarea:focus{border-color:#4ebeb3;box-shadow:0 0 0 3px rgba(14,148,137,.09);outline:0}
.admin-workspace-content .btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.admin-workspace-content .btn:active{transform:translateY(1px)}
.aw-tab-section[hidden]{display:none!important}.aw-grid-container:has(> .aw-tab-section[hidden]){grid-template-columns:minmax(0,1fr)}
.aw-accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;text-align:left;padding:0;color:#26343f;font:inherit;font-size:15px;font-weight:800;cursor:pointer}.aw-accordion-toggle i{font-style:normal;font-size:20px;color:#0c9489;transition:transform .18s ease}.aw-accordion-open>.aw-accordion-toggle i{transform:rotate(180deg)}.aw-accordion-body{padding-top:13px}.aw-accordion-body[hidden]{display:none!important}
.aw-sticky-save{position:sticky;bottom:18px;z-index:1000;box-shadow:0 12px 30px rgba(7,112,103,.24)!important;margin-left:2px}
.aw-search-hidden{display:none!important}.aw-search-hit{outline:2px solid rgba(16,165,150,.18);outline-offset:2px}
.admin-workspace-content .table-wrap{border:1px solid #e2eaed;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.035);overflow:auto}.admin-workspace-content table{margin:0}.admin-workspace-content thead th{position:sticky;top:0;background:#f8fafb;color:#667682;font-size:10px;text-transform:uppercase;letter-spacing:.045em;z-index:2;border-bottom-color:#e6ecee}.admin-workspace-content tbody td{color:#33424e;border-bottom-color:#eef2f3}.admin-workspace-content tbody tr:hover{background:#fbfefe}
.admin-workspace-content .health-item{border-radius:14px;border:1px solid #e5ecee}.admin-workspace-content .cf-health-score{border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.05)}

@media (max-width:1100px){
  .admin-workspace-shell{grid-template-columns:232px minmax(0,1fr)}
  .admin-workspace-content{padding-left:22px;padding-right:22px}
  .admin-workspace-nav a{font-size:12px;gap:9px;padding-left:9px;padding-right:9px}
}
@media (max-width:860px){
  .admin-workspace-shell{display:block;min-height:100svh}
  .admin-workspace-sidebar{position:fixed;inset:0;width:100%;height:100svh;transform:translateX(-102%);transition:transform .24s cubic-bezier(.2,.8,.2,1);z-index:5000;border:0;box-shadow:none;background:#f8fbfb}
  .admin-workspace-menu-open{overflow:hidden}.admin-workspace-menu-open .admin-workspace-sidebar{transform:translateX(0)}
  .admin-workspace-brand{height:72px;padding:0 18px;background:#fff}.admin-workspace-menu-close{display:grid;place-items:center}
  .admin-workspace-user{margin:14px 16px 8px;background:#fff;padding:13px}
  .admin-workspace-nav{padding:2px 14px 28px}.admin-workspace-nav-group+.admin-workspace-nav-group{margin-top:9px;padding-top:9px}.admin-workspace-nav-label{padding:8px 8px 4px}.admin-workspace-nav a{min-height:46px;margin:3px 0;background:#fff;border:1px solid #edf2f3;border-radius:13px;padding:10px 12px;font-size:13px}.admin-workspace-nav a.active{border-color:#cceae6;background:#e9f8f6}.admin-workspace-sidebar-footer{background:#fff;padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .admin-workspace-topbar{height:58px;padding:0 14px}.admin-workspace-breadcrumb,.admin-workspace-person{display:none}.admin-workspace-mobile-nav{display:flex;align-items:center;gap:10px;min-width:0}.admin-workspace-mobile-nav>strong{font-size:13px;color:#273641;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-workspace-back{display:inline-flex;align-items:center;gap:5px;border:0;background:#e9f7f5;color:#087c73;height:38px;padding:0 10px;border-radius:11px;font-weight:800;font-size:11px;cursor:pointer}.admin-workspace-back svg{width:17px;height:17px}.admin-workspace-top-actions{gap:7px}.admin-workspace-icon-btn{width:36px;height:36px}.admin-workspace-dirty{position:fixed;right:15px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:1600;box-shadow:0 10px 24px rgba(15,23,42,.15)}
  .admin-workspace-content{width:100%;padding:20px 14px calc(46px + env(safe-area-inset-bottom))}.admin-workspace-content>.page-title{margin-bottom:14px}.admin-workspace-content>.page-title h1{font-size:23px}.admin-workspace-content>.page-title p{font-size:12px;line-height:1.5}
  .admin-workspace-toolbar{top:58px;margin-left:-2px;margin-right:-2px;padding:7px;display:block;border-radius:14px}.admin-workspace-tabs{padding-bottom:1px}.admin-workspace-tabs button{padding:9px 11px;font-size:11px}.admin-workspace-search{margin-top:7px;width:100%;min-width:0;height:39px}
  .admin-workspace-content .grid.cols-2,.admin-workspace-content .grid.cols-3,.admin-workspace-content .grid.cols-4{grid-template-columns:1fr!important}.admin-workspace-content .grid{gap:10px}
  .admin-workspace-content .card{border-radius:15px;padding:15px}.admin-workspace-content .card.stat{padding:14px}.admin-workspace-content .section-title{font-size:15px;margin-top:18px}
  .aw-sticky-save{bottom:calc(14px + env(safe-area-inset-bottom));width:calc(100% - 4px)}
  .admin-workspace-content .table-wrap{border:0;background:transparent;box-shadow:none;overflow:visible}.admin-workspace-content table,.admin-workspace-content thead,.admin-workspace-content tbody,.admin-workspace-content tr,.admin-workspace-content th,.admin-workspace-content td{display:block;width:100%}.admin-workspace-content thead{display:none}.admin-workspace-content tbody{display:grid;gap:10px}.admin-workspace-content tbody tr{background:#fff;border:1px solid #e2eaed;border-radius:14px;box-shadow:0 5px 16px rgba(15,23,42,.035);padding:7px 12px}.admin-workspace-content tbody tr[hidden]{display:none!important}.admin-workspace-content tbody td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:8px;align-items:start;padding:8px 0!important;border-bottom:1px solid #edf2f3!important;font-size:12px;overflow-wrap:anywhere}.admin-workspace-content tbody td:last-child{border-bottom:0!important}.admin-workspace-content tbody td::before{content:attr(data-label);font-size:10px;line-height:1.35;font-weight:800;color:#87949e;text-transform:uppercase;letter-spacing:.035em}.admin-workspace-content tbody td[data-label=""]::before{display:none}.admin-workspace-content tbody td .actions,.admin-workspace-content tbody td form.actions{display:flex;flex-wrap:wrap;gap:6px}.admin-workspace-content tbody td select,.admin-workspace-content tbody td input{max-width:100%}
  .admin-workspace-content .permission-grid{grid-template-columns:1fr}.admin-workspace-content .health-grid{grid-template-columns:1fr}.admin-workspace-content .integrity-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){
  .admin-workspace-back span{display:none}.admin-workspace-back{width:38px;padding:0;justify-content:center}.admin-workspace-content{padding-left:12px;padding-right:12px}.admin-workspace-content>.page-title h1{font-size:21px}.admin-workspace-tabs button{padding-left:10px;padding-right:10px}.admin-workspace-content .integrity-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.admin-workspace-sidebar,.admin-workspace-nav a,.admin-workspace-tabs button,.aw-accordion-toggle i{transition:none!important}}

/* Clocka v1.4.6.2 — Audit Log content experience */
.admin-workspace-tabs .aw-tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.18);color:inherit;font-size:9px;font-style:normal;font-weight:850;line-height:1}
.admin-workspace-tabs button:not(.active) .aw-tab-count{background:#e8f0f1;color:#63727d}
.audit-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.audit-summary-card{display:flex;align-items:center;gap:12px;min-height:92px;padding:15px 16px;background:#fff;border:1px solid #e3eaed;border-radius:16px;box-shadow:0 6px 20px rgba(15,23,42,.035)}
.audit-summary-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#e8f7f5;color:#0a8c82}.audit-summary-icon svg{width:20px;height:20px}.audit-summary-icon.today{background:#edf3ff;color:#4e70c9}.audit-summary-icon.auth{background:#f2edff;color:#7b5bc4}.audit-summary-icon.security{background:#fff2e7;color:#c66b2b}
.audit-summary-card b{display:block;color:#172530;font-size:23px;line-height:1;font-weight:850;letter-spacing:-.035em}.audit-summary-card span{display:block;color:#34444f;font-size:11px;font-weight:800;margin-top:5px}.audit-summary-card small{display:block;color:#8a98a2;font-size:9px;margin-top:2px}
.audit-filter-card{margin:0 0 14px;padding:14px 15px;background:#fff;border:1px solid #e2eaed;border-radius:16px;box-shadow:0 6px 20px rgba(15,23,42,.03)}
.audit-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.audit-filter-heading>div>b{display:block;font-size:12px;color:#273641}.audit-filter-heading>div>span{display:block;font-size:10px;color:#83919b;margin-top:2px}.audit-filter-count{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#edf8f6;color:#087e75;font-size:9px;font-weight:850}
.audit-filters{display:grid!important;grid-template-columns:minmax(180px,1.25fr) minmax(160px,1fr) minmax(128px,.72fr) minmax(128px,.72fr) auto;gap:9px!important;align-items:end;margin:0!important}
.audit-filters label{display:block;min-width:0}.audit-filters label>span{display:block;margin:0 0 5px 2px;color:#72818c;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.audit-filters input{width:100%;height:39px!important;padding:0 11px!important;font-size:11px!important;border-radius:10px!important;background:#fbfdfd!important}.audit-filter-actions{display:flex;align-items:center;gap:5px;height:39px}.audit-filter-actions .btn{white-space:nowrap}
.audit-feed{background:#fff;border:1px solid #dfe8eb;border-radius:17px;box-shadow:0 8px 26px rgba(15,23,42,.04);overflow:hidden}
.audit-feed-head,.audit-event-row{display:grid;grid-template-columns:118px minmax(210px,1.45fr) minmax(185px,1.1fr) minmax(120px,.75fr) 120px 76px;gap:12px;align-items:center}
.audit-feed-head{min-height:40px;padding:0 14px;background:#f7f9fa;border-bottom:1px solid #e4ebed;color:#73818c;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
.audit-event{position:relative;background:#fff;border-bottom:1px solid #eaf0f2;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.audit-event:last-child{border-bottom:0}.audit-event:hover{background:#fcfefe}.audit-event.audit-event-open{background:#fbfefd;box-shadow:inset 3px 0 0 #20aa9e}
.audit-event-row{min-height:76px;padding:11px 14px}
.audit-time{display:flex;flex-direction:column;gap:1px}.audit-time b{font-size:11px;color:#30404b}.audit-time span{font-size:10px;color:#657580;font-weight:700}.audit-time small{font-size:9px;color:#99a5ad}
.audit-event-name{display:grid;grid-template-columns:36px minmax(0,1fr) 7px;align-items:center;gap:9px;min-width:0}.audit-event-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px}.audit-event-icon svg{width:17px;height:17px}.audit-event-icon.auth{background:#f1edff;color:#7256bb}.audit-event-icon.attendance{background:#e8f8f1;color:#18835f}.audit-event-icon.admin{background:#eaf5f8;color:#237c91}.audit-event-icon.security{background:#fff0e8;color:#bc5e30}.audit-event-name b{display:block;color:#273641;font-size:11px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-action-code{display:block;margin-top:3px;color:#89969f;font-size:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-severity{width:7px;height:7px;border-radius:999px;background:#b5c0c6}.audit-severity.success{background:#34b77d}.audit-severity.warning{background:#eaa338}.audit-severity.danger{background:#dc5f5f}
.audit-actor{display:flex;align-items:center;gap:8px;min-width:0}.audit-avatar{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#eef4f5;color:#5b6c77;font-size:10px;font-weight:900}.audit-actor div{min-width:0}.audit-actor b{display:block;color:#35444f;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-actor small{display:block;color:#93a0a9;font-size:9px;margin-top:2px}
.audit-target{min-width:0}.audit-target b{display:block;color:#40505b;font-size:10px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-target span{display:block;color:#88959f;font-size:9px;margin-top:2px;overflow-wrap:anywhere}.audit-source{display:flex;align-items:center;gap:5px;color:#70808b;min-width:0}.audit-source svg{width:13px;height:13px;color:#9aa6ae}.audit-source b{font-size:9px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audit-detail-toggle{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dfe8ea;background:#f7fbfb;color:#4f626e;border-radius:9px;font:inherit;font-size:9px;font-weight:850;cursor:pointer;transition:.16s ease}.audit-detail-toggle:hover{border-color:#b9ddd9;background:#edf8f6;color:#087e75}.audit-detail-toggle i{font-style:normal;font-size:12px;transition:transform .16s ease}.audit-detail-toggle[aria-expanded=true] i{transform:rotate(180deg)}
.audit-event-detail{padding:0 14px 14px 144px}.audit-event-detail[hidden]{display:none!important}.audit-detail-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 9px}.audit-detail-meta>div{padding:9px 10px;border:1px solid #e6edef;border-radius:10px;background:#f9fbfb}.audit-detail-meta span{display:block;color:#8a98a2;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.audit-detail-meta b{display:block;margin-top:3px;color:#42515c;font-size:10px;overflow-wrap:anywhere}
.audit-context{padding:11px 12px;border:1px solid #e5ecee;border-radius:12px;background:#fff}.audit-context-title{display:flex;align-items:baseline;gap:7px;margin-bottom:8px}.audit-context-title b{color:#34434e;font-size:10px}.audit-context-title span{color:#91a0a9;font-size:9px}.audit-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}.audit-context-grid>div{min-width:0;padding:8px 9px;border-radius:9px;background:#f7fafb}.audit-context-grid dt{color:#84929c;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.audit-context-grid dd{margin:3px 0 0;color:#34444f;font-size:9px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}
.audit-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#8b99a3}.audit-empty[hidden]{display:none!important}.audit-empty svg{width:28px;height:28px;color:#87b8b3;margin-bottom:8px}.audit-empty b{font-size:12px;color:#465660}.audit-empty span{margin-top:4px;font-size:10px;max-width:320px;line-height:1.5}
.audit-event.aw-search-hit{background:#f6fcfb;box-shadow:inset 3px 0 0 #34b9ae}.audit-event.aw-search-hidden{display:none!important}

@media (max-width:1180px){
  .audit-feed-head,.audit-event-row{grid-template-columns:100px minmax(200px,1.45fr) minmax(165px,1fr) minmax(100px,.7fr) 105px 68px;gap:9px}
  .audit-event-detail{padding-left:123px}.audit-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .audit-filters{grid-template-columns:1fr 1fr 130px 130px}.audit-filter-actions{grid-column:1/-1}
}
@media (max-width:860px){
  .audit-summary-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.audit-summary-card{min-height:78px;padding:12px;border-radius:14px;gap:10px}.audit-summary-icon{width:36px;height:36px;border-radius:11px}.audit-summary-card b{font-size:19px}.audit-summary-card span{font-size:10px}.audit-summary-card small{font-size:8px}
  .audit-filter-card{padding:12px;border-radius:14px;margin-bottom:10px}.audit-filter-heading{margin-bottom:9px}.audit-filters{grid-template-columns:1fr 1fr!important;gap:8px!important}.audit-filters label:nth-child(1),.audit-filters label:nth-child(2){grid-column:1/-1}.audit-filters input{height:42px!important;font-size:12px!important}.audit-filter-actions{grid-column:1/-1;height:auto;margin-top:1px}.audit-filter-actions .btn{min-height:39px;flex:1}
  .audit-feed{background:transparent;border:0;box-shadow:none;overflow:visible}.audit-feed-head{display:none}.audit-feed-body{display:grid;gap:9px}.audit-event{border:1px solid #e1e9ec;border-radius:15px;box-shadow:0 5px 17px rgba(15,23,42,.035);overflow:hidden}.audit-event.audit-event-open{box-shadow:0 9px 24px rgba(15,23,42,.07);border-color:#c9e7e3}
  .audit-event-row{min-height:0;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"event toggle" "time time" "actor actor" "target source";gap:9px 10px;align-items:center}.audit-event-name{grid-area:event;grid-template-columns:38px minmax(0,1fr) 7px}.audit-event-icon{width:38px;height:38px;border-radius:12px}.audit-event-name b{font-size:12px}.audit-action-code{font-size:9px}.audit-detail-toggle{grid-area:toggle;width:36px;padding:0}.audit-detail-toggle span{display:none}.audit-time{grid-area:time;display:flex;flex-direction:row;align-items:center;gap:5px;padding-top:7px;border-top:1px solid #edf2f3}.audit-time b,.audit-time span,.audit-time small{font-size:9px}.audit-time span::before{content:"·";margin-right:5px;color:#b2bcc2}.audit-time small::before{content:"·";margin-right:5px;color:#b2bcc2}
  .audit-actor{grid-area:actor;padding:8px 9px;background:#f8fbfb;border-radius:10px}.audit-actor b{font-size:10px}.audit-target{grid-area:target;align-self:stretch;padding:8px 9px;background:#f8fafb;border-radius:10px}.audit-source{grid-area:source;align-self:stretch;justify-content:flex-end;padding:8px 9px;background:#f8fafb;border-radius:10px}.audit-source b{font-size:8px;max-width:105px}.audit-event-detail{padding:0 12px 12px}.audit-detail-meta{grid-template-columns:1fr 1fr;gap:6px}.audit-context-title{display:block}.audit-context-title span{display:block;margin-top:2px}.audit-context-grid{grid-template-columns:1fr}.audit-context-grid dd{font-size:9px}
  .admin-workspace-tabs button{display:inline-flex;align-items:center}.admin-workspace-tabs .aw-tab-count{height:18px;min-width:18px;font-size:8px;margin-left:5px}
}
@media (max-width:520px){
  .audit-summary-grid{grid-template-columns:1fr 1fr}.audit-summary-card{padding:10px}.audit-summary-card small{display:none}.audit-filter-heading>div>span{max-width:230px}.audit-filters{grid-template-columns:1fr!important}.audit-filters label,.audit-filters label:nth-child(1),.audit-filters label:nth-child(2){grid-column:1!important}.audit-filter-actions{grid-column:1!important}.audit-detail-meta{grid-template-columns:1fr}.audit-event-row{grid-template-areas:"event toggle" "time time" "actor actor" "target target" "source source"}.audit-source{justify-content:flex-start}.audit-source b{max-width:none}
}

/* Clocka v1.4.6.3 — unified workforce admin pages */
.aw-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.aw-kpi-card{min-height:102px;display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid #e2eaed;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.04)}
.aw-kpi-card.needs-attention{border-color:#f2d6a0;background:linear-gradient(180deg,#fffdfa,#fff)}
.aw-kpi-card>div{min-width:0}.aw-kpi-card strong{display:block;color:#16232e;font-size:25px;line-height:1;font-weight:850;letter-spacing:-.035em}.aw-kpi-card b{display:block;margin-top:5px;color:#3c4b56;font-size:11px;font-weight:800}.aw-kpi-card small{display:block;margin-top:3px;color:#84919a;font-size:9px}
.aw-kpi-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px}.aw-kpi-icon svg{width:20px;height:20px}.aw-kpi-icon.teal{background:#e6f8f5;color:#0b968a}.aw-kpi-icon.blue{background:#eaf3ff;color:#316fc0}.aw-kpi-icon.purple{background:#f0ebff;color:#7959c5}.aw-kpi-icon.amber{background:#fff5df;color:#c07c14}.aw-kpi-icon.red{background:#feecec;color:#c55454}
.aw-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:2px 0 12px}.aw-section-heading>div:first-child{min-width:0}.aw-section-heading span{display:block;color:#0e9489;font-size:9px;font-weight:850;letter-spacing:.08em}.aw-section-heading h2{margin:3px 0 0;color:#23313c;font-size:18px;letter-spacing:-.02em}.aw-section-heading p{margin:4px 0 0;color:#7b8993;font-size:10px;line-height:1.5}.aw-section-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.aw-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aw-action-card{min-height:94px;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:15px;border:1px solid #e2eaed;border-radius:16px;background:#fff;color:#263641;box-shadow:0 6px 20px rgba(15,23,42,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.aw-action-card:hover{transform:translateY(-1px);border-color:#cce7e3;box-shadow:0 9px 26px rgba(15,23,42,.06)}.aw-action-card>span{width:42px;height:42px;border-radius:13px;background:#e8f8f5;color:#0e9489;display:grid;place-items:center}.aw-action-card>span svg{width:20px;height:20px}.aw-action-card b{display:block;font-size:12px}.aw-action-card small{display:block;margin-top:4px;color:#83919b;font-size:9px;line-height:1.45}.aw-action-card>i{font-style:normal;color:#7e8b94;font-size:18px;text-align:right}
.aw-callout{margin:10px 0 0;padding:10px 12px;border-radius:11px;font-size:10px;line-height:1.55}.aw-callout.warning{background:#fff6e8;color:#8c5b0f;border:1px solid #f2ddb3}.aw-callout.success{background:#eaf8f2;color:#166d50;border:1px solid #caebdc}

/* Employees */
.admin-employee-directory-panel,.admin-employee-tools{min-width:0}.admin-workspace-page .ref-list-search.admin-employee-search{padding:0;margin:0 0 12px;background:transparent}.admin-workspace-page .ref-list-search.admin-employee-search form{min-height:46px;grid-template-columns:26px minmax(0,1fr) auto auto;background:#fff;border:1px solid #dfe8eb;border-radius:13px;box-shadow:0 5px 18px rgba(15,23,42,.03)}.admin-workspace-page .ref-list-search.admin-employee-search input{height:44px;color:#24343f}.admin-inline-clear{padding:8px 10px;color:#74828d;font-size:10px;font-weight:800}.admin-workspace-page .ref-employee-cards.admin-employee-card-grid{padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-workspace-page .ref-employee-card{min-height:98px;border-color:#e3eaed;box-shadow:0 5px 17px rgba(15,23,42,.035);padding:13px 14px}.admin-workspace-page .ref-employee-card:hover{border-color:#cfe6e3;background:#fcfefe}.admin-workspace-page .ref-employee-copy b{font-size:13px}.admin-workspace-page .ref-employee-copy p,.admin-workspace-page .ref-employee-copy small{font-size:10px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}.admin-workspace-page .ref-employee-copy small span{overflow-wrap:anywhere}.employee-address-line{margin-top:3px!important;color:#87949d!important}.admin-workspace-page .ref-employee-actions{align-self:start}.admin-workspace-page .ref-employee-actions a{border-radius:9px;background:#f6f9fa}.admin-workspace-page .ref-employee-actions a:hover{background:#eaf7f5}

/* Branches */
.branch-health-card{margin-bottom:14px}.branch-health-content{display:grid;gap:8px}.branch-health-content>div:first-child{display:flex;align-items:baseline;gap:8px}.branch-health-content>div:first-child b{font-size:23px;color:#14232e}.branch-health-content>div:first-child span{font-size:10px;color:#74828c}.admin-workspace-page .art-branch-page.branch-location-pane{max-width:none;margin:0;padding:0}.admin-workspace-page .art-list-toolbar{margin:0 0 12px;padding:0}.admin-workspace-page .art-list-toolbar b{font-size:15px}.admin-workspace-page .art-branch-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-workspace-page .art-branch-card{border-radius:16px;padding:14px;grid-template-columns:44px minmax(0,1fr) 22px;gap:11px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.admin-workspace-page .art-building-icon{width:44px;height:44px;border-radius:13px}.admin-workspace-page .art-building-icon svg{width:22px;height:22px}.admin-workspace-page .art-branch-copy b{font-size:13px}.admin-workspace-page .art-branch-copy span{font-size:10px}.admin-workspace-page .art-branch-copy small{font-size:9px;line-height:1.45}.branch-warning-line{color:#b46914!important;font-weight:800}

/* Assessments */
.admin-workspace-page .ref-assessment-page.art-assessment-index{max-width:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-workspace-page .art-assessment-toolbar{grid-column:1/-1;margin:0 0 2px;padding:0}.admin-workspace-page .art-assessment-toolbar b{font-size:15px}.admin-workspace-page .ref-assessment-card{border:1px solid #e2eaed;border-radius:16px;box-shadow:0 5px 18px rgba(15,23,42,.035);overflow:hidden}.admin-workspace-page .ref-assessment-title b{font-size:13px}.admin-workspace-page .ref-assessment-card>p{font-size:10px;line-height:1.5}.admin-workspace-page .ref-assessment-metrics small,.admin-workspace-page .art-assignment-summary{font-size:9px}.assessment-insights-pane{max-width:1000px}

/* Leave management */
.leave-filter-card{margin:0 0 12px}.leave-filter-form{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(180px,.8fr) auto;gap:10px;align-items:end}.leave-filter-form .field{margin:0}.leave-filter-actions{display:flex;gap:6px;padding-bottom:1px}.leave-table-wrap{position:relative}.leave-request-table td small{display:block;margin-top:3px;color:#8b979f}.leave-person{display:flex;align-items:center;gap:9px;min-width:0}.leave-person>div{min-width:0}.leave-person b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-person small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-reason{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:300px;line-height:1.45}.leave-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.leave-reject-details{position:relative}.leave-reject-details>summary{list-style:none;cursor:pointer;border:1px solid #f0cccc;background:#fff6f6;color:#b74c4c;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800}.leave-reject-details>summary::-webkit-details-marker{display:none}.leave-reject-details>form{position:absolute;right:0;top:36px;z-index:20;width:290px;padding:12px;border:1px solid #e7d7d7;border-radius:12px;background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.14)}.leave-reject-details label{display:grid;gap:6px;color:#53636e;font-size:9px;font-weight:800}.leave-reject-details input{width:100%;padding:9px 10px!important;font-size:10px!important}.leave-reject-details button{margin-top:8px;width:100%}.leave-empty-state{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;color:#87949e}.leave-empty-state[hidden]{display:none!important}.leave-empty-state svg{width:28px;height:28px;color:#79aaa5;margin-bottom:8px}.leave-empty-state b{color:#465660;font-size:12px}.leave-empty-state span{margin-top:4px;max-width:330px;font-size:10px;line-height:1.5}

/* HR Structure */
.hr-department-pane,.hr-position-pane{display:grid;gap:12px}.hr-structure-form-card{max-width:780px}.hr-structure-table{margin-top:0}.hr-structure-table .small-text{display:inline-block;max-width:520px}

/* Attendance inside unified workspace */
.admin-workspace-page .ref-simple-page.aa-admin-attendance.aa-reference-attendance{max-width:none;margin:0;padding:0;background:transparent}.admin-workspace-page .aa-reference-attendance>.aa-tabs{margin-top:0}.admin-workspace-page .aa-reference-record-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-workspace-page .aa-reference-record{padding:15px;border-radius:17px}.admin-workspace-page .aa-reference-record-head b{font-size:14px}.admin-workspace-page .aa-reference-time-grid{gap:12px}.admin-workspace-page .aa-reference-time img{height:125px}.admin-workspace-page .aa-reference-time strong{font-size:17px}.admin-workspace-page .aa-reference-time p{font-size:10px}.admin-workspace-page .aa-reference-detail-link{font-size:10px}

/* Workspace search highlights on card-style directories */
.ref-employee-card.aw-search-hidden,.art-branch-card.aw-search-hidden,.ref-assessment-card.aw-search-hidden,.aa-reference-record.aw-search-hidden,.aw-action-card.aw-search-hidden{display:none!important}.ref-employee-card.aw-search-hit,.art-branch-card.aw-search-hit,.ref-assessment-card.aw-search-hit,.aa-reference-record.aw-search-hit,.aw-action-card.aw-search-hit{border-color:#7ed3ca!important;box-shadow:0 0 0 2px rgba(39,174,160,.09),0 8px 22px rgba(15,23,42,.05)!important}

@media (max-width:1180px){
  .aw-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace-page .ref-employee-cards.admin-employee-card-grid,.admin-workspace-page .art-branch-list,.admin-workspace-page .ref-assessment-page.art-assessment-index,.admin-workspace-page .aa-reference-record-list{grid-template-columns:1fr}.aw-action-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .aw-kpi-grid{gap:8px;margin-bottom:11px}.aw-kpi-card{min-height:84px;padding:12px;border-radius:14px;gap:10px}.aw-kpi-icon{width:36px;height:36px;border-radius:11px}.aw-kpi-icon svg{width:17px;height:17px}.aw-kpi-card strong{font-size:20px}.aw-kpi-card b{font-size:10px}.aw-kpi-card small{font-size:8px}.aw-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.aw-section-actions{width:100%;overflow:auto}.aw-section-actions .btn{flex:1;white-space:nowrap}.aw-action-grid{grid-template-columns:1fr;gap:8px}.aw-action-card{min-height:82px;padding:12px;border-radius:14px}.admin-workspace-page .ref-employee-cards.admin-employee-card-grid{gap:8px}.admin-workspace-page .ref-employee-card{padding:11px;border-radius:14px}.admin-workspace-page .ref-employee-open{align-items:flex-start}.admin-workspace-page .ref-employee-actions{display:grid;grid-template-columns:repeat(3,30px)}.admin-workspace-page .art-branch-card{padding:12px;border-radius:14px}.admin-workspace-page .art-assessment-toolbar{align-items:flex-start;flex-direction:column}.admin-workspace-page .art-assessment-toolbar .ae-toolbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.leave-filter-form{grid-template-columns:1fr 1fr}.leave-filter-actions{grid-column:1/-1}.leave-reject-details>form{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto;width:auto;z-index:1200}.admin-workspace-page .aa-reference-record-list{grid-template-columns:1fr}.admin-workspace-page .aa-reference-time img{height:145px}
}
@media (max-width:520px){
  .aw-kpi-grid{grid-template-columns:1fr 1fr}.aw-kpi-card{align-items:flex-start;min-height:92px}.aw-kpi-icon{width:34px;height:34px}.aw-kpi-card small{line-height:1.35}.admin-workspace-page .ref-list-search.admin-employee-search form{grid-template-columns:24px minmax(0,1fr) auto}.admin-inline-clear{grid-column:2/4;padding:2px 0 9px;text-align:right}.admin-workspace-page .ref-employee-card{grid-template-columns:1fr}.admin-workspace-page .ref-employee-actions{justify-self:end;margin-top:5px}.admin-workspace-page .art-branch-card{grid-template-columns:40px minmax(0,1fr) 20px}.admin-workspace-page .art-building-icon{width:40px;height:40px}.leave-filter-form{grid-template-columns:1fr}.leave-filter-actions{grid-column:1}.leave-filter-actions .btn{flex:1}.leave-person .ref-avatar.sm{width:34px;height:34px}.admin-workspace-page .aa-reference-summary{grid-template-columns:repeat(3,1fr)}.admin-workspace-page .aa-reference-time-grid{grid-template-columns:1fr 1fr;gap:10px}.admin-workspace-page .aa-reference-time img{height:120px}
}

/* Clocka v1.4.6.4 — Employee Lifecycle & HR Structure Management */
.employee-lifecycle-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;scrollbar-width:thin}.employee-lifecycle-tabs a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;color:#526174;background:#fff;border:1px solid #dfe7eb;border-radius:999px;padding:9px 13px;font-weight:700;font-size:13px;box-shadow:0 3px 10px rgba(15,23,42,.035)}.employee-lifecycle-tabs a b{min-width:24px;text-align:center;padding:2px 7px;border-radius:999px;background:#eef4f5;color:#48606a;font-size:11px}.employee-lifecycle-tabs a.active{background:#0f9b8e;color:#fff;border-color:#0f9b8e;box-shadow:0 8px 22px rgba(15,155,142,.18)}.employee-lifecycle-tabs a.active b{background:rgba(255,255,255,.18);color:#fff}
.employee-directory-filters{margin-bottom:12px}.employee-bulk-form{margin-top:8px}.employee-bulk-bar{display:block;background:#fff;border:1px solid #e0e8eb;border-radius:16px;padding:12px 14px;margin-bottom:12px;box-shadow:0 4px 16px rgba(15,23,42,.04)}.employee-bulk-bar.has-selection{border-color:#95d9d1;box-shadow:0 6px 22px rgba(15,155,142,.09)}.employee-bulk-bar .bulk-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bulk-select-all{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#344654}.bulk-options{margin-top:10px}.bulk-options summary{cursor:pointer;color:#0d7f75;font-weight:700;font-size:13px;user-select:none}.bulk-option-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #eef2f4}.bulk-option-grid label{font-size:12px;color:#64748b;font-weight:700}.bulk-option-grid input,.bulk-option-grid select{width:100%;margin-top:5px}
.employee-lifecycle-list{display:grid;gap:9px}.employee-lifecycle-list .employee-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid #e3e9ec;border-radius:15px;background:#fff;padding:11px 13px;transition:.18s ease;box-shadow:0 3px 12px rgba(15,23,42,.025)}.employee-lifecycle-list .employee-row:hover{border-color:#b8ddd8;box-shadow:0 8px 22px rgba(15,23,42,.06);transform:translateY(-1px)}.employee-lifecycle-list .employee-row.former{background:#fbfcfd}.employee-lifecycle-list .employee-select{display:flex;align-items:center;justify-content:center}.employee-lifecycle-list .employee-main{text-decoration:none;color:inherit;min-width:0}.employee-lifecycle-list .employee-main b{display:block;color:#172431;font-size:14px}.employee-lifecycle-list .employee-main small,.employee-lifecycle-list .employee-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worker-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.worker-meta em{font-style:normal;font-size:11px;font-weight:700;color:#526779;background:#f1f5f7;border-radius:999px;padding:3px 8px}.employee-statuses{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.employment-workspace{align-items:start}.lifecycle-side{display:grid;gap:14px}.lifecycle-card.warning{border-color:#f5d8a7;background:linear-gradient(180deg,#fffdfa,#fff)}.lifecycle-card.former{border-color:#d7e5e8;background:linear-gradient(180deg,#f8fbfb,#fff)}.lifecycle-card .field{margin-bottom:10px}.lifecycle-card .btn{margin-top:12px}.rehire-form{display:grid;gap:10px;margin-top:12px}
.structure-actions{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap}.structure-remove{position:relative}.structure-remove>summary{list-style:none;cursor:pointer;border:1px solid #f0c6c2;background:#fff7f6;color:#a83f36;border-radius:8px;padding:7px 10px;font-weight:700;font-size:12px}.structure-remove>summary::-webkit-details-marker{display:none}.structure-remove[open]>form{position:absolute;right:0;z-index:20;width:min(360px,80vw);background:#fff;border:1px solid #dfe7eb;border-radius:14px;padding:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);display:grid;gap:10px}.structure-remove form p{margin:0;color:#344654}.structure-remove form label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#536475}.structure-remove form select{width:100%}.hr-structure-table td:last-child{min-width:190px}

@media(max-width:1100px){.bulk-option-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.employee-lifecycle-list .employee-row{grid-template-columns:auto auto minmax(0,1fr) auto}.employee-lifecycle-list .employee-statuses{grid-column:3/4;justify-content:flex-start}.employee-lifecycle-list .employee-open{grid-column:4/5;grid-row:1/3}}
@media(max-width:860px){.employee-lifecycle-tabs{margin:0 -2px;padding-bottom:11px}.employee-directory-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.employee-directory-filters>input:first-of-type{grid-column:1/-1}.employee-directory-filters .btn{min-height:42px}.employee-bulk-bar{position:relative;padding:11px}.employee-bulk-bar .bulk-main{display:grid;grid-template-columns:1fr auto}.employee-bulk-bar .bulk-main select{grid-column:1/-1;width:100%}.bulk-option-grid{grid-template-columns:1fr}.employee-lifecycle-list .employee-row{grid-template-columns:auto auto minmax(0,1fr);gap:9px;padding:11px}.employee-lifecycle-list .employee-photo{grid-row:1/3}.employee-lifecycle-list .employee-statuses{grid-column:2/4;justify-content:flex-start}.employee-lifecycle-list .employee-open{grid-column:3/4;grid-row:3}.employee-lifecycle-list .employee-meta{white-space:normal}.worker-meta{margin-top:7px}.employment-workspace{grid-template-columns:1fr!important}.structure-actions{justify-content:flex-start}.structure-remove{position:static}.structure-remove[open]>form{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto;width:auto;max-height:76vh;overflow:auto;z-index:1200}.hr-structure-table td:last-child{min-width:0}}
@media(max-width:560px){.employee-directory-filters{grid-template-columns:1fr}.employee-directory-filters>input:first-of-type{grid-column:auto}.employee-lifecycle-list .employee-row{grid-template-columns:auto minmax(0,1fr)}.employee-lifecycle-list .employee-select{grid-column:1;grid-row:1}.employee-lifecycle-list .employee-photo{grid-column:1;grid-row:2}.employee-lifecycle-list .employee-main{grid-column:2;grid-row:1/3}.employee-lifecycle-list .employee-statuses{grid-column:1/-1;grid-row:3}.employee-lifecycle-list .employee-open{grid-column:1/-1;grid-row:4;text-align:center}.employee-statuses{justify-content:flex-start}.bulk-option-grid{grid-template-columns:1fr}}

/* Clocka v1.4.6.5 — unified detail/admin workflow surfaces */
.aw-detail-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:4px 0 2px}.aw-detail-heading{display:flex;align-items:center;gap:12px;min-width:0}.aw-detail-heading>div{min-width:0}.aw-detail-back{width:42px;height:42px;flex:0 0 42px;border:1px solid #dce6e8;border-radius:13px;background:#fff;color:#45606c;display:grid;place-items:center;box-shadow:0 5px 15px rgba(15,23,42,.04)}.aw-detail-back span{display:none}.aw-detail-back svg{width:18px;height:18px}.aw-detail-header h1{margin:2px 0 0;font-size:26px;line-height:1.08;letter-spacing:-.035em;color:#15242f}.aw-eyebrow{display:block;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#0c9488}.aw-detail-save{min-width:128px;min-height:42px;border-radius:12px;box-shadow:0 4px 0 #08746d,0 9px 20px rgba(8,124,115,.13)}.aw-detail-save:active{transform:translateY(2px);box-shadow:0 2px 0 #08746d,0 5px 12px rgba(8,124,115,.11)}

/* Signup approvals */
.admin-workspace-page .signup-admin-page,.admin-workspace-page .signup-review-page{max-width:none;margin:0;padding:0}.admin-workspace-page .signup-admin-summary{gap:10px;margin:0 0 12px}.admin-workspace-page .signup-admin-summary>div{border-radius:15px;box-shadow:0 5px 18px rgba(15,23,42,.035);padding:14px}.admin-workspace-page .signup-admin-toolbar{margin:0 0 12px;padding:10px 12px;background:#fff;border:1px solid #e1e9eb;border-radius:15px}.admin-workspace-page .signup-status-tabs{background:#f1f5f6}.admin-workspace-page .signup-status-tabs a{font-size:10px;padding:8px 12px}.admin-workspace-page .signup-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-workspace-page .signup-review-card{border-radius:16px;box-shadow:0 5px 18px rgba(15,23,42,.035);padding:14px}.admin-workspace-page .signup-review-open{margin-top:4px}.admin-workspace-page .signup-admin-settings{margin:0;max-width:900px;border-radius:16px;box-shadow:0 5px 18px rgba(15,23,42,.035);padding:16px}.admin-workspace-page .signup-admin-settings summary{font-size:13px}.admin-workspace-page .signup-review-page{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.admin-workspace-page .signup-review-profile,.admin-workspace-page .signup-review-actions{max-width:980px;width:100%;margin:0;border-radius:17px;padding:18px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.admin-workspace-page .signup-review-actions{display:block}.admin-workspace-page .signup-review-identity h1{font-size:22px}.admin-workspace-page .employment-setup-head{align-items:center}.admin-workspace-page .employment-checklist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.admin-workspace-page .employment-checklist span{min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px}.admin-workspace-page .signup-approve-button{min-height:48px}

/* Branch editor */
.admin-workspace-page .art-branch-edit{max-width:none;margin:0;padding:0 0 26px}.admin-workspace-page #branchEditForm{max-width:1040px}.admin-workspace-page .art-branch-edit .art-form-card,.admin-workspace-page .art-map-card{border:1px solid #e1e9eb;border-radius:17px;box-shadow:0 5px 18px rgba(15,23,42,.035);padding:20px;background:#fff}.admin-workspace-page .art-branch-edit .art-form-card{max-width:900px}.admin-workspace-page .art-map-card{max-width:1040px}.admin-workspace-page .art-field label{color:#344751;font-weight:800}.admin-workspace-page .art-field input,.admin-workspace-page .art-field textarea,.admin-workspace-page .art-field select{border-color:#d9e4e6;background:#fbfdfd}.admin-workspace-page .art-field input:focus,.admin-workspace-page .art-field textarea:focus,.admin-workspace-page .art-field select:focus{border-color:#41bfae;background:#fff;box-shadow:0 0 0 4px rgba(25,177,160,.10)}.admin-workspace-page .art-current-location{border-radius:11px}.admin-workspace-page .art-branch-map{height:min(54vh,500px);min-height:360px;border-radius:14px;overflow:hidden}.admin-workspace-page .art-selected-location{margin-top:10px;padding:12px 14px;border-radius:12px;background:#f5f9f9}.admin-workspace-page .art-selected-location b{overflow-wrap:anywhere}.admin-workspace-page .art-tip{max-width:900px;margin:12px 0 0;padding:12px 14px;border:1px solid #dceceb;border-radius:12px;background:#f2fbf9;color:#4e666e;font-size:10px;line-height:1.55}

/* Assessment create/edit */
.admin-workspace-page .art-builder-page{max-width:none;margin:0;padding:0 0 28px}.admin-workspace-page .art-builder-form{max-width:1040px;margin:0}.admin-workspace-page .art-builder-form>.art-form-card{max-width:920px;border:1px solid #e1e9eb;border-radius:17px;box-shadow:0 5px 18px rgba(15,23,42,.035);padding:20px}.admin-workspace-page .art-card-heading h2,.admin-workspace-page .art-options>h2{font-size:16px;color:#172a34}.admin-workspace-page .art-card-heading p{color:#74858e}.admin-workspace-page .art-check{border-radius:12px;background:#f8fbfb;border:1px solid #e7eeee;padding:12px}.admin-workspace-page .art-check:has(input:checked){background:#effbf8;border-color:#bfe8df}.admin-workspace-page .art-question-section{max-width:1040px!important}.admin-workspace-page .art-question-card{border-radius:15px;border-color:#e0e8eb}.admin-workspace-page .art-add-question{border-radius:11px}.admin-workspace-page .art-everyone{border-radius:11px}.admin-workspace-page #assessmentTotalMarks{font-weight:850;color:#0b8b80;background:#f0faf8}

/* Assessment view */
.admin-workspace-page .ref-simple-page.art-assessment-view{max-width:none;margin:0;padding:0 0 28px}.admin-workspace-page .art-assessment-view>.ref-detail-card,.admin-workspace-page .art-assessment-view>.ae-public-link-card{max-width:1100px;width:100%;border-radius:17px;border:1px solid #e1e9eb;box-shadow:0 5px 18px rgba(15,23,42,.035);padding:18px}.admin-workspace-page .art-view-title h2{font-size:22px;letter-spacing:-.025em}.admin-workspace-page .ref-report-summary.mini{gap:9px}.admin-workspace-page .ref-report-summary.mini>div{background:#f7fafb;border:1px solid #e6edef;border-radius:12px}.admin-workspace-page .ae-public-link-card{background:linear-gradient(145deg,#0d3f3b,#0b5b53);color:#fff}.admin-workspace-page .ae-public-link-row input{min-width:0}.admin-workspace-page .ref-question{padding:14px 0}.admin-workspace-page .ref-question>b{font-size:12px;line-height:1.45}.admin-workspace-page .ref-question ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.admin-workspace-page .ref-question li{padding:8px 10px;border:1px solid #e6ecee;border-radius:9px;background:#fafcfc;list-style:none;font-size:10px}

/* Assessment performance */
.admin-workspace-page .ae-admin-performance{max-width:none;margin:0;padding:0 0 30px}.admin-workspace-page .ae-performance-toolbar,.admin-workspace-page .ae-performance-filter,.admin-workspace-page .ae-performance-stats,.admin-workspace-page .ae-performance-card{max-width:1180px}.admin-workspace-page .ae-performance-toolbar{border:1px solid #e1e9eb;border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035);padding:18px;margin-bottom:10px}.admin-workspace-page .ae-performance-toolbar h1{font-size:22px}.admin-workspace-page .ae-performance-filter{margin:0 0 10px;padding:12px 14px;border:1px solid #e1e9eb;border-radius:14px;background:#fff}.admin-workspace-page .ae-performance-filter label{display:grid;grid-template-columns:auto minmax(220px,420px);align-items:center;gap:12px;font-size:10px;font-weight:800;color:#536873}.admin-workspace-page .ae-performance-filter select{margin:0}.admin-workspace-page .ae-performance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:0}.admin-workspace-page .ae-performance-stats>div{border-radius:14px;border:1px solid #e1e9eb;box-shadow:0 5px 18px rgba(15,23,42,.03)}.admin-workspace-page .ae-performance-card{margin:0;border-radius:17px;border:1px solid #e1e9eb;box-shadow:0 5px 18px rgba(15,23,42,.035);overflow:hidden}.admin-workspace-page .ae-card-head{padding:14px 16px}.admin-workspace-page .ae-table-wrap{overflow:auto}.admin-workspace-page .ae-question-analytics{padding:4px 16px 16px}.admin-workspace-page .ae-question-analytics article{border-radius:13px;background:#f9fbfb;border:1px solid #e7edef;padding:13px}.admin-workspace-page .ae-question-rate{background:#e7eeee}.admin-workspace-page .ae-question-rate i{background:linear-gradient(90deg,#0f9d90,#30c9aa)}

/* Assessment attempt */
.admin-workspace-page .ae-attempt-detail{max-width:1100px;margin:0;padding:0 0 28px}.admin-workspace-page .ae-attempt-hero,.admin-workspace-page .ae-attempt-meta,.admin-workspace-page .ae-attempt-answers{border:1px solid #e1e9eb;border-radius:17px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.admin-workspace-page .ae-attempt-meta{grid-template-columns:repeat(4,minmax(0,1fr));background:#fff}.admin-workspace-page .ae-attempt-answers{background:#fff;padding:18px}.admin-workspace-page .ae-attempt-answers article{border-radius:13px}

@media(max-width:860px){
  .aw-detail-header{position:sticky;top:58px;z-index:60;margin:0 -12px 10px;padding:8px 12px;background:rgba(247,250,251,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e1e9eb}.aw-detail-header h1{font-size:19px}.aw-detail-save{min-width:auto;padding:10px 13px;min-height:40px}.aw-detail-back{width:38px;height:38px;flex-basis:38px}.aw-eyebrow{font-size:8px}
  .admin-workspace-page .signup-admin-grid{grid-template-columns:1fr}.admin-workspace-page .signup-admin-toolbar{align-items:stretch}.admin-workspace-page .signup-status-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.admin-workspace-page .signup-status-tabs a{white-space:nowrap}.admin-workspace-page .employment-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace-page .signup-review-profile,.admin-workspace-page .signup-review-actions{padding:14px;border-radius:14px}.admin-workspace-page .signup-review-identity{align-items:flex-start}.admin-workspace-page .signup-review-facts{grid-template-columns:1fr 1fr}
  .admin-workspace-page .art-branch-edit .art-form-card,.admin-workspace-page .art-map-card,.admin-workspace-page .art-builder-form>.art-form-card{padding:14px;border-radius:14px}.admin-workspace-page .art-branch-map{height:52vh;min-height:330px}.admin-workspace-page .art-two{grid-template-columns:1fr}
  .admin-workspace-page .ref-question ul{grid-template-columns:1fr}.admin-workspace-page .art-view-title{align-items:flex-start;flex-direction:column}.admin-workspace-page .ae-toolbar-actions{width:100%;display:flex;gap:8px}.admin-workspace-page .ae-toolbar-actions a{flex:1;text-align:center}.admin-workspace-page .ae-public-link-row{display:grid;grid-template-columns:1fr 1fr}.admin-workspace-page .ae-public-link-row input{grid-column:1/-1;width:100%}
  .admin-workspace-page .ae-performance-toolbar{padding:14px}.admin-workspace-page .ae-performance-filter label{grid-template-columns:1fr;gap:5px}.admin-workspace-page .ae-performance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-workspace-page .ae-attempt-meta{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .aw-detail-save{font-size:10px}.aw-detail-heading{gap:8px}.admin-workspace-page .signup-review-facts{grid-template-columns:1fr}.admin-workspace-page .employment-checklist{grid-template-columns:1fr 1fr}.admin-workspace-page .ae-performance-stats{grid-template-columns:1fr 1fr}.admin-workspace-page .ae-attempt-meta{grid-template-columns:1fr}.admin-workspace-page .ae-public-link-row{grid-template-columns:1fr}.admin-workspace-page .ae-public-link-row input{grid-column:1}.admin-workspace-page .art-branch-map{min-height:300px;height:46vh}
}

/* =========================================================
   Clocka v1.4.7 — Weekly Duty Schedule Engine
   ========================================================= */
:root{
  --ds-teal:#0f9d8f;--ds-deep:#083b37;--ds-mint:#e7faf6;--ds-blue:#2563eb;
  --ds-amber:#b7791f;--ds-red:#b42318;--ds-violet:#6d5bd0;--ds-line:#dce7e5;
  --ds-ink:#16232e;--ds-muted:#687783;--ds-surface:#fff;--ds-bg:#f5f8f8;
}
.ds-admin-page,.ds-staff-page{color:var(--ds-ink)}
.ds-admin-page{display:grid;gap:18px;padding-bottom:56px}
.ds-week-toolbar{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;background:#fff;border:1px solid var(--ds-line);border-radius:20px;padding:14px 18px;box-shadow:0 10px 30px rgba(8,59,55,.06)}
.ds-week-toolbar>a{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f0f7f6;color:var(--ds-deep);font-size:28px;text-decoration:none;font-weight:700;transition:.18s ease}
.ds-week-toolbar>a:hover,.ds-week-toolbar>a:active{background:var(--ds-teal);color:#fff;transform:translateY(-1px)}
.ds-week-toolbar>div{text-align:center;min-width:0}.ds-week-toolbar span{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--ds-muted)}
.ds-week-toolbar h2{font-size:20px;margin:2px 0 5px;color:var(--ds-ink)}
.ds-state{display:inline-flex!important;padding:5px 10px;border-radius:999px;background:#eef3f3;color:#50606c!important;font-size:11px!important;letter-spacing:0!important}
.ds-state.published{background:#e5f8ee;color:#18794e!important}.ds-state.draft,.ds-state.draft-changes{background:#fff3d6;color:#8b5b05!important}
.ds-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ds-kpis>div{background:#fff;border:1px solid var(--ds-line);border-radius:17px;padding:16px;box-shadow:0 8px 22px rgba(18,38,42,.04)}
.ds-kpis strong{display:block;font-size:26px;line-height:1;color:var(--ds-deep);margin-bottom:7px}.ds-kpis span{font-size:12px;color:var(--ds-muted);font-weight:650}
.ds-tabs{overflow-x:auto;scrollbar-width:none;white-space:nowrap}.ds-tabs::-webkit-scrollbar{display:none}.ds-tabs a{flex:0 0 auto}
.ds-schedule-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.ds-schedule-actions form{margin:0}.ds-schedule-actions .btn{min-height:40px}
.ds-week-board{display:grid;grid-template-columns:repeat(7,minmax(170px,1fr));gap:10px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity}
.ds-day-card{scroll-snap-align:start;background:#fff;border:1px solid var(--ds-line);border-radius:18px;min-height:390px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(18,38,42,.035)}
.ds-day-card.today{border-color:#67d6ca;box-shadow:0 0 0 2px rgba(15,157,143,.08),0 10px 26px rgba(15,157,143,.08)}
.ds-day-card>header{padding:13px 12px;border-bottom:1px solid #edf2f1;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#fff,#f9fbfb)}
.ds-day-card>header>div{display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:end}.ds-day-card>header span{grid-column:1/3;font-size:10px;font-weight:850;letter-spacing:.1em;color:var(--ds-teal)}
.ds-day-card>header b{font-size:24px;line-height:1;color:var(--ds-ink)}.ds-day-card>header small{font-size:11px;color:var(--ds-muted);padding-bottom:2px}
.ds-day-card>header button{border:0;background:var(--ds-mint);color:#08786d;border-radius:10px;padding:8px 10px;font-weight:750;cursor:pointer}
.ds-day-groups{padding:10px;display:grid;gap:9px;align-content:start}.ds-duty-group{border-radius:13px;padding:9px;background:#f8faf9;border:1px solid #edf2f1}.ds-duty-group h3{font-size:11px;margin:0 0 7px;text-transform:uppercase;letter-spacing:.07em;display:flex;justify-content:space-between;color:#50606c}.ds-duty-group h3 span{background:#fff;border:1px solid #e3ecea;border-radius:999px;min-width:22px;text-align:center;padding:2px 6px}.ds-duty-group.morning{border-left:3px solid #f4b740}.ds-duty-group.afternoon{border-left:3px solid #ed7b2f}.ds-duty-group.night{border-left:3px solid #5260c9}.ds-duty-group.off{border-left:3px solid #9aa6ae}.ds-duty-group.training{border-left:3px solid #7b61c8}.ds-duty-group.leave{border-left:3px solid #2d7ec7}
.ds-duty-group>div{display:grid;gap:6px}.ds-person-chip{position:relative;display:block;background:#fff;border:1px solid #e3ecea;border-radius:10px;padding:8px 8px 7px;min-width:0}.ds-person-chip>b,.ds-person-chip>small{display:block;overflow:hidden;text-overflow:ellipsis}.ds-person-chip>b{font-size:12px;color:var(--ds-ink)}.ds-person-chip>small{font-size:10px;color:var(--ds-muted);margin-top:2px}.ds-person-chip a{display:inline-block;font-size:10px;font-weight:750;color:#08786d;margin-top:5px}.ds-person-chip em{display:inline-flex;margin-top:5px;padding:3px 6px;border-radius:999px;background:#fff0e8;color:#a54b16;font-size:9px;font-style:normal;font-weight:800}.ds-person-chip.emergency{border-color:#f5b98e;background:#fffaf7}
.ds-empty-day{color:#89959c;text-align:center;padding:40px 8px;font-size:12px}
.ds-info-banner{display:flex;align-items:flex-start;gap:9px;padding:13px 15px;border-radius:15px;background:#eaf8f6;border:1px solid #cdebe6;color:#23514d}.ds-info-banner b{white-space:nowrap}.ds-info-banner span{font-size:13px;line-height:1.45}
.ds-emergency-card{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(420px,1.3fr);gap:22px;padding:20px;border:1px solid #f4c5a5;border-radius:20px;background:linear-gradient(135deg,#fff9f5,#fff);box-shadow:0 10px 30px rgba(152,72,19,.08);scroll-margin-top:100px}.ds-emergency-card>div>span{font-size:10px;letter-spacing:.11em;font-weight:850;color:#b45309}.ds-emergency-card h2{margin:6px 0;font-size:22px}.ds-emergency-card p{margin:0;color:var(--ds-muted)}.ds-emergency-card form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ds-emergency-card label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#42515c}.ds-emergency-card textarea{min-height:74px}.ds-emergency-card label:nth-of-type(4){grid-column:1/-1}.ds-emergency-card .btn{align-self:end}
.ds-view-panel{display:grid;gap:15px}.ds-view-filter{display:flex;gap:12px;align-items:end;background:#fff;border:1px solid var(--ds-line);padding:13px;border-radius:16px}.ds-view-filter label{display:grid;gap:5px;min-width:260px;font-size:11px;font-weight:750;color:#52616c}
.ds-team-grid{overflow:auto;border:1px solid var(--ds-line);border-radius:18px;background:#fff}.ds-team-grid table{width:100%;min-width:900px;border-collapse:collapse}.ds-team-grid th,.ds-team-grid td{padding:10px;border-bottom:1px solid #edf2f1;border-right:1px solid #edf2f1;vertical-align:top}.ds-team-grid th{position:sticky;top:0;background:#f7faf9;z-index:1;text-align:left;font-size:11px;color:#63727c}.ds-team-grid td:first-child,.ds-team-grid th:first-child{position:sticky;left:0;background:#fff;z-index:2;min-width:170px}.ds-team-grid th:first-child{z-index:3;background:#f7faf9}.ds-grid-assignment{display:block;padding:5px 7px;border-radius:8px;background:#eef8f7;margin:3px 0;font-size:10px}.ds-grid-assignment.off{background:#f1f3f4}.ds-grid-assignment.leave{background:#edf6ff}.ds-grid-assignment.training{background:#f3efff}
.ds-employee-week{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:9px;overflow-x:auto}.ds-employee-week>article{min-height:150px;background:#fff;border:1px solid var(--ds-line);border-radius:15px;padding:11px}.ds-employee-week time{display:block;font-size:11px;color:var(--ds-muted);font-weight:800;margin-bottom:8px}.ds-employee-week>article>b{font-size:12px}.ds-employee-week>article>small{display:block;color:var(--ds-muted);font-size:10px;margin-top:4px}.ds-assignment-line{padding:7px;border-radius:9px;background:#eef8f7;margin:5px 0}.ds-assignment-line b,.ds-assignment-line span,.ds-assignment-line em{display:block}.ds-assignment-line b{font-size:11px}.ds-assignment-line span{font-size:9px;color:var(--ds-muted)}.ds-assignment-line em{font-size:9px;color:#a54b16;font-style:normal;font-weight:800}.ds-assignment-line.off{background:#f1f3f4}.ds-assignment-line.leave{background:#edf6ff}.ds-assignment-line.training{background:#f3efff}
.ds-template-panel{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(360px,1.25fr);gap:16px}.ds-template-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #edf2f1}.ds-template-row span{display:grid}.ds-template-row small{color:var(--ds-muted);margin-top:2px}
.ds-policy-list{display:grid;gap:14px}.ds-policy-list>article{background:#fff;border:1px solid var(--ds-line);border-radius:17px;overflow:hidden}.ds-policy-list>article>header{display:flex;gap:10px;align-items:center;padding:13px 15px;background:#f8fbfa;border-bottom:1px solid #eaf0ef}.ds-policy-list h3{margin:0;font-size:15px}.ds-policy-list small{display:block;color:var(--ds-muted);white-space:normal}.ds-policy-row{display:grid;grid-template-columns:minmax(120px,1fr) 80px minmax(150px,1fr) minmax(140px,.8fr);gap:12px;align-items:center;padding:10px 15px;border-bottom:1px solid #eff3f2}.ds-policy-row:last-child{border:0}.ds-policy-row label{display:flex;align-items:center;gap:7px;font-size:11px;color:#5d6a73}.ds-policy-row input[type=time],.ds-policy-row input[type=number]{min-width:0}.ds-sticky-save{position:sticky;bottom:16px;margin:16px 0 0;box-shadow:0 10px 30px rgba(8,59,55,.18)}
.ds-history .ref-detail-card>article{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #edf2f1}.ds-history-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--ds-mint);color:#08786d;flex:0 0 auto}.ds-history article b{font-size:13px}.ds-history article p{margin:3px 0;color:#586873;font-size:12px}.ds-history article small{color:#8a969e}

/* Composer: full-height on mobile, centered workspace on desktop */
.ds-composer{width:min(760px,calc(100% - 28px));max-height:92dvh;border:0;border-radius:24px;padding:0;color:var(--ds-ink);box-shadow:0 28px 90px rgba(0,35,32,.24);overflow:hidden}.ds-composer::backdrop{background:rgba(4,29,27,.58);backdrop-filter:blur(3px)}.ds-composer form{max-height:92dvh;display:flex;flex-direction:column;background:#fff}.ds-composer header{display:flex;justify-content:space-between;gap:20px;padding:19px 21px 15px;background:linear-gradient(135deg,#063e39,#0d6f65);color:#fff}.ds-composer header span{font-size:10px;letter-spacing:.12em;font-weight:850;color:#aee8df}.ds-composer header h2{font-size:22px;margin:3px 0}.ds-composer header p{font-size:12px;margin:0;color:#d6efec}.ds-composer header button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;width:38px;height:38px;border-radius:12px;font-size:22px;cursor:pointer}.ds-composer form>section{padding:15px 20px;border-bottom:1px solid #eef2f1}.ds-composer form>section:not(.ds-composer-grid){overflow:visible}.ds-composer h3{margin:0 0 10px;font-size:13px}.ds-day-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.ds-day-picker input{position:absolute;opacity:0;pointer-events:none}.ds-day-picker span{display:grid;place-items:center;border:1px solid var(--ds-line);border-radius:11px;padding:8px 2px;background:#fff;cursor:pointer}.ds-day-picker b{font-size:11px}.ds-day-picker small{font-size:9px;color:var(--ds-muted)}.ds-day-picker input:checked+span{background:var(--ds-deep);border-color:var(--ds-deep);color:#fff;box-shadow:0 5px 12px rgba(8,59,55,.16)}.ds-day-picker input:checked+span small{color:#bfe4df}.ds-picker-actions{display:flex;gap:6px;margin-top:8px}.ds-picker-actions button,.ds-members-head button{border:0;background:#eef7f6;color:#166d64;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:750;cursor:pointer}.ds-mode-picker{display:flex;flex-wrap:wrap;gap:7px}.ds-mode-picker input{position:absolute;opacity:0}.ds-mode-picker span{display:block;border:1px solid var(--ds-line);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer;background:#fff}.ds-mode-picker input:checked+span{background:#dff6f2;border-color:#75cfc5;color:#08695f;box-shadow:0 0 0 1px rgba(15,157,143,.07)}.ds-composer-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.ds-composer-grid label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#53626d}.ds-members-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.ds-members-head>div{display:flex;gap:5px}.ds-member-search{margin-bottom:9px}.ds-members{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:250px;overflow:auto;padding-right:2px}.ds-member-card{position:relative;display:flex;align-items:center;gap:9px;border:1px solid var(--ds-line);border-radius:12px;padding:8px;background:#fff;cursor:pointer}.ds-member-card[hidden]{display:none!important}.ds-member-card>input{position:absolute;opacity:0}.ds-member-avatar{width:34px;height:34px;border-radius:10px;overflow:hidden;background:#e7f4f2;display:grid;place-items:center;flex:0 0 auto}.ds-member-avatar img{width:100%;height:100%;object-fit:cover}.ds-member-avatar i{font-style:normal;font-weight:800;color:#16766c;font-size:11px}.ds-member-card>span:nth-of-type(2){min-width:0;display:grid}.ds-member-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-member-card small{font-size:9px;color:var(--ds-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-member-card>em{margin-left:auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eef2f1;color:transparent;font-size:11px;font-style:normal}.ds-member-card:has(input:checked){border-color:#56c8bc;background:#f3fcfa}.ds-member-card:has(input:checked)>em{background:var(--ds-teal);color:#fff}.ds-composer-options{display:grid!important;gap:7px!important;background:#fafcfc}.ds-composer-options label{font-size:11px;color:#53626d;display:flex;align-items:flex-start;gap:7px}.ds-composer footer{display:flex;justify-content:flex-end;gap:9px;padding:13px 20px;background:#fff;position:sticky;bottom:0;z-index:3;box-shadow:0 -8px 18px rgba(18,38,42,.05)}.ds-dialog-open{overflow:hidden}

/* Staff weekly schedule */
.ds-staff-page{padding:16px;display:grid;gap:14px;background:#f4f7f7;min-height:calc(100dvh - 64px)}.ds-staff-week-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;background:linear-gradient(135deg,#073f3a,#108f82);color:#fff;border-radius:20px;padding:14px;box-shadow:0 12px 28px rgba(7,63,58,.17)}.ds-staff-week-head>a{display:grid;place-items:center;width:36px;height:36px;color:#fff;text-decoration:none;border-radius:11px;background:rgba(255,255,255,.11);font-size:24px}.ds-staff-week-head>div{text-align:center;min-width:0}.ds-staff-week-head span{font-size:9px;letter-spacing:.11em;font-weight:850;color:#bcebe5}.ds-staff-week-head h1{font-size:17px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-staff-week-head small{font-size:10px;color:#d7efec}.ds-staff-tabs{display:flex;gap:6px;overflow-x:auto;background:#fff;border:1px solid var(--ds-line);padding:5px;border-radius:14px;scrollbar-width:none}.ds-staff-tabs::-webkit-scrollbar{display:none}.ds-staff-tabs a{flex:1 0 auto;text-align:center;text-decoration:none;color:#63717a;font-size:11px;font-weight:750;padding:9px 11px;border-radius:10px}.ds-staff-tabs a.active{background:var(--ds-mint);color:#08786d}
.ds-my-week{display:grid;gap:9px}.ds-my-week>article{display:grid;grid-template-columns:62px 1fr;background:#fff;border:1px solid var(--ds-line);border-radius:16px;overflow:hidden;min-height:96px}.ds-my-week>article.today{border-color:#61d1c4;box-shadow:0 7px 18px rgba(15,157,143,.08)}.ds-my-week>article>header{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7faf9;border-right:1px solid #edf1f0;position:relative}.ds-my-week header b{font-size:10px;color:var(--ds-muted)}.ds-my-week header span{font-size:26px;line-height:1.05;font-weight:800;color:var(--ds-ink)}.ds-my-week header small{font-size:10px;color:#74838d}.ds-my-week header em{position:absolute;top:4px;font-size:7px;font-style:normal;font-weight:850;color:#0b897d}.ds-my-week>article>div{padding:12px}.ds-my-week h3{font-size:13px;margin:2px 0 5px}.ds-my-week p{font-size:11px;color:var(--ds-muted);margin:0;line-height:1.45}.ds-my-assignment{display:flex;align-items:center;gap:10px;padding:9px;border-radius:12px;background:#eaf8f6;margin-bottom:6px}.ds-my-assignment>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#0b8175}.ds-my-assignment>div{display:grid}.ds-my-assignment b{font-size:12px}.ds-my-assignment small{font-size:10px;color:#64727b}.ds-my-assignment em{font-size:9px;color:#a44c18;font-style:normal;font-weight:800}.ds-my-assignment.emergency{background:#fff2e8}.ds-my-assignment.off{background:#f0f2f3}.ds-my-assignment.training{background:#f2effd}.ds-my-assignment.leave{background:#edf5ff}
.ds-team-staff-view,.ds-on-duty{display:grid;gap:10px}.ds-team-staff-view>.ds-info-banner{display:grid}.ds-team-staff-view>article,.ds-on-duty>section{background:#fff;border:1px solid var(--ds-line);border-radius:16px;padding:12px}.ds-team-staff-view>article>h2,.ds-on-duty>h2{font-size:14px;margin:0 0 9px}.ds-team-staff-view article section{border-top:1px solid #edf2f1;padding:8px 0}.ds-team-staff-view article section:first-of-type{border-top:0}.ds-team-staff-view h3,.ds-on-duty section>h3{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#5f6e77;margin:0 0 7px;display:flex;justify-content:space-between}.ds-team-staff-view section>div{display:flex;flex-wrap:wrap;gap:6px}.ds-team-staff-view section>div>span{display:flex;align-items:center;gap:5px;border:1px solid #e5eceb;border-radius:999px;padding:4px 8px 4px 4px;font-size:9px}.ds-team-staff-view em{font-style:normal;color:#a54b16;font-weight:800}.ds-on-duty-date{background:#fff;border:1px solid var(--ds-line);border-radius:14px;padding:10px}.ds-on-duty-date label{display:grid;gap:4px;font-size:10px;font-weight:800;color:#617079}.ds-on-duty section>h3 span{background:#eef7f6;border-radius:999px;padding:2px 6px}.ds-duty-branch{border-top:1px solid #eef2f1;padding:8px 0}.ds-duty-branch h4{font-size:11px;margin:0 0 7px}.ds-duty-branch>div{display:grid;gap:6px}.ds-duty-branch>div>span{display:flex;align-items:center;gap:8px}.ds-duty-branch>div>span>span:nth-child(2){display:grid;min-width:0}.ds-duty-branch b{font-size:11px}.ds-duty-branch small{font-size:9px;color:var(--ds-muted)}.ds-duty-branch em{margin-left:auto;font-style:normal;font-size:8px;color:#a54b16;font-weight:800}

/* Dashboard duty card + six quick modules */
.staff-duty-today-card{margin:14px 22px 0;background:#fff;border:1px solid #dfe9e7;border-radius:18px;padding:14px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;box-shadow:0 8px 22px rgba(18,38,42,.04)}.staff-duty-today-icon{width:42px;height:42px;border-radius:13px;background:#e7f8f5;color:#0e8c7f;display:grid;place-items:center}.staff-duty-today-copy{min-width:0}.staff-duty-today-copy>span{font-size:9px;font-weight:850;letter-spacing:.1em;color:#7a8991}.staff-duty-today-copy h2{font-size:14px;margin:2px 0 3px;color:#17252f}.staff-duty-today-copy p{font-size:10px;line-height:1.35;color:#6a7881;margin:0}.staff-duty-today-card>a{font-size:10px;font-weight:800;color:#0b8175;text-decoration:none;white-space:nowrap}.staff-duty-today-card.off .staff-duty-today-icon{background:#f0f2f3;color:#66747c}.staff-duty-today-card.leave .staff-duty-today-icon{background:#edf5ff;color:#2e6fa8}.staff-duty-today-card.training .staff-duty-today-icon{background:#f3effd;color:#6850b4}
.staff-module-strip{overflow-x:auto;scrollbar-width:none;justify-content:flex-start!important}.staff-module-strip::-webkit-scrollbar{display:none}.staff-module-strip>a{flex:0 0 84px}

.aa-pill.worked_off_day,.aa-pill.worked-off-day{background:#eef1f2;color:#56636c}.aa-pill.unscheduled{background:#f4f0ff;color:#6550a0}.aa-pill.worked_on_leave,.aa-pill.worked-on-leave{background:#eef6ff;color:#28669e}.aa-pill.training_attendance{background:#f4efff;color:#6850b4}

@media(max-width:1100px){
  .ds-week-board{grid-template-columns:repeat(7,minmax(220px,1fr))}
  .ds-kpis{grid-template-columns:repeat(2,1fr)}
  .ds-emergency-card{grid-template-columns:1fr}.ds-emergency-card form{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .ds-admin-page{gap:12px;padding-bottom:80px}.ds-week-toolbar{grid-template-columns:40px 1fr 40px;border-radius:16px;padding:10px}.ds-week-toolbar>a{width:36px;height:36px}.ds-week-toolbar h2{font-size:15px}.ds-state{font-size:9px!important;padding:4px 7px}
  .ds-kpis{grid-template-columns:repeat(2,1fr);gap:7px}.ds-kpis>div{padding:11px;border-radius:13px}.ds-kpis strong{font-size:20px}.ds-kpis span{font-size:10px}
  .ds-week-board{display:grid;grid-template-columns:1fr;overflow:visible;gap:9px}.ds-day-card{min-height:0;border-radius:15px}.ds-day-card>header{padding:10px}.ds-day-card>header>div{grid-template-columns:auto auto auto;align-items:center;gap:5px}.ds-day-card>header span{grid-column:auto}.ds-day-card>header b{font-size:17px}.ds-day-groups{padding:8px;gap:6px}.ds-duty-group{padding:7px}.ds-duty-group>div{display:flex;flex-wrap:wrap}.ds-person-chip{flex:1 1 125px}.ds-empty-day{padding:15px}
  .ds-schedule-actions{display:grid;grid-template-columns:1fr 1fr}.ds-schedule-actions form,.ds-schedule-actions .btn{width:100%}
  .ds-emergency-card{padding:14px;border-radius:16px;gap:14px}.ds-emergency-card form{grid-template-columns:1fr}.ds-emergency-card label:nth-of-type(4){grid-column:auto}.ds-emergency-card .btn,.ds-emergency-card a.btn{width:100%}
  .ds-view-filter{padding:10px}.ds-view-filter label{min-width:0;width:100%}.ds-team-grid{border:0;background:transparent;overflow:visible}.ds-team-grid table{display:block;min-width:0}.ds-team-grid thead{display:none}.ds-team-grid tbody,.ds-team-grid tr,.ds-team-grid td{display:block}.ds-team-grid tr{background:#fff;border:1px solid var(--ds-line);border-radius:14px;margin-bottom:8px;padding:9px}.ds-team-grid td{border:0;padding:5px;position:static!important;background:transparent!important}.ds-team-grid td:first-child{font-weight:800;border-bottom:1px solid #edf2f1;padding-bottom:8px;margin-bottom:3px}.ds-team-grid td:not(:first-child):before{content:attr(data-label);display:block;font-size:8px;color:#849099;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}
  .ds-employee-week{grid-template-columns:1fr;overflow:visible}.ds-employee-week>article{min-height:0}
  .ds-template-panel{grid-template-columns:1fr}.ds-policy-row{grid-template-columns:1fr 1fr;padding:10px}.ds-policy-row>b{grid-column:1/-1}.ds-policy-row label:nth-of-type(2),.ds-policy-row label:nth-of-type(3){display:grid;align-items:stretch}.ds-sticky-save{bottom:72px;width:100%}
  .ds-composer{width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.ds-composer form{max-height:100dvh;height:100dvh}.ds-composer header{padding:calc(14px + env(safe-area-inset-top)) 15px 12px}.ds-composer form>section{padding:12px 14px}.ds-composer-grid{grid-template-columns:1fr 1fr}.ds-day-picker{gap:4px}.ds-day-picker span{padding:7px 1px;border-radius:9px}.ds-mode-picker{display:grid;grid-template-columns:repeat(2,1fr)}.ds-mode-picker span{text-align:center;padding:9px 5px}.ds-members{grid-template-columns:1fr;max-height:none;overflow:visible}.ds-member-card{padding:9px}.ds-composer form{overflow-y:auto}.ds-composer footer{bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));margin-top:auto}.ds-composer footer .btn{flex:1}
  .ds-staff-page{padding:11px 12px calc(90px + env(safe-area-inset-bottom));gap:10px}.ds-staff-week-head{border-radius:16px;padding:11px}.ds-staff-week-head h1{font-size:14px}.ds-staff-tabs a{font-size:10px}
  .staff-duty-today-card{margin:11px 16px 0;grid-template-columns:38px 1fr}.staff-duty-today-icon{width:38px;height:38px}.staff-duty-today-card>a{grid-column:2;justify-self:start}.staff-module-strip>a{flex-basis:76px}
}
@media(prefers-reduced-motion:reduce){.ds-week-toolbar>a,.ds-day-card>header button,.ds-member-card{transition:none!important}.ds-week-board{scroll-behavior:auto}}
/* v1.4.7 markup alignment */
.ds-week-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.ds-week-actions form{margin:0}.ds-week-actions .btn{min-height:40px}
.ds-team-grid{overflow:auto;border:1px solid var(--ds-line);border-radius:18px;background:#fff}.ds-grid-head,.ds-grid-row{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(7,minmax(90px,1fr));min-width:900px}.ds-grid-head{position:sticky;top:0;z-index:3;background:#f6faf9;border-bottom:1px solid var(--ds-line)}.ds-grid-head>span,.ds-grid-row>span,.ds-grid-row>strong{padding:10px;border-right:1px solid #edf2f1;border-bottom:1px solid #edf2f1}.ds-grid-head>span{font-size:10px;font-weight:800;color:#687781}.ds-grid-row>strong{font-size:11px;position:sticky;left:0;background:#fff;z-index:2}.ds-grid-row>span{display:flex;gap:3px;align-items:flex-start;flex-wrap:wrap}.ds-grid-row i{font-style:normal;min-width:22px;text-align:center;padding:4px 5px;border-radius:6px;background:#e9f8f5;color:#08776c;font-size:9px;font-weight:800}.ds-grid-row i.off{background:#eef1f2;color:#59666e}.ds-grid-row i.training{background:#f2effc;color:#6650aa}.ds-grid-row i.leave{background:#edf5ff;color:#28689e}
.ds-template-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(360px,1.25fr);gap:16px}.ds-stack-form{display:grid;gap:10px}.ds-stack-form label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#53626d}
@media(max-width:720px){.ds-week-actions{display:grid;grid-template-columns:1fr 1fr}.ds-week-actions form,.ds-week-actions .btn{width:100%}.ds-grid-head{display:none}.ds-team-grid{border:0;background:transparent;overflow:visible}.ds-grid-row{display:grid;grid-template-columns:1fr 1fr;min-width:0;background:#fff;border:1px solid var(--ds-line);border-radius:14px;padding:9px;margin-bottom:8px}.ds-grid-row>strong{grid-column:1/-1;position:static;padding:4px 5px 9px;border:0;border-bottom:1px solid #edf2f1;background:transparent}.ds-grid-row>span{border:0;padding:7px 5px;min-height:35px}.ds-template-layout{grid-template-columns:1fr}}
.ds-my-assignment.covered{background:#f1f4f4}.ds-my-assignment.covered>span{color:#5e6d75}.ds-my-assignment.covered em{color:#5e6d75}

/* Clocka v1.4.7.1 — Mobile weekly-duty composer containment repair.
   The scheduler must never create horizontal document/dialog scrolling. */
@media (max-width:720px){
  html.ds-dialog-open,
  html.ds-dialog-open body{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    overscroll-behavior-x:none;
  }

  .ds-composer[open],
  .ds-composer{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    min-width:0!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    overscroll-behavior-x:none;
  }

  .ds-composer *,
  .ds-composer *::before,
  .ds-composer *::after{box-sizing:border-box}

  .ds-composer form{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
    -webkit-overflow-scrolling:touch;
  }

  .ds-composer header,
  .ds-composer form>section,
  .ds-composer footer{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .ds-composer header{align-items:flex-start}
  .ds-composer header>div{min-width:0;max-width:calc(100% - 50px)}
  .ds-composer header h2,
  .ds-composer header p{overflow-wrap:anywhere}
  .ds-composer header button{flex:0 0 38px}

  .ds-day-picker{
    width:100%;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:4px;
  }
  .ds-day-picker label,
  .ds-day-picker span{min-width:0;max-width:100%}
  .ds-day-picker span{width:100%;padding:7px 1px}
  .ds-day-picker b{font-size:10px}
  .ds-day-picker small{font-size:8px;white-space:nowrap}

  .ds-picker-actions{display:flex;flex-wrap:wrap;max-width:100%}
  .ds-picker-actions button{max-width:100%;white-space:normal}

  .ds-mode-picker{
    width:100%;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .ds-mode-picker label,
  .ds-mode-picker span{min-width:0;max-width:100%;width:100%}

  /* Workplace and Team must stack on a phone. The previous 2-column grid let
     a long workplace option force Team outside the viewport. */
  .ds-composer-grid{
    width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .ds-composer-grid label{min-width:0;width:100%;max-width:100%}

  .ds-composer input:not([type="checkbox"]):not([type="radio"]),
  .ds-composer select,
  .ds-composer textarea{
    display:block;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .ds-composer select{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

  .ds-members-head{
    width:100%;
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .ds-members-head h3{flex:1 1 150px}
  .ds-members-head>div{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end}
  .ds-member-search{width:100%!important}
  .ds-members{width:100%;min-width:0;max-width:100%;overflow-x:hidden!important}
  .ds-member-card{width:100%;min-width:0;max-width:100%}
  .ds-member-card>span:nth-of-type(2){min-width:0;max-width:calc(100% - 78px)}

  .ds-composer-options{width:100%;min-width:0}
  .ds-composer-options label{min-width:0;overflow-wrap:anywhere}

  .ds-composer footer{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important;
    gap:10px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .ds-composer footer .btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }
}

@media (max-width:390px){
  .ds-composer form>section{padding-left:12px!important;padding-right:12px!important}
  .ds-day-picker{gap:3px}
  .ds-day-picker b{font-size:9px}
  .ds-day-picker small{font-size:7.5px}
  .ds-mode-picker{gap:6px}
  .ds-mode-picker span{font-size:10px;padding:9px 4px}
}

/* =========================================================
   Clocka v1.4.8 · Access Vault / Passwords
   ========================================================= */
.vault-page,.vault-admin-page{display:grid;gap:18px;min-width:0}.vault-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border-radius:28px;background:linear-gradient(135deg,#0f766e 0%,#0d9488 48%,#312e81 100%);color:#fff;box-shadow:0 18px 40px rgba(15,118,110,.18);overflow:hidden;position:relative}.vault-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-70px;top:-90px;background:rgba(255,255,255,.09)}.vault-kicker{display:inline-flex;font-size:11px;font-weight:900;letter-spacing:.12em;opacity:.82}.vault-hero h1{font-size:clamp(24px,4.8vw,36px);line-height:1.08;margin:8px 0 9px;max-width:720px}.vault-hero p{margin:0;max-width:760px;opacity:.9;line-height:1.55}.vault-hero-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);z-index:1;flex:0 0 auto}.vault-hero-icon svg{width:34px;height:34px}.vault-security-strip{display:flex;flex-wrap:wrap;gap:10px}.vault-security-strip>span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #dce7e5;color:#344054;font-size:12px;font-weight:800}.vault-security-strip svg{width:15px;height:15px}.vault-extension-status i{width:8px;height:8px;border-radius:50%;background:#f59e0b}.vault-extension-status.connected i{background:#16a34a}.vault-extension-status.missing i{background:#dc2626}.vault-empty{padding:36px 20px;text-align:center;border:1px dashed #cbd5e1;border-radius:24px;background:#fff}.vault-empty>span{font-size:38px}.vault-empty h2{margin:10px 0 5px}.vault-empty p{margin:0;color:#667085}.vault-platform-list{display:grid;gap:14px}.vault-platform-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.05)}.vault-platform-card>header{display:flex;align-items:flex-start;gap:13px;padding:18px 18px 15px;border-bottom:1px solid #edf2f1}.vault-platform-icon{width:48px;height:48px;border-radius:16px;background:#e7faf6;display:grid;place-items:center;font-size:25px;flex:0 0 auto}.vault-platform-card header>div{min-width:0;flex:1}.vault-platform-card header small{font-size:10px;font-weight:900;letter-spacing:.11em;color:#0f766e}.vault-platform-card header h2{margin:3px 0 4px;font-size:18px}.vault-platform-card header p{margin:0;color:#667085;font-size:13px;line-height:1.4}.vault-account-count{font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px;background:#f4f4f5;color:#52525b;white-space:nowrap}.vault-account-list{display:grid}.vault-account-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid #f0f2f2}.vault-account-row:last-child{border-bottom:0}.vault-account-copy{display:grid;gap:5px;min-width:0}.vault-account-copy strong{font-size:15px;color:#17212b}.vault-account-copy small{color:#667085;overflow-wrap:anywhere}.vault-login-btn{border:0;border-radius:14px;background:#0d9488;color:#fff;padding:11px 14px;display:flex;align-items:center;gap:8px;font-weight:900;cursor:pointer;min-height:44px}.vault-login-btn:hover{background:#0f766e}.vault-login-btn svg{width:16px;height:16px}.vault-login-btn b{font-size:14px}.vault-extension-card{background:#fff;border:1px solid #dfe7e6;border-radius:22px;overflow:hidden}.vault-extension-card>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:17px 18px;cursor:pointer}.vault-extension-card>summary::-webkit-details-marker{display:none}.vault-extension-card>summary>span{width:42px;height:42px;border-radius:13px;background:#f0fdfa;display:grid;place-items:center;color:#0f766e}.vault-extension-card>summary>span svg{width:20px;height:20px}.vault-extension-card>summary>div{display:grid;gap:3px;min-width:0;flex:1}.vault-extension-card>summary b{font-size:15px}.vault-extension-card>summary small{color:#667085}.vault-extension-card>summary>i{font-style:normal;font-size:22px;transition:.2s transform}.vault-extension-card[open]>summary>i{transform:rotate(90deg)}.vault-extension-body{padding:0 18px 18px;border-top:1px solid #edf2f1}.vault-pair-intro{padding-top:17px}.vault-pair-intro h3,.vault-extension-body>h3{margin:0 0 7px}.vault-pair-intro p{margin:0 0 12px;color:#667085}.vault-pair-code{margin:15px 0;padding:15px;border:1px solid #a7f3d0;background:#ecfdf5;border-radius:16px;display:grid;gap:8px}.vault-pair-code small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#047857}.vault-pair-code code{font-size:16px;font-weight:900;overflow-wrap:anywhere;background:#fff;padding:10px;border-radius:10px}.vault-pair-code button{justify-self:start;border:0;background:#0f766e;color:#fff;border-radius:10px;padding:8px 12px;font-weight:800}.vault-pair-code p{margin:0;color:#065f46;font-size:12px}.vault-device-list{display:grid;gap:9px}.vault-device-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e5e7eb;border-radius:14px}.vault-device-list>div>span{font-size:22px}.vault-device-list>div>div{display:grid;gap:2px}.vault-device-list small{color:#667085;overflow-wrap:anywhere}.vault-help{display:flex;gap:12px;padding:15px;border-radius:18px;background:#eff6ff;border:1px solid #bfdbfe}.vault-help>span{font-size:20px}.vault-help b{display:block;margin-bottom:3px;color:#1e3a8a}.vault-help p{margin:0;color:#475569;font-size:13px;line-height:1.5}

.vault-admin-kpis{margin:0}.vault-admin-tabs{display:flex;gap:6px;overflow-x:auto;padding:5px;background:#eef3f2;border-radius:15px;scrollbar-width:none}.vault-admin-tabs::-webkit-scrollbar{display:none}.vault-admin-tabs a{padding:9px 13px;border-radius:11px;text-decoration:none;color:#475467;font-weight:800;font-size:13px;white-space:nowrap}.vault-admin-tabs a.active{background:#fff;color:#0f766e;box-shadow:0 2px 8px rgba(15,23,42,.08)}.vault-admin-grid,.vault-admin-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;min-width:0}.vault-admin-split>section{min-width:0}.vault-setup-steps{padding-left:21px;color:#475467;display:grid;gap:8px}.vault-admin-platforms,.vault-admin-accounts,.vault-admin-divisions{display:grid;gap:10px}.vault-admin-platforms article{display:flex;align-items:center;justify-content:space-between;gap:10px}.vault-admin-platforms article>div{display:flex;align-items:center;gap:10px;min-width:0}.vault-admin-platforms article>div>span{font-size:25px}.vault-admin-platforms article>div>div{display:grid;gap:3px;min-width:0}.vault-admin-platforms small{color:#667085;overflow-wrap:anywhere}.vault-admin-accounts article header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vault-admin-accounts article header>div{display:flex;gap:9px;min-width:0}.vault-admin-accounts article header>div>span{font-size:22px}.vault-admin-accounts article header>div>div{display:grid;gap:2px}.vault-admin-accounts article header small{color:#667085}.vault-admin-accounts article p{color:#475467;overflow-wrap:anywhere}.vault-security-level{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.vault-security-level.standard{background:#ecfdf5;color:#047857}.vault-security-level.sensitive{background:#fff7ed;color:#c2410c}.vault-security-level.critical{background:#fef2f2;color:#b91c1c}.vault-admin-page .is-archived{opacity:.58}.vault-access-fieldset{border:1px solid #dfe7e6;border-radius:16px;padding:14px;margin:16px 0}.vault-access-fieldset legend{font-weight:900;padding:0 7px}.vault-access-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.vault-access-columns>div{display:grid;align-content:start;gap:7px;padding:11px;border-radius:12px;background:#f8fafc;max-height:250px;overflow:auto}.vault-access-columns label,.vault-department-picker label{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:#344054}.vault-user-checkboxes{display:grid;gap:7px}.check-row{display:flex!important;align-items:center;gap:8px!important}.check-row.strong{font-weight:900}.vault-department-picker{display:grid;gap:8px;padding:12px;background:#f8fafc;border-radius:13px;margin:12px 0 15px;max-height:320px;overflow:auto}.vault-admin-divisions article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.vault-admin-divisions small{color:#667085}.vault-admin-divisions p{color:#475467;overflow-wrap:anywhere}

@media(max-width:860px){.vault-admin-grid,.vault-admin-split{grid-template-columns:1fr}.vault-access-columns{grid-template-columns:1fr 1fr}.vault-hero{padding:21px}.vault-hero-icon{width:58px;height:58px;border-radius:18px}}
@media(max-width:620px){.vault-page,.vault-admin-page{gap:13px}.vault-hero{padding:19px 17px;border-radius:22px}.vault-hero-icon{display:none}.vault-hero h1{font-size:25px}.vault-security-strip{display:grid;grid-template-columns:1fr}.vault-security-strip>span{width:100%;border-radius:13px}.vault-platform-card{border-radius:19px}.vault-platform-card>header{padding:15px}.vault-account-count{display:none}.vault-account-row{grid-template-columns:1fr;gap:11px;padding:14px 15px}.vault-account-row form,.vault-login-btn{width:100%}.vault-login-btn{justify-content:center}.vault-extension-card{border-radius:18px}.vault-device-list>div{grid-template-columns:auto minmax(0,1fr)}.vault-device-list>div>form{grid-column:2}.vault-admin-tabs{margin-inline:-2px}.vault-access-columns{grid-template-columns:1fr}.vault-admin-page .form-grid{grid-template-columns:1fr}.vault-admin-page .field.full{grid-column:auto}.vault-admin-platforms article{align-items:flex-start}.vault-admin-kpis{grid-template-columns:1fr 1fr!important}.vault-admin-kpis .aw-kpi-card{min-width:0}.vault-admin-kpis .aw-kpi-card strong{font-size:22px}}
@media(max-width:390px){.vault-admin-kpis{grid-template-columns:1fr!important}.vault-pair-code code{font-size:13px}.vault-login-btn span{white-space:normal;text-align:center}}


/* Clocka v1.4.8.2 · Keep me logged in */
.auth-keep-login{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin:-2px 0 2px;border:1px solid #d8e8e5;border-radius:14px;background:#f7fbfa;cursor:pointer;text-align:left;color:#1f3440}.auth-keep-login input{appearance:none;-webkit-appearance:none;width:22px;height:22px;min-width:22px;margin:1px 0 0;border:2px solid #78a9a2;border-radius:7px;background:#fff;display:grid;place-content:center;transition:.18s ease}.auth-keep-login input:checked{background:#0f9b8e;border-color:#0f9b8e}.auth-keep-login input:checked:after{content:"✓";font-size:15px;line-height:1;color:#fff;font-weight:900;transform:translateY(-1px)}.auth-keep-login input:focus-visible{outline:3px solid rgba(15,155,142,.2);outline-offset:2px}.auth-keep-login span{display:grid;gap:2px;min-width:0}.auth-keep-login b{font-size:14px;line-height:1.3;color:#143a37}.auth-keep-login small{font-size:11.5px;line-height:1.45;color:#6d7d80;font-weight:500}.auth-keep-login:hover{border-color:#9fd3cc;background:#f2fbf9}@media(max-width:640px){.auth-keep-login{padding:11px 12px;gap:10px;border-radius:13px}.auth-keep-login small{font-size:11px}}

/* Clocka v1.4.8.3 · Employee UI reorganisation */
.admin-workspace-page .admin-employees-hub{display:block;min-width:0}.admin-workspace-page .admin-employee-departments-panel,.admin-workspace-page .admin-old-employees-panel,.admin-workspace-page .admin-employee-directory-panel{max-width:1180px;width:100%;margin:0}.admin-workspace-page .employee-department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-workspace-page .employee-department-card{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;min-width:0;padding:15px;border:1px solid #e0e9eb;background:#fff;border-radius:16px;box-shadow:0 5px 18px rgba(15,23,42,.035);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.admin-workspace-page .employee-department-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08);border-color:#b8e6de}.admin-workspace-page .employee-department-card>span{width:44px;height:44px;border-radius:13px;background:#eafaf6;color:#0e9488;display:grid;place-items:center}.admin-workspace-page .employee-department-card>span svg{width:22px}.admin-workspace-page .employee-department-card>div{display:grid;min-width:0}.admin-workspace-page .employee-department-card b{font-size:12px;color:#172a34;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-workspace-page .employee-department-card strong{font-size:24px;line-height:1.05;color:#0b6f67;margin-top:4px}.admin-workspace-page .employee-department-card small{font-size:9px;color:#7a8b93;margin-top:3px}.admin-workspace-page .employee-department-card.all{background:linear-gradient(145deg,#0f9187,#19b7a7);border-color:transparent;color:#fff}.admin-workspace-page .employee-department-card.all>span{background:rgba(255,255,255,.18);color:#fff}.admin-workspace-page .employee-department-card.all b,.admin-workspace-page .employee-department-card.all strong,.admin-workspace-page .employee-department-card.all small{color:#fff}.admin-workspace-page .admin-employee-summary{margin-top:0}.admin-workspace-page .admin-old-employees-panel .aw-section-heading{margin-bottom:12px}.admin-workspace-page .admin-former-search{padding:0;background:transparent;margin-bottom:12px}.admin-workspace-page .admin-former-search form{border:1px solid #dfe8ea;background:#fff}.admin-workspace-page .old-employee-list{display:grid;gap:10px}.admin-workspace-page .old-employee-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;background:#fff;border:1px solid #e2e9eb;border-radius:15px;box-shadow:0 4px 15px rgba(15,23,42,.025)}.admin-workspace-page .old-employee-copy{min-width:0;display:grid;gap:3px}.admin-workspace-page .old-employee-copy>div{display:flex;align-items:center;gap:8px;min-width:0}.admin-workspace-page .old-employee-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-workspace-page .old-employee-copy p,.admin-workspace-page .old-employee-copy small{margin:0;color:#708089;font-size:9px;overflow-wrap:anywhere}.admin-workspace-page .old-status{padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.admin-workspace-page .old-employee-actions{display:flex;gap:7px;align-items:center}.admin-workspace-page .admin-workspace-tabs{scrollbar-width:none}.admin-workspace-page .admin-workspace-tabs::-webkit-scrollbar{display:none}

/* Employee management page in the unified admin workspace */
.admin-workspace-page .employee-admin-page{display:grid;gap:12px;max-width:1180px;width:100%;min-width:0;padding-bottom:30px}.employee-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:#fff;border:1px solid #dfe8ea;border-radius:18px;box-shadow:0 6px 22px rgba(15,23,42,.04)}.employee-admin-identity{display:flex;align-items:center;gap:15px;min-width:0}.employee-admin-identity>div{min-width:0}.employee-admin-identity small{font-size:9px;font-weight:850;letter-spacing:.07em;color:#0c9186}.employee-admin-identity h1{margin:3px 0 2px;font-size:24px;line-height:1.1;color:#142832}.employee-admin-identity p{margin:0;color:#637780;font-size:11px}.employee-admin-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.employee-admin-hero-actions{display:flex;gap:8px;flex:0 0 auto}.employee-admin-tabs{display:flex;gap:6px;margin:0;padding:5px;background:#eef3f4;border:1px solid #e1e8ea;border-radius:14px;overflow-x:auto;scrollbar-width:none}.employee-admin-tabs::-webkit-scrollbar{display:none}.employee-admin-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:8px 12px;border-radius:10px;color:#667983;font-size:10px;font-weight:800;white-space:nowrap}.employee-admin-tabs a svg{width:15px;height:15px}.employee-admin-tabs a.active{background:#fff;color:#0c877d;box-shadow:0 3px 10px rgba(15,23,42,.07)}.employee-admin-tab-body{display:grid;gap:12px;min-width:0}.employee-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.employee-summary-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px;background:#fff;border:1px solid #e0e8ea;border-radius:16px;box-shadow:0 5px 18px rgba(15,23,42,.03);min-width:0}.employee-card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.employee-card-icon svg{width:20px}.employee-card-icon.teal{background:#e7f9f5;color:#0d9589}.employee-card-icon.blue{background:#eaf3ff;color:#3577d4}.employee-card-icon.purple{background:#f1eaff;color:#7b54da}.employee-summary-card>div:last-child{min-width:0}.employee-summary-card>div>small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#0b8e83}.employee-summary-card h3{font-size:14px;margin:2px 0 8px}.employee-summary-card dl{display:grid;margin:0}.employee-summary-card dl div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid #edf1f2}.employee-summary-card dl div:last-child{border-bottom:0}.employee-summary-card dt{font-size:9px;color:#7b8c95}.employee-summary-card dd{margin:0;font-size:10px;font-weight:700;color:#21353f;overflow-wrap:anywhere}.employee-branch-tags{display:flex;flex-wrap:wrap;gap:5px;margin:3px 0 8px}.employee-branch-tags span{background:#e9faf5;color:#0d7f75;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:700}.employee-branch-tags span.empty{background:#fff7ed;color:#b45309}.employee-edit-panel,.employee-form-section,.employee-documents-panel{background:#fff;border:1px solid #dfe8ea;border-radius:16px;box-shadow:0 5px 18px rgba(15,23,42,.03);overflow:hidden}.employee-edit-panel>summary{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}.employee-edit-panel>summary::-webkit-details-marker{display:none}.employee-edit-panel>summary>span{width:38px;height:38px;border-radius:11px;background:#e9faf6;color:#0e9488;display:grid;place-items:center}.employee-edit-panel>summary>span svg{width:19px}.employee-edit-panel>summary div{display:grid}.employee-edit-panel>summary b{font-size:12px}.employee-edit-panel>summary small{font-size:9px;color:#7a8c94;margin-top:2px}.employee-edit-panel>summary i{font-style:normal;font-size:22px;color:#91a0a7;transition:transform .16s ease}.employee-edit-panel[open]>summary i{transform:rotate(90deg)}.employee-edit-panel-body{padding:0 16px 16px;border-top:1px solid #edf1f2}.employee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:14px}.employee-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-form-grid label,.employee-inline-form label{display:grid;gap:5px;min-width:0}.employee-form-grid label.full{grid-column:1/-1}.employee-form-grid label>span,.employee-inline-form label>span{font-size:9px;font-weight:800;color:#405761}.employee-form-grid input,.employee-form-grid select,.employee-form-grid textarea,.employee-inline-form input,.employee-inline-form select,.employee-inline-form textarea{width:100%;min-height:43px;border:1px solid #d7e2e5;border-radius:10px;background:#fbfdfd;padding:10px 11px;font:inherit;font-size:11px;color:#172a34}.employee-form-grid textarea,.employee-inline-form textarea{min-height:90px;resize:vertical}.employee-form-grid input:focus,.employee-form-grid select:focus,.employee-form-grid textarea:focus,.employee-inline-form input:focus,.employee-inline-form select:focus,.employee-inline-form textarea:focus{outline:0;border-color:#38bcae;background:#fff;box-shadow:0 0 0 4px rgba(18,168,154,.10)}.employee-form-grid label small{font-size:8px;color:#839098}.employee-form-actions{display:flex;justify-content:flex-end;padding-top:14px}.employee-admin-form{display:grid;gap:12px}.employee-form-section>header{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-bottom:1px solid #edf1f2}.employee-form-section>header>span{width:38px;height:38px;border-radius:11px;background:#edf9f7;color:#0d9186;display:grid;place-items:center;flex:0 0 auto}.employee-form-section>header>span svg{width:19px}.employee-form-section>header div{display:grid}.employee-form-section>header h3{margin:0;font-size:14px}.employee-form-section>header p{margin:3px 0 0;color:#7b8b93;font-size:9px;line-height:1.45}.employee-form-section>.employee-form-grid,.employee-form-section>.employee-inline-form{padding:14px 16px}.employee-branch-selector{padding:0 16px 16px}.employee-branch-selector>b{display:block;font-size:9px;color:#405761;margin-bottom:7px}.employee-branch-selector>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.employee-branch-selector label{display:flex;align-items:flex-start;gap:7px;padding:9px;border:1px solid #e0e8ea;border-radius:10px;background:#f9fbfb;font-size:9px;color:#405761}.employee-branch-selector input{width:15px;height:15px;flex:0 0 auto}.employee-sticky-actions{position:sticky;bottom:12px;z-index:4;display:flex;justify-content:flex-end;gap:8px;margin-top:2px;padding:10px;background:rgba(255,255,255,.94);border:1px solid #e0e8ea;border-radius:13px;box-shadow:0 10px 30px rgba(15,23,42,.09);backdrop-filter:blur(8px)}.employee-account-grid,.employee-doc-layout,.employee-history-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:12px}.employee-account-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 16px 0}.employee-account-summary>div{padding:10px;border:1px solid #e6edef;border-radius:10px;background:#f9fbfb;display:grid;gap:3px}.employee-account-summary span{font-size:8px;color:#819098}.employee-account-summary b{font-size:10px;overflow-wrap:anywhere}.employee-inline-form{display:grid;gap:10px}.employee-inline-form .employee-check-row{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e3eaec;border-radius:10px;background:#f8fbfb}.employee-inline-form .employee-check-row input{width:16px;min-height:16px}.employee-inline-form button{justify-self:start}.employee-activation-card>p,.employee-activation-card>form,.employee-security-note{margin-left:16px;margin-right:16px}.employee-activation-card>p{font-size:10px;color:#677a83;line-height:1.6}.employee-security-note{display:grid;gap:3px;margin-top:15px;margin-bottom:16px;padding:11px;border-radius:11px;background:#f0faf8;color:#27645e}.employee-security-note b{font-size:10px}.employee-security-note span{font-size:9px}.employee-documents-panel{padding-bottom:10px}.employee-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf1f2}.employee-panel-heading small{font-size:8px;color:#0e9187;font-weight:900}.employee-panel-heading h3{margin:2px 0 0;font-size:14px}.employee-panel-heading>span{min-width:30px;height:30px;border-radius:999px;background:#e9faf5;color:#0d8b80;display:grid;place-items:center;font-size:11px;font-weight:850}.employee-document-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;margin:10px 12px 0;padding:11px;border:1px solid #e4ebed;border-radius:12px;background:#fbfdfd}.employee-document-icon{width:38px;height:38px;border-radius:10px;background:#edf9f7;color:#0e9186;display:grid;place-items:center}.employee-document-icon svg{width:18px}.employee-document-card>div:nth-child(2){display:grid;min-width:0}.employee-document-card b{font-size:10px}.employee-document-card span,.employee-document-card small{font-size:8px;color:#788991;overflow-wrap:anywhere}.employee-document-actions{display:flex;gap:6px;align-items:center}.employee-document-actions form{margin:0}.employee-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-timeline{padding:14px 16px}.employee-timeline>div{display:grid;grid-template-columns:14px minmax(0,1fr);gap:9px;position:relative;padding-bottom:14px}.employee-timeline>div:before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:2px;background:#dfeae8}.employee-timeline>div:last-child:before{display:none}.employee-timeline>div>i{width:11px;height:11px;border-radius:50%;background:#13a697;border:3px solid #d6f6f0;z-index:1}.employee-timeline section{display:grid;gap:2px}.employee-timeline b{font-size:10px}.employee-timeline span,.employee-timeline small{font-size:8px;color:#7b8b93}.employee-assignment-card{margin:10px 12px 0;padding:11px;border:1px solid #e3eaec;border-radius:11px;background:#fbfdfd;display:grid;gap:4px}.employee-assignment-card>b{font-size:10px}.employee-assignment-card>small{font-size:8px;color:#7b8b93}.employee-assignment-card>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:5px}.employee-assignment-card span{display:grid;gap:3px;padding:7px;background:#f3f7f7;border-radius:8px;font-size:8px;color:#5e727b;overflow-wrap:anywhere}.employee-assignment-card em{font-style:normal;font-size:7px;font-weight:900;color:#0e8c81;text-transform:uppercase}

/* Employee profile attendance improvements */
.ref-manage-link-3d{display:inline-flex;align-items:center;gap:6px!important;right:14px!important;bottom:12px!important;padding:9px 13px!important;border:1px solid #ffffffb8!important;border-radius:10px!important;background:linear-gradient(180deg,#ffffff,#e8fff9)!important;color:#08776e!important;font-weight:900!important;font-size:11px!important;box-shadow:0 5px 0 #08776e,0 10px 20px rgba(0,0,0,.18)!important;text-shadow:none!important;transform:translateY(-2px);transition:transform .12s ease,box-shadow .12s ease}.ref-manage-link-3d:hover{transform:translateY(-3px)}.ref-manage-link-3d:active{transform:translateY(2px);box-shadow:0 1px 0 #08776e,0 4px 10px rgba(0,0,0,.16)!important}.ref-manage-link-3d svg{width:15px;height:15px}.clickable-calendar .day{position:relative;text-decoration:none;color:#111827;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.clickable-calendar .day:hover{transform:translateY(-1px);border-color:#69b9ff;box-shadow:0 4px 10px rgba(59,130,246,.12)}.clickable-calendar .day.present-day{color:#fff}.clickable-calendar .day.selected-day{outline:3px solid #f59e0b;outline-offset:1px;box-shadow:0 0 0 4px rgba(245,158,11,.12)}.clickable-calendar .day>i{position:absolute;right:3px;top:3px;min-width:13px;height:13px;border-radius:99px;background:#fff;color:#2563eb;font-size:7px;font-style:normal;font-weight:900;display:grid;place-items:center;padding:0 2px}.calendar-help{margin:9px 0 0;text-align:center;font-size:9px;color:#6f8189}.attendance-date-detail{scroll-margin-top:20px;background:#f7fbfa;border:1px solid #dce9e7;border-radius:16px;padding:0 0 12px;margin:0 0 14px}.attendance-date-detail .ref-card-title-row{background:#fff;border-radius:16px 16px 0 0}.attendance-date-detail .ref-card-title-row small{font-size:8px;color:#0e9187;font-weight:900;letter-spacing:.08em}.attendance-date-detail .ref-card-title-row h3{margin:2px 0 0}.attendance-date-detail .ref-attendance-cards{padding:12px}.ref-subheading small{font-size:9px;font-weight:600;color:#839098;margin-left:5px}

@media(max-width:980px){.admin-workspace-page .employee-department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-overview-grid{grid-template-columns:1fr 1fr}.employee-overview-grid .employee-summary-card:last-child{grid-column:1/-1}.employee-form-grid.three,.employee-branch-selector>div{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-account-grid,.employee-doc-layout,.employee-history-grid{grid-template-columns:1fr}}
@media(max-width:720px){.admin-workspace-page .employee-department-grid{grid-template-columns:1fr}.admin-workspace-page .old-employee-card{grid-template-columns:44px minmax(0,1fr)}.admin-workspace-page .old-employee-actions{grid-column:1/-1;justify-content:flex-end}.admin-workspace-page .aw-section-heading{align-items:flex-start}.admin-workspace-page .aw-section-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-workspace-page .aw-section-actions .btn{width:100%;justify-content:center}.employee-admin-page{gap:9px}.employee-admin-hero{align-items:flex-start;flex-direction:column;padding:14px;border-radius:15px}.employee-admin-identity{align-items:flex-start}.employee-admin-identity h1{font-size:20px}.employee-admin-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.employee-admin-hero-actions .btn{width:100%;justify-content:center}.employee-admin-tabs{margin-left:-2px;margin-right:-2px}.employee-admin-tabs a{min-width:max-content;padding:8px 10px}.employee-overview-grid{grid-template-columns:1fr}.employee-overview-grid .employee-summary-card:last-child{grid-column:auto}.employee-summary-card{grid-template-columns:36px minmax(0,1fr);padding:13px}.employee-card-icon{width:36px;height:36px}.employee-summary-card dl div{grid-template-columns:88px minmax(0,1fr)}.employee-form-grid,.employee-form-grid.two,.employee-form-grid.three{grid-template-columns:1fr}.employee-form-grid label.full{grid-column:auto}.employee-form-section>header{padding:12px 13px}.employee-form-section>.employee-form-grid,.employee-form-section>.employee-inline-form{padding:12px 13px}.employee-branch-selector{padding:0 13px 13px}.employee-branch-selector>div{grid-template-columns:1fr}.employee-sticky-actions{bottom:78px}.employee-account-summary{grid-template-columns:1fr}.employee-document-card{grid-template-columns:36px minmax(0,1fr);align-items:start}.employee-document-actions{grid-column:1/-1;justify-content:flex-end}.employee-assignment-card>div{grid-template-columns:1fr}.ref-manage-link-3d{position:static!important;margin-top:12px!important;align-self:center!important;box-shadow:0 4px 0 #08776e,0 8px 16px rgba(0,0,0,.16)!important}.ref-profile-hero{padding-bottom:18px}.ref-calendar-grid{gap:3px}.ref-calendar-grid .day,.ref-calendar-grid .empty-day{height:42px;border-radius:7px}.attendance-date-detail .ref-card-title-row{align-items:flex-start;gap:8px}.attendance-date-detail .ref-card-title-row .btn{flex:0 0 auto}.attendance-times{grid-template-columns:1fr}.attendance-times img{height:150px}}
@media(max-width:420px){.admin-workspace-page .aw-section-actions{grid-template-columns:1fr}.employee-admin-hero-actions{grid-template-columns:1fr}.employee-summary-card dl div{grid-template-columns:1fr;gap:2px}.employee-summary-card dd{text-align:left}.employee-form-actions .btn,.employee-sticky-actions .btn{flex:1}.employee-sticky-actions{display:grid;grid-template-columns:1fr 1fr}.ref-calendar-grid .day,.ref-calendar-grid .empty-day{height:38px}.ref-calendar-grid.headings span{font-size:8px}.clickable-calendar .day>i{right:2px;top:2px}}

/* v1.4.8.4 · Employee Directory single search, filters & last-login visibility */
.admin-workspace-page .admin-workspace-toolbar.employee-toolbar-single-search{grid-template-columns:1fr}.admin-workspace-page .admin-workspace-toolbar.employee-toolbar-single-search .admin-workspace-search[hidden]{display:none!important}
.employee-directory-controls{margin:0 0 14px}.employee-directory-filter-form{display:grid;gap:10px}.employee-search-primary{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;min-height:48px;background:#fff;border:1px solid #dfe8eb;border-radius:14px;padding:0 6px 0 12px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.employee-search-primary>span{display:grid;place-items:center;color:#82a0ad}.employee-search-primary>span svg{width:18px;height:18px}.employee-search-primary input{min-width:0;height:46px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:13px;color:#24343f;padding:0 8px}.employee-search-primary button{border:0;border-radius:10px;background:#0f9187;color:#fff;font-weight:800;padding:10px 15px;cursor:pointer;box-shadow:0 4px 0 #08746c;transform:translateY(-1px)}.employee-search-primary button:active{transform:translateY(2px);box-shadow:0 1px 0 #08746c}
.employee-filter-panel{background:#fff;border:1px solid #e1e9ec;border-radius:14px;overflow:hidden;box-shadow:0 4px 15px rgba(15,23,42,.025)}.employee-filter-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 13px;color:#28414e}.employee-filter-panel>summary::-webkit-details-marker{display:none}.employee-filter-panel>summary>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850}.employee-filter-panel>summary>span svg{width:16px;color:#0f9187}.employee-filter-panel>summary>b{font-size:9px;color:#7a8b93;font-weight:700;text-align:right}.employee-filter-panel[open]>summary{border-bottom:1px solid #eef2f4;background:#fbfdfd}.employee-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;padding:12px}.employee-filter-grid label{display:grid;gap:5px;min-width:0}.employee-filter-grid label>span{font-size:9px;font-weight:850;color:#6f818b;text-transform:uppercase;letter-spacing:.035em}.employee-filter-grid select{width:100%;min-width:0;height:40px;border:1px solid #dce5e8;border-radius:10px;background:#fff;color:#263946;padding:0 30px 0 10px;font-size:11px}.employee-filter-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #eef2f4;padding-top:10px}.employee-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border-radius:10px;background:#edf9f7;color:#256b65;font-size:10px}.employee-filter-summary b{font-weight:850}.employee-filter-summary span{color:#667985}
.admin-workspace-page .employee-last-login{display:flex!important;align-items:center;gap:5px;margin-top:4px!important;color:#6d7f88!important}.admin-workspace-page .employee-last-login svg{width:12px;height:12px;flex:0 0 12px;color:#11958a}.admin-workspace-page .employee-last-login b{font-size:inherit!important;color:#536772!important}.admin-workspace-page .old-employee-copy .employee-last-login{margin-top:2px!important}
@media(max-width:980px){.employee-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.employee-search-primary{grid-template-columns:24px minmax(0,1fr);padding:0 10px}.employee-search-primary button{grid-column:1/-1;width:100%;margin:0 0 9px;min-height:40px}.employee-search-primary input{font-size:12px;padding-right:0}.employee-filter-panel>summary{align-items:flex-start}.employee-filter-panel>summary>b{max-width:58%;line-height:1.35}.employee-filter-grid{grid-template-columns:1fr;padding:10px}.employee-filter-actions{grid-column:1;display:grid;grid-template-columns:1fr 1fr}.employee-filter-actions .btn{width:100%;justify-content:center}.employee-filter-summary{align-items:flex-start;flex-direction:column;gap:2px}.admin-workspace-page .ref-employee-copy .employee-last-login{font-size:9px!important}.admin-workspace-page .old-employee-copy .employee-last-login{font-size:9px!important}}

/* Clocka v1.4.8.5 · compact employee filters + bulk employment actions */
.employee-directory-search-form{display:block}.employee-directory-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.employee-directory-action-row>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.employee-directory-action-row>strong{font-size:10px;color:#6e7f88;font-weight:800}.employee-filter-trigger,.employee-select-trigger{appearance:none;border:1px solid #dce7e9;background:#fff;color:#26414d;border-radius:11px;min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;font-weight:820;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.035)}.employee-filter-trigger svg,.employee-select-trigger svg{width:16px;height:16px;color:#0f9187}.employee-filter-trigger b{min-width:19px;height:19px;border-radius:999px;background:#0f9187;color:#fff;font-size:9px;display:grid;place-items:center}.employee-filter-trigger:hover,.employee-select-trigger:hover{border-color:#a9dcd5;background:#fbfefd}.employee-filter-chips{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:9px 0 1px;scrollbar-width:none}.employee-filter-chips::-webkit-scrollbar{display:none}.employee-filter-chips>a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 9px;border-radius:999px;background:#eaf8f5;color:#216e66;border:1px solid #cdebe5;font-size:9px;font-weight:750}.employee-filter-chips>a b{font-size:13px;line-height:1;color:#4c7772}.employee-filter-chips>a.clear{background:transparent;border-color:transparent;color:#687c85;text-decoration:underline}
.employee-filter-dialog,.employee-bulk-dialog{border:0;padding:0;background:#fff;color:#1d2b34;box-shadow:0 24px 80px rgba(15,23,42,.28)}.employee-filter-dialog::backdrop,.employee-bulk-dialog::backdrop{background:rgba(7,22,27,.52);backdrop-filter:blur(3px)}.employee-filter-dialog{position:fixed;inset:0 0 0 auto;width:min(430px,92vw);height:100dvh;max-height:none;margin:0;border-radius:24px 0 0 24px}.employee-filter-dialog form{height:100%;display:grid;grid-template-rows:auto 1fr auto;min-height:0}.employee-filter-dialog header,.employee-bulk-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid #edf1f2}.employee-filter-dialog header small,.employee-bulk-dialog header small{display:block;font-size:9px;color:#0e8d82;font-weight:900;letter-spacing:.08em}.employee-filter-dialog header h3,.employee-bulk-dialog header h3{margin:3px 0 2px;font-size:21px}.employee-filter-dialog header p,.employee-bulk-dialog header p{margin:0;color:#70818a;font-size:11px}.employee-filter-dialog header>button,.employee-bulk-dialog header>button{appearance:none;border:0;background:#f0f5f5;width:36px;height:36px;border-radius:10px;font-size:22px;color:#546870;cursor:pointer}.employee-filter-sheet-body{overflow:auto;padding:18px 20px;display:grid;gap:14px;align-content:start}.employee-filter-sheet-body label{display:grid;gap:6px}.employee-filter-sheet-body label>span{font-size:9px;text-transform:uppercase;letter-spacing:.045em;font-weight:850;color:#6d8089}.employee-filter-sheet-body select{width:100%;height:45px;border:1px solid #dbe5e8;border-radius:12px;background:#fff;color:#253944;padding:0 36px 0 12px}.employee-filter-dialog footer{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;padding:15px 20px calc(15px + env(safe-area-inset-bottom));border-top:1px solid #edf1f2;background:#fff}.employee-filter-dialog footer .btn{width:100%;justify-content:center}
.employee-bulk-form{position:relative}.employee-selection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:0 0 10px;border:1px solid #cce7e2;border-radius:12px;background:#f1fbf9}.employee-selection-head label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:850;color:#245f59;cursor:pointer}.employee-selection-head input{width:18px;height:18px;accent-color:#0f9187}.employee-selection-head button{appearance:none;border:0;background:transparent;color:#667b84;font-size:10px;font-weight:850;cursor:pointer}.employee-select-box{display:none;position:absolute;left:10px;top:10px;z-index:3;cursor:pointer}.employee-select-box input{position:absolute;opacity:0;pointer-events:none}.employee-select-box span{width:23px;height:23px;border-radius:8px;background:#fff;border:2px solid #bdd3d8;display:grid;place-items:center;box-shadow:0 3px 8px rgba(15,23,42,.08)}.employee-select-box input:checked+span{background:#0f9187;border-color:#0f9187}.employee-select-box input:checked+span:after{content:'✓';color:#fff;font-size:13px;font-weight:900}.selectable-employee-card{position:relative}.employee-bulk-form.selection-mode .employee-select-box{display:block}.employee-bulk-form.selection-mode .selectable-employee-card{padding-left:42px;border-color:#cfe4e0}.employee-bulk-form.selection-mode .selectable-employee-card:has(.employee-select-box input:checked){background:#effaf8;border-color:#79cfc3;box-shadow:0 0 0 2px rgba(15,145,135,.08)}.employee-bulk-form.selection-mode .ref-employee-actions{display:none}.employee-bulk-form.selection-mode .ref-employee-open{pointer-events:none}.employee-bulk-sticky{position:sticky;z-index:35;bottom:16px;margin:14px auto 0;width:min(780px,calc(100% - 16px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px 11px 15px;border-radius:15px;background:#102f35;color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.25)}.employee-bulk-sticky>div{display:grid;gap:1px}.employee-bulk-sticky strong{font-size:13px}.employee-bulk-sticky small{font-size:9px;color:#b9c8cc}.employee-bulk-sticky .btn{background:#17a496;border-color:#17a496;color:#fff;white-space:nowrap}
.employee-bulk-dialog{width:min(620px,94vw);max-height:90dvh;border-radius:22px;margin:auto}.employee-bulk-dialog-inner{display:grid;grid-template-rows:auto auto auto auto auto;max-height:90dvh;overflow:auto}.employee-bulk-status-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px 20px}.employee-bulk-status-options button{appearance:none;border:1px solid #dce7e9;background:#fff;border-radius:13px;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;color:#21343e;cursor:pointer}.employee-bulk-status-options button>span{width:34px;height:34px;border-radius:10px;background:#e8f8f5;color:#087d73;display:grid;place-items:center;font-size:17px;font-weight:900}.employee-bulk-status-options button div{display:grid;gap:1px}.employee-bulk-status-options button b{font-size:11px}.employee-bulk-status-options button small{font-size:9px;color:#74858d}.employee-bulk-status-options button.selected{border-color:#0f9187;background:#edf9f7;box-shadow:0 0 0 2px rgba(15,145,135,.09)}.employee-bulk-status-options button.danger>span{background:#fff0f0;color:#c93636}.employee-bulk-status-options button.danger.selected{border-color:#e56b6b;background:#fff4f4;box-shadow:0 0 0 2px rgba(220,62,62,.08)}.employee-bulk-lifecycle{padding:0 20px 16px;display:grid;grid-template-columns:1fr 1fr;gap:11px}.employee-bulk-lifecycle[hidden]{display:none}.employee-bulk-lifecycle label{display:grid;gap:6px}.employee-bulk-lifecycle label.full{grid-column:1/-1}.employee-bulk-lifecycle label>span{font-size:9px;font-weight:850;color:#667b85;text-transform:uppercase;letter-spacing:.035em}.employee-bulk-lifecycle label>span em{font-style:normal;text-transform:none;font-weight:650}.employee-bulk-lifecycle input,.employee-bulk-lifecycle select,.employee-bulk-lifecycle textarea{width:100%;border:1px solid #dce5e8;border-radius:11px;background:#fff;padding:10px 11px;color:#243843}.employee-bulk-switches{display:grid;gap:8px;padding:14px 20px;border-top:1px solid #eef2f3}.employee-bulk-switches>label{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border-radius:11px;background:#f8fbfb;border:1px solid #e6edee}.employee-bulk-switches input{width:18px;height:18px;accent-color:#0f9187;margin-top:1px}.employee-bulk-switches label>span{display:grid;gap:2px}.employee-bulk-switches b{font-size:10px}.employee-bulk-switches small{font-size:9px;color:#73858d;line-height:1.4}.employee-bulk-impact{margin:0 20px 15px;padding:11px 12px;border-radius:12px;background:#eef8f6;color:#2d635d}.employee-bulk-impact b{font-size:10px}.employee-bulk-impact p{margin:3px 0 0;font-size:9px;line-height:1.45}.employee-bulk-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #edf1f2;background:#fff;position:sticky;bottom:0}.employee-bulk-dialog footer .btn.danger{background:#cf3e3e;border-color:#cf3e3e;color:#fff;box-shadow:0 4px 0 #a92f2f}.employee-dialog-open{overflow:hidden}
@media(max-width:620px){.employee-search-primary{grid-template-columns:24px minmax(0,1fr) auto;padding:0 6px 0 10px;min-height:50px}.employee-search-primary button{grid-column:auto;width:auto;margin:0;min-height:38px;padding:9px 12px}.employee-directory-action-row{align-items:center}.employee-directory-action-row>strong{white-space:nowrap}.employee-filter-trigger,.employee-select-trigger{min-height:39px;padding:0 10px}.employee-filter-dialog{inset:auto 0 0 0;width:100%;height:auto;max-height:88dvh;border-radius:22px 22px 0 0}.employee-filter-dialog form{height:min(88dvh,720px)}.employee-filter-dialog header{padding:17px 18px 13px}.employee-filter-sheet-body{padding:14px 18px}.employee-filter-dialog footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.employee-bulk-sticky{position:fixed;left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;margin:0;z-index:120}.admin-workspace-page .employee-bulk-sticky{bottom:calc(14px + env(safe-area-inset-bottom))}.employee-bulk-sticky small{display:none}.employee-bulk-dialog{width:100%;max-width:none;max-height:90dvh;margin:auto 0 0;border-radius:22px 22px 0 0}.employee-bulk-dialog-inner{max-height:90dvh}.employee-bulk-status-options{padding:14px 16px;grid-template-columns:1fr 1fr}.employee-bulk-lifecycle{padding:0 16px 14px;grid-template-columns:1fr}.employee-bulk-lifecycle label.full{grid-column:1}.employee-bulk-switches{padding:12px 16px}.employee-bulk-impact{margin:0 16px 12px}.employee-bulk-dialog footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.2fr}.employee-bulk-dialog footer .btn{width:100%;justify-content:center}.employee-bulk-form.selection-mode{padding-bottom:88px}}


/* Clocka v1.4.8.6 · Employee directory interaction repair */
.employee-selection-head[hidden],
.employee-bulk-sticky[hidden],
.employee-bulk-lifecycle[hidden],
.employee-bulk-dialog:not([open]),
.employee-filter-dialog:not([open]){display:none!important}
.employee-bulk-sticky{
  position:relative!important;
  inset:auto!important;
  bottom:auto!important;
  top:auto!important;
  width:100%!important;
  margin:0 0 12px!important;
  box-sizing:border-box;
}
.employee-bulk-sticky .btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.employee-bulk-form.selection-mode{padding-bottom:0!important}
@media(max-width:620px){
  .employee-bulk-sticky{
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;
    margin:0 0 12px!important;
    border-radius:14px;
    padding:10px 11px 10px 13px;
  }
  .employee-bulk-sticky strong{font-size:12px}
  .employee-bulk-sticky .btn{min-height:42px;padding:9px 14px}
  .employee-selection-head{margin-bottom:10px}
}

/* Clocka v1.4.8.8 · Employee Directory interaction repair */
.employee-filter-dialog[hidden],
.employee-bulk-dialog[hidden],
.employee-selection-head[hidden],
.employee-bulk-sticky[hidden]{display:none!important}

/* Bulk actions remain in the normal document flow. They never cover employee cards. */
.admin-workspace-page .employee-bulk-sticky{
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:12px!important;
  width:100%!important;
  margin:10px 0 12px!important;
  z-index:45!important;
}
.admin-workspace-page .employee-bulk-form.selection-mode{padding-bottom:0!important}

@media(max-width:620px){
  .admin-workspace-page .employee-bulk-sticky{
    position:sticky!important;
    bottom:8px!important;
    width:100%!important;
    margin:10px 0 12px!important;
    border-radius:14px!important;
  }
  .employee-directory-action-row{position:relative;z-index:2}
  .employee-filter-dialog{z-index:1000!important}
  .employee-bulk-dialog{z-index:1000!important}
}

/* Clocka v1.4.8.9 · Admin Security Centre + mobile Admin Menu */
.ref-bottom-nav .admin-settings-menu-trigger{
  appearance:none;border:0;background:transparent;height:100%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:4px;color:#98a2b3;font:inherit;font-size:10px;cursor:pointer;
}
.ref-bottom-nav .admin-settings-menu-trigger svg{width:20px;height:20px}
.ref-bottom-nav .admin-settings-menu-trigger:active{color:#0f9f91;background:#f2fbf9}
.admin-full-menu-sheet{max-height:min(78vh,720px);overflow:auto;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
.admin-full-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.admin-full-menu-head>div{display:grid;gap:1px}
.admin-full-menu-head small{font-size:9px;font-weight:850;letter-spacing:.12em;color:#0f9488}
.admin-full-menu-head h3{margin:0;text-align:left;font-size:18px}
.admin-full-menu-head>button{width:34px;height:34px;border:0;border-radius:10px;background:#f2f7f6;color:#475467;font-size:22px;line-height:1;cursor:pointer}
.admin-full-menu-group{display:grid;gap:8px;padding:10px 0 13px;border-top:1px solid #edf1f0}
.admin-full-menu-group:first-of-type{border-top:0;padding-top:2px}
.admin-full-menu-group>b{font-size:9px;letter-spacing:.11em;color:#7a8992}
.admin-full-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-full-menu-grid a{min-height:78px;text-align:center;justify-content:center}
.admin-full-menu-grid a[href*="admin/security"] span{background:#e8f4ff;color:#2563eb}
.admin-full-menu-grid a[href*="admin/settings"] span{background:#f3ecff;color:#7c3aed}
html.admin-menu-open,html.admin-menu-open body{overflow:hidden}
@media(max-width:430px){
  .admin-full-menu-sheet{bottom:calc(72px + env(safe-area-inset-bottom));width:calc(100% - 16px);border-radius:20px;padding-left:12px;padding-right:12px}
  .admin-full-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .admin-full-menu-grid a{min-height:70px;font-size:10px;padding:10px 6px}
}

/* Clocka v1.4.9 — sanctions, attendance lifecycle and focused admin editors */
html.attendance-photo-open{overflow:hidden}
.clocka-fullscreen-alert{position:fixed;inset:0;z-index:10050;background:rgba(7,18,25,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}
.clocka-fullscreen-alert-card{width:min(520px,100%);background:#fff;border-radius:26px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.28);text-align:center;max-height:calc(100dvh - 32px);overflow:auto}
.clocka-fullscreen-alert-card>small{display:block;font-weight:800;letter-spacing:.12em;color:#64748b;margin:8px 0}.clocka-fullscreen-alert-card h2{margin:4px 0 12px;font-size:clamp(1.6rem,5vw,2.15rem)}.clocka-fullscreen-alert-card p{line-height:1.55}.clocka-alert-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:auto;background:#ccfbf1;color:#0f766e;font-size:30px;font-weight:900}.clocka-alert-icon.danger{background:#fee2e2;color:#b91c1c}.sanction-alert-points,.checkout-countdown{display:flex;align-items:baseline;justify-content:center;gap:8px;border-radius:18px;background:#f8fafc;padding:18px;margin:18px 0}.sanction-alert-points strong,.checkout-countdown strong{font-size:2rem;color:#b91c1c}.checkout-countdown strong{color:#c2410c}
.sanction-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}.sanction-summary-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:4px}.sanction-summary-grid small{font-weight:800;letter-spacing:.08em;color:#64748b}.sanction-summary-grid strong{font-size:2rem;color:#0f766e}.sanction-summary-grid span{color:#64748b;font-size:.9rem}.sanction-history{display:grid;gap:12px}.sanction-history h2{margin-bottom:0}.sanction-history-card,.sanction-admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.sanction-history-card>div,.sanction-admin-card header,.sanction-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sanction-history-card>div>div,.sanction-admin-card header>div{display:flex;gap:12px}.sanction-history-card p,.sanction-admin-card p{margin:5px 0;color:#475569}.sanction-history-card small,.sanction-admin-card small{color:#64748b}.sanction-points-badge{min-width:64px;border-radius:14px;padding:8px 10px;background:#fff7ed;color:#c2410c;font-weight:900;text-align:center;height:max-content}.sanction-history-card.forgiven,.sanction-admin-card.forgiven{opacity:.72}.sanction-admin-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px}.sanction-people-list{display:grid;gap:8px;margin-top:14px}.sanction-people-list>a{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid #e2e8f0;border-radius:14px;text-decoration:none;color:inherit}.sanction-people-list>a.active{border-color:#0d9488;background:#f0fdfa}.sanction-people-list>a div,.sanction-people-list>a span{display:flex;flex-direction:column}.sanction-people-list>a>span{text-align:right}.sanction-actions{display:grid;gap:10px;margin-top:14px}.sanction-actions form{display:grid;grid-template-columns:100px 1fr auto;gap:8px}.sanction-audit{margin-top:12px;border-top:1px solid #e2e8f0;padding-top:10px}.sanction-audit>div{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid #f1f5f9}.sanction-add form{position:absolute;right:0;z-index:5;width:min(390px,calc(100vw - 40px));padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 18px 45px rgba(15,23,42,.18);display:grid;gap:10px}.sanction-add{position:relative}.sanction-add label{display:grid;gap:5px}.sanction-add .full{grid-column:1/-1}
.security-section-tabs,.aa-policy-tabs{display:flex;gap:8px;overflow-x:auto;max-width:100%;scrollbar-width:thin;padding:4px 0 12px;margin-bottom:14px}.security-section-tabs a,.aa-policy-tabs a{flex:0 0 auto;padding:10px 14px;border:1px solid #dbe4ea;border-radius:999px;text-decoration:none;color:#475569;font-weight:750;background:#fff}.security-section-tabs a.active,.aa-policy-tabs a.active{background:#0f766e;color:#fff;border-color:#0f766e}.aa-live-explainer{display:flex;flex-direction:column;gap:4px;background:#ecfeff;border:1px solid #a5f3fc;border-radius:16px;padding:14px 16px;margin:12px 0 16px}.aa-live-explainer span{color:#475569}.aa-live-stats-v149{grid-template-columns:repeat(4,minmax(0,1fr))}
.vault-list-heading,.vault-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.vault-list-heading h2,.vault-editor-head h1{margin:0}.vault-list-heading p,.vault-editor-head p{margin:4px 0 0}.vault-editor-page{width:min(920px,100%);margin:0 auto}.vault-editor-form{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;overflow:hidden}.vault-editor-form .vault-mobile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vault-editor-form label,.vault-editor-form [data-vault-new-platform]{min-width:0}.vault-editor-form label{display:grid;gap:6px}.vault-editor-form .full{grid-column:1/-1}.vault-editor-form [data-vault-new-platform]{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vault-editor-form [data-vault-new-platform][hidden]{display:none}.vault-custody-actions{display:flex;flex-wrap:wrap;gap:8px}
.aa-attendance-photo[data-attendance-photo]{cursor:zoom-in}.attendance-photo-viewer{position:fixed;inset:0;z-index:10100;background:#071219;display:flex;color:#e2e8f0}.attendance-photo-viewer-shell{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.attendance-photo-viewer header{min-height:70px;padding:12px 18px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;background:#0b1720;border-bottom:1px solid rgba(255,255,255,.1)}.attendance-photo-viewer header button{width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:22px}.attendance-photo-viewer header div{text-align:center}.attendance-photo-viewer header small{letter-spacing:.1em;color:#94a3b8}.attendance-photo-viewer header h2{margin:2px 0 0;font-size:1.1rem}.attendance-photo-viewer main{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.75fr)}.attendance-photo-stage{min-height:0;display:grid;place-items:center;padding:18px;background:#020617}.attendance-photo-stage img{max-width:100%;max-height:calc(100dvh - 110px);object-fit:contain;border-radius:12px}.attendance-photo-detail-panel{background:#fff;color:#0f172a;overflow:auto;padding:22px}.attendance-photo-person{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.attendance-photo-person h3{margin:3px 0}.attendance-photo-person p{margin:0;color:#64748b}.attendance-photo-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.attendance-photo-detail-grid>div,.attendance-photo-coordinates{padding:11px;border-radius:12px;background:#f8fafc;display:grid;gap:3px}.attendance-photo-detail-grid span,.attendance-photo-coordinates b{font-size:.76rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.attendance-photo-audit{margin:14px 0}.attendance-photo-audit>div{display:grid;padding:9px 0;border-bottom:1px solid #e2e8f0}.attendance-photo-loading,.attendance-photo-error,.attendance-photo-missing{margin:auto;padding:30px;text-align:center}.attendance-photo-error{color:#fecaca}
@media(max-width:820px){.sanction-summary-grid,.sanction-admin-grid,.aa-live-stats-v149{grid-template-columns:1fr}.sanction-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:auto}.sanction-summary-grid article{min-width:150px}.sanction-actions form{grid-template-columns:1fr}.vault-list-heading{align-items:flex-start;flex-direction:column}.vault-list-heading .btn{width:100%}.vault-editor-form{padding:14px;border-radius:16px}.vault-editor-form .vault-mobile-form,.vault-editor-form [data-vault-new-platform]{grid-template-columns:1fr}.attendance-photo-viewer main{display:flex;flex-direction:column;overflow:auto}.attendance-photo-stage{min-height:54dvh;flex:none;padding:10px}.attendance-photo-stage img{max-height:52dvh}.attendance-photo-detail-panel{overflow:visible}.attendance-photo-detail-grid{grid-template-columns:1fr 1fr}.clocka-fullscreen-alert{padding:10px}.clocka-fullscreen-alert-card{border-radius:22px;padding:22px 18px}.security-section-tabs,.aa-policy-tabs{margin-left:-4px;margin-right:-4px}.vault-custody-actions .btn{flex:1 1 140px}}
@media(max-width:480px){.attendance-photo-detail-grid{grid-template-columns:1fr}.sanction-summary-grid{grid-template-columns:1fr 1fr 1fr}.sanction-summary-grid article{min-width:132px;padding:14px}.sanction-summary-grid strong{font-size:1.55rem}.sanction-history-card>div{align-items:flex-start}.sanction-history-card>div>div{min-width:0}.vault-editor-head{align-items:flex-start;flex-direction:column}}
.aa-policy-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.aa-policy-rule-grid article{padding:14px;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc;display:grid;gap:4px}.aa-policy-rule-grid small{font-size:.72rem;font-weight:850;letter-spacing:.07em;color:#64748b}.aa-policy-rule-grid strong{font-size:1.1rem;color:#0f766e}.aa-policy-rule-grid span{font-size:.82rem;color:#64748b}.aa-policy-rule-list{display:grid;gap:9px;margin:12px 0 16px}.aa-policy-rule-list article{display:grid;gap:3px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:14px}.aa-policy-rule-list span{color:#64748b}.aa-policy-v149,.sanctions-admin-page,.sanctions-staff-page,.vault-admin-work,.vault-editor-page{min-width:0;max-width:100%}.aa-policy-v149 *,.sanctions-admin-page *,.sanctions-staff-page *,.vault-admin-work *,.vault-editor-page *{box-sizing:border-box}
@media(max-width:820px){.aa-policy-rule-grid{grid-template-columns:1fr 1fr}.aa-policy-rule-grid article{min-width:0}.vault-admin-tabs{max-width:100%;overflow-x:auto;white-space:nowrap}.sanction-admin-grid>*{min-width:0}}
@media(max-width:480px){.aa-policy-rule-grid{grid-template-columns:1fr}}

/* Clocka v1.4.9.2 — sanctions UI + mandatory reasons */
.sanctions-v1492{display:grid;gap:18px;min-width:0}.sanctions-v1492 *{box-sizing:border-box}.sanctions-v1492 .sanction-summary-grid{margin:0}.sanctions-v1492 .sanction-summary-grid.admin{grid-template-columns:repeat(4,minmax(0,1fr))}.sanctions-v1492 .sanction-summary-grid article{position:relative;overflow:hidden}.sanctions-v1492 .sanction-summary-grid article.primary{border-color:#99f6e4;background:linear-gradient(145deg,#f0fdfa,#fff)}.sanctions-v1492 .sanction-summary-grid article.primary:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;background:#ccfbf1;right:-24px;top:-24px;opacity:.8}
.sanction-page-intro{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid #bae6fd;background:#f0f9ff;border-radius:18px;color:#0f172a}.sanction-page-intro-icon{width:34px;height:34px;flex:0 0 34px;border-radius:12px;display:grid;place-items:center;background:#0f766e;color:#fff;font-weight:900;font-family:Georgia,serif}.sanction-page-intro b{display:block;margin:1px 0 3px}.sanction-page-intro p{margin:0;color:#475569;line-height:1.45;font-size:.92rem}
.sanction-history{gap:14px}.sanction-history-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.sanction-history-heading small,.sanction-admin-toolbar>div>small,.sanction-section-head small,.sanction-form-heading small,.sanction-employee-identity small{display:block;font-size:.7rem;font-weight:900;letter-spacing:.1em;color:#64748b}.sanction-history-heading h2,.sanction-admin-toolbar h2,.sanction-section-head h3,.sanction-form-heading h3,.sanction-employee-banner h2{margin:3px 0 0}.sanction-history-heading>span,.sanction-count-pill{font-size:.78rem;font-weight:800;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;white-space:nowrap}
.sanction-record-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.04);display:grid;gap:14px;min-width:0}.sanction-record-card.forgiven{opacity:.82}.sanction-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.sanction-record-title{display:flex;align-items:flex-start;gap:12px;min-width:0}.sanction-record-title>div:last-child{min-width:0}.sanction-record-title small{display:block;font-size:.68rem;letter-spacing:.09em;font-weight:900;color:#64748b;margin:2px 0 4px}.sanction-record-title h3{margin:0;font-size:1.06rem;line-height:1.3;overflow-wrap:anywhere}.sanction-points-badge{display:grid;gap:0;min-width:68px;padding:9px 10px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;line-height:1}.sanction-points-badge strong{font-size:1.15rem}.sanction-points-badge span{font-size:.68rem;font-weight:800;margin-top:4px}.sanction-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.sanction-status.active{background:#fff7ed;color:#c2410c}.sanction-status.forgiven{background:#ecfdf5;color:#047857}.sanction-status.reversed,.sanction-status.grandfathered{background:#f1f5f9;color:#475569}
.sanction-reason-box{border-left:4px solid #0f766e;background:#f8fafc;border-radius:0 14px 14px 0;padding:12px 14px}.sanction-reason-box small,.sanction-modal-reason small{display:block;font-size:.68rem;letter-spacing:.1em;font-weight:900;color:#0f766e;margin-bottom:5px}.sanction-reason-box p,.sanction-modal-reason p{margin:0;color:#0f172a;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.sanction-modal-reason{margin:14px 0;text-align:left;border-left:4px solid #b91c1c;background:#fef2f2;border-radius:0 14px 14px 0;padding:12px 14px}.sanction-modal-reason small{color:#b91c1c}.sanction-modal-reason p{font-weight:600}
.sanction-meta-row{display:flex;flex-wrap:wrap;gap:8px}.sanction-meta-row>span{min-width:128px;display:grid;gap:2px;padding:9px 11px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.sanction-meta-row small{font-size:.66rem;font-weight:850;letter-spacing:.05em;color:#94a3b8;text-transform:uppercase}.sanction-meta-row b{font-size:.82rem;color:#334155;overflow-wrap:anywhere}.sanction-empty{padding:28px!important}
.sanction-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px 18px;position:relative;z-index:3}.sanction-admin-toolbar p{margin:4px 0 0;color:#64748b}.sanction-create-panel{position:relative;flex:0 0 auto}.sanction-create-panel>summary{list-style:none;cursor:pointer}.sanction-create-panel>summary::-webkit-details-marker{display:none}.sanction-create-card{position:absolute;z-index:20;right:0;top:calc(100% + 10px);width:min(520px,calc(100vw - 36px));max-height:min(680px,calc(100dvh - 130px));overflow:auto;background:#fff;border:1px solid #dbe4ea;border-radius:20px;padding:18px;box-shadow:0 24px 70px rgba(15,23,42,.22)}.sanction-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.sanction-form-heading p{max-width:220px;margin:0;text-align:right;color:#64748b;font-size:.86rem}.sanction-create-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;margin-top:14px}.sanction-create-form label,.sanction-action-card label{display:grid;gap:6px;min-width:0}.sanction-create-form label>span,.sanction-action-card label>span{font-weight:800;color:#334155;font-size:.84rem}.sanction-create-form .full{grid-column:1/-1}.sanction-create-form input,.sanction-create-form select,.sanction-create-form textarea,.sanction-action-card input,.sanction-action-card textarea{width:100%;min-width:0}.sanction-reason-field span b{color:#dc2626}.sanction-reason-field textarea{resize:vertical;min-height:88px;line-height:1.45}.sanction-reason-field small{color:#64748b;line-height:1.35}.sanction-form-note{align-self:end;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:13px;padding:10px 12px;display:grid;gap:2px;font-size:.8rem}.sanction-form-note span{color:#7f1d1d}.sanction-create-form>.btn{justify-self:start}
.sanction-admin-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.45fr);align-items:start}.sanction-directory-card{padding:14px;position:sticky;top:82px;max-height:calc(100dvh - 110px);overflow:auto}.sanction-section-head{align-items:center;padding:2px 2px 10px}.sanction-people-list{gap:7px;margin:0}.sanction-people-list>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border-radius:15px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.sanction-people-list>a:hover{border-color:#99f6e4;background:#f8fffe}.sanction-people-list>a.active{border-color:#0d9488;background:#f0fdfa;box-shadow:0 0 0 1px rgba(13,148,136,.05)}.sanction-person-avatar{width:40px;height:40px;border-radius:13px;display:grid!important;place-items:center;background:#e2e8f0;color:#334155;font-weight:900}.sanction-people-list>a.active .sanction-person-avatar{background:#0f766e;color:#fff}.sanction-person-avatar.large{width:52px;height:52px;border-radius:16px;font-size:1.1rem;background:#0f766e;color:#fff}.sanction-person-copy{min-width:0;display:grid!important;gap:2px}.sanction-person-copy b,.sanction-person-copy small,.sanction-person-copy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sanction-person-copy small{color:#64748b;font-size:.78rem}.sanction-person-copy em{font-style:normal;color:#94a3b8;font-size:.7rem}.sanction-person-points{display:grid!important;gap:1px;text-align:right}.sanction-person-points strong{font-size:1.05rem;color:#c2410c}.sanction-person-points small{color:#64748b;font-size:.68rem}.sanction-detail-panel{padding:18px;min-width:0}.sanction-select-empty{min-height:320px;display:grid;place-items:center;text-align:center;align-content:center;gap:7px}.sanction-select-empty p{max-width:480px}.sanction-empty-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#ecfeff;color:#0f766e;font-size:1.4rem;font-weight:900}
.sanction-employee-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.sanction-employee-identity{display:flex;align-items:center;gap:12px;min-width:0}.sanction-employee-identity>div{min-width:0}.sanction-employee-identity h2{overflow-wrap:anywhere}.sanction-employee-identity p{margin:3px 0 0;color:#64748b;overflow-wrap:anywhere}.sanction-balance-card{flex:0 0 auto;border:1px solid #fed7aa;background:#fff7ed;border-radius:16px;padding:10px 14px;text-align:right;display:grid;gap:1px}.sanction-balance-card small{font-size:.66rem;font-weight:900;letter-spacing:.06em;color:#9a3412}.sanction-balance-card strong{font-size:1.45rem;color:#c2410c}.sanction-balance-card span{font-size:.72rem;color:#9a3412}.sanction-employee-mini-stats{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.sanction-employee-mini-stats span{padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:.78rem}.sanction-employee-mini-stats b{color:#0f172a;margin-right:3px}.sanction-detail-panel>.sanction-record-card{margin-top:12px}
.sanction-manage-panel{border-top:1px solid #e2e8f0;padding-top:12px}.sanction-manage-panel>summary,.sanction-audit>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;padding:9px 11px;background:#f8fafc}.sanction-manage-panel>summary::-webkit-details-marker,.sanction-audit>summary::-webkit-details-marker{display:none}.sanction-manage-panel>summary span,.sanction-audit>summary span{font-weight:850;color:#334155}.sanction-manage-panel>summary small,.sanction-audit>summary small{color:#64748b}.sanction-manage-panel[open]>summary,.sanction-audit[open]>summary{background:#f0fdfa;color:#0f766e}.sanction-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.sanction-action-card{display:grid;align-content:start;gap:12px;border:1px solid #dbe4ea;border-radius:16px;padding:14px;background:#fff}.sanction-action-card.forgive{border-color:#fecaca;background:#fffafa}.sanction-action-card small{display:block;font-size:.68rem;font-weight:900;letter-spacing:.08em;color:#64748b}.sanction-action-card h4{margin:3px 0}.sanction-action-card p{margin:3px 0 0;color:#64748b;font-size:.82rem}.sanction-action-card>.btn{justify-self:start}
.sanction-audit{margin:0;border:0;padding:0}.sanction-audit-list{display:grid;margin-top:10px}.sanction-audit-row{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;padding:10px 2px;border-bottom:1px solid #f1f5f9}.sanction-audit-dot{width:9px;height:9px;border-radius:50%;background:#0d9488;margin-top:6px}.sanction-audit-row>div{min-width:0}.sanction-audit-top{display:flex;justify-content:space-between;gap:10px}.sanction-audit-top strong{white-space:nowrap;color:#475569;font-size:.8rem}.sanction-audit-row p{margin:4px 0;color:#475569;font-size:.84rem;line-height:1.4}.sanction-audit-row p span{font-weight:850;color:#0f172a}.sanction-audit-row small{color:#94a3b8;overflow-wrap:anywhere}
@media(max-width:980px){.sanctions-v1492 .sanction-summary-grid.admin{grid-template-columns:repeat(2,minmax(0,1fr))}.sanction-admin-grid{grid-template-columns:1fr}.sanction-directory-card{position:static;max-height:none}.sanction-people-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sanction-manage-grid{grid-template-columns:1fr}}
@media(max-width:820px){.sanctions-v1492 .sanction-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.sanctions-v1492 .sanction-summary-grid article{min-width:0}.sanction-admin-toolbar{align-items:flex-start}.sanction-create-card{right:0}.sanction-record-card{padding:15px}.sanction-meta-row>span{flex:1 1 calc(50% - 8px)}.sanction-employee-banner{align-items:flex-start}.sanction-form-heading{display:block}.sanction-form-heading p{text-align:left;max-width:none;margin-top:5px}}
@media(max-width:620px){.sanction-admin-toolbar{display:grid}.sanction-create-panel,.sanction-create-panel>summary{width:100%}.sanction-create-panel>summary{justify-content:center}.sanction-create-card{position:static;width:100%;max-height:none;margin-top:10px;box-shadow:none}.sanction-create-form{grid-template-columns:1fr}.sanction-create-form .full{grid-column:auto}.sanction-people-list{grid-template-columns:1fr}.sanction-employee-banner{display:grid}.sanction-balance-card{text-align:left;width:100%}.sanction-record-head{align-items:flex-start}.sanction-meta-row{display:grid;grid-template-columns:1fr 1fr}.sanction-meta-row>span{min-width:0}.sanction-audit-top{display:grid;gap:2px}}
@media(max-width:480px){.sanctions-v1492 .sanction-summary-grid,.sanctions-v1492 .sanction-summary-grid.admin{grid-template-columns:1fr 1fr}.sanctions-v1492 .sanction-summary-grid article{min-width:0;padding:14px}.sanctions-v1492 .sanction-summary-grid article:last-child:nth-child(odd){grid-column:1/-1}.sanction-page-intro{padding:13px}.sanction-history-heading{align-items:center}.sanction-record-head{gap:8px}.sanction-record-title{gap:9px}.sanction-points-badge{min-width:60px;padding:8px}.sanction-status{padding:6px 8px;font-size:.65rem}.sanction-meta-row{grid-template-columns:1fr}.sanction-detail-panel{padding:13px}.sanction-person-avatar.large{width:46px;height:46px}.sanction-employee-mini-stats{display:grid;grid-template-columns:1fr 1fr}.sanction-employee-mini-stats span:last-child{grid-column:1/-1}.sanction-manage-panel>summary{display:grid}.sanction-manage-panel>summary small{text-align:left}}

/* Clocka v1.4.9.3: dismissible PWA install suggestion */
.clocka-pwa-bar.install{padding-right:10px}
.clocka-pwa-bar.install .clocka-pwa-close{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:24px;font-weight:500;line-height:1;box-shadow:none}
.clocka-pwa-bar.install .clocka-pwa-close:hover,.clocka-pwa-bar.install .clocka-pwa-close:focus-visible{background:rgba(255,255,255,.24);outline:2px solid rgba(255,255,255,.75);outline-offset:1px}
@media(max-width:520px){.clocka-pwa-bar.install{align-items:center;gap:8px}.clocka-pwa-bar.install>span{min-width:0;flex:1 1 auto}.clocka-pwa-bar.install .clocka-pwa-close{flex-basis:32px;width:32px;height:32px;font-size:22px}}

/* Clocka v1.4.10 — 24/7 attendance duration policy */
.aa-checkout-policy-v1410 .aa-policy-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.aa-checkout-policy-v1410 .aa-policy-card-head h3{margin:3px 0 6px}.aa-checkout-policy-v1410 .aa-policy-card-head p{margin:0;max-width:720px}.aa-247-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:.08em;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.aa-checkout-policy-form{display:grid;gap:18px}.aa-duration-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.aa-duration-editor>section{border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:16px;background:var(--card,#fff);min-width:0}.aa-duration-editor>section>label{display:block;font-weight:800;margin-bottom:4px}.aa-duration-editor>section>p{font-size:12px;line-height:1.5;color:var(--muted,#64748b);margin:0 0 12px}.aa-duration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aa-duration-fields.single{grid-template-columns:minmax(0,180px)}.aa-duration-fields>div{display:flex;align-items:center;gap:7px}.aa-duration-fields input{width:100%;min-width:0;font-size:18px;font-weight:800;text-align:center}.aa-duration-fields span{font-size:12px;color:var(--muted,#64748b);white-space:nowrap}.aa-policy-apply-active{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;cursor:pointer}.aa-policy-apply-active input{margin-top:3px}.aa-policy-apply-active span{display:grid;gap:2px}.aa-policy-apply-active b{font-size:13px}.aa-policy-apply-active small{font-size:12px;line-height:1.45;color:#9a3412}.aa-dynamic-rules{margin-top:22px}.aa-live-list a span{line-height:1.45}
@media(max-width:900px){.aa-duration-editor{grid-template-columns:1fr}.aa-checkout-policy-v1410 .aa-policy-card-head{align-items:flex-start}.aa-duration-fields{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.aa-checkout-policy-v1410 .aa-policy-card-head{display:grid}.aa-247-badge{justify-self:start}.aa-duration-fields{grid-template-columns:1fr}.aa-duration-fields.single{grid-template-columns:1fr}.aa-duration-fields>div{display:grid;grid-template-columns:minmax(0,1fr) auto}.aa-policy-apply-active{padding:12px}.aa-dynamic-rules{grid-template-columns:1fr!important}}

/* Clocka v1.4.11.4 — removable weekly schedule cards */
.ds-person-chip{padding-right:36px}
.ds-remove-assignment{position:absolute;top:6px;right:6px;margin:0;z-index:4}
.ds-remove-assignment button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #fecaca;border-radius:999px;background:#fff;color:#b42318;font-size:18px;font-weight:700;line-height:1;cursor:pointer;opacity:0;transform:scale(.88);pointer-events:none;transition:opacity .14s ease,transform .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease}
.ds-person-chip:hover .ds-remove-assignment button,.ds-remove-assignment button:focus-visible,.ds-remove-assignment:focus-within button{opacity:1;transform:scale(1);pointer-events:auto}
.ds-remove-assignment button:hover,.ds-remove-assignment button:focus-visible{background:#fee4e2;color:#912018;box-shadow:0 0 0 3px rgba(217,45,32,.12);outline:none}
@media(hover:none),(pointer:coarse){.ds-remove-assignment button{opacity:1;transform:none;pointer-events:auto;width:26px;height:26px}.ds-person-chip{padding-right:38px}}

/* Clocka v1.4.11.5 — flexible schedule categories */
.ds-category-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--ds-line);border-radius:15px;background:#fff;margin-bottom:12px}.ds-category-filter{min-width:0;flex:1}.ds-category-filter>span{display:block;font-size:9px;letter-spacing:.12em;font-weight:850;color:#64748b;margin-bottom:7px}.ds-category-pills{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.ds-category-pills::-webkit-scrollbar{display:none}.ds-category-pills a{flex:0 0 auto;text-decoration:none;border:1px solid #d9e7e5;border-radius:999px;background:#f8fbfb;color:#46565f;padding:7px 11px;font-size:11px;font-weight:750;white-space:nowrap}.ds-category-pills a.active{background:#0d9488;border-color:#0d9488;color:#fff;box-shadow:0 4px 12px rgba(13,148,136,.16)}
.ds-category-step label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#53626d}.ds-category-step select{width:100%}.ds-category-step small{font-size:9px;font-weight:500;color:#74838d}
.ds-category-admin{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(430px,1.2fr);gap:16px}.ds-category-editor p,.ds-category-list header p{margin:3px 0 0;color:#6b7b85;font-size:11px;line-height:1.5}.ds-category-teams{border:1px solid #e3ecea;border-radius:12px;padding:10px 11px;margin:0}.ds-category-teams legend{padding:0 4px;font-size:11px;font-weight:800;color:#384951}.ds-category-teams legend small{font-weight:500;color:#829099}.ds-category-teams>div{display:flex;flex-wrap:wrap;gap:7px}.ds-category-teams label{display:flex;align-items:center;gap:6px;border:1px solid #e3ecea;background:#fafcfc;border-radius:999px;padding:6px 9px;font-size:10px;color:#43535b;cursor:pointer}.ds-category-editor-actions{display:flex;gap:8px;flex-wrap:wrap}.ds-category-list>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.ds-category-list>header>span{background:#edf7f5;color:#0c756b;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.ds-category-list>article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf2f1}.ds-category-list>article.archived{opacity:.65}.ds-category-order{display:grid;gap:3px}.ds-category-order form{margin:0}.ds-category-order button{width:27px;height:24px;border:1px solid #e0e9e7;background:#fff;border-radius:7px;color:#5b6c75;cursor:pointer}.ds-category-order button:disabled{opacity:.3;cursor:not-allowed}.ds-category-copy{min-width:0}.ds-category-copy b,.ds-category-copy small{display:block}.ds-category-copy b{font-size:12px;color:#17242d}.ds-category-copy small{font-size:10px;color:#6e7d86;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-category-copy em{display:inline-flex;margin-top:5px;border-radius:999px;padding:3px 6px;background:#eaf7f4;color:#0a756b;font-size:9px;font-style:normal;font-weight:800}.ds-category-list>article.archived .ds-category-copy em{background:#f0f2f3;color:#6c777d}.ds-category-actions{display:flex;gap:6px;align-items:center}.ds-category-actions form{margin:0}
.ds-team-staff-view section>div>span small{display:inline-flex;margin-left:5px;border-radius:999px;background:#eef7f6;color:#28766f;padding:2px 5px;font-size:8px;font-weight:750}
@media(max-width:820px){.ds-category-admin{grid-template-columns:1fr}.ds-category-toolbar{align-items:stretch;flex-direction:column}.ds-category-toolbar>.btn{width:100%}.ds-category-list>article{grid-template-columns:auto 1fr}.ds-category-actions{grid-column:1/-1;justify-content:flex-end}.ds-category-copy small{white-space:normal}.ds-category-pills{margin-right:-2px}}
@media(max-width:520px){.ds-category-toolbar{padding:10px}.ds-category-pills a{padding:8px 10px}.ds-category-list>article{gap:8px}.ds-category-actions .btn{min-height:34px}.ds-category-teams>div{display:grid;grid-template-columns:1fr 1fr}.ds-category-teams label{border-radius:10px}.ds-category-step{padding-top:10px!important;padding-bottom:10px!important}}

/* Clocka v1.4.11.6 — main + sub schedule categories */
.ds-subcategory-filter{margin-top:10px;padding-top:10px;border-top:1px solid #edf2f1}.ds-subcategory-filter>span{display:block;font-size:9px;letter-spacing:.12em;font-weight:850;color:#64748b;margin-bottom:7px}.ds-subcategory-pills{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.ds-subcategory-pills::-webkit-scrollbar{display:none}.ds-subcategory-pills a{flex:0 0 auto;text-decoration:none;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#475467;padding:6px 10px;font-size:10px;font-weight:750;white-space:nowrap}.ds-subcategory-pills a.active{background:#1d2939;border-color:#1d2939;color:#fff;box-shadow:0 4px 10px rgba(16,24,40,.12)}
.ds-subcategory-step label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#53626d}.ds-subcategory-step select{width:100%}.ds-subcategory-step small{font-size:9px;font-weight:500;color:#74838d}.ds-category-admin-v2{grid-template-columns:minmax(300px,.8fr) minmax(500px,1.2fr)}.ds-category-editors{display:grid;gap:16px;align-content:start}.ds-subcategory-editor{scroll-margin-top:18px}.ds-main-category-card{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:start!important}.ds-main-category-card>.ds-subcategory-list{grid-column:2/-1;width:100%;display:grid;gap:7px;margin-top:2px;padding-top:10px;border-top:1px dashed #dbe7e5}.ds-subcategory-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;border:1px solid #e4eceb;border-radius:11px;background:#fbfdfd}.ds-subcategory-row.archived{opacity:.58;background:#f7f8f8}.ds-subcategory-row>div:nth-child(2){min-width:0}.ds-subcategory-row b,.ds-subcategory-row small{display:block}.ds-subcategory-row b{font-size:11px;color:#1d2939}.ds-subcategory-row small{margin-top:2px;font-size:9px;color:#7b8790;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-subcategory-order{display:flex;gap:3px}.ds-subcategory-order form,.ds-subcategory-actions form{margin:0}.ds-subcategory-order button{width:24px;height:24px;border:1px solid #e1e8e7;background:#fff;border-radius:7px;color:#667085;cursor:pointer}.ds-subcategory-order button:disabled{opacity:.3;cursor:not-allowed}.ds-subcategory-actions{display:flex;align-items:center;gap:6px}.ds-subcategory-actions a,.ds-subcategory-actions button{border:0;background:transparent;color:#0f766e;font-size:9px;font-weight:800;padding:4px;cursor:pointer;text-decoration:none}.ds-subcategory-actions button{color:#667085}.ds-duty-subcategory{margin:7px 0 10px}.ds-duty-subcategory>h5{margin:0 0 6px;font-size:10px;color:#344054;text-transform:uppercase;letter-spacing:.07em}.ds-duty-subcategory>div{display:grid;gap:7px}.ds-team-staff-view section>div>span small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:820px){.ds-category-admin-v2{grid-template-columns:1fr}.ds-main-category-card{grid-template-columns:auto minmax(0,1fr)!important}.ds-main-category-card>.ds-category-actions{grid-column:1/-1}.ds-main-category-card>.ds-subcategory-list{grid-column:1/-1}.ds-subcategory-row{grid-template-columns:auto minmax(0,1fr)}.ds-subcategory-actions{grid-column:1/-1;justify-content:flex-end}.ds-category-toolbar .ds-category-filter{width:100%}}
@media(max-width:520px){.ds-subcategory-pills a{padding:7px 9px}.ds-subcategory-row{padding:8px}.ds-subcategory-order{flex-direction:column}.ds-main-category-card>.ds-subcategory-list{margin-top:6px}.ds-subcategory-step{padding-top:10px!important;padding-bottom:10px!important}}

/* Clocka v1.4.11.7 — safe unpublish + full-week discard */
.ds-week-actions .ds-unpublish{background:#fff7ed;color:#b54708;border:1px solid #fed7aa;box-shadow:none}
.ds-week-actions .ds-unpublish:hover{background:#ffedd5;filter:none}
.ds-week-actions .ds-discard-week{background:#b42318;color:#fff}
.ds-week-actions form[data-ds-unpublish-form],.ds-week-actions form[data-ds-discard-week-form]{margin:0}
@media(max-width:760px){.ds-week-actions .ds-unpublish,.ds-week-actions .ds-discard-week{width:100%}.ds-week-actions form[data-ds-unpublish-form],.ds-week-actions form[data-ds-discard-week-form]{width:100%}}


/* v1.4.11.9 — duplicate-account delete + category-is-title scheduler UX */
.ref-employee-actions .employee-delete-duplicate{
  border:0;
  width:40px;
  height:40px;
  border-radius:12px;
  display:inline-grid;
  place-items:center;
  background:#fff4f4;
  color:#c62828;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.ref-employee-actions .employee-delete-duplicate svg{width:19px;height:19px}
.ref-employee-actions .employee-delete-duplicate:hover,
.ref-employee-actions .employee-delete-duplicate:focus-visible{
  background:#fee2e2;
  box-shadow:0 0 0 3px rgba(220,38,38,.12);
  transform:translateY(-1px);
  outline:none;
}
.ds-info-banner.compact{margin:2px 0 0;padding:12px 14px}
.ds-info-banner.compact b{font-size:13px}
.ds-info-banner.compact span{font-size:12px}
@media(max-width:640px){
  .ref-employee-actions .employee-delete-duplicate{width:38px;height:38px;border-radius:11px}
}