/* ========================================================================
   ArquitetusOS — AI First Business Enterprise Brand
   Matte black + ice white + acid lime. Dark is the default; light remains available.
   ======================================================================== */

:root[data-theme="dark"]{
  --bg:#05070b;
  --paper:#0b1017;
  --ink:#eef6ff;
  --muted:#8fa5b9;
  --line:#1d2a38;
  --sidebar:#04070b;
  --sidebar-2:#0a1017;
  --sidebar-text:#e7f1fb;
  --sidebar-muted:#718296;
  --accent:#b8ff3d;
  --accent-soft:rgba(184,255,61,.09);

  --amber:#e8b858;
  --red:#ff657a;
  --shadow-1:0 1px 2px rgba(0,0,0,.55),0 10px 26px rgba(0,0,0,.20);
  --shadow-2:0 24px 70px rgba(0,0,0,.35);
  color-scheme:dark;
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] .main{
  background:
    radial-gradient(circle at 72% -20%,rgba(184,255,61,.035),transparent 28rem),
    var(--bg);
  color:var(--ink)
}

:root[data-theme="dark"] .sidebar{
  background:
    radial-gradient(circle at 45% 0,rgba(184,255,61,.045),transparent 15rem),
    linear-gradient(180deg,#05080c 0%,#030609 100%);
  border-right-color:#151f2a;
  box-shadow:8px 0 30px rgba(0,0,0,.20)
}

:root[data-theme="dark"] .sidebar-header,
:root[data-theme="dark"] .sidebar-footer{border-color:#151f2a}

.brand-mark-logo{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:none;
  border-radius:12px;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform-style:preserve-3d;
  transition:transform .25s var(--spring),filter .25s var(--spring)
}
.brand-mark-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  pointer-events:none;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.28))
}
:root[data-theme="dark"] .brand:hover .brand-mark-logo{
  filter:drop-shadow(0 0 11px rgba(184,255,61,.18))
}
.brand-mark-logo:after{display:none!important}
.brand-mark-logo svg{display:none!important}
.shell.sidebar-collapsed .brand-mark-logo{width:36px;height:36px}

