/* Framework-independent NODesign surface. Hosts opt in explicitly. */
[data-no-design] { color:var(--no-text); background:var(--no-canvas); line-height:var(--no-leading-body); accent-color:var(--no-accent); }
[data-no-design] :is(button,input,select,textarea) { font:inherit; }
[data-no-design] .no-shell { display:grid; grid-template-columns:240px minmax(0,1fr); min-block-size:100vh; }
[data-no-design] .no-sidebar { padding:24px 16px; background:var(--no-surface); border-inline-end:1px solid var(--no-border); }
[data-no-design] .no-main { min-inline-size:0; padding:32px; }
[data-no-design] .no-stack { display:grid; gap:16px; }
[data-no-design] .no-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:16px; }
[data-no-design] .no-nav-item { display:flex; gap:8px; padding:10px 12px; border-radius:8px; color:var(--no-muted); text-decoration:none; }
[data-no-design] .no-nav-item[aria-current="page"] { background:var(--no-accent-soft); color:var(--no-accent); font-weight:600; }
[data-no-design] .no-badge { display:inline-flex; padding:2px 10px; border:1px solid var(--no-border); border-radius:999px; font-size:12px; }
[data-no-design] .no-empty { padding:40px 24px; text-align:center; border:1px dashed var(--no-border); border-radius:12px; }
[data-no-design] .no-numeric { direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums; }
[data-no-design] .no-table-frame table { width:100%; }
[data-no-design] :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--no-accent); outline-offset:3px; }
[data-no-design] .no-visually-hidden { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:760px) { [data-no-design] .no-shell { grid-template-columns:minmax(0,1fr); } [data-no-design] .no-sidebar { border-inline-end:0; border-block-end:1px solid var(--no-border); } [data-no-design] .no-main { padding:20px 16px; } }
@media print { [data-no-design] .no-sidebar,[data-no-design] .no-no-print { display:none!important; } [data-no-design] .no-shell { display:block; } [data-no-design] .no-main { padding:0; } }