@font-face{font-family:GolosStaff;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/chunks/merchant-font-111026-r8-0.ttf) format('truetype')}
@font-face{font-family:GolosStaff;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/chunks/merchant-font-111026-r8-1.ttf) format('truetype')}
@font-face{font-family:GolosStaff;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/chunks/merchant-font-111026-r8-2.ttf) format('truetype')}
@font-face{font-family:GolosStaff;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/chunks/merchant-font-111026-r8-3.ttf) format('truetype')}
@font-face{font-family:ManropeStaff;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/chunks/merchant-font-111026-r8-6.ttf) format('truetype')}
@font-face{font-family:ManropeStaff;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/chunks/merchant-font-111026-r8-7.ttf) format('truetype')}

/* The staff workspace shares the merchant palette, with dense operational tables. */
html.staff-document{
 --background:#f1f3f7;--foreground:#1b1f2a;--card:#fff;--card-bg:#fff;--card-border:#dce1eb;--border:#dce1eb;--border-strong:#c4ccd9;
 --muted:#000;--muted-foreground:#000;--input:#fff;--input-bg:#fff;--input-border:#dce1eb;
 --primary:#315ded;--primary-hover:#274bc6;--accent:#315ded;--accent-soft:#e9eeff;--accent-border:#aabcf9;
 --sidebar-bg:#fff;--sidebar-border:#dce1eb;--sidebar-muted:#273244;--nav-text:#273244;--nav-text-hover:#1b1f2a;--nav-bg-hover:#f1f3f7;--nav-bg-active:#e9eeff;--nav-text-active:#315ded;
 --header-bg:#fff;--header-border:#dce1eb;--table-header:#f7f8fc;--table-row-hover:#f0f4ff;--table-border:#e5e9f1;
 --surface-raised:#fff;--surface-subtle:#f7f8fc;--surface-inset:#eceff5;
 --success:#28755c;--success-soft:#e9f6ef;--success-border:#bbdfcd;--warning:#a76617;--warning-soft:#fff6e7;--warning-border:#e9d4b6;
 --danger:#bd4257;--danger-soft:#fff0f3;--danger-border:#edc2cb;--info:#315ded;--info-soft:#e9eeff;--info-border:#b9c8f8;
 --modal-bg:#fff;--modal-border:#dce1eb;--modal-title:#1b1f2a;--btn-secondary-bg:#eceff5;--btn-secondary-bg-hover:#e1e6f0;--btn-secondary-text:#1b1f2a;--btn-secondary-border:#dce1eb;
 --btn-ghost-text:#000;--btn-ghost-text-hover:#1b1f2a;--btn-ghost-bg-hover:#eceff5;
 --font-sans:GolosStaff,"Segoe UI",sans-serif;--font-geist-sans:GolosStaff,"Segoe UI",sans-serif;
 font-family:GolosStaff,"Segoe UI",sans-serif;color-scheme:light;background:var(--background);color:var(--foreground);
}
html.dark.staff-document{
 --background:#10131c;--foreground:#edf1fb;--card:#1b202c;--card-bg:#1b202c;--card-border:#394256;--border:#394256;--border-strong:#52617b;
 --muted:#aab4c9;--muted-foreground:#aab4c9;--input:#282f40;--input-bg:#282f40;--input-border:#394256;
 --primary:#93b4ff;--primary-hover:#b3caff;--accent:#93b4ff;--accent-soft:#273752;--accent-border:#5978b2;
 --sidebar-bg:#171c28;--sidebar-border:#30394b;--sidebar-muted:#aab4c9;--nav-text:#b7c1d5;--nav-text-hover:#edf1fb;--nav-bg-hover:#252d3e;--nav-bg-active:#273752;--nav-text-active:#b0c8ff;
 --header-bg:#1b202c;--header-border:#394256;--table-header:#202737;--table-row-hover:#242f45;--table-border:#313a4d;
 --surface-raised:#1b202c;--surface-subtle:#202737;--surface-inset:#282f40;
 --success:#88cfb4;--success-soft:#203b31;--success-border:#466859;--warning:#ffc77e;--warning-soft:#372f21;--warning-border:#796544;
 --danger:#ff99a9;--danger-soft:#38232c;--danger-border:#7b4754;--info:#93b4ff;--info-soft:#273752;--info-border:#5978b2;
 --modal-bg:#1b202c;--modal-border:#394256;--modal-title:#edf1fb;--btn-secondary-bg:#282f40;--btn-secondary-bg-hover:#35405a;--btn-secondary-text:#edf1fb;--btn-secondary-border:#394256;
 --btn-ghost-text:#aab4c9;--btn-ghost-text-hover:#edf1fb;--btn-ghost-bg-hover:#282f40;color-scheme:dark;
}
html.staff-document body{background:var(--background)!important;color:var(--foreground);font-family:GolosStaff,"Segoe UI",sans-serif}
html.staff-document :is(button,input,select,textarea){font-family:inherit}
html.staff-document :is(h1,h2,h3){font-family:ManropeStaff,"Segoe UI",sans-serif;letter-spacing:-.035em}
html.staff-document :is(input,select,textarea){border-radius:9px;transition:border-color .16s,box-shadow .16s}
html.staff-document :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html.staff-document :is(button,a){transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}
html.staff-document button:disabled{cursor:not-allowed}

