/* Collaboration workspace: calm hierarchy, legible tables, visible save state. */
:root{--bg:#f3f6fa;--brand:#2563eb;--brand-soft:#eff5ff;--brand-line:#d6e4ff;--text:#17243b;--text-2:#526179;--text-3:#77859b;--line:#e3e9f2;--shadow:0 3px 16px rgba(23,44,77,.035)}
.sidebar{background:linear-gradient(165deg,#142942,#0f1e33);width:216px;flex-basis:216px}
.brand{padding:24px 20px 22px}.brand h1{font-size:16px}.brand p{margin-top:9px;letter-spacing:1px}
.brand .logo{width:28px;height:28px;flex-basis:28px;border-radius:9px;background:#3878f6}
.nav{padding:18px 12px}.nav-group{margin-bottom:20px}.nav-label{padding-left:12px;color:#93a5be;font-size:11px}
.nav-item{padding:10px 12px;margin-bottom:4px;font-size:13px;border-radius:9px;color:#b4c3d7}
.nav-item.active{background:#2c63d7;color:white;box-shadow:0 4px 14px #08182d33}
.nav-item:hover{background:#ffffff12;color:white}.nav-item.active:hover{background:#2c63d7}
.topbar{min-height:76px;padding:14px 26px;gap:12px;background:#ffffffed;border-bottom:1px solid var(--line)}
.page-title{font-size:20px;font-weight:700;letter-spacing:-.5px}.page-sub{max-width:240px;line-height:1.6}
.content{padding:24px 26px}.card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}
.btn{border-radius:8px;min-height:34px;transition:background .15s,box-shadow .15s}.btn.primary{background:#2563eb;border-color:#2563eb;box-shadow:0 3px 8px #2563eb1a}
.btn.primary:hover{background:#1d4ed8}.btn:focus-visible,.nav-item:focus-visible,.sync-status:focus-visible{outline:3px solid #8db9ff;outline-offset:3px}
input:focus,textarea:focus,select:focus{outline-color:#75a4fa;border-color:#75a4fa;box-shadow:0 0 0 3px #2563eb12}
table{font-variant-numeric:tabular-nums}th{background:#f8fafc;color:#62718a;font-weight:600}td{border-bottom-color:#edf1f6}tbody tr:hover{background:#f5f8ff}
.sync-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 10px;border:1px solid #dfe7ef;border-radius:20px;background:#f8fafc;font-size:11px;color:#64748b;cursor:pointer}
.sync-status:before{content:'';width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#94a3b8}
.sync-status[data-state=synced]{color:#19764c;background:#f0faf5;border-color:#d4ebdf}.sync-status[data-state=synced]:before{background:#23a46c}
.sync-status[data-state=error]{color:#b54716;background:#fff6ed;border-color:#f6dbc4}.sync-status[data-state=error]:before{background:#e78a36}
.sync-status[data-state=saving]:before,.sync-status[data-state=pending]:before{background:#3b82f6;animation:sync-pulse 1s infinite}
@keyframes sync-pulse{50%{opacity:.3}}
.login-mask{background:radial-gradient(ellipse at 24% 10%,#dae8ff,transparent 55%),linear-gradient(130deg,#f6f9fe,#edf3fa)}
.login-card{border:1px solid #ffffff;box-shadow:0 24px 80px #213d6c14;border-radius:22px}.login-brand h2{color:#183454}
@media(min-width:1600px){.content{padding:28px 36px}.topbar{padding-left:36px;padding-right:36px}}
@media(max-width:1280px){.page-sub{display:none}.topbar{padding:12px 18px;gap:8px}.content{padding:18px}.sidebar{width:196px;flex-basis:196px}.search-box{max-width:250px}}
@media(max-width:768px){.sidebar{width:100%;flex-basis:auto}.brand{padding:10px 14px}.nav{padding:8px}.nav-item{padding:8px 10px}.topbar{min-height:64px;padding:10px 12px;flex-wrap:wrap}.page-title{font-size:17px}.sync-status{font-size:10px;padding:5px 8px}.content{padding:12px}.topbar .search-box{max-width:none}.btn{min-height:34px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.fulfillment{margin-bottom:26px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:3px 0 20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#6084b7}.workspace-heading h2{font-size:26px;letter-spacing:-.7px;margin:6px 0;color:#173456}.workspace-heading p{margin:0;color:#71829b;font-size:12px}
.ship-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ship-stat{padding:18px;text-align:left;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);cursor:pointer}.ship-stat span,.ship-stat small{display:block;color:#74829a;font-size:12px}.ship-stat b{display:block;margin:8px 0 4px;font-size:30px;font-weight:650;color:#193653;line-height:1.1}.ship-stat small{font-size:10px}.ship-stat:first-child b{color:#c97a24}.ship-stat.selected{border-color:#7eaaff;background:#f8fbff}
.ship-flow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 8px;color:#71849c;font-size:11px}.ship-flow i{font-style:normal;color:#b9c7d9}.ship-flow span{white-space:nowrap}.ship-queue{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;box-shadow:var(--shadow)}.ship-queue-title{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fbfcfe;border-bottom:1px solid var(--line);font-size:13px}.ship-job{padding:14px 20px;display:flex;gap:20px;align-items:center;border-bottom:1px solid #edf1f6}.ship-job:last-child{border:0}.ship-person{width:150px;flex:0 0 150px;min-width:0}.ship-person b{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ship-person span{display:block;margin-top:5px;font-size:10px;color:#8997ac}.ship-job-detail{flex:1;min-width:0}.ship-job-detail code{font-size:10px;color:#6f819a}.ship-job-detail p{font-size:11px;margin:6px 0 0;color:#8997ac;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ship-pill{border-radius:5px;font-size:10px;padding:3px 6px;background:#eef4ff;color:#4674bc}.ship-pill.issue{background:#fff3e8;color:#bc6d22}.ship-pill.sent{background:#ebf8f1;color:#25805d}.ship-job-actions{display:flex;gap:7px;flex-shrink:0}.ship-empty,.ship-more{padding:18px;color:#8b98aa;text-align:center;font-size:12px}
@media(max-width:1000px){.ship-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ship-flow{flex-wrap:wrap;justify-content:flex-start}.ship-person{width:110px;flex-basis:110px}.ship-job{gap:10px;padding:12px}}
@media(max-width:600px){.ship-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ship-stat{padding:13px}.ship-stat b{font-size:26px}.workspace-heading h2{font-size:22px}.ship-job{flex-wrap:wrap}.ship-person{flex:0 0 95px}.ship-job-actions{width:100%;justify-content:flex-end}.ship-flow{font-size:10px;gap:7px}.workspace-heading{gap:10px}}
@media(max-width:900px){.sidebar{width:100%;flex:none;background:#fff}.nav{padding:5px 4px}.nav-item{padding:6px 8px;margin:0;color:var(--text-2);font-size:10px}.nav-item.active{background:var(--brand-soft);color:var(--brand);box-shadow:none}.nav-item:hover{background:#edf3fd;color:var(--brand)}.pending-float:hover,.pending-float.open{width:min(660px,calc(100vw - 24px))}.nav-group{margin:0}}
.topbar{flex-basis:76px;height:76px}.topbar .page-title{font-size:18px}.overview-hero{padding:24px 28px;margin-bottom:22px;border:1px solid #dae6f7;border-radius:16px;background:linear-gradient(110deg,#e9f1ff,#f8fbff 75%);display:flex;gap:20px;justify-content:space-between;align-items:center}.overview-hero h2{font-size:24px;color:#173656;letter-spacing:-.7px;margin:8px 0}.overview-hero p{font-size:12px;color:#7288a5;margin:0}.overview-actions{display:flex;gap:10px;flex-wrap:wrap}
.pool-loading{display:flex;gap:14px;align-items:center;justify-content:space-between;background:#eff6ff;border:1px solid #cfe1ff;padding:14px 16px;border-radius:9px;margin-bottom:12px;color:#285d9a}.pool-loading b,.pool-loading span{display:block}.pool-loading span{font-size:12px;margin-top:5px;color:#627e9f}
.nav-core{padding-bottom:20px;margin-bottom:16px;border-bottom:1px solid #ffffff12}.nav-core .nav-item{font-size:15px;padding:14px 12px;margin-bottom:8px}.nav-resources{padding:0 4px 14px}.nav-resources summary{color:#8fa4c0;cursor:pointer;font-size:11px;padding:8px}.nav-resources .nav-item{font-size:12px}.nav-group:has(>.nav-label):not(:has(>.nav-item)){display:none}.bridge-status{font-size:11px;color:#67829a;margin-bottom:18px;padding:12px 15px;border:1px solid #e1e9f1;border-radius:9px;background:#f9fbfd}.bridge-status.online{background:#effaf4;color:#2b7957}.bridge-status.offline{background:#fff7ec;color:#a5732b}.archived-samples{margin-top:16px;border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff;color:#7c8ba0}.archived-samples summary{cursor:pointer;font-size:12px}.archived-samples>div{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #eef1f5;font-size:12px}.intake-modal{width:720px;max-width:calc(100vw - 28px)}.intake-modal #smPaste{min-height:210px!important;background:#f7faff;border:1px solid #d9e5f6;border-radius:12px;padding:15px;line-height:1.8!important}.intake-modal #smRecEdit{background:#f8fafc;padding:14px;border:1px solid #e3eaf3;border-radius:10px}.intake-platforms,.intake-manual{padding:10px 0;margin:8px 0;color:#71839b;font-size:12px}.intake-platforms summary,.intake-manual summary{cursor:pointer;margin-bottom:10px}.intake-modal .form-grid{gap:12px}.intake-modal .hint{line-height:1.8}.intake-modal .form-row>label{color:#506781}
@media(max-width:900px){.nav-core{display:contents;border:0;padding:0;margin:0}.nav-core>.nav-label{display:none}.nav-core .nav-item{padding:8px 16px;margin:0;font-size:12px}.nav-resources{display:none}.nav>.nav-group{display:none}.nav{justify-content:space-around}.intake-modal{width:100%;max-width:100%}}
.creator-shortcuts{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:4px 0}.creator-shortcuts>span{font-size:23px;font-weight:700;color:#193653;letter-spacing:-.6px}.creator-shortcuts>div{display:flex;gap:8px}.archived-samples{max-height:360px;overflow:auto}.ship-job-actions{flex-wrap:wrap;justify-content:flex-end;max-width:440px}
@media(max-width:900px){.topbar{height:auto;flex-basis:auto}.topbar .page-title{font-size:16px}.overview-hero{padding:20px;flex-wrap:wrap}.overview-hero h2{font-size:21px}.overview-actions .btn{font-size:11px}}