/* Unified Inbox v5: Work tab and More tab with its sub-screens. Tokens come from styles.css (:root and dark). */
.v5-title{margin:0;font:700 34px/1.12 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.v5-title-sub{font-size:28px;line-height:1.15}
.work-shell.work-shell[data-density] :is(.page-work,.page-more){max-width:680px;margin:0 auto;padding:48px 24px 64px}
@media(max-width:760px){.work-shell.work-shell[data-density] :is(.page-work,.page-more){padding:24px 16px calc(32px + env(safe-area-inset-bottom))}}

/* -- Work -- */
.wk-mirai{display:flex;align-items:center;gap:14px;margin-top:18px}
.wk-mirai mirai-orb{flex:none}
.wk-mirai-name{display:block;font-size:19px;font-weight:700;line-height:1.2;color:var(--ink)}
.wk-mirai-status{display:block;margin-top:2px;color:var(--mut);font-size:15px}
.wk-sub{margin:14px 0 0;color:var(--mut);font-size:15px}
.wk-list{margin:0;padding:0;list-style:none}
.wk-row{border-bottom:1px solid var(--line)}
.wk-head{display:flex;align-items:center;gap:16px;width:100%;min-height:64px;padding:14px 0;border:0;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.wk-head-static{cursor:default}
.wk-head-text{display:grid;gap:5px;min-width:0;flex:1}
.wk-title{font-size:17px;font-weight:600;line-height:1.3;color:var(--ink)}
.wk-step{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:15px;line-height:1.4}
.wk-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%}
.wk-dot-red{background:var(--red)}.wk-dot-amber{background:var(--warn)}
.wk-chev{display:inline-flex;flex:none;color:var(--mut);transition:transform 220ms var(--v5-chevron)}
.wk-row.open .wk-chev{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){.wk-head:not(.wk-head-static):hover{background:var(--soft)}}
.wk-body{padding:2px 0 20px;display:grid;gap:16px}
.wk-kvs{display:grid;gap:10px;margin:0;font-size:15px}
.wk-kv{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px}
.wk-kv dt{color:var(--mut)}.wk-kv dd{margin:0;color:var(--ink2)}
.wk-quote{display:block;margin-top:4px;font-family:var(--serif);font-size:17px;line-height:1.4;color:var(--ink);quotes:none}
.wk-draft{margin:0;padding:14px 16px;border-radius:12px;background:var(--soft)}
.wk-draft figcaption{color:var(--mut);font-size:13px;font-weight:600;margin-bottom:8px}
.wk-draft-text{margin:0;font-family:var(--serif);font-size:17px;line-height:1.5;color:var(--ink);white-space:pre-wrap}
.wk-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media(max-width:760px){.wk-actions{display:grid;grid-template-columns:1fr 1fr}.wk-actions .mx-secondary,.wk-actions .mx-plain{border:1px solid var(--line2);color:var(--ink)}}
.wk .mx-group{margin-top:28px}
.wk-row:focus-within .wk-head:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.wk-head:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:6px}
.wk-head:active{transform:scale(.995)}
@media(prefers-reduced-motion:reduce){.wk-chev{transition:none}}
:root[data-motion="reduced"] .wk-chev{transition:none}
.wk-footnote{margin:32px 0 0;color:var(--mut);font-size:13px}
.wk-actions .mx-plain{padding:0 12px 0 0}
@media(max-width:760px){.wk-actions .mx-plain{padding:0 20px}}
.wk-kv dd>.wk-quote:first-child{margin-top:0}