.staff-shell{background:var(--background);font-family:GolosStaff,"Segoe UI",sans-serif}
.staff-shell>aside{box-shadow:3px 0 18px #18244a04}
.staff-shell>aside>div:first-child{height:64px;min-height:64px;padding:0 21px}
.staff-shell .moloko-sidebar-brand{font-size:25px;color:var(--foreground)}
.staff-shell .moloko-sidebar-brand .moloko-pay{color:var(--accent)}
.staff-shell>aside>nav{padding:15px 12px}
.staff-shell>aside>nav :is(a,button){min-height:39px;border-radius:10px;padding:9px 12px;font-size:12px;gap:10px;margin-bottom:4px}
.staff-shell>aside>nav :is(a,button) svg{width:17px;height:17px;flex-shrink:0}
.staff-shell>aside>nav :is(a,button)[class*="bg-[var(--nav-bg-active)]"]{box-shadow:inset 3px 0 var(--accent);font-weight:600}
.staff-shell>aside>nav :is(a,button):hover{background:var(--nav-bg-hover);color:var(--nav-text-hover)}
.staff-shell>aside>nav :is(a,button)[class*="bg-[var(--nav-bg-active)]"]:hover{background:var(--nav-bg-active);color:var(--nav-text-active)}
.staff-shell>aside>div:last-child{background:var(--surface-subtle);font-size:11px}
.staff-account-header{height:64px;min-height:64px;flex-shrink:0;padding:0 24px;background:var(--header-bg);border-color:var(--header-border)}
.staff-account-header button{border-radius:9px}
.staff-account-header>div:last-child>span{font-size:12px;color:var(--foreground)}
.staff-workspace{padding:24px;background:var(--background)}
.staff-workspace h1{font-size:24px;font-weight:700;line-height:1.3}
.staff-workspace h2{font-size:17px;font-weight:700}
.staff-workspace :is(div,section,form)[class*="bg-[var(--card)]"].border{border-radius:14px;box-shadow:0 3px 15px #16254f04}
.staff-workspace :is(div,section)[class*="bg-[var(--surface-inset)]"]{border-radius:10px}
.staff-workspace .overflow-x-auto:has(>table){border:1px solid var(--border);border-radius:14px;background:var(--card)}
.staff-workspace table{background:var(--card);font-variant-numeric:tabular-nums;font-size:12px}
.staff-workspace thead{background:var(--table-header)}
.staff-workspace th{color:var(--muted-foreground);font-size:10px;font-weight:600;letter-spacing:.045em;padding-top:13px;padding-bottom:13px}
.staff-workspace tbody tr{transition:background-color .16s}
.staff-workspace tbody tr:hover{background-color:var(--table-row-hover)}
.staff-workspace td{border-color:var(--table-border);padding-top:12px;padding-bottom:12px;line-height:1.45}
.staff-workspace .pp-payment-details{background:var(--surface-subtle);box-shadow:none;border-radius:12px}
html.staff-document:not(.dark) .pp-payment-details{color:#000;border-color:#000}
.staff-workspace :is(.flex.gap-1.border-b,.flex.gap-2.border-b){gap:18px;border-color:var(--border);margin-bottom:18px}
.staff-workspace :is(.flex.gap-1.border-b,.flex.gap-2.border-b)>button{padding:12px 2px;font-size:12px;font-weight:500}
html.staff-document :is(.text-blue-400,.text-blue-500,.text-purple-400,.text-purple-500){color:var(--accent)}
html.staff-document :is(.text-green-400,.text-emerald-400){color:var(--success)}
html.staff-document .text-red-400{color:var(--danger)}
html.staff-document .text-yellow-400{color:var(--warning)}
html.staff-document :is(button,a).bg-blue-600{background:var(--primary)!important;color:#fff!important;box-shadow:none}
html.dark.staff-document :is(button,a).bg-blue-600{color:#111a33!important}
html.dark.staff-document :is(button,a)[class*="bg-[var(--primary)]"],html.dark.staff-document :is(button,a)[class*="bg-[var(--accent)]"]{color:#111a33!important}
html.dark.staff-document :is(button,a)[class*="bg-[var(--success)]"]{color:#123126!important}
html.dark.staff-document :is(button,a)[class*="bg-[var(--warning)]"]{color:#33210c!important}
html.dark.staff-document :is(button,a)[class*="bg-[var(--danger)]"]{color:#34151c!important}
html.staff-document .theme-status-success{color:var(--success);background:var(--success-soft);border-color:var(--success-border)}
html.staff-document .theme-status-warning{color:var(--warning);background:var(--warning-soft);border-color:var(--warning-border)}
html.staff-document .theme-status-danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}
html.staff-document [role=dialog]{border-radius:18px}
html.staff-document .fixed.inset-0:not(:has(aside))>div.relative{border-radius:18px}
.staff-workspace>.page-enter{animation:staff-content-enter .2s ease both}

/* Mobile staff keeps its own touch navigation and the same color system. */
.staff-mobile-shell{font-family:GolosStaff,"Segoe UI",sans-serif}
html.staff-document .mobile-topbar{background:var(--header-bg);border-color:var(--border)}
html.staff-document .mobile-bottom-nav{background:var(--header-bg);border-color:var(--border)}
html.staff-document .mobile-nav-item-active{color:var(--accent);background:var(--accent-soft)}
html.staff-document :is(.mobile-card,.mobile-metric){border-radius:15px;background:var(--card);border-color:var(--border);box-shadow:0 3px 15px #16254f04}
html.staff-document :is(.mobile-choice-active,.mobile-segment-active){background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}
html.staff-document .mobile-icon-button{background:var(--surface-inset);border-color:var(--border);color:var(--foreground)}
html.staff-document .mobile-toggle-on{color:var(--success);background:var(--success-soft);border-color:var(--success-border)}
html.staff-document .mobile-button-primary{color:#fff;background:#315ded;border-color:#315ded}
html.dark.staff-document .mobile-button-primary{color:#111a33;background:var(--primary);border-color:var(--primary)}
html.staff-document .mobile-content{animation:staff-content-enter .2s ease both}

@keyframes staff-content-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1023px){.staff-account-header{padding:0 16px}.staff-workspace{padding:20px 16px}.staff-workspace h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){html.staff-document *,html.staff-document *::before,html.staff-document *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Milk and blue: the existing staff geometry and interactions are preserved. */
html.staff-document{
 --background:#f2f6fd;--foreground:#172338;--card:#fff;--card-bg:#fff;--card-border:#c7d6ed;--border:#c7d6ed;--border-strong:#9fb9e0;
 --muted:#000;--muted-foreground:#000;--input:#e8effb;--input-bg:#e8effb;--input-border:#c7d6ed;
 --primary:#2860d6;--primary-hover:#1d4eb9;--accent:#2860d6;--accent-soft:#dce8ff;--accent-border:#9cbae9;
 --sidebar-bg:#14294b;--sidebar-border:#344d76;--sidebar-muted:#c6d8f4;--nav-text:#c6d8f4;--nav-text-hover:#f3f7ff;--nav-bg-hover:#233f69;--nav-bg-active:#2c4f85;--nav-text-active:#a4c7ff;
 --header-bg:#1a3155;--header-border:#344d76;--header-foreground:#f3f7ff;--header-muted:#c6d8f4;
 --table-header:#e8effb;--table-row-hover:#eaf1ff;--table-border:#d4e0f2;
 --surface-raised:#fff;--surface-subtle:#f1f5fd;--surface-inset:#e8effb;
 --success:#256657;--success-soft:#edf5f5;--success-border:#aac8c9;
 --warning:#826323;--warning-soft:#f8f5ee;--warning-border:#d8caab;
 --danger:#b53f42;--danger-soft:#fff0f3;--danger-border:#e3b5bc;
 --info:#2958a7;--info-soft:#e4eeff;--info-border:#9cbae9;
 --modal-bg:#fff;--modal-border:#c7d6ed;--modal-title:#172338;
 --btn-secondary-bg:#e8effb;--btn-secondary-bg-hover:#d7e5fb;--btn-secondary-text:#172338;--btn-secondary-border:#c7d6ed;
 --btn-ghost-text:#000;--btn-ghost-text-hover:#172338;--btn-ghost-bg-hover:#e8effb;
 --milk-pay-top:#6599ff;--milk-pay-main:#4f80ee;--milk-pay-bottom:#3266d4;--milk-pay-edge:#295bbc;
 color-scheme:light;
}
html.dark.staff-document{
 --background:#0e1930;--foreground:#f3f6ff;--card:#182949;--card-bg:#182949;--card-border:#355482;--border:#355482;--border-strong:#5379b0;
 --muted:#c1d1eb;--muted-foreground:#c1d1eb;--input:#203559;--input-bg:#203559;--input-border:#355482;
 --primary:#8db7ff;--primary-hover:#b3d0ff;--accent:#8db7ff;--accent-soft:#294574;--accent-border:#4a77b9;
 --sidebar-bg:#142543;--sidebar-border:#355482;--sidebar-muted:#c1d1eb;--nav-text:#c1d1eb;--nav-text-hover:#f3f6ff;--nav-bg-hover:#233d66;--nav-bg-active:#284979;--nav-text-active:#b4d1ff;
 --header-bg:#172b4d;--header-border:#355482;--header-foreground:#f3f6ff;--header-muted:#c1d1eb;
 --table-header:#203559;--table-row-hover:#233e65;--table-border:#2b456f;
 --surface-raised:#182949;--surface-subtle:#1b2f52;--surface-inset:#203559;
 --success:#a0d7cf;--success-soft:#203b42;--success-border:#457b82;
 --warning:#f0cf97;--warning-soft:#2b2f3e;--warning-border:#776c53;
 --danger:#ff9297;--danger-soft:#42293e;--danger-border:#82546b;
 --info:#aacaff;--info-soft:#213d68;--info-border:#4a77b9;
 --modal-bg:#182949;--modal-border:#355482;--modal-title:#f3f6ff;
 --btn-secondary-bg:#203559;--btn-secondary-bg-hover:#2c4975;--btn-secondary-text:#f3f6ff;--btn-secondary-border:#355482;
 --btn-ghost-text:#c1d1eb;--btn-ghost-text-hover:#f3f6ff;--btn-ghost-bg-hover:#203559;
 --milk-pay-top:#6c9dff;--milk-pay-main:#5086f4;--milk-pay-bottom:#356bdc;--milk-pay-edge:#2e5dc0;
 color-scheme:dark;
}
/* Dark chrome has its own foreground even when the working area is light. */
html.staff-document .staff-shell>aside{
 --foreground:var(--header-foreground);--muted:var(--sidebar-muted);--muted-foreground:var(--sidebar-muted);
 --border:var(--sidebar-border);--surface-subtle:var(--sidebar-bg);--accent:var(--nav-text-active);
 background:var(--sidebar-bg);color:var(--header-foreground);
}
html.staff-document .staff-shell .moloko-sidebar-brand{color:var(--header-foreground)}
html.staff-document .staff-shell>aside>div:last-child{color:var(--sidebar-muted);background:var(--sidebar-bg);border-color:var(--sidebar-border)}
html.staff-document .staff-account-header,
html.staff-document .mobile-topbar,
html.staff-document .mobile-bottom-nav{
 --foreground:var(--header-foreground);--muted:var(--header-muted);--muted-foreground:var(--header-muted);
 --border:var(--header-border);--surface-raised:var(--header-bg);--surface-subtle:var(--header-bg);
 --card:var(--header-bg);--card-bg:var(--header-bg);--card-border:var(--header-border);
 --surface-inset:#26416b;--accent:var(--nav-text-active);--accent-soft:var(--nav-bg-active);
 --btn-ghost-text:var(--header-muted);--btn-ghost-text-hover:var(--header-foreground);--btn-ghost-bg-hover:var(--nav-bg-hover);
 color:var(--header-foreground);background:var(--header-bg);border-color:var(--header-border);
}
html.staff-document .staff-account-header>div:last-child>span{color:var(--header-foreground)}
html.staff-document .staff-account-header .live-metric{background:var(--header-bg);color:var(--header-foreground);border-color:var(--header-border)}
html.staff-document .staff-account-header .live-metric svg{color:var(--nav-text-active)}
html.staff-document .staff-account-header :is(button,a)[class*="bg-[var(--warning)]"]{color:#493419!important;background:#f1d3a0!important}
html.staff-document .staff-account-header :is(button,a)[class*="bg-[var(--success)]"]{color:#123c2f!important;background:#a9dcc9!important}
html.staff-document .staff-account-header :is(button,a)[class*="bg-[var(--danger)]"]{color:#4d1b25!important;background:#f7b6c2!important}
html.staff-document .staff-shell .moloko-sidebar-brand span.moloko-pay,
html.staff-document .staff-mobile-shell .moloko-mobile-home span.moloko-pay{
 border-color:var(--milk-pay-top);
 background:linear-gradient(135deg,var(--milk-pay-top),var(--milk-pay-main) 55%,var(--milk-pay-bottom));
 color:#fff!important;
 box-shadow:1px 1px 0 var(--milk-pay-edge),2px 2px 0 var(--milk-pay-edge),3px 3px 0 #204897,4px 4px 0 #204897,6px 9px 13px #0c1e4833;
}
html.staff-document .staff-shell .moloko-sidebar-brand span.moloko-pay::before,
html.staff-document .staff-mobile-shell .moloko-mobile-home span.moloko-pay::before{background:var(--milk-pay-edge)}
html.staff-document .mobile-button-primary{background:var(--primary);border-color:var(--primary)}
html.staff-document:not(.dark) .theme-traffic-paused,
html.staff-document:not(.dark) .traffic-pause-banner{background:#fff1d5;color:#805619;border-color:#e4c894}
html.staff-document:not(.dark) .pp-payment-details{color:#000;border-color:#000}

/* Receipt counts share the same readable foreground; labels carry their meaning. */
html.staff-document :is(.pp-receipt-value,.pp-receipt-total){color:var(--foreground)!important;font-variant-numeric:tabular-nums}
html.staff-document:not(.dark) :is(.pp-receipt-value,.pp-receipt-total){color:#172338!important}

/* Milk surfaces replace orange/green traffic controls in the blue header. */
html.staff-document .staff-account-header button.pp-traffic-control[data-state]{
 color:#274668!important;background:linear-gradient(135deg,#fff,#e9f1fc)!important;
 border:1px solid #c5d8f1;box-shadow:0 2px 7px #0a204326;
 border-radius:10px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
html.staff-document .staff-account-header button.pp-traffic-control[data-state]:hover{
 background:linear-gradient(135deg,#fff,#dceaff)!important;border-color:#a4c7ff;box-shadow:0 3px 11px #081a3b33;
}
html.staff-document .staff-account-header button.pp-traffic-control[data-state=enabled]{color:#194f9a!important;border-color:#9bbce8}
html.staff-document .staff-account-header button.pp-traffic-control[data-state=disabled]{color:#3b526f!important}
html.staff-document .pp-traffic-indicator{display:inline-block;flex-shrink:0;width:10px;height:10px;border-radius:50%;background:#2860d6}
html.staff-document .pp-traffic-control[data-state=enabled] .pp-traffic-indicator{box-shadow:0 0 0 3px #2860d61a}
html.staff-document .pp-traffic-control[data-state=disabled] .pp-traffic-indicator{border-radius:1px;background:linear-gradient(90deg,#607ca2 0 3px,transparent 3px 7px,#607ca2 7px 10px)}
html.staff-document .pp-traffic-control:disabled{opacity:.6;box-shadow:none}

/* Incoming/outgoing navigation uses the same milk surface as its traffic controls. */
html.staff-document .staff-shell aside nav :is(a[href^="/deals/incoming"],a[href^="/deals/outgoing"]){
 background:linear-gradient(135deg,#fff,#e9f1fc)!important;color:#274668!important;
 border:1px solid #c5d8f1;box-shadow:0 2px 7px #0a20431a;
}
html.staff-document .staff-shell aside nav :is(a[href^="/deals/incoming"],a[href^="/deals/outgoing"]):hover{background:#fff!important;color:#1d4d91!important;border-color:#a4c7ff}
html.staff-document .staff-shell aside nav :is(a[href^="/deals/incoming"],a[href^="/deals/outgoing"])[class*="bg-[var(--nav-bg-active)]"]{background:#dce8ff!important;color:#1d58b5!important;border-color:#97b6e4;box-shadow:inset 3px 0 #2860d6}

/* The two messages keep their location and gain a quiet milk-and-blue treatment. */
html.staff-document .pp-traffic-paused.pp-milk-traffic-banner{
 display:flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;
 margin:6px 24px 0;padding:7px 14px;min-height:34px;
 background:linear-gradient(100deg,#fff 0%,#edf4ff 100%)!important;color:#31577e!important;
 border:1px solid #c7d9ef!important;border-radius:10px;font-size:12px;font-weight:500;
 box-shadow:0 2px 8px #233f6c07;position:relative;overflow:hidden;
 animation:pp-milk-pause-enter .32s cubic-bezier(.2,.7,.2,1) both;
}
html.staff-document .pp-traffic-paused.pp-milk-traffic-banner::after{
 content:"";position:absolute;pointer-events:none;inset:0;
 background:linear-gradient(110deg,transparent 20%,#fff8 48%,transparent 72%);
 transform:translateX(-120%);animation:pp-milk-pause-shine .85s ease .15s both;
}
html.staff-document .pp-milk-pause-symbol{
 display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex-shrink:0;
 border-radius:7px;background:#dceaff;color:#3e6fa9;font-size:13px;font-weight:700;line-height:1;
 animation:pp-milk-pause-breathe 2.6s ease-in-out infinite;
}
html.dark.staff-document .pp-traffic-paused.pp-milk-traffic-banner{
 background:linear-gradient(100deg,#233852 0%,#1b2e4a 100%)!important;color:#e2edff!important;
 border-color:#4b6589!important;box-shadow:0 2px 8px #00000012;
}
html.dark.staff-document .pp-traffic-paused.pp-milk-traffic-banner::after{background:linear-gradient(110deg,transparent 20%,#c9ddff0a 48%,transparent 72%)}
html.dark.staff-document .pp-milk-pause-symbol{background:#344f77;color:#d5e7ff}

/* Rapira is green. A new keyed value animates only after an actual rate change. */
html.staff-document .staff-account-header .pp-rapira-rate{
 color:#b2edce!important;background:#1d3e41!important;border-color:#4a806d!important;
 box-shadow:0 2px 7px #0b24311a;font-variant-numeric:tabular-nums;
}
html.staff-document .staff-account-header .pp-rapira-rate svg{color:#9ce2ba!important}
html.staff-document .pp-rapira-value{display:inline-block;font-variant-numeric:tabular-nums;font-weight:600;min-width:4.5ch;text-align:right}
html.staff-document .pp-rapira-value.pp-rapira-changing{animation:pp-rapira-value-change .75s cubic-bezier(.2,.7,.25,1) both}
@keyframes pp-rapira-value-change{0%{opacity:.2;transform:translateY(7px);filter:blur(1.5px)}45%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes pp-milk-pause-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes pp-milk-pause-shine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@keyframes pp-milk-pause-breathe{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@media(max-width:1023px){html.staff-document .pp-milk-traffic-banner{margin-left:16px;margin-right:16px}}
@media(max-width:640px){html.staff-document .pp-milk-traffic-banner{margin-left:10px;margin-right:10px;padding-left:10px;padding-right:10px;font-size:11px;gap:7px}}
@media(prefers-reduced-motion:reduce){html.staff-document :is(.pp-milk-traffic-banner,.pp-milk-pause-symbol,.pp-rapira-value),html.staff-document .pp-milk-traffic-banner::after{animation:none!important;filter:none!important;transform:none!important}}

.moloko-token-notifications{position:relative;flex:none;font-size:12px}
.moloko-token-button{height:32px;display:flex;align-items:center;gap:7px;border:1px solid #58739c;border-radius:9px;padding:0 9px;background:#203958;color:#eef5ff;font-weight:600;transition:background .18s,border-color .18s}
.moloko-token-button:hover{background:#2b486f;border-color:#a9c3f0}
.moloko-token-button.has-issues{color:#fff0e5;border-color:#c89070;background:#4b3e40}
.moloko-token-count{min-width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:#fff0e4;color:#714329;font-size:11px}
.moloko-token-popover{position:absolute;right:0;top:calc(100% + 12px);z-index:110;width:390px;max-width:calc(100vw - 24px);padding:17px;border-radius:16px;background:#fffefa;color:#172338;border:1px solid #cbdbef;box-shadow:0 18px 55px #0d1f4430;animation:moloko-token-enter .2s ease-out;text-align:left;line-height:1.45}
.moloko-token-heading{display:flex;align-items:center;justify-content:space-between;font-size:15px}.moloko-token-heading button{border:0;background:transparent;color:#586782;font-size:24px;line-height:1;padding:0 3px}
.moloko-token-caption{margin:6px 0 14px;color:#596a81;font-size:12px}.moloko-token-offline{color:#596a81;background:#eef3fa;border-radius:8px;padding:8px}
.moloko-token-account{padding:12px 0;border-top:1px solid #e2e9f1}.moloko-token-account-title{display:flex;gap:8px;justify-content:space-between;align-items:center}.moloko-token-account-title strong{font-size:12px}
.moloko-token-status{flex:none;white-space:nowrap;background:#edf3fb;color:#354d75;border:1px solid #d4e2f4;border-radius:6px;padding:2px 6px;font-size:10px}
.moloko-token-account[data-auth-status=INVALID] .moloko-token-status,.moloko-token-account[data-auth-status=MISSING] .moloko-token-status{color:#84392e;background:#fff0e9;border-color:#eed3c5}
.moloko-token-account p{font-size:12px;margin:7px 0 5px;color:#3b4a61}.moloko-token-account small{color:#6a7890;font-size:10px}.moloko-token-footer{border-top:1px solid #e2e9f1;padding-top:12px;color:#596a81;font-size:11px}
.moloko-token-toast{position:fixed;right:22px;top:76px;z-index:160;width:350px;max-width:calc(100vw - 24px);display:flex;gap:11px;padding:16px;border:1px solid #e0caba;border-radius:14px;background:#fff9ee;color:#2c2b32;box-shadow:0 10px 40px #16274930;animation:moloko-token-enter .25s ease-out;text-align:left;line-height:1.45}
.moloko-token-toast-icon{flex:none;width:28px;height:28px;display:grid;place-items:center;background:#f2dcc7;color:#7c4931;border-radius:9px;font-weight:700}.moloko-token-toast strong{font-size:13px}.moloko-token-toast p{font-size:12px;margin:4px 0 7px}.moloko-token-toast button{border:0;padding:0;background:transparent;color:#2458b8;font-size:12px;font-weight:600}.moloko-token-toast-close{position:absolute;right:10px;top:7px;font-size:20px!important;color:#635b58!important}
html.dark .moloko-token-popover{background:#1c2b40;color:#eff4ff;border-color:#405571;box-shadow:0 18px 55px #02071065}html.dark .moloko-token-account,html.dark .moloko-token-footer{border-color:#35455d}html.dark .moloko-token-account p{color:#cfdaea}html.dark .moloko-token-caption,html.dark .moloko-token-account small,html.dark .moloko-token-footer{color:#a8b8cf}html.dark .moloko-token-status{background:#273e5b;color:#d0e0fb;border-color:#456083}html.dark .moloko-token-account[data-auth-status=INVALID] .moloko-token-status,html.dark .moloko-token-account[data-auth-status=MISSING] .moloko-token-status{background:#4a3636;color:#ffd1bd;border-color:#775047}html.dark .moloko-token-offline{background:#27384e;color:#c8d6ea}
@keyframes moloko-token-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.moloko-token-button-label{display:none}}
@media(max-width:480px){.moloko-token-popover{position:fixed;top:64px;left:12px;right:12px;width:auto}.moloko-token-account-title{align-items:flex-start}.moloko-token-toast{top:65px;right:12px}.moloko-token-button{padding:0 7px}.moloko-token-account-title strong{max-width:180px}}
@media(prefers-reduced-motion:reduce){.moloko-token-popover,.moloko-token-toast{animation:none}}

/* Keep the account identity visible in a compact payment card. */
.pp-cc-account-label>span:first-child{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;text-align:center}