:root{
  --brand:#2f6bff;--brand-2:#0b8bff;--cyan:#10c8f4;--teal:#18c7b7;--violet:#7756ff;--lime:#b8e63e;--coral:#ff645f;--amber:#ffb23f;
  --r-control:10px;--r-card:16px;--r-feature:20px;--shadow:0 18px 55px rgba(4,13,27,.18);
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="dark"]{
  --text-1:#f6f8fc;--text-2:#91a3ba;--text-3:#6e819a;--border:#203653;--surface-1:#0f1d31;--surface-hover:#172b46;--success:#18c7b7;--success-soft:rgba(24,199,183,.13);--brand-border:rgba(47,107,255,.35);
  --bg:#07111f;--bg-elev:#0b1728;--surface:#0f1d31;--surface-2:#14253c;--surface-3:#182b45;--text:#f6f8fc;--muted:#91a3ba;--faint:#6e819a;--line:#203653;--line-soft:#182b43;
  --topbar:rgba(7,17,31,.78);--sidebar:#081525;--input:#0b1a2e;--hover:#172b46;--brand-soft:rgba(47,107,255,.14);--teal-soft:rgba(24,199,183,.13);--violet-soft:rgba(119,86,255,.14);--coral-soft:rgba(255,100,95,.13);--lime-soft:rgba(184,230,62,.11);
}
html[data-theme="light"]{
  --text-1:#102033;--text-2:#66768a;--text-3:#8595a8;--border:#dce6f2;--surface-1:#ffffff;--surface-hover:#edf4ff;--success:#0c9c87;--success-soft:#e2f8f4;--brand-border:#c9dafe;
  --bg:#f5f8fd;--bg-elev:#eef4fb;--surface:#ffffff;--surface-2:#f8fbff;--surface-3:#eef4fb;--text:#102033;--muted:#66768a;--faint:#8595a8;--line:#dce6f2;--line-soft:#e9eff6;
  --topbar:rgba(245,248,253,.82);--sidebar:#ffffff;--input:#f3f7fc;--hover:#edf4ff;--brand-soft:#e8f0ff;--teal-soft:#e2f8f4;--violet-soft:#f0ecff;--coral-soft:#fff0ef;--lime-soft:#f3f9dc;
  --shadow:0 18px 55px rgba(21,57,97,.10);
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}html[data-theme="light"]{color-scheme:light}body{margin:0;background:radial-gradient(circle at 58% -10%,rgba(47,107,255,.11),transparent 32%),var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,input{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:228px 1fr;grid-template-rows:68px 1fr}.topbar{grid-column:1/3;position:sticky;top:0;z-index:20;height:68px;display:grid;grid-template-columns:228px minmax(320px,620px) 1fr;align-items:center;border-bottom:1px solid var(--line-soft);background:var(--topbar);backdrop-filter:blur(20px)}.brand{height:68px;display:flex;align-items:center;padding:0 18px;gap:9px;border-right:1px solid var(--line-soft);overflow:visible}.brand-symbol{width:36px;height:36px;display:block;flex:0 0 36px;overflow:visible;filter:drop-shadow(0 7px 14px rgba(30,120,255,.18))}.wordmark{font-size:23px;font-weight:790;letter-spacing:-.035em;line-height:1;color:var(--text);display:flex;align-items:center;position:relative;overflow:hidden;padding:4px 3px 4px 0}.wordmark>span{display:inline-block;opacity:0;transform:translateY(10px) scale(.92);filter:blur(5px);animation:ladaroLetterIn .48s cubic-bezier(.16,.86,.24,1) calc(.74s + var(--i)*.055s) forwards}.wordmark-sheen{position:absolute;top:1px;bottom:1px;width:32px;left:-42px;background:linear-gradient(90deg,transparent,rgba(104,230,255,.55),rgba(255,255,255,.92),transparent);filter:blur(2px);transform:skewX(-18deg);opacity:0;animation:ladaroWordSheen .72s cubic-bezier(.2,.75,.2,1) 1.05s forwards;pointer-events:none}.logo-ring-spin{transform-box:view-box;transform-origin:18px 18px;animation:ladaroLogoSpin 1.12s cubic-bezier(.16,.84,.18,1) .05s both}.logo-planet-orbit{transform-box:view-box;transform-origin:18px 18px;opacity:0;animation:ladaroPlanetOrbit 1.12s cubic-bezier(.18,.82,.18,1) .05s both}.logo-planet{transform-box:fill-box;transform-origin:center;animation:ladaroPlanetFinish .72s cubic-bezier(.18,.82,.2,1) 1.01s both}.logo-planet-core{animation:ladaroPlanetCore .72s ease-out 1.01s both}.logo-planet-afterglow{transform-box:fill-box;transform-origin:center;animation:ladaroAfterglow .9s ease-out 1.05s both}.logo-planet-halo{transform-box:fill-box;transform-origin:center;pointer-events:none}.logo-planet-halo-inner{animation:ladaroFlareInner .72s ease-out 1.04s both}.logo-planet-halo-outer{animation:ladaroFlareOuter .82s ease-out 1.02s both}
html[data-theme="light"] .brand-symbol{filter:drop-shadow(0 5px 10px rgba(18,88,210,.22))}
html[data-theme="light"] .logo-planet{fill:#1677ff;filter:drop-shadow(0 0 2px rgba(17,96,220,.32))}
html[data-theme="light"] .logo-planet-core{fill:#063a8c}
html[data-theme="light"] .logo-planet-afterglow{fill:#1d8fff}
html[data-theme="light"] .logo-planet-halo-inner{fill:#55c7ff}
html[data-theme="light"] .logo-planet-halo-outer{fill:#2f6bff}
@keyframes ladaroLogoSpin{0%{transform:rotate(-285deg) scale(.78);opacity:0}22%{opacity:1}72%{transform:rotate(20deg) scale(1.045)}100%{transform:rotate(0deg) scale(1);opacity:1}}@keyframes ladaroPlanetOrbit{0%{transform:rotate(-330deg);opacity:0}12%{opacity:1}78%{opacity:1}100%{transform:rotate(0deg);opacity:1}}@keyframes ladaroPlanetFinish{0%{transform:scale(.9);filter:brightness(1)}23%{transform:scale(1.95);filter:brightness(2.35)}43%{transform:scale(1.22);filter:brightness(1.55)}70%{transform:scale(.96);filter:brightness(1.12)}100%{transform:scale(1);filter:brightness(1.08)}}@keyframes ladaroPlanetCore{0%{opacity:.8}24%{opacity:1}100%{opacity:.92}}@keyframes ladaroAfterglow{0%{opacity:0;transform:scale(.35)}27%{opacity:.38;transform:scale(1.22)}100%{opacity:.16;transform:scale(1)}}@keyframes ladaroFlareInner{0%{opacity:0;transform:scale(.2)}20%{opacity:.72;transform:scale(1.2)}55%{opacity:.18;transform:scale(2.15)}100%{opacity:0;transform:scale(2.7)}}@keyframes ladaroFlareOuter{0%{opacity:0;transform:scale(.12)}18%{opacity:.34;transform:scale(1.15)}58%{opacity:.08;transform:scale(2.7)}100%{opacity:0;transform:scale(3.4)}}@keyframes ladaroLetterIn{0%{opacity:0;transform:translateY(10px) scale(.92);filter:blur(5px)}65%{opacity:1;transform:translateY(-1px) scale(1.015);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes ladaroWordSheen{0%{left:-42px;opacity:0}15%{opacity:.9}85%{opacity:.5}100%{left:calc(100% + 20px);opacity:0}}@media (prefers-reduced-motion:reduce){body{background:var(--bg)!important}.intro-splash,.intro-panel,.flare{animation:none!important;transition:none!important}.logo-ring-spin,.logo-planet-orbit,.logo-planet,.logo-planet-core,.logo-planet-halo,.logo-planet-afterglow,.wordmark>span,.wordmark-sheen{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.logo-planet-halo,.wordmark-sheen{opacity:0!important}.logo-planet-afterglow{opacity:.16!important}}.search{height:40px;margin-left:18px;border:1px solid var(--line);background:var(--input);border-radius:11px;color:var(--muted);display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer}.search b{font-weight:500;flex:1;text-align:left}.search kbd{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;background:var(--surface);color:var(--faint)}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:0 18px}.icon-btn,.theme-btn{width:38px;height:38px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:10px;cursor:pointer}.icon-btn:hover,.theme-btn:hover{background:var(--hover);color:var(--text)}.new-btn{height:38px;border:0;border-radius:10px;padding:0 14px;background:linear-gradient(135deg,var(--brand),#4d7cff);color:white;font-weight:650;cursor:pointer;box-shadow:0 9px 22px rgba(47,107,255,.22)}.avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--surface-3),var(--brand-soft));border:1px solid var(--line);display:grid;place-items:center;font-weight:700}.sidebar{grid-column:1;grid-row:2;position:sticky;top:68px;height:calc(100vh - 68px);padding:18px 12px;border-right:1px solid var(--line-soft);background:var(--sidebar);display:flex;flex-direction:column}.nav-label{font-size:10px;color:var(--faint);font-weight:700;letter-spacing:.12em;padding:8px 10px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{height:42px;border:0;border-radius:10px;padding:0 11px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;position:relative}.nav button:hover{background:var(--hover);color:var(--text)}.nav button.active{background:var(--brand-soft);color:var(--text);font-weight:620}.nav button.active:before{content:"";position:absolute;left:-12px;width:3px;height:22px;border-radius:0 3px 3px 0;background:linear-gradient(var(--cyan),var(--brand))}.nav .ico{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:14px;color:var(--faint)}.nav button.active .ico{color:var(--brand)}.sidebar-foot{margin-top:auto} .workspace{content-visibility:auto;contain-intrinsic-size:1200px;grid-column:2;grid-row:2;padding:32px clamp(24px,4vw,58px) 70px;max-width:1540px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:750;color:var(--brand);text-transform:uppercase}.page-head h1{font-size:36px;line-height:1.1;letter-spacing:-.045em;margin:7px 0 7px}.page-head p{margin:0;color:var(--muted);line-height:1.55}.head-actions{display:flex;gap:8px}.btn-secondary,.btn-primary{height:38px;border-radius:10px;padding:0 13px;cursor:pointer;font-weight:620}.btn-secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.btn-primary{border:0;background:var(--brand);color:white}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-bottom:14px}.priority{min-height:246px;border-radius:var(--r-feature);padding:24px;background:linear-gradient(135deg,#0e3f9b 0%,#174fc7 45%,#2739a7 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 42px rgba(17,69,170,.22)}.priority:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-80px;top:-90px;box-shadow:0 0 0 28px rgba(255,255,255,.03),0 0 0 58px rgba(255,255,255,.02)}.pill{display:inline-flex;font-size:9px;letter-spacing:.1em;font-weight:800;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 8px}.priority h2{font-size:28px;letter-spacing:-.035em;max-width:540px;margin:46px 0 10px}.priority p{color:#d6e4ff;margin:0;max-width:550px;line-height:1.6}.priority-footer{position:absolute;left:24px;right:24px;bottom:21px;display:flex;align-items:center;justify-content:space-between;color:#dce8ff}.priority-footer b{font-size:12px}.assist{border:1px solid color-mix(in srgb,var(--teal) 38%,var(--line));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--teal-soft) 48%,var(--surface)));border-radius:var(--r-feature);padding:22px;display:flex;flex-direction:column;min-height:246px;position:relative;overflow:hidden}.assist-orb{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--teal),var(--cyan));color:#001d25;display:grid;place-items:center;font-size:18px;font-weight:800}.assist h2{font-size:20px;margin:26px 0 8px;letter-spacing:-.025em}.assist p{color:var(--muted);line-height:1.55;margin:0}.assist-input{margin-top:auto;border:1px solid var(--line);background:var(--input);border-radius:10px;padding:10px 11px;color:var(--muted);display:flex;justify-content:space-between}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:17px;min-height:128px}.kpi-head{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:11px;color:var(--muted)}.kpi-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.kpi strong{display:block;font-size:24px;letter-spacing:-.035em;margin:12px 0 8px;font-variant-numeric:tabular-nums}.delta{font-size:10px;font-weight:650;border-radius:999px;padding:4px 7px;background:var(--teal-soft);color:var(--teal)}.delta.warn{background:var(--coral-soft);color:var(--coral)}.grid{display:grid;grid-template-columns:1.15fr .95fr .9fr;gap:14px} .card{content-visibility:auto;contain-intrinsic-size:280px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:19px;min-height:290px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.card-head h3{margin:4px 0 0;font-size:16px}.card-head button{border:0;background:transparent;color:var(--brand);font-size:10px;cursor:pointer}.overline{font-size:9px;color:var(--faint);font-weight:750;letter-spacing:.12em} .timeline-row{content-visibility:auto;contain-intrinsic-size:120px;display:grid;grid-template-columns:45px 13px 1fr;gap:8px;padding:9px 0}.time{font-size:10px;color:var(--faint)}.dot{width:8px;height:8px;border-radius:50%;margin-top:3px;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.timeline-row:nth-child(3) .dot{background:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}.timeline-row:nth-child(4) .dot{background:var(--violet);box-shadow:0 0 0 4px var(--violet-soft)}.timeline-row:nth-child(5) .dot{background:var(--amber)}.event b{font-size:11px}.event span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.client{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft)}.client-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--brand-soft),var(--violet-soft));display:grid;place-items:center;font-size:10px;font-weight:750;color:var(--brand)}.client b,.client span{display:block}.client b{font-size:11px}.client span{font-size:9px;color:var(--muted);margin-top:3px}.amount{text-align:right;font-size:10px;font-weight:650}.status{font-size:9px;border-radius:999px;padding:4px 6px;margin-top:4px;display:inline-block!important}.status.danger{background:var(--coral-soft);color:var(--coral)}.status.warning{background:rgba(255,178,63,.12);color:var(--amber)}.status.info{background:var(--violet-soft);color:var(--violet)}.pipeline-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-bottom:16px}.stage{margin:10px 0}.stage-line{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.track{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden}.bar{height:100%;border-radius:999px;background:var(--brand)}.stage:nth-child(4) .bar{background:var(--teal)}.stage:nth-child(5) .bar{background:var(--violet)}.stage:nth-child(6) .bar{background:var(--amber)}.stage:nth-child(7) .bar{background:var(--coral)}.design-lab{margin-top:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:20px}.tokens{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:14px}.swatch{height:64px;border-radius:12px;padding:9px;display:flex;align-items:flex-end;color:white;font-size:9px;font-weight:700}.swatch:nth-child(1){background:var(--brand)}.swatch:nth-child(2){background:var(--brand-2)}.swatch:nth-child(3){background:var(--cyan);color:#06202d}.swatch:nth-child(4){background:var(--teal);color:#082c27}.swatch:nth-child(5){background:var(--violet)}.swatch:nth-child(6){background:var(--lime);color:#243100}.swatch:nth-child(7){background:var(--amber);color:#402500}.swatch:nth-child(8){background:var(--coral)}.component-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}.tag{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:650}.tag.blue{background:var(--brand-soft);color:var(--brand)}.tag.green{background:var(--teal-soft);color:var(--teal)}.tag.purple{background:var(--violet-soft);color:var(--violet)}.tag.red{background:var(--coral-soft);color:var(--coral)}.input-demo{height:38px;border:1px solid var(--line);background:var(--input);border-radius:10px;color:var(--text);padding:0 11px;outline:none}.input-demo:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
@media(max-width:1150px){.app{grid-template-columns:76px 1fr}.topbar{grid-template-columns:76px 1fr auto}.brand{padding:0 18px}.wordmark{display:none}.sidebar{grid-column:1}.nav-label,.nav button span:not(.ico){display:none}.nav button{justify-content:center}.nav button.active:before{left:-12px}.grid{grid-template-columns:1fr 1fr}.grid .card:first-child{grid-column:1/3}.tokens{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.app{display:block}.topbar{grid-template-columns:auto 1fr auto}.brand{border-right:0}.search{margin-left:5px}.search b,.search kbd,.icon-btn{display:none}.sidebar{display:none} .workspace{content-visibility:auto;contain-intrinsic-size:1200px;padding:24px 14px 60px}.page-head{display:block}.head-actions{margin-top:16px}.hero-grid,.grid,.kpis{grid-template-columns:1fr}.grid .card:first-child{grid-column:auto}.tokens{grid-template-columns:repeat(2,1fr)}.top-actions{padding:0 8px}.new-btn{width:38px;padding:0;font-size:0}.new-btn:after{content:"+";font-size:18px}.page-head h1{font-size:31px}}
/* Ladaro 0.10.0.2 Demo extensions */
.demo-chip{font-size:8px;font-weight:800;letter-spacing:.12em;padding:4px 6px;border-radius:6px;background:var(--brand-soft);color:var(--brand);border:1px solid var(--brand-border);margin-left:2px}.company-top{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;margin-left:6px}.company-top b{font-size:10px}.company-top span{font-size:8px;color:var(--text-3);margin-top:3px}.demo-banner{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);background:var(--surface-1);border-radius:10px;margin-bottom:18px;color:var(--text-2);font-size:10px}.demo-banner b{letter-spacing:.12em;color:var(--brand);font-size:9px}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:var(--surface-1);border-radius:16px;overflow:hidden;margin-bottom:16px}.summary-strip>div{padding:18px;border-right:1px solid var(--border)}.summary-strip>div:last-child{border-right:0}.summary-strip span,.big-number span{display:block;color:var(--text-3);font-size:10px}.summary-strip b{display:block;margin-top:8px;font-size:19px;letter-spacing:-.03em}.data-card{padding:0;overflow:hidden;margin-bottom:16px}.data-card>.card-head{padding:18px 20px 0}.list-toolbar{display:flex;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border)}.filter-input{display:flex;align-items:center;gap:8px;flex:1;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:0 10px;color:var(--text-3)}.filter-input input{border:0;background:transparent;outline:0;color:var(--text-1);height:36px;width:100%;font:inherit}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;padding:10px 16px;color:var(--text-3);font-size:8px;letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);border-bottom:1px solid var(--border)}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border);font-size:10px;color:var(--text-2);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table .clickable{cursor:pointer}.table-main b,.table-main span{display:block}.table-main b{font-size:10px;color:var(--text-1)}.table-main span{font-size:8px;color:var(--text-3);margin-top:3px}.status.green{color:var(--success);background:var(--success-soft)}.profile-grid{display:grid;grid-template-columns:330px 1fr;gap:16px;margin-bottom:16px}.profile-card{text-align:center}.profile-logo{width:68px;height:68px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;font-weight:800;font-size:18px}.profile-card h3{font-size:19px;margin:0}.profile-card p{color:var(--text-3);font-size:10px;margin:6px 0 14px}.profile-lines{display:grid;gap:5px;color:var(--text-2);font-size:9px;margin-bottom:14px}.profile-metrics{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}.profile-metrics>div{padding:25px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.profile-metrics>div:nth-child(2n){border-right:0}.profile-metrics>div:nth-last-child(-n+2){border-bottom:0}.profile-metrics span{display:block;color:var(--text-3);font-size:9px}.profile-metrics b{display:block;font-size:23px;margin-top:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feed-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.feed-item:last-child{border-bottom:0}.feed-item b,.feed-item span{display:block}.feed-item b{font-size:10px}.feed-item span{font-size:8px;color:var(--text-3);margin-top:4px}.feed-item strong{font-size:11px}.activity{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.activity i{width:8px;height:8px;border:2px solid var(--brand);border-radius:50%;margin-top:3px}.activity b,.activity span{display:block;font-size:9px}.activity span{color:var(--text-3);margin-top:3px}.sales-top{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.big-number b{display:block;font-size:25px;letter-spacing:-.04em;margin:9px 0}.big-number small{color:var(--text-3);font-size:9px}.pipeline-board{margin-bottom:16px}.opportunity-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.opportunity-grid article{padding:14px;border:1px solid var(--border);background:var(--surface-2);border-radius:12px}.opportunity-grid span,.opportunity-grid b,.opportunity-grid strong,.opportunity-grid small{display:block}.opportunity-grid span{font-size:8px;color:var(--brand);text-transform:uppercase;letter-spacing:.08em}.opportunity-grid b{font-size:10px;margin:10px 0;min-height:26px}.opportunity-grid strong{font-size:13px}.opportunity-grid small{font-size:8px;color:var(--text-3);margin-top:5px}.warehouse-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.warehouse-card{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center}.warehouse-icon{width:50px;height:50px;border-radius:15px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:21px}.warehouse-card span,.warehouse-card p{color:var(--text-3);font-size:8px;margin:0}.warehouse-card h3{margin:4px 0;font-size:14px}.warehouse-card strong{font-size:15px}.warehouse-card small{grid-column:3;color:var(--text-3);font-size:8px}.quick-actions{margin-top:16px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-grid button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);border-radius:12px;padding:14px;text-align:left;cursor:pointer}.quick-grid button:hover{background:var(--surface-hover);transform:translateY(-1px)}.quick-grid span{display:block;color:var(--brand);font-size:18px}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-size:10px;margin-top:12px}.quick-grid small{font-size:8px;color:var(--text-3);margin-top:4px}.placeholder{text-align:center;padding:70px 25px}.placeholder-orb{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,var(--brand),var(--violet));color:white;font-size:25px}.placeholder h2{font-size:23px}.placeholder p{max-width:600px;margin:10px auto;color:var(--text-2);line-height:1.7;font-size:11px}.empty{padding:20px 0;color:var(--text-3);font-size:10px}
@media(max-width:1100px){.summary-strip,.sales-top{grid-template-columns:1fr 1fr}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.opportunity-grid{grid-template-columns:1fr 1fr}.profile-grid,.two-col,.warehouse-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.company-top{display:none}.summary-strip,.sales-top,.quick-grid{grid-template-columns:1fr}.summary-strip>div{border-right:0;border-bottom:1px solid var(--border)}.summary-strip>div:last-child{border-bottom:0}.opportunity-grid{grid-template-columns:1fr}.demo-banner span{line-height:1.4}}


/* Ladaro 0.10.0.2 — Sales, Warehouse, reliable intro */
.document-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}
.document-main{padding:0;overflow:hidden}.document-top{display:flex;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--border)}.document-top h2{margin:6px 0 4px;font-size:25px}.document-top p{margin:0;color:var(--text-2);font-size:11px}.document-state{text-align:right}.document-state>span{display:block;margin-top:9px;color:var(--text-3);font-size:9px}
.document-flow{display:flex;align-items:center;padding:16px 24px;background:var(--surface-2);border-bottom:1px solid var(--border)}.document-flow span{font-size:9px;color:var(--text-3);white-space:nowrap}.document-flow span.done{color:var(--brand);font-weight:700}.document-flow i{height:1px;flex:1;background:var(--border);margin:0 10px}.document-lines{min-width:820px}.document-summary{margin-left:auto;width:min(430px,100%);padding:18px 24px 24px;display:grid;gap:9px}.document-summary>div{display:flex;justify-content:space-between;align-items:center;color:var(--text-2);font-size:10px}.document-summary b{color:var(--text-1);font-size:12px}.document-summary .grand{margin-top:5px;padding-top:13px;border-top:1px solid var(--border)}.document-summary .grand span,.document-summary .grand b{font-size:17px;color:var(--text-1)}
.document-side h3{margin:6px 0 16px}.smart-note{margin-top:18px;padding:14px;border-radius:12px;background:linear-gradient(135deg,var(--brand-soft),var(--violet-soft));border:1px solid var(--brand-border)}.smart-note b{font-size:10px;color:var(--brand)}.smart-note p{font-size:9px;line-height:1.55;color:var(--text-2);margin:7px 0 0}
.section-tabs{display:flex;gap:3px;margin:22px 0 10px;padding:4px;width:max-content;background:var(--surface-1);border:1px solid var(--border);border-radius:11px}.section-tabs button{border:0;background:transparent;color:var(--text-2);padding:8px 11px;border-radius:8px;font-size:9px;cursor:pointer}.section-tabs button.active{background:var(--brand-soft);color:var(--brand)}.section-tabs b{font-size:8px;margin-left:4px}
.op-footer{margin-top:10px;padding-top:9px;border-top:1px solid var(--border);font-size:8px;color:var(--text-3)}
.row-action{border:0;background:transparent;color:var(--text-3);cursor:pointer}
.warehouse-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.warehouse-actions button{border:1px solid var(--border);background:var(--surface-1);color:var(--text-1);border-radius:14px;padding:16px;text-align:left;cursor:pointer}.warehouse-actions button:hover{background:var(--surface-hover);border-color:var(--brand-border)}.warehouse-actions span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-size:17px}.warehouse-actions b,.warehouse-actions small{display:block}.warehouse-actions b{font-size:10px;margin-top:12px}.warehouse-actions small{font-size:8px;color:var(--text-3);margin-top:4px}

.modal-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(2,8,18,.62);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.modal{width:min(860px,96vw);max-height:92vh;overflow:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:20px;box-shadow:0 35px 100px rgba(0,0,0,.35);padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{font-size:23px;margin:5px 0 0}.modal-close{border:0;background:var(--surface-2);color:var(--text-2);width:34px;height:34px;border-radius:10px;font-size:20px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.full-field{display:grid;gap:6px}.form-grid label>span,.full-field>span{font-size:9px;color:var(--text-3);font-weight:650}.form-grid input,.form-grid select,.full-field textarea,.line-row input,.line-row select{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);border-radius:10px;padding:10px 11px;outline:none;font:10px var(--font)}.form-grid input:focus,.form-grid select:focus,.full-field textarea:focus,.line-row input:focus,.line-row select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.full-field{margin-top:12px}.full-field textarea{min-height:86px;resize:vertical}.line-editor{margin-top:16px;border:1px solid var(--border);border-radius:13px;overflow:hidden}.line-editor-head{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;background:var(--surface-2);border-bottom:1px solid var(--border)}.line-editor-head b{font-size:9px}.line-editor-head button{border:0;background:transparent;color:var(--brand);font-size:9px;cursor:pointer}.line-row{display:grid;grid-template-columns:2.2fr .55fr .8fr .6fr .6fr 32px;gap:6px;padding:8px;border-bottom:1px solid var(--border)}.line-row:last-child{border-bottom:0}.line-remove{border:0;background:var(--coral-soft);color:var(--coral);border-radius:8px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--border)}
.toast{position:fixed;right:20px;bottom:20px;z-index:11000;display:flex;align-items:center;gap:10px;max-width:420px;padding:12px 14px;background:var(--surface-1);color:var(--text-1);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}.toast b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--teal-soft);color:var(--teal)}.toast span{font-size:9px;line-height:1.45}

/* Interaction-gated intro: makes WebAudio reliable */
.intro-splash{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;background:
radial-gradient(circle at 50% 45%,rgba(47,107,255,.16),transparent 28%),
linear-gradient(145deg,#07111f,#0a1830 62%,#10182c);color:#fff;transition:opacity .46s ease,visibility .46s ease}
.intro-panel{text-align:center;position:relative}.intro-logo{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:32px}.intro-logo svg{width:72px;height:72px;overflow:visible}.intro-word{font-size:40px;font-weight:760;letter-spacing:-.05em;opacity:.36;transform:translateY(5px);transition:.55s}.intro-actions{display:grid;place-items:center;gap:10px}.intro-start{border:1px solid rgba(255,255,255,.15);background:#fff;color:#0a1730;border-radius:12px;padding:11px 18px;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 12px 36px rgba(0,0,0,.25)}.intro-skip{border:0;background:transparent;color:#8094b1;font-size:9px;cursor:pointer}.intro-hint{font-size:9px;color:#6f85a4;margin-bottom:13px}.intro-ring{transform-origin:36px 36px}.intro-planet{transform-origin:36px 36px;opacity:0}
.intro-splash.playing .intro-ring{animation:introRing 1.08s cubic-bezier(.22,.72,.1,1) forwards}.intro-splash.playing .intro-planet{opacity:1;animation:introOrbit 1.08s cubic-bezier(.22,.72,.1,1) forwards}.intro-splash.playing .intro-word{opacity:1;transform:none}.intro-splash.flare .intro-core{animation:introCore .48s ease-out}.intro-splash.flare .intro-halo{animation:introHalo .58s ease-out}.intro-splash.leaving{opacity:0;visibility:hidden}
@keyframes introRing{from{transform:rotate(-320deg)}to{transform:rotate(0deg)}}@keyframes introOrbit{0%{transform:rotate(-310deg);opacity:0}12%{opacity:1}100%{transform:rotate(0deg);opacity:1}}@keyframes introCore{0%{r:3;filter:brightness(1)}35%{r:5.5;filter:brightness(2.5)}100%{r:3;filter:brightness(1)}}@keyframes introHalo{0%{opacity:0;r:7}35%{opacity:.8;r:13}100%{opacity:0;r:18}}
@media(max-width:1050px){.document-shell{grid-template-columns:1fr}.warehouse-actions{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.warehouse-actions,.form-grid{grid-template-columns:1fr}.line-row{grid-template-columns:1fr 1fr}.line-row select:first-child{grid-column:1/3}.document-top{display:block}.document-state{text-align:left;margin-top:14px}.intro-word{font-size:32px}}


/* =========================================================
   Ladaro 0.10.0.2 — auto intro + stronger animated descriptor
   ========================================================= */

.language-picker{
  height:36px;display:flex;align-items:center;gap:5px;
  border:1px solid var(--border);background:var(--surface-1);
  border-radius:10px;padding:0 8px;color:var(--text-2)
}
.language-picker>span{font-size:12px;color:var(--brand)}
.language-picker select{
  border:0;outline:0;background:transparent;color:var(--text-1);
  font:700 9px var(--font);cursor:pointer
}
.language-picker option{background:var(--surface-1);color:var(--text-1)}

.intro-splash.auto{
  position:fixed;inset:0;z-index:20000;display:grid;place-items:center;
  background:
    radial-gradient(circle at 50% 43%,rgba(38,112,255,.22),transparent 27%),
    radial-gradient(circle at 63% 58%,rgba(92,55,255,.10),transparent 30%),
    linear-gradient(145deg,#06101e,#091a34 60%,#11172b);
  color:#fff;overflow:hidden;
  transition:opacity .52s ease,visibility .52s ease
}
.intro-splash.auto:before{
  content:"";position:absolute;inset:-30%;
  background:conic-gradient(from 160deg,transparent 0 38%,rgba(51,142,255,.06) 44%,transparent 52% 100%);
  animation:introAmbient 4.8s linear infinite
}
.intro-panel{position:relative;z-index:2;text-align:center;min-width:min(92vw,760px)}
.intro-logo{display:flex;align-items:center;justify-content:center;gap:15px}
.intro-logo svg{width:78px;height:78px;overflow:visible}
.intro-word{
  font-size:46px;line-height:1;font-weight:780;letter-spacing:-.055em;
  opacity:0;filter:blur(12px);transform:translateY(10px) scale(.975);
  animation:introWord .72s cubic-bezier(.2,.8,.2,1) .38s forwards
}
.intro-products{
  margin-top:27px;display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:10px;min-height:28px
}
.intro-products span{
  display:inline-block;
  font-size:clamp(13px,1.7vw,18px);
  line-height:1;font-weight:760;letter-spacing:.035em;
  color:#eef7ff;text-shadow:0 0 22px rgba(57,172,255,.18);
  opacity:0;filter:blur(8px);transform:translateY(12px)
}
.intro-products i{
  font-style:normal;color:#3ba6ff;opacity:0;transform:scale(.45);
  text-shadow:0 0 14px #168dff
}
.intro-products span:nth-of-type(1){animation:introProduct .44s ease .76s forwards}
.intro-products i:nth-of-type(1){animation:introDot .28s ease .91s forwards}
.intro-products span:nth-of-type(2){animation:introProduct .44s ease 1.00s forwards}
.intro-products i:nth-of-type(2){animation:introDot .28s ease 1.15s forwards}
.intro-products span:nth-of-type(3){animation:introProduct .44s ease 1.24s forwards}
.intro-products i:nth-of-type(3){animation:introDot .28s ease 1.39s forwards}
.intro-products span:nth-of-type(4){animation:introProduct .44s ease 1.48s forwards}
.intro-products i:nth-of-type(4){animation:introDot .28s ease 1.63s forwards}
.intro-products span:nth-of-type(5){animation:introProduct .44s ease 1.72s forwards}

.intro-tagline{
  margin-top:17px;
  font-size:clamp(11px,1.3vw,14px);
  font-weight:520;letter-spacing:.02em;color:#9eb2cc;
  opacity:0;filter:blur(7px);transform:translateY(8px);
  animation:introTagline .58s ease 1.95s forwards
}

.intro-ring{transform-origin:36px 36px;animation:introRingAuto 1.42s cubic-bezier(.18,.76,.1,1) .08s forwards}
.intro-planet{transform-origin:36px 36px;opacity:1;animation:introOrbitAuto 1.42s cubic-bezier(.18,.76,.1,1) .08s forwards}

.intro-splash.auto.flare .intro-core{animation:introCoreStrong .52s ease-out}
.intro-splash.auto.flare .intro-halo{animation:introHaloStrong .68s ease-out}
.intro-splash.auto.flare .intro-products{animation:introProductsGlow .62s ease-out}
.intro-splash.auto.leaving{opacity:0;visibility:hidden}

@keyframes introAmbient{to{transform:rotate(360deg)}}
@keyframes introWord{
  to{opacity:1;filter:blur(0);transform:none}
}
@keyframes introProduct{
  to{opacity:1;filter:blur(0);transform:none}
}
@keyframes introDot{
  to{opacity:1;transform:scale(1)}
}
@keyframes introTagline{
  to{opacity:1;filter:blur(0);transform:none}
}
@keyframes introRingAuto{
  0%{transform:rotate(-380deg);filter:drop-shadow(0 0 0 rgba(30,158,255,0))}
  78%{filter:drop-shadow(0 0 7px rgba(30,158,255,.25))}
  100%{transform:rotate(0deg);filter:drop-shadow(0 0 2px rgba(30,158,255,.15))}
}
@keyframes introOrbitAuto{
  0%{transform:rotate(-360deg);opacity:0}
  8%{opacity:1}
  100%{transform:rotate(0deg);opacity:1}
}
@keyframes introCoreStrong{
  0%{r:3;filter:brightness(1)}
  30%{r:7;filter:brightness(3)}
  56%{r:4.6;filter:brightness(2)}
  100%{r:3;filter:brightness(1)}
}
@keyframes introHaloStrong{
  0%{opacity:0;r:7}
  26%{opacity:.95;r:14}
  100%{opacity:0;r:25}
}
@keyframes introProductsGlow{
  0%{filter:none}
  40%{filter:drop-shadow(0 0 12px rgba(72,176,255,.55))}
  100%{filter:none}
}

@media(max-width:720px){
  .language-picker{padding:0 5px}
  .language-picker>span{display:none}
  .intro-logo svg{width:64px;height:64px}
  .intro-word{font-size:38px}
  .intro-products{gap:7px;margin-top:22px}
  .intro-products span{font-size:12px}
  .intro-tagline{font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  .intro-ring,.intro-planet,.intro-word,.intro-products span,.intro-products i,.intro-tagline{
    animation-duration:.01ms!important;animation-delay:0ms!important
  }
}

/* 0.10.0.2 audio hint only — intro animation remains unchanged */
}

body.quote-studio-open{overflow:hidden}.quote-studio{position:fixed;inset:0;z-index:15000;background:var(--bg);display:grid;grid-template-rows:62px 1fr}.qs-topbar{display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--surface-1);border-bottom:1px solid var(--border)}.qs-brand-block{display:flex;align-items:center;gap:9px;min-width:220px}.qs-brand-block>div{display:grid}.qs-brand-block b{font-size:11px}.qs-back{width:35px;height:35px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);border-radius:9px}.qs-save-state{flex:1;font-size:8px;color:var(--teal)}.qs-top-actions{display:flex;gap:6px}.qs-layout{display:grid;grid-template-columns:180px minmax(700px,1fr) 270px;min-height:0}.qs-outline,.qs-inspector{background:var(--surface-1);overflow:auto}.qs-outline{border-right:1px solid var(--border);padding:14px 9px}.qs-outline nav{display:grid;gap:3px;margin-top:10px}.qs-outline nav button{border:0;background:transparent;color:var(--text-2);text-align:left;padding:9px;border-radius:8px;font-size:8px}.qs-outline nav button.active{background:var(--brand-soft);color:var(--brand)}.qs-canvas{overflow:auto;padding:22px;background:var(--surface-2)}.qs-document{max-width:980px;margin:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:15px;overflow:hidden}.qs-doc-brand{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--border)}.qs-mini-logo{display:flex;align-items:center;gap:8px}.qs-mini-logo i{width:24px;height:24px;border:5px solid var(--brand);border-right-color:var(--cyan);border-radius:50%}.qs-mini-logo b{font-size:16px}.qs-section{padding:24px 26px;border-bottom:1px solid var(--border)}.qs-section-label{font-size:7px;letter-spacing:.13em;font-weight:800;color:var(--brand);margin-bottom:10px}.qs-header-grid,.qs-terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.qs-header-grid label,.qs-terms-grid label,.qs-title-editor{display:grid;gap:5px}.qs-header-grid span,.qs-terms-grid span,.qs-title-editor span{font-size:7px;color:var(--text-3)}.qs-header-grid input,.qs-header-grid select,.qs-terms-grid select,.qs-title-editor input,.qs-title-editor textarea,.qs-terms-text,.qs-line input,.qs-line select{border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);border-radius:8px;padding:8px;font:8px var(--font);width:100%;min-width:0}.qs-title-editor{margin-top:12px}.qs-title-editor input{font-size:14px;font-weight:700}.qs-title-editor textarea,.qs-terms-text{min-height:70px}.qs-section-head{display:flex;justify-content:space-between;align-items:center}.qs-section-head button{border:1px solid var(--border);background:var(--brand-soft);color:var(--brand);border-radius:8px;padding:7px 9px;font-size:8px}.qs-line{display:grid;grid-template-columns:minmax(190px,2fr) 60px 55px 85px 70px 60px 90px 24px;gap:6px;align-items:center;padding:9px 0;border-top:1px solid var(--border)}.qs-product{display:grid;gap:3px}.qs-product small{font-size:6px;color:var(--text-3)}.qs-line-total{text-align:right;font-size:8px}.qs-remove{border:0;background:transparent;color:var(--text-3);font-size:15px}.qs-add-wide{width:100%;margin-top:8px;border:1px dashed var(--border);background:transparent;color:var(--brand);padding:9px;border-radius:8px}.qs-line.optional{background:var(--violet-soft)}.qs-attachments{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qs-attachments>div{border:1px solid var(--border);border-radius:9px;padding:10px}.qs-attachments b,.qs-attachments small{display:block}.qs-attachments b{font-size:8px}.qs-attachments small{font-size:6px;color:var(--text-3);margin-top:3px}.qs-inspector{border-left:1px solid var(--border);padding:10px}.qs-inspector-card{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;padding:11px;margin-bottom:9px}.qs-fin-row{display:flex;justify-content:space-between;padding:6px 0;font-size:8px}.qs-fin-row.total{border-top:1px solid var(--border);font-size:10px}.qs-inspector-card p{font-size:7px;color:var(--text-2);line-height:1.45}
@media(max-width:1100px){.qs-layout{grid-template-columns:170px 1fr}.qs-inspector{display:none}}
@media(max-width:780px){.qs-layout{grid-template-columns:1fr}.qs-outline{display:none}.qs-top-actions .btn-secondary{display:none}.qs-header-grid,.qs-terms-grid{grid-template-columns:1fr 1fr}.qs-canvas{padding:8px}.qs-line{grid-template-columns:1fr 60px 80px 24px}.qs-unit,.qs-discount,.qs-vat{display:none}}
@media print{body.printing-quote *{visibility:hidden!important}body.printing-quote #qsPrintable,body.printing-quote #qsPrintable *{visibility:visible!important}body.printing-quote #qsPrintable{position:absolute!important;left:0;top:0;width:100%!important;max-width:none!important;border:0!important;box-shadow:none!important}}


/* Ladaro 0.10.0.2 — mobile navigation */
.mobile-menu-toggle,.mobile-menu-close{display:none}
.mobile-nav-backdrop{display:none}
.language-picker{height:34px;display:flex;align-items:center;gap:5px;border:1px solid var(--border);background:var(--surface-1);border-radius:9px;padding:0 7px;color:var(--text-2)}
.language-picker select{border:0;background:transparent;color:var(--text-1);font:700 8px var(--font);outline:0}
.language-picker option{background:var(--surface-1);color:var(--text-1)}

@media(max-width:820px){
 .app{display:block!important}
 .topbar{position:sticky;top:0;z-index:5000;padding:0 10px;gap:7px}
 .mobile-menu-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-1);border-radius:10px;font-size:18px}
 .brand{min-width:0}.brand .wordmark{font-size:18px}.demo-chip{display:none}
 .search{display:none!important}
 .company-top{display:none!important}
 .top-actions{margin-left:auto;gap:5px}.top-actions>.icon-btn,.top-actions>.new-btn{display:none}
 .language-picker{height:34px}.avatar{width:32px;height:32px}
 .sidebar{position:fixed!important;z-index:8000!important;left:0!important;top:0!important;bottom:0!important;width:min(310px,86vw)!important;height:100dvh!important;transform:translateX(-105%);transition:transform .26s cubic-bezier(.2,.8,.2,1);box-shadow:24px 0 70px rgba(0,0,0,.35);padding-top:58px!important;overflow-y:auto}
 body.mobile-nav-open .sidebar{transform:translateX(0)}
 .mobile-menu-close{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);border-radius:10px;font-size:21px}
 .mobile-nav-backdrop{position:fixed;inset:0;z-index:7900;background:rgba(3,9,18,.58);backdrop-filter:blur(5px)}
 body.mobile-nav-open .mobile-nav-backdrop{display:block}
  .workspace{content-visibility:auto;contain-intrinsic-size:1200px;margin:0!important;padding:14px 10px 30px!important;width:100%!important}
}

/* Ladaro 0.10.0.2 — personal Pulse dashboard */
.pulse-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:start}
.pulse-widget{position:relative;min-width:0;border-radius:16px;transition:opacity .18s,transform .18s,box-shadow .18s}
.pulse-size-s{grid-column:span 3}.pulse-size-m{grid-column:span 6}.pulse-size-l{grid-column:span 12}
.pulse-widget-tools{display:none;height:31px;align-items:center;justify-content:space-between;padding:0 7px;border:1px dashed var(--brand-border);border-bottom:0;border-radius:12px 12px 0 0;background:var(--brand-soft);color:var(--brand);font-size:7px;font-weight:800;letter-spacing:.05em}
.pulse-widget-tools>div{display:flex;gap:3px}.pulse-widget-tools button{border:0;background:transparent;color:var(--brand);cursor:pointer}.pulse-drag{font-size:15px;cursor:grab!important}
body.pulse-editing .pulse-widget-tools{display:flex}
body.pulse-editing .pulse-widget-body>*{border-top-left-radius:0!important;border-top-right-radius:0!important}
body.pulse-editing .pulse-widget{cursor:grab}.pulse-widget.dragging{opacity:.42;transform:scale(.985);box-shadow:0 12px 40px rgba(22,116,255,.14)}
.pulse-widget-body>.priority,.pulse-widget-body>.assist,.pulse-widget-body>.kpi,.pulse-widget-body> .card{content-visibility:auto;contain-intrinsic-size:280px;height:100%;margin:0}
.pulse-priority,.pulse-assist,.pulse-kpi{border-radius:16px}
.pulse-card{border-radius:16px}
.pulse-edit-hint{display:none;align-items:center;gap:10px;margin:0 0 12px;padding:9px 12px;border:1px solid var(--brand-border);border-radius:11px;background:var(--brand-soft);color:var(--text-2);font-size:8px}
.pulse-edit-hint.show{display:flex}.pulse-edit-hint span{font-weight:800;color:var(--brand)}.pulse-edit-hint b{font-weight:500;flex:1}.pulse-edit-hint button{border:0;background:var(--brand);color:#fff;border-radius:8px;padding:7px 11px;font-size:8px}
.pulse-customizer{max-width:620px}.pulse-customizer .modal-head p{color:var(--text-3);font-size:9px;max-width:430px}
.pulse-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pulse-option{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:9px}.pulse-option input{accent-color:var(--brand)}
@media(max-width:1100px){.pulse-size-s{grid-column:span 6}.pulse-size-m{grid-column:span 6}}
@media(max-width:680px){
 .pulse-grid{grid-template-columns:1fr}.pulse-size-s,.pulse-size-m,.pulse-size-l{grid-column:1/-1}
 .pulse-options{grid-template-columns:1fr}.pulse-edit-hint b{display:none}
 .pulse-widget-tools{height:34px}
}

/* Prevent nested dashboard cards from inheriting old dashboard grid margins */
.pulse-widget .priority,.pulse-widget .assist,.pulse-widget .kpi,.pulse-widget .quick-actions{width:100%;box-sizing:border-box}


/* Ladaro 0.10.0.2 — deterministic dashboard layout editor */
.pulse-widget-tools{display:none!important}
body.pulse-editing .pulse-widget-tools{display:none!important}
.layout-backdrop{z-index:17000}
.layout-editor{width:min(980px,96vw);max-height:92vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--surface-1);border:1px solid var(--border);border-radius:20px;box-shadow:0 35px 100px rgba(0,0,0,.38);overflow:hidden}
.layout-editor-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--border)}
.layout-editor-head h2{margin:6px 0 4px;font-size:23px}.layout-editor-head p{margin:0;color:var(--text-3);font-size:9px}
.layout-editor-head>button{width:34px;height:34px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);border-radius:10px;font-size:20px}
.layout-editor-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:0;overflow:hidden}
.layout-editor-body>section,.layout-editor-body>aside{overflow:auto;padding:16px}.layout-editor-body>aside{border-left:1px solid var(--border);background:var(--surface-2)}
.layout-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:8px;color:var(--text-3)}
.layout-section-head span{display:grid;place-items:center;min-width:23px;height:23px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-weight:800}
.layout-row{display:grid;grid-template-columns:34px minmax(150px,1fr) 145px 76px 56px;gap:7px;align-items:center;padding:9px;border:1px solid var(--border);background:var(--surface-1);border-radius:11px;margin-bottom:6px}
.layout-grip{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--surface-2);color:var(--text-3);font-size:8px;font-weight:800}
.layout-name{display:grid;gap:2px}.layout-name b{font-size:9px}.layout-name span{font-size:6px;color:var(--text-3)}
.layout-size{border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);border-radius:8px;padding:7px;font:8px var(--font)}
.layout-move{display:flex;gap:3px}.layout-move button,.layout-hide{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);border-radius:8px;padding:7px;cursor:pointer}
.layout-move button:disabled{opacity:.25;cursor:default}.layout-hide{font-size:7px;color:var(--coral)}
.layout-hidden{display:grid;gap:6px}.layout-restore{display:flex;align-items:center;gap:7px;border:1px dashed var(--border);background:var(--surface-1);color:var(--text-2);padding:9px;border-radius:9px;font-size:8px;text-align:left}.layout-restore span{color:var(--brand);font-size:14px}
.layout-hidden>p{font-size:8px;color:var(--text-3)}
.layout-tip{margin-top:16px;padding:12px;border-radius:10px;background:var(--brand-soft);border:1px solid var(--brand-border)}.layout-tip b{font-size:8px;color:var(--brand)}.layout-tip p{font-size:7px;color:var(--text-2);line-height:1.5;margin:5px 0 0}
.layout-editor-foot{display:flex;justify-content:space-between;gap:8px;padding:14px 16px;border-top:1px solid var(--border)}
@media(max-width:760px){
 .layout-editor{width:100vw;height:100dvh;max-height:none;border-radius:0}
 .layout-editor-body{grid-template-columns:1fr}.layout-editor-body>aside{border-left:0;border-top:1px solid var(--border);max-height:230px}
 .layout-row{grid-template-columns:30px 1fr 110px}.layout-move{grid-column:2}.layout-hide{grid-column:3;grid-row:2}.layout-size{font-size:7px}
 .layout-editor-head{padding:16px}.layout-editor-head p{max-width:280px}
}


