/* R11 DESIGN LOCK — approved VVC Building yellow/white interface */
:root{
  --vvc-yellow:#ffc400;--vvc-yellow-2:#ffd43b;--vvc-yellow-soft:#fff8dc;--vvc-ink:#101828;
  --vvc-muted:#667085;--vvc-line:#eaecf0;--vvc-bg:#ffffff;--vvc-soft:#f8fafc;--vvc-green:#22b573;
  --vvc-red:#ef4444;--vvc-orange:#f79009;--vvc-blue:#3478f6;--vvc-purple:#8b5cf6;
  --sidebar:240px;--topbar:60px;--shadow:0 2px 8px rgba(16,24,40,.045)
}
html,body{background:#fff;color:var(--vvc-ink)}
body{font-size:13px}
.app{padding-left:var(--sidebar);min-height:100vh;background:#fff}
.sidebar{width:var(--sidebar);background:#fff;color:#20262f;border-right:1px solid #edf0f3;box-shadow:none;overflow-y:auto}
.brand{height:82px;padding:10px 18px;background:#fff;border-bottom:1px solid #f0f1f3;gap:10px;position:sticky;top:0;z-index:4}
.brand-logo{display:none}
.vvc-logo-lock{display:flex;align-items:center;gap:8px;min-width:0}
.vvc-logo-lock .vvc-symbol{width:42px;height:42px;position:relative;flex:0 0 42px;border-radius:50%;border:3px solid #f0b700}
.vvc-logo-lock .vvc-symbol:before,.vvc-logo-lock .vvc-symbol:after{content:"";position:absolute;border-radius:70% 0 70% 0;transform:rotate(-32deg)}
.vvc-logo-lock .vvc-symbol:before{width:22px;height:12px;background:#e6b200;left:1px;top:14px}
.vvc-logo-lock .vvc-symbol:after{width:20px;height:11px;background:#27a665;right:1px;bottom:10px}
.vvc-logo-lock .vvc-word{line-height:.9;min-width:0}
.vvc-logo-lock .vvc-word strong{display:block;font-size:29px;letter-spacing:-2.4px;font-weight:900;color:#111}
.vvc-logo-lock .vvc-word em{display:block;margin-top:5px;font-size:12px;letter-spacing:5px;font-style:normal;font-weight:850;color:#199455}
.vvc-logo-lock .vvc-tagline{display:block;font-size:7px;letter-spacing:.15px;font-weight:750;color:#4e555e;margin-top:6px;white-space:nowrap}
.brand-copy{display:none}
.nav{padding:4px 8px 16px;gap:1px}
.nav a,.nav-parent{height:38px;display:flex;align-items:center;gap:10px;padding:0 11px;border-radius:7px;color:#242a32;font-size:12.5px;font-weight:590;background:transparent;box-shadow:none;position:relative}
.nav a:hover,.nav-parent:hover{background:#fff9df;color:#111}
.nav a.active{background:linear-gradient(90deg,#ffc400,#ffd43b);color:#111;font-weight:760}
.nav a.active:before{display:none}
.nav-parent{font-weight:680;justify-content:flex-start}.nav-parent .nav-arrow{margin-left:auto;font-size:12px;color:#667085}
.nav-sub{padding-left:17px}.nav-sub a{height:34px;font-size:12px;padding-left:20px}.nav-sub a:before{content:"";position:absolute;left:9px;width:4px;height:4px;background:#c9ced6;border-radius:50%}.nav-sub a.active:before{display:block;background:#111}
.nav-group-label{display:none}
.navicon{width:18px;height:18px;flex:0 0 18px}.navicon svg{width:17px;height:17px;stroke-width:1.65}
.sidebar-footer{margin:auto 9px 14px;padding:12px;border:1px solid #f0cb58;border-radius:10px;background:#fffdf8;color:#656d78;font-size:10px}
.sidebar-footer .support-phone{display:flex;gap:9px;align-items:center}.sidebar-footer .support-phone i{width:34px;height:34px;border-radius:50%;border:2px solid #ffc400;display:grid;place-items:center;color:#dfa500;font-style:normal;font-size:17px}.sidebar-footer .support-phone b{display:block;color:#dfa500;font-size:14px;margin-top:2px}.sidebar-footer .version-line{display:flex;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid #f0e3b6;color:#8a8f98;font-size:8px}
.workspace{min-width:0;background:#fff;min-height:100vh}
.topbar{height:var(--topbar);padding:0 18px;background:linear-gradient(90deg,#ffcc22 0%,#ffc400 55%,#ffd134 100%);border:0;border-bottom:1px solid #efb500;box-shadow:none;gap:12px}
.web-menu-toggle{width:36px;height:36px;background:transparent;border-radius:7px;font-size:22px}
.top-page-title{font-size:17px;font-weight:850;letter-spacing:.02em;white-space:nowrap;margin-right:auto}.page-dashboard .top-page-title{display:block}
.global-search{width:min(390px,31vw);margin-left:auto}.page-dashboard .global-search{display:none}
.global-search input{height:38px;border:0;border-radius:9px;background:rgba(255,255,255,.96);padding-left:40px;font-size:12px}.global-search svg{left:13px;width:16px;height:16px}
.top-context{margin-left:0;gap:10px}.top-context select{height:38px;min-width:205px;border:0;border-radius:9px;background:#fff;font-size:11.5px;font-weight:620}.top-date{height:30px;border-left:1px solid rgba(80,60,0,.16);border-right:1px solid rgba(80,60,0,.16);padding:0 14px;font-size:11px}
.topbar-right{gap:9px}.bell{width:34px;height:34px}.bell svg{width:20px;height:20px}.bell-badge{min-width:16px;height:16px;font-size:9px}.user-menu{padding-left:8px;border-left:1px solid rgba(80,60,0,.13)}.user-avatar{width:32px;height:32px;font-size:13px;background:#fff}.user-copy{line-height:1.2}.user-name{font-size:11.5px;font-weight:800}.user-role{display:block;font-size:9px;color:#5f4c00;margin-top:3px}.chev{font-size:11px}
.main{padding:20px 17px 54px;background:#fff;max-width:1680px;margin:0 auto;min-height:calc(100vh - var(--topbar));position:relative}
.main:after{content:"Copyright © 2026 VVC Building. All rights reserved.                                    Phiên bản 19.0.2";white-space:pre;position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(90deg,#ffca19,#ffd233);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:9px;color:#5e510b}
.page-title{font-size:21px;margin:1px 0 15px;font-weight:820;letter-spacing:-.025em}
.card,.panel,.kpi{border:1px solid #e7eaee;border-radius:10px;box-shadow:none;background:#fff}.card{padding:15px}
.btn{min-height:36px;border-radius:7px;font-size:11px;padding:8px 12px}.btn.primary{background:#ffc400;border-color:#e5af00;color:#111}.btn.danger{background:#fff;border-color:#ffb5b5;color:#d72c2c}.btn.warn{background:#fff;border-color:#ffcf69;color:#a46100}
input,select,textarea{border-radius:7px;border-color:#dfe3e8;background:#fff;color:#27303a}.table{font-size:11px}.table th{background:#fafbfc;color:#4f5966;font-size:9.5px;font-weight:760}.table th,.table td{padding:9px 10px;border-bottom-color:#edf0f3}
.badge{border-radius:5px;font-size:9px;padding:4px 7px}
/* Dashboard locked layout */
.vvc-dashboard-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:14px}.vvc-kpi{min-height:126px;padding:14px 14px 12px;border:1px solid #e8ebef;border-radius:10px;background:#fff;position:relative;overflow:hidden}.vvc-kpi .vvc-kpi-icon{position:absolute;right:14px;top:46px;font-size:30px;color:#f4b400}.vvc-kpi .vvc-kpi-label{font-size:11.5px;font-weight:700;color:#202833}.vvc-kpi .vvc-kpi-value{font-size:28px;line-height:1;margin-top:14px;font-weight:850;letter-spacing:-.035em}.vvc-kpi .vvc-kpi-sub{font-size:9.5px;color:#6e7782;margin-top:8px}.vvc-kpi.green .vvc-kpi-icon{color:#2cbd77}.vvc-kpi.red .vvc-kpi-icon{color:#ff6b55}.vvc-kpi.blue .vvc-kpi-icon{color:#3c7df0}
.vvc-dashboard-grid{display:grid;grid-template-columns:1.25fr 1.05fr .95fr;gap:12px;margin-bottom:12px}.vvc-dashboard-grid.bottom{grid-template-columns:1fr 1fr .9fr}.vvc-panel{border:1px solid #e7eaee;border-radius:10px;padding:14px;background:#fff;min-width:0}.vvc-panel h3{font-size:13.5px;margin:0;font-weight:790}.vvc-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.vvc-link{font-size:9.5px;color:#245fcf;font-weight:650}.vvc-att-chart{height:290px;display:flex;align-items:flex-end;gap:18px;padding:28px 15px 18px 38px;position:relative;border-top:1px dashed #f0f1f2}.vvc-att-chart:before,.vvc-att-chart:after{content:"";position:absolute;left:38px;right:10px;border-top:1px solid #eef0f2}.vvc-att-chart:before{top:34%}.vvc-att-chart:after{top:66%}.vvc-daybar{flex:1;min-width:18px;display:flex;gap:3px;align-items:flex-end;height:100%;position:relative}.vvc-daybar i{display:block;width:60%;background:#ffc400;border-radius:2px 2px 0 0;z-index:1}.vvc-daybar em{display:block;width:30%;background:#ff5c5c;border-radius:2px 2px 0 0;z-index:1}.vvc-daybar span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:9px;color:#667085}.vvc-chart-legend{display:flex;gap:16px;font-size:9.5px;color:#667085;margin:4px 0 0 10px}.vvc-chart-legend b:before{content:"";display:inline-block;width:14px;height:8px;border-radius:2px;background:#ffc400;margin-right:6px}.vvc-chart-legend b.red:before{background:#ff5959}.vvc-project-donut-wrap{display:grid;grid-template-columns:170px 1fr;gap:13px;align-items:center;min-height:278px}.vvc-project-donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#ffc928 0 35%,#4ed09a 35% 64%,#5ea9ef 64% 78%,#ff6f69 78% 89%,#a98df3 89% 96%,#cbd2da 96%);position:relative;margin:auto}.vvc-project-donut:after{content:"";position:absolute;inset:39px;background:#fff;border-radius:50%}.vvc-project-donut strong{position:absolute;inset:0;z-index:1;display:grid;place-items:center;text-align:center;font-size:24px}.vvc-project-donut strong small{display:block;font-size:10px;font-weight:500;color:#687282;margin-bottom:-30px}.vvc-project-list{display:grid;gap:10px}.vvc-project-list div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:9.5px}.vvc-project-list i{width:8px;height:8px;border-radius:50%;background:#ffc928}.vvc-project-list div:nth-child(2) i{background:#4ed09a}.vvc-project-list div:nth-child(3) i{background:#ff6f69}.vvc-project-list div:nth-child(4) i{background:#5ea9ef}.vvc-project-list div:nth-child(5) i{background:#a98df3}
.vvc-notification-list,.vvc-action-list,.vvc-issue-list,.vvc-schedule-list{display:grid}.vvc-notification-list a,.vvc-action-list a,.vvc-issue-list a,.vvc-schedule-list div{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;min-height:54px;padding:8px 6px;border-bottom:1px solid #edf0f3}.vvc-notification-list a:last-child,.vvc-action-list a:last-child,.vvc-issue-list a:last-child,.vvc-schedule-list div:last-child{border-bottom:0}.vvc-mini-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff2bd;color:#b27c00;font-size:12px}.vvc-notification-list b,.vvc-action-list b,.vvc-issue-list b,.vvc-schedule-list b{font-size:10.5px}.vvc-notification-list p,.vvc-action-list p,.vvc-issue-list p,.vvc-schedule-list p{font-size:8.5px;color:#737c88;margin:3px 0 0}.vvc-notification-list time,.vvc-action-list time,.vvc-issue-list time{font-size:8px;color:#8d95a0}.vvc-status{padding:4px 7px;border-radius:5px;font-size:8px;background:#fff3da;color:#bc6f00}.vvc-status.red{background:#fff0f0;color:#df3a3a}.vvc-status.green{background:#eaf8ef;color:#169451}.vvc-status.blue{background:#edf3ff;color:#3266d4}.vvc-schedule-list div{grid-template-columns:50px 1fr}.vvc-schedule-list time{font-size:10px;font-weight:800;color:#26303b;border-left:2px solid #ffc400;padding-left:8px}.vvc-panel-footer{text-align:center;border-top:1px solid #edf0f3;padding-top:10px;margin-top:6px;font-size:9px;color:#2d64ce}
/* Employee list target */
.employee-page-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.employee-page-kpis .vvc-kpi{min-height:104px}.employee-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;align-items:start}.employee-side-card{position:sticky;top:75px;padding:17px;text-align:center}.employee-side-avatar{width:92px;height:92px;border-radius:50%;margin:0 auto 10px;background:#f2f4f7;display:grid;place-items:center;font-size:31px;overflow:hidden}.employee-side-card h3{margin:0;font-size:18px}.employee-side-card p{font-size:10px;color:#667085;margin:4px}.employee-side-info{text-align:left;margin-top:14px;border-top:1px solid #eef0f2;padding-top:12px}.employee-side-info div{display:grid;grid-template-columns:90px 1fr;gap:7px;padding:5px 0;font-size:9.5px}.employee-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
/* Attendance target */
.attendance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.attendance-layout-lock{display:grid;grid-template-columns:310px minmax(0,1fr);gap:12px}.attendance-calendar{padding:14px}.attendance-calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.attendance-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:9px}.attendance-calendar-grid span{min-height:33px;display:grid;place-items:center;border-radius:50%;position:relative}.attendance-calendar-grid span.today{background:#ffc400;font-weight:800}.attendance-calendar-grid span.dot:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:#2dbd6e}.attendance-calendar-grid span.warn:after{background:#f79009}.attendance-calendar-grid span.bad:after{background:#e5484d}
/* Enterprise page refinements */
.ent-page-head{margin-top:0}.ent-page-head h1{font-size:20px}.ent-stats{gap:10px}.ent-stat{min-height:84px;box-shadow:none}.ent-kanban{gap:9px}.ent-kan-col{background:#fbfcfd;border-radius:9px}.ent-kan-card{box-shadow:none}.ent-payment-grid{grid-template-columns:minmax(0,1fr) 290px}.ent-approval-queue{position:sticky;top:74px}.ent-ai-cards{grid-template-columns:repeat(6,1fr);gap:10px}.ent-ai-card{min-height:160px;padding:15px;box-shadow:none}.ent-ai-card p{font-size:9.5px;line-height:1.45}.ent-ai-layout{grid-template-columns:minmax(0,1fr) 285px}.ent-ai-chat{box-shadow:none}.doc-head,.doc-drive-bar,.doc-stats>div,.doc-table-card,.doc-connect-card,.doc-private-card{box-shadow:none}
/* login web aligned */
.login-page{background:#fff}.login{min-height:100vh;background:#fff}.login-visual{background:linear-gradient(150deg,#ffca10,#ffdf5b);color:#151515}.login-brand,.login-copy,.login-features{color:#151515}.login-panel{background:#fff}.loginbox{border-radius:14px;box-shadow:none;border:1px solid #e7eaee}.login-btn{background:#ffc400;color:#111}
@media(max-width:1280px){.vvc-dashboard-kpis{grid-template-columns:repeat(4,1fr)}.vvc-dashboard-grid,.vvc-dashboard-grid.bottom{grid-template-columns:1fr 1fr}.vvc-dashboard-grid>.vvc-panel:last-child,.vvc-dashboard-grid.bottom>.vvc-panel:last-child{grid-column:1/-1}.employee-layout{grid-template-columns:1fr}.employee-side-card{position:static}.ent-ai-cards{grid-template-columns:repeat(3,1fr)}.ent-ai-layout,.ent-payment-grid{grid-template-columns:1fr}}
@media(max-width:900px){:root{--sidebar:0px}.app{padding-left:0}.sidebar{width:270px;transform:translateX(-105%);transition:.2s;box-shadow:10px 0 35px rgba(16,24,40,.16)}.top-page-title{font-size:14px}.global-search{display:none}.top-context{margin-left:auto}.top-context select{min-width:135px;max-width:190px}.top-date{display:none}.user-copy,.chev{display:none}.vvc-dashboard-kpis{grid-template-columns:repeat(2,1fr)}.vvc-dashboard-grid,.vvc-dashboard-grid.bottom{grid-template-columns:1fr}.vvc-dashboard-grid>.vvc-panel:last-child,.vvc-dashboard-grid.bottom>.vvc-panel:last-child{grid-column:auto}.attendance-layout-lock{grid-template-columns:1fr}.employee-page-kpis,.attendance-kpis{grid-template-columns:repeat(2,1fr)}.ent-ai-cards{grid-template-columns:repeat(2,1fr)}.main:after{font-size:8px}}
@media(max-width:640px){.main{padding:10px 8px 58px}.topbar{padding:0 8px}.top-context{display:none}.vvc-dashboard-kpis{gap:7px}.vvc-kpi{min-height:96px;padding:11px}.vvc-kpi .vvc-kpi-label{font-size:10px}.vvc-kpi .vvc-kpi-value{font-size:23px;margin-top:10px}.vvc-kpi .vvc-kpi-icon{font-size:22px;right:10px;top:43px}.employee-page-kpis,.attendance-kpis{grid-template-columns:1fr 1fr;gap:7px}.ent-ai-cards{grid-template-columns:1fr 1fr}.main:after{content:"© 2026 VVC Building · Phiên bản 19.0.2";justify-content:center}}
/* exact approved VVC GREEN raster mark extracted from the approved UI art */
.vvc-logo-lock{height:100%;display:flex;align-items:center;justify-content:flex-start}.vvc-logo-lock .vvc-symbol,.vvc-logo-lock .vvc-word{display:none}.vvc-approved-logo{width:174px;height:auto;max-height:70px;object-fit:contain;object-position:left center;display:block}.company-mark-login{width:155px;height:auto;object-fit:contain;border-radius:0}
.vvc-kpi .vvc-kpi-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff5cb}.vvc-kpi .vvc-kpi-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7}.vvc-kpi.green .vvc-kpi-icon{background:#eaf9f0}.vvc-kpi.red .vvc-kpi-icon{background:#fff0ed}.vvc-kpi.blue .vvc-kpi-icon{background:#edf4ff}
/* Employee 360 - locked to approved screen */
.employee-profile-tabs{margin:-3px 0 16px;height:58px;border:1px solid #e8ebef;border-radius:10px;padding:0 10px;background:#fff;display:flex;align-items:flex-end;gap:2px;overflow-x:auto}.employee-profile-tabs a{height:56px;display:flex;align-items:center;padding:0 18px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#46505c;font-size:11px;white-space:nowrap}.employee-profile-tabs a.active{color:#e1a300;border-bottom-color:#ffc400;font-weight:800}
.employee-profile-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:16px;align-items:start}.employee-profile-summary{padding:18px 15px;text-align:center;position:sticky;top:75px}.employee-profile-avatar{width:114px;height:114px;margin:0 auto 13px;border-radius:50%;background:linear-gradient(145deg,#eef1f4,#dce2e8);display:grid;place-items:center;font-size:44px;font-weight:850;color:#6b7280;border:6px solid #f4f5f6}.employee-profile-summary h2{font-size:18px;margin:0 0 8px}.profile-summary-list{margin-top:17px;text-align:left;display:grid;gap:0}.profile-summary-list>div{display:grid;gap:3px;padding:8px 2px;border-bottom:1px solid #f0f2f4}.profile-summary-list>div:last-child{border-bottom:0}.profile-summary-list span{font-size:8.5px;color:#8a929d}.profile-summary-list b{font-size:10.5px;color:#28313b;line-height:1.35}.employee-edit-toggle{width:100%;margin-top:15px;background:#fff}.employee-profile-main{min-width:0}.employee-info-grid{display:grid;grid-template-columns:1fr 1fr .88fr;gap:12px}.employee-info-card,.employee-attachments-card{min-height:410px;padding:15px}.employee-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.employee-card-head h3{font-size:12.5px;margin:0}.employee-card-head button{width:30px;height:30px;border:1px solid #e4e7eb;border-radius:7px;background:#fff}.employee-card-head a{font-size:9px;color:#2563d8}.employee-info-card dl{display:grid;grid-template-columns:118px 1fr;gap:0;margin:0}.employee-info-card dt,.employee-info-card dd{margin:0;padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:9.5px;line-height:1.4}.employee-info-card dt{color:#717a86}.employee-info-card dd{font-weight:650;color:#262f39}.employee-file-row{display:grid;grid-template-columns:31px 1fr 20px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f3}.employee-file-row>span{width:28px;height:28px;border-radius:7px;background:#fff0ee;color:#ef4444;display:grid;place-items:center}.employee-file-row b{display:block;font-size:9.5px}.employee-file-row small{display:block;margin-top:3px;font-size:8px;color:#89919c}.employee-file-row a{text-decoration:none;color:#6b7280}.employee-contract-history{margin-top:12px;padding:15px}.contract-timeline-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;padding:8px 0 10px}.contract-timeline-cards:before{content:"";position:absolute;left:11%;right:11%;top:50%;height:2px;background:#e8ebef;z-index:0}.contract-history-card{position:relative;z-index:1;min-height:90px;border:1px solid #e4e7eb;border-radius:9px;background:#fff;padding:12px}.contract-history-card.current{border-color:#f5c73b;background:#fffdf6}.contract-history-card b{display:block;font-size:10.5px;margin-bottom:7px}.contract-history-card small{display:block;margin-top:8px;color:#6b7280;font-size:8.5px}.work-history-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.work-history-list>div{padding:9px;border-top:2px solid #ffc400;background:#fafbfc}.work-history-list span{display:block;font-size:8px;color:#8b929c}.work-history-list b{display:block;font-size:9px;margin-top:4px}.employee-edit-panel{margin-top:12px}.employee-edit-panel.hidden{display:none}.account-permission-details summary{cursor:pointer;list-style:none}.account-permission-details summary::-webkit-details-marker{display:none}
@media(max-width:1200px){.employee-info-grid{grid-template-columns:1fr 1fr}.employee-attachments-card{grid-column:1/-1;min-height:auto}.employee-profile-layout{grid-template-columns:230px 1fr}}
/* Attendance locked to approved screen */
.attendance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.attendance-kpis .vvc-kpi{min-height:105px}.attendance-filter-lock{margin-bottom:12px;padding:12px 14px}.attendance-filter-form{display:grid;grid-template-columns:1.1fr 1.1fr 1fr 1fr auto;gap:11px;align-items:end}.attendance-filter-form label{font-size:9px;color:#667085;margin:0}.attendance-filter-form select,.attendance-filter-form input{width:100%;height:38px;margin-top:6px}.attendance-filter-actions{display:flex;gap:8px}.attendance-filter-actions .btn{height:38px;min-width:74px;display:flex;align-items:center;justify-content:center}.attendance-layout-lock{display:grid;grid-template-columns:345px minmax(0,1fr);gap:12px}.attendance-calendar{padding:14px}.attendance-calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.attendance-calendar-head b{font-size:12px}.attendance-calendar-head span{font-size:10px;color:#667085}.attendance-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px 5px;text-align:center;align-items:center}.attendance-calendar-grid>b{font-size:8px;color:#737b86;padding-bottom:6px}.attendance-calendar-grid>span{width:30px;height:30px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:9px;position:relative}.attendance-calendar-grid>span:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:transparent}.attendance-calendar-grid>span.dot:after{background:#20b46b}.attendance-calendar-grid>span.warn:after{background:#f79009}.attendance-calendar-grid>span.bad:after{background:#ef4444}.attendance-calendar-grid>span.today{background:#ffc400;font-weight:850;color:#111}.attendance-layout-lock .tablewrap{min-width:0;overflow:auto}.attendance-layout-lock .table{min-width:920px}.attendance-layout-lock .table td small{display:block;color:#8b929d;font-size:7.8px;margin-top:3px}.attendance-bottom-grid{display:grid;grid-template-columns:330px 1fr;gap:12px;margin-top:12px}.attendance-alert-list{display:grid}.attendance-alert-list>div{display:grid;grid-template-columns:29px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f3}.attendance-alert-list>div:last-child{border-bottom:0}.attendance-alert-list b{font-size:9.5px}.attendance-alert-list em{font-size:8.5px;color:#707985;font-style:normal}.attendance-confirm-list>div{display:grid;grid-template-columns:1.2fr 1fr .8fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f3;font-size:8.7px}.attendance-confirm-list b{font-size:9px}.attendance-confirm-list span,.attendance-confirm-list small{color:#6b7280}.attendance-confirm-list a{color:#c98100;background:#fff2d8;padding:4px 7px;border-radius:5px;text-decoration:none}
@media(max-width:1200px){.attendance-filter-form{grid-template-columns:repeat(2,1fr)}.attendance-filter-actions{grid-column:1/-1}.attendance-layout-lock{grid-template-columns:1fr}.attendance-bottom-grid{grid-template-columns:1fr}}
/* Enterprise screens locked to approved yellow/white concepts */
.ent-stats.design-six{grid-template-columns:repeat(6,minmax(0,1fr))}.ent-stats.design-six .ent-stat{min-height:112px}.ent-check-progress-lock{margin-top:12px;margin-bottom:12px;padding:14px}.ent-check-progress-lock .ent-card-title strong{font-size:22px;color:#1fa463}.ent-check-progress-bar{height:12px;border-radius:999px;background:#e8ebef;display:flex;overflow:hidden;margin:12px 0}.ent-check-progress-bar i{height:100%;display:block}.ent-check-progress-bar .done{background:#25bd70}.ent-check-progress-bar .fail{background:#ef4444}.ent-check-progress-bar .doing{background:#ffc400}.ent-check-progress-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:9px;color:#667085}.ent-page-tabs-lock{height:42px;border-bottom:1px solid #eaecf0;display:flex;gap:24px;align-items:end;margin:-8px 0 12px;padding-left:2px}.ent-page-tabs-lock>*{height:41px;display:flex;align-items:center;font-size:10.5px;color:#68717d;border-bottom:2px solid transparent}.ent-page-tabs-lock b{color:#202832;border-bottom-color:#ffc400}.page-issues .ent-kanban{gap:10px}.page-issues .ent-kan-col{border:1px solid #e5e8ec;border-radius:9px;background:#fbfcfd}.page-issues .ent-kan-col>header{min-height:42px;background:#fff;border-bottom:1px solid #e8ebef}.page-issues .ent-kan-card{border-radius:8px;box-shadow:none;border:1px solid #e4e8ed;background:#fff}.page-checklists .ent-filter,.page-issues .ent-filter{margin-top:12px}.page-checklists .ent-table{margin-top:12px}
/* Reports locked to approved composition */
.report-lock-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.report-lock-head h1{margin:0;font-size:21px}.report-lock-head p{margin:5px 0 0;font-size:10px;color:#737c87}.report-lock-filter{display:flex;gap:7px;align-items:end;flex-wrap:wrap;justify-content:flex-end}.report-lock-filter label{font-size:8px;color:#727b86}.report-lock-filter input{height:36px;margin-top:4px}.report-lock-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.report-metric-card{min-height:270px;border:1px solid #e6e9ed;border-radius:10px;padding:14px;background:#fff;display:flex;flex-direction:column}.report-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.report-card-title span{font-size:10px;font-weight:750}.report-card-title b{font-size:23px;letter-spacing:-.04em}.report-metric-card p{font-size:8.5px;color:#727b86;margin-top:auto}.report-metric-card>a{font-size:8.5px;color:#2764cf;margin-top:auto}.report-donut{--pct:0;width:130px;height:130px;border-radius:50%;margin:20px auto 12px;background:conic-gradient(#28b977 calc(var(--pct)*1%),#eef0f2 0);position:relative;display:grid;place-items:center}.report-donut:after{content:"";position:absolute;inset:23px;border-radius:50%;background:#fff}.report-donut.issue{background:conic-gradient(#f05252 calc(var(--pct)*1%),#eef0f2 0)}.report-donut.money{background:conic-gradient(#25bd70 calc(var(--pct)*1%),#eef0f2 0)}.report-donut strong,.report-donut small{position:relative;z-index:1}.report-donut strong{font-size:25px;align-self:end}.report-donut small{font-size:8px;color:#6f7884;align-self:start;margin-top:-4px}.report-bars-mini{height:160px;display:flex;align-items:flex-end;gap:8px;margin:20px 8px 10px;border-bottom:1px solid #e8ebef}.report-bars-mini i{flex:1;min-height:8px;background:#ffc400;border-radius:3px 3px 0 0}.report-line-mini{height:150px;margin:24px 8px 8px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #e8ebef}.report-line-mini i{flex:1;background:linear-gradient(#ffc400,#ffe889);border-radius:3px 3px 0 0}.report-line-mini i:nth-child(1){height:76%}.report-line-mini i:nth-child(2){height:72%}.report-line-mini i:nth-child(3){height:80%}.report-line-mini i:nth-child(4){height:74%}.report-line-mini i:nth-child(5){height:84%}.report-line-mini i:nth-child(6){height:79%}.report-line-mini i:nth-child(7){height:88%}.report-summary-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:12px 0;border:1px solid #f0d169;background:#fffdf4;border-radius:10px;overflow:hidden}.report-summary-strip>div{padding:12px 15px;border-right:1px solid #f0e4b9}.report-summary-strip>div:last-child{border:0}.report-summary-strip span{display:block;font-size:8.5px;color:#777f88}.report-summary-strip b{display:block;margin-top:6px;font-size:14px}.report-lock-bottom{display:grid;grid-template-columns:1.45fr .75fr;gap:12px}.report-project-progress{height:6px;background:#edf0f2;border-radius:99px;overflow:hidden;min-width:100px}.report-project-progress i{height:100%;display:block;background:#ffc400}.report-recent>a{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f3;color:#242c35}.report-recent>a>span{width:28px;height:28px;border-radius:7px;background:#fff4ca;display:grid;place-items:center;color:#d59b00}.report-recent b{display:block;font-size:9.5px}.report-recent small{display:block;font-size:8px;color:#8a929d;margin-top:3px}.report-recent em{font-size:8px;color:#2fa267;font-style:normal}
@media(max-width:1300px){.ent-stats.design-six{grid-template-columns:repeat(3,1fr)}.report-lock-grid{grid-template-columns:repeat(3,1fr)}.report-summary-strip{grid-template-columns:repeat(3,1fr)}.report-lock-bottom{grid-template-columns:1fr}}
@media(max-width:900px){.report-lock-head{align-items:stretch;flex-direction:column}.report-lock-filter{justify-content:flex-start}.report-lock-grid{grid-template-columns:1fr 1fr}.report-summary-strip{grid-template-columns:1fr 1fr}}
/* Documents: locked to approved Drive-like three-column screen */
.page-documents .doc-head{margin-bottom:10px}.page-documents .doc-head h1{font-size:20px}.page-documents .doc-head p,.page-documents .doc-eyebrow{display:none}.page-documents .doc-drive-bar,.page-documents .doc-stats,.page-documents .doc-area-stats{display:none}.page-documents .doc-filters{display:grid;grid-template-columns:minmax(230px,1.3fr) repeat(4,minmax(105px,.7fr)) auto auto;gap:7px;padding:10px;margin-bottom:10px;background:#fff;border:1px solid #e6e9ed;border-radius:9px;box-shadow:none}.page-documents .doc-filters input[type=date]{display:none}.page-documents .doc-filters>*{height:36px;margin:0;min-width:0;font-size:8.5px}.page-documents .doc-search{display:flex;align-items:center;gap:5px;height:36px;padding:0 10px;border:1px solid #dfe3e8;border-radius:7px}.page-documents .doc-search input{border:0;height:32px;padding:0;box-shadow:none}.doc-lock-layout{display:grid;grid-template-columns:235px minmax(0,1fr) 300px;gap:10px;align-items:start}.doc-lock-tree,.doc-lock-preview{margin:0;padding:12px;box-shadow:none;min-height:640px}.doc-lock-tree-title,.doc-lock-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 0 11px;border-bottom:1px solid #eceff2}.doc-lock-tree-title b,.doc-lock-preview-head b{font-size:10.5px}.doc-lock-preview-head small{display:block;font-size:7.5px;color:#8c949e;margin-top:3px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-lock-tree a,.doc-tree-branch,.doc-tree-area summary{min-height:32px;display:flex;align-items:center;gap:7px;color:#313943;text-decoration:none;border-radius:6px;padding:5px 7px;font-size:8.5px}.doc-lock-tree a:hover,.doc-lock-tree a.active,.doc-tree-area a.active{background:#fff4c4;color:#8a6400}.doc-tree-root{margin-top:7px}.doc-tree-root b,.doc-tree-branch b,.doc-tree-project b,.doc-tree-trash b{font-size:8.7px}.doc-tree-project div{min-width:0}.doc-tree-project small{display:block;color:#8a929c;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-tree-branch{margin-top:4px;padding-left:14px}.doc-tree-area{margin-left:11px}.doc-tree-area summary{cursor:pointer;list-style:none}.doc-tree-area summary::-webkit-details-marker{display:none}.doc-tree-area>a{margin-left:23px;min-height:27px;font-size:7.8px;padding:4px 6px}.doc-tree-trash{margin-top:5px;border-top:1px solid #edf0f2;border-radius:0;padding-top:10px}.doc-tree-storage{margin-top:12px;padding:10px;border:1px solid #eee3bc;border-radius:8px;background:#fffdf5}.doc-tree-storage div{display:flex;justify-content:space-between;gap:7px}.doc-tree-storage span,.doc-tree-storage b,.doc-tree-storage small{font-size:7px}.doc-tree-storage>b{font-size:8px}.doc-tree-storage:before{content:"";display:block;height:5px;border-radius:99px;background:#eceff2;margin:3px 0 8px}.doc-tree-storage i{display:block;height:5px;border-radius:99px;background:#ffc400;margin-top:-13px;margin-bottom:8px}.doc-lock-center{min-width:0}.page-documents .doc-table-card{margin:0;padding:0;border:1px solid #e6e9ed;border-radius:9px;box-shadow:none;overflow:hidden}.page-documents .doc-table-title{height:48px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebee}.page-documents .doc-table-title>div>b{display:block;font-size:10px}.page-documents .doc-table-title span{font-size:7.5px;color:#8b929d}.doc-view-switch{display:flex;gap:4px}.doc-view-switch button{width:30px;height:28px;border:1px solid #e2e5e9;background:#fff;border-radius:5px;font-size:12px}.doc-view-switch button.active{background:#fff5cc;border-color:#f0c53c}.page-documents .doc-table{min-width:850px}.page-documents .doc-table th{height:35px;background:#fafbfc;font-size:7.4px;padding:7px 8px}.page-documents .doc-table td{height:51px;font-size:7.6px;padding:7px 8px}.page-documents .doc-table tr.doc-preview-row{cursor:pointer}.page-documents .doc-table tr.doc-preview-row:hover,.page-documents .doc-table tr.doc-preview-row.selected{background:#fff9e8}.page-documents .doc-name{gap:7px}.page-documents .doc-name b{font-size:8.2px}.page-documents .doc-name small,.page-documents .doc-table td small{font-size:6.6px}.page-documents .doc-file-icon{width:28px;height:28px;border-radius:5px;font-size:6.5px}.doc-lock-preview{position:sticky;top:68px;max-height:calc(100vh - 84px);overflow:auto}.doc-lock-preview-frame{height:315px;margin:11px 0;border:1px solid #e4e7eb;border-radius:7px;background:#f5f6f8;overflow:hidden}.doc-lock-preview-frame iframe{width:100%;height:100%;border:0;background:#fff}.doc-lock-preview-empty{height:100%;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:#858d98}.doc-lock-preview-empty span{font-size:36px;color:#d9a800}.doc-lock-preview-empty b{font-size:8px}.doc-lock-preview-meta{display:grid;grid-template-columns:88px 1fr;gap:7px 8px;margin:0;padding:1px 0 12px;border-bottom:1px solid #edf0f2}.doc-lock-preview-meta dt{font-size:7.4px;color:#8b939d}.doc-lock-preview-meta dd{margin:0;font-size:7.6px;color:#313943;overflow-wrap:anywhere}.doc-lock-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.doc-lock-preview-actions .btn{font-size:7.5px;min-height:32px;padding:6px}.doc-lock-version{margin-top:13px}.doc-lock-version>b{font-size:9px}.doc-lock-version>div{display:grid;grid-template-columns:30px 1fr;gap:7px;align-items:center;margin-top:8px;padding:8px;background:#fafbfc;border-radius:6px}.doc-lock-version span{font-size:7.5px;background:#fff0b5;border-radius:5px;padding:4px;text-align:center}.doc-lock-version small{font-size:7px;color:#7d8691}.page-documents .doc-mobile-list{display:none}
@media(max-width:1370px){.doc-lock-layout{grid-template-columns:205px minmax(0,1fr) 260px}.doc-lock-preview-frame{height:270px}.page-documents .doc-filters{grid-template-columns:minmax(210px,1fr) repeat(3,minmax(95px,.6fr)) auto}.page-documents .doc-filters select[name=uploaded_by]{display:none}}
@media(max-width:1050px){.doc-lock-layout{grid-template-columns:200px minmax(0,1fr)}.doc-lock-preview{display:none}.page-documents .doc-filters{grid-template-columns:1fr 1fr 1fr}.page-documents .doc-filters .doc-search{grid-column:1/-1}.page-documents .doc-filters a.btn{display:none}}
@media(max-width:760px){.doc-lock-tree{display:none}.doc-lock-layout{display:block}.page-documents .doc-table-card>.tablewrap{display:none}.page-documents .doc-mobile-list{display:grid}.page-documents .doc-filters{grid-template-columns:1fr 1fr}.page-documents .doc-head{align-items:flex-start}.page-documents .doc-head-actions{width:100%;justify-content:flex-end}.page-documents .doc-filters select[name=uploaded_by],.page-documents .doc-filters select[name=document_type_id]{display:none}}
/* Checklist overview: locked to approved list + right detail panel */
.ent-checklist-overview-lock{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:12px;align-items:start}.ent-checklist-overview-lock>.ent-table{margin-top:0;min-width:0}.ent-checklist-overview-lock .table{min-width:920px}.ent-checklist-overview-lock .table tr.selected{background:#fff9e8}.ent-table-tools{display:flex;align-items:center;gap:7px;color:#8b939c;font-size:8px}.ent-table-tools>span{height:31px;min-width:120px;border:1px solid #e3e6ea;border-radius:6px;background:#fff;display:flex;align-items:center;padding:0 9px}.ent-success-text{color:#1fac68;font-size:8.5px}.ent-danger-text{color:#ef4444;font-weight:800}.ent-eye-link{display:grid;width:27px;height:27px;place-items:center;border-radius:6px;color:#303a45;text-decoration:none}.ent-eye-link:hover{background:#fff1bc}.ent-checklist-preview-lock{position:sticky;top:69px;margin:0;padding:14px;box-shadow:none;max-height:calc(100vh - 84px);overflow:auto}.ent-check-preview-head>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.ent-check-preview-head h3{font-size:11px;margin:0}.ent-check-preview-head>a{display:none}.ent-check-preview-meta{display:grid;grid-template-columns:95px 1fr;gap:9px 8px;margin:13px 0;padding:12px 0;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.ent-check-preview-meta dt{font-size:7.8px;color:#747d89}.ent-check-preview-meta dd{margin:0;font-size:8px;font-weight:650}.ent-check-preview-count>b{font-size:9.5px}.ent-check-preview-count>div{display:flex;gap:4px;flex-wrap:wrap;margin-top:9px}.ent-check-preview-items{display:grid;gap:7px;margin-top:10px}.ent-check-preview-items article{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px;border:1px solid #e8ebef;border-radius:7px;background:#fff}.ent-check-preview-items article>b{font-size:8px;line-height:1.35}.ent-check-preview-items article small{grid-column:1/-1;color:#6e7782;font-size:7.3px;line-height:1.4}.ent-preview-open{width:100%;justify-content:center;margin-top:10px;font-size:8px}
@media(max-width:1160px){.ent-checklist-overview-lock{grid-template-columns:1fr}.ent-checklist-preview-lock{position:relative;top:auto;max-height:none;display:none}}