/* Shared KANO presentation tokens and workspace navigation. No data behavior. */
:root {
  --ui-ink: #232421;
  --ui-muted: #626662;
  --ui-canvas: #f5f5f3;
  --ui-line: #e5e7e2;
  --ui-soft: #f4f5f1;
  --ui-accent: var(--accent,#dd5d39);
  --ui-warm: #fff1e9;
  --ui-warm-ink: #93452d;
  --ui-success: #41634b;
  --ui-success-bg: #eef5ed;
  --ui-shadow: 0 3px 20px #20221f05;
  color: var(--ui-ink);
  background: var(--ui-canvas);
}

:root { --ui-font: system-ui, -apple-system, 'Noto Sans Georgian', sans-serif; }
body { font-family: var(--ui-font); }
button, input, select, textarea { font-family: inherit; }
.kano-product-nav { display: flex; align-items: center; gap: 5px; padding: 4px; border: 1px solid #454940; border-radius: 30px; min-width: 0; }
.kano-product-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 35px; padding: 8px 14px; border: 0; border-radius: 24px; color: #d6d9d1; font-size: 12px; line-height: 1.6; font-weight: 500; white-space: nowrap; text-decoration: none; }
.kano-product-nav a:hover { background: #30352c; color: #fff; text-decoration: none; }
.kano-product-nav a[aria-current=page] { background: #f5f6f1; color: #252b20; }
.kano-skip-link { position: absolute; left: 18px; top: -70px; z-index: 50; padding: 10px 16px; border-radius: 10px; background: #fff; color: var(--ui-ink); }
.kano-skip-link:focus { top: 8px; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
summary:focus-visible, textarea:focus-visible { outline: 2px solid #a54025; outline-offset: 4px; }
@media (max-width: 1100px) {
  .kano-header .app-name, .kano-header .header-context { display: none; }
  .kano-product-nav a { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 700px) {
  .kano-header { height: auto; min-height: 61px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; gap: 10px; }
  .kano-header .kano-product-nav { margin-left: auto; }
  .kano-product-nav a { padding: 7px 10px; font-size: 11px; }
}
@media (max-width: 400px) {
  .kano-header .kano-product-nav { order: 3; width: 100%; margin-left: 0; }
  .kano-product-nav a { flex: 1; }
}

.kano-product-nav { max-width:100%; overflow-x:auto; scrollbar-width:thin; }
/* Ostati is the platform; the organization name stays in workspace context. */
.kano-header .wordmark { letter-spacing: -.6px; font-size: 29px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }

/* Two product modules; operational views have their own secondary navigation. */
.module-nav { display:flex; align-items:center; gap:4px; padding:0 28px; background:#fff; border-bottom:1px solid var(--ui-line); min-height:48px; }
.module-nav a { display:inline-flex; align-items:center; min-height:48px; padding:10px 18px; border-bottom:2px solid transparent; color:#656760; font-size:13px; text-decoration:none; }
.module-nav a[aria-current=page] { color:#20221e; border-bottom-color:#20221e; font-weight:650; }
.module-nav a:hover { background:#f5f5f2; }
.module-nav > span { margin-left:auto; padding-left:15px; color:#686b64; font-size:11px; line-height:1.8; }
@media(max-width:900px) { .module-nav { padding:0 15px; } .module-nav > span { display:none; } }
@media(max-width:450px) { .topbar .kano-product-nav a { white-space:normal; text-align:center; } }

@media(max-width:1000px) { body > .topbar { flex-wrap:wrap; padding-top:12px; padding-bottom:12px; } .topbar .kano-product-nav { order:3; width:100%; } .topbar .kano-product-nav a { flex:1; } }

/* Shared Tomsons Tech appearance: operations, commercial tools, planning and utility pages. */
:root {--ui-ink:#1e1e17;--ui-muted:#676760;--ui-canvas:#f6f6f6;--ui-line:#e7e7e3;--ui-soft:#f3f3f1;--ui-accent:var(--accent,#dd5d39);--ui-warm:var(--accent-soft,#fff0e9);--ui-warm-ink:#913d24;--ui-success:#2f6b4b;--ui-success-bg:#edf6ef;--ui-shadow:0 4px 20px #1e1e1706}
body {background:var(--ui-canvas);color:var(--ui-ink);accent-color:var(--accent,#dd5d39)}
body :is(.site-header,.kano-header) {background:#f6f6f6;color:#1e1e17;min-height:72px;height:auto;padding:12px 24px;gap:22px;border:0;box-shadow:none;flex-wrap:wrap}
body :is(.site-header,.kano-header) .wordmark {display:inline-flex;align-items:center;gap:10px;color:#1e1e17;font-size:24px;letter-spacing:-.7px;font-weight:750}
body :is(.site-header,.kano-header) .wordmark::after {content:'';width:11px;height:11px;border-radius:50%;background:var(--accent,#dd5d39);box-shadow:0 0 0 5px var(--accent-soft,#fff0e9)}
body .site-header .wordmark span {display:none}
body :is(.site-header,.kano-header) :is(.header-title,.header-context,.app-name,.header-note) {color:#676760;border-color:#e7e7e3;font-size:12px}
body .site-header :is(nav,.commercial-modules),body .kano-header .kano-product-nav {display:flex;align-self:center;align-items:center;height:auto;padding:5px;gap:4px;border:0;border-radius:999px;background:#fff;max-width:100%}
body .site-header :is(nav,.commercial-modules) a,body .kano-header .kano-product-nav a {padding:9px 14px;min-height:38px;border:0;border-radius:999px;color:#52524b;background:transparent;font-size:13px;font-weight:500;text-decoration:none}
body .site-header :is(nav,.commercial-modules) a:hover,body .kano-header .kano-product-nav a:hover {background:#f3f3f1;color:#1e1e17}
body .site-header :is(nav,.commercial-modules) a:is([aria-current=page],.current),body .kano-header .kano-product-nav a[aria-current=page] {background:#1e1e17;color:#fff}
body :is(.panel,.results,.workspace,.catalog,.project-card,.map-board,.timeline-board,.stage-workspace,.empty-projects) {border-color:#e7e7e3;border-radius:16px;background:#fff;box-shadow:var(--ui-shadow)}
body :is(input,select,textarea) {border-color:#e7e7e3;border-radius:9px;color:#262620;background:#fff}
body :is(button.primary,.primary,a.primary) {background:#1e1e17;color:#fff;border-color:#1e1e17;border-radius:999px}
body :is(button.secondary,.secondary,.ghost,.workspace-link) {background:#fff;color:#33332c;border:1px solid #e7e7e3;border-radius:999px}
body :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid var(--accent-strong,#ad3d20);outline-offset:3px}
body :is(.journey-intro,.workday-coverage,.commercial-storage,.workspace-notice,.workspace-empty,.banner) {background:#fff5ef;border-color:#efd7ca;color:#79432f;border-radius:12px}
body :is(.journey-step.active,.journey-nav button[aria-current=step],.review-part[aria-pressed=true]) {background:var(--accent-soft,#fff0e9);border-color:var(--accent,#dd5d39);color:#913d24}
body :is(.table-wrap,.table-scroll) {position:relative;border-radius:12px;scrollbar-width:thin}
body th {background:#fafaf9;color:#52524b;border-color:#e7e7e3}
body td {border-color:#f0f0ed}
body :is(.tabs button[aria-selected=true],.tabs button.active,.workspace-toolbar nav a.active) {background:#1e1e17;color:#fff;border-color:#1e1e17;border-radius:999px}
body :is(.project-choice.selected,.source-status) {background:var(--accent-soft,#fff0e9);border-color:#edc0b1;color:#913d24}
body :is(.project-progress-bar i,.progress-fill) {background:var(--accent,#dd5d39)}
body :is(.estimate-total,.price-total,.summary-card.accent) {background:linear-gradient(115deg,#ee956d,var(--accent,#dd5d39));color:#1e1e17;border-color:var(--accent,#dd5d39)}
body :is(dialog,.drawing-dialog) {border:1px solid #e7e7e3;border-radius:18px;color:#1e1e17;box-shadow:0 24px 80px #1e1e1726}
body dialog::backdrop {background:#1e1e1759}
body :is(.stage-node.active,.stage-node.ready,.gantt-bar.active,.gantt-bar.ready) {background:var(--accent-soft,#fff0e9);border-color:var(--accent,#dd5d39);color:#913d24}
body .project-progress {background:linear-gradient(115deg,#ee956d,var(--accent,#dd5d39))}
body .project-progress :is(span,small,strong,dt,dd) {color:#1e1e17}
body .site-header~main {padding:24px;max-width:1900px;margin:auto}
body :is(.project-home-heading,.title-row) h1 {font-size:clamp(23px,2vw,30px);line-height:1.5}
body .project-home-heading {margin:8px 0 24px}
body .journey-intro {padding:16px 20px;margin-bottom:24px}
body .project-card {padding:20px;margin:12px 0}
body .project-card h3 {color:#1e1e17}
body .empty-projects {border-style:dashed;padding:48px 24px}
body .empty-projects h2 {color:#1e1e17}
body .home-secondary {margin-top:20px}
body :is(.workspace-toolbar,.journey-nav,.stage-nav) {border-radius:18px}
body :is(.estimate-summary,.sidebar-summary) {border-color:#edc0b1}
body .workday-coverage {background:var(--accent-soft,#fff0e9)}
body :is(.badge.green,.stage-node.done,.gantt-bar.done) {background:#edf6ef;color:#2f6b4b;border-color:#c9dfcf}
@media(max-width:760px){
 body :is(.site-header,.kano-header) {padding:14px 16px;gap:14px}
 body .site-header :is(nav,.commercial-modules),body .kano-header .kano-product-nav {order:3;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:24px;overflow:visible}
 body .site-header :is(nav,.commercial-modules) a,body .kano-header .kano-product-nav a {min-width:0;white-space:normal;text-align:center;justify-content:center;font-size:12px;padding:8px}
 body :is(.header-title,.header-context,.header-note,.app-name) {display:none}
 body .site-header~main {padding:16px 12px}
 body .title-row {align-items:flex-start;flex-wrap:wrap}
 body .project-card {gap:16px;padding:16px}
}