/* Ladaro 0.10.0.2 — visible pointer drag controls */
.pulse-widget-tools{
 display:flex!important;align-items:center;justify-content:space-between;
 min-height:44px;padding:6px 8px;border:1px solid var(--border);
 border-bottom:0;border-radius:14px 14px 0 0;background:var(--surface-1)
}
.pulse-widget-title{font-size:8px;font-weight:800;color:var(--text-2);letter-spacing:.04em}
.pulse-drag{
 width:38px!important;height:34px!important;display:grid!important;place-items:center!important;
 border:1px solid var(--brand-border)!important;background:var(--brand-soft)!important;
 color:var(--brand)!important;border-radius:10px!important;cursor:grab!important;
 touch-action:none!important
}
.pulse-drag span{font-size:23px;line-height:1;transform:scaleX(1.2)}
.pulse-drag:active{cursor:grabbing!important;transform:scale(.96)}
.pulse-size-controls{display:flex;gap:5px}
.pulse-size-controls button{
 width:32px;height:32px;border:1px solid var(--border);background:var(--surface-2);
 color:var(--text-1);border-radius:9px;font-size:16px;font-weight:800;cursor:pointer
}
.pulse-size-controls .pulse-larger{color:var(--brand);background:var(--brand-soft);border-color:var(--brand-border)}
.pulse-size-controls .pulse-hide{font-size:14px;color:var(--coral)}
.pulse-widget-body>*{border-top-left-radius:0!important;border-top-right-radius:0!important}
.pulse-pointer-dragging{
 position:fixed!important;z-index:19000!important;pointer-events:none!important;
 opacity:.94!important;transform:rotate(.35deg) scale(1.01)!important;
 box-shadow:0 28px 70px rgba(0,0,0,.34)!important
}
.pulse-drop-placeholder{
 grid-column:span 6;min-height:110px;border:2px dashed var(--brand);
 border-radius:16px;background:var(--brand-soft);animation:pulsePlaceholder .8s ease-in-out infinite alternate
}
.pulse-drop-placeholder.wide{grid-column:span 12}
@keyframes pulsePlaceholder{from{opacity:.45}to{opacity:.9}}

/* Widget data density */
.pulse-density-extra{display:none}
.pulse-size-m .pulse-density-extra,.pulse-size-l .pulse-density-extra{
 display:block;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)
}
.pulse-detail-row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:7px;color:var(--text-3)}
.pulse-detail-row b{color:var(--text-1)}
.pulse-mini-track{height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:5px}
.pulse-mini-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--cyan))}
.pulse-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.pulse-detail-grid>div{padding:8px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border)}
.pulse-detail-grid span,.pulse-detail-grid b{display:block}.pulse-detail-grid span{font-size:6px;color:var(--text-3)}.pulse-detail-grid b{font-size:8px;margin-top:3px}
.pulse-spark{height:58px;display:flex;align-items:end;gap:4px;margin-top:9px;padding:6px;border-radius:10px;background:var(--surface-2)}
.pulse-spark i{flex:1;min-width:3px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,var(--cyan),var(--brand));opacity:.82}
.pulse-size-s .pulse-kpi strong{font-size:22px}
.pulse-size-l .pulse-kpi strong{font-size:31px}
.pulse-size-l .pulse-kpi{padding:20px}
.pulse-size-l .pulse-density-extra{margin-top:15px}

