/* DarbaLaiks V8 — responsive presentation layer */
:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#17253b!important;background:#f3f6fb!important}body{background:linear-gradient(180deg,#f0f5fc,#f8fafc 420px)!important;min-height:100vh}header{background:#11243d!important;box-shadow:0 5px 24px #10243b25;padding:20px max(4%,calc((100vw - 1200px)/2))!important}header strong{font-size:20px;letter-spacing:-.6px}header nav{display:flex;gap:10px;flex-wrap:wrap}header a{padding:8px 10px;border-radius:8px;margin:0!important;color:#dbeafe!important}header a:hover{background:#ffffff1b}main{max-width:1200px!important;margin:32px auto!important}h1{font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.9px;margin-bottom:20px}h2{letter-spacing:-.35px}.card{border:1px solid #e2eaf5!important;box-shadow:0 8px 28px #2339550b!important;border-radius:18px!important;padding:25px!important}.grid{gap:18px!important}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.stat{background:white;border:1px solid #e2eaf5;border-radius:17px;padding:21px;box-shadow:0 6px 22px #23395509}.stat span{display:block;font-size:13px;color:#64748b;margin-bottom:10px}.stat strong{display:block;font-size:32px;letter-spacing:-1px;color:#123968}.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.quick-links a{background:#e4edfc;color:#1554a5;border-radius:10px;text-decoration:none;font-weight:650;padding:11px 15px;font-size:14px}.quick-links a:hover{background:#d6e6fd}button,.btn{background:#1769db!important;border-radius:10px!important;transition:filter .15s}button:hover:not(:disabled),.btn:hover{filter:brightness(.92)}button.danger{background:#c12e3d!important}button:disabled{background:#aebbd0!important}input:focus,select:focus{outline:2px solid #80b6ff;outline-offset:1px}.tablewrap{overflow-x:auto}th{background:#f3f7fd;color:#3a536f}td,th{padding:13px!important}footer{font-size:12px}@media(max-width:800px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{margin:16px auto!important}header{padding:15px!important}header nav{width:100%;overflow:auto;flex-wrap:nowrap}header nav a{white-space:nowrap;font-size:13px}.card{padding:17px!important}.grid{grid-template-columns:1fr!important}}@media(max-width:420px){.stat{padding:15px}.stat strong{font-size:26px}button,.btn{width:100%;text-align:center}}

.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calday{min-height:92px;background:#f3f7fd;border:1px solid #dfe7f2;border-radius:9px;padding:9px;display:flex;flex-direction:column;gap:6px}.calday strong{color:#246fe5}.request{padding:15px 0;border-bottom:1px solid #e2e9f1}textarea{width:100%;min-height:90px;padding:11px;border:1px solid #b9c7d6;border-radius:8px}@media(max-width:650px){.calendar{grid-template-columns:repeat(3,minmax(0,1fr))}.calday{min-height:75px}}

/* V12 — mobile-first attendance enhancements */
.gps-status{padding:13px 15px;background:#eef5ff;border:1px solid #c9ddf7;border-radius:12px;line-height:1.5;min-height:52px}
#clock{display:grid;gap:8px}#clock label{margin-bottom:0}#clock select{min-height:52px;font-weight:600}#clock>button{width:100%;min-height:52px;background:#155cb5}#actions{display:flex;gap:8px;flex-wrap:wrap}#actions button{flex:1 1 180px;min-height:56px;font-size:16px;margin:0}#actions button:not(:disabled){box-shadow:0 4px 12px #123b6b20}#actions button:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e9a43c;outline-offset:3px}textarea{width:100%;min-height:90px;border:1px solid #b9c7d6;border-radius:9px;padding:12px}header nav a{padding:7px 4px}main{padding-bottom:38px}
@media(max-width:680px){header{padding:14px 16px!important}header nav{width:100%;display:flex;overflow-x:auto;flex-wrap:nowrap;gap:10px;padding-bottom:8px;scrollbar-width:thin}header nav a{white-space:nowrap;font-size:13px;background:#ffffff16;border-radius:8px;padding:9px 11px}main{margin:12px auto;padding:0 12px}.card{padding:17px!important;border-radius:16px!important}h1{font-size:23px}#clock select{font-size:16px}#actions{display:grid;grid-template-columns:1fr}#actions button{width:100%;min-height:60px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid{grid-template-columns:1fr!important}}

/* V13 object management */
.site-editor{border:1px solid #dce5ef;border-radius:12px;padding:12px 15px;margin:10px 0;background:#fafcff}.site-editor summary{cursor:pointer;font-weight:650}.site-editor form{margin-top:14px}.site-checkbox{display:flex;align-items:center;gap:10px}.site-checkbox input{width:auto}