:root[data-space=admin]{--accent:#245cac;--tint:#eaf1fc}:root[data-space=foreman]{--accent:#916015;--tint:#fff2d5}:root[data-space=work]{--accent:#24734a;--tint:#e9f5ee}
:root[data-theme=dark][data-space=admin]{--accent:#91b9ff;--tint:#1c2f49}:root[data-theme=dark][data-space=foreman]{--accent:#efbf69;--tint:#3c3020}:root[data-theme=dark][data-space=work]{--accent:#8bd4aa;--tint:#1c382b}
.preview-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-mode{color:var(--accent);font-weight:700}.preview-guide{margin:0 0 20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.preview-guide p{margin:8px 0}.preview-guide nav{display:flex;flex-wrap:wrap;gap:12px}.preview-guide summary{cursor:pointer;font-weight:700}.preview-feedback{display:grid;gap:12px}.preview-feedback label{display:grid;gap:5px}.preview-feedback input,.preview-feedback select,.preview-feedback textarea{font:inherit;background:var(--panel);color:var(--ink);padding:10px;border:1px solid var(--line);border-radius:8px;max-width:100%;box-sizing:border-box}.preview-feedback textarea{width:100%}.preview-feedback img{max-height:180px;max-width:100%;object-fit:contain}.topbar{gap:12px;flex-wrap:wrap}.header-actions{flex-wrap:wrap}.preview-feedback .actions{display:flex;gap:10px;flex-wrap:wrap}.shell,.topbar,.header-actions{min-width:0} .admin-space{--accent:inherit}.preview-mode{white-space:nowrap}
@media(max-width:700px){.preview-tools{width:100%}.preview-tools button{min-height:40px}.breadcrumb{overflow-wrap:anywhere}.preview-guide nav{display:grid;grid-template-columns:1fr 1fr}.company-switch{max-width:100%}.company-name strong{font-size:18px}.topbar{padding:12px}.header-actions{gap:6px}#workspace{overflow-wrap:anywhere}}

:root[data-space=admin]{--bg:#f2f5fa;--side:#e4ebf6;--ink:#23344d;--muted:#52637b;--line:#d2deef}:root[data-space=foreman]{--bg:#faf6ee;--side:#f0e6d2;--ink:#40321d;--muted:#6c6049;--line:#e3d5bc}:root[data-space=work]{--bg:#f1f7f3;--side:#e1eee5}:root[data-theme=dark][data-space=admin]{--bg:#141e2b;--side:#1c2c40;--ink:#e5edfa;--muted:#b1c1da;--line:#344a65}:root[data-theme=dark][data-space=foreman]{--bg:#252117;--side:#30281a;--ink:#f5eddd;--muted:#ccbea3;--line:#51432c}
.topbar{height:auto;min-height:78px;padding-top:12px;padding-bottom:12px}.preview-tools{flex-basis:100%;padding-bottom:4px}.sidebar .company-switch{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;gap:8px;padding:12px;min-height:72px}.sidebar .company-icon{width:32px;height:32px;min-width:0}.sidebar .company-name{min-width:0}.sidebar .company-name strong{font-size:17px;line-height:1.25;overflow-wrap:normal}.sidebar .company-name small{font-size:9px}.menu-collapsed .sidebar .company-switch{display:flex;justify-content:center;padding:4px}.menu-collapsed .sidebar .company-icon{width:32px}.menu-collapsed .sidebar .company-name,.menu-collapsed .sidebar .company-chevron{display:none}

:root[data-theme=dark][data-space=work]{--bg:#15221b;--side:#1c3023;--ink:#e5f2e9;--muted:#adbfaf;--line:#395040}