@font-face{font-family:Nunito;src:url('/fonts/nunito-regular.ttf')}@font-face{font-family:Nunito;src:url('/fonts/nunito-bold.ttf');font-weight:600 900}
:root{--bg:#f7fafc;--paper:#fff;--ink:#203e50;--muted:#607583;--rose:#c92573;--rose-dark:#a91c60;--rose-soft:#fff0f6;--peach:#eaf6fc;--line:#dfebf0;--shadow:0 8px 28px #244d6510}
body{font-family:Nunito,sans-serif;background:var(--bg);font-size:14px;line-height:1.5}body:before{content:'';display:block;height:4px;background:linear-gradient(90deg,#2b87b5 0 35%,#ef4694 35% 75%,#ffd471 75%)}
.shell{max-width:1260px;padding:16px 32px 60px}.topbar{margin-bottom:12px;min-height:82px}.studio-logo{width:98px;height:84px;object-fit:cover;object-position:center}.brand{gap:10px}.brand-home{color:inherit;text-decoration:none;border-radius:10px;transition:opacity .18s}.brand-home:hover{opacity:.88}.brand-home:focus-visible{outline:3px solid #2480a9;outline-offset:3px}.brand h1{font:800 21px Nunito,sans-serif;letter-spacing:-.5px;color:#277fa8}.brand h1 span{color:var(--rose);font-size:13px;margin-left:6px;background:var(--rose-soft);padding:4px 8px;border-radius:6px;letter-spacing:0}.brand small{font-size:12px}.btn{border-radius:10px;padding:11px 18px;font-size:13px}.btn.primary:hover{background:var(--rose-dark)}.btn:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2480a9;outline-offset:3px}.nav{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;width:100%;padding:0;gap:24px;margin-bottom:28px}.nav button{padding:12px 2px;border-radius:0;font-size:13px;border-bottom:3px solid transparent}.nav button.active{background:transparent;box-shadow:none;color:var(--rose);border-bottom-color:#e94491}.hero{margin-bottom:24px;align-items:center}.hero h2{font:800 30px/1.2 Nunito,sans-serif;letter-spacing:-.8px;margin-bottom:8px}.hero p{font-size:14px}.workspace-label{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.stats{gap:0;background:white;border:1px solid var(--line);border-radius:14px;padding:18px 0;margin-bottom:28px}.stat{border:0;border-radius:0;box-shadow:none;padding:0 20px;background:transparent;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat .label{font-size:10px;letter-spacing:.06em}.stat .value{font:800 28px Nunito,sans-serif;color:#277fa8;margin-top:6px}.stat:nth-child(2) .value{color:#ba6921}.stat:nth-child(3) .value{color:var(--rose)}.stat:nth-child(4) .value{color:#398369}.board-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.board-tools h3{font-size:18px;margin:0}.board-tools p{font-size:12px;color:var(--muted);margin:2px 0 0}.board-controls{display:flex;gap:8px}.board-controls input{width:280px}.board-controls select{width:180px}.board-controls .input{padding:9px 12px;font-size:12px}.jobs-wrap{gap:12px}.status-section{background:#fff;border-radius:12px;padding:16px 18px;border:1px solid var(--line)}.status-title{font-size:13px}.status-title:before{content:'';width:7px;height:7px;border-radius:50%;background:#379aca}.count-pill{background:#edf5f9;color:#4c7187}.job-card{min-height:146px;border-radius:10px;color:var(--ink);border-left:3px solid #4da8d1;padding:16px}.job-card:hover{border-color:#4da8d1;box-shadow:0 4px 14px #277fa812;transform:none}.job-card h4{font-size:16px;line-height:1.35}.job-meta{border-top:1px solid var(--line);padding-top:10px;margin-top:14px}.new-dot{background:#ef4694}.empty{padding:13px;font-size:12px;border:0;background:#f7fafc;text-align:left;border-radius:8px}.callout{background:#edf8fd;color:#256c8d;border:0;border-left:3px solid #52abd1;border-radius:7px;font-size:12px;padding:10px 14px}.modal{border-radius:16px;background:#f7fafc}.modal.wide{width:min(840px,100%)}.modal-head{background:#fff;padding:18px 24px;border-top:4px solid #ef4694}.modal-head h3{font:800 22px Nunito,sans-serif;letter-spacing:-.4px}.modal-head .x{background:#edf5f9;color:var(--ink);flex-shrink:0}.modal-body{padding:22px 24px}.wizard-sub{font-size:12px;margin-top:4px}.stepbar{padding:0 2px;margin-bottom:22px}.step-pill{font-size:12px;text-transform:none;letter-spacing:0}.step-pill span{background:#e6eef3;width:30px;height:30px}.step-line{background:#d8e5ec}.form-section{border-radius:12px;padding:22px;box-shadow:none}.form-section h4{font:800 20px Nunito,sans-serif;margin:3px 0 6px}.section-kicker{color:#287da6;letter-spacing:1.3px}.field label{text-transform:none;letter-spacing:0;font-size:12px;color:#3a5769;font-weight:800}.input{border:1px solid #ccdce5;border-radius:8px;padding:10px 12px;font-size:14px}.input::placeholder{color:#778894}.input:focus{border-color:#2688b3;box-shadow:0 0 0 3px #def2fa}.input[readonly]{background:#f2f7fa;color:#5c7380}.intake-group{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.intake-group h5{font-size:13px;margin:0 0 14px;color:#277fa8}.intake-group .section-help{margin-top:-7px}.form-grid{gap:16px}.optional-fields{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.optional-fields summary{cursor:pointer;font-weight:800;font-size:13px}.optional-fields summary span{font-weight:400;font-size:11px;color:var(--muted);margin-left:8px}.wizard-actions{position:sticky;bottom:0;background:#f7fafc;padding:14px 0;z-index:2}.import-section{background:#eff8fd;border-color:#c7e5f2}.paste-input{min-height:170px!important;font-family:Nunito,sans-serif;font-size:13px}.theme-compare{background:#fff8e9;border-color:#f1dfb8}.panel,.detail-card{border-radius:12px;box-shadow:none}.badge{color:#276888}.badge.red{color:#a52557;background:#ffe8f0}.badge.green{color:#286e50}.badge.yellow{color:#80571e}.field{min-width:0}.kv{overflow-wrap:anywhere}.filter-empty{padding:24px}.modal-backdrop{background:#173b5266}body:has(.modal-backdrop.open){overflow:hidden}.step-pill.done span{background:#e5f3eb;color:#26704e}
@media(max-width:900px){.stats{grid-template-columns:repeat(3,1fr);row-gap:18px}.stat:nth-child(3){border:0}.board-tools{align-items:flex-start;flex-direction:column}.board-controls{width:100%}.board-controls input{flex:1}}
@media(max-width:620px){.shell{padding:12px 16px 40px}.topbar{flex-wrap:wrap;gap:8px}.topbar>.btn{display:block;width:100%}.studio-logo{width:76px;height:68px}.brand h1{font-size:19px}.brand small{font-size:11px}.nav{gap:24px;margin-top:12px}.hero h2{font-size:25px}.workspace-label{display:none}.stats{grid-template-columns:repeat(2,1fr);padding:14px 0;row-gap:16px}.stat{padding:0 14px}.stat:nth-child(2n){border:0}.stat:nth-child(3){border-right:1px solid var(--line)}.stat .value{font-size:25px}.board-controls{flex-direction:column}.board-controls input,.board-controls select{width:100%}.modal-backdrop{padding:8px}.modal-head,.modal-body{padding:16px}.modal-head h3{font-size:20px}.form-section{padding:16px}.modal{max-height:96dvh}.step-pill{font-size:11px;gap:6px}.wizard-actions{bottom:0}.job-grid{grid-template-columns:1fr}.hero{gap:8px}.nav button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.dashboard-greeting{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:6px 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f7fbfd 68%,#fff5fa 100%)}.dashboard-greeting-kicker{display:block;color:#2782aa;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:4px}.dashboard-greeting h2{font:800 25px/1.2 Nunito,sans-serif;margin:0 0 5px;letter-spacing:-.45px}.dashboard-greeting p{margin:0;color:var(--muted);font-size:13px}.dashboard-greeting-time{text-align:right;flex-shrink:0;padding-left:18px;border-left:1px solid var(--line)}.dashboard-greeting-time strong{display:block;font-size:14px;color:var(--ink);white-space:nowrap}.dashboard-greeting-time span{display:block;margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.staff-dashboard-greeting{margin-bottom:24px}.staff-dashboard-greeting .dashboard-greeting-kicker{color:var(--rose)}@media(max-width:620px){.dashboard-greeting{align-items:flex-start;flex-direction:column;padding:16px}.dashboard-greeting h2{font-size:22px}.dashboard-greeting-time{text-align:left;border-left:0;border-top:1px solid var(--line);padding:11px 0 0;width:100%}.dashboard-greeting-time strong{white-space:normal}}
/* Shared studio forms: one field per row, in reading order. */
.form-grid{grid-template-columns:minmax(0,1fr)!important}.field.full{grid-column:1}
#createModal .modal.wide{width:min(700px,100%)}
.staff-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
h1,h2,h3,h4,h5{font-family:Nunito,sans-serif}a.detail-card:hover{border-color:#52abd1;background:#f3faff}a.detail-card strong{color:var(--rose)}.revision{background:#fff2f7}.link-box{background:#eff8fd}.raw-details pre{background:#f3f8fb;color:#3d5e70}
@media(max-width:620px){.staff-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-actions{gap:8px}.wizard-actions .btn{white-space:normal}.brand h1 span{display:inline-block}}
.revision-copy{white-space:pre-wrap;overflow-wrap:anywhere}.revision-check-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.revision-check-head h4{margin:0}.revision-check-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.revision-task-list{display:grid;gap:10px}.revision-task{padding:14px 15px;border:1px solid #efc3ce;border-radius:11px;background:#fff}.revision-task.done{border-color:#c7e3d2;background:#f2faf5}.revision-task-check{display:flex;align-items:center;gap:8px;width:max-content;margin-bottom:9px;font-size:12px;font-weight:900;color:#a52b55;cursor:pointer}.revision-task-check input{width:18px;height:18px;accent-color:#398369}.revision-task.done .revision-task-check{color:#2d7655}.work-revision-complete{border-color:#c7e3d2!important;background:#f3fbf6!important;margin-bottom:12px}.work-revision-complete .revision-check-head h4{color:#2d7655}@media(max-width:620px){.revision-check-head{flex-direction:column}.revision-task-check{width:100%}}.revision-photos,.revision-photo-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px}.revision-photos a{color:var(--rose-dark);text-decoration:none;overflow-wrap:anywhere;font-size:12px;max-width:240px}.revision-photos img,.revision-photo-preview img{display:block;width:100%;height:140px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:8px;margin-bottom:6px}.revision-photo-preview .btn{width:100%;font-size:12px;padding:8px}#promptModal{z-index:60}#revisionPhotoStatus{color:var(--muted)}.handoff-section{margin-top:14px;border-color:#cfe7f2;background:#fbfdff}.handoff-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin:14px 0 18px;background:#eef8fd;border:1px solid #cfe7f2;border-radius:10px}.handoff-guide>div{display:flex;align-items:flex-start;gap:10px}.handoff-guide p{margin:3px 0 0;color:var(--muted);font-size:12px}.handoff-step{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#277fa8;color:#fff;font-weight:800}.handoff-guide .btn{white-space:nowrap}.handoff-theme{display:inline-flex;gap:6px;align-items:center;margin:14px 0 2px;padding:8px 11px;border-radius:8px;background:#fff5df;color:#6e5425;font-size:12px}.theme-source-card{margin:14px 0 18px;padding:17px;border:1px solid #cfe4ee;border-left:4px solid #2b8db8;border-radius:12px;background:#f8fcfe}.theme-source-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.theme-source-head small{display:block;color:#277fa8;font-size:10px;font-weight:900;letter-spacing:.1em}.theme-source-head h5{margin:3px 0 5px;font-size:17px}.theme-source-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;max-width:650px}.theme-source-mode{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.theme-source-mode label{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.theme-source-mode input{margin-top:3px;accent-color:var(--rose)}.theme-source-mode strong,.theme-source-mode small{display:block}.theme-source-mode small{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.4}.theme-source-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-source-actions{margin-top:10px}.theme-source-status{margin-top:10px;padding:10px 12px;border-radius:9px;font-size:12px}.theme-source-status strong,.theme-source-status span{display:block}.theme-source-status span{margin-top:3px;font-size:11px}.theme-source-status.ready{background:#edf8f1;border:1px solid #bee0ca;color:#2c7552}.theme-source-status.needs-link{background:#fff8e8;border:1px solid #edd39a;color:#805b16}.disabled-link{opacity:.5;pointer-events:none;cursor:not-allowed}@media(max-width:620px){.theme-source-head{flex-direction:column}.theme-source-mode,.theme-source-picker{grid-template-columns:1fr}.theme-source-actions{flex-direction:column}.theme-source-actions .btn{width:100%;text-align:center}}.countdown-prep-card{margin:16px 0 20px;padding:17px;border:1px solid #efc6d7;border-left:4px solid var(--rose);border-radius:12px;background:#fffafd}.countdown-prep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.countdown-prep-head small{display:block;color:#a62865;font-size:10px;font-weight:900;letter-spacing:.1em}.countdown-prep-head h5{margin:3px 0 5px;font-size:17px}.countdown-prep-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;max-width:650px}.countdown-guide-status{margin:14px 0 10px;padding:11px 13px;border:1px solid #d9e5ea;border-radius:9px;background:#f5f9fb;color:#526d7b;font-size:12px}.countdown-guide-status strong,.countdown-guide-status span{display:block}.countdown-guide-status span{margin-top:3px;font-size:11px}.countdown-guide-status.ready{border-color:#bee0ca;background:#edf8f1;color:#2c7552}.countdown-guide-status.needs-guide{border-color:#edd39a;background:#fff8e8;color:#805b16}.countdown-guide-first,.countdown-client-copy{display:grid;gap:9px}.countdown-client-copy{margin-top:13px;padding-top:13px;border-top:1px dashed #e4c7d3}.countdown-copy-title strong,.countdown-copy-title small{display:block}.countdown-copy-title small{margin-top:2px;color:var(--muted);font-size:11px}.countdown-check{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.countdown-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--rose);flex:0 0 auto}.countdown-check strong,.countdown-check small{display:block}.countdown-check small{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.45}.countdown-check.danger{border-color:#efc7ca;background:#fff8f8}.countdown-staff-card{margin-top:14px;padding:14px 15px;border:1px solid #efc6d7;border-left:4px solid var(--rose);border-radius:10px;background:#fff7fb}.countdown-staff-card>small{display:block;color:#a62865;font-size:10px;font-weight:900;letter-spacing:.1em}.countdown-staff-card>strong{display:block;margin:4px 0 5px}.countdown-staff-card>p{margin:5px 0;color:#755467;font-size:12px;line-height:1.5}.countdown-staff-card .work-page-checks{margin-top:10px;padding-top:10px;border-top:1px solid #efd6e0}.countdown-instructions-field{margin-top:12px}.countdown-instructions-field textarea{min-height:150px;resize:vertical}.countdown-single-task{margin-top:12px}.countdown-theme-instructions{display:grid;gap:5px;margin-top:10px;padding:11px 12px;border:1px solid #ead5de;border-radius:9px;background:#fff}.countdown-theme-instructions b{color:#8f2858;font-size:12px}.countdown-theme-instructions span{color:#554450;font-size:12px;line-height:1.55;white-space:normal}@media(max-width:620px){.countdown-prep-head{flex-direction:column}.countdown-prep-head .btn{width:100%;text-align:center}}.naming-guide{display:grid;gap:12px;margin:16px 0 20px}.naming-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:11px}.naming-card>div:first-child{display:flex;align-items:flex-start;gap:10px;min-width:0}.naming-card small{display:block;color:#277fa8;font-weight:800;letter-spacing:.06em;font-size:10px;margin-bottom:3px}.naming-card strong{display:block;font-size:15px;overflow-wrap:anywhere}.naming-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.naming-card>.actions{flex-shrink:0;justify-content:flex-end}.stepbar{gap:8px}.step-pill{white-space:nowrap}@media(max-width:620px){.handoff-guide{align-items:stretch;flex-direction:column}.handoff-guide .btn{width:100%;text-align:center}.naming-card{align-items:stretch;flex-direction:column}.naming-card>.actions{width:100%;flex-direction:column}.naming-card>.actions .btn{width:100%;text-align:center}.stepbar{gap:4px}.step-pill{font-size:10px}.step-pill span{width:25px;height:25px}.step-line{min-width:8px}}.client-photo-source{margin-top:4px}.photo-client-message-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px;padding:11px 12px;border:1px solid #d5e8f1;border-radius:10px;background:#f3f9fc}.photo-client-message-tools span{color:var(--muted);font-size:11px;line-height:1.45}.photo-client-message-tools .btn{flex:0 0 auto;white-space:nowrap}.photo-source-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px}.photo-source-choice label{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.photo-source-choice input{accent-color:var(--rose)}.photo-source-panel{padding:14px;border:1px solid var(--line);border-radius:11px;background:#f8fbfd}.photo-source-panel[hidden]{display:none!important}.client-photo-paste-zone{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px 15px;border:2px dashed #ef9bc0;border-radius:11px;background:#fff6fa;outline:none;cursor:text}.client-photo-paste-zone:focus{border-color:var(--rose);box-shadow:0 0 0 3px #ffe4ef}.client-photo-paste-zone strong{display:block}.client-photo-paste-zone p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.client-photo-paste-zone .btn{white-space:nowrap;flex:0 0 auto}.photo-upload-block+.photo-upload-block{margin-top:12px}.photo-upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-upload-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.photo-file-btn{position:relative;overflow:hidden;white-space:nowrap}.photo-file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.client-photo-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:10px}.client-photo-preview.extra{grid-template-columns:repeat(4,minmax(0,1fr))}.client-photo-thumb{position:relative;border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px}.client-photo-thumb img{display:block;width:100%;height:120px;object-fit:cover;border-radius:7px;background:#edf4f7}.client-photo-thumb span{display:block;margin-top:6px;font-size:11px;font-weight:800;color:var(--ink)}.client-photo-remove{position:absolute;top:2px;right:2px;width:25px;height:25px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#a92c5c;font-size:18px;font-weight:900;line-height:1;box-shadow:0 2px 8px rgba(44,70,85,.22);cursor:pointer}.client-photo-remove:hover{background:#fff0f5;color:#c31f62}.photo-upload-status{margin-top:12px;padding:9px 11px;border-radius:8px;background:#fff5df;color:#795d25;font-size:12px}.photo-upload-status.ready{background:#eaf7ef;color:#2b704e}.handoff-photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.handoff-photo-gallery a{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:6px;background:#fff}.handoff-photo-gallery img{display:block;width:100%;height:130px;object-fit:cover;border-radius:6px;background:#eef4f7}.handoff-photo-gallery span{display:block;font-size:11px;font-weight:800;margin-top:5px}.handoff-photo-gallery a:first-child{grid-column:1/-1}.handoff-photo-gallery a:first-child img{height:180px}@media(max-width:620px){.photo-client-message-tools,.client-photo-paste-zone{align-items:stretch;flex-direction:column}.photo-client-message-tools .btn,.client-photo-paste-zone .btn{width:100%;text-align:center}.photo-source-choice{grid-template-columns:1fr}.photo-upload-head{align-items:stretch;flex-direction:column}.photo-file-btn{width:100%;text-align:center}.client-photo-preview.extra{grid-template-columns:repeat(2,minmax(0,1fr))}}.work-timer-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#eef8fd;border:1px solid #cfe6f1;border-left:4px solid #2d91bc;border-radius:12px;padding:16px 18px}.work-timer-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.work-timer-value{font:800 34px/1 Nunito,sans-serif;letter-spacing:1px;color:#227da7;margin-top:5px}.rsvp-setup-guide{margin-top:10px;padding:10px 12px;border-radius:9px;background:#fff5df;border:1px solid #f2dfb3}.rsvp-setup-guide small{display:block;color:#8a6323;font-size:10px;font-weight:800;letter-spacing:.06em}.rsvp-setup-guide strong{display:block;font-size:15px;margin:2px 0;color:#5f461d}.rsvp-setup-guide span{display:block;color:#7a6540;font-size:11px;line-height:1.4}@media(max-width:620px){.work-timer-card{align-items:stretch;flex-direction:column}.work-timer-card .btn{width:100%}}.btn.archive{background:#fff5f5;color:#9b3845;border:1px solid #efcbd0}.btn.archive:hover{background:#ffebee}.detail-top-actions{justify-content:space-between;margin:0 0 18px}.archive-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:14px 16px;border:1px solid #d9e1e6;border-radius:11px;background:#f5f7f8}.archive-banner strong{display:block}.archive-banner p{margin:4px 0 0;color:var(--muted);font-size:12px}.archived-card{border-left-color:#9aa9b2;opacity:.92}.archive-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media(max-width:620px){.detail-top-actions,.archive-banner{align-items:stretch;flex-direction:column}.detail-top-actions .btn,.archive-banner .btn{width:100%}}
.work-mode{max-width:760px;margin:0 auto}.work-alert{border-color:#e3b6bb;background:#fff8f8;margin-bottom:12px}.work-previous{margin-bottom:12px}.work-mode-head{background:#fff;border:1px solid #cfe4ee;border-top:4px solid #2b8db8;border-radius:13px;padding:20px;margin-bottom:14px}.work-mode-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.work-mode-title h4{font-size:22px;margin:3px 0 5px}.work-mode-title p,.work-help{margin:0;color:var(--muted);font-size:12px}.work-mode-kicker,.work-page-heading small,.work-start-grid small,.work-instructions small,.work-photo-label,.work-note small{display:block;color:#2782aa;font-size:10px;font-weight:800;letter-spacing:.11em}.work-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;font-size:12px;white-space:nowrap}.work-meta strong{color:var(--ink)}.work-start-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:18px;padding:15px;border-radius:10px;background:#f3f9fc}.work-start-grid strong{display:block;font-size:16px;margin-top:3px}.work-start-grid p{margin:4px 0 0;color:var(--muted);font-size:12px}.work-start-actions{display:flex;align-items:center}.work-instructions{margin-top:12px;padding:13px 15px;border:1px solid #eadfbd;background:#fff9e9;border-radius:9px}.work-instructions small{color:#8b6629}.work-instructions p{margin:4px 0 0;white-space:pre-wrap;color:#614f32;font-size:12px}.client-extra-details-alert{margin-top:12px;padding:14px 15px;border:1px solid #efc3d8;border-left:4px solid var(--rose);border-radius:10px;background:#fff4f8}.client-extra-details-alert small{display:block;color:#a61f62;font-size:10px;font-weight:900;letter-spacing:.09em}.client-extra-details-alert strong{display:block;margin-top:4px;font-size:14px;color:#7f1f4d}.client-extra-details-alert p{margin:5px 0 0;white-space:pre-wrap;color:#5e3c4d;font-size:12px;line-height:1.55}.client-extra-details-alert.pending{border-color:#ecd59c;border-left-color:#c99524;background:#fff9e9}.client-extra-details-alert.pending small,.client-extra-details-alert.pending strong{color:#805b16}.client-extra-details-alert.pending p{color:#6f5b34}.work-page{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;position:relative;margin-bottom:14px}.work-page:before{content:'';position:absolute;left:22px;top:45px;bottom:-15px;width:2px;background:#d8e8ef}.work-page:last-of-type:before{display:none}.work-page-no{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#2789b4;color:#fff;font-weight:900;font-size:18px;z-index:1;border:5px solid var(--bg)}.work-page-body{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px}.work-page-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.work-page-heading h4{font-size:19px;margin:2px 0 4px}.work-page-heading p{margin:0;color:var(--muted);font-size:12px}.work-value-grid{display:grid;grid-template-columns:1fr;gap:9px}.work-value{padding:11px 12px;background:#f7fafc;border:1px solid #e4edf2;border-radius:9px;min-width:0}.work-value small{display:block;color:#66808f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.work-value strong{display:block;margin-top:3px;color:var(--ink);font-size:14px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}.work-photo-label{margin:16px 0 7px}.work-main-photo{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:8px;background:#fff}.work-main-photo img{display:block;width:100%;height:310px;object-fit:contain;background:#f3f7f9;border-radius:8px}.work-main-photo span{display:block;font-size:11px;font-weight:800;margin-top:7px;color:#277fa8}.work-extra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.work-extra-grid a{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:6px;background:#fff}.work-extra-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;background:#eef4f7}.work-extra-grid span{display:block;font-size:11px;font-weight:800;margin-top:5px}.work-source-box{padding:13px;border-radius:9px;background:#f5f9fb;border:1px solid var(--line)}.work-source-box>strong{display:block}.work-source-box>p{margin:3px 0 10px;color:var(--muted);font-size:12px}.work-links{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.work-reference-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:16px;padding:14px 15px;border:1px dashed #bfd9e5;border-radius:10px;background:#f7fbfd}.work-reference-box small{display:block;color:#2782aa;font-size:10px;font-weight:800;letter-spacing:.09em}.work-reference-box strong{display:block;margin-top:3px}.work-reference-box p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.work-reference-box .btn:disabled{opacity:.55;cursor:not-allowed}.photo-quick-links{margin-top:0}.work-page-checks{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.work-page-checks .check-row{background:#fbfdfe}.rsvp-work-page .work-page-no{background:var(--rose)}.rsvp-work-page .work-page-body{border-color:#efc8da}.rsvp-copy-box{margin-top:12px;padding:14px;background:#fff3f8;border:1px solid #f0c7db;border-radius:10px}.rsvp-copy-box label{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#a61f62;margin-bottom:6px}.rsvp-copy-box .input{background:#fff}.rsvp-copy-actions{display:flex;gap:8px;margin-top:9px}.rsvp-copy-box p{margin:8px 0 0;color:#755467;font-size:11px}.work-note{margin-top:9px;padding:10px 12px;border-radius:9px;background:#f7fafc}.work-note strong{display:block;margin-top:2px}.work-final-check,.work-next{margin-left:59px;margin-bottom:14px;padding:19px}.work-final-check .work-page-checks{margin-top:0;padding-top:0;border-top:0}.work-next h4{font-size:18px;margin-bottom:12px}.revision-work-page .work-page-no{background:var(--rose)}.revision-work-page .work-page-body{border-color:#efc8da}.revision-work-page .work-alert{margin-bottom:0}.revision-work-page .work-revision-complete{margin-bottom:0}.revision-work-page .revision-check-head{margin-top:2px}.work-previous{margin-left:59px}.work-original{margin-left:59px}.work-original pre{max-height:360px;overflow:auto}.modal.wide:has(.work-mode){width:min(900px,100%)}
@media(max-width:620px){.work-mode-title{flex-direction:column}.work-meta{justify-content:flex-start;white-space:normal}.work-start-grid{grid-template-columns:1fr}.work-start-actions .btn{width:100%;text-align:center}.work-page{grid-template-columns:34px minmax(0,1fr);gap:8px}.work-page:before{left:16px}.work-page-no{width:34px;height:34px;font-size:14px;border-width:4px}.work-page-body{padding:14px}.work-value-grid{grid-template-columns:1fr}.work-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-main-photo img{height:220px}.work-links{grid-template-columns:1fr}.work-reference-box{grid-template-columns:1fr}.work-reference-box .btn{width:100%;text-align:center}.rsvp-copy-actions{flex-direction:column}.rsvp-copy-actions .btn{width:100%;text-align:center}.work-final-check,.work-next,.work-original{margin-left:42px}}.rsvp-link-warning{display:block;margin-top:7px;padding:9px 11px;border-radius:8px;font-size:12px;font-weight:800;line-height:1.45}.rsvp-link-warning[hidden]{display:none!important}.rsvp-link-warning.error{background:#fff0f3;color:#a32655}.rsvp-link-warning.valid{background:#eef8fd;color:#2f6178}.input.input-error{border-color:#d92f6f!important;box-shadow:0 0 0 3px #ffe4ee!important}.rsvp-confirm-check{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center;margin-top:10px;padding:12px 13px;border:1px solid #eadfbd;border-radius:10px;background:#fff9e9}.rsvp-confirm-check strong{display:block;font-size:13px}.rsvp-confirm-check p{margin:3px 0 0;color:#715f3f;font-size:11px;line-height:1.45}.rsvp-confirm-check>label{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:800;color:var(--ink);cursor:pointer}.rsvp-confirm-check input{margin-top:2px;accent-color:var(--rose)}.rsvp-sheet-setup{padding:14px;border:1px solid #eadfbd;border-radius:11px;background:#fffdf7}.rsvp-sheet-checklist{display:grid;gap:8px;margin:10px 0 4px}.rsvp-sheet-step{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #e5e8ea;border-radius:9px;background:#fff;cursor:pointer}.rsvp-sheet-step input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--rose);flex:0 0 auto}.rsvp-sheet-step strong,.rsvp-sheet-step small{display:block}.rsvp-sheet-step strong{font-size:12px}.rsvp-sheet-step small{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.45}.admin-published-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.admin-published-url-row .btn{white-space:nowrap}@media(max-width:620px){.rsvp-confirm-check{grid-template-columns:1fr}.rsvp-confirm-check .btn{width:100%;text-align:center}.admin-published-url-row{grid-template-columns:1fr}.admin-published-url-row .btn{width:100%}}.earning-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:center;padding:20px;border-radius:14px;background:linear-gradient(135deg,#fff3f8,#eef8fd);border:1px solid #efd9e4}.earning-hero small,.commission-big small{display:block;font-size:10px;font-weight:900;letter-spacing:.11em;color:#a62865}.earning-hero>div:first-child>strong,.commission-big>strong{display:block;font:900 38px/1.1 Nunito,sans-serif;color:#2c7fa6;margin:5px 0 6px}.earning-hero p,.commission-big p{margin:0;color:var(--muted);font-size:12px}.earning-mini-grid,.commission-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.earning-mini-grid>div,.commission-summary-grid>div{padding:13px;border-radius:10px;background:#fff;border:1px solid var(--line)}.earning-mini-grid span,.commission-summary-grid span{display:block;font-size:10px;font-weight:800;color:var(--muted)}.earning-mini-grid b,.commission-summary-grid b{display:block;margin-top:4px;font-size:20px;color:var(--ink)}.earning-jobs{display:grid;gap:8px;margin-top:12px}.earning-jobs>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:9px;background:#fff;border:1px solid var(--line)}.earning-jobs span{font-weight:800;min-width:0}.earning-jobs small{color:var(--muted);font-size:11px}.earning-jobs b{color:#2e8462;white-space:nowrap}.commission-summary{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-bottom:16px}.commission-big{padding:20px;border-radius:13px;background:linear-gradient(135deg,#fff3f8,#eef8fd);border:1px solid #efd9e4}.commission-active{margin-bottom:16px}.commission-active .panel-head{align-items:center}.event-time-review{display:block;margin-top:7px;padding:8px 10px;border-radius:8px;background:#fff6e6;color:#8a5a12;font-size:12px;font-weight:700;line-height:1.45}.event-time-review[hidden]{display:none}.deadline-countdown{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:12px 0 2px;padding:7px 10px;border-radius:9px;background:#edf8fd;border:1px solid #cae5f1;color:#246f91;font-variant-numeric:tabular-nums}.deadline-countdown>span{font-size:13px}.deadline-countdown>strong{font:900 14px/1.2 Nunito,sans-serif;letter-spacing:.01em}.deadline-countdown.active{background:#eef8fd;border-color:#c9e5f1;color:#24789e}.deadline-countdown.today{background:#fff6df;border-color:#edd397;color:#8a5a0c}.deadline-countdown.urgent{background:#fff0dc;border-color:#e9bd77;color:#9a5207}.deadline-countdown.overdue{background:#ffeaed;border-color:#e9b7bd;color:#a52c39}.deadline-countdown.missing{background:#f7f8f9;border-color:#dce3e7;color:#687b85}.deadline-countdown.large{padding:10px 13px;margin:7px 0 8px;border-radius:10px}.deadline-countdown.large>strong{font-size:24px;letter-spacing:-.02em}.deadline-countdown.admin-mini{margin:12px 0 0}.staff-deadline-main{min-width:0}.staff-deadline-panel .staff-deadline-date{font-size:15px!important;margin:4px 0!important;color:var(--ink)!important}@media(max-width:620px){.deadline-countdown.large>strong{font-size:20px}.deadline-countdown{width:100%;justify-content:center}}
.theme-guide-ready-check{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #dce8ee;border-radius:10px;background:#f8fbfd;cursor:pointer}.theme-guide-ready-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--rose);flex:0 0 auto}.theme-guide-ready-check strong,.theme-guide-ready-check small{display:block}.theme-guide-ready-check small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.theme-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:10px}.theme-settings-card{padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff}.theme-settings-card-head h4{margin:8px 0 3px;font-size:16px}.theme-settings-card-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.theme-settings-card-link{margin:11px 0;padding:8px 10px;border-radius:8px;background:#eef8fd;color:#2e718f;font-size:11px;font-weight:800}.theme-settings-card-link .needs{color:#9a5d16}.theme-settings-card .actions{margin-top:0}.theme-settings-card .btn{font-size:11px;padding:8px 10px}.theme-settings-card.editing{border-color:var(--rose);box-shadow:0 0 0 2px #ef469422;background:#fff8fb}.theme-settings-card.editing .btn[data-theme-edit]{background:var(--rose-soft);color:var(--rose-dark);border-color:#efbfd2}@media(max-width:620px){.theme-settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){.earning-hero,.commission-summary{grid-template-columns:1fr}.earning-jobs>div{grid-template-columns:1fr auto}.earning-jobs small{grid-column:1/2}.earning-mini-grid,.commission-summary-grid{grid-template-columns:1fr 1fr}}
/* Admin production overview: calm Kanban board with progress-first cards. */
#overview .stats .stat .value{color:#2d7697!important}
#overview .jobs-wrap{display:block;overflow:visible;padding:2px 2px 14px}
#overview .board-callout{margin-bottom:12px}
.kanban-scroll-controls{display:flex;align-items:center;gap:10px;margin:0 0 10px;width:100%}
.kanban-scroll-controls[hidden]{display:none!important}
.kanban-scroll-btn{border:1px solid #efb5cf;border-radius:10px;background:#fff6fa;color:#b52467;padding:8px 13px;font:900 11px Nunito,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(185,35,102,.05);transition:.15s}
.kanban-scroll-btn:hover:not(:disabled){background:#ffeaf3;border-color:#e95a9a;transform:translateY(-1px)}
.kanban-scroll-btn.primary{background:linear-gradient(135deg,#ef4694,#c92573);border-color:#d92d7c;color:#fff}
.kanban-scroll-btn.primary:hover:not(:disabled){background:#c92573}
.kanban-scroll-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.kanban-scroll-btn{flex:0 0 auto}.kanban-scroll-range{flex:1 1 auto;min-width:140px;height:28px;margin:0 4px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.kanban-scroll-range::-webkit-slider-runnable-track{height:8px;border:1px solid #d1e0e8;border-radius:999px;background:#e3edf2}.kanban-scroll-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:3px solid #fff;border-radius:50%;background:#ef4694;box-shadow:0 2px 7px rgba(83,55,68,.2)}.kanban-scroll-range::-moz-range-track{height:8px;border:1px solid #d1e0e8;border-radius:999px;background:#e3edf2}.kanban-scroll-range::-moz-range-thumb{width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#ef4694;box-shadow:0 2px 7px rgba(83,55,68,.2)}.kanban-scroll-range:focus-visible{outline:3px solid #2480a9;outline-offset:2px;border-radius:999px}.kanban-scroll-range:disabled{opacity:.35;cursor:not-allowed}
.kanban-board-scroll{width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}
.kanban-board-scroll::-webkit-scrollbar{display:none}
.kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,305px);gap:12px;align-items:start;min-width:max-content}
.kanban-column{background:#f4f7f9;border:1px solid var(--line);border-radius:14px;padding:12px;min-height:190px}
.kanban-column-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 10px;font-size:12px;color:#38586a}
.kanban-column-head strong{font-size:13px}.kanban-column-head .count-pill{min-width:24px;text-align:center}
.kanban-cards{display:grid;gap:10px}.kanban-empty{padding:18px 10px;color:#8a9aa3;font-size:12px;text-align:center;border:1px dashed #d8e3e8;border-radius:10px;background:#fafcfd}
#overview .kanban-card{position:relative;display:block;width:100%;min-height:0;background:#fff!important;border:1px solid #dbe7ec!important;border-left:4px solid #9fc4d5!important;border-radius:11px!important;padding:14px!important;text-align:left;box-shadow:none!important;cursor:pointer;color:var(--ink)!important}
#overview .kanban-card:hover{border-color:#b8d5e1!important;box-shadow:0 5px 16px rgba(42,91,116,.08)!important;transform:translateY(-1px)}
#overview .kanban-card h4{margin:9px 0 4px;font-size:15px;line-height:1.35;color:var(--ink)!important}
#overview .kanban-card p{margin:0;color:var(--muted)!important;font-size:11px;line-height:1.45}
.kanban-card-top{min-height:24px}.kanban-product{min-height:32px}
#overview .kanban-card .job-meta{display:flex;justify-content:space-between;gap:10px;margin-top:11px;padding-top:9px;color:#718690!important;font-size:11px;border-top:1px solid var(--line)!important}
#overview .kanban-card .job-meta strong{color:#38596a!important}#overview .kanban-card .completed-at-row{justify-content:flex-start!important;margin-top:8px!important}#overview .kanban-card .completed-at-row strong{font-weight:900!important;color:#294f63!important;letter-spacing:.01em}.kanban-message{display:inline-flex;margin-top:10px;color:#b52669;font-size:11px;font-weight:800;text-decoration:none}.kanban-message:hover{text-decoration:underline}.kanban-client-contact{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:inherit;text-decoration:none}.kanban-client-contact strong{font-size:12px;color:var(--ink)}.kanban-client-contact span{font-size:11px;color:#b32768;font-weight:800;text-decoration:underline;text-underline-offset:3px}.kanban-client-contact.no-link{padding-bottom:1px}.kanban-client-contact:hover span{text-decoration-thickness:2px}
#overview .job-card.deadline-overdue{background:#fff!important;border:1px solid #e5c8cb!important;border-left:4px solid #cf6c74!important;color:var(--ink)!important;box-shadow:none!important}
#overview .job-card.deadline-overdue h4,#overview .job-card.deadline-overdue p,#overview .job-card.deadline-overdue .job-meta,#overview .job-card.deadline-overdue .job-meta span,#overview .job-card.deadline-overdue .job-meta strong{color:inherit!important}
#overview .job-card.deadline-overdue .badge{background:#f8eeee!important;color:#9a454c!important}
#overview .job-card.deadline-overdue .deadline-countdown{background:#faeeee!important;color:#9f4049!important;border-color:#efced2!important}
#overview .job-card.deadline-priority-1{background:#fff!important;border:1px solid #ead9e1!important;border-left:4px solid #df8eb1!important}
#overview .job-card.deadline-priority-1 .deadline-countdown{background:#fbf1f5!important;border-color:#edd5df!important;color:#9c4f71!important}
#overview .job-card.deadline-priority-2{background:#fff!important;border:1px solid #e8e1cf!important;border-left:4px solid #d5ad59!important}
#overview .job-card.deadline-priority-2 .deadline-countdown{background:#fbf6e9!important;border-color:#eadcb8!important;color:#806329!important}
#overview .job-card.deadline-priority-3{background:#fff!important;border:1px solid #d9e7ed!important;border-left:4px solid #76b1ca!important}
#overview .job-card.deadline-priority-3 .deadline-countdown{background:#f0f8fb!important;border-color:#d2e8f1!important;color:#397590!important}
.job-progress{margin-top:12px}.job-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:#70838d;font-size:10px;font-weight:800}.job-progress>div:first-child strong{color:#2e728f;font-size:11px}.job-progress-track{height:7px;border-radius:99px;background:#e9eff2;overflow:hidden}.job-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65aeca,#6eb48f);transition:width .25s ease}.job-progress-track.large{height:9px;margin-top:10px}
.detail-product-title{margin:2px 0 14px;color:var(--muted);font-size:12px}.owner-progress-card{background:linear-gradient(145deg,#fff,#f7fbfd)}.owner-progress-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:5px}.owner-progress-top>div strong{display:block;font:900 34px/1 Nunito,sans-serif;color:#2b799b}.owner-progress-top>div span,.owner-progress-top>span{color:var(--muted);font-size:11px}.progress-section-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.progress-section-grid span{padding:5px 8px;border-radius:999px;background:#f1f4f6;color:#71818a;font-size:10px;font-weight:800}.progress-section-grid span.partial{background:#fff5df;color:#7e6129}.progress-section-grid span.done{background:#eaf6ef;color:#357455}.client-message-actions{margin-top:14px}.client-message-actions .btn{width:100%;text-align:center;text-decoration:none}
.live-progress-panel{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:18px;background:#f8fbfd}.live-progress-panel .card-kicker{display:block}.live-progress-panel strong{display:block;font:900 30px/1 Nunito,sans-serif;color:#2c7c9e;margin-top:3px}.live-progress-panel small{display:block;color:var(--muted);margin-top:3px}.staff-progress{margin-top:10px}
@media(max-width:700px){.kanban-board{grid-auto-columns:minmax(270px,82vw)}.live-progress-panel{grid-template-columns:1fr}.owner-progress-top{align-items:flex-start;flex-direction:column}}
/* First-draft priority system: overdue red, nearest pink, second yellow, third+ blue. */
.job-card.deadline-overdue{background:#c62828!important;border:2px solid #9f1717!important;border-left:6px solid #8d1111!important;color:#fff!important;box-shadow:0 10px 24px rgba(198,40,40,.22)}
.job-card.deadline-overdue h4,.job-card.deadline-overdue p,.job-card.deadline-overdue .job-meta,.job-card.deadline-overdue .job-meta span,.job-card.deadline-overdue .job-meta strong{color:#fff!important}
.job-card.deadline-overdue .badge{background:#fff!important;color:#b01f27!important}
.job-card.deadline-overdue .deadline-chip{background:#8f151b!important;color:#fff!important;border:1px solid #f5a7ac}
.job-card.deadline-overdue .deadline-countdown{background:#fff!important;color:#b21e28!important;border-color:#fff!important}
.job-card.deadline-overdue .job-meta{border-top-color:rgba(255,255,255,.35)!important}
.job-card.deadline-priority-1{background:#fff0f5!important;border-color:#e9a8c3!important;border-left:5px solid #e84d92!important}
.job-card.deadline-priority-1 .deadline-countdown{background:#ffe6f0!important;border-color:#efb5ce!important;color:#a91f61!important}
.job-card.deadline-priority-1 .deadline-chip{background:#f9dce9!important;color:#a61f62!important}
.job-card.deadline-priority-2{background:#fff9e8!important;border-color:#ead394!important;border-left:5px solid #e4ad2e!important}
.job-card.deadline-priority-2 .deadline-countdown{background:#fff1c7!important;border-color:#e6c567!important;color:#865b09!important}
.job-card.deadline-priority-2 .deadline-chip{background:#f9e9b1!important;color:#7a570d!important}
.job-card.deadline-priority-3{background:#f4fbff!important;border-color:#bfdfed!important;border-left:5px solid #4da8d1!important}
.job-card.deadline-priority-3 .deadline-countdown{background:#e8f6fd!important;border-color:#bcdfee!important;color:#246f91!important}
.staff-deadline-panel.overdue{background:#c62828!important;border-color:#9f1717!important;color:#fff!important}
.staff-deadline-panel.overdue .card-kicker,.staff-deadline-panel.overdue .staff-deadline-date,.staff-deadline-panel.overdue p{color:#fff!important}
.staff-deadline-panel.overdue .deadline-countdown.overdue{background:#fff!important;color:#b21e28!important;border-color:#fff!important}
.staff-deadline-panel.overdue .deadline-chip{background:#8f151b!important;color:#fff!important;border:1px solid #f5a7ac}.publish-setting-list{display:grid;gap:10px;margin:14px 0}.publish-setting{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.publish-setting small{font-weight:900;color:#67808e;letter-spacing:.06em}.publish-setting strong{font-size:15px;overflow-wrap:anywhere}.publish-live-guide{margin:16px 0 12px;padding:15px 17px;border:1px solid #cbe5dc;border-left:4px solid #399878;border-radius:11px;background:#f2fbf7}.publish-live-guide strong{display:block;font-size:15px;color:#245f49}.publish-live-guide ol{margin:9px 0 0;padding-left:21px;color:#355968;font-size:12px;line-height:1.65}.publish-live-guide li+li{margin-top:4px}.publish-banner-guide{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:16px;border:1px solid #f0c8da;border-radius:12px;background:#fff7fb}.publish-banner-guide small{display:block;color:#b52369;font-size:10px;font-weight:900;letter-spacing:.08em}.publish-banner-guide strong{display:block;margin:3px 0}.publish-banner-guide p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.publish-banner-guide .btn{white-space:nowrap}.publish-mobile-warning{display:flex;flex-direction:column;gap:3px;padding:14px 16px;margin:14px 0;border:1px solid #e7c77b;border-radius:12px;background:#fff7df}.publish-mobile-warning strong{color:#805913}.publish-mobile-warning span{font-size:12px;color:#765f32}.publish-work-page .work-page-no{background:#398369}.publish-work-page .work-page-body{border-color:#cbe4d7}@media(max-width:720px){.publish-setting{grid-template-columns:1fr}.publish-setting .btn{width:100%}.publish-banner-guide{align-items:stretch;flex-direction:column}.publish-banner-guide .btn{width:100%;text-align:center}}.staff-invite-result{margin-top:16px;padding:16px;border:1px solid #cde6d9;background:#f3fbf7;border-radius:12px}.staff-invite-result>strong{display:block;font-size:17px;margin:7px 0 2px}.staff-invite-result>p{margin:0 0 10px;color:var(--muted)}.staff-invite-result .link-box{font-size:11px;overflow-wrap:anywhere;margin:10px 0}.staff-invite-list{display:grid;gap:10px}.staff-invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 15px;border:1px solid var(--line);border-radius:11px;background:#fff}.staff-invite-row strong{display:block;margin-top:5px}.staff-invite-row p{margin:2px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.staff-invite-row .actions{justify-content:flex-end;flex-wrap:wrap}.muted-note{color:var(--muted);font-size:12px}.staff-roster-card .actions{flex-wrap:wrap}@media(max-width:720px){.staff-invite-row{grid-template-columns:1fr}.staff-invite-row .actions{justify-content:flex-start}.staff-invite-row .actions .btn{width:100%;text-align:center}}
.staff-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.commission-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.claim-grid,.staff-commission-grid,.staff-roster-grid,.claim-history{display:grid;gap:12px}.claim-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.staff-commission-grid,.staff-roster-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.claim-card,.staff-commission-card,.staff-roster-card,.claim-history-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px}.claim-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px}.claim-card small,.claim-history-card small,.claim-ready-box small,.claim-status-card small{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--rose)}.claim-card h4{font-size:18px;margin:3px 0}.claim-card p{margin:3px 0;color:var(--muted);font-size:12px}.claim-jobs{line-height:1.45}.claim-gcash{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 10px;margin-top:12px;padding:11px 12px;border-radius:9px;background:#f7fafc}.claim-gcash span{color:var(--muted);font-size:11px}.claim-gcash b{font-size:12px;overflow-wrap:anywhere}.claim-number-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.claim-copy-number{flex:0 0 auto;padding:5px 8px!important;font-size:10px!important}.claim-pay-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}.claim-pay-actions small{font-weight:400;letter-spacing:0;color:var(--muted);line-height:1.45}.claim-pay-actions .btn{text-align:center}.staff-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.staff-card-head h4{font-size:18px;margin:6px 0 2px}.staff-card-head p{font-size:12px;color:var(--muted);margin:0}.staff-card-head>strong{font:900 24px Nunito,sans-serif;color:#277fa8;white-space:nowrap}.staff-money-row,.staff-roster-metrics{display:grid;gap:7px;margin:14px 0}.staff-money-row span,.staff-roster-metrics span{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.muted-note{color:var(--muted);font-size:12px}.payout-profile-panel .form-grid{grid-template-columns:1fr!important}.claim-ready-box,.claim-status-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#fff4f8,#eef8fd);border:1px solid #efd8e4}.claim-ready-box strong,.claim-status-card strong{display:block;font:900 32px/1.1 Nunito,sans-serif;color:#277fa8;margin:4px 0}.claim-ready-box p,.claim-status-card p{margin:3px 0;color:var(--muted);font-size:12px}.claim-history-card{display:grid;gap:10px}.claim-history-top,.claim-paid-note{display:flex;align-items:center;justify-content:space-between;gap:12px}.claim-history-top strong{display:block;font-size:22px;color:#277fa8}.claim-history-card p{margin:0;color:var(--muted);font-size:12px}.claim-paid-note{padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media(max-width:760px){.commission-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.claim-card{grid-template-columns:1fr}.claim-ready-box,.claim-status-card,.claim-paid-note{align-items:stretch;flex-direction:column}.claim-ready-box .btn,.claim-paid-note .btn{width:100%;text-align:center}.claim-gcash{grid-template-columns:1fr}.claim-gcash span{margin-top:4px}}
/* Explicit client-detail states: provided, pending, not included, or undecided. */
.detail-state-control{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#f8fbfd}.detail-state-control[hidden]{display:none!important}.detail-state-control>span{font-size:11px;font-weight:900;color:#71838d}.detail-state-control>div{display:flex;gap:6px;flex-wrap:wrap}.detail-state-control button{border:1px solid #d6e3e9;border-radius:999px;background:#fff;color:#617784;padding:5px 9px;font:800 10px Nunito,sans-serif;cursor:pointer}.detail-state-control[data-state="provided"]{background:#f3faf6;border-color:#d5e9dd}.detail-state-control[data-state="provided"]>span{color:#347657}.detail-state-control[data-state="pending"]{background:#fff8e7;border-color:#edd7a3}.detail-state-control[data-state="pending"]>span{color:#895f16}.detail-state-control[data-state="pending"] button[data-state="pending"]{background:#f7e3ad;border-color:#dfbf70;color:#76500c}.detail-state-control[data-state="not_included"]{background:#f7f8f9;border-color:#e1e6e9}.detail-state-control[data-state="not_included"]>span{color:#71808a}.detail-state-control[data-state="not_included"] button[data-state="not_included"]{background:#e8edf0;border-color:#cdd8de;color:#536975}.detail-state-control[data-state="undecided"]{background:#fff5e6;border-color:#edc986}.detail-state-control[data-state="undecided"]>span{color:#8d5c0c}.detail-state-summary,.pending-detail-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 16px;padding:13px 15px;border-radius:11px;border:1px solid #ead5a1;background:#fff8e9}.detail-state-summary strong,.pending-detail-summary strong{display:block;color:#7c5718}.detail-state-summary p,.pending-detail-summary p{margin:3px 0 0;color:#725f3b;font-size:12px}.detail-state-summary.has-pending,.pending-detail-summary{border-color:#efd39a;background:#fff8e7}.pending-detail-summary span{display:block;margin-top:4px;color:#745f37;font-size:11px;line-height:1.45}.badge.pending-detail-badge{background:#fff1c9;color:#80590e;border:1px solid #eed38c}.work-value.pending-detail,.resource.pending-detail{background:#fff8e7!important;border-color:#e8cc83!important;opacity:1!important}.work-value.pending-detail strong,.resource.pending-detail strong{color:#875b0e}.work-value.pending-detail span,.work-value.not-included span,.resource.pending-detail small{display:block;margin-top:4px;color:#755f38;font-size:11px;line-height:1.45}.work-value.not-included,.resource.not-included{background:#f7f8f9!important;border-color:#e0e5e8!important;opacity:.72}.work-value.not-included strong{color:#687984}.staff-pending-summary{margin-bottom:12px}@media(max-width:620px){.detail-state-control,.detail-state-summary,.pending-detail-summary{align-items:stretch;flex-direction:column}.detail-state-control>div{width:100%}.detail-state-control button{flex:1}.detail-state-summary .btn{width:100%}}
.admin-review-reference{margin:14px 0 14px;border:1px solid #d8e6ed;background:linear-gradient(180deg,#fbfdff,#f7fbfd)}.admin-review-reference-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.admin-review-reference-head h4{margin:3px 0 4px}.admin-review-reference-head p{margin:0;color:var(--muted);font-size:11px}.admin-review-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-review-reference-row{display:grid;grid-template-columns:115px minmax(0,1fr);gap:9px;padding:9px 10px;border:1px solid #e1ebf0;border-radius:9px;background:#fff;min-width:0}.admin-review-reference-row small{color:#6f8490;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.admin-review-reference-row strong{font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.admin-review-reference-links{margin-top:10px}.admin-review-reference-links .btn{font-size:11px;padding:8px 10px}.admin-review-photo-summary{margin-top:11px;padding:11px 12px;border:1px solid #e4d5df;border-radius:10px;background:#fffafd}.admin-review-photo-summary>strong,.admin-review-photo-summary>span{display:block}.admin-review-photo-summary>span{margin-top:2px;color:var(--muted);font-size:11px}.admin-review-photo-summary details{margin-top:8px}.admin-review-photo-summary summary,.admin-review-original summary{cursor:pointer;color:#a52865;font-size:11px;font-weight:900}.admin-review-original{margin-top:11px;padding-top:10px;border-top:1px dashed #d9e5ea}.admin-review-original pre{max-height:260px;overflow:auto;white-space:pre-wrap;background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px;font-size:11px;line-height:1.5}@media(max-width:760px){.admin-review-reference-head{flex-direction:column}.admin-review-reference-grid{grid-template-columns:1fr}.admin-review-reference-row{grid-template-columns:96px minmax(0,1fr)}}.admin-publish-card{margin:14px 0 18px;border:1px solid #cfe2d8;background:linear-gradient(180deg,#fbfffd,#f6fbf8)}.publish-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 14px}.admin-publish-action-step{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;margin:12px 0;border:1px solid #cfe2d8;border-radius:11px;background:#f7fcf9}.admin-publish-action-step strong{display:block;font-size:13px}.admin-publish-action-step p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.admin-publish-action-step .btn{white-space:nowrap;flex:0 0 auto}.verify-live-step{border-color:#cfe2ed;background:#f7fbfd}.admin-publish-step{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;margin:8px 0;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.admin-publish-step input{margin-top:3px;width:17px;height:17px}.admin-publish-step span{display:flex;flex-direction:column;gap:2px}.admin-publish-step strong{font-size:13px}.admin-publish-step small{color:var(--muted);font-size:11px;line-height:1.4}.admin-publish-copy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.admin-publish-copy-grid>div{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}.admin-publish-copy-grid small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#6b7e88}.admin-publish-copy-grid strong{font-size:12px;overflow-wrap:anywhere}.admin-publish-copy-grid .btn{align-self:flex-start}.admin-banner-step{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;margin:12px 0;border:1px solid #efcade;border-radius:11px;background:#fff7fb}.admin-banner-step p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.admin-banner-step .btn{white-space:nowrap}.admin-published-url{margin-top:14px}.client-send-preview,.client-send-card{margin-top:14px}.client-send-preview label{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--rose);margin-bottom:6px}.client-send-preview textarea,.client-send-card textarea{margin-top:10px;line-height:1.5}.btn:disabled{opacity:.45;cursor:not-allowed}.client-send-card{border-color:#cde6d9;background:#f7fcf9}@media(max-width:760px){.admin-publish-copy-grid{grid-template-columns:1fr}.admin-banner-step,.admin-publish-action-step{align-items:stretch;flex-direction:column}.admin-banner-step .btn,.admin-publish-action-step .btn,.publish-admin-actions .btn{width:100%;text-align:center}}
.revision-client-alert-panel{margin:0 0 16px;padding:14px;border:1px solid #efb5cb;border-radius:14px;background:#fff5f9;box-shadow:0 8px 24px rgba(188,38,106,.06)}.revision-client-alert-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.revision-client-alert-head strong{display:block;color:#ae2462;font-size:15px}.revision-client-alert-head span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.revision-client-alert-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid #f0d3df;border-radius:11px;background:#fff;margin-top:8px}.revision-client-alert-row>div{display:flex;flex-direction:column;gap:3px}.revision-client-alert-row>div>strong{font-size:14px}.revision-client-alert-row a,.kanban-client-approval span,.client-approval-contact span{text-decoration:underline;text-underline-offset:3px}.revision-client-alert-row small{color:var(--muted);font-size:11px}.revision-client-alert-row label,.client-alert-done{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.revision-client-alert-row input,.client-alert-done input{width:17px;height:17px;margin-top:2px}.revision-client-alert-row label span{font-weight:800;font-size:12px}.kanban-client-approval,.client-approval-contact{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:inherit;text-decoration:none}.kanban-client-approval strong,.client-approval-contact strong{font-size:12px}.kanban-client-approval span,.client-approval-contact span{font-size:11px;color:#b32768;font-weight:800}.client-alert-done{margin-top:14px;padding:12px;border:1px solid #efc6d8;border-radius:10px;background:#fff8fb}.client-alert-done span{display:flex;flex-direction:column;gap:2px}.client-alert-done small{color:var(--muted);font-size:11px;line-height:1.4}@media(max-width:650px){.revision-client-alert-row{align-items:stretch;flex-direction:column}.revision-client-alert-row label{padding-top:8px;border-top:1px solid #f0d3df}}
.completed-revision-reopen{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.completed-revision-reopen small{color:var(--muted);font-size:11px;line-height:1.45}.post-payment-revision-card{border-color:#efd0df!important;background:linear-gradient(180deg,#fffafd,#fff)!important}.post-payment-revision-card .callout{margin:12px 0}.overview-baby-name{font-size:18px!important;line-height:1.2!important;margin:12px 0 10px!important}.overview-card-facts{display:grid;gap:7px;margin:0 0 12px}.overview-card-facts>div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;align-items:baseline}.overview-card-facts small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#8aa0ac}.overview-card-facts strong{font-size:12px;line-height:1.35;color:#294454;overflow-wrap:anywhere}.overview-activity{margin:16px 0 18px}.overview-activity-card{border:1px solid #d7e7ee;border-radius:14px;background:#fff;overflow:hidden}.overview-activity-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid #e3edf2;background:linear-gradient(135deg,#fbfdff,#fff7fb)}.overview-activity-head small{display:block;color:#b12568;font-size:10px;font-weight:900;letter-spacing:.1em}.overview-activity-head h3{margin:3px 0;font-size:18px}.overview-activity-head p{margin:0;color:var(--muted);font-size:12px}.activity-attention-count{padding:6px 10px;border-radius:999px;background:#fff0f5;color:#b11f61;font-size:11px;font-weight:900;white-space:nowrap}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 16px;border-top:1px solid #edf2f5}.activity-row:first-child{border-top:0}.activity-row.needs-attention{background:#fffafb}.activity-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef8fd;color:#277fa8;font-weight:900}.activity-row.needs-attention .activity-icon{background:#ffeaf2;color:#b12568}.activity-main{display:flex;flex-direction:column;gap:2px;min-width:0}.activity-main strong{font-size:13px;color:var(--ink)}.activity-main span{font-size:11px;color:var(--muted);line-height:1.4}.activity-main small{font-size:10px;color:#8ba0ab}.activity-row .btn{white-space:nowrap}@media(max-width:650px){.overview-activity-head{flex-direction:column}.activity-row{grid-template-columns:34px minmax(0,1fr)}.activity-row .btn{grid-column:2;width:100%;text-align:center}.activity-attention-count{align-self:flex-start}}
/* Admin workflow filters: stages stay visible as columns; these tabs filter ownership instead. */
.staff-board-filter{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.staff-board-filter-btn{border:1px solid #d7e4ea;background:#fff;color:#526b79;border-radius:999px;padding:8px 11px;font:800 11px Nunito,sans-serif;cursor:pointer;transition:.15s}.staff-board-filter-btn:hover{border-color:#ef9fc4;color:#ad2866}.staff-board-filter-btn.active{background:#fff0f6;border-color:#ef7faf;color:#b51f68;box-shadow:0 0 0 2px #ffe4f0 inset}
/* Desktop density: use the screen like an operations board rather than a large-form website. */
@media(min-width:1100px){.admin-body .shell{max-width:1560px;padding-left:20px;padding-right:20px}.admin-body #overview .board-tools{align-items:flex-end}.admin-body #overview .board-controls{align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:780px}.admin-body #overview .board-controls input{width:255px}.admin-body #overview .kanban-board{grid-auto-columns:minmax(220px,238px);gap:8px}.admin-body #overview .kanban-column{padding:8px;border-radius:11px;min-height:168px}.admin-body #overview .kanban-column-head{padding:1px 1px 7px;font-size:10px}.admin-body #overview .kanban-column-head strong{font-size:12px}.admin-body #overview .kanban-column-head .count-pill{min-width:21px;padding:1px 6px;font-size:10px}.admin-body #overview .kanban-cards{gap:8px}.admin-body #overview .kanban-empty{padding:14px 8px;font-size:10px}.admin-body #overview .kanban-card{padding:10px!important;border-left-width:3px!important;border-radius:9px!important}.admin-body #overview .kanban-card .badge{padding:4px 7px;font-size:9px}.admin-body #overview .overview-baby-name{font-size:15px!important;line-height:1.18!important;margin:8px 0 7px!important}.admin-body #overview .overview-card-facts{gap:4px;margin:0 0 8px}.admin-body #overview .overview-card-facts>div{grid-template-columns:42px minmax(0,1fr);gap:5px}.admin-body #overview .overview-card-facts small{font-size:8px}.admin-body #overview .overview-card-facts strong{font-size:10.5px;line-height:1.28}.admin-body #overview .job-progress{margin-top:8px}.admin-body #overview .job-progress>div:first-child{margin-bottom:4px;font-size:9px}.admin-body #overview .job-progress>div:first-child strong{font-size:10px}.admin-body #overview .job-progress-track{height:5px}.admin-body #overview .kanban-card .job-meta{margin-top:8px;padding-top:7px;font-size:10px}.admin-body #overview .kanban-client-contact,.admin-body #overview .kanban-client-approval{margin-top:7px;padding-top:7px}.admin-body #overview .kanban-client-contact strong,.admin-body #overview .kanban-client-approval strong{font-size:10.5px}.admin-body #overview .kanban-client-contact span,.admin-body #overview .kanban-client-approval span{font-size:9.5px}.admin-body #overview .deadline-countdown.admin-mini{margin-top:7px;padding:5px 7px;font-size:9px}}
@media(max-width:900px){.staff-board-filter{width:100%;justify-content:flex-start}.staff-board-filter-btn{padding:7px 10px}.board-controls{flex-wrap:wrap}}
@media(max-width:620px){.staff-board-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.staff-board-filter-btn{white-space:nowrap;flex:0 0 auto}}
/* Private Admin to-do: a calm brain-dump above the production board. */
.personal-todo-card{position:relative;margin:18px 0 28px;border:1px solid #d8e8ef;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#fbfdff 58%,#fff7fb 100%);box-shadow:0 10px 30px rgba(39,127,168,.07);overflow:hidden}
.personal-todo-card:before{content:'';display:block;height:4px;background:linear-gradient(90deg,#318db7 0 38%,#ed4b95 38% 78%,#ffd471 78%)}
.personal-todo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 14px}
.personal-todo-brand{display:flex;align-items:flex-start;gap:12px;min-width:0}
.personal-todo-mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#e8f7fd,#fff0f6);color:#c92573;font-size:18px;font-weight:900;border:1px solid #dbeaf1}
.personal-todo-head small{display:block;margin-bottom:3px;color:#2a83aa;font-size:9px;font-weight:900;letter-spacing:.12em}
.personal-todo-head h3{margin:0;font:800 20px/1.2 Nunito,sans-serif;letter-spacing:-.3px;color:var(--ink)}
.personal-todo-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.personal-todo-count{flex-shrink:0;padding:6px 10px;border:1px solid #f0c9da;border-radius:999px;background:#fff4f8;color:#b32364;font-size:11px;font-weight:900}
.personal-todo-capture{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;padding:0 20px 16px}
.personal-todo-capture textarea{min-height:76px;resize:vertical;background:#fff;line-height:1.45}
.personal-todo-capture>div{display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.personal-todo-capture .btn{white-space:nowrap}
.personal-todo-capture small{color:#8296a1;font-size:9px;text-align:center}
.personal-todo-list{border-top:1px solid #e6eef2;background:rgba(255,255,255,.78)}
.personal-todo-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:52px;padding:10px 18px;border-top:1px solid #edf2f5;transition:opacity .18s ease,transform .18s ease,background .15s}
.personal-todo-row:first-child{border-top:0}
.personal-todo-row:hover{background:#fffafd}
.personal-todo-row.completing{opacity:0;transform:translateX(10px);pointer-events:none}
.personal-todo-check{position:relative;display:grid;place-items:center;width:22px;height:22px;cursor:pointer}
.personal-todo-check input{position:absolute;opacity:0;pointer-events:none}
.personal-todo-check span{display:grid;place-items:center;width:20px;height:20px;border:2px solid #b9ced9;border-radius:7px;background:#fff;transition:.15s}
.personal-todo-check span:after{content:'✓';color:#fff;font-size:12px;font-weight:900;opacity:0;transform:scale(.6);transition:.15s}
.personal-todo-check:hover span,.personal-todo-check input:focus-visible+span{border-color:#e74a93;box-shadow:0 0 0 3px #ffe6f1}
.personal-todo-check input:checked+span{border-color:#c92573;background:#c92573}
.personal-todo-check input:checked+span:after{opacity:1;transform:scale(1)}
.personal-todo-text{min-width:0;color:#294554;font-size:13px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.personal-todo-actions{display:flex;align-items:center;gap:4px}
.todo-text-button{border:0;background:transparent;color:#557381;padding:6px 7px;border-radius:7px;font:800 10px Nunito,sans-serif;cursor:pointer}
.todo-text-button:hover{background:#edf7fb;color:#287fa7}
.todo-text-button.save{color:#287b5b;background:#edf8f2}
.todo-text-button.remove:hover{background:#fff0f4;color:#b32664}
.personal-todo-row.editing{grid-template-columns:12px minmax(0,1fr) auto;background:#fffafd}
.personal-todo-dot{width:7px;height:7px;border-radius:50%;background:#ec4c96}
.personal-todo-edit{padding:8px 10px!important;font-size:13px!important}
.personal-todo-empty{display:flex;align-items:center;gap:11px;padding:15px 20px;color:var(--muted)}
.personal-todo-empty-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf8f3;color:#2e7b5c;font-weight:900}
.personal-todo-empty>div{display:flex;flex-direction:column;gap:2px}
.personal-todo-empty strong{color:#395767;font-size:12px}
.personal-todo-empty span{font-size:11px}
@media(max-width:700px){.personal-todo-head{padding:16px}.personal-todo-capture{grid-template-columns:1fr;padding:0 16px 14px}.personal-todo-capture>div{align-items:stretch}.personal-todo-capture small{text-align:left}.personal-todo-row{grid-template-columns:26px minmax(0,1fr);padding:10px 14px}.personal-todo-actions{grid-column:2;justify-content:flex-start}.personal-todo-row.editing{grid-template-columns:10px minmax(0,1fr)}.personal-todo-row.editing .personal-todo-actions{grid-column:2}.personal-todo-count{align-self:flex-start}}
/* Revision handoff: five saved actions between staff completion and true client approval. */
.revision-handoff-card{margin:14px 0 18px!important;border:1px solid #efb6cf!important;background:linear-gradient(145deg,#fffafd 0%,#fff 58%,#f5fbfe 100%)!important;box-shadow:0 10px 28px rgba(185,35,102,.08)}
.revision-handoff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.revision-handoff-head h4{margin:3px 0 5px;font-size:20px;color:var(--ink)}
.revision-handoff-head p{margin:0;color:var(--muted);font-size:12px}
.revision-handoff-head>strong{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#fff0f6;color:#b52265;border:1px solid #efcada;font-size:11px}
.revision-handoff-track{height:7px;margin:14px 0 16px;border-radius:999px;background:#f1e4ea;overflow:hidden}
.revision-handoff-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d62b79,#ee6aa5);transition:width .2s ease}
.revision-handoff-steps{display:grid;gap:9px}
.revision-handoff-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:13px;border:1px solid #e3ebef;border-radius:12px;background:#fff}
.revision-handoff-step>label{position:relative;display:grid;place-items:center;width:30px;height:30px;cursor:pointer}
.revision-handoff-step>label input{position:absolute;opacity:0}
.revision-handoff-step>label span{display:grid;place-items:center;width:28px;height:28px;border:2px solid #c6d7df;border-radius:9px;background:#f8fbfc;color:#54717f;font-size:12px;font-weight:900;transition:.15s}
.revision-handoff-step>label input:checked+span{border-color:#c92573;background:#c92573;color:#fff;box-shadow:0 0 0 3px #ffe5f0}
.revision-handoff-step>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.revision-handoff-step strong{font-size:13px;color:#294554}
.revision-handoff-step small{font-size:11px;line-height:1.45;color:var(--muted)}
.revision-handoff-step .btn{margin-top:4px}
.revision-handoff-step textarea{width:100%;margin:5px 0 0!important;resize:vertical}
.revision-live-link{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;width:100%;align-items:center!important}
.revision-live-link .btn{margin:0;white-space:nowrap}
.revision-missing-link{display:block;padding:8px 10px;border-radius:8px;background:#fff7e8;color:#806126!important}
.revision-handoff-auto{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:12px 13px;border:1px solid #cfe5da;border-radius:11px;background:#f4fbf7}
.revision-handoff-auto>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#dff3e7;color:#287557;font-weight:900}
.revision-handoff-auto div{display:flex;flex-direction:column;gap:2px}
.revision-handoff-auto strong{font-size:12px;color:#2c6e54}
.revision-handoff-auto small{font-size:11px;line-height:1.45;color:#5c786b}
@media(max-width:650px){.revision-handoff-head{flex-direction:column}.revision-handoff-head>strong{align-self:flex-start}.revision-live-link{grid-template-columns:1fr!important}.revision-live-link .btn,.revision-handoff-step .btn{width:100%;text-align:center}.revision-handoff-step{grid-template-columns:30px minmax(0,1fr);padding:11px}}
/* Staff workflow mirrors the Admin Kanban while keeping staff-only data and actions. */
.staff-kanban-intro{margin-bottom:12px}.staff-kanban-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.staff-kanban-controls span{color:var(--muted);font-size:11px;font-weight:800}.staff-kanban-controls[hidden]{display:none}.staff-kanban-scroll{width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.staff-kanban-scroll::-webkit-scrollbar{display:none}.staff-kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,250px);gap:10px;align-items:start;min-width:max-content}.staff-kanban-column{background:#f4f7f9;border:1px solid var(--line);border-radius:12px;padding:9px;min-height:178px}.staff-kanban-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 1px 8px;color:#38586a}.staff-kanban-column-head strong{font-size:12px}.staff-kanban-cards{display:grid;gap:8px}.staff-kanban-empty{padding:15px 8px;color:#8a9aa3;font-size:10px;text-align:center;border:1px dashed #d8e3e8;border-radius:9px;background:#fafcfd}.staff-kanban-card{display:block;width:100%;min-height:0!important;padding:10px!important;border-radius:9px!important;text-align:left;background:#fff!important;border:1px solid #dbe7ec!important;border-left:3px solid #9fc4d5!important;box-shadow:none!important;color:var(--ink)!important}.staff-kanban-card:hover{border-color:#b8d5e1!important;box-shadow:0 5px 16px rgba(42,91,116,.08)!important;transform:translateY(-1px)}.staff-kanban-card h4{font-size:15px!important;line-height:1.2!important;margin:8px 0 7px!important;color:var(--ink)!important}.staff-kanban-facts{display:grid;gap:4px;margin:0 0 8px}.staff-kanban-facts>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px;align-items:baseline}.staff-kanban-facts small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#8aa0ac}.staff-kanban-facts strong{font-size:10.5px;line-height:1.28;color:#294454;overflow-wrap:anywhere}.staff-kanban-card .staff-job-card-top{align-items:flex-start}.staff-kanban-card .badge{padding:4px 7px;font-size:9px}.staff-kanban-card .deadline-chip{font-size:8px;padding:4px 6px}.staff-kanban-card .job-progress{margin-top:8px}.staff-kanban-card .job-progress>div:first-child{margin-bottom:4px;font-size:9px}.staff-kanban-card .job-progress>div:first-child strong{font-size:10px}.staff-kanban-card .job-progress-track{height:5px}.staff-kanban-card .deadline-countdown{margin-top:7px;padding:5px 7px}.staff-kanban-card .deadline-countdown strong{font-size:10px}.staff-kanban-card .job-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid var(--line);font-size:9.5px;color:#718690}.staff-kanban-card .job-meta strong{color:#38596a;white-space:nowrap}.kanban-nav-btn{min-width:112px}.staff-body #staffJobs{padding:14px}.staff-body #staffJobs>.queue-intro{padding:12px 14px}.staff-body #staffHome>.panel{overflow:hidden}
@media(min-width:1100px){.staff-body .shell{max-width:1560px;padding-left:20px;padding-right:20px}.staff-body #staffHome>.panel{border-radius:14px}.staff-body #staffHome>.panel>.panel-head{padding-left:16px;padding-right:16px}.staff-body .staff-kanban-board{grid-auto-columns:minmax(220px,238px);gap:8px}.staff-body .staff-kanban-column{padding:8px;min-height:168px}.staff-body .staff-kanban-controls{margin-bottom:9px}}
@media(max-width:700px){.staff-kanban-board{grid-auto-columns:minmax(270px,82vw)}.staff-kanban-controls span{display:none}.staff-kanban-controls{justify-content:space-between}.staff-kanban-controls .btn{flex:1}.staff-body #staffJobs{padding:12px}}
.detail-value-text{white-space:pre-wrap;overflow-wrap:anywhere}
.additional-reference-upload{margin-top:12px;padding:13px;border:1px solid #d7e6ed;border-radius:10px;background:#f8fbfd}.theme-client-reference-upload{margin-top:14px;padding:14px;border:1px solid #efc8da;border-radius:11px;background:#fff8fb}.theme-client-reference-upload>small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.45}.additional-reference-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.additional-reference-head strong,.additional-reference-head small{display:block}.additional-reference-head small,#additionalReferencePhotoStatus{color:var(--muted);font-size:11px;line-height:1.45}.additional-reference-actions{margin-top:8px!important}.additional-reference-preview,.client-reference-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;margin-top:10px}.additional-reference-thumb,.client-reference-gallery a{display:block;min-width:0;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);text-decoration:none}.additional-reference-thumb img,.client-reference-gallery img{display:block;width:100%;height:135px;object-fit:contain;border-radius:6px;background:#f1f6f8}.additional-reference-thumb span,.client-reference-gallery span{display:block;margin-top:5px;font-size:10px;font-weight:800;overflow-wrap:anywhere}.client-reference-section{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.client-reference-label,.staff-client-reference>small{display:block;color:#a62865;font-size:10px;font-weight:900;letter-spacing:.09em}.staff-client-reference{margin-top:12px;padding:13px;border:1px solid #efc8da;border-left:4px solid var(--rose);border-radius:10px;background:#fff6fa}.staff-client-reference>strong{display:block;margin-top:3px;color:#6f274a}.staff-client-reference>p{margin:4px 0 0;color:var(--muted);font-size:11px}.staff-client-reference .client-reference-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.submission-ready-note{display:flex;flex-direction:column;gap:3px;padding:12px 13px;border:1px solid #cfe5da;border-radius:10px;background:#f4fbf7}.submission-ready-note strong{font-size:12px;color:#2d7257}.submission-ready-note span{font-size:11px;line-height:1.45;color:#5f796d}@media(max-width:620px){.additional-reference-head{align-items:stretch;flex-direction:column}.additional-reference-head .btn{width:100%;text-align:center}.staff-client-reference .client-reference-gallery{grid-template-columns:1fr 1fr}}
/* Admin overview deadline heat: nearest work rises to the top and becomes visually warmer as it approaches. */
#overview .kanban-card.deadline-overdue{background:#ffe7ea!important;border-color:#e59aa3!important;border-left:5px solid #c62828!important}
#overview .kanban-card.deadline-overdue .deadline-countdown{background:#c62828!important;border-color:#b51f28!important;color:#fff!important}
#overview .kanban-card.deadline-today{background:#fff0f3!important;border-color:#efb1c0!important;border-left:5px solid #e12f5b!important}
#overview .kanban-card.deadline-today .deadline-countdown{background:#e12f5b!important;border-color:#cd244d!important;color:#fff!important}
#overview .kanban-card.deadline-priority-1{background:#fff4f8!important;border-color:#efc2d5!important;border-left:5px solid #e7659f!important}
#overview .kanban-card.deadline-priority-1 .deadline-countdown{background:#ffe1ee!important;border-color:#efbad0!important;color:#a52361!important}
#overview .kanban-card.deadline-priority-2{background:#fff9e8!important;border-color:#ead394!important;border-left:5px solid #e4ad2e!important}
#overview .kanban-card.deadline-priority-2 .deadline-countdown{background:#fff0bf!important;border-color:#e4c45f!important;color:#79570d!important}
#overview .kanban-card.deadline-priority-3{background:#f4fbff!important;border-color:#c8e2ee!important;border-left:5px solid #58a7ca!important}
#overview .kanban-card.deadline-priority-3 .deadline-countdown{background:#e7f6fc!important;border-color:#bfdfed!important;color:#2f718f!important}
#overview .kanban-card .deadline-countdown.admin-mini{display:flex;justify-content:space-between;width:100%;margin:8px 0 0;padding:6px 8px;font-size:9px}
#overview .kanban-card .deadline-countdown.admin-mini strong{font-size:9px;letter-spacing:.04em}
#overview .kanban-card .deadline-countdown.admin-mini span{font-size:9px;font-weight:800}
/* After the first draft reaches Client Approval, revision speed replaces deadline heat. */
#overview .kanban-card.revision-age-green{background:#f3fbf6!important;border-color:#cbe8d4!important;border-left:5px solid #4ca66d!important}
#overview .kanban-card.revision-age-yellow{background:#fff9e8!important;border-color:#ead394!important;border-left:5px solid #e4ad2e!important}
#overview .kanban-card.revision-age-red{background:#ffecee!important;border-color:#e7adb4!important;border-left:5px solid #d43b48!important}
.revision-age-strip{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin:8px 0 0;padding:6px 8px;border-radius:8px;font-size:9px;font-weight:800}
.revision-age-strip strong{font-size:9px;letter-spacing:.035em}.revision-age-strip span{font-size:8.5px;opacity:.8;text-align:right}
.revision-age-strip.green{background:#e6f7eb;border:1px solid #bfe2c9;color:#2d7448}
.revision-age-strip.yellow{background:#fff0bf;border:1px solid #e4c45f;color:#79570d}
.revision-age-strip.red{background:#d43b48;border:1px solid #c32d3a;color:#fff}
.staff-kanban-card.revision-age-green{background:#f3fbf6!important;border-color:#cbe8d4!important;border-left:4px solid #4ca66d!important}
.staff-kanban-card.revision-age-yellow{background:#fff9e8!important;border-color:#ead394!important;border-left:4px solid #e4ad2e!important}
.staff-kanban-card.revision-age-red{background:#ffecee!important;border-color:#e7adb4!important;border-left:4px solid #d43b48!important}.staff-kanban-card.internal-change-card,#overview .kanban-card.internal-change-card{background:#fff0f2!important;border-color:#e9b2bb!important;border-left:5px solid #d43b48!important}.staff-kanban-card.revision-locked{opacity:.52!important;filter:saturate(.7);cursor:not-allowed!important}.staff-kanban-card.revision-locked:hover{transform:none!important;box-shadow:none!important}.revision-priority-lock{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:14px 16px;border:1px solid #e5aeb7;border-left:5px solid #d43b48;border-radius:11px;background:#fff0f2;color:#7f2834}.revision-priority-lock strong,.revision-priority-lock span{display:block}.revision-priority-lock strong{font-size:12px;letter-spacing:.06em}.revision-priority-lock span{margin-top:3px;font-size:12px;font-weight:700}.revision-priority-lock small{max-width:330px;text-align:right;color:#8d5360;font-size:11px}.revision-priority-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.revision-priority-actions .btn{font-size:11px;padding:8px 10px}@media(max-width:620px){.revision-priority-lock{align-items:flex-start;flex-direction:column}.revision-priority-lock small{text-align:left;max-width:none}.revision-priority-actions{width:100%}.revision-priority-actions .btn{width:100%}}
.countdown-reference-help{margin:3px 0 10px;color:var(--muted);font-size:12px;line-height:1.5}.countdown-reference-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.countdown-reference-upload{display:flex;min-height:108px;flex-direction:column;justify-content:center;gap:4px;padding:13px;border:1px dashed #c8dae2;border-radius:10px;background:#f8fcfe;cursor:pointer}.countdown-reference-upload:hover{border-color:#e283aa;background:#fff8fb}.countdown-reference-upload strong,.countdown-reference-upload span{display:block}.countdown-reference-upload strong{font-size:12px;color:var(--ink)}.countdown-reference-upload span{font-size:11px;line-height:1.4;color:var(--muted)}.countdown-reference-upload input{margin-top:7px;width:100%;font-size:10px}.countdown-reference-preview,.countdown-reference-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.countdown-reference-item,.countdown-reference-gallery a{min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none}.countdown-reference-item img,.countdown-reference-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#eef4f7}.countdown-reference-item figcaption,.countdown-reference-gallery a span{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px;color:var(--ink);font-size:11px;font-weight:800}.countdown-reference-item figcaption button{border:0;background:#f7e7ee;color:#a62865;width:24px;height:24px;border-radius:50%;font-size:17px;line-height:1;cursor:pointer}.countdown-staff-card{margin:14px 0;padding:15px;border:1px solid #efc6d7;border-left:4px solid var(--rose);border-radius:11px;background:#fffafd}.countdown-staff-card>small{display:block;color:#a62865;font-size:10px;font-weight:900;letter-spacing:.1em}.countdown-staff-card>strong{display:block;margin-top:4px;font-size:16px}.countdown-staff-card>p{margin:5px 0;color:var(--muted);font-size:12px;line-height:1.5}.countdown-creative-freedom{display:grid;gap:3px;margin:12px 0;padding:12px 13px;border:1px solid #bee0ca;border-radius:9px;background:#edf8f1;color:#2c7552}.countdown-creative-freedom strong{font-size:12px}.countdown-creative-freedom span{font-size:11px;line-height:1.5}@media(max-width:700px){.countdown-reference-upload-grid,.countdown-reference-preview,.countdown-reference-gallery{grid-template-columns:1fr}.countdown-reference-upload{min-height:auto}}

/* Phone workspace guardrails: page content stays within the viewport while navigation scrolls independently. */
@media(max-width:620px){
 html,body{max-width:100%;overflow-x:hidden}
 .shell,.section,.hero{width:100%;min-width:0}
 .nav{max-width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .nav::-webkit-scrollbar{display:none}
}

/* Mobile onboarding is a full-screen editing workspace, not a floating desktop dialog. */
@media(max-width:620px){
 #createModal{padding:0;align-items:stretch;background:#f7fafc}
 #createModal.open{display:block}
 #createModal .modal{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:92px;scroll-padding-bottom:32px}
 #createModal .modal-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:3px 10px;padding:12px 14px}
 #createModal .modal-head>div:first-child{min-width:0}
 #createModal .modal-head h3{font-size:20px;line-height:1.2}
 #createModal .wizard-sub{font-size:11.5px;line-height:1.4}
 #createModal #intakeDraftStatus{grid-column:1;grid-row:2;margin:3px 0 0!important;max-width:none!important;text-align:left!important;font-size:10.5px!important;line-height:1.3}
 #createModal .modal-head .x{grid-column:2;grid-row:1 / span 2;width:42px;height:42px}
 #createModal .modal-body{padding:14px 12px calc(28px + env(safe-area-inset-bottom))}
 #createModal .form-section{padding:14px 12px}
 #createModal .form-section h4{font-size:19px}
 #createModal .section-help{font-size:12px;line-height:1.5}
 #createModal .input,#createModal input,#createModal select,#createModal textarea{font-size:16px!important;-webkit-text-size-adjust:100%}
 #createModal .input{min-height:46px;line-height:1.4}
 #createModal textarea.input{min-height:132px;line-height:1.55}
 #createModal .paste-input{min-height:220px!important;font-size:16px!important;line-height:1.55}
 #createModal .field{scroll-margin-top:92px;scroll-margin-bottom:40px}
 #createModal .form-grid{gap:14px}
 #createModal .intake-group{margin-top:16px;padding-top:15px}
 #createModal .stepbar{gap:5px;margin-bottom:15px;padding:2px 0 5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
 #createModal .stepbar::-webkit-scrollbar{display:none}
 #createModal .step-pill{flex:0 0 auto;font-size:10px}
 #createModal .step-line{flex:1 0 10px;min-width:10px}
 #createModal .wizard-actions{position:static!important;bottom:auto!important;z-index:auto;margin-top:18px;padding:14px 0 0;border-top:1px solid var(--line);background:transparent}
 #createModal .wizard-actions .btn{width:100%;min-height:48px;white-space:normal}
 #createModal .actions .btn,#createModal label,#createModal summary{touch-action:manipulation}
 #createModal .optional-fields summary{display:flex;align-items:center;min-height:44px}
 #createModal .theme-source-mode label,#createModal .photo-source-choice label,#createModal .countdown-check{min-height:50px}
}
.ai-photo-addon{margin-top:16px;border:1px solid #f1bfd4;border-radius:12px;background:#fff8fb;overflow:hidden}
.ai-photo-addon-toggle{display:flex;gap:11px;align-items:flex-start;padding:15px;cursor:pointer}
.ai-photo-addon-toggle input{margin-top:4px;accent-color:var(--rose)}
.ai-photo-addon-toggle span{display:flex;flex-direction:column;gap:3px}
.ai-photo-addon-toggle strong{color:var(--ink)}
.ai-photo-addon-toggle small{color:var(--muted);font-size:11px;line-height:1.45}
.ai-photo-addon-panel{padding:15px;border-top:1px solid #f1d7e2;background:#fff}
.ai-photo-addon-panel .field+.field{margin-top:14px}
.ai-photo-prompt{min-height:300px!important;font-family:Nunito,sans-serif;font-size:12px!important;line-height:1.55}
.ai-photo-actions{margin-top:12px}
.ai-photo-workflow{margin-top:12px}
@media(max-width:620px){.ai-photo-actions .btn{width:100%}.ai-photo-prompt{min-height:360px!important}}
.naming-card>div:first-child{flex:1}
.naming-card>div:first-child>div{flex:1;min-width:0}
.handoff-inline-field{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.handoff-inline-field>label{display:block;margin-bottom:6px;color:var(--ink);font-size:12px;font-weight:900}
.handoff-inline-field>.input{width:100%;background:#fff}
.handoff-confirm-check{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:11px 12px;border:1px solid #eadfbd;border-radius:9px;background:#fff9e9;cursor:pointer}
.handoff-confirm-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--rose);flex:0 0 auto}
.naming-card .handoff-confirm-check strong{font-size:12px;line-height:1.4}
.naming-card .handoff-confirm-check small,.naming-card .handoff-inline-field .rsvp-sheet-step small,.naming-card .handoff-inline-field>small{margin:2px 0 0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:0;line-height:1.45}
.naming-card .rsvp-confirm-check{margin-top:10px}
.naming-card .rsvp-sheet-setup{margin-top:13px}
.intake-submit-error{margin:16px 0 10px;padding:14px 16px;border:1px solid #e68fb3;border-radius:10px;background:#fff1f7;color:#9a2458;font-size:13px;font-weight:800;line-height:1.5}
.intake-submit-error[hidden]{display:none}
@media(max-width:620px){.handoff-inline-field{padding-top:10px}.handoff-confirm-check{padding:10px}}