/* Manara workbench: quiet chrome, crisp data, lighthouse-red focus. */
@media screen {
  :root {--bg:#0b0d10;--panel:#14171c;--line:#2b3039;--muted:#a2a9b5;--text:#f1f3f6;--accent:#ff737d}
  body {background:radial-gradient(ellipse at 90% 0%,#6e263018,transparent 45%),var(--bg);line-height:1.5}
  .sidebar {background:#0e1014;border-color:#252a32}
  .sidebar .brand-logo {max-height:175px;object-fit:contain}
  .workspace-label {color:#8c95a5}
  .nav {border-radius:9px;transition:background .18s,color .18s}
  .nav.active {background:linear-gradient(100deg,#ff46591e,#ff465906);box-shadow:inset 2px 0 #ff6877;color:#ffa4ac}
  .nav:hover {background:#ffffff07;color:#fff}
  .sidebar-note p {color:#b7bec9;font-size:18px}
  .sidebar-bottom {border-color:var(--line)}
  .topbar {background:#0e1014cc;border-color:#252a32;min-height:64px;height:auto;padding-block:15px;gap:12px;flex-wrap:wrap}
  main {padding-top:35px}
  .heading {position:relative;isolation:isolate;min-height:250px;padding:26px 30px;border:1px solid #323039;border-radius:18px;background:linear-gradient(115deg,#19171d 0%,#12151b 60%,#25151b 100%);overflow:hidden}
  .heading:before {content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
  h1 {font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(30px,3.5vw,48px);font-weight:620;line-height:1.12;letter-spacing:-1.8px}
  .heading h1 span {color:#b5bac5}
  .heading p {color:#aab2c1;max-width:530px}
  .eyebrow {color:#ff9aa4;letter-spacing:1.8px}
  .brand-hero {position:relative;isolation:isolate;width:220px;flex-basis:220px}
  .brand-hero:after {content:'';position:absolute;inset:8% -8%;border:1px solid #ff798317;border-radius:50%;box-shadow:0 0 0 22px #ff798308,0 0 0 44px #ff798304;z-index:-1;pointer-events:none}
  .brand-caption {color:#c49ca4;font-size:8px}
  .featurebar {gap:12px;margin:22px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:0;padding:0}
  .featurebar>span {border:1px solid var(--line);border-radius:9px;padding:13px;background:#13161b;color:#9da7b6;line-height:1.6}
  .featurebar b {font-family:ui-monospace,monospace;color:#f0f3f8}
  .panel {border-radius:14px;background:linear-gradient(145deg,#181b21,#13161b);box-shadow:0 10px 30px #00000014}
  .promise-banner {margin:0 0 24px;padding:18px 22px;border-inline-start:2px solid var(--accent);background:#ff738009;border-radius:0 10px 10px 0}
  .promise-banner h2 {color:#ffb4bc;font-size:15px;line-height:1.7}
  .promise-banner p,.trust-card p {color:var(--muted);font-size:13px;line-height:1.85;margin:8px 0 0}
  .trust-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:25px 0 16px}
  .trust-card {padding:24px}
  .content-page>.trust-card {margin-block:18px}
  .home-hero {display:flex;align-items:center;gap:30px;padding:36px;margin-block:28px}
  .home-headline {font-size:clamp(27px,4vw,46px);line-height:1.2;letter-spacing:-1px;max-width:650px}
  .home-hero p {color:var(--muted);line-height:1.9;max-width:620px}
  .home-logo {width:230px;max-width:35%;height:auto}
  .page-actions {display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
  .lab-pair {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
  .lab-code {min-width:0;background:#0d1117;border:1px solid var(--line);border-radius:10px;padding:18px}
  .lab-code h3 {font-size:13px;color:#ffb4bc;margin-top:0}
  .lab-code pre {overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#d6e1f1;font:12px/1.8 ui-monospace,monospace;text-align:left;min-height:100px}
  .sidebar {overflow-y:auto}.sidebar nav{flex-shrink:0}.sidebar-note{padding-bottom:18px}.workspace-label{margin-top:20px}
  @media(max-width:650px){.sidebar{flex-wrap:wrap;gap:12px}.sidebar nav{width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:6px}.sidebar .nav{width:auto;min-width:max-content;font-size:11px;gap:7px}.sidebar .nav-label{font-size:11px}.sidebar .nav>span:first-child{font-size:15px;width:auto}.home-hero{padding:24px}.home-logo{display:none}.lab-pair{grid-template-columns:1fr}.topbar{position:static}}
  .panel-head {border-bottom:1px solid #ffffff05}
  .step {color:#ff9aa4;border-color:#68404a;background:#ff536111}
  .badge {border-color:#414753;color:#b4bdcc;letter-spacing:1px}
  .scan-mode {padding-top:14px}
  .scan-mode button {border-radius:9px;background:#101318;transition:border-color .18s,background .18s}
  .scan-mode button.selected {background:linear-gradient(110deg,#ff64751a,#ff647506);border-color:#bb5262}
  .scan-mode small {font-size:10px;line-height:1.6}
  .tabs {gap:24px;background:#111419}
  .editor-toolbar {background:#151920;border-color:#2b3039}
  .editor-toolbar input {background:#20252e;border-color:#363d49;color:#e1e7f1}
  .editor-wrap,.editor-footer {background:#0e1116}
  .editor-wrap {min-height:290px}
  .editor-wrap textarea {color:#d3dceb;font-size:13px;line-height:23px;caret-color:#ff8994}
  .line-gutter {line-height:23px;color:#626d7e}
  .editor-footer {border-color:#252b35;color:#94a1b4}
  .primary {background:#e43d51;min-height:44px;border-radius:9px;box-shadow:0 3px 12px #d72f4426;transition:background .18s,box-shadow .18s}
  .primary:hover {background:#f65064;box-shadow:0 4px 20px #d72f4444}
  button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible {outline:2px solid #ff9ba4;outline-offset:4px}
  .coverage-item {border-color:var(--line);padding-block:19px}
  .rule-icon {background:#ff79830a;border-color:#5d3540;color:#ff9ba4;border-radius:9px}
  .notice {background:#1c2028;border-color:#353c48;color:#b0bac9}
  .notice b {color:#e9c4cc}
  .empty {min-height:220px;justify-content:center;border-color:#384150;background:radial-gradient(ellipse at center,#ff687707,transparent 70%)}
  .empty>span {border:1px solid #6d3944;border-radius:14px;padding:6px 15px;margin-bottom:10px;background:#ff798308}
  .stat,.insight-panel,.finding,.rule-card,.manual {border-radius:12px;background:#151920;border-color:var(--line)}
  .stat {box-shadow:inset 0 1px #ffffff05}
  .finding {transition:border-color .18s}
  .finding:hover {border-color:#586273}
  .finding summary {min-height:78px}
  .finding-body pre {background:#0d1015;border-color:#303846}
  .finding-title small,.finding-meta {color:#a6b0c1}
  .filters .selected {background:#ff687716;border-color:#ad5261}
  .import-content input,.library-tools input {background:#0e1116;border-color:#394251}
  footer {border-color:var(--line);color:#98a3b5}
  [dir=rtl] .nav.active {box-shadow:inset -2px 0 #ff6877}
  @media(max-width:1000px) {.heading{padding:24px}.brand-hero{width:170px;flex-basis:170px}.featurebar{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media(max-width:650px) {.heading{padding:22px 19px;min-height:225px}.heading h1{font-size:31px}.featurebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.featurebar>span{padding:10px}.editor-wrap{min-height:270px}.topbar{min-height:54px}.sidebar .brand-logo{max-height:70px}.scan-mode{gap:8px}.brand-hero{display:none}}
}
