.pw-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:650;color:var(--pw-muted,#8fa9bf)}.pw-tag{display:inline-flex;align-items:center;background:var(--pw-raised,#1a3045);border:1px solid var(--pw-line,#304c64);padding:5px 8px;border-radius:6px;color:var(--pw-muted,#a2c0d8);font-size:10px;line-height:1.2;font-weight:500}
/* Native dialog provides modal focus containment and Escape handling. */
#workspace-preview-dialog.pw-dialog{padding:0;width:min(1240px,calc(100vw - 48px));max-width:none;height:min(880px,calc(100dvh - 48px));max-height:none;background:#0d1b2b;color:#e8f1fd;border:1px solid #46627d;border-radius:18px;box-shadow:0 40px 150px #0009;overflow:hidden;font-family:var(--font)}
.pw-dialog::backdrop{background:#030b17bd;backdrop-filter:blur(10px)}
.pw-dialog-bar{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;height:83px;background:#102035}.pw-dialog-bar h2{font-size:24px;line-height:1.2;letter-spacing:-.04em;color:#eaf5ff;margin:5px 0 0}.pw-dialog-bar .pw-eyebrow{font-size:9px;color:#9ab8ce}.pw-disclosure{padding:10px 24px;margin:0;font-size:11px;line-height:1.5;color:#bdd0e1;background:#192b40;border-top:1px solid #2f465b;border-bottom:1px solid #344a5f}
.pw-shell{--pw-bg:#081421;--pw-panel:#122236;--pw-raised:#1b3048;--pw-line:#2d4359;--pw-text:#e9f3ff;--pw-muted:#9fb4c9;--pw-accent:#bbdef8;--pw-button:#c2e5ff;--pw-button-text:#0b2b45;--pw-green:#8bd4b2;--pw-green-bg:#153b32;display:grid;grid-template-columns:205px minmax(0,1fr);height:calc(100% - 120px);background:var(--pw-bg);color:var(--pw-text);min-width:0}
.pw-shell[data-pw-theme=light]{--pw-bg:#f0f4f9;--pw-panel:#fff;--pw-raised:#e8f0fa;--pw-line:#cfdae7;--pw-text:#16314b;--pw-muted:#536e86;--pw-accent:#155bac;--pw-button:#1b61ad;--pw-button-text:#fff;--pw-green:#14734e;--pw-green-bg:#d9efe5}
.pw-dialog :is(button,input,a){font-family:inherit}.pw-dialog button{border:0;font:inherit;cursor:pointer}.pw-dialog button:disabled{cursor:not-allowed;opacity:.45}.pw-dialog svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.pw-dialog button:focus-visible,.pw-dialog a:focus-visible,.pw-dialog input:focus-visible,.pw-dialog [tabindex]:focus-visible{outline:3px solid #55aaff;outline-offset:3px}.pw-dialog [hidden]{display:none!important}
.pw-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:inherit;flex:none;border-radius:8px}.pw-icon:hover{background:#8fb3dc1c}.pw-sidebar{padding:22px 14px;background:var(--pw-panel);border-right:1px solid var(--pw-line);display:flex;flex-direction:column;min-height:0;overflow:auto}.pw-logo{width:125px;height:43px;object-fit:contain;background:#fff;padding:7px;border-radius:7px;margin:0 0 23px 10px}.pw-account{display:flex;gap:9px;align-items:center;background:var(--pw-raised);padding:11px 9px;border:1px solid var(--pw-line);border-radius:8px}.pw-account>span{display:grid;place-items:center;background:var(--pw-bg);width:30px;height:30px;border-radius:8px;color:var(--pw-accent);font-size:10px}.pw-account b{font-size:11px;display:block;font-weight:550}.pw-account small{font-size:10px;color:var(--pw-muted);display:block;margin-top:3px}.pw-nav-label{font-size:9px;letter-spacing:.1em;color:var(--pw-muted);margin:25px 10px 12px}.pw-nav{display:flex;flex-direction:column;gap:6px}.pw-nav button{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:8px;background:transparent;color:var(--pw-muted);font-size:12px;text-align:left;min-height:44px}.pw-nav button[aria-selected=true]{color:var(--pw-accent);background:var(--pw-raised)}.pw-nav button:hover{background:var(--pw-raised)}.pw-nav button svg{width:17px;height:17px}.pw-sidebar-end{margin-top:auto;padding:30px 9px 3px}.pw-sidebar-end p{font-size:11px;line-height:1.6;color:var(--pw-muted);margin:12px 0}.pw-client-link{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:var(--pw-accent);min-height:44px}.pw-client-link svg{width:15px;height:15px}.pw-workspace{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.pw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 23px;background:var(--pw-panel);border-bottom:1px solid var(--pw-line);min-height:66px}.pw-breadcrumb{font-size:13px;font-weight:550}.pw-toolbar-actions{display:flex;align-items:center;gap:4px}.pw-wallet-chip{display:flex;align-items:center;gap:11px;padding:9px 12px;background:var(--pw-raised);color:var(--pw-text);border-radius:8px;margin-right:8px}.pw-wallet-chip span{font-size:10px;color:var(--pw-muted)}.pw-wallet-chip b{font-size:12px}.pw-utility{position:absolute;z-index:3;right:20px;top:60px;width:min(320px,calc(100% - 32px));border:1px solid var(--pw-line);background:var(--pw-panel);border-radius:10px;box-shadow:0 15px 40px #0003;padding:18px;color:var(--pw-text);font-size:13px}.pw-utility p{font-size:12px;color:var(--pw-muted);line-height:1.6;margin-bottom:0}.pw-example-notification{padding-top:13px;margin-top:12px;border-top:1px solid var(--pw-line)}.pw-example-notification strong,.pw-example-notification small{display:block;font-size:12px}.pw-example-notification small{font-size:11px;color:var(--pw-muted);margin-top:6px;line-height:1.5}
#pw-panel{overflow:auto;overscroll-behavior:contain;padding:25px;flex:1;min-height:0;scrollbar-color:#58768e transparent;scrollbar-width:thin}.pw-page-heading{margin-bottom:24px}.pw-page-heading h3{font-size:29px;line-height:1.2;letter-spacing:-.04em;margin:7px 0 9px;color:var(--pw-text);font-weight:600}.pw-page-heading p{font-size:12px;color:var(--pw-muted);line-height:1.6;margin:0}.pw-card{background:var(--pw-panel);border:1px solid var(--pw-line);border-radius:12px;padding:20px;min-width:0}.pw-card h4{font-size:15px;font-weight:550;line-height:1.4;margin:0;color:var(--pw-text);letter-spacing:-.02em}.pw-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.pw-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}.pw-stat{padding:19px;background:var(--pw-panel);border:1px solid var(--pw-line);border-radius:10px}.pw-stat span{display:block;font-size:11px;color:var(--pw-muted)}.pw-stat strong{display:block;font-size:28px;letter-spacing:-.04em;font-weight:550;margin:9px 0}.pw-stat small{font-size:10px;color:var(--pw-muted)}.pw-positive{color:var(--pw-green)}.pw-overview-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.pw-station-teaser{text-align:center}.pw-orbit{display:grid;place-items:center;position:relative;width:72px;height:72px;margin:20px auto;background:var(--pw-raised);border:1px solid var(--pw-line);border-radius:50%;box-shadow:0 0 0 10px #688fb107}.pw-orbit svg{width:28px;height:28px;color:var(--pw-accent)}.pw-orbit i{width:13px;height:13px;border:3px solid var(--pw-panel);border-radius:50%;position:absolute;right:0;bottom:2px;background:#7c92a7}.pw-orbit i.active{background:var(--pw-green)}.pw-station-teaser p{font-size:11px;line-height:1.7;color:var(--pw-muted);margin:12px 0 16px}.pw-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--pw-button);color:var(--pw-button-text);padding:12px 15px;border-radius:8px;min-height:44px;font-size:12px!important;font-weight:600!important}.pw-button svg{width:16px;height:16px}.pw-button.secondary{background:var(--pw-raised);color:var(--pw-accent);border:1px solid var(--pw-line)}.pw-text-button{padding:7px 0;min-height:32px;color:var(--pw-accent);background:transparent;font-size:11px!important}.pw-call-row{width:100%;display:flex;align-items:center;gap:11px;padding:16px 0;background:transparent;color:var(--pw-text);border-top:1px solid var(--pw-line)!important;text-align:left;font-size:11px!important}.pw-call-row>span:nth-child(2){flex:1;min-width:0}.pw-call-row b{display:block;font-size:11px;font-weight:550}.pw-call-row small{display:block;font-size:10px;color:var(--pw-muted);margin-top:5px;line-height:1.4}.pw-call-row>span:nth-child(3){color:var(--pw-muted);text-align:right;font-variant-numeric:tabular-nums}.pw-call-row>svg{width:14px;height:14px;color:var(--pw-muted)}.pw-call-icon{width:31px;height:31px;display:grid;place-items:center;color:var(--pw-accent);background:var(--pw-raised);border-radius:8px}.pw-call-icon svg{width:14px;height:14px}.pw-call-status{font-size:9px;color:var(--pw-green);background:var(--pw-green-bg);padding:5px 7px;border-radius:5px}.pw-overview-grid .pw-call-status,.pw-overview-grid .pw-call-row>svg{display:none}.pw-next-step{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 19px;border:1px solid var(--pw-line);border-radius:10px;background:var(--pw-panel)}.pw-next-step>span{display:flex;gap:11px;align-items:center;font-size:12px}.pw-next-step b{font-weight:500}.pw-next-step button{display:flex;align-items:center;gap:9px;background:transparent;color:var(--pw-accent);font-size:11px;min-height:32px}.pw-next-step svg{width:17px;height:17px}
.pw-wallet-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:17px}.pw-mix-row{display:flex;align-items:center;gap:12px;padding:22px 0;border-top:1px solid var(--pw-line)}.pw-source-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;background:var(--pw-raised);border-radius:9px;font-size:11px;font-weight:650;color:var(--pw-accent)}.pw-mix-row>div:nth-child(2){min-width:0;flex:1}.pw-mix-row b{font-size:13px;font-weight:550;display:block}.pw-mix-row small{display:block;font-size:10px;color:var(--pw-muted);line-height:1.5;margin-top:5px}.pw-stepper{display:flex;align-items:center;background:var(--pw-bg);border:1px solid var(--pw-line);border-radius:8px;height:40px;overflow:hidden;flex:none}.pw-stepper button{font-size:17px;width:31px;height:38px;background:transparent;color:var(--pw-text)}.pw-stepper input{width:31px;padding:0;border:0;background:transparent;color:var(--pw-text);text-align:center;font-size:12px;appearance:textfield;-moz-appearance:textfield}.pw-stepper input::-webkit-inner-spin-button,.pw-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pw-small{font-size:11px;line-height:1.65;color:var(--pw-muted);margin:14px 0 0}.pw-order{display:flex;flex-direction:column;align-items:flex-start}.pw-order-total{font-size:47px;font-weight:550;letter-spacing:-.05em;margin:21px 0 5px}.pw-order-count{font-size:12px;color:var(--pw-muted)}.pw-order-rule{margin:23px 0;font-size:12px;border-top:1px solid var(--pw-line);padding-top:17px;width:100%;line-height:1.6}.pw-order .pw-button{width:100%}.pw-payment-step{padding:15px;border:1px solid var(--pw-line);border-radius:8px;margin-top:17px;background:var(--pw-raised);font-size:12px}.pw-payment-step p{font-size:11px;line-height:1.65;color:var(--pw-muted)}.pw-payment-step a{display:inline-flex;min-height:35px;align-items:center;color:var(--pw-accent);font-size:11px}.pw-explain-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 4px 0}.pw-explain-row b{font-size:11px;font-weight:550}.pw-explain-row p{font-size:11px;line-height:1.6;color:var(--pw-muted);margin:8px 0 0}
.pw-station-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pw-green{color:var(--pw-green);background:var(--pw-green-bg)}.pw-availability-visual{min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--pw-muted)}.pw-availability-visual svg{width:44px;height:44px;padding:11px;box-sizing:content-box;background:var(--pw-raised);border:1px solid var(--pw-line);border-radius:50%}.pw-availability-visual span{font-size:12px}.pw-availability-visual.active{color:var(--pw-green)}.pw-availability-visual.active svg{background:var(--pw-green-bg)}.pw-availability-toggle{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--pw-line);padding-top:20px}.pw-availability-toggle b{font-size:13px;font-weight:550;display:block}.pw-availability-toggle small{display:block;font-size:10px;line-height:1.6;color:var(--pw-muted);margin-top:5px}.pw-switch{width:48px;min-width:48px;height:29px;border-radius:20px;background:#40576e;padding:4px!important}.pw-switch span{display:block;width:21px;height:21px;border-radius:50%;background:white;transition:transform .15s}.pw-switch[aria-checked=true]{background:#27815e}.pw-switch[aria-checked=true] span{transform:translateX(19px)}.pw-availability .pw-button{margin-top:21px;width:100%}.pw-source-chips{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.pw-source-chips button{min-height:37px;padding:8px 10px;border:1px solid var(--pw-line);border-radius:7px;background:transparent;color:var(--pw-muted);font-size:11px;display:flex;align-items:center;gap:5px}.pw-source-chips button[aria-pressed=true]{background:var(--pw-raised);color:var(--pw-accent);border-color:var(--pw-accent)}.pw-source-chips svg{width:13px;height:13px}.pw-delivery-list{margin:20px 0}.pw-delivery-list>div{padding:13px 0;border-top:1px solid var(--pw-line);display:flex;justify-content:space-between;gap:20px;font-size:11px}.pw-delivery-list dt{color:var(--pw-muted)}.pw-delivery-list dd{margin:0;text-align:right;line-height:1.5}.pw-note{padding:14px;background:var(--pw-raised);border-radius:8px;font-size:11px}.pw-note p{font-size:11px;line-height:1.65;color:var(--pw-muted);margin:7px 0 0}.pw-center{text-align:center}.pw-call-expanded{margin-top:17px}.pw-call-expanded h5{font-size:12px;margin:20px 0 8px}.pw-call-expanded>p{font-size:12px;color:var(--pw-muted);line-height:1.7}.pw-detail-pills{display:flex;flex-wrap:wrap;gap:7px}.pw-detail-pills>span{font-size:11px;background:var(--pw-raised);padding:6px 9px;border-radius:5px;color:var(--pw-muted)}.pw-recording{margin-top:20px;padding:17px;border-radius:8px;border:1px solid var(--pw-line);display:flex;gap:15px;align-items:center}.pw-recording-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--pw-raised);color:var(--pw-accent)}.pw-recording-icon svg{width:17px;height:17px}.pw-recording b{font-size:12px}.pw-recording p{font-size:11px;color:var(--pw-muted);line-height:1.6;margin:5px 0 0}.pw-workspace-footer{padding:12px 25px;border-top:1px solid var(--pw-line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--pw-muted);font-size:9px;line-height:1.5;background:var(--pw-panel)}.pw-workspace-footer a{font-size:10px;color:var(--pw-accent);padding:5px 0}
@media(max-width:1050px){.pw-shell{grid-template-columns:175px minmax(0,1fr)}.pw-sidebar{padding-inline:10px}.pw-account b{font-size:10px}.pw-overview-grid{grid-template-columns:1fr}.pw-station-teaser{display:none}.pw-wallet-grid{grid-template-columns:1fr}.pw-order{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;align-items:center}.pw-order>.pw-eyebrow{grid-column:1/-1}.pw-order-total{margin:6px 0;font-size:40px}.pw-order-count{grid-row:3}.pw-order-rule{grid-column:2;grid-row:2 / span 2;padding:0;border:0;margin:0}.pw-order .pw-button{grid-column:1}.pw-order>.pw-small{margin:0}.pw-payment-step{grid-column:1/-1;margin:0}.pw-station-grid{grid-template-columns:1fr}.pw-availability-visual{min-height:100px}.pw-toolbar{padding-inline:18px}#pw-panel{padding:22px}.pw-toolbar-actions{gap:0}.pw-toolbar .pw-icon{width:34px}.pw-sidebar-end{padding-inline:4px}}
@media(max-width:700px){#workspace-preview-dialog.pw-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:12px}.pw-dialog-bar{height:72px;padding:13px 15px}.pw-dialog-bar h2{font-size:21px}.pw-dialog-bar .pw-eyebrow{font-size:8px}.pw-disclosure{padding:9px 15px;font-size:10px}.pw-shell{display:flex;flex-direction:column;height:calc(100% - 121px)}.pw-sidebar{padding:10px 9px;flex:none;overflow:auto;border-right:0;border-bottom:1px solid var(--pw-line);background:var(--pw-bg)}.pw-sidebar :is(.pw-logo,.pw-account,.pw-nav-label,.pw-sidebar-end){display:none}.pw-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.pw-nav button{padding:8px 4px;font-size:10px;line-height:1.3;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:52px;text-align:center}.pw-nav button svg{width:17px;height:17px}.pw-workspace{flex:1}.pw-toolbar{padding:9px 12px;min-height:58px;gap:8px}.pw-breadcrumb{font-size:11px}.pw-toolbar .pw-icon{height:34px;width:32px}.pw-toolbar-actions{gap:0}.pw-wallet-chip{margin-right:4px;padding:8px;gap:6px}.pw-wallet-chip span{display:none}.pw-wallet-chip b{font-size:11px}.pw-utility{right:12px;top:53px}#pw-panel{padding:20px 14px}.pw-page-heading{margin-bottom:20px}.pw-page-heading h3{font-size:25px;line-height:1.15}.pw-page-heading p{font-size:11px}.pw-page-heading .pw-eyebrow{font-size:9px}.pw-stat-grid{gap:7px}.pw-stat{padding:12px 9px}.pw-stat span{font-size:9px}.pw-stat strong{font-size:20px}.pw-stat small{font-size:9px}.pw-card{padding:17px 13px}.pw-card-heading{gap:8px;margin-bottom:16px}.pw-card h4{font-size:14px}.pw-overview-grid{gap:10px}.pw-call-row{gap:9px;padding:14px 0}.pw-call-row>span:nth-child(3){font-size:10px}.pw-call-status{display:none}.pw-call-row b{font-size:11px}.pw-call-row small{font-size:9px}.pw-next-step{padding:14px;display:block}.pw-next-step>span{font-size:11px}.pw-next-step button{margin:8px 0 0 27px;font-size:11px;min-height:36px}.pw-wallet-grid{gap:13px}.pw-mix-row{gap:9px;padding:18px 0}.pw-source-mark{width:30px;height:30px;font-size:10px}.pw-mix-row b{font-size:12px}.pw-mix-row small{font-size:9px}.pw-stepper{height:40px}.pw-stepper button{width:30px}.pw-stepper input{width:25px}.pw-wallet-grid .pw-tag{font-size:9px;padding:5px}.pw-order{gap:10px 14px}.pw-order-total{font-size:38px}.pw-order-rule{font-size:11px}.pw-order .pw-button{font-size:10px!important;gap:7px}.pw-order .pw-button svg{width:13px}.pw-order-count{font-size:11px}.pw-explain-row{grid-template-columns:1fr;gap:13px;padding-top:20px}.pw-explain-row p{margin-top:5px}.pw-delivery-list>div{gap:12px}.pw-workspace-footer{padding:9px 14px;font-size:8px}.pw-workspace-footer>a{font-size:9px}.pw-availability-toggle small{font-size:10px}.pw-recording{padding:13px;gap:11px}}
@media(max-width:360px){.pw-toolbar{padding-inline:8px}.pw-toolbar .pw-icon{width:29px}.pw-nav button{font-size:9px}.pw-dialog-bar h2{font-size:19px}.pw-card{padding:14px 10px}.pw-source-mark{display:none}.pw-mix-row small{font-size:9px}.pw-stat strong{font-size:18px}.pw-workspace-footer>span{display:none}}
@media(min-width:701px) and (max-height:700px){}
@media(prefers-reduced-motion:reduce){.pw-switch span{transition:none}}

/* Keep native scrollbars and form controls in the preview’s selected appearance. */
#workspace-preview-dialog.pw-dialog{color-scheme:dark}
.pw-shell{color-scheme:dark}
.pw-shell[data-pw-theme=light]{color-scheme:light}
.pw-sidebar,#pw-panel{scrollbar-color:var(--pw-line) transparent;scrollbar-width:thin}
.pw-sidebar::-webkit-scrollbar,#pw-panel::-webkit-scrollbar{width:7px;height:7px}
.pw-sidebar::-webkit-scrollbar-track,#pw-panel::-webkit-scrollbar-track{background:transparent}
.pw-sidebar::-webkit-scrollbar-thumb,#pw-panel::-webkit-scrollbar-thumb{background:var(--pw-line);border-radius:8px}

/* A translated disclosure can take multiple lines; the workspace fills the rest. */
#workspace-preview-dialog.pw-dialog[open]{display:flex;flex-direction:column}
#workspace-preview-dialog .pw-dialog-bar{height:auto;min-height:83px;flex:none}
#workspace-preview-dialog .pw-disclosure{flex:none;overflow-wrap:anywhere}
#workspace-preview-dialog .pw-shell{flex:1;height:auto;min-height:0}
#workspace-preview-dialog .pw-dialog-bar>div{min-width:0}
#workspace-preview-dialog .pw-dialog-bar h2{overflow-wrap:anywhere;line-height:1.3}
#workspace-preview-dialog:has(.pw-shell[data-pw-theme="light"]){background:#f0f4f9;border-color:#cfdae7;color:#16314b}
#workspace-preview-dialog:has(.pw-shell[data-pw-theme="light"]) .pw-dialog-bar{background:#fff;color:#16314b}
#workspace-preview-dialog:has(.pw-shell[data-pw-theme="light"]) .pw-dialog-bar h2{color:#16314b}
#workspace-preview-dialog:has(.pw-shell[data-pw-theme="light"]) .pw-dialog-bar .pw-eyebrow{color:#536e86}
#workspace-preview-dialog:has(.pw-shell[data-pw-theme="light"]) .pw-disclosure{background:#e8f0fa;border-color:#cfdae7;color:#536e86}
.pw-shell :is(.pw-toolbar,.pw-next-step,.pw-card-heading,.pw-workspace-footer){flex-wrap:wrap}
.pw-shell :is(.pw-tag,.pw-button,.pw-text-button,.pw-nav button){white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.pw-shell :is(.pw-stat,.pw-toolbar>*,.pw-next-step>span,.pw-card-heading>*,.pw-availability-toggle>div){min-width:0}
.pw-shell .pw-stat strong{overflow-wrap:anywhere}
html[dir="rtl"] .pw-sidebar{border-right:0;border-left:1px solid var(--pw-line)}
html[dir="rtl"] .pw-nav button,html[dir="rtl"] .pw-call-row{text-align:start}
html[dir="rtl"] .pw-utility{right:auto;left:20px}
html[dir="rtl"] .pw-wallet-chip{margin-right:0;margin-left:8px}
html[dir="rtl"] .pw-switch[aria-checked=true] span{transform:translateX(-19px)}
html[dir="rtl"] .pw-delivery-list dd{text-align:end;unicode-bidi:plaintext}
html[dir="rtl"] .pw-stepper{direction:ltr}
html[dir="rtl"] .pw-call-row>span:nth-child(3){text-align:end;unicode-bidi:plaintext}
@media(max-width:700px){#workspace-preview-dialog .pw-dialog-bar{min-height:72px}.pw-shell .pw-toolbar{gap:8px}.pw-shell .pw-toolbar-actions{margin-inline-start:auto}.pw-shell .pw-nav button{overflow-wrap:anywhere;min-width:0}html[dir="rtl"] .pw-sidebar{border-left:0}html[dir="rtl"] .pw-utility{left:12px}.pw-dialog-bar .pw-icon{flex:none}}

/* A readable overview, with a single preview action and no scaled interface. */
.chapter-portal .portal-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:6%;max-width:1280px;left:50%;transform:translateX(-50%);overflow-y:auto;overscroll-behavior:contain;padding:4px 4px 8px;scrollbar-width:thin}
.chapter-portal .portal-copy h2{font-size:clamp(36px,4vw,58px)}
.chapter-portal .portal-copy>p:not(.chapter-kicker){font-size:17px;line-height:1.65;max-width:340px;margin:22px 0}
.chapter-portal .portal-copy>.portal-entry-note{display:block;font-size:14px;line-height:1.6;max-width:320px;margin-top:22px}
.chapter-portal .portal-copy .portal-next{display:none}
.portal-stage-v2{--pw-bg:#0d1b2b;--pw-panel:#13263a;--pw-raised:#1b3048;--pw-line:#344c64;--pw-text:#e9f3ff;--pw-muted:#a7bdd1;--pw-accent:#b9dfff;--pw-button:#c2e5ff;--pw-button-text:#0b2b45;transform:none;background:var(--pw-bg);color:var(--pw-text);border-color:var(--pw-line);border-radius:16px;box-shadow:0 16px 48px #0003;overflow:hidden}
:root[data-theme="light"] .portal-stage-v2{--pw-bg:#fff;--pw-panel:#f6f9fd;--pw-raised:#e8f0fa;--pw-line:#d9e3ef;--pw-text:#16314b;--pw-muted:#526b82;--pw-accent:#215b98;--pw-button:#225f9f;--pw-button-text:#fff;box-shadow:0 16px 48px #213d5c14}
.pw-mini-shell{display:block;height:auto;color:var(--pw-text);font-size:14px}
.pw-mini-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 24px;background:var(--pw-panel);border-bottom:1px solid var(--pw-line);font-size:13px;font-weight:600}
.pw-mini-top .pw-tag{font-size:12px;font-weight:500}
.pw-mini-content{padding:24px}
.pw-mini-greeting .pw-eyebrow,.pw-mini-activity>.pw-eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:.08em}
.pw-mini-greeting h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;color:var(--pw-text);margin:6px 0 0;font-weight:600}
.pw-mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.pw-mini-metrics>div{min-width:0;padding:14px 12px;border:1px solid var(--pw-line);border-radius:9px;background:var(--pw-panel)}
.pw-mini-metrics span{display:block;font-size:12px;line-height:1.5;color:var(--pw-muted);margin-bottom:7px}
.pw-mini-metrics b{display:block;font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere}
.pw-mini-metrics b.pw-mini-paused{font-size:20px;color:var(--pw-text)}
.pw-mini-activity p{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--pw-line);padding:12px 0;margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--pw-muted)}
.pw-mini-activity p:last-child{padding-bottom:0;margin-top:0}
.pw-mini-activity b{display:block;font-weight:500;font-size:13px;color:var(--pw-text)}
.pw-mini-activity small{display:block;font-size:12px;color:var(--pw-muted);margin-top:2px}
.pw-mini-activity p>span:last-child{flex:none;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.pw-mini-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 24px;background:var(--pw-panel);border-top:1px solid var(--pw-line);font-size:12px;line-height:1.5;color:var(--pw-muted)}
.pw-mini-footer>span{flex:1 1 150px}
.pw-mini-footer button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:12px 16px;border-radius:8px;background:var(--pw-button);color:var(--pw-button-text);font-size:13px;font-weight:600;line-height:1.4;white-space:normal}
.pw-mini-footer button:hover{filter:brightness(1.08)}
/* The panel is the only vertical scroll area; toolbar and footer have their own rows. */
#workspace-preview-dialog.pw-dialog{width:min(1120px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));border-radius:14px}
#workspace-preview-dialog.pw-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr)}
#workspace-preview-dialog .pw-dialog-bar{min-height:72px;padding:16px 22px}
#workspace-preview-dialog .pw-dialog-bar h2{font-size:23px}
#workspace-preview-dialog .pw-disclosure{font-size:12px;padding:10px 22px;line-height:1.5}
#workspace-preview-dialog .pw-shell{height:auto;min-height:0;grid-template-columns:180px minmax(0,1fr)}
.pw-sidebar{padding:20px 12px;overflow:visible;min-width:0}
.pw-logo{width:118px;height:40px;margin:0 0 20px 6px}
.pw-nav-label{font-size:10px;line-height:1.5;margin:8px 8px 12px}
.pw-nav button{font-size:13px;padding:12px 10px;min-height:46px}
.pw-workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.pw-toolbar{min-height:58px;padding:10px 22px}
#pw-panel{padding:24px;min-width:0;min-height:0;overflow:auto}
.pw-page-heading{margin-bottom:20px}
.pw-page-heading h3{font-size:27px}
.pw-page-heading p,.pw-small,.pw-station-teaser p,.pw-explain-row p,.pw-note p,.pw-recording p,.pw-payment-step p{font-size:13px;line-height:1.65}
.pw-stat{padding:16px}
.pw-stat span,.pw-stat small,.pw-call-row small,.pw-mix-row small,.pw-availability-toggle small,.pw-delivery-list>div,.pw-explain-row b{font-size:12px;line-height:1.5}
.pw-stat strong{font-size:26px;margin:8px 0}
.pw-card h4{font-size:16px}
.pw-card-heading{margin-bottom:14px}
.pw-call-row,.pw-call-row b{font-size:13px!important}
.pw-call-row>span:nth-child(3){font-size:12px}
.pw-button,.pw-text-button{font-size:13px!important}
.pw-orbit{width:56px;height:56px;margin:16px auto}
.pw-workspace-footer{font-size:11px;padding:12px 22px}
.pw-workspace-footer a{font-size:12px;line-height:1.5;min-height:36px;display:inline-flex;align-items:center}
@media(min-width:701px) and (max-height:780px){
 .chapter-portal .portal-layout{gap:5%;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}
 .pw-mini-top{padding:12px 20px}.pw-mini-content{padding:18px 20px}.pw-mini-greeting h3{font-size:22px}.pw-mini-metrics{margin:16px 0;gap:10px}.pw-mini-metrics>div{padding:11px}.pw-mini-metrics b{font-size:21px}.pw-mini-activity p{padding:9px 0;margin-top:8px}.pw-mini-footer{padding:12px 20px}
}
@media(max-width:1050px){
 .chapter-portal .portal-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:4%}.chapter-portal .portal-copy h2{font-size:38px}.pw-mini-content{padding:20px}.pw-mini-greeting h3{font-size:22px}.pw-mini-metrics{gap:8px}.pw-mini-metrics>div{padding:12px 10px}.pw-mini-metrics b{font-size:21px}.pw-mini-metrics b.pw-mini-paused{font-size:18px}
 .pw-mini-footer{padding:16px 20px}.pw-mini-footer>span{flex-basis:100%}.pw-mini-footer button{width:100%}
}
@media(max-width:800px),(max-height:600px){
 #workspace-preview-dialog .pw-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .pw-sidebar{padding:8px 12px;border-inline:0;border-bottom:1px solid var(--pw-line);overflow:visible}
 .pw-sidebar :is(.pw-logo,.pw-nav-label){display:none}.pw-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .pw-nav button{font-size:12px;line-height:1.4;padding:8px 6px;justify-content:center;min-height:44px;gap:7px;text-align:center}.pw-nav button svg{width:16px;height:16px}
 .pw-workspace{min-height:0}.pw-overview-grid,.pw-wallet-grid,.pw-station-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
 .chapter-portal .portal-layout{left:5%;width:90%;transform:none;display:flex;flex-direction:column;justify-content:flex-start;gap:18px;overflow-y:auto;padding-bottom:16px}
 .chapter-portal .portal-copy h2{font-size:32px;line-height:1.15}.chapter-portal .portal-copy h2 br{display:none}.chapter-portal .portal-copy h2 em{display:block;margin:0}
 .chapter-portal .portal-copy>p:not(.chapter-kicker){display:none}.chapter-portal .portal-copy>.portal-entry-note{display:none}.portal-stage-v2{flex-shrink:0;border-radius:12px;width:100%}
 .pw-mini-top{padding:12px 16px}.pw-mini-content{padding:18px 16px}.pw-mini-greeting h3{font-size:22px}.pw-mini-metrics{gap:7px;margin:18px 0}.pw-mini-metrics>div{padding:12px 9px}.pw-mini-metrics span{font-size:11px}.pw-mini-metrics b{font-size:20px}.pw-mini-metrics b.pw-mini-paused{font-size:18px}
 .pw-mini-footer{padding:14px 16px;gap:10px}.pw-mini-footer>span{font-size:12px}.pw-mini-footer button{font-size:14px;min-height:46px}
 #workspace-preview-dialog.pw-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:12px}
 #workspace-preview-dialog .pw-dialog-bar{min-height:64px;padding:12px 16px}#workspace-preview-dialog .pw-dialog-bar h2{font-size:20px}#workspace-preview-dialog .pw-disclosure{padding:9px 16px;font-size:11px}
 .pw-nav button{flex-direction:column;min-height:55px;font-size:11px;gap:4px}.pw-toolbar{padding:8px 14px;min-height:54px}#pw-panel{padding:20px 14px}.pw-page-heading h3{font-size:24px}.pw-card{padding:17px 14px}.pw-stat{padding:12px 9px}.pw-stat span,.pw-stat small{font-size:11px}.pw-stat strong{font-size:21px}.pw-call-row{gap:8px}.pw-call-row b{font-size:12px!important}.pw-call-row small{font-size:11px}.pw-call-row>span:nth-child(3){font-size:11px}.pw-workspace-footer{padding:9px 14px;gap:4px}.pw-workspace-footer>span{display:none}.pw-workspace-footer a{font-size:12px;min-height:36px}
}
@media(max-width:380px){.pw-mini-greeting h3{font-size:20px}.pw-mini-metrics{gap:5px}.pw-mini-metrics>div{padding:10px 7px}.pw-mini-metrics b{font-size:18px}.pw-mini-metrics b.pw-mini-paused{font-size:16px}.pw-mini-metrics span{font-size:11px}.pw-call-icon{display:none}}

