/* Shared workspace: calm surfaces, semantic color, generous touch targets. */
:root{--workspace-ink:#24324b;--workspace-line:#e5eaf3;--workspace-bg:#f5f7fc}
body{background:var(--workspace-bg);color:var(--workspace-ink)}
[hidden]{display:none!important}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #8ba5ff;outline-offset:3px}
.management-ready .control-shell{max-width:none;margin:0;padding:24px 34px 40px 270px}.management-ready .control-shell>header{border-bottom:1px solid var(--workspace-line);padding:0 0 22px}.management-ready #tabs{position:fixed;inset:0 auto 0 0;width:234px;display:flex;flex-direction:column;gap:26px;padding:32px 16px;background:#fff;border-right:1px solid var(--workspace-line);overflow-y:auto;border-radius:0;z-index:20;margin:0}.management-ready #tabs:before{content:'◉  CHỤP ẢNH QUÁN';font-size:14px;font-weight:800;letter-spacing:1px;color:#314ab0;padding:4px 10px 14px}.management-ready #tabs section{display:flex;flex-direction:column;gap:6px}.management-ready #tabs small{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#929bb0;padding:0 12px 7px}.management-ready #tabs button,.management-ready #tabs a{border:0;background:none;color:#536079;display:block;text-align:left;border-radius:11px;padding:12px;font-size:14px;text-decoration:none;font-weight:600;min-height:44px}.management-ready #tabs button:hover,.management-ready #tabs a:hover{background:#f2f5fc}.management-ready #tabs button.selected{background:#e9edff;color:#4258bc;box-shadow:none}.management-ready #tabs a#navStudio{color:#8b4aba;background:#f7f0ff}.management-ready #tabs a#navHandover{color:#087b73;background:#eaf8f4}.management-ready .control-title{margin:28px 0 20px}.management-ready #hello{font-size:30px;letter-spacing:-1px}.management-ready #identity{font-size:12px}.management-scope{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px 20px;background:white;border:1px solid var(--workspace-line);border-radius:16px;margin-bottom:24px}.management-scope label{font-size:11px;color:#72809a}.management-scope select{display:block;max-width:100%;padding:10px 14px;min-height:44px;border:1px solid var(--workspace-line);border-radius:10px;margin-top:6px;background:#f8faff;color:#24324b}.management-scope span{font-size:11px;color:#8894aa;padding-bottom:12px}.management-ready #counts{display:none}.management-ready #dashboard>section{background:white;border:1px solid var(--workspace-line);border-radius:20px;padding:24px}.management-ready .count-card{box-shadow:none;border-radius:15px}.management-ready .count-card:nth-child(1){background:#eef1ff}.management-ready .count-card:nth-child(2){background:#eaf8f4}.management-ready .count-card:nth-child(3){background:#fff4e5}.management-ready .count-card:nth-child(4){background:#fff0f5}#navToggle{display:none}.control-shell dialog{max-width:min(680px,94vw)}
.catalog-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.catalog-tools input,.catalog-tools select{padding:12px 14px;border:1px solid var(--workspace-line);border-radius:12px;background:white;color:#34435e;font:inherit;min-height:46px}.catalog-tools input{flex:1;min-width:180px}.studio-shell{max-width:1600px}.studio-title h1{font-family:inherit!important;font-weight:750!important;font-size:34px!important;letter-spacing:-1px!important}.workspace[data-view=browse]{display:block}.workspace[data-view=browse] .artboard-panel,.workspace[data-view=browse] .inspector{display:none}.workspace[data-view=browse] .library{background:transparent;border:0;padding:0}.workspace[data-view=browse] #libraryList{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:20px;max-height:none;overflow:visible}.workspace[data-view=browse] .library-card{width:100%;margin:0;padding:20px;background:white;border:1px solid var(--workspace-line);border-radius:18px;transition:transform .15s,box-shadow .15s}.workspace[data-view=browse] .library-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #32426b12}.workspace[data-view=browse] .library-card canvas{height:235px;max-height:235px;max-width:100%;object-fit:contain;transform:rotate(-2deg);margin:16px auto 24px}.workspace[data-view=browse] .library-card strong{font-size:16px}.workspace[data-view=browse] .library-card span{font-size:12px;line-height:1.7;color:#8190a5}.workspace[data-view=edit]{grid-template-columns:minmax(320px,1fr) 330px;max-width:1150px;margin:auto}.workspace[data-view=edit] .library{display:none}.workspace .inspector{background:white;border-color:var(--workspace-line);padding:24px}.workspace .board-space{background-color:#eaf0f7;min-height:620px}.workspace .save-actions{flex-wrap:wrap}.workspace .save-actions button{min-height:44px}.workspace .inspector input,.workspace .inspector select{font-size:13px;min-height:42px}.workspace .inspector label{font-size:12px}.workspace .filters button{min-width:42px;min-height:42px}.workspace .library-card.selected{border-color:#8a75cf}.handover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.handover-card{background:white;border:1px solid var(--workspace-line);border-radius:16px;padding:20px}.handover-card h2{font-size:16px;margin:10px 0}.handover-card p{font-size:12px;line-height:1.6;color:#7b879d}.handover-card a{display:inline-block;margin-top:8px;color:#405bbb;font-size:13px}.handover-card[data-state=pass]{border-top:4px solid #16a085}.handover-card[data-state=pending]{border-top:4px solid #d9dfed}.handover-card[data-state=fail]{border-top:4px solid #e68a66}.handover-status{font-size:12px;font-weight:700;color:#54718a}.acceptance-group{margin:16px 0;background:white;border:1px solid var(--workspace-line);border-radius:16px;padding:18px}.acceptance-group>summary{cursor:pointer;font-size:16px;font-weight:700}.acceptance-group .check{border-radius:12px;margin:14px 0}.acceptance-group .check h2{font-size:15px}.acceptance-group .check p{font-size:13px}.handover-top{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.handover-top select{min-height:44px;max-width:100%;padding:10px;border-radius:10px;border:1px solid var(--workspace-line)}.setup-meta{margin:18px 0}.setup-meta>summary{cursor:pointer}.handover-progress{width:100%;height:9px;accent-color:#19a38b}.handover-subtitle{font-size:12px;color:#7b879d}
@media(max-width:1000px){.management-ready .control-shell{padding:22px 20px 30px 225px}.management-ready #tabs{width:205px}.workspace[data-view=edit]{grid-template-columns:minmax(240px,1fr) 290px}.workspace .board-space{min-height:500px}.handover-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.management-ready .control-shell{padding:16px}.management-ready #tabs{transform:translateX(-100%);width:240px;box-shadow:8px 0 30px #17254118}.management-ready.nav-open #tabs{transform:translateX(0);top:74px}.management-ready #navToggle{display:inline-block;margin-top:18px;min-height:44px}.management-ready #dashboard>section{padding:16px}.management-scope select{width:100%}.management-scope label{width:100%}.workspace[data-view=edit]{grid-template-columns:1fr}.workspace[data-view=browse] #libraryList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace[data-view=browse] .library-card{min-width:0;padding:12px}.workspace[data-view=browse] .library-card canvas{height:170px;max-height:170px}.catalog-tools>*{max-width:100%}.studio-title{align-items:start}.handover-grid{grid-template-columns:1fr}.management-ready .control-shell>header{flex-wrap:wrap;gap:12px}.management-ready .count-grid{grid-template-columns:repeat(2,1fr)}}
@media print{.handover-top button,.handover-card a{display:none}.acceptance-group{break-inside:avoid}}
.management-ready #tabs{flex-wrap:nowrap;align-items:stretch;overflow-x:hidden;box-sizing:border-box}.management-ready #tabs section{flex:none;width:100%;min-width:0}.management-ready #tabs button,.management-ready #tabs a{width:100%;white-space:normal;box-sizing:border-box}.management-ready #tabs:before{flex:none}
.slot-details{margin:14px 0}.slot-details summary{font-size:12px;cursor:pointer;color:#72809a}.studio-shell:has(.workspace[data-view=edit]) .catalog-tools>input,.studio-shell:has(.workspace[data-view=edit]) .catalog-tools>select{display:none}.workspace .inspector .save-actions{position:sticky;bottom:0;padding:12px 0;background:white;z-index:3}.handover-progress::-webkit-progress-bar{background:#e3eaf3;border-radius:10px}.handover-progress::-webkit-progress-value{background:#1ba28c;border-radius:10px}.toolbar{background:#f5f7fcf5}.catalog-tools select{max-width:250px}
@media(min-width:701px) and (max-width:1100px){.management-ready .ops-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.management-ready #opsCounts{grid-template-columns:repeat(2,minmax(0,1fr))}.management-ready .ops-grid{grid-template-columns:1fr}}
@media(max-width:700px){.management-ready:not(.nav-open) #tabs{visibility:hidden}}