:root{
  --forest:#37453e;--forest-2:#2e3a34;--burgundy:#6e4045;--rose:#ce7f8d;--sage:#667c6b;--cream:#f8f5f0;--paper:#ffffff;--bg:#f4f2ee;--text:#202723;--muted:#69736e;--line:#e3e1dc;--soft:#f0eeea;--shadow:0 12px 38px rgba(32,39,35,.08);--radius:16px;--sidebar:244px;
}
html[data-theme="dark"]{--paper:#18201c;--bg:#101512;--text:#edf2ef;--muted:#aab5af;--line:#2c3932;--soft:#212b25;--forest:#769184;--forest-2:#597166;--cream:#1e2823;--shadow:0 16px 40px rgba(0,0,0,.2)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a{transition:.18s ease}a{color:inherit;text-decoration:none}button{color:inherit}
.workspace{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--paper);border-right:1px solid var(--line);padding:18px 14px 14px;display:flex;flex-direction:column;z-index:20}.main-shell{grid-column:2;min-width:0}.brand-row{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 12px}.brand-mark{height:62px;display:flex;align-items:center;overflow:hidden}.brand-mark img{object-fit:contain;width:138px;height:auto}.icon-button{border:0;background:transparent;border-radius:10px;display:grid;place-items:center;width:38px;height:38px;cursor:pointer;color:var(--muted)}.icon-button:hover{background:var(--soft);color:var(--text)}.nav-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;padding:8px 0}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;color:var(--muted);cursor:pointer;text-align:left;position:relative}.nav-item:hover{background:var(--soft);color:var(--text)}.nav-item.active{background:color-mix(in srgb,var(--forest) 12%,transparent);color:var(--forest);font-weight:700}.nav-item svg{flex:0 0 auto}.nav-dot{width:6px;height:6px;background:var(--rose);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.profile-chip{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;cursor:pointer;text-align:left}.profile-chip:hover{background:var(--soft)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--burgundy);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-text{display:flex;flex-direction:column;min-width:0}.profile-text strong{font-size:13px}.profile-text small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed{--sidebar:74px}.sidebar-collapsed .brand-mark,.sidebar-collapsed .nav-item span,.sidebar-collapsed .profile-text,.sidebar-collapsed .nav-dot{display:none}.sidebar-collapsed .brand-row{justify-content:center}.sidebar-collapsed .nav-item{justify-content:center}.sidebar-collapsed .profile-chip{justify-content:center}
.topbar{height:68px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:12}.mobile-brand{display:none}.search{height:40px;max-width:620px;flex:1;border:1px solid var(--line);background:var(--bg);border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--muted)}.search input{border:0;outline:none;background:transparent;color:var(--text);width:100%}.search kbd{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:2px 6px;background:var(--paper)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.quick-button,.secondary-button,.primary-button{border:1px solid var(--line);background:var(--paper);height:38px;padding:0 13px;border-radius:10px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:650}.quick-button{background:var(--forest-2);border-color:var(--forest-2);color:#fff}.secondary-button:hover{border-color:var(--sage)}.primary-button{background:var(--forest-2);border-color:var(--forest-2);color:#fff;justify-content:center}.quick-menu{position:absolute;right:28px;top:60px;background:var(--paper);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:14px;padding:8px;width:240px}.quick-menu button{display:block;width:100%;padding:10px;border:0;background:transparent;text-align:left;border-radius:9px;cursor:pointer}.quick-menu button:hover{background:var(--soft)}
.page-head{padding:28px 32px 18px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;max-width:1500px;margin:0 auto}.page-head h1{margin:3px 0 5px;font-size:30px;letter-spacing:-.025em}.page-head p{margin:0;color:var(--muted);max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:var(--burgundy)}.assistant-pill{border:1px solid var(--line);background:var(--paper);padding:8px 12px;border-radius:999px;color:var(--muted);display:flex;align-items:center;gap:6px}.search-banner{max-width:1436px;margin:0 auto 14px;padding:10px 18px;background:var(--cream);border:1px solid var(--line);border-radius:12px;color:var(--muted)}.content{padding:0 32px 46px;max-width:1500px;margin:0 auto}.stack-lg{display:flex;flex-direction:column;gap:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-height:125px;display:flex;flex-direction:column;box-shadow:0 1px 1px rgba(0,0,0,.02);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--line)}.stat-card.tone-rose:after{background:var(--rose)}.stat-card.tone-green:after{background:var(--forest)}.stat-card.tone-sage:after{background:var(--sage)}.stat-card span{font-size:12px;color:var(--muted);font-weight:700}.stat-card strong{font-size:27px;margin-top:15px;letter-spacing:-.03em}.stat-card small{color:var(--muted);margin-top:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-col.wide-left{grid-template-columns:1.5fr .8fr}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:0 1px 1px rgba(0,0,0,.02)}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.section-title h2{font-size:17px;margin:0 0 4px}.section-title p{font-size:12px;color:var(--muted);margin:0;max-width:720px}.attention-list{display:flex;flex-direction:column}.attention-row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:start;padding:13px 0;border-top:1px solid var(--line)}.attention-row:first-child{border-top:0}.attention-row strong{font-size:13px}.attention-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.alert-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--sage)}.alert-dot.rose{background:var(--rose)}.alert-dot.amber{background:#c89e43}.alert-dot.green{background:var(--forest)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:var(--soft);padding:4px 8px;font-size:10px;font-weight:750;white-space:nowrap}.badge-green{background:color-mix(in srgb,var(--forest) 14%,transparent);color:var(--forest)}.badge-rose{background:color-mix(in srgb,var(--rose) 18%,transparent);color:var(--burgundy)}.badge-amber{background:#f6e8c7;color:#6a5422}.badge-blue{background:#e5edf3;color:#38576d}.timeline>div{display:grid;grid-template-columns:50px 12px 1fr;gap:9px;align-items:start;min-height:58px}.timeline time{font-size:11px;color:var(--muted)}.timeline>div>span{height:100%;width:1px;background:var(--line);position:relative}.timeline>div>span:before{content:"";position:absolute;width:7px;height:7px;background:var(--burgundy);border-radius:50%;left:-3px;top:2px}.timeline p{margin:0;display:flex;flex-direction:column}.timeline strong{font-size:12px}.timeline small{color:var(--muted);margin-top:2px}.architecture-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:auto}.architecture-strip div{min-width:145px;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column}.architecture-strip .accent{background:var(--forest-2);color:#fff;border-color:var(--forest-2)}.architecture-strip span{font-size:10px;color:var(--muted);margin-top:4px}.architecture-strip .accent span{color:#d9e2dc}.architecture-strip b{color:var(--muted)}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.click-row{cursor:pointer}.click-row:hover{background:var(--soft)}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shortcut-grid a{border:1px solid var(--line);padding:13px;border-radius:11px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.shortcut-grid a:hover{border-color:var(--sage);background:var(--soft)}.record-card{width:100%;border:0;border-top:1px solid var(--line);background:transparent;display:grid;grid-template-columns:42px 1fr auto;gap:12px;padding:13px 4px;text-align:left;align-items:center;cursor:pointer}.record-card:first-child{border-top:0}.record-card:hover{background:var(--soft)}.record-card>div:nth-child(2){display:flex;flex-direction:column}.record-card p{margin:3px 0 0;color:var(--muted);font-size:11px}.record-card>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.record-card small{color:var(--muted)}.record-icon{width:34px;height:34px;border-radius:11px;background:var(--cream);display:grid;place-items:center;color:var(--burgundy);font-weight:800}.finance-visual{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:30px;max-width:760px;padding:10px}.ring{width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--sage) var(--pct),var(--soft) 0);display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--paper)}.ring span,.ring small{z-index:1}.ring span{font-size:25px;font-weight:800;align-self:end}.ring small{align-self:start;color:var(--muted)}.finance-visual p{color:var(--muted);font-size:13px;line-height:1.6}.primary-link{display:inline-flex;align-items:center;gap:7px;background:var(--forest-2);color:#fff;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:700}.flow-vertical{display:flex;flex-direction:column;align-items:center}.flow-vertical div{border:1px solid var(--line);border-radius:12px;padding:12px 16px;width:min(340px,100%);display:flex;justify-content:space-between;gap:15px}.flow-vertical span{font-size:11px;color:var(--muted)}.flow-vertical i{font-style:normal;color:var(--muted);padding:6px}.clean-list{padding-left:18px;margin:0;color:var(--muted);line-height:1.9;font-size:12px}.document-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.document-card{border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;flex-direction:column;min-height:130px}.document-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.doc-icon{font-size:25px;color:var(--sage)}.document-card strong{margin-top:auto;font-size:12px}.document-card small{color:var(--muted);margin-top:4px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;overflow:auto}.kanban>div{background:var(--bg);border-radius:13px;padding:10px;min-width:200px}.kanban h3{font-size:11px;color:var(--muted);margin:4px 5px 10px;text-transform:uppercase}.kanban article{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:8px;display:flex;flex-direction:column}.kanban article strong{font-size:12px}.kanban article span,.kanban article small{font-size:10px;color:var(--muted);margin-top:6px}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.integration-card{border:1px solid var(--line);border-radius:13px;padding:14px}.integration-card>div:first-child{display:flex;align-items:center;gap:8px}.integration-card p{color:var(--muted);font-size:11px;min-height:34px}.integration-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.status-dot{width:8px;height:8px;border-radius:50%;background:#aaa}.status-dot.connected{background:#2f7659}.status-dot.demo{background:#5f8296}.status-dot.needs_attention{background:#b66a72}.status-dot.not_connected{background:#aaa}.scope-row{display:flex;flex-wrap:wrap;gap:5px}.knowledge-list{display:flex;flex-direction:column}.knowledge-list button{border:0;border-top:1px solid var(--line);background:transparent;padding:12px 4px;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;text-align:left;cursor:pointer}.knowledge-list button:first-child{border-top:0}.knowledge-list button:hover{background:var(--soft)}.knowledge-list button>span{color:var(--burgundy);font-weight:800}.knowledge-list button>div{display:flex;flex-direction:column}.knowledge-list small{color:var(--muted);margin-top:3px}
.drawer-backdrop{position:fixed;inset:0;background:rgba(20,26,23,.12);border:0;z-index:30}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,94vw);background:var(--paper);border-left:1px solid var(--line);z-index:31;box-shadow:-18px 0 50px rgba(0,0,0,.11);display:flex;flex-direction:column}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:2px 0;font-size:20px}.drawer-body{padding:20px;overflow:auto}.detail-stack{display:flex;flex-direction:column;gap:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid span{border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;flex-direction:column;color:var(--muted);font-size:10px}.detail-grid strong{color:var(--text);font-size:12px;margin-top:4px}.callout{background:var(--cream);padding:14px;border-radius:12px}.callout p{margin:5px 0 0;color:var(--muted);font-size:12px}.link-stack{display:flex;flex-direction:column;gap:8px}.link-stack a{border:1px solid var(--line);border-radius:10px;padding:11px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(14,19,16,.48);z-index:40;display:grid;place-items:center;padding:20px}.modal{background:var(--paper);border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);width:min(520px,100%);max-height:88vh;overflow:auto}.form-stack{display:flex;flex-direction:column;gap:13px}.form-stack label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.form-stack input,.form-stack select{border:1px solid var(--line);background:var(--bg);color:var(--text);height:40px;border-radius:9px;padding:0 10px;outline:none}.form-stack input:focus,.form-stack select:focus{border-color:var(--sage)}.form-note{background:var(--cream);padding:10px;border-radius:9px;color:var(--muted);font-size:11px;line-height:1.45}
.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:16px}.settings-nav{display:flex;flex-direction:column;gap:3px}.settings-nav button{border:0;background:transparent;text-align:left;padding:10px;border-radius:9px;color:var(--muted);cursor:pointer}.settings-nav button.active{background:var(--paper);color:var(--forest);font-weight:750}.settings-panel{min-height:560px}.profile-editor{display:flex;gap:24px;align-items:flex-start}.profile-photo{width:90px;height:90px;border-radius:24px;background:var(--burgundy);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800;overflow:hidden;flex:0 0 auto}.profile-photo img{width:100%;height:100%;object-fit:cover}.grow{flex:1}.option-cards{display:grid;grid-template-columns:repeat(3,150px);gap:12px;margin-bottom:22px}.option-cards button{border:1px solid var(--line);background:transparent;padding:10px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px}.option-cards button.selected{border-color:var(--sage);box-shadow:0 0 0 2px color-mix(in srgb,var(--sage) 20%,transparent)}.theme-preview{height:74px;border-radius:8px;border:1px solid var(--line)}.theme-preview.light{background:linear-gradient(90deg,#fff 30%,#f2f1ed 30%)}.theme-preview.dark{background:linear-gradient(90deg,#18201c 30%,#101512 30%)}.theme-preview.system{background:linear-gradient(90deg,#fff 0 50%,#18201c 50%)}.setting-list{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.setting-row:first-child{border-top:0}.setting-row p{margin:4px 0 0;color:var(--muted);font-size:11px;max-width:660px}.switch{width:43px;height:24px;border:0;border-radius:999px;background:#c9cec9;padding:3px;cursor:pointer;flex:0 0 auto}.switch span{display:block;width:18px;height:18px;border-radius:50%;background:white;transition:.2s}.switch.on{background:var(--forest)}.switch.on span{transform:translateX(19px)}.mini-check{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:10px;color:var(--muted)}.save-toast{position:fixed;right:22px;bottom:22px;background:var(--forest-2);color:#fff;padding:9px 15px;border-radius:10px;font-size:12px}.security-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.security-cards article{border:1px solid var(--line);border-radius:12px;padding:14px}.security-cards p{font-size:11px;color:var(--muted);min-height:48px}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty strong{color:var(--text)}
@media(max-width:1080px){.stats-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}.document-grid{grid-template-columns:repeat(2,1fr)}.two-col,.two-col.wide-left{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,1fr)}.security-cards{grid-template-columns:1fr}}
@media(max-width:760px){:root{--sidebar:0px}.workspace,.sidebar-collapsed{--sidebar:0px;display:block}.sidebar{transform:translateX(-100%)}.main-shell{grid-column:1}.topbar{padding:0 14px;gap:10px}.mobile-brand{display:flex;width:80px;height:54px;overflow:hidden;align-items:center}.mobile-brand img{object-fit:contain;width:100%;height:auto}.search kbd,.quick-button span{display:none}.page-head,.content{padding-left:16px;padding-right:16px}.page-head{padding-top:20px}.page-head h1{font-size:25px}.assistant-pill{display:none}.stats-grid,.stats-grid.three{grid-template-columns:1fr 1fr}.document-grid,.integration-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow:auto}.settings-nav button{white-space:nowrap}.option-cards{grid-template-columns:repeat(3,1fr)}.profile-editor{flex-direction:column}.architecture-strip{justify-content:flex-start}.kanban{grid-template-columns:repeat(4,220px)}}
@media(max-width:500px){.stats-grid,.stats-grid.three{grid-template-columns:1fr}.top-actions>.icon-button:first-child{display:none}.search{max-width:none}.page-head p{font-size:12px}.detail-grid{grid-template-columns:1fr}.option-cards{grid-template-columns:1fr}.shortcut-grid{grid-template-columns:1fr}}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--rose) 18%,transparent),transparent 34%),radial-gradient(circle at 90% 85%,color-mix(in srgb,var(--sage) 20%,transparent),transparent 36%),var(--bg)}.auth-card{width:min(430px,100%);background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.auth-card>img{object-fit:contain;align-self:center;height:110px;width:auto}.auth-card h1{margin:4px 0;font-size:26px}.auth-card p{margin:0;color:var(--muted);font-size:12px}.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.auth-card input{height:42px;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:0 11px;color:var(--text);outline:none}.auth-card input:focus{border-color:var(--sage)}.auth-card small{text-align:center;color:var(--muted)}.auth-error{background:color-mix(in srgb,var(--rose) 15%,transparent);color:var(--burgundy);border-radius:10px;padding:10px;font-size:11px}

/* ChemiCloud test-environment indicators */
.environment-badge{margin:0 14px 10px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--rose) 35%,transparent);background:color-mix(in srgb,var(--rose) 10%,transparent);color:var(--rose);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.12em;text-align:center;white-space:nowrap;overflow:hidden}
.sidebar-collapsed .environment-badge{font-size:0;padding:5px;width:8px;height:8px;border-radius:50%;margin-inline:auto;background:var(--rose)}
.page-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.test-pill{font-size:11px;font-weight:750;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--sage) 12%,transparent);color:var(--sage);border:1px solid color-mix(in srgb,var(--sage) 25%,transparent)}
.switch:disabled{opacity:.45;cursor:not-allowed}.file-label input[type=file]{height:auto;padding:9px;background:var(--bg)}

