/* POSTROOM 03 — generous type, soft geometry, quiet colour. */
:root{--bg:#f4f3ef;--surface:#fffefa;--ink:#142b48;--muted:#63748a;--line:#e0e5eb;--subtle:#eff2f6;--navy:#142b48;--accent:#356db3;--soft-blue:#e9f0fb;--green:#287456}
[data-theme=dark]{--bg:#0c192b;--surface:#16283e;--ink:#eef2fa;--muted:#afbbcd;--line:#2d4058;--subtle:#1d324c;--soft-blue:#233d5e}
body,button,input,textarea,select{font-family:'Anuphan','IBM Plex Sans',sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,strong{font-family:inherit}h1{font-size:42px;font-weight:500;letter-spacing:-1.2px}h2{font-size:25px;font-weight:500;letter-spacing:-.4px}h3{font-size:20px;font-weight:500}small,.small,.help{font-size:13px;line-height:1.65}.eyebrow{font-size:11px;letter-spacing:1.4px}.icon{width:21px;height:21px;flex-shrink:0}button,a{touch-action:manipulation}.btn,.tab,.filter{min-height:46px;border-radius:15px;font-size:14px;padding:10px 16px;gap:8px;transition:background .18s,box-shadow .18s,transform .18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#244d7b;border-color:#244d7b;color:#fff}.btn.icon-btn{min-width:46px;padding:10px}.btn.ghost{background:transparent}.btn:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:3px solid #7ca9df;outline-offset:4px}.shell{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:34px 18px}.sidebar .navitem{font-size:14px;min-height:49px;border-radius:15px;margin-bottom:6px}.edition{font-size:10px}.side-project{font-size:16px}.side-project span{font-size:12px}.topbar{height:115px;padding:0 35px;gap:14px}.digital-clock time{font-size:35px;font-weight:400}.digital-clock>div{font-family:'Anuphan',sans-serif}.header-actions{gap:9px}.access{display:none}.language-button{font-family:'IBM Plex Mono',monospace;font-size:12px;white-space:nowrap}.main{max-width:1740px;padding:32px 35px 64px;margin:auto}.project-head{margin-bottom:22px}.project-head p{font-size:15px}.page-nav{padding:8px;gap:5px;background:var(--subtle);border:0;border-radius:20px;margin-bottom:25px;overflow-x:auto}.page-nav button{font-size:14px;border:0;border-radius:14px;min-height:48px;padding:10px 18px;white-space:nowrap}.page-nav button.active{background:var(--surface);box-shadow:0 3px 12px #10254109;color:var(--ink)}.panel,.project-tile,.stage-card,.music-hero{border-radius:25px;box-shadow:0 5px 22px #10254103}.panel-head{padding:23px 25px}.panel-head h2,.master-panel .panel-head h2,.latest-panel .panel-head h2{font-size:22px}.panel-head .eyebrow{margin-bottom:4px}.delivery-banner{display:flex;align-items:center;gap:20px;background:linear-gradient(105deg,#e2ebf7,#efedf7 65%,#f6eedf);padding:23px 28px;border:1px solid #dbe4ef;border-radius:24px;margin-bottom:22px;color:#1c3859}.delivery-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:#fff9}.delivery-icon .icon{width:28px;height:28px}.delivery-banner small{display:block;font-size:11px;letter-spacing:1.4px}.delivery-banner strong{font-size:27px;font-weight:500}.delivery-next{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:13px}.delivery-next>span{max-width:170px}.delivery-banner .due{border-radius:99px;background:#ffffffa8;padding:7px 13px;font-size:13px;white-space:nowrap}[data-theme=dark] .delivery-banner{background:linear-gradient(105deg,#213f61,#343951,#494133);color:#f1f4fa;border-color:#39506b}[data-theme=dark] .delivery-icon,[data-theme=dark] .delivery-banner .due{background:#ffffff12}.timeline-heading{padding:24px 27px}.timeline-total b{font-family:'Anuphan';font-weight:500;font-size:36px}.timeline-total small{font-size:12px}.timeline-steps{overflow-x:auto;grid-template-columns:repeat(var(--steps),minmax(150px,1fr));padding:30px 18px 22px}.timeline-step{padding:0 10px 12px}.timeline-node{width:50px;height:50px;border-radius:18px;font-size:18px;background:var(--tint,var(--subtle));color:var(--tone,var(--ink));border:1px solid var(--line)}.timeline-step strong{font-size:18px;margin-top:15px}.timeline-step .step-status{font-size:13px;min-height:42px}.timeline-step small,.timeline-step .due{font-size:12px}.timeline-connector{top:24px}.timeline-connector>span{background:var(--tone,#547db8)}.timeline-step.approved .timeline-node{background:#dcefe3;color:#256946;border-color:#bedcc9}.timeline-step.current .timeline-node{background:var(--tone,#356db3);color:white}.release-step .timeline-node{background:#eae5f6;color:#685587}.timeline-caption{padding:17px 25px}.current-pill{font-size:14px;padding:8px 13px;border-radius:99px}.overview-v2{grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:24px;margin-top:24px}.right-rail{gap:22px}.preview{border-radius:0;aspect-ratio:16/9}.preview-placeholder h3{font-size:23px}.preview-placeholder p{font-size:15px}.play-circle{border-radius:24px;background:#ffffff12}.preview-meta{padding:20px 24px}.preview-meta strong{font-size:17px}.preview-meta small{font-size:13px}.preview-meta .btn{font-size:13px;min-height:43px}.focus-strip{padding:20px 24px}.focus-strip p{font-size:16px}.focus-strip .eyebrow{font-size:11px}.music-hero{background:linear-gradient(140deg,#24476e,#162f4e);padding:28px}.music-hero h2{font-family:'Anuphan';font-size:28px;line-height:1.4;margin-top:18px}.music-hero p{font-size:14px;color:#c1cfdf;max-height:none}.music-hero .eyebrow{font-size:11px;color:#c4d2e4}.music-hero .btn{font-size:14px;margin-top:18px;min-height:44px}.music-hero .btn.ghost{color:#eaf0f8;background:#ffffff12;border-color:#ffffff20}.release-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:23px}.release-dates>div{border-radius:14px;padding:11px;background:#ffffff0d}.release-dates small{display:block;font-size:10px;letter-spacing:.5px;color:inherit}.release-dates strong{display:block;font-size:14px;font-weight:500;margin-top:6px}.client-release{margin-bottom:25px}.client-release .release-dates{padding:0 24px 24px;margin-top:0}.client-release .release-dates>div{background:var(--subtle);padding:18px}.client-release .release-dates strong{font-size:20px}.latest-panel .panel-head{padding:20px}.latest-panel .panel-head small{font-size:11px}.fresh-link{padding:17px 19px;gap:12px}.fresh-link strong{font-size:16px}.fresh-link small{font-size:11px;white-space:normal}.source-dot{width:43px;height:43px;border-radius:14px;background:var(--tint);color:var(--tone)}.fresh-link .badge{font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:10px;font-size:12px;padding:6px 10px;line-height:1.4}.badge .icon{width:14px;height:14px}.badge.in_review_revise{background:#ede3f8;color:#79539a}.badge.approved{background:#d9eddf;color:#226c47}.badge.in_review{background:#fbefc9;color:#8b6520}.badge.changes{background:#ffe1d9;color:#a74d37}.tone-cutting{--tone:#5689b8;--tint:#edf4fc;--edge:#bdd4eb}.tone-color{--tone:#aa8045;--tint:#faf3e5;--edge:#e9d6b2}.tone-vtr{--tone:#47877f;--tint:#eaf5f1;--edge:#bbdbd2}.tone-vfx{--tone:#9270b0;--tint:#f3edf9;--edge:#d7c5e8}.tone-other{--tone:#6a809d;--tint:#eff2f6;--edge:#d2dbe8}[data-theme=dark] .tone-cutting{--tint:#1e344e;--edge:#345272;--tone:#90b8e2}[data-theme=dark] .tone-color{--tint:#3b352c;--edge:#5a4c38;--tone:#dabc83}[data-theme=dark] .tone-vtr{--tint:#1e383b;--edge:#335953;--tone:#83c1b8}[data-theme=dark] .tone-vfx{--tint:#302e47;--edge:#4b405f;--tone:#bf9fda}[data-theme=dark] .tone-other{--tint:#26364b;--edge:#3b4d63;--tone:#aec0d5}[data-theme=dark] .badge.in_review_revise{background:#3d304e;color:#cfb2e6}.stage-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stage-card{background:var(--tint);border:1px solid var(--edge);padding:24px;cursor:pointer;transition:box-shadow .18s,transform .18s}.stage-card:hover{border-color:var(--tone);box-shadow:0 8px 26px #18304b12;transform:translateY(-2px)}.stage-symbol,.file-icon{width:49px;height:49px;border-radius:17px;background:var(--surface);color:var(--tone);border:0}.stage-card h3{font-size:23px}.stage-progress{font-size:23px;font-weight:500}.stage-card .stage-note{font-size:15px;height:52px;overflow:hidden}.stage-card-actions .btn{font-size:13px;min-height:41px;padding:7px 10px}.stage-card .due,.stage-card small{font-size:12px}.progressbar{height:7px;border-radius:99px}.section-title{margin-top:33px;margin-bottom:21px}.section-title h2{font-size:27px}.file-toolbar{padding:24px}.search{border-radius:15px;min-height:46px}.search input{font-size:14px}.approved-tab{background:#e0f1e5!important;color:#277247!important;border:1px solid #afd2b9!important}.approved-tab.active{background:#277247!important;color:#fff!important}.filters{padding:15px 24px;gap:9px}.filter{display:inline-flex;align-items:center;gap:7px;border-radius:13px;font-size:14px;min-height:43px}.filter[class*=tone-]{background:var(--tint);color:var(--tone);border-color:var(--edge)}.filter.active{box-shadow:inset 0 0 0 2px currentColor}.file-header{display:none}#files{padding:5px 18px 18px}.file-row{display:grid;grid-template-columns:minmax(190px,1.5fr) minmax(90px,.6fr) minmax(110px,.9fr) minmax(100px,1fr) auto;gap:18px;border:1px solid var(--edge);border-left:5px solid var(--tone);border-radius:18px;background:var(--tint);margin:11px 0;padding:20px 18px;cursor:pointer}.file-row:hover{background:var(--tint);box-shadow:0 5px 20px #10254112;border-color:var(--tone)}.file-main{min-width:0}.file-name{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.file-sub{font-size:12px;line-height:1.7}.file-time{font-family:'IBM Plex Mono';font-size:10px;color:var(--muted);display:block;margin-top:7px}.file-actions{display:flex;gap:6px}.file-actions .btn{min-width:38px;min-height:41px;padding:8px}.revision-note{font-size:14px}.file-row .stage-col{font-size:13px;white-space:normal}.file-area{overflow:hidden}.file-library{min-height:400px}.department-summary{padding:25px;border-radius:21px;background:var(--tint);margin-bottom:25px}.big-progress{display:block;font-size:48px;font-weight:500;margin:12px 0}.department-summary p{white-space:pre-wrap;font-size:16px;margin:20px 0}.short-note{font-size:20px;line-height:1.7;padding:22px;border-radius:18px;background:var(--soft-blue);margin:22px 0}.detail-notes{font-size:16px;line-height:1.9;border-radius:17px;white-space:pre-wrap;padding:22px}.timeline-page-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:25px}.timeline-page-grid aside{display:grid;align-content:start;gap:24px}.schedule-row{display:grid;grid-template-columns:85px 1fr auto;gap:22px;padding:24px;border-top:1px solid var(--line);align-items:start}.schedule-date{padding:11px;background:var(--tint);color:var(--tone);border-radius:18px;text-align:center}.schedule-date strong{display:block;font-size:31px;font-weight:500;line-height:1.3}.schedule-date small{font-size:11px}.schedule-row h3{margin:8px 0;font-size:21px}.schedule-row p{font-size:14px;color:var(--muted);white-space:pre-wrap}.schedule-row .due{font-size:12px}.conflict-banner{display:flex;gap:15px;background:#fbebce;color:#866223;padding:22px 27px;border-radius:20px;margin-bottom:24px}.conflict-banner p{font-size:13px;margin-top:5px}[data-theme=dark] .conflict-banner{background:#423826;color:#e6c887}.availability-row{display:flex;justify-content:space-between;gap:12px;padding:22px;border-top:1px solid var(--line)}.availability-row p{font-size:14px}.availability-row small{font-size:12px}.tentative-panel{padding-bottom:20px}.timeline-thumb{height:220px;width:calc(100% - 40px);margin:10px 20px;border-radius:17px;display:grid;place-items:center;color:var(--ink)}.schedule-history{margin-top:25px}.schedule-history details{padding:0 25px 16px}.schedule-history summary{font-size:14px}.schedule-history p{font-size:13px}.timeline-textboxes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timeline-textboxes>div{background:var(--subtle);border:1px solid var(--line);padding:18px;border-radius:16px}.timeline-textboxes span{display:block;font-size:14px}.timeline-textboxes p{font-size:13px}.shift-list{margin:23px 0;display:grid;gap:12px}.shift-list .check{border:1px solid var(--line);padding:13px;border-radius:14px}.source-grid{gap:23px}.source-card{background:var(--tint);border-color:var(--edge);padding:28px}.source-card h2{font-size:25px;margin:20px 0 12px}.source-card p{font-size:16px}.credit-toolbar{padding:20px 25px}.credit-copybar{padding:20px 25px;align-items:flex-start;flex-direction:column;gap:12px;background:var(--subtle)}.credit-copybar .btn{font-size:14px;min-height:44px;padding:10px 15px}.credit-copybar small{font-size:12px}.credit-sheet{padding:35px;max-width:none}.credit-sheet-title h2{font-size:29px}.credit-department{display:flex;align-items:center;gap:10px;background:var(--tint);color:var(--tone);border-radius:12px;font-size:14px;font-weight:500;padding:11px 16px;margin:25px 0 8px}.credit-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;padding:17px 12px;border-bottom:1px solid var(--line);align-items:start}.credit-role-text,.credit-name-text{font-size:18px;font-weight:400;line-height:1.8;overflow-wrap:anywhere}.credit-name-text{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.credit-name-text>span{flex:1;min-width:110px}.credit-name-text .btn{min-width:32px;min-height:32px;padding:4px}.credit-name-text .icon{width:17px}.credit-name-text .name-warnings{flex-basis:100%;font-size:12px;margin-bottom:0}.original-master{font-family:'Anuphan',sans-serif;font-size:17px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;padding:35px;tab-size:4;user-select:text}.person-card{padding:24px;grid-template-columns:50px 1.4fr 1fr .7fr 65px 20px;font-size:14px}.person-card strong{font-size:18px}.person-card small{font-size:12px}.person-roles{font-size:13px}.person-avatar{width:47px;height:47px;border-radius:17px}.person-profile{display:flex;align-items:center;gap:20px;margin-bottom:25px}.profile-avatar{display:grid;place-items:center;width:75px;height:75px;border-radius:25px;background:var(--soft-blue);font-size:32px}.role-chips{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.role-options{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0;max-height:210px;overflow:auto}.role-add{display:flex;gap:10px}.role-add input{min-width:0;flex:1}.people-stats>div{border-radius:22px}.people-stats strong{font-family:'Anuphan';font-size:40px}.people-stats small{font-size:11px}.people-stats{gap:22px}dialog{width:min(760px,calc(100vw - 32px));border-radius:28px;border:1px solid var(--line);box-shadow:0 30px 120px #020c2366;background:var(--surface)}dialog::backdrop{background:#07152f88;backdrop-filter:blur(7px)}.dialog-header{padding:25px 28px;background:var(--soft-blue)}.dialog-header h2{font-size:24px}.dialog-body{padding:28px;max-height:70dvh}.dialog-footer{padding:20px 28px;gap:12px;flex-wrap:wrap}.field{font-size:14px;margin-bottom:20px}.field input,.field select,.field textarea,.inline-select select,.import-fields input,.import-fields select{font-family:'Anuphan';border-radius:14px;padding:12px 15px;font-size:16px;min-height:49px}.field textarea{min-height:130px}.form-grid{gap:18px}.check{font-size:15px;gap:13px}.check small{font-size:12px}.check input{width:21px;height:21px}.setup-stage{border-radius:19px;padding:20px}.stage-choice strong{font-size:19px}.stage-choice small{display:none}.choice-icon{width:35px;height:35px;border-radius:12px}.status-option>span{border-radius:17px;min-height:115px;font-size:14px;background:var(--subtle);padding:17px}.status-option.in_progress>span{background:#e8effb;color:#40699c}.status-option.changes>span{background:#fce7df;color:#9a523d}.status-option.in_review>span{background:#faf0d5;color:#896c31}.status-option.in_review_revise>span{background:#eee5f7;color:#7e589b}.status-option.approved>span{background:#e0efe5;color:#357353}.status-option input:checked+span{outline:2px solid currentColor;outline-offset:2px;background:inherit}.status-option small{font-size:14px}.status-options:has(input:disabled){opacity:.55}.pause-toggle{padding:17px;background:var(--subtle);border-radius:17px;margin:17px 0 22px}.number-stepper{display:flex;gap:8px}.number-stepper input{width:80px;min-width:0;text-align:center;appearance:textfield}.number-stepper input::-webkit-inner-spin-button{appearance:none}.number-stepper .icon{display:none}.number-stepper .btn{font-size:22px;width:48px;padding:5px}.version-builder{grid-template-columns:1.2fr 1fr}.version-builder>.field:last-child{grid-column:auto}.notice{font-size:14px;padding:20px;border-radius:17px}.notice p{margin:12px 0}.wide-dialog{width:min(1050px,calc(100vw - 32px))}.quick-sheet{border-radius:25px;width:520px}.quick-row{font-size:16px}.quick-row strong{font-size:17px}.quick-row small{font-size:13px}#toast{border-radius:17px;font-size:14px;padding:16px 22px}.demo-banner{font-size:11px;padding:9px 20px}.demo-banner button{font-size:12px}.history-list strong{font-size:17px}.history-list small{font-size:13px}.due.late{color:#ad463c}
@media(max-width:1280px){.shell{grid-template-columns:200px minmax(0,1fr)}.main{padding:25px}.sidebar{padding:28px 12px}.topbar{padding:0 25px}.delivery-next>span{display:none}.overview-v2{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)}.revision-col{display:none}.file-row{grid-template-columns:minmax(180px,1.5fr) 90px minmax(100px,1fr) auto}.person-card{grid-template-columns:48px 1.3fr 1fr 65px 20px}.person-card>span:nth-child(4){display:none}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-clock time{font-size:30px}}
@media(max-width:1000px){.shell{display:block}.sidebar{display:none}.mobile-brand{display:flex}.crumb{display:none}.topbar{grid-template-columns:1fr auto 1fr}.timeline-page-grid{grid-template-columns:1fr}.timeline-page-grid aside{grid-template-columns:1fr 1fr}.page-nav{gap:3px}.page-nav button{padding:9px 14px}.music-hero{padding:24px}.delivery-banner strong{font-size:24px}.credit-line{grid-template-columns:1fr 1.2fr}}
@media(max-width:720px){body{font-size:16px}.topbar{height:auto;min-height:135px;grid-template-columns:1fr 1fr;padding:15px 19px;row-gap:12px}.mobile-brand{grid-column:1;grid-row:1}.header-actions{grid-column:2;grid-row:1;gap:6px}.header-actions .btn{min-height:40px;min-width:39px;padding:7px 10px;font-size:11px}.header-actions .btn[data-action=share]{display:none}.digital-clock{grid-column:1/-1;grid-row:2}.digital-clock time{font-size:30px}.digital-clock>div{font-size:11px}.main{padding:22px 17px 50px}h1{font-size:35px}.project-head .actions .btn{font-size:13px;min-height:44px;padding:10px 13px}.delivery-banner{padding:19px;gap:13px;flex-wrap:wrap}.delivery-icon{width:47px;height:47px;border-radius:15px}.delivery-banner strong{font-size:23px}.delivery-banner .due{margin-left:auto;font-size:11px}.delivery-next{width:100%;justify-content:flex-end}.delivery-next .btn{min-height:33px;padding:3px 8px}.overview-v2{grid-template-columns:1fr}.stage-grid{grid-template-columns:1fr 1fr;gap:13px}.stage-card{padding:17px;border-radius:21px}.stage-top{flex-wrap:wrap;gap:10px}.stage-card h3{font-size:21px}.stage-card .stage-note{font-size:14px}.stage-card-actions{flex-wrap:wrap;gap:5px}.stage-card-actions .btn{font-size:12px;min-height:39px;padding:6px}.stage-card .stage-progress{font-size:20px}.timeline-heading{padding:21px}.timeline-heading h2{font-size:21px}.timeline-total b{font-size:30px}.timeline-total small{display:none}.timeline-step strong{font-size:17px}.timeline-caption{padding:15px}.current-pill{font-size:12px}.timeline-page-grid aside{grid-template-columns:1fr}.schedule-row{grid-template-columns:65px 1fr auto;gap:13px;padding:19px}.schedule-date{padding:8px}.schedule-row h3{font-size:19px}.schedule-row .btn{font-size:0;min-width:38px;padding:7px}.schedule-date strong{font-size:26px}.file-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:17px;margin:12px 0}.file-row .stage-col{display:block;font-size:12px;grid-column:1;grid-row:2;justify-self:start}.file-row .status-col{grid-column:2;grid-row:2}.file-actions{grid-column:2;grid-row:1}.file-row .file-icon{display:none}.file-name{font-size:17px}.file-time{font-size:10px}.file-toolbar{padding:20px;gap:15px;flex-wrap:wrap}.search{width:100%}.file-modes{align-items:flex-start}.file-modes .tabs{gap:8px}.filters{padding:10px 17px}.filter{font-size:13px;min-height:42px}.credit-sheet{padding:22px 17px}.credit-line{gap:17px;padding:15px 5px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.credit-role-text,.credit-name-text{font-size:16px}.credit-toolbar{padding:17px}.credit-toolbar .tabs{overflow:auto;flex-wrap:nowrap}.credit-toolbar .tab{font-size:13px;white-space:nowrap}.credit-copybar{padding:17px}.credit-copybar .btn{font-size:12px;padding:8px 11px}.credit-department{font-size:13px;margin-top:22px}.original-master{padding:22px;font-size:16px}.person-card{grid-template-columns:43px 1fr 20px;gap:12px;padding:19px}.person-card .person-roles{display:block;grid-column:2;grid-row:2;font-size:12px}.person-card>.badge{display:none}.person-card strong{font-size:17px}.person-avatar{width:42px;height:42px}.people-stats{gap:10px}.people-stats>div{padding:16px}.people-stats small{font-size:9px}.people-stats strong{font-size:30px}.dialog-header{padding:20px}.dialog-header h2{font-size:21px}.dialog-body{padding:21px;max-height:67dvh}.dialog-footer{padding:17px 21px}.status-options{grid-template-columns:1fr 1fr}.setup-stages{grid-template-columns:1fr 1fr}.setup-stage{padding:16px}.stage-choice strong{font-size:17px}.setup-stage input[type=date]{font-size:14px;padding:8px}.version-builder{grid-template-columns:1fr}.timeline-textboxes{grid-template-columns:1fr}.quick-sheet{inset:8px;width:calc(100% - 16px)}.release-dates strong{font-size:13px}.client-release .release-dates strong{font-size:16px}.demo-banner{font-size:9px}.demo-banner button{font-size:11px}.preview-meta{padding:18px;flex-wrap:wrap}.preview-meta strong{font-size:17px}.preview-meta small{font-size:12px}.preview-meta .btn{font-size:13px;min-height:42px}}

/* v3.2 visual pass — compact overview and clearer interactive surfaces */
.brand-mark{display:inline-grid;place-items:center;flex:0 0 29px;padding:0!important;font-family:'IBM Plex Sans',sans-serif;font-size:18px;font-weight:700;line-height:1;text-align:center;letter-spacing:0;transform:none}
.header-actions .language-button{width:46px;min-width:46px;padding:0;font-family:'IBM Plex Mono',monospace;font-size:11px;line-height:1;overflow:hidden}
.build-badge{font-size:10px}
.delivery-compact{min-height:72px;padding:12px 18px;gap:14px;border-radius:20px}
.delivery-compact .delivery-icon{width:44px;height:44px;border-radius:14px}
.delivery-compact .delivery-icon .icon{width:21px;height:21px}
.delivery-compact strong{font-size:21px;line-height:1.25}
.delivery-progress{display:flex;align-items:center;gap:10px;margin-left:auto;width:min(270px,23vw)}
.delivery-progress .progressbar{height:9px}.delivery-progress b{font-size:16px;white-space:nowrap}
.delivery-compact>.btn{min-height:38px;padding:7px 11px}
.department-priority{margin-bottom:21px}.department-priority .section-title{margin:0 0 12px}.department-priority .section-title h2{font-size:23px}
.department-priority .stage-grid{gap:14px;margin-bottom:0}.department-priority .stage-card{padding:17px;border-radius:20px}
.department-priority .stage-top{margin-bottom:10px}.department-priority .stage-symbol{width:40px;height:40px;border-radius:14px}
.department-priority .stage-card h3,.department-priority .stage-progress{font-size:19px}.department-priority .stage-note{height:37px;margin:8px 0;font-size:13px}
.department-priority .stage-card .progressbar{margin:8px 0 11px;height:7px}.department-priority .stage-card-actions{margin-top:10px;padding-top:7px}
.department-priority .stage-card-actions .btn{min-height:34px;padding:4px 7px;font-size:11px}
.journey-dashboard{margin-bottom:23px;overflow:hidden}.journey-heading{padding:19px 23px}.journey-heading h2{font-size:24px}.journey-heading p{font-size:13px;color:var(--muted);margin-top:3px}
.journey-heading-actions{display:flex;align-items:center;gap:13px}.journey-heading-actions .timeline-total{display:grid;grid-template-columns:auto auto;column-gap:8px}.journey-heading-actions .timeline-total b{grid-row:1/3;font-size:34px}.journey-heading-actions .timeline-total small{align-self:center;max-width:90px;line-height:1.35}
.journey-grid{display:grid;grid-template-columns:repeat(var(--steps),minmax(190px,1fr));padding:21px 23px 17px;overflow-x:auto}.journey-stage{position:relative;min-width:190px;padding:0 15px 13px;text-align:left;color:var(--ink);border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer}.journey-stage:first-child{padding-left:0}.journey-stage:last-child{padding-right:0;border-right:0}.journey-track{height:47px;position:relative}.journey-stage .timeline-node{width:42px;height:42px;border-radius:15px;margin:0}.journey-stage .timeline-connector{top:17px;left:52px;right:-15px;height:9px}.journey-stage:last-child .timeline-connector{display:none}.journey-stage-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 6px}.journey-stage-title h3,.journey-stage-title strong{font-size:20px}.journey-stage>.badge{margin-bottom:7px}.journey-note{font-size:13px;line-height:1.55;color:var(--muted);height:41px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.journey-stage .progressbar{height:7px;margin:10px 0}.journey-deadline{display:flex;align-items:center;justify-content:space-between;gap:7px}.journey-deadline .due,.journey-deadline small{font-size:11px}.journey-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.journey-actions .btn{font-size:11px;min-height:33px;padding:4px 7px;border-radius:11px}.journey-stage:hover{background:linear-gradient(180deg,transparent,var(--tint));border-radius:17px}.journey-stage.current{background:linear-gradient(180deg,transparent,var(--tint));border-radius:17px}
.journey-release{display:flex;align-items:center;gap:12px;margin:0 23px 14px;padding:11px 14px;border:1px solid var(--line);border-radius:16px;background:var(--subtle)}.release-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--surface);color:#745c91}.journey-release small{display:block;font-size:9px;letter-spacing:1px}.journey-release strong{display:block;font-size:16px}.journey-release>.due{font-size:12px}.journey-release-spacer{flex:1}.journey-release .btn{min-height:34px;padding:5px 9px;font-size:11px}.journey-dashboard .timeline-caption{padding:11px 23px}.journey-dashboard .current-pill{font-size:12px;padding:6px 10px}
.timeline{margin-top:0}.timeline-connector{top:20px;left:60px;right:-10px;height:10px;border-radius:99px;overflow:hidden}
.timeline-connector>span{border-radius:99px}.timeline-node{box-shadow:0 0 0 6px var(--surface)}
.timeline-step.current .timeline-node{box-shadow:0 0 0 6px var(--surface),0 0 0 8px var(--edge)}
.overview-secondary{margin-top:22px}.release-dates{grid-template-columns:repeat(2,minmax(0,1fr))}
.tab,.filter{border:1px solid var(--line);background:var(--surface)}
.tab.active,.filter.active{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}
.file-row .stage-col{border:1px solid var(--edge);background:var(--surface)}
.file-row .stage-col:hover{border-color:var(--tone)}
.source-category{flex-wrap:wrap}.source-category .badge{margin-left:auto}.source-card.primary-source{box-shadow:0 0 0 2px var(--tone),0 8px 26px #18304b12}
.source-card>small{display:block;margin:-13px 0 17px;color:var(--muted)}
.primary-source-check{padding:16px;background:var(--soft-blue);border:1px solid var(--line);border-radius:17px;margin:10px 0 20px}
.link-identity{display:grid;gap:10px;margin-bottom:20px}.link-identity h3{font-size:23px}.link-identity p{font-size:14px;color:var(--muted)}
.link-short-note{padding:20px;border-radius:18px;background:var(--soft-blue);margin:20px 0}.link-short-note p{font-size:18px;line-height:1.7;margin-top:6px;white-space:pre-wrap}
.link-share{display:grid;gap:13px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--subtle);margin:20px 0}
.link-share code{display:block;font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.7;word-break:break-all;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px;user-select:all}
.no-preview{min-height:250px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center;padding:25px;border-radius:20px;background:#0e2138;color:#eef3fa}
.no-preview .icon{width:34px;height:34px;color:#a9c1df}.no-preview strong{font-size:22px}.no-preview span{font-size:13px;color:#a9b9cd}.no-preview .btn{margin-top:8px;background:#fff;color:#183555}
.audio-preview{display:flex;align-items:center;gap:15px;padding:24px;border-radius:20px;background:var(--soft-blue)}.audio-preview audio{width:100%}
.link-preview-image{max-height:460px;object-fit:contain;background:var(--subtle);margin:0;border-radius:20px}

@media(max-width:1280px){.delivery-progress{width:200px}.department-priority .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-grid{grid-template-columns:repeat(var(--steps),minmax(215px,1fr))}}
@media(max-width:720px){.delivery-progress{order:5;width:100%;margin-left:0}.delivery-compact>.btn{margin-left:auto}.department-priority .stage-grid{grid-template-columns:1fr 1fr}.journey-heading{align-items:flex-start;gap:12px}.journey-heading-actions{align-items:flex-end;flex-direction:column}.journey-heading-actions .timeline-total small{display:none}.journey-grid{padding:18px 17px;grid-template-columns:repeat(var(--steps),minmax(210px,1fr))}.journey-release{margin:0 17px 13px;flex-wrap:wrap}.journey-release-spacer{display:none}.journey-release .btn{margin-left:auto}.journey-stage .timeline-connector{height:8px;top:18px}.link-short-note p{font-size:16px}.link-share .btn{flex:1}.header-actions .language-button{min-width:40px;width:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.file-time{font-size:11px}.source-image{border-radius:18px}.role-chips .badge{background:var(--tint,var(--subtle));color:var(--tone,var(--ink));border:1px solid var(--edge,var(--line))}.person-roles .badge{margin:3px;padding:5px 8px;font-size:11px}.stage-editor{border-radius:17px;padding:18px;background:var(--tint,var(--subtle))}[data-theme=dark] .status-option>span{filter:brightness(.84)}.status-option:has(input:checked)>span{outline:2px solid currentColor;outline-offset:2px}.status-option input:checked+span{background:var(--subtle)}
/* 3.1 review: readable secondary text and explicit, coloured controls. */
:root{font-family:'Anuphan',sans-serif;--radius:24px}
body{font-size:17px}.preview-placeholder h3,.credit-person strong{font-family:'Anuphan',sans-serif}
.main p,.dialog-body p,.source-card p,.stage-card .stage-note,.focus-strip p{font-size:16px;line-height:1.8}
.btn,.tab,.filter,.sidebar .navitem,.page-nav button{font-size:15px;min-height:48px}
.badge,.fresh-link .badge,.file-row .stage-col{font-size:14px;line-height:1.5;padding:7px 11px;border-radius:12px}
.file-name,.fresh-link strong{font-size:19px;line-height:1.5}.file-sub,.file-time,.fresh-link small,.preview-meta small,.timeline-step small,.timeline-step .due{font-size:13px;line-height:1.65}
.stage-card h3{font-size:25px}.stage-card .stage-note{min-height:57px}.stage-card-actions .btn{font-size:14px;min-height:45px}.stage-card small,.stage-card .due{font-size:13px}
.field,.check,.inline-select,.source-category{font-size:16px}.help,.small,.check small,.notice,.credit-copybar small{font-size:14px;line-height:1.75}
.field input,.field textarea,.field select{font-size:17px;border-radius:16px;min-height:52px}
.status-option>span{font-size:16px;line-height:1.5;min-height:126px;border-radius:20px}.status-option small{font-size:16px}
.status-option.not_started input:checked+span{background:var(--subtle)}
.status-option.in_progress input:checked+span{background:#e1edfc;color:#325b93}
.status-option.changes input:checked+span{background:#ffe3d8;color:#97442d}
.status-option.in_review input:checked+span{background:#fff0c4;color:#825d17}
.status-option.in_review_revise input:checked+span{background:#eee0fb;color:#744a97}
.status-option.approved input:checked+span{background:#d7eedf;color:#206340}
[data-theme=dark] .status-option.not_started>span{background:#26364b;color:#b9c8dc}
[data-theme=dark] .status-option.in_progress>span{background:#263f60;color:#b8d6ff}
[data-theme=dark] .status-option.changes>span{background:#4c3431;color:#ffbba4}
[data-theme=dark] .status-option.in_review>span{background:#493f2b;color:#f5d68d}
[data-theme=dark] .status-option.in_review_revise>span{background:#41314f;color:#dfbaff}
[data-theme=dark] .status-option.approved>span{background:#20463c;color:#a6e1bc}
.version-builder{display:block}.version-presets{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 13px}.version-presets .filter{min-width:95px;justify-content:center;background:var(--subtle);border-radius:16px}.version-presets .active{background:#264d79;color:#fff;box-shadow:none;border-color:#264d79}
.number-stepper input{width:100px}.number-stepper .btn{width:52px;height:52px;border-radius:17px}.custom-number{display:none}
.credit-line{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:32px;padding:20px 14px}.credit-role-text,.credit-name-text{font-size:20px;line-height:1.75}.credit-department{font-size:16px;padding:14px 18px;border-radius:16px;margin-top:32px}.credit-copybar .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:12px}.credit-copybar .btn{font-size:15px;min-height:50px;justify-content:center}
.role-options .filter{color:var(--tone);background:var(--tint);border-color:var(--edge)}.tone-production{--tone:#557797;--tint:#eef1f6;--edge:#cbd6e3}[data-theme=dark] .tone-production{--tone:#b0c6df;--tint:#29384c;--edge:#42556f}
.person-roles .badge{font-size:13px;padding:6px 9px}.person-card small{font-size:14px}.person-card strong{font-size:20px}
.build-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--soft-blue);color:var(--ink);font:12px/1.4 'IBM Plex Mono',monospace;border:1px solid var(--line);border-radius:99px;padding:7px 10px;white-space:nowrap}
@media(max-width:1280px){.header-actions{gap:6px}.header-actions .build-badge{font-size:10px;padding:5px 7px}.header-actions .btn{padding:9px 11px}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.main{padding:24px 18px}.stage-grid{grid-template-columns:1fr}.stage-card{padding:23px}.stage-card .stage-note{height:auto;min-height:0;margin-bottom:20px}.stage-card h3{font-size:25px}.stage-top{flex-wrap:nowrap}.file-name,.fresh-link strong{font-size:18px}.file-row .stage-col,.file-row .badge{font-size:13px}.file-time,.fresh-link small{font-size:12px}.page-nav button{font-size:14px}.credit-line{gap:18px;padding:19px 4px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.credit-role-text,.credit-name-text{font-size:17px}.credit-department{font-size:15px}.credit-copybar .row{grid-template-columns:1fr;gap:9px}.credit-copybar .btn{font-size:15px}.status-option>span{font-size:15px}.field input,.field select,.field textarea{font-size:17px}.source-card p,.dialog-body p{font-size:16px}.header-actions .build-badge{font-size:10px;padding:4px 6px}.header-actions .btn{min-width:34px;min-height:38px;padding:6px 7px}.header-actions .btn[data-id=people]{display:none}.person-card strong{font-size:18px}.person-roles .badge{font-size:12px}.version-presets .filter{min-width:80px;font-size:15px}}

/* Stronger department surfaces, keeping neutral reading areas and state colours distinct. */
:root .tone-cutting{--tone:#326eab;--tint:#e0edfc;--edge:#9abce0}
:root .tone-color{--tone:#936321;--tint:#fbebcd;--edge:#d5b472}
:root .tone-vtr{--tone:#28786c;--tint:#dcefe9;--edge:#88bbad}
:root .tone-vfx{--tone:#8050a5;--tint:#eee0f9;--edge:#b79ace}
[data-theme=dark] .tone-cutting{--tint:#203d5d;--edge:#456e99;--tone:#a4cbf5}
[data-theme=dark] .tone-color{--tint:#433725;--edge:#877047;--tone:#eed19b}
[data-theme=dark] .tone-vtr{--tint:#1d403e;--edge:#467d72;--tone:#9cdacd}
[data-theme=dark] .tone-vfx{--tint:#3a2f50;--edge:#765896;--tone:#d4b1ed}
.file-row,.fresh-link,.stage-card{border-color:var(--edge,var(--line))}

.project-list-tabs{gap:10px;margin-bottom:22px}
.project-card{border:1px solid var(--line);border-top:6px solid var(--project-color);border-radius:25px;overflow:hidden;background:var(--surface);box-shadow:0 5px 22px #10254108;min-width:0}
.project-card .project-tile{width:100%;height:auto;border:0;border-radius:0;box-shadow:none;background:color-mix(in srgb,var(--surface) 92%,var(--project-color) 8%);text-align:left}
.project-card h2{overflow-wrap:anywhere}.project-card .project-tile:hover{transform:none;background:color-mix(in srgb,var(--surface) 85%,var(--project-color) 15%)}
.project-card .project-tile>small{display:block;font-size:17px;line-height:1.5;font-weight:500;color:var(--project-color);margin-top:5px;overflow-wrap:anywhere}
.project-card .progressbar{accent-color:var(--project-color)}
.project-card-actions{display:flex;gap:8px;padding:14px 18px;border-top:1px solid var(--line);flex-wrap:wrap}.project-card-actions .btn{flex:1;min-height:42px;font-size:14px;padding:8px 10px;border:1px solid var(--line)}
.project-card-actions .danger{color:#c35a57;background:color-mix(in srgb,var(--surface) 94%,#dd716a 6%);border-color:#c7857f}
.project-color-swatches{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}.color-swatch{width:40px;height:40px;background:var(--project-color);border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--line)}.color-swatch:hover{box-shadow:0 0 0 3px var(--ink)}
.field input[type=color]{height:48px;width:100%;max-width:180px;padding:5px;border-radius:12px;cursor:pointer}

.project-card{position:relative;overflow:visible}.project-card .project-tile{border-radius:19px 19px 24px 24px}.project-card .project-tile>.row:first-child{padding-right:44px}
.project-settings{position:absolute;top:4px;right:17px;z-index:3}.project-settings[open]{z-index:10}
.project-gear{list-style:none;display:grid;place-items:center;width:38px;height:38px;background:var(--surface);color:var(--ink);border:1px solid var(--edge,var(--line));border-radius:12px;cursor:pointer;box-shadow:0 2px 8px #10254108}
.project-gear::-webkit-details-marker{display:none}.project-gear:hover,.project-settings[open] .project-gear{background:var(--subtle);border-color:var(--project-color)}.project-gear:focus-visible{outline:3px solid #7ca9df;outline-offset:3px}
.project-settings-popover{position:absolute;right:0;top:46px;width:220px;max-width:calc(100vw - 64px);padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 36px #04122235;display:grid;gap:5px}
.project-settings-popover>strong{padding:6px 9px;font-size:13px;color:var(--muted);font-weight:500}.project-settings-popover .btn{justify-content:flex-start;width:100%;min-height:43px;border:0;background:transparent;font-size:14px;padding:10px;border-radius:10px}
.project-settings-popover .btn:hover{background:var(--subtle);transform:none}.project-settings-popover .danger{color:#c35a57;border-top:1px solid var(--line);margin-top:3px}.project-settings-popover .danger:hover{background:color-mix(in srgb,var(--surface) 88%,#d85d59 12%)}

/* Persistent workspace and in-project navigation. */
:root{--postroom-header-height:115px}
.topbar{position:sticky;top:0;z-index:80;isolation:isolate;box-shadow:0 8px 24px #061b3214}
.page-nav{position:sticky;top:var(--postroom-header-height);z-index:70;box-shadow:0 8px 22px #061b3210;background:var(--surface);border:1px solid var(--line)}
.crumb{min-width:0}.crumb>span{display:block}.project-switcher{position:relative;max-width:270px}.project-switcher>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;color:var(--ink);font-size:15px;font-weight:600;line-height:1.3;min-width:0}.project-switcher>summary::-webkit-details-marker{display:none}.project-switcher>summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-chevron{width:16px;height:16px;flex:none;color:var(--muted);transition:transform .18s}.project-switcher[open] .switch-chevron{transform:rotate(180deg)}
.project-switch-menu{position:absolute;left:0;top:calc(100% + 13px);width:280px;max-width:calc(100vw - 30px);max-height:min(62vh,460px);overflow-y:auto;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 16px 42px #04122238;display:grid;gap:3px}.project-switch-menu button{width:100%;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 11px;border:0;border-radius:11px;background:transparent;color:var(--ink);text-align:left;font-size:14px;min-height:42px}.project-switch-menu button:hover,.project-switch-menu button.selected{background:var(--subtle)}.project-switch-menu button .icon{width:18px;height:18px}.project-switch-menu button.selected>.icon{margin-left:auto;color:#34866d}.project-switch-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--project-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--project-color) 17%,var(--surface))}.project-switch-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switch-empty{padding:12px;color:var(--muted);font-size:14px}
.mobile-project{display:none;min-width:0}.mobile-project-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px}.project-switcher.compact{max-width:min(48vw,260px)}.project-switcher.compact>summary{font-size:14px;min-height:38px}
.project-switcher>summary:focus-visible,.project-switch-menu button:focus-visible{outline:3px solid #7ca9df;outline-offset:2px}
@media(max-width:850px){:root{--postroom-header-height:115px}.topbar{position:sticky;top:0;z-index:80}.crumb{display:block}.project-switcher{max-width:220px}.page-nav{top:var(--postroom-header-height)}}
@media(max-width:720px){:root{--postroom-header-height:135px}.topbar{position:sticky;top:0;z-index:80}.crumb{display:none}.mobile-project{display:flex;grid-column:1;grid-row:1;align-items:center;min-width:0}.mobile-project>.project-switcher{max-width:100%}.mobile-project .project-switcher>summary{max-width:100%;font-size:14px}.mobile-project .project-switcher>summary>span{max-width:calc(48vw - 28px)}.mobile-project .project-switch-menu{top:calc(100% + 8px);width:min(290px,calc(100vw - 34px))}.page-nav{top:var(--postroom-header-height);margin-top:0}}
@media(max-width:380px){:root{--postroom-header-height:135px}.mobile-project .project-switcher>summary>span{max-width:calc(45vw - 25px)}.header-actions{gap:4px}.header-actions .btn{min-width:34px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.switch-chevron{transition:none}}
/* Compact sticky chrome while keeping clock, project title, controls and tabs legible. */
:root{--postroom-header-height:74px}
.topbar{height:74px;min-height:74px;padding-top:5px;padding-bottom:5px;gap:9px}
.crumb{gap:3px}.crumb>span{font-size:9px;line-height:1.15}.project-switcher>summary{font-size:15px;line-height:1.2}
.digital-clock{gap:0}.digital-clock>div{font-size:10px;line-height:1.15;margin:0 0 2px}.digital-clock time{font-size:27px;line-height:1.02;letter-spacing:1.8px}.digital-clock small{font-size:9px;line-height:1.05;margin-top:3px}
.header-actions{gap:7px}.header-actions>.btn{min-height:34px}.header-actions>.btn.icon-btn{width:34px;min-width:34px;height:34px;padding:6px}.header-actions>[data-action=share]{padding:6px 10px;min-height:34px;font-size:13px}.header-actions .build-badge{font-size:11px;padding:5px 8px}
.page-nav{padding:4px;gap:3px;margin-bottom:18px}.page-nav button{min-height:42px;padding:7px 13px;font-size:13px;border-radius:12px}.page-nav button .icon{width:18px;height:18px}
@media(max-width:850px){:root{--postroom-header-height:74px}.topbar{height:74px;min-height:74px;padding-top:5px;padding-bottom:5px}.digital-clock{min-width:0}.crumb{gap:3px}.project-switcher{max-width:190px}}
@media(max-width:720px){:root{--postroom-header-height:98px}.topbar{height:auto;min-height:98px;padding:7px 13px;row-gap:4px;grid-template-columns:minmax(0,1fr) auto}.mobile-project>.project-switcher{max-width:100%}.mobile-project .project-switcher>summary{min-height:36px}.mobile-project .project-switch-menu{top:calc(100% + 7px)}.mobile-project .project-switcher>summary>span{max-width:calc(48vw - 27px)}.header-actions{gap:5px}.header-actions>.btn{min-height:34px}.header-actions>.btn.icon-btn{width:34px;min-width:34px;height:34px;padding:6px}.digital-clock{row-gap:0}.digital-clock>div{font-size:10px;line-height:1.1;margin:0 0 2px}.digital-clock time{font-size:27px;line-height:1.05;letter-spacing:2px}.digital-clock small{display:block;font-size:8px;line-height:1;margin-top:2px}.page-nav{top:var(--postroom-header-height);min-height:48px;padding:4px;margin-bottom:14px;gap:3px}.page-nav button{min-height:38px;padding:6px 11px;font-size:13px}.page-nav button .icon{width:17px;height:17px}}
@media(max-width:380px){:root{--postroom-header-height:96px}.topbar{min-height:96px}.mobile-project .project-switcher>summary>span{max-width:calc(44vw - 24px)}.digital-clock time{font-size:25px}.header-actions .build-badge{font-size:10px;padding:4px 6px}.header-actions{gap:4px}}

/* Keep the top clock rail compact; restore the larger project tabs and share their row with Add Link. */
.page-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;background:var(--subtle);border:0;border-radius:20px;margin-bottom:25px;overflow:visible;min-height:0}
.page-nav-links{display:flex;align-items:center;gap:5px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.page-nav-links::-webkit-scrollbar{display:none}
.page-nav button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:0;border-radius:14px;min-height:48px;white-space:nowrap;color:var(--muted);font-size:14px;flex:none}
.page-nav button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #071a2d14}
.page-nav-actions{flex:none;display:flex;align-items:center}
.page-nav-actions>.btn{min-height:48px;padding:10px 17px;border-radius:14px;white-space:nowrap}
@media(max-width:720px){.page-nav{top:var(--postroom-header-height);min-height:64px;padding:7px;gap:8px;margin-bottom:18px}.page-nav-links{gap:3px}.page-nav button{min-height:48px;padding:10px 13px;font-size:14px}.page-nav-actions>.btn{min-height:48px;padding:10px 13px;font-size:13px}}
.project-sort-control{display:flex;align-items:center;gap:9px;margin-left:auto;padding:0 4px 0 10px;color:var(--muted);font-size:13px;white-space:nowrap}
.project-sort-control select{max-width:min(290px,52vw);min-height:41px;padding:8px 32px 8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}
@media(max-width:620px){.project-sort-control{width:100%;margin:2px 0 0;padding:0}.project-sort-control select{flex:1;max-width:none}}

/* Keep artist names readable regardless of the selected project color. */
[data-theme=dark] .project-card .project-tile>small{color:color-mix(in srgb,var(--project-color) 40%,#ffffff 60%)}
.copy-dialog{width:min(620px,calc(100vw - 32px))}.copy-dialog .copy-fallback{width:100%;min-height:160px;box-sizing:border-box}