/* MINEUSDT product interface: calm surfaces, one visual hierarchy, progressive detail. */
:root {
  --brand-dark:#0e584b;
  --ink:#17212a;
  --muted:#64717b;
  --line:#e1e6e9;
  --surface:#fff;
  --mint:#eef6f2;
  --blue-soft:#eff5fa;
  --radius:16px;
  --shadow:0 5px 20px rgba(18,36,45,.045);
}

/* P21 — shared catalog editor for packages, equipment, tasks and ranks */
body.product-ui.admin-app .p21-catalog-page{display:grid;gap:14px;max-width:1180px;margin:0 auto;padding:18px 16px 56px}
body.product-ui.admin-app .p21-catalog-hero{margin:0}
body.product-ui.admin-app .p21-catalog-hero h1{margin:4px 0 5px;color:#173f34;font-size:clamp(23px,4vw,31px);letter-spacing:-.03em}
body.product-ui.admin-app .p21-catalog-hero p{max-width:720px;margin:0;color:#6f847b;font-size:12px;line-height:1.5}
body.product-ui.admin-app .p21-snapshot-note{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid #d7e9e2;border-radius:12px;background:#f6fcf9;color:#4f7466;font-size:10px;line-height:1.45}
body.product-ui.admin-app .p21-snapshot-note strong{color:#27664f;white-space:nowrap}
body.product-ui.admin-app .p21-catalog-stats{margin:0}
body.product-ui.admin-app .p21-catalog-card{overflow:hidden}
body.product-ui.admin-app .p21-catalog-card-main{grid-template-columns:82px minmax(0,1fr) minmax(145px,.35fr);align-items:start}
body.product-ui.admin-app .p21-catalog-image{width:82px;height:82px;border:1px solid #e0ece8;object-fit:contain}
body.product-ui.admin-app .p21-card-metrics{gap:5px 0}
body.product-ui.admin-app .p21-card-metrics>span{min-width:112px}
body.product-ui.admin-app .p21-draft-chip{display:inline-flex;align-items:center;padding:3px 6px;border:1px solid #e6d3a4;border-radius:999px;background:#fff9ea;color:#886820;font-size:8px;font-weight:850}
body.product-ui.admin-app .p21-card-side{display:grid;gap:9px;min-width:0;padding:2px 0 0 12px;border-left:1px solid #e5eeec}
body.product-ui.admin-app .p21-card-side span{display:grid;gap:3px;min-width:0}
body.product-ui.admin-app .p21-card-side small{color:#83958e;font-size:8px;line-height:1.2}
body.product-ui.admin-app .p21-card-side strong{color:#315f4f;font-size:10px;overflow-wrap:anywhere}
body.product-ui.admin-app .p21-editor-wrap{padding:16px;background:#fbfdfc}
body.product-ui.admin-app .p21-common-editor{display:grid;gap:13px}
body.product-ui.admin-app .p21-editor-head{margin-bottom:0}
body.product-ui.admin-app .p21-editor-head h3{margin:4px 0;color:#1b302e;font-size:17px}
body.product-ui.admin-app .p21-editor-head p{margin:0;color:#718581;font-size:10px;line-height:1.45}
body.product-ui.admin-app .p21-editor-section{border:1px solid #dfeae7;border-radius:11px;background:#fff;overflow:hidden}
body.product-ui.admin-app .p21-editor-section>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;color:#315f4f;cursor:pointer;font-size:11px;font-weight:850;list-style:none}
body.product-ui.admin-app .p21-editor-section>summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .p21-editor-section>summary b{color:#6c837a;transition:transform .18s ease}
body.product-ui.admin-app .p21-editor-section[open]>summary{border-bottom:1px solid #e8f0ed;background:#f8fcfa}
body.product-ui.admin-app .p21-editor-section[open]>summary b{transform:rotate(180deg)}
body.product-ui.admin-app .p21-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px}
body.product-ui.admin-app .p21-editor-grid-names{grid-template-columns:repeat(4,minmax(0,1fr))}
body.product-ui.admin-app .p21-editor-grid label,body.product-ui.admin-app .p21-upload-field{display:grid;gap:5px;color:#58736e;font-size:9px;font-weight:800}
body.product-ui.admin-app .p21-editor-grid input,body.product-ui.admin-app .p21-editor-grid select,body.product-ui.admin-app .p21-upload-field input{width:100%;padding:9px 10px;border:1px solid #d6e6e1;border-radius:8px;background:#fbfefd;color:#244e40;font:inherit;font-size:12px}
body.product-ui.admin-app .p21-editor-grid small,body.product-ui.admin-app .p21-upload-field small{color:#82958e;font-size:8px;font-weight:600;line-height:1.35}
body.product-ui.admin-app .p21-editor-grid label.check{display:flex;align-items:center;gap:7px;align-self:end;min-height:37px;padding:9px;border:1px solid #dce9e5;border-radius:8px;background:#fbfefd}
body.product-ui.admin-app .p21-editor-grid label.check input{width:auto;padding:0}
body.product-ui.admin-app .p21-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #e6efed}
body.product-ui.admin-app .p21-editor-actions>span{color:#758a82;font-size:9px;line-height:1.35}
body.product-ui.admin-app .p21-editor-actions button{min-height:40px}
body.product-ui.admin-app .p21-create-form{display:grid;gap:10px}
body.product-ui.admin-app .p21-create-form .p21-editor-actions{border-top:0;padding-top:4px}
body.product-ui.admin-app .p21-create-form .p21-upload-field{padding:0 2px}
body.product-ui.admin-app .p21-live-preview{margin:0}
body.product-ui.admin-app .p21-rule-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 13px 13px;padding:10px;border:1px solid #dcebe5;border-radius:9px;background:#f7fcf9}
body.product-ui.admin-app .p21-rule-summary span{display:grid;gap:3px;min-width:0}
body.product-ui.admin-app .p21-rule-summary small{color:#80938b;font-size:8px}
body.product-ui.admin-app .p21-rule-summary strong{color:#315f4f;font-size:10px;overflow-wrap:anywhere}
body.product-ui.admin-app .p21-asset-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);align-items:end;gap:12px;padding-top:13px;border-top:1px solid #e6efed}
body.product-ui.admin-app .p21-asset-row form{display:flex;align-items:end;gap:8px}
body.product-ui.admin-app .p21-asset-row form label{display:grid;gap:4px;min-width:0;flex:1;color:#58736e;font-size:9px;font-weight:800}
body.product-ui.admin-app .p21-asset-row form input{width:100%;padding:8px;border:1px solid #dce9e6;border-radius:8px;font-size:10px}
body.product-ui.admin-app .p21-asset-row form button{white-space:nowrap}
body.product-ui.admin-app .p21-advanced,.p21-more-actions{padding-top:12px;border-top:1px solid #e6efed}
body.product-ui.admin-app .p21-advanced>summary,body.product-ui.admin-app .p21-more-actions>summary{color:#087c67;cursor:pointer;font-size:10px;font-weight:850;list-style:none}
body.product-ui.admin-app .p21-advanced>summary::-webkit-details-marker,body.product-ui.admin-app .p21-more-actions>summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .p21-advanced>summary b,body.product-ui.admin-app .p21-more-actions>summary b{float:right}
body.product-ui.admin-app .p21-advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}
body.product-ui.admin-app .p21-advanced-grid span{display:grid;gap:3px;padding:9px;border:1px solid #e2ece9;border-radius:8px;background:#fbfefd}
body.product-ui.admin-app .p21-advanced-grid small{color:#82958e;font-size:8px}
body.product-ui.admin-app .p21-advanced-grid strong{color:#315f4f;font-size:10px;overflow-wrap:anywhere}
body.product-ui.admin-app .p21-catalog-diff{margin-top:0}
body.product-ui.admin-app .p21-catalog-diff h4{margin:0;color:#315f4f;font-size:13px}
body.product-ui.admin-app .p21-diff-empty{margin:0;padding:4px 0;color:#6e8379;font-size:10px}
body.product-ui.admin-app .p21-more-actions p{margin:8px 0;color:#71867d;font-size:9px;line-height:1.45}
body.product-ui.admin-app .p21-more-actions form{display:flex;align-items:end;gap:8px;margin-top:9px}
body.product-ui.admin-app .p21-more-actions label{display:grid;gap:4px;flex:1;color:#58736e;font-size:9px;font-weight:800}
body.product-ui.admin-app .p21-more-actions input{width:100%;padding:8px;border:1px solid #dce9e6;border-radius:8px}
body.product-ui.admin-app .p21-error-summary{padding:10px 11px;border:1px solid #e9c4bb;border-radius:9px;background:#fff8f6;color:#8b5146;font-size:10px}
body.product-ui.admin-app .p21-error-summary ul{margin:5px 0 0;padding-left:18px}
body.product-ui.admin-app .p21-empty-state{display:grid;justify-items:center;gap:7px}
body.product-ui.admin-app .p21-empty-state .button{margin-top:5px}
@media(max-width:900px){body.product-ui.admin-app .p21-catalog-card-main{grid-template-columns:74px minmax(0,1fr)}body.product-ui.admin-app .p21-card-side{grid-column:2;border-left:0;border-top:1px solid #e5eeec;padding:9px 0 0;grid-template-columns:repeat(2,minmax(0,1fr))}body.product-ui.admin-app .p21-editor-grid-names{grid-template-columns:repeat(2,minmax(0,1fr))}body.product-ui.admin-app .p21-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.product-ui.admin-app .p21-catalog-page{padding:12px 11px 42px}body.product-ui.admin-app .p21-catalog-hero{display:block;padding:16px}body.product-ui.admin-app .p21-catalog-hero>a{width:100%;margin-top:12px}body.product-ui.admin-app .p21-catalog-card-main{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}.p21-catalog-image{width:58px!important;height:58px!important}body.product-ui.admin-app .p21-card-side{grid-column:1/-1}body.product-ui.admin-app .p21-editor-wrap{padding:12px}body.product-ui.admin-app .p21-editor-grid,body.product-ui.admin-app .p21-editor-grid-names{grid-template-columns:1fr;padding:11px}body.product-ui.admin-app .p21-rule-summary{grid-template-columns:1fr;margin:0 11px 11px}body.product-ui.admin-app .p21-editor-actions,body.product-ui.admin-app .p21-asset-row,body.product-ui.admin-app .p21-asset-row form,body.product-ui.admin-app .p21-more-actions form{align-items:stretch;display:grid;grid-template-columns:1fr}body.product-ui.admin-app .p21-editor-actions button,body.product-ui.admin-app .p21-asset-row form button,body.product-ui.admin-app .p21-more-actions button{width:100%}body.product-ui.admin-app .p21-advanced-grid{grid-template-columns:1fr}body.product-ui.admin-app .p21-snapshot-note{display:grid;gap:4px}}
@media(prefers-reduced-motion:reduce){body.product-ui.admin-app .p21-editor-section>summary b{transition:none}}
body.product-ui.admin-app .p21-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:620px){body.product-ui.admin-app .p21-action-buttons{display:grid;grid-template-columns:1fr;gap:8px}body.product-ui.admin-app .p21-action-buttons .button,body.product-ui.admin-app .p21-action-buttons button{width:100%}}

/* Auth forms: one clear password rule and an icon-only visibility control. */
body.product-ui .password-control input { padding-right: 52px; }
body.product-ui .password-toggle { width: 40px; height: 40px; min-height: 40px; right: 4px; padding: 8px; border-radius: 10px; background: transparent !important; color: var(--muted); box-shadow: none; transition: none; }
body.product-ui .password-toggle:hover, body.product-ui .password-toggle:active { background: transparent !important; color: var(--brand-dark); box-shadow: none; }
body.product-ui .password-toggle:focus-visible { outline: 3px solid rgba(21,142,232,.24); outline-offset: 1px; }
body.product-ui .password-eye { display: grid; place-items: center; width: 22px; height: 22px; }
body.product-ui .password-eye svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
body.product-ui .password-eye-closed { display: none; }
body.product-ui .password-toggle.is-visible .password-eye-open { display: none; }
body.product-ui .password-toggle.is-visible .password-eye-closed { display: grid; }
body.product-ui .password-checklist ul { grid-template-columns: 1fr; }
body.product-ui .password-min-warning { display: block; margin: 5px 0 0; }

/* Mine screen: one station, one progress block, and inexpensive scrolling. */
html.mine-document { scroll-behavior: auto; overflow-x: hidden; }
html.mine-document body { overscroll-behavior-y: none; }
body.product-ui.mine-screen main { padding-top: 12px; padding-bottom: 34px; }
body.product-ui.mine-screen .mine-page-stack { width: 100%; max-width: 760px; margin-inline: auto; gap: 16px; }
body.product-ui.mine-screen .mine-page-stack > * { min-width: 0; margin-bottom: 0 !important; }
body.product-ui.mine-screen .mine-dashboard { width: 100%; max-width: 760px; gap: 12px; }
body.product-ui.mine-screen .mine-focus-card { width: 100%; margin: 0; gap: 0; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 10px 28px rgba(15,62,61,.075); }
body.product-ui.mine-screen .factory-arena { padding: 40px 8px 10px; border: 0; border-radius: 22px 22px 0 0; box-shadow: none; }
body.product-ui.mine-screen .factory-stage { width: min(100%, 410px); }
body.product-ui.mine-screen .factory-machine .factory-art { transform: none; }
body.product-ui.mine-screen .factory-arena .session-gain { top: 10px; padding: 5px 10px; }
body.product-ui.mine-screen .factory-arena .tap-callout { margin-top: -3px; padding: 6px 12px; font-size: 12px; }
body.product-ui.mine-screen .factory-arena .tap-hint { margin-top: 4px; font-size: 10px; }
body.product-ui.mine-screen .daily-card { margin: 0; padding: 14px 16px 15px; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: #fff; box-shadow: none; }
body.product-ui.mine-screen .passive-mining-card { background: linear-gradient(145deg,#092c34 0%,#0a3c42 55%,#0d5250 100%) !important; border-color: #174d52 !important; color: #effffc; box-shadow: 0 10px 24px rgba(7,45,52,.14) !important; contain: layout paint style; }
body.product-ui.mine-screen .passive-mining-card .offline-mining-visual { height: 110px; opacity: 1; }
body.product-ui.mine-screen .passive-mining-card .passive-mining-orb { box-shadow: 0 0 0 3px rgba(42,215,176,.09); }
body.product-ui.mine-screen .smart-recommendation { margin: 0 !important; }
body.product-ui.mine-screen .next-action { width: 100%; order: 1; margin: 0; padding: 14px 16px; contain: layout paint style; }
body.product-ui.mine-screen .mine-tasks-card { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 12px; }
body.product-ui.mine-screen .mine-task-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: #e8f7f1; color: var(--brand-dark); }
body.product-ui.mine-screen .mine-task-icon .nav-icon { width: 20px; height: 20px; }
body.product-ui.mine-screen .mine-task-copy { display: grid; min-width: 0; gap: 5px; }
body.product-ui.mine-screen .mine-task-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; color: var(--ink); }
body.product-ui.mine-screen .mine-task-heading > span { font-size: 13px; font-weight: 800; }
body.product-ui.mine-screen .mine-task-heading small { color: var(--muted); font-size: 10px; white-space: nowrap; }
body.product-ui.mine-screen .mine-task-copy > strong { color: var(--brand-dark); font-size: 12px; line-height: 1.25; }
body.product-ui.mine-screen .mine-task-progress-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 10px; }
body.product-ui.mine-screen .mine-task-progress-label b { color: var(--ink); font-variant-numeric: tabular-nums; }
body.product-ui.mine-screen .mine-task-progress { display: block; width: 100%; height: 7px; overflow: hidden; border-radius: 999px; background: #eaf2ef; }
body.product-ui.mine-screen .mine-task-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--brand), #54dcb8); transition: width .24s ease; }
body.product-ui.mine-screen .passive-mining-card, body.product-ui.mine-screen .passive-mining-card.is-ready { width: 100%; order: 2; margin-top: 0; contain: layout paint style; }
body.product-ui.mine-screen .mine-upgrade-row { width: 100%; order: 3; contain: layout paint style; }
@media(max-width:420px){
  body.product-ui.mine-screen main { padding: 10px 12px 76px; }
  body.product-ui.mine-screen .mine-page-stack { gap: 14px; }
  body.product-ui.mine-screen .factory-arena { padding: 32px 2px 8px; }
  body.product-ui.mine-screen .factory-stage { width: min(100%, 340px); max-width: 340px; }
  body.product-ui.mine-screen .daily-card { padding-inline: 13px; }
}

/* Mine page spacing stays compact even when shared card rules are loaded later. */
body.product-ui.mine-screen .mine-dashboard .smart-push { margin: 0 !important; }
body.product-ui.mine-screen .site-footer { padding-top: 18px; }
body.product-ui.mine-screen .mine-page-stack,
body.product-ui.mine-screen .mine-focus-card,
body.product-ui.mine-screen .passive-mining-card,
body.product-ui.mine-screen .mine-upgrade-row { overflow-wrap: anywhere; }

/* The next-step recommendation is a notification, not a fourth card in the flow. */
body.product-ui.mine-screen .mine-dashboard .smart-push {
    position: fixed !important;
    z-index: 1200;
    top: calc(env(safe-area-inset-top) + 86px);
    right: 18px;
    width: min(370px, calc(100vw - 30px));
    margin: 0 !important;
}
body.product-ui.mine-screen .mine-dashboard .smart-push.is-progress { display: none !important; }
@media (max-width: 680px) {
    body.product-ui.mine-screen .mine-dashboard .smart-push {
        top: calc(env(safe-area-inset-top) + 72px);
        right: 12px;
        width: calc(100vw - 24px);
    }
}
@media (max-width: 380px) {
    body.product-ui.mine-screen .mine-tasks-card { grid-template-columns: 32px minmax(0, 1fr); gap: 9px; padding: 13px 14px; }
    body.product-ui.mine-screen .mine-task-icon { width: 32px; height: 32px; border-radius: 10px; }
    body.product-ui.mine-screen .mine-task-heading small { font-size: 9px; }
}

html {background:var(--app-bg)}
body.product-ui {background:var(--app-bg);color:var(--ink);font-family:"Instrument Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
body.product-ui .app-shell {background:var(--app-bg)}
body.product-ui main {max-width:1150px;padding-top:28px;padding-bottom:calc(110px + env(safe-area-inset-bottom));font-size:14px}
body.product-ui.admin-app main {max-width:1380px}
body.product-ui h1,body.product-ui h2,body.product-ui h3 {color:var(--ink);letter-spacing:-.025em}
body.product-ui h1 {font-weight:720}
body.product-ui h2 {font-size:18px;font-weight:680}
body.product-ui p {color:var(--muted);line-height:1.55}
body.product-ui .eyebrow {font-size:11px!important;font-weight:650;letter-spacing:.055em;color:var(--muted);text-transform:none;margin-bottom:6px}
body.product-ui main .card {border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);padding:22px;margin-bottom:16px}
body.product-ui .badge {background:#f1f5f3;color:#346d5f;border-color:#dfebe4;font-size:11px;font-weight:650}
body.product-ui button,body.product-ui .button {background:var(--brand);box-shadow:none;border-radius:10px;min-height:44px;font-weight:660;letter-spacing:0;transition:background .14s ease,transform .14s ease,color .14s ease}
body.product-ui button:hover:not(:disabled),body.product-ui .button:hover:not(:disabled){background:var(--brand-dark)}
body.product-ui button.secondary,body.product-ui .button.secondary,body.product-ui .text-button {background:white;color:var(--ink);border:1px solid var(--line)}
body.product-ui button.secondary:hover:not(:disabled),body.product-ui .button.secondary:hover:not(:disabled) {background:#f5f7f8}
body.product-ui button:disabled {opacity:.55;cursor:not-allowed}
body.product-ui .text-link {font-weight:650;color:var(--brand-dark)}
body.product-ui input,body.product-ui select,body.product-ui textarea {border:1px solid #dce3e6;border-radius:10px;background:#fff;min-width:0}
body.product-ui input:focus,body.product-ui select:focus,body.product-ui textarea:focus {border-color:var(--brand)}
body.product-ui :where(a,button,summary,input,select,textarea):focus-visible {outline:3px solid #7cbed1;outline-offset:2px}
body.product-ui .topbar {background:rgba(255,255,255,.97);backdrop-filter:none;border-bottom:1px solid var(--line);box-shadow:none}
body.product-ui .brand img {filter:none}
body.product-ui .header-wallet {box-shadow:none;border-color:var(--line);background:#fff}
body.product-ui .header-usdt,body.product-ui .header-mine {background:transparent}
body.product-ui .header-usdt {border-right:1px solid var(--line);border-radius:0}
body.product-ui .header-wallet small {font-size:9px;letter-spacing:.02em;font-weight:650}
body.product-ui .header-wallet strong,body.product-ui .header-mine strong {font-size:12px}
body.product-ui .sidebar {background:#fff;border-right:1px solid var(--line);box-shadow:none}
body.product-ui .sidebar nav a.selected {background:#eef4f1;color:var(--brand-dark)}
body.product-ui .sidebar nav a,body.product-ui .sidebar summary {border-radius:9px}
body.product-ui .mobile-bottom {background:rgba(255,255,255,.98);backdrop-filter:none;border:1px solid var(--line);box-shadow:0 -3px 18px rgba(22,38,42,.05)}
body.product-ui .mobile-bottom a.selected {background:#edf4f0;color:var(--brand-dark)}
body.product-ui footer {border-top:1px solid var(--line);color:var(--muted)}
body.product-ui .site-footer{display:grid;gap:24px;padding:30px 24px 110px;background:#fff}
body.product-ui .site-footer-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;max-width:1180px;width:100%;margin:0 auto;color:#71817f;font-size:11px}
body.product-ui .site-footer-links{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
body.product-ui .site-footer-links a{color:#5d706e;font-weight:620;text-decoration:none}
body.product-ui .site-footer-links a:hover{color:var(--brand-dark)}
body.product-ui .site-footer-language{display:flex;align-items:center;gap:7px;margin:0;color:#687b78;font-size:10px;font-weight:700}
body.product-ui .site-footer-language select{min-height:34px;padding:6px 26px 6px 9px;border-color:#dce6e4;border-radius:8px;color:#27443f;font-size:11px}
body.product-ui .company-details{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.6fr);gap:22px;width:100%;max-width:1180px;margin:0 auto;padding-top:20px;border-top:1px solid #e9efee}
body.product-ui .company-details-heading{display:grid;align-content:start;gap:5px}
body.product-ui .company-details-heading .eyebrow{margin:0;color:#628078}
body.product-ui .company-details-heading h2{margin:0;color:#193c36;font-size:16px;line-height:1.25}
body.product-ui .company-details-heading a{width:max-content;max-width:100%;color:var(--brand-dark);font-size:10px;font-weight:750;text-decoration:none}
body.product-ui .company-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}
body.product-ui .company-details-grid div{min-width:0;padding:10px 11px;border:1px solid #e4ecea;border-radius:10px;background:#fbfdfc}
body.product-ui .company-details-grid dt{color:#79908b;font-size:9px;font-weight:700}
body.product-ui .company-details-grid dd{margin:4px 0 0;color:#2d5148;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
body.product-ui .landing-trust-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin:20px 0 30px}
body.product-ui .landing-trust-grid .card{margin:0;box-shadow:none}
body.product-ui .landing-age-card{display:flex;align-items:center;gap:14px;border-color:#d6e9e3;background:linear-gradient(135deg,#f5fcf8,#fff)}
body.product-ui .landing-age-mark{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:16px;background:#e5f7ef;color:#0b8168;font-size:18px;font-weight:850;letter-spacing:-.04em}
body.product-ui .landing-trust-grid h2{margin:2px 0 5px;font-size:17px}
body.product-ui .landing-trust-grid p{margin:0;color:#6c7d7b;font-size:11px;line-height:1.5}
body.product-ui .landing-trust-card{display:grid;align-content:start;gap:5px;padding:18px!important}
body.product-ui .landing-trust-card strong{color:#24483f;font-size:13px}
body.product-ui .landing-trust-card .text-link{margin-top:4px;font-size:10px}
@media(max-width:760px){
  body.product-ui .site-footer{padding:24px 15px calc(100px + env(safe-area-inset-bottom))}
  body.product-ui .site-footer-top{grid-template-columns:1fr;align-items:start;gap:13px}
  body.product-ui .site-footer-links{justify-content:flex-start;gap:9px 13px}
  body.product-ui .site-footer-language{justify-content:space-between;width:100%;padding-top:10px;border-top:1px solid #edf1f0}
  body.product-ui .site-footer-language select{min-width:90px}
  body.product-ui .company-details{grid-template-columns:1fr;gap:14px;padding-top:16px}
  body.product-ui .company-details-grid{grid-template-columns:1fr 1fr;gap:8px}
  body.product-ui .landing-trust-grid{grid-template-columns:1fr;gap:10px;margin-top:14px}
}
@media(max-width:390px){body.product-ui .company-details-grid{grid-template-columns:1fr}}
.skip-link {position:absolute;z-index:1000;left:12px;top:-80px;padding:10px 16px;background:var(--ink);color:#fff;border-radius:10px}
.skip-link:focus {top:12px}
.product-page-head {display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 22px;padding:2px 0 18px;border-bottom:1px solid var(--line)}
.product-page-head h1 {margin:0;font-size:clamp(28px,4vw,36px);line-height:1.13}
.product-page-head p {margin:6px 0 0;font-size:14px}
.product-page-head .button {white-space:nowrap}
.product-details {display:block;margin:14px 0 20px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.product-details > summary {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:13px 18px;cursor:pointer;list-style:none;font-weight:650;color:var(--ink)}
.product-details > summary::-webkit-details-marker {display:none}
.product-details > summary::after {content:'+';font-size:20px;font-weight:400;line-height:1;color:var(--muted)}
.product-details[open] > summary::after {content:'−'}
.product-details > .disclosure-body {padding:0 18px 18px;border-top:1px solid var(--line)}
.product-details .card {box-shadow:none!important}
.product-inline-notice {display:flex;align-items:center;gap:10px;padding:12px 14px;margin:12px 0;border:1px solid #efe6d0;border-radius:12px;background:#fcfaf5;color:#715d32;font-size:13px}
.product-inline-notice svg {width:18px;height:18px;flex:0 0 18px}
.product-inline-notice a {margin-left:auto;text-decoration:underline;font-weight:650;white-space:nowrap}
.product-icon {display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;color:var(--brand);background:#edf5f1;border-radius:12px}
.product-icon svg {width:22px;height:22px}
.product-empty {display:grid;justify-items:center;gap:8px;padding:28px 18px;color:var(--muted);text-align:center}
.product-empty svg {width:25px;height:25px}
.product-empty p {margin:0}
.product-stat-list {margin:0}
.product-stat-list > div {display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.product-stat-list > div:last-child {border-bottom:0}
.product-stat-list dt {display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}
.product-stat-list dd {margin:0;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.state-indicator {width:7px;height:7px;border-radius:50%;background:#b8c2c8}
.state-qualified,.state-rewarded {background:#16886f}
.state-pending {background:#c8943c}
.state-rejected {background:#d56a61}
/* Mine: the machine is the only hero; subordinate information stays quiet. */
body.product-ui .mine-dashboard {max-width:620px}
body.product-ui .factory-arena {border:1px solid var(--line);background:radial-gradient(circle at 50% 43%,#eef8f3 0,#fff 58%);box-shadow:var(--shadow);border-radius:20px;min-height:0}
body.product-ui .factory-arena::before,body.product-ui .factory-arena::after,body.product-ui .factory-halo {opacity:.35}
body.product-ui .session-gain {background:#fff;border:1px solid var(--line);backdrop-filter:none;color:var(--muted);box-shadow:var(--shadow)}
body.product-ui .session-gain strong {color:var(--brand-dark)}
body.product-ui .tap-callout {color:var(--ink);font-size:15px;font-weight:700}
body.product-ui .tap-hint {color:var(--muted);font-size:12px}
body.product-ui .mine-status-strip {margin:12px 0 20px;gap:8px}
body.product-ui .mine-status-strip > div {box-shadow:none;background:#fff;border-color:var(--line);border-radius:12px}
body.product-ui .passive-panel {background:#fff!important;border-color:var(--line)!important}
body.product-ui .offline-mining-visual {height:84px;opacity:.65}
body.product-ui .passive-mining-orb {box-shadow:none}
body.product-ui .smart-recommendation {box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;backdrop-filter:none}
body.product-ui .mine-upgrade-mini,body.product-ui .next-action {background:#fff;border:1px solid var(--line);box-shadow:none}
body.product-ui .mine-onboarding {max-width:620px;margin:18px auto}
body.product-ui .mine-onboarding-steps {margin-top:16px}
/* Package catalogue: product choices first. Financial conditions stay attached to the choice. */
body.product-ui .duration-switch {margin:0 0 18px;background:#edf0f1;border:0;border-radius:11px;padding:4px;width:max-content;max-width:100%}
body.product-ui .duration-switch button {min-height:40px;border-radius:8px;background:transparent;color:var(--muted);box-shadow:none}
body.product-ui .duration-switch button.selected {background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(20,36,40,.08)}
body.product-ui .duration-switch button small {color:inherit}
body.product-ui .package-grid {gap:16px;align-items:stretch}
body.product-ui main .package-card-v2 {padding:18px;display:flex;flex-direction:column;gap:0;overflow:visible}
body.product-ui main .package-card-v2[hidden] {display:none}
body.product-ui .package-card-v2::before {display:none}
body.product-ui .package-visual {order:0;height:122px!important;min-height:122px!important;background:#f5f8f7!important;border-radius:12px;overflow:hidden;margin:0 0 14px}
body.product-ui .package-visual img {display:block;width:120px!important;height:120px!important;max-height:120px!important;object-fit:contain;margin:auto;filter:none!important}
body.product-ui .package-visual-meta {top:9px;left:9px;background:#fff;color:var(--muted);box-shadow:none}
body.product-ui .package-tier-mark,body.product-ui .package-aura {display:none}
body.product-ui .package-title-row {order:1;margin:0 0 8px}
body.product-ui .package-title-row h2 {font-size:21px;margin:0}
body.product-ui .package-price {order:2;margin:0 0 12px;padding:0;background:transparent}
body.product-ui .package-price strong {font-size:26px;letter-spacing:-.035em;color:var(--ink)}
body.product-ui .package-price small {font-size:12px;color:var(--muted)}
body.product-ui .package-value-grid {order:3;display:grid;grid-template-columns:1fr;gap:0;margin:0 0 12px;border-top:1px solid var(--line)}
body.product-ui .package-value-card {display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent!important;border-radius:0;min-height:0;box-shadow:none}
body.product-ui .package-value-card small {grid-column:1;color:var(--muted)}
body.product-ui .package-value-card strong {grid-column:2;font-size:15px;text-align:right;max-width:185px;overflow-wrap:anywhere;color:var(--ink)}
body.product-ui .package-value-card span,body.product-ui .package-value-card em {grid-column:1/-1;font-size:11px;color:var(--muted);font-style:normal}
body.product-ui .package-more-details {order:5;margin:0 0 6px;border-top:1px solid var(--line)}
body.product-ui .package-more-details summary {font-weight:600;color:var(--brand)}
body.product-ui .package-card-v2 form {order:4;margin-top:auto}
body.product-ui .package-state {font-size:12px}
body.product-ui .package-offer-note {order:3;background:#f7f9f8;border-radius:8px;padding:9px}
body.product-ui .package-clarity {padding:15px!important}
body.product-ui .package-legend-grid {gap:10px}
body.product-ui .package-legend-item {border-color:var(--line);background:#fff}
body.product-ui .owned-packages {padding:18px!important}
/* Equipment: before/after is the core decision. */
body.product-ui .equipment-groups {display:grid;gap:20px}
body.product-ui .equipment-group-heading {margin-bottom:12px}
body.product-ui .equipment-group-heading p {margin:4px 0 0}
body.product-ui .equipment-grid-v2 {gap:16px}
body.product-ui main .equipment-card-v2 {border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);padding:18px;border-radius:16px}
body.product-ui .equipment-illustration {height:130px;background:#f6f8f7;border-radius:12px;margin-bottom:14px}
body.product-ui .equipment-illustration img {height:130px;width:130px;object-fit:contain;filter:none}
body.product-ui .equipment-glow {display:none}
body.product-ui .equipment-title-row {margin-bottom:10px}
body.product-ui .equipment-price {margin:0 0 12px}
body.product-ui .equipment-change {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.product-ui .equipment-change strong {font-size:19px;font-variant-numeric:tabular-nums}
body.product-ui .equipment-change strong span {color:var(--muted);font-weight:400}
body.product-ui .equipment-effect {margin:12px 0 6px}
body.product-ui .equipment-limit {font-size:12px;margin:0 0 10px}
body.product-ui .equipment-purchase-details {margin:8px 0 12px}
body.product-ui .equipment-comparison {margin-top:18px}
/* Wallet: large balance, one action at a time. */
body.product-ui .wallet-summary {padding:24px!important}
body.product-ui .wallet-summary-main h2 {font-size:34px;letter-spacing:-.04em}
body.product-ui .wallet-balance-grid {gap:10px}
body.product-ui .wallet-balance-card {background:#f8faf9;border:1px solid var(--line);border-radius:11px;box-shadow:none}
body.product-ui .wallet-tabs {background:#edf0f1;border-radius:12px;padding:4px;margin:16px 0;gap:4px}
body.product-ui .wallet-tab {background:transparent;color:var(--muted);min-height:42px;border-radius:9px;box-shadow:none;white-space:nowrap}
body.product-ui .wallet-tab.active {background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(20,36,40,.08)}
body.product-ui .wallet-panel {max-width:760px;padding:22px!important}
body.product-ui .wallet-action-facts {gap:10px}
body.product-ui .wallet-queue-note {font-size:12px}
/* Friends: one invitation form, one concise status view. */
.friends-workspace {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:18px;align-items:start}
body.product-ui .friends-workspace .card {margin:0}
.invite-heading {display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.invite-heading h2 {margin:0 0 3px}
.invite-heading p {margin:0}
.invite-condition {padding:11px 13px;border-radius:10px;background:#f1f6f3;color:#355e51!important;font-size:13px}
body.product-ui .referral-field {margin:14px 0}
body.product-ui .referral-field label {display:block;margin-bottom:7px;font-size:12px;font-weight:650;color:var(--muted)}
body.product-ui .referral-input-action {display:flex;gap:7px}
body.product-ui .referral-input-action input {flex:1;width:1px;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis}
body.product-ui .referral-input-action button {white-space:nowrap;padding:9px 15px}
.invite-code {display:flex;align-items:center;gap:8px;padding:11px 0;border-top:1px solid var(--line)}
.invite-code span {color:var(--muted);font-size:12px;white-space:nowrap}
.invite-code input {flex:1;width:1px;border:0!important;background:transparent!important;font-weight:700;padding:3px!important;min-height:30px!important}
.invite-code button {min-height:32px!important;padding:5px 9px!important}
.invite-share-row {display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line)}
.invite-share-row a {font-size:13px;color:var(--brand-dark);font-weight:650}
.invite-overview h2,.invite-activity h2 {margin:0 0 10px}
.rank-shortcut {display:flex;align-items:center;justify-content:space-between;padding:14px 0 0;margin-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--brand-dark);font-weight:650}
.rank-shortcut>span:first-child {display:flex;align-items:center;gap:10px}
.rank-shortcut svg {width:20px;height:20px}
.rank-shortcut small,.rank-shortcut strong {display:block}
.rank-shortcut small {font-size:11px;color:var(--muted)}
.invite-steps {margin:16px 0;padding-left:25px}
.invite-steps li {padding:5px 0}
.invite-steps p {margin:2px 0 0}
body.product-ui .invite-activity {margin-top:18px}
body.product-ui .referral-row {display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
body.product-ui .referral-row>div {flex:1;min-width:0}
body.product-ui .referral-row strong,body.product-ui .referral-row small {display:block}
/* Tasks: progress and one list of next actions. */
body.product-ui .daily-progress-card {max-width:850px}
body.product-ui .task-overview-grid {gap:0}
body.product-ui .task-overview-grid>div {background:transparent;box-shadow:none;border-color:var(--line)}
body.product-ui .task-section-heading {margin-bottom:12px}
body.product-ui .mission-grid {gap:12px}
body.product-ui .mission-card {border:1px solid var(--line);background:#fff;box-shadow:none;border-radius:14px}
body.product-ui .task-status-completed {opacity:.8}
/* Account, history and support. */
body.product-ui .profile-page {max-width:850px}
body.product-ui .profile-account-section {padding:22px!important}
body.product-ui .profile-hero-card {background:#fff;box-shadow:none;border:0;padding:0 0 18px;border-bottom:1px solid var(--line)}
body.product-ui .profile-balance-grid {display:none}
body.product-ui .profile-account-grid {display:block;padding-top:18px}
body.product-ui .profile-account-form {max-width:560px}
body.product-ui .profile-section.product-details {margin:12px 0}
body.product-ui .profile-section.product-details > .disclosure-body {padding:18px}
body.product-ui .history-page {max-width:850px}
body.product-ui .history-entry {padding:16px!important}
body.product-ui .history-entry-meta {color:var(--muted)}
body.product-ui .support-layout {display:block;max-width:850px}
body.product-ui .support-new-card {max-width:850px}
body.product-ui .support-form {max-width:620px}
body.product-ui .support-financial-note {font-size:12px}
body.product-ui .support-tickets-section {max-width:850px}
body.product-ui .support-ticket-card {box-shadow:none}
/* Public entry and authentication: more room, less decoration. */
body.product-ui .landing-hero {min-height:0;align-items:center;padding:28px 0 50px}
body.product-ui .hero-copy h1 {font-size:clamp(38px,5vw,62px);letter-spacing:-.045em;line-height:1.06;max-width:670px}
body.product-ui .hero-pill {background:#eef5f1;color:var(--brand);border:0;box-shadow:none}
body.product-ui .hero-orbit,body.product-ui .hero-particle {display:none}
body.product-ui .hero-visual {background:transparent;box-shadow:none}
body.product-ui .hero-visual img {filter:none}
body.product-ui .landing-clarity {margin-top:32px}
body.product-ui.guest .auth-wrap {box-shadow:var(--shadow);border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}
body.product-ui.guest .auth-visual {background:#eef5f2;color:var(--ink)}
body.product-ui.guest .auth-visual p {color:var(--muted)}
body.product-ui.guest .auth-card {box-shadow:none;border:0}
/* Admin: same scale, same navigation language, sharper operational hierarchy. */
body.product-ui.admin-app .simple-admin-head,body.product-ui.admin-app .admin-catalog-head {background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:none}
body.product-ui.admin-app .admin-dashboard-section {margin-bottom:26px}
body.product-ui.admin-app :is(.admin-attention-card,.admin-health-card,.admin-provider-card,.admin-activity-card,.admin-finance-card,.admin-catalog-stats>div) {background:#fff!important;border:1px solid var(--line)!important;border-radius:14px;box-shadow:none!important}
body.product-ui.admin-app .admin-attention-card p,body.product-ui.admin-app .admin-health-card span {font-size:12px}
body.product-ui.admin-app .admin-nav-group {border-color:var(--line)}
body.product-ui.admin-app .admin-catalog-create,body.product-ui.admin-app .catalog-details {border-color:var(--line);background:#fff;box-shadow:none;border-radius:14px}
body.product-ui.admin-app table {border-collapse:collapse}
body.product-ui.admin-app th,body.product-ui.admin-app td {border-bottom:1px solid var(--line)}
@media (max-width:760px){
  body.product-ui main {padding:18px 14px calc(100px + env(safe-area-inset-bottom))}
  .product-page-head {align-items:flex-start;margin-bottom:16px}
  .product-page-head p {font-size:13px}
  .product-page-head .button {padding:8px 10px;font-size:12px}
  .friends-workspace {grid-template-columns:1fr;gap:12px}
  body.product-ui .package-grid,body.product-ui .equipment-grid-v2 {grid-template-columns:1fr}
  body.product-ui .package-visual {height:104px!important;min-height:104px!important}
  body.product-ui .package-visual img {width:104px!important;height:104px!important}
  body.product-ui .wallet-summary {padding:19px!important}
  body.product-ui .wallet-tabs {display:flex;overflow-x:auto;scrollbar-width:none}
  body.product-ui .wallet-tab {flex:1 0 auto;font-size:12px;padding-inline:10px}
  body.product-ui .support-ticket-filters {grid-template-columns:1fr 1fr}
  body.product-ui .header-wallet strong,body.product-ui .header-mine strong {font-size:11px}
  body.product-ui .landing-hero {padding:10px 0 25px}
}
@media (max-width:390px){
  body.product-ui main {padding-inline:12px}
  body.product-ui .header-wallet small {font-size:8px}
  body.product-ui .header-wallet strong,body.product-ui .header-mine strong {font-size:10px}
  body.product-ui .referral-input-action {flex-wrap:wrap}
  body.product-ui .referral-input-action input {flex-basis:100%}
  body.product-ui .referral-input-action button {width:100%}
  body.product-ui .invite-share-row {gap:9px}
  .product-page-head {flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  body.product-ui *,body.product-ui *::before,body.product-ui *::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

.profile-balance-summary {display:flex;gap:28px;flex-wrap:wrap;margin:0;padding:18px 0 0}
.profile-balance-summary>div {min-width:140px}
.profile-balance-summary dt {font-size:12px;color:var(--muted)}
.profile-balance-summary dd {margin:3px 0 0;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}
.profile-balance-note {font-size:12px;margin:8px 0 0}
body.product-ui .referral-input-action button {width:auto;flex:0 0 auto;min-width:78px}
body.product-ui .referral-input-action input {flex:1 1 auto;width:0;min-width:0}
body.product-ui .topbar .icon-button,body.product-ui .mobile-bottom .mobile-more-button,body.product-ui .sidebar .icon-button,body.product-ui .sidebar-scrim {background:transparent;color:var(--muted);border:0;box-shadow:none}
body.product-ui .topbar .icon-button:hover,body.product-ui .mobile-bottom .mobile-more-button:hover,body.product-ui .sidebar .icon-button:hover {background:#f1f4f4;color:var(--ink)}
body.product-ui .mobile-bottom .mobile-more-button {font-size:11px}
body.product-ui .mobile-bottom .mobile-more-button .nav-icon {color:inherit}
@media (max-width:390px){body.product-ui .referral-input-action input {flex-basis:100%;width:100%}}

body.product-ui .package-visual-meta {right:auto!important;width:auto!important;max-width:78px;padding:3px 8px;display:flex;gap:3px;border-radius:7px}
body.product-ui .package-visual-meta b {display:none}

body.product-ui.admin-app .admin-attention-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.product-ui.admin-app :is(.admin-attention-card,.admin-health-card,.admin-provider-card,.admin-activity-card) {padding:18px}
body.product-ui.admin-app .admin-dashboard-heading p,body.product-ui.admin-app .admin-attention-card p {font-size:12px}
body.product-ui.admin-app .admin-attention-card strong {font-size:15px}
@media (max-width:820px){body.product-ui.admin-app .admin-attention-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){body.product-ui.admin-app .admin-attention-grid {grid-template-columns:1fr}}
/* Recommendations never cover the mining device or the primary tap action. */
body.product-ui .mine-dashboard .smart-push {position:relative!important;top:auto!important;right:auto!important;z-index:auto;width:100%;max-width:none;margin:12px 0 0!important;padding:11px 14px!important;transform:none!important;box-shadow:none!important;backdrop-filter:none!important;background:#fff!important;display:flex;align-items:center;gap:12px;border:1px solid var(--line)!important;border-left:3px solid var(--brand)!important;border-radius:12px!important}
body.product-ui .mine-dashboard .smart-push.is-progress {display:none!important}
body.product-ui .mine-dashboard .smart-push::after,body.product-ui .mine-dashboard .smart-recommendation-art-wrap,body.product-ui .mine-dashboard .smart-recommendation-trigger,body.product-ui .mine-dashboard .smart-recommendation-secondary {display:none!important}
body.product-ui .mine-dashboard .smart-push>p {display:none}
body.product-ui .mine-dashboard .smart-recommendation-head {min-width:0;flex:1;padding-right:0}
body.product-ui .mine-dashboard .smart-recommendation-head small {font-size:10px}
body.product-ui .mine-dashboard .smart-recommendation-head strong {font-size:13px}
body.product-ui .mine-dashboard .smart-recommendation-actions {margin-right:24px}
body.product-ui .mine-dashboard .smart-recommendation-actions .button {min-height:34px;padding:7px 10px;font-size:11px;box-shadow:none}
body.product-ui .mine-dashboard .smart-recommendation-close {top:50%;right:6px;transform:translateY(-50%)}
@media(max-width:540px){body.product-ui .mine-dashboard .smart-push {display:grid;grid-template-columns:1fr;gap:5px}body.product-ui .mine-dashboard .smart-recommendation-actions {margin-right:0}}
body.product-ui .task-overview-grid {display:none}
body.product-ui .daily-progress-card {padding:18px!important}
body.product-ui .daily-progress-card .task-progress-track {margin:8px 0}
body.product-ui .task-bonus-callout {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#f8faf9;box-shadow:none}
body.product-ui .task-bonus-callout:not(.is-ready) .mission-progress-label,body.product-ui .task-bonus-callout:not(.is-ready) progress,body.product-ui .task-bonus-callout:not(.is-ready) .task-next-step,body.product-ui .task-bonus-callout:not(.is-ready) form {display:none}
body.product-ui .task-bonus-callout .task-bonus-copy {flex:1;min-width:0}
body.product-ui .task-bonus-callout .mission-icon {width:28px;height:28px}
body.product-ui .task-bonus-callout h3 {font-size:13px;margin:0}
body.product-ui .task-bonus-callout .mission-top .eyebrow {margin:0}
body.product-ui .task-bonus-callout .task-bonus-action {flex:0 0 auto}
body.product-ui .task-bonus-callout .mission-reward {font-size:14px}
body.product-ui .task-bonus-callout.is-ready {display:block}
@media(max-width:540px){body.product-ui .task-bonus-callout:not(.is-ready) .task-bonus-copy {display:block}body.product-ui .task-bonus-callout:not(.is-ready) .mission-icon {display:none}}

/* P15: profile is a four-part account center with clear destructive actions. */
body.product-ui .profile-personal-section .profile-hero-card{margin-bottom:16px}
body.product-ui .profile-account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
body.product-ui .profile-preferences-panel{min-width:0;padding:12px 13px;border:1px solid var(--p0-line,#dcebe6);border-radius:13px;background:#fbfefd}
body.product-ui .profile-preferences-panel .profile-section-heading{margin-bottom:12px}
body.product-ui .profile-preferences-panel .profile-section-heading h3{margin:3px 0 4px;font-size:15px}
body.product-ui .profile-preference-field{margin:0}
body.product-ui .profile-security-section .profile-section-heading h2,body.product-ui .profile-sessions .profile-section-heading h2,body.product-ui .profile-closure-section .profile-section-heading h2{margin:3px 0 4px;font-size:20px}
body.product-ui .profile-security-section .profile-section-heading p,body.product-ui .profile-sessions .profile-section-heading p,body.product-ui .profile-closure-section .profile-section-heading p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
body.product-ui .profile-security-actions h3{margin:0;color:var(--ink);font-size:14px}
body.product-ui .profile-security-actions .profile-panel-help{margin:6px 0 12px}
body.product-ui .profile-sessions .profile-section-heading>form{flex:none}
body.product-ui .profile-sessions .profile-events-block{margin-top:18px}
body.product-ui .profile-closure-intro{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
body.product-ui .profile-closure-warning{margin:12px 0 0;padding:10px 11px;border:1px solid #ecd7aa;border-radius:10px;background:#fffaf0;color:#7d6426;font-size:10px;line-height:1.45}
body.product-ui .profile-legal-note{padding:11px 12px;border:1px dashed #c8ddd5;border-radius:12px;background:#ffffffb8}
body.product-ui .profile-legal-note summary{color:var(--brand-dark);font-size:11px;font-weight:850;cursor:pointer}
body.product-ui .profile-legal-note>p{margin:8px 0;color:var(--muted);font-size:9px;line-height:1.45}
body.product-ui .profile-legal-note .profile-legal-facts{margin-top:10px}
body.product-ui .profile-account-form input[aria-invalid="true"],body.product-ui .profile-security-actions input[aria-invalid="true"]{border-color:#d87067;background:#fff8f7}
body.product-ui .confirm-detail{padding:9px 10px;border:1px solid #ecd7aa;border-radius:9px;background:#fffaf0;color:#765d22;font-size:10px;line-height:1.45}
@media(max-width:800px){body.product-ui .profile-account-grid{grid-template-columns:1fr}}
@media(max-width:600px){body.product-ui .profile-section{padding:16px!important}body.product-ui .profile-account-section .profile-hero-card{margin:0 -16px 16px}body.product-ui .profile-sessions .profile-section-heading>form{width:100%;margin-top:11px}body.product-ui .profile-sessions .profile-section-heading>form button{width:100%}}

body.product-ui .profile-closure-section .profile-closure-rows{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){body.product-ui .profile-closure-section .profile-closure-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* P16: legal/help pages keep the source text intact while adding a calm reading structure. */
body.product-ui .legal-page{display:grid;gap:13px;max-width:850px;margin:0 auto;padding-bottom:18px}
body.product-ui .legal-back-link{display:inline-flex;align-items:center;min-height:36px;width:max-content}
body.product-ui .legal-article{padding:22px 24px!important;border-color:#d5e9e1}
body.product-ui .legal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #e1eee9}
body.product-ui .legal-header h1{margin:5px 0 0;color:#173f34;font-size:clamp(25px,4vw,34px);line-height:1.14;letter-spacing:-.025em;overflow-wrap:anywhere}
body.product-ui .legal-meta{display:grid;gap:5px;flex:none;padding:9px 11px;border:1px solid #dcebe6;border-radius:11px;background:#fbfefd;color:#6e837a;font-size:9px;line-height:1.35;text-align:right}
body.product-ui .legal-summary{margin-top:16px;padding:13px 14px;border:1px solid #cfe8df;border-radius:12px;background:#f6fcf9}
body.product-ui .legal-summary h2,body.product-ui .legal-reward-definitions h2,body.product-ui .legal-content h2,body.product-ui .legal-related h2{margin:0;color:#214f40;font-size:15px}
body.product-ui .legal-summary p{margin:5px 0 0;color:#557168;font-size:11px;line-height:1.5}
body.product-ui .legal-reward-definitions{margin-top:12px;padding:15px;border:1px solid #bfe4d5;border-radius:13px;background:linear-gradient(135deg,#f4fcf8,#f7fbff)}
body.product-ui .legal-reward-definitions>p{margin:6px 0 0;color:#5b756b;font-size:10px;line-height:1.45}
body.product-ui .legal-reward-definitions dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}
body.product-ui .legal-reward-definitions dl>div{min-width:0;padding:10px 11px;border:1px solid #d8ebe4;border-radius:10px;background:#fff}
body.product-ui .legal-reward-definitions dt{color:#214f40;font-size:10px;font-weight:900}
body.product-ui .legal-reward-definitions dd{margin:4px 0 0;color:#667d74;font-size:9px;line-height:1.45}
body.product-ui .legal-reward-definitions .legal-live-note{margin-top:11px;padding:9px 10px;border:1px solid #ead9ae;border-radius:9px;background:#fffaf0;color:#7f6629;font-size:9px}
body.product-ui .legal-content{margin-top:18px}
body.product-ui .legal-content h2{padding-bottom:8px;border-bottom:1px solid #e5efeb}
body.product-ui .legal-content p{margin:12px 0 0;color:#405f54;font-size:12px;line-height:1.75;overflow-wrap:anywhere}
body.product-ui .legal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid #e2eee9;color:#7a8e85;font-size:9px}
body.product-ui .legal-footer .button{min-height:38px}
body.product-ui .legal-related{display:grid;gap:8px}
body.product-ui .legal-related>h2{margin:0 2px;font-size:17px}
body.product-ui .legal-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.product-ui .legal-related-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px!important;color:#315b4d;text-decoration:none}
body.product-ui .legal-related-link:hover{border-color:#a7ddca;background:#f6fcf9}
body.product-ui .legal-related-link b{color:var(--brand-dark);font-size:16px}
body.product-ui .legal-unavailable{padding:28px 24px!important;border-color:#e4d9bd;background:#fffdf6}
body.product-ui .legal-unavailable h1{margin:7px 0 6px;color:#315244;font-size:clamp(23px,4vw,31px)}
body.product-ui .legal-unavailable>p{max-width:58ch;margin:0;color:#6b756c;font-size:12px;line-height:1.6}
body.product-ui .legal-unavailable-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
body.product-ui .legal-unavailable-actions .button{min-height:40px}
body.product-ui .legal-page a:focus-visible{outline:3px solid rgba(6,145,112,.28);outline-offset:3px;border-radius:6px}
@media(max-width:680px){body.product-ui .legal-article{padding:17px!important}body.product-ui .legal-header{display:grid;gap:10px}body.product-ui .legal-meta{width:max-content;max-width:100%;text-align:left}body.product-ui .legal-reward-definitions dl{grid-template-columns:1fr}body.product-ui .legal-footer{align-items:flex-start;flex-direction:column}body.product-ui .legal-footer .button{width:100%;justify-content:center}body.product-ui .legal-related>div{grid-template-columns:1fr}body.product-ui .legal-unavailable{padding:22px 17px!important}}
@media print{body.product-ui .legal-back-link,body.product-ui .legal-related,body.product-ui .legal-footer .button,body.product-ui .sidebar,body.product-ui .topbar,body.product-ui .mobile-bottom,body.product-ui footer{display:none!important}body.product-ui .legal-page{max-width:none;padding:0}body.product-ui .legal-article{border:0;box-shadow:none;padding:0!important}body.product-ui .legal-header{display:block}.legal-meta{margin-top:8px;width:max-content;text-align:left}}
@media(prefers-reduced-motion:reduce){body.product-ui .legal-related-link{transition:none!important}}

/* P17: admin dashboard is a mobile decision center with explicit status and safe navigation. */
body.product-ui.admin-app .admin-dashboard-page{display:grid;gap:16px;max-width:1180px}
body.product-ui.admin-app .admin-dashboard-hero{margin:0}
body.product-ui.admin-app .simple-system-status.is-attention{border-color:#ecd8b0;background:#fffaf0;color:#7c6123}
body.product-ui.admin-app .simple-system-status.is-attention i{background:#c9982b}
body.product-ui.admin-app .simple-system-status.is-healthy{border-color:#cbe7dc;background:#f5fcf8;color:#27765f}
body.product-ui.admin-app .simple-system-status.is-healthy i{background:#18b98c}
body.product-ui.admin-app .admin-intervention-panel{display:grid;gap:14px;padding:20px;border:1px solid #cfe5dd;border-radius:18px;background:linear-gradient(135deg,#f7fcfa 0%,#fff 72%);box-shadow:none}
body.product-ui.admin-app .admin-intervention-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}
body.product-ui.admin-app .admin-intervention-summary h2{margin:4px 0 4px;color:#173f34;font-size:clamp(20px,3vw,27px);letter-spacing:-.03em}
body.product-ui.admin-app .admin-intervention-summary p{max-width:620px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}
body.product-ui.admin-app .admin-intervention-count{display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid #c7e3d9;border-radius:18px;background:#fff;color:#087f68;font-size:29px;line-height:1;font-variant-numeric:tabular-nums}
body.product-ui.admin-app .admin-clear-state{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px solid #cae8dc;border-radius:11px;background:#f2fbf6;color:#27765f;font-size:11px;font-weight:750}
body.product-ui.admin-app .admin-clear-state span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#18b98c;color:#fff;font-weight:900}
body.product-ui.admin-app .admin-priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.product-ui.admin-app .admin-priority-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;min-width:0;padding:14px;border:1px solid #dce9e5;border-radius:14px;background:#fff}
body.product-ui.admin-app .admin-priority-card.is-alert{border-color:#ecd9b2;background:#fffdf7}
body.product-ui.admin-app .admin-priority-card.is-healthy{border-color:#d5ebe2}
body.product-ui.admin-app .admin-priority-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef8f4;color:#087f68}
body.product-ui.admin-app .admin-priority-card.is-alert .admin-priority-icon{background:#fff1d7;color:#936e22}
body.product-ui.admin-app .admin-priority-status,.admin-inline-status{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:850;line-height:1.2}
body.product-ui.admin-app .admin-priority-status{color:#6f817b;background:#f1f5f4}
body.product-ui.admin-app .admin-priority-card.is-alert .admin-priority-status{color:#8b6927;background:#fff0cf}
body.product-ui.admin-app .admin-priority-card h3{margin:6px 0 4px;color:#244e40;font-size:13px;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-priority-card p{min-height:34px;margin:0;color:#6b8078;font-size:10px;line-height:1.45}
body.product-ui.admin-app .admin-priority-card a{display:inline-flex;margin-top:8px;color:#087f68;font-size:10px;font-weight:850}
body.product-ui.admin-app .admin-dashboard-disclosure{border:1px solid #dce8e5;border-radius:16px;background:#fff;overflow:hidden}
body.product-ui.admin-app .admin-dashboard-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;cursor:pointer;list-style:none}
body.product-ui.admin-app .admin-dashboard-disclosure>summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .admin-dashboard-disclosure>summary>span{display:grid;gap:3px;min-width:0}
body.product-ui.admin-app .admin-dashboard-disclosure>summary strong{color:#244e40;font-size:16px}
body.product-ui.admin-app .admin-dashboard-disclosure>summary small{color:#768b83;font-size:10px;line-height:1.4}
body.product-ui.admin-app .admin-dashboard-disclosure>summary>b{flex:none;color:#70847d;font-size:17px;transition:transform .18s ease}
body.product-ui.admin-app .admin-dashboard-disclosure[open]>summary>b{transform:rotate(180deg)}
body.product-ui.admin-app .admin-dashboard-disclosure> :not(summary){margin-inline:19px}
body.product-ui.admin-app .admin-dashboard-disclosure>.admin-health-grid{margin-bottom:19px}
body.product-ui.admin-app .admin-dashboard-disclosure>.admin-ops-overview{margin-bottom:16px}
body.product-ui.admin-app .admin-dashboard-disclosure>.admin-gate-checklist{margin-bottom:19px}
body.product-ui.admin-app .admin-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.product-ui.admin-app .admin-health-card{display:grid;gap:7px;min-width:0}
body.product-ui.admin-app .admin-health-card.is-unverified{border-color:#ecd9b2!important;background:#fffdf7!important}
body.product-ui.admin-app .admin-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
body.product-ui.admin-app .admin-inline-status{color:#6e817a;background:#f1f5f4}
body.product-ui.admin-app .admin-inline-status.is-healthy{color:#27765f;background:#edf9f3}
body.product-ui.admin-app .admin-inline-status.is-attention{color:#8b6927;background:#fff0cf}
body.product-ui.admin-app .admin-inline-status.is-information{color:#246a91;background:#edf7fd}
body.product-ui.admin-app .admin-health-card>strong{font-size:19px}
body.product-ui.admin-app .admin-health-card>span{min-height:29px}
body.product-ui.admin-app .admin-card-meta{color:#82958e;font-size:9px;line-height:1.35}
body.product-ui.admin-app .admin-nested-disclosure{margin-bottom:19px;border-top:1px solid #edf2f0}
body.product-ui.admin-app .admin-nested-disclosure>summary{padding:13px 0;color:#087f68;cursor:pointer;font-size:11px;font-weight:850;list-style:none}
body.product-ui.admin-app .admin-nested-disclosure>summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .admin-nested-disclosure>summary b{float:right;color:#70847d}
body.product-ui.admin-app .admin-nested-disclosure[open]>summary b{transform:rotate(180deg)}
body.product-ui.admin-app .admin-nested-disclosure .admin-finance-grid{margin-inline:0}
body.product-ui.admin-app .admin-ops-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.product-ui.admin-app .admin-provider-card{display:grid;gap:10px;min-width:0}
body.product-ui.admin-app .admin-provider-card p{margin:0;color:#657b72;font-size:10px;line-height:1.45}
body.product-ui.admin-app .admin-provider-card h3{margin:4px 0 0;color:#244e40;font-size:14px}
body.product-ui.admin-app .admin-ops-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
body.product-ui.admin-app .admin-ops-facts span{display:grid;gap:3px;min-width:0;padding:8px;border:1px solid #e2ece9;border-radius:9px;background:#fbfefd}
body.product-ui.admin-app .admin-ops-facts small{color:#82958e;font-size:8px;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-ops-facts strong{color:#315c4d;font-size:10px;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-gate-checklist{padding:14px;border:1px solid #dcebe5;border-radius:13px;background:#fbfefd}
body.product-ui.admin-app .admin-gate-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
body.product-ui.admin-app .admin-gate-heading h3{margin:3px 0 3px;color:#244e40;font-size:14px}
body.product-ui.admin-app .admin-gate-heading p{margin:0;color:#71867d;font-size:10px;line-height:1.4}
body.product-ui.admin-app .admin-gate-count{flex:none;padding:6px 8px;border:1px solid #ecd9b2;border-radius:999px;background:#fff8e9;color:#8b6927;font-size:9px;font-weight:850}
body.product-ui.admin-app .admin-gate-checklist ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
body.product-ui.admin-app .admin-gate-checklist li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:8px 9px;border:1px solid #e1ece8;border-radius:9px;background:#fff}
body.product-ui.admin-app .admin-gate-checklist li>span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:900}
body.product-ui.admin-app .admin-gate-checklist li.is-passed>span{background:#e2f5eb;color:#16805e}
body.product-ui.admin-app .admin-gate-checklist li.is-missing{border-color:#ecd9b2;background:#fffdf8}
body.product-ui.admin-app .admin-gate-checklist li.is-missing>span{background:#fff0cf;color:#936e22}
body.product-ui.admin-app .admin-gate-checklist li strong{min-width:0;color:#315c4d;font-size:9px;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-gate-checklist li em{font-size:8px;font-style:normal;font-weight:850;color:#70847d}
body.product-ui.admin-app .admin-gate-checklist li.is-missing em{color:#8b6927}
body.product-ui.admin-app .admin-gate-checklist>.text-link{display:inline-flex;margin-top:11px;font-size:10px;font-weight:850}
body.product-ui.admin-app .admin-dashboard-state-reference{display:none}
body.product-ui.admin-app .admin-dashboard-disclosure .admin-product-analytics{margin:14px 0 19px}
@media(max-width:900px){
  body.product-ui.admin-app .admin-priority-grid,body.product-ui.admin-app .admin-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.product-ui.admin-app .admin-priority-card:last-child{grid-column:1/-1}
}
@media(max-width:680px){
  body.product-ui.admin-app .admin-intervention-summary{align-items:flex-start}
  body.product-ui.admin-app .admin-intervention-count{width:54px;height:54px;border-radius:15px;font-size:24px}
  body.product-ui.admin-app .admin-priority-grid,body.product-ui.admin-app .admin-health-grid,body.product-ui.admin-app .admin-ops-overview{grid-template-columns:1fr}
  body.product-ui.admin-app .admin-priority-card:last-child{grid-column:auto}
  body.product-ui.admin-app .admin-dashboard-disclosure>summary{padding:15px}
  body.product-ui.admin-app .admin-dashboard-disclosure> :not(summary){margin-inline:15px}
  body.product-ui.admin-app .admin-ops-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.product-ui.admin-app .admin-gate-checklist ul{grid-template-columns:1fr}
}
@media(max-width:390px){
  body.product-ui.admin-app .admin-intervention-panel{padding:15px}
  body.product-ui.admin-app .admin-intervention-summary{gap:10px}
  body.product-ui.admin-app .admin-intervention-summary h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  body.product-ui.admin-app .admin-dashboard-disclosure>summary>b{transition:none}
}


/* P18: branding and navigation editors use a calm, preview-first workflow. */
body.product-ui.admin-app .admin-branding-page,body.product-ui.admin-app .admin-navigation-page{display:grid;gap:16px;max-width:1180px}
body.product-ui.admin-app .admin-settings-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px!important}
body.product-ui.admin-app .admin-settings-hero h1{margin:4px 0;color:#173f34;font-size:clamp(23px,4vw,32px);letter-spacing:-.03em}
body.product-ui.admin-app .admin-settings-hero p{max-width:650px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}
body.product-ui.admin-app .admin-branding-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px}
body.product-ui.admin-app .admin-branding-editor,body.product-ui.admin-app .admin-branding-preview,body.product-ui.admin-app .admin-navigation-workspace,body.product-ui.admin-app .admin-navigation-preview,body.product-ui.admin-app .admin-asset-section,body.product-ui.admin-app .admin-publish-panel{padding:20px!important}
body.product-ui.admin-app .admin-branding-editor .small-print,body.product-ui.admin-app .admin-navigation-workspace>.small-print{max-width:700px;margin:0 0 14px}
body.product-ui.admin-app .admin-branding-form fieldset{margin:0;padding:14px;border:1px solid #e1ece8;border-radius:13px}
body.product-ui.admin-app .admin-branding-form legend{padding:0 5px;color:#5e7b71;font-size:10px;font-weight:850}
body.product-ui.admin-app .admin-branding-form label{display:grid;gap:5px;margin:9px 0;color:#527269;font-size:10px;font-weight:800}
body.product-ui.admin-app .admin-branding-form input[type=text],body.product-ui.admin-app .admin-branding-form input:not([type]),body.product-ui.admin-app .admin-branding-form input[type=color]{width:100%;min-height:40px;padding:9px 10px;border:1px solid #d8e8e2;border-radius:10px;background:#fbfefd;color:#173f34;font-size:14px}
body.product-ui.admin-app .admin-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body.product-ui.admin-app .admin-color-grid input{height:40px;padding:4px}
body.product-ui.admin-app .admin-advanced-disclosure{margin-top:13px;padding:11px 12px;border:1px dashed #cadfd7;border-radius:11px;background:#fbfefd}
body.product-ui.admin-app .admin-advanced-disclosure summary{cursor:pointer;color:#287461;font-size:10px;font-weight:850;list-style:none}
body.product-ui.admin-app .admin-advanced-disclosure summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .admin-advanced-disclosure summary b{float:right}
body.product-ui.admin-app .admin-advanced-disclosure p{margin:8px 0;color:#71867d;font-size:9px;line-height:1.45}
body.product-ui.admin-app .admin-form-actions{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #edf2f0}
body.product-ui.admin-app .admin-form-actions>span{color:#71867d;font-size:9px}
body.product-ui.admin-app .admin-brand-preview-shell{display:grid;gap:0;min-height:310px;margin-top:12px;overflow:hidden;border:1px solid #dcebe5;border-radius:16px;background:var(--preview-bg)}
body.product-ui.admin-app .admin-brand-preview-top{display:flex;align-items:center;gap:8px;padding:13px 14px;background:#fff;border-bottom:1px solid #dfece8}
body.product-ui.admin-app .admin-brand-preview-top strong{color:#204b3e;font-size:12px}
body.product-ui.admin-app .admin-brand-preview-top small{margin-left:auto;color:#6d8179;font-size:8px}
body.product-ui.admin-app .admin-brand-preview-mark{display:grid;place-items:center;width:25px;height:25px;overflow:hidden;border-radius:8px;background:var(--preview-primary);color:#fff;font-weight:900}
body.product-ui.admin-app .admin-brand-preview-mark img{width:100%;height:100%;object-fit:contain}
body.product-ui.admin-app .admin-brand-preview-body{display:grid;place-items:center;align-content:center;gap:7px;padding:24px 16px;text-align:center}
body.product-ui.admin-app .admin-brand-preview-core{display:grid;place-items:center;width:144px;height:144px;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,#fff,#eef9f5);box-shadow:0 12px 32px #0b806314}
body.product-ui.admin-app .admin-brand-preview-core img{width:100%;height:100%;object-fit:contain}
body.product-ui.admin-app .admin-brand-preview-body strong{color:#204b3e;font-size:17px}
body.product-ui.admin-app .admin-brand-preview-body span:not(.admin-brand-preview-core){color:#658078;font-size:9px}
body.product-ui.admin-app .admin-brand-preview-body button{min-height:35px;padding:8px 15px;border:0;border-radius:9px;background:var(--preview-primary);color:#fff;font-size:10px;font-weight:850}
body.product-ui.admin-app .admin-brand-preview-modes{display:flex;justify-content:space-between;margin-top:9px;color:#81938c;font-size:9px}
body.product-ui.admin-app .admin-asset-section>.small-print{max-width:720px;margin:0 0 14px}
body.product-ui.admin-app .admin-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
body.product-ui.admin-app .admin-asset-card{display:grid;gap:10px;min-width:0;padding:13px;border:1px solid #dce9e5;border-radius:13px;background:#fbfefd}
body.product-ui.admin-app .admin-asset-preview{display:grid;place-items:center;height:112px;border:1px dashed #cbded6;border-radius:10px;background:#fff}
body.product-ui.admin-app .admin-asset-preview img{max-width:88%;max-height:100px;object-fit:contain}
body.product-ui.admin-app .admin-asset-card h3{margin:0;color:#244e40;font-size:13px}
body.product-ui.admin-app .admin-asset-card p{margin:4px 0 0;color:#71867d;font-size:9px;line-height:1.4}
body.product-ui.admin-app .admin-asset-card form{display:grid;gap:7px}
body.product-ui.admin-app .admin-asset-card form label{display:grid;gap:4px;color:#58776c;font-size:9px;font-weight:800}
body.product-ui.admin-app .admin-asset-card input[type=file]{width:100%;font-size:10px}
body.product-ui.admin-app .admin-asset-card progress{width:100%;height:6px;accent-color:var(--brand)}
body.product-ui.admin-app .admin-upload-status{color:#82958e;font-size:8px;line-height:1.35}
body.product-ui.admin-app .admin-publish-panel{border-color:#bcded1;background:#f7fcf9}
body.product-ui.admin-app .admin-draft-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:12px 0;padding:12px;border:1px solid #d6e9e0;border-radius:12px;background:#fff}
body.product-ui.admin-app .admin-draft-compare>div{display:grid;gap:4px;min-width:0}
body.product-ui.admin-app .admin-draft-compare small{color:#7a8e85;font-size:8px}
body.product-ui.admin-app .admin-draft-compare strong{color:#244e40;font-size:12px;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-draft-compare span{color:#71867d;font-size:9px;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-publish-form{display:flex;align-items:end;gap:10px}
body.product-ui.admin-app .admin-publish-form label{display:grid;flex:1;gap:5px;color:#58776c;font-size:9px;font-weight:850}
body.product-ui.admin-app .admin-publish-form input{min-height:40px;padding:9px 10px;border:1px solid #d6e8df;border-radius:9px;font-size:14px}
body.product-ui.admin-app .admin-navigation-workspace .section-head{margin-bottom:0}
body.product-ui.admin-app .admin-nav-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:15px}
body.product-ui.admin-app .admin-nav-tabs>input{position:absolute;opacity:0;pointer-events:none}
body.product-ui.admin-app .admin-nav-tabs>label{display:grid;place-items:center;min-height:43px;border-bottom:2px solid #dce9e5;color:#6e827a;font-size:11px;font-weight:850;cursor:pointer}
body.product-ui.admin-app .admin-nav-tabs>label:focus-visible{outline:3px solid #75b9ff;outline-offset:2px}
body.product-ui.admin-app #navigation-player-tab:checked~label[for=navigation-player-tab],body.product-ui.admin-app #navigation-admin-tab:checked~label[for=navigation-admin-tab]{border-bottom-color:var(--brand);color:var(--brand-dark)}
body.product-ui.admin-app .admin-nav-tab-panel{grid-column:1/-1;display:none;padding-top:14px}
body.product-ui.admin-app #navigation-player-tab:checked~.admin-nav-player-panel,body.product-ui.admin-app #navigation-admin-tab:checked~.admin-nav-admin-panel{display:grid;gap:9px}
body.product-ui.admin-app .admin-tab-help{margin:0 0 3px;color:#71867d;font-size:10px;line-height:1.45}
body.product-ui.admin-app .admin-nav-item-card{display:grid;gap:10px;padding:12px 13px;border:1px solid #ddeae6;border-radius:12px;background:#fbfefd}
body.product-ui.admin-app .admin-nav-item-heading{display:flex;align-items:center;gap:9px;min-width:0}
body.product-ui.admin-app .admin-nav-item-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#edf8f4;color:var(--brand)}
body.product-ui.admin-app .admin-nav-item-heading>div{display:grid;gap:3px;min-width:0}
body.product-ui.admin-app .admin-nav-item-heading strong{color:#244e40;font-size:11px}
body.product-ui.admin-app .admin-nav-item-heading small{color:#82958e;font-size:8px;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-nav-visible{display:flex;align-items:center;gap:5px;margin-left:auto;flex:none;color:#57766c;font-size:9px;font-weight:800}
body.product-ui.admin-app .admin-nav-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 90px;gap:8px}
body.product-ui.admin-app .admin-nav-fields label{display:grid;gap:4px;color:#58776c;font-size:9px;font-weight:800}
body.product-ui.admin-app .admin-nav-fields input,body.product-ui.admin-app .admin-nav-fields select{width:100%;min-height:37px;padding:8px;border:1px solid #d8e7e1;border-radius:8px;background:#fff;color:#294c40;font-size:12px}
body.product-ui.admin-app .admin-navigation-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:13px}
body.product-ui.admin-app .admin-navigation-preview-grid>div{min-width:0;padding:13px;border:1px solid #dce9e5;border-radius:12px;background:#fbfefd}
body.product-ui.admin-app .admin-navigation-preview-grid>div>small{color:#71867d;font-size:9px;font-weight:850}
body.product-ui.admin-app .admin-navigation-preview-grid ul{display:grid;gap:3px;margin:9px 0 0;padding:0;list-style:none}
body.product-ui.admin-app .admin-navigation-preview-grid li{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border-radius:8px;background:#fff;color:#315c4d;font-size:10px}
body.product-ui.admin-app .admin-navigation-preview-grid li span{display:grid;place-items:center;flex:none;color:var(--brand)}
@media(max-width:900px){
  body.product-ui.admin-app .admin-branding-layout{grid-template-columns:1fr}
  body.product-ui.admin-app .admin-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  body.product-ui.admin-app .admin-settings-hero{display:grid;padding:17px!important}
  body.product-ui.admin-app .admin-color-grid,body.product-ui.admin-app .admin-asset-grid,body.product-ui.admin-app .admin-navigation-preview-grid{grid-template-columns:1fr}
  body.product-ui.admin-app .admin-branding-editor,body.product-ui.admin-app .admin-branding-preview,body.product-ui.admin-app .admin-navigation-workspace,body.product-ui.admin-app .admin-navigation-preview,body.product-ui.admin-app .admin-asset-section,body.product-ui.admin-app .admin-publish-panel{padding:16px!important}
  body.product-ui.admin-app .admin-form-actions,body.product-ui.admin-app .admin-publish-form{align-items:stretch;flex-direction:column}
  body.product-ui.admin-app .admin-form-actions button,body.product-ui.admin-app .admin-publish-form button{width:100%}
  body.product-ui.admin-app .admin-draft-compare{grid-template-columns:1fr}
  body.product-ui.admin-app .admin-draft-compare>div:nth-child(2){display:none}
  body.product-ui.admin-app .admin-nav-fields{grid-template-columns:1fr 1fr}
  body.product-ui.admin-app .admin-nav-fields label:nth-child(-n+3){grid-column:1/-1}
}

/* P23 — finance work queues */
body.product-ui.admin-app .finance-work-queue{display:grid;gap:16px;margin:0 auto;max-width:1180px;padding:10px 0 44px}
body.product-ui.admin-app .finance-queue-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:10px 2px}
body.product-ui.admin-app .finance-queue-head h1{font-size:clamp(1.55rem,2.8vw,2.2rem);letter-spacing:-.03em;margin:5px 0 4px}
body.product-ui.admin-app .finance-queue-head p{color:var(--muted,#64748b);margin:0;max-width:650px}
body.product-ui.admin-app .finance-queue-count,.finance-queue-head>.status-chip{border:1px solid #d7e5e2;border-radius:999px;color:#295b55;font-size:.82rem;font-weight:700;padding:8px 11px;white-space:nowrap}
body.product-ui.admin-app .finance-filters{display:grid;gap:12px;padding:15px}
body.product-ui.admin-app .finance-filter-title{align-items:center;display:flex;justify-content:space-between}
body.product-ui.admin-app .finance-filter-grid{align-items:end;display:grid;gap:10px;grid-template-columns:2fr repeat(3,1fr) auto}
body.product-ui.admin-app .finance-filter-grid label,.finance-decision-form label{display:grid;font-size:.75rem;font-weight:700;gap:5px}
body.product-ui.admin-app .finance-filter-grid input,.finance-filter-grid select{min-width:0}
body.product-ui.admin-app .finance-record-list,.finance-ledger-list{display:grid;gap:12px}
body.product-ui.admin-app .finance-record{display:grid;gap:13px;padding:16px}
body.product-ui.admin-app .finance-record-main{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}
body.product-ui.admin-app .finance-record-main h2{font-size:1.02rem;margin:3px 0}
body.product-ui.admin-app .finance-record-main p{color:#64748b;margin:0}
body.product-ui.admin-app .finance-record-subline{font-size:.78rem}
body.product-ui.admin-app .finance-fact-grid,.finance-entry-grid,.finance-summary-grid{display:grid;gap:9px;grid-template-columns:repeat(4,minmax(0,1fr))}
body.product-ui.admin-app .finance-fact-grid>span,.finance-entry-grid>span{background:#f7faf9;border:1px solid #e5efed;border-radius:10px;display:grid;gap:3px;padding:9px}
body.product-ui.admin-app .finance-fact-grid small,.finance-entry-grid small,.finance-summary-card small{color:#71827f;font-size:.7rem;font-weight:700;text-transform:uppercase}
body.product-ui.admin-app .finance-fact-grid strong,.finance-entry-grid strong{font-size:.82rem;overflow-wrap:anywhere}
body.product-ui.admin-app .finance-detail{border-top:1px solid #e6eeec;padding-top:9px}
body.product-ui.admin-app .finance-detail summary{color:#176b61;cursor:pointer;font-size:.82rem;font-weight:700}
body.product-ui.admin-app .finance-detail-body{color:#4d625e;font-size:.82rem;padding:9px 0 0}
body.product-ui.admin-app .finance-decision-form{border-top:1px solid #e6eeec;display:grid;gap:9px;padding-top:12px}
body.product-ui.admin-app .finance-impact-note{background:#fff8e8;border:1px solid #f4dfac;border-radius:9px;color:#765615;font-size:.78rem;padding:9px}
body.product-ui.admin-app .status-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:.74rem;font-weight:800;justify-content:center;padding:5px 9px;white-space:nowrap}
body.product-ui.admin-app .status-chip.is-healthy{background:#e4f6ed;color:#17663e}.status-chip.is-attention{background:#fff1d7;color:#8b5b07}.status-chip.is-neutral{background:#eef3f2;color:#52635f}
body.product-ui.admin-app .finance-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body.product-ui.admin-app .finance-summary-card{background:#fff;border:1px solid #dfeae7;border-radius:14px;display:grid;gap:6px;padding:15px;min-width:0;overflow-wrap:anywhere}
body.product-ui.admin-app .finance-summary-card strong{font-size:1.17rem;letter-spacing:-.02em}.finance-summary-card span{color:#647875;font-size:.78rem}
body.product-ui.admin-app .finance-alert{border:1px solid;border-radius:12px;padding:13px 15px}.finance-alert strong{display:block;margin-bottom:3px}.finance-alert p{color:#52635f;font-size:.84rem;margin:0}.finance-alert-attention{background:#fff8e8;border-color:#f2dfa9}.finance-alert-info{background:#eef7fb;border-color:#cfe6f1}
body.product-ui.admin-app .finance-bucket-card,.finance-gate-card,.finance-test-card{padding:16px}
body.product-ui.admin-app .finance-bucket-row{align-items:center;border-top:1px solid #e7efed;display:flex;justify-content:space-between;padding:11px 0}.finance-bucket-row span{display:grid;gap:3px}.finance-bucket-row small{color:#71827f;font-size:.75rem}
body.product-ui.admin-app .finance-action-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.finance-action-grid>.card{padding:16px}.finance-action-grid p{color:#647875;font-size:.84rem}
body.product-ui.admin-app .finance-entry-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.finance-entry-grid em{font-size:.78rem;font-style:normal}.amount-negative{color:#a34545}.amount-positive{color:#176b61}
body.product-ui.admin-app .finance-gate-list{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.finance-gate-list li{align-items:center;background:#f7faf9;border:1px solid #e4edeb;border-radius:9px;display:flex;gap:8px;padding:10px}.finance-gate-list li span{border-radius:50%;font-weight:800;height:20px;text-align:center;width:20px}.finance-gate-list .is-passed span{background:#dff4e9;color:#17663e}.finance-gate-list .is-missing span{background:#fff0d2;color:#8b5b07}.finance-gate-list em{color:#667a75;font-size:.73rem;font-style:normal;margin-left:auto}
body.product-ui.admin-app .finance-test-actions{display:flex;flex-wrap:wrap;gap:9px}.finance-test-actions form{margin:0}.finance-test-card .small-print{color:#71827f;font-size:.76rem;margin:12px 0 0}
body.product-ui.admin-app .text-success{color:#17663e}.text-attention{color:#8b5b07}.finance-empty{padding:24px;text-align:center}.finance-empty p,.finance-empty-inline{color:#71827f}
@media(max-width:760px){
  body.product-ui.admin-app .finance-queue-head{display:grid;gap:8px}.finance-queue-count,.finance-queue-head>.status-chip{justify-self:start}
  body.product-ui.admin-app .finance-filter-grid,body.product-ui.admin-app .finance-summary-grid,body.product-ui.admin-app .finance-fact-grid{grid-template-columns:1fr 1fr}.finance-filter-grid label:first-child{grid-column:1/-1}.finance-filter-grid button{grid-column:1/-1;width:100%}
  body.product-ui.admin-app .finance-record-main{display:grid;gap:8px}.finance-record-main>.status-chip{justify-self:start}.finance-action-grid{grid-template-columns:1fr}.finance-gate-list{grid-template-columns:1fr}.finance-test-actions{display:grid}.finance-test-actions button{width:100%}
}
@media(max-width:430px){body.product-ui.admin-app .finance-filter-grid,body.product-ui.admin-app .finance-summary-grid,body.product-ui.admin-app .finance-fact-grid{grid-template-columns:1fr}.finance-filter-grid label:first-child{grid-column:auto}.finance-fact-grid>span{min-width:0}.finance-record{padding:13px}}
@media(prefers-reduced-motion:reduce){body.product-ui.admin-app .finance-work-queue *{scroll-behavior:auto;transition:none!important}}

/* P20 — pages, announcements and campaign workspaces */
body.product-ui.admin-app .p20-content-page{display:grid;gap:14px;max-width:1180px;margin:0 auto;padding:18px 16px 56px}
body.product-ui.admin-app .p20-content-page h1,body.product-ui.admin-app .p20-content-page h2,body.product-ui.admin-app .p20-content-page h3{margin:0;color:#173f34;letter-spacing:-.02em}
body.product-ui.admin-app .p20-content-page h1{font-size:clamp(22px,3vw,31px)}
body.product-ui.admin-app .p20-content-page h2{font-size:17px}
body.product-ui.admin-app .p20-content-page h3{font-size:13px}
body.product-ui.admin-app .p20-content-page p{color:#6c8179;font-size:11px;line-height:1.55}
body.product-ui.admin-app .p20-content-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;background:linear-gradient(135deg,#fff,#f3faf7)}
body.product-ui.admin-app .p20-content-hero p{max-width:720px;margin:8px 0 0}
body.product-ui.admin-app .p20-content-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
body.product-ui.admin-app .p20-content-card-title{display:flex;align-items:center;gap:10px;min-width:0}
body.product-ui.admin-app .p20-content-card-title>div{min-width:0}
body.product-ui.admin-app .p20-content-card-title h2{overflow-wrap:anywhere}
body.product-ui.admin-app .p20-content-card-title small{display:block;margin-top:4px;color:#859990;font-size:9px;overflow-wrap:anywhere}
body.product-ui.admin-app .p20-content-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#e9f7f2;color:#168267;font-size:14px;font-weight:900}
body.product-ui.admin-app .p20-content-impact{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid #dcece5;border-radius:9px;background:#f8fcfa;color:#4a7463;font-size:9px;line-height:1.45}
body.product-ui.admin-app .p20-content-impact strong{color:#2e654f;white-space:nowrap}
body.product-ui.admin-app .p20-page-editor{margin-top:14px}
body.product-ui.admin-app .p20-page-editor-grid{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(300px,1.25fr);gap:16px}
body.product-ui.admin-app .p20-page-names,body.product-ui.admin-app .p20-page-bodies{display:grid;align-content:start;gap:9px}
body.product-ui.admin-app .p20-page-names h3,body.product-ui.admin-app .p20-page-bodies h3{margin-bottom:2px}
body.product-ui.admin-app .p20-page-editor label,body.product-ui.admin-app .p20-campaign-form label,body.product-ui.admin-app .p20-publish-form label{display:grid;gap:5px;color:#58776c;font-size:9px;font-weight:850}
body.product-ui.admin-app .p20-page-editor input,body.product-ui.admin-app .p20-page-editor textarea,body.product-ui.admin-app .p20-campaign-form input,body.product-ui.admin-app .p20-campaign-form select{width:100%;padding:9px 10px;border:1px solid #d4e5de;border-radius:8px;background:#fff;color:#244e40;font:inherit;font-size:12px}
body.product-ui.admin-app .p20-page-editor textarea{min-height:102px;resize:vertical;line-height:1.45}
body.product-ui.admin-app .p20-content-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #e5eeea}
body.product-ui.admin-app .p20-content-actions>span{color:#738981;font-size:9px}
body.product-ui.admin-app .p20-diff-panel{margin-top:15px;padding:14px;border:1px solid #ebd39d;border-radius:11px;background:#fffdf7}
body.product-ui.admin-app .p20-diff-empty{margin:0;padding:4px 0;color:#6e8379;font-size:10px}
body.product-ui.admin-app .p20-diff-panel .section-head{margin-bottom:10px}
body.product-ui.admin-app .p20-diff-list{display:grid;gap:7px}
body.product-ui.admin-app .p20-diff-row{display:grid;grid-template-columns:115px minmax(150px,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #eee2c6;border-radius:8px;background:#fff}
body.product-ui.admin-app .p20-diff-row strong{color:#355f50;font-size:10px}
body.product-ui.admin-app .p20-diff-row>span{color:#7a8a80;font-size:9px}
body.product-ui.admin-app .p20-diff-row>span.is-changed{color:#8c6720;font-weight:850}
body.product-ui.admin-app .p20-diff-row details{font-size:9px}
body.product-ui.admin-app .p20-diff-row summary{cursor:pointer;color:#34745e;font-weight:850}
body.product-ui.admin-app .p20-diff-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
body.product-ui.admin-app .p20-diff-columns>div{padding:8px;border-radius:7px;background:#fbfefd}
body.product-ui.admin-app .p20-diff-columns small{color:#84978f;font-size:8px}
body.product-ui.admin-app .p20-diff-columns p{margin:4px 0 0;overflow-wrap:anywhere}
body.product-ui.admin-app .p20-publish-form{display:flex;align-items:end;gap:10px;margin-top:12px}
body.product-ui.admin-app .p20-publish-form input{min-height:39px;padding:8px 10px;border:1px solid #d4e5de;border-radius:8px;background:#fff;font-size:12px}
body.product-ui.admin-app .p20-publish-form label{flex:1}
body.product-ui.admin-app .p20-empty-state,body.product-ui.admin-app .p20-empty-inline{padding:22px;text-align:center}
body.product-ui.admin-app .p20-empty-state p{margin-bottom:0}
body.product-ui.admin-app .p20-campaign-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.product-ui.admin-app .p20-health-card{display:grid;gap:5px;padding:14px;border:1px solid #dce9e5;border-radius:12px;background:#fff}
body.product-ui.admin-app .p20-health-card small{color:#81968d;font-size:9px;font-weight:850}
body.product-ui.admin-app .p20-health-card strong{color:#234f40;font-size:17px}
body.product-ui.admin-app .p20-health-card span{color:#70877d;font-size:9px;line-height:1.35}
body.product-ui.admin-app .p20-campaign-editor{padding:18px}
body.product-ui.admin-app .p20-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
body.product-ui.admin-app .p20-campaign-grid label.check{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 10px;border:1px solid #dce9e5;border-radius:8px;background:#fbfefd;color:#3c6a58}
body.product-ui.admin-app .p20-campaign-grid label.check input{width:auto;min-height:auto}
body.product-ui.admin-app .p20-campaign-grid label:last-child{grid-column:1/-1}
body.product-ui.admin-app .p20-impact-summary{display:flex;gap:8px;margin-top:11px;padding:10px 11px;border:1px solid #dbeae3;border-radius:8px;background:#f7fcf9;color:#4b7364;font-size:9px;line-height:1.4}
body.product-ui.admin-app .p20-impact-summary strong{color:#2f644f;white-space:nowrap}
body.product-ui.admin-app .p20-announcement-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:start;gap:14px}
body.product-ui.admin-app .p20-announcement-composer,body.product-ui.admin-app .p20-announcement-preview,body.product-ui.admin-app .p20-announcement-history{padding:18px}
body.product-ui.admin-app .p20-announcement-composer form{display:grid;gap:10px}
body.product-ui.admin-app .p20-announcement-composer label{display:grid;gap:5px;color:#58776c;font-size:9px;font-weight:850}
body.product-ui.admin-app .p20-announcement-composer input,body.product-ui.admin-app .p20-announcement-composer select,body.product-ui.admin-app .p20-announcement-composer textarea{width:100%;padding:9px 10px;border:1px solid #d4e5de;border-radius:8px;background:#fff;color:#244e40;font:inherit;font-size:12px}
body.product-ui.admin-app .p20-announcement-composer textarea{min-height:100px;resize:vertical}
body.product-ui.admin-app .p20-push-preview{display:grid;gap:8px;margin-top:12px;padding:15px;border:1px solid #cfe6dc;border-radius:12px;background:#f7fcf9}
body.product-ui.admin-app .p20-push-preview strong{color:#244e40;font-size:15px;overflow-wrap:anywhere}
body.product-ui.admin-app .p20-push-preview p{margin:0;overflow-wrap:anywhere}
body.product-ui.admin-app .p20-push-preview a{justify-self:start;color:#1b8065;font-size:10px;font-weight:850}
body.product-ui.admin-app .p20-push-preview[data-level=attention]{border-color:#e7ce92;background:#fffaf0}
body.product-ui.admin-app .p20-push-preview[data-level=urgent]{border-color:#d5b5a9;background:#fff8f4}
body.product-ui.admin-app .p20-context-alert{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:5px;font-size:8px;font-weight:850}
body.product-ui.admin-app .p20-context-alert.level-normal{background:#edf6f2;color:#39715c}
body.product-ui.admin-app .p20-context-alert.level-attention{background:#fff1cf;color:#80611d}
body.product-ui.admin-app .p20-context-alert.level-urgent{background:#f9e9e3;color:#845443}
body.product-ui.admin-app .p20-history-list{display:grid;gap:7px;margin-top:11px}
body.product-ui.admin-app .p20-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e1ebe7;border-radius:9px;background:#fbfefd}
body.product-ui.admin-app .p20-history-row>div{display:grid;gap:5px;min-width:0}
body.product-ui.admin-app .p20-history-row strong{color:#315f4f;font-size:11px;overflow-wrap:anywhere}
body.product-ui.admin-app .p20-history-row small{color:#81948c;font-size:8px;line-height:1.35}
@media(max-width:800px){body.product-ui.admin-app .p20-announcement-layout{grid-template-columns:1fr}body.product-ui.admin-app .p20-page-editor-grid{grid-template-columns:1fr}}
@media(max-width:620px){
  body.product-ui.admin-app .p20-content-page{padding:12px 11px 42px}
  body.product-ui.admin-app .p20-content-hero{display:grid;padding:17px}
  body.product-ui.admin-app .p20-campaign-health{grid-template-columns:1fr}
  body.product-ui.admin-app .p20-campaign-editor,body.product-ui.admin-app .p20-announcement-composer,body.product-ui.admin-app .p20-announcement-preview,body.product-ui.admin-app .p20-announcement-history{padding:14px}
  body.product-ui.admin-app .p20-campaign-grid{grid-template-columns:1fr}
  body.product-ui.admin-app .p20-campaign-grid label:last-child{grid-column:auto}
  body.product-ui.admin-app .p20-content-actions,body.product-ui.admin-app .p20-publish-form{align-items:stretch;flex-direction:column}
  body.product-ui.admin-app .p20-content-actions button,body.product-ui.admin-app .p20-publish-form button{width:100%}
  body.product-ui.admin-app .p20-diff-row{grid-template-columns:1fr}
  body.product-ui.admin-app .p20-diff-columns{grid-template-columns:1fr}
  body.product-ui.admin-app .p20-history-row{align-items:flex-start;flex-direction:column}
}

/* P19 — translation workspace */
body.product-ui.admin-app .admin-translations-page{display:grid;gap:14px;max-width:1180px;margin:0 auto;padding:18px 16px 56px}
body.product-ui.admin-app .admin-translations-page h1,body.product-ui.admin-app .admin-translations-page h2{margin:0;color:#173f34;letter-spacing:-.02em}
body.product-ui.admin-app .admin-translations-page h1{font-size:clamp(22px,3vw,31px)}
body.product-ui.admin-app .admin-translations-page h2{font-size:17px}
body.product-ui.admin-app .admin-translations-page p{color:#6c8179;font-size:11px;line-height:1.55}
body.product-ui.admin-app .admin-translations-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;background:linear-gradient(135deg,#fff,#f3faf7)}
body.product-ui.admin-app .admin-translations-hero p{max-width:720px;margin:8px 0 0}
body.product-ui.admin-app .admin-translation-coverage-grid{display:grid;gap:11px;padding:2px}
body.product-ui.admin-app .admin-translation-coverage-grid .section-head{align-items:end;margin-bottom:0}
body.product-ui.admin-app .admin-translation-coverage-grid .small-print{margin:0;max-width:430px;text-align:right}
body.product-ui.admin-app .admin-translation-locale-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.product-ui.admin-app .admin-translation-locale-card{display:grid;gap:9px;min-width:0;padding:14px;border:1px solid #dce9e5;border-radius:13px;background:#fff;color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body.product-ui.admin-app .admin-translation-locale-card:hover{border-color:#8bcbb8;box-shadow:0 8px 20px #0b80630d;transform:translateY(-1px)}
body.product-ui.admin-app .admin-translation-locale-card.is-selected{border-color:var(--brand);box-shadow:0 0 0 2px #00a9861a}
body.product-ui.admin-app .admin-translation-locale-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#244e40;font-size:12px;font-weight:850}
body.product-ui.admin-app .admin-translation-progress{display:block;height:7px;overflow:hidden;border-radius:999px;background:#e7f0ed}
body.product-ui.admin-app .admin-translation-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00a887,#55c2a4);transition:width .22s ease}
body.product-ui.admin-app .admin-translation-locale-card-meta{color:#7a9086;font-size:9px}
body.product-ui.admin-app .admin-translation-workspace{padding:18px}
body.product-ui.admin-app .admin-translation-workspace-head{align-items:flex-start;margin-bottom:0}
body.product-ui.admin-app .admin-translation-workspace-tools{display:flex;align-items:flex-end;gap:12px;max-width:500px}
body.product-ui.admin-app .admin-translation-locale-select label{display:grid;gap:4px;color:#58776c;font-size:9px;font-weight:850}
body.product-ui.admin-app .admin-translation-locale-select select{min-height:36px;min-width:135px;padding:7px 9px;border:1px solid #d4e5de;border-radius:8px;background:#fff;color:#244e40;font-size:11px}
body.product-ui.admin-app .admin-translation-source-note{display:grid;gap:4px;max-width:360px;color:#6e837a;font-size:9px;line-height:1.4;text-align:right}
body.product-ui.admin-app .admin-translation-source-note strong{color:#244e40}
body.product-ui.admin-app .admin-translation-locale-tabs{display:flex;gap:6px;margin:14px 0 11px;padding-bottom:2px;border-bottom:1px solid #e1ece8}
body.product-ui.admin-app .admin-translation-locale-tabs a{min-height:38px;padding:10px 14px;border-radius:9px;color:#678078;font-size:11px;font-weight:850;text-decoration:none}
body.product-ui.admin-app .admin-translation-locale-tabs a:hover{background:#f0f8f5;color:#286d58}
body.product-ui.admin-app .admin-translation-locale-tabs a.is-active{background:#e8f7f1;color:#146c53}
body.product-ui.admin-app .admin-translation-draft-alert,body.product-ui.admin-app .admin-translation-notice{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border-radius:10px;font-size:10px;line-height:1.45}
body.product-ui.admin-app .admin-translation-draft-alert{border:1px solid #f0d59a;background:#fff9ea;color:#755b1e}
body.product-ui.admin-app .admin-translation-draft-alert span{color:#876f35}
body.product-ui.admin-app .admin-translation-notice{margin-top:9px;border:1px solid #d9eae3;background:#f6fcf9;color:#3b6d5b}
body.product-ui.admin-app .admin-translation-notice span{color:#69857a}
body.product-ui.admin-app .admin-translation-search-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:12px}
body.product-ui.admin-app .admin-translation-search-row label{display:grid;gap:5px;min-width:min(100%,360px);color:#58776c;font-size:9px;font-weight:850}
body.product-ui.admin-app .admin-translation-search-row input{min-height:38px;padding:8px 10px;border:1px solid #d5e5df;border-radius:8px;background:#fff;color:#244e40;font-size:12px}
body.product-ui.admin-app .admin-translation-search-row input:focus{outline:3px solid #76bca71f;border-color:#5fae96}
body.product-ui.admin-app .admin-translation-search-row>[data-translation-search-result]{padding-bottom:9px;color:#82958e;font-size:9px;font-weight:800}
body.product-ui.admin-app .admin-translation-no-results{margin:13px 0 0;padding:15px;border:1px dashed #cfdfd9;border-radius:10px;text-align:center}
body.product-ui.admin-app .admin-translation-form{margin-top:13px}
body.product-ui.admin-app .admin-translation-form-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
body.product-ui.admin-app .admin-translation-form-top p{margin:0}
body.product-ui.admin-app .admin-translation-state{padding:6px 9px;border-radius:7px;background:#f3f8f6;color:#54786b;font-size:9px;font-weight:800}
body.product-ui.admin-app .admin-translation-state[role=alert]{background:#fff0ef;color:#a34742}
body.product-ui.admin-app .admin-translation-table-head{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1.45fr) 155px;gap:12px;padding:0 12px 6px;color:#8a9d96;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
body.product-ui.admin-app .admin-translation-rows{display:grid;gap:8px}
body.product-ui.admin-app .admin-translation-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1.45fr) 155px;gap:12px;padding:12px;border:1px solid #e0ebe7;border-radius:11px;background:#fbfefd}
body.product-ui.admin-app .admin-translation-row.is-long{border-color:#eacb8e;background:#fffdf7}
body.product-ui.admin-app .admin-translation-source-cell,body.product-ui.admin-app .admin-translation-target-cell,body.product-ui.admin-app .admin-translation-context-cell{min-width:0}
body.product-ui.admin-app .admin-translation-source-cell{display:grid;align-content:start;gap:6px}
body.product-ui.admin-app .admin-translation-source-cell code{overflow-wrap:anywhere;color:#2e6655;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}
body.product-ui.admin-app .admin-translation-source-cell p{margin:0;color:#355b4e;font-size:11px;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-translation-status{justify-self:start;padding:3px 6px;border-radius:5px;font-size:8px;font-weight:850}
body.product-ui.admin-app .admin-translation-status.status-published{background:#e7f6ef;color:#267357}
body.product-ui.admin-app .admin-translation-status.status-draft{background:#fff2cf;color:#83631e}
body.product-ui.admin-app .admin-translation-status.status-fallback{background:#edf4ff;color:#376ca2}
body.product-ui.admin-app .admin-translation-status.status-missing{background:#fff0ef;color:#a34742}
body.product-ui.admin-app .admin-translation-target-cell{display:grid;gap:6px}
body.product-ui.admin-app .admin-translation-target-cell textarea{width:100%;min-height:61px;resize:vertical;padding:9px 10px;border:1px solid #d2e3dc;border-radius:8px;background:#fff;color:#234f40;font:inherit;font-size:12px;line-height:1.45}
body.product-ui.admin-app .admin-translation-target-cell textarea:focus{outline:3px solid #76bca71f;border-color:#5fae96}
body.product-ui.admin-app .admin-translation-target-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8a9c95;font-size:8px}
body.product-ui.admin-app .admin-translation-character-warning{color:#9a6b1b;font-weight:850}
body.product-ui.admin-app .admin-translation-live-preview{max-height:40px;overflow:hidden;padding:6px 8px;border:1px dashed #dbe9e4;border-radius:7px;background:#fff;color:#5e766d;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-translation-live-preview.is-overflow{border-color:#e1b866;background:#fff8e8;color:#856423}
body.product-ui.admin-app .admin-translation-context-cell{display:grid;align-content:start;gap:7px;color:#43705f;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-translation-context-cell small{color:#889b94;font-size:8px}
body.product-ui.admin-app .admin-translation-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #e5eeea}
body.product-ui.admin-app .admin-translation-actions>span{color:#738981;font-size:9px}
body.product-ui.admin-app .admin-translation-actions button{min-width:145px}
body.product-ui.admin-app .admin-translation-preview-panel,body.product-ui.admin-app .admin-translation-publish-panel{padding:18px}
body.product-ui.admin-app .admin-translation-preview-panel>p,body.product-ui.admin-app .admin-translation-publish-panel>p{margin:7px 0 0}
body.product-ui.admin-app .admin-translation-preview-shell{display:grid;gap:7px;max-width:520px;margin-top:13px;padding:16px;border:1px solid #deebe6;border-radius:12px;background:#fbfefd}
body.product-ui.admin-app .admin-translation-preview-shell span{color:#6a8a7d;font-size:9px;font-weight:850}
body.product-ui.admin-app .admin-translation-preview-shell strong{color:#244e40;font-size:17px;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-translation-preview-shell p{margin:0;font-size:11px}
body.product-ui.admin-app .admin-translation-preview-shell button{justify-self:start;min-height:36px;padding:8px 12px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:10px;font-weight:850;opacity:.78}
body.product-ui.admin-app .admin-translation-publish-panel{border-color:#c8e2d7;background:#f8fcfa}
body.product-ui.admin-app .admin-translation-publish-form{display:flex;align-items:end;gap:10px;margin-top:13px}
body.product-ui.admin-app .admin-translation-publish-form label{display:grid;flex:1;gap:5px;color:#55766a;font-size:9px;font-weight:850}
body.product-ui.admin-app .admin-translation-publish-form input{min-height:40px;padding:9px 10px;border:1px solid #d1e4db;border-radius:8px;background:#fff;font-size:13px}

/* P22 — user operations and review queue */
body.product-ui.admin-app .p22-users-page,body.product-ui.admin-app .p22-risk-page{display:grid;gap:14px;max-width:1180px;margin:0 auto;padding:18px 16px 56px}
body.product-ui.admin-app .p22-users-head,body.product-ui.admin-app .p22-risk-head{margin:0;align-items:end}
body.product-ui.admin-app .p22-users-head h1,body.product-ui.admin-app .p22-risk-head h1{margin:3px 0 4px;color:#173f34;font-size:clamp(22px,4vw,30px);letter-spacing:-.03em}
body.product-ui.admin-app .p22-users-head p,body.product-ui.admin-app .p22-risk-head p{max-width:680px;margin:0;color:#6f847b;font-size:12px;line-height:1.5}
body.product-ui.admin-app .p22-eyebrow{color:#4a8470;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
body.product-ui.admin-app .p22-count{color:#245b4a;font-size:26px;letter-spacing:-.04em}
body.product-ui.admin-app .p22-toolbar{margin:0}
body.product-ui.admin-app .p22-directory-note,body.product-ui.admin-app .p22-risk-note{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid #d9eae3;border-radius:12px;background:#f7fcfa;color:#52786b;font-size:11px;line-height:1.45}
body.product-ui.admin-app .p22-directory-note span,body.product-ui.admin-app .p22-risk-note .p22-note-icon{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border-radius:50%;background:#d8eee4;color:#286950;font-size:10px;font-weight:900}
body.product-ui.admin-app .p22-directory-note p,body.product-ui.admin-app .p22-risk-note p{margin:0}
body.product-ui.admin-app .p22-user-list{display:grid;gap:8px}
body.product-ui.admin-app .p22-user-row-wrap{border:1px solid #e0eae6;border-radius:14px;background:#fff;box-shadow:0 3px 14px rgba(18,36,45,.035);transition:border-color .18s ease,box-shadow .18s ease}
body.product-ui.admin-app .p22-user-row-wrap:hover{border-color:#bdded0;box-shadow:0 5px 20px rgba(18,36,45,.065)}
body.product-ui.admin-app .p22-user-row{display:grid;grid-template-columns:auto minmax(170px,1.25fr) minmax(130px,.8fr) minmax(105px,.7fr) minmax(82px,.55fr) auto auto;gap:12px;align-items:center;min-height:68px;padding:9px 13px 9px 6px}
body.product-ui.admin-app .p22-user-row .simple-user-name{min-width:0}
body.product-ui.admin-app .p22-user-state{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
body.product-ui.admin-app .p22-user-metric{display:grid;gap:3px;min-width:0}
body.product-ui.admin-app .p22-user-metric small,body.product-ui.admin-app .p22-meta-label{color:#879891;font-size:8px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
body.product-ui.admin-app .p22-user-metric strong{color:#355b4d;font-size:11px;white-space:nowrap}
body.product-ui.admin-app .p22-attention{color:#a46e1e!important}
body.product-ui.admin-app .p22-signal{display:inline-flex;align-items:center;max-width:100%;padding:4px 7px;border:1px solid #ecd9ad;border-radius:999px;background:#fff9ec;color:#8b6724;font-size:9px;font-weight:800;line-height:1.2}
body.product-ui.admin-app .p22-signal-compact{padding:3px 6px;font-size:8px}
body.product-ui.admin-app .p22-empty{display:grid;justify-items:start;gap:7px;padding:28px 18px;border:1px dashed #cedfd8;border-radius:14px;background:#fbfefd}
body.product-ui.admin-app .p22-empty span{color:#4a8470;font-size:21px}
body.product-ui.admin-app .p22-empty small{color:#71877e;line-height:1.45}
body.product-ui.admin-app .p22-risk-list{display:grid;gap:9px}
body.product-ui.admin-app .p22-risk-row{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(230px,1.6fr) minmax(110px,.7fr) minmax(90px,.6fr) minmax(115px,.75fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid #e0eae6;border-radius:14px;background:#fff;box-shadow:0 3px 14px rgba(18,36,45,.035)}
body.product-ui.admin-app .p22-risk-person{display:flex;align-items:center;gap:9px;min-width:0}
body.product-ui.admin-app .p22-risk-person>span:last-child{display:grid;gap:3px;min-width:0}
body.product-ui.admin-app .p22-risk-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#244e40;font-size:12px}
body.product-ui.admin-app .p22-risk-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#83968e;font-size:9px}
body.product-ui.admin-app .p22-risk-signals,body.product-ui.admin-app .p22-risk-status,body.product-ui.admin-app .p22-risk-owner,body.product-ui.admin-app .p22-risk-updated{display:grid;gap:5px;min-width:0}
body.product-ui.admin-app .p22-risk-signals>div{display:flex;flex-wrap:wrap;gap:5px}
body.product-ui.admin-app .p22-risk-owner strong,body.product-ui.admin-app .p22-risk-updated time{color:#3e6558;font-size:10px}
body.product-ui.admin-app .p22-risk-row .button{white-space:nowrap}
body.product-ui.admin-app .p22-clear{align-self:center;color:#54786b;font-size:10px;font-weight:800}
body.product-ui.admin-app .p22-detail-tabs{position:relative;z-index:1}
body.product-ui.admin-app .p22-detail-card{margin-top:14px}
body.product-ui.admin-app .p22-security-sessions{max-width:none}
@media(max-width:900px){
  body.product-ui.admin-app .p22-user-row{grid-template-columns:auto minmax(160px,1fr) minmax(100px,.7fr) minmax(92px,.6fr) auto}
  body.product-ui.admin-app .p22-user-row .p22-user-metric:nth-of-type(2){display:none}
  body.product-ui.admin-app .p22-risk-row{grid-template-columns:minmax(180px,1fr) minmax(180px,1.2fr) minmax(105px,.6fr) auto}
  body.product-ui.admin-app .p22-risk-owner,body.product-ui.admin-app .p22-risk-updated{display:none}
}
@media(max-width:620px){
  body.product-ui.admin-app .p22-users-page,body.product-ui.admin-app .p22-risk-page{padding:12px 11px 42px;gap:11px}
  body.product-ui.admin-app .p22-users-head,body.product-ui.admin-app .p22-risk-head{display:grid;gap:8px;align-items:start}
  body.product-ui.admin-app .p22-users-head>strong,body.product-ui.admin-app .p22-risk-head>strong{font-size:20px}
  body.product-ui.admin-app .p22-user-row-wrap{display:grid;grid-template-columns:30px minmax(0,1fr);padding:0 8px 0 0}
  body.product-ui.admin-app .p22-user-row{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;min-height:0;padding:12px 0}
  body.product-ui.admin-app .p22-user-row .simple-user-name{grid-column:2;grid-row:1}
  body.product-ui.admin-app .p22-user-row .p22-user-state{grid-column:2;grid-row:2}
  body.product-ui.admin-app .p22-user-row .p22-user-metric{grid-column:2;grid-row:3}
  body.product-ui.admin-app .p22-user-row .p22-user-metric:nth-of-type(2){display:grid;grid-column:3;grid-row:3;justify-items:end}
  body.product-ui.admin-app .p22-user-row>b{grid-column:3;grid-row:1;align-self:start}
  body.product-ui.admin-app .p22-user-row>.status-chip{grid-column:3;grid-row:2;justify-self:end}
  body.product-ui.admin-app .p22-risk-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px}
  body.product-ui.admin-app .p22-risk-person{grid-column:1;grid-row:1}
  body.product-ui.admin-app .p22-risk-signals{grid-column:1 / -1;grid-row:2}
  body.product-ui.admin-app .p22-risk-status{grid-column:2;grid-row:1;justify-items:end}
  body.product-ui.admin-app .p22-risk-row .button{grid-column:1 / -1;width:100%}
  body.product-ui.admin-app .p22-detail-tabs{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  body.product-ui.admin-app .p22-detail-tabs::-webkit-scrollbar{display:none}
}
@media(prefers-reduced-motion:reduce){body.product-ui.admin-app .p22-user-row-wrap{transition:none}}
@media(max-width:760px){
  body.product-ui.admin-app .admin-translation-table-head{display:none}
  body.product-ui.admin-app .admin-translation-row{grid-template-columns:1fr;gap:10px}
  body.product-ui.admin-app .admin-translation-context-cell{padding-top:2px}
}
@media(max-width:620px){
  body.product-ui.admin-app .admin-translations-page{padding:12px 11px 42px}
  body.product-ui.admin-app .admin-translations-hero{display:grid;padding:17px}
  body.product-ui.admin-app .admin-translation-locale-cards{grid-template-columns:1fr}
  body.product-ui.admin-app .admin-translation-coverage-grid .section-head{display:grid;gap:5px}
  body.product-ui.admin-app .admin-translation-coverage-grid .small-print{text-align:left}
  body.product-ui.admin-app .admin-translation-workspace,body.product-ui.admin-app .admin-translation-preview-panel,body.product-ui.admin-app .admin-translation-publish-panel{padding:14px}
  body.product-ui.admin-app .admin-translation-workspace-head{display:grid;gap:8px}
  body.product-ui.admin-app .admin-translation-workspace-tools{align-items:stretch;display:grid;gap:8px;max-width:none}
  body.product-ui.admin-app .admin-translation-source-note{text-align:left}
  body.product-ui.admin-app .admin-translation-search-row{align-items:stretch;flex-direction:column}
  body.product-ui.admin-app .admin-translation-search-row label{min-width:0}
  body.product-ui.admin-app .admin-translation-locale-tabs{overflow:auto}
  body.product-ui.admin-app .admin-translation-form-top,body.product-ui.admin-app .admin-translation-actions,body.product-ui.admin-app .admin-translation-publish-form{align-items:stretch;flex-direction:column}
  body.product-ui.admin-app .admin-translation-actions button,body.product-ui.admin-app .admin-translation-publish-form button{width:100%}
}

/* P24 — support, reports, integrations, system and audit operations */
body.product-ui.admin-app .p24-ops-page{display:grid;gap:14px;max-width:1180px;margin:0 auto;padding:18px 20px 44px;color:#203b34}
body.product-ui.admin-app .p24-ops-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 23px;background:linear-gradient(135deg,#fff 0%,#f4fbf8 100%);border:1px solid #dcebe5}
body.product-ui.admin-app .p24-ops-hero h1{margin:3px 0 5px;font-size:clamp(22px,3vw,30px);letter-spacing:-.03em}
body.product-ui.admin-app .p24-ops-hero p{margin:0;max-width:640px;color:#668177;font-size:12px;line-height:1.5}
body.product-ui.admin-app .p24-ops-count,.p24-summary-count{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid #cbe4d9;border-radius:999px;background:#effaf4;color:#277052;font-size:11px;font-weight:800;white-space:nowrap}
body.product-ui.admin-app .p24-filter-card{padding:0;overflow:hidden}
body.product-ui.admin-app .p24-filter-card>details>summary,body.product-ui.admin-app .p24-filter-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:14px 17px;font-size:12px;font-weight:800;color:#294e42}
body.product-ui.admin-app .p24-filter-card summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .p24-filter-card summary b{font-size:10px;color:#718d81;font-weight:700}
body.product-ui.admin-app .p24-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:0 17px 17px;align-items:end}
body.product-ui.admin-app .p24-filter-grid label{display:grid;gap:5px;color:#71867d;font-size:10px;font-weight:750}
body.product-ui.admin-app .p24-filter-grid input,body.product-ui.admin-app .p24-filter-grid select{width:100%;min-height:37px;border:1px solid #d7e6e0;border-radius:9px;padding:0 9px;background:#fff;color:#274a3f;font:inherit;font-size:11px}
body.product-ui.admin-app .p24-filter-grid button{min-height:37px}
body.product-ui.admin-app .p24-queue-note,body.product-ui.admin-app .p24-system-note{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;border:1px solid #d8e9e1;border-radius:12px;background:#f4fbf7;color:#52766a;font-size:11px;line-height:1.45}
body.product-ui.admin-app .p24-queue-note strong{color:#316752;white-space:nowrap}
body.product-ui.admin-app .p24-ticket-list{display:grid;gap:11px}
body.product-ui.admin-app .p24-ticket-card{display:grid;gap:12px;padding:16px;border:1px solid #deebe5;box-shadow:0 4px 18px rgba(17,51,39,.04)}
body.product-ui.admin-app .p24-ticket-card.is-overdue{border-color:#ecd7b2;background:#fffdf8}
body.product-ui.admin-app .p24-ticket-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
body.product-ui.admin-app .p24-ticket-head h2{margin:4px 0;font-size:15px;line-height:1.3}.p24-ticket-head h2 a{color:#234d40;text-decoration:none}.p24-ticket-head p{margin:0;color:#7b9188;font-size:10px}
body.product-ui.admin-app .p24-ticket-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border-radius:10px;background:#f7fbf9}
body.product-ui.admin-app .p24-ticket-facts span,.p24-integration-meta span{display:grid;gap:3px;min-width:0}.p24-ticket-facts small,.p24-integration-meta small{color:#8a9d96;font-size:9px;font-weight:800;text-transform:uppercase}.p24-ticket-facts strong,.p24-integration-meta strong{overflow:hidden;text-overflow:ellipsis;color:#3c6356;font-size:10px;white-space:nowrap}
body.product-ui.admin-app .p24-last-message{padding:10px 12px;border-left:3px solid #bddfd0;border-radius:0 9px 9px 0;background:#fbfefd}.p24-last-message span{font-size:9px;font-weight:850;text-transform:uppercase;color:#36745a}.p24-last-message span.is-internal,.p24-message-line b.is-internal{color:#9a7228}.p24-last-message p{margin:4px 0 0;color:#607c71;font-size:11px;line-height:1.45}
body.product-ui.admin-app .p24-ticket-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end}.p24-ticket-form-grid label{display:grid;gap:4px;color:#748b81;font-size:9px;font-weight:800}.p24-ticket-form-grid select{min-height:35px;border:1px solid #d6e6df;border-radius:8px;padding:0 8px;background:#fff;color:#315649;font-size:11px}
body.product-ui.admin-app .p24-ticket-details{border-top:1px solid #edf3f0;padding-top:9px;color:#6c857a;font-size:10px}.p24-ticket-details summary{cursor:pointer;font-weight:800;color:#436d5e}.p24-ticket-details>div{padding-top:7px}.p24-ticket-details>div>p:first-child{margin-top:0}.p24-message-line{margin:5px 0;line-height:1.45}.p24-message-line b{color:#34735a}
body.product-ui.admin-app .p24-empty{padding:28px 18px}.p24-empty strong{font-size:13px}.p24-empty p{margin:5px 0 0;color:#718980;font-size:11px}
body.product-ui.admin-app .p24-data-freshness{margin:0;color:#7d9389;font-size:10px}
body.product-ui.admin-app .p24-report-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.p24-report-card{display:grid;gap:7px;min-height:130px;padding:15px;border:1px solid #deebe5;border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(17,51,39,.04)}.p24-report-card.tone-green{border-top:3px solid #63ba8c}.p24-report-card.tone-purple{border-top:3px solid #8d8fdd}.p24-report-card.tone-amber{border-top:3px solid #d9ae5e}.p24-report-card.tone-red{border-top:3px solid #dd8a7f}.p24-report-label{color:#7b9188;font-size:10px;font-weight:800;line-height:1.25}.p24-report-card strong{color:#244d40;font-size:22px;letter-spacing:-.03em}.p24-report-card p{margin:0;color:#71887e;font-size:10px;line-height:1.4}
body.product-ui.admin-app .p24-report-more,.p24-report-table-fallback,.p24-report-definition{padding:0;overflow:hidden}.p24-report-more>summary,.p24-report-table-fallback>summary{padding:14px 16px;cursor:pointer;color:#315e4e;font-size:12px;font-weight:800}.p24-report-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 15px}.p24-report-more-grid article{display:grid;gap:4px;padding:10px;border-radius:9px;background:#f7fbf9}.p24-report-more-grid small{color:#849a91;font-size:9px}.p24-report-more-grid strong{color:#3e6858;font-size:12px}.p24-report-table-fallback>p{margin:0;padding:0 16px 12px;color:#71887e;font-size:10px}.p24-report-table-fallback .table-wrap{padding:0 16px 16px;overflow:auto}.p24-report-table-fallback table{width:100%;border-collapse:collapse;font-size:10px}.p24-report-table-fallback th,.p24-report-table-fallback td{padding:8px;border-bottom:1px solid #e8f0ec;text-align:left}.p24-report-table-fallback th{color:#799187;font-size:9px;text-transform:uppercase}.p24-report-definition{padding:15px}.p24-report-definition h2{margin:0 0 5px;font-size:13px}.p24-report-definition p{margin:0;color:#71887e;font-size:10px;line-height:1.5}
body.product-ui.admin-app .p24-integration-summary{display:grid;gap:13px;padding:17px;border:1px solid #dcebe5;background:#fbfefd}.p24-summary-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.p24-summary-head h2{margin:3px 0 4px;font-size:16px}.p24-summary-head p{margin:0;color:#70887d;font-size:10px}.p24-gate-strip{display:flex;flex-wrap:wrap;gap:6px}.p24-gate-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #d9e9e2;border-radius:999px;background:#f7fbf9;color:#55776a;font-size:9px;font-weight:800}.p24-gate-pill b{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#d5eee0;color:#2e7858;font-size:9px}.p24-gate-pill.is-missing{border-color:#ecdcb9;background:#fffaf0;color:#8b6b2b}.p24-gate-pill.is-missing b{background:#f3dfb1;color:#936b1b}.p24-integration-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.p24-integration-meta span{padding:9px;border-radius:9px;background:#f6faf8}
body.product-ui.admin-app .p24-system-note{margin:0}.p24-audit-entry-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;color:#879a92;font-size:9px}.p24-immutable-badge{display:inline-flex;padding:4px 7px;border:1px solid #dcebe5;border-radius:999px;background:#f7fbf9;color:#5a7a6e;font-weight:800}.p24-audit-page .p24-filter-card>summary{padding:13px 16px}.p24-audit-page .p24-filter-card form{padding:0 16px 16px}.p24-audit-page .p24-filter-card .section-head{padding-top:0}
@media(max-width:900px){body.product-ui.admin-app .p24-report-grid{grid-template-columns:repeat(3,1fr)}body.product-ui.admin-app .p24-filter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){body.product-ui.admin-app .p24-ops-page{padding:12px 11px 38px;gap:11px}.p24-ops-hero,.p24-summary-head,.p24-ticket-head{display:grid;gap:9px;align-items:start}.p24-ops-count,.p24-summary-count{justify-self:start}.p24-filter-grid{grid-template-columns:1fr 1fr!important}.p24-filter-grid button,.p24-filter-grid .button{width:100%}.p24-ticket-facts{grid-template-columns:1fr 1fr!important}.p24-ticket-form-grid{grid-template-columns:1fr 1fr!important}.p24-ticket-form-grid button{grid-column:1/-1;width:100%}.p24-report-grid{grid-template-columns:1fr 1fr!important}.p24-report-card{min-height:114px}.p24-report-card strong{font-size:19px}.p24-report-more-grid{grid-template-columns:1fr 1fr}.p24-integration-meta{grid-template-columns:1fr}.p24-audit-entry-meta{align-items:flex-start;flex-direction:column}.p24-audit-page .p24-filter-card form{padding:0 12px 12px}}
@media(max-width:380px){body.product-ui.admin-app .p24-report-grid,.p24-report-more-grid{grid-template-columns:1fr!important}.p24-filter-grid{grid-template-columns:1fr!important}.p24-ticket-facts,.p24-ticket-form-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){body.product-ui.admin-app .p24-ops-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* P40 / P44 route-specific admin summaries */
body.product-ui.admin-app .p40-game-page,body.product-ui.admin-app .p44-referrals-page{display:grid;gap:14px;max-width:1180px;margin:0 auto;padding:18px 20px 44px;color:#203b34}
body.product-ui.admin-app .p40-game-hero,body.product-ui.admin-app .p44-referrals-hero{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px}
body.product-ui.admin-app .p40-game-hero h1,body.product-ui.admin-app .p44-referrals-hero h1{margin:3px 0 5px;font-size:28px}body.product-ui.admin-app .p40-game-hero p,body.product-ui.admin-app .p44-referrals-hero p{margin:0;color:#6d867b;font-size:11px}
body.product-ui.admin-app .p40-impact-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:11px}.p40-impact-card{padding:16px}.p40-impact-card h2{margin:4px 0 12px;font-size:15px}.p40-session-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.p40-session-compare>div{display:grid;gap:4px;padding:10px;border-radius:10px;background:#f5faf7}.p40-session-compare small{color:#81968e;font-size:9px}.p40-session-compare strong{color:#2e604f;font-size:17px}.p40-session-compare span{color:#6e877c;font-size:10px}.p40-session-compare>b{color:#4d8a6c}.p40-impact-card p{margin:9px 0 0;color:#71887e;font-size:10px;line-height:1.45}.p40-big-number{display:block;margin-top:7px;color:#27694f;font-size:30px}.p40-snapshot-note{display:flex;gap:10px;padding:12px 14px;border:1px solid #dfebdf;border-radius:12px;background:#f6fbf8;color:#5a796c;font-size:10px;line-height:1.45}.p40-snapshot-note strong{color:#2e674f;white-space:nowrap}
body.product-ui.admin-app .p44-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.p44-status-card{display:grid;gap:5px;padding:14px}.p44-status-card small{color:#849a90;font-size:9px;font-weight:800;text-transform:uppercase}.p44-status-card strong{color:#2d634f;font-size:23px}.p44-status-card span{color:#71877e;font-size:10px;line-height:1.35}.p44-flow-note{padding:14px}.p44-flow-note strong{font-size:12px}.p44-flow-note p{margin:5px 0 0;color:#71877e;font-size:10px}.p44-referral-list{padding:15px}.p44-referral-row{display:grid;grid-template-columns:1.2fr auto 1fr;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf3f0}.p44-referral-row>div:first-child{display:grid;gap:4px}.p44-referral-row strong{color:#325e4e;font-size:12px}.p44-referral-row small{color:#82958d;font-size:9px}.p44-referral-meta{display:grid;gap:3px}.p44-referral-meta strong{font-size:10px}.p44-risk-note{grid-column:1/-1;margin:0;padding:7px 9px;border-radius:8px;background:#fff9ee;color:#8c6b2a;font-size:10px}
@media(max-width:650px){body.product-ui.admin-app .p40-game-page,body.product-ui.admin-app .p44-referrals-page{padding:12px 11px 38px}.p40-game-hero,.p44-referrals-hero{display:grid;align-items:start}.p40-impact-grid{grid-template-columns:1fr}.p44-status-grid{grid-template-columns:1fr 1fr!important}.p44-referral-row{grid-template-columns:1fr auto}.p44-referral-meta{grid-column:1/-1}.p44-risk-note{grid-column:1/-1}}
@media(max-width:380px){.p44-status-grid{grid-template-columns:1fr!important}.p40-session-compare{grid-template-columns:1fr}.p40-session-compare>b{transform:rotate(90deg);justify-self:center}}

/* Shared UI components — additive token layer */
body.product-ui .ui-mobile-page-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;padding:0 2px}
body.product-ui .ui-mobile-page-header h1{margin:0;font-size:clamp(20px,4vw,27px);letter-spacing:-.03em;color:#1f3e35}
body.product-ui .ui-mobile-page-header p{margin:4px 0 0;color:#6f887d;font-size:11px;line-height:1.4}
body.product-ui .ui-token{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #d8e9e2;border-radius:10px;background:#fff;color:#315c4b}
body.product-ui .ui-token>img{width:20px;height:20px;object-fit:contain}.ui-token>span{display:grid;gap:1px}.ui-token strong{font-size:12px;line-height:1}.ui-token small{font-size:8px;font-weight:850;color:#6f8a7e;letter-spacing:.05em}
body.product-ui .ui-status-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}body.product-ui .ui-status-badge.ui-status-success{background:#eaf8ef;color:#287153}body.product-ui .ui-status-badge.ui-status-warning{background:#fff8e9;color:#916d25}body.product-ui .ui-status-badge.ui-status-error{background:#fff0ee;color:#a04b45}body.product-ui .ui-status-badge.ui-status-neutral{background:#f1f5f3;color:#60766d}
body.product-ui .ui-progress-row{display:grid;gap:7px}.ui-progress-head{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#71887d;font-size:12px}.ui-progress-head strong{color:#365e4f;font-size:12px}.ui-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#e6f0eb}.ui-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#53b88b,#24a6a0);transition:width .22s ease}
body.product-ui .ui-empty-state{display:grid;justify-items:start;gap:7px;padding:26px 18px;border:1px dashed #cfe1d9;border-radius:14px;background:#fbfefd}.ui-empty-icon{color:#4d9678;font-size:22px}.ui-empty-state strong{font-size:14px;color:#315b4c}.ui-empty-state p{margin:0;color:#71887d;font-size:12px;line-height:1.45}
body.product-ui .ui-async-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ui-button-spinner{display:none;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%}.ui-async-button[aria-busy="true"] .ui-button-spinner{display:inline-block;animation:ui-spin .7s linear infinite}.ui-async-button[aria-busy="true"]{pointer-events:none;opacity:.75}@keyframes ui-spin{to{transform:rotate(360deg)}}
body.product-ui .ui-state-notice{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #d7e8e0;border-radius:12px;background:#f7fcf9;color:#486f5f}.ui-state-notice .ui-state-icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#d7eee1;color:#2e7657;font-size:11px;font-weight:900}.ui-state-notice strong{font-size:13px}.ui-state-notice p{margin:4px 0 0;color:#6d867a;font-size:12px;line-height:1.4}.ui-state-warning{border-color:#ebddb9;background:#fffaf0;color:#87672b}.ui-state-warning .ui-state-icon{background:#f4e2b4;color:#8b671d}.ui-state-error{border-color:#ecd3cf;background:#fff7f5;color:#984d46}
@media(max-width:620px){body.product-ui .ui-mobile-page-header{align-items:flex-start}.ui-mobile-page-header .ui-token{padding:4px 6px}.ui-mobile-page-header h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){body.product-ui .ui-progress-track i,body.product-ui .ui-async-button .ui-button-spinner{transition:none;animation:none}}

/* Compact balance control: USDT is primary, MINE stays visibly separate. */
body.product-ui .header-wallet{display:flex;align-items:stretch;gap:3px;padding:3px;border:1px solid #d9e5e2;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(18,55,48,.06);white-space:nowrap}
body.product-ui .header-usdt,body.product-ui .header-mine{display:flex;align-items:center;gap:6px;min-width:78px;padding:5px 7px;border:0;border-radius:10px}
body.product-ui .header-usdt{background:#effaf5;border-right:0}
body.product-ui .header-mine{background:#f3f7fd}
body.product-ui .header-usdt>img,body.product-ui .header-mine>img{width:20px;height:20px;flex:0 0 20px;border-radius:50%;object-fit:contain}
body.product-ui .header-wallet small{display:block;margin:0;color:#71847e;font-size:9px;line-height:1.05;font-weight:750;letter-spacing:.04em}
body.product-ui .header-wallet strong,body.product-ui .header-mine strong{display:block;margin-top:3px;color:#244b40;font-size:12px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
body.product-ui .header-usdt strong{color:#087b61}
body.product-ui .header-wallet b{font-weight:800}
@media(max-width:420px){body.product-ui .header-wallet{gap:2px;padding:2px;border-radius:12px}.product-ui .header-usdt,.product-ui .header-mine{min-width:70px;padding:4px 5px;gap:5px}.product-ui .header-usdt>img,.product-ui .header-mine>img{width:18px;height:18px;flex-basis:18px}.product-ui .header-wallet small{font-size:8px}.product-ui .header-wallet strong,.product-ui .header-mine strong{font-size:10px}}

/* Landing polish: quieter motion, clearer steps and a compact legal footer. */
body.product-ui .journey-landing{position:relative;isolation:isolate;overflow:hidden;border-radius:0}
body.product-ui .journey-landing>div{position:relative;z-index:1}
body.product-ui.guest,body.product-ui.guest .app-shell,body.product-ui.guest main[data-page="home"]{background:#fff}
body.product-ui .journey-section-heading{display:grid;gap:4px;margin-bottom:16px}
body.product-ui .journey-section-heading .eyebrow{margin:0;color:#5d877a}
body.product-ui .journey-section-heading h2{margin:0;color:#183c33;font-size:clamp(22px,4vw,30px);letter-spacing:-.035em}
body.product-ui .journey-steps{position:relative;margin:0;padding:0;list-style:none}
body.product-ui .journey-step-card{position:relative;display:flex;align-items:flex-start;gap:15px;min-width:0;margin:0;padding:18px!important;border-color:#dfece7;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(21,66,54,.045)}
body.product-ui .journey-step-card:not(:last-child)::after{content:"";position:absolute;top:37px;right:-16px;width:16px;height:1px;background:#bfe2d3}
body.product-ui .step-index{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #aee1cd;border-radius:13px;background:linear-gradient(145deg,#effbf6,#e5f6ef);color:#087f68;font-size:12px;font-weight:850;letter-spacing:.04em}
body.product-ui .step-card-body{display:grid;gap:6px;min-width:0}
body.product-ui .step-card-body h3{margin:0;color:#244b40;font-size:15px;line-height:1.3}
body.product-ui .step-card-body p{margin:0;color:#6b8178;font-size:11px;line-height:1.52}
body.product-ui .step-card-body strong{width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;background:#eef9f4;color:#2d765b;font-size:9px;line-height:1.25;overflow-wrap:anywhere}
body.product-ui .site-footer-language{gap:0;padding:0;border:0;background:transparent}
body.product-ui .site-footer-language select{min-width:102px;width:102px;min-height:28px;padding:3px 18px 3px 7px;border:1px solid #d7e6e0;border-radius:8px;background:#fbfefd;color:#31574b;font-size:9px;font-weight:800;cursor:pointer}
body.product-ui .company-details{position:relative;gap:26px;padding:22px 0 0}
body.product-ui .company-details-heading{gap:8px;padding:2px 0}
body.product-ui .company-details-kicker{display:flex;align-items:center;gap:8px}
body.product-ui .company-details-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#173f35;color:#d8f7e8;font-size:12px;font-weight:850;letter-spacing:-.04em}
body.product-ui .company-details-heading h2{font-size:17px;letter-spacing:-.02em}
body.product-ui .company-details-heading p{max-width:860px;margin:0;color:#789087;font-size:10px;line-height:1.65}
body.product-ui .company-details-copy strong{color:#3b6255;font-weight:750}
body.product-ui .company-registry-link{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #cfe7dc;border-radius:8px;background:#f1faf6;color:#146b54!important;font-size:10px!important;font-weight:800!important;text-decoration:none}
body.product-ui .company-registry-link:hover{background:#e4f6ed}
body.product-ui .company-details-panel{display:none}
body.product-ui .legal-company-details{max-width:none;margin-top:20px;padding-top:18px}
@media(max-width:760px){
  body.product-ui .site-footer-language{justify-self:start;width:max-content;justify-content:flex-start}
  body.product-ui .company-details{gap:16px}
  body.product-ui .journey-step-card:not(:last-child)::after{display:none}
}

/* Landing station: visible ambient motion and tap feedback without changing balances. */
body.product-ui .landing-token-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
body.product-ui .landing-token-field img{position:absolute;bottom:-42px;width:24px;height:24px;border-radius:50%;opacity:0;filter:drop-shadow(0 8px 12px rgba(7,155,120,.22));animation:landing-token-rise 11s linear infinite}
body.product-ui .landing-token-field img:nth-child(1){left:4%;animation-delay:-2s}
body.product-ui .landing-token-field img:nth-child(2){left:19%;width:18px;height:18px;animation-delay:-7s;animation-duration:13s}
body.product-ui .landing-token-field img:nth-child(3){left:39%;width:21px;height:21px;animation-delay:-4s;animation-duration:12s}
body.product-ui .landing-token-field img:nth-child(4){left:62%;width:17px;height:17px;animation-delay:-9s;animation-duration:14s}
body.product-ui .landing-token-field img:nth-child(5){left:79%;animation-delay:-5s;animation-duration:12.5s}
body.product-ui .landing-token-field img:nth-child(6){left:93%;width:19px;height:19px;animation-delay:-10s;animation-duration:15s}
@keyframes landing-token-rise{0%{opacity:0;transform:translate3d(0,24px,0) rotate(-12deg) scale(.72)}12%{opacity:.2}58%{opacity:.32}100%{opacity:0;transform:translate3d(18px,-560px,0) rotate(26deg) scale(1.05)}}
body.product-ui .landing-tap-demo{appearance:none;position:relative;z-index:1;width:100%;min-height:320px;margin:0;padding:0;border:0;border-radius:28px;background:transparent;color:inherit;box-shadow:none;overflow:visible;cursor:pointer;isolation:isolate;touch-action:manipulation}
body.product-ui .landing-tap-demo:hover,body.product-ui .landing-tap-demo:focus,body.product-ui .landing-tap-demo:active{background:transparent!important;filter:none!important;box-shadow:none!important}
body.product-ui .landing-tap-demo:active{transform:none}
body.product-ui .landing-tap-demo:focus-visible{outline:3px solid #54bba0;outline-offset:4px}
body.product-ui .landing-tap-demo .hero-orbit{display:block;opacity:.72}
body.product-ui .landing-tap-demo .hero-particle{display:flex;align-items:center;gap:5px;color:#087f68;letter-spacing:.04em}
body.product-ui .landing-tap-demo .hero-particle img{width:17px;height:17px;border-radius:50%}
body.product-ui .landing-tap-demo.is-tapped .hero-image{animation:landing-station-tap .38s cubic-bezier(.2,.8,.25,1)}
@keyframes landing-station-tap{0%,100%{transform:translateY(0) scale(1)}38%{transform:translateY(4px) scale(.965)}70%{transform:translateY(-5px) scale(1.025)}}
body.product-ui .landing-tap-hint{position:absolute;z-index:4;left:50%;bottom:7%;transform:translateX(-50%);min-width:max-content;padding:7px 10px;border:1px solid rgba(175,226,210,.8);border-radius:999px;background:rgba(255,255,255,.9);color:#397264;font-size:9px;font-weight:800;box-shadow:0 8px 24px rgba(16,69,55,.08);pointer-events:none}
body.product-ui .landing-tap-effects{position:absolute;inset:0;z-index:8;overflow:visible;pointer-events:none}
body.product-ui .landing-tap-ring{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px;border:2px solid rgba(19,190,142,.7);border-radius:50%;animation:landing-tap-ring .58s ease-out forwards}
@keyframes landing-tap-ring{to{opacity:0;transform:scale(3.2)}}
body.product-ui .landing-usdt-burst{position:absolute;display:flex;align-items:center;gap:4px;opacity:0;animation:landing-usdt-burst .9s cubic-bezier(.16,.8,.25,1) var(--burst-delay) forwards;will-change:transform,opacity}
body.product-ui .landing-usdt-burst img{width:27px;height:27px;border-radius:50%;filter:drop-shadow(0 6px 9px rgba(7,155,120,.3))}
body.product-ui .landing-usdt-burst b{padding:4px 7px;border:1px solid #b9e7d7;border-radius:999px;background:rgba(255,255,255,.94);color:#087f68;font-size:9px;letter-spacing:.04em;box-shadow:0 5px 14px rgba(8,127,104,.12)}
@keyframes landing-usdt-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}18%{opacity:1}72%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(1) rotate(var(--burst-rotate))}}
body.product-ui .landing-win-pop{position:absolute;z-index:9;transform:translate(-50%,-50%);color:#087f68;font-size:18px;font-weight:900;letter-spacing:-.03em;text-shadow:0 2px 14px rgba(38,213,164,.28);animation:landing-win-pop .82s cubic-bezier(.18,.78,.24,1) forwards;white-space:nowrap}
@keyframes landing-win-pop{0%{opacity:0;transform:translate(-50%,-20%) scale(.72)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-135%) scale(.96)}}
@media(max-width:680px){body.product-ui .landing-tap-demo{min-height:300px}.product-ui .landing-tap-hint{bottom:3%}.product-ui .landing-token-field img:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){body.product-ui .landing-token-field img,body.product-ui .landing-tap-demo .hero-orbit,body.product-ui .landing-tap-demo .hero-particle{animation:none!important;opacity:.18}body.product-ui .landing-usdt-burst,body.product-ui .landing-win-pop{animation-duration:.28s!important}.product-ui .landing-tap-ring{animation-duration:.22s!important}}

/* Package cards: lead with the product image and keep only the facts needed to decide. */
body.product-ui main .package-card-v2 .package-visual{
  height:210px!important;
  min-height:210px!important;
  margin:0 0 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.product-ui main .package-card-v2 .package-visual img{
  width:200px!important;
  height:200px!important;
  max-height:none!important;
  object-fit:contain;
  filter:drop-shadow(0 12px 15px rgba(5,52,53,.16))!important;
}
body.product-ui main .package-card-v2 .package-visual-meta{
  background:transparent!important;
  box-shadow:none!important;
}
body.product-ui main .package-card-v2 .package-value-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0 0 14px;
  border-top:0;
}
body.product-ui main .package-card-v2 .package-value-card{
  display:grid;
  grid-template-columns:1fr;
  gap:5px;
  min-height:0;
  padding:11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff!important;
}
body.product-ui main .package-card-v2 .package-value-card small,
body.product-ui main .package-card-v2 .package-value-card strong,
body.product-ui main .package-card-v2 .package-value-card span,
body.product-ui main .package-card-v2 .package-value-card em{
  grid-column:1;
  text-align:left;
}
body.product-ui main .package-card-v2 .package-value-card strong{max-width:none;font-size:15px}
body.product-ui main .package-card-v2 .package-value-card em{display:none}
body.product-ui main .package-card-v2 .package-change-note{margin:0 0 12px;font-size:11px;line-height:1.4}
@media(max-width:760px){
  body.product-ui main .package-card-v2 .package-visual{height:190px!important;min-height:190px!important}
  body.product-ui main .package-card-v2 .package-visual img{width:180px!important;height:180px!important}
}
@media(max-width:390px){
  body.product-ui main .package-card-v2{padding:15px}
  body.product-ui main .package-card-v2 .package-visual{height:180px!important;min-height:180px!important;margin-bottom:12px!important}
  body.product-ui main .package-card-v2 .package-visual img{width:170px!important;height:170px!important}
  body.product-ui main .package-card-v2 .package-value-grid{gap:6px}
  body.product-ui main .package-card-v2 .package-value-card{padding:9px}
}

body.product-ui main .package-equipment-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  margin:4px 0 14px;
  padding:12px 14px;
  border:1px solid #d7e8e1;
  border-radius:14px;
  background:linear-gradient(135deg,#f1fbff 0%,#f7f3ff 100%);
  color:var(--ink);
  text-decoration:none;
  box-shadow:0 6px 18px rgba(44,70,116,.07);
}
body.product-ui main .package-equipment-cta:hover{border-color:#a9c5eb;background:linear-gradient(135deg,#e9f8ff 0%,#f4edff 100%)}
body.product-ui main .package-equipment-cta-art{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid #b9dff2;border-radius:14px;background:rgba(255,255,255,.78);overflow:hidden}
body.product-ui main .package-equipment-cta-art img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(40,92,139,.16))}
body.product-ui main .package-equipment-cta-copy{display:grid;gap:3px;min-width:0;flex:1}
body.product-ui main .package-equipment-cta strong{font-size:13px;line-height:1.25;color:#234d40}
body.product-ui main .package-equipment-cta small{font-size:10px;line-height:1.35;color:#71867e}
body.product-ui main .package-equipment-cta b{flex:0 0 auto;color:#087f68;font-size:17px}

/* Duration tabs keep their label readable in every interaction state. */
body.product-ui main .duration-switch{
  display:flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  margin:0 auto 18px;
}
body.product-ui main .duration-switch button{color:#46675d!important;background:transparent!important}
body.product-ui main .duration-switch button:hover,
body.product-ui main .duration-switch button:focus-visible{
  color:#075f4d!important;
  background:#d9f3e8!important;
}
body.product-ui main .duration-switch button.selected,
body.product-ui main .duration-switch button[aria-selected="true"]{
  color:#fff!important;
  background:#087f68!important;
  box-shadow:0 3px 10px rgba(8,127,104,.2)!important;
}
body.product-ui main .duration-switch button.selected small,
body.product-ui main .duration-switch button[aria-selected="true"] small{color:#dff9ee!important}

/* Final package polish: a calmer card hierarchy and a readable conditions drawer. */
body.product-ui main .package-card-v2{
  gap:0!important;
  padding:20px!important;
  border:1px solid #dcebe6;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,55,48,.06);
}
body.product-ui main .package-card-v2 .package-title-row{
  align-items:flex-end;
  margin:0 0 12px!important;
  padding-bottom:11px;
  border-bottom:1px solid #edf3f1;
}
body.product-ui main .package-card-v2 .package-title-row h2{font-size:22px;letter-spacing:-.025em}
body.product-ui main .package-card-v2 .package-title-row .eyebrow{margin-bottom:4px}
body.product-ui main .package-card-v2 .package-price{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin:0 0 14px!important;
  padding:0!important;
}
body.product-ui main .package-card-v2 .package-price small{font-size:11px;font-weight:750}
body.product-ui main .package-card-v2 .package-price strong{font-size:26px}
body.product-ui main .package-card-v2 .package-value-grid{margin:0 0 16px!important}
body.product-ui main .package-card-v2 .package-value-card{
  min-height:88px;
  padding:12px!important;
  background:#fbfefd!important;
}
body.product-ui main .package-card-v2 .package-value-card small{font-size:9px;line-height:1.3}
body.product-ui main .package-card-v2 .package-value-card strong{font-size:16px;line-height:1.2}
body.product-ui main .package-card-v2 .package-value-card span{font-size:9px;line-height:1.35}
body.product-ui main .package-card-v2 .package-more-details{
  margin:0 0 14px!important;
  border-top:1px solid #e8f1ee;
  border-bottom:1px solid #e8f1ee;
}
body.product-ui main .package-card-v2 .package-more-details>summary{padding:12px 2px;font-size:12px}
body.product-ui main .package-card-v2 .package-secondary-grid{gap:9px;padding:4px 0 13px}
body.product-ui main .package-card-v2 .package-secondary-grid>div{padding:10px;border-radius:11px}
body.product-ui main .package-card-v2 form{gap:8px}

body.product-ui main>.product-details{
  margin:22px 0 20px;
  border:1px solid #dcebe6;
  border-radius:18px;
  background:#fff;
  box-shadow:0 6px 20px rgba(18,55,48,.04);
}
body.product-ui main>.product-details>summary{
  min-height:58px;
  padding:16px 18px;
  color:#214f40;
  font-size:14px;
  font-weight:800;
}
body.product-ui main>.product-details>.disclosure-body{
  display:grid;
  gap:16px;
  padding:0 18px 20px;
  border-top:1px solid #e8f1ee;
}
body.product-ui main>.product-details .package-clarity{
  margin:0!important;
  padding:18px!important;
  border:1px solid #d9ebe4;
  border-radius:15px;
  background:#fbfefd;
}
body.product-ui main>.product-details .package-clarity-heading{
  display:grid;
  gap:6px;
  margin-bottom:14px;
}
body.product-ui main>.product-details .package-clarity-heading h2{font-size:19px}
body.product-ui main>.product-details .package-clarity-note{max-width:none;text-align:left;font-size:10px;line-height:1.5}
body.product-ui main>.product-details .package-legend-grid{gap:10px}
body.product-ui main>.product-details .package-legend-item{min-height:82px;padding:12px;border-radius:12px}
body.product-ui main>.product-details .package-trust-strip{gap:8px 12px;margin-top:14px;padding-top:12px;line-height:1.45}
body.product-ui main>.product-details>.disclosure-body>p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
@media(max-width:680px){
  body.product-ui main .package-card-v2{padding:16px!important;border-radius:17px}
  body.product-ui main .package-card-v2 .package-value-card{min-height:82px;padding:10px!important}
  body.product-ui main>.product-details{margin-top:18px}
  body.product-ui main>.product-details>summary{padding:14px 15px}
  body.product-ui main>.product-details>.disclosure-body{gap:12px;padding:0 12px 15px}
  body.product-ui main>.product-details .package-clarity{padding:14px!important}
  body.product-ui main>.product-details .package-legend-grid{grid-template-columns:1fr;gap:8px}
  body.product-ui main>.product-details .package-legend-item{min-height:0;align-items:center;padding:10px}
  body.product-ui main>.product-details .package-trust-strip{display:grid;gap:7px}
}
@media(max-width:390px){
  body.product-ui main .package-card-v2 .package-title-row h2{font-size:20px}
  body.product-ui main .package-card-v2 .package-price strong{font-size:24px}
  body.product-ui main>.product-details>.disclosure-body{padding-inline:10px}
}

/* Wallet: make adding USDT the clear first step without hiding the other balances. */
body.product-ui main .wallet-summary{padding:20px!important;gap:16px;border:1px solid #d9ebe5;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(18,55,48,.06)}
body.product-ui main .wallet-summary-main h2{font-size:32px;letter-spacing:-.04em}
body.product-ui main .wallet-summary-main p{font-size:10px;line-height:1.4}
body.product-ui main .wallet-balance-grid{gap:8px}
body.product-ui main .wallet-balance-card{padding:11px 12px;border-radius:13px;background:#fbfefd}
body.product-ui main .wallet-balance-card strong{font-size:15px}
body.product-ui main .wallet-fund-cta{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  margin:14px 0;
  padding:13px 15px;
  border:1px solid #bfe2d6;
  border-radius:16px;
  background:linear-gradient(135deg,#f0fcf7 0%,#f3f9ff 100%);
  color:var(--ink);
  text-align:left;
  box-shadow:0 7px 18px rgba(25,94,72,.06);
}
body.product-ui main .wallet-fund-cta:hover{border-color:#8dceb7;box-shadow:0 10px 24px rgba(25,94,72,.1);filter:none}
body.product-ui main .wallet-fund-cta-art{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b7e5d3;border-radius:14px;background:#fff}
body.product-ui main .wallet-fund-cta-art img{width:42px;height:42px;object-fit:contain}
body.product-ui main .wallet-fund-cta-copy{display:grid;gap:3px;min-width:0}
body.product-ui main .wallet-fund-cta-copy small{color:#087f68;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
body.product-ui main .wallet-fund-cta-copy strong{color:#1d4d40;font-size:14px;line-height:1.25}
body.product-ui main .wallet-fund-cta-copy span{color:#6c8279;font-size:10px;line-height:1.4}
body.product-ui main .wallet-fund-cta>b{color:#087f68;font-size:19px}
body.product-ui main .wallet-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;align-items:stretch;margin:16px 0;padding:4px;border-radius:13px;background:#eef3f1}
body.product-ui main .wallet-tab{min-width:0;padding:9px 7px;font-size:11px;color:#56736a;background:transparent!important;box-shadow:none!important}
body.product-ui main .wallet-tab:hover,body.product-ui main .wallet-tab:focus-visible{color:#075f4d;background:#dcf3e9!important}
body.product-ui main .wallet-tab.active{color:#fff!important;background:#087f68!important;box-shadow:0 3px 10px rgba(8,127,104,.18)!important}
body.product-ui main .wallet-panel{padding:20px!important;border:1px solid #dcebe6;border-radius:18px;box-shadow:0 6px 20px rgba(18,55,48,.04)}
body.product-ui main .wallet-card-heading h2{font-size:20px}
body.product-ui main .wallet-panel-intro{max-width:58ch;font-size:11px;line-height:1.5}
body.product-ui main .wallet-deposit-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #d8e9e3;border-radius:14px;background:#fbfefd}
body.product-ui main .wallet-deposit-status-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e9f8f1}
body.product-ui main .wallet-deposit-status-mark img{width:24px;height:24px}
body.product-ui main .wallet-deposit-status small{color:#087f68;font-size:9px;font-weight:850}
body.product-ui main .wallet-deposit-status h2{margin:3px 0;color:#214f40;font-size:14px}
body.product-ui main .wallet-deposit-status p{margin:0;color:#6b8178;font-size:10px;line-height:1.45}
body.product-ui main .wallet-deposit-status .text-link{white-space:nowrap}
@media(max-width:680px){
  body.product-ui main .wallet-summary{padding:17px!important}
  body.product-ui main .wallet-fund-cta{grid-template-columns:auto minmax(0,1fr) auto;padding:12px}
  body.product-ui main .wallet-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  body.product-ui main .wallet-tab{min-height:40px}
  body.product-ui main .wallet-panel{padding:16px!important}
  body.product-ui main .wallet-deposit-status{grid-template-columns:auto minmax(0,1fr);align-items:start}
  body.product-ui main .wallet-deposit-status .text-link{grid-column:2}
}
@media(max-width:390px){
  body.product-ui main .wallet-fund-cta-copy span{font-size:9px}
  body.product-ui main .wallet-deposit-status{padding:12px}
}

/* Wallet v2: balance first, then two money actions, conversion, and history. */
body.product-ui main .wallet-balance-hero{
  display:grid;
  gap:18px;
  padding:22px!important;
  border:1px solid #d9ebe5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,55,48,.06);
}
body.product-ui main .wallet-balance-hero-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
body.product-ui main .wallet-balance-hero-top h2{
  margin:5px 0 3px;
  color:#163d34;
  font-size:36px;
  letter-spacing:-.05em;
  line-height:1;
}
body.product-ui main .wallet-balance-hero-top h2 small{font-size:14px;letter-spacing:0;color:#638077}
body.product-ui main .wallet-balance-hero-top p{max-width:42ch;margin:0;color:#71867e;font-size:11px;line-height:1.45}
body.product-ui main .wallet-balance-hero-top>img{width:46px;height:46px;object-fit:contain}
body.product-ui main .wallet-balance-hero-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding-top:14px;
  border-top:1px solid #edf3f1;
}
body.product-ui main .wallet-balance-hero-meta span{display:grid;gap:3px;min-width:0}
body.product-ui main .wallet-balance-hero-meta b{overflow:hidden;color:#73877f;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
body.product-ui main .wallet-balance-hero-meta strong{color:#234e42;font-size:13px}
body.product-ui main .wallet-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
body.product-ui main .wallet-primary-action,
body.product-ui main .wallet-history-button{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:74px;
  padding:13px 14px;
  border:1px solid #d9e9e4;
  border-radius:16px;
  background:#fff;
  color:var(--ink);
  text-align:left;
  box-shadow:0 5px 16px rgba(18,55,48,.04);
}
body.product-ui main .wallet-primary-action:hover,
body.product-ui main .wallet-primary-action:focus-visible,
body.product-ui main .wallet-history-button:hover,
body.product-ui main .wallet-history-button:focus-visible{border-color:#9fcfbe;box-shadow:0 8px 22px rgba(18,89,67,.09);filter:none}
body.product-ui main .wallet-primary-action.is-deposit{border-color:#76cdb3;background:linear-gradient(135deg,#eafaf3,#fff);box-shadow:0 8px 24px rgba(8,127,104,.12)}
body.product-ui main .wallet-primary-action.is-withdraw{border-color:#d8def1;background:#fafbff}
body.product-ui main .wallet-primary-action.is-deposit .wallet-primary-action-icon{background:#087f68;color:#fff;box-shadow:0 6px 14px rgba(8,127,104,.2)}
body.product-ui main .wallet-primary-action.is-deposit strong{color:#075f4d}
body.product-ui main .wallet-primary-action-icon,
body.product-ui main .wallet-history-button-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:#e8f7f0;
  color:#087f68;
  font-size:20px;
  font-weight:800;
}
body.product-ui main .wallet-primary-action.is-withdraw .wallet-primary-action-icon{background:#edf0fb;color:#4458a5}
body.product-ui main .wallet-primary-action-icon img{width:28px;height:28px;object-fit:contain}
body.product-ui main .wallet-primary-action span:nth-child(2),
body.product-ui main .wallet-history-button span:nth-child(2){display:grid;gap:3px;min-width:0}
body.product-ui main .wallet-primary-action strong,
body.product-ui main .wallet-history-button strong{color:#214f40;font-size:14px;line-height:1.2}
body.product-ui main .wallet-primary-action small,
body.product-ui main .wallet-history-button small{overflow:hidden;color:#6e827a;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
body.product-ui main .wallet-primary-action>b,
body.product-ui main .wallet-history-button>b{color:#087f68;font-size:18px}
body.product-ui main .wallet-convert-card,
body.product-ui main .wallet-action-section{
  margin-top:14px;
  padding:20px!important;
  border:1px solid #dcebe6;
  border-radius:18px;
  background:#fff;
  box-shadow:0 6px 20px rgba(18,55,48,.04);
}
body.product-ui main .wallet-section-heading{display:flex;align-items:center;gap:10px;min-width:0}
body.product-ui main .wallet-section-heading>div{min-width:0;flex:1}
body.product-ui main .wallet-section-heading h2{margin:3px 0 0;color:#214f40;font-size:20px;line-height:1.15}
body.product-ui main .wallet-section-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#e9f8f1;color:#087f68;font-size:19px;font-weight:800}
body.product-ui main .wallet-section-icon.is-mine{background:#edf0ff;color:#5662b5}
body.product-ui main .wallet-section-icon img{width:22px;height:22px;object-fit:contain}
body.product-ui main .wallet-rate-pill,
body.product-ui main .wallet-network-pill{display:inline-flex;align-items:center;flex:none;min-height:28px;padding:5px 8px;border:1px solid #d8e9e3;border-radius:999px;background:#fbfefd;color:#55736a;font-size:9px;font-weight:800;white-space:nowrap}
body.product-ui main .wallet-panel-intro{margin:12px 0 14px;max-width:60ch;color:#6e827a;font-size:11px;line-height:1.5}
body.product-ui main .wallet-convert-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}
body.product-ui main .wallet-convert-summary>span{display:grid;gap:4px;padding:11px 12px;border:1px solid #e2eee9;border-radius:12px;background:#fbfefd}
body.product-ui main .wallet-convert-summary small{color:#71867e;font-size:9px}
body.product-ui main .wallet-convert-summary strong{color:#214f40;font-size:14px;line-height:1.2}
body.product-ui main .wallet-convert-summary strong{display:inline-flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
body.product-ui main .wallet-inline-asset{display:inline-block;width:18px;height:18px;flex:0 0 18px;object-fit:contain;vertical-align:middle}
body.product-ui main .wallet-use-all{min-width:0;min-height:34px;padding:7px 10px;border:1px solid #d7e8e2;border-radius:9px;background:#f7fbf9;color:#087f68;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}
body.product-ui main .wallet-use-all:hover,body.product-ui main .wallet-use-all:focus-visible{background:#eaf7f1;color:#075f4d;filter:none}
body.product-ui main .wallet-neutral-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;margin-top:14px;padding:14px;border:1px solid #e2ece9;border-radius:13px;background:#fbfefd}
body.product-ui main .wallet-neutral-status strong{color:#214f40;font-size:13px}
body.product-ui main .wallet-neutral-status p{grid-column:1/-1;margin:0;color:#6e827a;font-size:10px;line-height:1.5}
body.product-ui main .wallet-neutral-status .text-link{align-self:center;white-space:nowrap}
body.product-ui main .wallet-deposit-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
body.product-ui main .wallet-deposit-preview label{display:grid;gap:6px;color:#56736a;font-size:10px;font-weight:750}
body.product-ui main .wallet-deposit-preview input,
body.product-ui main .wallet-deposit-preview select{width:100%;min-height:44px;padding:10px 11px;border:1px solid #d9e9e4;border-radius:11px;background:#fff;color:#234e42;font:inherit}
body.product-ui main .wallet-deposit-preview button{grid-column:1/-1;min-height:44px;opacity:.55}
body.product-ui main .wallet-more-history{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid #e8f1ee;color:#087f68;font-size:12px;font-weight:800;text-decoration:none}
body.product-ui main .wallet-more-history:hover{color:#075f4d}
body.product-ui main .wallet-payment-dialog{width:min(92vw,460px);max-height:min(88vh,680px);padding:0;border:0;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 24px 80px rgba(17,48,42,.22);overflow:auto}
body.product-ui main .wallet-payment-dialog::backdrop{background:rgba(18,55,48,.38);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
body.product-ui main .wallet-withdraw-dialog{max-height:min(90dvh,760px)}
body.product-ui main .wallet-withdraw-dialog[open]{animation:wallet-dialog-in .18s ease-out}
body.product-ui main .wallet-withdraw-dialog .wallet-withdraw-note{padding:11px 12px;border:1px solid #eadcb4;border-radius:12px;background:#fffcf4;color:#745c25;font-size:12px;line-height:1.5}
body.product-ui main .wallet-withdraw-dialog .wallet-network-pill{justify-self:start}
body.product-ui main .wallet-withdraw-dialog{width:min(94vw,440px);max-height:min(88dvh,720px);border-radius:20px;overscroll-behavior:contain}
body.product-ui main .wallet-withdraw-dialog .wallet-payment-dialog-inner{gap:10px;padding:16px 18px}
body.product-ui main .wallet-withdraw-dialog .wallet-payment-dialog-head{align-items:center;gap:8px}
body.product-ui main .wallet-withdraw-dialog .wallet-section-heading{gap:8px}
body.product-ui main .wallet-withdraw-dialog .wallet-section-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}
body.product-ui main .wallet-withdraw-dialog .wallet-section-heading h2{margin-top:2px;font-size:19px}
body.product-ui main .wallet-withdraw-dialog .wallet-section-heading .eyebrow{font-size:9px}
body.product-ui main .wallet-withdraw-dialog .wallet-dialog-close{width:34px;height:34px;flex-basis:34px}
body.product-ui main .wallet-withdraw-source{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 11px;border:1px solid #e1eee9;border-radius:12px;background:#f8fcfa}
body.product-ui main .wallet-withdraw-source>img{width:26px;height:26px;object-fit:contain}
body.product-ui main .wallet-withdraw-source>span{display:grid;gap:2px;min-width:0}
body.product-ui main .wallet-withdraw-source>span strong{color:#214f40;font-size:11px;line-height:1.25}
body.product-ui main .wallet-withdraw-source>span small{color:#71867e;font-size:9px;line-height:1.2}
body.product-ui main .wallet-withdraw-source>b{color:#214f40;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
body.product-ui main .wallet-withdraw-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
body.product-ui main .wallet-withdraw-dialog .wallet-withdraw-fields label{gap:4px;min-width:0;color:#56736a;font-size:10px}
body.product-ui main .wallet-withdraw-dialog .wallet-withdraw-fields input,
body.product-ui main .wallet-withdraw-dialog .wallet-withdraw-fields select{min-height:41px;padding:8px 10px;border-radius:10px;font-size:13px}
body.product-ui main .wallet-withdraw-field-head{display:flex;align-items:center;justify-content:space-between;gap:6px}
body.product-ui main .wallet-withdraw-minimum{color:#74877f;font-size:8px;font-weight:650;white-space:nowrap}
body.product-ui main .wallet-withdraw-address-field{grid-column:1/-1}
body.product-ui main .wallet-withdraw-address-field small{color:#75877f;font-size:9px;line-height:1.25}
body.product-ui main .wallet-withdraw-dialog .wallet-withdraw-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
body.product-ui main .wallet-withdraw-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 10px;border:1px solid #e5efeb;border-radius:10px;background:#fbfefd}
body.product-ui main .wallet-withdraw-breakdown span{color:#71867e;font-size:9px;line-height:1.2}
body.product-ui main .wallet-withdraw-breakdown strong{color:#214f40;font-size:10px;line-height:1.2;text-align:right}
body.product-ui main .wallet-withdraw-dialog .wallet-withdraw-confirm{display:flex;align-items:flex-start;gap:8px;margin:0;color:#526d64;font-size:10px;line-height:1.35}
body.product-ui main .wallet-withdraw-confirm input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:#087f68}
body.product-ui main .wallet-withdraw-dialog [data-withdraw-submit]{min-height:44px;margin:0;border-radius:12px;font-size:13px}
body.product-ui main .wallet-withdraw-review{margin:0;color:#71867e;font-size:9px;line-height:1.35}
body.product-ui main .wallet-withdraw-dialog .withdrawal-conditions{display:grid;gap:5px;padding:8px 10px;border:1px solid #f0e4c6;border-radius:10px;background:#fffcf5}
body.product-ui main .wallet-withdraw-dialog .withdrawal-conditions p{margin:0;color:#735e31;font-size:10px;line-height:1.35}
body.product-ui main .wallet-withdraw-dialog [data-withdraw-extra-rules][hidden],
body.product-ui main .wallet-withdraw-dialog [data-withdraw-friends-notice][hidden]{display:none!important}
@media(max-width:390px){body.product-ui main .wallet-withdraw-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 16px);border-radius:17px}body.product-ui main .wallet-withdraw-dialog .wallet-payment-dialog-inner{gap:8px;padding:13px 14px}body.product-ui main .wallet-withdraw-source{padding:8px 9px}body.product-ui main .wallet-withdraw-dialog .wallet-withdraw-fields{gap:7px}}
@keyframes wallet-dialog-in{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
body.product-ui main .wallet-payment-dialog-inner{display:grid;gap:16px;padding:22px}
body.product-ui main .wallet-payment-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
body.product-ui main .wallet-payment-dialog-head .wallet-section-heading{flex:1}
body.product-ui main .wallet-dialog-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #dcebe6;border-radius:50%;background:#fff;color:#55736a;font-size:23px;line-height:1}
body.product-ui main .wallet-dialog-close:hover,body.product-ui main .wallet-dialog-close:focus-visible{background:#f1f8f5;color:#214f40;filter:none}
body.product-ui main .wallet-payment-dialog form{display:grid;gap:12px}
body.product-ui main .wallet-payment-dialog form label{display:grid;gap:6px;color:#56736a;font-size:10px;font-weight:750}
body.product-ui main .wallet-payment-dialog form input,
body.product-ui main .wallet-payment-dialog form select{width:100%;min-height:46px;padding:11px 12px;border:1px solid #d9e9e4;border-radius:12px;background:#fff;color:#234e42;font:inherit}
body.product-ui main .wallet-payment-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.product-ui main .wallet-payment-facts span{display:grid;gap:4px;padding:11px 12px;border:1px solid #e2eee9;border-radius:12px;background:#fbfefd}
body.product-ui main .wallet-payment-facts small{color:#71867e;font-size:9px}
body.product-ui main .wallet-payment-facts strong{color:#214f40;font-size:12px}
body.product-ui main .wallet-payment-result{display:grid;gap:10px;margin-top:2px;padding:14px;border:1px solid #dbeae5;border-radius:14px;background:#f8fcfa}
body.product-ui main .wallet-payment-result[data-tone="pending"]{border-color:#e9dfbe;background:#fffdf6}
body.product-ui main .wallet-payment-result[data-tone="success"]{border-color:#bfe5d2;background:#f5fcf8}
body.product-ui main .wallet-payment-result[data-tone="error"]{border-color:#efd0d0;background:#fff8f8}
body.product-ui main .wallet-payment-result-title{color:#214f40;font-size:13px}
body.product-ui main .wallet-payment-result-copy{margin:0;color:#6e827a;font-size:10px;line-height:1.45}
body.product-ui main .wallet-payment-result-row{display:grid;gap:4px;padding-top:9px;border-top:1px solid #e5efeb}
body.product-ui main .wallet-payment-result-row>span{color:#71867e;font-size:9px;font-weight:700}
body.product-ui main .wallet-payment-result-row>strong{color:#214f40;font-size:12px;word-break:break-word}
body.product-ui main .wallet-payment-address-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
body.product-ui main .wallet-payment-address-controls input{width:100%;min-height:38px;padding:8px 9px;border:1px solid #d9e9e4;border-radius:9px;background:#fff;color:#214f40;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
body.product-ui main .wallet-payment-address-controls button{min-height:38px;padding:8px 10px;font-size:10px}
body.product-ui main .wallet-payment-retry{justify-self:start;min-height:36px;padding:8px 11px;font-size:10px}
body.product-ui main .wallet-convert-card form{display:grid;gap:13px;margin-top:17px}
body.product-ui main .wallet-convert-field{display:grid;gap:7px}
body.product-ui main .wallet-convert-field>label{color:#55736a;font-size:11px;font-weight:800}
body.product-ui main .wallet-convert-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
body.product-ui main .wallet-convert-input-row input{width:100%;min-height:48px;padding:12px 13px;border:1px solid #d9e9e4;border-radius:12px;background:#fff;color:#234e42;font:inherit}
body.product-ui main .wallet-convert-input-row input:focus{border-color:#5ab99f;outline:3px solid rgba(8,127,104,.1)}
body.product-ui main .wallet-convert-input-row .wallet-use-all{min-height:40px;padding-inline:12px}
body.product-ui main .wallet-convert-submit{min-height:48px;margin-top:1px}
@media(max-width:390px){body.product-ui main .wallet-payment-dialog-inner{padding:17px}.wallet-payment-dialog{border-radius:20px}.wallet-payment-facts{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){body.product-ui main .wallet-withdraw-dialog[open]{animation:none}}
body.product-ui main .wallet-history-button{margin:14px 0 0;background:#fff}
body.product-ui main .wallet-history-button-icon{background:#f0f3f2;color:#55736a}
body.product-ui main .wallet-history-section{margin-top:10px}
body.product-ui main [data-wallet-section][hidden]{display:none!important}
@media(max-width:680px){
  body.product-ui main .wallet-balance-hero{padding:17px!important;border-radius:18px}
  body.product-ui main .wallet-balance-hero-top h2{font-size:32px}
  body.product-ui main .wallet-primary-actions{gap:8px}
  body.product-ui main .wallet-primary-action{min-height:70px;padding:11px}
  body.product-ui main .wallet-primary-action-icon{width:38px;height:38px}
  body.product-ui main .wallet-primary-action strong{font-size:13px}
  body.product-ui main .wallet-primary-action small{font-size:9px}
  body.product-ui main .wallet-convert-card,
  body.product-ui main .wallet-action-section{padding:16px!important}
  body.product-ui main .wallet-section-heading h2{font-size:18px}
}
@media(max-width:390px){
  body.product-ui main .wallet-balance-hero-top>img{width:38px;height:38px}
  body.product-ui main .wallet-balance-hero-top h2{font-size:29px}
  body.product-ui main .wallet-balance-hero-meta{grid-template-columns:1fr 1fr}
  body.product-ui main .wallet-primary-actions{grid-template-columns:1fr}
  body.product-ui main .wallet-primary-action{min-height:62px}
  body.product-ui main .wallet-rate-pill{font-size:8px}
  body.product-ui main .wallet-neutral-status{grid-template-columns:1fr}
  body.product-ui main .wallet-neutral-status .text-link{justify-self:start}
  body.product-ui main .wallet-deposit-preview{grid-template-columns:1fr}
  body.product-ui main .wallet-deposit-preview button{grid-column:auto}
  body.product-ui main .wallet-convert-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  body.product-ui main .wallet-convert-input-row .wallet-use-all{padding-inline:9px;font-size:9px}
}

/* Package comparison: published capacity, price and a deliberate purchase preview. */
body.product-ui .plan-store{display:grid;gap:20px;min-width:0;max-width:1100px;margin-inline:auto}
body.product-ui .plan-store [hidden],body.product-ui .plan-purchase-dialog [hidden]{display:none!important}
body.product-ui .plan-store .nav-icon{width:17px;height:17px;flex:none}
body.product-ui .plan-store h2,body.product-ui .plan-store p,body.product-ui .plan-store dl{margin:0}
body.product-ui .plan-overview{padding:20px;border:1px solid #d9e9e2;border-radius:20px;background:#f6fbf8;box-shadow:0 4px 18px rgba(18,62,44,.025);margin:0}
body.product-ui .plan-overview-heading{display:flex;align-items:center;gap:16px;justify-content:space-between}
body.product-ui .plan-overview-heading>div{min-width:0}
body.product-ui .plan-overview-heading h2{font-size:21px;line-height:1.25;letter-spacing:-.035em;color:#183d30;max-width:32ch}
body.product-ui .plan-overview-heading p{font-size:13px;line-height:1.55;margin-top:8px;color:#62796d;max-width:60ch}
body.product-ui .plan-overview-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:#e7f3ec;border:1px solid #d1e6da;color:#16745c;border-radius:14px}
body.product-ui .plan-overview-icon .nav-icon{width:25px;height:25px}
body.product-ui .plan-activity-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
body.product-ui .plan-activity-chips>span{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1.5;color:#476e5d}
body.product-ui .plan-activity-chips>span+span{margin-left:8px}
body.product-ui .plan-current{margin-top:16px;border-top:1px solid #dce9e1;padding-top:14px}
body.product-ui .plan-current-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px;font-size:12px;color:#62796d}
body.product-ui .plan-current-heading a,body.product-ui .plan-other-link{color:#16745c;text-decoration:none;min-height:32px;display:inline-flex;align-items:center;font-weight:700}
body.product-ui .plan-current-row{display:flex;gap:10px;align-items:center;padding:4px 0;min-width:0}
body.product-ui .plan-current-row>picture,body.product-ui .plan-current-row>img{flex:0 0 44px;width:44px;height:44px;object-fit:contain}
body.product-ui .plan-current-row img{width:44px;height:44px;object-fit:contain}
body.product-ui .plan-current-row>div{flex:1;min-width:0;display:grid;gap:3px}
body.product-ui .plan-current-row strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
body.product-ui .plan-current-row small{font-size:12px;line-height:1.4;color:#6b8074}
body.product-ui .plan-status{display:inline-flex;width:fit-content;align-items:center;padding:4px 8px;font-size:12px;line-height:1.35;font-weight:650;border-radius:6px;background:#e8f5ec;color:#247453;white-space:nowrap}
body.product-ui .plan-status.is-queued{background:#f5f0e3;color:#80652c}
body.product-ui .plan-other-link{font-size:12px}
body.product-ui .plan-duration-area{display:grid;justify-items:center;gap:8px;margin:0}
body.product-ui .plan-duration-switch{display:flex;width:270px;max-width:100%;padding:4px;border-radius:12px;background:#edf1ef;border:1px solid #e3e9e5}
body.product-ui .plan-duration-switch button{flex:1;min-width:0;min-height:44px;border:0;border-radius:9px;background:transparent;color:#6a7971;padding:8px 12px;font-size:14px;font-weight:700;box-shadow:none;transform:none}
body.product-ui .plan-duration-switch button:hover{background:#e1ebe5;color:#1c624b}
body.product-ui .plan-duration-switch button.selected{background:#fff;color:#146e53;box-shadow:0 2px 5px rgba(20,47,35,.09)}
body.product-ui .plan-duration-area>small{font-size:12px;color:#77867e}
body.product-ui .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0}
body.product-ui .plan-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #dfe7e2;border-radius:20px;background:#fff;box-shadow:0 4px 16px rgba(27,52,40,.035);margin:0;gap:14px}
body.product-ui .plan-product{display:flex;align-items:center;gap:4px;min-width:0;min-height:160px}
body.product-ui .plan-product-copy{position:relative;flex:1;min-width:0;z-index:1}
body.product-ui .plan-period{display:block;font-size:12px;font-weight:650;color:#73847b;margin-bottom:6px}
body.product-ui .plan-product h2{font-size:22px;font-weight:750;line-height:1.1;letter-spacing:-.045em;color:#1c3026;overflow-wrap:anywhere}
body.product-ui .plan-price{display:grid;gap:3px;margin-top:14px}
body.product-ui .plan-price strong{font-size:28px;line-height:1.2;letter-spacing:-.04em;color:#15362a;font-variant-numeric:tabular-nums;white-space:nowrap}
body.product-ui .plan-price strong>span{font-size:13px;font-weight:650;letter-spacing:0}
body.product-ui .plan-price small{font-size:12px;line-height:1.4;color:#78857e}
body.product-ui .plan-price del{font-size:12px;color:#849189}
body.product-ui .plan-visual{flex:0 0 43%;min-width:0;max-width:160px;line-height:0;background:transparent}
body.product-ui .plan-visual picture,body.product-ui .plan-visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:none;background:transparent}
body.product-ui .plan-capacity-difference{display:flex;gap:6px;align-items:center;min-height:34px;font-size:12px;font-weight:700;line-height:1.45;color:#247453;background:#edf7f1;border-radius:8px;padding:8px 10px}
body.product-ui .plan-capacities{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-top:2px}
body.product-ui .plan-capacities>div{min-width:0}
body.product-ui .plan-capacities dt{font-size:12px;line-height:1.45;color:#738279;min-height:35px;margin-bottom:5px}
body.product-ui .plan-capacities dd{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:23px;font-weight:750;line-height:1.25;letter-spacing:-.04em;color:#193e2d;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.product-ui .plan-capacities dd>span{font-size:11px;letter-spacing:0;font-weight:650;color:#5b7766}
body.product-ui .plan-projection{display:grid;gap:5px;padding:11px 12px;border:1px solid #cfe8dc;border-radius:12px;background:#f4fbf7}
body.product-ui .plan-projection-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
body.product-ui .plan-projection-head span{color:#527365;font-size:11px;font-weight:750;line-height:1.35}
body.product-ui .plan-projection-head strong{color:#176b50;font-size:15px;white-space:nowrap}
body.product-ui .plan-projection-usdt{color:#2b8064;font-size:11px;font-weight:700}
body.product-ui .plan-projection small{color:#71877d;font-size:10px;line-height:1.4}
body.product-ui .plan-store .plan-activity-note{font-size:12px;line-height:1.5;color:#7b8780;margin-top:-3px}
body.product-ui .plan-saving{display:flex;align-items:flex-start;gap:6px;font-size:12px;font-weight:650;line-height:1.5;color:#25805a}
body.product-ui .plan-saving .nav-icon{margin-top:1px;width:15px;height:15px}
body.product-ui .plan-buy-form{display:grid;gap:9px;margin-top:auto;padding-top:5px}
body.product-ui .plan-store .plan-buy-button{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;background:#11785c;border:1px solid #11785c;color:#fff;font-size:14px;font-weight:700;border-radius:11px;padding:12px;box-shadow:none;transform:none;transition:background .18s ease}
body.product-ui .plan-store .plan-buy-button:hover{background:#0d654e}
body.product-ui .plan-store .plan-buy-button:active{background:#095841}
body.product-ui .plan-buy-button svg,body.product-ui .plan-equipment-link>svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.product-ui .plan-buy-note{text-align:center;color:#7c8880;font-size:12px;line-height:1.4;min-height:17px}
body.product-ui .plan-help{border:1px solid #e0e7e3;border-radius:15px;background:#fff;margin:0;padding:0;min-width:0}
body.product-ui .plan-help>summary{font-size:14px;color:#53695d;font-weight:650;cursor:pointer;min-height:48px;padding:14px 16px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}
body.product-ui .plan-help>summary::-webkit-details-marker{display:none}
body.product-ui .plan-help>summary:after{content:'+';font-size:20px;font-weight:400;color:#789086}
body.product-ui .plan-help[open]>summary:after{content:'−'}
body.product-ui .plan-help-body{display:grid;gap:16px;padding:4px 18px 18px;font-size:12px;line-height:1.7;color:#6d7d74}
body.product-ui .plan-steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}
body.product-ui .plan-steps li{display:flex;align-items:flex-start;gap:12px}
body.product-ui .plan-steps li>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:9px;background:#edf6f0;font-size:12px;color:#287352;font-weight:700}
body.product-ui .plan-steps strong{color:#294c39;font-size:13px}
body.product-ui .plan-steps li p{margin-top:3px}
body.product-ui .plan-help-links{display:flex;flex-wrap:wrap;gap:16px}
body.product-ui .plan-help-links a{color:#177656;min-height:32px;display:inline-flex;align-items:center}
body.product-ui .plan-equipment-link{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid #dfe5f0;background:#f5f7fc;border-radius:16px;text-decoration:none;color:#30405d;min-width:0}
body.product-ui .plan-equipment-link img{object-fit:contain;width:54px;height:54px;flex:none}
body.product-ui .plan-equipment-link>span{flex:1;min-width:0;display:grid;gap:4px}
body.product-ui .plan-equipment-link strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
body.product-ui .plan-equipment-link small{font-size:12px;line-height:1.45;color:#7c879b}
body.product-ui .plan-empty-duration,body.product-ui .plan-network-note{padding:18px;border-radius:14px;border:1px solid #e2e8e4;background:#fff;color:#65766c;font-size:13px;line-height:1.6;margin:0}
body.product-ui .plan-store :is(button,a,summary):focus-visible{outline:3px solid #75bca2;outline-offset:3px}
body.product-ui .plan-purchase-dialog{width:min(480px,calc(100vw - 32px));max-width:480px;max-height:90dvh;padding:0;border:1px solid #dce6e0;border-radius:20px;overflow:auto;background:#fff;box-shadow:0 18px 70px rgba(20,38,30,.18)}
body.product-ui .plan-purchase-dialog::backdrop{background:rgba(23,39,32,.3);backdrop-filter:blur(5px)}
body.product-ui .plan-purchase-dialog>form{padding:20px;display:block}
body.product-ui .plan-purchase-dialog h2{font-size:21px;margin:0 0 18px;letter-spacing:-.035em;color:#203e2d}
body.product-ui .plan-review-product{display:flex;align-items:center;gap:12px;padding-bottom:16px}
body.product-ui .plan-review-product img{object-fit:contain;width:64px;height:64px;flex:none}
body.product-ui .plan-review-product>div{display:grid;gap:5px}
body.product-ui .plan-review-product strong{font-size:18px;line-height:1.3;overflow-wrap:anywhere}
body.product-ui .plan-review-product span{font-size:12px;color:#78877e}
body.product-ui .plan-review-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin:0;padding:14px 0;border-top:1px solid #e5eae7}
body.product-ui .plan-review-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;font-size:12px;line-height:1.5}
body.product-ui .plan-review-facts dt{color:#748379}
body.product-ui .plan-review-facts dd{margin:0;color:#244331;font-weight:700;text-align:right;overflow-wrap:anywhere;max-width:60%}
body.product-ui .plan-review-conditions{border:1px solid #e2ebe5;border-radius:10px;padding:0;margin:5px 0 15px}
body.product-ui .plan-review-conditions>summary{padding:12px;font-size:13px;min-height:44px;color:#315c43;font-weight:650;cursor:pointer}
body.product-ui .plan-review-conditions>div{padding:0 12px 12px;font-size:12px;line-height:1.6;color:#6d7c73}
body.product-ui .plan-review-conditions p{margin:8px 0 0}
body.product-ui .plan-review-rule{font-size:12px;line-height:1.6;color:#76827c;margin:11px 0}
body.product-ui .plan-review-rule strong{color:#596e61}
body.product-ui .plan-review-notice{font-size:12px;line-height:1.6;padding:11px 12px;background:#f1f6f3;border-radius:10px;color:#42644f;margin:14px 0 0}
body.product-ui .plan-purchase-dialog .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
body.product-ui .plan-purchase-dialog .actions>button,body.product-ui .plan-review-topup{min-height:44px;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 14px;text-decoration:none;font-size:13px;font-weight:700}
body.product-ui .plan-review-topup{background:#11785c;color:#fff;border:1px solid #11785c}
body.product-ui .plan-purchase-dialog .actions>button.secondary{background:#f1f4f2;color:#5d7366;border:1px solid #e4eae6}
@media(min-width:700px){body.product-ui .plan-current{max-width:500px}body.product-ui .plan-overview{padding:24px}body.product-ui .plan-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media(min-width:1100px){body.product-ui .plan-overview:has(.plan-current){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px 28px;align-items:center}body.product-ui .plan-overview:has(.plan-current) .plan-overview-heading{grid-column:1;grid-row:1}body.product-ui .plan-overview:has(.plan-current) .plan-activity-chips{grid-column:1;grid-row:2;margin-top:0}body.product-ui .plan-overview .plan-current{grid-column:2;grid-row:1 / span 2;margin-top:0;padding:0 0 0 24px;border-top:0;border-left:1px solid #dce9e1;max-width:none}body.product-ui .plan-overview .plan-current-heading{margin-bottom:5px}}
@media(max-width:1050px){body.product-ui .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.product-ui .plan-grid{grid-template-columns:minmax(0,1fr);gap:16px}body.product-ui .plan-card{padding:20px;gap:14px}body.product-ui .plan-product{min-height:160px}body.product-ui .plan-visual{flex-basis:45%;max-width:170px}body.product-ui .plan-store{gap:18px}body.product-ui .plan-overview{padding:17px}body.product-ui .plan-overview-heading h2{font-size:20px}body.product-ui .plan-product h2{font-size:24px}body.product-ui .plan-capacities dt{min-height:0}body.product-ui .plan-price strong{font-size:30px}body.product-ui .plan-capacities dd{font-size:24px}}
@media(prefers-reduced-motion:reduce){body.product-ui .plan-store *,body.product-ui .plan-purchase-dialog *{transition:none!important;animation:none!important}}

/* Daily goals and one-time milestones use one compact, game-like board. */
body.product-ui .mission-board{display:grid;gap:24px;max-width:920px;margin-inline:auto;min-width:0}
body.product-ui .mission-board [hidden]{display:none!important}
body.product-ui .task-effects{position:fixed;inset:0;pointer-events:none;z-index:1200;overflow:hidden}
body.product-ui .task-token-fly{position:absolute;width:28px;height:28px;object-fit:contain;will-change:transform,opacity}
body.product-ui .mission-board .quest-summary{margin:0;padding:20px;border:1px solid #d4e9e0;border-radius:20px;background:#f6fcf9;box-shadow:0 5px 20px rgba(18,62,44,.035)}
body.product-ui .quest-summary-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
body.product-ui .quest-summary-head>div{min-width:0}
body.product-ui .quest-kicker{color:#507769;font-size:12px;font-weight:700}
body.product-ui .quest-summary h2{margin:4px 0 6px;font-size:22px;letter-spacing:-.035em;line-height:1.15;color:var(--ink)}
body.product-ui .quest-summary-head p{margin:0;font-size:12px;line-height:1.5;color:#61786e}
body.product-ui .quest-summary-art{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border:1px solid #cfe6db;border-radius:17px;background:#e6f5ed;color:#128265;transform:rotate(-6deg)}
body.product-ui .quest-summary-art .nav-icon{width:30px;height:30px}
body.product-ui .quest-summary-progress-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#627c70;margin-bottom:8px}
body.product-ui .quest-summary-progress-label strong{font-size:20px;color:#176d53;letter-spacing:-.04em;margin-right:4px;font-variant-numeric:tabular-nums}
body.product-ui .quest-summary-progress-label>b{color:#176d53;font-size:12px;font-variant-numeric:tabular-nums}
body.product-ui .mission-board progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;overflow:hidden;background:#eaf0ed;border:0;border-radius:999px;accent-color:#20aa83}
body.product-ui .mission-board progress::-webkit-progress-bar{background:#eaf0ed;border-radius:999px}
body.product-ui .mission-board progress::-webkit-progress-value{background:#20aa83;border-radius:999px;transition:width .22s ease}
body.product-ui .mission-board progress::-moz-progress-bar{background:#20aa83;border-radius:999px}
body.product-ui .quest-summary progress.quest-summary-progress{height:8px;background:#dcece3}
body.product-ui .quest-step-map{display:flex;gap:8px;margin:15px 0;align-items:flex-start}
body.product-ui .quest-step{display:grid;justify-items:center;gap:6px;flex:1;min-width:0;text-align:center;color:#73857e;font-size:12px;line-height:1.35}
body.product-ui .quest-step-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d9e6df;border-radius:10px;background:#fff;color:#778b82}
body.product-ui .quest-step-icon .nav-icon{width:17px;height:17px}
body.product-ui .quest-step.is-ready{color:#176d53}
body.product-ui .quest-step.is-ready .quest-step-icon{border-color:#97d8bb;color:#108267}
body.product-ui .quest-step.is-complete{color:#176d53}
body.product-ui .quest-step.is-complete .quest-step-icon{border-color:#158365;background:#158365;color:#fff}
body.product-ui .quest-summary-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #dce9e1;font-size:12px;line-height:1.4;color:#5f796c}
body.product-ui .quest-summary-meta b,body.product-ui .quest-summary-meta time{color:#1d6650;font-weight:750}
body.product-ui .mission-board .quest-bonus{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:12px;border:1px solid #dbebe3;border-radius:14px;background:#fff;box-shadow:none}
body.product-ui .quest-bonus-coin{width:36px;height:36px;flex:none}
body.product-ui .quest-bonus-copy{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;flex:1;min-width:0;font-size:12px;color:#295b49}
body.product-ui .quest-bonus-copy>.mission-reward{justify-self:end;font-size:13px;color:#186e55}
body.product-ui .quest-bonus-copy>small{grid-column:1/-1;color:#728079;font-size:12px;line-height:1.4}
body.product-ui .quest-bonus.is-ready{flex-wrap:wrap;border-color:#88cfb3}
body.product-ui .quest-bonus form{flex-basis:100%}
body.product-ui .quest-section{min-width:0}
body.product-ui .quest-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
body.product-ui .quest-section-heading>div{min-width:0}
body.product-ui .quest-section-heading h2{font-size:18px;line-height:1.2;letter-spacing:-.025em;margin:0;color:var(--ink)}
body.product-ui .quest-section-heading p{max-width:45ch;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
body.product-ui .quest-section-tag{padding:5px 8px;border-radius:7px;background:#eef2f4;color:#68757d;font-size:12px;line-height:1.3;flex:none;white-space:nowrap}
body.product-ui .quest-list{display:grid;gap:12px;min-width:0}
body.product-ui .quest-card{position:relative;display:flex;flex-direction:column;min-width:0;gap:12px;padding:16px;border:1px solid #e1e8e5;border-radius:17px;background:#fff;box-shadow:0 3px 12px rgba(20,40,32,.025)}
body.product-ui .quest-card.is-ready{border-color:#a1d8c2;background:#fbfefc}
body.product-ui .quest-card-head{display:flex;align-items:center;gap:11px;min-width:0}
body.product-ui .quest-card-head>div{min-width:0;flex:1}
body.product-ui .quest-card-head h3{margin:0 0 3px;color:var(--ink);font-size:15px;line-height:1.35;font-weight:750;letter-spacing:-.02em;overflow-wrap:anywhere}
body.product-ui .quest-glyph{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;background:#ecf5f1;border-radius:13px;color:#39836d}
body.product-ui .quest-glyph.is-friends{color:#6a61b3;background:#f2effb}
body.product-ui .quest-glyph.is-wallet{color:#386ba0;background:#edf4fb}
body.product-ui .quest-glyph.is-history{color:#ac7c31;background:#fcf5e8}
body.product-ui .quest-glyph .nav-icon{width:24px;height:24px}
body.product-ui .quest-glyph img{width:38px;height:38px;object-fit:contain}
body.product-ui .quest-state{font-size:12px;color:#61766b;line-height:1.35}
body.product-ui .quest-card.is-ready .quest-state{color:#168466;font-weight:750}
body.product-ui .quest-card-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;font-size:12px;color:#61766b;line-height:1.4;font-variant-numeric:tabular-nums}
body.product-ui .quest-card-progress strong{color:#446758}
body.product-ui .quest-card-progress progress{grid-column:1/-1}
body.product-ui .quest-next-step{margin:0;font-size:12px;line-height:1.45;color:#63756c}
body.product-ui .quest-card .quest-rule{margin:0;font-size:12px;line-height:1.5;color:#61766b}
body.product-ui .quest-rule summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-decoration-color:#c8d5ce;text-underline-offset:3px}
body.product-ui .quest-rule p{margin:6px 0 0;max-width:52ch}
body.product-ui .quest-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px solid #edf1ee}
body.product-ui .quest-reward{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;color:#6b6aac}
body.product-ui .quest-reward img{width:21px;height:21px;object-fit:contain;flex:none}
body.product-ui .quest-reward .nav-icon{width:18px;height:18px;flex:none}
body.product-ui .quest-reward .mission-reward{font-size:12px;color:inherit;line-height:1.35;font-weight:700}
body.product-ui .quest-card button,body.product-ui .quest-bonus button{min-height:44px;max-width:100%;padding:11px 14px;border-radius:11px;font-size:12px;line-height:1.3;background:#148268;color:#fff;border:0;box-shadow:none}
body.product-ui .quest-bonus button{width:100%}
body.product-ui .quest-route{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:10px 12px;border:1px solid #d7e5df;border-radius:11px;font-size:12px;line-height:1.3;color:#2c755e;font-weight:700;text-decoration:none;background:#f6faf8;max-width:100%;overflow-wrap:anywhere}
body.product-ui .quest-route .nav-icon{width:15px;height:15px;flex:none}
body.product-ui .quest-route:hover{border-color:#a9cdbd;background:#eff7f3}
body.product-ui .mission-board form.is-claiming button{opacity:.7;cursor:wait}
body.product-ui .quest-card.is-claimed{animation:quest-complete .65s ease both}
body.product-ui .quest-empty{display:grid;justify-items:center;gap:8px;padding:25px 16px;border:1px dashed #ceded4;border-radius:16px;background:#f8fcfa;text-align:center;color:#426b59}
body.product-ui .quest-empty>.nav-icon{width:28px;height:28px;padding:6px;box-sizing:content-box;border-radius:50%;background:#e5f5ed;color:#168465}
body.product-ui .quest-empty strong{font-size:14px}
body.product-ui .quest-empty p{margin:0;color:#74857a;font-size:12px;line-height:1.5}
body.product-ui .quest-celebration{position:fixed;top:calc(env(safe-area-inset-top,0px) + 76px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;width:max-content;max-width:calc(100vw - 32px);z-index:1201;box-sizing:border-box;padding:13px 17px;border:1px solid #c8e5d4;border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(29,67,46,.16);animation:quest-celebrate .24s ease-out both;pointer-events:none}
body.product-ui .quest-celebration>span:last-child{display:grid;gap:3px;min-width:0}
body.product-ui .quest-celebration strong{font-size:14px;color:#236149;line-height:1.35}
body.product-ui .quest-celebration small{font-size:12px;color:#688073;line-height:1.4}
body.product-ui .quest-celebration-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:50%;background:#e9f8ee;color:#168566}
body.product-ui .quest-celebration-icon .nav-icon{width:21px;height:21px}
body.product-ui .quest-summary:focus{outline:2px solid #1b9b76;outline-offset:3px}
@keyframes quest-complete{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.012);background:#eefaf3}100%{opacity:0;transform:scale(.98)}}
@keyframes quest-celebrate{from{opacity:0;transform:translate(-50%,-8px) scale(.98)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(min-width:768px){body.product-ui .quest-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.product-ui .quest-summary{padding:24px}body.product-ui .quest-summary-head{margin-bottom:16px}body.product-ui .quest-step-map{max-width:520px;margin-inline:auto}}
@media(max-width:390px){body.product-ui .mission-board{gap:20px}body.product-ui .quest-summary{padding:16px}body.product-ui .quest-summary h2{font-size:20px}body.product-ui .quest-summary-art{width:44px;height:44px;flex-basis:44px;border-radius:14px}body.product-ui .quest-section-heading{flex-wrap:wrap;gap:8px}body.product-ui .quest-card{padding:14px}}
@media(prefers-reduced-motion:reduce){body.product-ui .mission-board *,body.product-ui .mission-board *::after{animation:none!important;transition:none!important}body.product-ui .mission-board progress::-webkit-progress-value{transition:none!important}}
body.product-ui.low-power .mission-board *{animation:none!important}

/* Equipment page: compact upgrade path with an immediate before/after read. */
body.product-ui .equipment-page { display:grid; gap:18px; max-width:960px; margin-inline:auto; }
body.product-ui .equipment-page .card { box-shadow:0 9px 28px rgba(18,39,38,.055); }
body.product-ui .equipment-current-summary { margin:0; padding:17px!important; border:1px solid #dceae6; border-radius:18px; background:#fff; }
body.product-ui .equipment-current-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
body.product-ui .equipment-current-copy { min-width:0; }
body.product-ui .equipment-current-copy h2 { margin:4px 0 4px; color:var(--ink); font-size:clamp(19px,4.5vw,24px); letter-spacing:-.025em; }
body.product-ui .equipment-current-copy p { max-width:48ch; margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
body.product-ui .equipment-current-balance { display:flex; align-items:center; gap:8px; flex:none; min-width:126px; padding:9px 11px; border:1px solid #d6ebe3; border-radius:12px; background:#f7fcfa; }
body.product-ui .equipment-current-balance img { width:21px; height:21px; flex:none; }
body.product-ui .equipment-current-balance span { display:grid; gap:2px; min-width:0; }
body.product-ui .equipment-current-balance small { color:var(--muted); font-size:9px; line-height:1.1; }
body.product-ui .equipment-current-balance strong { color:#087f68; font-size:14px; line-height:1.1; white-space:nowrap; }
body.product-ui .equipment-current-balance em { color:var(--muted); font-size:9px; font-style:normal; }
body.product-ui .equipment-current-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:14px; }
body.product-ui .equipment-stat { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 8px; align-items:end; padding:11px 12px; border:1px solid #e2eeeb; border-radius:13px; background:#fbfefd; }
body.product-ui .equipment-stat-label { grid-column:1/-1; color:var(--muted); font-size:10px; line-height:1.25; }
body.product-ui .equipment-stat strong { color:var(--ink); font-size:23px; letter-spacing:-.03em; line-height:1.1; }
body.product-ui .equipment-stat small { align-self:end; color:#6b837a; font-size:10px; line-height:1.2; text-align:right; }
body.product-ui .equipment-stat-energy { border-color:#cae8dc; background:#f5fcf9; }
body.product-ui .equipment-status-details { margin-top:10px; border-top:1px solid #e8f0ed; padding-top:9px; }
body.product-ui .equipment-status-details summary { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; color:#365c50; font-size:11px; font-weight:650; list-style:none; }
body.product-ui .equipment-status-details summary::-webkit-details-marker { display:none; }
body.product-ui .equipment-status-details summary span { color:#7b9289; font-size:15px; transition:transform .18s ease; }
body.product-ui .equipment-status-details[open] summary span { transform:rotate(180deg); }
body.product-ui .equipment-status-details p { margin:7px 0 0; color:var(--muted); font-size:11px; line-height:1.45; }

body.product-ui .equipment-next { margin:0; padding:17px!important; border:1px solid #bfe2d5; border-radius:18px; background:linear-gradient(140deg,#f8fffc 0%,#fff 62%); }
body.product-ui .equipment-next.is-locked { border-color:#e3e9e6; background:#fff; }
body.product-ui .equipment-next-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }
body.product-ui .equipment-next-heading h2 { margin:4px 0 0; color:var(--ink); font-size:20px; letter-spacing:-.025em; }
body.product-ui .equipment-next-state { flex:none; padding:5px 8px; border:1px solid #cbe6dc; border-radius:999px; background:#f0faf6; color:#087f68; font-size:10px; font-weight:700; white-space:nowrap; }
body.product-ui .equipment-next.is-locked .equipment-next-state { border-color:#e1e7e4; background:#f6f8f7; color:#71847d; }
body.product-ui .equipment-next-body { display:grid; grid-template-columns:122px minmax(0,1fr); gap:15px; align-items:center; }
body.product-ui .equipment-next-visual { display:grid; place-items:center; min-height:122px; border:1px solid #dfefea; border-radius:15px; background:#f3faf7; overflow:hidden; }
body.product-ui .equipment-next-visual .responsive-picture, body.product-ui .equipment-next-visual img { display:block; width:116px; height:116px; object-fit:contain; }
body.product-ui .equipment-next-copy { min-width:0; }
body.product-ui .equipment-next-copy h3 { margin:0 0 5px; color:var(--ink); font-size:20px; line-height:1.16; overflow-wrap:anywhere; }
body.product-ui .equipment-next-copy .equipment-effect { margin:0 0 11px; color:var(--muted); font-size:11px; line-height:1.4; }
body.product-ui .equipment-before-after { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:8px; align-items:center; }
body.product-ui .equipment-before-after > div { min-width:0; padding:9px 10px; border:1px solid #e2ece9; border-radius:11px; background:#fff; }
body.product-ui .equipment-before-after > div.is-after { border-color:#bfe4d6; background:#f1fbf7; }
body.product-ui .equipment-before-after > span { color:#82a095; font-size:18px; text-align:center; }
body.product-ui .equipment-before-after small, body.product-ui .equipment-before-after strong, body.product-ui .equipment-before-after em { display:block; }
body.product-ui .equipment-before-after small { color:var(--muted); font-size:9px; line-height:1.2; }
body.product-ui .equipment-before-after strong { margin-top:3px; color:var(--ink); font-size:18px; line-height:1.1; }
body.product-ui .equipment-before-after em { margin-top:3px; color:#087f68; font-size:9px; font-style:normal; line-height:1.2; overflow-wrap:anywhere; }
body.product-ui .equipment-purchase-preview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:13px; padding:10px 11px; border:1px solid #e2ece9; border-radius:12px; background:#fff; }
body.product-ui .equipment-purchase-preview { grid-template-columns:1fr; }
body.product-ui .equipment-purchase-preview div { display:grid; gap:3px; min-width:0; }
body.product-ui .equipment-purchase-preview small { color:var(--muted); font-size:9px; }
body.product-ui .equipment-purchase-preview strong { color:var(--ink); font-size:13px; overflow-wrap:anywhere; }
body.product-ui .equipment-next > .equipment-state { margin:10px 0 0; }
body.product-ui .equipment-next form { display:flex; flex-direction:column; gap:8px; margin-top:11px; }
body.product-ui .equipment-next form .wide { width:100%; min-height:43px; }
body.product-ui .equipment-next .equipment-topup-button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:43px; padding:10px 14px; border-radius:11px; background:var(--brand); color:#fff; font-size:13px; font-weight:700; text-decoration:none; }
body.product-ui .equipment-next .equipment-topup-button span { font-size:17px; }
body.product-ui .equipment-next-complete { display:grid; justify-items:start; gap:6px; }
body.product-ui .equipment-next-complete h2, body.product-ui .equipment-next-complete p { margin:0; }
body.product-ui .equipment-next-complete h2 { font-size:18px; }
body.product-ui .equipment-next-complete p { color:var(--muted); font-size:11px; line-height:1.4; }
body.product-ui .equipment-next-complete-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#e5f8ef; color:#087f68; font-weight:800; }

body.product-ui .owned-equipment { margin:0; padding:15px 17px!important; border-radius:16px; }
body.product-ui .owned-equipment .section-head { margin:0 0 10px; }
body.product-ui .owned-equipment .section-head h2 { margin:3px 0 0; font-size:17px; }
body.product-ui .owned-equipment-list { display:flex; flex-wrap:wrap; gap:8px; }
body.product-ui .owned-equipment-item { display:flex; align-items:center; gap:8px; min-width:0; padding:7px 9px; border:1px solid #e0ece8; border-radius:11px; background:#fbfefd; }
body.product-ui .owned-equipment-item .responsive-picture, body.product-ui .owned-equipment-item img { width:38px; height:38px; object-fit:contain; flex:none; }
body.product-ui .owned-equipment-item > span { display:grid; gap:2px; min-width:0; }
body.product-ui .owned-equipment-item strong { max-width:170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink); font-size:11px; }
body.product-ui .owned-equipment-item small { color:#087f68; font-size:9px; }
body.product-ui .owned-equipment-item b { margin-left:auto; color:#087f68; font-size:13px; }
body.product-ui .equipment-owned-empty { display:grid; justify-items:start; gap:6px; margin:0; padding:16px 17px; border-radius:16px; }
body.product-ui .equipment-owned-empty h2, body.product-ui .equipment-owned-empty p { margin:0; }
body.product-ui .equipment-owned-empty h2 { font-size:16px; }
body.product-ui .equipment-owned-empty p { color:var(--muted); font-size:11px; line-height:1.4; }
body.product-ui .equipment-owned-empty > span { color:#087f68; font-size:23px; }

body.product-ui .equipment-catalog { margin:0; }
body.product-ui .equipment-catalog-heading { display:flex; align-items:end; justify-content:space-between; gap:15px; margin:0 0 13px; }
body.product-ui .equipment-catalog-heading h2 { margin:4px 0 0; color:var(--ink); font-size:21px; letter-spacing:-.025em; }
body.product-ui .equipment-catalog-heading p { max-width:39ch; margin:0; color:var(--muted); font-size:11px; line-height:1.4; text-align:right; }
body.product-ui .equipment-groups { display:grid; gap:20px; }
body.product-ui .equipment-group-heading { display:flex; align-items:end; justify-content:space-between; gap:13px; margin:0 0 9px; }
body.product-ui .equipment-group-heading h2 { margin:3px 0 0; color:var(--ink); font-size:16px; }
body.product-ui .equipment-group-heading p { max-width:34ch; margin:0; color:var(--muted); font-size:10px; line-height:1.35; text-align:right; }
body.product-ui .equipment-grid-v2 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
body.product-ui main .equipment-card-v2 { display:flex; flex-direction:column; min-width:0; padding:13px!important; border:1px solid #e0ebe8; border-radius:16px; background:#fff; box-shadow:0 7px 20px rgba(18,39,38,.045); }
body.product-ui .equipment-illustration { display:grid; place-items:center; height:126px; margin:0 0 12px; border:1px solid #e2eeeb; border-radius:12px; background:#f7faf9; overflow:hidden; }
body.product-ui .equipment-illustration .responsive-picture, body.product-ui .equipment-illustration img { display:block; width:120px; height:120px; object-fit:contain; }
body.product-ui .equipment-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin:0 0 8px; }
body.product-ui .equipment-title-row h2 { margin:3px 0 0; color:var(--ink); font-size:16px; line-height:1.18; overflow-wrap:anywhere; }
body.product-ui .equipment-card-effect { min-height:37px; margin:0 0 10px; color:var(--muted); font-size:10px; line-height:1.35; }
body.product-ui .equipment-card-v2 .equipment-change { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:5px; align-items:center; margin:0 0 10px; padding:8px 0; border-top:1px solid #e6eeec; border-bottom:1px solid #e6eeec; }
body.product-ui .equipment-change > span { display:grid; gap:2px; min-width:0; }
body.product-ui .equipment-change > b { color:#82a095; font-size:14px; text-align:center; }
body.product-ui .equipment-change small { color:var(--muted); font-size:8px; line-height:1.2; }
body.product-ui .equipment-change strong { color:var(--ink); font-size:15px; line-height:1.1; }
body.product-ui .equipment-change .is-after strong { color:#087f68; }
body.product-ui .equipment-card-bottom { display:flex; align-items:end; justify-content:space-between; gap:7px; margin-top:auto; }
body.product-ui .equipment-card-v2 .equipment-price { display:flex; align-items:center; gap:4px; margin:0; }
body.product-ui .equipment-card-v2 .equipment-price img { width:18px; height:18px; }
body.product-ui .equipment-card-v2 .equipment-price strong { color:var(--ink); font-size:16px; }
body.product-ui .equipment-card-v2 .equipment-price small { color:var(--muted); font-size:9px; }
body.product-ui .equipment-card-balance { max-width:50%; color:var(--muted); font-size:8px; line-height:1.25; text-align:right; overflow-wrap:anywhere; }
body.product-ui .equipment-card-v2 .equipment-requirement { margin:8px 0 0; padding:7px 8px; border-radius:8px; background:#f5f7f6; color:#60746b; font-size:9px; line-height:1.3; }
body.product-ui .equipment-card-v2 form { display:flex; flex-direction:column; gap:7px; margin-top:10px; }
body.product-ui .equipment-card-v2 form .wide { width:100%; min-height:40px; padding-inline:10px; font-size:12px; }
body.product-ui .equipment-card-v2 .equipment-state { margin:0; min-height:30px; }
body.product-ui .equipment-card-v2 .equipment-topup-button { display:flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:9px 10px; border-radius:10px; background:var(--brand); color:#fff; font-size:12px; font-weight:700; text-decoration:none; }
body.product-ui .equipment-card-v2.is-owned { border-color:#cae7db; background:#fbfefc; }
body.product-ui .equipment-card-v2.is-owned .equipment-illustration { background:#f2faf6; }
body.product-ui .equipment-catalog-empty { display:grid; gap:6px; padding:20px; }
body.product-ui .equipment-catalog-empty h2, body.product-ui .equipment-catalog-empty p { margin:0; }
body.product-ui .equipment-catalog-empty h2 { font-size:18px; }
body.product-ui .equipment-catalog-empty p { color:var(--muted); font-size:11px; line-height:1.4; }

/* Active package status stays textual; the global status-dot is reserved for live indicators. */
body.product-ui .my-package-running { color:#087f68; font-size:10px; font-weight:800; }

@media (max-width:760px) {
    body.product-ui .equipment-current-heading { flex-direction:column; }
    body.product-ui .equipment-current-balance { width:100%; }
    body.product-ui .equipment-catalog-heading, body.product-ui .equipment-group-heading { align-items:flex-start; flex-direction:column; }
    body.product-ui .equipment-catalog-heading p, body.product-ui .equipment-group-heading p { max-width:48ch; text-align:left; }
    body.product-ui .equipment-grid-v2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:520px) {
    body.product-ui .equipment-page { gap:14px; }
    body.product-ui .equipment-next-body { grid-template-columns:92px minmax(0,1fr); gap:11px; }
    body.product-ui .equipment-next-visual { min-height:92px; }
    body.product-ui .equipment-next-visual .responsive-picture, body.product-ui .equipment-next-visual img { width:88px; height:88px; }
    body.product-ui .equipment-next-copy h3 { font-size:17px; }
    body.product-ui .equipment-before-after { gap:5px; }
    body.product-ui .equipment-before-after > div { padding:8px 7px; }
    body.product-ui .equipment-before-after strong { font-size:16px; }
    body.product-ui .equipment-purchase-preview { gap:6px; padding:9px; }
    body.product-ui .equipment-purchase-preview strong { font-size:12px; }
    body.product-ui .equipment-grid-v2 { grid-template-columns:1fr; gap:10px; }
    body.product-ui main .equipment-card-v2 { display:grid; grid-template-columns:78px minmax(0,1fr); grid-template-rows:auto auto; column-gap:11px; padding:11px!important; }
    body.product-ui .equipment-illustration { grid-row:1 / span 2; height:78px; margin:0; }
    body.product-ui .equipment-illustration .responsive-picture, body.product-ui .equipment-illustration img { width:74px; height:74px; }
    body.product-ui .equipment-card-content { min-width:0; }
    body.product-ui .equipment-title-row { margin:0 0 5px; }
    body.product-ui .equipment-title-row h2 { font-size:15px; }
    body.product-ui .equipment-card-effect { min-height:0; margin-bottom:7px; font-size:10px; }
    body.product-ui .equipment-card-v2 .equipment-change { margin-bottom:7px; padding:6px 0; }
    body.product-ui .equipment-card-v2 form { grid-column:2; margin-top:7px; }
    body.product-ui .equipment-card-v2 .equipment-card-bottom { gap:5px; }
    body.product-ui .equipment-card-v2 .equipment-price strong { font-size:15px; }
    body.product-ui .equipment-card-balance { max-width:52%; }
    body.product-ui .equipment-card-v2 .equipment-requirement { margin-top:6px; }
}
@media (max-width:370px) {
    body.product-ui .equipment-next-body { grid-template-columns:1fr; }
    body.product-ui .equipment-next-visual { min-height:104px; }
    body.product-ui .equipment-next-visual .responsive-picture, body.product-ui .equipment-next-visual img { width:100px; height:100px; }
    body.product-ui .equipment-current-stats { grid-template-columns:1fr; }
    body.product-ui .equipment-stat { grid-template-columns:minmax(0,1fr) auto; }
}
@media (prefers-reduced-motion:reduce) {
    body.product-ui .equipment-status-details summary span { transition:none; }
}

/* Admin home: a quiet, action-first control center. */
body.product-ui.admin-app .admin-home{display:grid;gap:18px;width:min(100%,1120px);margin:0 auto;color:#202b28}
body.product-ui.admin-app .admin-home-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 2px 2px}
body.product-ui.admin-app .admin-home-kicker{display:block;margin-bottom:6px;color:#718079;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
body.product-ui.admin-app .admin-home-header h1{margin:0;color:#172b25;font-size:clamp(25px,3vw,32px);line-height:1.1;letter-spacing:-.035em}
body.product-ui.admin-app .admin-home-header p{margin:7px 0 0;color:#65736d;font-size:13px;line-height:1.5}
body.product-ui.admin-app .admin-home-refresh{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #dfe7e3;border-radius:12px;background:#fff;color:#477468;text-decoration:none;font-size:22px;line-height:1}
body.product-ui.admin-app .admin-home-refresh:hover{background:#f5faf7;border-color:#c8ddd4}
body.product-ui.admin-app .admin-home :focus-visible{outline:3px solid #79bba5;outline-offset:3px}
body.product-ui.admin-app .admin-home-priorities,body.product-ui.admin-app .admin-home-shortcuts{display:grid;gap:12px}
body.product-ui.admin-app .admin-home-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
body.product-ui.admin-app .admin-home-section-head h2{margin:0;color:#203c32;font-size:17px;letter-spacing:-.015em}
body.product-ui.admin-app .admin-home-section-head p{margin:4px 0 0;color:#78857f;font-size:11px;line-height:1.45}
body.product-ui.admin-app .admin-home-count{display:grid;place-items:center;flex:none;min-width:36px;height:36px;padding:0 8px;border:1px solid #dce8e2;border-radius:11px;background:#fff;color:#305e4d;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
body.product-ui.admin-app .admin-home-clear{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid #d9e8e0;border-radius:13px;background:#f7fbf8}
body.product-ui.admin-app .admin-home-clear>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e4f3e9;color:#287451;font-size:14px;font-weight:900}
body.product-ui.admin-app .admin-home-clear p{margin:0;color:#315d4a;font-size:13px;font-weight:650}
body.product-ui.admin-app .admin-home-priority-list{display:grid;gap:9px}
body.product-ui.admin-app .admin-home-priority{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 15px;border:1px solid #e8e3d6;border-radius:14px;background:#fffefa}
body.product-ui.admin-app .admin-home-priority-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f7efdd;color:#896b32}
body.product-ui.admin-app .admin-home-priority-icon svg{width:18px;height:18px}
body.product-ui.admin-app .admin-home-priority-copy{min-width:0}
body.product-ui.admin-app .admin-home-priority-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.product-ui.admin-app .admin-home-priority-top h3{margin:0;color:#302d25;font-size:14px;line-height:1.35}
body.product-ui.admin-app .admin-home-priority-top>span{padding:3px 7px;border-radius:999px;background:#f8efd9;color:#7e6229;font-size:9px;font-weight:800}
body.product-ui.admin-app .admin-home-priority-detail{margin:5px 0 0;color:#5d655f;font-size:12px;line-height:1.45}
body.product-ui.admin-app .admin-home-priority-effect{margin:3px 0 0;color:#87918b;font-size:10px;line-height:1.4}
body.product-ui.admin-app .admin-home-priority>a{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:7px 9px;border-radius:9px;color:#2d6d55;text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap}
body.product-ui.admin-app .admin-home-priority>a:hover{background:#f1f7f3}
body.product-ui.admin-app .admin-home-more-priorities{padding:0 4px}
body.product-ui.admin-app .admin-home-more-priorities>summary{width:max-content;max-width:100%;padding:7px 0;color:#487462;cursor:pointer;font-size:11px;font-weight:750}
body.product-ui.admin-app .admin-home-more-priorities>div{display:grid;gap:4px;margin-top:5px}
body.product-ui.admin-app .admin-home-more-priorities>div>a{display:flex;justify-content:space-between;gap:14px;padding:9px 11px;border:1px solid #e7ece9;border-radius:9px;color:#465d53;text-decoration:none;font-size:11px}
body.product-ui.admin-app .admin-home-more-priorities>div>a strong{color:#337357;white-space:nowrap}
body.product-ui.admin-app .admin-home-readiness{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dbe8e3;border-radius:13px;background:#f8fbfa}
body.product-ui.admin-app .admin-home-readiness-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e8f1ed;color:#55796a;font-size:13px;font-weight:800}
body.product-ui.admin-app .admin-home-readiness-copy{display:grid;gap:2px;min-width:0}
body.product-ui.admin-app .admin-home-readiness-copy strong{color:#344a40;font-size:12px}
body.product-ui.admin-app .admin-home-readiness-copy span{color:#78867f;font-size:10px;line-height:1.4}
body.product-ui.admin-app .admin-home-readiness>a{padding:7px 8px;color:#477866;text-decoration:none;font-size:10px;font-weight:750;white-space:nowrap}
body.product-ui.admin-app .admin-home-gates{grid-column:1/-1;padding-top:9px;border-top:1px solid #e1eae5}
body.product-ui.admin-app .admin-home-gates>summary{width:max-content;max-width:100%;color:#477866;cursor:pointer;font-size:10px;font-weight:750}
body.product-ui.admin-app .admin-home-gates ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px;margin:10px 0 2px;padding:0;list-style:none}
body.product-ui.admin-app .admin-home-gates li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 2px;border-bottom:1px solid #e9efec;color:#56665e;font-size:10px}
body.product-ui.admin-app .admin-home-gates li>span:first-child{color:#73867d;font-weight:800}
body.product-ui.admin-app .admin-home-gates li strong{font-size:9px}
body.product-ui.admin-app .admin-home-gates .is-passed{color:#287451}
body.product-ui.admin-app .admin-home-gates .is-missing{color:#836b37}
body.product-ui.admin-app .admin-home-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.product-ui.admin-app .admin-home-shortcut{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:11px;min-width:0;padding:13px;border:1px solid #e3eae6;border-radius:13px;background:#fff;color:inherit;text-decoration:none;transition:border-color .16s ease,background .16s ease}
body.product-ui.admin-app .admin-home-shortcut:hover{border-color:#cbded3;background:#fbfdfb}
body.product-ui.admin-app .admin-home-shortcut-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f0f6f3;color:#38725a}
body.product-ui.admin-app .admin-home-shortcut-icon svg{width:18px;height:18px}
body.product-ui.admin-app .admin-home-shortcut>span:nth-child(2){display:grid;gap:3px;min-width:0}
body.product-ui.admin-app .admin-home-shortcut strong{color:#29483a;font-size:12px;line-height:1.35}
body.product-ui.admin-app .admin-home-shortcut small{color:#7a8981;font-size:10px;line-height:1.35}
body.product-ui.admin-app .admin-home-shortcut>b{color:#668477;font-size:16px;text-align:right}
body.product-ui.admin-app .admin-home-disclosure{overflow:hidden;border:1px solid #e2e9e5;border-radius:13px;background:#fff}
body.product-ui.admin-app .admin-home-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;padding:12px 15px;cursor:pointer;list-style:none}
body.product-ui.admin-app .admin-home-disclosure>summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .admin-home-disclosure>summary>span{display:grid;gap:3px;min-width:0}
body.product-ui.admin-app .admin-home-disclosure>summary strong{color:#29483a;font-size:13px;line-height:1.3}
body.product-ui.admin-app .admin-home-disclosure>summary small{overflow:hidden;color:#7b8882;font-size:10px;line-height:1.4;text-overflow:ellipsis}
body.product-ui.admin-app .admin-home-disclosure>summary>b{flex:none;color:#72837a;font-size:16px;transition:transform .16s ease}
body.product-ui.admin-app .admin-home-disclosure[open]>summary>b{transform:rotate(180deg)}
body.product-ui.admin-app .admin-home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:2px 15px 13px}
body.product-ui.admin-app .admin-home-metrics article{display:grid;gap:5px;min-width:0;padding:10px;border:1px solid #edf1ef;border-radius:10px;background:#fcfdfc}
body.product-ui.admin-app .admin-home-metrics article.is-unverified{background:#faf9f4;border-color:#ede9dc}
body.product-ui.admin-app .admin-home-metrics article small{color:#7c8882;font-size:9px;line-height:1.4}
body.product-ui.admin-app .admin-home-metrics article strong{overflow-wrap:anywhere;color:#30483c;font-size:12px;font-variant-numeric:tabular-nums}
body.product-ui.admin-app .admin-home-metrics-compact{grid-template-columns:repeat(4,minmax(0,1fr))}
body.product-ui.admin-app .admin-home-disclosure-link{display:inline-flex;margin:0 15px 14px;color:#367357;text-decoration:none;font-size:10px;font-weight:750}
body.product-ui.admin-app .admin-home-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:0 15px 10px}
body.product-ui.admin-app .admin-home-service-list>div{display:flex;justify-content:space-between;gap:10px;padding:9px 1px;border-bottom:1px solid #edf1ef;font-size:11px}
body.product-ui.admin-app .admin-home-service-list>div>span{color:#67766e}
body.product-ui.admin-app .admin-home-service-list strong{font-size:10px}
body.product-ui.admin-app .admin-home-service-list .is-healthy{color:#287451}
body.product-ui.admin-app .admin-home-service-list .is-attention{color:#866b31}
body.product-ui.admin-app .admin-home-service-list .is-neutral{color:#78867f}
body.product-ui.admin-app .admin-home-recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 15px 15px}
body.product-ui.admin-app .admin-home-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0 7px;border-bottom:1px solid #e9efeb}
body.product-ui.admin-app .admin-home-subhead h3{margin:0;color:#355345;font-size:11px}
body.product-ui.admin-app .admin-home-subhead a{color:#39745a;text-decoration:none;font-size:10px;font-weight:700}
body.product-ui.admin-app .admin-home-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:9px 2px;border-bottom:1px solid #f0f3f1;color:#394b41;text-decoration:none}
body.product-ui.admin-app .admin-home-row>span{display:grid;gap:3px;min-width:0}
body.product-ui.admin-app .admin-home-row strong{overflow:hidden;color:#43584d;font-size:10px;font-weight:700;text-overflow:ellipsis}
body.product-ui.admin-app .admin-home-row small{color:#89938e;font-size:9px;line-height:1.35}
body.product-ui.admin-app .admin-home-row>b{flex:none;color:#344c3f;font-size:10px;font-variant-numeric:tabular-nums}
body.product-ui.admin-app .admin-home-empty{margin:10px 0 0;color:#849089;font-size:10px}
@media(max-width:760px){body.product-ui.admin-app .admin-home{gap:15px}body.product-ui.admin-app .admin-home-priority{grid-template-columns:32px minmax(0,1fr);gap:10px}body.product-ui.admin-app .admin-home-priority-icon{width:32px;height:32px}body.product-ui.admin-app .admin-home-priority>a{grid-column:2;justify-self:start;margin-top:-2px;padding-left:0}body.product-ui.admin-app .admin-home-metrics,body.product-ui.admin-app .admin-home-metrics-compact{grid-template-columns:repeat(2,minmax(0,1fr))}body.product-ui.admin-app .admin-home-recent-grid{grid-template-columns:1fr;gap:16px}}
@media(max-width:480px){body.product-ui.admin-app .admin-home{gap:14px}body.product-ui.admin-app .admin-home-header{gap:9px}body.product-ui.admin-app .admin-home-header h1{font-size:25px}body.product-ui.admin-app .admin-home-header p{font-size:12px}body.product-ui.admin-app .admin-home-shortcut-grid{grid-template-columns:1fr}body.product-ui.admin-app .admin-home-shortcut{padding:11px}body.product-ui.admin-app .admin-home-section-head h2{font-size:16px}body.product-ui.admin-app .admin-home-section-head p{font-size:10px}body.product-ui.admin-app .admin-home-readiness{grid-template-columns:28px minmax(0,1fr);gap:8px}body.product-ui.admin-app .admin-home-readiness>a{grid-column:2;justify-self:start;padding:0}body.product-ui.admin-app .admin-home-gates ul{grid-template-columns:1fr}body.product-ui.admin-app .admin-home-disclosure>summary{padding:12px}body.product-ui.admin-app .admin-home-metrics,body.product-ui.admin-app .admin-home-service-list,body.product-ui.admin-app .admin-home-recent-grid{padding-inline:12px}body.product-ui.admin-app .admin-home-service-list{grid-template-columns:1fr}}
@media(max-width:360px){body.product-ui.admin-app .admin-home-priority{padding:12px}body.product-ui.admin-app .admin-home-count{min-width:32px;height:32px}body.product-ui.admin-app .admin-home-metrics article{padding:8px}body.product-ui.admin-app .admin-home-metrics article strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){body.product-ui.admin-app .admin-home-shortcut,body.product-ui.admin-app .admin-home-disclosure>summary>b{transition:none}}

/* Admin workspace: one quiet page rhythm and a short, predictable navigation. */
body.product-ui.admin-app .sidebar nav{display:grid;gap:5px}
body.product-ui.admin-app .admin-nav-group{overflow:hidden;margin:0;border:1px solid #e7ece9;border-radius:11px;background:#fff}
body.product-ui.admin-app .admin-nav-group>summary{min-height:39px;padding:9px 11px;color:#64766d;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:none}
body.product-ui.admin-app .admin-nav-group[open]>summary{background:#f7faf8;color:#355b4b}
body.product-ui.admin-app .admin-nav-group>summary b{color:#7c8982}
body.product-ui.admin-app .admin-nav-items{gap:2px;padding:3px 5px 6px}
body.product-ui.admin-app .admin-nav-items a{min-height:38px;margin:0!important;padding:8px 9px!important;border-radius:8px;font-size:11px!important}
body.product-ui.admin-app .admin-nav-items a.selected{background:#eaf5ef;box-shadow:inset 3px 0 #398064}
body.product-ui.admin-app .sidebar nav>.admin-nav-dashboard{min-height:40px;margin:0 0 2px;padding:9px 11px;border:1px solid #dfe9e3;border-radius:10px;background:#fff;color:#52685d;font-size:11px;font-weight:750}
body.product-ui.admin-app .sidebar nav>.admin-nav-dashboard.selected{border-color:#d4e8dd;background:#eaf5ef;color:#286449;box-shadow:none}
body.product-ui.admin-app .sidebar nav>.admin-nav-dashboard svg{width:17px;height:17px}
body.product-ui.admin-app .admin-nav-group :focus-visible,body.product-ui.admin-app .sidebar nav>a:focus-visible{outline:3px solid #71b59a;outline-offset:2px}

body.product-ui.admin-app main>.admin-home,
body.product-ui.admin-app main>.p21-catalog-page,
body.product-ui.admin-app main>.admin-branding-page,
body.product-ui.admin-app main>.admin-navigation-page,
body.product-ui.admin-app main>.admin-translations-page,
body.product-ui.admin-app main>.p20-content-page,
body.product-ui.admin-app main>.p40-game-page,
body.product-ui.admin-app main>.p22-users-page,
body.product-ui.admin-app main>.p22-risk-page,
body.product-ui.admin-app main>.finance-work-queue,
body.product-ui.admin-app main>.p24-ops-page{width:min(100%,1120px);margin-inline:auto}
body.product-ui.admin-app main>.admin-branding-page,
body.product-ui.admin-app main>.admin-navigation-page,
body.product-ui.admin-app main>.admin-translations-page,
body.product-ui.admin-app main>.p20-content-page,
body.product-ui.admin-app main>.p40-game-page,
body.product-ui.admin-app main>.finance-work-queue{display:grid;row-gap:16px}

body.product-ui.admin-app :is(.admin-catalog-head,.admin-settings-hero,.p20-content-hero,.p24-ops-hero,.finance-queue-head,.p22-users-head,.p22-risk-head,.admin-integration-hero,.admin-system-hero){margin:0;padding:17px 19px;border:1px solid #e2e9e5;border-radius:15px;background:#fff;box-shadow:none}
body.product-ui.admin-app :is(.admin-catalog-head,.admin-settings-hero,.p20-content-hero,.p24-ops-hero,.finance-queue-head,.p22-users-head,.p22-risk-head,.admin-integration-hero,.admin-system-hero) h1{margin:2px 0 5px;color:#20392f;font-size:clamp(21px,3vw,27px);line-height:1.18;letter-spacing:-.03em}
body.product-ui.admin-app :is(.admin-catalog-head,.admin-settings-hero,.p20-content-hero,.p24-ops-hero,.finance-queue-head,.p22-users-head,.p22-risk-head,.admin-integration-hero,.admin-system-hero) p{max-width:72ch;margin:0;color:#728179;font-size:12px;line-height:1.5}
body.product-ui.admin-app :is(.admin-branding-editor,.admin-branding-preview,.admin-navigation-editor,.admin-navigation-preview,.p20-page-card,.p20-campaign-card,.p20-announcement-card,.finance-work-queue .card,.p24-ops-page>.card,.p21-catalog-page>.card){border-color:#e3eae6;border-radius:14px;box-shadow:none}
body.product-ui.admin-app main :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){border-color:#dce6e1;border-radius:9px;background:#fff}
body.product-ui.admin-app main :is(input,select,textarea,button,a):focus-visible{outline:3px solid #76b89e;outline-offset:2px}
body.product-ui.admin-app .p24-system-note{margin:0;padding:10px 12px;border:1px solid #e2e9e5;border-radius:11px;background:#f9fbfa;color:#697a71;font-size:11px;line-height:1.45}
body.product-ui.admin-app .admin-system-settings{overflow:hidden;border:1px solid #e2e9e5;border-radius:13px;background:#fff}
body.product-ui.admin-app .admin-system-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 15px;cursor:pointer;list-style:none}
body.product-ui.admin-app .admin-system-settings>summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .admin-system-settings>summary>span{display:grid;gap:3px}
body.product-ui.admin-app .admin-system-settings>summary strong{color:#345448;font-size:12px}
body.product-ui.admin-app .admin-system-settings>summary small{color:#829088;font-size:10px;line-height:1.4}
body.product-ui.admin-app .admin-system-settings>summary>b{color:#708078;transition:transform .16s ease}
body.product-ui.admin-app .admin-system-settings[open]>summary>b{transform:rotate(180deg)}
body.product-ui.admin-app .admin-system-settings>div{padding:0 12px 12px}
body.product-ui.admin-app .admin-system-settings .simple-editor{margin:0;box-shadow:none}

/* User directory: keep search and common actions visible; disclose rare bulk controls. */
body.product-ui.admin-app .p22-user-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:9px;margin:0}
body.product-ui.admin-app .p22-user-search{min-height:44px}
body.product-ui.admin-app .p22-user-search input{min-height:42px}
body.product-ui.admin-app .p22-user-tools-actions{display:flex;align-items:flex-start;gap:8px}
body.product-ui.admin-app .p22-filter-drawer{min-width:156px;background:#fff}
body.product-ui.admin-app .p22-filter-drawer>summary{min-height:44px}
body.product-ui.admin-app .p22-export{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}
body.product-ui.admin-app .p22-user-bulk{display:grid;gap:10px;margin:0}
body.product-ui.admin-app .p22-bulk-disclosure{overflow:hidden;border:1px solid #e2e9e5;border-radius:12px;background:#fff}
body.product-ui.admin-app .p22-bulk-disclosure>summary{display:flex;align-items:center;gap:8px;min-height:45px;padding:0 13px;color:#36594d;cursor:pointer;list-style:none}
body.product-ui.admin-app .p22-bulk-disclosure>summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .p22-bulk-disclosure>summary>strong{font-size:11px}
body.product-ui.admin-app .p22-bulk-disclosure>summary>span{color:#78877f;font-size:10px}
body.product-ui.admin-app .p22-bulk-disclosure>summary>span b{color:#285e4d;font-variant-numeric:tabular-nums}
body.product-ui.admin-app .p22-bulk-disclosure>summary>em{margin-left:auto;color:#75867d;font-style:normal;transition:transform .16s ease}
body.product-ui.admin-app .p22-bulk-disclosure[open]>summary{border-bottom:1px solid #e9eeeb}
body.product-ui.admin-app .p22-bulk-disclosure[open]>summary>em{transform:rotate(180deg)}
body.product-ui.admin-app .p22-bulk-fields{display:grid;grid-template-columns:auto minmax(160px,.7fr) minmax(220px,1.2fr) auto;align-items:end;gap:9px;padding:12px}
body.product-ui.admin-app .p22-bulk-fields>label:not(.admin-select-all){display:grid;gap:5px;color:#63776d;font-size:10px;font-weight:750}
body.product-ui.admin-app .p22-bulk-fields input:not([type=checkbox]),body.product-ui.admin-app .p22-bulk-fields select{min-height:40px;margin:0;padding:8px 10px;border:1px solid #dce6e1;border-radius:9px;background:#fff;color:#233e33;font-size:11px}
body.product-ui.admin-app .p22-bulk-fields .admin-select-all{min-height:40px;padding:0 3px}
body.product-ui.admin-app .p22-bulk-fields button{min-height:40px}
body.product-ui.admin-app .p22-bulk-fields button:disabled{cursor:not-allowed;opacity:.48}
body.product-ui.admin-app .p22-user-row-wrap{grid-template-columns:42px minmax(0,1fr)}
body.product-ui.admin-app .p22-user-check{min-height:66px;cursor:pointer}
body.product-ui.admin-app .p22-user-check input{width:17px;height:17px}
body.product-ui.admin-app .p22-user-row{grid-template-columns:auto minmax(190px,1.45fr) minmax(125px,.9fr) minmax(105px,.75fr) minmax(90px,.6fr) auto;gap:10px}
body.product-ui.admin-app .p22-user-state{min-width:0}
body.product-ui.admin-app .p22-user-state .status-chip{white-space:nowrap}
body.product-ui.admin-app .p22-user-metric small{font-size:9px}
body.product-ui.admin-app .p22-user-metric strong{font-size:11px}
@media(max-width:900px){
  body.product-ui.admin-app .p22-user-row{grid-template-columns:auto minmax(150px,1.2fr) minmax(110px,.9fr) minmax(95px,.7fr) auto}
  body.product-ui.admin-app .p22-user-row .p22-user-metric{display:grid}
  body.product-ui.admin-app .p22-bulk-fields{grid-template-columns:1fr 1fr}
  body.product-ui.admin-app .p22-bulk-fields .admin-select-all{grid-column:1/-1}
}
@media(max-width:620px){
  body.product-ui.admin-app .p22-user-tools{grid-template-columns:1fr}
  body.product-ui.admin-app .p22-user-tools-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}
  body.product-ui.admin-app .p22-filter-drawer{min-width:0}
  body.product-ui.admin-app .p22-filter-drawer[open]{grid-column:1/-1}
  body.product-ui.admin-app .p22-filter-drawer[open] .admin-user-filters{grid-template-columns:1fr 1fr}
  body.product-ui.admin-app .p22-user-search button{min-height:36px}
  body.product-ui.admin-app .p22-bulk-fields{grid-template-columns:1fr}
  body.product-ui.admin-app .p22-bulk-fields .admin-select-all{grid-column:auto}
  body.product-ui.admin-app .p22-bulk-fields button{width:100%}
  body.product-ui.admin-app .p22-user-row-wrap{grid-template-columns:36px minmax(0,1fr)}
  body.product-ui.admin-app .p22-user-check{min-height:85px}
  body.product-ui.admin-app .p22-user-row{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:12px 8px 12px 0}
  body.product-ui.admin-app .p22-user-row .simple-user-name{grid-column:2;grid-row:1}
  body.product-ui.admin-app .p22-user-row .p22-user-state{grid-column:2/4;grid-row:2}
  body.product-ui.admin-app .p22-user-row .p22-user-metric{grid-row:3;align-content:start}
  body.product-ui.admin-app .p22-user-row .p22-last-activity{grid-column:2;justify-items:start}
  body.product-ui.admin-app .p22-user-row .p22-open-financial{grid-column:3;justify-items:end}
  body.product-ui.admin-app .p22-user-row>b{grid-column:3;grid-row:1;align-self:center}
}
@media(prefers-reduced-motion:reduce){body.product-ui.admin-app .p22-bulk-disclosure>summary>em{transition:none}}
@media(max-width:760px){
  body.product-ui.admin-app main>.admin-home,
  body.product-ui.admin-app main>.p21-catalog-page,
  body.product-ui.admin-app main>.admin-branding-page,
  body.product-ui.admin-app main>.admin-navigation-page,
  body.product-ui.admin-app main>.admin-translations-page,
  body.product-ui.admin-app main>.p20-content-page,
  body.product-ui.admin-app main>.p40-game-page,
  body.product-ui.admin-app main>.p22-users-page,
  body.product-ui.admin-app main>.p22-risk-page,
  body.product-ui.admin-app main>.finance-work-queue,
  body.product-ui.admin-app main>.p24-ops-page{width:100%}
  body.product-ui.admin-app :is(.admin-catalog-head,.admin-settings-hero,.p20-content-hero,.p24-ops-hero,.finance-queue-head,.p22-users-head,.p22-risk-head,.admin-integration-hero,.admin-system-hero){gap:10px;padding:14px}
  body.product-ui.admin-app .finance-queue-head{flex-wrap:wrap}
}
@media(max-width:420px){
  body.product-ui.admin-app .admin-nav-group>summary{padding-inline:10px}
  body.product-ui.admin-app :is(.admin-catalog-head,.admin-settings-hero,.p20-content-hero,.p24-ops-hero,.finance-queue-head,.p22-users-head,.p22-risk-head,.admin-integration-hero,.admin-system-hero) h1{font-size:21px}
}
@media(prefers-reduced-motion:reduce){body.product-ui.admin-app .admin-nav-group>summary b{transition:none}}
@media(prefers-reduced-motion:reduce){body.product-ui.admin-app .admin-system-settings>summary>b{transition:none}}
/* Keep the admin topbar quiet; the selected menu item and page title provide context. */
body.product-ui.admin-app .topbar .breadcrumb{display:none}
/* User detail: prioritize the account at a glance and reveal administrative controls only when needed. */
body.product-ui.admin-app .admin-user-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));min-width:min(48%,520px)}
body.product-ui.admin-app .admin-user-overview-grid{grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:12px}
body.product-ui.admin-app .admin-user-edit-disclosure{grid-column:1/-1;padding:0;overflow:hidden}
body.product-ui.admin-app .admin-user-edit-disclosure>summary,body.product-ui.admin-app .admin-user-sessions-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:13px 16px;cursor:pointer;list-style:none}
body.product-ui.admin-app .admin-user-edit-disclosure>summary::-webkit-details-marker,body.product-ui.admin-app .admin-user-sessions-disclosure>summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .admin-user-edit-disclosure>summary span,body.product-ui.admin-app .admin-user-sessions-disclosure>summary span{display:grid;gap:4px;min-width:0}
body.product-ui.admin-app .admin-user-edit-disclosure>summary strong,body.product-ui.admin-app .admin-user-sessions-disclosure>summary strong{color:#173b32;font-size:13px}
body.product-ui.admin-app .admin-user-edit-disclosure>summary small,body.product-ui.admin-app .admin-user-sessions-disclosure>summary small{color:#71867f;font-size:10px;line-height:1.45}
body.product-ui.admin-app .admin-user-edit-disclosure>summary>b,body.product-ui.admin-app .admin-user-sessions-disclosure>summary>b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:#f0f6f3;color:#527266}
body.product-ui.admin-app .admin-user-edit-disclosure[open]>summary,body.product-ui.admin-app .admin-user-sessions-disclosure[open]>summary{border-bottom:1px solid #e6efec;background:#fbfdfc}
body.product-ui.admin-app .admin-user-edit-disclosure>form{display:grid;gap:12px;padding:16px}
body.product-ui.admin-app .admin-user-action-disclosure{margin-top:8px;padding:0 12px;border:1px solid #e5ece9;border-radius:11px;background:#fff}
body.product-ui.admin-app .admin-user-action-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;cursor:pointer;list-style:none}
body.product-ui.admin-app .admin-user-action-disclosure>summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .admin-user-action-disclosure>summary strong{color:#28443b;font-size:11px}
body.product-ui.admin-app .admin-user-action-disclosure[open]>summary{border-bottom:1px solid #edf2f0}
body.product-ui.admin-app .admin-user-action-disclosure>form{display:grid;gap:9px;padding:11px 0}
body.product-ui.admin-app .admin-user-action-disclosure>.admin-user-note{margin:9px 0}
body.product-ui.admin-app .admin-user-sessions-disclosure{padding:0;overflow:hidden}
body.product-ui.admin-app .admin-user-sessions-disclosure>.admin-record-list,body.product-ui.admin-app .admin-user-sessions-disclosure>form{margin:0 16px}
body.product-ui.admin-app .admin-user-sessions-disclosure>.admin-record-list{padding-bottom:10px}
body.product-ui.admin-app .admin-user-summary-strip>span{padding:9px 10px}
body.product-ui.admin-app .admin-user-summary-strip small{font-size:9px}
body.product-ui.admin-app .admin-user-summary-strip strong{font-size:10px}

/* Notification composer: keep the normal send path short; keep campaign options behind disclosure. */
body.product-ui.admin-app .p20-announcement-layout{grid-template-columns:minmax(0,820px);justify-content:center}
body.product-ui.admin-app .p20-announcement-composer{padding:20px}
body.product-ui.admin-app .p20-announcement-composer>form{gap:12px}
body.product-ui.admin-app .p20-announcement-composer>form>label{font-size:11px}
body.product-ui.admin-app .p20-announcement-composer>form>label input,body.product-ui.admin-app .p20-announcement-composer>form>label textarea{padding:11px 12px;border-radius:10px;font-size:14px}
body.product-ui.admin-app .p20-announcement-composer>form>label textarea{min-height:112px}
body.product-ui.admin-app .admin-notify-recipient{margin:0;padding:10px 12px;border:1px solid #dcece5;border-radius:10px;background:#f6fbf8;color:#48695b;font-size:12px}
body.product-ui.admin-app .admin-notify-advanced{padding:0 12px;border:1px solid #e0ebe6;border-radius:10px;background:#fbfdfc}
body.product-ui.admin-app .admin-notify-advanced>summary,body.product-ui.admin-app .p20-announcement-preview-disclosure>summary{padding:12px 0;color:#2e6852;cursor:pointer;font-size:12px;font-weight:800;list-style:none}
body.product-ui.admin-app .admin-notify-advanced>summary::-webkit-details-marker,body.product-ui.admin-app .p20-announcement-preview-disclosure>summary::-webkit-details-marker{display:none}
body.product-ui.admin-app .admin-notify-advanced[open]>summary,body.product-ui.admin-app .p20-announcement-preview-disclosure[open]>summary{border-bottom:1px solid #e7efeb}
body.product-ui.admin-app .admin-notify-advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0}
body.product-ui.admin-app .admin-notify-advanced-fields label{font-size:10px}
body.product-ui.admin-app .admin-notify-advanced-fields .check{display:flex;align-items:center;gap:8px}
body.product-ui.admin-app .p20-announcement-preview-disclosure{margin-top:14px;padding:0 12px;border:1px solid #e2ebe7;border-radius:10px;background:#fff}
body.product-ui.admin-app .p20-announcement-preview-body{padding:12px 0}
body.product-ui.admin-app .p20-announcement-preview-body .section-head{margin:0}
body.product-ui.admin-app .p20-announcement-preview-body .section-head h3{margin:0;color:#294a3e;font-size:13px}
body.product-ui.admin-app .p20-announcement-composer .p20-content-actions{align-items:center;gap:12px}
body.product-ui.admin-app .p20-announcement-composer .p20-content-actions button{min-height:44px;padding:11px 18px}
@media(max-width:760px){body.product-ui.admin-app .admin-user-overview-grid{grid-template-columns:1fr}body.product-ui.admin-app .admin-user-edit-disclosure{grid-column:auto}}
@media(max-width:620px){body.product-ui.admin-app .admin-user-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));min-width:100%}body.product-ui.admin-app .admin-user-edit-disclosure>form{padding:12px}body.product-ui.admin-app .admin-user-action-disclosure{padding:0 10px}body.product-ui.admin-app .admin-notify-advanced-fields{grid-template-columns:1fr}body.product-ui.admin-app .p20-announcement-composer .p20-content-actions{align-items:stretch}body.product-ui.admin-app .p20-announcement-composer .p20-content-actions button{width:100%}}

.game-publication-timing{margin:0;padding-left:18px;display:grid;gap:8px;font-size:12px;line-height:1.5}

body.product-ui .mission-icon img,body.product-ui .rank-ladder-node span img {width:100%;height:100%;object-fit:contain;border-radius:inherit}
body.product-ui .rank-shortcut-image {width:28px;height:28px;object-fit:contain;flex-shrink:0}

/* Admin monitoring: visible summaries, read-only refresh, shared financial states. */
body.product-ui.admin-app .admin-monitor{gap:14px}
body.product-ui.admin-app .admin-monitor .admin-home-header{align-items:center}
body.product-ui.admin-app .admin-monitor-refresh{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 13px;border:1px solid #dbe5df;border-radius:11px;background:#fff;color:#285c4c;font-size:13px;font-weight:650;flex:none;box-shadow:none}
body.product-ui.admin-app .admin-monitor-refresh svg{width:18px;height:18px}
body.product-ui.admin-app .admin-monitor-refresh:hover{background:#f4f8f6}
body.product-ui.admin-app .admin-monitor-refresh:disabled{opacity:.65;cursor:wait}
body.product-ui.admin-app .admin-monitor-freshness{display:flex;justify-content:space-between;gap:8px;color:#67786f;font-size:12px;flex-wrap:wrap}
body.product-ui.admin-app .admin-monitor-freshness time{font-variant-numeric:tabular-nums}
body.product-ui.admin-app .admin-monitor-notice{margin:0;padding:11px 14px;border:1px solid #e7dfc9;border-radius:10px;background:#fff9ed;color:#735720;font-size:13px}
body.product-ui.admin-app .admin-monitor-notice[hidden]{display:none}
body.product-ui.admin-app .admin-monitor-notice[data-state=success]{color:#25694f;background:#eff9f3;border-color:#d1e6d9}
body.product-ui.admin-app .admin-monitor-content{display:grid;gap:18px;min-width:0}
body.product-ui.admin-app .admin-monitor-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.product-ui.admin-app .admin-monitor-stat{display:grid;align-content:start;gap:8px;min-width:0;padding:16px 18px;border:1px solid #e0e7e3;border-radius:14px;background:#fff;text-decoration:none;color:#203d32;box-shadow:0 2px 3px #172c2303}
body.product-ui.admin-app .admin-monitor-stat:hover{border-color:#a8c8b9}
body.product-ui.admin-app .admin-monitor-stat-label{display:flex;align-items:center;gap:8px;color:#63766b;font-size:13px;line-height:1.35}
body.product-ui.admin-app .admin-monitor-stat-label svg{width:17px;height:17px;flex:none;color:#608676}
body.product-ui.admin-app .admin-monitor-stat>strong{font-size:30px;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-monitor-stat>strong small{font-size:12px;letter-spacing:0;font-weight:600;color:#6e7d73}
body.product-ui.admin-app .admin-monitor-stat-detail{color:#718076;font-size:12px;line-height:1.4}
body.product-ui.admin-app .admin-monitor-panel{min-width:0;padding:17px 18px;border:1px solid #e0e7e3;border-radius:14px;background:#fff;box-shadow:none}
body.product-ui.admin-app .admin-monitor-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
body.product-ui.admin-app .admin-monitor-section-head h2{margin:0;color:#243d31;font-size:16px;line-height:1.3;letter-spacing:-.015em}
body.product-ui.admin-app .admin-monitor-section-head>a{display:inline-flex;align-items:center;min-height:28px;color:#37765d;font-size:12px;font-weight:650;text-decoration:none}
body.product-ui.admin-app .admin-monitor-meta{color:#718075;font-size:12px}
body.product-ui.admin-app .admin-monitor-queues{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.product-ui.admin-app .admin-monitor-queue{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:56px;padding:10px 12px;border:1px solid #e4eae6;border-radius:10px;background:#f9fbfa;color:#566b5e;text-decoration:none}
body.product-ui.admin-app .admin-monitor-queue svg{width:19px;height:19px}
body.product-ui.admin-app .admin-monitor-queue>span{font-size:12px;line-height:1.3}
body.product-ui.admin-app .admin-monitor-queue strong{font-size:22px;font-variant-numeric:tabular-nums;font-weight:650}
body.product-ui.admin-app .admin-monitor-queue.needs-attention{border-color:#eddcc0;background:#fff9ef;color:#775c29}
body.product-ui.admin-app .admin-monitor-queue:hover{border-color:#b3cdbd}
body.product-ui.admin-app .admin-monitor-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.product-ui.admin-app .admin-monitor-balance-grid article{display:grid;align-content:start;gap:8px;padding:0 12px;border-left:2px solid #d8e8df;min-width:0}
body.product-ui.admin-app .admin-monitor-balance-grid article.is-mine{border-color:#a6b8ed}
body.product-ui.admin-app .admin-monitor-balance-grid article>span{font-size:12px;line-height:1.4;color:#617569}
body.product-ui.admin-app .admin-monitor-balance-grid strong{color:#214733;font-size:23px;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-monitor-balance-grid .is-mine strong{color:#4769ac}
body.product-ui.admin-app .admin-monitor-balance-grid small{font-size:12px;font-weight:600}
body.product-ui.admin-app .admin-monitor-caption{margin:13px 0 0;color:#718176;font-size:12px;line-height:1.5}
body.product-ui.admin-app .admin-monitor-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
body.product-ui.admin-app .admin-monitor-list{list-style:none;padding:0;margin:0}
body.product-ui.admin-app .admin-monitor-list li+li{border-top:1px solid #edf1ee}
body.product-ui.admin-app .admin-monitor-list li>a{display:flex;align-items:center;gap:9px;min-height:64px;padding:10px 0;color:#293e32;text-decoration:none}
body.product-ui.admin-app .admin-monitor-row-copy{display:grid;gap:4px;min-width:0;flex:1}
body.product-ui.admin-app .admin-monitor-row-copy>strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-monitor-row-copy>small,body.product-ui.admin-app .admin-monitor-row-amount>small{font-size:12px;line-height:1.3;color:#758479}
body.product-ui.admin-app .admin-monitor-row-amount{display:grid;gap:5px;text-align:right;flex:0 1 auto;min-width:0}
body.product-ui.admin-app .admin-monitor-row-amount>strong{font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-monitor-row-amount strong small{font-size:11px;font-weight:500}
body.product-ui.admin-app .admin-monitor-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:#edf4ef;color:#3c6951;font-size:13px;font-weight:750}
body.product-ui.admin-app .admin-monitor-badge{display:inline-flex;justify-self:start;align-items:center;max-width:100%;padding:3px 7px;border-radius:6px;background:#f0f3f1;color:#5e7065;font-size:12px;line-height:1.3}
body.product-ui.admin-app .admin-monitor-badge.good{background:#eef8f1;color:#2a704b}
body.product-ui.admin-app .admin-monitor-badge.attention,body.product-ui.admin-app .admin-monitor-badge.waiting{background:#fff6e6;color:#7a5b1e}
body.product-ui.admin-app .admin-monitor-list li>a>.admin-monitor-badge{flex:0 1 auto;max-width:95px;font-size:11px}
body.product-ui.admin-app .admin-monitor-empty{padding:14px 0;color:#79857e;font-size:13px;line-height:1.5}
body.product-ui.admin-app .admin-monitor-health{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
body.product-ui.admin-app .admin-monitor-facts{display:block;margin:0}
body.product-ui.admin-app .admin-monitor-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-bottom:1px solid #edf1ee}
body.product-ui.admin-app .admin-monitor-facts>div:last-child{border:0}
body.product-ui.admin-app .admin-monitor-facts dt{color:#65776b;font-size:13px;line-height:1.4}
body.product-ui.admin-app .admin-monitor-facts dd{margin:0;text-align:right;color:#2f4d3b;font-size:13px;font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.product-ui.admin-app .admin-monitor-facts dd small{display:block;color:#7c887f;font-size:12px;font-weight:400;margin-top:3px}
body.product-ui.admin-app .admin-monitor-facts dd.is-attention{color:#8b6724}
body.product-ui.admin-app .admin-monitor-facts dd.is-good{color:#287349}
body.product-ui.admin-app .admin-monitor-readiness{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding:11px 12px;font-size:12px}
body.product-ui.admin-app .admin-monitor-readiness strong{color:#876927}
body.product-ui.admin-app .admin-monitor-readiness>a{margin-left:auto;min-height:28px;color:#367357;text-decoration:none;font-size:12px;padding:0}
body.product-ui.admin-app .admin-monitor-definitions{padding:0 4px;color:#64776a}
body.product-ui.admin-app .admin-monitor-definitions>summary{padding:10px 0;min-height:44px;font-size:13px;cursor:pointer;list-style:revert}
body.product-ui.admin-app .admin-monitor-definitions>p{margin:10px 0;font-size:13px;line-height:1.6;max-width:90ch}
body.product-ui.admin-app .admin-monitor-definitions h3{font-size:14px;margin:16px 0 8px}
body.product-ui.admin-app .admin-monitor-definitions ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:0;margin:0;list-style:none}
body.product-ui.admin-app .admin-monitor-definitions li{display:flex;gap:12px;align-items:start;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e9e4;font-size:12px;line-height:1.5}
body.product-ui.admin-app .admin-monitor-definitions li strong{flex:none;font-size:12px;color:#627163}
body.product-ui.admin-app .admin-monitor-definitions>a{display:inline-flex;min-height:44px;align-items:center;color:#35735a;font-size:13px}
@media(max-width:1100px){body.product-ui.admin-app .admin-monitor-lists{grid-template-columns:repeat(2,minmax(0,1fr))}body.product-ui.admin-app .admin-monitor-lists>section:last-child{grid-column:1/-1}body.product-ui.admin-app .admin-monitor-queues{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.product-ui.admin-app .admin-monitor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}body.product-ui.admin-app .admin-monitor-health,body.product-ui.admin-app .admin-monitor-lists{grid-template-columns:1fr}body.product-ui.admin-app .admin-monitor-lists>section:last-child{grid-column:auto}body.product-ui.admin-app .admin-monitor-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}body.product-ui.admin-app .admin-monitor-definitions ul{grid-template-columns:1fr}}
@media(max-width:480px){body.product-ui.admin-app .admin-monitor .admin-home-header{align-items:flex-start}body.product-ui.admin-app .admin-monitor-refresh{padding:9px;gap:5px;font-size:12px}body.product-ui.admin-app .admin-monitor .admin-home-header p{font-size:13px}body.product-ui.admin-app .admin-monitor-freshness{font-size:12px}body.product-ui.admin-app .admin-monitor-stat{padding:14px 12px;gap:8px}body.product-ui.admin-app .admin-monitor-stat-label{font-size:12px;gap:5px;min-height:32px}body.product-ui.admin-app .admin-monitor-stat>strong{font-size:26px}body.product-ui.admin-app .admin-monitor-panel{padding:16px 13px}body.product-ui.admin-app .admin-monitor-section-head{gap:7px;margin-bottom:12px}body.product-ui.admin-app .admin-monitor-queue{grid-template-columns:18px minmax(0,1fr) auto;gap:7px;padding:10px 9px}body.product-ui.admin-app .admin-monitor-queue .admin-monitor-arrow{display:none}body.product-ui.admin-app .admin-monitor-balance-grid article{padding:0 8px}body.product-ui.admin-app .admin-monitor-balance-grid strong{font-size:21px}}
body.product-ui.admin-app .admin-monitor-status-strip{display:flex;flex-wrap:wrap;gap:10px 18px;padding:2px}
body.product-ui.admin-app .admin-monitor-status-strip>a{display:inline-flex;align-items:center;gap:7px;min-height:30px;color:#6b796f;font-size:12px;text-decoration:none;flex-wrap:wrap}
body.product-ui.admin-app .admin-monitor-status-strip svg{width:16px;height:16px;flex:none}
body.product-ui.admin-app .admin-monitor-status-strip strong{padding:3px 7px;border-radius:6px;background:#edf2ef;color:#506e5e;font-weight:600}
body.product-ui.admin-app .admin-monitor-status-strip .is-attention strong{background:#fff3de;color:#7d5d21}
body.product-ui.admin-app .admin-monitor-status-strip .is-good strong{background:#e8f5eb;color:#267148}
/* Cashier operations: one task, one confirmation, separate virtual balances. */
.cashier-management,.cashier-desk{display:grid;gap:20px;min-width:0}.cashier-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.cashier-page-head h1{font-size:26px;line-height:1.2;margin:0}.cashier-page-head p{margin:8px 0 0;color:#60716c}.cashier-summary-grid,.cashier-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cashier-summary-grid .card{display:flex;flex-direction:column;gap:10px}.cashier-summary-grid strong{font-size:24px;line-height:1.25}.cashier-summary-grid p,.cashier-asset-note{font-size:14px;line-height:1.6;color:#60716c;margin:0}.cashier-asset-note{padding:12px 16px;background:#f0f4fb;border:1px solid #dce5f4;border-radius:12px;color:#394f73}.cashier-member header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.cashier-member h2{font-size:18px;margin:0 0 4px}.cashier-member p{margin:0;overflow-wrap:anywhere;color:#61726c}.cashier-member-balance,.cashier-available{display:flex;flex-direction:column;gap:6px;margin:18px 0}.cashier-member-balance strong,.cashier-available strong{font-size:30px;letter-spacing:-1px}.cashier-member details{border-top:1px solid #e4eae7;padding:14px 0}.cashier-member details summary,.cashier-add summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.cashier-member form,.cashier-add form,.cashier-credit-form form{display:grid;gap:16px;margin-top:16px}.cashier-member label,.cashier-add label,.cashier-credit-form label{display:grid;gap:8px}.cashier-facts{display:grid;gap:12px;margin:16px 0}.cashier-facts>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}.cashier-facts dt{color:#687971}.cashier-facts dd{margin:0;overflow-wrap:anywhere}.cashier-history-row{border-top:1px solid #e4eae7;padding:14px 0}.cashier-history-row>summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;min-height:44px}.cashier-history-row>summary>span{display:flex;flex-direction:column;gap:6px;min-width:0}.cashier-history-row>summary>span:last-child{text-align:right;flex-shrink:0}.cashier-history-row small{font-size:12px;line-height:1.5;color:#677771;overflow-wrap:anywhere}.cashier-empty{padding:20px;color:#677771}.cashier-history-panel h2{font-size:18px;margin:0 0 16px}.cashier-history-panel .section-head form{display:flex;gap:8px;align-items:center}.cashier-app{background:#f5f7f6}.cashier-desk-header{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:880px;margin:auto;padding:20px}.cashier-desk-header>a{display:flex;align-items:center;gap:10px;color:#182f28;text-decoration:none}.cashier-desk-header strong{display:flex;flex-direction:column;gap:4px}.cashier-desk-header strong small{font-size:12px;color:#65756d;font-weight:500}.product-ui.cashier-app main.cashier-desk{max-width:880px;width:100%;margin:0 auto;padding:12px 20px 40px;box-sizing:border-box}.cashier-available{margin:0;padding:24px;background:#fff}.cashier-credit-form h2{font-size:18px;margin:0}.cashier-credit-form form button{min-height:44px}.cashier-success{background:#e8f6f0;color:#145940;border:1px solid #bbdfce;padding:14px;border-radius:12px;margin:0}.cashier-language{display:flex;align-items:center;gap:12px;justify-content:flex-end}.cashier-language select{width:auto;min-height:44px}.virtual-wallet-card{margin:16px 0;padding:18px;display:grid;gap:10px}.virtual-wallet-card header{display:flex;align-items:center;justify-content:space-between;gap:16px}.virtual-wallet-card strong{font-size:24px}.virtual-wallet-card p{margin:0;font-size:14px;line-height:1.6;color:#65756f}.virtual-source-picker{max-width:520px;margin:16px 0;display:grid;gap:8px}.virtual-source-picker form{display:flex;gap:8px;flex-wrap:wrap}.virtual-source-picker select{flex:1;min-width:160px}.virtual-source-picker p{font-size:13px;line-height:1.5;margin:0;color:#52696b}
@media(max-width:640px){.cashier-summary-grid,.cashier-team-grid{grid-template-columns:minmax(0,1fr)}.cashier-page-head{align-items:flex-start;flex-wrap:wrap}.cashier-facts>div{grid-template-columns:minmax(0,1fr);gap:4px}.cashier-management .card,.cashier-desk .card{padding:18px}.cashier-history-row>summary{gap:10px;flex-wrap:wrap}.cashier-history-row>summary>span:last-child{text-align:left}.cashier-history-panel .section-head{align-items:flex-start;flex-wrap:wrap}.cashier-desk-header{padding:16px}.product-ui.cashier-app main.cashier-desk{padding:8px 16px 32px}.cashier-summary-grid strong{font-size:22px}}
.cashier-member label,.cashier-add label,.cashier-credit-form label{margin:0}.cashier-credit-form form{gap:14px}.cashier-history-panel .section-head form{margin:0}.virtual-source-picker select{margin:0}
.product-ui dl.cashier-facts{grid-template-columns:minmax(0,1fr)}.cashier-facts dd,.cashier-history-row summary small{overflow-wrap:anywhere}.cashier-credit-form .cashier-facts{margin:18px 0}

/* Friends: a visible level journey, one invitation action, compact real rewards. */
body.product-ui .friend-hub{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-width:0}
body.product-ui .friend-hub [hidden]{display:none!important}
body.product-ui .friend-top{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
body.product-ui .friend-hub :is(h2,h3,p){margin:0}
body.product-ui .friend-hub h2{font-size:19px;line-height:1.3;letter-spacing:-.025em;color:#172d2b}
body.product-ui .friend-hub :is(button,a){-webkit-tap-highlight-color:transparent}
body.product-ui .friend-hub :is(button,a,input,summary):focus-visible{outline:3px solid #458fa0;outline-offset:4px}
body.product-ui :is(.friend-level-card,.friend-invite-card,.friend-activity-card){padding:22px;border:1px solid #e0e8e5;border-radius:20px;background:#fff;min-width:0;box-shadow:0 2px 4px #173b2f03}
body.product-ui .friend-level-card{background:#f2f9f6;border-color:#d8e9e0;display:flex;flex-direction:column;gap:20px}
body.product-ui .friend-level-heading{display:flex;align-items:center;gap:16px;min-width:0}
body.product-ui .friend-level-heading>div{min-width:0;display:grid;gap:5px}
body.product-ui .friend-level-heading h2{font-size:28px;overflow-wrap:anywhere}
body.product-ui .friend-eyebrow{font-size:12px;color:#536c62;font-weight:600}
body.product-ui .friend-level-perk{display:flex;align-items:center;gap:5px;color:#486957;font-size:12px;line-height:1.5}
body.product-ui .friend-level-perk svg{width:15px;height:15px;flex:none}
body.product-ui .friend-next-goal{display:grid;gap:10px}
body.product-ui .friend-next-goal strong{font-size:16px;line-height:1.45;color:#24493d;overflow-wrap:anywhere}
body.product-ui .friend-next-goal>span{font-size:12px;color:#5b7168;line-height:1.5;font-variant-numeric:tabular-nums}
body.product-ui .friend-progress{margin:0;appearance:none;-webkit-appearance:none;display:block;width:100%;height:8px;border:0;border-radius:99px;overflow:hidden;background:#dceae3;color:#16846a}
body.product-ui .friend-progress::-webkit-progress-bar{background:#dceae3;border-radius:99px}
body.product-ui .friend-progress::-webkit-progress-value{background:#16846a;border-radius:99px;transition:width .2s ease}
body.product-ui .friend-progress::-moz-progress-bar{background:#16846a;border-radius:99px}
body.product-ui .friend-next-unlock{display:flex;align-items:center;gap:10px;border-top:1px solid #dbe8df;padding-top:14px;margin-top:auto}
body.product-ui .friend-next-unlock>.level-emblem{width:40px;height:46px}
body.product-ui .friend-next-unlock>div{display:grid;gap:4px;min-width:0}
body.product-ui .friend-next-unlock small{font-size:12px;color:#62766b}
body.product-ui .friend-next-unlock strong{font-size:13px;line-height:1.5;font-weight:600;color:#2f5746}
body.product-ui .friend-next-unlock strong span{display:inline}
body.product-ui .level-emblem{--badge-shell:#a1b8bc;--badge-face:#e7eff0;--badge-facet:#f5f8f8;--badge-star:#738f98;--badge-line:#bccdd0;position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:64px;flex:none;isolation:isolate}
body.product-ui .level-emblem-bronze{--badge-shell:#b48860;--badge-face:#f0ddc6;--badge-facet:#fbefdf;--badge-star:#a6784a;--badge-line:#c69a6c}
body.product-ui .level-emblem-silver{--badge-shell:#97a5b5;--badge-face:#e4eaf0;--badge-facet:#f5f8fb;--badge-star:#7a8a9c;--badge-line:#abbac8}
body.product-ui .level-emblem-gold{--badge-shell:#b49947;--badge-face:#f6eac4;--badge-facet:#fff7df;--badge-star:#a88a32;--badge-line:#ccb56b}
body.product-ui .level-emblem-diamond{--badge-shell:#79a3bd;--badge-face:#dcedf8;--badge-facet:#f0faff;--badge-star:#527f9f;--badge-line:#a0c3d8}
body.product-ui .level-emblem>svg{width:100%;height:100%;overflow:visible;filter:none}
body.product-ui .level-emblem-shell{fill:var(--badge-shell)}
body.product-ui .level-emblem-face{fill:var(--badge-face)}
body.product-ui .level-emblem-facet{fill:var(--badge-facet)}
body.product-ui .level-emblem-star{fill:var(--badge-star)}
body.product-ui .level-emblem-line{stroke:var(--badge-line);stroke-width:2;stroke-linecap:round}
body.product-ui .level-emblem>img{width:100%;height:100%;object-fit:contain}
body.product-ui .level-emblem-number{position:absolute;right:-1px;bottom:-1px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 3px;border:2px solid white;border-radius:8px;background:#284d43;color:#fff;font-size:10px;font-weight:700;line-height:1}
body.product-ui .level-emblem-hero{width:76px;height:84px}
body.product-ui .level-emblem-hero .level-emblem-number{height:24px;min-width:24px;font-size:12px;right:1px;bottom:2px}
body.product-ui .friend-card-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px}
body.product-ui .friend-section-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#497168;background:#f0f5f3;flex:none}
body.product-ui .friend-section-icon svg{width:19px;height:19px}
body.product-ui .friend-invite-reward{display:flex;align-items:center;gap:9px;margin-bottom:16px;min-width:0}
body.product-ui .friend-invite-reward>div{display:grid;gap:2px;min-width:0}
body.product-ui .friend-invite-reward strong{font-size:22px;color:#375a98;letter-spacing:-.025em;line-height:1.2;overflow-wrap:anywhere}
body.product-ui .friend-invite-reward span{font-size:12px;color:#697b73;line-height:1.4}
body.product-ui .friend-invite-reward>small{margin-left:auto;font-size:12px;color:#5e759a;background:#eef3fc;border-radius:7px;padding:5px 7px;max-width:90px;line-height:1.3;text-align:center}
body.product-ui .friend-invite-reward img{flex:none}
body.product-ui .friend-invite-field{display:grid;gap:8px;min-width:0}
body.product-ui .friend-invite-field input{width:100%;min-width:0;height:44px;padding:10px 12px;border:1px solid #e3e8e5;border-radius:10px;background:#f7f9f8;color:#6b7c73;font-size:12px;overflow:hidden;text-overflow:ellipsis;direction:ltr;box-shadow:none}
body.product-ui .friend-copy-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;border:1px solid #0d7662;border-radius:11px;background:#087f69;color:white;font-size:14px;font-weight:650;line-height:1.4;padding:11px 14px;box-shadow:none;white-space:normal}
body.product-ui .friend-copy-button:hover{background:#076f5c}
body.product-ui .friend-hub button svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.product-ui .friend-code-row{display:flex;align-items:center;gap:8px;min-width:0;margin-top:8px}
body.product-ui .friend-code-row label{font-size:12px;color:#738076;flex:none}
body.product-ui .friend-code-row input{flex:1;width:0;min-width:0;max-width:none;border:0;background:transparent;color:#415649;font-size:12px;font-weight:650;font-family:ui-monospace,SFMono-Regular,monospace;padding:0;height:44px;box-shadow:none;text-align:right;text-overflow:ellipsis}
body.product-ui .friend-code-row button{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:8px;background:transparent;color:#597369;box-shadow:none}
body.product-ui .friend-code-row button:hover{background:#f3f7f5}
body.product-ui .friend-share-row{display:flex;align-items:center;justify-content:center;gap:4px;border-top:1px solid #edf1ee;margin-top:4px;flex-wrap:wrap}
body.product-ui .friend-share-row :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:6px 9px;background:transparent;color:#526b61;font-size:12px;font-weight:550;text-decoration:none;border:0;border-radius:8px;box-shadow:none}
body.product-ui .friend-share-row :is(button,a):hover{background:#f4f7f5;color:#235c49}
body.product-ui .friend-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:0 6px;text-align:center;min-width:0}
body.product-ui .friend-flow>div{position:relative;display:grid;justify-items:center;gap:10px;min-width:0}
body.product-ui .friend-flow>div:not(:nth-child(3)):after{content:'';position:absolute;top:24px;left:calc(50% + 29px);width:calc(100% - 50px);border-top:1px dashed #c9d8d0}
body.product-ui .friend-flow-icon{position:relative;display:grid;place-items:center;width:48px;height:48px;background:#fff;border:1px solid #e0e8e2;border-radius:15px;color:#5d7c6b}
body.product-ui .friend-flow-icon svg{width:23px;height:23px}
body.product-ui .friend-flow-icon>b{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#e7f1eb;color:#426752;border:2px solid #fafbf9;font-size:10px}
body.product-ui .friend-flow strong{font-size:12px;font-weight:600;line-height:1.5;color:#496154;overflow-wrap:anywhere}
body.product-ui .friend-flow>p{grid-column:1/-1;font-size:12px;line-height:1.6;color:#6b7b71;max-width:460px;justify-self:center}
body.product-ui .friend-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
body.product-ui .friend-section-head>div{min-width:0}
body.product-ui .friend-section-head p{font-size:13px;line-height:1.5;color:#6b7b71;margin-top:5px}
body.product-ui .friend-hub .friend-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#397663;font-weight:600;text-decoration:none}
body.product-ui .friend-level-path{display:grid;gap:12px;list-style:none;margin:0;padding:0;min-width:0}
body.product-ui .friend-path-item{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #e1e7e3;border-radius:16px;background:#fff;min-width:0}
body.product-ui .friend-path-item.is-current{border-color:#a4c5b4;background:#f0f8f3}
body.product-ui .friend-path-item.is-next{border-color:#d1dcdb}
body.product-ui .friend-path-item:not(:last-child):after{content:'';position:absolute;left:45px;top:100%;width:1px;height:13px;background:#cfddd5;pointer-events:none}
body.product-ui .friend-path-item.is-unlocked:not(:last-child):after{background:#91b8a3}
body.product-ui .friend-path-copy{flex:1;min-width:0;display:grid;gap:4px}
body.product-ui .friend-path-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
body.product-ui .friend-path-title h3{font-size:17px;font-weight:650;line-height:1.4;letter-spacing:-.02em;color:#344b40;overflow-wrap:anywhere}
body.product-ui .friend-path-state{display:flex;align-items:center;gap:4px;font-size:12px;color:#78867d;line-height:1.3}
body.product-ui .friend-path-state svg{width:13px;height:13px;flex:none}
body.product-ui .is-current .friend-path-state{color:#287653;font-weight:650}
body.product-ui .is-next .friend-path-state{color:#4a6d89}
body.product-ui .friend-path-target{font-size:12px;color:#718074;line-height:1.5}
body.product-ui .friend-path-rewards{display:flex;align-items:center;gap:4px 12px;flex-wrap:wrap;margin-top:3px}
body.product-ui .friend-path-rewards>span{display:flex;align-items:center;gap:4px;font-size:12px;line-height:1.5;color:#566e5e}
body.product-ui .friend-path-rewards svg{width:14px;height:14px;flex:none}
body.product-ui .friend-record-count{font-size:12px;color:#6d8172;font-variant-numeric:tabular-nums}
body.product-ui .friend-status-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;min-width:0}
body.product-ui .friend-status-summary>div{display:grid;gap:8px;min-width:0;padding:12px;background:#f6f8f7;border-radius:11px}
body.product-ui .friend-status-summary dt{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7b73;line-height:1.4;overflow-wrap:anywhere}
body.product-ui .friend-status-summary dt svg{width:14px;height:14px;flex:none;color:#738c7f}
body.product-ui .friend-status-summary dd{font-size:24px;color:#345445;line-height:1;margin:0;font-weight:650;font-variant-numeric:tabular-nums}
body.product-ui .friend-claim-area{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px;margin-top:16px;border-radius:12px;background:#edf3fc;border:1px solid #dbe6f7}
body.product-ui .friend-claim-area>div{display:grid;gap:6px}
body.product-ui .friend-claim-area>div>strong{font-size:13px;color:#3d5980}
body.product-ui .friend-claim-area .mission-reward{display:flex;align-items:center;gap:6px;font-size:18px;color:#4569aa}
body.product-ui .friend-claim-area form{margin:0}
body.product-ui .friend-claim-area button{min-height:44px;background:#456bad;color:white;border:0;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;box-shadow:none}
body.product-ui .friend-claim-area button:disabled{opacity:.65;cursor:wait}
body.product-ui .friend-claim-result,body.product-ui .friend-limit-note{margin-top:12px;font-size:12px;color:#487155;line-height:1.6}
body.product-ui .friend-claim-result[data-state=error]{padding:10px 12px;background:#fff2ef;border-radius:9px;color:#a5463d}
body.product-ui .friend-claim-result[data-state=success]{padding:10px 12px;background:#f0f8f3;border-radius:9px;color:#2c704c}
body.product-ui .friend-recent-list{list-style:none;padding:0;margin:16px 0 0;display:grid;min-width:0}
body.product-ui .friend-recent-list li{display:flex;align-items:center;gap:10px;min-height:55px;padding:10px 0;min-width:0;border-top:1px solid #edf1ee}
body.product-ui .friend-record-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#688473;background:#f1f5f2;flex:none}
body.product-ui .friend-record-icon svg{width:15px;height:15px}
body.product-ui .friend-recent-list strong{font-size:12px;color:#536458;font-weight:550;min-width:0;overflow-wrap:anywhere}
body.product-ui .friend-record-state{margin-left:auto;min-width:0;font-size:12px;line-height:1.5;color:#708278;text-align:right;overflow-wrap:anywhere}
body.product-ui .friend-record-state.is-qualified,body.product-ui .friend-record-state.is-rewarded{color:#3e7e5b}
body.product-ui .friend-record-state.is-rejected{color:#976847}
body.product-ui .friend-empty{padding-top:18px;font-size:13px;line-height:1.6;color:#77857b}
body.product-ui .friend-rules{border-top:1px solid #e1e8e3}
body.product-ui .friend-rules summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;font-size:13px;color:#5b7063;font-weight:550;cursor:pointer;list-style:none}
body.product-ui .friend-rules summary::-webkit-details-marker{display:none}
body.product-ui .friend-rules summary:after{content:'+';font-size:19px;font-weight:400;color:#718878}
body.product-ui .friend-rules[open] summary:after{content:'−'}
body.product-ui .friend-rules>div{display:grid;gap:12px;padding:4px 0 14px}
body.product-ui .friend-rules p{font-size:13px;color:#6d7b72;line-height:1.65}
@media(min-width:768px){body.product-ui .friend-top{grid-template-columns:repeat(2,minmax(0,1fr))}body.product-ui .friend-level-card{justify-content:center}body.product-ui .friend-level-heading h2{font-size:32px}}
@media(max-width:480px){body.product-ui .friend-hub{gap:24px}body.product-ui :is(.friend-level-card,.friend-invite-card,.friend-activity-card){padding:18px}body.product-ui .friend-status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}body.product-ui .friend-path-item{padding:14px;gap:12px}body.product-ui .friend-path-item:not(:last-child):after{left:41px}body.product-ui .friend-path-title{align-items:flex-start}body.product-ui .friend-path-state{font-size:12px}body.product-ui .friend-path-rewards{gap:4px 8px}body.product-ui .friend-claim-area form,body.product-ui .friend-claim-area button{width:100%}}
@media(prefers-reduced-motion:reduce){body.product-ui .friend-progress::-webkit-progress-value{transition:none}}
body.product-ui .friend-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;min-width:0}
@media(min-width:960px){body.product-ui .friend-bottom{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}

/* Account settings: one edit at a time, shared light product palette. */
body.product-ui .account-settings { display:grid; gap:20px; min-width:0; }
body.product-ui .account-identity { display:flex; align-items:center; gap:14px; padding:4px 2px; min-width:0; }
body.product-ui .account-avatar { display:grid; place-items:center; flex:0 0 54px; width:54px; height:54px; border-radius:18px; background:#e0eeea; color:#126b5b; font-size:24px; font-weight:650; }
body.product-ui .account-identity-copy { min-width:0; }
body.product-ui .account-identity h2 { font-size:20px; line-height:1.3; letter-spacing:-.4px; margin:0; overflow-wrap:anywhere; }
body.product-ui .account-identity p { font-size:13px; line-height:1.5; color:#586a65; margin:3px 0 8px; overflow-wrap:anywhere; }
body.product-ui .account-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; font-size:12px; line-height:1.5; color:#64736f; }
body.product-ui .account-meta span:first-child { color:#146c59; background:#e7f2ee; padding:2px 8px; border-radius:6px; }
body.product-ui .account-grid,body.product-ui .account-column { display:grid; gap:16px; align-items:start; min-width:0; }
body.product-ui .account-card { background:#fff; border:1px solid #e0e8e5; border-radius:20px; padding:20px; box-shadow:0 2px 4px #1a433403; min-width:0; }
body.product-ui .account-card h2 { font-size:17px; line-height:1.4; letter-spacing:-.3px; margin:0; }
body.product-ui .account-card-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; margin-bottom:18px; }
body.product-ui .account-text-link { font-size:12px; min-height:44px; display:inline-flex; align-items:center; color:#177661; font-weight:600; text-decoration:none; }
body.product-ui .account-form { display:grid; gap:16px; min-width:0; margin:0; }
body.product-ui .account-field { display:grid; gap:7px; min-width:0; }
body.product-ui .account-field label { display:block; color:#344640; font-size:13px; font-weight:600; line-height:1.5; margin:0; }
body.product-ui .account-field input { width:100%; min-width:0; height:46px; border:1px solid #d8e2de; border-radius:11px; padding:0 13px; background:#fff; font:inherit; font-size:15px; color:#182d25; box-shadow:none; }
body.product-ui .account-field input:focus { border-color:#0b8066; outline:3px solid #d9eee6; outline-offset:1px; }
body.product-ui .account-field input[aria-invalid="true"] { border-color:#b64545; }
body.product-ui .account-hint { font-size:12px; line-height:1.65; color:#63746d; margin:0; font-weight:400; }
body.product-ui .account-save { width:100%; min-height:46px; padding:11px 14px; font-size:14px; line-height:1.5; font-weight:600; border:0; border-radius:11px; background:#087a61; color:#fff; box-shadow:none; }
body.product-ui .account-save:hover { background:#06694f; }
body.product-ui .account-save:disabled { cursor:wait; opacity:.7; }
body.product-ui .account-feedback { font-size:12px; line-height:1.6; color:#14674f; padding:10px 12px; background:#edf7f1; border-radius:9px; margin:0; overflow-wrap:anywhere; }
body.product-ui .account-feedback.is-error { background:#fff2f0; color:#943e38; }
body.product-ui .account-settings .field-error,body.product-ui .account-min-warning { font-size:12px; line-height:1.5; color:#a73d37; }
body.product-ui .account-preferences h2 { margin-bottom:6px; }
body.product-ui .account-preference-row { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:68px; }
body.product-ui .account-preference-row + .account-preference-row { border-top:1px solid #edf1ef; padding-top:12px; margin-top:4px; }
body.product-ui .account-preference-row label,body.product-ui .account-preference-row strong { margin:0; font-size:14px; font-weight:500; line-height:1.4; color:#273f34; }
body.product-ui .account-preference-row p { font-size:12px; color:#65756f; line-height:1.6; margin:4px 0 0; }
body.product-ui .account-preference-row select { width:136px; max-width:50%; flex-shrink:0; min-height:44px; border:1px solid #dce5e1; border-radius:10px; padding:0 10px; font-size:14px; color:#263d32; background:#f8faf9; }
body.product-ui .account-mode-toggle { flex-shrink:0; min-width:64px; min-height:44px; border-radius:10px; border:1px solid #dce5e1; padding:8px 12px; background:#f6f8f7; color:#57685f; box-shadow:none; font-size:13px; }
body.product-ui .account-mode-toggle[aria-pressed="true"] { background:#e5f3ec; border-color:#bcded0; color:#126d50; }
body.product-ui .account-security { padding-bottom:8px; }
body.product-ui .account-security > h2 { margin-bottom:10px; }
body.product-ui .account-disclosure { border:0; border-radius:0; background:transparent; margin:0; padding:0; box-shadow:none; }
body.product-ui .account-disclosure + .account-disclosure { border-top:1px solid #edf1ef; }
body.product-ui .account-disclosure summary { display:flex; align-items:center; gap:12px; min-height:62px; cursor:pointer; list-style:none; padding:8px 0; color:#2b4137; font-size:14px; line-height:1.45; font-weight:500; }
body.product-ui .account-disclosure summary::-webkit-details-marker { display:none; }
body.product-ui .account-disclosure summary::after { content:none; }
body.product-ui .account-disclosure summary > span:nth-child(2) { flex:1; min-width:0; overflow-wrap:anywhere; }
body.product-ui .account-disclosure summary small { display:block; font-size:12px; color:#78857e; font-weight:400; margin-top:2px; }
body.product-ui .account-row-icon { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; background:#f2f6f4; color:#58746a; }
body.product-ui .account-row-icon svg,body.product-ui .account-chevron { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
body.product-ui .account-chevron { width:16px; height:16px; flex:0 0 16px; color:#8c9991; }
body.product-ui .account-disclosure[open] > summary .account-chevron { transform:rotate(90deg); }
body.product-ui .account-disclosure-body { display:grid; gap:16px; padding:4px 0 20px; }
body.product-ui .account-password-control { position:relative; min-width:0; }
body.product-ui .account-password-control input { padding-right:52px; }
body.product-ui .account-eye { position:absolute; top:1px; right:1px; display:grid; place-items:center; width:44px; height:44px; padding:0; background:transparent; color:#687c72; border:0; border-radius:9px; box-shadow:none; transition:none; }
body.product-ui .account-eye:hover,body.product-ui .account-eye:active { background:transparent; color:#1c7055; transform:none; }
body.product-ui .account-eye svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body.product-ui .account-eye .account-eye-closed,body.product-ui .account-eye.is-visible .account-eye-open { display:none; }
body.product-ui .account-eye.is-visible .account-eye-closed { display:block; }
body.product-ui .account-pending-email { font-size:12px; line-height:1.6; padding:10px 12px; border-radius:9px; background:#fff7e7; color:#805d21; margin:0; overflow-wrap:anywhere; }
body.product-ui .account-session { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 14px; padding:14px 0; border-bottom:1px solid #edf1ef; }
body.product-ui .account-session:first-child { padding-top:0; }
body.product-ui .account-session:last-child { border-bottom:0; }
body.product-ui .account-session > div { flex:1; min-width:140px; }
body.product-ui .account-session strong { font-size:13px; line-height:1.5; font-weight:600; }
body.product-ui .account-session time { display:block; font-size:12px; line-height:1.6; color:#718279; margin-top:2px; }
body.product-ui .account-current-label { font-size:12px; color:#267556; }
body.product-ui .account-session-close { min-height:44px; font-size:12px; padding:8px 12px; background:#f5f8f6; color:#486354; border:1px solid #e1e9e4; border-radius:10px; box-shadow:none; white-space:normal; }
body.product-ui .account-session-close:hover { background:#edf3ef; color:#245c42; }
body.product-ui .account-event-list { list-style:none; margin:0; padding:0; }
body.product-ui .account-event-list li { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 16px; padding:12px 0; border-bottom:1px solid #edf1ef; }
body.product-ui .account-event-list li:last-child { border:0; }
body.product-ui .account-event-list strong { font-size:12px; font-weight:500; color:#344c3f; }
body.product-ui .account-event-list time { font-size:12px; color:#75857b; font-variant-numeric:tabular-nums; }
body.product-ui .account-footer { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:4px 10px; color:#738278; font-size:12px; line-height:1.6; padding:0; }
body.product-ui .account-footer a { display:inline-flex; align-items:center; min-height:44px; color:#29735a; font-weight:500; }
body.product-ui .account-settings :where(button,a,summary,select):focus-visible { outline:3px solid #87c9b2; outline-offset:3px; }
body.product-ui .account-settings [hidden] { display:none!important; }
@media(min-width:768px) { body.product-ui .account-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; } body.product-ui .account-card { padding:24px; } body.product-ui .account-security { padding-bottom:12px; } }
@media(max-width:374px) { body.product-ui .account-card { padding:17px; } body.product-ui .account-security { padding-bottom:8px; } body.product-ui .account-meta { gap:4px 8px; } }
@media(prefers-reduced-motion:reduce) { body.product-ui .account-settings *,body.product-ui .account-settings *::before,body.product-ui .account-settings *::after { transition:none!important; animation:none!important; } }
/* Deposit dialog: one form, then one payment summary. */
body.product-ui main #wallet-deposit-dialog{width:min(94vw,460px);max-height:90dvh;overscroll-behavior:contain}
body.product-ui main #wallet-deposit-dialog [hidden]{display:none!important}
body.product-ui main #wallet-deposit-dialog .wallet-payment-dialog-inner{padding:20px;gap:12px}
body.product-ui main #wallet-deposit-dialog label,body.product-ui main #wallet-deposit-dialog .wallet-payment-result-row>span{font-size:12px;line-height:1.4}
body.product-ui main #wallet-deposit-dialog input,body.product-ui main #wallet-deposit-dialog select{font-size:16px}
body.product-ui main #wallet-deposit-dialog .wallet-payment-result{padding:12px;gap:8px}
body.product-ui main #wallet-deposit-dialog .wallet-payment-result-copy,body.product-ui main #wallet-deposit-dialog .wallet-panel-intro{font-size:12px;line-height:1.5}
body.product-ui main #wallet-deposit-dialog .wallet-payment-result-title{font-size:17px}
body.product-ui main #wallet-deposit-dialog .wallet-payment-amount{display:grid;gap:6px;padding:0}
body.product-ui main #wallet-deposit-dialog .wallet-payment-amount>span{font-size:12px;color:#577469}
body.product-ui main #wallet-deposit-dialog .wallet-payment-amount>strong{display:flex;gap:8px;align-items:center;font-size:clamp(20px,5.6vw,27px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.product-ui main #wallet-deposit-dialog .wallet-payment-address-controls{grid-template-columns:1fr;gap:8px}
body.product-ui main #wallet-deposit-dialog .wallet-payment-address-controls textarea{resize:none;width:100%;min-height:60px;padding:10px;border:1px solid #d9e9e4;border-radius:10px;background:white;color:#214f40;font:12px/1.5 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}
body.product-ui main #wallet-deposit-dialog .wallet-payment-address-controls button,body.product-ui main #wallet-deposit-dialog .wallet-payment-retry{min-height:44px;font-size:12px;padding:10px 14px}
body.product-ui main #wallet-deposit-dialog[data-deposit-step="details"] .wallet-panel-intro{display:none}
body.product-ui main #wallet-deposit-dialog .wallet-payment-result-copy{margin:0}
body.product-ui main #wallet-deposit-dialog .wallet-payment-status-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
body.product-ui main #wallet-deposit-dialog .wallet-payment-details{margin:0;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.product-ui main #wallet-deposit-dialog .wallet-payment-details summary{min-height:44px;padding:0;display:flex;align-items:center;font-size:12px;color:#42695b;cursor:pointer;font-weight:600}
body.product-ui main #wallet-deposit-dialog .wallet-payment-details summary::after{content:'+';margin-left:auto;font-size:18px;font-weight:400}
body.product-ui main #wallet-deposit-dialog .wallet-payment-details[open] summary::after{content:'−'}
body.product-ui main #wallet-deposit-dialog .wallet-payment-details .wallet-payment-result-row{grid-template-columns:1fr auto;gap:8px;padding:8px 0;font-size:12px;overflow-wrap:anywhere}
body.product-ui main #wallet-deposit-dialog .wallet-payment-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
body.product-ui main #wallet-deposit-dialog .wallet-payment-actions button{margin:0;white-space:normal;line-height:1.4}
body.product-ui main #wallet-deposit-dialog .wallet-warning{font-size:12px;margin:0;line-height:1.5}
body.product-ui main #wallet-deposit-dialog .wallet-payment-address-layout{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;align-items:start;width:100%;min-width:0}
body.product-ui main #wallet-deposit-dialog .wallet-payment-qr{width:128px;height:128px;border-radius:10px;background:#fff;overflow:hidden;display:grid;place-items:center;font-size:12px;color:#456356;padding:0}
body.product-ui main #wallet-deposit-dialog .wallet-payment-qr[aria-busy="true"]{background:#edf2ef}
body.product-ui main #wallet-deposit-dialog .wallet-payment-qr svg{display:block;width:100%;height:100%}
body.product-ui main #wallet-deposit-dialog .wallet-payment-address-controls{min-width:0}
body.product-ui main #wallet-deposit-dialog .wallet-payment-address-controls textarea{min-height:76px;height:76px;font-size:12px;line-height:1.4;padding:8px}
body.product-ui main #wallet-deposit-dialog .wallet-payment-check-feedback{margin:0;font-size:12px;line-height:1.5;color:#38614f}
body.product-ui main #wallet-deposit-dialog [data-deposit-countdown]{font-size:20px;font-variant-numeric:tabular-nums}
body.product-ui main #wallet-deposit-dialog .wallet-payment-retry[aria-busy="true"]{cursor:wait;opacity:.8}
@media(max-width:374px){body.product-ui main #wallet-deposit-dialog .wallet-payment-result{gap:6px;padding:10px}body.product-ui main #wallet-deposit-dialog .wallet-payment-amount{gap:4px}body.product-ui main #wallet-deposit-dialog .wallet-payment-address-layout{grid-template-columns:112px minmax(0,1fr);gap:8px}body.product-ui main #wallet-deposit-dialog .wallet-payment-qr{width:112px;height:112px}body.product-ui main #wallet-deposit-dialog .wallet-payment-dialog-inner{padding:16px}}
body.product-ui main #wallet-deposit-dialog .wallet-payment-retry[aria-busy="true"]{display:flex;gap:6px;align-items:center;justify-content:center}
body.product-ui main #wallet-deposit-dialog .wallet-payment-retry[aria-busy="true"]::before{content:'';flex:0 0 12px;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:deposit-check-spin .8s linear infinite}
@keyframes deposit-check-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body.product-ui main #wallet-deposit-dialog .wallet-payment-retry[aria-busy="true"]::before{animation:none}}

body.product-ui .friend-record-copy{display:grid;gap:4px;flex:1;min-width:0}body.product-ui .friend-record-copy small{font-size:12px;line-height:1.5;color:#708278;overflow-wrap:anywhere}

/* Task journey: one daily loop, a compact streak, separate one-time goals. */
body.product-ui .mission-hub{display:grid;gap:24px;max-width:900px;margin:auto;min-width:0}
body.product-ui .mission-daily-overview{display:flex;align-items:center;gap:16px;padding:24px;border:1px solid #dce9e3;border-radius:24px;background:#f0f7f3;min-width:0}
body.product-ui .mission-overview-copy{flex:1;min-width:0}
body.product-ui .mission-eyebrow{font-size:12px;font-weight:600;color:#45745e}
body.product-ui .mission-daily-overview h2{font-size:24px;margin:6px 0 8px;letter-spacing:-.5px}
body.product-ui .mission-daily-overview p,.mission-section-heading p{font-size:14px;line-height:1.5;color:#61736a;margin:0}
body.product-ui .mission-station-art{width:108px;height:124px;object-fit:contain;flex:none}
body.product-ui .mission-day-count{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin:18px 0 8px;font-size:13px;color:#526b5e}
body.product-ui .mission-day-count strong{font-size:20px;color:#173b2b}
body.product-ui .mission-hub progress{display:block;width:100%;height:7px;border:0;border-radius:20px;background:#e7eee9;overflow:hidden;accent-color:#218965}
body.product-ui .mission-hub progress::-webkit-progress-bar{background:#e7eee9;border-radius:20px}
body.product-ui .mission-hub progress::-webkit-progress-value{background:#218965;border-radius:20px;transition:width .2s ease}
body.product-ui .mission-hub progress::-moz-progress-bar{background:#218965;border-radius:20px}
body.product-ui .mission-series{padding:20px;border:1px solid #e3e8e5;border-radius:22px;background:#fff}
body.product-ui .mission-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;min-width:0}
body.product-ui .mission-section-heading>div{min-width:0}
body.product-ui .mission-section-heading h2{font-size:19px;margin:0 0 6px;letter-spacing:-.3px}
body.product-ui .mission-small-icon{width:36px;height:36px;background:#eff5f1;border-radius:12px;color:#348365;display:grid;place-items:center;flex:none}
body.product-ui .mission-small-icon svg{width:20px;height:20px}
body.product-ui .mission-series-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:20px 0 16px}
body.product-ui .mission-series-days li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 2px;border-radius:14px;background:#f6f7f8;border:1px solid transparent;min-width:0;color:#637167}
body.product-ui .series-day-number{font-size:12px;text-align:center;line-height:1.3}
body.product-ui .mission-series-days strong{font-size:14px;color:#273d32}
body.product-ui .mission-series-days li.is-current{border-color:#268967;background:#eff9f3}
body.product-ui .mission-series-days li.is-done{background:#eaf5ef;color:#247a55}
body.product-ui .series-check{position:absolute;right:2px;top:2px;width:14px;height:14px;background:#25855f;color:white;border-radius:50%;display:none}
body.product-ui .series-check svg{width:12px;height:12px}
body.product-ui .is-done .series-check{display:grid;place-items:center}
body.product-ui .mission-series-result{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.5;color:#5d7166}
body.product-ui .mission-series-result strong{font-size:15px;color:#226c50;white-space:nowrap}
body.product-ui .mission-series-rules{margin-top:14px;font-size:13px;line-height:1.6;color:#67766e}
body.product-ui .mission-series-rules summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#3d6351}
body.product-ui .mission-series-rules p{margin:4px 0}
body.product-ui .mission-scope-label{font-size:12px;padding:6px 9px;border-radius:8px;background:#edf5f0;color:#366f54;line-height:1.4;flex-shrink:0;max-width:38%;text-align:center}
body.product-ui .mission-group-general .mission-scope-label{background:#f0f1f8;color:#646486}
body.product-ui .mission-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.product-ui .mission-task-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #e1e7e3;border-radius:20px;background:#fff;min-width:0;transition:opacity .2s ease,transform .2s ease}
body.product-ui .mission-task-card.is-ready{border-color:#a8d3bc}
body.product-ui .mission-task-card.is-claimed{opacity:0;transform:translateY(-8px)}
body.product-ui .mission-task-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:15px;background:#eef7f1;color:#348360}
body.product-ui .mission-group-general .mission-task-icon{background:#f1f1f8;color:#76719c}
body.product-ui .mission-task-icon svg{width:24px;height:24px}
body.product-ui .mission-task-body{flex:1;min-width:0}
body.product-ui .mission-task-body h3{font-size:16px;line-height:1.4;margin:1px 0 6px;overflow-wrap:anywhere}
body.product-ui .mission-task-reward{font-size:13px;line-height:1.5;color:#637269;display:block}
body.product-ui .mission-task-progress{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#63766b;margin:16px 0 6px}
body.product-ui .mission-task-body form{margin-top:16px}
body.product-ui .mission-task-body button{min-height:44px;font-size:14px;width:100%;margin:0}
body.product-ui .mission-task-link{display:flex;align-items:center;gap:6px;min-height:44px;margin-top:8px;font-size:14px;color:#28684d;font-weight:600;text-decoration:none}
body.product-ui .mission-task-link svg{width:16px;height:16px}
body.product-ui .mission-reset-note{font-size:12px;color:#6b7971;margin:14px 0 0}
body.product-ui .mission-group-empty{padding:20px;border:1px dashed #d6e1da;border-radius:18px;display:flex;align-items:center;gap:12px;color:#4e7360;font-size:14px}
body.product-ui .mission-group-empty svg{width:24px;height:24px;flex:none}
body.product-ui .mission-resource-disclosure{border-top:1px solid #e4e9e6;padding-top:8px}
body.product-ui .mission-resource-disclosure>summary{min-height:44px;cursor:pointer;font-size:14px;color:#63746a}
body.product-ui .mission-resource-disclosure>section,body.product-ui .mission-resource-disclosure>details{margin-top:12px}
body.product-ui .mission-hub [hidden]{display:none!important}
@media(max-width:600px){body.product-ui .mission-card-list{grid-template-columns:1fr}body.product-ui .mission-daily-overview{padding:20px;gap:8px}body.product-ui .mission-station-art{width:82px;height:116px}body.product-ui .mission-series{padding:16px}body.product-ui .mission-hub{gap:24px}body.product-ui .mission-section-heading h2{font-size:18px}body.product-ui .mission-series-days{gap:4px}body.product-ui .mission-series-days li{border-radius:10px;gap:7px;padding:11px 0}body.product-ui .mission-series-days img{width:22px;height:22px}body.product-ui .mission-series-days strong{font-size:13px}body.product-ui .series-day-number{font-size:12px}body.product-ui .mission-task-card{padding:18px}body.product-ui .mission-series-result{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){body.product-ui .mission-hub progress::-webkit-progress-value,body.product-ui .mission-task-card{transition:none}}