@media(max-width:680px){
 .pulse-widget-tools{min-height:48px}
 .pulse-drag{width:42px!important;height:38px!important}
 .pulse-drag span{font-size:25px}
 .pulse-size-controls button{width:36px;height:36px}
 .pulse-drop-placeholder,.pulse-drop-placeholder.wide{grid-column:1/-1}
}


/* Ladaro 0.10.0.2 — dashboard controls only in edit mode */
.pulse-widget-tools{display:none!important}
body.pulse-layout-editing .pulse-widget-tools{display:flex!important}

.pulse-customize-entry{
 display:inline-flex!important;align-items:center!important;gap:9px!important;
 min-height:39px!important;padding:6px 11px!important;text-align:left!important
}
.pulse-customize-entry>span:last-child{display:grid;gap:1px}
.pulse-customize-entry b{font-size:8px;line-height:1.1}
.pulse-customize-entry small{font-size:6px;color:var(--text-3);font-weight:500}
.pulse-customize-icon{
 display:grid;place-items:center;width:26px;height:26px;border-radius:8px;
 background:var(--brand-soft);color:var(--brand);font-size:13px
}
.pulse-customize-entry.active{border-color:var(--brand-border)!important;background:var(--brand-soft)!important}

.pulse-edit-toolbar{
 display:none;align-items:center;justify-content:space-between;gap:14px;
 margin:0 0 12px;padding:10px 12px;border:1px solid var(--brand-border);
 background:linear-gradient(135deg,var(--brand-soft),var(--violet-soft));
 border-radius:13px
}
.pulse-edit-toolbar.show{display:flex}
.pulse-edit-toolbar>div{display:flex;align-items:center;gap:9px}
.pulse-edit-symbol{
 display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;
 border-radius:10px;background:var(--brand);color:#fff;font-size:15px
}
.pulse-edit-toolbar p{display:grid;gap:2px;margin:0}
.pulse-edit-toolbar p b{font-size:9px;color:var(--text-1)}
.pulse-edit-toolbar p small{font-size:7px;color:var(--text-2)}
body.pulse-layout-editing .pulse-widget{
 outline:1px dashed var(--brand-border);outline-offset:2px
}
body.pulse-layout-editing .pulse-widget:hover{
 box-shadow:0 8px 30px rgba(22,116,255,.12)
}

/* dashboard should look clean in normal mode */
body:not(.pulse-layout-editing) .pulse-widget-body>*{
 border-top-left-radius:16px!important;
 border-top-right-radius:16px!important
}

@media(max-width:680px){
 .pulse-customize-entry small{display:none}
 .pulse-edit-toolbar{align-items:flex-start;flex-direction:column}
 .pulse-edit-toolbar>div:last-child{width:100%}
 .pulse-edit-toolbar>div:last-child button{flex:1}
 .pulse-edit-toolbar p small{font-size:6px}
}


/* Ladaro 0.10.0.2 — definitive mobile navigation fix */
.mobile-menu-toggle,
.mobile-menu-close,
.mobile-nav-backdrop{
  display:none;
}

@media (max-width:820px){
  html,body{overflow-x:hidden}

  .topbar{
    position:sticky!important;
    top:0!important;
    z-index:7000!important;
    display:flex!important;
    align-items:center!important;
    min-height:58px!important;
    padding:0 10px!important;
  }

  .mobile-menu-toggle{
    display:flex!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:0!important;
    margin:0 8px 0 0!important;
    border:1px solid var(--border)!important;
    border-radius:11px!important;
    background:var(--surface-1)!important;
    color:var(--text-1)!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:7100!important;
  }

  .mobile-menu-toggle span{
    display:block!important;
    width:18px!important;
    height:2px!important;
    border-radius:99px!important;
    background:currentColor!important;
    transition:transform .2s ease,opacity .2s ease!important;
  }

  body.mobile-nav-open .mobile-menu-toggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg)!important;
  }
  body.mobile-nav-open .mobile-menu-toggle span:nth-child(2){
    opacity:0!important;
  }
  body.mobile-nav-open .mobile-menu-toggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg)!important;
  }

  .sidebar#sidebar{
    display:block!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(320px,88vw)!important;
    height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:64px 12px 20px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:9000!important;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .25s cubic-bezier(.2,.8,.2,1)!important;
    background:var(--surface-1)!important;
    border-right:1px solid var(--border)!important;
    box-shadow:20px 0 60px rgba(0,0,0,.38)!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.mobile-nav-open .sidebar#sidebar,
  .sidebar#sidebar.is-open{
    transform:translate3d(0,0,0)!important;
  }

  .mobile-menu-close{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    width:38px!important;
    height:38px!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--surface-2)!important;
    color:var(--text-1)!important;
    font-size:24px!important;
    line-height:1!important;
    z-index:9100!important;
  }

  .mobile-nav-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:8500!important;
    background:rgba(2,8,18,.62)!important;
    backdrop-filter:blur(5px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }

  body.mobile-nav-open .mobile-nav-backdrop,
  .mobile-nav-backdrop.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.mobile-nav-open{
    overflow:hidden!important;
  }

   .workspace{content-visibility:auto;contain-intrinsic-size:1200px;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .brand{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .brand .wordmark{
    font-size:18px!important;
  }

  .search,
  .company-top{
    display:none!important;
  }

  .top-actions{
    margin-left:auto!important;
    flex:0 0 auto!important;
  }

  .top-actions>.icon-btn,
  .top-actions>.new-btn{
    display:none!important;
  }

  .language-picker{
    display:flex!important;
  }
}


/* Ladaro 0.10.0.2 — intro → application logo handoff */
.brand{
  position:relative;
}
.brand svg{
  overflow:visible;
}
.brand.brand-handoff svg{
  transform-origin:center;
  animation:brandHandoffFloat 1.05s cubic-bezier(.2,.8,.2,1) both;
}
.brand.brand-handoff svg circle:first-of-type{
  transform-box:fill-box;
  transform-origin:center;
  animation:brandHandoffRing .82s cubic-bezier(.18,.75,.12,1) both;
}
.brand.brand-handoff .wordmark,
.brand.brand-handoff [class*="word"]{
  animation:brandHandoffWord .72s cubic-bezier(.2,.8,.2,1) .08s both;
}
.brand.brand-handoff-flare:after{
  content:"";
  position:absolute;
  left:25px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(110,235,255,.95) 0 18%,rgba(31,159,255,.55) 35%,rgba(31,159,255,0) 72%);
  transform:translate(-50%,-50%) scale(.35);
  animation:brandHandoffFlare .55s ease-out both;
}
@keyframes brandHandoffRing{
  0%{transform:rotate(-285deg);filter:drop-shadow(0 0 0 rgba(36,165,255,0))}
  70%{filter:drop-shadow(0 0 8px rgba(36,165,255,.36))}
  100%{transform:rotate(0deg);filter:drop-shadow(0 0 2px rgba(36,165,255,.16))}
}
@keyframes brandHandoffFloat{
  0%{transform:translateY(2px) scale(.96);opacity:.72}
  55%{transform:translateY(-1px) scale(1.035);opacity:1}
  100%{transform:none;opacity:1}
}
@keyframes brandHandoffWord{
  0%{opacity:.45;filter:blur(4px);transform:translateX(-4px)}
  100%{opacity:1;filter:blur(0);transform:none}
}
@keyframes brandHandoffFlare{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}
  30%{opacity:1;transform:translate(-50%,-50%) scale(1.7)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(2.7)}
}
@media(prefers-reduced-motion:reduce){
  .brand.brand-handoff svg,
  .brand.brand-handoff svg circle:first-of-type,
  .brand.brand-handoff .wordmark,
  .brand.brand-handoff [class*="word"]{
    animation:none!important;
  }
  .brand.brand-handoff-flare:after{display:none}
}


/* =========================================================
   Ladaro 0.10.0.2
   Strong Pulse personalization CTA
   ========================================================= */
.pulse-customize-primary{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:52px!important;
  padding:7px 10px 7px 8px!important;
  border:1px solid rgba(74,132,255,.48)!important;
  border-radius:14px!important;
  background:
    linear-gradient(135deg,rgba(47,107,255,.18),rgba(21,217,233,.08)),
    var(--surface-1)!important;
  color:var(--text-1)!important;
  box-shadow:0 10px 28px rgba(47,107,255,.13)!important;
  cursor:pointer!important;
  text-align:left!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.pulse-customize-primary:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(63,139,255,.78)!important;
  box-shadow:0 14px 34px rgba(47,107,255,.20)!important;
}
.pulse-customize-primary.active{
  background:linear-gradient(135deg,var(--brand),#4d7cff)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.pulse-customize-primary.active small{color:rgba(255,255,255,.76)!important}
.pulse-customize-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,var(--brand),#4b82ff)!important;
  color:#fff!important;
  font-size:18px!important;
  box-shadow:0 7px 18px rgba(47,107,255,.25)!important;
}
.pulse-customize-copy{
  display:grid!important;
  gap:3px!important;
  min-width:188px!important;
}
.pulse-customize-copy b{
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:800!important;
}
.pulse-customize-copy small{
  font-size:7px!important;
  line-height:1.25!important;
  color:var(--text-3)!important;
  font-weight:520!important;
}
.pulse-customize-arrow{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  margin-left:2px;
  border-radius:9px;
  background:var(--surface-2);
  color:var(--brand);
  font-size:14px;
  font-weight:800;
}
.pulse-customize-primary.active .pulse-customize-arrow{
  background:rgba(255,255,255,.16);
  color:#fff;
}

@media(max-width:680px){
  .pulse-customize-primary{
    min-height:46px!important;
    padding:5px 7px!important;
  }
  .pulse-customize-icon{
    width:34px!important;height:34px!important;flex-basis:34px!important;
  }
  .pulse-customize-copy{min-width:0!important}
  .pulse-customize-copy small{display:none!important}
  .pulse-customize-arrow{display:none}
}

/* =========================================================
   Ladaro 0.10.0.2
   EXACT replay of the ORIGINAL topbar logo animation
   after the intro disappears.
   IMPORTANT: no .intro-* rules are changed here.
   ========================================================= */

.brand.brand-replay-original .logo-ring-spin{
  animation:none!important;
}
.brand.brand-replay-original .logo-planet-orbit{
  animation:none!important;
  opacity:0;
}
.brand.brand-replay-original .logo-planet,
.brand.brand-replay-original .logo-planet-core,
.brand.brand-replay-original .logo-planet-afterglow,
.brand.brand-replay-original .logo-planet-halo-inner,
.brand.brand-replay-original .logo-planet-halo-outer,
.brand.brand-replay-original .wordmark>span,
.brand.brand-replay-original .wordmark-sheen{
  animation:none!important;
}

/* second frame: same keyframes and delays as the original logo */
.brand.brand-replay-original .logo-ring-spin{
  transform-box:view-box;
  transform-origin:18px 18px;
  animation:ladaroLogoSpin 1.12s cubic-bezier(.16,.84,.18,1) .05s both!important;
}
.brand.brand-replay-original .logo-planet-orbit{
  transform-box:view-box;
  transform-origin:18px 18px;
  opacity:0;
  animation:ladaroPlanetOrbit 1.12s cubic-bezier(.18,.82,.18,1) .05s both!important;
}
.brand.brand-replay-original .logo-planet{
  transform-box:fill-box;
  transform-origin:center;
  animation:ladaroPlanetFinish .72s cubic-bezier(.18,.82,.2,1) 1.01s both!important;
}
.brand.brand-replay-original .logo-planet-core{
  animation:ladaroPlanetCore .72s ease-out 1.01s both!important;
}
.brand.brand-replay-original .logo-planet-afterglow{
  transform-box:fill-box;
  transform-origin:center;
  animation:ladaroAfterglow .9s ease-out 1.05s both!important;
}
.brand.brand-replay-original .logo-planet-halo-inner{
  animation:ladaroFlareInner .72s ease-out 1.04s both!important;
}
.brand.brand-replay-original .logo-planet-halo-outer{
  animation:ladaroFlareOuter .82s ease-out 1.02s both!important;
}
.brand.brand-replay-original .wordmark>span{
  opacity:0;
  transform:translateY(10px) scale(.92);
  filter:blur(5px);
  animation:ladaroLetterIn .48s cubic-bezier(.16,.86,.24,1) calc(.74s + var(--i)*.055s) forwards!important;
}
.brand.brand-replay-original .wordmark-sheen{
  left:-42px;
  opacity:0;
  animation:ladaroWordSheen .72s cubic-bezier(.2,.75,.2,1) 1.05s forwards!important;
}

/* Disable the experimental handoff animation from 0.7.8 */
.brand.brand-replay-original.brand-handoff svg,
.brand.brand-replay-original.brand-handoff .wordmark,
.brand.brand-replay-original.brand-handoff [class*="word"]{
  animation:none!important;
}
.brand.brand-replay-original:after{display:none!important}


/* =========================================================
   Ladaro 0.10.0.2 — reliable replay of logo AFTER intro
   The intro itself is untouched.
   ========================================================= */

/* Phase 1: hard-reset every animated logo part */
.brand.brand-replay-reset .logo-ring-spin,
.brand.brand-replay-reset .logo-planet-orbit,
.brand.brand-replay-reset .logo-planet,
.brand.brand-replay-reset .logo-planet-core,
.brand.brand-replay-reset .logo-planet-afterglow,
.brand.brand-replay-reset .logo-planet-halo-inner,
.brand.brand-replay-reset .logo-planet-halo-outer,
.brand.brand-replay-reset .wordmark>span,
.brand.brand-replay-reset .wordmark-sheen{
  animation:none!important;
}

/* Explicit initial states matching the original animation */
.brand.brand-replay-reset .logo-ring-spin{
  transform-box:view-box;
  transform-origin:18px 18px;
  transform:rotate(-285deg) scale(.78)!important;
  opacity:0!important;
}
.brand.brand-replay-reset .logo-planet-orbit{
  transform-box:view-box;
  transform-origin:18px 18px;
  transform:rotate(-330deg)!important;
  opacity:0!important;
}
.brand.brand-replay-reset .logo-planet{
  transform-box:fill-box;
  transform-origin:center;
  transform:scale(.9)!important;
  filter:brightness(1)!important;
}
.brand.brand-replay-reset .logo-planet-core{opacity:.8!important}
.brand.brand-replay-reset .logo-planet-afterglow{
  opacity:0!important;
  transform:scale(.35)!important;
}
.brand.brand-replay-reset .logo-planet-halo-inner,
.brand.brand-replay-reset .logo-planet-halo-outer{
  opacity:0!important;
  transform:scale(.2)!important;
}
.brand.brand-replay-reset .wordmark>span{
  opacity:0!important;
  transform:translateY(10px) scale(.92)!important;
  filter:blur(5px)!important;
}
.brand.brand-replay-reset .wordmark-sheen{
  left:-42px!important;
  opacity:0!important;
}

/* Phase 2: replay exactly the original logo keyframes */
.brand.brand-replay-original .logo-ring-spin{
  animation:ladaroLogoSpin 1.12s cubic-bezier(.16,.84,.18,1) .05s both!important;
}
.brand.brand-replay-original .logo-planet-orbit{
  animation:ladaroPlanetOrbit 1.12s cubic-bezier(.18,.82,.18,1) .05s both!important;
}
.brand.brand-replay-original .logo-planet{
  animation:ladaroPlanetFinish .72s cubic-bezier(.18,.82,.2,1) 1.01s both!important;
}
.brand.brand-replay-original .logo-planet-core{
  animation:ladaroPlanetCore .72s ease-out 1.01s both!important;
}
.brand.brand-replay-original .logo-planet-afterglow{
  animation:ladaroAfterglow .9s ease-out 1.05s both!important;
}
.brand.brand-replay-original .logo-planet-halo-inner{
  animation:ladaroFlareInner .72s ease-out 1.04s both!important;
}
.brand.brand-replay-original .logo-planet-halo-outer{
  animation:ladaroFlareOuter .82s ease-out 1.02s both!important;
}
.brand.brand-replay-original .wordmark>span{
  animation:ladaroLetterIn .48s cubic-bezier(.16,.86,.24,1) calc(.74s + var(--i)*.055s) forwards!important;
}
.brand.brand-replay-original .wordmark-sheen{
  animation:ladaroWordSheen .72s cubic-bezier(.2,.75,.2,1) 1.05s forwards!important;
}


/* Ladaro 0.10.0.2 — mobile menu labels fix */
@media (max-width:820px){

  .sidebar#sidebar{
    width:min(320px,88vw)!important;
  }

  /* Never use collapsed-sidebar presentation on mobile */
  .sidebar#sidebar .nav{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    width:100%!important;
  }

  .sidebar#sidebar .nav-label{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    padding:13px 10px 7px!important;
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.12em!important;
    color:var(--faint)!important;
  }

  .sidebar#sidebar .nav button{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    padding:0 11px!important;
    text-align:left!important;
    overflow:visible!important;
  }

  .sidebar#sidebar .nav button .ico{
    display:grid!important;
    place-items:center!important;
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    margin:0!important;
  }

  /* Restore every text label that desktop collapsed rules may hide */
  .sidebar#sidebar .nav button > span:not(.ico),
  .sidebar#sidebar .nav button > b,
  .sidebar#sidebar .nav button > strong,
  .sidebar#sidebar .nav button .label,
  .sidebar#sidebar .nav button .nav-text{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    overflow:visible!important;
    white-space:nowrap!important;
    transform:none!important;
    font-size:10px!important;
    line-height:1.2!important;
    color:inherit!important;
  }

  /* Generic fallback: if button text is plain text next to .ico,
     keep enough room so it remains readable */
  .sidebar#sidebar .nav button{
    font-size:10px!important;
    color:var(--muted)!important;
  }

  .sidebar#sidebar .nav button.active{
    color:var(--text)!important;
  }

  .sidebar#sidebar .nav button.active:before{
    display:block!important;
  }

  /* Footer/system section in sidebar */
  .sidebar#sidebar .sidebar-bottom,
  .sidebar#sidebar .sidebar-footer,
  .sidebar#sidebar .system-nav{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
  }

  .sidebar#sidebar .sidebar-bottom span,
  .sidebar#sidebar .sidebar-footer span,
  .sidebar#sidebar .system-nav span{
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* Ladaro 0.10.0.2 — ERP core modules */
.module-toolbar{display:flex;gap:8px;align-items:center}
.module-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.module-metric{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface-1);box-shadow:var(--shadow)}
.module-metric>span,.module-metric>small{display:block}.module-metric>span{font-size:7px;font-weight:700;letter-spacing:.06em;color:var(--text-3);text-transform:uppercase}
.module-metric>strong{display:block;margin:7px 0 4px;font-size:22px;letter-spacing:-.04em}.module-metric>small{font-size:7px;color:var(--text-3)}
.module-metric.warning{border-color:rgba(255,159,67,.3);background:linear-gradient(145deg,var(--surface-1),rgba(255,159,67,.05))}
.module-layout-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:12px;margin-bottom:12px}
.module-card{padding:14px;margin-bottom:12px;overflow:hidden}
.module-table-wrap{overflow:auto;margin-top:8px}.module-table{width:100%;border-collapse:collapse;min-width:680px}.module-table th{padding:8px 7px;border-bottom:1px solid var(--border);font-size:6px;text-align:left;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase}.module-table td{padding:9px 7px;border-bottom:1px solid var(--border);font-size:8px;color:var(--text-2);vertical-align:middle}.module-table td b{color:var(--text-1)}.module-table td small{display:block;margin-top:2px;font-size:6px;color:var(--text-3)}
.status-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:7px;font-size:6px;font-weight:800;white-space:nowrap}.status-badge.success{background:var(--teal-soft);color:var(--teal)}.status-badge.warning{background:rgba(255,159,67,.11);color:#f59b39}.status-badge.danger{background:var(--coral-soft);color:var(--coral)}.status-badge.neutral{background:var(--surface-2);color:var(--text-2)}
.activity-row,.supplier-row,.movement-row,.cash-row,.workcenter-row,.production-row,.order-progress-row{display:grid;align-items:center;gap:9px;padding:9px 2px;border-bottom:1px solid var(--border);font-size:7px}
.activity-row{grid-template-columns:42px 1fr}.activity-row>span{font-weight:800;color:var(--brand)}.activity-row b,.activity-row small{display:block}.activity-row small{margin-top:2px;color:var(--text-3)}
.supplier-row{grid-template-columns:1fr 38px 45px 80px}.supplier-row b,.supplier-row small{display:block}.supplier-row small{color:var(--text-3);font-size:6px}.supplier-rating{display:grid;place-items:center;height:24px;border-radius:7px;background:var(--teal-soft);color:var(--teal);font-weight:900}
.movement-row{grid-template-columns:36px 1fr 45px auto}.movement-row b,.movement-row small{display:block}.movement-row small{font-size:6px;color:var(--text-3)}.movement-type{display:grid;place-items:center;width:30px;height:26px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-weight:900}
 .cash-row{content-visibility:auto;contain-intrinsic-size:96px;grid-template-columns:48px 1fr 1fr 1fr}.cash-in{color:var(--teal)}.cash-out{color:var(--coral)}
.order-progress-row{grid-template-columns:minmax(170px,1fr) minmax(180px,1.2fr) 100px auto}.order-progress-row b,.order-progress-row small{display:block}.order-progress-row small{font-size:6px;color:var(--text-3)}
.production-row{grid-template-columns:minmax(170px,1fr) minmax(150px,1fr) 72px auto}.production-row b,.production-row small{display:block}.production-row small{font-size:6px;color:var(--text-3)}
.workcenter-row{grid-template-columns:1fr 130px auto}.workcenter-row b,.workcenter-row small{display:block}.workcenter-row small{font-size:6px;color:var(--text-3)}
.module-progress{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:5px}.module-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--cyan))}
.module-tabs{display:flex;gap:6px;margin-bottom:10px;overflow:auto}.module-tabs button{border:1px solid var(--border);background:var(--surface-1);color:var(--text-2);border-radius:9px;padding:8px 12px;font-size:7px;white-space:nowrap}.module-tabs button.active{background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand);font-weight:800}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-card{padding:15px}.project-top{display:flex;justify-content:space-between;gap:10px}.project-top span{font-size:6px;color:var(--brand);font-weight:800}.project-top h3{font-size:13px;margin:4px 0}.project-top small{font-size:6px;color:var(--text-3)}.project-progress{margin:16px 0}.project-progress>div:first-child{display:flex;justify-content:space-between;font-size:7px}.project-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.project-numbers div{padding:8px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border)}.project-numbers span,.project-numbers b{display:block}.project-numbers span{font-size:6px;color:var(--text-3)}.project-numbers b{font-size:7px;margin-top:3px}

@media(max-width:1050px){
 .module-metrics{grid-template-columns:repeat(2,1fr)}
 .module-layout-2{grid-template-columns:1fr}
 .project-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
 .module-metrics{grid-template-columns:1fr 1fr;gap:7px}
 .module-metric{padding:11px}.module-metric>strong{font-size:18px}
 .project-grid{grid-template-columns:1fr}
 .order-progress-row,.production-row,.workcenter-row,.supplier-row,.movement-row{grid-template-columns:1fr;gap:5px}
 .module-toolbar .btn-secondary{display:none}
}


/* Ladaro 0.10.0.2 — content-sized mobile menu */
@media(max-width:820px){
  .sidebar#sidebar{
    width:max-content!important;
    min-width:210px!important;
    max-width:min(86vw,280px)!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .sidebar#sidebar .nav button{
    width:100%!important;
    min-width:max-content!important;
    padding-right:14px!important;
  }
  .sidebar#sidebar .nav-text{
    white-space:nowrap!important;
  }
}

/* Ladaro 0.10.0.2 — localization settings */
.locale-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}
.locale-card{padding:16px}.locale-card label{display:grid;gap:6px;margin:10px 0;font-size:7px;color:var(--text-3);font-weight:700}
.locale-card select{height:39px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text-1);padding:0 10px}
.locale-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.locale-preview>div{padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}
.locale-preview span,.locale-preview b{display:block}.locale-preview span{font-size:6px;color:var(--text-3)}.locale-preview b{margin-top:3px;font-size:9px}
.compliance-list{display:grid;gap:8px}.compliance-list>div{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}
.compliance-list>div>span{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--teal-soft);color:var(--teal);font-weight:900}
.compliance-list b{font-size:8px}.compliance-list small{font-size:6px;color:var(--text-3)}
.locale-note{margin:14px 0 0;padding:11px;border-radius:10px;background:var(--brand-soft);color:var(--text-2);font-size:7px;line-height:1.5}
@media(max-width:760px){.locale-grid{grid-template-columns:1fr}.locale-preview{grid-template-columns:1fr 1fr}}


/* =========================================================
   Ladaro 0.10.0.2 — Pulse readability
   ========================================================= */

/* Main Pulse heading and subtitle */
.page-head .page-title,
.page-head h1{
  line-height:1.08;
}
.page-head .page-subtitle,
.page-head p{
  font-size:11px!important;
  line-height:1.55!important;
  color:var(--text-2)!important;
}

