/* Clear workspace: reference-inspired white cards, dark text and purple accents.
   All overrides are limited to the signed-in workspace and its dialogs. */
body:has(#app:not(.hidden)){background:#e5e7ee;padding:24px;color:#22243d}
#app{--ink:#23243f;--muted:#62677d;--line:#e7e8f1;--bg:#f5f5fd;--orange:#7552df;--nav:#7552df;font:13px/1.55 Inter,'Segoe UI',Arial,sans-serif;background:#f5f5fd;border:1px solid #fff;border-radius:15px;box-shadow:0 14px 50px #2924480a;grid-template-columns:230px minmax(0,1fr);max-width:1640px;min-height:calc(100vh - 48px)}
#app .sidebar{width:230px;background:#fff;border-right:1px solid #eaebf3;border-radius:15px 0 0 15px;height:calc(100vh - 48px);padding:25px 13px 18px;scrollbar-color:#d4ccee transparent}
#app .sidebar .brand{font-size:18px;font-weight:650;letter-spacing:-.5px;color:#242039}#app .sidebar .brandmark{background:#7552df;color:white;box-shadow:none;border-radius:10px;width:32px;height:32px;font-weight:650}#app .brand-caption{color:#687085;font-size:9px;letter-spacing:.1px}#app .sidebar-footer{color:#6d7288;font-size:10px;line-height:1.8}
#app .folder-toggle{color:#525870;font-size:12px;font-weight:500;padding:12px 11px;border-radius:7px}#app .folder-toggle:hover{background:#f6f3fe;color:#6842cc}#app .folder-open>.folder-toggle{background:#f0eafe;color:#6842cc}#app .folder-contents{border-color:#ded4f5;padding-left:9px}#app .sidebar .navbtn{font-size:12px;color:#525870;min-height:37px;font-weight:500;border-radius:7px}#app .folder-contents .navbtn{font-size:11px;min-height:34px;color:#586078}#app .navbtn.active,#app .sidebar .navbtn.active{background:#eee7ff;color:#6035c7;font-weight:600;box-shadow:none}#app .navbtn:hover{background:#f4f0fd;color:#6035c7}#app .navbtn.active:hover{background:#e7ddff;color:#6035c7}#app .folder-chevron{color:#767b91}#app .ui-icon,#app .sym svg{stroke-width:1.7}
#app .content{background:#f5f5fd;padding:0 23px 27px}#app .workspace-bar{margin:0 -23px 22px;padding:15px 23px;background:white;border-bottom:1px solid #ececf4;min-height:76px;gap:18px}#app .workspace-search{width:min(430px,50%)}#app .workspace-search input{font-size:13px;font-weight:400;letter-spacing:0;height:39px;background:#f5f3fc;border:1px solid #eeeaf8;border-radius:7px;padding:9px 36px 9px 13px;color:#25273e}#app .workspace-search input::placeholder{color:#70758b}#app .workspace-search>.ui-icon{right:12px;color:#73758e}#app .workspace-user{font-size:12px;color:#303047;gap:11px}#app .workspace-user small{font-size:10px;color:#72788e}#app .user-circle{background:#eee7ff;color:#6741cb;width:33px;height:33px;font-size:11px;font-weight:600}#app .date-chip{font-size:11px;color:#656b82}#app .icon-button{border:1px solid #eae7f3;background:white;color:#67647e;width:32px;height:32px}
#app .top h1,#app .hr-hero h2{color:#1e2039;font-size:26px;font-weight:650;line-height:1.3;letter-spacing:-.8px}#app .hr-hero p,#app .top small{color:#626981;font-size:12px;font-weight:400}#app .hr-hero{margin-bottom:12px}#app .company-pill{font-size:11px;color:#697088;margin:0 0 19px}#app .hint,#app .muted{color:#666d83;font-size:12px}#app .top{margin-bottom:18px}#app .top select{color:#3d425c;font-size:12px;min-height:37px;border:1px solid #e7e5f0;border-radius:7px;background:white}
#app .cards{gap:14px;margin-bottom:18px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#app .metric,#app .metric:first-child{border:1px solid #e9e7f1;border-radius:9px;background:white;box-shadow:none;padding:18px;min-height:126px}#app .metric:before{display:block;content:'';height:3px;width:29px;left:18px;top:auto;bottom:15px;background:#9371eb;border-radius:2px}#app .metric:nth-child(2):before{background:#3db997}#app .metric:nth-child(3):before{background:#f2b442}#app .metric:nth-child(4):before{background:#e584be}#app .metric:nth-child(5):before{background:#72a2f1}#app .metric small,#app .metric:first-child small{color:#555d75;font-size:12px;font-weight:500}#app .metric strong,#app .metric:first-child strong{color:#252641;font-size:29px;font-weight:650;letter-spacing:-.7px;margin:6px 0 2px}#app .metric em,#app .metric:first-child em{color:#6c738b;font-size:11px;font-weight:400;padding-bottom:12px;display:block}
#app .card{border:1px solid #eae8f2;border-radius:9px;padding:19px;background:white;box-shadow:none}#app .title,#app .card h3,#app .brand-summary h3,#app .insight-header h3{font-size:14px;font-weight:600;color:#24263f;letter-spacing:-.2px}#app .insight-header small{color:#71758d;font-size:11px}#app .grid2{gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}#app .insight-grid{margin-bottom:18px}
#app .btn{border:1px solid #e5dff1;border-radius:6px;background:white;color:#6444ad;font-size:11px;font-weight:550;padding:8px 12px;box-shadow:none}#app .btn:hover{background:#f3eefc}#app .btn.sm{font-size:11px;padding:6px 10px}#app .btn:is(.orange,.dark){background:#7651db;border-color:#7651db;color:white}#app .btn:is(.orange,.dark):hover{background:#6640c9}#app .btn.red{color:#b63e5b;background:#fff8fa;border-color:#f0d8e0}#app .click{font-size:12px;color:#6741c1;font-weight:550}
#app input,#app select,#app textarea{font-size:13px;background:white;border:1px solid #dfe1ed;border-radius:6px;color:#343950;padding:10px 12px;font-weight:400}#app input::placeholder,#app textarea::placeholder{color:#808599}#app input:focus,#app select:focus,#app textarea:focus{border-color:#9474dd;box-shadow:0 0 0 3px #7651db12}#app .field label{font-size:12px;color:#4e566e;font-weight:550}#app .fields{gap:17px}#app .toolbar{gap:9px;margin-bottom:18px}#app .toolbar input,#app .toolbar select{font-size:12px}
#app table{min-width:650px}#app td{font-size:12px;color:#424a63;border-color:#eef0f6;padding:12px 11px;line-height:1.65}#app td b{font-weight:600;color:#30374f}#app th{font-size:11px;color:#5c627c;font-weight:600;background:#f7f6fc;text-transform:none;letter-spacing:0}#app td small{font-size:11px;color:#737b90}#app .tablewrap{border-radius:7px}#app tbody tr:hover{background:#faf9ff}#app .tag{font-size:10px;font-weight:550;background:#f0eafb;color:#7652a7;border-radius:5px;padding:3px 7px}#app .tag:is(.Active,.Employed,.Approved,.Completed,.Present){background:#eaf8f1;color:#237554}#app .tag:is(.Pending,.Training,.Shortage,.Upcoming,.Late){background:#fff5e2;color:#91671b}#app .tag:is(.Rejected,.Cancelled,.Terminated,.Resigned,.Expired,.Absent){background:#fff0f4;color:#b14465}
#app .brand-chip{background:#f2edfc;color:#7954a8;font-size:11px;font-weight:500;border-radius:5px}#app .brand-route{font-size:11px;color:#79708c}#app .brand-context{background:white;border:1px solid #e9e5f0;border-radius:8px;padding:12px 15px}#app .brand-context strong{font-size:13px;color:#38364f}#app .brand-context .stat{font-size:11px;background:#f5f2fc;color:#6e5b89;border-radius:5px}#app .brand-summary .tablewrap{border:1px solid #e8e5f1;border-radius:9px;padding:11px}#app .notice{font-size:12px;background:#f6f2fe;color:#6c598a;border-color:#e9def6;border-radius:7px}#app .alert,#app #dashboard>.grid2>.card:nth-child(2) .alert{font-size:12px;background:#fbfaff;border:1px solid #eae4f6;border-radius:7px;color:#665576}#app .alert b{font-weight:600}#app #dashboard>.grid2>.card:nth-child(2){border:1px solid #eae8f2}#app #dashboard>.grid2>.card:nth-child(2) .title{color:#24263f}#app .avatar,#app .profilepic{background:#ece8f6;color:#725989;font-weight:550}#app .pill{font-size:11px;color:#736483;border-color:#e7e0f0}#app .pill.selected{background:#7651db;color:white;border-color:#7651db}#app .v12-badge,#app .v12-kpi span{font-size:11px;color:#755092;background:#f2eaf9;font-weight:500}
#app .chart-day small{font-size:9px;color:#76798d}#app .chart-day i{border-radius:4px 4px 0 0;background:#8b65e6}#app .chart-day i.absent{background:#e8c4ed}#app .chart-legend{font-size:11px;color:#6c7288}#app .distribution-row{font-size:12px;color:#515c73}#app .distribution-row b{font-weight:600;color:#333b50}#app .donut-core strong{font-size:28px;font-weight:650;color:#33314c}#app .donut-core small{font-size:11px;color:#73718a}#app .empty{font-size:12px;color:#75758e;line-height:1.8}#app .feed-row{font-size:12px;color:#50536d;border-color:#efedf4}#app .feed-row b{font-weight:550;color:#40435d}#app .feed-row small{font-size:11px;color:#7a7a91}#app .workspace-details>summary{font-size:12px;font-weight:550;color:#655878;border-radius:8px;padding:15px 18px;border:1px solid #e8e3f1}#app .workspace-details>summary:after{color:#8764bc}#app .search-results{border-color:#e4ddee;border-radius:8px}#app .search-results button{font-size:12px;color:#58516d}#app .search-results button:hover{background:#f5effc}
body:has(#app:not(.hidden)) .modalbg{background:#21273d70}body:has(#app:not(.hidden)) .modal{background:white;color:#39405b;border-radius:12px;font-size:13px}body:has(#app:not(.hidden)) .modal h2{font-size:23px;color:#242842;font-weight:600}body:has(#app:not(.hidden)) .modal input,body:has(#app:not(.hidden)) .modal select,body:has(#app:not(.hidden)) .modal textarea{font-size:13px;color:#3d4660;background:white;border-color:#dfe2ed;border-radius:7px}body:has(#app:not(.hidden)) .modal .field label{font-size:12px;color:#586078;font-weight:550}body:has(#app:not(.hidden)) .modal .btn{border-radius:7px;font-size:12px;color:#715390;font-weight:550}body:has(#app:not(.hidden)) .modal .btn:is(.orange,.dark){background:#7651db;border-color:#7651db;color:white}body:has(#app:not(.hidden)) .modal .hint,body:has(#app:not(.hidden)) .modal .muted{color:#69748a;font-size:12px}body:has(#app:not(.hidden)) .modal td{color:#46506b;font-size:12px}
@media(max-width:1150px){#app{grid-template-columns:210px minmax(0,1fr)}#app .sidebar{width:210px}#app .content{padding:0 18px 24px}#app .workspace-bar{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}#app .grid2{grid-template-columns:1fr}#app .cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#app .workspace-user>div:not(.user-circle){display:none}#app .date-chip{display:none}#app .sidebar .brand{font-size:16px}}
@media(max-width:760px){body:has(#app:not(.hidden)){padding:8px}#app{display:block;border-radius:12px;min-height:calc(100vh - 16px)}#app .sidebar{width:245px;height:100dvh;border-radius:0 12px 12px 0}#app .sidebar .brand{font-size:18px}#app .content{padding:0 13px 22px}#app .workspace-bar{margin:0 -13px 18px;padding:13px;min-height:63px;gap:8px}#app .workspace-search{width:auto;flex:1}#app .workspace-search input{font-size:12px}#app .workspace-user{gap:5px}#app .workspace-user .btn{display:none}#app .top h1,#app .hr-hero h2{font-size:23px}#app .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#app .metric,#app .metric:first-child{grid-column:auto;min-height:132px;padding:14px}#app .metric strong,#app .metric:first-child strong{display:block;font-size:26px;margin:6px 0 2px}#app .metric small{font-size:11px}#app .metric em{font-size:10px}#app .card{padding:16px}#app .chart-day small{font-size:7px}#app .chart-legend{font-size:9px}#app .distribution{gap:15px}#app .distribution-row{font-size:11px}#app .company-pill{font-size:10px}}
@media print{body:has(#app:not(.hidden)){padding:0;background:white}#app{display:block;border:0;box-shadow:none}#app .sidebar,#app .workspace-bar{display:none!important}}