/* Shared A layout for the workspace. Sheets, inputs and dialogs keep their own interaction boundaries. */
#appShell {
  --review-row-space:12px;--review-section-space:24px;
}
#content[data-a-route="overview"] .ch-home {color:var(--ga-ink);margin-top:0}
#content[data-a-route="overview"] .nss-d-tools {border-bottom:0}
#content[data-a-route="overview"] .ch-metrics {
  gap:0!important;border-block:1px solid var(--ga-line);margin:10px 0 16px!important;padding:16px 0!important;
}
#content[data-a-route="overview"] .ch-metric {border-top:0!important;border-bottom:0!important;min-height:0!important;background:transparent!important;transition:color .12s;position:relative}
#content[data-a-route="overview"] .ch-metric:hover {filter:none;box-shadow:none!important;transform:none}
#content[data-a-route="overview"] .ch-metric:hover .ch-metric-label {text-decoration:underline;text-underline-offset:4px;color:var(--ga-green)}
#content[data-a-route="overview"] .ch-home button:focus-visible {outline:2px solid var(--ga-green);outline-offset:-2px}
#content[data-a-route="overview"] .ch-panel {overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
#content[data-a-route="overview"] .ch-tabs {min-height:40px;border-top:0!important}
#content[data-a-route="overview"] .ch-panel-head {padding:20px 0 12px!important}
#content[data-a-route="overview"] .ch-panel-head h2 {font-size:19px;line-height:1.4}
#content[data-a-route="overview"] .ch-panel-head p {margin-top:4px}
#content[data-a-route="overview"] .ch-filters {padding:0 0 12px!important;gap:12px}
#content[data-a-route="overview"] .ch-filters button {background:transparent!important;border:0;padding:4px 1px;font-size:12px;border-radius:0}
#content[data-a-route="overview"] .ch-filters button.active {background:transparent!important;font-weight:650;color:var(--ga-green);text-decoration:underline;text-underline-offset:5px}
#content[data-a-route="overview"] .ch-table {border-block:1px solid var(--ga-line)}
#content[data-a-route="overview"] .ch-table th {border-radius:0;font-size:12px;padding:8px 11px}
#content[data-a-route="overview"] .ch-table td {font-size:13px;padding:10px 11px}
#content[data-a-route="overview"] .ch-table td strong {font-size:13px;font-weight:550}
#content[data-a-route="overview"] .ch-table tbody tr:hover {background:var(--ga-soft)}
#content[data-a-route="overview"] .ch-status {display:inline-flex;align-items:center;gap:5px;background:transparent!important;border-radius:0;padding:0;color:var(--ga-green);font-size:12px}
#content[data-a-route="overview"] .ch-status::before {content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
#content[data-a-route="overview"] .ch-status.ch-returned {color:#80551b}
#appShell[data-theme=dark] #content[data-a-route="overview"] .ch-status.ch-returned {color:#eac382}
#content[data-a-route="overview"] .ch-foot {border:0;padding-block:12px}
#content[data-a-route="overview"] .ch-operations {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;border-bottom:1px solid var(--ga-line)}
#content[data-a-route="overview"] .ch-operations>div {border:0;border-radius:0;box-shadow:none;background:transparent;padding:12px 20px 16px;display:grid;gap:5px}
#content[data-a-route="overview"] .ch-operations>div:first-child {padding-left:0}
#content[data-a-route="overview"] .ch-operations>div+div {border-left:1px solid var(--ga-line)}
#content[data-a-route="overview"] .ch-operations>div span {grid-row:1;color:var(--ga-sub)}
#content[data-a-route="overview"] .ch-operations strong {font:700 34px/1.10 var(--ga-font);font-variant-numeric:tabular-nums;color:var(--ga-ink)}
#content[data-a-route="overview"] .ch-empty {padding:12px 0;font-size:12px;color:var(--ga-sub)}
#content[data-a-route="overview"] .ch-activity {padding:0;margin:0}
#content[data-a-route="overview"] .ch-activity li {padding:12px 0}
#content[data-a-route="overview"] .ch-activity small {margin-top:3px}

