.app-shell-split-nav .app-nav-title{font-size:.875rem;line-height:1.3;white-space:normal}.app-shell-split-nav .app-nav-link{padding:.65rem .6rem}.app-shell-split-nav .app-nav-label{font-size:.75rem}.app-shell-split-nav .app-topbar-subtitle{font-size:.875rem;line-height:1.5}
.personal-workspace,.review-batch{max-width:1120px;margin:0 auto;display:grid;gap:1.5rem;font-size:1rem;line-height:1.55}
.workspace-heading h1,.review-heading h1{font-size:1.8rem;margin:.5rem 0}.workspace-heading p,.review-heading p{margin-bottom:.5rem}
.workspace-panel,.review-case{background:var(--dc-panel,#fff);color:var(--dc-text,#202733);border:1px solid var(--dc-line,#dbe2ea);border-radius:12px;padding:1.5rem}
.personal-workspace h2{font-size:1.25rem;margin:0 0 .8rem}.personal-workspace h3{font-size:1.1rem;margin:0 0 1rem}
.workspace-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.workspace-links ul,.workspace-review-list{list-style:none;margin:0;padding:0}
.workspace-links li+li{border-top:1px solid var(--dc-line,#dbe2ea);margin-top:.8rem;padding-top:.8rem}.workspace-links a{font-weight:650}.workspace-links span,.workspace-review-list span{display:block;color:var(--dc-muted-a11y,#596579);font-size:.9rem}
.workspace-review-list li{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid var(--dc-line,#dbe2ea)}
.workspace-empty{margin:1rem 0 0;color:var(--dc-muted-a11y,#596579)}
.review-case.waiting{border-left:4px solid #b96a08}.review-case.done{border-left:4px solid #198344}
.review-case-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}.review-case h2{font-size:1.2rem;margin:0}.review-case-heading p{margin:.3rem 0}.review-state{font-size:.85rem;color:var(--dc-muted-a11y,#596579);text-align:right}
.review-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.review-metrics>div{background:var(--dc-bg,#f5f7fa);padding:1rem;border-radius:8px}.review-metrics small{display:block;margin-bottom:.3rem}.review-metrics strong{font-size:1.15rem}
.review-details,.review-correction{border-top:1px solid var(--dc-line,#dbe2ea);padding:1rem 0;margin-top:1rem}.review-details summary,.review-correction summary{cursor:pointer;font-weight:600;min-height:32px}.review-details[open] summary,.review-correction[open] summary{margin-bottom:1rem}
.review-correction label{display:block;font-weight:600;margin:.75rem 0 .3rem}.review-correction input{max-width:22rem}.review-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.review-feedback{margin-top:.75rem}.review-feedback:empty{display:none}.review-readonly{border-top:1px solid var(--dc-line,#dbe2ea);padding-top:1rem}.review-readonly p{margin:.3rem 0 0}
.review-nav{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}
.user-preview-banner{position:sticky;top:0;z-index:1100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#fff4d9;color:#493800;border-bottom:2px solid #c58b16}.user-preview-banner span{display:block;font-size:.9rem;margin-top:.2rem}.user-preview-banner .btn{flex-shrink:0}
body[data-user-preview="true"] .app-mobile-nav-toggle,body[data-user-preview="true"] .app-sidebar-toggle{display:none}
/* The preview omits business/navigation scripts, so its navigation stays accessible without JS. */
body[data-user-preview="true"] .app-sidebar{transform:none!important}
@media(max-width:1199px){body[data-user-preview="true"] .app-primary-nav{display:flex;flex-wrap:wrap}body[data-user-preview="true"] .app-sidebar{display:none!important}body[data-user-preview="true"] .app-workspace{grid-template-columns:1fr}}
@media(max-width:900px){.workspace-links{grid-template-columns:1fr}.review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.user-preview-banner{position:relative;align-items:start;flex-direction:column}}
@media(max-width:520px){.workspace-panel,.review-case{padding:1rem}.workspace-review-list li,.review-case-heading{align-items:start;flex-direction:column}.review-state{text-align:left}.review-metrics{gap:.5rem}.review-metrics>div{padding:.7rem}.review-actions button{min-height:44px;width:100%}}