/* WordPress theme adaptation */
body.ags-workspace-page{margin:0;padding:0;overflow-x:hidden}.ags-workspace-page #wpadminbar{display:none!important}.ags-workspace-page a:focus,.ags-workspace-page button:focus,.ags-workspace-page input:focus,.ags-workspace-page select:focus{outline:2px solid color-mix(in srgb,var(--sage) 55%,transparent);outline-offset:2px}.mobile-menu,.mobile-backdrop{display:none}.loading-row{padding:28px;text-align:center;color:var(--muted)}.error-panel{background:color-mix(in srgb,var(--rose) 14%,var(--paper));border:1px solid color-mix(in srgb,var(--rose) 34%,var(--line));color:var(--burgundy);padding:14px;border-radius:12px}.primary-link{display:inline-flex;align-items:center;gap:7px;background:var(--forest-2);color:#fff!important;padding:10px 13px;border-radius:10px;font-size:12px;font-weight:700;width:max-content}.primary-link:hover{filter:brightness(.96)}.muted{color:var(--muted)}.section-actions{display:flex;gap:8px;align-items:center}.origin-pill{font-size:10px;color:var(--muted)}.empty p{max-width:520px;margin:8px auto 0}.system-table td:first-child strong{display:block}.metric-note{color:var(--muted);font-size:11px}.activity-list{display:flex;flex-direction:column}.activity-list article{padding:12px 0;border-top:1px solid var(--line)}.activity-list article:first-child{border-top:0}.activity-list small{color:var(--muted)}.settings-help{padding:11px 12px;background:var(--cream);border-radius:10px;color:var(--muted);font-size:11px;line-height:1.55;margin-bottom:14px}.profile-editor input[type=file]{height:auto;padding:9px}.profile-photo-button{border:0;background:transparent;padding:0;cursor:pointer}.profile-photo-button:hover .profile-photo{box-shadow:0 0 0 3px color-mix(in srgb,var(--sage) 24%,transparent)}.workspace-footer-note{font-size:10px;color:var(--muted);padding:12px 0 0}.wp-login-form p{margin:0}.auth-card #ags-login-form{display:flex;flex-direction:column;gap:13px}.auth-card #ags-login-form p{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.auth-card #ags-login-form input[type=text],.auth-card #ags-login-form input[type=password]{height:42px;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:0 11px;color:var(--text);outline:none}.auth-card #ags-login-form .login-remember{display:block;font-weight:500;color:var(--muted)}.auth-card #ags-login-form .login-remember label{display:flex;flex-direction:row;align-items:center;gap:7px}.auth-card #ags-login-form .login-submit{display:block}.auth-card #ags-login-form input[type=submit]{width:100%;height:42px;border:1px solid var(--forest-2);background:var(--forest-2);color:#fff;border-radius:10px;font-weight:700;cursor:pointer}.auth-card #ags-login-form input[type=submit]:hover{filter:brightness(.96)}
.toast{position:fixed;right:22px;bottom:22px;background:var(--forest-2);color:#fff;padding:10px 15px;border-radius:10px;font-size:12px;z-index:80;box-shadow:var(--shadow)}.toast.error{background:var(--burgundy)}.modal .primary-button{width:100%}.drawer .badge{align-self:flex-start}.drawer h3{margin:2px 0 8px}.source-note{font-size:10px;color:var(--muted);line-height:1.45}.marketing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.marketing-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px}.marketing-card strong{font-size:18px}.marketing-card p{font-size:11px;color:var(--muted);margin:6px 0 0}.document-card{cursor:pointer}.document-card a{display:flex;flex-direction:column;min-height:98px}.integration-card footer a{color:var(--forest);font-weight:700}.danger-note{background:color-mix(in srgb,var(--rose) 10%,transparent);border:1px solid color-mix(in srgb,var(--rose) 24%,var(--line));padding:12px;border-radius:10px;color:var(--burgundy);font-size:11px}.table-wrap tr[data-record]{cursor:pointer}.table-wrap tr[data-record]:hover{background:var(--soft)}
@media(max-width:1080px){.marketing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .mobile-menu{display:grid}.mobile-brand{display:flex}.sidebar{transform:translateX(-105%);transition:transform .22s ease;box-shadow:none}.workspace.mobile-nav-open .sidebar{transform:translateX(0);box-shadow:18px 0 50px rgba(0,0,0,.16);width:min(280px,86vw)}.workspace.mobile-nav-open .mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(18,24,20,.22);border:0;z-index:19}.workspace.mobile-nav-open .brand-mark{display:flex}.workspace.mobile-nav-open .nav-item span,.workspace.mobile-nav-open .profile-text,.workspace.mobile-nav-open .nav-dot{display:initial}.workspace.mobile-nav-open .nav-item{justify-content:flex-start}.workspace.mobile-nav-open .profile-chip{justify-content:flex-start}.workspace.mobile-nav-open .environment-badge{font-size:10px;padding:6px 9px;width:auto;height:auto;border-radius:999px;margin:0 14px 10px}.sidebar-toggle{display:none}.marketing-grid{grid-template-columns:1fr}.quick-menu{right:14px}.topbar{position:sticky}.topbar .mobile-menu{flex:0 0 auto}
}
.client-list{display:flex;flex-direction:column}.record-avatar{width:34px;height:34px;border-radius:11px;background:var(--cream);display:grid;place-items:center;color:var(--burgundy);font-weight:800}.record-card>div{display:flex;flex-direction:column}.record-card small{color:var(--muted);margin-top:3px}