/* Widget title bars */
.pulse-widget-title{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.pulse-widget-tools{
  min-height:48px!important;
}

/* KPI labels and supporting copy */
.pulse-kpi .kpi-label,
.kpi-label{
  font-size:9px!important;
  line-height:1.3!important;
  letter-spacing:.045em!important;
}
.pulse-kpi .delta,
.kpi .delta{
  font-size:9px!important;
  line-height:1.3!important;
}
.pulse-kpi small,
.pulse-widget small{
  font-size:8px!important;
  line-height:1.45!important;
}

/* Priority / Assist */
.pulse-priority p,
.priority p,
.pulse-assist p,
.assist p{
  font-size:11px!important;
  line-height:1.6!important;
  color:var(--text-2)!important;
}
.pulse-priority h2,
.priority h2,
.pulse-assist h2,
.assist h2{
  line-height:1.2!important;
}
.priority-footer,
.priority-footer span,
.priority-footer b{
  font-size:9px!important;
}

/* Card headings and helper labels */
.pulse-card .overline,
.pulse-widget .overline{
  font-size:8px!important;
  line-height:1.25!important;
}
.pulse-card h3{
  font-size:14px!important;
  line-height:1.2!important;
}
.pulse-card .card-head button{
  font-size:8px!important;
}

/* Timeline */
.timeline-row .time{
  font-size:9px!important;
}
.timeline-row .event b{
  font-size:10px!important;
  line-height:1.35!important;
}
.timeline-row .event span{
  font-size:8px!important;
  line-height:1.45!important;
  color:var(--text-3)!important;
}

/* Attention / client rows */
.client b{
  font-size:10px!important;
  line-height:1.3!important;
}
.client .amount,
.amount{
  font-size:9px!important;
}
.client .status-badge,
.client .pill{
  font-size:7px!important;
}

/* Pipeline */
.pipeline-meta{
  font-size:9px!important;
  line-height:1.4!important;
}
.stage-line{
  font-size:9px!important;
  line-height:1.35!important;
}

/* Quick actions */
.quick-grid button b{
  font-size:10px!important;
  line-height:1.25!important;
}
.quick-grid button small{
  font-size:8px!important;
  line-height:1.35!important;
}

/* Variable-density extras */
.pulse-detail-row{
  font-size:9px!important;
  line-height:1.4!important;
}
.pulse-detail-grid span{
  font-size:8px!important;
  line-height:1.3!important;
}
.pulse-detail-grid b{
  font-size:10px!important;
}
.pulse-detail-grid>div{
  padding:10px!important;
}

/* Customize CTA */
.pulse-customize-copy b{
  font-size:11px!important;
}
.pulse-customize-copy small{
  font-size:8px!important;
  line-height:1.35!important;
}

/* Edit mode hint */
.pulse-edit-toolbar p b{
  font-size:10px!important;
}
.pulse-edit-toolbar p small{
  font-size:8px!important;
  line-height:1.45!important;
}

/* Advanced layout editor */
.layout-name b{
  font-size:10px!important;
}
.layout-name span,
.layout-size,
.layout-hide,
.layout-section-head,
.layout-tip b{
  font-size:8px!important;
}
.layout-tip p{
  font-size:8px!important;
  line-height:1.5!important;
}

/* Better mobile readability */
@media(max-width:680px){
  .page-head .page-subtitle,
  .page-head p{
    font-size:10px!important;
  }
  .pulse-priority p,
  .priority p,
  .pulse-assist p,
  .assist p{
    font-size:10px!important;
  }
  .pulse-widget-title{
    font-size:10px!important;
  }
  .pulse-kpi .kpi-label,
  .kpi-label,
  .pulse-kpi .delta,
  .kpi .delta{
    font-size:8px!important;
  }
  .timeline-row .event b,
  .client b,
  .quick-grid button b{
    font-size:10px!important;
  }
  .timeline-row .event span,
  .quick-grid button small,
  .pulse-detail-row{
    font-size:8px!important;
  }
}


/* Ladaro 0.10.0.2 — animated language switch */
#workspace,.sidebar .nav-text,.sidebar .nav-label,.topbar .search,.topbar .new-btn,.company-top{
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),filter .18s ease;
}
body.language-switching #workspace{
  opacity:.18;transform:translateY(3px);filter:blur(1.5px);
}
body.language-switching .sidebar .nav-text,
body.language-switching .sidebar .nav-label,
body.language-switching .topbar .search,
body.language-switching .topbar .new-btn,
body.language-switching .company-top{
  opacity:.28;transform:translateY(1px);
}
body.language-entering #workspace{animation:languageContentIn .32s cubic-bezier(.2,.8,.2,1) both}
body.language-entering .sidebar .nav-text,
body.language-entering .sidebar .nav-label{animation:languageNavIn .28s cubic-bezier(.2,.8,.2,1) both}
.language-transition{
  position:fixed;right:18px;top:78px;z-index:16000;display:flex;align-items:center;gap:8px;
  min-height:34px;padding:0 11px;border:1px solid var(--brand-border);border-radius:11px;
  background:var(--surface-1);color:var(--text-1);box-shadow:0 12px 34px rgba(0,0,0,.16);
  opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;
  transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)
}
.language-transition.show{opacity:1;transform:none}
.language-transition span{
  display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--brand-soft);
  color:var(--brand);font-size:11px;animation:languageGlobe .85s ease-in-out infinite alternate
}
.language-transition b{font-size:8px;letter-spacing:.02em}
@keyframes languageContentIn{from{opacity:.18;transform:translateY(3px);filter:blur(1.5px)}to{opacity:1;transform:none;filter:none}}
@keyframes languageNavIn{from{opacity:.25;transform:translateX(-2px)}to{opacity:1;transform:none}}
@keyframes languageGlobe{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
@media(max-width:820px){.language-transition{top:64px;right:10px}}
@media(prefers-reduced-motion:reduce){
 #workspace,.sidebar .nav-text,.sidebar .nav-label,.language-transition{transition:none!important;animation:none!important}
}


/* =========================================================
   Ladaro 0.10.0.2 — language transition: TOP → BOTTOM
   Old language is physically wiped away, revealing the new one.
   ========================================================= */

.language-old-layer{
  position:fixed;
  inset:0;
  z-index:17500;
  pointer-events:none;
  overflow:hidden;
  background:var(--bg);
  clip-path:inset(0 0 0 0);
  will-change:clip-path;
}
.language-old-layer>.app{
  min-height:100vh;
  width:100%;
}

/* Remove the OLD language from the top edge downward. */
.language-old-layer.language-old-layer-out{
  animation:ladaroLanguageWipeOld .78s cubic-bezier(.76,0,.24,1) forwards;
}

.language-sweep{
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:17600;
  height:2px;
  pointer-events:none;
  opacity:0;
  transform:translateY(-8px);
  will-change:transform,opacity;
}
.language-sweep-run{
  opacity:1;
  animation:ladaroLanguageSweep .78s cubic-bezier(.76,0,.24,1) forwards;
}
.language-sweep-glow{
  position:absolute;
  left:0;
  right:0;
  top:-12px;
  height:26px;
  background:
    linear-gradient(
      180deg,
      rgba(28,132,255,0) 0%,
      rgba(28,132,255,.06) 28%,
      rgba(63,190,255,.32) 48%,
      rgba(125,235,255,.72) 50%,
      rgba(63,190,255,.28) 54%,
      rgba(28,132,255,.04) 76%,
      rgba(28,132,255,0) 100%
    );
  filter:blur(.2px);
}
.language-sweep-label{
  position:absolute;
  right:18px;
  top:-13px;
  display:grid;
  place-items:center;
  min-width:31px;
  height:25px;
  padding:0 7px;
  border:1px solid rgba(99,203,255,.48);
  border-radius:8px;
  background:rgba(7,22,45,.88);
  color:#dff8ff;
  box-shadow:0 5px 20px rgba(30,147,255,.26);
  backdrop-filter:blur(10px);
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

/* New interface remains stable underneath; only a tiny focus bloom follows the sweep. */
body.language-wipe-running #workspace{
  transition:none!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
body.language-wipe-running .sidebar .nav-text,
body.language-wipe-running .sidebar .nav-label,
body.language-wipe-running .topbar .search,
body.language-wipe-running .topbar .new-btn,
body.language-wipe-running .company-top{
  transition:none!important;
  opacity:1!important;
  transform:none!important;
}

@keyframes ladaroLanguageWipeOld{
  0%{
    clip-path:inset(0 0 0 0);
  }
  100%{
    clip-path:inset(100% 0 0 0);
  }
}

@keyframes ladaroLanguageSweep{
  0%{
    transform:translateY(-8px);
    opacity:0;
  }
  4%{
    opacity:1;
  }
  96%{
    opacity:1;
  }
  100%{
    transform:translateY(calc(100vh + 14px));
    opacity:0;
  }
}

@media(max-width:820px){
  .language-sweep-label{
    right:10px;
  }
}

/* Accessibility: no wipe animation when reduced motion is requested. */
@media(prefers-reduced-motion:reduce){
  .language-old-layer.language-old-layer-out{
    animation-duration:.01ms!important;
  }
  .language-sweep-run{
    animation-duration:.01ms!important;
  }
}


/* =========================================================
   Ladaro 0.10.0.2 — branded language sweep
   Language change now references the Ladaro logo animation.
   ========================================================= */

.language-sweep{
  height:3px!important;
}

.language-sweep-glow{
  top:-16px!important;
  height:34px!important;
  background:
    linear-gradient(
      180deg,
      rgba(78,92,255,0) 0%,
      rgba(78,92,255,.04) 22%,
      rgba(22,141,255,.13) 40%,
      rgba(21,217,233,.55) 49%,
      rgba(220,252,255,.9) 50%,
      rgba(21,217,233,.44) 53%,
      rgba(22,141,255,.08) 72%,
      rgba(78,92,255,0) 100%
    )!important;
  box-shadow:
    0 0 12px rgba(21,217,233,.18),
    0 0 30px rgba(22,141,255,.08);
}

.language-sweep-brand{
  position:absolute;
  left:18px;
  top:-20px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 5px 13px rgba(22,141,255,.34));
}
.language-sweep-brand svg{
  width:40px;
  height:40px;
  overflow:visible;
}
.lang-sweep-ring{
  transform-box:view-box;
  transform-origin:18px 18px;
  animation:langSweepRingSpin .72s cubic-bezier(.16,.84,.18,1) both;
}
.lang-sweep-orbit{
  transform-box:view-box;
  transform-origin:18px 18px;
  animation:langSweepOrbit .72s cubic-bezier(.18,.82,.18,1) both;
}
.lang-sweep-planet{
  transform-box:fill-box;
  transform-origin:center;
  animation:langSweepPlanetPulse .72s ease-in-out infinite alternate;
}
.lang-sweep-core{
  animation:langSweepCorePulse .72s ease-in-out infinite alternate;
}
.lang-sweep-halo{
  transform-box:fill-box;
  transform-origin:center;
  animation:langSweepHalo .9s ease-out infinite;
}

.language-sweep-label{
  right:18px!important;
  top:-13px!important;
  min-width:34px!important;
  height:26px!important;
  border-color:rgba(21,217,233,.52)!important;
  background:
    linear-gradient(135deg,rgba(12,29,58,.94),rgba(10,21,45,.92))!important;
  box-shadow:
    0 5px 20px rgba(30,147,255,.22),
    inset 0 0 14px rgba(21,217,233,.05)!important;
  color:#e9fdff!important;
}

@keyframes langSweepRingSpin{
  0%{transform:rotate(-285deg) scale(.84);opacity:.45}
  72%{transform:rotate(14deg) scale(1.04);opacity:1}
  100%{transform:rotate(0deg) scale(1);opacity:1}
}
@keyframes langSweepOrbit{
  0%{transform:rotate(-330deg);opacity:.5}
  100%{transform:rotate(0deg);opacity:1}
}
@keyframes langSweepPlanetPulse{
  from{transform:scale(.92);filter:brightness(1.15)}
  to{transform:scale(1.35);filter:brightness(1.9)}
}
@keyframes langSweepCorePulse{
  from{opacity:.74}
  to{opacity:1}
}
@keyframes langSweepHalo{
  0%{opacity:0;transform:scale(.35)}
  28%{opacity:.7;transform:scale(1.15)}
  100%{opacity:0;transform:scale(2.25)}
}

/* A soft branded wake follows the moving Ladaro mark. */
.language-sweep:after{
  content:"";
  position:absolute;
  left:58px;
  right:70px;
  top:-7px;
  height:14px;
  border-radius:50%;
  background:
    linear-gradient(90deg,
      rgba(78,92,255,.28),
      rgba(22,141,255,.36),
      rgba(21,217,233,.38),
      rgba(21,217,233,0));
  filter:blur(7px);
  opacity:.7;
}

/* During wipe, slightly illuminate the revealed interface near the moving boundary. */
body.language-wipe-running .app{
  background:
    radial-gradient(circle at 50% 0%,rgba(21,217,233,.025),transparent 32%),
    transparent;
}

@media(max-width:820px){
  .language-sweep-brand{
    left:10px;
    width:36px;
    height:36px;
    top:-18px;
  }
  .language-sweep-brand svg{width:36px;height:36px}
  .language-sweep-label{right:10px!important}
  .language-sweep:after{left:48px;right:56px}
}

@media(prefers-reduced-motion:reduce){
  .lang-sweep-ring,
  .lang-sweep-orbit,
  .lang-sweep-planet,
  .lang-sweep-core,
  .lang-sweep-halo{
    animation:none!important;
  }
}


/* =========================================================
   Ladaro 0.10.0.2 — full-screen centered language transition
   ========================================================= */
.language-center-transition{
  position:fixed;
  inset:0;
  z-index:19000;
  display:grid;
  place-items:center;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
}
.language-center-transition.show{opacity:1}
.language-center-transition.hide{opacity:0}

.language-center-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 48%,rgba(22,141,255,.14),transparent 26%),
    radial-gradient(circle at 50% 52%,rgba(21,217,233,.06),transparent 38%),
    rgba(5,13,27,.78);
  backdrop-filter:blur(10px);
  opacity:0;
  animation:languageBackdropIn .32s ease forwards;
}

.language-center-stage{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:18px;
  min-width:220px;
  padding:28px 36px 25px;
  border:1px solid rgba(87,173,255,.20);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(11,27,53,.72),rgba(7,18,39,.58));
  box-shadow:
    0 24px 90px rgba(0,0,0,.34),
    inset 0 0 45px rgba(22,141,255,.035);
  transform:translateY(8px) scale(.94);
  opacity:0;
  animation:languageStageIn .34s cubic-bezier(.2,.8,.2,1) .05s forwards;
}

.language-center-symbol{
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 10px 25px rgba(22,141,255,.26));
}
.language-center-symbol svg{
  width:86px;
  height:86px;
  overflow:visible;
}

.language-center-ring{
  transform-box:view-box;
  transform-origin:36px 36px;
  animation:languageCenterRing .82s cubic-bezier(.16,.84,.18,1) both;
}
.language-center-orbit{
  transform-box:view-box;
  transform-origin:36px 36px;
  opacity:0;
  animation:languageCenterOrbit .82s cubic-bezier(.18,.82,.18,1) both;
}
.language-center-planet{
  transform-box:fill-box;
  transform-origin:center;
  animation:languageCenterPlanet .5s cubic-bezier(.18,.82,.2,1) .54s both;
}
.language-center-core{
  animation:languageCenterCore .48s ease-out .54s both;
}
.language-center-halo{
  transform-box:fill-box;
  transform-origin:center;
  animation:languageCenterHalo .62s ease-out .52s both;
}

.language-center-copy{
  text-align:center;
  opacity:0;
  transform:translateY(5px);
  animation:languageCenterCopy .32s ease .26s forwards;
}
.language-center-code{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-size:15px;
  font-weight:850;
  letter-spacing:.06em;
}
.language-center-code span{
  color:rgba(218,230,247,.5);
}
.language-center-code i{
  font-style:normal;
  color:#5fcfff;
  transform:translateX(-2px);
  animation:languageArrow .55s ease-in-out infinite alternate;
}
.language-center-code strong{
  color:#f5fdff;
  text-shadow:0 0 18px rgba(92,218,255,.24);
}
.language-center-copy small{
  display:block;
  margin-top:7px;
  color:rgba(210,228,248,.62);
  font-size:8px;
  letter-spacing:.025em;
}

.language-center-transition.language-center-finish .language-center-stage{
  animation:languageStageFinish .42s cubic-bezier(.2,.8,.2,1) forwards;
}
.language-center-transition.language-center-finish .language-center-backdrop{
  animation:languageBackdropFinish .42s ease forwards;
}

@keyframes languageBackdropIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes languageStageIn{
  from{opacity:0;transform:translateY(8px) scale(.94);filter:blur(4px)}
  to{opacity:1;transform:none;filter:none}
}
@keyframes languageCenterRing{
  0%{transform:rotate(-305deg) scale(.78);opacity:0}
  18%{opacity:1}
  74%{transform:rotate(18deg) scale(1.055)}
  100%{transform:rotate(0deg) scale(1);opacity:1}
}
@keyframes languageCenterOrbit{
  0%{transform:rotate(-345deg);opacity:0}
  10%{opacity:1}
  100%{transform:rotate(0deg);opacity:1}
}
@keyframes languageCenterPlanet{
  0%{transform:scale(.92);filter:brightness(1)}
  28%{transform:scale(2.05);filter:brightness(2.8)}
  56%{transform:scale(1.2);filter:brightness(1.7)}
  100%{transform:scale(1);filter:brightness(1.08)}
}
@keyframes languageCenterCore{
  0%{opacity:.7}
  28%{opacity:1}
  100%{opacity:.9}
}
@keyframes languageCenterHalo{
  0%{opacity:0;transform:scale(.25)}
  28%{opacity:.78;transform:scale(1.18)}
  100%{opacity:0;transform:scale(2.85)}
}
@keyframes languageCenterCopy{
  to{opacity:1;transform:none}
}
@keyframes languageArrow{
  from{transform:translateX(-2px);opacity:.55}
  to{transform:translateX(3px);opacity:1}
}
@keyframes languageStageFinish{
  0%{opacity:1;transform:scale(1)}
  46%{opacity:1;transform:scale(1.035);filter:brightness(1.14)}
  100%{opacity:0;transform:scale(1.08);filter:blur(4px)}
}
@keyframes languageBackdropFinish{
  from{opacity:1}
  to{opacity:0}
}

@media(max-width:680px){
  .language-center-stage{
    min-width:190px;
    padding:23px 28px 21px;
    border-radius:20px;
  }
  .language-center-symbol,
  .language-center-symbol svg{
    width:72px;
    height:72px;
  }
}

@media(prefers-reduced-motion:reduce){
  .language-center-backdrop,
  .language-center-stage,
  .language-center-ring,
  .language-center-orbit,
  .language-center-planet,
  .language-center-core,
  .language-center-halo,
  .language-center-copy,
  .language-center-code i{
    animation:none!important;
  }
  .language-center-backdrop,
  .language-center-stage,
  .language-center-copy{
    opacity:1!important;
    transform:none!important;
  }
}


/* Ladaro 0.10.0.2 — persistent backend state */
.db-status{
  display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 8px;
  border:1px solid var(--border);border-radius:9px;background:var(--surface-2);
  color:var(--text-3);font-size:7px;font-weight:750;white-space:nowrap
}
.db-status i{width:6px;height:6px;border-radius:50%;background:#8794a7;box-shadow:0 0 0 3px rgba(135,148,167,.08)}
.db-status.online{color:var(--teal);border-color:rgba(30,190,160,.22);background:var(--teal-soft)}
.db-status.online i{background:var(--teal);box-shadow:0 0 0 3px rgba(30,190,160,.10)}
.db-status.offline{color:var(--text-3)}
.record-action{
  min-width:28px;height:27px;border:1px solid var(--border);border-radius:8px;
  background:var(--surface-2);color:var(--text-3);cursor:pointer;font-weight:900
}
.record-action:hover{border-color:var(--brand-border);color:var(--brand);background:var(--brand-soft)}
#modalSave:disabled{opacity:.55;cursor:wait}
@media(max-width:680px){.db-status{display:none}}


/* Ladaro 0.10.0.2 — stronger intro flare */
.intro-splash.auto .intro-afterglow,
.intro-splash.auto .intro-halo{
  transform-box:fill-box;
  transform-origin:center;
  pointer-events:none;
}
.intro-splash.auto.flare .intro-core{
  animation:introCoreBrandFlare .56s cubic-bezier(.18,.82,.2,1)!important;
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.96))
    drop-shadow(0 0 13px rgba(110,235,255,.88))
    drop-shadow(0 0 25px rgba(22,141,255,.52));
}
.intro-splash.auto.flare .intro-afterglow{
  animation:introAfterglowBrand .86s ease-out!important;
}
.intro-splash.auto.flare .intro-halo-inner{
  animation:introHaloInnerBrand .72s ease-out!important;
}
.intro-splash.auto.flare .intro-halo-outer{
  animation:introHaloOuterBrand .82s ease-out!important;
}
.intro-splash.auto.flare .intro-logo svg{
  animation:introSymbolBloom .76s ease-out!important;
}
@keyframes introCoreBrandFlare{
  0%{r:3;filter:brightness(1)}
  22%{r:9.2;filter:brightness(3.45)}
  42%{r:6.1;filter:brightness(2.15)}
  68%{r:3.8;filter:brightness(1.35)}
  100%{r:3;filter:brightness(1.08)}
}
@keyframes introAfterglowBrand{
  0%{opacity:0;transform:scale(.25)}
  22%{opacity:.52;transform:scale(1.15)}
  48%{opacity:.28;transform:scale(1.72)}
  100%{opacity:0;transform:scale(2.45)}
}
@keyframes introHaloInnerBrand{
  0%{opacity:0;transform:scale(.18)}
  17%{opacity:.98;transform:scale(1.22)}
  43%{opacity:.34;transform:scale(2.35)}
  100%{opacity:0;transform:scale(3.55)}
}
@keyframes introHaloOuterBrand{
  0%{opacity:0;transform:scale(.12)}
  15%{opacity:.52;transform:scale(1.08)}
  46%{opacity:.18;transform:scale(2.55)}
  100%{opacity:0;transform:scale(4.2)}
}
@keyframes introSymbolBloom{
  0%{
    filter:drop-shadow(0 0 0 rgba(21,217,233,0)) brightness(1);
  }
  23%{
    filter:
      drop-shadow(0 0 10px rgba(216,251,255,.44))
      drop-shadow(0 0 24px rgba(21,217,233,.36))
      drop-shadow(0 0 48px rgba(22,141,255,.22))
      brightness(1.12);
  }
  100%{
    filter:drop-shadow(0 0 2px rgba(21,217,233,.08)) brightness(1);
  }
}
@media(prefers-reduced-motion:reduce){
  .intro-splash.auto.flare .intro-core,
  .intro-splash.auto.flare .intro-afterglow,
  .intro-splash.auto.flare .intro-halo-inner,
  .intro-splash.auto.flare .intro-halo-outer,
  .intro-splash.auto.flare .intro-logo svg{
    animation:none!important;
    filter:none!important;
  }
}


/* =========================================================
   Ladaro 0.10.0.2 — premium module context transition
   ========================================================= */

#workspace{
  transform-origin:50% 20%;
  transition:
    opacity .16s ease,
    transform .22s cubic-bezier(.2,.8,.2,1),
    filter .18s ease;
}

body.module-transition-running #workspace{
  opacity:.26;
  transform:translateY(3px) scale(.997);
  filter:blur(1.4px) saturate(.92);
}

body.module-transition-enter #workspace{
  animation:ladaroModuleEnter .32s cubic-bezier(.18,.82,.2,1) both;
}

.module-transition-layer{
  position:fixed;
  inset:0;
  z-index:16800;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .14s ease,visibility 0s linear .14s;
}

.module-transition-layer.show{
  opacity:1;
  visibility:visible;
  transition:opacity .14s ease;
}

.module-transition-progress{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  overflow:hidden;
  background:rgba(22,141,255,.035);
}

.module-transition-progress i{
  display:block;
  width:8%;
  height:100%;
  border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,#4E5CFF,#168DFF,#15D9E9,#D8FBFF);
  box-shadow:
    0 0 8px rgba(21,217,233,.55),
    0 0 22px rgba(22,141,255,.32);
  transform-origin:left center;
}

.module-transition-layer.show .module-transition-progress i{
  animation:ladaroModuleProgress .52s cubic-bezier(.22,.72,.18,1) forwards;
}

.module-transition-card{
  position:absolute;
  left:50%;
  top:50%;
  min-width:250px;
  padding:15px 17px 13px;
  border:1px solid var(--brand-border);
  border-radius:16px;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--surface-1) 95%,#168DFF 5%),
      color-mix(in srgb,var(--surface-1) 98%,#15D9E9 2%));
  box-shadow:
    0 18px 52px rgba(0,0,0,.18),
    0 0 0 1px rgba(21,217,233,.025) inset;
  backdrop-filter:blur(16px);
  opacity:0;
  transform:translate(-50%,-47%) scale(.97);
}

.module-transition-layer.show .module-transition-card{
  animation:ladaroModuleCardIn .22s cubic-bezier(.2,.8,.2,1) .03s forwards;
}

.module-transition-layer.complete .module-transition-card{
  animation:ladaroModuleCardOut .24s ease forwards;
}

.module-transition-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.module-transition-brand svg{
  width:34px;
  height:34px;
  flex:0 0 34px;
  filter:drop-shadow(0 5px 12px rgba(22,141,255,.22));
}