/* Keep money and counts intact; delivery descriptions may wrap normally. */
.pw-mini-metrics b:not(.pw-mini-paused){white-space:nowrap;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums}
@media(max-width:700px){
 .pw-mini-metrics{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr))}
 .pw-mini-metrics b:not(.pw-mini-paused){font-size:clamp(16px,4.6vw,20px)}
}

/* Interactive homepage workspace: the actual portal hierarchy, sized for reading. */
.chapter-portal .portal-layout{grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);gap:4%;max-width:1320px}
.portal-stage-v2{--pw-green:#8bd4b2;--pw-green-bg:#153b32}
:root[data-theme="light"] .portal-stage-v2{--pw-green:#14734e;--pw-green-bg:#e3f3eb}
.pw-mini-shell.pi-shell{display:grid;grid-template-columns:140px minmax(0,1fr);font-size:13px;min-width:0}
.pi-shell *{box-sizing:border-box}
.pi-shell :is(button,a){font-family:inherit;cursor:pointer}
.pi-shell button{border:0;font:inherit}
.pi-shell button:disabled{cursor:not-allowed;opacity:.45}
.pi-shell svg,.pw-mini-footer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pi-shell :is(button,a,[tabindex]):focus-visible{outline:3px solid #539df1;outline-offset:-3px}
.pi-shell [hidden]{display:none!important}
.pi-sidebar{min-width:0;display:flex;flex-direction:column;padding:20px 10px 14px;border-inline-end:1px solid var(--pw-line);background:var(--pw-panel)}
.pi-logo{width:108px;height:38px;object-fit:contain;background:#fff;border-radius:6px;padding:6px;margin:0 auto 28px}
.pi-sidebar-label{font-size:9px;letter-spacing:.09em;font-weight:650;color:var(--pw-muted);padding:0 7px;margin-bottom:11px;line-height:1.5}
.pi-nav{display:flex;flex-direction:column;gap:5px}
.pi-nav button{min-height:44px;display:flex;align-items:center;gap:9px;border-radius:7px;padding:10px 8px;background:transparent;color:var(--pw-muted);text-align:start;font-size:12px;line-height:1.45}
.pi-nav button:hover,.pi-nav button[aria-selected="true"]{background:var(--pw-raised);color:var(--pw-accent)}
.pi-nav button[aria-selected="true"]{font-weight:650}
.pi-nav svg{width:17px;height:17px}
.pi-agent{display:flex;align-items:center;gap:8px;margin-top:auto;padding:24px 2px 0}
.pi-avatar{display:grid;place-items:center;border-radius:50%;background:var(--pw-raised);border:1px solid var(--pw-line);color:var(--pw-accent);width:30px;height:30px;flex:none;font-size:10px;font-weight:650}
.pi-agent>span:last-child{min-width:0}
.pi-agent b,.pi-agent small{display:block;line-height:1.45}
.pi-agent b{font-size:11px;font-weight:600}
.pi-agent small{font-size:10px;color:var(--pw-muted);margin-top:2px}
.pi-main{min-width:0;display:flex;flex-direction:column;background:var(--pw-bg)}
.pi-topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:66px;padding:9px 18px;border-bottom:1px solid var(--pw-line);background:var(--pw-panel)}
.pi-wallet-chip{display:flex;align-items:center;gap:8px;background:var(--pw-raised);color:var(--pw-text);padding:7px 10px;border-radius:8px;min-height:44px;text-align:start}
.pi-wallet-chip>svg{color:var(--pw-accent)}
.pi-wallet-chip span{font-size:10px;line-height:1.3;color:var(--pw-muted)}
.pi-wallet-chip b{display:block;margin-top:2px;font-size:13px;font-weight:650;color:var(--pw-text);white-space:nowrap}
.pi-top-actions{display:flex;align-items:center;gap:5px}
.pi-status-button{display:flex;align-items:center;gap:6px;min-height:44px;background:transparent;color:var(--pw-muted);padding:7px;font-size:11px;line-height:1.3}
.pi-status-button i,.pi-pill i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.pi-status-button.is-live,.pi-pill.is-live{color:var(--pw-green)}
.pi-icon-button{width:38px;min-width:38px;height:44px;display:grid;place-items:center;color:var(--pw-muted);background:transparent;border-radius:7px}
.pi-icon-button:hover{background:var(--pw-raised);color:var(--pw-accent)}
.pi-panel{padding:18px;min-height:332px;min-width:0}
.pi-view-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px;flex-wrap:wrap}
.pi-view-head h3{margin:0;color:var(--pw-text);font-size:21px;font-weight:650;line-height:1.3;letter-spacing:-.04em}
.pi-range{display:flex;padding:3px;border-radius:7px;border:1px solid var(--pw-line);background:var(--pw-panel);gap:2px}
.pi-range button{background:transparent;color:var(--pw-muted);padding:7px 9px;min-height:32px;border-radius:5px;font-size:11px;line-height:1.4}
.pi-range button[aria-pressed="true"]{background:var(--pw-raised);color:var(--pw-accent);font-weight:650}
.pi-metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-bottom:13px}
.pi-metrics article{min-width:0;padding:11px 10px;border:1px solid var(--pw-line);border-radius:8px;background:var(--pw-panel)}
.pi-metrics span{display:block;color:var(--pw-muted);font-size:11px;line-height:1.4}
.pi-metrics strong{display:block;color:var(--pw-text);font-size:23px;line-height:1.2;letter-spacing:-.035em;font-weight:650;margin-top:7px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pi-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.pi-card-heading h4,.pi-source-heading h4,.pi-record>h4{font-size:12px;line-height:1.5;font-weight:650;color:var(--pw-text);margin:0}
.pi-card-heading>span{font-size:10px;color:var(--pw-muted);line-height:1.4}
.pi-card-heading>button:not(.pi-icon-button){display:flex;align-items:center;gap:4px;background:transparent;color:var(--pw-accent);font-size:11px;min-height:32px;padding:0}
.pi-card-heading>button>svg{width:14px;height:14px}
.pi-chart-card{padding:12px 13px 10px;background:var(--pw-panel);border:1px solid var(--pw-line);border-radius:8px}
.pi-chart{position:relative;display:flex;align-items:end;gap:8px;padding:16px 2px 0;min-height:115px}
.pi-chart-grid{position:absolute;inset:18px 0 18px;pointer-events:none;background:repeating-linear-gradient(to top,transparent 0,transparent 28px,var(--pw-line) 29px,transparent 30px);opacity:.55}
.pi-chart-column{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;position:relative;gap:4px}
.pi-chart-value{font-size:10px;color:var(--pw-muted);font-variant-numeric:tabular-nums;line-height:1}
.pi-chart-column i{height:var(--bar-height);width:min(28px,70%);min-height:6px;background:linear-gradient(0deg,#6a9fcf,#9fc7e6);border-radius:4px 4px 1px 1px}
:root[data-theme="light"] .pi-chart-column i{background:linear-gradient(0deg,#2c6197,#7ba5cf)}
.pi-chart-column small{font-size:9px;line-height:1.3;color:var(--pw-muted);white-space:nowrap}
.pi-recent-head{margin-top:10px}
.pi-call-row{display:flex;align-items:center;gap:9px;background:transparent;width:100%;padding:11px 0;color:var(--pw-text);text-align:start;border-top:1px solid var(--pw-line)!important;min-height:59px}
.pi-call-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:var(--pw-raised);color:var(--pw-accent);flex:none}
.pi-call-icon svg{width:14px;height:14px}
.pi-call-person{flex:1;min-width:0}
.pi-call-person b{display:block;font-size:11px;line-height:1.45;font-weight:600}
.pi-call-person small{display:block;font-size:10px;line-height:1.4;color:var(--pw-muted);margin-top:3px}
.pi-call-length{font-size:11px;color:var(--pw-muted);white-space:nowrap;unicode-bidi:plaintext}
.pi-call-row>svg{width:14px;height:14px;color:var(--pw-muted)}
.pi-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--pw-line);border-radius:5px;background:var(--pw-panel);padding:5px 7px;font-size:10px;line-height:1.4;color:var(--pw-muted)}
.pi-availability{display:flex;align-items:center;gap:12px;background:var(--pw-panel);border:1px solid var(--pw-line);border-radius:9px;padding:18px 12px}
.pi-phone-orbit{display:grid;place-items:center;position:relative;width:47px;height:47px;border-radius:50%;color:var(--pw-muted);background:var(--pw-raised);flex:none}
.pi-phone-orbit svg{width:22px;height:22px}
.pi-phone-orbit i{position:absolute;width:9px;height:9px;border:2px solid var(--pw-panel);border-radius:50%;background:var(--pw-muted);bottom:1px;inset-inline-end:1px}
.pi-phone-orbit.is-live{background:var(--pw-green-bg);color:var(--pw-green)}
.pi-phone-orbit.is-live i{background:var(--pw-green)}
.pi-availability>div:nth-child(2){flex:1;min-width:0}
.pi-availability strong{font-size:13px;line-height:1.4;display:block;font-weight:600}
.pi-availability small{display:block;font-size:10px;line-height:1.5;color:var(--pw-muted);margin-top:5px}
.pi-switch{width:46px;min-width:46px;height:28px;padding:4px;background:#536b82;border-radius:20px;direction:ltr}
.pi-switch span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}
.pi-switch[aria-checked="true"]{background:#27815e}
.pi-switch[aria-checked="true"] span{transform:translateX(18px)}
/* Tap targets (plain-home2, Oct 17): every control in the example account is at least 44 px tall and wide on phones.
   Sizes only grow; text sizes are unchanged. The On/Off switches keep their drawn size: the button is 44 px tall and
   its track is drawn by ::before. Higher-specificity selectors so the later per-width rules can't shrink them again. */
.pi-shell .pi-switch,.pw-shell .pw-switch{position:relative;height:44px;min-height:44px;background:transparent!important;border-radius:22px}
.pi-shell .pi-switch{padding:12px 4px}.pw-shell .pw-switch{padding:11.5px 4px!important}
.pi-shell .pi-switch::before,.pw-shell .pw-switch::before{content:"";position:absolute;inset:8px 0;border-radius:20px;background:#536b82}
.pw-shell .pw-switch::before{inset:7.5px 0;background:#40576e}
.pi-shell .pi-switch[aria-checked="true"]::before,.pw-shell .pw-switch[aria-checked="true"]::before{background:#27815e}
.pi-shell .pi-switch span,.pw-shell .pw-switch span{position:relative}
@media(max-width:700px){
 .pi-shell .pi-range button,.pi-shell .pi-card-heading>button:not(.pi-icon-button),.pi-shell .pi-topbar .pi-wallet-chip{min-height:44px}
 .pi-shell .pi-icon-button{width:44px;min-width:44px;min-height:44px}
 .pi-shell .pi-status-button{min-width:44px;justify-content:center}
 #portal .pw-mini-footer button{min-height:44px}
 #workspace-preview-dialog .pw-icon{width:44px;min-width:44px;height:44px}
 #workspace-preview-dialog :is(.pw-wallet-chip,.pw-text-button,.pw-source-chips button,.pw-workspace-footer a){min-height:44px}
}
.pi-source-heading{margin:20px 0 10px}
.pi-source-heading p{margin:3px 0 0;font-size:11px;line-height:1.5;color:var(--pw-muted)}
.pi-sources{display:flex;flex-wrap:wrap;gap:7px}
.pi-sources button{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 10px;border:1px solid var(--pw-line);background:var(--pw-panel);color:var(--pw-muted);border-radius:7px;font-size:11px;line-height:1.4}
.pi-sources button[aria-pressed="true"]{border-color:var(--pw-accent);color:var(--pw-accent);background:var(--pw-raised)}
.pi-check{width:14px;height:14px;display:grid;place-items:center;border:1px solid var(--pw-line);border-radius:3px;flex:none}
.pi-check svg{width:12px;height:12px}
.pi-station-bottom p,.pi-fine-print{font-size:11px;line-height:1.6;color:var(--pw-muted);margin:14px 0 0}
.pi-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:7px;padding:10px 12px;background:var(--pw-button);color:var(--pw-button-text);font-size:11px!important;font-weight:600!important;line-height:1.5}
.pi-action svg{width:15px;height:15px}
.pi-station-bottom .pi-action{margin-top:12px;width:100%}
.pi-wallet-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--pw-panel);border:1px solid var(--pw-line);border-radius:8px;padding:12px;font-size:12px;color:var(--pw-muted)}
.pi-wallet-balance strong{color:var(--pw-text);font-size:20px;font-weight:650;white-space:nowrap}
.pi-mix-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--pw-line)}
.pi-mix-row>div:first-child{flex:1;min-width:0}
.pi-mix-row b{font-size:12px;font-weight:600;display:block}
.pi-mix-row small{display:block;font-size:10px;line-height:1.5;color:var(--pw-muted);margin-top:4px}
.pi-stepper{display:flex;align-items:center;border:1px solid var(--pw-line);border-radius:7px;overflow:hidden;direction:ltr;flex:none;background:var(--pw-panel)}
.pi-stepper button{width:34px;min-height:40px;color:var(--pw-text);background:transparent;font-size:18px}
.pi-stepper button:hover{background:var(--pw-raised)}
.pi-stepper output{display:inline-block;min-width:27px;text-align:center;font-variant-numeric:tabular-nums;font-size:12px}
.pi-wallet-total{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:15px}
.pi-wallet-total span{display:block;color:var(--pw-muted);font-size:11px;line-height:1.4}
.pi-wallet-total strong{display:block;color:var(--pw-text);font-size:26px;font-weight:650;line-height:1.3;margin-top:3px;white-space:nowrap}
.pi-history-list .pi-call-row{padding-block:18px}
.pi-record{background:var(--pw-panel);border:1px solid var(--pw-line);border-radius:8px;padding:12px}
.pi-record-meta{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 18px}
.pi-record-meta span{font-size:10px;padding:5px 7px;line-height:1.3;background:var(--pw-raised);color:var(--pw-muted);border-radius:4px}
.pi-record p{font-size:12px;line-height:1.7;color:var(--pw-muted);margin:6px 0 17px}
.pw-mini-footer{padding:11px 16px;font-size:11px;gap:10px}
.pw-mini-footer>span{flex:1 1 100px}
.pw-mini-footer button{font-size:12px;min-height:40px;padding:9px 13px;width:auto}
@media(max-width:1150px) and (min-width:701px){
 .chapter-portal .portal-layout{grid-template-columns:minmax(180px,.52fr) minmax(0,1.48fr);gap:3%}
 .chapter-portal .portal-copy h2{font-size:36px}
 .pw-mini-shell.pi-shell{grid-template-columns:112px minmax(0,1fr)}
 .pi-sidebar{padding:18px 6px 12px}.pi-logo{width:94px;height:34px}.pi-nav button{gap:6px;padding-inline:6px;font-size:11px}.pi-sidebar-label{font-size:8px}
 .pi-agent{gap:5px}.pi-agent b{font-size:10px}.pi-agent small{font-size:9px}.pi-agent .pi-avatar{display:none}.pi-panel{padding:14px}.pi-topbar{padding-inline:13px}
 .pi-view-head h3{font-size:19px}.pi-metrics strong{font-size:21px}.pi-metrics span{font-size:10px}.pi-range button{font-size:10px;padding-inline:7px}
 .pw-mini-footer>span{flex-basis:80px}
}
@media(max-width:700px){
 .chapter-portal .portal-layout{display:flex;gap:16px}
 .pw-mini-shell.pi-shell{display:flex;flex-direction:column}
 .pi-sidebar{display:contents}
 .pi-sidebar :is(.pi-logo,.pi-sidebar-label,.pi-agent){display:none}
 .pi-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:7px;border-bottom:1px solid var(--pw-line);background:var(--pw-panel)}
 .pi-nav button{min-height:55px;padding:6px 3px;flex-direction:column;justify-content:center;gap:5px;font-size:10px;text-align:center;line-height:1.35}
 .pi-topbar{padding:8px 12px;min-height:61px}.pi-topbar .pi-avatar{display:none}.pi-wallet-chip{padding:7px 9px}.pi-top-actions{gap:0}.pi-status-button{font-size:10px;padding-inline:5px}.pi-icon-button{min-width:32px;width:32px}
 .pi-panel{padding:15px 12px;min-height:0}.pi-view-head{margin-bottom:13px}.pi-view-head h3{font-size:20px}.pi-range button{padding-inline:7px;min-height:32px;font-size:10px}
 .pi-metrics{gap:5px}.pi-metrics article{padding:10px 7px}.pi-metrics span{font-size:10px}.pi-metrics strong{font-size:21px;margin-top:7px}
 .pi-chart-card{padding:10px}.pi-chart{gap:5px}.pi-chart-column small{font-size:8px}.pi-card-heading h4{font-size:11px}.pi-card-heading>span{font-size:9px}.pi-call-row{gap:7px}.pi-call-person b{font-size:11px}.pi-call-length{font-size:10px}.pi-call-row>svg{display:none}
 .pi-availability{gap:9px;padding:15px 10px}.pi-phone-orbit{width:38px;height:38px}.pi-availability strong{font-size:12px}.pi-sources{gap:6px}.pi-sources button{font-size:11px;flex:1 1 auto;justify-content:center}.pi-mix-row{gap:9px}.pi-mix-row small{font-size:10px}.pi-stepper button{width:30px}.pi-stepper output{min-width:23px}.pi-wallet-total{gap:8px}.pi-wallet-total .pi-action{font-size:10px!important}
 .pw-mini-footer{padding:10px 12px;gap:9px}.pw-mini-footer>span{flex:1 1 auto;font-size:10px}.pw-mini-footer button{font-size:11px;min-height:42px;width:auto;padding:9px 10px}
}
@media(max-width:360px){.pi-view-head{align-items:flex-start}.pi-view-head h3{font-size:19px}.pi-range{margin-inline-start:auto}.pi-range button{font-size:9px;padding-inline:6px}.pi-metrics strong{font-size:19px}.pi-availability{flex-wrap:wrap}.pi-phone-orbit{display:none}.pi-sources button{font-size:10px;padding-inline:7px}.pi-nav button{font-size:9px}.pi-chart-card{padding-inline:8px}.pi-call-icon{width:26px;height:29px}.pi-call-person small{font-size:9px}.pi-call-length{font-size:9px}.pi-pill{font-size:9px}.pi-wallet-total strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.pi-switch span{transition:none}}
.pi-metrics article>small{display:block;font-size:9px;color:var(--pw-muted);line-height:1.4;margin-top:5px}
.pi-wallet-notice{min-height:18px}
/* Short laptop windows retain the chrome; only the workspace pane scrolls. */
@media(min-width:701px){
 .chapter-portal .portal-copy h2{font-size:clamp(32px,3.1vw,48px);line-height:1.13}
 .chapter-portal .portal-copy>p:not(.chapter-kicker){font-size:15px;line-height:1.6}
 .chapter-portal .portal-layout{align-items:center;overflow:visible;min-height:0}
 .chapter-portal .portal-stage-v2{height:100%;max-height:550px;min-height:0;display:flex;flex-direction:column}
 .portal-stage-v2 .pw-mini-shell.pi-shell{flex:1;min-height:0;overflow:hidden}
 .pi-sidebar,.pi-main{min-height:0}
 .pi-sidebar{overflow:auto;scrollbar-width:thin}
 .pi-panel{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--pw-line) transparent}
 .pi-topbar,.pw-mini-footer{flex:none}
 .portal-stage-v2 .pw-mini-footer{min-height:54px;flex-wrap:nowrap}
 .portal-stage-v2 .pw-mini-footer>span{flex:1 1 auto}
 .portal-stage-v2 .pw-mini-footer button{flex:none}
}
.pi-mobile-example{display:none}
@media(max-width:700px){.pi-topbar{flex-wrap:wrap;gap:6px 10px}.pi-mobile-example{display:block;flex-basis:100%;font-size:10px;color:var(--pw-muted);line-height:1.4}}
@media(min-width:701px) and (max-height:800px){
 .pi-topbar{min-height:54px;padding:5px 14px}
 .pi-topbar .pi-wallet-chip{min-height:40px;padding:5px 8px}
 .portal-stage-v2 .pw-mini-footer{min-height:48px;padding:4px 14px}
 .portal-stage-v2 .pw-mini-footer button{min-height:38px;padding:8px 11px}
 .pi-panel{padding:12px 14px}
 .pi-view-head{margin-bottom:10px}
 .pi-view-head h3{font-size:20px}
 .pi-range{padding:2px}.pi-range button{min-height:28px;padding:5px 8px}
 .pi-metrics{margin-bottom:10px;gap:7px}.pi-metrics article{padding:8px}
 .pi-metrics span{font-size:10px}.pi-metrics strong{font-size:22px;margin-top:5px}
 .pi-metrics article>small{font-size:8px;margin-top:3px;line-height:1.35}
 .pi-chart-card{padding:9px 11px 8px}
 .pi-chart{min-height:86px;padding-top:10px;gap:6px}
 .pi-chart-column i{height:calc(var(--bar-height) * .68)}
 .pi-chart-grid{inset:12px 0 16px;background:repeating-linear-gradient(to top,transparent 0,transparent 20px,var(--pw-line) 21px,transparent 22px)}
 .pi-chart-value{font-size:9px}.pi-chart-column small{font-size:8px}.pi-chart-column{gap:3px}
 .pi-recent-head{margin-top:8px}
 .pi-sidebar{padding-block:15px 10px}
 .pi-logo{height:34px;margin-bottom:18px}
 .pi-agent{padding-top:14px}.pi-sidebar-label{margin-bottom:8px}
}
@media(min-width:701px) and (max-height:690px){.pi-agent{display:none}}
/* Light theme: the preview's focus ring in the light theme's focus colour (#539df1 is 2.7:1 on the light preview;
   a11y F049). */
