/* WI-000065: approved site identity on workspace and documentation pages.
   Existing layouts, visibility states, and application behavior remain page-owned. */
html { scroll-padding-top:110px; }
body { background:var(--ground); color:var(--ink); }
::selection { background:var(--accent); color:var(--ground); }
a { text-underline-offset:4px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible,
select:focus-visible, summary:focus-visible { outline:3px solid var(--accent-strong); outline-offset:4px; }
input,textarea,select { color-scheme:dark; }
.navbar {
  min-height:88px; padding:16px max(24px,calc((100vw - 1280px)/2));
  gap:24px; background:#102543f5; border-bottom:1px solid var(--line); backdrop-filter:blur(14px);
}
.nav-brand { gap:12px; flex-shrink:0; }
.nav-brand img { width:44px; height:44px; object-fit:contain; }
.nav-brand span { font:400 18px/1.1 var(--font-display); color:var(--ink); letter-spacing:.02em; }
.nav-brand small { display:block; font:10px var(--font-body); text-transform:uppercase; letter-spacing:.25em; margin-top:7px; color:var(--accent); }
.nav-links { gap:24px; }
.nav-links a { font:13px var(--font-body); text-transform:none; letter-spacing:0; }
.nav-actions { gap:18px; }
.nav-btn { border-radius:2px; font-size:13px; padding:11px 17px; }
.nav-btn.solid { background:var(--accent); color:var(--ground); border-color:var(--accent); }
.nav-btn.ghost { border:0; color:var(--ink-soft); }
.mobile-menu { display:none; position:relative; }
.mobile-menu summary { list-style:none; cursor:pointer; padding:10px 0; color:var(--ink); font-size:14px; }
.mobile-menu summary::-webkit-details-marker { display:none; }
.mobile-menu summary::after { content:' +'; color:var(--accent); }
.mobile-menu[open] summary::after { content:' −'; }
.mobile-menu-panel { position:absolute; right:0; top:50px; width:240px; background:var(--surface); padding:12px 20px; border:1px solid var(--line); box-shadow:var(--shadow); }
.mobile-menu-panel a { display:block; padding:12px 0; text-decoration:none; border-bottom:1px solid var(--line-soft); font-size:15px; }
.cover { background:var(--ground); }
.cover h1,.masthead h1 { color:var(--accent-strong); font-weight:400; line-height:1.15; }
.cover .tagline,.masthead .dek { font-family:var(--font-body); font-style:normal; }
.eyebrow { color:var(--copper); }
.panel,.ticket,.server,.agent,.example-card,.role-list,.role-item,.callout { box-shadow:none; }
.panel,.login-box,.gate-box { border-radius:3px; }
.panel h2,.section-head h2,.doc-section h2 { color:var(--accent-strong); }
.panel h2,.section-head h2 { font-weight:400; }
.signin-btn,.save-btn,.submit-btn { border-radius:2px; color:var(--ground); }
.field input,.field textarea,.token-form input { border-color:#65748a; }
input::placeholder,textarea::placeholder { color:var(--ink-faint); opacity:1; }
.cc-tile.is-live:hover { background:var(--surface-raised); border-color:var(--accent); }
.cc-grid { gap:16px; border:0; border-radius:0; background:transparent; overflow:visible; grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr)); }
.cc-tile { border:1px solid var(--line); border-radius:3px; }
.cc-footer.live { color:var(--accent-strong); }
.cc-head h2 { color:var(--accent-strong); font-weight:400; }
.cc-tile,.server,.agent { transition:border-color .15s ease,background-color .15s ease; }
.masthead-actions { flex-wrap:wrap; min-width:0; max-width:100%; }
.table-wrap { max-width:100%; }
.shell { min-width:0; }
.code-block,pre { max-width:100%; }
.os-col { min-width:0; }
:not(pre)>code { white-space:normal; overflow-wrap:anywhere; }
pre code { white-space:pre; overflow-wrap:normal; }
.workspace-brand-lockup { display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:24px; }
.workspace-brand-lockup img { width:64px; height:64px; object-fit:contain; }
.workspace-brand-lockup span { font:400 27px/1 var(--font-display); letter-spacing:.08em; color:var(--accent-strong); text-align:left; }
.workspace-brand-lockup small { display:block; font:10px var(--font-body); letter-spacing:.22em; text-transform:uppercase; color:var(--ink-soft); margin-top:8px; }
footer.site-footer { max-width:1280px; padding:32px 24px 40px; }
.footer-owner { font-family:var(--font-body); letter-spacing:0; }
@media(max-width:1050px) {
  .navbar { padding-inline:24px; }
  .navbar .nav-links,.navbar .nav-actions { display:none; }
  .mobile-menu { display:block; }
}
@media(max-width:600px) {
  .navbar { min-height:78px; padding:14px 20px; }
  .nav-brand img { width:36px; height:36px; }
  .nav-brand span { font-size:17px; }
  .nav-brand small { font-size:9px; }
  .cover h1 { overflow-wrap:anywhere; }
  .masthead-actions { gap:10px; }
  .info-row { flex-wrap:wrap; }
  .info-row .v { overflow-wrap:anywhere; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }
@media print { .navbar { display:none; } }