:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16202a;background:#f5f7fb;--ink:#111827;--muted:#738095;--line:#e7ebf1;--green:#169b62;--red:#d43d4f;--amber:#c98918;--blue:#3977d6;--purple:#7458d6}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#111827;color:white;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 24px}.brand-mark,.logo-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:white;color:#111827;font-weight:900}.brand b{display:block;font-size:17px}.brand small{display:block;color:#9aa5b5;font-size:10px;letter-spacing:.18em;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{border:0;background:transparent;color:#b9c3d1;text-align:left;padding:11px 12px;border-radius:10px;display:flex;gap:10px;align-items:center;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{background:#202b3c;color:white}.sidebar nav button span{width:20px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #2a3545;padding:16px 8px 0;display:flex;align-items:center;justify-content:space-between}.admin-mini b,.admin-mini small{display:block}.admin-mini small{color:#8f9aaa;font-size:10px;margin-top:3px}.icon-btn{border:0;background:transparent;cursor:pointer;font-size:22px;color:inherit}.main{min-width:0;padding:0 26px 35px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:25px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.btn{border:1px solid #dce2ea;background:white;border-radius:9px;padding:9px 12px;cursor:pointer;color:#263243}.btn:hover{background:#f7f9fc}.btn.primary{background:#111827;color:white;border-color:#111827}.btn.ghost{background:transparent}.btn.tiny{padding:6px 9px;font-size:12px}.btn.wide{width:100%}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:18px;margin-bottom:18px;box-shadow:0 4px 18px rgba(18,33,52,.035)}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.panel h2{font-size:17px;margin:0}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:white;border:1px solid var(--line);border-radius:14px;padding:16px;min-height:120px;position:relative}.kpi span{display:block;font-size:13px;color:#536175}.kpi strong{display:block;font-size:29px;margin:8px 0 4px}.kpi small{font-size:11px;color:#8792a2}.kpi i{position:absolute;right:16px;top:16px;width:9px;height:9px;border-radius:50%;background:#a8b0bc}.kpi.ok i{background:var(--green)}.kpi.warn i{background:var(--amber)}.kpi.danger i{background:var(--red)}.kpi.info i{background:var(--blue)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-card{background:white;border:1px solid var(--line);border-radius:14px;padding:15px}.mini-card b,.mini-card strong,.mini-card small{display:block}.mini-card b{font-size:12px}.mini-card strong{margin:12px 0 4px;font-size:17px}.mini-card small{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:11px;color:#7b8798;text-transform:uppercase;letter-spacing:.03em;font-weight:700;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}td{font-size:13px;padding:12px;border-bottom:1px solid #edf0f4;vertical-align:middle}td small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:700;background:#edf1f6;color:#657084}.badge.ok{background:#e7f7ef;color:#118353}.badge.warn{background:#fff3dd;color:#a46808}.badge.danger{background:#fdecef;color:#bd3041}.badge.info{background:#eaf2ff;color:#376ec1}.badge.purple{background:#f0edff;color:#654cc2}.badge.neutral{background:#f0f2f5;color:#697384}.text-danger{color:#bd3041;font-weight:700}.footnote,.report-note{color:var(--muted);font-size:11px;margin:14px 0 0}.schedule-table th:not(:first-child){text-align:center}.schedule-table th small{display:block;margin-top:4px}.schedule-cell{border:0;background:transparent;width:100%;min-width:105px;padding:8px;border-radius:9px;cursor:pointer}.schedule-cell:hover{background:#f6f8fb}.schedule-cell span:not(.badge){display:block;margin-top:5px;font-size:11px}.employee-list{display:grid;gap:10px}.employee-card{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:13px}.employee-card.inactive{opacity:.55}.avatar{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#eef1f5;font-weight:800}.employee-main h3{margin:0;font-size:15px}.employee-main p{margin:5px 0;color:var(--muted);font-size:12px}.rowline,.statline{display:flex;align-items:center;gap:8px}.statline{gap:16px;font-size:11px;color:#687486}.card-actions{display:flex;gap:6px}.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#5f6a7b}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #dce2ea;border-radius:9px;padding:10px 11px;background:white;color:#1f2937}.form-grid textarea{min-height:80px;resize:vertical}.form-grid .full{grid-column:1/-1}.settings{max-width:860px}.modal-backdrop{position:fixed;inset:0;background:rgba(13,21,32,.45);display:grid;place-items:center;padding:18px;z-index:50}.modal{background:white;border-radius:16px;width:min(650px,100%);max-height:90vh;overflow:auto;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-head h2{margin:0;font-size:18px}.qr-box{text-align:center}.qr-box canvas{max-width:100%}.qr-box input{width:100%;border:1px solid #dce2ea;border-radius:9px;padding:10px;margin:12px 0}.toast{position:fixed;right:22px;bottom:22px;background:#153b2b;color:white;padding:12px 16px;border-radius:10px;box-shadow:0 10px 30px #0003;z-index:100;font-size:13px}.toast.danger{background:#8e2633}.auth-page,.center-screen,.employee-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#f7f9fc,#eef2f7)}.auth-card,.employee-check-card{width:min(430px,100%);background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 60px rgba(19,36,58,.08)}.auth-card .logo-mark,.employee-check-card .logo-mark{background:#111827;color:white}.auth-card h1{margin:16px 0 4px}.auth-card>p{color:var(--muted);margin:0 0 20px}.auth-card form{display:grid;gap:13px}.auth-card label{font-size:12px;color:#657082}.auth-card input{width:100%;display:block;margin-top:6px;border:1px solid #dce2ea;border-radius:9px;padding:11px}.alert{padding:11px 12px;border-radius:10px;font-size:12px;margin:10px 0}.alert.success{background:#e7f7ef;color:#0c774a}.alert.danger{background:#fdecef;color:#a92838}.alert.info{background:#edf4ff;color:#3565ae}.spinner{width:35px;height:35px;border:4px solid #e3e7ed;border-top-color:#111827;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.employee-check-card{text-align:center;max-width:500px}.employee-check-card .logo-mark{margin:auto}.eyebrow{font-size:10px;letter-spacing:.18em;color:#8b95a3;margin:10px 0}.employee-check-card h1{font-size:25px;margin:8px 0 18px}.employee-today{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.employee-today>div{background:#f6f8fb;border-radius:12px;padding:13px}.employee-today small,.employee-today b{display:block}.employee-today small{font-size:9px;color:#8792a2}.employee-today b{margin-top:6px}.geo-note{font-size:11px;color:#687486;margin:12px 0}.check-btn{width:100%;border:0;border-radius:13px;padding:17px;font-weight:900;font-size:17px;margin-top:10px;cursor:pointer}.check-btn.in{background:#111827;color:white}.check-btn.out{background:#eef1f5;color:#111827}.check-btn:disabled{opacity:.35;cursor:not-allowed}.employee-foot{font-size:10px;color:#9099a6;margin:16px 0 0}@media(max-width:1000px){.kpi-grid,.mini-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static;padding:12px}.brand{padding-bottom:10px}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr)}.sidebar nav button{font-size:10px;display:block;text-align:center;padding:8px 4px}.sidebar nav button span{display:block;width:auto;margin-bottom:3px}.sidebar-bottom{display:none}.main{padding:0 12px 24px}.topbar{height:72px}.kpi-grid,.mini-grid{grid-template-columns:1fr 1fr}.employee-card{grid-template-columns:42px 1fr}.card-actions{grid-column:1/-1;justify-content:flex-end}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}@media(max-width:480px){.sidebar nav{grid-template-columns:repeat(2,1fr)}.kpi-grid,.mini-grid,.employee-today{grid-template-columns:1fr}.topbar h1{font-size:21px}.panel{padding:13px}.panel-head{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}.employee-check-card{padding:20px}}