.module-transition-brand>div{
  min-width:0;
}

.module-transition-brand span{
  display:block;
  margin-bottom:2px;
  font-size:6px;
  font-weight:900;
  letter-spacing:.16em;
  color:var(--brand);
}

.module-transition-brand b{
  display:block;
  font-size:13px;
  line-height:1.15;
  color:var(--text-1);
  letter-spacing:-.015em;
}

.module-transition-card>small{
  display:block;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid var(--border);
  font-size:7px;
  line-height:1.35;
  color:var(--text-3);
  letter-spacing:.02em;
}

.module-transition-ring{
  transform-box:view-box;
  transform-origin:18px 18px;
  animation:ladaroModuleRing .62s cubic-bezier(.16,.84,.18,1) both;
}

.module-transition-orbit{
  transform-box:view-box;
  transform-origin:18px 18px;
  animation:ladaroModuleOrbit .62s cubic-bezier(.18,.82,.18,1) both;
}

.module-transition-core{
  animation:ladaroModuleCore .55s ease-in-out infinite alternate;
}

@keyframes ladaroModuleProgress{
  0%{width:8%;opacity:.45}
  54%{width:68%;opacity:1}
  82%{width:88%;opacity:1}
  100%{width:100%;opacity:.92}
}

@keyframes ladaroModuleCardIn{
  from{opacity:0;transform:translate(-50%,-47%) scale(.97);filter:blur(3px)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none}
}

@keyframes ladaroModuleCardOut{
  from{opacity:1;transform:translate(-50%,-50%) scale(1)}
  to{opacity:0;transform:translate(-50%,-53%) scale(1.015);filter:blur(2px)}
}

@keyframes ladaroModuleRing{
  0%{transform:rotate(-185deg);opacity:.58}
  100%{transform:rotate(0deg);opacity:1}
}

@keyframes ladaroModuleOrbit{
  0%{transform:rotate(-245deg);opacity:.5}
  100%{transform:rotate(0deg);opacity:1}
}

@keyframes ladaroModuleCore{
  from{opacity:.72;filter:brightness(1)}
  to{opacity:1;filter:brightness(1.8)}
}

@keyframes ladaroModuleEnter{
  0%{
    opacity:.3;
    transform:translateY(4px) scale(.997);
    filter:blur(1.5px) saturate(.94);
  }
  100%{
    opacity:1;
    transform:none;
    filter:none;
  }
}

@media(max-width:680px){
  .module-transition-card{
    min-width:min(240px,78vw);
    padding:13px 14px 12px;
  }
  .module-transition-brand b{font-size:12px}
}

/* Menu itself also feels less abrupt. */
.nav button{
  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .16s ease;
}
.nav button:active{
  transform:scale(.985);
}

@media(prefers-reduced-motion:reduce){
  #workspace,
  .module-transition-layer,
  .module-transition-card,
  .module-transition-progress i,
  .module-transition-ring,
  .module-transition-orbit,
  .module-transition-core{
    transition:none!important;
    animation:none!important;
  }
}


/* =========================================================
   Ladaro 0.10.0.2 — stable cross-browser module transitions
   No blur, no backdrop-filter, no full-screen overlay.
   ========================================================= */

/* Completely neutralize 0.9.0.2 full-screen transition layer. */
.module-transition-layer{
  display:none!important;
}

/* Workspace transition uses only opacity + translate. */
#workspace{
  transition:opacity .14s ease,transform .16s ease!important;
  filter:none!important;
}

body.module-switch-out #workspace{
  opacity:.68!important;
  transform:translateY(2px)!important;
  filter:none!important;
}

body.module-switch-in #workspace{
  animation:stableModuleIn .22s ease-out both!important;
  filter:none!important;
}

/* Thin progress line. */
.module-switch-bar{
  position:fixed;
  left:0;
  right:0;
  top:0;
  height:2px;
  z-index:16500;
  pointer-events:none;
  opacity:0;
  overflow:hidden;
  background:transparent;
}
.module-switch-bar i{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#4E5CFF,#168DFF,#15D9E9);
}
.module-switch-bar.run{
  opacity:1;
}
.module-switch-bar.run i{
  animation:stableModuleBar .36s ease-out forwards;
}

/* Small non-blocking Ladaro chip; never covers the app. */
.module-switch-chip{
  position:fixed;
  top:58px;
  left:50%;
  z-index:16510;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:4px 10px 4px 6px;
  border:1px solid var(--brand-border);
  border-radius:11px;
  background:var(--surface-1);
  color:var(--text-1);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
  opacity:0;
  transform:translate(-50%,-6px);
  pointer-events:none;
  transition:opacity .12s ease,transform .14s ease;
}
.module-switch-chip.show{
  opacity:1;
  transform:translate(-50%,0);
}
.module-switch-chip b{
  font-size:8px;
  line-height:1;
  white-space:nowrap;
}
.module-switch-mark{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
}
.module-switch-mark svg{
  width:25px;
  height:25px;
}
.module-switch-chip.show .module-switch-mark svg{
  animation:stableModuleLogo .34s ease-out both;
}

@keyframes stableModuleBar{
  0%{width:0;opacity:.75}
  72%{width:86%;opacity:1}
  100%{width:100%;opacity:.75}
}
@keyframes stableModuleIn{
  from{opacity:.68;transform:translateY(2px)}
  to{opacity:1;transform:none}
}
@keyframes stableModuleLogo{
  from{transform:rotate(-85deg) scale(.88);opacity:.65}
  to{transform:rotate(0deg) scale(1);opacity:1}
}

@media(max-width:820px){
  .module-switch-chip{top:52px}
}

@media(prefers-reduced-motion:reduce){
  #workspace,.module-switch-chip{transition:none!important}
  body.module-switch-in #workspace,
  .module-switch-bar.run i,
  .module-switch-chip.show .module-switch-mark svg{
    animation:none!important;
  }
}


/* =========================================================
   Ladaro 0.10.0.2 — module transition aligned with language animation
   Fixed overlay only. ZERO layout movement.
   ========================================================= */

/* Neutralize previous module-transition effects. */
.module-switch-bar,
.module-switch-chip,
.module-transition-layer{
  display:none!important;
}

body.module-switch-out #workspace,
body.module-switch-in #workspace,
body.module-transition-active #workspace{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}

/* Do not allow transition to affect document flow/layout. */
.module-center-transition{
  position:fixed;
  inset:0;
  z-index:18800;
  display:grid;
  place-items:center;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .16s ease,visibility 0s linear .16s;
  contain:layout paint style;
}
.module-center-transition.show{
  opacity:1;
  visibility:visible;
  transition:opacity .16s ease;
}
.module-center-transition.hide{
  opacity:0;
}

.module-center-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 48%,rgba(22,141,255,.13),transparent 26%),
    radial-gradient(circle at 50% 52%,rgba(21,217,233,.05),transparent 39%),
    rgba(5,13,27,.76);
  opacity:0;
  animation:moduleBackdropIn .26s ease forwards;
}

/* Deliberately no backdrop-filter: safer across browsers. */
.module-center-stage{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:17px;
  min-width:235px;
  padding:27px 35px 24px;
  border:1px solid rgba(87,173,255,.20);
  border-radius:23px;
  background:rgba(8,22,46,.94);
  box-shadow:
    0 22px 72px rgba(0,0,0,.34),
    inset 0 0 40px rgba(22,141,255,.035);
  opacity:0;
  transform:scale(.95);
  animation:moduleStageIn .3s cubic-bezier(.2,.8,.2,1) .03s forwards;
}

.module-center-symbol{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
}
.module-center-symbol svg{
  width:82px;
  height:82px;
  overflow:visible;
}

.module-center-ring{
  transform-box:view-box;
  transform-origin:36px 36px;
  animation:moduleCenterRing .72s cubic-bezier(.16,.84,.18,1) both;
}
.module-center-orbit{
  transform-box:view-box;
  transform-origin:36px 36px;
  animation:moduleCenterOrbit .72s cubic-bezier(.18,.82,.18,1) both;
}
.module-center-planet{
  transform-box:fill-box;
  transform-origin:center;
  animation:moduleCenterPlanet .44s cubic-bezier(.18,.82,.2,1) .42s both;
}
.module-center-core{
  animation:moduleCenterCore .45s ease-out .42s both;
}
.module-center-halo{
  transform-box:fill-box;
  transform-origin:center;
  animation:moduleCenterHalo .55s ease-out .4s both;
}

.module-center-copy{
  text-align:center;
  opacity:0;
  transform:translateY(4px);
  animation:moduleCenterCopy .26s ease .19s forwards;
}
.module-center-copy span{
  display:block;
  margin-bottom:5px;
  color:#69d8ff;
  font-size:6px;
  font-weight:900;
  letter-spacing:.17em;
}
.module-center-copy strong{
  display:block;
  color:#f4fbff;
  font-size:14px;
  line-height:1.15;
  letter-spacing:-.015em;
}
.module-center-copy small{
  display:block;
  margin-top:7px;
  color:rgba(218,232,249,.60);
  font-size:7px;
  line-height:1.35;
  letter-spacing:.02em;
}

.module-center-transition.module-center-finish .module-center-stage{
  animation:moduleStageFinish .32s cubic-bezier(.2,.8,.2,1) forwards;
}
.module-center-transition.module-center-finish .module-center-backdrop{
  animation:moduleBackdropFinish .32s ease forwards;
}

@keyframes moduleBackdropIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes moduleStageIn{
  from{opacity:0;transform:scale(.95)}
  to{opacity:1;transform:scale(1)}
}
@keyframes moduleCenterRing{
  0%{transform:rotate(-290deg) scale(.82);opacity:0}
  18%{opacity:1}
  76%{transform:rotate(16deg) scale(1.045)}
  100%{transform:rotate(0deg) scale(1);opacity:1}
}
@keyframes moduleCenterOrbit{
  0%{transform:rotate(-330deg);opacity:0}
  12%{opacity:1}
  100%{transform:rotate(0deg);opacity:1}
}
@keyframes moduleCenterPlanet{
  0%{transform:scale(.92)}
  32%{transform:scale(1.75)}
  60%{transform:scale(1.16)}
  100%{transform:scale(1)}
}
@keyframes moduleCenterCore{
  0%{opacity:.72}
  34%{opacity:1}
  100%{opacity:.9}
}
@keyframes moduleCenterHalo{
  0%{opacity:0;transform:scale(.25)}
  30%{opacity:.68;transform:scale(1.15)}
  100%{opacity:0;transform:scale(2.65)}
}
@keyframes moduleCenterCopy{
  to{opacity:1;transform:none}
}
@keyframes moduleStageFinish{
  0%{opacity:1;transform:scale(1)}
  45%{opacity:1;transform:scale(1.025)}
  100%{opacity:0;transform:scale(1.055)}
}
@keyframes moduleBackdropFinish{
  from{opacity:1}
  to{opacity:0}
}

@media(max-width:680px){
  .module-center-stage{
    min-width:190px;
    max-width:78vw;
    padding:22px 26px 20px;
    border-radius:20px;
  }
  .module-center-symbol,
  .module-center-symbol svg{
    width:70px;
    height:70px;
  }
}

@media(prefers-reduced-motion:reduce){
  .module-center-transition,
  .module-center-backdrop,
  .module-center-stage,
  .module-center-ring,
  .module-center-orbit,
  .module-center-planet,
  .module-center-core,
  .module-center-halo,
  .module-center-copy{
    animation:none!important;
    transition:none!important;
  }
  .module-center-transition.show,
  .module-center-backdrop,
  .module-center-stage,
  .module-center-copy{
    opacity:1!important;
    transform:none!important;
  }
}


/* =========================================================
   Ladaro 0.10.0.2 — Typography & Density
   New default is intentionally larger and more readable.
   ========================================================= */

:root{
  --text-scale:1;
  --fs-xxs:8px;
  --fs-xs:9px;
  --fs-sm:10px;
  --fs-md:11px;
  --fs-lg:13px;
  --fs-xl:16px;
  --fs-2xl:20px;
}

html[data-text-scale="small"]{
  --text-scale:.92;
}
html[data-text-scale="standard"]{
  --text-scale:1;
}
html[data-text-scale="large"]{
  --text-scale:1.13;
}

/* Main app reading size */
body{
  font-size:calc(11px * var(--text-scale))!important;
}

/* Navigation */
.nav button,
.nav-text,
.nav-label{
  font-size:calc(10px * var(--text-scale))!important;
}
.nav-section-title,
.sidebar-section-title{
  font-size:calc(8px * var(--text-scale))!important;
  letter-spacing:.08em;
}

/* Page headers */
.page-head h1,
.page-head h2{
  font-size:calc(20px * var(--text-scale))!important;
}
.page-head .page-subtitle,
.page-head p{
  font-size:calc(12px * var(--text-scale))!important;
  line-height:1.55!important;
}

/* Cards */
.card h3,
.module-card h3,
.pulse-card h3{
  font-size:calc(15px * var(--text-scale))!important;
}
.card p,
.module-card p,
.pulse-widget p,
.priority p,
.assist p{
  font-size:calc(11px * var(--text-scale))!important;
  line-height:1.6!important;
}

/* Overlines, micro labels */
.overline,
.pill,
.kpi-label,
.pulse-kpi .kpi-label,
.metric-label,
.module-metrics span,
.summary-strip span{
  font-size:calc(9px * var(--text-scale))!important;
  line-height:1.3!important;
}

/* KPI values */
.kpi-value,
.metric-card strong,
.module-metrics b,
.summary-strip b{
  font-size:calc(18px * var(--text-scale))!important;
  line-height:1.15!important;
}

/* Supporting text */
small,
.card small,
.module-card small,
.pulse-widget small,
.activity-row small,
.timeline-event span,
.client-row small,
.supplier-row small,
.workcenter-row small,
.production-row small,
.order-progress-row small{
  font-size:calc(9px * var(--text-scale))!important;
  line-height:1.45!important;
}

/* Tables */
table{
  font-size:calc(10px * var(--text-scale))!important;
}
table th{
  font-size:calc(9px * var(--text-scale))!important;
  font-weight:800!important;
  letter-spacing:.025em;
}
table td{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.45!important;
}
table td b{
  font-size:calc(10.5px * var(--text-scale))!important;
}
.table-main span{
  font-size:calc(9px * var(--text-scale))!important;
}

/* Buttons / controls */
button,
.btn-primary,
.btn-secondary,
input,
select,
textarea{
  font-size:calc(10px * var(--text-scale))!important;
}
label,
.form-grid label span,
.full-field>span{
  font-size:calc(9px * var(--text-scale))!important;
}

/* Statuses */
.badge,
.status-badge,
.pill,
.demo-chip{
  font-size:calc(8px * var(--text-scale))!important;
}

/* Pulse — explicit readability pass */
.pulse-widget-title{
  font-size:calc(11px * var(--text-scale))!important;
}
.pulse-priority h2{
  font-size:calc(18px * var(--text-scale))!important;
}
.pulse-priority p,
.pulse-assist p{
  font-size:calc(12px * var(--text-scale))!important;
}
.pulse-detail-row,
.pipeline-meta,
.stage-line{
  font-size:calc(10px * var(--text-scale))!important;
}
.timeline-time{
  font-size:calc(10px * var(--text-scale))!important;
}
.timeline-event b{
  font-size:calc(11px * var(--text-scale))!important;
}
.client-row b,
.supplier-row b,
.workcenter-row b,
.production-row b,
.order-progress-row b{
  font-size:calc(11px * var(--text-scale))!important;
}

/* Personalization UI */
.pulse-customize-copy b{
  font-size:calc(12px * var(--text-scale))!important;
}
.pulse-customize-copy small{
  font-size:calc(9px * var(--text-scale))!important;
}
.pulse-layout-editor,
.pulse-layout-editor label,
.pulse-layout-editor button{
  font-size:calc(10px * var(--text-scale))!important;
}

/* Quote studio */
.quote-studio{
  font-size:calc(10px * var(--text-scale))!important;
}
.quote-studio h2{
  font-size:calc(18px * var(--text-scale))!important;
}
.quote-studio h3{
  font-size:calc(14px * var(--text-scale))!important;
}
.quote-studio label,
.quote-studio small{
  font-size:calc(9px * var(--text-scale))!important;
}

/* Settings */
.locale-card label{
  font-size:calc(10px * var(--text-scale))!important;
}
.locale-preview span,
.compliance-list small,
.locale-note{
  font-size:calc(9px * var(--text-scale))!important;
}
.locale-preview b,
.compliance-list b{
  font-size:calc(11px * var(--text-scale))!important;
}

/* Slightly more breathing room at larger scale */
html[data-text-scale="large"] .card,
html[data-text-scale="large"] .module-card,
html[data-text-scale="large"] .pulse-widget{
  line-height:1.5;
}
html[data-text-scale="large"] table td,
html[data-text-scale="large"] table th{
  padding-top:10px!important;
  padding-bottom:10px!important;
}

/* Mobile remains readable but avoids oversized UI */
@media(max-width:820px){
  html[data-text-scale="large"]{
    --text-scale:1.07;
  }
  body{
    font-size:calc(10.5px * var(--text-scale))!important;
  }
  .page-head h1,
  .page-head h2{
    font-size:calc(18px * var(--text-scale))!important;
  }
  .page-head .page-subtitle,
  .page-head p{
    font-size:calc(11px * var(--text-scale))!important;
  }
}


/* =========================================================
   Ladaro 0.10.0.2 — readable-by-default typography
   Old Standard ≈ new Small.
   ========================================================= */

html[data-text-scale="small"]{--text-scale:1!important}
html[data-text-scale="standard"]{--text-scale:1.18!important}
html[data-text-scale="large"]{--text-scale:1.32!important}
html[data-text-scale="xlarge"]{--text-scale:1.46!important}

/* Raise the minimum readable sizes even where legacy overrides exist. */
body{font-size:calc(12px * var(--text-scale))!important}
.nav button,.nav-text,.nav-label{font-size:calc(11px * var(--text-scale))!important}
.page-head .page-subtitle,.page-head p{font-size:calc(12px * var(--text-scale))!important}
.card p,.module-card p,.pulse-widget p,.priority p,.assist p{font-size:calc(12px * var(--text-scale))!important}
small,.card small,.module-card small,.pulse-widget small{font-size:calc(9.5px * var(--text-scale))!important}
table{font-size:calc(10.5px * var(--text-scale))!important}
table th{font-size:calc(9.5px * var(--text-scale))!important}
table td{font-size:calc(10.5px * var(--text-scale))!important}
button,.btn-primary,.btn-secondary,input,select,textarea{font-size:calc(10.5px * var(--text-scale))!important}
.badge,.status-badge,.pill,.demo-chip{font-size:calc(8.5px * var(--text-scale))!important}
.pulse-priority p,.pulse-assist p{font-size:calc(12.5px * var(--text-scale))!important}
.timeline-event b,.client-row b,.supplier-row b,.workcenter-row b,.production-row b,.order-progress-row b{
  font-size:calc(11.5px * var(--text-scale))!important
}

@media(max-width:820px){
  html[data-text-scale="standard"]{--text-scale:1.12!important}
  html[data-text-scale="large"]{--text-scale:1.22!important}
  html[data-text-scale="xlarge"]{--text-scale:1.32!important}
}

/* Notifications */
.notification-dot{
  position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;
  background:#ff5d72;box-shadow:0 0 0 3px rgba(255,93,114,.12);opacity:0;transform:scale(.5);
  transition:opacity .15s ease,transform .15s ease
}
.notification-dot.visible{opacity:1;transform:scale(1)}
#notificationsButton{position:relative}
.notifications-drawer{
  position:fixed;right:12px;top:62px;bottom:12px;z-index:17200;width:min(420px,calc(100vw - 24px));
  display:flex;flex-direction:column;border:1px solid var(--border);border-radius:18px;background:var(--surface-1);
  box-shadow:0 22px 70px rgba(0,0,0,.24);opacity:0;transform:translateX(12px);pointer-events:none;
  transition:opacity .18s ease,transform .2s ease
}
.notifications-drawer.show{opacity:1;transform:none;pointer-events:auto}
.notifications-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-bottom:1px solid var(--border)}
.notifications-head h2{margin:3px 0 2px;font-size:calc(17px * var(--text-scale))}
.notifications-head>button{width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text-2)}
.notifications-actions{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}
.notifications-actions button{flex:1}
.notifications-list{overflow:auto;padding:8px}
.notification-item{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:12px;border-radius:12px;cursor:pointer}
.notification-item:hover{background:var(--surface-2)}
.notification-item.read{opacity:.58}
.notification-item b{font-size:calc(11px * var(--text-scale))}
.notification-item p{margin:3px 0;font-size:calc(10px * var(--text-scale));line-height:1.45;color:var(--text-2)}
.notification-severity{width:7px;height:7px;border-radius:50%;margin-top:5px;background:var(--brand)}
.notification-severity.warning{background:#ffb64d}.notification-severity.danger{background:#ff5d72}.notification-severity.info{background:#4fbfff}

/* Audit */
.audit-modal{max-width:760px}
.audit-list{max-height:60vh;overflow:auto}
.audit-row{display:grid;grid-template-columns:120px 90px 1fr 120px;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--border)}
.audit-row span,.audit-row small{color:var(--text-3)}
.audit-row b{text-transform:uppercase;font-size:calc(8px * var(--text-scale));letter-spacing:.06em}
.audit-row strong{font-size:calc(10px * var(--text-scale))}

