/**
 * Ottoni Habitat 2.1 — dashboard de plataforma inspirado em software
 * profissional, preservando a paleta homologada da Ottoni.
 */
:root{
  --ottoni-os-rail:76px;
  --ottoni-os-top:64px;
  --ottoni-os-bg:#eef2ed;
  --ottoni-os-panel:#fffdfa;
  --ottoni-os-soft:#f6f3ed;
  --ottoni-os-sage:#dfe8dd;
  --ottoni-os-blush:#f0ddd5;
  --ottoni-os-clay:#b77860;
  --ottoni-os-deep:#304b3a;
  --ottoni-os-ink:#27332c;
  --ottoni-os-muted:#6e7871;
  --ottoni-os-line:rgba(48,75,58,.11);
  --ottoni-os-shadow:0 18px 54px rgba(43,58,47,.075);
  --ottoni-os-radius:18px;
}
body.ottoni-platform-private{
  background:linear-gradient(135deg,#eef2ed 0%,#f6f4ef 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  color:var(--ottoni-os-ink)!important;
}
body.ottoni-platform-private::before{opacity:.028;right:-11rem;bottom:-15rem;transform:rotate(-24deg) scale(.82)}

/* Compact application rail, similar to a mature dashboard. */
.ottoni-platform-nav--desktop{
  width:var(--ottoni-os-rail)!important;
  padding:10px 9px 12px!important;
  background:rgba(255,253,250,.97)!important;
  border-right:1px solid var(--ottoni-os-line)!important;
  box-shadow:8px 0 30px rgba(43,58,47,.04)!important;
  overflow:visible!important;
}
.ottoni-platform-nav__identity{
  height:48px!important;
  display:grid!important;
  grid-template-columns:40px!important;
  place-items:center!important;
  padding:0 0 8px!important;
  margin-bottom:7px!important;
}
.ottoni-platform-nav__identity b{
  width:38px!important;height:38px!important;border-radius:13px!important;
  background:linear-gradient(145deg,var(--ottoni-os-blush),var(--ottoni-os-sage))!important;
  border:1px solid rgba(48,75,58,.16)!important;
  color:var(--ottoni-os-deep)!important;
  font:750 .92rem/1 Inter,system-ui,sans-serif!important;
  box-shadow:0 8px 22px rgba(48,75,58,.08)!important;
}
.ottoni-platform-nav__identity>span{display:none!important}
.ottoni-platform-nav__items{gap:6px!important}
.ottoni-platform-nav__items a{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  width:56px!important;
  min-height:48px!important;
  padding:0!important;
  border-radius:13px!important;
  color:#748078!important;
}
.ottoni-platform-nav__items a>span{display:none!important}
.ottoni-platform-nav__items a i{
  width:40px!important;height:40px!important;border:0!important;border-radius:12px!important;
  background:transparent!important;color:inherit!important;
}
.ottoni-platform-nav__items a:hover,
.ottoni-platform-nav__items a:focus-visible{
  transform:none!important;
  background:#f2f5f1!important;
  color:var(--ottoni-os-deep)!important;
  border-color:transparent!important;
}
.ottoni-platform-nav__items a.is-active{
  color:#fff!important;
  background:var(--ottoni-os-deep)!important;
  border-color:var(--ottoni-os-deep)!important;
  box-shadow:0 9px 24px rgba(48,75,58,.18)!important;
}
.ottoni-platform-nav__items a.is-active i{color:#fff!important}
.ottoni-platform-nav__items a::after{
  content:attr(data-label);
  position:absolute;left:64px;top:50%;z-index:200;
  transform:translate(-4px,-50%);opacity:0;pointer-events:none;
  padding:7px 10px;border:1px solid var(--ottoni-os-line);border-radius:9px;
  background:#fffdfa;color:var(--ottoni-os-ink);box-shadow:0 10px 28px rgba(43,58,47,.12);
  font-size:.68rem;font-weight:700;white-space:nowrap;
  transition:opacity .15s ease,transform .15s ease;
}
.ottoni-platform-nav__items a:hover::after,
.ottoni-platform-nav__items a:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.ottoni-platform-nav--desktop footer{display:none!important}

/* Header: compact context bar instead of a website header. */
.ottoni-workbench-topbar{
  min-height:var(--ottoni-os-top)!important;
  padding:8px 18px 8px calc(var(--ottoni-os-rail) + 16px)!important;
  gap:12px!important;
  background:rgba(255,253,250,.95)!important;
  border-bottom:1px solid var(--ottoni-os-line)!important;
  box-shadow:0 7px 24px rgba(43,58,47,.035)!important;
}
.ottoni-workbench-brand{min-width:154px!important;gap:8px!important}
.ottoni-workbench-brand__mark{width:32px!important;height:32px!important;border-radius:10px!important;font:750 .76rem/1 Inter,system-ui,sans-serif!important}
.ottoni-workbench-brand strong{font-size:.67rem!important;letter-spacing:.12em!important}
.ottoni-workbench-brand small{font-size:.48rem!important;letter-spacing:.07em!important}
.ottoni-workbench-context{
  min-height:44px!important;max-width:670px!important;
  border:1px solid var(--ottoni-os-line)!important;border-radius:12px!important;
  background:#f8f7f3!important;box-shadow:none!important;
}
.ottoni-workbench-context label{min-height:42px!important;padding:5px 9px!important}
.ottoni-workbench-context label span{font-size:.47rem!important;letter-spacing:.07em!important}
.ottoni-workbench-context select{font-size:.7rem!important;font-weight:650!important}
.ottoni-workbench-tools{gap:7px!important}
.ottoni-workbench-tools>button{min-height:40px!important;border-radius:11px!important;background:#fffdfa!important;border-color:var(--ottoni-os-line)!important;font-size:.62rem!important}

/* Application canvas. */
.ottoni-workbench-method,
.ottoni-workbench-frame,
.ottoni-workbench-provider-bridge,
.ottoni-command-palette{margin-left:var(--ottoni-os-rail)!important}
.ottoni-workbench-method{top:var(--ottoni-os-top)!important;margin-top:var(--ottoni-os-top)!important;min-height:44px!important;background:rgba(247,248,245,.95)!important}
.ottoni-workbench-method__scroll{min-height:44px!important;gap:6px!important}
.ottoni-workbench-method a{min-height:32px!important;padding:4px 8px!important;border-radius:8px!important;font-size:.58rem!important}
.ottoni-workbench-frame{
  padding:calc(var(--ottoni-os-top) + 14px) 16px 24px!important;
  gap:12px!important;
  max-width:1700px!important;
  margin-right:auto!important;
}
.ottoni-workbench-method.is-contextual + .ottoni-workbench-frame{padding-top:12px!important}
.ottoni-workbench-canvas{width:100%!important}
.otc-os{
  border-radius:var(--ottoni-os-radius)!important;
  border:1px solid var(--ottoni-os-line)!important;
  background:rgba(255,253,250,.96)!important;
  box-shadow:var(--ottoni-os-shadow)!important;
}
.otc-session{
  min-height:70px!important;padding:11px 16px!important;
  border-bottom:1px solid var(--ottoni-os-line)!important;
  background:#fffdfa!important;
}
.otc-session__identity h1{font-family:Inter,system-ui,sans-serif!important;font-size:1.15rem!important;font-weight:760!important;letter-spacing:-.03em!important}
.otc-session__identity p,.otc-session__identity small{font-size:.57rem!important}
.otc-session__telemetry>div{width:52px!important;height:52px!important}
.otc-session__telemetry button{min-height:38px!important;border-radius:10px!important;font-size:.58rem!important}
.otc-workspace{grid-template-columns:minmax(0,1fr) minmax(214px,250px)!important;background:#f7f9f5!important}
.otc-surface{padding:14px 16px 18px!important;background:#f7f9f5!important}
.otc-context{padding:14px!important;background:#f1f4ef!important;border-left-color:var(--ottoni-os-line)!important}
.otc-context header,.otc-context section{padding:10px 0!important}
.otc-context small{font-size:.48rem!important}.otc-context strong{font-size:.66rem!important}.otc-context p{font-size:.56rem!important}
.otc-area__header{align-items:center!important;margin-bottom:12px!important;padding-bottom:0!important;border-bottom:0!important}
.otc-area__header h2{font-family:Inter,system-ui,sans-serif!important;font-size:clamp(1.25rem,2vw,1.68rem)!important;font-weight:760!important;letter-spacing:-.035em!important}
.otc-area__header span,.otc-area__header small{font-size:.5rem!important}
.otc-now-grid{grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr)!important;gap:10px!important}
.otc-mission,.otc-console,.otc-och-pulse,.otc-resume,.otc-foundation-state,.otc-knowledge-board,.otc-och-feature,.otc-operation-list{
  border-radius:14px!important;border-color:var(--ottoni-os-line)!important;background:#fffdfa!important;box-shadow:0 10px 32px rgba(43,58,47,.045)!important;
}
.otc-mission{padding:15px!important;background:linear-gradient(145deg,#eef3ec,#f7eae4)!important}
.otc-mission h3{font-family:Inter,system-ui,sans-serif!important;font-size:1.15rem!important;font-weight:760!important;letter-spacing:-.025em!important}
.otc-mission p{font-size:.62rem!important;max-width:62ch!important}.otc-mission a,.otc-mission button{min-height:40px!important;border-radius:10px!important;background:var(--ottoni-os-deep)!important}
.otc-console{padding:13px!important}.otc-console h3{font-family:Inter,system-ui,sans-serif!important;font-size:.9rem!important}
.otc-och-pulse{margin-top:10px!important;min-height:76px!important;padding:9px!important}.otc-och-pulse img{width:92px!important;height:58px!important;object-fit:cover!important;border-radius:10px!important}
.otc-method-map{grid-template-columns:repeat(4,minmax(0,1fr))!important;border-radius:14px!important}
.otc-method-map button{min-height:84px!important;padding:12px!important}
.otc-method-map button strong{font-size:.68rem!important}.otc-method-map button small{font-size:.52rem!important}
.otc-livebar{min-height:34px!important;padding:7px 14px!important;font-size:.52rem!important;background:#fffdfa!important}

/* Module bars and actual domain instruments. */
.ottoni-workbench-modulebar{min-height:70px!important;padding:11px 14px!important;border-radius:14px 14px 0 0!important;background:#fffdfa!important}
.ottoni-workbench-modulebar__identity strong{font-family:Inter,system-ui,sans-serif!important;font-size:.86rem!important;font-weight:760!important}
.ottoni-workbench-modulebar__identity small,.ottoni-workbench-modulebar__context small{font-size:.51rem!important}
.ottoni-workbench-provider{padding:14px!important;background:#f7f9f5!important;border-radius:0 0 14px 14px!important}
.ottoni-guided-stage{border-radius:14px!important;border-color:var(--ottoni-os-line)!important;background:#fffdfa!important;box-shadow:none!important}
.ottoni-guided-stage h2{font-family:Inter,system-ui,sans-serif!important;font-size:1.15rem!important;font-weight:760!important}

/* On desktop the sidebar is primary; on mobile the dock remains primary. */
@media(max-width:1180px){
  .ottoni-workbench-brand{display:none!important}
  .ottoni-workbench-context{max-width:none!important;flex:1!important}
  .otc-workspace{grid-template-columns:minmax(0,1fr) 220px!important}
  .otc-method-map{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  :root{--ottoni-os-rail:0px;--ottoni-os-top:58px}
  .ottoni-platform-nav--desktop{display:none!important}
  .ottoni-workbench-topbar{padding:7px 10px!important;gap:7px!important}
  .ottoni-workbench-context{min-width:0!important}.ottoni-workbench-context label{min-width:0!important}.ottoni-workbench-context label:nth-child(2){display:none!important}
  .ottoni-workbench-tools>button:first-child{display:none!important}
  .ottoni-workbench-method,.ottoni-workbench-frame,.ottoni-workbench-provider-bridge,.ottoni-command-palette{margin-left:0!important}
  .ottoni-workbench-frame{padding:calc(var(--ottoni-os-top) + 8px) 8px 88px!important}
  .otc-os{border-radius:14px!important}
  .otc-session{padding:10px 11px!important}.otc-session__telemetry>div{display:none!important}
  .otc-workspace{grid-template-columns:1fr!important}.otc-context{display:none!important}
  .otc-surface{padding:11px!important}.otc-now-grid{grid-template-columns:1fr!important}
  .otc-method-map{grid-template-columns:1fr!important}
  .ottoni-platform-nav--mobile{background:rgba(255,253,250,.97)!important;border-color:var(--ottoni-os-line)!important;box-shadow:0 -10px 30px rgba(43,58,47,.08)!important}
  .ottoni-platform-nav--mobile .ottoni-platform-nav__items a{width:auto!important;min-width:54px!important;min-height:50px!important;background:transparent!important;box-shadow:none!important}
  .ottoni-platform-nav--mobile .ottoni-platform-nav__items a>span{display:block!important}.ottoni-platform-nav--mobile .ottoni-platform-nav__items a strong{font-size:.48rem!important}.ottoni-platform-nav--mobile .ottoni-platform-nav__items a small{display:none!important}
  .ottoni-platform-nav--mobile .ottoni-platform-nav__items a i{width:30px!important;height:30px!important;border-radius:9px!important}
  .ottoni-platform-nav--mobile .ottoni-platform-nav__items a.is-active{color:var(--ottoni-os-deep)!important;background:transparent!important}.ottoni-platform-nav--mobile .ottoni-platform-nav__items a.is-active i{background:var(--ottoni-os-deep)!important;color:#fff!important}
  .ottoni-platform-nav--mobile .ottoni-platform-nav__items a::after{display:none!important}
}
@media(max-width:430px){
  .ottoni-workbench-context label:first-child span{display:none!important}
  .ottoni-workbench-context select{font-size:.62rem!important}
  .otc-session__identity p{display:none!important}
  .otc-area__header{display:block!important}.otc-area__header small{display:block!important;margin-top:4px!important}
}
@media(prefers-reduced-motion:reduce){
  .ottoni-platform-nav__items a::after{transition:none!important}
}