/* -- More: root and sub-screens -- */
.mr-ws{display:flex;align-items:center;gap:14px;margin-top:18px;padding-bottom:20px}
.mr-mark{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:10px;background:var(--btn);color:var(--btnink);font:700 16px/1 var(--sans);letter-spacing:-.02em}
.mr-ws-name{display:block;font-size:19px;font-weight:700;line-height:1.2}
.mr-ws-role{display:block;margin-top:2px;color:var(--mut);font-size:15px}
.mr-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.mr-row{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:17px;text-align:left;cursor:pointer;transition:transform 160ms var(--v5-press)}
.mr-row:active{transform:scale(.99)}
.mr-row .mr-icon{flex:none;color:var(--ink)}
.mr-row .mr-icon:last-child{color:var(--mut)}
.mr-row-label{flex:1}
.mr-status{display:inline-flex;align-items:center;gap:6px;color:var(--mut);font-size:15px}
.mr-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.mr-dot-amber{background:var(--warn)}.mr-dot-red{background:var(--red)}
.mr-signout{display:block;margin:28px 0 0;padding:0;min-height:44px;border:0;background:transparent;color:var(--red);font:inherit;font-size:17px;font-weight:600;cursor:pointer}
@media(hover:hover) and (pointer:fine){.mr-row:hover{background:var(--soft)}}
.mr-row:focus-visible,.mr-back:focus-visible,.mr-link:focus-visible,.mr-signout:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}

.mr-sub{padding-top:0}
.mr-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;height:44px;margin:0 -24px;padding:0 24px;background:var(--bg);border-bottom:1px solid var(--line)}
.mr-back{display:inline-flex;align-items:center;gap:2px;min-height:44px;margin-left:-6px;padding:0 6px 0 0;border:0;background:transparent;color:var(--focus);font:inherit;font-size:17px;cursor:pointer}
@media(max-width:760px){.mr-bar{margin:0 -16px;padding:0 16px}}
.mr-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.mr-lede{margin:10px 0 0;color:var(--mut);font-size:15px;line-height:1.45}
.mr-note{margin:12px 0 0;color:var(--mut);font-size:15px;line-height:1.45}
.mr-empty,.mr-none{color:var(--mut);font-size:15px}
.mr-btn{margin-top:12px}
.mr-wide{width:100%;min-height:50px}
.mr-foot{margin-top:24px}
.mr-section{margin-top:28px}
.mr-group{margin-top:24px}

.mr-sources,.mr-spaces,.mr-invites,.mr-members{margin:0;padding:0;list-style:none}
.mr-sources{margin-top:20px;border-top:1px solid var(--line)}
.mr-source{padding:16px 0 18px;border-bottom:1px solid var(--line)}
.mr-source-head{display:flex;align-items:center;gap:10px;font-size:17px}
.mr-source-head b{flex:1;font-weight:700}
.mr-state{display:inline-flex;align-items:center;gap:6px;color:var(--mut);font-size:15px}
.mr-state-red{color:var(--red)}.mr-state-amber{color:var(--warn)}
.mr-scope{margin:6px 0 0;color:var(--mut);font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.mr-source .mr-scope{color:var(--ink2)}
.mr-source .mr-note{color:var(--ink2);margin-top:8px}
.mr-source .mx-primary{margin-top:14px}

.mr-spaces{margin-top:20px;border-top:1px solid var(--line)}
.mr-space{padding:16px 0 18px;border-bottom:1px solid var(--line)}
.mr-space-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px}
.mr-space-sources{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px}
.mr-space-sources li{display:flex;align-items:center;gap:8px;color:var(--ink2)}
.mr-space-sources .mr-none{color:var(--mut)}
.mr-rule{margin-top:20px}

.mr-invite-btn{min-height:44px;padding:0 24px;border-radius:12px;font-weight:700}
.mr-group .mx-group-head{border-bottom:1px solid var(--line2)}
.mr-invite{padding:16px 0 14px;border-bottom:1px solid var(--line)}
.mr-invite b{font-size:17px}
.mr-links{display:flex;gap:20px;margin-top:10px}
.mr-link{min-height:44px;margin:-8px 0 -6px;padding:0;border:0;background:transparent;color:var(--focus);font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.mr-link-red{color:var(--red)}
.mr-confirm{margin-top:12px;padding:14px;border-radius:12px;background:var(--soft)}
.mr-confirm p{margin:0;font-size:15px}
.mr-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mr-confirm-actions .mr-btn{margin-top:0;min-height:44px}
.mr-danger{appearance:none;border:0;border-radius:12px;background:var(--red);color:var(--btnink);font:inherit;font-size:15px;font-weight:700;padding:0 20px;cursor:pointer}
.mr-member{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 0;border-bottom:1px solid var(--line)}
.mr-avatar{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--ink);font-size:15px;font-weight:600}
.mr-member-main{display:grid;min-width:0;flex:1}
.mr-member-main b{font-size:17px;font-weight:500}
.mr-member-main small{color:var(--mut);font-size:14px;overflow-wrap:anywhere}
.mr-role{color:var(--mut);font-size:15px;white-space:nowrap}