:root[data-theme="light"] .pi-shell :is(button,a,[tabindex]):focus-visible{outline-color:var(--adlux-focus,#1659b3)}
/* Plain-language pass (owner, Oct 17 PM): the Wallet is "pick an amount, see what it pays for", one call type per
   line, like the portal's Wallet. Bigger amount buttons, money lines and button labels for older visitors. */
.pw-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 4px}
.pw-amounts button,.pi-amounts button{border:2px solid var(--pw-line);border-radius:10px;background:var(--pw-bg);color:var(--pw-text);font-weight:650;font-variant-numeric:tabular-nums;cursor:pointer}
.pw-amounts button{min-height:56px;font-size:20px}
.pw-amounts button[aria-pressed="true"],.pi-amounts button[aria-pressed="true"]{border-color:var(--pw-accent);background:var(--pw-raised);box-shadow:inset 0 0 0 1px var(--pw-accent)}
.pw-amount-label{display:block;margin:20px 0 8px;font-size:16px;font-weight:600;color:var(--pw-text)}
.pw-amount-field{display:flex;align-items:center;gap:6px;max-width:240px;padding:0 14px;border:2px solid var(--pw-line);border-radius:10px;background:var(--pw-bg)}
.pw-amount-field span{font-size:20px;font-weight:600;color:var(--pw-muted)}
.pw-amount-field input{flex:1;min-width:0;min-height:52px;padding:0;border:0;background:transparent;color:var(--pw-text);font:inherit;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.pw-amount-field input:focus{outline:none}.pw-amount-field:focus-within{outline:3px solid var(--pw-accent);outline-offset:2px}
.pw-amount-field:has(input[aria-invalid="true"]){border-color:#c2493f}
.pw-pays{width:100%;margin:6px 0 4px}
/* The shared formatter's lines (shared/calls-for-amount.js: .cfa-lead, .cfa-list, .cfa-note) in the example Wallet,
   the small Wallet on the homepage and the "What do calls cost?" answer. */
.pw-pays-head,.pw-cfa .cfa-lead{margin:0 0 10px;font-size:17px;font-weight:650;line-height:1.4;color:var(--pw-text)}
.pw-cfa .cfa-list,.pi-cfa .cfa-list{display:grid;margin:0;padding:0;list-style:none}
.pw-cfa .cfa-list{gap:8px}.pw-cfa .cfa-list li{padding:10px 12px;border-radius:8px;background:var(--pw-raised);color:var(--pw-text);font-size:16px;line-height:1.45}
.pw-cfa .cfa-note,.pw-cfa .cfa-unknown{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--pw-muted)}
#workspace-preview-dialog .pw-button{min-height:52px;font-size:16px!important}
.pw-page-heading p,.pw-small,.pw-station-teaser p,.pw-explain-row p,.pw-note p,.pw-recording p,.pw-payment-step p{font-size:15px;line-height:1.6}
.pw-explain-row b{font-size:14px}
.pi-amount-label{margin:12px 0 6px;font-size:12px;color:var(--pw-muted)}
.pi-amounts{display:flex;gap:8px}.pi-amounts button{flex:1 1 0;min-width:0;min-height:44px;font-size:15px}
.pi-pays{margin-top:12px}.pi-pays-head,.pi-cfa .cfa-lead{margin:0 0 6px;font-size:13px;font-weight:650;color:var(--pw-text)}
.pi-cfa .cfa-list{gap:4px}.pi-cfa .cfa-list li{font-size:13px;line-height:1.4;color:var(--pw-text)}
.pi-cfa .cfa-note,.pi-cfa .cfa-unknown{margin:6px 0 0;font-size:11px;line-height:1.4;color:var(--pw-muted)}
.pi-shell .pi-action{font-size:13px!important}
@media(max-width:700px){.pw-amounts button{min-height:52px;font-size:18px}.pw-cfa .cfa-list li{font-size:16px}}
/* "What do calls cost?" on the homepage: the price list and what $225 gets, one line each, at the answer's text size. */
#questions-dialog .faq-subhead,#questions-dialog .faq-pays .cfa-lead{margin:14px 0 6px;font-weight:650;color:inherit}
#questions-dialog .faq-lines,#questions-dialog .faq-pays .cfa-list{margin:0 0 10px;padding-inline-start:22px;font-size:16px;line-height:1.6}
#questions-dialog .faq-lines li,#questions-dialog .faq-pays .cfa-list li{margin:0 0 4px}
:root[data-theme="dark"] #questions-dialog .faq-lines,:root[data-theme="dark"] #questions-dialog .faq-pays .cfa-list{color:#d6e4f3}