/* Shared secondary pages. The calculator and its estimate document keep their own styles. */
:root {
  --ui-bg:#f5f6f8; --ui-surface:#fff; --ui-soft:#eef1f5; --ui-text:#202832;
  --ui-muted:#596574; --ui-line:#dce1e8; --ui-field:#fff; --ui-field-line:#bac4d1;
  --ui-link:#1769b3; --ui-primary:#176fc1; --ui-primary-hover:#125ca4; --ui-danger:#b42318;
}
html[data-theme="dark"] {
  --ui-bg:#101113; --ui-surface:#191b1f; --ui-soft:#22252b; --ui-text:#eceef2;
  --ui-muted:#a8b0be; --ui-line:#343943; --ui-field:#111317; --ui-field-line:#49515e;
  --ui-link:#8fc6ff; --ui-primary:#206fc0; --ui-primary-hover:#2981d6; --ui-danger:#ff9696;
}
@media (prefers-color-scheme:dark) {
  html:not([data-theme]) {
    --ui-bg:#101113; --ui-surface:#191b1f; --ui-soft:#22252b; --ui-text:#eceef2;
    --ui-muted:#a8b0be; --ui-line:#343943; --ui-field:#111317; --ui-field-line:#49515e;
    --ui-link:#8fc6ff; --ui-primary:#206fc0; --ui-primary-hover:#2981d6; --ui-danger:#ff9696;
  }
}
@media screen {
  body.page-legal { display:flow-root; min-height:100vh; }
  body:is(.page-legal,.page-prikaz,[data-site-layout="extension-complete"],[data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) {
    background:var(--ui-bg); color:var(--ui-text); font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
    --panel-bg:var(--ui-surface); --panel-border:var(--ui-line); --shared-bg:var(--ui-bg);
    --surface-muted:var(--ui-soft); --text-main:var(--ui-text); --text-muted:var(--ui-muted);
    --field-bg:var(--ui-field); --field-border:var(--ui-field-line);
  }
  .page-legal .legal-page, .page-prikaz .document-shell, body[data-site-layout="extension-complete"] main {
    background:var(--ui-surface); color:var(--ui-text); border-color:var(--ui-line); box-shadow:0 8px 32px #0000000a;
  }
  .page-legal .legal-page :is(a,.legal-nav button), .page-prikaz .document-shell a { color:var(--ui-link); }
  .page-legal .legal-meta, body[data-site-layout="extension-complete"] main p { color:var(--ui-muted); }
  .page-legal .legal-nav { border-color:var(--ui-line); }
  .page-legal .legal-notice { background:var(--ui-soft); border-color:var(--ui-line); }
  .page-prikaz .document-shell { border-radius:14px; }
  .page-prikaz .data_table { border-collapse:collapse; background:var(--ui-surface); color:var(--ui-text); }
  .page-prikaz .data_table :is(td,th) { border:1px solid var(--ui-field-line); }
  .page-prikaz .data_table tr:first-child { background:var(--ui-soft); }
  .page-prikaz .document-shell :target { scroll-margin-top:22px; }
  .page-prikaz :is(.document-table-scroll,.document-formula-scroll) { overflow-x:auto; max-width:100%; overscroll-behavior-x:contain; margin-block:8px; }
  .page-prikaz :is(.document-table-scroll,.document-formula-scroll):focus-visible { outline:2px solid var(--ui-link); outline-offset:2px; }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) :is(.form-card,.auth-inline-panel,.oauth-panel,.auth-switch) { background:var(--ui-surface); border-color:var(--ui-line); }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) :is(h1,h2,.form-row label,.auth-switch__item,.auth-inline-panel summary) { color:var(--ui-text); }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) :is(.auth-card__subtitle,.auth-inline-panel__note,.auth-footer,.auth-terms-note,.oauth-panel__divider) { color:var(--ui-muted); }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) .auth-card .auth-switch__item { border:1px solid var(--ui-field-line); color:var(--ui-text); text-decoration:none; }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) .auth-card .auth-switch__item.is-active { background:var(--ui-soft); border-color:var(--ui-link); box-shadow:none; }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) .auth-switch__item:focus-visible { outline:2px solid var(--ui-link); outline-offset:2px; }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) .form-row input { background:var(--ui-field); color:var(--ui-text); border-color:var(--ui-field-line); }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) .auth-card a { color:var(--ui-link); }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) :is(.form-card__button--primary,.form-card__button--accent) { background:var(--ui-primary); border-color:var(--ui-primary); color:#fff; box-shadow:none; }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) :is(.form-card__button--primary,.form-card__button--accent):hover { background:var(--ui-primary-hover); color:#fff; }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) .oauth-button { background:var(--ui-soft); color:var(--ui-text); border-color:var(--ui-line); }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) .flash.is-error { background:var(--ui-soft); color:var(--ui-danger); border-color:var(--ui-danger); }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) .flash.is-success { background:var(--ui-soft); color:var(--ui-link); border-color:var(--ui-line); }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) .auth-switch__item:hover { background:var(--ui-soft); }
  body:is([data-page-key="login"],[data-page-key="register"],[data-page-key="oauth-register"],[data-page-key="reset-password"]) .debug-token { background:var(--ui-soft); color:var(--ui-text); border-color:var(--ui-line); }
  body[data-site-layout="extension-complete"] main { font-family:inherit; }
  body[data-site-layout="extension-complete"] h1 { font:650 26px/1.25 system-ui,sans-serif; }
  body[data-site-layout="extension-complete"] .mark { width:44px; height:44px; background:none; }
  body[data-site-layout="extension-complete"] main p[data-tone="success"] { color:var(--ui-link); }
  body[data-site-layout="extension-complete"] main p[data-tone="error"] { color:var(--ui-danger); }
  body[data-site-layout="extension-complete"] .surface-actions { justify-content:center; }
}
.surface-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.surface-actions a { display:inline-flex; align-items:center; min-height:42px; padding:8px 14px; border:1px solid var(--ui-line); border-radius:9px; text-decoration:none; color:var(--ui-link); }
.estimate-confirm { box-sizing:border-box; width:min(480px,calc(100% - 32px)); padding:26px; border:1px solid var(--ui-line); border-radius:16px; background:var(--ui-surface); color:var(--ui-text); box-shadow:0 20px 70px #0005; font:15px/1.6 system-ui,sans-serif; }
.estimate-confirm::backdrop { background:#0009; }
.estimate-confirm h2 { margin:0 0 12px; color:inherit; font-size:22px; }
.estimate-confirm p { margin:0 0 20px; color:var(--ui-muted); overflow-wrap:anywhere; }
.estimate-confirm form { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.estimate-confirm button { min-height:44px; padding:10px 16px; border:1px solid var(--ui-field-line); border-radius:9px; background:var(--ui-soft); color:var(--ui-text); font:600 14px system-ui,sans-serif; cursor:pointer; }
.estimate-confirm button[value="delete"] { background:#b42318; color:#fff; border-color:#b42318; }
.estimate-confirm button[value="delete"]:hover { background:#912018; }
.estimate-confirm button:focus-visible { outline:2px solid var(--ui-link); outline-offset:3px; }
.estimate-tools { display:flex; gap:14px; align-items:end; flex-wrap:wrap; margin:0 0 22px; }
.estimate-tools label { display:grid; gap:7px; color:var(--account-muted); font-size:13px; }
.estimate-tools label:first-child { flex:1; min-width:200px; }
.estimate-tools :is(input,select) { box-sizing:border-box; min-height:42px; padding:8px 12px; border:1px solid var(--account-field-line); border-radius:9px; background:var(--account-field); color:var(--account-text); font:14px system-ui,sans-serif; }
.account-page .account-estimate-card__actions { flex-wrap:wrap; }
.reset-link-state { color:var(--ui-muted); line-height:1.6; }
.reset-link-state a { display:inline-block; margin-top:14px; }
#reset-form[hidden], .reset-link-state[hidden] { display:none !important; }
@media print {
  .page-prikaz { background:#fff !important; color:#000 !important; }
  .page-prikaz .document-shell { background:#fff !important; color:#000 !important; border:0; box-shadow:none; margin:0; max-width:none; }
  .page-prikaz .data_table, .page-prikaz .data_table :is(td,th) { background:#fff !important; color:#000 !important; border-color:#777 !important; }
  .page-prikaz > .topoai-header, .estimate-confirm { display:none !important; }
  .page-prikaz .document-table-scroll { display:contents; overflow:visible; }
  .page-prikaz .document-formula-scroll { overflow:visible; }
}