.mr-form{display:grid;gap:22px;margin-top:22px}
.mr-field{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}
.mr-field label,.mr-field legend{font-size:15px;font-weight:600;padding:0}
.mr-field>small{color:var(--mut);font-size:14px}
.mr-field input[type=text]{width:100%;min-height:50px;padding:0 16px;border:1px solid var(--line2);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:17px}
.mr-field input[type=text]:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}
.mr-field input[aria-invalid=true]{border-color:var(--red)}
.mr-error{margin:0;color:var(--red);font-size:15px}
.mr-radio,.mr-check{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line2);border-radius:12px;cursor:pointer}
.mr-radio span,.mr-check span{display:grid;gap:2px}
.mr-radio b,.mr-check b{font-size:17px;font-weight:600;font-weight:500}
.mr-radio small,.mr-check small{color:var(--mut);font-size:15px;line-height:1.35}
.mr-radio input,.mr-check input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:var(--btn)}
.mr-radio.disabled{opacity:.6;cursor:not-allowed}
.mr-radio:has(input:checked),.mr-check:has(input:checked){border-color:var(--ink)}
.mr-radio:has(input:focus-visible),.mr-check:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}
.mr-linkbox{display:grid;gap:14px;margin-top:20px;padding:16px;border-radius:12px;background:var(--soft)}
.mr-url{font:14px/1.5 var(--mono);color:var(--ink);overflow-wrap:anywhere;word-break:break-all}
.mr-linkbox .mx-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:0;font-size:17px}
.mr-facts{margin:22px 0 0;border-top:1px solid var(--line)}
.mr-facts>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
.mr-facts dt{color:var(--mut);font-size:15px}.mr-facts dd{margin:0}