:root[data-theme="dark"] .brand-copy strong{color:#f4f8ff}
:root[data-theme="dark"] .brand-copy small{color:#6e8092}

:root[data-theme="dark"] .client-context{
  border-color:#1a2633;
  background:rgba(255,255,255,.025)
}
:root[data-theme="dark"] .client-context:hover{
  background:rgba(184,255,61,.035);
  border-color:rgba(184,255,61,.15)
}
:root[data-theme="dark"] .client-avatar,
:root[data-theme="dark"] .user-avatar{
  background:rgba(184,255,61,.09);
  color:#ceff78;
  border:1px solid rgba(184,255,61,.11)
}

:root[data-theme="dark"] .nav-label{color:#506276}
:root[data-theme="dark"] .nav-item{color:#95a6b8}
:root[data-theme="dark"] .nav-item:hover{
  color:#f3f8ff;
  background:rgba(255,255,255,.035)
}
:root[data-theme="dark"] .nav-item.active{
  color:#f5f9ff;
  background:linear-gradient(90deg,rgba(184,255,61,.095),rgba(184,255,61,.025))
}
:root[data-theme="dark"] .nav-item.active:before{
  background:var(--accent);
  box-shadow:0 0 12px rgba(184,255,61,.38)
}
:root[data-theme="dark"] .nav-item.active .nav-icon{
  color:#c7ff63;
  background:rgba(184,255,61,.075)
}
:root[data-theme="dark"] .nav-icon{color:#66788a}

:root[data-theme="dark"] .topbar{
  background:rgba(6,10,16,.83);
  border-color:#192532;
  backdrop-filter:blur(22px) saturate(145%);
  box-shadow:0 1px 0 rgba(255,255,255,.015)
}
:root[data-theme="dark"] .top-title small{color:#65788d}
:root[data-theme="dark"] .top-title strong{color:#edf7ff}

:root[data-theme="dark"] .search-trigger{
  background:#0b1118;
  border-color:#1d2a38;
  color:#74879b
}
:root[data-theme="dark"] .search-trigger:hover{
  border-color:rgba(184,255,61,.18);
  background:#0e1720
}
:root[data-theme="dark"] .search-trigger kbd{
  background:#060b11;
  border-color:#253443;
  color:#7b8da0
}

:root[data-theme="dark"] .theme-toggle{
  background:#0b1017;
  border-color:#253345;
  color:#b3c3d4
}
:root[data-theme="dark"] .theme-toggle:hover{
  background:#101a24;
  color:#d2ff88;
  border-color:rgba(184,255,61,.22)
}

:root[data-theme="dark"] .btn{
  border-color:#253443;
  background:#0f151d;
  color:#d9e7f4
}
:root[data-theme="dark"] .btn:hover{
  border-color:rgba(184,255,61,.19);
  box-shadow:0 8px 20px rgba(0,0,0,.22)
}
:root[data-theme="dark"] .btn.primary,
:root[data-theme="dark"] .button.primary{
  background:linear-gradient(180deg,#cbff69,#8ecb16);
  color:#04111c;
  border-color:#b8ff3d;
  box-shadow:0 8px 24px rgba(184,255,61,.09)
}
:root[data-theme="dark"] .btn.primary:hover,
:root[data-theme="dark"] .button.primary:hover{
  background:linear-gradient(180deg,#dcff98,#9dda20);
  box-shadow:0 10px 28px rgba(184,255,61,.14)
}
:root[data-theme="dark"] .btn.secondary,
:root[data-theme="dark"] .btn.quiet{
  background:#0d131b;
  color:#cad8e5;
  border-color:#253443
}

:root[data-theme="dark"] .surface,
:root[data-theme="dark"] .metric-card,
:root[data-theme="dark"] .rail-card,
:root[data-theme="dark"] .advisor,
:root[data-theme="dark"] .matrix-card,
:root[data-theme="dark"] .ote-grid article,
:root[data-theme="dark"] .tool-card,
:root[data-theme="dark"] .health-card{
  background:linear-gradient(180deg,#0f151e,#0b1118);
  border-color:#1d2a38;
  box-shadow:var(--shadow-1)
}
:root[data-theme="dark"] .surface:hover,
:root[data-theme="dark"] .metric-card:hover,
:root[data-theme="dark"] .tool-card:hover{
  border-color:#283a4b
}

:root[data-theme="dark"] .kicker{
  color:#7d91a5
}
:root[data-theme="dark"] .page-heading h1 em{
  color:#c3ff68
}
:root[data-theme="dark"] .page-heading p,
:root[data-theme="dark"] .page-title p,
:root[data-theme="dark"] .metric-card p,
:root[data-theme="dark"] .advisor p,
:root[data-theme="dark"] .rail-card li{
  color:#8294a7
}
:root[data-theme="dark"] .metric-card>span{color:#7b8fa3}
:root[data-theme="dark"] .health-card span{color:#8193a6}

:root[data-theme="dark"] .journey-step{
  background:#080d14;
  border-color:#1b2835
}
:root[data-theme="dark"] .journey-step.current{
  background:linear-gradient(145deg,#101b26,#09111a);
  border-color:rgba(184,255,61,.32);
  box-shadow:inset 0 0 0 1px rgba(184,255,61,.04)
}
:root[data-theme="dark"] .journey-step.current strong{color:#f2ffda}
:root[data-theme="dark"] .journey-step.current span{color:#b8ff3d}

:root[data-theme="dark"] .table-scroll{
  border-color:#1d2a38
}
:root[data-theme="dark"] .data-table,
:root[data-theme="dark"] .data-table th{
  background:#080d14
}
:root[data-theme="dark"] .data-table th{
  color:#6f8295;
  border-color:#1d2a38
}
:root[data-theme="dark"] .data-table td{
  color:#9babbc;
  border-color:#192632
}
:root[data-theme="dark"] .data-table td strong{color:#e6f3ff}
:root[data-theme="dark"] .data-table tbody tr:hover td{background:#101a25}
:root[data-theme="dark"] .status{
  background:rgba(184,255,61,.07);
  color:#d9ffa1
}

:root[data-theme="dark"] .progress i{background:#192532}
:root[data-theme="dark"] .progress u{
  background:linear-gradient(90deg,#79a916,#b8ff3d);
  box-shadow:0 0 10px rgba(184,255,61,.12)
}

:root[data-theme="dark"] .form-grid input,
:root[data-theme="dark"] .form-grid textarea,
:root[data-theme="dark"] .form-grid select,
:root[data-theme="dark"] .flow-inspector input,
:root[data-theme="dark"] .flow-inspector textarea,
:root[data-theme="dark"] .flow-inspector select{
  background:#080d14;
  border-color:#253345;
  color:#e5f0fb
}
:root[data-theme="dark"] .form-grid input:focus,
:root[data-theme="dark"] .form-grid textarea:focus,
:root[data-theme="dark"] .form-grid select:focus,
:root[data-theme="dark"] .flow-inspector input:focus,
:root[data-theme="dark"] .flow-inspector textarea:focus,
:root[data-theme="dark"] .flow-inspector select:focus{
  border-color:rgba(184,255,61,.40);
  box-shadow:0 0 0 4px rgba(184,255,61,.065);
  outline:none
}

:root[data-theme="dark"] .architecture-board{
  background-color:#060b11;
  border-color:#1d2a38;
  background-image:radial-gradient(rgba(184,255,61,.12) .7px,transparent .7px)
}
:root[data-theme="dark"] .arch-core{
  background:#101926;
  color:#f2ffda;
  border:1px solid rgba(184,255,61,.25);
  box-shadow:0 18px 50px rgba(0,0,0,.36)
}
:root[data-theme="dark"] .architecture-board .n{
  background:#0d131b;
  color:#d7e4ef;
  border-color:#253545
}

:root[data-theme="dark"] .flow-editor,
:root[data-theme="dark"] .flow-library,
:root[data-theme="dark"] .flow-inspector{
  background:#0b1118;
  border-color:#1d2a38
}
:root[data-theme="dark"] .flow-toolbar,
:root[data-theme="dark"] .flow-status{
  background:#080d14;
  border-color:#1d2b38
}
:root[data-theme="dark"] .flow-viewport{
  background:#060a10
}
:root[data-theme="dark"] .flow-world{
  background-image:radial-gradient(rgba(184,255,61,.115) .8px,transparent .8px)
}
:root[data-theme="dark"] .flow-edge.connected{
  stroke:#b8ff3d;
  filter:drop-shadow(0 0 2px rgba(184,255,61,.15))
}
:root[data-theme="dark"] .flow-arrow-head{fill:#b8ff3d}
:root[data-theme="dark"] .flow-node{
  background:linear-gradient(145deg,#101a25,#0a1017);
  border-color:color-mix(in srgb,var(--node) 26%,#27384a);
  box-shadow:0 12px 28px rgba(0,0,0,.28)
}
:root[data-theme="dark"] .flow-node:hover,
:root[data-theme="dark"] .flow-node.selected{
  border-color:color-mix(in srgb,var(--node) 52%,#33485c);
  box-shadow:0 18px 42px rgba(0,0,0,.34)
}
:root[data-theme="dark"] .flow-node.selected{
  outline:1px solid rgba(184,255,61,.18);
  outline-offset:3px
}
:root[data-theme="dark"] .flow-context-toolbar,
:root[data-theme="dark"] .flow-connect-hint{
  background:rgba(7,12,19,.93);
  border-color:#293a4a
}
:root[data-theme="dark"] .flow-context-toolbar button:hover{
  background:rgba(184,255,61,.08);
  color:#b8edff
}
:root[data-theme="dark"] .flow-connect-mode .flow-node:not(.link-source):hover{
  border-color:#b8ff3d;
  box-shadow:0 0 0 4px rgba(184,255,61,.07),0 16px 34px rgba(0,0,0,.30)
}

:root[data-theme="dark"] .orchestration-state{
  background:#0b1017;
  border-color:#253443
}
:root[data-theme="dark"] .orchestration-world{
  background-color:#060a10;
  background-image:radial-gradient(rgba(184,255,61,.105) .8px,transparent .8px)
}
:root[data-theme="dark"] .orchestration-lines .edge.active{
  stroke:#b8ff3d
}
:root[data-theme="dark"] .graph-node{
  background:linear-gradient(145deg,#101a25,#0a1017);
  color:#e2edf7;
  border-color:#283848
}
:root[data-theme="dark"] .graph-node.active{
  border-color:rgba(184,255,61,.38);
  box-shadow:0 0 0 3px rgba(184,255,61,.055),0 16px 34px rgba(0,0,0,.30)
}

:root[data-theme="dark"] .kanban-column{
  background:#080d14;
  border-color:#1d2a38
}
:root[data-theme="dark"] .kanban-column-head{
  background:#0d131b;
  border-color:#1d2a38
}
:root[data-theme="dark"] .task{
  background:#0b1017;
  border-color:#222f3d;
  box-shadow:0 5px 14px rgba(0,0,0,.16)
}
:root[data-theme="dark"] .task:hover{
  border-color:rgba(184,255,61,.19);
  box-shadow:0 10px 24px rgba(0,0,0,.26)
}
:root[data-theme="dark"] .kanban-dropzone.drop-target{
  background:rgba(184,255,61,.035)
}

:root[data-theme="dark"] .command-palette{
  background:rgba(3,6,10,.62)
}
:root[data-theme="dark"] .command-dialog{
  background:rgba(7,12,19,.94);
  border-color:#27384a;
  box-shadow:0 28px 90px rgba(0,0,0,.50)
}
:root[data-theme="dark"] .command-dialog input{
  color:#edf7ff;
  border-color:#253545
}
:root[data-theme="dark"] .command-results button{color:#98aabc}
:root[data-theme="dark"] .command-results button:hover{
  background:rgba(184,255,61,.065);
  color:#f2ffda
}

/* Login */
.login-page{
  min-height:100dvh;
  overflow:auto;
  background:#05070b;
  color:#edf7ff
}
.login-layout{
  min-height:100dvh;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  position:relative;
  overflow:hidden
}
.login-layout:before{
  content:"";
  position:absolute;
  width:52rem;
  height:52rem;
  left:-22rem;
  top:-24rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(184,255,61,.10),rgba(184,255,61,.025) 35%,transparent 68%);
  pointer-events:none
}
.login-info{
  padding:clamp(42px,7vw,100px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  border-right:1px solid #192632;
  background:
    linear-gradient(135deg,rgba(184,255,61,.016),transparent 42%),
    #05070b
}
.login-brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:clamp(42px,8vh,80px)
}
.login-brand .brand-mark-logo{width:52px;height:52px}
.login-brand strong{
  font-size:15px;
  letter-spacing:-.01em
}
.login-info h1{
  max-width:780px;
  margin:0;
  font-size:clamp(42px,5.6vw,78px);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:600
}
.login-info p{
  max-width:650px;
  margin:24px 0 0;
  color:#8093a7;
  font-size:15px;
  line-height:1.65
}
.login-stats{
  display:flex;
  gap:10px;
  margin-top:48px;
  max-width:560px
}
.login-stats>div{
  min-width:120px;
  padding:14px 16px;
  border:1px solid #1d2b38;
  border-radius:13px;
  background:#0a1017
}
.login-stats b,
.login-stats span{display:block}
.login-stats b{
  font-size:23px;
  color:#d8f5ff
}
.login-stats span{
  margin-top:4px;
  font-size:10px;
  color:#6f8295
}
.login-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:min(460px,calc(100% - 56px));
  margin:auto;
  padding:34px;
  border:1px solid #222f3d;
  border-radius:20px;
  background:linear-gradient(180deg,#0f151e,#0a1017);
  box-shadow:0 28px 90px rgba(0,0,0,.28)
}
.login-panel>small{
  font-family:"JetBrains Mono",monospace;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#19bfff
}
.login-panel h2{
  margin:8px 0 4px;
  font-size:28px;
  letter-spacing:-.035em
}
.login-panel>p{
  margin:0 0 24px;
  color:#75889c;
  font-size:12px
}
.login-panel form{display:grid;gap:12px}
.login-panel label{
  display:grid;
  gap:6px;
  color:#8799ab;
  font-family:"JetBrains Mono",monospace;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em
}
.login-panel input{
  width:100%;
  min-height:46px;
  border:1px solid #253443;
  border-radius:10px;
  background:#060b11;
  color:#e6f1fb;
  padding:0 12px;
  outline:none
}
.login-panel input:focus{
  border-color:rgba(184,255,61,.42);
  box-shadow:0 0 0 4px rgba(184,255,61,.06)
}
.login-panel .button{
  min-height:46px;
  border-radius:10px;
  border:1px solid #1bbfff;
  font-weight:700;
  cursor:pointer
}
.login-panel a{
  margin-top:16px;
  text-align:center;
  color:#788b9f;
  font-size:11px;
  text-decoration:none
}
.login-panel a:hover{color:#aeeaff}

:root[data-theme="light"] .login-page{
  background:#f5f6f8;
  color:#111318
}
:root[data-theme="light"] .login-info{
  background:#f8f9fa;
  border-color:#e3e8ee
}
:root[data-theme="light"] .login-panel{
  background:#fff;
  border-color:#e0e6ed;
  box-shadow:0 24px 70px rgba(16,24,40,.09)
}
:root[data-theme="light"] .login-panel input{
  background:#fff;
  border-color:#dfe6ed;
  color:#111318
}

@media(max-width:880px){
  .login-layout{grid-template-columns:1fr}
  .login-info{
    min-height:auto;
    padding:34px 24px 26px;
    border-right:0;
    border-bottom:1px solid #192632
  }
  .login-brand{margin-bottom:28px}
  .login-info h1{font-size:clamp(38px,10vw,58px)}
  .login-info p{font-size:13px}
  .login-stats{margin-top:28px;overflow-x:auto}
  .login-panel{
    width:min(460px,calc(100% - 28px));
    margin:24px auto 40px
  }
}
@media(max-width:560px){
  .login-info{padding:24px 16px}
  .login-info h1{font-size:38px}
  .login-stats>div{min-width:105px}
  .login-panel{padding:24px 18px}
}

/* ========================================================================
   Lime enterprise pages v21 — final visual contract
   ======================================================================== */
:root[data-theme="dark"]{
  --bg:#05070b;
  --paper:#0b1017;
  --paper-raised:#101824;
  --ink:#eef6ff;
  --muted:#93a7ba;
  --line:#223041;
  --accent:#b8ff3d;
  --accent-strong:#86c217;
  --accent-soft:rgba(184,255,61,.09);
  --shadow-1:0 1px 2px rgba(0,0,0,.5),0 15px 35px rgba(0,0,0,.18);
  --shadow-2:0 30px 80px rgba(0,0,0,.34)
}
:root[data-theme="light"]{
  --bg:#f3f7fb;
  --paper:#ffffff;
  --ink:#08111d;
  --muted:#587087;
  --line:#d8e3ed;
  --accent:#8ecb16;
  --accent-strong:#0058d8;
  --accent-soft:rgba(0,119,255,.08)
}
:root[data-theme="dark"] body,
:root[data-theme="dark"] .main{
  background:
    radial-gradient(circle at 72% -15%,rgba(184,255,61,.07),transparent 32rem),
    radial-gradient(circle at -10% 74%,rgba(0,119,255,.045),transparent 26rem),
    #05070b
}
:root[data-theme="dark"] .topbar{
  background:rgba(6,10,16,.84);
  border-color:#1b2836;
  backdrop-filter:blur(24px) saturate(155%)
}
:root[data-theme="dark"] .sidebar{
  background:
    radial-gradient(circle at 35% -4%,rgba(184,255,61,.075),transparent 17rem),
    linear-gradient(180deg,#060a10,#03060a 82%);
  border-right-color:#172330
}
:root[data-theme="dark"] .surface,
:root[data-theme="dark"] .metric-card,
:root[data-theme="dark"] .rail-card,
:root[data-theme="dark"] .matrix-card,
:root[data-theme="dark"] .tool-card,
:root[data-theme="dark"] .health-card{
  background:linear-gradient(155deg,rgba(16,24,36,.98),rgba(8,13,20,.98));
  border-color:#223041
}
:root[data-theme="dark"] .health-card{
  background:
    radial-gradient(circle at 100% 0,rgba(255,255,255,.16),transparent 45%),
    linear-gradient(135deg,#0085ff,#0058d8 72%,#003b93);
  border-color:rgba(93,208,255,.58);
  color:#fff;
  box-shadow:0 22px 48px -28px rgba(0,119,255,.8)
}
:root[data-theme="dark"] .health-card small,
:root[data-theme="dark"] .health-card span{color:rgba(255,255,255,.76)}
:root[data-theme="dark"] .metric-card:nth-child(2){
  background:linear-gradient(145deg,#fff,#eaf5ff);
  border-color:rgba(255,255,255,.94);
  color:#07111d
}
:root[data-theme="dark"] .metric-card:nth-child(2)>span,
:root[data-theme="dark"] .metric-card:nth-child(2) p,
:root[data-theme="dark"] .metric-card:nth-child(2) small{color:#4d6374}
:root[data-theme="dark"] .advisor.material-light{
  background:linear-gradient(145deg,#fff,#eaf5ff);
  border-color:#fff;
  color:#07111d;
  box-shadow:0 24px 55px -34px rgba(184,255,61,.72)
}
:root[data-theme="dark"] .advisor.material-light .kicker{color:#35637f}
:root[data-theme="dark"] .advisor.material-light p{color:#4d6374}
:root[data-theme="dark"] .advisor.material-light .btn.primary{
  background:linear-gradient(135deg,#0085ff,#0058d8);
  border-color:#0085ff;
  color:#fff
}
:root[data-theme="dark"] .nav-item.active{
  background:linear-gradient(90deg,rgba(184,255,61,.12),rgba(0,119,255,.035));
  box-shadow:inset 0 0 0 1px rgba(184,255,61,.035)
}
:root[data-theme="dark"] .client-context,
:root[data-theme="dark"] .search-trigger,
:root[data-theme="dark"] .theme-toggle{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)
}
:root[data-theme="dark"] .architecture-board .arch-core{
  background:linear-gradient(135deg,#0085ff,#0058d8);
  border-color:rgba(93,208,255,.64);
  color:#fff
}
:root[data-theme="dark"] .architecture-board .n{
  background:#0e1722;
  border-color:#253749;
  color:#dce9f4
}
:root[data-theme="dark"] .flow-library,
:root[data-theme="dark"] .flow-editor,
:root[data-theme="dark"] .flow-inspector,
:root[data-theme="dark"] .agentgraph-canvas,
:root[data-theme="dark"] .graph-inspector{
  background:linear-gradient(180deg,#0d141e,#080d14);
  border-color:#223041
}
:root[data-theme="dark"] .flow-toolbar,
:root[data-theme="dark"] .flow-status,
:root[data-theme="dark"] .kanban-column-head{
  background:#080e16;
  border-color:#1d2b3a
}
:root[data-theme="dark"] .flow-node{
  background:linear-gradient(145deg,#111b28,#0a111a);
  border-color:color-mix(in srgb,var(--node) 42%,#27384a);
  box-shadow:0 16px 34px rgba(0,0,0,.28)
}
:root[data-theme="dark"] .flow-node.selected{
  border-color:#b8ff3d;
  outline:1px solid rgba(184,255,61,.35);
  outline-offset:4px;
  box-shadow:0 0 0 5px rgba(184,255,61,.055),0 22px 50px rgba(0,0,0,.38)
}
:root[data-theme="dark"] .flow-context-toolbar,
:root[data-theme="dark"] .flow-connect-hint{
  background:rgba(8,14,22,.94);
  border-color:#2a3d50
}
:root[data-theme="dark"] .orchestration-world .graph-node{
  background:linear-gradient(145deg,#111a26,#09111a);
  border-color:#2a3b4d
}
:root[data-theme="dark"] .orchestration-world .graph-node.active{
  border-color:#b8ff3d;
  box-shadow:0 0 0 5px rgba(184,255,61,.055),0 20px 44px rgba(0,0,0,.34)
}
:root[data-theme="dark"] .kanban-column{
  background:linear-gradient(180deg,#080e16,#060a10);
  border-color:#223041
}
:root[data-theme="dark"] .task{
  background:linear-gradient(145deg,#0f1722,#0a1018);
  border-color:#243447;
  box-shadow:0 8px 20px rgba(0,0,0,.18)
}
:root[data-theme="dark"] .task:hover{
  border-color:rgba(184,255,61,.36);
  box-shadow:0 16px 32px rgba(0,0,0,.27)
}
:root[data-theme="dark"] .lane-dot,
:root[data-theme="dark"] .task-bar{filter:drop-shadow(0 0 5px rgba(184,255,61,.28))}
:root[data-theme="light"] .sidebar{
  background:linear-gradient(180deg,#07101b,#040a12);
  color:#eaf5ff;
  border-right-color:#142537
}
:root[data-theme="light"] .topbar{
  background:rgba(255,255,255,.88);
  border-color:#d8e3ed;
  backdrop-filter:blur(22px) saturate(150%)
}
:root[data-theme="light"] .surface,
:root[data-theme="light"] .metric-card,
:root[data-theme="light"] .rail-card,
:root[data-theme="light"] .matrix-card,
:root[data-theme="light"] .tool-card,
:root[data-theme="light"] .health-card{
  border-color:#d8e3ed;
  box-shadow:0 12px 32px rgba(20,55,86,.065)
}
:root[data-theme="light"] .health-card{
  background:linear-gradient(135deg,#0085ff,#0058d8);
  color:#fff;
  border-color:#0085ff
}
:root[data-theme="light"] .health-card small,
:root[data-theme="light"] .health-card span{color:rgba(255,255,255,.78)}
:root[data-theme="light"] .flow-viewport,
:root[data-theme="light"] .orchestration-world,
:root[data-theme="light"] .architecture-board{
  background-color:#f7fbff;
  background-image:radial-gradient(rgba(0,119,255,.14) .8px,transparent .8px)
}
:root[data-theme="light"] .flow-node,
:root[data-theme="light"] .graph-node,
:root[data-theme="light"] .task{
  box-shadow:0 10px 25px rgba(20,55,86,.08)
}
:root[data-theme="light"] .advisor.material-light{
  background:linear-gradient(145deg,#07101b,#0b1b2a);
  color:#f7fbff;
  border-color:#142d42
}
:root[data-theme="light"] .advisor.material-light p{color:#a7bbcc}
:root[data-theme="light"] .advisor.material-light .kicker{color:#69d9ff}
:root :focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px
}
*{scrollbar-width:thin;scrollbar-color:rgba(184,255,61,.34) transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  border-radius:999px;
  background:rgba(184,255,61,.30);
  background-clip:padding-box
}
@media(max-width:880px){
  .sidebar{width:min(19rem,88vw)}
  .flow-editor{min-height:32rem}
  .kanban-scroll{height:68dvh}
}
@media(max-width:560px){
  .metric-card:nth-child(2){grid-column:auto}
  .flow-context-toolbar{max-width:calc(100% - 10px)}
  .login-info h1{font-size:clamp(34px,10vw,42px)}
  button,.nav-item,.client-context,input,select,textarea{min-height:44px}
}
/* Mobile shell correction: later desktop parity rules must not reopen two columns. */
@media(max-width:880px){
  html,body,.app-body{width:100%;max-width:100%;overflow-x:hidden}
  .shell,
  .shell.sidebar-collapsed{
    display:block;
    width:100%;
    max-width:100vw;
    min-height:100dvh;
    height:auto;
    grid-template-columns:1fr
  }
  .main{
    width:100%;
    max-width:100vw;
    min-width:0;
    height:auto;
    overflow-x:hidden
  }
  .workspace,
  .content-page,
  .studio-page{
    width:100%;
    max-width:100%;
    min-width:0
  }
  .workspace-main,
  .right-rail{
    width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr)
  }
  .page-heading,
  .metric-grid,
  .surface,
  .table-scroll{width:100%;max-width:100%;min-width:0}
  .page-heading>div,.surface-head>div{min-width:0}
  .page-heading h1,.page-heading p,.page-title h1,.page-title p{overflow-wrap:anywhere}
}
@media(max-width:880px){
  :root[data-theme="dark"] .mobile-menu{
    background:#0d151f;
    border-color:#25384b;
    color:#69d9ff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
  }
  :root[data-theme="light"] .mobile-menu{
    background:#07101b;
    border-color:#142d42;
    color:#69d9ff
  }
  .page-heading h1,
  .page-title h1{
    overflow-wrap:normal;
    word-break:normal
  }
  .page-heading h1 em{
    font-size:.92em;
    white-space:normal
  }
}
@media(min-width:561px) and (max-width:880px){
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .journey{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:390px){
  .page-heading h1 em{font-size:.86em}
  .metric-grid{gap:7px}
  .metric-card{padding:11px}
}
.title-lock{white-space:nowrap}


/* Arquitetus signature A — matte black / ice white / acid lime */
.brand-mark-logo .arquitetus-a{
  display:grid;place-items:center;width:100%;height:100%;
  color:#b8ff3d;font-family:"Inter Tight",sans-serif;font-size:31px;font-weight:800;
  font-style:italic;letter-spacing:-.13em;transform:skewX(-7deg) translateX(-1px);
  text-shadow:0 0 18px rgba(184,255,61,.18),0 1px 0 rgba(255,255,255,.16)
}
:root[data-theme="dark"] .brand-mark-logo{
  border:1px solid rgba(184,255,61,.16);border-radius:13px;
  background:radial-gradient(circle at 32% 20%,rgba(217,255,139,.11),rgba(184,255,61,.025))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 26px rgba(0,0,0,.24)!important
}
:root[data-theme="dark"] .brand:hover .brand-mark-logo{filter:drop-shadow(0 0 12px rgba(184,255,61,.20))}
:root[data-theme="light"] .brand-mark-logo .arquitetus-a{color:#78a916;text-shadow:none}