/* Record action menu */
.record-action-menu{
  position:fixed;left:50%;top:50%;z-index:17700;transform:translate(-50%,-50%);
  width:min(320px,calc(100vw - 32px));padding:14px;border:1px solid var(--border);border-radius:16px;
  background:var(--surface-1);box-shadow:0 22px 70px rgba(0,0,0,.28)
}
.record-action-menu>div{padding:5px 5px 12px;border-bottom:1px solid var(--border);margin-bottom:8px}
.record-action-menu>div b{display:block;font-size:calc(12px * var(--text-scale))}
.record-action-menu>div small{display:block;margin-top:3px}
.record-action-menu button{display:block;width:100%;margin-top:6px;text-align:left;padding:10px 12px}
.record-action-menu button.danger{color:#ff667b}

/* Empty states */
.empty-state{padding:28px;text-align:center;color:var(--text-3)}
.empty-state b{display:block;color:var(--text-2);margin-bottom:5px;font-size:calc(11px * var(--text-scale))}


/* =========================================================
   Ladaro 0.10.0.2 — Pulse timeline readability
   ========================================================= */

/* Section label: DZISIAJ */
.pulse-widget .overline,
.pulse-card .overline{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
  font-weight:850!important;
}

/* Oś czasu heading */
.pulse-widget .card-head h3,
.pulse-card .card-head h3{
  font-size:calc(17px * var(--text-scale))!important;
  line-height:1.2!important;
  font-weight:800!important;
}

/* "Wszystkie →" action */
.pulse-widget .card-head button,
.pulse-card .card-head button{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.2!important;
  min-height:30px!important;
  padding:5px 8px!important;
}

/* Timeline row spacing */
.timeline-row,
.timeline-item,
.timeline-event{
  min-height:52px!important;
}

.timeline-row,
.timeline-item{
  padding-top:10px!important;
  padding-bottom:10px!important;
}

/* Time */
.timeline-time,
.timeline-row>span:first-child,
.timeline-item>span:first-child{
  font-size:calc(11px * var(--text-scale))!important;
  line-height:1.25!important;
  font-weight:750!important;
  color:var(--text-2)!important;
  min-width:44px!important;
}

/* Main event title */
.timeline-event b,
.timeline-row b,
.timeline-item b{
  display:block!important;
  font-size:calc(13px * var(--text-scale))!important;
  line-height:1.35!important;
  font-weight:780!important;
  color:var(--text-1)!important;
  margin-bottom:3px!important;
}

/* Customer / amount line */
.timeline-event span,
.timeline-row small,
.timeline-item small,
.timeline-event small{
  display:block!important;
  font-size:calc(11px * var(--text-scale))!important;
  line-height:1.4!important;
  color:var(--text-3)!important;
}

/* Slightly more separation between events */
.timeline-row + .timeline-row,
.timeline-item + .timeline-item,
.timeline-event + .timeline-event{
  border-top:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
}

/* Activity list used in CRM and other modules gets same treatment */
.activity-row{
  min-height:50px!important;
  padding-top:9px!important;
  padding-bottom:9px!important;
}
.activity-row>span{
  font-size:calc(11px * var(--text-scale))!important;
  font-weight:750!important;
}
.activity-row b{
  font-size:calc(12.5px * var(--text-scale))!important;
  line-height:1.35!important;
}
.activity-row small{
  font-size:calc(10.5px * var(--text-scale))!important;
  line-height:1.4!important;
}

/* On mobile, keep it clearly readable */
@media(max-width:820px){
  .pulse-widget .card-head h3,
  .pulse-card .card-head h3{
    font-size:calc(16px * var(--text-scale))!important;
  }
  .timeline-event b,
  .timeline-row b,
  .timeline-item b{
    font-size:calc(12.5px * var(--text-scale))!important;
  }
  .timeline-event span,
  .timeline-row small,
  .timeline-item small{
    font-size:calc(10.5px * var(--text-scale))!important;
  }
}


/* =========================================================
   Ladaro 0.10.0.2 — GLOBAL READABILITY BOOST
   Applies larger typography across the whole project.
   ========================================================= */

/* New global scale:
   small   = old standard-ish
   standard= clearly larger
   large   = really large
   xlarge  = comfort size
*/
html[data-text-scale="small"]{
  --text-scale:1.08!important;
}
html[data-text-scale="standard"]{
  --text-scale:1.30!important;
}
html[data-text-scale="large"]{
  --text-scale:1.48!important;
}
html[data-text-scale="xlarge"]{
  --text-scale:1.66!important;
}

@media(max-width:820px){
  html[data-text-scale="small"]{
    --text-scale:1.04!important;
  }
  html[data-text-scale="standard"]{
    --text-scale:1.20!important;
  }
  html[data-text-scale="large"]{
    --text-scale:1.32!important;
  }
  html[data-text-scale="xlarge"]{
    --text-scale:1.44!important;
  }
}

/* ===== Global document ===== */
html,body{
  text-rendering:optimizeLegibility;
}
body{
  font-size:calc(13px * var(--text-scale))!important;
  line-height:1.55!important;
}

/* ===== Navigation / sidebar / topbar ===== */
.nav button,
.nav-text,
.nav-label,
.sidebar a,
.sidebar button,
.topbar button,
.topbar a{
  font-size:calc(11.5px * var(--text-scale))!important;
  line-height:1.35!important;
}
.nav button{
  min-height:40px!important;
}
.nav-section-title,
.sidebar-section-title,
.section-caption,
.menu-caption{
  font-size:calc(9px * var(--text-scale))!important;
  line-height:1.3!important;
  letter-spacing:.08em!important;
  font-weight:850!important;
}

/* ===== Page headers / module headers ===== */
.page-head h1,
.page-head h2,
.module-head h1,
.module-head h2,
.section-head h2,
.section-title{
  font-size:calc(22px * var(--text-scale))!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}
.page-head h3,
.module-head h3,
.section-head h3,
.card-head h3{
  font-size:calc(17px * var(--text-scale))!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.page-head p,
.page-head .page-subtitle,
.module-subtitle,
.section-subtitle,
.card-head p{
  font-size:calc(12.5px * var(--text-scale))!important;
  line-height:1.55!important;
  color:var(--text-2)!important;
}

/* ===== Cards / widgets ===== */
.card,
.module-card,
.pulse-widget,
.pulse-card,
.locale-card,
.metric-card,
.kpi-card,
.summary-card{
  line-height:1.55!important;
}
.card h2,
.card h3,
.module-card h2,
.module-card h3,
.pulse-widget h2,
.pulse-widget h3,
.pulse-card h2,
.pulse-card h3,
.metric-card h3,
.summary-card h3{
  font-size:calc(16px * var(--text-scale))!important;
  line-height:1.22!important;
  font-weight:800!important;
}
.card p,
.module-card p,
.pulse-widget p,
.pulse-card p,
.metric-card p,
.summary-card p,
.locale-card p,
.empty-state p{
  font-size:calc(12px * var(--text-scale))!important;
  line-height:1.62!important;
}
.card b,
.module-card b,
.pulse-widget b,
.pulse-card b,
.metric-card b,
.summary-card b{
  font-size:calc(12.5px * var(--text-scale))!important;
  line-height:1.35!important;
}
.card small,
.module-card small,
.pulse-widget small,
.pulse-card small,
.metric-card small,
.summary-card small,
.locale-card small,
small{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.48!important;
}

/* ===== Overlines / micro labels / helpers ===== */
.overline,
.kpi-label,
.metric-label,
.module-metrics span,
.summary-strip span,
.pulse-kpi .kpi-label,
.table-meta,
.caption,
.helper-text{
  font-size:calc(9.5px * var(--text-scale))!important;
  line-height:1.3!important;
  letter-spacing:.05em!important;
}
.pill,
.badge,
.status-badge,
.demo-chip,
.tag,
.status,
.chip{
  font-size:calc(9px * var(--text-scale))!important;
  line-height:1.2!important;
  font-weight:800!important;
}

/* ===== KPI / numbers ===== */
.kpi-value,
.metric-card strong,
.module-metrics b,
.summary-strip b,
.stat strong,
.big-number,
.amount{
  font-size:calc(19px * var(--text-scale))!important;
  line-height:1.12!important;
}
.kpi-card strong,
.metric-card strong,
.summary-card strong{
  font-weight:850!important;
}

/* ===== Tables ===== */
table{
  font-size:calc(11px * var(--text-scale))!important;
  line-height:1.5!important;
}
table th{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.35!important;
  font-weight:850!important;
  letter-spacing:.03em!important;
  padding-top:11px!important;
  padding-bottom:11px!important;
}
table td{
  font-size:calc(11px * var(--text-scale))!important;
  line-height:1.5!important;
  padding-top:11px!important;
  padding-bottom:11px!important;
}
table td b,
table td strong{
  font-size:calc(11.5px * var(--text-scale))!important;
}
.table-main span,
.table-secondary,
.table-note,
.table-muted{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.45!important;
}

/* ===== Lists / rows / activity ===== */
.activity-row,
.client-row,
.supplier-row,
.workcenter-row,
.production-row,
.order-progress-row,
.pipeline-row,
.timeline-row,
.timeline-item,
.timeline-event,
.list-row{
  line-height:1.5!important;
}
.activity-row b,
.client-row b,
.supplier-row b,
.workcenter-row b,
.production-row b,
.order-progress-row b,
.pipeline-row b,
.timeline-row b,
.timeline-item b,
.timeline-event b,
.list-row b{
  font-size:calc(12.5px * var(--text-scale))!important;
  line-height:1.38!important;
}
.activity-row small,
.client-row small,
.supplier-row small,
.workcenter-row small,
.production-row small,
.order-progress-row small,
.pipeline-row small,
.timeline-row small,
.timeline-item small,
.timeline-event small,
.list-row small,
.timeline-event span{
  font-size:calc(10.5px * var(--text-scale))!important;
  line-height:1.45!important;
}
.timeline-time,
.activity-row>span,
.timeline-row>span:first-child,
.timeline-item>span:first-child{
  font-size:calc(11px * var(--text-scale))!important;
  line-height:1.3!important;
  font-weight:750!important;
}

/* ===== Forms / modals ===== */
label,
.form-grid label,
.full-field,
.field label,
.modal label,
.locale-card label{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.35!important;
}
.form-grid label span,
.full-field>span,
.field-label{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.3!important;
  font-weight:750!important;
}
input,
select,
textarea,
button,
.btn-primary,
.btn-secondary,
.modal button,
.toolbar button{
  font-size:calc(11px * var(--text-scale))!important;
  line-height:1.35!important;
}
input,
select,
textarea{
  min-height:40px!important;
}
textarea{
  min-height:96px!important;
}
.modal h2,
.audit-modal h2,
.notifications-head h2{
  font-size:calc(19px * var(--text-scale))!important;
  line-height:1.18!important;
}
.modal .overline{
  font-size:calc(9px * var(--text-scale))!important;
}
.modal-actions button{
  min-height:40px!important;
}

/* ===== Toolbar / module action bars ===== */
.module-toolbar,
.toolbar,
.page-actions{
  gap:10px!important;
}
.module-toolbar button,
.toolbar button,
.page-actions button{
  min-height:38px!important;
  padding:8px 12px!important;
  font-size:calc(10.8px * var(--text-scale))!important;
}
.db-status{
  font-size:calc(8.8px * var(--text-scale))!important;
  min-height:30px!important;
}

/* ===== Pulse explicit global pass ===== */
.pulse-widget-title,
.pulse-card-title{
  font-size:calc(12px * var(--text-scale))!important;
  line-height:1.3!important;
}
.pulse-priority h2,
.pulse-assist h2{
  font-size:calc(19px * var(--text-scale))!important;
}
.pulse-priority p,
.pulse-assist p{
  font-size:calc(12.5px * var(--text-scale))!important;
}
.pulse-detail-row,
.pipeline-meta,
.stage-line,
.pulse-detail,
.pulse-meta{
  font-size:calc(10.8px * var(--text-scale))!important;
  line-height:1.45!important;
}
.pulse-customize-copy b{
  font-size:calc(12.5px * var(--text-scale))!important;
}
.pulse-customize-copy small{
  font-size:calc(10px * var(--text-scale))!important;
}
.pulse-layout-editor,
.pulse-layout-editor label,
.pulse-layout-editor button{
  font-size:calc(10.8px * var(--text-scale))!important;
}

/* ===== Quote studio ===== */
.quote-studio{
  font-size:calc(11px * var(--text-scale))!important;
}
.quote-studio h2{
  font-size:calc(20px * var(--text-scale))!important;
}
.quote-studio h3{
  font-size:calc(16px * var(--text-scale))!important;
}
.quote-studio label,
.quote-studio small{
  font-size:calc(10px * var(--text-scale))!important;
}
.quote-studio table th,
.quote-studio table td{
  font-size:calc(10.8px * var(--text-scale))!important;
}

/* ===== Settings / localization / compliance ===== */
.locale-preview span,
.compliance-list small,
.locale-note{
  font-size:calc(10px * var(--text-scale))!important;
}
.locale-preview b,
.compliance-list b{
  font-size:calc(11.5px * var(--text-scale))!important;
}
.settings-grid h3,
.settings-section h3{
  font-size:calc(15px * var(--text-scale))!important;
}

/* ===== Notifications / audit / action menu ===== */
.notification-item b{
  font-size:calc(12px * var(--text-scale))!important;
}
.notification-item p{
  font-size:calc(10.8px * var(--text-scale))!important;
}
.audit-row b{
  font-size:calc(9px * var(--text-scale))!important;
}
.audit-row strong{
  font-size:calc(11px * var(--text-scale))!important;
}
.record-action-menu>div b{
  font-size:calc(13px * var(--text-scale))!important;
}

/* ===== Slight extra spacing at larger scales ===== */
html[data-text-scale="large"] .card,
html[data-text-scale="large"] .module-card,
html[data-text-scale="large"] .pulse-widget,
html[data-text-scale="xlarge"] .card,
html[data-text-scale="xlarge"] .module-card,
html[data-text-scale="xlarge"] .pulse-widget{
  line-height:1.6!important;
}

html[data-text-scale="large"] table td,
html[data-text-scale="large"] table th,
html[data-text-scale="xlarge"] table td,
html[data-text-scale="xlarge"] table th{
  padding-top:12px!important;
  padding-bottom:12px!important;
}


/* =========================================================
   Ladaro 2026 R2 / build 2026.8.1
   Command Center + Quick Create + Approval Workflow
   ========================================================= */

.command-center-backdrop{
  position:fixed;inset:0;z-index:21000;background:rgba(4,10,22,.70);
  display:grid;place-items:start center;padding-top:min(12vh,110px);
}
.command-center-panel{
  width:min(760px,calc(100vw - 28px));max-height:min(720px,76vh);
  display:flex;flex-direction:column;border:1px solid var(--brand-border);border-radius:20px;
  background:var(--surface-1);box-shadow:0 28px 100px rgba(0,0,0,.38);overflow:hidden
}
.command-center-head{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}
.command-center-head>span{font-size:22px;color:var(--brand)}
.command-center-head input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:38px!important;font-size:calc(13px * var(--text-scale))!important;color:var(--text-1)}
.command-center-head kbd,.command-center-panel footer kbd{border:1px solid var(--border);border-radius:7px;padding:4px 6px;background:var(--surface-2);color:var(--text-3)}
.command-center-context{display:flex;justify-content:space-between;padding:8px 16px;background:var(--surface-2);border-bottom:1px solid var(--border)}
.command-center-context b{font-size:calc(8px * var(--text-scale));letter-spacing:.12em;color:var(--brand)}
.command-center-context span{font-size:calc(8px * var(--text-scale));color:var(--text-3)}
.command-center-results{overflow:auto;padding:8px}
.command-result{width:100%;display:grid;grid-template-columns:34px 1fr 24px;gap:10px;align-items:center;border:0!important;border-radius:12px;background:transparent!important;text-align:left;padding:9px 10px!important}
.command-result:hover,.command-result.active{background:var(--brand-soft)!important}
.command-result>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--surface-2);font-style:normal;color:var(--brand);font-size:15px}
.command-result div b{display:block;font-size:calc(11.5px * var(--text-scale))}
.command-result div small{display:block;margin-top:2px;font-size:calc(9.5px * var(--text-scale));color:var(--text-3)}
.command-result>span{color:var(--text-3)}
.command-center-panel footer{display:flex;gap:16px;padding:9px 16px;border-top:1px solid var(--border);font-size:calc(8px * var(--text-scale));color:var(--text-3)}
.command-empty{padding:32px;text-align:center}.command-empty b{display:block}.command-empty span{display:block;margin-top:4px;color:var(--text-3)}

.quick-create-menu{
  position:fixed;z-index:20500;width:min(350px,calc(100vw - 28px));padding:9px;border:1px solid var(--border);border-radius:16px;background:var(--surface-1);box-shadow:0 24px 80px rgba(0,0,0,.28)
}
.quick-create-head{display:flex;justify-content:space-between;padding:7px 8px 10px;border-bottom:1px solid var(--border);margin-bottom:5px}
.quick-create-head b{font-size:calc(11px * var(--text-scale))}.quick-create-head small{color:var(--brand)}
.quick-create-menu>button{width:100%;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:9px!important;border:0!important;border-radius:10px;background:transparent!important;text-align:left}
.quick-create-menu>button:hover{background:var(--surface-2)!important}
.quick-create-menu i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-style:normal}
.quick-create-menu button span b{display:block;font-size:calc(10.5px * var(--text-scale))}
.quick-create-menu button span small{display:block;margin-top:2px;color:var(--text-3)}

