.workspace-view { max-width:none; padding:0; min-height:100dvh; }
.workspace-header { padding:14px 24px; min-height:72px; margin:0; border-bottom:1px solid var(--line); background:var(--paper-soft); }
.workspace-shell { display:grid; grid-template-columns:208px minmax(0,1fr); min-height:calc(100dvh - 125px); }
.workspace-sidebar { padding:22px 14px; background:var(--paper-soft); border-right:1px solid var(--line); }
.workspace-nav-label { font-size:12px; color:var(--muted); margin:24px 12px 12px; }
.workspace-nav-item { display:flex; align-items:center; gap:10px; width:100%; padding:12px; border:0; border-radius:8px; background:transparent; text-align:left; color:var(--ink); text-decoration:none; font:inherit; cursor:pointer; margin:3px 0; }
.workspace-nav-item svg { width:19px; height:19px; stroke:currentColor; stroke-width:1.5; fill:none; flex-shrink:0; }
.workspace-nav-item small { margin-left:auto; color:var(--muted); font-size:11px; white-space:nowrap; }
.workspace-nav-item:hover { background:#e9ebe3; }
.workspace-nav-item[aria-current="page"] { background:#e1e8d9; color:#23341c; font-weight:600; }
.workspace-default-label { display:block; color:var(--muted); font-size:12px; margin:32px 10px 8px; }
#workspace-default { width:100%; padding:10px 8px; border:1px solid var(--line); border-radius:6px; background:var(--paper-soft); color:var(--ink); font:inherit; }
.workspace-sidebar-note { font-size:12px; color:var(--muted); margin:14px 10px; }
.workspace-main { min-width:0; }
.workspace-main .workspace-content { padding:32px; max-width:1200px; margin:0 auto; }
.workspace-main .workspace-content h1 { font-size:30px; margin-top:8px; }
.workspace-main .app-grid { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.workspace-main .app-card { min-height:160px; }
.workspace-tabs { display:flex; flex-wrap:wrap; align-items:center; gap:5px; padding:10px 18px 0; border-bottom:1px solid var(--line); background:var(--paper-soft); }
.workspace-tab { display:flex; align-items:center; border-bottom:2px solid transparent; border-radius:6px 6px 0 0; }
.workspace-tab.is-active { border-bottom-color:var(--ink); background:#e9ebe3; }
.workspace-tab button { border:0; background:transparent; padding:12px 9px; cursor:pointer; font:inherit; }
.workspace-tab .workspace-tab-close { padding:10px; color:#63695b; min-width:34px; }
.workspace-tab .workspace-tab-close:hover { color:#9a2828; }
.workspace-page-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:12px 20px; border-bottom:1px solid var(--line); background:var(--paper-soft); }
.workspace-page-toolbar strong { font-size:14px; }
.workspace-page-toolbar>div { display:flex; align-items:center; gap:12px; }
.workspace-page-toolbar button,.workspace-page-toolbar a { border:0; background:transparent; color:#4e5847; padding:6px 0; cursor:pointer; font:inherit; font-size:13px; text-decoration:none; }
.workspace-frame-status { margin:0; padding:12px 20px; background:#eeeeda; color:#53533b; font-size:14px; }
.workspace-frames { min-height:520px; height:calc(100dvh - 224px); }
.workspace-frames iframe { width:100%; height:100%; display:block; border:0; background:var(--paper-soft); }
.workspace-footer { padding:14px 24px; margin:0; border-top:1px solid var(--line); font-size:11px; }
.workspace-empty-tabs { margin:0; color:var(--muted); }
.workspace-view button:focus-visible,.workspace-view select:focus-visible,.workspace-view a:focus-visible { outline:2px solid #445937; outline-offset:3px; }
@media(max-width:900px) { .workspace-header { align-items:flex-start; gap:12px; }.workspace-shell { grid-template-columns:178px minmax(0,1fr); }.workspace-main .workspace-content { padding:24px 18px; }.workspace-nav-item { font-size:13px; padding:11px 9px; }.workspace-header .account { flex-wrap:wrap; justify-content:flex-end; } }
@media(max-width:650px) { .workspace-header { padding:14px; flex-direction:column; }.workspace-header .account { justify-content:flex-start; }.workspace-shell { display:block; }.workspace-sidebar { padding:10px 12px; border-right:0; border-bottom:1px solid var(--line); }.workspace-sidebar nav { display:flex; flex-wrap:wrap; gap:4px; }.workspace-sidebar .workspace-nav-item { width:auto; min-height:42px; display:inline-flex; }.workspace-nav-label,.workspace-sidebar-note { display:none; }.workspace-default-label { display:inline-block; margin:10px 8px 0 0; }#workspace-default { width:auto; max-width:210px; font-size:16px; }.workspace-main .workspace-content { padding:24px 14px; }.workspace-tabs { padding:8px 8px 0; }.workspace-tab button { font-size:13px; }.workspace-page-toolbar { padding:10px 14px; }.workspace-frames { height:70dvh; min-height:480px; }.workspace-footer { padding:14px; flex-wrap:wrap; gap:10px; }.workspace-main .app-grid { grid-template-columns:minmax(0,1fr); } }
