:root{--bg:#071019;--panel:#101d29;--panel2:#162635;--text:#eef7f2;--muted:#8fa3af;--green:#39d98a;--line:#233747}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#12312b 0,#071019 35%);color:var(--text);font-family:Tahoma,Arial,sans-serif;display:flex;min-height:100vh}aside{width:230px;background:#09141d;border-left:1px solid var(--line);padding:28px 18px;position:fixed;inset:0 0 0 auto}.brand{font-weight:800;letter-spacing:2px;color:var(--green);font-size:20px}.brand small{display:block;color:#fff;font-size:11px;margin-top:4px}nav{margin-top:30px;display:grid;gap:8px}nav a{color:#c7d5dc;text-decoration:none;padding:12px 14px;border-radius:12px}nav a:hover{background:var(--panel2);color:#fff}main{margin-right:230px;width:calc(100% - 230px);padding:26px;max-width:1400px}header{display:flex;justify-content:flex-end;margin-bottom:22px}header span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#153a30,#102131);border:1px solid #295246;border-radius:24px;padding:28px;margin-bottom:18px}.hero h1{margin:0 0 8px}.primary,button{background:var(--green);color:#032014;border:0;border-radius:12px;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stats div,.panel{background:rgba(16,29,41,.94);border:1px solid var(--line);border-radius:20px;padding:20px}.stats b{font-size:30px;color:var(--green);display:block}.stats span,.muted,small{color:var(--muted)}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.panel h1,.panel h2{margin-top:0}.task,.row{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.task small,.row small{display:block;margin-top:6px}.badge{background:#243747;padding:6px 10px;border-radius:99px;font-size:12px}.badge.done{background:#113c2c;color:#77e6ae}.badge.doing{background:#3b3210;color:#f5d76c}.notice{background:var(--panel2);padding:14px;border-radius:14px;margin:10px 0}.notice p{color:#c2d1d8;line-height:1.8}.sectionhead{display:flex;justify-content:space-between;align-items:center}.reportbox{max-width:760px;margin:auto}.recorder{padding:24px;border:1px dashed #3f6470;border-radius:18px;display:flex;gap:14px;align-items:center;margin:18px 0}.recorder button{font-size:17px}input,textarea,select{width:100%;background:#0b1721;border:1px solid #2a4152;color:#fff;border-radius:12px;padding:12px}.check{display:flex;gap:8px;align-items:center;margin:15px 0}.check input{width:auto}.tags span{display:inline-block;padding:7px 10px;border-radius:99px;background:#12382b;margin:4px;color:#8ce9b7}.msg{padding:12px;border-radius:10px;margin-bottom:12px;background:#1c3b31}.login{display:grid;place-items:center}.auth{width:min(420px,90vw)}audio{width:100%;margin:16px 0}@media(max-width:800px){aside{width:100%;height:auto;position:fixed;bottom:0;top:auto;z-index:10;padding:8px}aside .brand{display:none}nav{margin:0;display:flex;overflow:auto}nav a{white-space:nowrap;font-size:12px}main{margin:0 0 62px;width:100%;padding:14px}.hero{display:block}.hero .primary{display:inline-block;margin-top:14px}.grid{grid-template-columns:1fr}.stats{gap:7px}.stats div{padding:12px}.stats b{font-size:22px}}
.stats{grid-template-columns:repeat(4,1fr)}.manager-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.manager-strip div{background:linear-gradient(135deg,#122b3a,#153b31);border:1px solid #2a4a50;border-radius:16px;padding:16px}.manager-strip b{display:block;font-size:24px;color:var(--green)}.manager-strip span{color:var(--muted);font-size:12px}.sectionhead a{color:var(--green);text-decoration:none}.mini{display:inline-block;margin-right:8px;color:var(--green);text-decoration:none}.formbox{max-width:760px;margin:auto}.formbox p{margin:14px 0}.formbox label{display:block;margin-bottom:7px;color:#c9d8df}.document{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:18px;margin:12px 0}.docbody{color:#d5e1e5;line-height:2;margin:12px 0}.profilegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.profilegrid div{background:var(--panel2);border-radius:14px;padding:16px}.profilegrid span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.badge.pending{background:#40360e;color:#ffe48a}.badge.approved{background:#113c2c;color:#77e6ae}.badge.rejected{background:#451d25;color:#ff9baa}@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.manager-strip,.profilegrid{grid-template-columns:1fr}}
.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e8ece9;text-align:right;white-space:nowrap}.attendance-actions{display:grid;gap:14px}.attendance-actions form{margin-top:6px}input[type=date],input[type=datetime-local]{padding:9px;border:1px solid #ccd5cf;border-radius:8px}
.smart-query .queryrow{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:8px}.answerbox{margin-top:14px;background:#0e2a22;border:1px solid #285c49;padding:16px;border-radius:14px;line-height:1.9}.bars{display:grid;gap:16px}.bars div{display:grid;grid-template-columns:120px 1fr 35px;align-items:center;gap:10px}.bars i{display:block;min-width:3px;height:14px;border-radius:99px;background:var(--green)}.bars b{color:var(--green)}.rankrow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.rankrow b{color:var(--green)}@media(max-width:800px){.smart-query .queryrow{grid-template-columns:1fr}.bars div{grid-template-columns:90px 1fr 28px}}

/* v8 personnel photos */
.person-cell,.header-person{display:flex;align-items:center;gap:10px}.person-actions{display:flex;align-items:center;gap:10px}
.avatar-xs,.avatar-sm,.avatar-lg,.avatar-xl{display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:#183226;color:#85eab7;font-weight:800;border:1px solid #315244}
.avatar-xs{width:34px;height:34px;font-size:12px}.avatar-sm{width:48px;height:48px;font-size:16px}.avatar-lg{width:76px;height:76px;font-size:24px}.avatar-xl{width:112px;height:112px;font-size:36px;border:3px solid rgba(255,255,255,.85);box-shadow:0 8px 28px rgba(0,0,0,.35)}
.avatar-xs img,.avatar-sm img,.avatar-lg img,.avatar-xl img{width:100%;height:100%;object-fit:cover;display:block}
.profile-cover{position:relative;overflow:hidden;min-height:260px;border-radius:24px;margin-bottom:18px;border:1px solid var(--line);background:linear-gradient(135deg,#153a30,#102131)}
.profile-cover-bg{position:absolute;inset:0;background:linear-gradient(135deg,#153a30,#102131)}
.profile-cover.has-photo .profile-cover-bg{background-image:linear-gradient(rgba(5,15,20,.32),rgba(5,15,20,.78)),var(--profile-bg);background-size:cover;background-position:center 28%;filter:blur(1px);transform:scale(1.02)}
.profile-cover-content{position:absolute;inset:auto 28px 24px;display:flex;align-items:flex-end;gap:18px;z-index:1}.profile-cover-content h1{margin:0 0 7px;font-size:30px}.profile-cover-content p{margin:0;color:#d8e7e0}
.photo-edit-head{margin-bottom:20px}.personnel-row{gap:12px}
@media(max-width:800px){.profile-cover{min-height:220px}.profile-cover-content{inset:auto 18px 18px}.avatar-xl{width:88px;height:88px}.profile-cover-content h1{font-size:22px}.person-actions{gap:6px}}

/* v9 live branch dashboard + smart alerts */
.live-head{margin-bottom:16px}.branch-picker select{min-width:180px}.live-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}
.live-kpis>div{background:linear-gradient(145deg,#10202c,#10291f);border:1px solid var(--line);border-radius:17px;padding:15px}
.live-kpis span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.live-kpis b{font-size:23px;color:var(--green)}
.live-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr)}.live-dot{color:#69e7a4;font-size:12px}.alert-panel{align-self:start}
.smart-alert{border-right:3px solid #f0b94b;background:#172531;border-radius:12px;padding:12px;margin:10px 0}.smart-alert p{line-height:1.7;margin:7px 0;color:#d3dfe4}
.status-pill{display:inline-block;border-radius:99px;padding:6px 9px;font-size:11px}.status-pill.present{background:#123a2c;color:#78e9af}.status-pill.late{background:#473a10;color:#ffe074}.status-pill.missing{background:#452129;color:#ff9fa9}.status-pill.leave{background:#203650;color:#9dc8ff}
.warn{color:#ffb95f}.mini-btn{padding:7px 10px;font-size:11px}.primary.ghost{display:inline-block;background:transparent;color:var(--green);border:1px solid #2d664e;margin-top:8px}
@media(max-width:1100px){.live-kpis{grid-template-columns:repeat(3,1fr)}.live-grid{grid-template-columns:1fr}}
@media(max-width:600px){.live-kpis{grid-template-columns:repeat(2,1fr)}.live-kpis b{font-size:19px}}

/* v10 personnel files + daily checklists */
.avatar-xl{width:86px;height:86px;border-radius:24px;overflow:hidden;background:#21313b;display:flex;align-items:center;justify-content:center;font-size:30px;flex:0 0 auto}
.avatar-xl img{width:100%;height:100%;object-fit:cover}.personnel-file-head .person-cell{align-items:center}
.metric-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}
.progress-ring{min-width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:7px solid #2f775b;background:#14252a;font-size:18px}
.progressbar{height:9px;background:#1d2b34;border-radius:999px;overflow:hidden;margin:0 0 18px}.progressbar span{height:100%;display:block;background:#63d59c;border-radius:999px}
.checklist-card{margin-bottom:14px}.check-row{display:flex;gap:12px;align-items:flex-start;padding:13px 4px;border-bottom:1px solid var(--line)}
.check-row:last-child{border-bottom:0}.check-row.checked{opacity:.72}.check-row.checked strong{text-decoration:line-through}
.check-button{border:1px solid #3a6b58;background:#152b25;color:#76e5ab;border-radius:50%;width:34px;height:34px;font-size:20px;padding:0;flex:0 0 auto}
.check-row div{display:flex;flex-direction:column;gap:4px}.check-row sup{color:#ffb95f}.check-row small{color:var(--muted);line-height:1.55}

/* v11 premium executive "Today" UI */
.executive-shell{max-width:1500px;margin:0 auto;padding-bottom:30px}
.glass-card{background:linear-gradient(145deg,rgba(19,35,43,.96),rgba(13,27,34,.94));border:1px solid rgba(255,255,255,.07);border-radius:26px;box-shadow:0 20px 55px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.exec-hero{position:relative;overflow:hidden;padding:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.exec-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-120px;top:-210px;background:radial-gradient(circle,rgba(54,210,141,.22),rgba(54,210,141,0) 68%)}
.exec-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;bottom:-220px;background:radial-gradient(circle,rgba(70,127,255,.16),rgba(70,127,255,0) 68%)}
.exec-hero>*{position:relative;z-index:1}.exec-hero h1{font-size:34px;margin:4px 0 10px;letter-spacing:-.7px}.exec-hero p{color:#9fb0b8;margin:0;line-height:1.8}
.eyebrow{font-size:10px;letter-spacing:1.7px;color:#6fddaa;font-weight:800;text-transform:uppercase}.exec-actions{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}
.exec-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#dce7ea;background:rgba(255,255,255,.025)}
.exec-btn.primary{background:linear-gradient(135deg,#2f8d67,#286b52);color:white;border-color:transparent;box-shadow:0 10px 24px rgba(47,141,103,.18)}
.exec-filter{min-width:210px}.exec-filter label{display:block;font-size:11px;color:#8ea0a8;margin-bottom:7px}.exec-filter select{width:100%;background:#10242b;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px;color:#e8f0f2}
.exec-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric-card{background:linear-gradient(145deg,#142a31,#102127);border:1px solid rgba(255,255,255,.065);border-radius:22px;padding:18px;display:flex;gap:13px;align-items:center;min-height:105px}
.metric-card.metric-attention{background:linear-gradient(145deg,#2a1f22,#1b1f23);border-color:rgba(255,118,118,.14)}.metric-icon{width:43px;height:43px;border-radius:14px;background:rgba(102,222,166,.1);display:flex;align-items:center;justify-content:center;font-size:18px;color:#70e3ad;flex:0 0 auto}
.metric-card.metric-attention .metric-icon{background:rgba(255,111,111,.11);color:#ff8989}.metric-card span{font-size:11px;color:#8da0a8}.metric-card strong{display:block;font-size:25px;margin:3px 0}.metric-card small{color:#6f858e;font-size:10px}
.exec-priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.attention-card{background:linear-gradient(145deg,#14252d,#102129);border:1px solid rgba(255,255,255,.065);border-radius:24px;padding:18px}
.danger-card{box-shadow:inset 0 1px 0 rgba(255,119,119,.05)}.warning-card{box-shadow:inset 0 1px 0 rgba(255,199,100,.05)}.count-badge{min-width:31px;height:31px;padding:0 8px;border-radius:10px;background:#1c343b;display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.people-stack{display:flex;flex-direction:column;gap:8px}.priority-person{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.035);transition:.2s transform,.2s background}
.priority-person:hover{transform:translateY(-1px);background:rgba(255,255,255,.04)}.avatar-md{width:42px;height:42px;border-radius:13px;overflow:hidden;background:#21323a;display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#8fd8b5;font-weight:800}
.avatar-md img{width:100%;height:100%;object-fit:cover}.priority-main{display:flex;flex-direction:column;min-width:0;flex:1}.priority-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.priority-main small{color:#738891;font-size:10px;margin-top:3px}
.priority-stat{text-align:left;display:flex;flex-direction:column;align-items:flex-end}.priority-stat b{font-size:14px}.priority-stat span{font-size:9px;color:#7b8e96;margin-top:2px}.muted-stat{opacity:.45}.empty-state{padding:24px 12px;text-align:center;color:#6f838c;font-size:12px}
.exec-middle-grid,.exec-bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px}.exec-middle-grid>.glass-card,.exec-bottom-grid>.glass-card,.branch-performance{padding:20px}
.task-list-premium{display:flex;flex-direction:column;gap:8px}.task-premium{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.022)}.task-premium div{display:flex;flex-direction:column}.task-premium small{color:#738791;font-size:10px;margin-top:4px}
.mini-danger{font-size:9px;background:rgba(255,100,100,.1);color:#ff9a9a;padding:5px 8px;border-radius:8px}.compact .priority-person{padding:8px 9px}.compact .avatar-md{width:36px;height:36px;border-radius:11px}
.branch-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.branch-card{padding:15px;border-radius:18px;background:linear-gradient(145deg,#152830,#102128);border:1px solid rgba(255,255,255,.05)}.branch-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.branch-title span{font-size:10px;color:#78909a}
.branch-visual{margin:13px 0}.branch-bar{height:7px;border-radius:99px;background:#1d333b;overflow:hidden}.branch-bar span{height:100%;display:block;background:linear-gradient(90deg,#46c48e,#79e0b0);border-radius:99px}.branch-bottom{display:flex;justify-content:space-between;color:#82959d;font-size:10px}.branch-bottom b{color:#d8e6e9}
@media(max-width:1180px){.exec-kpi-grid{grid-template-columns:repeat(2,1fr)}.exec-priority-grid{grid-template-columns:1fr 1fr}.branch-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.exec-hero{padding:22px;align-items:stretch;flex-direction:column}.exec-hero h1{font-size:28px}.exec-filter{min-width:0}.exec-kpi-grid,.exec-priority-grid,.exec-middle-grid,.exec-bottom-grid,.branch-card-grid{grid-template-columns:1fr}.metric-card{min-height:92px}.executive-shell{padding:0 2px 24px}.attention-card,.exec-middle-grid>.glass-card,.exec-bottom-grid>.glass-card,.branch-performance{padding:15px}}


/* v12 — GREENLIFE STAFF PREMIUM DESIGN SYSTEM */
:root{
 --bg:#071419;--bg2:#0a1a20;--surface:#0d2027;--surface2:#10262e;--surface3:#132d36;
 --line:rgba(255,255,255,.075);--line-strong:rgba(255,255,255,.12);
 --text:#edf5f3;--muted:#82979e;--muted2:#647980;--green:#69dca6;--green2:#37b77e;
 --green-soft:rgba(83,213,151,.11);--danger:#ff7f87;--danger-soft:rgba(255,104,115,.11);
 --warning:#f2c365;--warning-soft:rgba(242,195,101,.11);--info:#74aef8;
 --radius:22px;--radius-sm:14px;--shadow:0 20px 60px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:
 radial-gradient(circle at 85% -10%,rgba(44,133,102,.11),transparent 30%),
 linear-gradient(180deg,#08171c 0%,#071318 100%);color:var(--text);font-family:Tahoma,Arial,sans-serif;min-height:100vh;font-size:14px}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
aside{position:fixed;right:0;top:0;bottom:0;width:248px;background:rgba(7,20,25,.94);border-left:1px solid var(--line);backdrop-filter:blur(24px);z-index:50;padding:18px 14px;overflow-y:auto}
aside .brand{font-size:16px;letter-spacing:1.8px;padding:8px 8px 16px;color:#eaf5f1}aside .brand small{display:block;color:#5e7a81;font-size:9px;letter-spacing:2px;margin-top:3px}
aside nav{display:flex;flex-direction:column;gap:3px}aside nav a{height:40px;display:flex;align-items:center;border-radius:12px;padding:0 12px;color:#89a0a6;transition:.16s ease;font-size:12px}
aside nav a:hover{background:rgba(255,255,255,.035);color:#d8e8e4}
main{margin-right:248px;min-height:100vh;padding:0}
header{height:67px;position:sticky;top:0;z-index:30;background:rgba(7,20,25,.74);border-bottom:1px solid rgba(255,255,255,.045);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 28px}
main>section,main>div:not(.msg),main>form{max-width:1500px;margin-left:auto;margin-right:auto}
h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.5px}h2{font-size:17px}h3{font-size:14px}.muted{color:var(--muted)}
.hero,.panel{background:linear-gradient(145deg,rgba(14,34,41,.96),rgba(10,28,34,.95));border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 42px rgba(0,0,0,.14)}
.hero{padding:24px 26px;margin:24px 28px 14px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.hero p{color:#779098;margin-bottom:0;line-height:1.7}
.panel{padding:19px;margin:14px 28px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 28px}.grid>.panel{margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 28px}.stats>div{background:linear-gradient(145deg,#10272e,#0d2026);border:1px solid var(--line);border-radius:19px;padding:16px;min-height:100px;display:flex;flex-direction:column;justify-content:center}.stats b{font-size:24px;margin:4px 0}.stats span{font-size:10px;color:#80969d}
.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sectionhead h1,.sectionhead h2{margin:0}
.primary,button{background:linear-gradient(135deg,#47c68d,#2c9169);color:#041810;border:0;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}.mini{background:#10242b;color:#b9cccc;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:10px}
.row,.task{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.055)}.row:last-child,.task:last-child{border-bottom:0}
.badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 9px;border-radius:999px;font-size:9px;background:#192c33;color:#9eb0b5}.badge.done{background:var(--green-soft);color:#7de2b0}.badge.doing{background:var(--warning-soft);color:#f1ca76}.badge.todo{background:var(--danger-soft);color:#ff9da2}
.person-cell{display:flex;align-items:center;gap:10px;min-width:0}.person-cell>div:last-child{display:flex;flex-direction:column}.person-cell small{font-size:9px;color:#71888f;margin-top:3px}
.avatar-xs,.avatar-sm,.avatar-lg,.avatar-xl{overflow:hidden;background:#173039;display:flex;align-items:center;justify-content:center;color:#7fe0b0;font-weight:800;flex:0 0 auto}.avatar-xs{width:31px;height:31px;border-radius:10px}.avatar-sm{width:42px;height:42px;border-radius:13px}.avatar-lg{width:78px;height:78px;border-radius:24px}.avatar-xl{width:92px;height:92px;border-radius:28px}.avatar-xs img,.avatar-sm img,.avatar-lg img,.avatar-xl img{width:100%;height:100%;object-fit:cover}
table{width:100%;border-collapse:collapse;min-width:680px}th{text-align:right;color:#667e85;font-size:9px;font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;font-size:10px;border-bottom:1px solid rgba(255,255,255,.045);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(255,255,255,.015)}
input,select,textarea{background:#0a1b21!important;border:1px solid var(--line)!important;color:#e8f2ef!important;border-radius:12px!important;padding:10px 11px!important;outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(94,219,161,.34)!important;box-shadow:0 0 0 3px rgba(94,219,161,.055)}
.formbox form p{display:flex;flex-direction:column;gap:6px}.formbox label{font-size:10px;color:#8aa0a6}.formbox .helptext{font-size:8px;color:#5d7279}
.msg{border-radius:13px;padding:11px 13px;margin:12px 28px;background:#10262d;border:1px solid var(--line);font-size:10px}.msg.success{background:var(--green-soft);color:#8fe8bd}.msg.error{background:var(--danger-soft);color:#ffadb2}
.personnel-row{padding:13px}.person-actions{display:flex;gap:7px;align-items:center}
.rankrow{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;border-bottom:1px solid var(--line)}.rankrow:last-child{border:0}
.queryrow{display:flex;gap:7px}.queryrow input{min-width:220px}
@media(max-width:1100px){
 aside{width:210px}main{margin-right:210px}.stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 aside{position:static;width:auto;height:auto;border-left:0;border-bottom:1px solid var(--line);padding:10px}aside nav{display:flex;flex-direction:row;overflow-x:auto}aside nav a{white-space:nowrap;flex:0 0 auto}
 main{margin-right:0}header{padding:0 14px}.hero{margin:14px;padding:18px;flex-direction:column;align-items:stretch}.panel{margin:12px 14px}.grid{grid-template-columns:1fr;margin:12px 14px}.stats{grid-template-columns:repeat(2,1fr);margin:12px 14px}
 .queryrow{flex-direction:column}.queryrow input{min-width:0}.tablewrap{overflow-x:auto}
}

/* v13 executive suite */
.command-hero{max-width:1050px!important;margin:40px auto!important;padding:55px 30px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(76,209,151,.16),transparent 40%),linear-gradient(145deg,#0e252c,#091b21);border:1px solid var(--line);border-radius:30px}.command-hero h1{font-size:38px;margin:8px 0}.command-hero p{color:var(--muted)}
.command-box{display:flex;gap:8px;max-width:720px;margin:26px auto 14px}.command-box input{flex:1;font-size:15px;padding:15px!important}.command-box button{padding:0 24px}.suggestions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.suggestions a{font-size:10px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;color:#8ca1a7}
.answer-card{max-width:1050px!important;margin:0 auto 30px!important;padding:25px;background:linear-gradient(145deg,#112a28,#0d2224);border:1px solid rgba(96,224,164,.14);border-radius:24px}.answer-card h2{font-size:20px;line-height:1.9;margin:8px 0 0}
.timeline-event{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline-event>span{color:#70878e;font-size:10px}.timeline-event div{display:flex;flex-direction:column}.timeline-event small{color:var(--muted);margin-top:4px}.timeline-event.warning strong{color:#ff9ba1}.timeline-event.praise strong{color:#79dfae}
.goal-card{padding:15px;border:1px solid var(--line);border-radius:16px;margin-bottom:10px;background:rgba(255,255,255,.018)}.goal-card small{color:var(--muted)}
.request-card{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.request-card>div{display:flex;flex-direction:column;gap:5px}.request-card small{color:var(--muted)}.priority-urgent{color:#ff8f96}.priority-high{color:#f0c46c}.priority-normal{color:#7c949b}

/* v14 command intelligence */
.ceo-hero{align-items:center}.ceo-score-ring{width:118px;height:118px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#14352c 48%,#0c2024 50%);border:8px solid #49c88d;box-shadow:0 0 40px rgba(73,200,141,.13)}.ceo-score-ring strong{font-size:34px}.ceo-score-ring span{font-size:9px;color:var(--muted)}
.ceo-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 28px}.ceo-part{padding:17px;background:linear-gradient(145deg,#10272d,#0b2026);border:1px solid var(--line);border-radius:19px}.ceo-part>span{font-size:10px;color:var(--muted)}.ceo-part>b{display:block;font-size:23px;margin:7px 0 11px}
.insight-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.insight-row:last-child{border:0}.insight-row p{margin:0;line-height:1.7}.insight-dot{width:7px;height:7px;border-radius:50%;background:var(--warning);margin-top:7px;flex:0 0 auto}
.trend-row{padding:11px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.trend-row span{font-size:10px;color:var(--muted)}.trend-row.danger strong{color:#ff939a}.trend-row.warning strong{color:#efc56e}.trend-row.good strong{color:#75dfad}
.trend-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.trend-alert{display:flex;gap:12px;border:1px solid var(--line);border-radius:17px;padding:15px;background:rgba(255,255,255,.015)}.trend-alert p{margin:4px 0 0;color:var(--muted);line-height:1.7}.trend-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#162d34;font-weight:900}.trend-alert.danger .trend-icon{color:#ff9299;background:rgba(255,100,110,.09)}.trend-alert.warning .trend-icon{color:#f0c46b;background:rgba(240,196,107,.09)}.trend-alert.good .trend-icon{color:#74dda9;background:rgba(116,221,169,.09)}
.calendar-toolbar{max-width:1500px;margin:0 28px 12px;display:flex;justify-content:center;gap:25px;align-items:center}.calendar-toolbar a{font-size:10px;color:#90a6ac;padding:7px 10px;border:1px solid var(--line);border-radius:10px}
.calendar-wrap{max-width:1500px;margin:0 28px 28px;background:#0b1d23;border:1px solid var(--line);border-radius:22px;overflow:hidden}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week b{padding:11px;text-align:center;color:#71878e;font-size:9px;border-bottom:1px solid var(--line)}
.calendar-day{min-height:145px;padding:9px;border-left:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.006)}.calendar-day.today{background:rgba(72,201,141,.045);box-shadow:inset 0 0 0 1px rgba(72,201,141,.18)}.calendar-day.empty{opacity:.25}.day-num{font-weight:800;font-size:12px;margin-bottom:7px}.day-events{display:flex;flex-direction:column;gap:4px}.cal-event{padding:5px 6px;border-radius:7px;background:#132a31;display:flex;flex-direction:column}.cal-event strong{font-size:8px}.cal-event span{font-size:7px;color:#70868d;margin-top:2px}.cal-event.leave{border-right:2px solid #75aef7}.cal-event.task{border-right:2px solid #f0c46b}.cal-event.goal{border-right:2px solid #6dddab}.cal-event.document{border-right:2px solid #ff949a}.cal-event.birthday{border-right:2px solid #c895ff}
@media(max-width:900px){.ceo-parts{grid-template-columns:repeat(2,1fr)}.trend-list{grid-template-columns:1fr}.calendar-wrap{overflow-x:auto}.calendar-week,.calendar-grid{min-width:900px}}

.score-history{height:150px;display:flex;align-items:flex-end;gap:5px;padding-top:12px}.score-point{height:125px;flex:1;min-width:9px;max-width:28px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.score-point>span{width:100%;min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#6de0aa,#338f68)}.score-point small{font-size:7px;color:#70868d}


/* v15 — Premium Glass / Lightened Executive Theme */
:root{
  --bg:#10272b;
  --panel:#17353a;
  --panel2:#1b3d42;
  --text:#f5fbfa;
  --muted:#a9c0c0;
  --line:rgba(222,255,247,.13);
  --accent:#65ddb1;
  --accent2:#8ecdf5;
  --warning:#f1c777;
  --danger:#ff969d;
}
html,body{
  background:
    radial-gradient(circle at 12% 4%,rgba(101,221,177,.13),transparent 27%),
    radial-gradient(circle at 88% 8%,rgba(142,205,245,.12),transparent 25%),
    radial-gradient(circle at 55% 100%,rgba(111,153,255,.07),transparent 30%),
    linear-gradient(155deg,#17353a 0%,#10282d 44%,#0d2227 100%) fixed !important;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;
  background-image:
   linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
   linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}
.panel,.hero,.answer-card,.calendar-wrap,.ceo-part,.goal-card,.request-card,.trend-alert,.command-hero{
  background:linear-gradient(145deg,rgba(35,75,79,.72),rgba(17,45,51,.58)) !important;
  border:1px solid rgba(222,255,247,.14) !important;
  box-shadow:0 18px 55px rgba(2,16,20,.20),inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
.hero,.command-hero{position:relative;overflow:hidden}
.hero:after,.command-hero:after{
  content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:-90px;top:-135px;
  background:radial-gradient(circle,rgba(101,221,177,.14),transparent 68%);pointer-events:none
}
.hero h1,.command-hero h1{letter-spacing:-.7px;text-shadow:0 8px 28px rgba(0,0,0,.14)}
.eyebrow{color:#82e9c0!important;letter-spacing:1.7px}
.primary,button{
  background:linear-gradient(135deg,#71e2b8,#52c997)!important;
  color:#08251d!important;border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 9px 24px rgba(65,194,145,.18),inset 0 1px 0 rgba(255,255,255,.35);
}
.primary:hover,button:hover{transform:translateY(-1px);filter:brightness(1.05)}
input,select,textarea{
  background:rgba(9,31,36,.52)!important;border:1px solid rgba(218,255,246,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
input:focus,select:focus,textarea:focus{border-color:rgba(101,221,177,.48)!important;box-shadow:0 0 0 3px rgba(101,221,177,.08)}
.stats>div{
  background:linear-gradient(145deg,rgba(37,78,82,.68),rgba(19,48,53,.55))!important;
  border:1px solid rgba(220,255,246,.12)!important;backdrop-filter:blur(16px);
  box-shadow:0 12px 34px rgba(3,18,21,.15),inset 0 1px 0 rgba(255,255,255,.04)
}
.stats b{font-size:26px}
.badge,.mini,.suggestions a,.calendar-toolbar a{
  background:rgba(255,255,255,.045)!important;border-color:rgba(231,255,250,.13)!important;
}
.ceo-score-ring{
  background:radial-gradient(circle at 38% 30%,#24544b 0%,#143d39 48%,#102e31 72%)!important;
  border:7px solid rgba(104,224,177,.88)!important;
  box-shadow:0 0 0 8px rgba(101,221,177,.055),0 20px 50px rgba(0,0,0,.19),inset 0 2px 12px rgba(255,255,255,.08)!important;
}
.progressbar{background:rgba(3,22,26,.38)!important;height:7px!important}
.progressbar span{background:linear-gradient(90deg,#56c998,#83e6be)!important;box-shadow:0 0 15px rgba(101,221,177,.22)}
.calendar-day{background:rgba(18,48,53,.32)!important}
.calendar-day.today{background:linear-gradient(145deg,rgba(74,169,135,.19),rgba(31,76,75,.30))!important}
.cal-event{background:rgba(31,70,75,.78)!important;border:1px solid rgba(255,255,255,.045)}
.tablewrap table tr:hover td{background:rgba(101,221,177,.035)}
.avatar-xl{box-shadow:0 0 0 4px rgba(101,221,177,.08),0 14px 35px rgba(0,0,0,.22)}
nav,header{
  backdrop-filter:blur(22px) saturate(130%);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
}
@media(max-width:700px){
  .hero{border-radius:22px!important}
  .panel{border-radius:18px!important}
}

/* v40.3 — isolate meeting pages from legacy element-level layout rules. */
.mtg-page{
  width:100%!important;max-width:1280px!important;min-width:0!important;
  margin:0 auto 70px!important;padding:0!important;direction:rtl!important;
  align-content:start!important;grid-template-columns:minmax(0,1fr)!important;
}
.mtg-page-head,.mtg-detail-head{
  position:relative!important;inset:auto!important;z-index:auto!important;
  width:100%!important;height:auto!important;min-height:112px!important;
  margin:0!important;padding:21px 23px!important;overflow:visible!important;
  flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
  background:linear-gradient(135deg,#111d27,#0a151d)!important;
  border:1px solid #2b3944!important;border-radius:20px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.2)!important;backdrop-filter:none!important;
}
.mtg-page-head>div:first-child,.mtg-detail-head>div:first-child{min-width:0!important;flex:1 1 auto!important}
.mtg-head-actions{flex:0 0 auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}
.mtg-head-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:39px!important;white-space:nowrap!important}
.mtg-filter-tabs,.mtg-queue-tabs{
  position:static!important;width:100%!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:flex-start!important;gap:7px!important;
  overflow-x:auto!important;background:transparent!important;border:0!important;
  box-shadow:none!important;backdrop-filter:none!important;
}
.mtg-filter-tabs a,.mtg-queue-tabs a{
  width:auto!important;height:34px!important;min-height:34px!important;flex:0 0 auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:0 13px!important;white-space:nowrap!important;
  border:1px solid #2d3b45!important;border-radius:999px!important;
  background:transparent!important;color:#8f9ea6!important;font-size:9px!important;
}
.mtg-filter-tabs a.is-active,.mtg-queue-tabs a.is-active{border-color:#7c56db!important;background:rgba(139,92,246,.15)!important;color:#d4c8f7!important}
.mtg-meeting-list{width:100%!important;min-height:0!important;margin:0!important;padding:0!important;align-content:start!important}
.mtg-empty{min-height:240px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.mtg-action-form-head{height:auto!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;border:0!important}
.mtg-action-form-head strong{font-size:11px!important;color:#bdacf0!important}
.mtg-control-queue .mtg-panel-head .mtg-queue-tabs{width:auto!important}
@media(max-width:700px){
  .mtg-page{margin-bottom:82px!important}
  .mtg-page-head,.mtg-detail-head{min-height:0!important;padding:16px!important;flex-direction:column!important;align-items:flex-start!important}
  .mtg-head-actions{width:100%!important}
  .mtg-head-actions a{flex:1 1 0!important;white-space:normal!important;text-align:center!important}
  .mtg-control-queue .mtg-panel-head .mtg-queue-tabs{width:100%!important}
}

/* v40.2 — meeting minutes and graphical executive follow-up. */
.mtg-page{display:grid;gap:14px;max-width:1280px;margin:0 auto 70px;color:#edf3f6}.mtg-page a{text-decoration:none}.mtg-page-head,.mtg-detail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 23px;border:1px solid #2b3944;border-radius:20px;background:linear-gradient(135deg,#111d27,#0a151d);box-shadow:0 16px 34px rgba(0,0,0,.2)}.mtg-page-head>div:first-child>span{color:#9d7cf5;font-size:9px;font-weight:900;letter-spacing:1.3px}.mtg-page-head h1,.mtg-detail-head h1{margin:6px 0!important;color:#f5f7f8!important;font-size:25px!important}.mtg-page-head p,.mtg-detail-head p{margin:0;color:#92a1aa;font-size:10px}.mtg-page-head>a,.mtg-head-actions a,.mtg-detail-head>div>a{color:#bea8ff;font-size:10px;font-weight:800}.mtg-head-actions{display:flex;gap:8px}.mtg-head-actions a{padding:10px 12px;border:1px solid #394853;border-radius:11px;color:#b8c4ca}.mtg-head-actions a.is-primary{border-color:#7952dc;background:#7952dc;color:#fff}.mtg-surface{padding:19px;border:1px solid #2f3e48;border-radius:18px;background:linear-gradient(145deg,#111e27,#0a151d);box-shadow:0 13px 29px rgba(0,0,0,.19)}.mtg-section-title,.mtg-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mtg-section-title>b{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(139,92,246,.16);color:#bca7ff;font-size:15px}.mtg-section-title>div{flex:1}.mtg-section-title h2,.mtg-panel-head h2{margin:0!important;color:#f0f4f6!important;font-size:16px!important}.mtg-section-title p,.mtg-panel-head p{margin:4px 0 0;color:#8999a2;font-size:9px}.mtg-panel-head>span,.mtg-panel-head>strong{color:#9eabb2;font-size:10px}.mtg-create-form{display:grid;gap:13px}.mtg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mtg-form-grid label{display:grid;gap:6px}.mtg-form-grid label>span,.mtg-update-form label,.mtg-manage-form label{color:#aebbc2;font-size:10px;font-weight:800}.mtg-form-grid input,.mtg-form-grid select,.mtg-form-grid textarea,.mtg-update-form :is(input,select,textarea),.mtg-manage-form :is(input,select,textarea),.mtg-add-step input{width:100%;min-height:42px;padding:10px 11px;border:1px solid #384954;border-radius:11px;background:#07131b;color:#f2f6f7;font:inherit}.mtg-form-grid select[multiple]{min-height:145px}.mtg-form-grid textarea{resize:vertical}.mtg-form-grid em,.mtg-update-form .errorlist,.mtg-manage-form .errorlist{color:#fb7185;font-size:9px;font-style:normal}.mtg-wide{grid-column:1/-1}.mtg-add-action{padding:9px 11px;border:1px solid rgba(139,92,246,.5);border-radius:10px;background:rgba(139,92,246,.13);color:#c4b3f8}.mtg-action-forms{display:grid;gap:10px}.mtg-action-form{padding:15px;border:1px solid #2d3d47;border-radius:15px;background:#0b1720}.mtg-action-form.is-optional{display:none}.mtg-action-form header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mtg-action-form header strong{font-size:11px;color:#bdacf0}.mtg-remove-action{border:0;background:transparent;color:#778891;font-size:20px}.mtg-submit-bar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border:1px solid #4a3a71;border-radius:16px;background:rgba(20,15,32,.94);backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(0,0,0,.36)}.mtg-submit-bar strong,.mtg-submit-bar small{display:block}.mtg-submit-bar strong{font-size:11px}.mtg-submit-bar small{margin-top:4px;color:#8d9aa1;font-size:8px}.mtg-submit-bar button,.mtg-update-form button,.mtg-manage-form button{padding:11px 15px;border:0;border-radius:11px;background:linear-gradient(135deg,#8b5cf6,#6640c5);color:#fff;font-weight:800}.mtg-error{padding:11px;border:1px solid rgba(251,113,133,.4);border-radius:11px;background:rgba(251,113,133,.09);color:#ff9aaa;font-size:10px}.mtg-filter-tabs{display:flex;gap:7px}.mtg-filter-tabs a{padding:8px 13px;border:1px solid #2d3b45;border-radius:999px;color:#8f9ea6;font-size:9px}.mtg-filter-tabs a.is-active{border-color:#7c56db;background:rgba(139,92,246,.15);color:#d4c8f7}.mtg-meeting-list{display:grid;gap:9px}.mtg-meeting-card{display:grid;grid-template-columns:72px minmax(0,1fr) 190px;gap:15px;align-items:center;padding:15px 18px;border:1px solid #2d3c47;border-radius:17px;background:linear-gradient(145deg,#101c25,#09151d);color:#edf3f6;transition:.18s}.mtg-meeting-card:hover{transform:translateY(-2px);border-color:#5e478d}.mtg-date-block{width:65px;height:65px;display:grid;place-items:center;border-radius:16px;background:rgba(139,92,246,.14);color:#cebfff}.mtg-date-block strong{font-size:22px;line-height:1}.mtg-date-block span{font-size:8px}.mtg-meeting-copy>div:first-child{display:flex;align-items:center;gap:8px}.mtg-meeting-copy h2{margin:0!important;color:#eff4f6!important;font-size:14px!important}.mtg-meeting-copy p{margin:6px 0;color:#8c9ba4;font-size:9px}.mtg-attendees{display:flex;align-items:center}.mtg-attendees i,.mtg-people-grid i,.mtg-owner-list>div>i,.mtg-queue-owner>i{width:27px;height:27px;display:grid;place-items:center;margin-left:-5px;border:2px solid #111d26;border-radius:50%;background:#704acb;color:#fff;font-size:9px;font-style:normal}.mtg-attendees small{margin-right:10px;color:#7f8d95;font-size:8px}.mtg-meeting-progress div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.mtg-meeting-progress b{color:#8fe5b2;font-size:13px}.mtg-meeting-progress span{color:#83919a;font-size:8px}.mtg-progress{height:6px;overflow:hidden;border-radius:999px;background:#1c2a33}.mtg-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#38d985)}.mtg-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#1a2832;color:#a9b6bd;font-size:8px;font-weight:800;white-space:nowrap}.status-open,.status-doing{background:rgba(139,92,246,.13);color:#baa4fa}.status-closed,.status-done{background:rgba(53,208,127,.13);color:#79e5a9}.status-awaiting_approval{background:rgba(255,187,85,.13);color:#ffc96f}.status-blocked,.mtg-status.is-overdue{background:rgba(251,113,133,.13);color:#ff8da0}.mtg-detail-head>div:first-child{min-width:0}.mtg-detail-head>div:first-child>a{display:block;margin-bottom:9px}.mtg-detail-head .mtg-status{margin-left:8px}.mtg-outline-button{padding:10px 12px;border:1px solid #3a4a55;border-radius:10px;background:transparent;color:#acb8be}.mtg-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mtg-summary{color:#c5d0d5;font-size:11px;line-height:2}.mtg-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mtg-people-grid>div{display:flex;align-items:center;gap:9px;padding:9px;border-radius:11px;background:#0b1720}.mtg-people-grid i{margin:0}.mtg-people-grid span{font-size:10px}.mtg-people-grid small{display:block;margin-top:3px;color:#778791;font-size:8px}.mtg-actions-panel{padding-bottom:8px}.mtg-detail-actions{display:grid}.mtg-detail-action{display:grid;grid-template-columns:6px minmax(180px,1fr) 110px 105px;gap:12px;align-items:center;padding:13px 4px;border-top:1px solid #293943;color:#e8eef1}.mtg-detail-action:first-child{border-top:0}.mtg-priority{width:6px;height:43px;border-radius:999px;background:#8b5cf6}.priority-high{background:#ffbb55}.priority-urgent,.mtg-detail-action.is-overdue .mtg-priority{background:#fb7185}.mtg-action-copy strong{display:block;font-size:11px}.mtg-action-copy small{display:block;margin-top:5px;color:#87969f;font-size:8px}.mtg-action-meter b{display:block;margin-bottom:7px;color:#c5d0d5;font-size:9px}.mtg-big-progress{text-align:center}.mtg-big-progress strong{display:block;color:#75e5a6;font-size:28px}.mtg-big-progress span{color:#84939c;font-size:8px}.mtg-update-form,.mtg-manage-form{display:grid;gap:10px}.mtg-update-form p,.mtg-manage-form p{display:grid;gap:6px;margin:0}.mtg-manage-form{grid-template-columns:repeat(3,1fr);align-items:end}.mtg-manage-form button{height:42px}.mtg-step-list{display:grid;gap:7px}.mtg-step-list form{margin:0}.mtg-step-list button{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border:0;border-radius:10px;background:#0a171f;color:#bec9ce;text-align:right}.mtg-step-list button i{width:22px;height:22px;display:grid;place-items:center;border:2px solid #53616a;border-radius:50%;font-style:normal}.mtg-step-list button.is-done{color:#72dda0;text-decoration:line-through}.mtg-step-list button.is-done i{border-color:#35d07f;background:#35d07f;color:#07130d}.mtg-add-step{display:grid;grid-template-columns:1fr 40px;gap:7px;margin-top:11px}.mtg-add-step button{border:0;border-radius:10px;background:#6543b9;color:#fff}.mtg-timeline{display:grid;gap:0}.mtg-timeline article{display:grid;grid-template-columns:15px 1fr;gap:11px;padding:0 0 17px}.mtg-timeline article>i{width:10px;height:10px;margin-top:3px;border:3px solid #9c7bf1;border-radius:50%;box-shadow:0 0 0 5px rgba(139,92,246,.1)}.mtg-timeline strong{display:block;font-size:10px}.mtg-timeline span{display:block;margin-top:4px;color:#80909a;font-size:8px}.mtg-timeline p{margin:7px 0 0;color:#b9c4c9;font-size:9px}.mtg-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mtg-kpi{position:relative;overflow:hidden;min-height:137px;padding:16px;border:1px solid;border-radius:18px;color:#f7f8fa;box-shadow:0 15px 32px rgba(0,0,0,.2);transition:.18s}.mtg-kpi:hover{transform:translateY(-3px)}.mtg-kpi:after{content:"";position:absolute;left:-25px;bottom:-45px;width:120px;height:120px;border-radius:50%;background:currentColor;opacity:.07}.mtg-kpi span{display:flex;align-items:center;gap:8px;font-size:10px}.mtg-kpi span i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.12);font-size:14px;font-style:normal}.mtg-kpi strong{display:block;margin:15px 0 5px;font-size:28px}.mtg-kpi small{opacity:.7;font-size:8px}.kpi-purple{border-color:#7049c8;background:linear-gradient(145deg,#432b73,#22183a);color:#d9caff}.kpi-blue{border-color:#387fc2;background:linear-gradient(145deg,#1f527d,#102b43);color:#c4e4ff}.kpi-gold{border-color:#a87529;background:linear-gradient(145deg,#684818,#34250f);color:#ffe0a8}.kpi-red{border-color:#b6455b;background:linear-gradient(145deg,#702b3a,#381720);color:#ffc1cc}.mtg-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:12px}.mtg-donut-row{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center}.mtg-donut{--done:0;width:145px;height:145px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#35d07f calc(var(--done)*1%),#8b5cf6 0 79%,#ffbb55 0 91%,#fb7185 0);position:relative}.mtg-donut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#0d1922}.mtg-donut>div{position:relative;z-index:1;text-align:center}.mtg-donut strong{display:block;font-size:26px}.mtg-donut span{color:#83929b;font-size:8px}.mtg-dashboard-legend{display:grid;gap:11px}.mtg-dashboard-legend p{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;margin:0;color:#aab6bd;font-size:9px}.mtg-dashboard-legend p>i{width:9px;height:9px;border-radius:3px}.mtg-dashboard-legend .is-green{background:#35d07f}.mtg-dashboard-legend .is-purple{background:#8b5cf6}.mtg-dashboard-legend .is-gold{background:#ffbb55}.mtg-dashboard-legend .is-red{background:#fb7185}.mtg-owner-list{display:grid;gap:12px}.mtg-owner-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.mtg-owner-list>div>i{width:34px;height:34px;margin:0}.mtg-owner-list span strong,.mtg-owner-list span small{display:block}.mtg-owner-list span strong{font-size:9px}.mtg-owner-list span small{margin-top:3px;color:#82919a;font-size:7px}.mtg-owner-list span>em{display:block;height:5px;margin-top:6px;overflow:hidden;border-radius:99px;background:#202e37}.mtg-owner-list span>em b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#35d07f)}.mtg-owner-list>div>b{font-size:10px}.mtg-control-queue{grid-column:1/-1}.mtg-control-queue .mtg-panel-head nav{display:flex;gap:6px}.mtg-control-queue .mtg-panel-head nav a{padding:7px 9px;border-radius:999px;color:#87969f;font-size:8px}.mtg-control-queue .mtg-panel-head nav a.is-active{background:rgba(139,92,246,.14);color:#c5b4f5}.mtg-queue-list{display:grid}.mtg-queue-list>a{display:grid;grid-template-columns:6px minmax(220px,1.4fr) minmax(125px,.65fr) 100px 105px;gap:11px;align-items:center;padding:12px 3px;border-top:1px solid #293943;color:#e5ecef}.mtg-queue-list>a:first-child{border-top:0}.mtg-queue-list>a>div strong{display:block;font-size:10px}.mtg-queue-list>a>div small{display:block;margin-top:4px;color:#7e8e97;font-size:7px}.mtg-queue-owner{display:flex;align-items:center;gap:7px;font-size:8px}.mtg-queue-owner>i{width:27px;height:27px;margin:0}.mtg-queue-progress>b{display:block;margin-bottom:6px;font-size:8px}.mtg-queue-progress>i{display:block;height:5px;overflow:hidden;border-radius:99px;background:#21303a}.mtg-queue-progress>i em{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#35d07f)}.mtg-empty{padding:35px;text-align:center;color:#82919a}.mtg-empty b,.mtg-empty a{display:block}.mtg-empty a{margin-top:9px;color:#baa5f7}
@media(max-width:900px){.mtg-kpis{grid-template-columns:repeat(2,1fr)}.mtg-dashboard-grid{grid-template-columns:1fr}.mtg-control-queue{grid-column:auto}.mtg-meeting-card{grid-template-columns:65px minmax(0,1fr)}.mtg-meeting-progress{grid-column:1/-1}.mtg-queue-list>a{grid-template-columns:6px minmax(180px,1fr) 115px 90px}.mtg-queue-list .mtg-queue-progress{display:none}}
@media(max-width:700px){.mtg-page{gap:10px;margin-bottom:80px}.mtg-page-head,.mtg-detail-head{align-items:flex-start;padding:16px;flex-direction:column}.mtg-page-head h1,.mtg-detail-head h1{font-size:21px!important}.mtg-head-actions{width:100%}.mtg-head-actions a{flex:1;text-align:center}.mtg-form-grid,.mtg-detail-grid{grid-template-columns:1fr}.mtg-wide{grid-column:auto}.mtg-section-title{align-items:flex-start;flex-wrap:wrap}.mtg-section-title>div{min-width:180px}.mtg-add-action{width:100%}.mtg-action-form.is-optional{display:block}.mtg-submit-bar{bottom:72px}.mtg-submit-bar>div{display:none}.mtg-submit-bar button{width:100%}.mtg-meeting-card{padding:12px}.mtg-date-block{width:56px;height:56px}.mtg-people-grid{grid-template-columns:1fr}.mtg-detail-action{grid-template-columns:5px 1fr auto}.mtg-detail-action .mtg-action-meter{display:none}.mtg-manage-form{grid-template-columns:1fr}.mtg-kpis{gap:7px}.mtg-kpi{min-height:116px;padding:13px}.mtg-kpi strong{font-size:24px}.mtg-donut-row{grid-template-columns:1fr}.mtg-donut{margin:auto}.mtg-panel-head{align-items:flex-start;flex-direction:column}.mtg-control-queue .mtg-panel-head nav{width:100%;overflow:auto}.mtg-queue-list>a{grid-template-columns:5px 1fr auto}.mtg-queue-list .mtg-queue-owner{grid-column:2}.mtg-queue-list .mtg-status{grid-column:3;grid-row:1/3}}

/* v16 — Reference-matched GreenLife Premium Light Glass */
:root{
 --bg:#f3f6f5;--surface:rgba(255,255,255,.78);--surface2:rgba(250,253,252,.92);
 --text:#263332;--muted:#879391;--muted2:#a7b1af;--line:rgba(45,76,69,.075);
 --green:#14955f;--green2:#45c68b;--green-soft:#eaf6f0;
 --danger:#f05f67;--warning:#f5a33a;--info:#4e9ff4;
 --radius:24px;--shadow:0 12px 38px rgba(53,82,74,.075);
}
html,body{background:#f4f7f6!important;color:var(--text)!important}
body{
 background:
 radial-gradient(circle at 15% 4%,rgba(92,194,148,.075),transparent 24%),
 radial-gradient(circle at 86% 5%,rgba(116,176,220,.055),transparent 24%),
 linear-gradient(180deg,#f8faf9,#f1f5f3)!important;
}
body:before{opacity:.12!important;background-image:none!important}
aside{
 background:rgba(255,255,255,.76)!important;border-left:1px solid rgba(35,72,64,.06)!important;
 box-shadow:-10px 0 35px rgba(40,74,65,.035);backdrop-filter:blur(24px) saturate(130%)!important;
}
aside .brand{color:#1d4435!important;font-weight:900}
aside .brand small{color:#87a096!important}
aside nav a{color:#5f6d6b!important;font-weight:600}
aside nav a:hover{background:#edf7f2!important;color:#16845a!important}
header{
 background:rgba(247,250,249,.76)!important;border-bottom:1px solid rgba(34,70,62,.055)!important;
 box-shadow:0 6px 28px rgba(48,79,71,.025);backdrop-filter:blur(22px)!important
}
.panel,.hero,.answer-card,.calendar-wrap,.ceo-part,.goal-card,.request-card,.trend-alert,.command-hero,.stats>div{
 background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(249,252,251,.78))!important;
 border:1px solid rgba(45,76,69,.07)!important;
 box-shadow:0 12px 36px rgba(52,81,73,.065),inset 0 1px 0 rgba(255,255,255,.95)!important;
 backdrop-filter:blur(20px) saturate(125%)!important;
 color:#263332!important;
}
.hero{min-height:145px;padding:26px 30px!important}
.hero:after,.command-hero:after{
 background:radial-gradient(circle,rgba(55,190,126,.08),transparent 68%)!important
}
.hero h1,.command-hero h1,h1,h2,h3,strong,b{color:#263332!important;text-shadow:none!important}
.hero p,.muted,.panel small,.priority-main small,.task-premium small{color:#899795!important}
.eyebrow{color:#169461!important}
.primary,button{
 background:linear-gradient(135deg,#22a66e,#48c98d)!important;color:white!important;
 border:0!important;box-shadow:0 8px 20px rgba(36,164,109,.17)!important
}
.mini,.badge,.suggestions a,.calendar-toolbar a{
 background:#f4f8f6!important;color:#657572!important;border:1px solid rgba(39,79,69,.075)!important
}
input,select,textarea{
 background:rgba(248,251,250,.94)!important;color:#31413e!important;
 border:1px solid rgba(45,76,69,.09)!important;box-shadow:inset 0 1px 2px rgba(40,72,64,.02)!important
}
input::placeholder,textarea::placeholder{color:#aab4b2!important}
input:focus,select:focus,textarea:focus{border-color:rgba(29,159,103,.32)!important;box-shadow:0 0 0 4px rgba(29,159,103,.055)!important}
.stats>div{min-height:112px!important}
.stats span{color:#879491!important}.stats b{color:#263332!important;font-size:27px!important}
table{color:#34423f!important}th{color:#899693!important;border-color:rgba(44,73,66,.07)!important}
td{border-color:rgba(44,73,66,.055)!important}tbody tr:hover{background:rgba(31,160,105,.025)!important}
.avatar-xs,.avatar-sm,.avatar-lg,.avatar-xl,.avatar-md{
 background:#e8f4ee!important;color:#16895c!important;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 6px 18px rgba(44,82,71,.08)!important
}
.progressbar,.branch-bar{background:#e7efec!important}
.progressbar span,.branch-bar span{background:linear-gradient(90deg,#169861,#45c98b)!important;box-shadow:none!important}
.ceo-score-ring{
 background:radial-gradient(circle,#fff 45%,#edf7f2 47%,#fff 69%)!important;
 border:7px solid #2aaa72!important;box-shadow:0 10px 30px rgba(42,170,114,.10)!important
}
.ceo-score-ring strong{color:#16895c!important}
.trend-alert,.trend-row,.insight-row,.row,.task,.request-card{border-color:rgba(45,76,69,.06)!important}
.trend-icon{background:#f0f6f3!important}
.calendar-wrap{background:rgba(255,255,255,.82)!important}
.calendar-week b{color:#7d8c89!important;border-color:rgba(45,76,69,.06)!important}
.calendar-day{background:rgba(252,254,253,.82)!important;border-color:rgba(45,76,69,.055)!important}
.calendar-day.today{background:#eef8f3!important;box-shadow:inset 0 0 0 1px rgba(27,157,103,.16)!important}
.cal-event{background:#f2f7f5!important;border-color:rgba(45,76,69,.05)!important}
.cal-event span{color:#82918e!important}
.command-hero{background:radial-gradient(circle at 50% 0,rgba(55,190,126,.08),transparent 40%),rgba(255,255,255,.82)!important}
.answer-card{background:linear-gradient(145deg,#f7fcf9,#eef8f3)!important}
.executive-shell .glass-card,.attention-card,.metric-card,.branch-card{
 background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,252,250,.80))!important;
 border:1px solid rgba(45,76,69,.07)!important;color:#263332!important;
 box-shadow:0 12px 36px rgba(52,81,73,.065)!important
}
.exec-hero h1,.metric-card strong,.priority-main strong,.priority-stat b,.branch-title strong,.branch-bottom b{color:#263332!important}
.exec-hero p,.metric-card span,.metric-card small,.priority-main small,.priority-stat span,.branch-title span,.branch-bottom{color:#899795!important}
.metric-icon{background:#eaf7f0!important;color:#15915f!important}
.metric-card.metric-attention{background:linear-gradient(145deg,#fff,#fff8f8)!important}
.metric-card.metric-attention .metric-icon{background:#fff0f1!important;color:#ed6c74!important}
.priority-person,.task-premium{background:rgba(247,250,249,.75)!important;border-color:rgba(45,76,69,.055)!important}
.priority-person:hover{background:#f0f8f4!important}
.count-badge{background:#edf5f1!important;color:#527068!important}
.exec-btn{background:#f5f8f7!important;color:#536763!important;border-color:rgba(45,76,69,.08)!important}
.exec-btn.primary{background:linear-gradient(135deg,#199c65,#43c789)!important;color:white!important}
.exec-filter select{background:#f7faf9!important;color:#354743!important}
.score-point>span{background:linear-gradient(180deg,#45c98b,#15955f)!important}
@media(max-width:760px){aside{background:rgba(255,255,255,.94)!important}}


/* =========================================================
   v17 CAMP MODULE — GreenLife Field Operations
   Light premium glass + earthy executive accents
   ========================================================= */
.camp-main-link{font-weight:900!important;color:#197653!important}
.camp-shell{max-width:1500px;margin:0 auto;padding:22px 28px 40px}
.camp-tabs{
 display:flex;gap:7px;overflow-x:auto;padding:8px;margin-bottom:16px;
 background:rgba(255,255,255,.68);border:1px solid rgba(63,88,75,.07);border-radius:18px;
 box-shadow:0 9px 28px rgba(55,73,65,.045);backdrop-filter:blur(18px)
}
.camp-tabs a{
 white-space:nowrap;padding:9px 13px;border-radius:11px;font-size:10px;font-weight:700;
 color:#6d7873;transition:.16s ease
}
.camp-tabs a:hover,.camp-tabs a.active{background:#eaf6ef;color:#147650}
.camp-hero,.camp-commander-hero{
 min-height:170px;padding:28px 30px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;
 background:
 radial-gradient(circle at 83% 20%,rgba(207,179,110,.13),transparent 29%),
 linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,249,244,.88));
 border:1px solid rgba(50,86,68,.08);box-shadow:0 18px 44px rgba(50,74,63,.065);overflow:hidden;position:relative
}
.camp-hero:after,.camp-commander-hero:after{
 content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-100px;bottom:-180px;
 background:radial-gradient(circle,rgba(32,153,101,.10),transparent 67%)
}
.camp-hero h1,.camp-commander-hero h1{font-size:31px;margin:5px 0 8px;letter-spacing:-.7px}
.camp-hero p,.camp-commander-hero p{color:#81908a;margin:0}.camp-role-pill{
 border:1px solid rgba(28,128,85,.13);background:#edf8f2;color:#15734f;border-radius:999px;padding:9px 13px;font-size:9px;font-weight:900;text-transform:uppercase
}
.camp-hero-actions{display:flex;gap:8px;align-items:center;z-index:1}.camp-demo-btn{
 background:#fffaf0!important;color:#8a6c2c!important;border:1px solid rgba(161,124,53,.15)!important;
 box-shadow:none!important;font-size:9px;padding:9px 12px!important
}
.camp-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0}
.camp-kpi{
 min-height:122px;padding:17px 18px;border-radius:21px;display:flex;flex-direction:column;justify-content:center;
 background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(248,251,249,.84));
 border:1px solid rgba(49,81,68,.07);box-shadow:0 12px 35px rgba(44,70,60,.05);transition:.17s ease
}
a.camp-kpi:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(44,70,60,.08);border-color:rgba(30,150,97,.14)}
.camp-kpi span{font-size:10px;color:#7f8c87}.camp-kpi b{font-size:20px;margin:6px 0;color:#25342f}.camp-kpi small{font-size:8px;color:#9aa49f}
.camp-grid{display:grid;gap:13px;margin:14px 0}.camp-grid.two{grid-template-columns:1.1fr .9fr}
.camp-card,.camp-form-card{
 background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(249,252,250,.87));border:1px solid rgba(51,80,68,.07);
 border-radius:24px;padding:19px;box-shadow:0 13px 38px rgba(44,70,60,.052);backdrop-filter:blur(18px)
}
.camp-count{min-width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1f6f3;color:#486257;font-size:11px;font-weight:900}
.camp-alert{display:flex;gap:11px;padding:12px;border-radius:15px;margin-bottom:8px;border:1px solid rgba(63,80,73,.055);background:#fafcfb}
.camp-alert-icon{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-weight:900}
.camp-alert strong{font-size:11px}.camp-alert p{font-size:9px;color:#7e8a86;margin:4px 0 0;line-height:1.65}
.camp-alert.danger{background:#fff8f8;border-color:rgba(221,84,91,.08)}.camp-alert.danger .camp-alert-icon{background:#fff0f1;color:#e85961}
.camp-alert.warning{background:#fffbf3;border-color:rgba(199,147,45,.09)}.camp-alert.warning .camp-alert-icon{background:#fff4da;color:#b68225}
.camp-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid rgba(55,83,71,.06)}
.camp-row:last-child{border:0}.camp-row>div:first-child{display:flex;flex-direction:column}.camp-row small{font-size:8px;color:#929d98;margin-top:4px}.camp-money{font-weight:900;color:#19704f;font-size:11px}
.camp-empty{text-align:center;color:#99a39f;padding:28px;font-size:10px}
.camp-quick-actions{
 position:sticky;bottom:14px;z-index:12;margin:18px auto 0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;
 padding:9px;background:rgba(255,255,255,.82);border:1px solid rgba(48,80,67,.075);border-radius:18px;
 box-shadow:0 18px 46px rgba(41,66,56,.10);backdrop-filter:blur(20px)
}
.camp-quick-actions a{display:flex;align-items:center;gap:6px;padding:10px 13px;border-radius:12px;background:#f5f9f7;color:#426057;font-size:9px;font-weight:800}
.camp-quick-actions a span{width:23px;height:23px;border-radius:8px;background:#e4f4eb;color:#17845a;display:flex;align-items:center;justify-content:center}
.camp-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:15px 3px;margin:6px 0 10px}
.camp-page-head h1{font-size:27px;margin:4px 0}.camp-page-head p{color:#8b9692;margin:0;font-size:10px}
.camp-table-sub{display:block;color:#98a29e;margin-top:4px;font-size:8px}
.camp-chip{display:inline-flex;align-items:center;min-height:25px;border-radius:999px;padding:0 9px;font-size:8px;font-weight:800;background:#eef3f1;color:#5e716a}
.camp-chip.urgent,.camp-chip.status-rejected{background:#fff0f1;color:#d85159}.camp-chip.important{background:#fff7e5;color:#a57523}
.camp-chip.status-approved,.camp-chip.status-paid,.camp-chip.status-done{background:#eaf7f0;color:#147c53}
.camp-chip.status-pending,.camp-chip.status-doing{background:#f3f0ff;color:#6e55aa}.camp-chip.status-purchased{background:#edf5ff;color:#407ab1}
.camp-danger-text{display:block;color:#d9535c!important;font-size:8px!important;margin-top:4px}.camp-warning-text{display:block;color:#ad7921!important;font-size:8px!important;margin-top:4px}
.camp-owner-required{background:#fffdf7}.camp-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.camp-actions form{margin:0}
.camp-mini-action{
 display:inline-flex;align-items:center;justify-content:center;padding:6px 9px!important;border-radius:9px!important;
 border:1px solid rgba(50,80,68,.08)!important;background:#f4f8f6!important;color:#526b62!important;font-size:8px!important;box-shadow:none!important
}
.camp-mini-action.ok{background:#eaf7f0!important;color:#157b52!important}.camp-mini-action.danger{background:#fff0f1!important;color:#d44f57!important}
.camp-inventory-grid,.camp-project-grid,.camp-food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.inventory-card,.project-card,.food-card,.worker-card{
 background:rgba(255,255,255,.91);border:1px solid rgba(50,79,67,.07);border-radius:20px;padding:16px;box-shadow:0 11px 30px rgba(48,72,63,.045)
}
.inventory-card.status-low{border-top:3px solid #dfa63f}.inventory-card.status-critical{border-top:3px solid #e45c64}.inventory-card.status-ok{border-top:3px solid #42b980}
.inventory-status{text-transform:uppercase;font-size:7px;color:#81918b}.inventory-number{font-size:27px;font-weight:900;margin:12px 0}.inventory-number small{font-size:10px;color:#8d9a95}
.inventory-meta{display:flex;justify-content:space-between;color:#8b9893;font-size:8px;margin-bottom:10px}.inventory-meta b{color:#43564f}
.camp-outline-btn{display:block;text-align:center;border:1px solid rgba(36,132,91,.13);color:#1b7c57;border-radius:11px;padding:8px;margin-top:12px;font-size:8px;font-weight:800}
.camp-worker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.worker-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px}
.worker-avatar{width:54px;height:54px;border-radius:17px;overflow:hidden;background:#e9f5ef;display:flex;align-items:center;justify-content:center;color:#18835a;font-weight:900;font-size:18px}.worker-avatar img{width:100%;height:100%;object-fit:cover}
.worker-info{display:flex;flex-direction:column}.worker-info strong{font-size:11px}.worker-info small{font-size:8px;color:#8d9995;margin-top:4px}.worker-info span{font-size:8px;color:#477360;margin-top:5px}
.worker-today{text-align:left;display:flex;flex-direction:column;align-items:flex-end}.worker-today b{font-size:9px}.worker-today small{font-size:7px;color:#8d9995;margin-top:3px}.worker-today.present b{color:#178054}.worker-today.absent b{color:#b47736}
.camp-task-list{display:flex;flex-direction:column;gap:8px}.camp-task{
 display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;background:#fff;border:1px solid rgba(51,80,68,.065);border-radius:17px;box-shadow:0 8px 24px rgba(48,70,62,.035)
}
.camp-task.priority-urgent{border-right:3px solid #e45c64}.camp-task.priority-important{border-right:3px solid #dfa63f}
.camp-task-main{display:flex;gap:11px;align-items:flex-start}.camp-task-check{width:31px;height:31px;border-radius:10px;background:#eef7f2;color:#168258;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}
.camp-task-main>div:last-child{display:flex;flex-direction:column}.camp-task-main strong{font-size:11px}.camp-task-main small{font-size:8px;color:#8b9792;margin-top:4px}.camp-task-main p{font-size:8px;color:#77847f;margin:6px 0 0}
.camp-task-side{display:flex;gap:8px;align-items:center}.project-card.over-budget{border-top:3px solid #e35c64}.project-progress{color:#17865a;font-size:17px}.project-costs{display:flex;justify-content:space-between;margin-top:13px;font-size:8px;color:#88958f}.project-costs b{display:block;color:#344740;margin-top:3px}
.project-blocker{margin-top:10px;padding:8px;border-radius:10px;background:#fff8eb;color:#8b692d;font-size:8px}
.food-card{position:relative}.food-date{font-size:8px;color:#178158;font-weight:800}.food-card h3{margin:8px 0 5px}.food-people{font-size:9px;color:#7d8d87}.food-card p{font-size:8px;color:#87938e;min-height:35px}.food-cost{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(50,80,68,.06);padding-top:10px;margin-top:10px}.food-cost span{font-size:7px;color:#929e99}.food-cost strong{font-size:10px;color:#17734f}
.camp-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.camp-photo{margin:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(50,80,68,.07);box-shadow:0 10px 30px rgba(47,70,62,.045)}
.camp-photo img{width:100%;height:190px;object-fit:cover;display:block}.camp-photo figcaption{padding:12px;display:flex;flex-direction:column}.camp-photo strong{font-size:10px}.camp-photo span{font-size:7px;color:#8c9994;margin-top:4px}.camp-photo p{font-size:8px;color:#687973;margin:7px 0 0}
.report-kpis{grid-template-columns:repeat(3,1fr)}.today-summary{margin-top:14px}.summary-lines{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.summary-lines>div{padding:13px;border-radius:14px;background:#f6f9f7;display:flex;flex-direction:column}.summary-lines span{font-size:8px;color:#899691}.summary-lines b{font-size:11px;margin-top:5px}
.camp-commander-hero{background:radial-gradient(circle at 83% 20%,rgba(199,161,75,.14),transparent 30%),linear-gradient(135deg,#fff,#f5faf7)}.commander-score{width:95px;height:95px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f8f4;border:7px solid #c5a660;z-index:1}.commander-score b{font-size:24px;color:#2c4a3e}.commander-score span{font-size:7px;color:#8b948f}
.commander-check form{display:flex;flex-direction:column;gap:9px}.commander-check label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#61726b}.commander-check textarea{min-height:57px}.done-mark{font-size:8px;color:#17835a;background:#eaf7f0;padding:6px 8px;border-radius:9px}
.camp-form-card{max-width:880px;margin:20px auto}.camp-form p{display:flex;flex-direction:column;gap:5px}.camp-form label{font-size:9px;color:#697973}.camp-form .helptext{font-size:7px;color:#95a09b}
.ecosystem-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.ecosystem-card{padding:15px;border-radius:17px;background:#fff;border:1px solid rgba(50,80,68,.07);display:flex;flex-direction:column;min-height:105px}.ecosystem-card strong{font-size:11px}.ecosystem-card small{font-size:8px;color:#8b9893;margin-top:5px}.ecosystem-card .eco-status{margin-top:auto;font-size:7px;color:#168258}.ecosystem-card.placeholder{opacity:.62}
@media(max-width:1150px){.camp-kpi-grid{grid-template-columns:repeat(2,1fr)}.camp-inventory-grid,.camp-project-grid,.camp-food-grid{grid-template-columns:repeat(2,1fr)}.camp-photo-grid{grid-template-columns:repeat(3,1fr)}.ecosystem-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 .camp-shell{padding:12px 12px 90px}.camp-tabs{border-radius:14px;margin-bottom:10px}.camp-hero,.camp-commander-hero{padding:20px;min-height:150px;align-items:flex-start}.camp-hero h1,.camp-commander-hero h1{font-size:25px}
 .camp-hero-actions{flex-direction:column;align-items:flex-end}.camp-kpi-grid,.camp-grid.two,.camp-inventory-grid,.camp-project-grid,.camp-food-grid,.camp-worker-grid,.report-kpis,.summary-lines{grid-template-columns:1fr}
 .camp-photo-grid{grid-template-columns:repeat(2,1fr)}.camp-photo img{height:145px}.camp-page-head{align-items:flex-start;flex-direction:column}
 .camp-task{align-items:flex-start;flex-direction:column}.camp-task-side{width:100%;justify-content:space-between}.worker-card{grid-template-columns:48px 1fr auto;padding:12px}.worker-avatar{width:48px;height:48px;border-radius:15px}
 .camp-quick-actions{position:fixed;right:8px;left:8px;bottom:8px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.camp-quick-actions a{white-space:nowrap;flex:0 0 auto}
 .ecosystem-grid{grid-template-columns:repeat(2,1fr)}
}

.camp-table-link{display:inline-block;margin-top:5px;font-size:7px;color:#157b52;text-decoration:underline}
.project-thumb{width:100%;height:150px;object-fit:cover;border-radius:14px;margin-bottom:12px}
.commander-note{padding:12px;border-radius:14px;background:#fff8ea;margin-top:8px}.commander-note.tomorrow{background:#eef8f3}.commander-note p{margin:5px 0 0;font-size:9px;color:#6f7d78;line-height:1.7}

/* =========================================================
   v18 REFERENCE UI — GreenLife light executive system
   Reference: premium Camp dashboard supplied by owner
   ========================================================= */
:root{
 --v18-bg:#f6f8f7;--v18-card:#fff;--v18-text:#1f312b;--v18-muted:#8c9994;
 --v18-green:#177c54;--v18-green2:#2aa66d;--v18-line:#edf0ee;
 --v18-shadow:0 9px 26px rgba(37,64,53,.065);--v18-radius:17px
}
html{background:var(--v18-bg)}
body{display:block!important;min-height:100vh;background:var(--v18-bg)!important;color:var(--v18-text)!important;font-family:Tahoma,Arial,sans-serif;font-size:13px}
a{text-decoration:none}.app-sidebar{width:245px!important;position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;background:#fff!important;border:0!important;border-right:1px solid #eef1ef!important;padding:18px 14px 14px!important;overflow-y:auto;z-index:50;box-shadow:4px 0 24px rgba(31,59,48,.025)}
.brand-premium{height:58px;display:flex;direction:ltr;align-items:center;gap:10px;padding:0 7px 13px!important;color:#1c714f!important;letter-spacing:0!important;font-size:18px!important;border-bottom:1px solid #f2f4f3}.brand-premium>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand-premium b{font-size:18px}.brand-premium small{color:#74837d!important;font-size:8px!important;letter-spacing:2.3px!important;margin-top:5px!important}.brand-mark{width:32px;height:30px;display:block;position:relative}.brand-mark i{position:absolute;background:#5bae55;border-radius:100% 0 100% 0;transform:rotate(-36deg)}.brand-mark i:first-child{width:23px;height:14px;left:2px;top:2px}.brand-mark i:last-child{width:20px;height:12px;left:12px;top:13px;transform:rotate(-68deg);background:#87bd48}
.app-nav{margin-top:15px!important;display:flex!important;flex-direction:column!important;gap:2px!important;direction:rtl}.app-nav>a{min-height:37px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border-radius:9px!important;color:#52645d!important;font-size:10px!important;font-weight:600!important;transition:.15s}.app-nav>a:hover{background:#f4f8f6!important;color:#176d4c!important}.app-nav .nav-main{background:#f1f8f4!important;color:#176d4c!important}.nav-ico{width:20px;height:20px;border:1px solid #dfe8e3;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#3b725c;flex:0 0 auto}.app-nav .nav-module{font-family:Arial,Tahoma,sans-serif}.nav-section-title{font-size:8px;color:#9aa59f;padding:14px 10px 6px;border-top:1px solid #f2f4f3;margin-top:8px}.app-nav .muted-module{color:#72807b!important}.camp-nav-entry{background:linear-gradient(135deg,#237a57,#126543)!important;color:#fff!important;box-shadow:0 6px 14px rgba(23,113,77,.16)}.camp-nav-entry .nav-ico{border-color:rgba(255,255,255,.28);color:#fff}.camp-nav-entry b{margin-right:auto;font-size:12px}.camp-side-subnav{display:flex;flex-direction:column;gap:1px;padding:4px 0 4px 8px}.camp-side-subnav a{color:#65756f;font-family:Arial,Tahoma,sans-serif;font-size:9px;padding:7px 10px 7px 32px;border-radius:7px;position:relative}.camp-side-subnav a:first-child{color:#176d4c;background:#edf7f1}.camp-side-subnav a:hover{background:#f5f8f6;color:#176d4c}.sidebar-footer{margin-top:15px;border-top:1px solid #f0f3f1;padding:10px 8px;display:flex;gap:14px}.sidebar-footer a{color:#89958f;font-size:8px}
.app-main{margin:0 0 0 245px!important;width:calc(100% - 245px)!important;max-width:none!important;padding:0 24px 32px!important;min-height:100vh;background:#f8faf9}.topbar{height:72px!important;margin:0 -24px 17px!important;padding:0 28px!important;background:rgba(255,255,255,.95)!important;border-bottom:1px solid #eef1ef;display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto!important;gap:22px!important;align-items:center!important;direction:ltr;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.topbar-search{width:min(360px,100%);height:39px;border:1px solid #e8ece9;background:#fbfcfc;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;direction:rtl}.topbar-search span{font-size:16px;color:#697a73}.topbar-search input{border:0!important;background:transparent!important;color:#7a8883!important;padding:0!important;font-size:9px!important;box-shadow:none!important}.topbar-search input::placeholder{color:#a3aca8}.topbar-meta{display:flex;align-items:center;gap:17px;direction:rtl;color:#65736e;font-size:8px}.topbar-bell{position:relative;width:28px;height:28px;border-radius:8px;background:#fafbfb;display:flex;align-items:center;justify-content:center;font-size:14px}.topbar-bell b{position:absolute;right:-3px;top:-5px;background:#eb534e;color:#fff;border-radius:9px;min-width:15px;height:15px;font-size:7px;display:flex;align-items:center;justify-content:center}.header-person{display:flex!important;align-items:center!important;gap:9px!important;direction:rtl}.header-person>div:last-child{display:flex;flex-direction:column;min-width:110px}.header-person strong{font-size:9px;color:#263832}.header-person span{margin-top:3px!important;font-size:7px!important;color:#8d9995!important}.avatar-xs{width:36px!important;height:36px!important;border-radius:9px!important;background:#eef6f1!important;border:1px solid #e2ebe6;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#247353}.avatar-xs img{width:100%;height:100%;object-fit:cover}.msg{max-width:1280px;margin:0 auto 12px!important;background:#eef8f3!important;color:#276e52!important;border:1px solid #dceee4!important}

/* Camp v18 */
.camp-v18-shell{max-width:1510px;margin:0 auto;direction:rtl}.camp-v18-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 3px 16px}.camp-v18-head h1{margin:0;color:#1c2a25;font-family:Arial,Tahoma,sans-serif;font-size:25px;direction:ltr;text-align:right}.camp-v18-head h1 .camp-tent{font-size:20px;color:#ad7946}.camp-v18-head p{margin:7px 0 0;color:#94a09b;font-size:9px}.camp-head-actions{display:flex;gap:9px;direction:rtl}.camp-btn{height:40px;padding:0 17px;border-radius:9px;display:inline-flex;align-items:center;gap:9px;font-size:9px;font-weight:800;box-shadow:0 5px 14px rgba(42,65,56,.05)}.camp-btn-light{background:#fff;border:1px solid #e9eeeb;color:#317157}.camp-btn-dark{background:linear-gradient(135deg,#256f53,#0f5c3d);color:#fff;border:1px solid #1e6549}.camp-btn span{font-size:13px}
.camp-v18-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px;direction:rtl}.v18-kpi{position:relative;min-height:130px;padding:16px 14px 13px;background:#fff;border:1px solid #edf0ee;border-radius:16px;box-shadow:var(--v18-shadow);color:#263832;display:grid;grid-template-columns:42px 1fr;gap:9px;align-content:start;overflow:hidden;transition:.16s}.v18-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,64,53,.09)}.v18-kpi-icon{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.kpi-green .v18-kpi-icon{background:#eaf7ef;color:#278759}.kpi-orange .v18-kpi-icon{background:#fff3e7;color:#d58536}.kpi-blue .v18-kpi-icon{background:#edf5ff;color:#4a83c2}.kpi-purple .v18-kpi-icon{background:#f2edff;color:#7256bd}.kpi-red .v18-kpi-icon{background:#fff0ef;color:#e35f5a}.v18-kpi>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.v18-kpi span{font-size:8px;color:#788680;margin-bottom:9px}.v18-kpi b{font-size:17px;line-height:1.25;white-space:nowrap}.v18-kpi small{font-size:7px!important;color:#89958f!important;margin-top:6px;white-space:normal;line-height:1.4}.v18-kpi .danger-copy{color:#dd625f!important}.v18-kpi .warn-copy{color:#c9903e!important}.kpi-line{position:absolute;right:14px;left:14px;bottom:13px;height:4px;background:#eff4f1;border-radius:99px;overflow:hidden}.kpi-line em{display:block;height:100%;border-radius:99px;background:#2fa56f}
.camp-v18-row{display:grid;gap:11px;margin-bottom:11px}.camp-v18-row-main{grid-template-columns:1.08fr 1.1fr 1.45fr}.camp-v18-row-bottom{grid-template-columns:1fr 1fr 1fr}.camp-v18-card{background:#fff;border:1px solid #edf0ee;border-radius:17px;box-shadow:var(--v18-shadow);padding:15px 16px;min-width:0}.v18-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.v18-section-head h2{font-size:12px;margin:0;color:#26372f}.v18-section-head>a{font-size:7px;color:#23815a;font-weight:700}.red-dot{width:19px;height:19px;border-radius:50%;background:#f25755;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:8px;margin-left:5px}.v18-alert-list{display:flex;flex-direction:column;gap:3px}.v18-alert{min-height:43px;border-bottom:1px solid #f2f4f3;display:grid;grid-template-columns:27px 1fr;align-items:center;gap:8px;padding:5px 0}.v18-alert:last-child{border:0}.alert-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900}.v18-alert.danger .alert-badge{background:#fff0ef;color:#de5c58}.v18-alert.warning .alert-badge{background:#fff5e8;color:#d39331}.v18-alert strong{display:block;font-size:8px;color:#3c4d46;line-height:1.5}.v18-alert small{display:block!important;font-size:6.5px!important;color:#9aa49f!important;margin-top:2px;line-height:1.45}.v18-empty{padding:28px 10px;text-align:center;color:#99a39f;font-size:8px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-grid a{min-height:83px;border:1px solid #f0f2f1;border-radius:12px;padding:10px;background:#fff;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;gap:3px 8px;color:#42544d}.quick-ico{grid-row:1/3;width:31px;height:31px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px}.q-red{background:#fff0ef;color:#df5d59}.q-green{background:#ecf8f1;color:#2b8b5d}.q-blue{background:#eef5ff;color:#4c83c1}.q-purple{background:#f5efff;color:#805ac2}.q-orange{background:#fff5e8;color:#d48835}.quick-grid strong{font-size:7.5px;line-height:1.45}.quick-grid b{font-size:10px;color:#273a32}.quick-grid small{font-size:6px!important;color:#9aa49f!important}.legend{display:flex;gap:13px;font-size:6px;color:#8d9894}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:13px;height:2px}.lg-green{background:#2c9e69}.lg-dash{border-top:1px dashed #7c8983}.cost-chart{height:185px;margin-top:2px;border-bottom:1px solid #edf0ee;border-top:1px solid #f5f6f5;display:flex;align-items:flex-end;gap:9px;padding:15px 8px 0;position:relative;background:repeating-linear-gradient(to bottom,#fff 0,#fff 45px,#f5f7f6 46px)}.avg-line{position:absolute;right:4px;left:4px;border-top:1px dashed #a8b2ae;z-index:1}.cost-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;z-index:2}.cost-bar{width:100%;height:135px;display:flex;align-items:flex-end;justify-content:center}.cost-bar span{width:55%;max-width:26px;min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#31a970,#1f8758);box-shadow:0 3px 9px rgba(34,145,94,.13)}.cost-col small{font-size:5.6px!important;color:#98a29e!important;white-space:nowrap;transform:scale(.92)}.cost-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-top:10px}.cost-summary>div{text-align:center;border-left:1px solid #eff1f0}.cost-summary>div:last-child{border:0}.cost-summary span{display:block;font-size:6px;color:#8d9894}.cost-summary b{display:block;font-size:10px;color:#263831;margin-top:3px}.cost-summary small{display:block!important;font-size:5px!important;color:#9aa49f!important;margin-top:1px}
.v18-list-row{min-height:57px;display:grid;grid-template-columns:30px 1fr auto auto;gap:8px;align-items:center;border-bottom:1px solid #f0f2f1;padding:7px 0}.v18-list-row:last-child{border:0}.list-ico{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px}.invoice-ico{background:#edf5ff;color:#4d83bc}.stock-ico{background:#fff3e8;color:#c57d39}.project-ico{background:#edf5ff;color:#4a82bd}.v18-list-row>div:nth-child(2) strong{display:block;font-size:8px;color:#3b4c45}.v18-list-row>div:nth-child(2) small{display:block!important;font-size:6px!important;color:#9aa49f!important;margin-top:3px}.list-price{text-align:left}.list-price b{display:block;font-size:8px}.list-price small{display:block!important;font-size:5.5px!important;color:#949f9a!important}.status-pill{padding:5px 7px;border-radius:7px;font-size:5.6px;white-space:nowrap}.status-pill.paid{background:#eaf7ef;color:#268558}.status-pill.unpaid{background:#fff4e8;color:#c08337}.status-pill.critical{background:#fff0ef;color:#db5b57}.status-pill.low{background:#fff5e8;color:#c78b37}.stock-row{grid-template-columns:30px 1fr minmax(70px,100px) auto}.stock-meter i,.project-meter i{display:block;height:4px;background:#f0f2f1;border-radius:99px;overflow:hidden}.stock-meter em{display:block;height:100%;background:#e75e59;border-radius:99px}.project-meter{display:grid;grid-template-columns:76px 27px;gap:5px;align-items:center}.project-meter em{display:block;height:100%;background:#e89d2e;border-radius:99px}.project-meter b{font-size:6px;color:#77847f}.project-row{grid-template-columns:30px 1fr auto}

/* Keep all other v17 pages light and aligned with the new shell. */
.panel,.stats div,.manager-strip div,.document,.profilegrid div{background:#fff!important;color:#263832!important;border-color:#edf0ee!important;box-shadow:var(--v18-shadow)}
.hero{background:linear-gradient(135deg,#fff,#f2f8f4)!important;color:#263832!important;border-color:#e7eeea!important}.hero h1,.panel h1,.panel h2{color:#263832!important}.muted,.stats span,.manager-strip span,.docbody,small{color:#899690}.primary,button{background:#1b8258!important;color:#fff!important;box-shadow:none!important}input,textarea,select{background:#fff!important;color:#263832!important;border-color:#dfe7e3!important}.notice{background:#f6f9f7!important;color:#3b4d45!important}.badge{background:#eef3f0!important;color:#53675e!important}

@media(max-width:1250px){.camp-v18-kpis{grid-template-columns:repeat(3,1fr)}.camp-v18-row-main{grid-template-columns:1fr 1fr}.expense-card{grid-column:1/-1}.camp-v18-row-bottom{grid-template-columns:1fr 1fr}.projects-card{grid-column:1/-1}}
@media(max-width:900px){.app-sidebar{width:205px!important}.app-main{margin-left:205px!important;width:calc(100% - 205px)!important}.topbar{grid-template-columns:1fr auto!important}.topbar-meta{display:none}.camp-v18-kpis{grid-template-columns:repeat(2,1fr)}.camp-v18-row-main,.camp-v18-row-bottom{grid-template-columns:1fr}.expense-card,.projects-card{grid-column:auto}.camp-v18-head{align-items:flex-start}.camp-head-actions{flex-wrap:wrap}}
@media(max-width:700px){body{padding-bottom:66px}.app-sidebar{width:100%!important;height:62px!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;padding:6px!important;border-right:0!important;border-top:1px solid #e7ece9!important;overflow:hidden;box-shadow:0 -8px 24px rgba(36,59,50,.08)}.brand-premium,.nav-section-title,.camp-side-subnav,.sidebar-footer{display:none!important}.app-nav{margin:0!important;height:50px!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:0!important;overflow:visible!important}.app-nav>a{display:none!important}.app-nav>.nav-main,.app-nav>a[href="/reports/"],.app-nav>a[href="/finance/"].nav-module,.app-nav>.camp-nav-entry,.mobile-more-toggle{display:flex!important;min-width:60px!important;height:48px!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;gap:2px!important;padding:4px 2px!important;background:transparent!important;color:#66766f!important;box-shadow:none!important;border:0!important;font-family:inherit!important}.app-nav>a .nav-ico,.mobile-more-toggle .nav-ico{border:0!important;font-size:14px!important}.app-nav>a span:last-of-type,.mobile-more-toggle span:last-child{font-size:7px!important;white-space:nowrap}.camp-nav-entry{color:#177a53!important}.mobile-more-toggle{cursor:pointer}.mobile-more-menu{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:120!important;background:#fff!important;border-radius:22px 22px 0 0!important;box-shadow:0 -18px 50px rgba(26,55,43,.18)!important;padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;max-height:78vh!important;overflow-y:auto!important;direction:rtl!important}.mobile-more-menu[hidden]{display:none!important}.mobile-more-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:5px 4px 12px!important;border-bottom:1px solid #eef1ef!important}.mobile-more-head strong{font-size:14px!important;color:#21362e!important}.mobile-more-close{width:34px!important;height:34px!important;border-radius:10px!important;background:#f2f6f4!important;color:#355048!important;font-size:22px!important;padding:0!important}.mobile-more-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding-top:12px!important}.mobile-more-links a{display:flex!important;align-items:center!important;gap:9px!important;min-height:50px!important;padding:10px 12px!important;border:1px solid #edf1ef!important;border-radius:13px!important;background:#fbfcfb!important;color:#344b42!important;font-size:11px!important;font-weight:700!important}.mobile-more-links a span{width:24px!important;height:24px!important;border-radius:8px!important;background:#eef7f2!important;color:#177a53!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.mobile-more-backdrop{position:fixed!important;inset:0!important;z-index:110!important;background:rgba(18,33,27,.30)!important;backdrop-filter:blur(2px)!important}.mobile-more-backdrop[hidden]{display:none!important}.mobile-menu-open{overflow:hidden!important}.app-main{margin:0!important;width:100%!important;padding:0 11px 78px!important}.topbar{height:56px!important;margin:0 -11px 12px!important;padding:0 12px!important;grid-template-columns:1fr auto!important}.topbar-search{height:34px}.header-person>div:last-child{display:none}.avatar-xs{width:33px!important;height:33px!important}.camp-v18-head{flex-direction:column;padding-bottom:11px}.camp-v18-head h1{font-size:22px}.camp-head-actions{width:100%}.camp-btn{flex:1;justify-content:center;padding:0 8px;font-size:8px}.camp-v18-kpis{grid-template-columns:repeat(2,1fr);gap:7px}.v18-kpi{min-height:112px;padding:12px 10px;grid-template-columns:34px 1fr}.v18-kpi-icon{width:33px;height:33px;border-radius:10px;font-size:14px}.v18-kpi b{font-size:13px}.quick-grid{grid-template-columns:1fr 1fr}.camp-v18-card{padding:12px;border-radius:14px}.cost-chart{height:160px;padding-left:0;padding-right:0;gap:4px}.cost-col small{font-size:4.7px!important}.v18-list-row{grid-template-columns:27px 1fr auto}.v18-list-row .status-pill{display:none}.stock-row{grid-template-columns:27px 1fr 70px}.project-row{grid-template-columns:27px 1fr auto}.project-meter{grid-template-columns:60px 24px}.camp-v18-row{gap:8px}.camp-v18-row-main,.camp-v18-row-bottom{margin-bottom:8px}}

.mobile-more-toggle,.mobile-more-menu,.mobile-more-backdrop{display:none}

@media(max-width:700px){
  .mobile-more-toggle{display:flex!important}
  .mobile-more-menu{display:block}
  .mobile-more-menu[hidden]{display:none!important}
  .mobile-more-backdrop{display:block}
  .mobile-more-backdrop[hidden]{display:none!important}
}

/* v18.7 employee-first mobile dashboard */
.employee-home{max-width:820px;margin:0 auto 30px;display:grid;gap:14px}
.employee-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border:1px solid #e4ece8;border-radius:24px;background:linear-gradient(145deg,#fff,#f3faf6);box-shadow:0 12px 34px rgba(41,85,67,.07)}
.employee-kicker{font-size:9px;letter-spacing:2px;color:#15945f;font-weight:800}.employee-welcome h1{font-size:27px;margin:6px 0}.employee-welcome p{margin:0;color:#899590;font-size:12px}
.employee-avatar{width:64px;height:64px;border-radius:20px;background:#e8f5ee;color:#158c5b;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;overflow:hidden;border:1px solid #dcebe3}.employee-avatar img{width:100%;height:100%;object-fit:cover}
.employee-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.employee-quick a{min-height:92px;background:#fff;border:1px solid #e7eeea;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#31413c;box-shadow:0 9px 28px rgba(43,77,65,.05)}.employee-quick span{font-size:24px;color:#15945f}.employee-quick b{font-size:11px}
.employee-summary{display:grid;grid-template-columns:1fr 1.25fr;gap:12px}.employee-card{margin:0!important;padding:20px!important;border-radius:22px!important;background:#fff!important;border:1px solid #e7eeea!important;box-shadow:0 10px 30px rgba(43,77,65,.055)!important}.employee-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.employee-card-head h2{font-size:16px;margin:0}.employee-card-head a,.employee-alert a{font-size:10px;color:#15945f;font-weight:700}
.employee-success,.employee-warning{display:inline-flex;padding:7px 10px;border-radius:10px;font-size:10px;font-weight:700}.employee-success{background:#e9f7ef;color:#138754}.employee-warning{background:#fff5e6;color:#a76a13}.employee-time{font-size:29px!important;display:block;margin:13px 0 3px;color:#24342f!important}.attendance-card>small{display:block;color:#8a9692}.attendance-card>p{font-size:10px;color:#75847f;margin:14px 0 0}
.employee-action{display:inline-flex;margin-top:14px;padding:10px 15px;border-radius:12px;background:#16975f;color:#fff!important;font-size:10px;font-weight:800}.employee-action.secondary{background:#eef8f3;color:#16895b!important}
.employee-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.employee-progress div{background:#f7faf8;border-radius:14px;padding:13px 8px;text-align:center}.employee-progress b{display:block;font-size:22px;color:#168e5b!important}.employee-progress span{font-size:8px;color:#8a9692}
.employee-alert{display:flex;justify-content:space-between;align-items:center;background:#fffaf2!important}.employee-alert b{font-size:13px}.employee-alert p{font-size:10px;color:#8a8175;margin:5px 0 0}
.employee-list-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eef2f0;color:#31413c}.employee-list-row:last-child{border-bottom:0}.employee-list-row strong{display:block;font-size:11px}.employee-list-row small{display:block;font-size:8px;color:#929d99;margin-top:4px}.employee-check{width:25px;height:25px;border-radius:50%;border:1px solid #cbd7d1;display:flex;align-items:center;justify-content:center;color:#91a09a}.employee-check.checked{background:#e9f7ef;border-color:#bfe5d1;color:#15945f}.employee-dot{width:8px;height:8px;border-radius:50%;background:#2d9df4;justify-self:center}.employee-empty{padding:18px 4px;color:#98a29e;font-size:10px}
@media(max-width:700px){
 body:has(.employee-home) .app-sidebar .nav-section-title,body:has(.employee-home) .app-sidebar .nav-module,body:has(.employee-home) .app-sidebar .camp-side-subnav{display:none!important}
 body:has(.employee-home) .topbar-meta{display:none!important}
 .employee-home{gap:11px}.employee-welcome{padding:18px;border-radius:20px}.employee-welcome h1{font-size:23px}.employee-welcome p{font-size:10px}.employee-avatar{width:52px;height:52px;border-radius:16px}
 .employee-quick{grid-template-columns:repeat(2,1fr);gap:8px}.employee-quick a{min-height:78px;border-radius:17px}.employee-quick span{font-size:21px}
 .employee-summary{grid-template-columns:1fr}.employee-card{padding:17px!important;border-radius:19px!important}
 .employee-alert{align-items:flex-start;gap:10px}.employee-progress b{font-size:19px}
}

/* v18.9 employee self-service profile */
.self-profile{max-width:820px;margin:0 auto 30px;display:grid;gap:14px}
.self-profile-hero{display:flex;align-items:center;gap:18px;padding:25px;border-radius:24px;background:linear-gradient(145deg,#fff,#f1faf5);border:1px solid #e3ece7;box-shadow:0 12px 34px rgba(42,78,65,.07)}
.self-profile-avatar-wrap{position:relative;flex:0 0 auto}.self-profile-avatar{width:92px;height:92px;border-radius:29px;background:#e7f4ed;border:1px solid #d6e8df;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#168b5b;font-size:34px;font-weight:900;box-shadow:0 8px 22px rgba(38,99,72,.10)}.self-profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-camera-badge{position:absolute;left:-6px;bottom:-6px;width:35px;height:35px;border-radius:12px;background:#15945f;border:4px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 13px rgba(26,116,77,.18)}.profile-camera-badge svg,.profile-upload-icon svg,.profile-nav-icon svg{width:19px;height:19px;fill:currentColor}.profile-camera-badge svg{color:#fff;width:16px}
.self-profile-title h1{margin:5px 0 6px;font-size:25px;color:#24352e}.self-profile-title p{margin:0;color:#899590;font-size:11px}
.self-profile-photo-card,.self-profile-info-card{padding:21px;background:#fff;border:1px solid #e5ece8;border-radius:22px;box-shadow:0 10px 30px rgba(43,77,65,.05)}
.self-profile-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px}.self-profile-section-head h2{margin:0 0 5px;font-size:16px;color:#263a31}.self-profile-section-head p{margin:0;font-size:9px;color:#929d98;line-height:1.8}
.profile-lock-pill,.profile-readonly-pill{font-size:8px;padding:7px 9px;border-radius:9px;white-space:nowrap}.profile-lock-pill{background:#eaf7f0;color:#168a5a}.profile-readonly-pill{background:#f2f5f3;color:#74837d}
.profile-upload-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.profile-file-picker{min-height:72px;border:1px dashed #bdd9cb;border-radius:16px;background:#f7fbf9;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}.profile-upload-icon{width:40px;height:40px;border-radius:13px;background:#e7f6ee;color:#15945f;display:flex;align-items:center;justify-content:center}.profile-file-picker b{display:block;font-size:11px;color:#30463c}.profile-file-picker small{display:block!important;margin-top:4px;font-size:8px!important;color:#94a09a!important}.profile-native-file{grid-column:1/-1;font-size:9px;color:#74837d}.profile-native-file input[type=file]{background:#fff;color:#40534b;border-color:#e4ebe7}.profile-native-file input[type=checkbox]{width:auto}.profile-save-btn{height:48px;border-radius:14px;background:#15945f;color:#fff;padding:0 18px}
.self-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.self-profile-grid>div{padding:13px 14px;border-radius:14px;background:#f8faf9;border:1px solid #eef2f0}.self-profile-grid span{display:block;font-size:8px;color:#929d98;margin-bottom:6px}.self-profile-grid b{font-size:10px;color:#31443b}.profile-active-state{color:#168a5a!important}
.profile-logout-card{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:17px;background:#fff;border:1px solid #f0e8e8;color:#a95b5b;font-size:11px;font-weight:700}
.employee-profile-nav .profile-nav-icon{display:flex;align-items:center;justify-content:center}.employee-profile-nav .profile-nav-icon svg{width:16px;height:16px}
@media(max-width:700px){
 .app-nav>.employee-profile-nav{display:flex!important;min-width:60px!important;height:48px!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;gap:2px!important;padding:4px 2px!important;background:transparent!important;color:#66766f!important;box-shadow:none!important;border:0!important}
 .app-nav>.employee-profile-nav span:last-child{font-size:7px!important;white-space:nowrap}.app-nav>.employee-profile-nav .nav-ico{border:0!important}
 .self-profile{gap:10px}.self-profile-hero{padding:18px;border-radius:20px}.self-profile-avatar{width:72px;height:72px;border-radius:23px;font-size:27px}.profile-camera-badge{width:31px;height:31px;border-radius:10px}.self-profile-title h1{font-size:21px}
 .self-profile-photo-card,.self-profile-info-card{padding:16px;border-radius:19px}.profile-upload-form{grid-template-columns:1fr}.profile-save-btn{width:100%}.self-profile-grid{grid-template-columns:1fr 1fr;gap:7px}.self-profile-grid>div{padding:11px}
}
@media(max-width:390px){.self-profile-grid{grid-template-columns:1fr}.self-profile-section-head{display:block}.profile-lock-pill,.profile-readonly-pill{display:inline-block;margin-top:8px}}

/* v19.0 profile page aligned to approved visual reference */
.gl-profile-page{max-width:760px;margin:0 auto 36px;display:grid;gap:14px}
.gl-profile-header,.gl-profile-card{background:#fff;border:1px solid #e8eeeb;border-radius:24px;box-shadow:0 10px 34px rgba(45,77,65,.055)}
.gl-profile-header{padding:23px}.gl-profile-main{display:flex;align-items:center;gap:20px}
.gl-profile-photo-wrap{position:relative;flex:0 0 auto}.gl-profile-photo{width:112px;height:112px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#e7f4ed,#f5faf7);border:4px solid #fff;box-shadow:0 8px 28px rgba(32,85,62,.15);display:flex;align-items:center;justify-content:center;color:#15935e;font-size:40px;font-weight:900}.gl-profile-photo img{width:100%;height:100%;object-fit:cover}
.gl-profile-camera{position:absolute;right:-1px;bottom:2px;width:42px;height:42px;border-radius:50%;background:#18a461;color:#fff;border:4px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(22,125,78,.22);cursor:pointer}.gl-profile-camera svg{width:20px;height:20px;fill:currentColor}
.gl-profile-identity{flex:1}.gl-profile-eyebrow{font-size:8px;letter-spacing:2px;color:#16a064;font-weight:900}.gl-profile-identity h1{margin:5px 0 6px;font-size:26px;color:#24332e}.gl-profile-identity p{margin:0 0 12px;color:#7f8e88;font-size:12px}.gl-profile-status{display:inline-flex;align-items:center;padding:8px 14px;border-radius:12px;font-size:10px;font-weight:800}.gl-profile-status.is-active{background:#eaf8f0;color:#168c59}.gl-profile-status.is-inactive{background:#fff0f0;color:#b85d5d}
.gl-profile-photo-form{border-top:1px solid #eef2ef;margin-top:18px;padding-top:15px}.gl-profile-file-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}.gl-profile-photo-actions{display:flex;gap:9px;align-items:center}.gl-profile-photo-select,.gl-profile-photo-save{height:42px;border-radius:12px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:800}.gl-profile-photo-select{background:#f4faf7;color:#168f5c;border:1px solid #dfeee6;display:flex;align-items:center;gap:7px}.gl-profile-photo-select svg{width:17px;height:17px;fill:currentColor}.gl-profile-photo-save{background:#16975f;color:#fff}.gl-profile-photo-form>small{display:block;margin-top:8px;color:#929e98;font-size:8px}
.gl-profile-card{padding:21px}.gl-profile-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.gl-profile-card-title>div{display:flex;align-items:center;gap:9px}.gl-profile-card-title h2{margin:0;color:#168f5c;font-size:16px}.gl-profile-section-icon{width:30px;height:30px;border-radius:10px;background:#eef8f3;color:#16975f;display:flex;align-items:center;justify-content:center}.gl-profile-section-icon svg{width:17px;height:17px;fill:currentColor}.gl-profile-readonly{font-size:8px;padding:6px 9px;border-radius:9px;background:#f3f6f4;color:#7d8b85}
.gl-profile-rows{display:grid}.gl-profile-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;border-bottom:1px solid #eef1ef}.gl-profile-row:last-child{border-bottom:0}.gl-row-label{color:#53645d;font-size:10px}.gl-profile-row strong{color:#283a32;font-size:10px;font-weight:750;max-width:58%;text-align:left;overflow-wrap:anywhere}.gl-text-green{color:#168f5c!important}.gl-text-red{color:#b85d5d!important}
.gl-profile-note{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f9fbfa}.gl-profile-note strong{font-size:11px;color:#33473d}.gl-profile-note p{font-size:8px;color:#8c9893;margin:5px 0 0;line-height:1.8}.gl-profile-note>span{font-size:20px}
.gl-profile-logout{height:62px;border-radius:18px;border:1px solid #f3e4e4;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#c34e4e;font-size:11px;font-weight:800}.gl-profile-logout svg{width:21px;height:21px;fill:currentColor}
@media(max-width:700px){
 .gl-profile-page{gap:11px;margin-bottom:20px}.gl-profile-header,.gl-profile-card{border-radius:20px}.gl-profile-header{padding:18px}.gl-profile-main{gap:15px}.gl-profile-photo{width:88px;height:88px}.gl-profile-camera{width:37px;height:37px}.gl-profile-identity h1{font-size:22px}.gl-profile-card{padding:16px}.gl-profile-row{min-height:51px}.gl-profile-photo-actions{display:grid;grid-template-columns:1fr 1fr}.gl-profile-photo-select,.gl-profile-photo-save{width:100%;justify-content:center}.employee-profile-nav.is-active{background:#eaf7f0!important;color:#15945f!important;border-radius:12px!important}
}
@media(max-width:390px){
 .gl-profile-main{align-items:flex-start}.gl-profile-photo{width:76px;height:76px}.gl-profile-identity h1{font-size:19px}.gl-profile-row{align-items:flex-start;flex-direction:column;gap:4px;padding:10px 0}.gl-profile-row strong{max-width:100%;text-align:right}.gl-profile-photo-actions{grid-template-columns:1fr}
}

/* v19.1 — employee mobile dashboard matched to approved reference */
.gl-employee-dashboard{max-width:760px;margin:0 auto 34px;display:grid;gap:14px}
.gl-employee-mobile-head{display:flex;align-items:center;gap:14px;padding:5px 3px 10px}
.gl-head-avatar{position:relative;width:64px;height:64px;border-radius:50%;overflow:visible;flex:0 0 auto;background:#eef5f1;display:flex;align-items:center;justify-content:center;color:#168f5c;font-size:22px;font-weight:900}
.gl-head-avatar img{width:64px;height:64px;border-radius:50%;object-fit:cover}.gl-head-avatar i{position:absolute;width:15px;height:15px;border-radius:50%;background:#12a760;border:3px solid #fff;right:0;bottom:2px}
.gl-head-copy{flex:1}.gl-head-copy h1{font-size:24px;margin:0 0 7px;color:#1e2f28}.gl-head-copy p{font-size:10px;color:#87958f;margin:0}
.gl-head-bell{position:relative;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#596963;background:#fff;border:1px solid #e8eeeb}.gl-head-bell svg{width:25px;height:25px;fill:currentColor}.gl-head-bell b{position:absolute;right:-3px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#ef4747;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center}
.gl-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gl-quick-card{height:124px;border:1px solid #e9eeeb;background:#fff;border-radius:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;color:#273a31;box-shadow:0 9px 30px rgba(42,75,63,.055)}.gl-quick-card svg{width:37px;height:37px;fill:#12a35e}.gl-quick-card span{font-size:12px;font-weight:700}
.gl-dashboard-pair{display:grid;grid-template-columns:1fr 1.18fr;gap:12px}.gl-dash-card,.gl-list-card{background:#fff;border:1px solid #e7edea;border-radius:22px;padding:20px;box-shadow:0 10px 32px rgba(42,75,63,.055)}.gl-card-title,.gl-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.gl-card-title h2,.gl-list-head h2{font-size:16px;margin:0;color:#1f3029}.gl-card-title>span{font-size:18px;color:#12a35e}.gl-list-head a{font-size:9px;color:#16965e;font-weight:800}
.gl-attendance-card{text-align:center}.gl-state-pill{display:inline-flex;margin:19px auto 12px;padding:8px 13px;border-radius:10px;font-size:10px;font-weight:800}.gl-state-pill.ok{background:#eaf8f0;color:#168f59}.gl-state-pill.warning{background:#fff5e6;color:#a96b13}.gl-entry-time{display:block;font-size:31px!important;color:#111!important;margin:5px 0 2px}.gl-attendance-card>small{display:block;color:#687871;font-size:9px}.gl-shift-line{font-size:10px;color:#42564d;margin:10px 0 0}
.gl-card-action{margin-top:19px;min-height:48px;border:1px solid #e7edea;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:18px;color:#15965e;font-size:10px;font-weight:800;background:#fff}.gl-card-action.solid{background:#15965e;color:#fff;border-color:#15965e}.gl-card-action b{font-size:18px}
.gl-report-body{display:grid;grid-template-columns:112px 1fr;gap:15px;align-items:center;margin-top:20px}.gl-ring{--progress:0;position:relative;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#12a35e calc(var(--progress)*1%),#e9eeeb 0)}.gl-ring:after{content:"";width:84px;height:84px;border-radius:50%;background:#fff;position:absolute}.gl-ring span{position:relative;z-index:1;color:#12a35e;font-size:25px;font-weight:900}.gl-report-lines p{font-size:10px;color:#2e4037;margin:0 0 12px}.gl-report-lines p.ok{color:#168f59}.gl-report-lines b{color:#15965e;font-size:12px}
.gl-month-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-radius:22px;border:1px solid #dcf0e4;background:linear-gradient(100deg,#f2fbf6,#fbfffc);box-shadow:0 8px 24px rgba(43,90,67,.045)}.gl-month-banner.has-missing{background:linear-gradient(100deg,#fffaf1,#fff);border-color:#f4e6c8}.gl-month-copy{display:flex;align-items:center;gap:15px}.gl-month-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:5px solid #bfe4cf;color:#16965e;font-size:27px;font-weight:900}.has-missing .gl-month-icon{border-color:#f2d9a5;color:#ba7a13}.gl-month-copy small{display:block;font-size:9px;color:#45564e}.gl-month-copy strong{display:block;margin:5px 0;color:#15965e;font-size:19px}.has-missing .gl-month-copy strong{color:#b57510}.gl-month-copy p,.gl-month-result p{margin:0;font-size:9px;color:#7c8a84}.gl-month-result{text-align:center}.gl-month-result b{font-size:12px;color:#24372e}.gl-month-result p{margin-top:6px;max-width:190px;line-height:1.7}
.gl-list-card{padding:17px 21px}.gl-list-head{padding-bottom:9px;border-bottom:1px solid #edf1ef}.gl-task-row,.gl-notification-row{display:grid;grid-template-columns:29px 1fr;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eef2f0;color:#273930}.gl-task-row:last-child,.gl-notification-row:last-child{border-bottom:0}.gl-task-check{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #b7c1bc;color:#8a9992;font-weight:900}.gl-task-check.done{background:#12a35e;color:#fff;border-color:#12a35e}.gl-task-row strong,.gl-notification-row strong{display:block;font-size:11px}.gl-task-row small,.gl-notification-row small{display:block;margin-top:3px;font-size:8px;color:#8a9691}.gl-notification-dot{width:8px;height:8px;border-radius:50%;background:#268df4;justify-self:center}.gl-empty-row{padding:18px 0 7px;color:#939f99;font-size:10px;text-align:center}
@media(max-width:700px){
  body:has(.gl-employee-dashboard) .topbar{display:none!important}
  body:has(.gl-employee-dashboard) .app-main{padding-top:14px!important}
  body:has(.gl-employee-dashboard) .app-sidebar{height:64px!important}
  body:has(.gl-employee-dashboard) .app-nav{height:64px!important}
  body:has(.gl-employee-dashboard) .app-nav>a,
  body:has(.gl-employee-dashboard) .mobile-more-toggle{display:none!important}
  body:has(.gl-employee-dashboard) .app-nav>.nav-main,
  body:has(.gl-employee-dashboard) .app-nav>.employee-profile-nav,
  body:has(.gl-employee-dashboard) .app-nav>a[href="/tasks/"],
  body:has(.gl-employee-dashboard) .app-nav>a[href="/reports/"],
  body:has(.gl-employee-dashboard) .app-nav>a[href="/notifications/"]{display:flex!important}
  body:has(.gl-employee-dashboard) .app-nav>.nav-main{order:5}
  body:has(.gl-employee-dashboard) .app-nav>a[href="/tasks/"]{order:4}
  body:has(.gl-employee-dashboard) .app-nav>a[href="/reports/"]{order:3}
  body:has(.gl-employee-dashboard) .app-nav>a[href="/notifications/"]{order:2}
  body:has(.gl-employee-dashboard) .app-nav>.employee-profile-nav{order:1}
  body:has(.gl-employee-dashboard) .app-nav>a{height:60px!important;min-width:20%!important}
  body:has(.gl-employee-dashboard) .app-nav>.nav-main{background:#eaf8f0!important;color:#15965e!important;border-radius:14px!important}
  .gl-employee-dashboard{gap:10px;margin-bottom:76px;padding:0 2px}
  .gl-employee-mobile-head{padding:3px 2px 9px}.gl-head-avatar,.gl-head-avatar img{width:56px;height:56px}.gl-head-copy h1{font-size:20px}.gl-head-copy p{font-size:9px}.gl-head-bell{width:40px;height:40px}
  .gl-quick-actions{gap:7px}.gl-quick-card{height:98px;border-radius:18px;gap:9px}.gl-quick-card svg{width:30px;height:30px}.gl-quick-card span{font-size:9px}
  .gl-dashboard-pair{grid-template-columns:1fr 1.12fr;gap:8px}.gl-dash-card{padding:15px;border-radius:19px}.gl-card-title h2{font-size:13px}.gl-entry-time{font-size:27px!important}.gl-report-body{grid-template-columns:86px 1fr;gap:9px}.gl-ring{width:84px;height:84px}.gl-ring:after{width:64px;height:64px}.gl-ring span{font-size:20px}.gl-report-lines p{font-size:8px;margin-bottom:8px}.gl-card-action{min-height:43px;margin-top:13px}
  .gl-month-banner{padding:15px;border-radius:19px}.gl-month-icon{width:48px;height:48px;font-size:22px}.gl-month-copy{gap:10px}.gl-month-result p{max-width:130px}
  .gl-list-card{padding:15px;border-radius:19px}.gl-list-head h2{font-size:14px}
}
@media(max-width:390px){
  .gl-quick-actions{grid-template-columns:repeat(2,1fr)}.gl-quick-card{height:82px}
  .gl-dashboard-pair{grid-template-columns:1fr}.gl-report-body{grid-template-columns:96px 1fr}.gl-month-banner{align-items:flex-start}.gl-month-result{display:none}
}

/* v20 — manager morning dashboard + attendance control */
.gl-manager-live{display:grid;gap:16px}.gl-manager-head{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(115deg,#153c2d,#1f6749);color:#fff;border-radius:24px;padding:24px 27px;box-shadow:0 14px 40px rgba(22,74,51,.18)}.gl-manager-eyebrow{font-size:9px;letter-spacing:2px;opacity:.72}.gl-manager-head h1{font-size:28px;margin:5px 0}.gl-manager-head p{font-size:10px;opacity:.72;margin:0}.gl-manager-branch select{min-width:170px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:13px;padding:11px}.gl-manager-branch option{color:#222}
.gl-manager-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.gl-manager-kpis article{background:#fff;border:1px solid #e7edea;border-radius:19px;padding:17px;box-shadow:0 8px 25px rgba(40,73,60,.05)}.gl-manager-kpis small{display:block;color:#73827b;font-size:9px}.gl-manager-kpis strong{display:block;font-size:29px;color:#24372e;margin:8px 0 4px}.gl-manager-kpis span{font-size:8px;color:#8b9792}.gl-manager-kpis .ok{color:#168f59}.gl-manager-kpis .warn{color:#b57813}.gl-manager-kpis .bad{color:#c34e4e}
.gl-manager-attention,.gl-manager-people,.gl-manager-alerts{background:#fff;border:1px solid #e7edea;border-radius:22px;padding:21px;box-shadow:0 9px 28px rgba(40,73,60,.05)}.gl-manager-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.gl-manager-section-title h2{font-size:17px;margin:0 0 4px}.gl-manager-section-title p{font-size:9px;color:#84918b;margin:0}.gl-manager-section-title button,.gl-manager-section-title a{font-size:9px;border-radius:10px;padding:8px 11px;background:#eef8f3;color:#168f59;border:0;font-family:inherit}
.gl-attention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gl-attention-person{border:1px solid #edf1ef;border-radius:16px;padding:13px}.gl-attention-person-head{display:flex;gap:9px;align-items:center}.gl-attention-person-head strong{font-size:10px}.gl-attention-person-head small{display:block;color:#8b9792;font-size:8px;margin-top:3px}.gl-attention-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.gl-attention-tags span{background:#f2f6f4;color:#596a62;padding:5px 7px;border-radius:8px;font-size:7px}.gl-attention-tags .warn{background:#fff5e5;color:#a96d12}.gl-attention-tags .bad{background:#fff0f0;color:#b94747}.gl-table-sub{display:block;font-size:7px;color:#a96d12;margin-top:4px}.gl-gps-ok{color:#168f59;font-size:9px;font-weight:700}.gl-gps-bad{color:#c14d4d;font-size:9px;font-weight:700}
@media(max-width:1000px){.gl-manager-kpis{grid-template-columns:repeat(3,1fr)}.gl-attention-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.gl-manager-head{padding:18px;align-items:flex-start;flex-direction:column}.gl-manager-branch,.gl-manager-branch select{width:100%}.gl-manager-kpis{grid-template-columns:repeat(2,1fr)}.gl-attention-grid{grid-template-columns:1fr}.gl-manager-attention,.gl-manager-people,.gl-manager-alerts{padding:15px}.gl-manager-section-title{align-items:flex-start}}

/* v21 - report comments + staff guidelines */
.report-manager-comment{border-top:3px solid #18a461}.manager-comment-box{background:#f0faf5;border:1px solid #d9eee3;border-radius:14px;padding:14px 16px}.manager-comment-box p{margin:0 0 6px;font-size:12px}.manager-comment-box small{font-size:8px;color:#7b8a83}.manager-comment-form{display:flex;gap:8px;align-items:center}.manager-comment-form input{flex:1}.manager-comment-form button{white-space:nowrap}
.guideline-page{display:grid;gap:14px}.guideline-card{border:1px solid #e7eeea;border-radius:17px;padding:16px;margin:10px 0;background:#fff}.guideline-card.duty{background:#f8fbf9}.guideline-card h3{font-size:14px;margin:0 0 8px}.guideline-card p{font-size:10px;line-height:2;color:#46574f}.guideline-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.guideline-head small{font-size:8px;color:#8c9893}.required-pill{font-size:8px;padding:6px 8px;border-radius:8px;background:#fff2e5;color:#a96d12}.ack-done{display:inline-flex;padding:7px 10px;border-radius:9px;background:#eaf8f0;color:#168f59;font-size:9px;font-weight:800}
@media(max-width:700px){.manager-comment-form{display:grid}.manager-comment-form button{width:100%}.guideline-card{padding:14px}}

/* v22 Executive Manager UI */
.exec-dashboard{display:grid;gap:16px}
.exec-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;background:linear-gradient(120deg,#f9fdfb,#eef8f3);border:1px solid #e1ece6;border-radius:26px;box-shadow:0 12px 34px rgba(47,78,66,.06)}
.exec-eyebrow{font-size:9px;letter-spacing:2px;color:#16945f;font-weight:900}.exec-title h1{margin:5px 0 6px;font-size:28px;color:#22352d}.exec-title p{margin:0;font-size:10px;color:#86938e}
.exec-head-actions{display:flex;gap:10px}.exec-branch-picker select,.exec-refresh{height:42px;border-radius:12px;border:1px solid #dce8e2;background:#fff;padding:0 13px;font-family:inherit;color:#33483e}.exec-refresh{background:#15945f;color:#fff;border-color:#15945f}
.exec-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.exec-kpi{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e6ede9;border-radius:19px;padding:16px;box-shadow:0 8px 24px rgba(42,72,61,.045)}.exec-kpi-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900}.exec-kpi-icon.green{background:#e9f7ef;color:#168e59}.exec-kpi-icon.mint{background:#eaf9f5;color:#188d76}.exec-kpi-icon.amber{background:#fff5e5;color:#a96d12}.exec-kpi-icon.rose{background:#fff0f0;color:#c04b4b}.exec-kpi-icon.blue{background:#edf5ff;color:#3e7cc2}.exec-kpi-icon.purple{background:#f3efff;color:#7655b9}.exec-kpi small{display:block;font-size:8px;color:#7d8a84}.exec-kpi strong{display:block;font-size:24px;color:#23372e;line-height:1;margin:6px 0}.exec-kpi em{font-style:normal;font-size:7px;color:#97a19d}
.exec-visual-grid{display:grid;grid-template-columns:1.1fr 1.7fr 1fr;gap:12px}.exec-panel{background:#fff;border:1px solid #e6ede9;border-radius:22px;padding:20px;box-shadow:0 9px 28px rgba(42,72,61,.045)}.exec-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px}.exec-panel-head h2{font-size:16px;margin:0 0 4px;color:#24372f}.exec-panel-head p{margin:0;font-size:8px;color:#8c9893}.live-chip{font-size:8px;color:#15945f;background:#edf8f2;padding:6px 8px;border-radius:8px}
.gauge-wrap{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px}.gauge{--gauge:0;width:146px;height:146px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1aa369 calc(var(--gauge)*1%),#edf2ef 0);position:relative}.gauge:after{content:"";width:108px;height:108px;border-radius:50%;background:#fff;position:absolute}.gauge-center{position:relative;z-index:1;text-align:center}.gauge-center strong{display:block;font-size:27px;color:#15945f}.gauge-center span{font-size:8px;color:#8c9893}.gauge-legend{display:grid;gap:9px}.gauge-legend div{display:grid;grid-template-columns:10px 25px 1fr;gap:6px;align-items:center}.gauge-legend b{font-size:11px}.gauge-legend small{font-size:8px;color:#7d8984}.dot{width:8px;height:8px;border-radius:50%}.dot.green{background:#15945f}.dot.amber{background:#d29a2f}.dot.rose{background:#d95c5c}.dot.blue{background:#4a8bd0}
.trend-chart{height:160px;display:flex;align-items:flex-end;justify-content:space-between;gap:7px;padding:8px 4px 0;border-bottom:1px solid #edf1ef}.trend-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.trend-bars{display:flex;gap:3px;align-items:flex-end;height:122px}.bar{width:8px;border-radius:5px 5px 2px 2px;min-height:5px}.bar.present{background:#1aa369}.bar.reports{background:#4c89d6}.bar.late{background:#d5a038}.trend-col small{margin-top:6px;font-size:7px;color:#8c9893}.trend-legend{display:flex;gap:14px;margin-top:9px;font-size:7px;color:#7f8b86}.trend-legend span{display:flex;gap:5px;align-items:center}.trend-legend i{width:8px;height:8px;border-radius:2px}.trend-legend .present{background:#1aa369}.trend-legend .reports{background:#4c89d6}.trend-legend .late{background:#d5a038}
.score-row{display:grid;grid-template-columns:74px 1fr 36px;align-items:center;gap:8px;margin:14px 0}.score-row span,.score-row b{font-size:8px}.score-row div{height:8px;background:#eef2ef;border-radius:10px;overflow:hidden}.score-row i{display:block;height:100%;background:linear-gradient(90deg,#73c39b,#15945f);border-radius:10px}.score-note{display:flex;justify-content:space-between;margin-top:18px;padding-top:13px;border-top:1px solid #edf1ef}.score-note span{font-size:8px;color:#7d8984}.score-note strong{font-size:13px;color:#c04b4b}
.attention-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.attention-card{border:1px solid #edf1ef;border-radius:16px;padding:13px;background:#fcfdfc}.attention-user{display:flex;gap:9px;align-items:center}.exec-avatar{width:36px;height:36px;border-radius:12px;background:#edf7f2;color:#15945f;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:900}.exec-avatar.large{width:44px;height:44px;border-radius:14px}.exec-avatar img{width:100%;height:100%;object-fit:cover}.attention-user strong,.person-main strong{font-size:10px}.attention-user small,.person-main small{display:block;font-size:7px;color:#8b9792;margin-top:3px}.attention-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.tag{font-size:7px;padding:5px 7px;border-radius:8px;background:#f1f5f3;color:#5f6e67}.tag.warning{background:#fff4e3;color:#a66b12}.tag.danger{background:#fff0f0;color:#b94b4b}
.people-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.person-status-card{border:1px solid #e9efec;border-radius:17px;padding:14px;background:linear-gradient(145deg,#fff,#fbfdfc)}.person-card-top{display:grid;grid-template-columns:44px 1fr auto;gap:9px;align-items:center}.person-status{font-size:7px;padding:5px 7px;border-radius:8px}.person-status.present{background:#eaf7ef;color:#158a58}.person-status.late{background:#fff4e2;color:#a46c14}.person-status.missing{background:#fff0f0;color:#b94a4a}.person-status.leave{background:#edf5ff;color:#467cc0}.person-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.person-mini-grid div{background:#f7faf8;border-radius:10px;padding:8px}.person-mini-grid small{display:block;font-size:7px;color:#8c9893}.person-mini-grid b{font-size:9px}.person-footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #eef2ef;font-size:7px;color:#708079}.exec-link{font-size:8px;color:#15945f;font-weight:800}.alert-list article{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf1ef}.alert-list article:last-child{border-bottom:0}.alert-icon{width:32px;height:32px;border-radius:10px;background:#edf8f2;display:flex;align-items:center;justify-content:center}.alert-list strong{font-size:9px}.alert-list p{font-size:8px;color:#66766f;margin:3px 0}.alert-list small{font-size:7px;color:#9aa39f}.exec-empty{font-size:9px;color:#8b9792;padding:15px;text-align:center}
@media(max-width:1200px){.exec-kpi-grid{grid-template-columns:repeat(3,1fr)}.exec-visual-grid{grid-template-columns:1fr 1fr}.exec-score-panel{grid-column:1/-1}.people-card-grid,.attention-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.exec-head{flex-direction:column;align-items:stretch;padding:18px}.exec-head-actions{display:grid}.exec-kpi-grid{grid-template-columns:repeat(2,1fr)}.exec-visual-grid{grid-template-columns:1fr}.exec-score-panel{grid-column:auto}.gauge-wrap{grid-template-columns:130px 1fr}.gauge{width:128px;height:128px}.gauge:after{width:94px;height:94px}.people-card-grid,.attention-cards{grid-template-columns:1fr}.exec-panel{padding:15px}}
/* v23 — reference-matched GreenLife executive dashboard */
.ref-dashboard{--green:#13a05f;--navy:#183047;--muted:#7d8b98;--line:#e7edf0;--blue:#2f76e8;--orange:#f28b16;--purple:#7a43e8;display:grid;gap:16px;color:var(--navy);direction:rtl}.ref-welcome{display:flex;justify-content:space-between;align-items:center;padding:8px 2px}.ref-welcome h1{font-size:20px;margin:0 0 7px;font-weight:900}.ref-welcome p{margin:0;color:#788792;font-size:10px}.ref-date-filter{display:flex;gap:8px;align-items:center}.ref-date-filter select,.ref-date-filter span{border:1px solid #dfe7eb;background:#fff;border-radius:11px;padding:11px 14px;font:inherit;font-size:9px;color:#304354}.ref-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ref-kpis article,.ref-card{background:#fff;border:1px solid #e4eaed;border-radius:18px;box-shadow:0 7px 24px rgba(38,63,78,.055)}.ref-kpis article{min-height:112px;padding:18px;display:flex;align-items:center;justify-content:space-between}.ref-kpis small{display:block;font-size:9px;font-weight:800}.ref-kpis strong{display:inline-block;font-size:27px;margin:8px 0 5px}.ref-kpis span{display:block;font-size:8px;color:#82909a}.ico{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-style:normal}.ico.green{background:#eaf8f0;color:var(--green)}.ico.orange{background:#fff2e6;color:var(--orange)}.ico.blue{background:#edf3ff;color:var(--blue)}.ico.purple{background:#f4efff;color:var(--purple)}.c-green{color:var(--green)}.c-orange{color:var(--orange)}.c-blue{color:var(--blue)}.c-purple{color:var(--purple)}.ref-mid{display:grid;grid-template-columns:.85fr 1.7fr 1.45fr;gap:12px}.ref-card{padding:18px}.ref-card h2{font-size:13px;margin:0 0 14px}.attendance-card{text-align:center}.semi-gauge{--v:0;width:190px;height:100px;margin:25px auto 10px;overflow:hidden;position:relative}.semi-gauge:before{content:"";position:absolute;inset:0;width:190px;height:190px;border-radius:50%;background:conic-gradient(from 270deg,#ef3d45 0 11%,#ff9800 11% 25%,#21a563 25% calc(25% + var(--v)*.5%),#edf1f2 0);transform:rotate(0deg)}.semi-gauge:after{content:"";position:absolute;left:24px;top:24px;width:142px;height:142px;background:#fff;border-radius:50%}.semi-gauge div{position:absolute;z-index:2;inset:54px 0 auto;text-align:center}.semi-gauge strong{font-size:36px;color:var(--green)}.attendance-card p{font-size:9px;color:#647787}.chart-legend{display:flex;gap:16px;justify-content:center;font-size:8px;margin-bottom:5px}.chart-legend .green{color:var(--green)}.chart-legend .blue{color:var(--blue)}.chart-legend .orange{color:var(--orange)}.ref-linechart{height:185px}.ref-linechart svg{width:100%;height:155px;overflow:visible}.ref-linechart .grid line{stroke:#e8edef;stroke-width:1}.ref-linechart polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ref-linechart .lp{stroke:var(--green)}.ref-linechart .lr{stroke:var(--blue)}.ref-linechart .ll{stroke:var(--orange)}.chart-days{display:flex;justify-content:space-between;font-size:7px;color:#788792}.donut-body{display:flex;align-items:center;justify-content:space-around;gap:16px}.donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--green) 0 calc(var(--p)/var(--total)*100%),var(--orange) 0 calc((var(--p) + var(--l))/var(--total)*100%),#ef4650 0 calc((var(--p) + var(--l) + var(--m))/var(--total)*100%),var(--blue) 0);display:grid;place-items:center}.donut:before{content:"";width:105px;height:105px;border-radius:50%;background:#fff;grid-area:1/1}.donut>div{z-index:1;text-align:center;grid-area:1/1}.donut strong{display:block;font-size:27px}.donut span{font-size:9px}.donut-legend p{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:8px;margin:12px 0}.donut-legend i{width:7px;height:7px;border-radius:50%}.donut-legend .g{background:var(--green)}.donut-legend .o{background:var(--orange)}.donut-legend .r{background:#ef4650}.donut-legend .b{background:var(--blue)}.ref-bottom{display:grid;grid-template-columns:.8fr 1.15fr 2.05fr;gap:12px}.action-list{display:grid;gap:9px}.action{display:flex;align-items:center;gap:10px;padding:11px;border-radius:11px;border:1px solid}.action i{font-style:normal;font-size:19px}.action strong{display:block;font-size:8px}.action small{font-size:7px;color:#768691}.action.orange{background:#fff8ef;border-color:#ffe2bd;color:#cf7411}.action.blue{background:#f3f7ff;border-color:#dce8ff;color:#3475dc}.action.purple{background:#f8f4ff;border-color:#e9dcff;color:#7949d9}.action-card>a,.card-head>a{display:block;margin-top:13px;color:#0b9c75;font-size:8px;font-weight:800}.goal{display:grid;grid-template-columns:1fr auto;gap:6px;margin:15px 0}.goal span,.goal b{font-size:8px}.goal>div{grid-column:1/-1;height:7px;background:#edf1f2;border-radius:10px;overflow:hidden}.goal i{display:block;height:100%;border-radius:10px}.goal i.green{background:var(--green)}.goal i.blue{background:var(--blue)}.goal i.purple{background:var(--purple)}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head>a{margin:0}.staff-list{display:grid}.staff-row{display:grid;grid-template-columns:1.8fr .8fr .65fr .65fr .75fr .3fr;gap:8px;align-items:center;border-bottom:1px solid #edf1f2;padding:8px 0;font-size:8px}.staff-row:last-child{border-bottom:0}.staff-person{display:flex;gap:8px;align-items:center}.staff-person .avatar{width:34px;height:34px;border-radius:50%;background:#edf6f1;display:grid;place-items:center;overflow:hidden;color:var(--green);font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.staff-person b{display:block;font-size:8px}.staff-person small{display:block;color:#85929b;font-size:6px;margin-top:2px}.status{font-style:normal;border-radius:8px;padding:5px 7px;text-align:center}.status.present{background:#eaf8f0;color:#138c55}.status.late{background:#fff2e6;color:#e27c10}.status.missing{background:#ffeded;color:#df3944}.status.leave{background:#edf3ff;color:#3475dc}.report-ok{color:var(--green);font-size:15px}.ref-summary{display:grid;grid-template-columns:repeat(5,1fr) 1.2fr;align-items:center;border:1px solid #dcebe3;background:#fbfefc;border-radius:15px;padding:10px 14px;gap:8px}.ref-summary div{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center;font-size:16px;color:var(--green)}.ref-summary span,.ref-summary b{font-size:7px;color:#72828c}.ref-summary b{grid-column:2}.ref-summary>a{background:linear-gradient(135deg,#19a966,#0b8e55);color:#fff;border-radius:10px;padding:12px;text-align:center;font-size:9px;font-weight:900}.empty{text-align:center;color:#8a979f;font-size:9px}
@media(max-width:1100px){.ref-kpis{grid-template-columns:repeat(3,1fr)}.ref-mid,.ref-bottom{grid-template-columns:1fr 1fr}.trend-card,.staff-table-card{grid-column:1/-1}.ref-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ref-welcome{align-items:flex-start;gap:12px;flex-direction:column}.ref-welcome h1{font-size:17px}.ref-kpis{grid-template-columns:repeat(2,1fr)}.ref-kpis article{min-height:95px;padding:13px}.ref-kpis strong{font-size:23px}.ico{width:42px;height:42px}.ref-mid,.ref-bottom{grid-template-columns:1fr}.trend-card,.staff-table-card{grid-column:auto}.donut-body{justify-content:center}.staff-table-card{overflow-x:auto}.staff-list{min-width:620px}.ref-summary{grid-template-columns:repeat(2,1fr)}.ref-summary>a{grid-column:1/-1}}

.security-rejected{display:block;font-size:7px;color:#b66a1c;margin-top:4px}.security-rejected b{font-size:8px;color:#b94b4b}

/* v25 device issue workflow */
.gl-profile-device-issue{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:16px 18px;border-radius:18px;background:linear-gradient(145deg,#fffaf2,#fff);border:1px solid #f0e3c8;color:#34463e}.gl-device-icon{width:44px;height:44px;border-radius:14px;background:#fff3dd;display:flex;align-items:center;justify-content:center;font-size:20px}.gl-profile-device-issue strong{display:block;font-size:11px;color:#614b27}.gl-profile-device-issue small{display:block;font-size:8px;color:#9b8d76;margin-top:4px}.gl-device-arrow{font-size:23px;color:#b68434}
.device-issue-hero{background:linear-gradient(145deg,#fffaf2,#f7fbf9)}.device-issue-big-icon{font-size:44px}.device-issue-form-card input,.device-issue-form-card textarea{width:100%}.device-issue-actions{display:flex;gap:8px;margin-top:14px}
.device-issue-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:15px 0;border-bottom:1px solid #edf1ef}.device-issue-row:last-child{border-bottom:0}.device-issue-row strong{font-size:12px}.device-issue-row small{display:block;font-size:8px;color:#8e9a94;margin-top:4px}.device-issue-row p{font-size:9px;color:#506159;line-height:1.9}.device-status{display:inline-flex;padding:6px 9px;border-radius:9px;font-size:8px;font-weight:800;white-space:nowrap}.device-status.new{background:#fff0f0;color:#b84c4c}.device-status.reviewing{background:#fff4e3;color:#a76d14}.device-status.resolved{background:#eaf8f0;color:#168f59}.device-manager-note{background:#f4faf7;border-radius:10px;padding:9px;font-size:8px;color:#446055}
.device-manage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.device-manage-card{border:1px solid #e8eeeb;border-radius:17px;padding:15px;color:#2d4037;background:#fff}.device-manage-top{display:flex;justify-content:space-between;align-items:center}.device-tool-icon{width:38px;height:38px;border-radius:12px;background:#fff3df;display:flex;align-items:center;justify-content:center}.device-manage-card h3{font-size:12px;margin:12px 0 7px}.device-manage-card p{font-size:8px;line-height:1.8;color:#66756f}.device-manage-card small{font-size:7px;color:#929d98}.device-filter{display:flex;gap:5px}.device-filter a{font-size:8px;padding:7px 9px;border-radius:8px;background:#eef7f2;color:#168f59}
@media(max-width:800px){.device-manage-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.device-manage-grid{grid-template-columns:1fr}.device-issue-actions{display:grid}}

/* =========================================================
   v26 — GreenLife UI System + Stability Cleanup
   Non-destructive visual normalization layer
   ========================================================= */
:root{
  --gl-bg:#f6f9f7;
  --gl-surface:#ffffff;
  --gl-surface-soft:#f9fbfa;
  --gl-text:#26372f;
  --gl-muted:#7d8b85;
  --gl-line:#e5ece8;
  --gl-primary:#15945f;
  --gl-primary-strong:#0f7f50;
  --gl-primary-soft:#eaf7f0;
  --gl-warning:#b57813;
  --gl-warning-soft:#fff5e5;
  --gl-danger:#bd4d4d;
  --gl-danger-soft:#fff0f0;
  --gl-info:#427fc3;
  --gl-info-soft:#edf5ff;
  --gl-purple:#7655b9;
  --gl-purple-soft:#f3efff;
  --gl-radius-sm:10px;
  --gl-radius:16px;
  --gl-radius-lg:22px;
  --gl-shadow-sm:0 5px 18px rgba(42,72,61,.04);
  --gl-shadow:0 10px 30px rgba(42,72,61,.055);
  --gl-focus:0 0 0 3px rgba(21,148,95,.14);
}

/* Global surface */
.gl-app{
  background:var(--gl-bg);
  color:var(--gl-text);
}
.app-main{
  background:
    radial-gradient(circle at 15% 0%,rgba(21,148,95,.035),transparent 26%),
    var(--gl-bg)!important;
}
a{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
button,input,select,textarea{font-family:inherit}

/* Sidebar + topbar */
.app-sidebar{
  background:rgba(255,255,255,.96)!important;
  border-color:var(--gl-line)!important;
  box-shadow:8px 0 28px rgba(35,67,54,.035)!important;
  backdrop-filter:blur(12px);
}
.app-nav>a,
.app-nav>button{
  border-radius:13px!important;
  color:#596a62!important;
}
.app-nav>a:hover{
  background:#f1f7f4!important;
  color:var(--gl-primary)!important;
}
.app-nav>a.is-active,
.app-nav>.nav-main.is-active,
.employee-profile-nav.is-active{
  background:var(--gl-primary-soft)!important;
  color:var(--gl-primary)!important;
  box-shadow:none!important;
}
.app-nav>a.is-active .nav-ico,
.app-nav>.nav-main.is-active .nav-ico{
  color:var(--gl-primary)!important;
}
.topbar{
  background:rgba(255,255,255,.9)!important;
  border-bottom:1px solid var(--gl-line)!important;
  backdrop-filter:blur(12px);
}
.topbar-search{
  background:#f7faf8!important;
  border:1px solid var(--gl-line)!important;
  border-radius:14px!important;
}
.header-person{
  border-radius:14px;
}

/* Panels / cards / heroes */
.panel,.hero,.manager-strip,.stats>div,.live-kpis>div,
.self-profile-photo-card,.self-profile-info-card,
.gl-profile-header,.gl-profile-card,
.exec-panel,.exec-kpi,
.device-manage-card,.guideline-card{
  border-color:var(--gl-line)!important;
  box-shadow:var(--gl-shadow-sm)!important;
}
.panel,.hero{
  border-radius:var(--gl-radius-lg)!important;
  background:var(--gl-surface)!important;
}
.hero{
  background:linear-gradient(145deg,#fff,#f7fbf9)!important;
}
.sectionhead h1,.sectionhead h2,.hero h1,.hero h2{
  color:var(--gl-text)!important;
}
.muted,.hero p,.sectionhead p{
  color:var(--gl-muted)!important;
}

/* Buttons */
.primary,
button.primary,
.mini-btn,
.exec-refresh{
  border-radius:12px!important;
  background:var(--gl-primary)!important;
  border:1px solid var(--gl-primary)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(21,148,95,.13)!important;
}
.primary:hover,
button.primary:hover,
.exec-refresh:hover{
  background:var(--gl-primary-strong)!important;
  transform:translateY(-1px);
}
.primary.ghost{
  background:#fff!important;
  color:var(--gl-primary)!important;
  border-color:#cfe5da!important;
  box-shadow:none!important;
}
.primary.ghost:hover{
  background:var(--gl-primary-soft)!important;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:none!important;
  box-shadow:var(--gl-focus)!important;
}

/* Form system */
input[type=text],input[type=password],input[type=email],input[type=tel],
input[type=number],input[type=date],input[type=time],
select,textarea{
  background:#fff!important;
  color:var(--gl-text)!important;
  border:1px solid #dfe8e3!important;
  border-radius:12px!important;
  min-height:42px;
  padding:10px 12px!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
textarea{min-height:110px}
input:focus,select:focus,textarea:focus{
  border-color:#82bea0!important;
  background:#fff!important;
  box-shadow:var(--gl-focus)!important;
}
label{
  color:#4d5e56!important;
  font-size:10px!important;
  font-weight:700!important;
}
form p{margin:0 0 13px}

/* Tables */
.tablewrap{
  border:1px solid var(--gl-line)!important;
  border-radius:16px!important;
  overflow:auto!important;
  background:#fff;
}
table{border-collapse:separate!important;border-spacing:0!important}
thead th{
  position:sticky;
  top:0;
  background:#f5f9f7!important;
  color:#66766f!important;
  font-size:8px!important;
  border-bottom:1px solid var(--gl-line)!important;
}
tbody td{
  border-bottom:1px solid #edf2ef!important;
  color:#34463e!important;
}
tbody tr:hover td{background:#fbfdfc!important}

/* Badges / status */
.badge,.status-pill,.device-status,.required-pill,.ack-done{
  border-radius:999px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.badge.done,.status-pill.present,.device-status.resolved{
  background:var(--gl-primary-soft)!important;
  color:var(--gl-primary)!important;
}
.status-pill.late,.device-status.reviewing{
  background:var(--gl-warning-soft)!important;
  color:var(--gl-warning)!important;
}
.status-pill.missing,.device-status.new{
  background:var(--gl-danger-soft)!important;
  color:var(--gl-danger)!important;
}
.status-pill.leave{
  background:var(--gl-info-soft)!important;
  color:var(--gl-info)!important;
}

/* Messages */
.msg{
  border-radius:14px!important;
  border:1px solid var(--gl-line)!important;
  background:#fff!important;
  box-shadow:var(--gl-shadow-sm)!important;
}
.msg.success{border-color:#cfe8db!important;background:#f1faf5!important;color:#167b50!important}
.msg.error{border-color:#f1d5d5!important;background:#fff4f4!important;color:#a94747!important}
.msg.warning{border-color:#f0dfbd!important;background:#fff9ef!important;color:#956516!important}

/* Empty states */
.employee-empty,.gl-empty-row,.exec-empty{
  border:1px dashed #dce7e1;
  background:#fafcfb;
  border-radius:14px;
}

/* Executive visual consistency */
.exec-head{
  background:linear-gradient(125deg,#ffffff,#edf8f2)!important;
  color:var(--gl-text)!important;
}
.exec-title h1{color:var(--gl-text)!important}
.exec-title p{color:var(--gl-muted)!important}
.exec-branch-picker select{
  background:#fff!important;
  color:var(--gl-text)!important;
  border:1px solid var(--gl-line)!important;
}
.exec-kpi:hover,.person-status-card:hover,.attention-card:hover,.device-manage-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--gl-shadow)!important;
}

/* Profile / employee consistency */
.gl-profile-header,.self-profile-hero,.employee-welcome{
  background:linear-gradient(145deg,#fff,#f2faf6)!important;
}
.gl-profile-photo,.self-profile-avatar,.employee-avatar{
  box-shadow:0 8px 22px rgba(31,92,64,.10)!important;
}

/* Typography rhythm */
h1,h2,h3,strong{letter-spacing:-.15px}
p{line-height:1.85}
small{line-height:1.65}

/* Desktop density */
@media(min-width:1200px){
  .app-main{padding-left:26px!important;padding-right:26px!important}
  .panel{padding:21px!important}
}

/* Tablet */
@media(max-width:900px){
  .exec-kpi-grid{gap:8px!important}
  .panel,.hero{border-radius:18px!important}
}

/* Mobile normalization */
@media(max-width:700px){
  .app-main{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:82px!important;
  }
  .panel,.hero{
    padding:15px!important;
    border-radius:18px!important;
  }
  .app-sidebar{
    box-shadow:0 -8px 26px rgba(42,72,61,.07)!important;
    border-top:1px solid var(--gl-line)!important;
  }
  .app-nav>a,.app-nav>button{
    border-radius:12px!important;
  }
  .mobile-more-menu{
    border:1px solid var(--gl-line)!important;
    box-shadow:0 -18px 50px rgba(26,55,43,.12)!important;
  }
  input,select,textarea{
    font-size:16px!important; /* avoid iOS zoom */
  }
}

/* Small phones */
@media(max-width:390px){
  .app-main{padding-left:7px!important;padding-right:7px!important}
  .panel,.hero{padding:13px!important}
}

/* ========================================================
   v27 — Action Center + Employee 360
   ======================================================== */
.ac-page,.p360-page{display:grid;gap:14px}
.ac-hero,.p360-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--gl-line);border-radius:24px;background:linear-gradient(140deg,#fff,#f1faf5);box-shadow:var(--gl-shadow-sm)}
.ac-hero h1,.p360-hero h1{margin:5px 0 6px;font-size:27px}.ac-hero p,.p360-hero p{margin:0;font-size:9px;color:var(--gl-muted)}
.ac-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.ac-stats a{padding:15px 16px;background:#fff;border:1px solid var(--gl-line);border-radius:17px;color:var(--gl-text);box-shadow:var(--gl-shadow-sm)}.ac-stats small,.ac-stats span{display:block;font-size:8px;color:var(--gl-muted)}.ac-stats strong{display:block;font-size:25px;margin:6px 0}.ac-stats .critical strong{color:var(--gl-danger)}.ac-stats .high strong{color:var(--gl-warning)}
.ac-panel{background:#fff;border:1px solid var(--gl-line);border-radius:22px;padding:20px;box-shadow:var(--gl-shadow-sm)}.ac-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px}.ac-toolbar h2{font-size:17px;margin:0 0 4px}.ac-toolbar p{font-size:8px;color:var(--gl-muted);margin:0}.ac-filters{display:flex;gap:5px;flex-wrap:wrap}.ac-filters a{font-size:8px;padding:7px 9px;border-radius:9px;background:#f5f8f6;color:#62726b}.ac-filters a.active,.ac-filters a:hover{background:var(--gl-primary-soft);color:var(--gl-primary)}
.ac-list{display:grid;gap:7px}.ac-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid #e9efec;border-radius:15px;padding:12px 14px;color:var(--gl-text);background:#fff}.ac-item:hover{background:#fbfdfc;transform:translateY(-1px)}.ac-item.critical{border-right:4px solid var(--gl-danger)}.ac-item.high{border-right:4px solid #d7982d}.ac-icon{width:38px;height:38px;border-radius:12px;background:#eef8f3;color:var(--gl-primary);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900}.ac-item.critical .ac-icon{background:var(--gl-danger-soft);color:var(--gl-danger)}.ac-item.high .ac-icon{background:var(--gl-warning-soft);color:var(--gl-warning)}.ac-title-row{display:flex;align-items:center;gap:8px}.ac-title-row strong{font-size:10px}.ac-main p{font-size:8px;color:#5e6e67;margin:4px 0}.ac-main small{font-size:7px;color:#929d98}.ac-priority{font-size:7px;padding:4px 6px;border-radius:7px;background:#f2f5f3;color:#64746d}.ac-priority.critical{background:var(--gl-danger-soft);color:var(--gl-danger)}.ac-priority.high{background:var(--gl-warning-soft);color:var(--gl-warning)}.ac-open{font-size:8px;color:var(--gl-primary);font-weight:800}.ac-empty{text-align:center;padding:40px}.ac-empty>span{display:grid;place-items:center;margin:0 auto 10px;width:48px;height:48px;border-radius:50%;background:var(--gl-primary-soft);color:var(--gl-primary);font-size:22px}.ac-empty strong{display:block}.ac-empty p{font-size:8px;color:var(--gl-muted)}
.p360-person{display:flex;align-items:center;gap:17px}.p360-avatar{width:82px;height:82px;border-radius:24px;background:#eaf7f0;color:var(--gl-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:28px;font-weight:900}.p360-avatar img{width:100%;height:100%;object-fit:cover}.p360-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.p360-chips span{font-size:7px;padding:5px 7px;border-radius:8px;background:#f2f6f4;color:#5d6e66}.p360-chips .active{background:var(--gl-primary-soft);color:var(--gl-primary)}.p360-chips .inactive{background:var(--gl-danger-soft);color:var(--gl-danger)}.p360-actions{display:flex;gap:7px}
.p360-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.p360-kpis article{display:flex;align-items:center;gap:11px;padding:15px;background:#fff;border:1px solid var(--gl-line);border-radius:17px;box-shadow:var(--gl-shadow-sm)}.p360-kpis .i{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:16px}.p360-kpis .i.green{background:var(--gl-primary-soft);color:var(--gl-primary)}.p360-kpis .i.blue{background:var(--gl-info-soft);color:var(--gl-info)}.p360-kpis .i.purple{background:var(--gl-purple-soft);color:var(--gl-purple)}.p360-kpis .i.amber{background:var(--gl-warning-soft);color:var(--gl-warning)}.p360-kpis small,.p360-kpis em{display:block;font-size:7px;color:var(--gl-muted);font-style:normal}.p360-kpis strong{display:block;font-size:20px;margin:4px 0}
.p360-grid-main{display:grid;grid-template-columns:1.6fr 1fr;gap:11px}.p360-side-stack{display:grid;gap:11px}.p360-card{background:#fff;border:1px solid var(--gl-line);border-radius:20px;padding:17px;box-shadow:var(--gl-shadow-sm)}.p360-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.p360-card-head h2{font-size:14px;margin:0 0 3px}.p360-card-head p,.p360-card-head a{font-size:7px;color:var(--gl-muted);margin:0}.p360-card-head a{color:var(--gl-primary);font-weight:800}
.p360-events{max-height:540px;overflow:auto;padding-left:2px}.p360-event{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #eef2ef}.p360-event:last-child{border-bottom:0}.event-icon{width:31px;height:31px;border-radius:10px;background:#f2f7f4;display:grid;place-items:center;color:var(--gl-primary)}.p360-event strong{font-size:9px}.p360-event p{font-size:8px;color:#56675f;margin:3px 0}.p360-event small{font-size:7px;color:#919c97}.p360-goal{padding:9px 0;border-bottom:1px solid #eef2ef}.p360-goal>div:first-child{display:flex;justify-content:space-between}.p360-goal strong,.p360-goal span{font-size:8px}.p360-progress{height:7px;border-radius:8px;background:#edf2ef;margin:8px 0;overflow:hidden}.p360-progress i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#71c69b,var(--gl-primary))}.p360-goal small{font-size:7px;color:var(--gl-muted)}.p360-mini-row{display:grid;grid-template-columns:1fr 55px 70px;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid #eef2ef;font-size:8px}.p360-mini-row em{font-size:7px;padding:4px 6px;border-radius:7px;text-align:center;font-style:normal}.p360-mini-row em.present{background:var(--gl-primary-soft);color:var(--gl-primary)}.p360-mini-row em.late{background:var(--gl-warning-soft);color:var(--gl-warning)}
.p360-four-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.p360-list-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2ef;color:var(--gl-text)}.p360-list-item:last-child{border-bottom:0}.p360-list-item strong{font-size:8px}.p360-list-item p{font-size:7px;color:#7e8b85;margin:3px 0 0}.p360-list-item>span{font-size:8px}.mini-status{padding:4px 6px;border-radius:7px;background:#f2f5f3}.mini-status.pending{background:var(--gl-warning-soft);color:var(--gl-warning)}.mini-status.approved{background:var(--gl-primary-soft);color:var(--gl-primary)}.mini-status.rejected{background:var(--gl-danger-soft);color:var(--gl-danger)}
@media(max-width:1100px){.ac-stats,.p360-kpis{grid-template-columns:repeat(3,1fr)}.p360-grid-main{grid-template-columns:1fr}.p360-four-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.ac-hero,.p360-hero{flex-direction:column;align-items:stretch;padding:17px}.ac-stats,.p360-kpis{grid-template-columns:repeat(2,1fr)}.ac-toolbar{flex-direction:column}.ac-item{grid-template-columns:38px 1fr}.ac-open{display:none}.p360-person{align-items:flex-start}.p360-avatar{width:68px;height:68px;border-radius:20px}.p360-actions{display:grid}.p360-four-grid{grid-template-columns:1fr}.p360-mini-row{grid-template-columns:1fr 45px 64px}}

/* ============================================================
   v28 — Reference-grade real dashboard polish
   Targets the approved GreenLife management reference while
   preserving the real Django data and existing workflows.
   ============================================================ */
.ref-dashboard{
  max-width:1440px;margin:0 auto;padding:4px 4px 18px;
  gap:18px;letter-spacing:-.01em;
}
.ref-welcome{
  min-height:78px;padding:10px 6px 4px;
}
.ref-welcome h1{font-size:25px;line-height:1.45;letter-spacing:-.04em}
.ref-welcome p{font-size:11px}
.ref-date-filter select,.ref-date-filter span{
  min-height:44px;border-radius:14px;padding:12px 16px;
  box-shadow:0 5px 18px rgba(30,70,52,.04)
}
.ref-kpis{gap:14px}
.ref-kpis article{
  min-height:132px;padding:22px 20px;border-radius:22px;
  border-color:#e9efec;
  box-shadow:0 10px 32px rgba(23,61,44,.06);
  transition:.18s ease;
}
.ref-kpis article:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(23,61,44,.09)}
.ref-kpis small{font-size:10px;color:#45574f}
.ref-kpis strong{font-size:31px;margin:9px 0 6px}
.ref-kpis span{font-size:8.5px}
.ico{width:56px;height:56px;font-size:26px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.ref-mid{grid-template-columns:.95fr 1.6fr 1.25fr;gap:14px}
.ref-bottom{grid-template-columns:.82fr 1.08fr 2.1fr;gap:14px}
.ref-card{
  border-radius:23px;padding:21px;border-color:#e8eeeb;
  box-shadow:0 11px 34px rgba(28,62,49,.06)
}
.ref-card h2{font-size:14px;margin-bottom:18px}
.attendance-card{min-height:315px}
.semi-gauge{width:220px;height:116px;margin:30px auto 14px}
.semi-gauge:before{width:220px;height:220px}
.semi-gauge:after{left:27px;top:27px;width:166px;height:166px}
.semi-gauge div{inset:63px 0 auto}
.semi-gauge strong{font-size:40px}
.trend-card,.donut-card{min-height:315px}
.ref-linechart{height:215px}
.ref-linechart svg{height:180px}
.ref-linechart polyline{stroke-width:4}
.donut{width:178px;height:178px;filter:drop-shadow(0 7px 12px rgba(31,77,57,.08))}
.donut:before{width:116px;height:116px}
.donut strong{font-size:31px}
.donut-legend p{font-size:9px;margin:14px 0}
.action-card,.goals-card,.staff-table-card{min-height:330px}
.action{padding:14px 13px;border-radius:14px}
.action i{font-size:22px}
.action strong{font-size:9px}
.action small{font-size:7.5px}
.goal{margin:18px 0}
.goal span,.goal b{font-size:9px}
.goal>div{height:8px}
.staff-row{
  grid-template-columns:1.9fr .85fr .68fr .68fr .8fr .3fr;
  min-height:54px;padding:9px 2px;font-size:8.5px
}
.staff-person .avatar{width:38px;height:38px}
.staff-person b{font-size:9px}
.staff-person small{font-size:7px}
.status{padding:6px 8px;border-radius:9px}
.ref-summary{
  min-height:68px;border-radius:18px;padding:12px 16px;
  box-shadow:0 7px 24px rgba(23,61,44,.04)
}
.ref-summary>a{padding:14px 12px;border-radius:12px}

/* Make the surrounding shell visually match the reference instead of
   looking like an admin template around a nice dashboard. */
body:has(.ref-dashboard) .app-main{background:#f6f9f7}
body:has(.ref-dashboard) .content-shell{max-width:none;padding:18px 22px 28px}
body:has(.ref-dashboard) .topbar{
  background:rgba(255,255,255,.94);backdrop-filter:blur(16px);
  border-bottom:1px solid #edf1ef;box-shadow:none
}
body:has(.ref-dashboard) .sidebar{
  background:#fff;border-left:1px solid #e9efec;
  box-shadow:-5px 0 24px rgba(28,62,49,.035)
}
body:has(.ref-dashboard) .sidebar a{
  min-height:43px;border-radius:12px;margin:2px 9px;padding:9px 11px
}
body:has(.ref-dashboard) .sidebar a:hover{
  background:#eef8f2;color:#108b55
}

@media(max-width:1100px){
  .ref-dashboard{padding:0}
  .ref-kpis{grid-template-columns:repeat(3,1fr)}
  .ref-mid,.ref-bottom{grid-template-columns:1fr 1fr}
  .trend-card,.staff-table-card{grid-column:1/-1}
}
@media(max-width:700px){
  .ref-dashboard{gap:12px}
  .ref-welcome h1{font-size:19px}
  .ref-kpis{gap:9px}
  .ref-kpis article{min-height:108px;padding:15px;border-radius:17px}
  .ref-kpis strong{font-size:25px}
  .ref-card{padding:15px;border-radius:18px}
  .ref-mid,.ref-bottom{gap:10px}
  body:has(.ref-dashboard) .content-shell{padding:12px}
}

/* v29 Fold / tablet wide management canvas */
@media (min-width:1180px){body:has(.ref-dashboard) .content-shell{padding:18px 18px 30px}.ref-dashboard{max-width:1760px;width:100%}.ref-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.ref-mid{grid-template-columns:1.05fr 1.65fr 1.15fr}.ref-bottom{grid-template-columns:.82fr 1fr 1.25fr 2fr}.device-dashboard-card{min-height:330px}.staff-table-card{min-width:0}}
@media (min-width:1500px){.ref-dashboard{max-width:1880px}.ref-card{padding:24px}.ref-kpis article{min-height:142px}.ref-mid{grid-template-columns:1fr 1.75fr 1.2fr}.ref-bottom{grid-template-columns:.8fr 1fr 1.35fr 2.15fr}}
.device-dashboard-card{display:flex;flex-direction:column}.device-kpi{display:flex;align-items:baseline;gap:8px;padding:10px 0 14px;border-bottom:1px solid #edf1ef}.device-kpi strong{font-size:28px;color:#d97706}.device-kpi span{font-size:9px;color:#697a72}.device-dashboard-list{display:grid;gap:8px;margin-top:10px}.device-dashboard-row{display:flex;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #edf1ef;border-radius:13px;background:#fbfcfb;color:inherit;text-decoration:none}.device-dashboard-row:hover{background:#f2f8f4}.device-dashboard-row b{display:block;font-size:9px}.device-dashboard-row small{display:block;font-size:7px;color:#87958e;margin-top:3px}.device-dashboard-row p{font-size:7.5px;color:#52635b;margin:5px 0 0;line-height:1.7}.device-dashboard-row .device-status{white-space:nowrap;align-self:flex-start;font-size:7px;padding:5px 7px;border-radius:8px;background:#fff4e8;color:#b65b00}.device-dashboard-row .device-status.resolved{background:#eaf7ef;color:#16834c}

/* v30 — Internal Manager Dashboard */
.internal-manager-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.internal-manager-strip>a{
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  border:1px solid var(--gl-line);
  border-radius:16px;
  background:#fff;
  color:var(--gl-text);
  box-shadow:var(--gl-shadow-sm);
}
.internal-manager-strip>a:hover{
  transform:translateY(-1px);
  box-shadow:var(--gl-shadow);
}
.ims-icon{
  width:40px;height:40px;border-radius:12px;
  display:grid;place-items:center;
  background:var(--gl-primary-soft);
  color:var(--gl-primary);
  font-size:17px;
}
.internal-manager-strip strong{display:block;font-size:9px}
.internal-manager-strip small{display:block;font-size:7px;color:var(--gl-muted);margin-top:3px}
.internal-manager-strip b{
  font-size:19px;color:var(--gl-primary);
  min-width:24px;text-align:center
}

/* Give manager/admin more horizontal breathing room on fold/tablet/desktop */
@media(min-width:1000px){
  body:has(.ref-dashboard) .content-shell{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .ref-dashboard{
    max-width:1680px;
  }
}
@media(min-width:1350px){
  .ref-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ref-mid{grid-template-columns:1fr 1.7fr 1.25fr}
  .ref-bottom{grid-template-columns:.9fr 1fr 1.15fr 1.65fr}
}
@media(max-width:1100px){
  .internal-manager-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .internal-manager-strip{grid-template-columns:1fr 1fr}
  .internal-manager-strip>a{padding:10px}
}

/* v31 PWA app mode */
.pwa-install-bar{
  position:fixed;left:18px;right:18px;bottom:18px;z-index:9999;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#fff;border:1px solid #dce9e2;border-radius:18px;
  padding:14px 16px;box-shadow:0 18px 48px rgba(31,72,53,.16)
}
.pwa-install-bar[hidden]{display:none!important}
.pwa-install-bar strong{display:block;font-size:11px;color:#244137}
.pwa-install-bar small{display:block;font-size:8px;color:#82918a;margin-top:4px}
.pwa-install-actions{display:flex;gap:7px}
.pwa-install-actions button{height:38px;padding:0 13px;border-radius:10px;border:1px solid #15945f;background:#15945f;color:#fff;font-family:inherit;font-size:9px;font-weight:800}
.pwa-install-actions .ghost{background:#fff;color:#607168;border-color:#dce8e2}

@media (display-mode:standalone){
  body.gl-app{overscroll-behavior:none}
  .topbar{padding-top:max(0px,env(safe-area-inset-top))}
  .app-sidebar{padding-bottom:max(0px,env(safe-area-inset-bottom))}
  a,button{-webkit-tap-highlight-color:transparent}
}

/* app-like interaction for fold/tablet/mobile */
@media(max-width:900px){
  body.gl-app{background:#f6f9f7}
  .app-main{min-height:100dvh}
  .app-sidebar{
    position:fixed!important;
    left:10px!important;right:10px!important;bottom:8px!important;top:auto!important;
    width:auto!important;height:68px!important;border-radius:20px!important;
    z-index:500!important;background:rgba(255,255,255,.96)!important;
    box-shadow:0 14px 40px rgba(28,63,47,.14)!important;
    border:1px solid #e4ece8!important;
    backdrop-filter:blur(16px)
  }
  .app-nav{display:flex!important;align-items:center!important;justify-content:space-around!important;height:100%!important;overflow:hidden!important}
  .app-nav>a,.app-nav>button{flex:1!important;min-width:0!important;height:56px!important;margin:0 2px!important;padding:5px 3px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;border-radius:13px!important}
  .app-nav .nav-ico{font-size:18px!important;line-height:1!important}
  .app-nav>a>span:last-child,.app-nav>button>span:last-child{font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%}
  .app-main{padding-bottom:94px!important}
}

/* v32.0 stability footer */
.gl-version-footer{
  text-align:center;
  font-size:8px;
  color:#98a39e;
  padding:18px 8px 92px;
  user-select:text;
}
.gl-version-footer strong{color:#5f7168;font-weight:800}
@media(min-width:901px){
  .gl-version-footer{padding-bottom:18px}
}

/* =========================================================
   v32.1 — Fold / Tablet Responsive Compatibility Fix
   ========================================================= */

/* Explicit dashboard class for browsers with partial :has() behavior */
body.gl-manager-dashboard .app-main{
  background:#f6f9f7!important;
}
body.gl-manager-dashboard .content-shell{
  max-width:none!important;
  padding:18px 18px 28px!important;
}
body.gl-manager-dashboard .topbar{
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid #edf1ef!important;
  box-shadow:none!important;
}
body.gl-manager-dashboard .app-sidebar{
  background:#fff!important;
  border-color:#e9efec!important;
}

/*
  Critical fix:
  v31 converted every screen <=900px into phone bottom navigation.
  Fold-unfolded and many tablets live around 650-900 CSS px.
  Restore tablet/desktop shell from 640px upward.
*/
@media (min-width:640px) and (max-width:1100px){
  body.gl-app .app-sidebar{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    right:0!important;
    left:auto!important;
    width:190px!important;
    height:100dvh!important;
    min-height:100vh!important;
    border-radius:0!important;
    border-left:1px solid var(--gl-line)!important;
    border-top:0!important;
    box-shadow:-5px 0 24px rgba(28,62,49,.035)!important;
    padding-bottom:12px!important;
    overflow-y:auto!important;
  }

  body.gl-app .app-nav{
    display:block!important;
    height:auto!important;
    overflow:visible!important;
    padding:8px!important;
  }

  body.gl-app .app-nav>a,
  body.gl-app .app-nav>button{
    width:100%!important;
    height:auto!important;
    min-height:42px!important;
    margin:2px 0!important;
    padding:9px 10px!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:9px!important;
    border-radius:12px!important;
  }

  body.gl-app .app-nav .nav-ico{
    width:26px!important;
    min-width:26px!important;
    font-size:16px!important;
  }

  body.gl-app .app-nav>a>span:last-child,
  body.gl-app .app-nav>button>span:last-child{
    display:inline!important;
    font-size:8px!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
  }

  body.gl-app .app-main{
    margin-right:190px!important;
    padding-bottom:24px!important;
    min-height:100vh!important;
  }

  body.gl-app .topbar{
    right:190px!important;
    width:auto!important;
  }

  body.gl-manager-dashboard .content-shell{
    padding:14px 14px 24px!important;
  }

  /* Fold/tablet dashboard should remain wide, not stack like a phone */
  .ref-dashboard{
    max-width:none!important;
    width:100%!important;
  }

  .ref-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .ref-mid{
    grid-template-columns:1fr 1.45fr!important;
  }

  .ref-mid > .donut-card{
    grid-column:1/-1!important;
  }

  .ref-bottom{
    grid-template-columns:1fr 1fr!important;
  }

  .staff-table-card{
    grid-column:1/-1!important;
  }

  .internal-manager-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .ref-card{
    min-width:0!important;
  }
}

/* Only truly small phones get bottom navigation */
@media (max-width:639px){
  body.gl-app .app-sidebar{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:8px!important;
    top:auto!important;
    width:auto!important;
    height:68px!important;
    border-radius:20px!important;
  }
  body.gl-app .app-main{
    margin-right:0!important;
    padding-bottom:94px!important;
  }
}

/* Samsung Internet / fold width changes: prevent stale fixed width overflow */
@media (orientation:landscape) and (min-width:640px){
  html,body{max-width:100%;overflow-x:hidden}
  .content-shell,.ref-dashboard,.panel,.hero{min-width:0}
}

/* Avoid unsupported visual effects becoming layout-critical */
@supports not (backdrop-filter: blur(2px)){
  .topbar,.app-sidebar{background:#fff!important}
}

/* =========================================================
   v32.2 — RTL desktop shell
   Keep the primary navigation on the right for Persian UI.
   Tablet/fold layouts are already right-aligned above, while
   phones continue to use the bottom navigation.
   ========================================================= */
@media (min-width:1101px){
  body.gl-app .app-sidebar{
    right:0!important;
    left:auto!important;
    border-right:0!important;
    border-left:1px solid var(--gl-line)!important;
    box-shadow:-8px 0 28px rgba(35,67,54,.035)!important;
  }

  body.gl-app .app-main{
    margin:0 245px 0 0!important;
    width:calc(100% - 245px)!important;
  }
}

/* =========================================================
   v32.4 — Large Android tablet readability
   High-resolution touch tablets can report desktop-sized CSS widths. Treat
   them as tablets instead of ultra-wide monitors so the admin UI stays legible.
   ========================================================= */
@media (any-pointer:coarse) and (min-width:1101px) and (max-width:1800px){
  body.gl-app .app-sidebar{
    width:220px!important;
    padding:20px 13px!important;
  }
  body.gl-app .app-main{
    margin-right:220px!important;
    width:calc(100% - 220px)!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.gl-app .topbar{
    margin-left:-18px!important;
    margin-right:-18px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  body.gl-app .app-nav>a,
  body.gl-app .app-nav>button{
    min-height:43px!important;
    font-size:12px!important;
  }
  body.gl-app .nav-section-title{font-size:10px!important}
  body.gl-app .sidebar-footer a{font-size:10px!important}
  body.gl-manager-dashboard .content-shell{padding:14px 10px 28px!important}

  .ref-dashboard{max-width:none!important;width:100%!important;gap:16px!important}
  .ref-welcome h1{font-size:28px!important}
  .ref-welcome p{font-size:13px!important}
  .ref-date-filter select,.ref-date-filter span{font-size:12px!important}
  .ref-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ref-kpis article{min-height:138px!important;padding:22px!important}
  .ref-kpis small{font-size:13px!important}
  .ref-kpis strong{font-size:36px!important}
  .ref-kpis span{font-size:11px!important}
  .ref-card h2{font-size:17px!important}
  .ref-mid{grid-template-columns:1fr 1.45fr!important}
  .ref-mid>.donut-card{grid-column:1/-1!important}
  .ref-bottom{grid-template-columns:1fr 1fr!important}
  .device-dashboard-card,.staff-table-card{grid-column:auto!important}
  .staff-table-card{grid-column:1/-1!important}
  .action strong,.goal span,.goal b{font-size:12px!important}
  .action small,.action-card>a,.card-head>a{font-size:10px!important}
  .staff-row{font-size:11px!important;min-height:62px!important}
  .staff-person b{font-size:12px!important}
  .staff-person small{font-size:9px!important}
  .status{font-size:10px!important}
  .ref-summary span,.ref-summary b{font-size:10px!important}
  .ref-summary>a{font-size:11px!important}
}

/* =========================================================
   v34 — Approved Premium Dark Glass theme
   Final override layer: deliberately last so legacy light reference rules
   cannot repaint the production interface white.
   ========================================================= */
body.gl-premium-dark{
  --dp-bg:#07110f;
  --dp-bg2:#0a1915;
  --dp-surface:rgba(17,37,31,.88);
  --dp-surface-2:rgba(22,47,39,.86);
  --dp-line:rgba(177,235,207,.13);
  --dp-line-strong:rgba(177,235,207,.22);
  --dp-text:#eef9f3;
  --dp-muted:#91a89e;
  --dp-green:#55d69d;
  --dp-green-2:#2ba873;
  --dp-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055);
  color-scheme:dark;
  color:var(--dp-text)!important;
  background:
    radial-gradient(circle at 92% -8%,rgba(52,180,123,.19),transparent 31%),
    radial-gradient(circle at 4% 92%,rgba(49,112,91,.14),transparent 34%),
    linear-gradient(145deg,var(--dp-bg2),var(--dp-bg)) fixed!important;
}
body.gl-premium-dark:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%);
}
body.gl-premium-dark .app-main,
body.gl-premium-dark.gl-manager-dashboard .app-main,
body.gl-premium-dark:has(.ref-dashboard) .app-main{
  position:relative;z-index:1;
  color:var(--dp-text)!important;
  background:linear-gradient(145deg,rgba(8,23,19,.92),rgba(5,15,13,.98))!important;
}
body.gl-premium-dark .content-shell{position:relative;z-index:1}

/* Premium glass shell */
body.gl-premium-dark .app-sidebar,
body.gl-premium-dark.gl-manager-dashboard .app-sidebar,
body.gl-premium-dark .topbar,
body.gl-premium-dark.gl-manager-dashboard .topbar{
  background:linear-gradient(180deg,rgba(15,35,29,.95),rgba(8,23,19,.97))!important;
  border-color:var(--dp-line)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
}
body.gl-premium-dark .brand-premium{color:#76e5b3!important;border-color:var(--dp-line)!important}
body.gl-premium-dark .brand-premium small,
body.gl-premium-dark .nav-section-title,
body.gl-premium-dark .sidebar-footer a{color:#78968a!important}
body.gl-premium-dark .brand-mark i{filter:drop-shadow(0 6px 10px rgba(75,215,153,.22))}
body.gl-premium-dark .app-nav>a,
body.gl-premium-dark .app-nav>button{color:#a8bbb3!important;background:transparent!important;border:1px solid transparent!important}
body.gl-premium-dark .app-nav>a:hover{color:#e8f7f0!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.05)!important}
body.gl-premium-dark .app-nav>a.is-active,
body.gl-premium-dark .app-nav>.nav-main,
body.gl-premium-dark .employee-profile-nav.is-active{
  color:#eafff5!important;
  background:linear-gradient(135deg,rgba(52,178,121,.28),rgba(26,97,70,.23))!important;
  border-color:rgba(103,224,168,.16)!important;
  box-shadow:0 9px 23px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.gl-premium-dark .nav-ico{color:#7be3b4!important;border-color:rgba(123,227,180,.18)!important;background:rgba(76,181,132,.08)!important}
body.gl-premium-dark .topbar-search,
body.gl-premium-dark .topbar-bell,
body.gl-premium-dark .avatar-xs{background:rgba(255,255,255,.045)!important;border-color:var(--dp-line)!important}
body.gl-premium-dark .topbar-search input{color:#dcebe4!important}
body.gl-premium-dark .topbar-search input::placeholder{color:#718b80!important}
body.gl-premium-dark .header-person strong{color:#edf8f3!important}
body.gl-premium-dark .header-person span,.topbar-meta{color:#819a8f!important}

/* All major application surfaces */
body.gl-premium-dark :is(
  .panel,.hero,.stats>div,.manager-strip>div,.notice,.document,.request-card,.goal-card,
  .employee-card,.employee-welcome,.gl-dash-card,.gl-list-card,.gl-month-banner,
  .ref-card,.ref-kpis article,.v18-kpi,.camp-v18-card,.quick-action,
  .glass-card,.exec-panel,.metric-card,.attention-card,.branch-card,
  .p360-card,.p360-kpis article,.ac-item,.ac-stat,.device-manage-card,
  .internal-manager-strip>a,.device-dashboard-row,.command-hero,.answer-card
){
  color:var(--dp-text)!important;
  background:linear-gradient(145deg,var(--dp-surface-2),var(--dp-surface))!important;
  border-color:var(--dp-line)!important;
  box-shadow:var(--dp-shadow)!important;
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
}
body.gl-premium-dark :is(h1,h2,h3,strong,b,label){color:var(--dp-text)}
body.gl-premium-dark :is(p,small,.muted,.ref-welcome p,.ref-kpis span,.staff-person small){color:var(--dp-muted)!important}
body.gl-premium-dark :is(.row,.task,.staff-row,.rankrow,.device-dashboard-row,.p360-list-item){border-color:rgba(196,235,216,.09)!important}
body.gl-premium-dark :is(.row,.task,.staff-row,.p360-list-item):hover{background:rgba(99,213,158,.045)!important}

/* Reference management dashboard */
body.gl-premium-dark .ref-dashboard{
  --green:var(--dp-green);--navy:var(--dp-text);--muted:var(--dp-muted);--line:var(--dp-line);
  color:var(--dp-text)!important;
}
body.gl-premium-dark .ref-welcome h1{color:#f3fbf7!important;text-shadow:0 8px 30px rgba(0,0,0,.22)}
body.gl-premium-dark .ref-date-filter select,
body.gl-premium-dark .ref-date-filter span{
  color:#dcebe4!important;background:rgba(255,255,255,.045)!important;border-color:var(--dp-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 25px rgba(0,0,0,.12)!important;
}
body.gl-premium-dark .ref-kpis article{position:relative;overflow:hidden}
body.gl-premium-dark .ref-kpis article:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;left:-48px;bottom:-58px;background:rgba(82,214,156,.07)}
body.gl-premium-dark .ref-kpis small{color:#a8bbb3!important}
body.gl-premium-dark .ref-kpis span{color:#718b80!important}
body.gl-premium-dark .ico{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.17)!important}
body.gl-premium-dark .ico.green{background:rgba(68,200,139,.14)!important;color:#6fe0ad!important}
body.gl-premium-dark .ico.orange{background:rgba(242,139,22,.13)!important;color:#f4ad5d!important}
body.gl-premium-dark .ico.blue{background:rgba(70,124,232,.14)!important;color:#87afff!important}
body.gl-premium-dark .ico.purple{background:rgba(135,83,232,.15)!important;color:#b697f2!important}
body.gl-premium-dark .semi-gauge:after,
body.gl-premium-dark .donut:before{background:#122b24!important}
body.gl-premium-dark .ref-linechart .grid line{stroke:rgba(211,238,224,.10)!important}
body.gl-premium-dark .chart-days,.chart-legend{color:#7f978d!important}
body.gl-premium-dark .ref-summary{background:linear-gradient(145deg,rgba(20,45,37,.92),rgba(12,30,25,.95))!important;border-color:var(--dp-line)!important;box-shadow:var(--dp-shadow)!important}
body.gl-premium-dark .ref-summary span,
body.gl-premium-dark .ref-summary b{color:#91a99e!important}
body.gl-premium-dark .action.orange{background:rgba(225,139,44,.10)!important;border-color:rgba(244,173,93,.20)!important;color:#f4ad5d!important}
body.gl-premium-dark .action.blue{background:rgba(74,124,228,.10)!important;border-color:rgba(135,175,255,.18)!important;color:#87afff!important}
body.gl-premium-dark .action.purple{background:rgba(132,80,220,.11)!important;border-color:rgba(182,151,242,.18)!important;color:#b697f2!important}
body.gl-premium-dark .goal>div,.p360-progress,.progressbar{background:rgba(255,255,255,.075)!important}
body.gl-premium-dark .status.present{background:rgba(74,211,147,.14)!important;color:#76e4b1!important}
body.gl-premium-dark .status.late{background:rgba(235,151,55,.14)!important;color:#f3b66d!important}
body.gl-premium-dark .status.missing{background:rgba(231,79,91,.14)!important;color:#ff9da5!important}
body.gl-premium-dark .status.leave{background:rgba(70,121,225,.14)!important;color:#96b7ff!important}

/* Controls and elevated glass buttons */
body.gl-premium-dark :is(input,select,textarea){
  color:#ebf6f1!important;background:rgba(4,18,14,.60)!important;border-color:var(--dp-line)!important;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.025)!important;
}
body.gl-premium-dark :is(input,textarea)::placeholder{color:#668176!important}
body.gl-premium-dark :is(input,select,textarea):focus{border-color:rgba(91,218,158,.46)!important;box-shadow:0 0 0 3px rgba(77,207,146,.10),inset 0 2px 7px rgba(0,0,0,.20)!important}
body.gl-premium-dark :is(.primary,button,.camp-btn-dark,.ref-summary>a,.employee-action){
  color:#f4fff9!important;
  background:linear-gradient(145deg,#38bd81,#14704c)!important;
  border:1px solid rgba(155,242,201,.30)!important;
  box-shadow:0 10px 0 #0b4c34,0 16px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.30)!important;
  transform:translateY(-2px);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
}
body.gl-premium-dark :is(.primary,button,.camp-btn-dark,.ref-summary>a,.employee-action):active{
  transform:translateY(5px)!important;box-shadow:0 3px 0 #0b4c34,0 7px 15px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
body.gl-premium-dark :is(.ghost,.camp-btn-light,.mini){
  color:#b9d0c5!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border-color:var(--dp-line)!important;box-shadow:0 7px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

/* Tables, dialogs, and mobile navigation */
body.gl-premium-dark :is(th,td){border-color:rgba(196,235,216,.09)!important}
body.gl-premium-dark th{color:#829b90!important}
body.gl-premium-dark td{color:#d8e8e0!important}
body.gl-premium-dark :is(.mobile-more-menu,.pwa-install-bar){background:linear-gradient(160deg,#19372f,#0c211b)!important;border-color:var(--dp-line)!important;color:var(--dp-text)!important}
body.gl-premium-dark .mobile-more-links a{background:rgba(255,255,255,.04)!important;border-color:var(--dp-line)!important;color:#d9ebe2!important}
body.gl-premium-dark .mobile-more-links a span{background:rgba(79,211,153,.12)!important;color:#70dfad!important}
body.gl-premium-dark .mobile-more-close{background:rgba(255,255,255,.07)!important;color:#d9ebe2!important}
body.gl-premium-dark .gl-version-footer{color:#688176!important}
body.gl-premium-dark .gl-version-footer strong{color:#71dda9!important}

@media(max-width:639px){
  body.gl-premium-dark .app-sidebar{background:rgba(11,29,24,.96)!important;border-color:var(--dp-line)!important;box-shadow:0 -12px 34px rgba(0,0,0,.35)!important}
  body.gl-premium-dark .app-nav>a,
  body.gl-premium-dark .app-nav>button{color:#8ea79b!important}
}

/* =========================================================
   v37.1 — Employee phone compatibility hotfix
   Keep the approved five-tab dock and dark empty/table states on
   phones whose browser reports a 640–700px CSS viewport.
   Dedicated selectors prevent legacy mobile rules from re-enabling old tabs.
   ========================================================= */
@media(max-width:700px){
  body.gl-role-employee{padding-bottom:88px!important}
  body.gl-role-employee .app-main{
    margin:0!important;width:100%!important;min-height:100dvh!important;
    padding:0 0 96px!important;background:#060e14!important;
  }
  body.gl-role-employee .topbar{display:none!important}
  body.gl-role-employee .app-sidebar{
    position:fixed!important;z-index:500!important;
    left:8px!important;right:8px!important;bottom:7px!important;top:auto!important;
    width:auto!important;height:72px!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;
    overflow:visible!important;border-radius:20px!important;
    border:1px solid #2e3e49!important;background:#08151e!important;
    box-shadow:0 15px 38px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04)!important;
  }
  body.gl-role-employee .app-sidebar .brand-premium,
  body.gl-role-employee .app-sidebar .nav-section-title,
  body.gl-role-employee .app-sidebar .camp-side-subnav,
  body.gl-role-employee .app-sidebar .sidebar-footer{display:none!important}
  body.gl-role-employee .app-sidebar .app-nav{
    margin:0!important;padding:0!important;width:100%!important;height:100%!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;gap:2px!important;overflow:visible!important;direction:rtl!important;
  }
  body.gl-role-employee .app-sidebar .app-nav>a,
  body.gl-role-employee .app-sidebar .app-nav>button{display:none!important}
  body.gl-role-employee .app-sidebar .app-nav>.employee-bottom-nav{
    min-width:0!important;width:auto!important;height:60px!important;margin:0!important;padding:5px 2px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    border:0!important;border-radius:15px!important;color:#c4ced3!important;background:transparent!important;
    box-shadow:none!important;font-family:inherit!important;text-decoration:none!important;
  }
  body.gl-role-employee .app-sidebar .app-nav>.nav-main{order:1!important}
  body.gl-role-employee .app-sidebar .app-nav>.employee-profile-nav{order:2!important}
  body.gl-role-employee .app-sidebar .app-nav>.employee-guidelines-nav{order:3!important}
  body.gl-role-employee .app-sidebar .app-nav>.notifications-nav{order:4!important}
  body.gl-role-employee .app-sidebar .app-nav>.mobile-more-toggle{order:5!important}
  body.gl-role-employee .app-sidebar .app-nav>.employee-bottom-nav.is-active{
    color:#83e76a!important;background:linear-gradient(145deg,rgba(58,130,70,.52),rgba(21,55,39,.68))!important;
    border:1px solid #56a95b!important;box-shadow:0 0 18px rgba(83,211,92,.14),inset 0 1px rgba(255,255,255,.08)!important;
  }
  body.gl-role-employee .app-sidebar .app-nav>.employee-bottom-nav .nav-ico{
    position:relative!important;width:23px!important;height:23px!important;min-width:23px!important;
    border:0!important;border-radius:0!important;background:none!important;color:inherit!important;
    font-size:20px!important;line-height:1!important;box-shadow:none!important;
  }
  body.gl-role-employee .app-sidebar .app-nav>.employee-bottom-nav>span:last-child{
    display:block!important;max-width:100%!important;color:inherit!important;font-size:11px!important;font-weight:750!important;
    line-height:1.25!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  }
  body.gl-role-employee .nav-label-desktop{display:none!important}
  body.gl-role-employee .nav-label-mobile{display:block!important}
  body.gl-role-employee.gl-page-dashboard .gl-employee-dashboard{
    width:calc(100% - 20px)!important;max-width:440px!important;margin:8px auto 22px!important;padding:0!important;gap:10px!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-quick-actions{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;direction:rtl!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-quick-card{height:112px!important}
  body.gl-role-employee.gl-page-dashboard .gl-quick-card svg{fill:#78e15d!important}
  body.gl-role-employee.gl-page-dashboard .gl-quick-work .gl-work-purple{fill:var(--gl-purple)!important}
  body.gl-role-employee :is(.gl-empty-row,.employee-empty,.exec-empty){
    border:1px dashed #31434e!important;background:#0a171f!important;color:#9dabb2!important;box-shadow:none!important;
  }
  body.gl-role-employee :is(.tablewrap,table,thead,tbody,tr,th,td){background-color:transparent!important}
  body.gl-role-employee .tablewrap{border-color:#30404b!important;background:#0a171f!important}
}

/* =========================================================
   v37 — Approved employee mobile dashboard
   Exact five-tab navigation, readable RTL type and restrained
   GreenLife purple micro-accents from the approved reference.
   ========================================================= */
:root{--gl-purple:#9b6bd3;--gl-purple-soft:rgba(155,107,211,.14)}
.nav-label-mobile{display:none}
.nav-ico svg{width:100%;height:100%;display:block;fill:currentColor}
body.gl-authenticated{
  font-family:Tahoma,Arial,sans-serif!important;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
body.gl-page-dashboard .gl-quick-card svg{fill:#78e15d!important}
body.gl-page-dashboard .gl-quick-work{
  border-color:#43b868!important;
  box-shadow:0 0 0 1px rgba(66,189,105,.12),0 12px 28px rgba(0,0,0,.22),inset 0 0 24px rgba(55,170,90,.055)!important;
}
body.gl-page-dashboard .gl-quick-work .gl-work-purple{fill:var(--gl-purple)!important}
body.gl-page-dashboard .gl-head-bell b{
  background:var(--gl-purple)!important;color:#fff!important;
  box-shadow:0 0 0 2px #0d1921!important;
}
body.gl-page-dashboard .gl-month-banner.has-missing{
  background:linear-gradient(145deg,#111f29,#09151d)!important;
  border-color:#30404b!important;
}
body.gl-page-dashboard .has-missing .gl-month-icon{
  border-color:rgba(155,107,211,.38)!important;
  color:#b78be5!important;
  background:rgba(155,107,211,.09)!important;
}
body.gl-page-dashboard .has-missing .gl-month-copy strong{color:#b88ce6!important}
body.gl-page-dashboard .gl-notification-dot{background:var(--gl-purple)!important}

@media(max-width:700px){
  body.gl-role-employee{padding-bottom:88px!important}
  body.gl-role-employee .app-main{
    margin:0!important;width:100%!important;min-height:100dvh!important;
    padding:0 0 96px!important;background:#060e14!important;
  }
  body.gl-role-employee .topbar{display:none!important}
  body.gl-role-employee .gl-version-footer{padding-bottom:104px!important}

  body.gl-role-employee .app-sidebar{
    position:fixed!important;z-index:500!important;
    left:8px!important;right:8px!important;bottom:7px!important;top:auto!important;
    width:auto!important;height:72px!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;
    overflow:visible!important;border-radius:20px!important;
    border:1px solid #2e3e49!important;background:#08151e!important;
    box-shadow:0 15px 38px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04)!important;
  }
  body.gl-role-employee .brand-premium,
  body.gl-role-employee .nav-section-title,
  body.gl-role-employee .camp-side-subnav,
  body.gl-role-employee .sidebar-footer{display:none!important}
  body.gl-role-employee .app-nav{
    margin:0!important;width:100%!important;height:100%!important;
    display:flex!important;flex-direction:row!important;direction:rtl!important;
    justify-content:space-between!important;align-items:center!important;gap:2px!important;
    overflow:visible!important;
  }
  body.gl-role-employee .app-nav>a,
  body.gl-role-employee .app-nav>button{display:none!important}
  body.gl-role-employee .app-nav>.nav-main,
  body.gl-role-employee .app-nav>.employee-profile-nav,
  body.gl-role-employee .app-nav>.employee-guidelines-nav,
  body.gl-role-employee .app-nav>.notifications-nav,
  body.gl-role-employee .app-nav>.mobile-more-toggle{
    flex:1 1 20%!important;min-width:0!important;max-width:none!important;height:60px!important;
    margin:0!important;padding:5px 2px!important;border:0!important;border-radius:15px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    color:#c4ced3!important;background:transparent!important;box-shadow:none!important;
    font-family:inherit!important;text-decoration:none!important;
  }
  body.gl-role-employee .app-nav>.nav-main{order:1}
  body.gl-role-employee .app-nav>.employee-profile-nav{order:2}
  body.gl-role-employee .app-nav>.employee-guidelines-nav{order:3}
  body.gl-role-employee .app-nav>.notifications-nav{order:4}
  body.gl-role-employee .app-nav>.mobile-more-toggle{order:5}
  body.gl-role-employee .app-nav>.is-active,
  body.gl-role-employee .app-nav>.nav-main.is-active{
    color:#83e76a!important;background:linear-gradient(145deg,rgba(58,130,70,.52),rgba(21,55,39,.68))!important;
    border:1px solid #56a95b!important;
    box-shadow:0 0 18px rgba(83,211,92,.14),inset 0 1px rgba(255,255,255,.08)!important;
  }
  body.gl-role-employee .app-nav .nav-ico{
    position:relative;width:23px!important;height:23px!important;min-width:23px!important;
    border:0!important;border-radius:0!important;background:none!important;color:inherit!important;
    font-size:20px!important;line-height:1!important;box-shadow:none!important;
  }
  body.gl-role-employee .app-nav>a>span:last-child,
  body.gl-role-employee .app-nav>button>span:last-child{
    max-width:100%!important;color:inherit!important;font-size:11px!important;font-weight:750!important;
    line-height:1.25!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  }
  body.gl-role-employee .nav-label-desktop{display:none!important}
  body.gl-role-employee .nav-label-mobile{display:block!important}
  body.gl-role-employee .mobile-more-grid:after{
    content:"";position:absolute;left:-1px;top:-2px;width:6px;height:6px;border-radius:2px;
    background:var(--gl-purple);box-shadow:0 0 7px rgba(155,107,211,.32);
  }

  body.gl-role-employee .mobile-more-menu{
    display:block!important;position:fixed!important;z-index:620!important;
    left:9px!important;right:9px!important;bottom:84px!important;top:auto!important;
    width:auto!important;max-height:min(68vh,570px)!important;overflow-y:auto!important;
    padding:23px 14px 15px!important;border-radius:22px!important;
    border:1px solid #344753!important;background:linear-gradient(160deg,#122331,#08151e)!important;
    box-shadow:0 -12px 44px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.045)!important;
    direction:rtl!important;
  }
  body.gl-role-employee .mobile-more-menu[hidden]{display:none!important}
  body.gl-role-employee .mobile-more-menu:before{
    content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);
    width:54px;height:5px;border-radius:9px;background:var(--gl-purple);
  }
  body.gl-role-employee .mobile-more-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:45px!important;padding:4px 2px 11px!important;border-bottom:1px solid #2a3a45!important;
  }
  body.gl-role-employee .mobile-more-head strong{color:#f5f7f8!important;font-size:18px!important;font-weight:850!important}
  body.gl-role-employee .mobile-more-close{
    width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:12px!important;
    background:transparent!important;color:#f1f4f5!important;font-size:30px!important;line-height:1!important;box-shadow:none!important;
  }
  body.gl-role-employee .mobile-more-links{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;padding-top:12px!important;
  }
  body.gl-role-employee .mobile-more-links a{
    min-height:92px!important;padding:12px 8px!important;border-radius:15px!important;
    border:1px solid #31424e!important;background:#0b1923!important;color:#edf2f4!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;
    font-size:13px!important;font-weight:800!important;text-align:center!important;
  }
  body.gl-role-employee .mobile-more-links a span{
    width:35px!important;height:35px!important;border-radius:11px!important;
    display:grid!important;place-items:center!important;background:rgba(113,225,91,.08)!important;
    color:#77df62!important;font-size:22px!important;
  }
  body.gl-role-employee .mobile-more-links .employee-more-logout span{color:#b98ce5!important;background:var(--gl-purple-soft)!important}
  body.gl-role-employee .mobile-more-backdrop{
    position:fixed!important;inset:0!important;z-index:490!important;display:block;
    background:rgba(1,7,11,.66)!important;backdrop-filter:blur(2px)!important;
  }
  body.gl-role-employee .mobile-more-backdrop[hidden]{display:none!important}

  body.gl-role-employee.gl-page-dashboard .gl-employee-dashboard{
    width:calc(100% - 20px)!important;max-width:440px!important;margin:8px auto 22px!important;
    padding:0!important;gap:10px!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-employee-mobile-head{
    min-height:88px!important;padding:10px 4px 11px!important;gap:11px!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-head-avatar,
  body.gl-role-employee.gl-page-dashboard .gl-head-avatar img{width:58px!important;height:58px!important}
  body.gl-role-employee.gl-page-dashboard .gl-head-avatar{
    border:2px solid #dfe8e4!important;background:#12272a!important;
    color:#86e56b!important;font-size:22px!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-head-avatar i{width:13px;height:13px;right:0;bottom:1px;border:3px solid #07131b!important}
  body.gl-role-employee.gl-page-dashboard .gl-head-copy h1{
    margin:0 0 5px!important;color:#fff!important;font-size:21px!important;font-weight:850!important;line-height:1.35!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-head-copy p{color:#a3b0b7!important;font-size:12px!important;line-height:1.5!important}
  body.gl-role-employee.gl-page-dashboard .gl-head-bell{
    width:43px!important;height:43px!important;min-width:43px!important;border-radius:13px!important;
    background:#091720!important;border:1px solid #344650!important;color:#e8edef!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-head-bell svg{width:24px;height:24px}
  body.gl-role-employee.gl-page-dashboard .gl-head-bell b{right:-2px!important;top:-4px!important;min-width:17px!important;height:17px!important;font-size:9px!important}
  body.gl-role-employee.gl-page-dashboard .gl-quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;direction:rtl!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-quick-card{
    height:112px!important;min-width:0!important;border-radius:16px!important;gap:10px!important;
    background:linear-gradient(145deg,#111f29,#09151d)!important;border:1px solid #30404b!important;
    color:#f0f4f5!important;box-shadow:0 12px 27px rgba(0,0,0,.22)!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-quick-work{
    border-color:#43b868!important;
    box-shadow:0 0 0 1px rgba(66,189,105,.11),0 12px 27px rgba(0,0,0,.23),inset 0 0 23px rgba(55,170,90,.05)!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-quick-card svg{width:36px!important;height:36px!important;fill:#78e15d!important}
  body.gl-role-employee.gl-page-dashboard .gl-quick-card span{color:#f3f6f7!important;font-size:15px!important;font-weight:800!important;line-height:1.4!important}
  body.gl-role-employee.gl-page-dashboard .gl-dashboard-pair{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.gl-role-employee.gl-page-dashboard :is(.gl-dash-card,.gl-list-card,.gl-month-banner){
    border-radius:17px!important;border-color:#30404b!important;padding:17px!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-card-title h2,
  body.gl-role-employee.gl-page-dashboard .gl-list-head h2{font-size:17px!important;font-weight:850!important}
  body.gl-role-employee.gl-page-dashboard .gl-state-pill{font-size:13px!important}
  body.gl-role-employee.gl-page-dashboard .gl-entry-time{font-size:38px!important;letter-spacing:.5px!important}
  body.gl-role-employee.gl-page-dashboard .gl-report-body{direction:ltr!important;grid-template-columns:104px 1fr!important;gap:15px!important}
  body.gl-role-employee.gl-page-dashboard .gl-report-lines{direction:rtl!important;text-align:right!important}
  body.gl-role-employee.gl-page-dashboard .gl-ring{width:98px!important;height:98px!important}
  body.gl-role-employee.gl-page-dashboard .gl-ring:after{width:75px!important;height:75px!important}
  body.gl-role-employee.gl-page-dashboard .gl-ring span{font-size:23px!important}
  body.gl-role-employee.gl-page-dashboard .gl-report-lines p{font-size:13px!important;line-height:1.55!important;margin-bottom:9px!important}
  body.gl-role-employee.gl-page-dashboard .gl-card-action{min-height:48px!important;font-size:13px!important;border-radius:12px!important}
  body.gl-role-employee.gl-page-dashboard .gl-month-banner{min-height:82px!important;padding:14px 16px!important;align-items:center!important}
  body.gl-role-employee.gl-page-dashboard .gl-month-icon{width:48px!important;height:48px!important;border-width:4px!important;font-size:22px!important}
  body.gl-role-employee.gl-page-dashboard .gl-month-copy{gap:11px!important}
  body.gl-role-employee.gl-page-dashboard .gl-month-copy small{font-size:12px!important;line-height:1.55!important;color:#dce4e7!important}
  body.gl-role-employee.gl-page-dashboard .gl-month-copy strong{font-size:18px!important}
  body.gl-role-employee.gl-page-dashboard .gl-month-copy p{font-size:10px!important}
  body.gl-role-employee.gl-page-dashboard .gl-month-result{display:none!important}
  body.gl-role-employee.gl-page-dashboard .gl-list-card{padding:16px!important}
  body.gl-role-employee.gl-page-dashboard .gl-list-head a{font-size:12px!important}
  body.gl-role-employee.gl-page-dashboard .gl-task-row strong,
  body.gl-role-employee.gl-page-dashboard .gl-notification-row strong{font-size:14px!important;line-height:1.55!important}
  body.gl-role-employee.gl-page-dashboard .gl-task-row small,
  body.gl-role-employee.gl-page-dashboard .gl-notification-row small{font-size:12px!important;line-height:1.6!important}
}

@media(max-width:359px){
  body.gl-role-employee .app-sidebar{left:4px!important;right:4px!important}
  body.gl-role-employee .app-nav>a>span:last-child,
  body.gl-role-employee .app-nav>button>span:last-child{font-size:10px!important}
  body.gl-role-employee.gl-page-dashboard .gl-employee-dashboard{width:calc(100% - 14px)!important}
  body.gl-role-employee.gl-page-dashboard .gl-quick-card{height:104px!important}
  body.gl-role-employee.gl-page-dashboard .gl-quick-card span{font-size:14px!important}
}

/* =========================================================
   v35 — Owner-approved Premium Dark dashboard
   This is a structural match, not a recolour of the v32 dashboard.
   ========================================================= */
body.gl-manager-dashboard{
  --v35-bg:#050d13;--v35-surface:#0b151e;--v35-surface-2:#101c26;
  --v35-border:#293744;--v35-text:#f3f6f8;--v35-muted:#8c9aa6;
  background:#050d13!important;color:var(--v35-text)!important;
}
body.gl-manager-dashboard:before{display:none!important}
body.gl-manager-dashboard .app-main{
  margin:0 255px 0 0!important;width:calc(100% - 255px)!important;max-width:none!important;
  min-height:100vh!important;padding:0 27px 42px!important;
  background:radial-gradient(circle at 55% 0,rgba(22,77,65,.12),transparent 31%),linear-gradient(160deg,#071119,#030a0f 78%)!important;
}
body.gl-manager-dashboard .app-sidebar{
  position:fixed!important;inset:0 0 0 auto!important;width:255px!important;height:100vh!important;
  padding:18px 13px 12px!important;overflow-y:auto!important;overflow-x:hidden!important;
  background:linear-gradient(180deg,#0a141d 0%,#071018 100%)!important;
  border:0!important;border-left:1px solid #21303d!important;
  box-shadow:-16px 0 42px rgba(0,0,0,.34)!important;z-index:80!important;
}
body.gl-manager-dashboard .brand-premium{
  min-height:72px!important;padding:4px 17px 17px!important;margin-bottom:7px!important;
  color:#edf6f1!important;border-color:#1e2b35!important
}
body.gl-manager-dashboard .brand-premium b{font-size:21px!important;color:#ecf5f1!important}
body.gl-manager-dashboard .brand-premium small{font-size:9px!important;color:#a7b2b9!important;letter-spacing:3px!important}
body.gl-manager-dashboard .brand-mark{transform:scale(1.06)}
body.gl-manager-dashboard .app-nav{display:grid!important;gap:5px!important}
body.gl-manager-dashboard .app-nav>a,
body.gl-manager-dashboard .app-nav>button{
  min-height:39px!important;margin:0!important;padding:6px 12px!important;border-radius:8px!important;
  display:flex!important;align-items:center!important;gap:11px!important;font-size:11.5px!important;font-weight:750!important;
  color:#d0d7dc!important;background:linear-gradient(180deg,rgba(26,38,49,.92),rgba(13,24,33,.96))!important;
  border:1px solid #33414d!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 3px 8px rgba(0,0,0,.18)!important;
}
body.gl-manager-dashboard .app-nav>a:hover{color:#fff!important;background:linear-gradient(180deg,#243440,#14232e)!important;border-color:#52606b!important;transform:translateX(-2px)}
body.gl-manager-dashboard .app-nav>a.is-active,
body.gl-manager-dashboard .app-nav>a.nav-main{
  color:#bafc79!important;background:linear-gradient(115deg,rgba(44,91,66,.82),rgba(15,31,27,.98))!important;
  border-color:#6aa34b!important;box-shadow:inset 0 1px 0 rgba(222,255,195,.20),0 0 19px rgba(116,232,80,.23)!important
}
body.gl-manager-dashboard .nav-ico{
  width:25px!important;height:25px!important;min-width:25px!important;border:0!important;border-radius:7px!important;
  display:grid!important;place-items:center!important;font-size:18px!important;background:transparent!important;box-shadow:none!important
}
body.gl-manager-dashboard .app-nav>a:nth-of-type(1) .nav-ico{color:#82ee42!important;text-shadow:0 0 13px #65ef30}
body.gl-manager-dashboard .app-nav>a:nth-of-type(2) .nav-ico{color:#a457ff!important;text-shadow:0 0 12px #853ce5}
body.gl-manager-dashboard .app-nav>a:nth-of-type(3) .nav-ico{color:#ffbb1f!important;text-shadow:0 0 12px #ff9d00}
body.gl-manager-dashboard .app-nav>a:nth-of-type(4) .nav-ico{color:#2b94ff!important;text-shadow:0 0 12px #1674ff}
body.gl-manager-dashboard .app-nav>a:nth-of-type(5) .nav-ico{color:#63dd5d!important;text-shadow:0 0 12px #39c747}
body.gl-manager-dashboard .app-nav>a:nth-of-type(6) .nav-ico{color:#a741ff!important;text-shadow:0 0 12px #8e24f4}
body.gl-manager-dashboard .app-nav>a:nth-of-type(7) .nav-ico{color:#188fff!important;text-shadow:0 0 12px #1677ff}
body.gl-manager-dashboard .app-nav>a:nth-of-type(8) .nav-ico{color:#ffc32d!important;text-shadow:0 0 12px #e8a400}
body.gl-manager-dashboard .app-nav>a:nth-of-type(9) .nav-ico{color:#42da72!important;text-shadow:0 0 12px #20bd58}
body.gl-manager-dashboard .app-nav>a:nth-of-type(10) .nav-ico{color:#25a7ff!important;text-shadow:0 0 12px #148fe8}
body.gl-manager-dashboard .app-nav>a:nth-of-type(11) .nav-ico{color:#a7db30!important;text-shadow:0 0 12px #76b81d}
body.gl-manager-dashboard .app-nav>a:nth-of-type(12) .nav-ico{color:#ff6a1f!important;text-shadow:0 0 12px #f04d10}
body.gl-manager-dashboard .app-nav>a:nth-of-type(13) .nav-ico{color:#ff9b1c!important;text-shadow:0 0 12px #e77800}
body.gl-manager-dashboard .app-nav>a:nth-of-type(14) .nav-ico{color:#39d6a0!important;text-shadow:0 0 12px #15b485}
body.gl-manager-dashboard .nav-section-title{margin:8px 5px 1px!important;padding-top:8px!important;border-top:1px solid #26333e!important;color:#687681!important;font-size:9px!important}
body.gl-manager-dashboard .app-nav>a.nav-module{direction:ltr!important;justify-content:flex-start!important;font-size:11px!important}
body.gl-manager-dashboard .app-nav>a.muted-module{color:#d9dde0!important;opacity:1!important}
body.gl-manager-dashboard .app-nav>a.camp-nav-entry{border-color:#527b32!important;background:linear-gradient(100deg,rgba(39,79,53,.75),#101d24)!important;box-shadow:0 0 17px rgba(103,211,62,.14),inset 0 1px rgba(255,255,255,.06)!important}
body.gl-manager-dashboard .sidebar-footer{margin-top:8px!important;border-color:#22303a!important}

body.gl-manager-dashboard .topbar{
  position:sticky!important;top:0!important;z-index:60!important;height:80px!important;
  margin:0 -27px 18px!important;padding:0 30px!important;
  display:grid!important;grid-template-columns:minmax(310px,430px) 1fr auto!important;gap:22px!important;direction:ltr!important;
  background:rgba(5,14,21,.93)!important;border:0!important;border-bottom:1px solid #1f2c36!important;
  box-shadow:0 10px 28px rgba(0,0,0,.17)!important;backdrop-filter:blur(20px)!important
}
body.gl-manager-dashboard .topbar-search{
  width:100%!important;height:49px!important;border-radius:11px!important;padding:0 17px!important;
  color:#e7edf0!important;background:#09131b!important;border:1px solid #40505e!important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.35)!important
}
body.gl-manager-dashboard .topbar-search span{font-size:25px!important;color:#e9eef1!important}
body.gl-manager-dashboard .topbar-search input{font-size:12px!important;color:#dce4e8!important}
body.gl-manager-dashboard .topbar-meta{justify-self:end!important;color:#c8d0d5!important;direction:rtl!important;font-size:11px!important}
body.gl-manager-dashboard .topbar-bell{width:42px!important;height:42px!important;border-radius:10px!important;font-size:19px!important;background:#0a141c!important;border:1px solid #35434e!important}
body.gl-manager-dashboard .header-person{min-width:188px!important;direction:rtl!important;justify-content:flex-start!important;border-left:1px solid #25323d!important;padding-left:18px!important}
body.gl-manager-dashboard .avatar-xs{width:44px!important;height:44px!important;border-radius:11px!important;color:#aaf47f!important;background:#0d1c1b!important;border:1px solid #30433c!important}
body.gl-manager-dashboard .header-person strong{font-size:12px!important;color:#f2f5f6!important}
body.gl-manager-dashboard .header-person span{font-size:9px!important;color:#84939d!important}

.owner-dashboard-v35{display:grid;gap:18px;max-width:1720px;margin:0 auto;direction:rtl;color:var(--v35-text)}
.owner-hero-v35{
  position:relative;min-height:166px;padding:34px 38px;border-radius:20px;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;gap:25px;
  background:radial-gradient(circle at 23% 115%,rgba(111,229,102,.22),transparent 31%),linear-gradient(118deg,rgba(22,38,48,.96),rgba(9,19,27,.98))!important;
  border:1px solid #394754;box-shadow:0 20px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05)
}
.owner-hero-v35:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(117,242,90,.38),transparent)}
.owner-hero-copy{position:relative;z-index:2}.owner-hero-copy h1{margin:0 0 12px!important;font-size:31px!important;line-height:1.2;color:#fff!important;letter-spacing:-.04em}.owner-hero-copy p{margin:0!important;font-size:13px!important;color:#8998a2!important}
.owner-hero-orb{position:absolute;width:120px;height:120px;border-radius:50%;left:54px;top:25px;background:radial-gradient(circle at 35% 35%,rgba(59,105,99,.30),rgba(21,42,48,.08) 62%,transparent 64%);opacity:.9}
.owner-hero-actions{position:relative;z-index:2;align-self:flex-end;display:flex;align-items:center;gap:12px;direction:ltr}
.owner-new-request{min-height:48px;padding:0 18px;border-radius:11px;display:flex;align-items:center;gap:12px;color:#d8fbd0!important;font-size:12px;font-weight:800;background:linear-gradient(145deg,rgba(76,157,79,.43),rgba(26,60,43,.76));border:1px solid #5c9b58;box-shadow:0 0 20px rgba(89,223,72,.22),inset 0 1px rgba(255,255,255,.13)}
.owner-new-request span{font-size:28px;line-height:1;color:#82ed5b}.owner-new-request:hover{filter:brightness(1.18);transform:translateY(-2px)}
.owner-branch-filter select{min-width:125px!important;height:46px!important;padding:0 12px!important;border-radius:10px!important;font-size:10px!important;color:#cbd5da!important;background:#0b171f!important;border:1px solid #364651!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.27)!important}

.owner-kpis-v35{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;direction:rtl}
.owner-kpi{position:relative;min-height:126px;padding:19px 18px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:13px;overflow:hidden;background:linear-gradient(145deg,#111d27,#09131b)!important;border:1px solid #35434e;box-shadow:0 14px 31px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05)}
.owner-kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;left:-37px;top:-35px;background:currentColor;opacity:.075;filter:blur(2px)}
.owner-kpi>div{min-width:0;display:flex;flex-direction:column}.owner-kpi small{font-size:11px!important;color:#aeb8be!important;font-style:normal}.owner-kpi strong{font-size:29px!important;line-height:1.05;margin:9px 0 8px!important;color:#f7fafb!important}.owner-kpi em{font-size:8.5px;color:#778792;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-kpi-icon{width:55px;height:55px;min-width:55px;border-radius:50%;display:grid;place-items:center;font-size:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.26)}
.owner-kpi.teal{color:#25d6c5}.owner-kpi.teal .owner-kpi-icon{color:#25e1d1;background:rgba(10,198,184,.13);text-shadow:0 0 16px #12cbbb}.owner-kpi.amber{color:#ffbd24}.owner-kpi.amber .owner-kpi-icon{color:#ffc126;background:rgba(255,168,0,.15);text-shadow:0 0 16px #ffa800}.owner-kpi.purple{color:#bd58ff}.owner-kpi.purple .owner-kpi-icon{color:#c45dff;background:rgba(169,52,245,.15);text-shadow:0 0 16px #a631ed}.owner-kpi.blue{color:#2ea8ff}.owner-kpi.blue .owner-kpi-icon{color:#34adff;background:rgba(22,144,239,.14);text-shadow:0 0 16px #138ce2}.owner-kpi.green{color:#77e44d}.owner-kpi.green .owner-kpi-icon{color:#7eed51;background:rgba(75,195,66,.15);text-shadow:0 0 16px #5bcf3a}

.owner-card-v35{background:linear-gradient(145deg,rgba(17,29,39,.98),rgba(8,18,26,.99))!important;border:1px solid #34434f!important;border-radius:16px!important;box-shadow:0 16px 38px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.045)!important;padding:19px!important;color:#eef3f5!important;min-width:0}
.owner-card-v35 h2{margin:0!important;font-size:14px!important;color:#f2f5f7!important}.owner-card-head{min-height:31px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.owner-card-head>a{font-size:8px;color:#76d75a!important}.owner-card-head>span{font-size:9px;color:#8d9aa3;border:1px solid #33434f;border-radius:8px;padding:6px 10px;background:#0a151e}
.owner-main-grid-v35{display:grid;grid-template-columns:1.45fr .98fr 1fr;gap:12px;direction:ltr}.owner-main-grid-v35>.owner-card-v35{direction:rtl;min-height:294px}
.owner-chart-card{padding:16px 18px 14px!important}.owner-request-chart{position:relative;height:225px;padding-left:29px;direction:ltr}.owner-request-chart svg{width:100%;height:192px;overflow:visible}.owner-chart-grid line{stroke:#283845;stroke-width:1}.owner-request-chart polyline{fill:none;stroke:#79df6a;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(110,232,91,.47))}.owner-request-chart circle{fill:#98f07a;stroke:#14251d;stroke-width:3}.owner-request-chart circle.is-highlight{fill:#b0ff90;filter:drop-shadow(0 0 7px #7de963)}.owner-y-axis{position:absolute;left:0;top:6px;height:176px;display:flex;flex-direction:column;justify-content:space-between;color:#788792;font-size:8px}.owner-chart-days{position:absolute;left:34px;right:7px;bottom:0;display:flex;justify-content:space-between;color:#8997a1;font-size:8px;direction:ltr}
.owner-request-status>h2,.owner-activity-card>h2,.owner-shortcut-card>h2{margin-bottom:17px!important}.owner-request-status-body{display:flex;direction:ltr;align-items:center;justify-content:center;gap:28px;min-height:215px}.owner-request-donut{position:relative;width:154px;height:154px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#72d94e 0 var(--a),#268ddc var(--a) var(--b),#13a994 var(--b) var(--c),#e34e5b var(--c) 100%);filter:drop-shadow(0 9px 15px rgba(0,0,0,.25))}.owner-request-donut.is-empty{background:conic-gradient(#2d3a43 0 100%)}.owner-request-donut:before{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#0b1920;box-shadow:inset 0 0 18px rgba(0,0,0,.33)}.owner-request-donut>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.owner-request-donut strong{font-size:31px!important;color:#fff!important}.owner-request-donut span{font-size:10px;color:#92a0a8}.owner-status-list{min-width:110px;direction:rtl}.owner-status-list p{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;margin:13px 0;color:#aab5bb;font-size:9px}.owner-status-list i{width:9px;height:9px;border-radius:50%}.owner-status-list i.new{background:#72d94e}.owner-status-list i.doing{background:#268ddc}.owner-status-list i.done{background:#13a994}.owner-status-list i.rejected{background:#e34e5b}.owner-status-list b{font-size:10px;color:#e7edef!important}
.owner-activity-list{display:grid}.owner-activity-row{min-height:48px;display:grid;grid-template-columns:9px 38px 1fr;align-items:center;gap:9px;border-bottom:1px solid #26343f;color:#e9eef1!important;padding:5px 0}.owner-activity-row:last-child{border-bottom:0}.owner-activity-row:hover{background:rgba(255,255,255,.025)}.owner-activity-dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 9px currentColor}.owner-activity-dot.green{color:#74dc50;background:#74dc50}.owner-activity-dot.blue{color:#359cff;background:#359cff}.owner-activity-dot.teal{color:#24d1b3;background:#24d1b3}.owner-activity-dot.red{color:#ef5a69;background:#ef5a69}.owner-activity-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#263b45;color:#dff4e9;font-size:12px;font-weight:900;border:1px solid #3b4c56}.owner-activity-avatar img{width:100%;height:100%;object-fit:cover}.owner-activity-row strong{display:block;font-size:9px!important;color:#f0f3f5!important}.owner-activity-row p{margin:3px 0 0!important;font-size:7.5px!important;color:#8c99a2!important}.owner-activity-row small{display:block;margin-top:2px;font-size:7px!important;color:#687984!important}
.owner-empty-v35{min-height:70px;display:grid;place-items:center;text-align:center;color:#71818b;font-size:9px;padding:16px}

.owner-bottom-grid-v35{display:grid;grid-template-columns:.85fr 1.05fr 1.35fr;gap:12px;direction:ltr}.owner-bottom-grid-v35>.owner-card-v35{direction:rtl;min-height:176px}.owner-note-card textarea{width:100%!important;min-height:86px!important;resize:vertical!important;border-radius:10px!important;background:#0a151e!important;border:1px solid #34434e!important;color:#d9e2e7!important;padding:12px!important;font-size:10px!important;box-shadow:inset 0 3px 9px rgba(0,0,0,.30)!important}.owner-note-card>small{display:block;margin-top:7px;font-size:7px!important;color:#697983!important}.owner-alert-list{display:grid}.owner-alert-list>a{min-height:43px;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:6px 0;border-bottom:1px solid #26343f;color:#e8edef!important}.owner-alert-list>a:last-child{border-bottom:0}.alert-symbol{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#ffc12c;background:rgba(255,175,22,.13);font-size:16px}.owner-alert-list strong{display:block;font-size:8.5px!important}.owner-alert-list small{display:block;margin-top:3px;font-size:7px!important;color:#788892!important}.owner-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.owner-shortcuts a{min-height:105px;border-radius:12px;border:1px solid #31414c;background:linear-gradient(145deg,#15232c,#0a151d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#dce4e8!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 17px rgba(0,0,0,.17)}.owner-shortcuts a:hover{transform:translateY(-3px);border-color:#53636e}.owner-shortcuts i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:27px;font-style:normal}.owner-shortcuts i.amber{color:#ffb818;background:rgba(255,172,15,.13);text-shadow:0 0 14px #ec9600}.owner-shortcuts i.teal{color:#20d9c5;background:rgba(23,208,185,.13);text-shadow:0 0 14px #0bbca5}.owner-shortcuts i.green{color:#6de34f;background:rgba(88,211,70,.13);text-shadow:0 0 14px #49c733}.owner-shortcuts i.lime{color:#83f052;background:rgba(91,223,65,.13);text-shadow:0 0 14px #50d133}.owner-shortcuts span{font-size:8px}
.owner-operations-v35{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;direction:ltr}.owner-operations-v35>.owner-card-v35{direction:rtl}.owner-ops-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.owner-ops-pills a{min-height:64px;padding:10px 12px;border:1px solid #30404b;border-radius:11px;background:#0c1821;color:#9cabb4!important;display:flex;align-items:center;justify-content:space-between}.owner-ops-pills b{font-size:22px;color:#f2f6f7!important}.owner-ops-pills span{font-size:8px}.owner-staff-row{display:grid;grid-template-columns:38px 1fr auto 46px;gap:9px;align-items:center;min-height:50px;border-bottom:1px solid #283640;color:#dfe6e9;font-size:9px}.owner-staff-row:last-child{border-bottom:0}.owner-staff-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#21343f;color:#d9f1e5;font-weight:900}.owner-staff-avatar img{width:100%;height:100%;object-fit:cover}.owner-staff-row b{display:block;font-size:9px!important}.owner-staff-row small{font-size:7px!important;color:#7c8c95!important}.owner-staff-row em{font-size:7px;font-style:normal}.owner-staff-row>span:last-child{text-align:left;color:#aeb9bf}

@media (min-width:1500px){.owner-dashboard-v35{max-width:none}.owner-hero-v35{min-height:166px}.owner-main-grid-v35>.owner-card-v35{min-height:300px}}
@media (max-width:1250px){body.gl-manager-dashboard .app-sidebar{width:215px!important}body.gl-manager-dashboard .app-main{margin-right:215px!important;width:calc(100% - 215px)!important;padding-left:16px!important;padding-right:16px!important}body.gl-manager-dashboard .topbar{margin-left:-16px!important;margin-right:-16px!important}.owner-kpis-v35{grid-template-columns:repeat(3,1fr)}.owner-main-grid-v35{grid-template-columns:1fr 1fr}.owner-chart-card{grid-column:1/-1}.owner-bottom-grid-v35{grid-template-columns:1fr 1fr}.owner-shortcut-card{grid-column:1/-1}}
@media (max-width:820px) and (min-width:640px){.owner-kpis-v35{grid-template-columns:repeat(2,1fr)}.owner-main-grid-v35,.owner-bottom-grid-v35,.owner-operations-v35{grid-template-columns:1fr}.owner-chart-card,.owner-shortcut-card{grid-column:auto}.owner-hero-v35{padding:24px;align-items:flex-start}.owner-hero-copy h1{font-size:25px!important}.owner-hero-actions{flex-direction:column;align-items:stretch}.owner-shortcuts{grid-template-columns:repeat(4,1fr)}}
@media (max-width:639px){body.gl-manager-dashboard .app-main{margin-right:0!important;width:100%!important;padding:0 10px 98px!important}body.gl-manager-dashboard .topbar{height:66px!important;margin:0 -10px 12px!important;padding:0 12px!important;grid-template-columns:1fr auto!important}.topbar-meta{display:none!important}body.gl-manager-dashboard .header-person{min-width:unset!important;border:0!important;padding:0!important}.owner-dashboard-v35{gap:11px}.owner-hero-v35{min-height:145px;padding:20px;align-items:flex-start}.owner-hero-copy h1{font-size:23px!important}.owner-hero-actions{flex-direction:column;align-items:stretch}.owner-new-request{min-height:43px}.owner-branch-filter select{height:40px!important}.owner-kpis-v35{grid-template-columns:repeat(2,1fr);gap:8px}.owner-kpi{min-height:105px;padding:13px}.owner-kpi:last-child{grid-column:1/-1}.owner-kpi-icon{width:43px;height:43px;min-width:43px;font-size:22px}.owner-kpi strong{font-size:24px!important}.owner-main-grid-v35,.owner-bottom-grid-v35,.owner-operations-v35{grid-template-columns:1fr}.owner-chart-card,.owner-shortcut-card{grid-column:auto}.owner-main-grid-v35>.owner-card-v35{min-height:270px}.owner-shortcuts{grid-template-columns:repeat(2,1fr)}.owner-card-v35{padding:15px!important}}

/* v35.1 — Touch scrolling performance hotfix retained in v36. */
html{scroll-behavior:auto!important}
html,body.gl-app{touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}
body.gl-premium-dark{
  background:radial-gradient(circle at 92% -8%,rgba(52,180,123,.19),transparent 31%),radial-gradient(circle at 4% 92%,rgba(49,112,91,.14),transparent 34%),linear-gradient(145deg,var(--dp-bg2),var(--dp-bg))!important
}
@media (any-pointer:coarse), (max-width:1100px){
  body.gl-premium-dark:before{display:none!important}
  body.gl-premium-dark :is(.panel,.hero,.stats>div,.manager-strip>div,.notice,.document,.request-card,.goal-card,.employee-card,.employee-welcome,.gl-dash-card,.gl-list-card,.gl-month-banner,.ref-card,.ref-kpis article,.v18-kpi,.camp-v18-card,.quick-action,.glass-card,.exec-panel,.metric-card,.attention-card,.branch-card,.p360-card,.p360-kpis article,.ac-item,.ac-stat,.device-manage-card,.internal-manager-strip>a,.device-dashboard-row,.command-hero,.answer-card){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  body.gl-premium-dark .topbar,body.gl-premium-dark.gl-manager-dashboard .topbar,body.gl-premium-dark .app-sidebar,body.gl-premium-dark.gl-manager-dashboard .app-sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  body.gl-app .app-main,body.gl-app .content-shell{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
}

/* =========================================================
   v36 — Unified high-contrast staff experience
   Shared page shell, readable typography and employee surfaces.
   ========================================================= */
body.gl-authenticated:not(.gl-manager-dashboard){
  --v36-bg:#060e14;--v36-surface:#0c1821;--v36-surface-2:#111f29;
  --v36-line:#2d3c47;--v36-line-soft:#22313b;--v36-text:#f3f7f8;
  --v36-muted:#9caab2;--v36-green:#77e45b;--v36-teal:#27d4c3;
  background:#060e14!important;color:var(--v36-text)!important;font-size:14px!important;
}
body.gl-authenticated:not(.gl-manager-dashboard) .app-main{
  background:radial-gradient(circle at 84% -8%,rgba(35,118,92,.10),transparent 30%),linear-gradient(155deg,#07131a,#050c12)!important;
}
body.gl-authenticated:not(.gl-manager-dashboard) .app-sidebar{
  background:linear-gradient(180deg,#091820,#071219)!important;border-color:#263640!important;
}
body.gl-authenticated:not(.gl-manager-dashboard) .topbar{
  background:rgba(6,15,22,.94)!important;border-color:#263640!important;min-height:74px!important;
}
body.gl-authenticated:not(.gl-manager-dashboard) .app-nav>a,
body.gl-authenticated:not(.gl-manager-dashboard) .app-nav>button{font-size:13px!important;min-height:42px!important;line-height:1.5!important}
body.gl-authenticated:not(.gl-manager-dashboard) .app-nav>.nav-main:not(.is-active){color:#a8bbb3!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
body.gl-authenticated:not(.gl-manager-dashboard) .nav-section-title{font-size:11px!important}
body.gl-authenticated:not(.gl-manager-dashboard) .sidebar-footer a{font-size:11px!important}
body.gl-authenticated:not(.gl-manager-dashboard) .header-person strong{font-size:12px!important}
body.gl-authenticated:not(.gl-manager-dashboard) .header-person span,
body.gl-authenticated:not(.gl-manager-dashboard) .topbar-meta{font-size:10px!important;color:#9aa9b1!important}

.gl-page-shell-v36{width:calc(100% - 48px)!important;max-width:1280px!important;margin:24px auto 46px!important;display:grid;gap:16px;color:var(--v36-text)}
.gl-page-hero-v36,.gl-content-card-v36,.gl-support-tips-v36{
  border:1px solid var(--v36-line)!important;background:linear-gradient(145deg,rgba(17,31,41,.98),rgba(8,19,27,.99))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.gl-page-hero-v36{position:relative;overflow:hidden;min-height:150px;border-radius:20px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.gl-page-hero-v36:after{content:"";position:absolute;left:-60px;bottom:-95px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(76,224,86,.17),transparent 68%);pointer-events:none}
.gl-page-hero-copy-v36{position:relative;z-index:1;max-width:760px}.gl-page-eyebrow-v36{display:block;margin-bottom:9px;color:#80e75f;font-size:11px;font-weight:900;letter-spacing:1.7px}
.gl-page-hero-copy-v36 h1{margin:0 0 10px!important;color:#fff!important;font-size:29px!important;line-height:1.35!important}.gl-page-hero-copy-v36 p{margin:0!important;color:#a3b0b7!important;font-size:13px!important;line-height:1.9!important}
.gl-page-hero-side-v36{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.gl-page-count-v36{min-width:80px;min-height:68px;border:1px solid #34434d;border-radius:15px;background:#0a161e;display:grid;place-items:center;padding:8px 15px}.gl-page-count-v36 b{font-size:23px!important;line-height:1;color:#fff!important}.gl-page-count-v36 small{font-size:11px!important;color:#94a4ad!important}
.gl-hero-symbol-v36{position:relative;z-index:1;width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:rgba(119,228,91,.10);border:1px solid rgba(119,228,91,.25);color:#8beb6f;font-size:39px;box-shadow:0 0 28px rgba(91,218,75,.12)}
.gl-content-card-v36{border-radius:20px;padding:24px}.gl-card-heading-v36{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--v36-line-soft)}.gl-card-heading-v36 h2{margin:0 0 6px!important;color:#f7fafb!important;font-size:18px!important}.gl-card-heading-v36 p{margin:0!important;color:#93a3ac!important;font-size:12px!important;line-height:1.7!important}.gl-heading-icon-v36{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#77e45b;background:rgba(99,212,80,.11);border:1px solid rgba(119,228,91,.18);font-size:22px}
.gl-button-v36,body.gl-premium-dark .gl-button-v36{min-height:46px;padding:0 18px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#f5fff2!important;background:linear-gradient(135deg,#469f45,#256736)!important;border:1px solid #5da457!important;box-shadow:0 8px 22px rgba(29,93,49,.25),inset 0 1px rgba(255,255,255,.14)!important;transform:none!important;font-size:13px!important;font-weight:800;cursor:pointer}.gl-button-v36:hover{filter:brightness(1.13);transform:translateY(-1px)!important}.gl-button-v36 b{font-size:18px!important;color:inherit!important}.gl-button-secondary-v36,body.gl-premium-dark .gl-button-secondary-v36{color:#c8d3d8!important;background:#0b1821!important;border-color:#384852!important;box-shadow:0 7px 18px rgba(0,0,0,.18)!important}

.gl-task-list-v36{display:grid}.gl-task-item-v36{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr) auto 18px;gap:14px;align-items:center;min-height:92px;padding:16px 8px;border-bottom:1px solid var(--v36-line-soft);color:#edf3f5}.gl-task-item-v36:last-child{border-bottom:0}.gl-task-item-v36:hover{background:rgba(255,255,255,.025)}.gl-task-state-v36{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(113,228,88,.09);border:1px solid rgba(113,228,88,.18);color:#80e664;font-size:20px}.gl-task-item-v36.status-doing .gl-task-state-v36{color:#4db7ff;background:rgba(49,153,232,.10);border-color:rgba(49,153,232,.20)}.gl-task-copy-v36 strong{display:block;color:#f2f6f7!important;font-size:14px!important;line-height:1.6}.gl-task-copy-v36 p{margin:4px 0!important;color:#9cabb3!important;font-size:12px!important;line-height:1.7!important}.gl-task-copy-v36 small{display:block;color:#73858f!important;font-size:11px!important}.gl-status-pill-v36{min-width:92px;padding:8px 12px;border-radius:9px;text-align:center;font-size:11px;font-weight:800}.gl-status-pill-v36.todo{background:rgba(238,167,50,.11);color:#f4ba60}.gl-status-pill-v36.doing{background:rgba(52,158,237,.12);color:#79c5ff}.gl-status-pill-v36.done{background:rgba(85,210,116,.11);color:#80e29a}.gl-row-arrow-v36{color:#71838d;font-size:25px}
.gl-empty-state-v36{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 20px}.gl-empty-state-v36>span{width:68px;height:68px;border-radius:21px;display:grid;place-items:center;color:#84e868;background:rgba(109,222,86,.10);border:1px solid rgba(109,222,86,.20);font-size:31px}.gl-empty-state-v36 h2{margin:17px 0 8px!important;color:#f1f6f7!important;font-size:19px!important}.gl-empty-state-v36 p{max-width:500px;margin:0 0 18px!important;color:#94a4ad!important;font-size:13px!important;line-height:1.8!important}.gl-empty-wide-v36{grid-column:1/-1}
.gl-document-grid-v36{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:18px}.gl-document-v36{min-height:210px;border:1px solid var(--v36-line-soft);border-radius:16px;background:#0a171f;padding:19px;display:grid;grid-template-columns:46px 1fr;gap:14px;align-content:start}.gl-document-icon-v36{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(39,212,195,.10);color:#2ed6c5;font-size:22px}.gl-document-v36 h3{margin:2px 0 8px!important;color:#f1f5f6!important;font-size:15px!important}.gl-document-v36 p,.gl-document-body-v36{color:#a1afb6!important;font-size:12px!important;line-height:1.9!important}.gl-document-v36 .gl-button-v36{grid-column:1/-1;justify-self:start;margin-top:8px}

.gl-device-layout-v36{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;direction:ltr}.gl-device-layout-v36>*{direction:rtl}.gl-device-hero-v36{background:radial-gradient(circle at 12% 100%,rgba(255,179,33,.13),transparent 30%),linear-gradient(145deg,#111f29,#08131b)!important}.gl-device-symbol-v36{background:rgba(255,177,25,.10);border-color:rgba(255,177,25,.24);color:#ffc34d}.gl-form-card-v36 form{padding-top:19px;display:grid;gap:17px}.gl-form-field-v36 label{display:block;margin-bottom:9px;color:#dce4e7!important;font-size:13px!important;font-weight:800}.gl-form-field-v36 label b{color:#ff7d86!important}.gl-form-field-v36 input,.gl-form-field-v36 textarea{width:100%!important;border-radius:12px!important;border:1px solid #3c4c57!important;background:#07131b!important;color:#f3f7f8!important;font-size:14px!important;line-height:1.8!important;padding:13px 15px!important;box-shadow:inset 0 3px 9px rgba(0,0,0,.25)!important}.gl-form-field-v36 input{min-height:50px}.gl-form-field-v36 textarea{min-height:170px;resize:vertical}.gl-form-field-v36 input::placeholder,.gl-form-field-v36 textarea::placeholder{color:#74858f!important;opacity:1}.gl-form-field-v36 input:focus,.gl-form-field-v36 textarea:focus{outline:0;border-color:#64c85c!important;box-shadow:0 0 0 3px rgba(108,214,91,.10),inset 0 3px 9px rgba(0,0,0,.22)!important}.gl-form-field-v36 small{display:block;margin-top:6px;font-size:11px!important}.gl-field-error-v36{display:block;margin-top:7px;color:#ff9ba3;font-size:12px}.gl-device-actions-v36{display:flex;gap:10px;flex-wrap:wrap;padding-top:3px}.gl-device-actions-v36 button{font-family:inherit}
.gl-support-tips-v36{align-self:start;border-radius:20px;padding:24px}.gl-tip-icon-v36{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#ffc04a;background:rgba(255,173,21,.10);border:1px solid rgba(255,173,21,.20);font-size:23px;font-weight:900}.gl-support-tips-v36 h2{margin:16px 0 13px!important;font-size:18px!important;color:#f5f7f8!important}.gl-support-tips-v36 ul{margin:0;padding:0 19px 0 0;color:#aab6bc}.gl-support-tips-v36 li{margin:0 0 11px;font-size:12px;line-height:1.8}.gl-support-tips-v36 small{display:block;margin-top:18px;padding-top:15px;border-top:1px solid var(--v36-line-soft);color:#7f9099!important;font-size:11px!important;line-height:1.8}

/* Employee dashboard: remove legacy white cards and restore readable values. */
body.gl-page-dashboard .gl-employee-dashboard{max-width:1280px!important;width:calc(100% - 48px)!important;margin:24px auto 46px!important;gap:16px!important}
body.gl-page-dashboard .gl-employee-mobile-head{min-height:126px;padding:24px 26px!important;border:1px solid var(--v36-line)!important;border-radius:20px;background:radial-gradient(circle at 10% 110%,rgba(112,226,88,.18),transparent 31%),linear-gradient(145deg,#111f29,#08141c)!important;box-shadow:0 18px 42px rgba(0,0,0,.23)!important}
body.gl-page-dashboard .gl-head-avatar,body.gl-page-dashboard .gl-head-avatar img{width:72px!important;height:72px!important}body.gl-page-dashboard .gl-head-avatar{background:#12272a!important;border:1px solid #40504f!important;color:#85e76a!important;font-size:26px!important}.gl-head-avatar i{border-color:#0e1c24!important}
body.gl-page-dashboard .gl-head-copy h1{color:#f5f8f9!important;font-size:27px!important}body.gl-page-dashboard .gl-head-copy p{color:#9baab2!important;font-size:12px!important}.gl-head-bell{background:#0a161f!important;border-color:#364650!important;color:#dce5e8!important}
body.gl-page-dashboard .gl-quick-actions{gap:12px!important}body.gl-page-dashboard .gl-quick-card{height:120px!important;border-radius:17px!important;background:linear-gradient(145deg,#111f29,#09151d)!important;border:1px solid #30404b!important;color:#eaf0f2!important;box-shadow:0 14px 30px rgba(0,0,0,.21)!important}body.gl-page-dashboard .gl-quick-card:hover{transform:translateY(-2px);border-color:#4a5c66!important}body.gl-page-dashboard .gl-quick-card svg{fill:#78e15d!important}body.gl-page-dashboard .gl-quick-card:nth-child(2) svg{fill:#28d0be!important}body.gl-page-dashboard .gl-quick-card:nth-child(3) svg{fill:#4aaeff!important}body.gl-page-dashboard .gl-quick-card:nth-child(4) svg{fill:#ba73ff!important}body.gl-page-dashboard .gl-quick-card span{font-size:13px!important;color:#edf2f4!important}
body.gl-page-dashboard :is(.gl-dash-card,.gl-list-card,.gl-month-banner){background:linear-gradient(145deg,#111f29,#09151d)!important;border:1px solid #30404b!important;border-radius:18px!important;box-shadow:0 16px 35px rgba(0,0,0,.22)!important}
body.gl-page-dashboard .gl-card-title h2,body.gl-page-dashboard .gl-list-head h2{font-size:17px!important;color:#f3f6f7!important}body.gl-page-dashboard .gl-card-title>span{color:#78e15d!important}.gl-state-pill{font-size:12px!important}.gl-entry-time{color:#fff!important;font-size:34px!important}.gl-attendance-card>small,.gl-shift-line{color:#98a8b0!important;font-size:11px!important}.gl-card-action{min-height:46px!important;color:#8ae56e!important;background:#0a171f!important;border-color:#354650!important;font-size:12px!important}.gl-card-action.solid{background:linear-gradient(135deg,#469f45,#256736)!important;border-color:#5da457!important;color:#fff!important}.gl-ring{background:conic-gradient(#71df57 calc(var(--progress)*1%),#273640 0)!important}.gl-ring:after{background:#0b1720!important}.gl-ring span{color:#83e868!important}.gl-report-lines p{color:#b0bcc1!important;font-size:12px!important}.gl-report-lines b{color:#7fe464!important;font-size:13px!important}
body.gl-page-dashboard .gl-month-banner{background:radial-gradient(circle at 8% 100%,rgba(111,225,87,.11),transparent 27%),linear-gradient(145deg,#111f29,#09151d)!important}.gl-month-copy small,.gl-month-copy p,.gl-month-result p{color:#96a6ae!important;font-size:11px!important}.gl-month-copy strong{color:#83e568!important;font-size:20px!important}.gl-month-result b{color:#ecf2f4!important;font-size:13px!important}.gl-list-head{border-color:#283842!important}.gl-list-head a{font-size:11px!important;color:#82e568!important}.gl-task-row,.gl-notification-row{border-color:#263640!important;color:#edf2f4!important}.gl-task-row strong,.gl-notification-row strong{font-size:13px!important}.gl-task-row small,.gl-notification-row small{font-size:11px!important;color:#8f9fa8!important}.gl-empty-row{font-size:12px!important;color:#8e9ea6!important}

/* Profile: one dark language, two readable columns on wide screens. */
body.gl-page-profile .gl-profile-page{width:calc(100% - 48px)!important;max-width:1280px!important;margin:24px auto 46px!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
body.gl-page-profile :is(.gl-profile-header,.gl-profile-card,.gl-profile-logout,.gl-profile-device-issue){background:linear-gradient(145deg,#111f29,#09151d)!important;border:1px solid #30404b!important;box-shadow:0 16px 36px rgba(0,0,0,.22)!important;color:#edf3f5!important}
body.gl-page-profile .gl-profile-header{grid-column:1/-1;padding:26px!important}.gl-profile-photo{background:#12252a!important;border-color:#3d4f53!important;color:#84e56a!important}.gl-profile-camera{border-color:#101d25!important;background:#3f9b42!important}.gl-profile-identity h1{color:#f5f8f9!important;font-size:28px!important}.gl-profile-eyebrow{font-size:11px!important;color:#80e45f!important}.gl-profile-identity p{font-size:13px!important;color:#9cabb3!important}.gl-profile-status{font-size:11px!important}.gl-profile-photo-form{border-color:#293943!important}.gl-profile-photo-select{background:#0a171f!important;color:#89e66e!important;border-color:#354650!important;font-size:12px!important}.gl-profile-photo-save{background:linear-gradient(135deg,#469f45,#256736)!important;color:#fff!important;font-size:12px!important;box-shadow:none!important;transform:none!important}.gl-profile-photo-form>small{font-size:11px!important;color:#8798a1!important}
body.gl-page-profile .gl-profile-card{padding:23px!important}.gl-profile-card-title h2{font-size:17px!important;color:#f1f5f6!important}.gl-profile-section-icon{background:rgba(109,222,86,.10)!important;color:#83e668!important}.gl-profile-readonly{background:#0a171f!important;color:#91a2aa!important;font-size:10px!important}.gl-profile-row{min-height:58px!important;border-color:#263640!important}.gl-row-label{color:#9cabb3!important;font-size:12px!important}.gl-profile-row strong{color:#eef3f5!important;font-size:12px!important}.gl-profile-note{grid-column:1/-1!important}.gl-profile-note strong{color:#edf3f5!important;font-size:13px!important}.gl-profile-note p{font-size:11px!important;color:#8e9fa7!important}.gl-profile-device-issue{grid-column:1/-1!important}.gl-profile-device-issue strong{color:#f2f5f6!important;font-size:13px!important}.gl-profile-device-issue small{color:#91a1aa!important;font-size:11px!important}.gl-device-icon{background:rgba(255,179,35,.10)!important}.gl-device-arrow{color:#ffc04b!important}.gl-profile-logout{grid-column:1/-1!important;font-size:13px!important;color:#ff9299!important}

/* Readability floor for legacy staff pages and manager tablet details. */
body.gl-authenticated:not(.gl-manager-dashboard) :is(.panel,.hero) h1{font-size:25px!important;color:#f5f8f9!important}
body.gl-authenticated:not(.gl-manager-dashboard) :is(.panel,.hero) h2{font-size:17px!important;color:#f1f5f6!important}
body.gl-authenticated:not(.gl-manager-dashboard) :is(.panel,.hero) p{font-size:12px!important;line-height:1.85!important;color:#9cabb3!important}
body.gl-authenticated:not(.gl-manager-dashboard) :is(.panel,.hero,.document,.task) small{font-size:11px!important;line-height:1.7!important}
body.gl-authenticated:not(.gl-manager-dashboard) :is(.primary,button):not(.mobile-more-toggle):not(.mobile-more-close){font-size:12px!important;box-shadow:0 8px 20px rgba(13,73,44,.26),inset 0 1px rgba(255,255,255,.14)!important;transform:none!important}
@media (any-pointer:coarse) and (min-width:640px){
  body.gl-manager-dashboard :is(.owner-card-v35 h2,.owner-kpi small){font-size:13px!important}
  body.gl-manager-dashboard :is(.owner-activity-row strong,.owner-alert-list strong,.owner-staff-row,.owner-staff-row b,.owner-status-list p,.owner-shortcuts span,.owner-ops-pills span){font-size:11px!important}
  body.gl-manager-dashboard :is(.owner-activity-row p,.owner-activity-row small,.owner-alert-list small,.owner-staff-row small,.owner-staff-row em,.owner-note-card>small){font-size:10px!important;line-height:1.55!important}
  body.gl-manager-dashboard :is(.owner-card-head>a,.owner-card-head>span,.owner-kpi em,.owner-chart-days,.owner-y-axis,.owner-empty-v35){font-size:10px!important}
  body.gl-manager-dashboard .owner-note-card textarea{font-size:12px!important}
}

@media(max-width:900px){
  .gl-document-grid-v36,.gl-device-layout-v36{grid-template-columns:1fr}.gl-support-tips-v36{display:none}
  body.gl-page-profile .gl-profile-page{grid-template-columns:1fr}.gl-profile-note,.gl-profile-device-issue,.gl-profile-logout{grid-column:auto!important}
}
@media(max-width:639px){
  body.gl-authenticated:not(.gl-manager-dashboard) .app-nav>a>span:last-child,
  body.gl-authenticated:not(.gl-manager-dashboard) .app-nav>button>span:last-child{font-size:10px!important;line-height:1.35!important}
  .gl-page-shell-v36,body.gl-page-dashboard .gl-employee-dashboard,body.gl-page-profile .gl-profile-page{width:calc(100% - 20px)!important;margin:12px auto 92px!important;gap:11px!important}
  .gl-page-hero-v36{min-height:145px;padding:21px;border-radius:17px;align-items:flex-start}.gl-page-hero-copy-v36 h1{font-size:24px!important}.gl-page-hero-copy-v36 p{font-size:12px!important}.gl-page-eyebrow-v36{font-size:10px}.gl-hero-symbol-v36{width:56px;height:56px;border-radius:17px;font-size:28px}.gl-page-hero-side-v36{align-items:flex-end;flex-direction:column}.gl-page-count-v36{min-width:58px;min-height:54px;padding:6px 10px}.gl-page-count-v36 b{font-size:20px!important}.gl-content-card-v36{padding:17px;border-radius:17px}.gl-card-heading-v36{padding-bottom:14px}.gl-card-heading-v36 h2{font-size:16px!important}.gl-heading-icon-v36{width:39px;height:39px}.gl-task-item-v36{grid-template-columns:39px minmax(0,1fr) 16px;gap:10px;padding:14px 2px}.gl-task-state-v36{width:37px;height:37px}.gl-status-pill-v36{grid-column:2;justify-self:start;min-width:0;padding:6px 9px}.gl-row-arrow-v36{grid-column:3;grid-row:1}.gl-document-grid-v36{grid-template-columns:1fr}.gl-document-v36{grid-template-columns:40px 1fr;padding:15px}.gl-empty-state-v36{min-height:230px;padding:27px 12px}.gl-device-actions-v36{display:grid}.gl-device-actions-v36>*{width:100%}.gl-form-field-v36 textarea{min-height:150px}
  body.gl-page-dashboard .gl-employee-mobile-head{min-height:100px;padding:17px!important}body.gl-page-dashboard .gl-head-avatar,body.gl-page-dashboard .gl-head-avatar img{width:58px!important;height:58px!important}body.gl-page-dashboard .gl-head-copy h1{font-size:21px!important}body.gl-page-dashboard .gl-head-copy p{font-size:11px!important}body.gl-page-dashboard .gl-quick-actions{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}body.gl-page-dashboard .gl-quick-card{height:92px!important}body.gl-page-dashboard .gl-quick-card span{font-size:12px!important}.gl-dashboard-pair{grid-template-columns:1fr!important}.gl-month-result{display:none!important}
  body.gl-page-profile .gl-profile-header{padding:18px!important}.gl-profile-main{align-items:flex-start}.gl-profile-photo{width:82px!important;height:82px!important}.gl-profile-identity h1{font-size:22px!important}.gl-profile-photo-actions{grid-template-columns:1fr 1fr!important}.gl-profile-row{align-items:flex-start;flex-direction:column;gap:5px;padding:10px 0}.gl-profile-row strong{max-width:100%;text-align:right}
}

/* v37.1 final priority guards: these must remain after every legacy rule. */
@media(max-width:700px){
  body.gl-role-employee.gl-page-dashboard .gl-quick-card svg{fill:#78e15d!important}
  body.gl-role-employee.gl-page-dashboard .gl-quick-work .gl-work-purple{fill:var(--gl-purple)!important}
  body.gl-role-employee :is(.gl-empty-row,.employee-empty,.exec-empty){
    border-color:#31434e!important;background:#0a171f!important;color:#9dabb2!important;box-shadow:none!important;
  }
  body.gl-role-employee :is(.tablewrap,table,thead,tbody,tr,th,td){background-color:transparent!important}
  body.gl-role-employee .tablewrap{border-color:#30404b!important;background:#0a171f!important}
}

/* v37.2 — compact attendance card, dark status badge and Tahoma UI. */
body.gl-role-employee,
body.gl-role-employee :is(button,input,textarea,select){font-family:Tahoma,Arial,sans-serif!important}

/* v39.2 — promote the staff sales network without changing the dashboard system. */
body.gl-role-employee.gl-page-dashboard .gl-quick-referral{
  position:relative!important;overflow:hidden!important;
  border-color:rgba(176,112,241,.58)!important;
  background:linear-gradient(145deg,#111f29,#241834)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.22),0 0 22px rgba(176,112,241,.13)!important;
}
body.gl-role-employee.gl-page-dashboard .gl-quick-referral:after{
  content:"";position:absolute;left:-24px;top:-24px;width:76px;height:76px;border-radius:50%;
  background:rgba(176,112,241,.10);pointer-events:none;
}
body.gl-role-employee.gl-page-dashboard .gl-quick-referral svg{fill:#ba73ff!important;filter:drop-shadow(0 6px 8px rgba(176,112,241,.20))}
body.gl-role-employee.gl-page-dashboard .gl-quick-referral small{
  position:absolute;left:10px;bottom:9px;padding:3px 8px;border-radius:999px;
  color:#c795f5!important;background:rgba(176,112,241,.14)!important;
  font-size:10px!important;font-weight:800!important;line-height:1.25!important;
}
@media(max-width:700px){
  body.gl-role-employee.gl-page-dashboard .gl-attendance-card{
    height:190px!important;min-height:190px!important;padding:13px 17px!important;overflow:hidden!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-attendance-card .gl-state-pill{
    margin:7px auto 5px!important;padding:7px 13px!important;border-radius:11px!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-attendance-card .gl-state-pill.ok{
    color:#a1f18d!important;background:linear-gradient(145deg,rgba(40,105,62,.72),rgba(17,54,39,.86))!important;
    border:1px solid rgba(112,221,96,.42)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.07)!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-attendance-card .gl-state-pill.warning{
    color:#d4b3ef!important;background:rgba(111,72,148,.20)!important;border:1px solid rgba(170,120,211,.34)!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-attendance-card .gl-entry-time{
    margin:1px 0 0!important;font-size:32px!important;line-height:1.1!important;
  }
  body.gl-role-employee.gl-page-dashboard .gl-attendance-card>small{line-height:1.25!important}
  body.gl-role-employee.gl-page-dashboard .gl-attendance-card .gl-shift-line{margin:4px 0 0!important;line-height:1.3!important}
}

/* v38.1 login — full artwork, zero image cropping */
body.login-fixed-page{display:grid!important;place-items:center!important;min-height:100svh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#f5f5ef!important}
.login-fixed-stage{position:relative!important;width:min(100vw,calc(100svh * 1.6032))!important;height:min(100svh,calc(100vw / 1.6032))!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;max-width:none!important;background:#f5f5ef!important}
.login-fixed-art,.login-fixed-art img{display:block;width:100%;height:100%}.login-fixed-art img{object-fit:contain;object-position:center}
.login-fixed-form{position:absolute;z-index:3;left:51.25%;top:16.2%;width:38.3%;height:64.7%;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.login-fixed-form>input:not([type=hidden]){position:absolute;left:6.5%;width:87%;height:10%;min-height:0;padding:0 4%;border:0!important;border-radius:14px;background:transparent!important;color:#17362d!important;font:clamp(12px,1.2vw,18px) Tahoma,Arial,sans-serif!important;direction:ltr;text-align:left;outline:0;box-shadow:none!important}
.login-fixed-form>input:not([type=hidden]):focus{box-shadow:0 0 0 4px rgba(24,157,103,.18)!important;background:rgba(255,255,255,.32)!important}
.login-fixed-form>input[name=username]{top:40.7%}.login-fixed-form>input[name=password]{top:60.8%}
.login-fixed-form>button{position:absolute;left:12.5%;top:77.4%;width:75%;height:11.5%;padding:0;border:0;border-radius:14px;background:transparent!important;color:transparent!important;box-shadow:none!important;cursor:pointer}
.login-fixed-form>button:hover,.login-fixed-form>button:focus{background:rgba(255,255,255,.12)!important;box-shadow:0 0 0 3px rgba(255,255,255,.22)!important}
.login-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.login-fixed-error{position:absolute;left:5%;right:5%;bottom:1%;padding:6px 8px;border-radius:9px;background:rgba(124,58,237,.92);color:#fff;text-align:center;font:11px Tahoma,Arial,sans-serif}
@media(max-width:700px){body.login-fixed-page{background:#f4f4ee!important}.login-fixed-stage{width:min(100vw,calc(100svh * .5628))!important;height:min(100svh,calc(100vw / .5628))!important}.login-fixed-form{left:53.2%;top:53.65%;width:43.7%;height:33.5%}.login-fixed-form>input:not([type=hidden]){left:7%;width:86%;height:10.8%;border-radius:9px;font-size:12px!important}.login-fixed-form>input[name=username]{top:36.8%}.login-fixed-form>input[name=password]{top:59.3%}.login-fixed-form>button{left:7%;top:78%;width:86%;height:12.2%;border-radius:10px}.login-fixed-error{font-size:8px;padding:3px 4px}}

/* v38.3 — Personnel records use the approved dashboard plaque system. */
body.gl-premium-dark.gl-page-employee_360 :is(.p360-hero,.p360-card,.p360-kpis article),
body.gl-premium-dark.gl-page-employee_file :is(.personnel-file-head,.panel,.personnel-file-kpis>div){background:linear-gradient(145deg,#111d27,#09131b)!important;border:1px solid #35434e!important;color:#eef3f5!important;box-shadow:0 15px 35px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05)!important}
body.gl-page-employee_360 .p360-chips span{min-height:28px;padding:6px 10px;border:1px solid #3a4a55;border-radius:9px;background:#101e27;color:#c5d0d5;font-size:11px!important;font-weight:700}
body.gl-page-employee_360 .p360-chips .active{background:rgba(85,210,116,.11);border-color:rgba(104,224,132,.28);color:#8bea9f}
body.gl-page-employee_360 .p360-kpis article,body.gl-page-employee_file .personnel-file-kpis>div{position:relative;overflow:hidden;min-height:118px;padding:18px!important;border-radius:16px!important}
body.gl-page-employee_360 .p360-kpis article:after,body.gl-page-employee_file .personnel-file-kpis>div:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;left:-37px;top:-35px;background:currentColor;opacity:.075;pointer-events:none}
body.gl-page-employee_360 .p360-kpis small,body.gl-page-employee_360 .p360-kpis em,body.gl-page-employee_file .personnel-file-kpis span{font-size:11px!important;color:#aeb8be!important;line-height:1.5!important}
body.gl-page-employee_360 .p360-kpis strong,body.gl-page-employee_file .personnel-file-kpis b{font-size:28px!important;color:#f7fafb!important;line-height:1.1!important;margin:8px 0!important}
body.gl-page-employee_360 .p360-kpis .i{width:52px;height:52px;border-radius:50%;font-size:24px;flex:0 0 auto}
body.gl-page-employee_360 .p360-kpis article.teal{color:#25d6c5}body.gl-page-employee_360 .p360-kpis article.blue,body.gl-page-employee_file .personnel-file-kpis .blue{color:#2ea8ff}body.gl-page-employee_360 .p360-kpis article.purple,body.gl-page-employee_file .personnel-file-kpis .purple{color:#bd58ff}body.gl-page-employee_360 .p360-kpis article.amber,body.gl-page-employee_file .personnel-file-kpis .amber{color:#ffbd24}body.gl-page-employee_360 .p360-kpis article.green,body.gl-page-employee_file .personnel-file-kpis .green{color:#77e44d}
body.gl-page-employee_360 :is(.p360-card-head h2,.p360-list-item strong,.p360-event strong,.p360-mini-row b),body.gl-page-employee_file :is(.panel h2,.row strong,.metric-line b){color:#f3f7f8!important}
body.gl-page-employee_360 :is(.p360-card-head p,.p360-list-item p,.p360-event small,.p360-goal small,.p360-mini-row span),body.gl-page-employee_file :is(.row small,.row>span,.muted,.personnel-file-head p,.personnel-doc-meta,.personnel-doc-guide){color:#afbdc4!important;font-size:11px!important;line-height:1.7!important}
body.gl-page-employee_360 :is(.p360-event strong,.p360-goal strong,.p360-goal span,.p360-list-item strong),body.gl-page-employee_file .row strong{font-size:12px!important;line-height:1.6!important}
body.gl-page-employee_360 .p360-event p{color:#c0cbd0!important;font-size:11px!important;line-height:1.7!important}body.gl-page-employee_360 .p360-mini-row{font-size:11px!important;color:#dce4e8!important}body.gl-page-employee_360 .p360-mini-row em,body.gl-page-employee_360 .mini-status{font-size:10px!important;padding:6px 8px!important}
body.gl-page-employee_360 :is(.p360-event,.p360-goal,.p360-mini-row,.p360-list-item),body.gl-page-employee_file :is(.row,.metric-line){border-color:#283740!important}
@media(max-width:700px){body.gl-page-employee_360 .p360-kpis article,body.gl-page-employee_file .personnel-file-kpis>div{min-height:105px;padding:14px!important}body.gl-page-employee_360 .p360-kpis .i{width:43px;height:43px;font-size:20px}body.gl-page-employee_360 .p360-kpis strong,body.gl-page-employee_file .personnel-file-kpis b{font-size:23px!important}}

/* v39.4 — operational staff blackboard. */
body.gl-role-employee.gl-page-dashboard .gl-blackboard{
  position:relative;isolation:isolate;overflow:hidden;min-height:132px;padding:24px 54px 22px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  border:8px solid #6e4b2f;border-radius:9px;
  background:
    radial-gradient(circle at 20% 25%,rgba(255,255,255,.045) 0 1px,transparent 2px),
    radial-gradient(circle at 75% 70%,rgba(255,255,255,.035) 0 1px,transparent 2px),
    linear-gradient(145deg,#17352d,#0c241e 72%,#102c24);
  background-size:31px 31px,43px 43px,auto;
  box-shadow:0 18px 38px rgba(0,0,0,.28),inset 0 0 28px rgba(0,0,0,.48),inset 0 0 0 2px rgba(255,255,255,.07)!important;
}
body.gl-role-employee.gl-page-dashboard .gl-blackboard:before{
  content:"";position:absolute;inset:5px;border:1px solid rgba(226,240,223,.12);pointer-events:none;
}
body.gl-role-employee.gl-page-dashboard .gl-blackboard-copy{position:relative;z-index:2;display:grid;gap:9px;max-width:850px}
body.gl-role-employee.gl-page-dashboard .gl-blackboard-copy small{
  color:#dce8d2!important;font-size:18px!important;font-weight:900;letter-spacing:.2px;
  text-shadow:0 0 1px #fff,1px 1px 0 rgba(255,255,255,.16),0 3px 8px rgba(0,0,0,.32);
  transform:rotate(-1deg);
}
body.gl-role-employee.gl-page-dashboard .gl-blackboard-copy strong{
  color:#f2f0df!important;font-family:Tahoma,Arial,sans-serif!important;font-size:23px!important;font-weight:800!important;line-height:1.75!important;
  text-shadow:0 0 1px #fff,1px 1px 0 rgba(255,255,255,.14),0 4px 13px rgba(0,0,0,.22);
}
body.gl-role-employee.gl-page-dashboard .gl-blackboard-pin{position:absolute;z-index:3;top:12px;width:8px;height:8px;border-radius:50%;background:#d8cbbb;box-shadow:0 2px 3px #000, inset 0 1px #fff}
body.gl-role-employee.gl-page-dashboard .gl-blackboard-pin.pin-a{right:16px}body.gl-role-employee.gl-page-dashboard .gl-blackboard-pin.pin-b{left:16px}
body.gl-role-employee.gl-page-dashboard .gl-blackboard-chalk{position:absolute;z-index:2;left:32px;bottom:8px;width:64px;height:5px;border-radius:5px;transform:rotate(-2deg);background:#ded9b9;box-shadow:0 2px 5px rgba(0,0,0,.5)}
.blackboard-admin-panel{max-width:1180px;margin:0 auto}.blackboard-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.blackboard-admin-card{padding:20px;border:1px solid #35434e;border-radius:16px;background:linear-gradient(145deg,#111f29,#09151d);box-shadow:0 14px 30px rgba(0,0,0,.2)}.blackboard-admin-card.active{border-color:rgba(111,225,87,.38)}.blackboard-admin-card>div,.blackboard-admin-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.blackboard-admin-card>div span{color:#89e775;font-size:11px;font-weight:800}.blackboard-admin-card>div i{padding:4px 8px;border-radius:999px;background:#15242d;color:#91a1a9;font-size:10px;font-style:normal}.blackboard-admin-card.active>div i{background:rgba(111,225,87,.12);color:#8de87a}.blackboard-admin-card h2{margin:16px 0 8px!important;font-size:18px!important;color:#f4f7f8!important}.blackboard-admin-card p{min-height:54px;margin:0 0 16px!important;color:#c0ccd1!important;font-size:12px!important;line-height:1.9!important}.blackboard-admin-card footer{padding-top:13px;border-top:1px solid #293943}.blackboard-admin-card footer small{color:#85969f!important;font-size:10px!important}.blackboard-admin-card footer a{color:#8ae672;font-size:12px;font-weight:800}
@media(max-width:700px){
  body.gl-role-employee.gl-page-dashboard .gl-blackboard{min-height:118px;padding:19px 30px 18px;border-width:6px}
  body.gl-role-employee.gl-page-dashboard .gl-blackboard-copy{gap:6px}
  body.gl-role-employee.gl-page-dashboard .gl-blackboard-copy small{font-size:15px!important}
  body.gl-role-employee.gl-page-dashboard .gl-blackboard-copy strong{font-size:17px!important;line-height:1.75!important}
  body.gl-role-employee.gl-page-dashboard .gl-blackboard-chalk{left:20px;width:43px}
  .blackboard-admin-grid{grid-template-columns:1fr}
}

/* v40.1 — prominent consultant finance entry on the dashboard. */
.gl-finance-launch{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;margin:0}
.gl-finance-launch-main{min-height:148px;padding:22px 24px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid rgba(139,92,246,.38);border-radius:24px;background:linear-gradient(135deg,#24183d,#47306c 56%,#175d4a);color:#fff!important;box-shadow:0 18px 42px rgba(42,24,67,.28)}
.gl-finance-launch-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.14);font-size:38px;font-weight:300;box-shadow:inset 0 1px rgba(255,255,255,.18)}
.gl-finance-launch-main small{display:block!important;margin-bottom:5px;color:#d9c8f3!important;font-size:10px!important;font-weight:900;letter-spacing:.3px}.gl-finance-launch-main h2{margin:0!important;color:#fff!important;font-size:25px!important}.gl-finance-launch-main p{margin:7px 0 0;color:#d8e5df;font-size:11px}.gl-finance-launch-main>b{padding:11px 14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:11px;white-space:nowrap}
.gl-finance-launch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gl-finance-launch-stats a{min-width:0;padding:17px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #35434e;border-radius:18px;background:linear-gradient(145deg,#111d27,#09131b);text-align:center;box-shadow:0 13px 28px rgba(0,0,0,.2)}.gl-finance-launch-stats span{color:#9fadb5;font-size:9px;line-height:1.5}.gl-finance-launch-stats strong{margin-top:8px;color:#78e6ad;font-size:25px}.gl-finance-launch-stats .needs-attention{border-color:rgba(255,183,72,.45)}.gl-finance-launch-stats .needs-attention strong{color:#ffc46e}
@media(max-width:900px){.gl-finance-launch{grid-template-columns:1fr}.gl-finance-launch-stats{min-height:92px}}
@media(max-width:700px){.gl-finance-launch-main{min-height:132px;padding:17px;grid-template-columns:52px minmax(0,1fr);gap:13px;border-radius:20px}.gl-finance-launch-icon{width:52px;height:52px;border-radius:16px;font-size:30px}.gl-finance-launch-main h2{font-size:21px!important}.gl-finance-launch-main p{font-size:9px}.gl-finance-launch-main>b{grid-column:1/-1;width:100%;padding:10px;text-align:center}.gl-finance-launch-stats{grid-template-columns:repeat(3,minmax(0,1fr));min-height:82px}.gl-finance-launch-stats a{padding:11px 5px;border-radius:15px}.gl-finance-launch-stats span{font-size:8px}.gl-finance-launch-stats strong{font-size:21px}}

/* v40.1 — remove bright finance surfaces and keep the consultant shortcut visible on mobile. */
body.gl-page-finance_entry :is(.hero,.panel),
body.gl-page-finance_dashboard :is(.hero,.panel,.stats>div){background:linear-gradient(145deg,#111f29,#09151d)!important;border:1px solid #30404b!important;color:#edf3f5!important;box-shadow:0 16px 35px rgba(0,0,0,.22)!important}
body.gl-page-finance_entry :is(.hero h1,.panel h2,label),
body.gl-page-finance_dashboard :is(.hero h1,.panel h2,label){color:#f1f5f6!important}
body.gl-page-finance_entry :is(input,select,textarea),
body.gl-page-finance_dashboard :is(input,select,textarea){background:#07131b!important;color:#f3f7f8!important;border-color:#3c4c57!important}
body.gl-page-finance_entry :is(.tablewrap,table),
body.gl-page-finance_dashboard :is(.tablewrap,table){background:#08141c!important;border-color:#30404b!important}
body.gl-page-finance_entry :is(th,td),
body.gl-page-finance_dashboard :is(th,td){background:#0a171f!important;color:#dfe7ea!important;border-color:#263640!important}
body.gl-page-finance_entry tbody tr:hover td,
body.gl-page-finance_dashboard tbody tr:hover td{background:#10212b!important}
body.gl-page-finance_entry small,
body.gl-page-finance_dashboard small{color:#91a1aa!important}
@media(max-width:700px){
  body:has(.gl-employee-dashboard) .app-nav>.consultant-finance-nav{display:flex!important;order:4}
  body:has(.gl-employee-dashboard) .app-nav>.consultant-finance-nav,
  body.gl-page-finance_entry .app-nav>.consultant-finance-nav{min-width:60px!important;height:60px!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;gap:2px!important;padding:4px 2px!important;background:transparent!important;color:#a8bbb3!important;border:0!important;box-shadow:none!important}
  body.gl-page-finance_entry .app-nav>.consultant-finance-nav{display:flex!important}
  body.gl-page-finance_entry .app-nav>.consultant-finance-nav.is-active{color:#8b5cf6!important;background:rgba(139,92,246,.13)!important;border-radius:14px!important}
}

/* v40.3.2 — isolated call-center mobile navigation. */
@media(max-width:700px){
  body.gl-page-call_center_dashboard .app-nav>.cc-mobile-leads,
  body.gl-page-call_center_dashboard .app-nav>.cc-mobile-attendance,
  body.gl-page-call_center_dashboard .app-nav>.cc-mobile-tasks,
  body.gl-page-call_center_dashboard .app-nav>.cc-mobile-reports,
  body.gl-page-call_center_dashboard .app-nav>.cc-mobile-notifications,
  body.gl-page-call_center_lead .app-nav>.cc-mobile-leads,
  body.gl-page-call_center_lead .app-nav>.cc-mobile-attendance,
  body.gl-page-call_center_lead .app-nav>.cc-mobile-tasks,
  body.gl-page-call_center_lead .app-nav>.cc-mobile-reports,
  body.gl-page-call_center_lead .app-nav>.cc-mobile-notifications{display:flex!important}
  body.gl-role-employee .app-nav>.cc-mobile-leads{order:1!important}
  body.gl-role-employee .app-nav>.cc-mobile-attendance{order:2!important}
  body.gl-role-employee .app-nav>.cc-mobile-tasks{order:3!important}
  body.gl-role-employee .app-nav>.cc-mobile-reports{order:4!important}
  body.gl-role-employee .app-nav>.cc-mobile-notifications{order:5!important}
}


/* v41 executive personal command center */
.gl-executive-nav{position:relative;background:linear-gradient(135deg,rgba(121,76,255,.16),rgba(121,76,255,.04));border:1px solid rgba(159,126,255,.2)!important}
.gl-executive-nav .nav-ico{color:#bca8ff}.gl-private-badge{margin-right:auto;font-size:8px;letter-spacing:1px;color:#bca8ff;background:rgba(121,76,255,.16);border:1px solid rgba(159,126,255,.18);padding:3px 6px;border-radius:999px}
.gl-exec-office{max-width:1500px;margin:0 auto;padding-bottom:40px}
.gl-exec-hero{position:relative;overflow:hidden;border-radius:30px;padding:30px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;background:radial-gradient(circle at 0 0,rgba(139,92,246,.26),transparent 32%),linear-gradient(135deg,#16182b,#111b26 55%,#101c22);border:1px solid rgba(166,135,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.gl-exec-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;left:-120px;bottom:-230px;background:radial-gradient(circle,rgba(91,56,210,.28),transparent 68%)}
.gl-exec-hero>*{position:relative;z-index:1}.gl-exec-kicker{font-size:10px;letter-spacing:2px;color:#bda9ff;font-weight:800}.gl-exec-hero h1{font-size:38px;margin:6px 0 8px}.gl-exec-hero p{margin:0;color:#9caeba;line-height:1.8}
.gl-exec-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:8px}.gl-exec-hero-metrics>div{min-width:112px;padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.gl-exec-hero-metrics strong{display:block;font-size:24px}.gl-exec-hero-metrics span{font-size:10px;color:#879aa5}.gl-exec-hero-metrics .is-alert strong{color:#ff938f}
.gl-exec-capture,.gl-exec-panel,.gl-exec-focus{background:linear-gradient(145deg,rgba(18,31,40,.98),rgba(13,25,33,.97));border:1px solid rgba(255,255,255,.065);box-shadow:0 16px 48px rgba(0,0,0,.13)}
.gl-exec-capture{border-radius:26px;padding:20px;margin-bottom:14px}.gl-exec-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:15px}.gl-exec-section-head span{color:#bba7ff;font-size:11px;font-weight:800}.gl-exec-section-head h2{font-size:17px;margin:4px 0 0}.gl-exec-section-head>small{font-size:10px;color:#718792}
.gl-exec-capture-form{display:grid;gap:10px}.gl-exec-title-field input{font-size:16px;padding:15px 16px;border-radius:15px;border-color:rgba(173,143,255,.22);background:#0b1722}.gl-exec-capture-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:9px}.gl-exec-capture-grid label>span{display:block;font-size:9px;color:#80939d;margin:0 4px 5px}.gl-exec-capture-form textarea{resize:vertical}.gl-exec-capture-actions{display:flex;gap:8px}.gl-exec-btn{border-radius:13px;padding:10px 16px}.gl-exec-btn.primary{background:linear-gradient(135deg,#7956e8,#5c3ec5);color:#fff}.gl-exec-btn.ghost{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#c8d3d8}
.gl-exec-focus-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:12px;margin-bottom:14px}.gl-exec-focus{border-radius:24px;padding:18px;min-height:205px}.gl-exec-thing{background:radial-gradient(circle at 0 0,rgba(123,78,246,.18),transparent 42%),linear-gradient(145deg,#181c2c,#111c25);border-color:rgba(160,127,255,.18)}
.gl-exec-focus-label{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:11px;margin-bottom:13px}.gl-exec-focus-label b{font-size:12px;letter-spacing:.4px}.gl-exec-focus-label small{margin-right:auto;font-size:9px;color:#718792}.gl-exec-focus-body h2{margin:0 0 8px;font-size:22px}.gl-exec-focus-body p{font-size:11px;line-height:1.8;color:#8fa2ac;margin:0 0 10px}.gl-exec-meta{display:flex;gap:7px;flex-wrap:wrap}.gl-exec-meta span{font-size:9px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.045);color:#9daeb6}
.gl-exec-task-actions{display:flex;gap:8px;align-items:center;margin-top:15px;flex-wrap:wrap}.gl-exec-task-actions form{margin:0}.gl-exec-delegate-form{display:flex;gap:6px;align-items:center;flex:1}.gl-exec-delegate-form select{min-width:140px;padding:8px 10px;font-size:10px}.gl-exec-mini{padding:8px 10px;border-radius:10px;font-size:10px;background:#283a46;color:#d9e3e7;white-space:nowrap}.gl-exec-mini.done{background:#153d2e;color:#83e9b1}.gl-exec-mini.subtle{background:transparent;border:1px solid rgba(255,255,255,.08);color:#8296a0}
.gl-exec-small-list{display:grid;gap:8px}.gl-exec-small-task{display:flex;gap:9px;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.025)}.gl-exec-small-task>div{min-width:0;flex:1}.gl-exec-small-task strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl-exec-small-task small{font-size:9px}.gl-exec-small-task form{margin:0}.gl-exec-small-task button,.gl-exec-inline-actions button{width:28px;height:28px;padding:0;border-radius:9px;background:#163a2d;color:#82e7b0}.gl-exec-dot{width:7px;height:7px;border-radius:50%;background:#8d72ec;flex:0 0 auto}
.gl-exec-main-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:12px}.gl-exec-panel{border-radius:25px;padding:18px}.gl-exec-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:12px;margin-bottom:10px}.gl-exec-panel-head>div{display:flex;gap:8px;align-items:center}.gl-exec-panel-head h2{font-size:15px;margin:0}.gl-exec-panel-head>b,.gl-exec-panel-subhead b{font-size:11px;background:#1c303a;padding:5px 8px;border-radius:9px;color:#9db0b8}
.gl-exec-waiting-list{display:grid;gap:8px}.gl-exec-waiting{display:grid;grid-template-columns:170px minmax(180px,1fr) 100px auto;gap:10px;align-items:center;padding:11px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid transparent}.gl-exec-waiting.overdue{border-color:rgba(255,117,117,.15);background:rgba(106,35,40,.11)}.gl-exec-person{display:flex;align-items:center;gap:8px}.gl-exec-avatar{width:35px;height:35px;border-radius:11px;overflow:hidden;background:#2a3541;display:grid;place-items:center;font-size:11px;color:#c9baff}.gl-exec-avatar img{width:100%;height:100%;object-fit:cover}.gl-exec-person strong{display:block;font-size:10px}.gl-exec-person small{font-size:8px}.gl-exec-wait-copy h3{font-size:11px;margin:0 0 4px}.gl-exec-wait-copy p{font-size:9px;color:#768b95;margin:0;line-height:1.55}.gl-exec-wait-status{display:grid;gap:5px}.gl-exec-wait-status span{font-size:9px}.gl-exec-wait-status .status-doing{color:#f1c876}.gl-exec-wait-status .status-todo{color:#9db0b8}.gl-exec-wait-status small{font-size:8px}
.gl-exec-stack{display:grid;gap:7px}.gl-exec-stack-item{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:10px;border-radius:14px;background:rgba(255,255,255,.025)}.gl-exec-stack-item strong{font-size:10px}.gl-exec-stack-item small{font-size:8px;display:block;margin-top:3px}.gl-exec-inline-actions{display:flex;gap:5px;align-items:center}.gl-exec-inline-actions form{margin:0}.gl-exec-delegate-form.mini{max-width:175px}.gl-exec-delegate-form.mini select{min-width:110px;padding:6px 7px}.gl-exec-delegate-form.mini button{background:#2a3542;color:#c8d5db}
.gl-exec-panel-subhead{display:flex;justify-content:space-between;align-items:center;margin:17px 0 8px;padding-top:13px;border-top:1px solid rgba(255,255,255,.05);font-size:11px}.muted-stack{opacity:.76}
.gl-exec-empty{display:grid;gap:4px;place-content:center;min-height:100px;text-align:center;color:#718690}.gl-exec-empty b{font-size:11px;color:#9baab1}.gl-exec-empty span{font-size:9px}.gl-exec-empty.compact{min-height:55px}
@media(max-width:1100px){.gl-exec-focus-grid{grid-template-columns:1fr 1fr}.gl-exec-thing{grid-column:1/-1}.gl-exec-main-grid{grid-template-columns:1fr}.gl-exec-waiting{grid-template-columns:155px 1fr 90px auto}}
@media(max-width:720px){.gl-exec-office{padding-bottom:20px}.gl-exec-hero{display:block;padding:20px;border-radius:22px}.gl-exec-hero h1{font-size:29px}.gl-exec-hero-metrics{margin-top:16px}.gl-exec-hero-metrics>div{min-width:0;padding:10px}.gl-exec-hero-metrics strong{font-size:20px}.gl-exec-section-head{display:block}.gl-exec-section-head>small{display:block;margin-top:6px}.gl-exec-capture-grid{grid-template-columns:1fr}.gl-exec-focus-grid{grid-template-columns:1fr}.gl-exec-thing{grid-column:auto}.gl-exec-task-actions,.gl-exec-delegate-form{display:grid;grid-template-columns:1fr}.gl-exec-delegate-form select{min-width:0}.gl-exec-waiting{grid-template-columns:1fr;align-items:start}.gl-exec-waiting form{justify-self:start}.gl-exec-person{padding-bottom:3px}.gl-exec-wait-status{display:flex;gap:10px}.gl-exec-stack-item{align-items:flex-start}.gl-exec-inline-actions{flex-direction:column;align-items:flex-end}.gl-exec-delegate-form.mini{display:flex;max-width:160px}.gl-private-badge{display:none}}


/* v41.1 — Manager dashboard readability hotfix
   Brighten headings/labels on the dark executive dashboard. */
body.gl-premium-dark.gl-manager-dashboard :is(
  .ref-welcome h1,
  .ref-card h1,.ref-card h2,.ref-card h3,
  .sectionhead h1,.sectionhead h2,.sectionhead h3,
  .card-head h1,.card-head h2,.card-head h3,
  .hero h1,.hero h2,.hero h3,
  .manager-section-title,
  .dashboard-section-title
){
  color:#f7fff9!important;
  opacity:1!important;
  font-weight:900!important;
  text-shadow:0 2px 16px rgba(255,255,255,.055),0 8px 26px rgba(0,0,0,.32)!important;
}
body.gl-premium-dark.gl-manager-dashboard :is(
  .ref-welcome p,
  .ref-card>p,
  .sectionhead p,
  .card-head p,
  .hero p
){
  color:#c7d8d0!important;
  opacity:1!important;
}
body.gl-premium-dark.gl-manager-dashboard .ref-kpis small{
  color:#dcebe4!important;
  opacity:1!important;
  font-weight:800!important;
}
body.gl-premium-dark.gl-manager-dashboard .ref-kpis span{
  color:#b7cbc1!important;
  opacity:1!important;
}
body.gl-premium-dark.gl-manager-dashboard :is(
  .action strong,
  .goal span,
  .staff-person b,
  .device-dashboard-row strong,
  .internal-manager-strip strong
){
  color:#eef9f3!important;
  opacity:1!important;
}
body.gl-premium-dark.gl-manager-dashboard :is(
  .action small,
  .staff-person small,
  .internal-manager-strip small,
  .ref-summary span
){
  color:#b7c9c0!important;
  opacity:1!important;
}


/* =========================================================
   v41.2 — GLOBAL DARK UI READABILITY STANDARD
   One contrast floor for every dark page so text never becomes
   unreadably dim. Keep hierarchy through size/weight, not darkness.
   ========================================================= */
body.gl-premium-dark{
  --dp-text:#f4fbf7!important;
  --dp-muted:#bccdc5!important;
  --dp-muted-2:#a9bbb2!important;
  --dp-faint:#93a79d!important;
}

/* Primary titles and important labels */
body.gl-premium-dark :is(
  h1,h2,h3,h4,h5,h6,
  .sectionhead h1,.sectionhead h2,.sectionhead h3,
  .card-head h1,.card-head h2,.card-head h3,
  .gl-card-title h1,.gl-card-title h2,.gl-card-title h3,
  .ref-live-head h1,.ref-live-head h2,.ref-live-head h3,
  .rf-live-head h1,.rf-live-head h2,.rf-live-head h3,
  .page-title,.panel-title,.dashboard-title,.manager-section-title,
  legend
){
  color:#f7fff9!important;
  opacity:1!important;
}

/* Normal body copy: never darker than this on dark surfaces */
body.gl-premium-dark :is(
  p,li,dd,dt,
  .description,.subtitle,.helper-text,.hint,
  .notice p,.document p,.panel p,.hero p,
  .task span,.row span
){
  color:#c8d8d1!important;
  opacity:1!important;
}

/* Secondary text and metadata */
body.gl-premium-dark :is(
  small,.muted,.meta,.eyebrow,
  .ref-welcome p,.ref-kpis span,.staff-person small,
  .gl-exec-section-head>small,.gl-exec-focus-label small,
  .gl-exec-focus-body p,.gl-exec-meta span,
  .rf-live-head small,.rf-activity-row small,.rf-rank-row small,
  .gl-month-copy small,.gl-list-head small,
  .profilegrid span,.manager-strip span,
  .chart-days,.chart-legend
){
  color:var(--dp-muted)!important;
  opacity:1!important;
}

/* Table and form readability */
body.gl-premium-dark :is(th,label,.form-label){
  color:#dce9e3!important;
  opacity:1!important;
}
body.gl-premium-dark td{
  color:#e7f0eb!important;
  opacity:1!important;
}
body.gl-premium-dark :is(input,textarea,select){
  color:#f4faf7!important;
}
body.gl-premium-dark :is(input,textarea)::placeholder{
  color:#9fb3a9!important;
  opacity:1!important;
}

/* Navigation and utility copy should stay readable too */
body.gl-premium-dark :is(
  .app-nav>a,.app-nav>button,
  .sidebar-footer a,.nav-section-title,
  .brand-premium small,
  .header-person span,.topbar-meta
){
  color:#b8cbc1!important;
  opacity:1!important;
}
body.gl-premium-dark .app-nav>a:hover,
body.gl-premium-dark .app-nav>button:hover{
  color:#f1fbf6!important;
}

/* Preserve intentional disabled states only */
body.gl-premium-dark :is([disabled],.is-disabled,.disabled){
  opacity:.55!important;
}