.approval-widget-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}
.approval-widget-head h3{margin:2px 0 0}.approval-widget-head button{background:transparent!important;border:0!important;color:var(--brand)}
.approval-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}
.approval-row:first-child{border-top:0}
.approval-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-weight:900}
.approval-row.high .approval-icon{background:rgba(255,93,114,.12);color:#ff5d72}
.approval-main span{display:block;font-size:calc(8px * var(--text-scale));color:var(--brand);font-weight:850;letter-spacing:.04em}
.approval-main b{display:block;margin-top:2px;font-size:calc(11px * var(--text-scale))!important}
.approval-main small{display:block;margin-top:3px;font-size:calc(9.5px * var(--text-scale))!important;color:var(--text-3)}
.approval-actions{display:flex;gap:5px}
.approval-actions button{width:30px;height:30px;padding:0!important;border-radius:9px!important}
.approval-actions .approve{background:rgba(30,190,160,.12)!important;color:var(--teal)!important;border-color:rgba(30,190,160,.22)!important}
.approval-empty,.approval-loading{padding:18px 0;color:var(--text-3)}
.approval-empty b{display:block;color:var(--text-2)}
.approval-empty small{display:block;margin-top:3px}

@media(max-width:680px){
 .command-center-backdrop{padding-top:58px}
 .command-center-panel{max-height:calc(100vh - 76px)}
 .command-center-panel footer{display:none}
 .quick-create-menu{right:8px!important}
}


/* =========================================================
   Ladaro 2026 R3 / build 2026.8.2
   Admin Hub, Access Control, Automation Studio, Assist
   Typography intentionally preserved from R2.
   ========================================================= */

.admin-tabs{display:flex;gap:6px;overflow:auto;padding:4px 0 12px}
.admin-tabs button{white-space:nowrap;padding:8px 11px!important;border:1px solid var(--border)!important;border-radius:10px!important;background:var(--surface-2)!important}
.admin-tabs button.active{background:var(--brand-soft)!important;color:var(--brand)!important;border-color:var(--brand-border)!important}
.admin-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.admin-list-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--border)}
.admin-list-row:first-child{border-top:0}.admin-list-row b{display:block}.admin-list-row small{display:block;margin-top:3px;color:var(--text-3)}
.admin-list-row>span,.admin-list-row>strong{font-size:calc(10px * var(--text-scale));color:var(--text-2)}
.roles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.role-card{padding:16px}.role-top{display:flex;justify-content:space-between;gap:12px}.role-top span{font-size:calc(8px * var(--text-scale));color:var(--brand);font-weight:900;letter-spacing:.08em}.role-top h3{margin:3px 0}.role-top small{color:var(--text-3)}
.role-meta{display:flex;gap:12px;margin:13px 0;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:calc(9px * var(--text-scale));color:var(--text-2)}
.permissions-modal{max-width:760px}.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:55vh;overflow:auto}
.permission-row{display:grid!important;grid-template-columns:22px 1fr;gap:9px;align-items:flex-start;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}
.permission-row input{min-height:0!important;width:17px;height:17px;margin-top:2px}.permission-row b{display:block;font-size:calc(10px * var(--text-scale))}.permission-row small{display:block;margin-top:3px;color:var(--text-3)}
.automation-intro{padding:10px 12px;border-radius:10px;background:var(--brand-soft);color:var(--text-2)}
.automation-list{margin-top:10px}.automation-row{display:grid;grid-template-columns:8px minmax(160px,1fr) auto minmax(120px,.7fr) auto minmax(120px,.7fr) auto;gap:9px;align-items:center;padding:11px 0;border-top:1px solid var(--border)}
.automation-row:first-child{border-top:0}.automation-row>span{font-size:calc(8px * var(--text-scale));font-weight:900;color:var(--brand)}.automation-row code{font-size:calc(8.5px * var(--text-scale));padding:5px 7px;border-radius:7px;background:var(--surface-2);color:var(--text-2)}
.automation-status{width:7px;height:7px;border-radius:50%;background:#8b96a7}.automation-status.active{background:var(--teal)}.automation-status.paused{background:#ffb64d}
.automation-builder{display:grid;gap:10px}.automation-builder>label{display:grid;gap:6px}.automation-step{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.automation-step>b{font-size:calc(9px * var(--text-scale));color:var(--brand);letter-spacing:.08em}
.assist-center{display:grid;gap:12px}.assist-hero{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,var(--surface-1),color-mix(in srgb,var(--surface-1) 90%,#168DFF 10%))}
.assist-hero h2{margin:4px 0 6px;font-size:calc(20px * var(--text-scale))}.assist-hero p{max-width:720px;color:var(--text-2)}
.assist-orb{display:grid;place-items:center;width:74px;height:74px;border-radius:24px;background:var(--brand-soft);color:var(--brand);font-size:30px;box-shadow:0 0 36px rgba(22,141,255,.13)}
.assist-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.assist-event{padding:16px}.assist-event.warning{border-color:rgba(255,182,77,.25)}.assist-event.danger{border-color:rgba(255,93,114,.25)}
.assist-event-head{display:flex;justify-content:space-between}.assist-event-head>span{text-transform:uppercase;font-size:calc(8px * var(--text-scale));font-weight:900;letter-spacing:.08em;color:var(--brand)}
.assist-event h3{margin:9px 0 6px}.assist-event p{color:var(--text-2)}.assist-suggestion{margin:12px 0;padding:10px 11px;border-radius:10px;background:var(--surface-2)}.assist-suggestion span{display:block;font-size:calc(8px * var(--text-scale));color:var(--brand);font-weight:900;text-transform:uppercase}.assist-suggestion b{display:block;margin-top:4px;font-size:calc(10.5px * var(--text-scale))}
.admin-loading{padding:28px;color:var(--text-3)}
@media(max-width:900px){.admin-overview-grid{grid-template-columns:repeat(2,1fr)}.roles-grid,.assist-event-grid{grid-template-columns:1fr}.automation-row{grid-template-columns:8px 1fr auto}.automation-row>span,.automation-row>code{display:none}}
@media(max-width:680px){.admin-overview-grid{grid-template-columns:1fr 1fr}.permissions-grid{grid-template-columns:1fr}.assist-orb{display:none}}


/* =========================================================
   Ladaro 2026 R3 / build 2026.8.4 — Pulse Layout Engine
   ========================================================= */

/* Dense placement closes holes created by mixed widget widths.
   It does not alter DOM data or user preferences. */
.pulse-grid{
  grid-auto-flow:dense!important;
  align-items:start!important;
}

/* Widget shells should use their content instead of inheriting accidental
   heights from neighboring grid items. */
.pulse-widget{
  align-self:start!important;
  height:auto!important;
}
.pulse-widget-body{
  height:auto!important;
  min-height:0!important;
}

/* Balanced minimums by semantic size. */
.pulse-size-s .pulse-widget-body>.kpi{
  min-height:142px!important;
}
.pulse-size-m .pulse-widget-body>.priority,
.pulse-size-m .pulse-widget-body>.assist{
  min-height:235px!important;
}
.pulse-size-m .pulse-widget-body> .card{content-visibility:auto;contain-intrinsic-size:280px;
  min-height:300px!important;
}
.pulse-size-l .pulse-widget-body>.priority,
.pulse-size-l .pulse-widget-body>.assist{
  min-height:270px!important;
}
.pulse-size-l .pulse-widget-body> .card{content-visibility:auto;contain-intrinsic-size:280px;
  min-height:0!important;
}

/* Larger widgets use the extra area for real information. */
.pulse-wide-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--border);
}
.pulse-wide-summary>div{
  padding:9px 10px;
  border-radius:10px;
  background:var(--surface-2);
}
.pulse-wide-summary span{
  display:block;
  color:var(--text-3);
  font-size:calc(9px * var(--text-scale))!important;
}
.pulse-wide-summary b{
  display:block;
  margin-top:4px;
  font-size:calc(12px * var(--text-scale))!important;
}

.pulse-assist-extra{
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:10px;
  align-items:center;
  margin-top:14px;
  padding:11px;
  border:1px solid var(--brand-border);
  border-radius:12px;
  background:var(--brand-soft);
}
.pulse-assist-extra>span{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border-radius:10px;
  background:var(--brand);
  color:white;
}
.pulse-assist-extra b{display:block}
.pulse-assist-extra small{display:block;margin-top:3px}
.pulse-assist-extra button{white-space:nowrap}

.pulse-approval-summary{
  margin-top:10px;
  padding:10px 11px;
  border-top:1px solid var(--border);
  color:var(--text-3);
  font-size:calc(9.5px * var(--text-scale));
  line-height:1.45;
}

/* KPI row remains visually aligned without forcing unrelated widgets
   to the same height. */
.pulse-size-s .pulse-kpi{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

/* Better tablet packing: two columns for medium, two KPI per row. */
@media(max-width:1180px){
  .pulse-size-s{grid-column:span 6!important}
  .pulse-size-m{grid-column:span 6!important}
  .pulse-size-l{grid-column:span 12!important}
}
@media(max-width:760px){
  .pulse-grid{display:grid!important;grid-template-columns:1fr!important}
  .pulse-size-s,.pulse-size-m,.pulse-size-l{grid-column:1/-1!important}
  .pulse-wide-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pulse-assist-extra{grid-template-columns:34px 1fr}
  .pulse-assist-extra button{grid-column:1/-1}
}

/* Layout editing exposes a clear "optimal layout" recovery option. */
#pulseResetLayout{
  border-color:var(--brand-border)!important;
  color:var(--brand)!important;
}


/* Ladaro 2026 R4 — visible release/build in header */
.demo-chip,.release-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  padding:4px 8px!important;
  border:1px solid var(--brand-border)!important;
  border-radius:9px!important;
  background:var(--brand-soft)!important;
  color:var(--brand)!important;
  font-size:calc(8px * var(--text-scale))!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
@media(max-width:820px){
  .demo-chip,.release-chip{
    display:none!important;
  }
}


/* Ladaro 2026 R4 build 2026.9.2
   Release/build is intentionally visible ONLY in the browser tab title. */
.release-chip{
  display:none!important;
}


/* Ladaro build 2026.9.3 — version must never be visible in application chrome */
.demo-chip,
.release-chip,
.version-chip,
.build-chip,
.topbar .release-info,
.topbar .version-info,
.brand .release-info,
.brand .version-info{
  display:none!important;
}


/* =========================================================
   Ladaro 2026 R4 / build 2026.9.4
   TYPOGRAPHY NORMALIZATION LAYER
   Final authority over legacy high-specificity !important rules.
   ========================================================= */

:root{
  --ui-micro:10px;
  --ui-small:10.5px;
  --ui-support:11px;
  --ui-body:12px;
  --ui-row-title:12.5px;
  --ui-section-title:17px;
}

/* ---------- Pulse: timeline ---------- */
.pulse-grid .pulse-widget .timeline-row .time,
.pulse-grid .pulse-widget .timeline-row>span:first-child{
  font-size:calc(11.5px * var(--text-scale))!important;
  line-height:1.3!important;
  font-weight:800!important;
  color:var(--text-2)!important;
}
.pulse-grid .pulse-widget .timeline-row .event b,
.pulse-grid .pulse-widget .timeline-row b{
  font-size:calc(12.5px * var(--text-scale))!important;
  line-height:1.38!important;
  font-weight:800!important;
  color:var(--text-1)!important;
}
.pulse-grid .pulse-widget .timeline-row .event span,
.pulse-grid .pulse-widget .timeline-row .event small,
.pulse-grid .pulse-widget .timeline-row small{
  font-size:calc(10.8px * var(--text-scale))!important;
  line-height:1.45!important;
  color:var(--text-3)!important;
}
.pulse-grid .pulse-widget  .timeline-row{content-visibility:auto;contain-intrinsic-size:120px;
  padding-top:12px!important;
  padding-bottom:12px!important;
}

/* ---------- Pulse: attention / CRM ---------- */
.pulse-grid .pulse-widget .client b{
  font-size:calc(12.5px * var(--text-scale))!important;
  line-height:1.36!important;
}
.pulse-grid .pulse-widget .client .amount,
.pulse-grid .pulse-widget .client>.amount{
  font-size:calc(10.8px * var(--text-scale))!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.pulse-grid .pulse-widget .client .status-badge,
.pulse-grid .pulse-widget .client .pill{
  font-size:calc(9.5px * var(--text-scale))!important;
  line-height:1.2!important;
  font-weight:800!important;
}

/* ---------- Pulse: pipeline ---------- */
.pulse-grid .pulse-widget .pipeline-meta{
  font-size:calc(10.8px * var(--text-scale))!important;
  line-height:1.4!important;
}
.pulse-grid .pulse-widget .stage-line{
  font-size:calc(11.2px * var(--text-scale))!important;
  line-height:1.35!important;
}
.pulse-grid .pulse-widget .stage-line span,
.pulse-grid .pulse-widget .stage-line b{
  font-size:inherit!important;
}

/* ---------- Pulse: KPI ---------- */
.pulse-grid .pulse-widget .pulse-kpi .kpi-label,
.pulse-grid .pulse-widget .kpi-label{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.3!important;
}
.pulse-grid .pulse-widget .pulse-kpi .delta,
.pulse-grid .pulse-widget .kpi .delta{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.3!important;
}
.pulse-grid .pulse-widget .pulse-kpi small{
  font-size:calc(10px * var(--text-scale))!important;
}

/* ---------- Pulse: card meta / actions ---------- */
.pulse-grid .pulse-widget .pulse-card .overline,
.pulse-grid .pulse-widget .overline{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.3!important;
}
.pulse-grid .pulse-widget .pulse-card .card-head button,
.pulse-grid .pulse-widget .card-head button{
  font-size:calc(10.5px * var(--text-scale))!important;
  line-height:1.3!important;
}
.pulse-grid .pulse-widget .priority-footer,
.pulse-grid .pulse-widget .priority-footer span,
.pulse-grid .pulse-widget .priority-footer b{
  font-size:calc(10.5px * var(--text-scale))!important;
}

/* ---------- Pulse: quick actions ---------- */
.pulse-grid .pulse-widget .quick-grid button b{
  font-size:calc(11.5px * var(--text-scale))!important;
  line-height:1.35!important;
}
.pulse-grid .pulse-widget .quick-grid button small{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.4!important;
}

/* ---------- Pulse: density detail blocks ---------- */
.pulse-grid .pulse-widget .pulse-detail-row{
  font-size:calc(10.5px * var(--text-scale))!important;
  line-height:1.4!important;
}
.pulse-grid .pulse-widget .pulse-detail-grid span{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.35!important;
}
.pulse-grid .pulse-widget .pulse-detail-grid b{
  font-size:calc(11.5px * var(--text-scale))!important;
  line-height:1.35!important;
}
.pulse-grid .pulse-widget .pulse-wide-summary span{
  font-size:calc(10px * var(--text-scale))!important;
}
.pulse-grid .pulse-widget .pulse-wide-summary b{
  font-size:calc(12px * var(--text-scale))!important;
}

/* ---------- Approval widget ---------- */
.pulse-grid .pulse-widget .approval-main span{
  font-size:calc(9.5px * var(--text-scale))!important;
  line-height:1.25!important;
}
.pulse-grid .pulse-widget .approval-main b{
  font-size:calc(12px * var(--text-scale))!important;
  line-height:1.38!important;
}
.pulse-grid .pulse-widget .approval-main small{
  font-size:calc(10.5px * var(--text-scale))!important;
  line-height:1.4!important;
}

/* ---------- Main module rows ---------- */
.workspace .activity-row,
.workspace .supplier-row,
.workspace .movement-row,
.workspace .cash-row,
.workspace .workcenter-row,
.workspace .production-row,
.workspace .order-progress-row,
.workspace .client-row,
.workspace .pipeline-row,
.workspace .list-row{
  font-size:calc(11px * var(--text-scale))!important;
  line-height:1.48!important;
}
.workspace .activity-row b,
.workspace .supplier-row b,
.workspace .movement-row b,
.workspace .cash-row b,
.workspace .workcenter-row b,
.workspace .production-row b,
.workspace .order-progress-row b,
.workspace .client-row b,
.workspace .pipeline-row b,
.workspace .list-row b{
  font-size:calc(12.5px * var(--text-scale))!important;
}
.workspace .activity-row small,
.workspace .supplier-row small,
.workspace .movement-row small,
.workspace .cash-row small,
.workspace .workcenter-row small,
.workspace .production-row small,
.workspace .order-progress-row small,
.workspace .client-row small,
.workspace .pipeline-row small,
.workspace .list-row small{
  font-size:calc(10.5px * var(--text-scale))!important;
}

/* ---------- Tables: no hidden miniature secondary text ---------- */
.workspace table th{
  font-size:calc(10.5px * var(--text-scale))!important;
}
.workspace table td{
  font-size:calc(11px * var(--text-scale))!important;
}
.workspace table .table-main span,
.workspace table .table-secondary,
.workspace table .table-note,
.workspace table .table-muted,
.workspace table td small{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.4!important;
}

/* ---------- Forms / settings / quote studio ---------- */
.workspace label,
.modal label,
.quote-studio label,
.locale-card label{
  font-size:calc(10.5px * var(--text-scale))!important;
}
.workspace .helper-text,
.workspace .locale-preview span,
.workspace .compliance-list small,
.workspace .locale-note,
.quote-studio small,
.modal small{
  font-size:calc(10px * var(--text-scale))!important;
  line-height:1.45!important;
}

/* ---------- Statuses ---------- */
.workspace .status-badge,
.workspace .badge,
.workspace .pill,
.workspace .tag,
.workspace .status,
.modal .status-badge,
.modal .badge{
  font-size:calc(9.5px * var(--text-scale))!important;
  line-height:1.2!important;
}

/* ---------- Pulse customization UI ---------- */
.pulse-customize-entry .pulse-customize-copy b{
  font-size:calc(12px * var(--text-scale))!important;
}
.pulse-customize-entry .pulse-customize-copy small{
  font-size:calc(10px * var(--text-scale))!important;
}
body.pulse-layout-editing .pulse-edit-toolbar p b{
  font-size:calc(11px * var(--text-scale))!important;
}
body.pulse-layout-editing .pulse-edit-toolbar p small{
  font-size:calc(9.5px * var(--text-scale))!important;
}
.pulse-layout-editor .layout-name b{
  font-size:calc(11px * var(--text-scale))!important;
}
.pulse-layout-editor .layout-name span,
.pulse-layout-editor .layout-size,
.pulse-layout-editor .layout-hide,
.pulse-layout-editor .layout-section-head,
.pulse-layout-editor .layout-tip b,
.pulse-layout-editor .layout-tip p{
  font-size:calc(9.5px * var(--text-scale))!important;
  line-height:1.4!important;
}

/* ---------- Section labels / general microcopy ---------- */
.workspace .overline,
.workspace .section-caption,
.workspace .menu-caption{
  font-size:calc(10px * var(--text-scale))!important;
}

/* Keep mobile readable without exploding cards. */
@media(max-width:760px){
  .pulse-grid .pulse-widget .timeline-row .event b,
  .pulse-grid .pulse-widget .client b,
  .workspace .activity-row b,
  .workspace .client-row b,
  .workspace .supplier-row b{
    font-size:calc(12px * var(--text-scale))!important;
  }
  .pulse-grid .pulse-widget .timeline-row .event span,
  .pulse-grid .pulse-widget .client .amount,
  .workspace table .table-secondary,
  .workspace table td small{
    font-size:calc(10px * var(--text-scale))!important;
  }
}


/* =========================================================
   Ladaro 2026 R5 / build 2026.10.1
   Approval Center + feedback animations + tasks + CRM 360
   ========================================================= */

/* approval feedback */
.approval-row{
  transition:opacity .25s ease,transform .25s ease,background .2s ease,border-color .2s ease!important;
}
.approval-row.approval-processing.approval-approve{
  background:rgba(30,190,160,.08)!important;
  border-color:rgba(30,190,160,.22)!important;
}
.approval-row.approval-processing.approval-reject{
  background:rgba(255,93,114,.08)!important;
  border-color:rgba(255,93,114,.22)!important;
}
.approval-row.approval-leaving{
  opacity:0!important;
  transform:translateX(18px) scale(.985)!important;
}
.approval-actions button.decision-button-active{
  animation:approvalButtonPulse .48s ease both!important;
}
@keyframes approvalButtonPulse{
  0%{transform:scale(1)}
  45%{transform:scale(1.18)}
  100%{transform:scale(1)}
}

/* Approval Center */
.approval-center-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:14px;
  align-items:center;
  padding:14px 4px;
  border-top:1px solid var(--border);
  transition:opacity .22s ease,transform .22s ease,background .2s ease;
}
.approval-center-row:first-child{border-top:0}
.approval-center-main>span{
  display:block;color:var(--brand);font-size:calc(9.5px * var(--text-scale));font-weight:900
}
.approval-center-main>b{
  display:block;margin-top:3px;font-size:calc(12.5px * var(--text-scale))
}
.approval-center-main>small{
  display:block;margin-top:4px;font-size:calc(10.5px * var(--text-scale));color:var(--text-3)
}
.approval-center-actions{display:flex;gap:7px;align-items:center}
.approval-center-actions .reject{color:#ff667b}
.decision-done{font-size:calc(10px * var(--text-scale));color:var(--text-3)}
.approval-tabs{margin-bottom:12px}

/* Tasks */
.task-row{
  display:grid;grid-template-columns:8px 1fr 32px;gap:10px;align-items:center;
  padding:11px 0;border-top:1px solid var(--border)
}
.task-row:first-child{border-top:0}
.task-row>i{width:7px;height:7px;border-radius:50%;background:var(--brand)}
.task-row>i.high{background:#ff5d72}
.task-row b{display:block;font-size:calc(12px * var(--text-scale))!important}
.task-row small{display:block;margin-top:3px;font-size:calc(10px * var(--text-scale))!important;color:var(--text-3)}
.task-row>button{width:30px;height:30px;padding:0!important;border-radius:9px!important}

/* CRM 360 */
.crm360-modal{max-width:980px}
.crm360-summary{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px
}
.crm360-summary>div{
  padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)
}
.crm360-summary span{display:block;font-size:calc(9px * var(--text-scale));color:var(--text-3)}
.crm360-summary b{display:block;margin-top:4px;font-size:calc(12px * var(--text-scale))}
.crm360-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}
.crm360-activities{max-height:420px;overflow:auto}
.crm360-grid form{display:grid;gap:10px}

@media(max-width:760px){
 .approval-center-row{grid-template-columns:1fr}
 .approval-center-actions{justify-content:flex-start}
 .crm360-summary{grid-template-columns:1fr 1fr}
 .crm360-grid{grid-template-columns:1fr}
}


/* Ladaro 2026 R5 build 2026.10.2 — discreet sidebar version under Help */
.sidebar-version-info{
  display:grid;
  gap:2px;
  margin:6px 12px 4px;
  padding:8px 10px 4px;
  border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);
  color:var(--text-3);
  user-select:none;
  pointer-events:none;
}
.sidebar-version-info span{
  font-size:calc(8px * var(--text-scale))!important;
  line-height:1.25!important;
  font-weight:750!important;
  letter-spacing:.025em!important;
  color:var(--text-3)!important;
}
.sidebar-version-info small{
  font-size:calc(7.5px * var(--text-scale))!important;
  line-height:1.25!important;
  color:color-mix(in srgb,var(--text-3) 82%,transparent)!important;
}
body.sidebar-collapsed .sidebar-version-info,
.sidebar.collapsed .sidebar-version-info{
  display:none!important;
}
@media(max-width:820px){
  .sidebar-version-info{
    margin:8px 10px 12px;
    padding:9px 10px 4px;
  }
}


/* =========================================================
   Ladaro 2026 R5 / build 2026.10.3
   Sidebar version fit + Task Center
   ========================================================= */

/* Version must fit within sidebar without clipping. */
.sidebar-version-info{
  box-sizing:border-box!important;
  width:auto!important;
  max-width:calc(100% - 18px)!important;
  margin:8px 9px 10px!important;
  padding:8px 8px 6px!important;
  overflow:visible!important;
  white-space:normal!important;
}
.sidebar-version-info span,
.sidebar-version-info small{
  display:block!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.sidebar-version-info span{
  font-size:calc(7.7px * var(--text-scale))!important;
}
.sidebar-version-info small{
  font-size:calc(7.2px * var(--text-scale))!important;
}
.sidebar:not(.collapsed) .sidebar-version-info{
  min-width:0!important;
}

/* Task Center */
.task-center-row{
  display:grid;
  grid-template-columns:8px minmax(0,1fr) 120px auto auto;
  gap:14px;
  align-items:center;
  padding:14px 4px;
  border-top:1px solid var(--border);
  transition:opacity .22s ease,transform .22s ease,background .22s ease;
}
.task-center-row:first-child{border-top:0}
.task-priority-marker{
  width:8px;height:8px;border-radius:50%;background:var(--brand)
}
.task-priority-marker.high{background:#ff5d72}
.task-priority-marker.low{background:#8b96a7}
.task-center-main>span{
  display:block;
  font-size:calc(9px * var(--text-scale))!important;
  line-height:1.25!important;
  font-weight:900!important;
  color:var(--brand)!important;
  text-transform:uppercase;
}
.task-center-main>b{
  display:block;
  margin-top:3px;
  font-size:calc(12.5px * var(--text-scale))!important;
  line-height:1.35!important;
}
.task-center-main>small{
  display:block;
  margin-top:4px;
  font-size:calc(10.5px * var(--text-scale))!important;
  line-height:1.4!important;
  color:var(--text-3)!important;
}
.task-due span{
  display:block;
  font-size:calc(8.5px * var(--text-scale))!important;
  color:var(--text-3)!important;
}
.task-due b{
  display:block;
  margin-top:3px;
  font-size:calc(10px * var(--text-scale))!important;
}
.task-center-actions{
  display:flex;gap:6px;align-items:center
}
.task-center-actions .danger{
  color:#ff667b!important;
}
.task-center-row.task-completing{
  background:rgba(30,190,160,.08)!important;
}
.task-center-row.task-leaving{
  opacity:0!important;
  transform:translateX(16px) scale(.99)!important;
}
.task-tabs{margin-bottom:12px}

@media(max-width:1050px){
 .task-center-row{
   grid-template-columns:8px minmax(0,1fr) auto;
 }
 .task-due{grid-column:2}
 .task-state{grid-column:3;grid-row:1}
 .task-center-actions{grid-column:2/-1}
}
@media(max-width:700px){
 .task-center-row{
   grid-template-columns:8px minmax(0,1fr);
 }
 .task-state,.task-center-actions,.task-due{
   grid-column:2;
 }
 .task-center-actions{
   flex-wrap:wrap;
 }
}


/* =========================================================
   Ladaro 2026 R5 / build 2026.10.4
   Automation Studio — human labels + technical legend
   ========================================================= */

.automation-legend{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr;
  gap:9px;
  align-items:stretch;
  margin:12px 0 14px;
  padding:12px;
  border:1px solid var(--brand-border);
  border-radius:13px;
  background:var(--brand-soft);
}
.automation-legend-title{
  grid-column:1/-1;
  margin-bottom:2px;
  font-size:calc(9px * var(--text-scale))!important;
  font-weight:900!important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--brand);
}
.automation-legend-item{
  padding:9px 10px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--surface-1);
}
.automation-legend-item b{
  display:block;
  font-size:calc(10px * var(--text-scale))!important;
  color:var(--brand);
}
.automation-legend-item span{
  display:block;
  margin-top:3px;
  font-size:calc(9.5px * var(--text-scale))!important;
  line-height:1.4;
  color:var(--text-3);
}
.automation-legend-arrow{
  display:grid;
  place-items:center;
  color:var(--brand);
  font-weight:900;
}
.automation-human-key{
  min-width:0;
}
.automation-human-key>strong{
  display:block;
  font-size:calc(10.5px * var(--text-scale))!important;
  line-height:1.35;
}
.automation-key{
  display:block!important;
  margin-top:4px!important;
  font-size:calc(8.5px * var(--text-scale))!important;
  line-height:1.3!important;
  color:var(--text-3)!important;
}
.automation-key code{
  font-size:inherit!important;
  padding:2px 5px!important;
  border-radius:5px!important;
  background:var(--surface-2)!important;
}
.automation-rule-name small{
  display:block;
  margin-top:3px;
  font-size:calc(9.5px * var(--text-scale))!important;
  color:var(--text-3);
}

@media(max-width:1100px){
 .automation-legend{
   grid-template-columns:1fr;
 }
 .automation-legend-arrow{
   transform:rotate(90deg);
 }
}


/* =========================================================
   Ladaro 2026 R5 / build 2026.10.5
   Sidebar architecture rework
   ========================================================= */

.sidebar{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}

.sidebar-shell{
  display:flex;
  flex:1 1 auto;
  min-height:0;
  flex-direction:column;
  width:100%;
}

.sidebar-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:6px 8px 12px;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--text-3) 30%,transparent) transparent;
}
.sidebar-scroll::-webkit-scrollbar{width:6px}
.sidebar-scroll::-webkit-scrollbar-track{background:transparent}
.sidebar-scroll::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--text-3) 28%,transparent);
  border-radius:999px;
}

.sidebar-group{
  margin:0 0 10px;
}
.sidebar-group-title{
  padding:7px 10px 5px;
  font-size:calc(8px * var(--text-scale))!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
  color:var(--text-3)!important;
  text-transform:uppercase;
}
.sidebar-group-items{
  display:grid;
  gap:2px;
}
.sidebar-group-items button{
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 9px!important;
}

.sidebar-footer{
  flex:0 0 auto;
  padding:8px 8px 10px;
  border-top:1px solid var(--border);
  background:var(--surface-1);
}
.sidebar-footer>button{
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 9px!important;
}
.sidebar-footer .sidebar-version-info{
  margin:7px 3px 0!important;
  max-width:100%!important;
  padding:7px 7px 1px!important;
  border-top:0!important;
}
.sidebar-footer .sidebar-version-info span,
.sidebar-footer .sidebar-version-info small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* In collapsed mode: hide section labels and footer version,
   keep navigation icons usable. */
body.sidebar-collapsed .sidebar-group-title,
.sidebar.collapsed .sidebar-group-title{
  display:none!important;
}
body.sidebar-collapsed .sidebar-group,
.sidebar.collapsed .sidebar-group{
  margin-bottom:5px!important;
}
body.sidebar-collapsed .sidebar-scroll,
.sidebar.collapsed .sidebar-scroll{
  padding-left:5px!important;
  padding-right:5px!important;
}
body.sidebar-collapsed .sidebar-footer,
.sidebar.collapsed .sidebar-footer{
  padding-left:5px!important;
  padding-right:5px!important;
}
body.sidebar-collapsed .sidebar-version-info,
.sidebar.collapsed .sidebar-version-info{
  display:none!important;
}

/* desktop sidebar keeps footer always visible */
@media(min-width:821px){
  .sidebar{
    height:100vh!important;
    max-height:100vh!important;
  }
}

/* mobile drawer: scroll area stays independent and footer remains reachable */
@media(max-width:820px){
  .sidebar{
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  .sidebar-shell{
    min-height:0!important;
    padding-bottom:0!important;
  }
  .sidebar-scroll{
    padding-top:8px!important;
    padding-bottom:14px!important;
  }
  .sidebar-footer{
    padding-bottom:max(12px, env(safe-area-inset-bottom))!important;
  }
}

/* compact long navigation without shrinking text readability */
@media(max-height:760px) and (min-width:821px){
  .sidebar-group{
    margin-bottom:6px!important;
  }
  .sidebar-group-title{
    padding-top:4px!important;
    padding-bottom:3px!important;
  }
  .sidebar-group-items button,
  .sidebar-footer>button{
    min-height:34px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
}


/* =========================================================
   Ladaro 2026 R5 / build 2026.10.6
   Sidebar footer hard fix: Help + version always visible
   ========================================================= */

.sidebar{
  height:100vh!important;
  max-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

.sidebar-shell{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  overflow:hidden!important;
}

.sidebar-scroll{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}

.sidebar-footer{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:7px 8px 10px!important;
  border-top:1px solid var(--border)!important;
  background:var(--surface-1)!important;
  box-shadow:0 -8px 18px color-mix(in srgb,var(--surface-1) 88%,transparent)!important;
  overflow:visible!important;
}

.sidebar-footer-help{
  display:block!important;
  width:100%!important;
}

.sidebar-footer-help>button,
.sidebar-footer [data-view="help"]{
  display:flex!important;
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 9px!important;
  opacity:1!important;
  visibility:visible!important;
}

.sidebar-footer .sidebar-version-info{
  display:grid!important;
  gap:2px!important;
  width:auto!important;
  max-width:calc(100% - 6px)!important;
  margin:6px 3px 0!important;
  padding:6px 7px 1px!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}

.sidebar-footer .sidebar-version-info span{
  display:block!important;
  font-size:calc(7.7px * var(--text-scale))!important;
  line-height:1.25!important;
  color:var(--text-3)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

.sidebar-footer .sidebar-version-info small{
  display:block!important;
  font-size:calc(7.1px * var(--text-scale))!important;
  line-height:1.25!important;
  color:color-mix(in srgb,var(--text-3) 82%,transparent)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* Only collapsed desktop sidebar hides the version, Help remains as icon. */
body.sidebar-collapsed .sidebar-footer .sidebar-version-info,
.sidebar.collapsed .sidebar-footer .sidebar-version-info{
  display:none!important;
}

body.sidebar-collapsed .sidebar-footer,
.sidebar.collapsed .sidebar-footer{
  padding-left:5px!important;
  padding-right:5px!important;
}

@media(max-width:820px){
  .sidebar{
    height:100dvh!important;
    max-height:100dvh!important;
  }
  .sidebar-shell{
    grid-template-rows:minmax(0,1fr) auto!important;
  }
  .sidebar-footer{
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
  .sidebar-footer .sidebar-version-info{
    display:grid!important;
  }
}

/* Protect Help/version from generic sidebar selectors. */
.sidebar-scroll [data-view="help"]{
  display:none!important;
}


/* =========================================================
   Ladaro 2026 R11 / build 2026.12.1
   ========================================================= */
.auth-gate{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;background:rgba(5,11,22,.93);padding:20px}
.auth-card{width:min(430px,100%);display:grid;gap:12px;padding:24px;border:1px solid var(--brand-border);border-radius:20px;background:var(--surface-1);box-shadow:0 30px 100px rgba(0,0,0,.42)}
.auth-brand{display:flex;justify-content:space-between;align-items:center}.auth-brand b{font-size:24px}.auth-brand span{font-size:12px;color:var(--brand)}
.auth-card h1{font-size:22px;margin:4px 0}.auth-card label{display:grid;gap:6px}.auth-card #authError{min-height:20px;color:#ff667b;margin:0}.auth-card>small{color:var(--text-3)}
.doc-actions{display:flex;gap:4px;flex-wrap:wrap}.doc-actions button{min-height:28px!important;padding:4px 7px!important;font-size:calc(8.5px * var(--text-scale))!important}
.r11-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 14px}.r11-kpi-row>div{padding:10px;border-radius:10px;background:var(--surface-2)}.r11-kpi-row span{display:block;color:var(--text-3);font-size:calc(9px * var(--text-scale))}.r11-kpi-row b{display:block;margin-top:4px;font-size:calc(15px * var(--text-scale))}
.r11-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.r11-split h4{margin:0 0 8px}.r11-row{display:grid;grid-template-columns:110px 1fr auto;gap:9px;padding:9px 0;border-top:1px solid var(--border)}.r11-row small{color:var(--text-3)}.r11-row.danger b{color:#ff667b}
.bi-chart-placeholder{min-height:230px;display:grid;align-items:center}.bi-big{display:grid;gap:5px}.bi-big>b{font-size:calc(30px * var(--text-scale));letter-spacing:-.04em}.bi-big span,.bi-big small{color:var(--text-3)}
.bi-bars{display:grid;gap:12px}.bi-bars>div{display:grid;grid-template-columns:100px 1fr 42px;gap:10px;align-items:center}.bi-bars i{height:9px;border-radius:999px;background:linear-gradient(90deg,var(--brand),#15d9e9)}
.security-r11{margin-top:12px}.security-r11 .settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.security-r11 .settings-grid>div{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.security-r11 b,.security-r11 small{display:block}.security-r11 small{margin-top:4px;color:var(--text-3);line-height:1.45}.security-r11 button{margin-top:9px}
@media(max-width:900px){.r11-split,.security-r11 .settings-grid{grid-template-columns:1fr}.r11-row{grid-template-columns:1fr}.r11-kpi-row{grid-template-columns:1fr 1fr}}

/* Ladaro 2026 R11.2 */
.document-center-modal{max-width:1120px!important}.doc-center-summary{display:grid;grid-template-columns:2fr 1fr 1fr .7fr;gap:8px;margin-bottom:14px}
.doc-center-summary>div{padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.doc-center-summary span,.doc-center-summary small{display:block;color:var(--text-3);font-size:calc(9px * var(--text-scale))!important}.doc-center-summary b{display:block;margin-top:4px}
.document-center-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:16px}.doc-history{display:grid;gap:6px}.doc-history>div{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:8px 0;border-top:1px solid var(--border)}.doc-history small{grid-column:1/-1;color:var(--text-3)}.doc-version-head{margin-top:18px!important}
[data-view]{cursor:pointer}@media(max-width:800px){.doc-center-summary{grid-template-columns:1fr 1fr}.document-center-grid{grid-template-columns:1fr}}


/* =========================================================
   Ladaro 2026 R11.2 / build 2026.12.5
   FINAL SIDEBAR COMPONENT — authoritative
   ========================================================= */
:root{--ladaro-sidebar-width:238px;--ladaro-sidebar-collapsed:80px}

.sidebar#sidebar{
  position:fixed!important;
  left:0!important;
  top:var(--topbar-h)!important;
  bottom:0!important;
  width:var(--ladaro-sidebar-width)!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  z-index:50!important;
  transition:width .2s ease!important;
}

.sidebar#sidebar .sidebar-top{
  flex:0 0 auto!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:6px 9px 4px 12px!important;
  box-sizing:border-box!important;
}
.sidebar#sidebar .sidebar-top .nav-label{
  margin:0!important;
  padding:0!important;
}
.sidebar#sidebar .sidebar-shell{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  width:100%!important;
  height:auto!important;
}
.sidebar#sidebar .sidebar-scroll{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding:4px 8px 16px!important;
  box-sizing:border-box!important;
  scrollbar-width:thin!important;
}
.sidebar#sidebar .sidebar-footer{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  padding:7px 8px max(9px,env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  background:var(--surface-1)!important;
  border-top:1px solid var(--border)!important;
  box-shadow:0 -6px 16px color-mix(in srgb,var(--surface-1) 88%,transparent)!important;
  z-index:2!important;
}
.sidebar#sidebar .sidebar-group{
  display:block!important;
  margin:0 0 7px!important;
}
.sidebar#sidebar .sidebar-group-title{
  display:block!important;
  margin:0!important;
  padding:6px 9px 4px!important;
  font-size:calc(7.6px * var(--text-scale))!important;
  line-height:1.2!important;
  letter-spacing:.09em!important;
  font-weight:850!important;
  color:var(--text-3)!important;
  text-transform:uppercase!important;
}
.sidebar#sidebar .sidebar-group-items{
  display:grid!important;
  gap:2px!important;
}
.sidebar#sidebar [data-view]{
  width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  margin:0!important;
  padding:6px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  border-radius:9px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sidebar#sidebar [data-view] .nav-text{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.sidebar#sidebar .nav-icon{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  display:grid!important;
  place-items:center!important;
}
.sidebar#sidebar .nav-icon svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.sidebar#sidebar .sidebar-collapse-button{
  position:static!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--border)!important;
  border-radius:8px!important;
  background:var(--surface-2)!important;
  color:var(--text-3)!important;
}
.sidebar#sidebar .sidebar-collapse-button svg{
  width:15px!important;height:15px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:2!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
  transition:transform .2s ease!important;
}
.sidebar#sidebar .sidebar-version-info{
  display:grid!important;
  gap:1px!important;
  width:auto!important;
  max-width:100%!important;
  margin:5px 4px 0!important;
  padding:3px 7px 0!important;
  border:0!important;
  overflow:visible!important;
}
.sidebar#sidebar .sidebar-version-info span{
  display:block!important;
  font-size:calc(7.2px * var(--text-scale))!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  color:var(--text-3)!important;
}
.sidebar#sidebar .sidebar-version-info small{
  display:block!important;
  font-size:calc(6.9px * var(--text-scale))!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  color:var(--text-3)!important;
}