/* Keep the established brand artwork. Move the log-in form and its brand area onto a two-column page. */
#loginPage.login-page {
  padding:0;background:#fff;--login-ink:#182e25;--login-accent:#176244;--login-accent-strong:#204e3c;
  display:block;
}
#loginPage.hidden {display:none!important}
#loginPage .login-bg {display:none}
#loginPage .login-stage {width:100%;max-width:none;min-height:100%;margin:0;display:grid;grid-template-rows:1fr auto;align-items:stretch;background:#fff}
#loginPage .login-layout {width:100%;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;grid-template-columns:minmax(300px,40%) minmax(0,1fr)}
#loginPage .login-promo {background:#194e39;padding:clamp(44px,6vw,96px);display:flex;flex-direction:column;justify-content:center;border:0}
#loginPage .login-logo {width:min(260px,100%);max-width:100%}
#loginPage .login-brand-copy {margin-top:clamp(30px,5vw,72px)}
#loginPage .login-brand-copy h1 {font:650 clamp(28px,3.4vw,49px)/1.38 var(--ga-font);letter-spacing:-.02em}
#loginPage .login-brand-copy p {margin-top:16px;font-size:15px;line-height:1.6;color:#c4dccb}
#loginPage .login-brand-mark {left:auto;right:-60px;bottom:-45px;opacity:.07}
#loginPage .login-entry {padding:72px clamp(20px,5vw,76px);background:transparent}
#loginPage .login-entry>* {max-width:410px}
#loginPage .login-welcome {margin-bottom:20px;border-bottom:1px solid #d4dfd7;padding-bottom:18px}
#loginPage .login-badge {border:0;background:none;color:#155d41;padding:0;margin-bottom:10px;font-size:12px;letter-spacing:.08em}
#loginPage .login-welcome h2 {font:650 32px/1.3 var(--ga-font);letter-spacing:-.03em}
#loginPage .login-welcome p,#loginPage .login-help {color:#53685b;font-size:13px}
#loginPage .login-panel {gap:16px}
#loginPage .login-panel input {border-color:#bccdc0;border-radius:4px;height:46px}
#loginPage .login-panel input:focus {border-color:#176244;outline:2px solid #176244;outline-offset:1px;box-shadow:none}
#loginPage .field-label {color:#263e30;font-size:14px}
#loginPage .login-submit {border-radius:4px;height:46px;min-height:46px;box-shadow:none;background:#235a43;font-size:16px;letter-spacing:.04em;text-indent:0}
#loginPage .login-submit:hover {background:#174a36;transform:none;box-shadow:none}
#loginPage .login-submit::after {right:20px;font-size:19px}
#loginPage .login-help {margin-top:16px}
#loginPage .login-footer {margin:0;padding:10px 20px;border-top:1px solid #d4dfd7;background:#fafcf9;color:#53685b;text-align:right}
#loginPage .lang-btn-floating {min-height:32px;min-width:85px;border-radius:3px;border-color:#d4dfd7;background:#fff;font-size:13px;top:18px;right:24px}
@media(max-width:760px){
 #loginPage .login-layout {grid-template-columns:1fr;align-content:start}
 #loginPage .login-promo {padding:32px 22px 22px}
 #loginPage .login-brand-copy {margin-top:16px}
 #loginPage .login-brand-copy h1,#loginPage .login-brand-copy h1 span {display:inline;font-size:23px}
 #loginPage .login-brand-copy p {margin:5px 0 0;font-size:12px}
 #loginPage .login-logo {width:166px}
 #loginPage .login-brand-mark {max-width:120px;max-height:130px;right:0;bottom:-40px}
 #loginPage .login-entry {padding:25px 22px 28px}
 #loginPage .lang-btn-floating {top:14px;right:14px;min-height:34px}
 #loginPage .login-welcome h2 {font-size:26px}
 #loginPage .login-welcome {margin-bottom:16px;padding-bottom:14px}
 #content[data-a-route="overview"] .ch-operations>div {padding:8px 8px 12px}
 #content[data-a-route="overview"] .ch-operations strong {font-size:27px}
}