/* AGS Workspace v1.2 — branded login, outline icon system and dashboard refresh */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Soft AGS outline icon family */
.module-icon{width:26px;height:26px;display:inline-grid;place-items:center;flex:0 0 26px;color:var(--forest)}
.module-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.module-icon-home,.module-icon-documents,.module-icon-systems{color:var(--forest)}
.module-icon-my-work,.module-icon-projects,.module-icon-knowledge{color:var(--sage)}
.module-icon-sales,.module-icon-finance,.module-icon-automation,.module-icon-settings{color:var(--burgundy)}
.module-icon-clients,.module-icon-marketing{color:var(--rose)}
.search-icon{display:grid;place-items:center;width:17px;height:17px}.search-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Sidebar refreshed to use the real AGS logo */
.sidebar{background:linear-gradient(180deg,#263b31 0%,#1f3129 100%);border-right:0;color:#f8f5f0;box-shadow:12px 0 36px rgba(27,42,34,.08)}
.brand-row{height:88px;padding:4px 4px 14px}.brand-mark{height:72px;background:#fbf8f3;border-radius:13px;padding:7px 10px;flex:1}.brand-mark img{width:150px;max-height:58px;object-fit:contain}
.sidebar .icon-button{color:#d9e3dc}.sidebar .icon-button:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-list{gap:2px}.nav-item{color:#d8e1dc;border-radius:10px;padding:9px 10px;gap:10px}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:rgba(255,255,255,.12);color:#fff;font-weight:700;box-shadow:inset 3px 0 0 var(--rose)}
.nav-item .module-icon{width:21px;height:21px;flex-basis:21px;color:#eef3f0}.nav-item.active .module-icon{color:#f4cad1}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.12)}.profile-chip{color:#fff}.profile-chip:hover{background:rgba(255,255,255,.07)}.profile-text small{color:#b9c8c0}.environment-badge{border-color:rgba(244,202,209,.32);background:rgba(206,127,141,.14);color:#f5ced5}
.sidebar-collapsed .brand-row{padding-inline:0}.sidebar-collapsed .brand-mark{display:none}
html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#17261f 0%,#111d18 100%)}

/* Editorial but restrained headings */
.page-head h1,.section-title h2,.home-welcome h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}.page-head h1{font-size:29px}.section-title h2{font-size:19px}

/* Home dashboard */
.home-welcome{min-height:154px;border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;background:linear-gradient(110deg,#f9f5ef 0%,#f1e7e1 50%,#dfe8df 100%);border:1px solid var(--line)}
.home-welcome:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(110,64,69,.12);border-radius:50%;right:-80px;top:-130px}.home-welcome>div:first-child{position:relative;z-index:1}.home-welcome>div>span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--burgundy);font-weight:800}.home-welcome h2{font-size:34px;margin:8px 0 5px;letter-spacing:-.025em;color:#213027}.home-welcome p{margin:0;color:#66716a;font-size:13px}.home-welcome-mark{position:relative;z-index:1;width:185px;opacity:.9}.home-welcome-mark img{width:100%;height:auto;display:block}
html[data-theme="dark"] .home-welcome{background:linear-gradient(110deg,#1e2a24,#2a2524 55%,#26342c)}html[data-theme="dark"] .home-welcome h2{color:var(--text)}html[data-theme="dark"] .home-welcome p{color:var(--muted)}
.home-metrics .metric-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:16px 17px;min-height:118px;display:flex;gap:14px;align-items:flex-start}.metric-card .module-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px;background:color-mix(in srgb,currentColor 10%,var(--paper));padding:9px}.metric-card>div{display:flex;flex-direction:column}.metric-card span{font-size:11px;color:var(--muted);font-weight:700}.metric-card strong{font-size:24px;line-height:1.15;margin-top:6px;letter-spacing:-.03em}.metric-card small{color:var(--muted);margin-top:4px;font-size:10px}
.workspace-modules-panel{padding:20px}.module-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.module-tile{min-height:108px;border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;text-align:center}.module-tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(35,49,41,.08);border-color:color-mix(in srgb,var(--sage) 45%,var(--line))}.module-tile .module-icon{width:39px;height:39px;flex-basis:39px;border-radius:12px;background:var(--cream);padding:7px}.module-tile strong{font-size:11px;font-weight:750}.module-tile span:last-child{display:flex;flex-direction:column}

/* Full-screen login experience */
.auth-showcase{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;padding:34px;min-height:100svh;background:#27352e;color:#202723}
.auth-slides,.auth-slide,.auth-shade{position:absolute;inset:0}.auth-slides{z-index:-3}.auth-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.018);transition:opacity 1.05s ease,transform 7s ease}.auth-slide.is-active{opacity:1;transform:scale(1.035)}.auth-shade{z-index:-2;background:linear-gradient(90deg,rgba(16,27,21,.46),rgba(16,27,21,.14) 43%,rgba(16,27,21,.28)),linear-gradient(0deg,rgba(12,23,17,.26),transparent 52%)}
.auth-shell{width:min(920px,calc(100vw - 170px));min-height:545px;background:#f9f6f1;border-radius:20px;box-shadow:0 30px 80px rgba(13,24,18,.28);display:grid;grid-template-columns:42% 58%;overflow:hidden;position:relative;z-index:2;border:1px solid rgba(255,255,255,.72)}
.auth-values{display:grid;grid-template-rows:repeat(4,1fr)}.auth-value{padding:20px 22px;display:grid;grid-template-columns:64px 1fr;align-items:center;gap:15px}.auth-value+.auth-value{border-top:1px solid rgba(255,255,255,.38)}.auth-value strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:500;line-height:1.05}.auth-value small{display:block;margin-top:5px;font-size:11px;line-height:1.35}.value-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.55)}.value-icon svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.auth-value-forest{background:#29463a;color:#fff}.auth-value-forest small{color:#dde7e1}.auth-value-sage{background:#dbe2d8;color:#263a31}.auth-value-sage small{color:#53645b}.auth-value-rose{background:#edc7c8;color:#642f38}.auth-value-rose small{color:#77464e}.auth-value-burgundy{background:#73313a;color:#fff}.auth-value-burgundy small{color:#f1dde0}
.auth-login-panel{padding:44px 48px 38px;background:rgba(255,252,248,.97);display:flex;flex-direction:column;justify-content:center}.auth-logo{width:230px;max-height:145px;object-fit:contain;align-self:center;margin:-8px auto 8px}.auth-login-heading{text-align:center;margin:0 0 19px}.auth-login-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:500;letter-spacing:-.025em;margin:0;color:#213027}.auth-login-heading p{font-size:11px;color:#747b77;margin:5px 0 0}.auth-error{margin:0 0 12px;background:#f5dfe2;color:#6e4045;border:1px solid #ecc6cd;border-radius:9px;padding:9px 11px;font-size:11px}
#ags-login-form{display:flex;flex-direction:column;gap:12px}.auth-field{height:47px;display:flex!important;flex-direction:row!important;align-items:center;position:relative;border:1px solid #d8d7d3;background:#fff;border-radius:9px;gap:0!important;font-size:inherit!important;font-weight:inherit!important}.auth-field:focus-within{border-color:#8c9c91;box-shadow:0 0 0 3px rgba(102,124,107,.09)}.auth-field-icon{width:44px;display:grid;place-items:center;color:#4a5d53;flex:0 0 44px}.auth-field-icon svg,.auth-password-toggle svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-field input{border:0!important;background:transparent!important;height:45px!important;border-radius:0!important;padding:0 42px 0 0!important;flex:1;min-width:0;color:#253129!important;font-size:12px!important;box-shadow:none!important}.auth-field input::placeholder{color:#9aa09c}.auth-password-toggle{position:absolute;right:6px;width:36px;height:36px;border:0;background:transparent;color:#909691;display:grid;place-items:center;cursor:pointer;border-radius:8px}.auth-password-toggle:hover{background:#f3f1ed;color:#35483e}.auth-form-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:1px 0}.auth-form-row a{font-size:11px;color:#7c333c;text-decoration:underline;text-underline-offset:3px}.auth-remember{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;font-size:11px!important;font-weight:500!important;color:#4a544f}.auth-remember input{width:16px!important;height:16px!important;margin:0!important;accent-color:#29463a}.auth-submit{height:47px;border:0;border-radius:9px;background:#78313b;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:17px;cursor:pointer;box-shadow:0 8px 20px rgba(110,64,69,.16)}.auth-submit:hover{background:#652a33;transform:translateY(-1px)}
.auth-slide-nav{position:absolute;z-index:3;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:11px;padding:9px;background:rgba(31,45,37,.56);border:1px solid rgba(255,255,255,.32);border-radius:18px;backdrop-filter:blur(12px)}.auth-slide-nav button{width:112px;height:76px;padding:0;border:2px solid transparent;background:transparent;border-radius:12px;overflow:hidden;cursor:pointer;opacity:.72}.auth-slide-nav button:hover,.auth-slide-nav button.is-active{opacity:1;border-color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.2)}.auth-slide-nav span{display:block;width:100%;height:100%;background-size:cover;background-position:center}.auth-dots{display:none;position:absolute;z-index:4;bottom:19px;left:50%;transform:translateX(-50%);gap:7px}.auth-dots span{width:7px;height:7px;border-radius:50%;border:1px solid #fff}.auth-dots span.is-active{background:#fff}.auth-showcase #wpadminbar{display:none!important}

@media(max-width:1180px){.auth-shell{width:min(900px,calc(100vw - 72px))}.auth-slide-nav{display:none}.auth-dots{display:flex}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:860px){.auth-showcase{padding:24px}.auth-shell{width:min(640px,100%);grid-template-columns:1fr;min-height:0}.auth-values{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}.auth-value{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 8px;gap:8px}.auth-value strong{font-size:15px}.auth-value small{display:none}.value-icon{width:43px;height:43px}.value-icon svg{width:25px;height:25px}.auth-login-panel{padding:30px}.auth-logo{width:190px;max-height:110px}.auth-login-heading h1{font-size:27px}.home-welcome-mark{display:none}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.auth-showcase{padding:14px}.auth-shell{border-radius:15px}.auth-values{display:none}.auth-login-panel{padding:30px 22px 26px}.auth-login-heading h1{font-size:25px}.auth-logo{width:180px}.auth-form-row{align-items:flex-start}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-welcome{padding:20px;min-height:130px}.home-welcome h2{font-size:29px}}


/* AGS v1.0 brand conversion */
:root{
  --forest:#1E4B92;
  --forest-2:#083C8B;
  --burgundy:#DD8914;
  --rose:#996E67;
  --sage:#516089;
  --cream:#F4F7FB;
  --paper:#FFFFFF;
  --bg:#F2F4F7;
  --text:#182235;
  --muted:#687386;
  --line:#DDE3EA;
  --soft:#EEF2F6;
  --shadow:0 10px 28px rgba(17,39,73,.08);
  --radius:12px;
}
html[data-theme="dark"]{
  --paper:#111A29;--bg:#0B1220;--text:#F1F5FA;--muted:#A6B1C2;--line:#243249;--soft:#182338;
  --forest:#7FA6E2;--forest-2:#1E4B92;--cream:#151F31;--shadow:0 14px 34px rgba(0,0,0,.24)
}
html,body{font-family:Arial,Helvetica,sans-serif}
.page-head h1,.section-title h2,.home-welcome h2{font-family:Arial,Helvetica,sans-serif;font-weight:700}
.sidebar{background:linear-gradient(180deg,#0A367B 0%,#082D68 100%);border-right:0;color:#fff}
.brand-row{height:82px;padding-bottom:8px}.brand-mark{height:68px}.brand-mark img{width:172px;max-height:64px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}
.nav-list{padding:4px 0 10px;scrollbar-width:thin}.nav-group-label{padding:13px 11px 5px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.46);font-weight:700}
.nav-item{color:rgba(255,255,255,.72);border-radius:8px;padding:9px 10px}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:#fff;color:#123D7E;box-shadow:0 5px 14px rgba(0,0,0,.12)}.nav-item .module-icon{color:currentColor}
.sidebar-bottom{border-top:1px solid rgba(255,255,255,.13)}.profile-chip{color:#fff}.profile-chip:hover{background:rgba(255,255,255,.08)}.profile-text small{color:rgba(255,255,255,.6)}
.avatar{background:#DD8914}.environment-badge{background:rgba(221,137,20,.16);border:0;color:#FFC56C}
.sidebar-collapsed .nav-group-label{display:none}
.topbar{border-bottom:0;box-shadow:0 1px 0 rgba(18,45,87,.08)}.search{border:0;background:var(--soft);border-radius:8px}.search kbd{border:0;background:var(--paper)}
.quick-button,.primary-button{background:#DD8914;border:0;color:#fff;border-radius:8px}.quick-button:hover,.primary-button:hover{background:#C9780E}
.secondary-button{border:0;background:var(--soft);border-radius:8px}.secondary-button:hover{background:color-mix(in srgb,var(--forest) 10%,var(--soft))}
.panel,.stat-card,.module-tile{border:0;box-shadow:var(--shadow)}.panel{border-radius:12px}.stat-card{border-radius:10px;min-height:116px}.stat-card:after{height:3px}.stat-card.tone-green:after{background:#1E4B92}.stat-card.tone-rose:after{background:#DD8914}.stat-card.tone-amber:after{background:#D8A441}
.badge{border-radius:6px}.badge-green{background:#E9F1FC;color:#1E4B92}.badge-rose{background:#FFF1E0;color:#9A5700}.badge-amber{background:#FFF5D9;color:#7A5B00}.badge-blue{background:#EAF0FA;color:#315C97}
.home-welcome.ags-welcome{background:linear-gradient(115deg,#FFFFFF 0%,#F4F7FB 52%,#E9EEF7 100%);border:0;box-shadow:var(--shadow);border-radius:12px}
.home-welcome.ags-welcome:after{border-color:rgba(30,75,146,.12)}.home-welcome>div>span{color:#DD8914}.home-welcome h2{color:#17305B;font-size:30px}.home-welcome p{color:#697386}.home-welcome-mark{width:220px;opacity:1}
html[data-theme="dark"] .home-welcome.ags-welcome{background:linear-gradient(115deg,#111A29,#172238 55%,#152748)}html[data-theme="dark"] .home-welcome h2{color:#fff}
.module-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.module-tile{min-height:105px;border-radius:10px}.module-tile:hover{border:0;box-shadow:0 12px 24px rgba(17,39,73,.12)}.module-tile .module-icon{background:#EEF3FA;color:#1E4B92;border-radius:9px}
.module-icon-payroll,.module-icon-finance{color:#DD8914}.module-icon-incidents{color:#A7685E}.module-icon-hr,.module-icon-people{color:#1E4B92}
.table-wrap table th{color:#7B8595}.table-wrap tr:last-child td{border-bottom:0}
.record-card{border-top:1px solid var(--line)}.record-avatar{background:#EDF2F9;color:#1E4B92}
.form-stack input,.form-stack select{border:1px solid var(--line);border-radius:8px}.form-stack input:focus,.form-stack select:focus{border-color:#1E4B92;box-shadow:0 0 0 3px rgba(30,75,146,.1)}
.setting-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.switch.on{background:#1E4B92}
.payroll-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payroll-summary>div{background:var(--soft);padding:16px;border-radius:9px;display:flex;flex-direction:column;gap:5px}.payroll-summary span{font-size:11px;color:var(--muted)}.payroll-summary strong{font-size:18px}
.empty-state{padding:24px;text-align:center;color:var(--muted);font-size:12px}
.case-study-panel{padding:22px}.case-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-card{background:var(--paper);border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(17,39,73,.08)}.case-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.case-card>div{padding:15px}.case-card>div>span{font-size:10px;color:#DD8914;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.case-card h3{font-size:17px;margin:6px 0 6px}.case-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 12px}.case-card small{color:var(--muted);font-size:10px}
.integration-card{border:0;background:var(--soft)}.document-card{border:0;background:var(--soft)}
.settings-nav button.active{background:#1E4B92;color:#fff}

/* AGS login: static, no rotating imagery */
.auth-ags{min-height:100svh;display:grid;place-items:center;padding:28px;background:#EEF2F7;position:relative;overflow:hidden}
.auth-ags:before,.auth-ags:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.auth-ags:before{width:420px;height:420px;right:-170px;top:-180px;background:rgba(30,75,146,.08)}.auth-ags:after{width:310px;height:310px;left:-150px;bottom:-170px;background:rgba(221,137,20,.08)}
.auth-shell-ags{width:min(980px,calc(100vw - 56px));min-height:590px;display:grid;grid-template-columns:46% 54%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(12,35,72,.14);position:relative;z-index:2;border:0}
.auth-brand-panel{background:linear-gradient(155deg,#0A3C8B 0%,#0A2F6E 72%,#082658 100%);color:#fff;padding:42px;position:relative;overflow:hidden}.auth-brand-panel:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-160px;bottom:-120px}.auth-brand-inner{height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.auth-logo-light{width:250px;max-height:150px;object-fit:contain;object-position:left center;margin:0;filter:drop-shadow(0 5px 8px rgba(0,0,0,.18))}
.auth-brand-copy{margin:auto 0 30px}.auth-brand-copy>span,.auth-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.auth-brand-copy>span{color:#F5B34B}.auth-brand-copy h1{font-size:31px;line-height:1.12;margin:10px 0 13px;max-width:390px}.auth-brand-copy p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.72);max-width:390px;margin:0}.auth-brand-meta{display:flex;flex-wrap:wrap;gap:9px}.auth-brand-meta span{font-size:10px;background:rgba(255,255,255,.09);padding:6px 8px;border-radius:6px;color:rgba(255,255,255,.75)}
.auth-login-panel-ags{padding:62px 64px;background:#fff;display:flex;flex-direction:column;justify-content:center}.auth-login-panel-ags .auth-login-heading{text-align:left;margin:0 0 24px}.auth-kicker{color:#DD8914}.auth-login-panel-ags .auth-login-heading h2{font-size:30px;margin:7px 0 7px;color:#17233A}.auth-login-panel-ags .auth-login-heading p{font-size:12px;color:#788294;margin:0}
#ags-login-form{display:flex;flex-direction:column;gap:13px}.auth-field{height:50px;border:1px solid #DCE2EA;background:#fff;border-radius:8px}.auth-field:focus-within{border-color:#1E4B92;box-shadow:0 0 0 3px rgba(30,75,146,.10)}.auth-field-icon{color:#1E4B92}.auth-form-row a{color:#1E4B92;text-decoration:none;font-weight:600}.auth-remember input{accent-color:#1E4B92}.auth-submit{height:50px;border:0;border-radius:8px;background:#DD8914;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;box-shadow:none}.auth-submit:hover{background:#C9780E}.auth-help{font-size:10px;color:#929AA7;margin:18px 0 0;text-align:center}.auth-error{background:#FFF1E8;color:#934D00;border:0;border-radius:8px}
.auth-slides,.auth-slide-nav,.auth-dots,.auth-shade{display:none!important}

@media(max-width:1180px){.module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.auth-shell-ags{grid-template-columns:1fr;width:min(620px,100%)}.auth-brand-panel{padding:30px 34px}.auth-brand-copy{margin:20px 0}.auth-brand-copy h1{font-size:25px}.auth-login-panel-ags{padding:40px 34px}.case-study-grid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.nav-group-label{display:block}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.auth-ags{padding:14px}.auth-shell-ags{border-radius:10px}.auth-brand-panel{display:none}.auth-login-panel-ags{padding:38px 24px}.case-study-grid{grid-template-columns:1fr}.payroll-summary{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   AGS Workspace v1.1.0 — approved login treatment
   ========================================================= */
:root{
  --ags-navy:#041B3D;
  --ags-navy-2:#082B5E;
  --ags-navy-3:#0A397A;
  --ags-orange:#DD8914;
}

/* Default workspace navigation: deep navy on daylight UI */
.sidebar{
  background:linear-gradient(180deg,#041B3D 0%,#062550 56%,#082F65 100%);
  border-right:0;
}
.nav-item.active{
  background:#fff;
  color:#082F65;
}

/* Approved login page */
.auth-ags{
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:clamp(18px,4vw,52px);
  background:#EDF3F9;
  position:relative;
  overflow:hidden;
}
.auth-ags::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(237,243,249,.72),rgba(237,243,249,.72)),
    url('../images/login/ags-login-01.webp') center/cover no-repeat;
  filter:blur(18px);
  transform:scale(1.06);
  opacity:.66;
  pointer-events:none;
}
.auth-ags::after{display:none}
.auth-shell-ags{
  width:min(1450px,94vw);
  height:min(795px,88vh);
  min-height:620px;
  display:grid;
  grid-template-columns:minmax(0,64%) minmax(420px,36%);
  background:#fff;
  border-radius:0;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(6,29,62,.15);
  position:relative;
  z-index:2;
  border:0;
}
.auth-visual-panel{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#041B3D;
}
.auth-carousel,
.auth-slide{
  position:absolute;
  inset:0;
}
.auth-slide{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transform:scale(1.015);
  transition:opacity .75s ease,transform 5.8s ease;
}
.auth-slide.is-active{
  opacity:1;
  transform:scale(1.045);
}
.auth-slide:nth-child(3){background-position:center center}
.auth-visual-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,rgba(2,22,52,.94) 0%,rgba(3,31,70,.88) 38%,rgba(4,39,84,.80) 68%,rgba(5,47,98,.69) 100%);
  pointer-events:none;
}
.auth-visual-content{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:clamp(46px,7vw,112px);
}
.auth-workspace-logo{
  display:block;
  width:min(510px,72%);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 5px 16px rgba(0,0,0,.18));
}
.auth-carousel-arrow{
  position:absolute;
  top:50%;
  z-index:4;
  width:44px;
  height:44px;
  margin-top:-22px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#0A2E63;
  display:grid;
  place-items:center;
  font-size:31px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 4px 16px rgba(0,0,0,.10);
}
.auth-carousel-arrow:hover{background:#fff;transform:scale(1.03)}
.auth-carousel-prev{left:24px}
.auth-carousel-next{right:24px}
.auth-carousel-dots{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
}
.auth-carousel-dots button{
  width:10px;
  height:10px;
  border:0;
  padding:0;
  border-radius:50%;
  background:rgba(255,255,255,.70);
  cursor:pointer;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
}
.auth-carousel-dots button.is-active{
  background:#1688FF;
  box-shadow:0 0 0 3px rgba(255,255,255,.92);
}
.auth-login-panel-ags{
  position:relative;
  background:#fff;
  padding:58px clamp(42px,4vw,70px) 40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.auth-login-inner{
  width:min(100%,430px);
  margin:0 auto;
}
.auth-client-logo{
  display:block;
  width:min(295px,72%);
  max-height:158px;
  object-fit:contain;
  margin:0 auto 34px;
}
.auth-login-panel-ags .auth-login-heading{
  text-align:center;
  margin:0 0 28px;
}
.auth-login-panel-ags .auth-login-heading h1{
  margin:0 0 8px;
  color:#061D46;
  font-size:clamp(20px,1.45vw,26px);
  line-height:1.15;
  font-weight:700;
  letter-spacing:-.02em;
}
.auth-login-panel-ags .auth-login-heading p{
  margin:0;
  color:#66738B;
  font-size:15px;
  line-height:1.4;
}
#ags-login-form{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.auth-field{
  position:relative;
  height:58px;
  display:flex;
  align-items:center;
  border:1px solid #CFD8E5;
  background:#fff;
  border-radius:0;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.auth-field:focus-within{
  border-color:#0A397A;
  box-shadow:0 0 0 3px rgba(10,57,122,.08);
}
.auth-field-icon{
  position:absolute;
  left:19px;
  width:21px;
  height:21px;
  color:#657597;
  pointer-events:none;
}
.auth-field-icon svg,
.auth-password-toggle svg{
  width:100%;
  height:100%;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.auth-field input{
  width:100%;
  height:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0 52px 0 58px!important;
  color:#172642;
  font-size:15px;
}
.auth-field input::placeholder{color:#7B879D;opacity:1}
.auth-password-toggle{
  position:absolute;
  right:16px;
  width:30px;
  height:30px;
  border:0;
  padding:5px;
  background:transparent;
  color:#657597;
  cursor:pointer;
}
.auth-submit{
  height:60px;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,#082E69 0%,#073B82 100%);
  color:#fff;
  font-size:16px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  cursor:pointer;
  box-shadow:none;
}
.auth-submit span{font-size:23px;font-weight:400;line-height:1}
.auth-submit:hover{background:linear-gradient(90deg,#06285D,#063575)}
.auth-error{
  margin:0 0 16px;
  padding:12px 14px;
  border:0;
  border-radius:0;
  background:#FFF2E6;
  color:#8A4E00;
  font-size:12px;
}
.auth-product-credit{
  position:absolute;
  left:38px;
  right:38px;
  bottom:26px;
  margin:0;
  text-align:center;
  color:#6C7891;
  font-size:12px;
}
.auth-product-credit strong{color:#082E69;font-weight:700}

@media (max-width:1100px){
  .auth-shell-ags{grid-template-columns:58% 42%;height:min(760px,90vh)}
  .auth-visual-content{padding:54px}
  .auth-workspace-logo{width:min(430px,78%)}
  .auth-login-panel-ags{padding-left:34px;padding-right:34px}
}
@media (max-width:820px){
  .auth-ags{padding:0;background:#fff}
  .auth-ags::before{display:none}
  .auth-shell-ags{width:100%;height:auto;min-height:100svh;grid-template-columns:1fr;box-shadow:none}
  .auth-visual-panel{display:none}
  .auth-login-panel-ags{min-height:100svh;padding:46px 26px 72px}
  .auth-client-logo{width:min(280px,70%);margin-bottom:30px}
  .auth-product-credit{bottom:24px}
}


/* =========================================================
   AGS Workspace v1.2.0 — refined login sizing and responsiveness
   ========================================================= */
.auth-shell-ags{
  width:clamp(980px,60vw,1280px);
  max-width:calc(100vw - 72px);
  min-height:clamp(560px,72vh,740px);
  height:auto;
  grid-template-columns:minmax(0,60%) minmax(360px,40%);
}
.auth-back-link{
  position:absolute;
  top:26px;
  left:28px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-size:14px;
  font-weight:500;
  letter-spacing:-.01em;
  text-decoration:none;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}
.auth-back-link:hover{opacity:.92}
.auth-back-link span:first-child{font-size:22px;line-height:1}
.auth-visual-content{padding:clamp(60px,6vw,96px)}
.auth-workspace-logo{width:min(440px,72%)}
.auth-login-panel-ags{padding:52px clamp(30px,3.2vw,54px) 34px}
.auth-login-inner{width:min(100%,100%)}
.auth-client-logo{width:min(255px,68%);margin:0 auto 26px}
.auth-login-panel-ags .auth-login-heading{margin:0 0 24px}
.auth-login-panel-ags .auth-login-heading h1{font-size:clamp(18px,1.35vw,24px)}
.auth-login-panel-ags .auth-login-heading p{font-size:11px}
#ags-login-form{gap:16px}
.auth-field{height:56px;border-radius:0}
.auth-submit{height:58px;border-radius:0}
.auth-product-credit{margin-top:26px;font-size:12px;text-align:center}
@media (max-width:1440px){
  .auth-shell-ags{width:min(1180px,88vw);grid-template-columns:minmax(0,58%) minmax(360px,42%)}
}
@media (max-width:1180px){
  .auth-shell-ags{width:min(980px,92vw);grid-template-columns:minmax(0,56%) minmax(320px,44%)}
  .auth-visual-content{padding:46px}
  .auth-workspace-logo{width:min(360px,76%)}
}
@media (max-width:900px){
  .auth-shell-ags{width:min(760px,94vw);min-height:unset;grid-template-columns:1fr}
  .auth-visual-panel{min-height:310px}
  .auth-back-link{top:20px;left:20px;font-size:13px}
  .auth-visual-content{padding:36px}
  .auth-workspace-logo{width:min(340px,70vw)}
  .auth-login-panel-ags{padding:38px 28px 28px}
}
@media (max-width:620px){
  .auth-ags{padding:14px}
  .auth-shell-ags{width:100%;max-width:100%;box-shadow:0 16px 34px rgba(6,29,62,.12)}
  .auth-visual-panel{min-height:250px}
  .auth-back-link{top:16px;left:16px;font-size:12px;gap:8px}
  .auth-workspace-logo{width:min(280px,76vw)}
  .auth-login-panel-ags{padding:28px 18px 24px}
  .auth-client-logo{width:min(220px,72%);margin-bottom:22px}
  .auth-field{height:52px}
  .auth-submit{height:54px}
}