.portal{min-height:100dvh;display:grid;grid-template-columns:250px minmax(0,1fr)}.rail{padding:32px 24px;background:#eaf0e8;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:36px}.rail .brand{font-size:.85rem}.rail nav{display:grid;gap:6px}.rail nav a{padding:12px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:.9rem}.rail nav a[aria-current=page]{background:white;color:var(--brand);font-weight:650}.rail blockquote{margin:auto 0 0;font:italic 1.5rem/1.45 Georgia,serif;color:var(--brand)}.rail small{color:var(--muted)}.portal-main{min-width:0}.topbar{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 40px;border-bottom:1px solid var(--line);font-size:.8rem}.topbar .actions{gap:12px}.portal-content{max-width:1240px;margin:auto;padding:50px 40px}.portal-content h1{font-size:clamp(2.2rem,4vw,3.8rem);margin:12px 0 18px}.portal-content h2{font-size:1.6rem}.intro{max-width:690px;margin-bottom:32px}.auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.8fr);gap:52px;align-items:start;max-width:960px}.auth-layout .card{padding:32px}.mission-note{padding:28px 8px}.mission-note h2{font:2.2rem/1.2 Georgia,serif;letter-spacing:-.03em}.mission-note p{color:var(--muted)}.journey{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 32px;list-style:none;padding:0;font-size:.8rem;color:var(--muted)}.journey li{display:flex;align-items:center;gap:8px}.journey span{border:1px solid var(--line);border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.journey [aria-current=step]{color:var(--brand);font-weight:650}.journey [aria-current=step] span{background:var(--brand);color:white}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:18px;background:white}.plan.selected{outline:2px solid var(--brand)}.plan h2{margin:18px 0 12px}.plan .price{font-size:1.6rem;font-weight:650;letter-spacing:-.04em;margin:12px 0}.plan ul{padding-left:20px;color:var(--muted);line-height:2}.plan button{margin-top:auto;width:100%}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.stat{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.stat span{font-size:.8rem;color:var(--muted)}.stat strong{display:block;font-size:2rem;font-weight:550;margin-top:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0 18px}.section-head h2{margin:0}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;text-align:left;font-size:.85rem}th,td{padding:18px 20px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:.75rem;font-weight:550;background:#f4f6f0}td small{display:block;color:var(--muted)}tr:last-child td{border:0}.empty{padding:44px;text-align:center;background:white;border:1px dashed #c6d4c6;border-radius:14px}.empty p{color:var(--muted)}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.detail-form{max-width:640px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;gap:10px;align-items:center;margin:20px 0}.search{max-width:320px}.notice{font-size:.85rem}.muted-link{font-size:.85rem;color:var(--brand)}.portal-footer{padding:28px 40px;font-size:.75rem;color:var(--muted)}#message{margin:0 0 20px;padding:14px 18px;border-radius:10px;background:#edf2e8;overflow-wrap:anywhere}#message.error{background:#fff0eb;color:var(--danger)}button:disabled{cursor:wait;opacity:.6}.suspended{color:var(--danger)}.admin-rail{background:#173f36;color:white}.admin-rail .brand,.admin-rail blockquote{color:white}.admin-rail nav a,.admin-rail small{color:#c4d8cc}.admin-rail nav a[aria-current=page]{background:#ffffff18;color:white}.admin-label{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:#c4d8cc}.pill{white-space:nowrap} [hidden]{display:none!important}
@media(max-width:1000px){.portal{grid-template-columns:210px minmax(0,1fr)}.plans{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.mission-note{display:none}.portal-content{padding:36px 26px}.topbar{padding:18px 26px}.split{grid-template-columns:1fr}}
@media(max-width:700px){.portal{display:block}.rail{padding:20px;gap:20px;border-right:0}.rail blockquote,.rail>small{display:none}.rail nav{display:flex;overflow:auto;gap:6px}.rail nav a{white-space:nowrap;padding:10px}.topbar{padding:16px 20px;flex-wrap:wrap;min-height:65px}.portal-content{padding:30px 20px}.auth-layout .card{padding:24px}.stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;justify-content:space-between}.stat strong{margin:0}.inline-fields{grid-template-columns:1fr}.section-head{flex-wrap:wrap}.portal-footer{padding:24px 20px}.journey{gap:12px}}

.portal-content h1[tabindex="-1"]:focus{outline:none}.auth-layout form>p:has(#toggle-auth){margin-top:16px}

.provider-list{display:grid;gap:20px}.provider-card .section-head{margin-top:0}.provider-secret{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}#providers-form>section{margin-block:24px}.provider-card h2{overflow-wrap:anywhere}

/* Prepaid wallet: keep purchase, estimator and ledger sections distinct. */
.credit-panel + .credit-panel { margin-top: 24px; }
.language-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; }
.review-segments { margin-top:24px; }
.review-columns { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.transcript-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.review-columns textarea { display:block; width:100%; min-height:150px; margin:12px 0; padding:14px; font:inherit; line-height:1.6; border:1px solid var(--line,#d9ded9); border-radius:12px; }
@media(max-width:700px){.review-columns{grid-template-columns:1fr;}}

/* Service workspace: one persistent surface, ordered around the operator's workflow. */
.service-workflow{--studio-accent:#185d4e;--studio-soft:#edf3ee;--studio-border:#dbe3dc;max-width:1240px;margin:auto}
.workflow-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.workflow-heading h1{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15;margin:8px 0 12px;letter-spacing:-.045em}.workflow-heading .eyebrow{font-size:.68rem;margin-top:24px}.workflow-date{color:var(--muted);font-size:.85rem;margin:0}.workflow-back{font-size:.85rem;text-decoration:none}.workflow-status{border:1px solid var(--studio-border);background:white;border-radius:24px;padding:8px 16px;font-size:.8rem;white-space:nowrap}
.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--studio-border);border-radius:14px;margin:0 0 24px;overflow:hidden;background:#fff}.workflow-steps button{display:flex;text-align:left;align-items:center;gap:12px;min-height:86px;border:0;border-radius:0;background:transparent;padding:16px;color:var(--muted);border-right:1px solid var(--studio-border)}.workflow-steps button:last-child{border-right:0}.workflow-steps button[aria-current=step]{background:var(--studio-soft);color:var(--studio-accent);box-shadow:inset 0 -3px var(--studio-accent)}.step-number{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--studio-border);border-radius:50%;flex-shrink:0;font-size:.8rem}.workflow-steps button[aria-current=step] .step-number{background:var(--studio-accent);border-color:var(--studio-accent);color:white}.workflow-steps strong{font-size:.95rem;display:block}.workflow-steps small{display:block;font-size:.72rem;font-weight:400;margin-top:5px}
.workflow-panel{border:1px solid var(--studio-border);border-radius:18px;background:white;overflow:hidden}.workflow-panel[hidden]{display:none}.workflow-panel-heading{display:flex;justify-content:space-between;padding:28px 32px;border-bottom:1px solid var(--studio-border);background:#fafcf9}.workflow-panel-heading .eyebrow{font-size:.65rem;margin:0 0 10px}.workflow-panel-heading h2{font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:-.03em;margin:0 0 10px}.workflow-panel-heading p:last-child{color:var(--muted);font-size:.9rem;margin:0;max-width:740px}.prepare-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.workflow-form{padding:28px 32px;min-width:0}.workflow-form>fieldset{border:0;padding:0;margin:0;min-width:0}.workflow-form .field{margin-bottom:24px}.workflow-form fieldset.target-fieldset{border:0;border-top:1px solid var(--studio-border);padding:20px 0;margin:20px 0 0}.target-fieldset legend{font-size:.9rem;font-weight:650}.target-fieldset summary{cursor:pointer;padding:8px 0;color:var(--studio-accent);font-size:.9rem}.target-fieldset .language-choices{margin-top:16px}.workflow-form .workflow-footer{padding:20px 0 0;margin-top:20px}.workflow-footer{border-top:1px solid var(--studio-border);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.workflow-footer p{font-size:.8rem;color:var(--muted);max-width:530px;margin:0}.workflow-footer button{flex-shrink:0}.workflow-footer a{font-size:.85rem}.workflow-guidance{background:var(--studio-soft);padding:32px;border-left:1px solid var(--studio-border)}.workflow-guidance h3{font-size:1.6rem;line-height:1.25;letter-spacing:-.03em;margin:16px 0 28px}.workflow-guidance dt{font-size:.75rem;color:var(--muted);margin-top:22px}.workflow-guidance dd{margin:6px 0 0;font-size:.95rem;font-weight:600}.workflow-guidance>p:last-child{font-size:.85rem;line-height:1.7;margin-top:36px}.workflow-guidance .eyebrow{font-size:.65rem}
.workflow-panel-body{padding:28px 32px}#publish-channel{border-bottom:1px solid var(--studio-border);padding-bottom:24px;margin-bottom:24px}#publish-channel input{max-width:420px}#publish-channel label,#service-channel>label{display:block;font-weight:600;font-size:.85rem;margin-bottom:8px}#channel-language{max-width:240px;margin-bottom:24px}.channel-share{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;align-items:center}.channel-share img{width:180px;height:180px}.channel-share label{display:block;font-size:.8rem;margin:16px 0}.channel-share input{display:block;width:100%;box-sizing:border-box;margin-top:6px;background:#f5f7f3;font-size:.8rem}.channel-share p{font-size:.85rem}
.live-desk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.desk-input,.desk-output{padding:24px 28px;min-width:0}.desk-output{border-left:1px solid var(--studio-border);background:#f5f7f3}.desk-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;height:52px;margin-bottom:16px}.desk-section-heading h3{font-size:1rem;margin:0}.desk-section-heading span{font-size:.75rem;color:var(--muted)}.desk-section-heading select{width:auto;max-width:180px;font-size:.85rem;padding:10px}.desk-capture{display:block;width:100%;height:740px;border:0}.monitor-stage{height:480px;display:flex;align-items:center;justify-content:center;background:#e4ebe5;border-radius:12px;overflow:hidden;border:1px solid var(--studio-border)}.monitor-stage iframe{width:100%;height:100%;border:0}.monitor-stage iframe[hidden]{display:none}#monitor-screen{height:280px;background:repeating-conic-gradient(#d7dfd8 0% 25%,#edf1ec 0% 50%) 0/24px 24px}#monitor-phone{max-width:350px;background:white}.desk-output>a{font-size:.85rem}.desk-output .hint{margin:20px 0;font-size:.8rem}.review-destinations{display:grid;grid-template-columns:1fr 1fr}.review-destinations>a{padding:36px 32px;text-decoration:none;color:inherit}.review-destinations>a+a{border-left:1px solid var(--studio-border)}.review-destinations>a:hover{background:var(--studio-soft)}.review-destinations span{font-size:.75rem;color:var(--muted)}.review-destinations h3{font-size:1.35rem;margin:16px 0}.review-destinations p{font-size:.9rem;color:var(--muted);line-height:1.7;min-height:64px}.review-destinations strong{font-size:.85rem;color:var(--studio-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.workflow-steps small{display:none}.workflow-steps button{min-height:72px;padding:12px;gap:8px}.prepare-layout{grid-template-columns:1fr}.workflow-guidance{border-left:0;border-top:1px solid var(--studio-border)}.workflow-guidance h3{display:none}.workflow-guidance dl{display:grid;grid-template-columns:1fr 2fr;gap:12px}.workflow-guidance dt,.workflow-guidance dd{margin:0}.workflow-guidance>p:last-child{margin:20px 0 0}.live-desk{grid-template-columns:1fr}.desk-output{border-left:0;border-top:1px solid var(--studio-border)}.desk-capture{height:650px}}
@media(max-width:600px){.workflow-heading{gap:12px;align-items:flex-start}.workflow-status{margin-top:8px;padding:6px 10px;font-size:.7rem}.workflow-heading h1{font-size:1.7rem}.workflow-heading .eyebrow{margin-top:20px;font-size:.6rem}.workflow-steps button{flex-direction:column;justify-content:center;padding:10px 4px;gap:6px}.workflow-steps strong{font-size:.75rem}.step-number{height:24px;width:24px;font-size:.7rem}.workflow-panel-heading,.workflow-panel-body,.workflow-form,.workflow-guidance,.desk-input,.desk-output{padding:24px 20px}.workflow-footer{padding:20px;flex-direction:column;align-items:stretch}.workflow-footer button{width:100%}.channel-share,.review-destinations{grid-template-columns:1fr}.channel-share{gap:12px}.channel-share img{margin:auto}.review-destinations>a{padding:24px 20px}.review-destinations>a+a{border-left:0;border-top:1px solid var(--studio-border)}.review-destinations p{min-height:0}.desk-capture{height:850px}.desk-section-heading{gap:10px}.desk-section-heading select{max-width:150px}.monitor-stage{height:440px}}
.workflow-form [data-input-choices]{border:0;padding:0;margin:0}.workflow-form [data-input-choices] legend{font-size:.8rem;color:var(--muted);margin-bottom:8px}.workflow-form [data-input-choices] summary{cursor:pointer;padding:12px 14px;border:1px solid var(--studio-border);border-radius:8px;font-size:.9rem;color:var(--studio-accent)}.workflow-form .language-choices{padding-top:12px}.workflow-form .language-choices .check{margin:0;min-height:44px;font-size:.85rem}.workflow-form .hint{font-size:.78rem;line-height:1.6}
.service-workflow .workflow-heading{margin-bottom:22px}.service-workflow .workflow-heading .eyebrow{margin-top:16px}.service-workflow .workflow-steps button{min-height:74px}.service-workflow .workflow-panel-heading{padding-block:22px}.desk-capture{height:660px}@media(max-width:600px){.desk-capture{height:760px}}

/* Overview is a summary; detailed controls live in Services and Studio. */
.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.overview-heading .intro{margin-bottom:0}.overview-heading h1{font-size:clamp(2rem,4vw,3rem)}.overview-heading>.button{flex-shrink:0}.overview-stats{margin:24px 0}.overview-stats .stat strong{font-size:1.8rem}.overview-activity{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden}.overview-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid var(--line)}.overview-section-heading h2{font-size:1.2rem;margin:0 0 6px}.overview-section-heading p{font-size:.85rem;color:var(--muted);margin:0}.overview-section-heading>a{font-size:.85rem;white-space:nowrap}.overview-sessions{list-style:none;padding:0;margin:0}.overview-sessions li+li{border-top:1px solid var(--line)}.overview-sessions a{display:flex;align-items:center;gap:20px;padding:20px 28px;text-decoration:none;color:inherit;min-height:80px;box-sizing:border-box}.overview-sessions a:hover{background:#f3f7f2}.overview-sessions a>div{min-width:0;flex:1}.overview-sessions strong{display:block;font-size:.95rem;overflow-wrap:anywhere}.overview-sessions a>div>span{display:block;font-size:.78rem;color:var(--muted);margin-top:6px}.session-status{padding:6px 10px;border-radius:20px;background:#eff2ed;font-size:.75rem;white-space:nowrap}.session-status[data-status=live]{background:#dcefe5;color:#16553c;font-weight:650}.session-arrow{color:var(--brand)}.overview-list-note,.overview-empty{padding:16px 28px;font-size:.85rem;color:var(--muted)}.overview-shortcuts{display:flex;gap:24px;margin-top:24px}.overview-shortcuts a{font-size:.85rem;display:flex;gap:16px;align-items:center;padding:8px 0;min-height:44px}@media(max-width:650px){.overview-heading{align-items:flex-start;flex-direction:column;gap:12px}.overview-section-heading{padding:20px;align-items:flex-start;flex-direction:column;gap:12px}.overview-sessions a{padding:18px 20px;gap:12px}.session-arrow{display:none}.overview-shortcuts{flex-wrap:wrap;gap:12px 24px}.overview-stats .stat{padding:18px 20px}.overview-list-note,.overview-empty{padding:16px 20px}}

/* Admin chrome stays absent until server-side authorization succeeds. */
.admin-locked .portal{display:block}.admin-locked .portal-main{min-height:100dvh}.admin-locked .portal-content{max-width:620px;margin:48px auto;padding:32px 24px}.admin-locked .intro h1{font-size:clamp(2rem,5vw,2.8rem)}.admin-locked .detail-form{max-width:none}.admin-locked .topbar{justify-content:space-between}.admin-locked .topbar .brand{color:var(--brand)}@media(max-width:650px){.admin-locked .portal-content{margin:16px auto}}

/* Account entry is a focused page, not an empty workspace shell. */
.signed-out .rail,.signed-out .topbar,.signed-out .portal-footer{display:none}
.signed-out .portal{display:block}.signed-out .portal-main{margin:0;min-height:100dvh;background:radial-gradient(ellipse at top,#e4eee6,transparent 65%),#f6f7f2}
.signed-out .portal-content{max-width:960px;margin:auto;padding:clamp(24px,6vw,72px) 24px}
.signin-brand{text-align:center;font-size:24px;font-weight:750;margin-bottom:32px;color:#193e35}.signin-brand span{font-weight:400}
.signin-card{max-width:480px;margin:auto;padding:clamp(24px,5vw,44px);background:#fff;border:1px solid #d9e3dd;border-radius:24px;box-shadow:0 16px 48px #183d3410}
.signin-card h1{font-size:36px;letter-spacing:-1px;line-height:1.2}.signin-card p{color:#52625c;line-height:1.6}.signin-options{display:grid;gap:12px;margin:28px 0}.signin-options .button{text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center}
.signin-mission{text-align:center;margin-top:32px;color:#52625c}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.team-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid #d9e3dd;flex-wrap:wrap}.team-row p{margin:4px 0;overflow-wrap:anywhere}.profile-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#d9eee0;color:#193e35;font-size:28px;font-weight:700}.account-grid input,.account-grid select{max-width:100%;min-height:44px}#invite-result{overflow-wrap:anywhere;margin-top:20px}
@media(max-width:760px){.account-grid{grid-template-columns:1fr}.signin-card h1{font-size:30px}}

/* Broadcast desk: compact controls with an aspect-ratio caption preview. */
.desk-section-heading{height:auto;min-height:44px;margin-bottom:20px}.desk-output{background:var(--studio-soft);align-self:stretch}.monitor-stage{height:auto;min-height:220px;aspect-ratio:16/9;background:#182d28}.monitor-stage #monitor-screen{height:100%;min-height:220px;background:#182d28}.monitor-stage:has(#monitor-phone:not([hidden])){aspect-ratio:auto;height:520px;background:var(--studio-soft)}.desk-section-heading select{min-height:44px}.desk-output .hint{line-height:1.6}.service-workflow>.credit-panel{padding:20px 28px}.service-workflow>.credit-panel h2{font-size:1rem;margin:0 0 12px}.service-workflow>.credit-panel p{font-size:.85rem;line-height:1.6}.service-workflow>.credit-panel progress{height:6px}

.output-language-picker{border:0;margin:20px 0;padding:0;min-width:0}.output-language-picker legend{font-weight:650;display:flex;align-items:center;gap:12px}.output-language-picker [data-count]{font-size:.8rem;font-weight:500;color:var(--studio-accent);background:var(--studio-soft);padding:4px 10px;border-radius:20px}.output-language-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.output-language-chips label{position:relative;cursor:pointer}.output-language-chips input{position:absolute;opacity:0;width:1px;height:1px}.output-language-chips span{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid var(--studio-border);border-radius:24px;background:white;font-size:.9rem}.output-language-chips span:before{content:'+';font-size:1.1rem}.output-language-chips input:checked+span{background:var(--studio-accent);border-color:var(--studio-accent);color:white}.output-language-chips input:checked+span:before{content:'\2713'}.output-language-chips input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}.output-language-chips input:disabled+span{opacity:.5;cursor:not-allowed}

.route-board{border:1px solid var(--studio-border);border-radius:16px;overflow:hidden;margin:20px 0;background:var(--studio-soft)}.route-board-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:14px 20px;font-size:.75rem;color:var(--muted);border-bottom:1px solid var(--studio-border)}.route-row{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:12px;padding:14px 20px}.route-row+.route-row{border-top:1px solid var(--studio-border)}.route-source{font-weight:600;font-size:.9rem}.route-row label{min-width:0;margin:0}.route-row select{width:100%;min-height:44px;font-size:.9rem}.route-row>span:nth-child(2){color:var(--studio-accent)}@media(max-width:500px){.route-row{padding:12px;gap:8px}.route-board-heading{padding:12px;font-size:.7rem}.route-source,.route-row select{font-size:.8rem}}

.service-rename{margin:10px 0;max-width:480px}.service-rename summary{cursor:pointer;font-size:.85rem;color:var(--studio-accent);padding:8px 0}.service-rename form{margin-top:10px;padding:16px;border:1px solid var(--studio-border);border-radius:12px;background:white}.service-rename .field{margin-bottom:12px}

/* Service library */
.service-library{max-width:1200px;margin:auto}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 32px}.library-heading h1{font-size:clamp(2rem,4vw,3rem);margin:6px 0 10px;letter-spacing:-.04em}.library-heading .eyebrow{margin:0;font-size:.7rem}.library-heading p:last-child{color:var(--muted);margin:0}.library-heading>.button{white-space:nowrap}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--studio-border)}.service-segments{display:flex;padding:5px;border:1px solid var(--studio-border);border-radius:14px;background:#eaf0eb;gap:4px}.service-segments button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border:0;background:transparent;padding:10px 18px;color:var(--muted);border-radius:10px;font-weight:600}.service-segments button[aria-pressed=true]{background:white;color:var(--studio-accent);box-shadow:0 2px 6px #183d3210}.service-segments button span{font-size:.75rem;background:#dfe8e1;border-radius:6px;min-width:24px;padding:2px 6px}.service-segments button[aria-pressed=true] span{background:var(--studio-accent);color:white}.library-search{width:min(300px,35%);margin:0}.library-search input{min-height:48px;margin:0;font-size:.9rem;border-radius:12px;background:white}.library-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 18px}.library-section-heading h2{font-size:1.15rem;margin:0 0 6px}.library-section-heading p{font-size:.85rem;color:var(--muted);margin:0}.library-section-heading>span{white-space:nowrap;font-size:.8rem;color:var(--muted)}.library-list{border:1px solid var(--studio-border);border-radius:16px;background:white}.service-row{display:flex;align-items:center;gap:18px;padding:20px 22px;position:relative}.service-row+.service-row{border-top:1px solid var(--studio-border)}.service-row[data-state=live]{background:#f0f7f2;border-radius:16px 16px 0 0}.service-row-date{width:48px;flex-shrink:0;display:grid;justify-items:center;padding:8px 4px;background:var(--studio-soft);border-radius:10px}.service-row-date strong{font-size:1.2rem;line-height:1.1}.service-row-date span{font-size:.65rem;text-transform:uppercase;margin-top:4px;color:var(--muted)}.service-row-info{flex:1;min-width:0}.service-row-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.service-row-title>a{color:var(--ink);font-size:1rem;font-weight:650;text-decoration:none;overflow-wrap:anywhere}.service-row-title>a:hover{text-decoration:underline}.service-row-info p{display:flex;gap:10px;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin:8px 0 0;line-height:1.5}.library-status{font-size:.65rem;padding:4px 8px;border-radius:6px;background:#edf0ed;color:#53665e;white-space:nowrap}.library-status[data-state=live]{background:#d4eee0;color:#155c42}.library-status[data-state=live]:before{content:'●';margin-right:5px}.library-status[data-state=paused]{background:#fff1d5;color:#73531a}.service-row-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.service-row-actions>.button{font-size:.8rem;min-height:44px;padding:10px 14px;white-space:nowrap}.service-row-menu{position:relative;margin:0}.service-row-menu summary{list-style:none;display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer;border:1px solid var(--studio-border);border-radius:10px;padding:0;font-size:.8rem}.service-row-menu summary::-webkit-details-marker{display:none}.service-row-menu[open] summary{background:var(--studio-soft)}.service-row:has(.service-row-menu[open]){z-index:3}.service-menu-items{position:absolute;right:0;top:calc(100% + 8px);z-index:4;width:220px;padding:6px;border:1px solid var(--studio-border);border-radius:12px;background:white;box-shadow:0 12px 32px #173b3220}.service-menu-items a,.service-menu-items button{display:flex;align-items:center;min-height:44px;width:100%;font-size:.85rem;padding:10px 12px;text-decoration:none;color:var(--ink);border:0;background:none;border-radius:6px;font-weight:500}.service-menu-items a:hover,.service-menu-items button:hover{background:var(--studio-soft)}.service-menu-items button[data-delete]{color:#a52c31;border-top:1px solid var(--studio-border);border-radius:0;margin-top:4px}.library-empty{padding:56px 24px;text-align:center;background:white;border:1px dashed var(--studio-border);border-radius:16px}.library-empty>span{display:inline-grid;place-items:center;width:48px;height:48px;background:var(--studio-soft);border-radius:50%;color:var(--studio-accent)}.library-empty h3{font-size:1.15rem;margin:18px 0 10px}.library-empty p{font-size:.9rem;max-width:420px;margin:0 auto 20px;color:var(--muted);line-height:1.6}
@media(max-width:800px){.library-toolbar{flex-direction:column;align-items:stretch;gap:14px}.library-search{width:100%}.service-segments button{flex:1;padding:10px}.library-heading{align-items:flex-start}.service-row{flex-wrap:wrap;padding:16px;gap:12px}.service-row-info{flex-basis:calc(100% - 70px)}.service-row-actions{margin-left:60px;justify-content:space-between;flex:1}.library-heading>.button{font-size:.8rem;padding:12px}.library-heading p:last-child{font-size:.85rem}.library-section-heading p{max-width:250px}.row-separator{display:none}.service-row-info time{width:100%}}@media(max-width:420px){.library-heading{flex-direction:column;gap:16px}.library-heading>.button{width:100%}.service-segments button{gap:6px;font-size:.85rem}.library-section-heading>span{display:none}}
/* The overview keeps current and upcoming services visible together. */
.overview-service-group{margin-top:24px;border:1px solid #d6e4dc;border-radius:16px;background:#edf5f0;padding:20px}
.overview-service-group[data-service-group=pending]{background:#f5f3ec;border-color:#e5e0d3}
.overview-group-heading h2{display:flex;align-items:center;gap:10px;font-size:1.1rem;margin:0 0 8px}
.overview-group-heading p{font-size:.85rem;color:var(--muted);margin:0 0 18px}
.overview-service-group .library-empty{padding:24px;background:transparent;border:0}
.overview-service-group .library-empty>span{display:none}
.overview-service-group .library-empty h3{margin-top:0;font-size:1rem}
.overview-service-group .library-empty p{margin-bottom:12px}
.service-library:has(.overview-service-group) .library-toolbar{justify-content:flex-end}
@media(max-width:600px){.overview-service-group{padding:14px;margin-top:18px}.overview-service-group .service-row{padding:14px 12px}.overview-service-group .service-row-actions{margin-left:0}.overview-group-heading p{line-height:1.5}}