/* Sapphire refinement — shared brand, restrained gradients and readable controls. */
body[data-theme=sbadmin]{
 --sapphire-depth:radial-gradient(ellipse 160% 42% at -30% -8%,#7297dd55,transparent 75%),radial-gradient(ellipse 130% 42% at 125% 42%,#4776c129,transparent 80%),radial-gradient(ellipse 140% 35% at -10% 98%,#35599a25,transparent 78%),linear-gradient(167deg,#284b83 0%,#24477f 19%,#1f3e72 40%,#1b3562 63%,#162b50 83%,#132443 100%);
 --sapphire-button:linear-gradient(118deg,#3966ae 0%,#325c9e 48%,#2c508e 100%);
 --atelier-shadow:0 1px 2px #1b335505,0 6px 22px #1b335505;
}
body[data-theme=sbadmin] .sidebar{background:var(--sapphire-depth);box-shadow:inset -1px 0 #ffffff12,3px 0 20px #172b4607}
body[data-theme=sbadmin] .sidebar .brand{min-height:116px;padding:23px 14px 20px;gap:2px;border-bottom:1px solid #ffffff12;margin-bottom:4px}
body[data-theme=sbadmin] .sidebar .mybuh-product-label{color:#e2ebfa;white-space:nowrap}
body[data-theme=sbadmin] .mybuh-auth-product{color:#e2ebfa;border-left-color:#ffffff30}
body[data-theme=sbadmin] .sidebar .navigation-groups{padding-top:16px;gap:24px}
body[data-theme=sbadmin] .sidebar .nav-label{color:#b9cce9!important;font-size:10px;letter-spacing:1.15px}
body[data-theme=sbadmin] .sidebar .nav-link{position:relative;border:1px solid transparent;border-radius:10px;font-weight:500;transition:background .18s ease,color .18s ease,border-color .18s ease;}
body[data-theme=sbadmin] .sidebar .nav-link:hover{background:#ffffff0e!important;color:#fff!important;border-color:#ffffff0b}
body[data-theme=sbadmin] .sidebar .nav-link.active,
body[data-theme=sbadmin] .sidebar .nav-link.active:hover{background:linear-gradient(110deg,#f8fbff,#e4edfb)!important;color:#244b82!important;border-color:#ffffff80;box-shadow:0 4px 14px #091d3720,inset 0 1px #fff;font-weight:650}
body[data-theme=sbadmin] .sidebar .nav-link.active :is(svg,.ticon){color:#315d9c!important}
body[data-theme=sbadmin] .sidebar .nav-link:focus-visible{outline:2px solid #adcafa;outline-offset:3px}
body[data-theme=sbadmin] .sidebar-bottom{border-color:#ffffff16;gap:12px 6px}
body[data-theme=sbadmin] .sidebar .account{background:linear-gradient(115deg,#b5cff414,#ffffff05);border-color:#b7ceed24;box-shadow:inset 0 1px #ffffff05;border-radius:12px;padding:12px 10px}
body[data-theme=sbadmin] .sidebar .account-name{font-size:14px;font-weight:600;line-height:21px}
body[data-theme=sbadmin] .sidebar .account .small{font-size:12px;line-height:18px;color:#becde3!important}
body[data-theme=sbadmin] .sidebar .account>.avatar{background:linear-gradient(135deg,#a7c3ed26,#799ac814);border:1px solid #c7daf42a;border-radius:10px}
body[data-theme=sbadmin] .sidebar .account .icon-btn:hover{background:#ffffff10;border-radius:7px}
body[data-theme=sbadmin] .workspace .topline{min-height:70px;padding-block:13px;border-bottom:1px solid #e4e9f1;background:#fffffffa}
body[data-theme=sbadmin] .workspace .global-search{background:#f4f6fa;border-color:#edf0f5;font-size:14px;min-height:41px}
body[data-theme=sbadmin] .workspace .global-search:hover{border-color:#cbd8ea;background:#f8fafd}
body[data-theme=sbadmin] .workspace .theme-trigger{background:#fff;color:#576a86;border-color:#dfe6f0}
body[data-theme=sbadmin] .workspace .theme-trigger>span:last-child{font-size:13px}
body[data-theme=sbadmin] .workspace-content{padding-top:24px}
body[data-theme=sbadmin] .workspace .page-heading.sb-illustrated:not([data-page=attendance]){min-height:178px;padding:24px 28px;gap:16px;border-color:#dce4f0;border-radius:16px;background:radial-gradient(ellipse 42% 155% at 100% 10%,#dfeafb85,transparent 85%),linear-gradient(108deg,#fff 12%,#fcfdff 58%,#f0f5fc);box-shadow:inset 0 1px #fff,0 4px 18px #172e5204}
body[data-theme=sbadmin] .workspace .page-heading.sb-illustrated[data-page=employees],
body[data-theme=sbadmin] .workspace .page-heading.sb-illustrated[data-page=analytics]{min-height:166px}
body[data-theme=sbadmin] .workspace .page-heading h1{font-size:32px;line-height:1.2;letter-spacing:-.85px;font-weight:680;color:#203755}
body[data-theme=sbadmin] .workspace .atelier-eyebrow{color:#59779e;font-size:10px;letter-spacing:1.4px;margin-bottom:8px;font-weight:650}
body[data-theme=sbadmin] .workspace .page-heading .page-description{margin-top:8px;color:#687b95;font-size:14px;line-height:1.6}
body[data-theme=sbadmin] .workspace .page-heading.sb-illustrated .sb-heading-copy{max-width:62%}
body[data-theme=sbadmin] .workspace .page-heading .atelier-art{width:480px;height:224px;right:-16px;top:calc(50% + 8px);opacity:.95}
body[data-theme=sbadmin] .workspace .page-heading[data-page=attendance] .atelier-art{width:210px;height:95px;right:0;top:50%;opacity:.45}
body[data-theme=sbadmin] :is(.workspace,.modal,.auth-box) :is(.btn-primary,.insight-primary){background:var(--sapphire-button);border-color:#2f5796;box-shadow:0 2px 5px #284b8618,inset 0 1px #ffffff20}
body[data-theme=sbadmin] :is(.workspace,.modal,.auth-box) :is(.btn-primary,.insight-primary):hover{background:linear-gradient(118deg,#315e9f,#294f8b 52%,#25467d);box-shadow:0 4px 9px #284b8624}
body[data-theme=sbadmin] .workspace :is(.panel,.filters,.ts-toolbar,.ts-sheet){border-color:#dfe6f0;box-shadow:var(--atelier-shadow)}
body[data-theme=sbadmin] .workspace .filters :is(select,input){background:#fbfcfe;border-color:#dce4f0}
body[data-theme=sbadmin] .workspace :is(.panel-head,.card-header){padding:20px 24px;border-bottom-color:#e3e9f1}
body[data-theme=sbadmin] .workspace .table>thead>tr>th{background:#f6f8fc;color:#60718b;font-size:13px;font-weight:550;border-bottom-color:#e1e7f0}
body[data-theme=sbadmin] .workspace .table>tbody>tr>td{border-bottom-color:#e8edf4}
body[data-theme=sbadmin] .workspace .table tbody tr:hover td{background:#f6f9fd}
body[data-theme=sbadmin] .workspace .table .avatar{border-radius:10px;border-color:#e2e9f5}
body[data-theme=sbadmin] .workspace .table :is(.person-sub,.cell-sub){color:#6a7b95}
body[data-theme=sbadmin] .workspace .ts-refined .ts-toolbar{box-shadow:0 2px 12px #1b335503}
body[data-theme=sbadmin] .workspace .ts-refined .ts-table thead th{background:#f7f9fc;color:#405878}
body[data-theme=sbadmin] .workspace .ts-refined .ts-table thead .ts-today{background:#eaf0fa;color:#2d568f}
body[data-theme=sbadmin] .workspace .ts-refined .ts-cell.ts-work{background:#edf2fb;color:#315d9d}
body[data-theme=sbadmin] .workspace .ts-refined .ts-cell.ts-remote{background:#f5f7fc;color:#4e6296}
body[data-theme=sbadmin] .workspace .ts-refined .ts-cell:focus-visible{outline:2px solid #5079b7;outline-offset:1px}
body[data-theme=sbadmin] .modal{box-shadow:0 20px 80px #142b4d2b;border-color:#dce4f0}
body[data-theme=sbadmin] .modal-heading{background:linear-gradient(110deg,#fff,#f8fafd)}
body[data-theme=sbadmin] .auth-side{background:var(--sapphire-depth)}
.theme-card[data-theme-choice=sbadmin] .theme-preview>i{background:linear-gradient(167deg,#355c98,#203e70 45%,#132443)}
.theme-card[data-theme-choice=sbadmin] .theme-preview>b{background:linear-gradient(118deg,#3966ae,#2c508e)}
@media(min-width:1021px){
 body[data-theme=sbadmin].sb-compact .sidebar .brand{padding:24px 0;min-height:104px}
 body[data-theme=sbadmin].sb-compact .sidebar .account{padding:5px}
}
@media(max-width:1150px){
 body[data-theme=sbadmin] .workspace .page-heading .atelier-art{right:-82px;width:420px;height:196px;opacity:.8}
 body[data-theme=sbadmin] .workspace .page-heading.sb-illustrated .sb-heading-copy{max-width:70%}
 body[data-theme=sbadmin] .workspace .page-heading[data-page=attendance] .atelier-art{width:210px;height:95px;right:0;opacity:.4}
}
@media(max-width:760px){
 body[data-theme=sbadmin] .workspace .topline{min-height:64px;padding-block:10px}
 body[data-theme=sbadmin] .workspace-content{padding-top:18px}
 body[data-theme=sbadmin] .workspace .page-heading.sb-illustrated:not([data-page=attendance]){padding:20px;min-height:170px;gap:14px}
 body[data-theme=sbadmin] .workspace .page-heading h1{font-size:28px;letter-spacing:-.65px}
 body[data-theme=sbadmin] .workspace .page-heading.sb-illustrated .sb-heading-copy{max-width:100%}
 body[data-theme=sbadmin] .workspace .page-heading .atelier-art{right:-135px;width:360px;height:168px;opacity:.13;z-index:-1}
 body[data-theme=sbadmin] .workspace .page-heading .page-description{max-width:95%;font-size:13px}
 body[data-theme=sbadmin] .workspace :is(.panel-head,.card-header){padding:18px}
 body[data-theme=sbadmin] .workspace .page-heading[data-page=attendance] .atelier-art{width:165px;height:80px;right:-12px;opacity:.3}
 body[data-theme=sbadmin] .sidebar .brand{min-height:118px;padding-block:19px}
}

/* Sapphire is also the public sign-in surface. */
body[data-theme=sbadmin] .auth-screen{background:radial-gradient(ellipse at 20% 0%,#dbe6f5,transparent 65%),linear-gradient(145deg,#eef2f8,#f7f9fc 55%,#e7edf6)}
body[data-theme=sbadmin] .auth-side{color:#fff;border:1px solid #ffffff20;box-shadow:0 20px 60px #17376118}
body[data-theme=sbadmin] .auth-copy h1{color:#fff;font-weight:650;letter-spacing:-1.1px;line-height:1.17}
body[data-theme=sbadmin] .auth-copy p{color:#d5e1f2;line-height:1.7}
body[data-theme=sbadmin] .auth-offices span{color:#e6eefb;border-color:#a5bde63b;background:#ffffff09}
body[data-theme=sbadmin] .auth-foot{color:#bed0ea}
body[data-theme=sbadmin] .mybuh-auth-product{color:#e3ecfa;border-left-color:#a5bde64d}
body[data-theme=sbadmin] .auth-box .btn-primary{background:var(--sapphire-button);border-color:#315c9e;box-shadow:0 4px 12px #315c9e20}
body[data-theme=sbadmin] .auth-box .btn-primary:hover{filter:brightness(.95)}
body[data-theme=sbadmin] .auth-box input:focus{border-color:#6b8ebc;box-shadow:0 0 0 3px #315eaa15}