/* Standalone pages reuse base_clean.css and shell.css, without changing the dashboard. */
.standalone-page .shell-main, .standalone-page .shell-topbar { min-width: 0; }
.standalone-page .app { max-width: 1400px; margin: 0 auto; }
.standalone-page .ver-badge { font-size:12px; font-weight:600; color:var(--text-muted); padding:4px 10px; border:1px solid var(--border); border-radius:20px; background:var(--surface); letter-spacing:.3px; white-space:nowrap; }
.standalone-page .btn { display:inline-flex; align-items:center; justify-content:center; gap:var(--spacing-xs); padding:10px 18px; border:1px solid transparent; border-radius:var(--border-radius); font-size:14px; font-weight:600; cursor:pointer; font-family:var(--font-primary); text-decoration:none; background:var(--primary); color:var(--primary-foreground); }
.standalone-page .btn-secondary, .standalone-page .btn-ghost { background:var(--background); color:var(--text); border-color:var(--border); }
.standalone-page .btn:hover { filter:brightness(.96); }
.standalone-page .editor-main, .standalone-page .editor-pane, .standalone-page .variable-category { min-width:0; }
.standalone-page .editor-layout { grid-template-columns:260px minmax(0,1fr); }
.standalone-page .editor-header > div:last-child, .standalone-page .toolbar-group { flex-wrap:wrap; }
.standalone-page .variable-categories { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); }
.standalone-page .variable-item { flex-wrap:wrap; min-width:0; }
.standalone-page .variable-item code { overflow-wrap:anywhere; min-width:0; }
.standalone-page .variable-item .var-desc { white-space:normal; max-width:100%; }
.standalone-page .templates-sidebar { position:static; }
.standalone-page #editor { width:100%; min-width:0; border-radius:0; }
.standalone-page .template-list-item { overflow-wrap:anywhere; }
.standalone-page .cgu-container { max-width:1000px; padding:0; }
.standalone-page .cgu-hero { text-align:left; padding:0; background:none; border:none; border-radius:0; margin-bottom:22px; }
.standalone-page .cgu-hero h1 { font-size:22px; gap:10px; }
.standalone-page .cgu-hero p { font-size:13.5px; color:var(--text-muted); }
.standalone-page .cgu-card { padding:var(--spacing-lg); border-radius:var(--border-radius-lg); border-color:var(--border); background:var(--surface); box-shadow:var(--shadow-sm); }
.standalone-page .cgu-card h2 { font-size:18px; border:none; padding:0; }
.standalone-page .cgu-card h2 i { font-size:18px; }
.standalone-page .cgu-card p { font-size:14px; }
@media (max-width:1100px) { .standalone-page .editor-layout { grid-template-columns:minmax(0,1fr); } }
@media (max-width:900px) {
 .standalone-page .shell-topbar { gap:8px; }
 .standalone-page .shell-topbar .page-title { font-size:14px; min-width:0; line-height:1.25; }
 .standalone-page .shell-hamburger { flex-shrink:0; }
 .standalone-page .shell-topbar .page-title i { display:none; }
 .standalone-page .editor-header h1, .standalone-page .cgu-hero h1 { font-size:18px; }
 .standalone-page .editor-toolbar { padding:12px; gap:12px; }
 .standalone-page .toolbar-group { width:100%; }
 .standalone-page .editor-toolbar .btn { padding:8px 10px; }
 .standalone-page .variables-panel, .standalone-page .variable-category { padding:14px; }
 .standalone-page .builder-layout { height:auto; grid-template-columns:minmax(0,1fr); }
 .standalone-page .cgu-card { padding:18px; }
 .standalone-page .cgu-card h2 { font-size:16px; }
}