.performance-card{display:flex;gap:12px;text-align:left;align-items:flex-start;border-radius:13px;padding:14px;margin:4px 0 14px}.performance-card.excellent{background:#eaf8f1;border:1px solid #cfeedd}.performance-card.warning{background:#fff5e5;border:1px solid #f3dfbd}.performance-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;font-weight:900}.performance-card.excellent .performance-icon{background:#169b62;color:white}.performance-card.warning .performance-icon{background:#c98918;color:white}.performance-card small{font-size:9px;color:#788495;letter-spacing:.06em}.performance-card h3{margin:4px 0 3px;font-size:14px}.performance-card p{margin:0;color:#5f6a7b;font-size:12px;line-height:1.45}.success-hold small{display:block;margin-top:5px;opacity:.75;font-size:10px}

.week-plan-card{border:1px solid #e7ebf1;border-radius:14px;padding:14px;margin:4px 0 16px;text-align:left;background:#fff}.week-plan-head small{font-size:9px;color:#8792a2;letter-spacing:.06em}.week-plan-head h3{font-size:13px;margin:4px 0 10px;color:#263243}.week-plan-list{display:grid;gap:6px}.week-plan-row{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;background:#f7f9fc;border:1px solid transparent}.week-plan-row.today{background:#edf4ff;border-color:#cfe0ff}.week-day b,.week-day span,.week-shift b,.week-shift small{display:block}.week-day b{font-size:12px}.week-day span{font-size:10px;color:#8792a2;margin-top:2px}.week-shift{text-align:right}.week-shift b{font-size:12px}.week-shift small{font-size:10px;color:#7d8897;margin-top:2px}

.week-plan-empty{padding:14px;border-radius:10px;background:#f7f9fc;color:#7b8798;font-size:11px;text-align:center}
@media(max-width:480px){.week-plan-row{grid-template-columns:88px 1fr}.week-plan-card{padding:12px}.employee-check-card{max-width:560px}}

/* V6: collapsible employee weekly plan */
.week-plan-card{overflow:hidden}
.week-plan-toggle{width:100%;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;color:inherit}
.week-plan-toggle .week-plan-head h3{margin-bottom:10px}
.week-plan-chevron{font-size:24px;line-height:1;color:#7d8897;transition:transform .2s ease;transform:rotate(180deg);margin-right:2px}
.week-plan-card.collapsed .week-plan-chevron{transform:rotate(0deg)}
.week-plan-card.collapsed .week-plan-list{display:none}
.week-plan-card.collapsed .week-plan-toggle .week-plan-head h3{margin-bottom:0}
.week-plan-card.collapsed{padding-bottom:14px}

/* V7 attendance bonus + monthly ranking */
.bonus-card{margin:4px 0 14px;text-align:left}.bonus-main{background:#f4f7ff;border:1px solid #dfe7fb;border-radius:14px;padding:14px}.bonus-main small,.bonus-main strong{display:block}.bonus-main small{font-size:9px;color:#788495;letter-spacing:.07em}.bonus-main strong{font-size:26px;margin:5px 0 3px;color:#172033}.bonus-main p{margin:0;color:#687486;font-size:11px}.ranking-card{border:1px solid #e7ebf1;border-radius:14px;padding:13px;margin-top:8px;background:white;overflow:hidden}.ranking-toggle{width:100%;border:0;background:transparent;padding:0;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;color:inherit}.ranking-toggle small,.ranking-toggle b{display:block}.ranking-toggle small{font-size:9px;color:#8792a2;letter-spacing:.05em}.ranking-toggle b{font-size:13px;margin-top:4px}.ranking-chevron{font-size:24px;color:#7d8897;transform:rotate(180deg);transition:.2s}.ranking-card.collapsed .ranking-chevron{transform:rotate(0)}.ranking-card.collapsed .ranking-list{display:none}.ranking-list{display:grid;gap:6px;margin-top:11px}.ranking-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:9px;border-radius:10px;background:#f7f9fc;font-size:12px}.ranking-row.self{background:#edf4ff;border:1px solid #cfe0ff}.rank-name small{color:#3977d6;font-weight:700}.rank-place{text-align:center}

/* V8 employee leave balance */
.leave-qr-card{border:1px solid #e7ebf1;border-radius:14px;padding:13px;margin:8px 0 14px;background:white;overflow:hidden;text-align:left}.leave-qr-toggle{width:100%;border:0;background:transparent;padding:0;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;color:inherit}.leave-qr-toggle small{font-size:9px;color:#8792a2;letter-spacing:.05em;font-weight:700}.leave-qr-chevron{font-size:24px;color:#7d8897;transform:rotate(180deg);transition:.2s}.leave-qr-card.collapsed .leave-qr-chevron{transform:rotate(0)}.leave-qr-card.collapsed .leave-qr-body{display:none}.leave-qr-body{margin-top:11px}.leave-qr-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.leave-qr-stats>div{background:#f7f9fc;border-radius:10px;padding:11px}.leave-qr-stats small,.leave-qr-stats b{display:block}.leave-qr-stats small{font-size:9px;color:#8792a2}.leave-qr-stats b{font-size:16px;margin-top:5px}.leave-qr-body p{font-size:11px;color:#687486;line-height:1.5;margin:10px 2px 0}

/* V9 QR layout */
.attendance-actions{margin:10px 0 16px}
.week-plan-row.rest-day{background:#fff7e8;border-color:#f1dfb9}
.week-plan-row.rest-day .week-shift b{color:#9a6510}
.week-plan-row.leave-day{background:#eef8f2;border-color:#cfe8d9}
.week-plan-row.leave-day .week-shift b{color:#24754a}
.week-plan-row.today.rest-day{box-shadow:inset 4px 0 0 #c98918}
.week-plan-row.today.leave-day{box-shadow:inset 4px 0 0 #169b62}

/* V10 hourly permission */
.permission-btn{width:100%;border:1px solid #d8dee8;background:#fff;color:#1f2937;border-radius:13px;padding:14px 16px;font-weight:800;font-size:14px;cursor:pointer;margin:2px 0 10px}.permission-btn:hover{background:#f7f9fc}.permission-date-note{background:#f7f9fc;border-radius:10px;padding:11px;color:#536175;font-size:12px}.permission-rule{background:#f4f7ff;border:1px solid #dfe7fb;border-radius:11px;padding:12px}.permission-rule b{display:block;font-size:12px}.permission-rule p{margin:5px 0 0;color:#687486;font-size:11px;line-height:1.45}

/* V11 schedule navigation, reports and bonus dashboard */
.week-picker{display:flex;align-items:center;gap:8px;margin:0 0 14px;flex-wrap:wrap}.week-picker select,.week-picker input,.report-filters select,.report-filters input{border:1px solid #dce2ea;border-radius:9px;padding:9px 10px;background:#fff;color:#263243}.week-picker select{min-width:210px}.week-picker .icon-btn{border:1px solid #dce2ea;border-radius:9px;width:38px;height:38px;background:#fff;font-size:22px}.schedule-cell.schedule-off{background:#fff7e8}.schedule-cell.schedule-leave{background:#eef8f2}.schedule-head .actions{flex-wrap:wrap}.bonus-overview .bonus-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bonus-kpis>div{background:#f7f9fc;border:1px solid #edf0f4;border-radius:12px;padding:13px}.bonus-kpis small,.bonus-kpis strong,.bonus-kpis span{display:block}.bonus-kpis small{font-size:9px;letter-spacing:.05em;color:#8792a2}.bonus-kpis strong{font-size:20px;margin:5px 0 2px}.bonus-kpis span{font-size:10px;color:#738095}.bonus-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.bonus-overview-grid>div{border:1px solid #edf0f4;border-radius:12px;padding:13px}.bonus-overview-grid h3{font-size:12px;margin:0 0 8px}.bonus-employee-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0f4;font-size:12px}.bonus-employee-row:last-child{border-bottom:0}.bonus-leader{display:flex;flex-direction:column;justify-content:center;background:#f4f7ff}.bonus-leader small{font-size:9px;color:#788495;letter-spacing:.05em}.bonus-leader strong{font-size:18px;margin:7px 0 3px}.bonus-leader b{font-size:16px}.report-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.report-kpis .kpi{min-height:105px}.report-late td,.report-early td{background:#fffaf1}.report-incomplete td{background:#fff5f6}.report-success td{background:#fbfefc}
@media(max-width:900px){.bonus-overview .bonus-kpis,.report-kpis{grid-template-columns:1fr 1fr}.bonus-overview-grid{grid-template-columns:1fr}}
@media(max-width:560px){.bonus-overview .bonus-kpis,.report-kpis{grid-template-columns:1fr}.week-picker select,.week-picker input,.report-filters select,.report-filters input{width:100%}.week-picker .icon-btn{width:44px}.schedule-head .actions{width:100%}.schedule-head .actions .btn{flex:1}.bonus-overview-grid{grid-template-columns:1fr}}
/* V13 Tasks / Flex warnings */
.task-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px}.task-person{padding:10px 12px;border:1px solid #e6e6e6;border-radius:12px;background:#fafafa}.table-sub{display:block;color:#777;margin-top:4px;max-width:420px}.qr-task-card{margin:16px 0;padding:16px;border:1px solid #ececec;border-radius:18px;background:#fff}.task-head h3{margin:5px 0 12px}.qr-task-list{display:grid;gap:10px}.qr-task-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:14px;background:#f8f8f8;transition:.35s ease}.qr-task-item p{margin:4px 0;color:#666;font-size:13px}.qr-task-item small{font-weight:700}.task-done-anim{transform:scale(.96);opacity:.2}.point-celebration{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:rgba(255,255,255,.28);backdrop-filter:blur(2px);animation:pointFade 1.3s ease forwards}.point-celebration strong{font-size:54px;animation:pointPop .55s cubic-bezier(.2,.8,.2,1)}.point-celebration .confetti{font-size:34px;letter-spacing:14px;animation:pointPop .7s ease}.flex-expiry{margin:12px 0}.report-kpis{flex-wrap:wrap}@keyframes pointPop{0%{transform:translateY(20px) scale(.65);opacity:0}70%{transform:translateY(-4px) scale(1.08);opacity:1}100%{transform:none;opacity:1}}@keyframes pointFade{0%,75%{opacity:1}100%{opacity:0}}
.task-extra{display:none!important}

/* V14 — compact premium task UI + employee Flex controls */
.qr-task-card{background:#fffaf5;border-color:#f0e5d8;padding:14px;text-align:left}
.task-head{padding:0 2px 8px}.task-head small{font-size:9px;letter-spacing:.07em;color:#8a735e;font-weight:800}.task-head h3{font-size:16px;margin:5px 0 2px;color:#172033}
.qr-task-list{gap:8px}.qr-task-item{background:#fff;border:1px solid #eee8e1;border-radius:13px;padding:12px;align-items:center}.qr-task-copy{min-width:0;flex:1}.qr-task-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qr-task-title b{font-size:14px;color:#172033}.qr-task-item p{font-size:11px;line-height:1.45;margin:5px 0 0;color:#727b88}.point-pill{display:inline-flex;padding:3px 7px;border-radius:99px;background:#fff4e4;color:#8b641d;font-size:10px;font-weight:800;white-space:nowrap}.task-done-btn{border:1px solid #cfd6df;background:#fff;color:#263243;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer}.task-done-btn:hover{background:#f7f9fc}.qr-task-card .ranking-card{background:#fff;margin-top:10px}
.toggle-label{flex-direction:row!important;align-items:center;justify-content:space-between;border:1px solid #e2e6ec;border-radius:10px;padding:10px 12px}.toggle-label input{width:18px;height:18px}
@media(max-width:480px){.qr-task-item{align-items:flex-start}.task-done-btn{align-self:center}.statline{flex-wrap:wrap}}

/* V15 UX fixes */
.kpi-action{width:100%;text-align:left;font:inherit;cursor:pointer;border:0}.kpi-action small{text-decoration:underline;text-underline-offset:3px}.kpi-action:hover{transform:translateY(-1px)}
.task-table-cell{width:34%;max-width:430px;min-width:220px}.task-table-title{display:flex;align-items:center;gap:7px;min-width:0}.task-table-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.table-sub{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere;line-height:1.35;max-width:100%!important}.priority-mini,.priority-pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;background:#fff3df;color:#8a5b10;font-size:9px;font-weight:850;padding:3px 7px}.priority-task{border-color:#e7c98e!important;background:#fffdf8!important;box-shadow:inset 3px 0 0 #d9a64b}.task-meta{margin-top:6px;font-size:10px;font-weight:700;color:#687486}.shared-task{color:#4d5c70}.recurring-task{color:#8a735e}.priority-toggle{border:1px solid #eadfcf;border-radius:10px;padding:10px;background:#fffaf3}.qr-task-card{margin-top:8px;margin-bottom:14px}
@media(max-width:760px){.task-table-cell{min-width:190px;max-width:260px}.table-wrap table{min-width:760px}}
/* V16 */
.panel-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.task-employee-filter{min-width:180px}.review-task{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line,#eee)}.review-task small{display:block;margin-top:5px;color:var(--muted,#777)}.review-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.review-actions input{width:76px}.task-result-notice{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;margin:10px 0;font-size:14px}.task-result-notice.approved{background:#f2faf5}.task-result-notice.rejected{background:#fff4f3}.task-result-notice button{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer}.ranking-card .ranking-list{display:block!important}.ranking-card .ranking-toggle{cursor:default}.ranking-card .ranking-toggle>span:last-child{display:none}@media(max-width:700px){.review-task{align-items:flex-start;flex-direction:column}.review-actions{width:100%}.task-employee-filter{width:100%}}
/* V17 — orphan task + cleaner report controls */
.orphan-task-block{margin-top:12px;padding-top:12px;border-top:1px solid #eadfce}.orphan-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.orphan-head small{font-size:10px;font-weight:850;letter-spacing:.06em;color:#715f4a}.orphan-head span{font-size:10px;color:#89919c}.claim-task-btn{background:#fffaf1;border-color:#e6c98f;color:#7a5718}.claim-task-btn:hover{background:#fff4dc}#taskHistoryEmployee{min-width:180px}
@media(max-width:700px){.orphan-head{align-items:flex-start;flex-direction:column}#taskHistoryEmployee{width:100%}}
/* V18: rankings are permanent information, not accordions. */
.ranking-static-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;font-weight:800;letter-spacing:.04em}
.ranking-card.always-open .ranking-list{display:block!important;max-height:none!important;opacity:1!important;visibility:visible!important}