/* Collapse: only icons remain. */
body.sidebar-collapsed .sidebar#sidebar,
.sidebar#sidebar.collapsed{
  width:var(--ladaro-sidebar-collapsed)!important;
}
body.sidebar-collapsed .sidebar#sidebar .sidebar-top,
.sidebar#sidebar.collapsed .sidebar-top{
  justify-content:center!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.sidebar-collapsed .sidebar#sidebar .nav-label,
.sidebar#sidebar.collapsed .nav-label,
body.sidebar-collapsed .sidebar#sidebar .sidebar-group-title,
.sidebar#sidebar.collapsed .sidebar-group-title,
body.sidebar-collapsed .sidebar#sidebar .sidebar-version-info,
.sidebar#sidebar.collapsed .sidebar-version-info{
  display:none!important;
}
body.sidebar-collapsed .sidebar#sidebar .sidebar-collapse-button svg,
.sidebar#sidebar.collapsed .sidebar-collapse-button svg{
  transform:rotate(180deg)!important;
}
body.sidebar-collapsed .sidebar#sidebar .sidebar-scroll,
.sidebar#sidebar.collapsed .sidebar-scroll{
  padding:8px 10px 14px!important;
}
body.sidebar-collapsed .sidebar#sidebar .sidebar-group,
.sidebar#sidebar.collapsed .sidebar-group{
  margin-bottom:4px!important;
}
body.sidebar-collapsed .sidebar#sidebar [data-view],
.sidebar#sidebar.collapsed [data-view]{
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0 auto!important;
  padding:0!important;
  justify-content:center!important;
  gap:0!important;
}
body.sidebar-collapsed .sidebar#sidebar [data-view] .nav-icon,
.sidebar#sidebar.collapsed [data-view] .nav-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
}
body.sidebar-collapsed .sidebar#sidebar [data-view] .nav-icon svg,
.sidebar#sidebar.collapsed [data-view] .nav-icon svg{
  width:20px!important;
  height:20px!important;
}
body.sidebar-collapsed .sidebar#sidebar [data-view] .nav-text,
.sidebar#sidebar.collapsed [data-view] .nav-text{
  display:none!important;
}
body.sidebar-collapsed .sidebar#sidebar .sidebar-footer,
.sidebar#sidebar.collapsed .sidebar-footer{
  padding-left:10px!important;
  padding-right:10px!important;
}

/* Keep workspace aligned with actual sidebar width. */
@media(min-width:821px){
  body.sidebar-collapsed  .workspace{content-visibility:auto;contain-intrinsic-size:1200px;
    margin-left:var(--ladaro-sidebar-collapsed)!important;
  }
}

/* Short screens: still fully usable because ONLY middle nav scrolls. */
@media(max-height:760px) and (min-width:821px){
  .sidebar#sidebar .sidebar-top{height:38px!important}
  .sidebar#sidebar .sidebar-group{margin-bottom:4px!important}
  .sidebar#sidebar .sidebar-group-title{padding-top:3px!important;padding-bottom:2px!important}
  .sidebar#sidebar [data-view]{min-height:33px!important;padding-top:4px!important;padding-bottom:4px!important}
  .sidebar#sidebar .sidebar-footer{padding-top:5px!important;padding-bottom:6px!important}
}

/* Mobile drawer remains full-width; desktop collapsed state never shrinks it. */
@media(max-width:820px){
  .sidebar#sidebar,
  body.sidebar-collapsed .sidebar#sidebar,
  .sidebar#sidebar.collapsed{
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    width:min(310px,86vw)!important;
    max-width:min(310px,86vw)!important;
  }
  .sidebar#sidebar .sidebar-collapse-button{display:none!important}
  .sidebar#sidebar .sidebar-top{height:46px!important}
  .sidebar#sidebar .nav-label{display:block!important}
  .sidebar#sidebar .sidebar-group-title{display:block!important}
  .sidebar#sidebar .sidebar-version-info{display:grid!important}
  .sidebar#sidebar [data-view]{
    width:100%!important;max-width:none!important;
    min-height:38px!important;margin:0!important;padding:7px 9px!important;
    justify-content:flex-start!important;gap:10px!important;
  }
  .sidebar#sidebar [data-view] .nav-text{display:block!important}
}


/* =========================================================
   Ladaro R11.2 / 2026.12.6
   Sidebar visual reset + BI resilient reports
   ========================================================= */
.sidebar#sidebar [data-view]{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid transparent!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--text-2)!important;
  font:inherit!important;
  text-align:left!important;
}
.sidebar#sidebar [data-view]:hover{
  background:var(--surface-2)!important;
  border-color:transparent!important;
}
.sidebar#sidebar [data-view].active{
  background:var(--brand-soft)!important;
  border-color:transparent!important;
  color:var(--text-1)!important;
  box-shadow:none!important;
}
.sidebar#sidebar [data-view]:focus-visible{
  outline:2px solid color-mix(in srgb,var(--brand) 55%,transparent)!important;
  outline-offset:-2px!important;
}
.sidebar#sidebar .nav-icon{
  color:var(--text-3)!important;
}
.sidebar#sidebar [data-view].active .nav-icon{
  color:var(--brand)!important;
}
.sidebar#sidebar .nav-icon:empty::before{
  content:none!important;
}
.sidebar#sidebar .nav-icon svg + *{
  display:none!important;
}
.bi-source{
  display:block;
  margin-top:8px;
  font-size:calc(8.5px * var(--text-scale))!important;
  font-style:normal;
  color:var(--text-3);
}
.bi-fallback-note{
  margin-top:12px;
  padding:9px 10px;
  border:1px solid var(--border);
  border-radius:9px;
  font-size:calc(9px * var(--text-scale))!important;
  line-height:1.4;
  color:var(--text-3);
  background:var(--surface-2);
}


/* Ladaro R11.2 / 2026.12.16 — sidebar/workspace geometry */
@media(min-width:821px){
  body:not(.sidebar-collapsed)  .workspace{content-visibility:auto;contain-intrinsic-size:1200px;
    margin-left:var(--ladaro-sidebar-width)!important;
    width:calc(100% - var(--ladaro-sidebar-width))!important;
    max-width:calc(100% - var(--ladaro-sidebar-width))!important;
    box-sizing:border-box!important;
  }
  body.sidebar-collapsed  .workspace{content-visibility:auto;contain-intrinsic-size:1200px;
    margin-left:var(--ladaro-sidebar-collapsed)!important;
    width:calc(100% - var(--ladaro-sidebar-collapsed))!important;
    max-width:calc(100% - var(--ladaro-sidebar-collapsed))!important;
    box-sizing:border-box!important;
  }
  body:not(.sidebar-collapsed) .topbar{
    left:var(--ladaro-sidebar-width)!important;
    width:calc(100% - var(--ladaro-sidebar-width))!important;
    box-sizing:border-box!important;
  }
  body.sidebar-collapsed .topbar{
    left:var(--ladaro-sidebar-collapsed)!important;
    width:calc(100% - var(--ladaro-sidebar-collapsed))!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:820px){
  .workspace,body.sidebar-collapsed  .workspace{content-visibility:auto;contain-intrinsic-size:1200px;margin-left:0!important;width:100%!important;max-width:100%!important}
  .topbar,body.sidebar-collapsed .topbar{left:0!important;width:100%!important}
}


/* Build 2026.12.16 — Pulse personalization only */
body.pulse-layout-editing .pulse-grid{user-select:none!important}
body.pulse-layout-editing .pulse-drag{
  touch-action:none!important;cursor:grab!important;pointer-events:auto!important;
  position:relative!important;z-index:4!important;
}
body.pulse-layout-editing .pulse-drag:hover{background:var(--brand-soft)!important;color:var(--brand)!important}
body.pulse-layout-editing .pulse-drag:active{cursor:grabbing!important}
.pulse-drag-source{
  position:fixed!important;box-shadow:0 24px 70px rgba(20,38,72,.24)!important;
  opacity:.97!important;border-color:color-mix(in srgb,var(--brand) 45%,var(--border))!important;
}
.pulse-drop-placeholder{
  display:block!important;min-height:92px!important;
  border:2px dashed color-mix(in srgb,var(--brand) 54%,var(--border))!important;
  border-radius:14px!important;background:color-mix(in srgb,var(--brand-soft) 62%,transparent)!important;
  box-sizing:border-box!important;
}
.pulse-grid-editing .pulse-widget:hover{
  outline:1px solid color-mix(in srgb,var(--brand) 20%,transparent)!important;
}

/* Same neutral line theme icon on desktop/mobile. */
.theme-icon{width:20px!important;height:20px!important;display:grid!important;place-items:center!important}
.theme-mode-icon{
  width:18px!important;height:18px!important;display:block!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
#themeToggle{color:var(--text-3)!important}


/* =========================================================
   Ladaro R11.2 / build 2026.12.19
   Stable sidebar logo + stable topbar
   Intro rules are intentionally untouched.
   ========================================================= */
.topbar .topbar-brand-placeholder{
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Keep topbar/search in exactly the same desktop position in both sidebar states. */
@media(min-width:821px){
  body:not(.sidebar-collapsed) .topbar,
  body.sidebar-collapsed .topbar{
    left:var(--ladaro-sidebar-width)!important;
    width:calc(100% - var(--ladaro-sidebar-width))!important;
    max-width:calc(100% - var(--ladaro-sidebar-width))!important;
    box-sizing:border-box!important;
  }
}

/* Isolated application logo: does not inherit historical .brand wrapper layout rules. */
.sidebar#sidebar .sidebar-logo{
  flex:0 0 68px!important;
  height:68px!important;
  min-height:68px!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 14px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  border-bottom:1px solid var(--line-soft)!important;
  background:var(--sidebar)!important;
  color:var(--text)!important;
}
.sidebar#sidebar .sidebar-logo .brand-symbol{
  width:36px!important;height:36px!important;flex:0 0 36px!important;
  display:block!important;overflow:visible!important;
  filter:drop-shadow(0 7px 14px rgba(30,120,255,.18))!important;
}
.sidebar#sidebar .sidebar-logo .wordmark{
  display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;
  padding:4px 3px 4px 0!important;font-size:23px!important;font-weight:790!important;
  letter-spacing:-.035em!important;line-height:1!important;color:var(--text)!important;
  position:relative!important;overflow:hidden!important;
}
body:not(.sidebar-collapsed) .sidebar#sidebar .sidebar-logo{justify-content:center!important}
body:not(.sidebar-collapsed) .sidebar#sidebar .sidebar-logo .wordmark{display:flex!important}
body.sidebar-collapsed .sidebar#sidebar .sidebar-logo,
.sidebar#sidebar.collapsed .sidebar-logo{
  justify-content:center!important;padding-left:0!important;padding-right:0!important;
}
body.sidebar-collapsed .sidebar#sidebar .sidebar-logo .wordmark,
.sidebar#sidebar.collapsed .sidebar-logo .wordmark{display:none!important}
body.sidebar-collapsed .sidebar#sidebar .sidebar-logo .brand-symbol,
.sidebar#sidebar.collapsed .sidebar-logo .brand-symbol{
  width:34px!important;height:34px!important;flex-basis:34px!important;
}

/* Same existing logo replay keyframes, scoped only to the new sidebar wrapper. */
.sidebar-logo.brand-replay-reset .logo-ring-spin,
.sidebar-logo.brand-replay-reset .logo-planet-orbit,
.sidebar-logo.brand-replay-reset .logo-planet,
.sidebar-logo.brand-replay-reset .logo-planet-core,
.sidebar-logo.brand-replay-reset .logo-planet-afterglow,
.sidebar-logo.brand-replay-reset .logo-planet-halo-inner,
.sidebar-logo.brand-replay-reset .logo-planet-halo-outer,
.sidebar-logo.brand-replay-reset .wordmark>span,
.sidebar-logo.brand-replay-reset .wordmark-sheen{animation:none!important}
.sidebar-logo.brand-replay-reset .logo-ring-spin{
  transform-box:view-box;transform-origin:18px 18px;transform:rotate(-285deg) scale(.78)!important;opacity:0!important;
}
.sidebar-logo.brand-replay-reset .logo-planet-orbit{
  transform-box:view-box;transform-origin:18px 18px;transform:rotate(-330deg)!important;opacity:0!important;
}
.sidebar-logo.brand-replay-reset .wordmark>span{
  opacity:0!important;transform:translateY(10px) scale(.92)!important;filter:blur(5px)!important;
}
.sidebar-logo.brand-replay-original .logo-ring-spin{animation:ladaroLogoSpin 1.12s cubic-bezier(.16,.84,.18,1) .05s both!important}
.sidebar-logo.brand-replay-original .logo-planet-orbit{animation:ladaroPlanetOrbit 1.12s cubic-bezier(.18,.82,.18,1) .05s both!important}
.sidebar-logo.brand-replay-original .logo-planet{animation:ladaroPlanetFinish .72s cubic-bezier(.18,.82,.2,1) 1.01s both!important}
.sidebar-logo.brand-replay-original .logo-planet-core{animation:ladaroPlanetCore .72s ease-out 1.01s both!important}
.sidebar-logo.brand-replay-original .logo-planet-afterglow{animation:ladaroAfterglow .9s ease-out 1.05s both!important}
.sidebar-logo.brand-replay-original .logo-planet-halo-inner{animation:ladaroFlareInner .72s ease-out 1.04s both!important}
.sidebar-logo.brand-replay-original .logo-planet-halo-outer{animation:ladaroFlareOuter .82s ease-out 1.02s both!important}
.sidebar-logo.brand-replay-original .wordmark>span{animation:ladaroLetterIn .48s cubic-bezier(.16,.86,.24,1) calc(.74s + var(--i)*.055s) forwards!important}
.sidebar-logo.brand-replay-original .wordmark-sheen{animation:ladaroWordSheen .72s cubic-bezier(.2,.75,.2,1) 1.05s forwards!important}

@media(max-width:820px){
  .topbar .topbar-brand-placeholder{display:none!important}
  .sidebar#sidebar .sidebar-logo,
  body.sidebar-collapsed .sidebar#sidebar .sidebar-logo,
  .sidebar#sidebar.collapsed .sidebar-logo{
    height:68px!important;min-height:68px!important;justify-content:flex-start!important;padding:0 16px!important;
  }
  .sidebar#sidebar .sidebar-logo .wordmark,
  body.sidebar-collapsed .sidebar#sidebar .sidebar-logo .wordmark,
  .sidebar#sidebar.collapsed .sidebar-logo .wordmark{display:flex!important}
}


/* =========================================================
   Ladaro R11.2 / build 2026.12.20
   RIGHT PANE LAYOUT + TOPBAR FIX
   Navigation component is intentionally untouched.
   ========================================================= */

.app{
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-height:100vh!important;
}

@media(min-width:821px){
  body:not(.sidebar-collapsed) .topbar{
    position:fixed!important;
    top:0!important;
    left:var(--ladaro-sidebar-width)!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
    height:68px!important;
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    padding:0 22px!important;
    margin:0!important;
    box-sizing:border-box!important;
    z-index:7400!important;
  }
  body.sidebar-collapsed .topbar{
    position:fixed!important;
    top:0!important;
    left:var(--ladaro-sidebar-collapsed)!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
    height:68px!important;
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    padding:0 22px!important;
    margin:0!important;
    box-sizing:border-box!important;
    z-index:7400!important;
  }

  .topbar .topbar-brand-placeholder{
    display:none!important;
  }

  .topbar .mobile-menu-toggle{
    display:none!important;
  }

  .topbar .search{
    flex:1 1 620px!important;
    width:auto!important;
    min-width:300px!important;
    max-width:760px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 13px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
  }

  .topbar .search b{
    flex:1 1 auto!important;
    min-width:0!important;
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.2!important;
    font-weight:500!important;
  }

  .topbar .search kbd{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .topbar .top-actions{
    flex:0 0 auto!important;
    min-width:0!important;
    margin-left:auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    white-space:nowrap!important;
  }

  body:not(.sidebar-collapsed)  .workspace{content-visibility:auto;contain-intrinsic-size:1200px;
    position:relative!important;
    display:block!important;
    grid-column:auto!important;
    grid-row:auto!important;
    margin:0 0 0 var(--ladaro-sidebar-width)!important;
    width:calc(100% - var(--ladaro-sidebar-width))!important;
    max-width:none!important;
    min-height:100vh!important;
    padding:100px clamp(28px,3.5vw,56px) 70px!important;
    box-sizing:border-box!important;
  }

  body.sidebar-collapsed  .workspace{content-visibility:auto;contain-intrinsic-size:1200px;
    position:relative!important;
    display:block!important;
    grid-column:auto!important;
    grid-row:auto!important;
    margin:0 0 0 var(--ladaro-sidebar-collapsed)!important;
    width:calc(100% - var(--ladaro-sidebar-collapsed))!important;
    max-width:none!important;
    min-height:100vh!important;
    padding:100px clamp(28px,3.5vw,56px) 70px!important;
    box-sizing:border-box!important;
  }
}

@media(min-width:821px) and (max-width:1180px){
  .topbar{
    gap:9px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .topbar .search{
    min-width:240px!important;
    max-width:560px!important;
  }
  .topbar .company-top{
    display:none!important;
  }
  .topbar .top-actions{
    gap:5px!important;
  }
}

@media(max-width:820px){
  .topbar{
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  .workspace,
  body.sidebar-collapsed  .workspace{content-visibility:auto;contain-intrinsic-size:1200px;
    margin-left:0!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}


/* =========================================================
   Ladaro R11.2 / build 2026.12.21
   Sidebar viewport anchoring only
   ========================================================= */

/*
  Root cause:
  historical `top: var(--topbar-h)` used an undefined variable.
  With `bottom:0` and auto height, an expanded sidebar could be
  vertically shifted above the viewport, clipping the logo.

  Do not change menu styling. Only anchor the existing component.
*/
.sidebar#sidebar{
  top:0!important;
  bottom:0!important;
  height:100vh!important;
  max-height:100vh!important;
}


/* Ladaro R11.2 build 2026.12.22 — collapsed sidebar width tuning */
/* Slightly wider collapsed rail so active icon highlight is not clipped. */


/* Ladaro R11.2 build 2026.12.23 — centered expanded logo + larger collapsed icon highlight */


/* Ladaro R11.2 build 2026.12.24 — centered logo area, robust mobile menu, wider collapsed icons */
:root{--ladaro-sidebar-collapsed:88px}

/* 1) Expanded sidebar logo: center horizontally and vertically in the full top logo area */
.sidebar#sidebar .sidebar-logo{
  flex:0 0 104px!important;
  height:104px!important;
  min-height:104px!important;
  justify-content:center!important;
  align-items:center!important;
  padding:0 18px!important;
}
.sidebar#sidebar .sidebar-logo .wordmark{
  justify-content:center!important;
  padding:0!important;
}

/* 2) Collapsed desktop sidebar: slightly wider so active blue highlight is not clipped */
body.sidebar-collapsed .sidebar#sidebar,
.sidebar#sidebar.collapsed{
  width:var(--ladaro-sidebar-collapsed)!important;
}
body.sidebar-collapsed .sidebar#sidebar .sidebar-scroll,
.sidebar#sidebar.collapsed .sidebar-scroll{
  padding:8px 11px 14px!important;
}
body.sidebar-collapsed .sidebar#sidebar [data-view],
.sidebar#sidebar.collapsed [data-view]{
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
body.sidebar-collapsed .sidebar#sidebar [data-view] .nav-icon,
.sidebar#sidebar.collapsed [data-view] .nav-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
}
body.sidebar-collapsed .sidebar#sidebar [data-view] .nav-icon svg,
.sidebar#sidebar.collapsed [data-view] .nav-icon svg{
  width:22px!important;
  height:22px!important;
}

/* 3) Mobile menu: always open as a full clickable drawer, never as the collapsed icon rail */
@media(max-width:820px){
  .mobile-nav-backdrop{
    z-index:8400!important;
    background:rgba(2,8,18,.42)!important;
    backdrop-filter:none!important;
  }

  .sidebar#sidebar,
  body.sidebar-collapsed .sidebar#sidebar,
  .sidebar#sidebar.collapsed{
    width:min(320px,88vw)!important;
    min-width:min(320px,88vw)!important;
    max-width:min(320px,88vw)!important;
    padding:76px 14px 20px!important;
    z-index:9200!important;
    isolation:isolate!important;
    pointer-events:auto!important;
  }

  body.mobile-nav-open .sidebar#sidebar,
  body.mobile-nav-open .sidebar#sidebar.collapsed,
  .sidebar#sidebar.is-open{
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
  }

  body.mobile-nav-open .sidebar#sidebar *,
  .sidebar#sidebar.is-open *{
    pointer-events:auto!important;
  }

  body.sidebar-collapsed .sidebar#sidebar .sidebar-logo,
  .sidebar#sidebar.collapsed .sidebar-logo{
    justify-content:center!important;
    height:104px!important;
    min-height:104px!important;
    padding:0 18px!important;
  }

  body.sidebar-collapsed .sidebar#sidebar .sidebar-logo .wordmark,
  .sidebar#sidebar.collapsed .sidebar-logo .wordmark{
    display:flex!important;
  }

  body.sidebar-collapsed .sidebar#sidebar .sidebar-top,
  .sidebar#sidebar.collapsed .sidebar-top{
    display:flex!important;
  }

  body.sidebar-collapsed .sidebar#sidebar .sidebar-group-title,
  .sidebar#sidebar.collapsed .sidebar-group-title,
  body.sidebar-collapsed .sidebar#sidebar .sidebar-version-info,
  .sidebar#sidebar.collapsed .sidebar-version-info,
  body.sidebar-collapsed .sidebar#sidebar .sidebar-footer,
  .sidebar#sidebar.collapsed .sidebar-footer{
    display:block!important;
  }

  body.sidebar-collapsed .sidebar#sidebar [data-view],
  .sidebar#sidebar.collapsed [data-view]{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:38px!important;
    margin:0!important;
    padding:7px 9px!important;
    justify-content:flex-start!important;
    gap:10px!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }

  body.sidebar-collapsed .sidebar#sidebar [data-view] .nav-icon,
  .sidebar#sidebar.collapsed [data-view] .nav-icon{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
  }
  body.sidebar-collapsed .sidebar#sidebar [data-view] .nav-icon svg,
  .sidebar#sidebar.collapsed [data-view] .nav-icon svg{
    width:18px!important;
    height:18px!important;
  }
  body.sidebar-collapsed .sidebar#sidebar [data-view] .nav-text,
  .sidebar#sidebar.collapsed [data-view] .nav-text{
    display:block!important;
  }
}