.mr-activity{margin:20px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.mr-activity-row{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.mr-activity-row time{color:var(--mut);font-size:13px}

.mr-card{margin-top:0;padding:14px 0;border-bottom:1px solid var(--line)}
.mr-name{margin:0;font-size:17px}
.mr-plan-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:17px}
.mr-price{color:var(--mut);font-size:15px}
.mr-plan-status{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:17px}
.mr-section .mx-group-head{border-bottom:0;padding-bottom:4px}
.mr-btn.mx-primary,.mr-btn.mx-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.mr-sub .quiet-display{margin-top:32px}

/* -- Invitee: full screen from /invite/:token -- */
.inv-screen{min-height:100dvh;background:var(--bg);color:var(--ink)}
.inv-col{display:flex;flex-direction:column;justify-content:space-between;gap:24px;max-width:460px;min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}
.inv-brand{font:700 18px/1 var(--sans);letter-spacing:-.02em}
.inv-main{margin:auto 0}
.inv-eyebrow{margin:0 0 10px;color:var(--mut);font-size:13px;font-weight:600}
.inv-title{margin:0;font:700 32px/1.1 var(--serif);letter-spacing:-.01em;text-wrap:balance}
.inv-body{margin:14px 0 0;font-size:17px;line-height:1.45;color:var(--ink2)}
.inv-facts{margin:24px 0 0;border-top:1px solid var(--line)}
.inv-facts>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
.inv-facts dt{color:var(--mut);font-size:15px}.inv-facts dd{margin:0;overflow-wrap:anywhere}
.inv-actions{display:grid;gap:10px}
.inv-actions .mr-btn{margin-top:0}
@media(prefers-reduced-motion:reduce){.mr-row{transition:none}}
.mr-field .mr-radio,.mr-field .mr-check{font-weight:400}
.mr-field .mr-radio b,.mr-field .mr-check b{font-weight:600}
@media(min-width:761px){.mr-bar{top:var(--topbar-h,56px)}}
@media(max-width:760px){
  body:has(.mr-sub) .work-shell[data-density] .topbar{display:none}
  .mr-bar{top:env(safe-area-inset-top)}
}
.mr-field legend{margin-bottom:8px}.mr-field>.mr-radio+.mr-radio,.mr-field>.mr-check+.mr-check{margin-top:0}

.mr-viewonly-note{margin:18px 0 0;padding:0 2px;color:var(--mut);font-size:15px;line-height:1.45}
.plan-screen .inv-col{justify-content:flex-start;gap:28px}
.plan-screen .inv-main{margin:56px 0 0}
.plan-screen .inv-title{max-width:11em}
.inv-foot{margin:6px 0 0;text-align:center;color:var(--mut);font-size:13px}
@media (min-width:720px){.plan-screen .inv-col{max-width:460px}}
.plan-screen .inv-title:focus{outline:none}

/* -- Invite choose, QR, WhatsApp share and approval card (claim-and-approve invites) -- */
.jr-roles{gap:10px}
.mr-field .jr-role{display:flex;align-items:center;gap:16px;min-height:76px;padding:14px 16px;font-size:17px;font-weight:400;border:1px solid var(--line);border-radius:12px;background:var(--bg);cursor:pointer}
.jr-role:has(input:checked){background:var(--soft);border-color:var(--line2)}
.jr-role.disabled{opacity:.55;cursor:not-allowed;background:var(--soft)}
.jr-role-body{display:grid;gap:2px}
.jr-role-body b{font-size:17px;font-weight:600}
.jr-role-body small{color:var(--mut);font-size:15px;line-height:1.35}
.jr-role,.jr-space{position:relative}
.jr-role input,.jr-space input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.jr-role::before{content:"";flex:none;width:24px;height:24px;border:1.5px solid var(--line2);border-radius:50%;background:var(--bg);box-sizing:border-box}
.jr-role:has(input:checked)::before{border:7px solid var(--ink)}
.jr-role:has(input:focus-visible),.jr-space:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.jr-spaces{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mr-field .jr-space{display:flex;align-items:center;gap:16px;min-height:54px;padding:0 16px;border-top:1px solid var(--line);cursor:pointer;font-size:17px;font-weight:400}
.mr-field .jr-space:first-child{border-top:0}
.jr-space b{font-weight:600}
.jr-box{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--line2);border-radius:6px;background:var(--bg);box-sizing:border-box}
.jr-space:has(input:checked) .jr-box{background:var(--btn);border-color:var(--btn)}
.jr-space:has(input:checked) .jr-box::after{content:"";width:6px;height:11px;margin-top:-2px;border:solid var(--btnink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.jr-wa-note{display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;font-size:14px}
.jr-wa-note .mr-icon{flex:none;margin-top:1px}
.jr-actions{display:grid;gap:0}
.jr-actions .mr-btn{margin-top:12px}
.jr-actions .mx-primary,.jr-actions .mx-secondary{gap:10px}
.jr-actions .mx-secondary{border:1.5px solid var(--ink);color:var(--ink);background:transparent}
.jr-email{margin-top:14px}
.jr-msg{display:block;font:15px/1.5 var(--sans);word-break:break-word}
.jr-actions .mr-link{justify-self:center;margin-top:8px}

.jq-screen{min-height:calc(100dvh - 24px)}
.jq-body{display:flex;flex-direction:column;align-items:center;gap:0;max-width:420px;margin:0 auto;padding:28px 0 12px}
.jq-qr{width:min(100%,320px);aspect-ratio:1;padding:12px;border-radius:14px;background:#fff;box-sizing:border-box;box-shadow:0 0 0 1px var(--line2)}
.jq-qr svg{display:block;width:100%;height:100%}
.jq-title{margin:28px 0 0;font:700 24px/1.2 var(--sans);letter-spacing:-.01em;text-align:center}
.jq-sub{margin:8px 0 0;color:var(--mut);font-size:17px;text-align:center}
.jq-bar{appearance:none;-webkit-appearance:none;width:100%;max-width:320px;height:10px;margin-top:28px;border:0;border-radius:6px;background:var(--sel);overflow:hidden}
.jq-bar::-webkit-progress-bar{background:var(--sel);border-radius:6px}
.jq-bar::-webkit-progress-value{background:var(--mut);border-radius:6px;transition:width 1s linear}
.jq-bar::-moz-progress-bar{background:var(--mut);border-radius:6px}
.jq-expires{margin:12px 0 0;color:var(--mut);font-size:15px;font-variant-numeric:tabular-nums}
.jq-foot{margin:20px 0 0;text-align:center;color:var(--mut);font-size:15px}
.jq-scanned{align-items:stretch;padding-top:20px}
.jq-scanned .jq-sub{text-align:left;margin:0 0 14px}

.jr{display:grid;gap:12px;margin:18px 0 8px}
.jr-card{padding:20px;border-radius:14px;background:var(--soft)}
.jr-top{display:flex;gap:16px;align-items:flex-start}
.jr-avatar{display:inline-grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:var(--sel);color:var(--ink2);font-size:22px;font-weight:600}
.jr-main{min-width:0}
.jr-title{margin:0;font-size:20px;font-weight:700;line-height:1.2}
.jr-meta{margin:4px 0 0;color:var(--mut);font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.jr-device{font-size:14px}
.jr-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.jr-btn{min-height:48px;font-size:17px;font-weight:700}
.jr-buttons .mx-secondary{border:1.5px solid var(--ink);color:var(--ink);background:transparent}
.jr-btn[disabled]{opacity:.6}
.jr-foot{margin:14px 0 0;color:var(--mut);font-size:14px}
.mx-today>.jr,.mr .jr{margin-top:16px}

.inv-clock{display:block;margin:30px auto 0;color:var(--mut)}
.inv-main:has(.inv-clock){text-align:center}
.inv-main:has(.inv-clock) .inv-title{margin-inline:auto}
@media(prefers-reduced-motion:reduce){.jq-bar::-webkit-progress-value{transition:none}}
.jr-buttons .mx-primary,.jr-buttons .mx-secondary{grid-column:auto}
.inv-screen:not(.plan-screen) .inv-actions .mx-plain{border:0;background:transparent;color:var(--focus);font-size:17px;font-weight:500}

/* -- In-app browser guard (signed-out, before Google sign-in) -- */
.inv-hint{margin:16px 0 0;font-size:17px;line-height:1.4;font-weight:600;color:var(--ink)}
.inv-anyway{appearance:none;background:transparent;border:0;min-height:44px;padding:0 12px;font:inherit;font-size:15px;font-weight:500;color:var(--mut);text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:center}
.inv-anyway:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}
.inapp-guard .inv-title:focus{outline:none}
.auth-stage .auth-kicker{color:#9a988f}

/* -- Workspace look: logo chip, parametric wave theme, settings section -- */
.ws-logo{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.has-logo{background:transparent;color:#0b0b0b;border-radius:8px;padding:3px;overflow:hidden}
/* A transparent logo stays transparent. A backing tile appears only when it would vanish on its surface:
   light logo on a light surface -> workspace brand colour; dark logo on a dark surface -> white.
   data-surface: dark (wave topbar/band, sidebar), light (swatch), scheme (light, dark under a dark colour scheme). */
.brand-mark.has-logo{border:0}
.has-logo[data-tone="light"]:is([data-surface="light"],[data-surface="scheme"]){background:var(--ws-brand,#031447)}
.has-logo[data-tone="dark"][data-surface="dark"]{background:#fff}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .has-logo[data-surface="scheme"][data-tone="light"]{background:transparent}
  :root:not([data-theme="light"]) .has-logo[data-surface="scheme"][data-tone="dark"]{background:#fff}
}
:root[data-theme="dark"] .has-logo[data-surface="scheme"][data-tone="light"]{background:transparent}
:root[data-theme="dark"] .has-logo[data-surface="scheme"][data-tone="dark"]{background:#fff}
.mr-swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mr-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:10px;border-radius:12px;border:1px solid var(--line2,rgba(0,0,0,.2))}
.mr-swatch-light{background:#fff;color:#4a4a4a}
.mr-swatch-dark{background:#0b0b0b;color:#c8cacd;border-color:rgba(255,255,255,.22)}
.mr-swatch figcaption{font-size:13px;line-height:1.2}
.mr-swatch-mark{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;max-width:100%;padding:3px 8px}
.mr-swatch-mark .ws-logo{height:38px;width:auto;max-width:100%}
.topbar-brand.has-logo{height:34px;max-width:96px;align-items:center;justify-content:center;padding:3px 6px}
.topbar-brand.has-logo .ws-logo{height:28px}
@media(max-width:760px){.topbar-brand.has-logo{display:inline-flex}}
.mr-mark.has-logo{padding:4px}
.mr-mark.has-logo .ws-logo{width:100%;height:100%}
.side-brand .brand-mark.has-logo{order:-1;display:inline-flex;height:36px;max-width:140px;align-items:center;padding:3px 6px}
.work-shell.work-shell .side-brand .brand-mark.has-logo{width:auto;height:auto;max-width:52px;max-height:40px;padding:3px;border-radius:8px}
.side-brand .brand-mark.has-logo .ws-logo{max-height:32px}
.wave-layer{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;z-index:0}
.wave-layer svg{display:block;width:100%;height:100%}
.work-shell[data-look="wave"] .topbar{overflow:hidden}
.work-shell.work-shell[data-look="wave"][data-density] .topbar{background:#0A3A9E;border-bottom:0;color:#fff}
.work-shell[data-look="wave"] .topbar>:not(.wave-layer){position:relative;z-index:1}
.work-shell[data-look="wave"] .topbar-workspace,.work-shell[data-look="wave"] .topbar-workspace .ui-icon{color:#fff}
.work-shell[data-look="wave"] .topbar-sources,.work-shell[data-look="wave"] .topbar-sources .ui-icon,.work-shell[data-look="wave"] .topbar-sources *{color:#F5B800}
.work-shell[data-look="wave"] .topbar :focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:760px){
  .work-shell[data-look="wave"] .side-brand{background:url("/themes/wave/wave-panel.webp") right bottom/cover no-repeat #0A3A9E;border-radius:12px;padding:.75rem .8rem;margin-bottom:.6rem;min-height:64px;align-items:center}
  .work-shell[data-look="wave"] .side-brand-name{color:#fff}
}
.mr-ws-wave{position:relative;overflow:hidden;padding:16px;margin-top:18px;border-radius:14px;background:#0A3A9E;color:#fff}
.mr-ws-wave>:not(.wave-layer){position:relative;z-index:1}
.mr-ws-wave .mr-ws-name{color:#fff}
.mr-ws-wave .mr-ws-role{color:#F5B800}
.mr-ws-wave .mr-mark:not(.has-logo){background:#fff;color:#031447}
.mr-look{margin-top:28px}
.mr-look .mr-logo{padding:0}
.look-form{margin-top:18px}
.look-themes{border:0;margin:0;padding:0;min-width:0}
.look-legend{padding:0;margin:0 0 8px;font-size:15px;font-weight:600;color:var(--ink)}
.look-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.look-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--line2,rgba(0,0,0,.2));border-radius:12px;cursor:pointer}
.look-card:has(input:checked){border-color:var(--focus,#0a5cff);box-shadow:0 0 0 2px var(--focus,#0a5cff)}
.look-card:has(input:focus-visible){outline:2px solid var(--focus,#0a5cff);outline-offset:2px}
.look-card input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.look-prev{display:block;position:relative;height:44px;border-radius:8px;overflow:hidden}
.look-prev-sf{display:grid;place-items:center;background:var(--btn);color:var(--btnink);font:700 16px/1 var(--sans)}
.look-prev-wave{background:url("/themes/wave/wave-panel.webp") right bottom/cover no-repeat #0A3A9E}
.look-band,.look-band svg{display:block;width:100%;height:100%}
.look-title{font-size:15px;font-weight:600;color:var(--ink)}
.look-colors{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}
.look-colors label{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink)}
.look-colors input[type=color]{width:44px;height:44px;padding:2px;border:1px solid var(--line2,rgba(0,0,0,.2));border-radius:10px;background:transparent}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .look-card{border-color:rgba(255,255,255,.22)}}
.mr-look .mr-logo-row{display:flex;align-items:center;gap:14px;margin-top:14px}
.mr-look .mr-logo-row .mr-note{margin:0}
.mr-look .mr-logo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}

/* -- Phone setup: card on Today, notification switch on Account, set-up marks on People -- */
.ps-card{margin:18px 0 8px;padding:20px 18px;border-radius:14px;background:var(--soft);color:var(--ink)}
.ps-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ps-title{margin:0;font:700 20px/1.2 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.ps-lede{margin:6px 0 0;color:var(--mut);font-size:15px;line-height:1.4}
.ps-steps{display:grid;gap:4px;margin:14px 0 0;padding:0;list-style:none}
.ps-step{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.ps-step:first-child{border-top:0}
.ps-marker{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg);border:1.5px solid var(--line2);color:var(--ink2);font-size:14px;font-weight:700}
.ps-step.is-done .ps-marker{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.ps-step.is-locked .ps-marker,.ps-step.is-unsupported .ps-marker{opacity:.55}
.ps-step.is-locked .ps-step-title{color:var(--mut)}
.ps-step.is-blocked .ps-marker{border-color:var(--warn);color:var(--warn)}
.ps-num{line-height:1}
.ps-step-main{min-width:0}
.ps-step-title{display:block;font-size:16px;font-weight:600;line-height:1.3;color:var(--ink)}
.ps-step-text{margin:4px 0 0;color:var(--mut);font-size:15px;line-height:1.4}
.ps-step.is-done .ps-step-title{font-weight:500}
.ps-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;min-height:44px;text-decoration:none}
.ps-actions{display:flex;flex-wrap:wrap;gap:10px}
.ps-guide{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}
.ps-guide-step{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg)}
.ps-guide-step b{display:block;font-size:15px;font-weight:600}
.ps-guide-step span{display:block;margin-top:2px;color:var(--mut);font-size:14px;line-height:1.35}
.ps-art{color:var(--focus)}
.ps-inapp{margin-top:14px;padding:14px;border-radius:12px;background:var(--bg)}
.ps-inapp b{font-size:16px}
.ps-optional summary{cursor:pointer;min-height:28px;color:var(--ink2);font-size:15px;font-weight:600}
.ps-optional[open] summary{margin-bottom:2px}
.ps-foot{display:flex;justify-content:flex-end;margin-top:6px}
.ps-later{min-height:44px;padding:0 6px;border:0;background:transparent;color:var(--mut)}
.ps-switch-title{margin:0;font:700 17px/1.3 var(--sans);color:var(--ink)}
.ps-done-row{display:flex;align-items:center;gap:14px}
.ps-card-done .ps-check{flex:none;width:28px;height:28px;padding:5px;border-radius:50%;background:var(--ink);color:var(--bg)}
.ps-step.is-done .ps-check{width:28px;height:28px;padding:5px;border-radius:50%}
.ps-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ps-link-btn{box-sizing:border-box}

.ps-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:16px 0;border-bottom:1px solid var(--line)}
.ps-switch-copy{min-width:0}
.ps-switch-status{margin:6px 0 0;color:var(--mut);font-size:15px;line-height:1.4}
.ps-toggle{appearance:none;flex:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 6px;border:1.5px solid var(--line2);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.ps-toggle-knob{width:28px;height:28px;border-radius:50%;background:var(--line2);transition:transform 160ms var(--v5-press),background 160ms}
.ps-toggle.is-on{border-color:var(--ink)}
.ps-toggle.is-on .ps-toggle-knob{background:var(--ink)}
.ps-toggle:disabled{opacity:.5;cursor:not-allowed}

.ps-summary{margin:6px 0 4px;font-size:16px;font-weight:600;color:var(--ink)}
.ps-summary-note{display:block;margin-top:2px;color:var(--mut);font-size:13px;font-weight:400;line-height:1.35}
.ps-remind-all{margin:8px 0 6px}
.mr-member.has-marks{flex-wrap:wrap;row-gap:4px}
.ps-marks{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding-left:50px;padding-bottom:4px}
.ps-mark{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--mut);font-size:13px;line-height:1.3}
.ps-mark::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--line2)}
.ps-mark.is-on{border-color:transparent;background:var(--sel);color:var(--ink)}
.ps-mark.is-on::before{background:var(--ok-ink,#39894b)}
.ps-seen{color:var(--mut);font-size:13px}
.ps-remind{margin:0;min-height:36px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}