:root{
 --app-max:560px;
 --bg:#f6f7fb;
 --card:#ffffff;
 --text:#0b0b0c;
 --muted:#6b7280;
 --border:rgba(15,23,42,.10);
 --shadow:0 16px 36px rgba(15,23,42,.08);
 --shadow-soft:0 10px 22px rgba(15,23,42,.06);
 /* Lamoda-ish neon accents */
 --pink:#ff0066;
 --purple:#7c3aed;
 --cyan:#00d4ff;
 --lime:#a3ff12;
 --radius:22px;
 --radius-sm:16px;
 --tab-h:72px;
}
*{box-sizing:border-box}
*[hidden]{display:none !important}
html,body{height:100%}
html{color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
 margin:0;
 overflow-x:hidden;
 font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
 color:var(--text);
 background:
 radial-gradient(1200px 600px at 20% -10%, rgba(255,0,102,.12), transparent 60%),
 radial-gradient(1200px 600px at 110% 10%, rgba(0,212,255,.14), transparent 55%),
 radial-gradient(900px 500px at 40% 110%, rgba(124,58,237,.12), transparent 55%),
 var(--bg);
}
a{color:inherit;text-decoration:none}
a:hover{opacity:.92}
.app{
 min-height:100%;
 display:flex;
 flex-direction:column;
 width:100%;
 max-width:var(--app-max);
 margin:0 auto;
}
.appbar{
 position:sticky;
 top:0;
 z-index:30;
 padding:14px 16px;
 background:rgba(246,247,251,.78);
 backdrop-filter:saturate(160%) blur(14px);
 border-bottom:1px solid rgba(15,23,42,.06);
}
.appbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:12px}
.mark{
 width:40px;height:40px;border-radius:14px;
 background:linear-gradient(135deg, var(--pink), var(--purple) 55%, var(--cyan));
 box-shadow:
 0 14px 32px rgba(255,0,102,.14),
 0 10px 28px rgba(124,58,237,.14);
}
.brand-title{font-weight:900;font-size:14px;letter-spacing:.2px;line-height:1.1}
.brand-sub{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.2}
.actions{display:flex;align-items:center;gap:10px}
.icon-btn{
 width:40px;height:40px;border-radius:14px;
 display:inline-flex;align-items:center;justify-content:center;
 background:rgba(255,255,255,.85);
 border:1px solid rgba(15,23,42,.08);
 box-shadow:var(--shadow-soft);
}
.icon-btn svg{width:18px;height:18px;opacity:.85}
.icon-btn.sm{width:34px;height:34px;border-radius:12px}
.icon-btn.sm svg{width:16px;height:16px}
/* Drawer (side menu) */
body.drawer-open{position:fixed;overflow:hidden;width:100%}
body.modal-open{position:fixed;overflow:hidden;width:100%}
.drawer-backdrop{
 position:fixed;inset:0;z-index:60;
 background:rgba(15,23,42,.36);
 backdrop-filter:blur(6px);
 opacity:0;transition:opacity .18s ease;
}
.drawer{
 position:fixed;top:0;left:0;bottom:0;z-index:61;
 width:min(86vw, 380px);
 background:rgba(255,255,255,.96);
 border-right:1px solid rgba(15,23,42,.10);
 box-shadow:0 22px 60px rgba(15,23,42,.18);
 transform:translate3d(-102%,0,0);
 transition:transform .22s cubic-bezier(.2,.9,.2,1);
 will-change:transform;
 padding:14px;
 padding-top:calc(14px + env(safe-area-inset-top));
 overflow:auto;
}
.drawer.open{transform:translate3d(0,0,0)}
.drawer-backdrop.open{opacity:1}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.drawer-inner{display:flex;flex-direction:column}
.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.drawer-meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(15,23,42,.08);font-size:12px;font-weight:900}
.mark.small{width:32px;height:32px;border-radius:12px}
.drawer-brand{display:flex;align-items:center;gap:10px;min-width:0}
.drawer-title{font-weight:950;font-size:14px;line-height:1.1}
.drawer-sub{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.2;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drawer-user{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.drawer-user-line{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft)}
.drawer-user-line .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drawer-section{margin-top:14px}
.drawer-section-title{font-size:12px;color:var(--muted);font-weight:900;letter-spacing:.2px;margin:0 0 10px 6px}
.drawer-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft);font-weight:950}
.drawer-link.active{outline:2px solid rgba(255,0,102,.12)}
.drawer-link:active{transform:translateY(1px)}
.drawer-footer{margin-top:16px;padding:12px 12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.80)}
/* Modules grid cards */
.module-card{display:block}
.module-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.module-title{font-weight:950}
.drawer-link--promo{
 border-color:rgba(255,0,102,.16);
 background:linear-gradient(135deg, rgba(255,0,102,.08), rgba(124,58,237,.08), rgba(0,212,255,.06));
}
.drawer-link--promo.active{outline:2px solid rgba(255,0,102,.18)}
.referral-attention-badge{
 display:inline-flex;align-items:center;justify-content:center;
 min-width:34px;height:28px;padding:0 8px;
 border-radius:999px;
 background:rgba(255,255,255,.94);
 border:1px solid rgba(255,0,102,.12);
 box-shadow:var(--shadow-soft);
 font-size:12px;font-weight:900;
}
.module-card--promo{
 border-color:rgba(255,0,102,.16);
 background:linear-gradient(135deg, rgba(255,0,102,.08), rgba(124,58,237,.08), rgba(255,255,255,.92));
}
.pill--promo{
 background:rgba(255,255,255,.94);
 border-color:rgba(255,0,102,.14);
 color:rgba(15,23,42,.82);
}

.income-referral-banner{
 position:relative;
 overflow:hidden;
 border:1px solid rgba(255,0,87,.18);
 background:linear-gradient(135deg, rgba(255,0,87,.12) 0%, rgba(255,255,255,.98) 42%, rgba(255,241,244,.96) 100%);
 box-shadow:0 20px 44px rgba(255,0,87,.12), 0 14px 32px rgba(15,23,42,.08);
 isolation:isolate;
}
.income-referral-banner::before{
 content:"";
 position:absolute;
 inset:-30% auto auto -10%;
 width:240px;
 height:240px;
 border-radius:999px;
 background:radial-gradient(circle, rgba(255,0,87,.18) 0%, rgba(255,0,87,0) 68%);
 z-index:-1;
}
.income-referral-banner::after{
 content:"";
 position:absolute;
 inset:auto -40px -70px auto;
 width:220px;
 height:220px;
 border-radius:999px;
 background:radial-gradient(circle, rgba(255,107,129,.18) 0%, rgba(255,107,129,0) 70%);
 z-index:-1;
}
.income-referral-banner__head{
 display:flex;
 align-items:flex-start;
 gap:14px;
}
.income-referral-banner__icon{
 width:56px;
 height:56px;
 border-radius:18px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#fff;
 background:linear-gradient(135deg, #ff164f 0%, #ff4d6d 100%);
 box-shadow:0 16px 32px rgba(255,22,79,.26);
 flex:0 0 auto;
}
.income-referral-banner__icon-svg{
 width:28px;
 height:28px;
}
.income-referral-banner__body{
 flex:1 1 260px;
 min-width:0;
}
.income-referral-banner__kicker{
 color:rgba(255,22,79,.88);
 letter-spacing:.25px;
}
.income-referral-banner__title{
 margin-top:6px;
 font-size:24px;
 font-weight:950;
 line-height:1.12;
 letter-spacing:.1px;
 max-width:520px;
}
.income-referral-banner__text{
 margin-top:8px;
 color:rgba(15,23,42,.78);
 line-height:1.48;
 max-width:560px;
}
.income-referral-banner__aside{
 flex:0 0 auto;
 min-width:150px;
 padding:12px 14px;
 border-radius:18px;
 background:rgba(255,255,255,.86);
 border:1px solid rgba(255,0,87,.10);
 box-shadow:var(--shadow-soft);
 text-align:left;
}
.income-referral-banner__amount-label{
 font-size:11px;
 font-weight:900;
 letter-spacing:.2px;
 color:rgba(15,23,42,.58);
 text-transform:uppercase;
}
.income-referral-banner__amount{
 margin-top:4px;
 font-size:26px;
 line-height:1;
 font-weight:950;
 color:#ff164f;
}
.income-referral-banner__amount-note{
 margin-top:6px;
 font-size:12px;
 line-height:1.35;
 color:rgba(15,23,42,.65);
}
.income-referral-banner__footer{
 display:flex;
 align-items:center;
 gap:12px;
 margin-top:16px;
}
.income-referral-banner__cta{
 flex:0 0 auto;
 min-width:220px;
 justify-content:center;
 text-align:center;
 white-space:nowrap;
 background:linear-gradient(135deg, #ff164f 0%, #ff5a6f 100%);
 box-shadow:0 16px 34px rgba(255,22,79,.24);
}
.income-referral-banner__meta{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
}
.income-referral-banner__pill{
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:10px 13px;
 border-radius:999px;
 background:rgba(255,255,255,.88);
 border:1px solid rgba(255,0,87,.10);
 box-shadow:var(--shadow-soft);
 font-size:12px;
 font-weight:900;
 color:rgba(15,23,42,.84);
}
@media (max-width: 640px){
 .income-referral-banner{padding:15px}
 .income-referral-banner__head{flex-wrap:wrap}
 .income-referral-banner__icon{width:52px;height:52px;border-radius:16px}
 .income-referral-banner__title{font-size:22px}
 .income-referral-banner__aside{width:100%;min-width:0}
 .income-referral-banner__footer{flex-direction:column;align-items:stretch}
 .income-referral-banner__cta{width:100%;min-width:0}
 .income-referral-banner__meta{width:100%}
 .income-referral-banner__pill{width:100%;justify-content:center;text-align:center}
}
@media (prefers-reduced-motion: reduce){
 .drawer, .drawer-backdrop{transition:none}
}
.main{
 flex:1;
 padding:14px 14px calc(var(--tab-h) + 18px + env(safe-area-inset-bottom));
}
.stack{display:flex;flex-direction:column;gap:12px}
.card{
 background:rgba(255,255,255,.92);
 border:1px solid var(--border);
 border-radius:var(--radius);
 box-shadow:var(--shadow);
 padding:16px;
}
.card.soft{background:rgba(255,255,255,.86)}
.kicker{font-size:12px;color:var(--muted);font-weight:800;letter-spacing:.2px}
.h1{font-size:22px;font-weight:950;margin-top:6px;letter-spacing:.1px}
.h2{font-size:14px;font-weight:900;margin:0 0 10px 0;color:var(--muted)}
.muted{color:var(--muted)}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.badge{
 display:inline-flex;align-items:center;gap:8px;
 padding:8px 10px;
 border-radius:999px;
 border:1px solid rgba(15,23,42,.08);
 background:rgba(255,255,255,.82);
 font-size:12px;
 color:rgba(15,23,42,.82);
}
.btn{
 appearance:none;
 border:none;
 cursor:pointer;
 border-radius:16px;
 padding:12px 14px;
 font-weight:950;
 color:#fff;
 background:linear-gradient(135deg, var(--pink), var(--purple) 60%, var(--cyan));
 box-shadow:
 0 14px 32px rgba(255,0,102,.16),
 0 12px 30px rgba(124,58,237,.12);
}
.btn:hover{opacity:.95}
.btn.secondary{
 background:rgba(255,255,255,.9);
 color:var(--text);
 border:1px solid rgba(15,23,42,.10);
 box-shadow:var(--shadow-soft);
}
.btn.small{padding:10px 12px;border-radius:14px;font-size:12px}
.btn:disabled{opacity:.55;cursor:not-allowed}
.input{
 width:100%;
 margin-top:6px;
 padding:12px 12px;
 border-radius:16px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.92);
 color:var(--text);
}
textarea.input{resize:vertical}
.flash{
 margin:12px 0;
 padding:12px 12px;
 border-radius:18px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.9);
 box-shadow:var(--shadow-soft);
}
.flash.ok{border-color:rgba(22,163,74,.35)}
.flash.warn{border-color:rgba(245,158,11,.35)}
.flash.error{border-color:rgba(220,38,38,.35)}
.rban{
 margin:12px 0 14px 0;
 padding:12px 12px;
 border-radius:20px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.92);
 box-shadow:var(--shadow-soft);
 display:flex;
 gap:10px;
 align-items:flex-start;
}
.rban--blocked{
 border-color:rgba(220,38,38,.22);
 background:linear-gradient(180deg, rgba(220,38,38,.06), rgba(255,255,255,.92));
}
.rban--suspension{
 border-color:rgba(245,158,11,.24);
 background:linear-gradient(180deg, rgba(245,158,11,.07), rgba(255,255,255,.92));
}
.rban-ic{
 flex:0 0 auto;
 width:34px;
 height:34px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:16px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.85);
 box-shadow:0 12px 22px rgba(15,23,42,.06);
}
.rban-body{min-width:0;flex:1 1 auto}
.rban-title{font-weight:950;letter-spacing:.1px}
.rban-text{margin-top:4px;color:rgba(15,23,42,.82);font-size:13px}
.rban-line{margin-top:6px;font-size:13px;line-height:1.25}
.rban-close{flex:0 0 auto;margin-left:auto;align-self:flex-start;background:rgba(255,255,255,.78);border:1px solid rgba(15,23,42,.10)}
.rban-close:active{transform:scale(.98)}
.asbar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding:12px;
 border-radius:18px;
 border:1px solid rgba(124,58,237,.18);
 background:linear-gradient(180deg, rgba(124,58,237,.10), rgba(255,255,255,.9));
}
.tabbar{
 position:fixed;
 left:50%;
 transform:translateX(-50%);
 bottom:0;
 width:min(var(--app-max), 100%);
 height:calc(var(--tab-h) + env(safe-area-inset-bottom));
 padding:10px 10px calc(10px + env(safe-area-inset-bottom));
 background:rgba(255,255,255,.70);
 backdrop-filter:saturate(170%) blur(16px);
 border-top:1px solid rgba(15,23,42,.08);
 display:grid;
 grid-template-columns:repeat(5,1fr);
 gap:8px;
 align-items:center;
}
.tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;height:100%}
.tab{
 position:relative;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:5px;
 border-radius:16px;
 border:1px solid transparent;
 color:rgba(15,23,42,.80);
}
.tab svg{width:18px;height:18px;opacity:.80;flex:0 0 auto}
.tab span{font-size:10px;font-weight:800;letter-spacing:.05px;line-height:1.1;text-align:center}
.tab.active{
 border-color:rgba(255,0,102,.22);
 background:linear-gradient(180deg, rgba(255,0,102,.10), rgba(124,58,237,.06));
 box-shadow:0 14px 26px rgba(255,0,102,.10);
}
.badge-dot{
 position:absolute;
 top:8px;
 right:10px;
 width:8px;
 height:8px;
 border-radius:999px;
 background:var(--pink);
 box-shadow:0 0 0 2px rgba(255,255,255,.9), 0 0 14px rgba(255,0,102,.55);
 display:none;
}
.tab.has-badge .badge-dot{display:block}
.week-widget{position:relative;overflow:hidden}
.week-widget:before{
 content:"";
 position:absolute;
 left:-40px;right:-40px;top:-60px;
 height:180px;
 background:radial-gradient(closest-side, rgba(255,0,102,.22), transparent 70%);
 filter:blur(1px);
 pointer-events:none;
}
.week-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative}
.week-amount{font-size:26px;font-weight:950;letter-spacing:.2px}
.week-date{margin-top:6px}
.week-nav{display:flex;gap:8px}
.pill-btn{
 display:inline-flex;align-items:center;justify-content:center;
 width:40px;height:40px;border-radius:14px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.86);
 box-shadow:var(--shadow-soft);
 font-weight:950;
}
.pill-btn.disabled{opacity:.45;pointer-events:none}
.pill-btn.pill-action{
 width:auto;
 padding:0 14px;
 gap:8px;
 border-radius:999px;
 font-size:13px;
 letter-spacing:.2px;
 background:linear-gradient(135deg, rgba(195,0,148,.14), rgba(0,0,0,.06));
 border-color:rgba(195,0,148,.35);
}
.pill-btn.pill-action:active{transform:translateY(1px)}
.seg-btn{
 display:inline-flex;align-items:center;justify-content:center;
 padding:10px 14px;
 border-radius:999px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.86);
 box-shadow:var(--shadow-soft);
 font-weight:950;
 letter-spacing:.2px;
 white-space:nowrap;
}
.seg-btn.active{
 background:linear-gradient(135deg, rgba(195,0,148,.14), rgba(0,0,0,.06));
 border-color:rgba(195,0,148,.35);
}
.seg-btn.small{padding:9px 12px;border-radius:16px;font-size:12px}
.spark-wrap{margin-top:12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.74);overflow:hidden}
.spark-canvas{display:block;width:100%;height:132px}
.day-strip{
 margin-top:12px;
 display:flex;
 gap:10px;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 padding-bottom:4px;
}
.day-strip::-webkit-scrollbar{height:0}
/* Shifts: weekly picker (7-day grid) */
.shifts-week-strip{
 margin-top:12px;
 display:grid;
 grid-template-columns:repeat(7, minmax(0, 1fr));
 gap:10px;
 padding:6px 2px 2px;
 overflow:visible;
}
.shift-day{position:relative;-webkit-tap-highlight-color:transparent}
.shift-day input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}
.shift-day.disabled{opacity:.45;cursor:not-allowed}
/* Shifts: booking month calendar */
.shifts-cal{border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.74);border-radius:20px;box-shadow:var(--shadow-soft);padding:12px}
.shifts-cal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.shifts-cal-head .li-title{flex:1;text-align:center}
.shifts-cal-weekdays{margin-top:10px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:8px;color:rgba(15,23,42,.62);font-weight:900;font-size:11px;text-align:center}
.shifts-cal-grid{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:8px}
button.shifts-cal-cell{
 width:100%;
 text-align:left;
 font:inherit;
 appearance:none;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.90);
 border-radius:16px;
 padding:8px 8px 28px;
 min-height:68px;
 display:flex;
 flex-direction:column;
 justify-content:flex-start;
 align-items:flex-start;
 cursor:pointer;
 box-shadow:var(--shadow-soft);
 -webkit-tap-highlight-color:transparent;
 position:relative;
 overflow:hidden;
}
button.shifts-cal-cell:active{transform:translateY(1px)}
.shifts-cal-cell.empty{background:transparent;border:0;box-shadow:none;cursor:default}
.shifts-cal-cell.out-range{opacity:.25}
.shifts-cal-cell.disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.shifts-cal-cell.disabled:active{transform:none}
.shifts-cal-cell.today{border-color:rgba(0,212,255,.30)}
.shifts-cal-cell.selected{background:linear-gradient(135deg, rgba(255,0,102,.14), rgba(124,58,237,.10) 60%, rgba(0,212,255,.10));border-color:rgba(255,0,102,.34)}
.shifts-cal-cell.available:not(.selected):not(.future-booked):not(.disabled):not(.locked){
 border-color:rgba(217,70,239,.38);
 background:linear-gradient(135deg, rgba(255,0,102,.06), rgba(124,58,237,.05) 58%, rgba(0,212,255,.05));
 box-shadow:0 0 0 1px rgba(217,70,239,.10) inset, var(--shadow-soft);
 opacity:1;
}
.shifts-cal-cell.available:not(.selected):not(.future-booked):not(.disabled):not(.locked):hover{
 transform:translateY(-1px);
}
.shifts-cal-cell.available:not(.selected):not(.future-booked) .shifts-cal-num{
 color:rgba(17,24,39,.98);
}
.shifts-cal-num{font-weight:1000;font-size:13px;line-height:1;position:relative;z-index:1}
.shifts-cal-badge{
 position:absolute;
 left:6px;
 right:6px;
 bottom:6px;
 align-self:auto;
 font-size:10px;
 font-weight:950;
 border-radius:999px;
 border:1px solid rgba(15,23,42,.10);
 padding:3px 6px;
 background:rgba(255,255,255,.70);
 min-width:0;
 max-width:calc(100% - 12px);
 width:auto;
 box-sizing:border-box;
 text-align:center;
 font-variant-numeric:tabular-nums;
 white-space:nowrap;
 overflow:hidden !important;
 text-overflow:ellipsis !important;
 line-height:1.05;
 display:inline-flex;
 align-items:center;
 justify-content:center;
}
.shifts-cal-badge.busy{
 background:linear-gradient(135deg, rgba(255,0,102,.90), rgba(124,58,237,.85) 60%, rgba(0,212,255,.80));
 border-color:rgba(255,0,102,.45);
 color:#fff;
}
.shifts-cal-badge.worked{
 background:linear-gradient(135deg, rgba(16,185,129,.65), rgba(5,150,105,.45) 60%, rgba(34,197,94,.50));
 border-color:rgba(16,185,129,.55);
 color:#fff;
}
.shifts-cal-cell.worked{
 box-shadow:0 0 0 1px rgba(16,185,129,.18) inset;
}
.shifts-cal-cell.future-booked{
 background:linear-gradient(135deg, rgba(16,185,129,.16), rgba(52,211,153,.10) 60%, rgba(255,255,255,.98));
 border-color:rgba(16,185,129,.34);
 box-shadow:0 0 0 1px rgba(16,185,129,.10) inset, var(--shadow-soft);
 opacity:1;
}
.shifts-cal-cell.future-booked .shifts-cal-num{
 color:rgba(5,70,52,.98);
}
.shifts-cal-cell.future-booked.can-open{
 cursor:pointer;
}
.shifts-cal-cell.future-booked.can-open:hover{
 transform:translateY(-1px);
}
.shifts-cal-badge.my-shift{
 background:linear-gradient(135deg, rgba(16,185,129,.92), rgba(5,150,105,.88) 60%, rgba(34,197,94,.82));
 border-color:rgba(16,185,129,.55);
 color:#fff;
 min-width:auto;
 padding:4px 10px;
}
.shifts-cal-badge.my-shift.waiting{
 background:linear-gradient(135deg, rgba(245,158,11,.95), rgba(234,179,8,.82));
 border-color:rgba(245,158,11,.55);
 color:#2b1900;
}
.shifts-cal-badge.worked,
.shifts-cal-badge.muted{
 left:auto;
 right:6px;
 width:22px;
 height:22px;
 min-width:22px;
 max-width:22px;
 padding:0;
 border-radius:999px;
 font-size:11px;
}
#lamodaNotifBell,
#lamodaNotifBellBadge{
 display:none !important;
 visibility:hidden !important;
 opacity:0 !important;
 pointer-events:none !important;
}
.shifts-cal-badge.full{
 background:rgba(15,23,42,.08);
 border-color:rgba(15,23,42,.10);
 color:rgba(15,23,42,.75);
}
.shifts-cal-badge.low{
 background:rgba(255,170,0,.14);
 border-color:rgba(255,170,0,.35);
 color:rgba(15,23,42,.85);
}
@media (max-width:480px){
 .shifts-cal-weekdays{gap:6px;font-size:10px}
 .shifts-cal-grid{gap:6px}
 button.shifts-cal-cell{min-height:64px;padding:7px 7px 25px;border-radius:14px}
 .shifts-cal-num{font-size:12px}
 .shifts-cal-badge{left:5px;right:5px;bottom:5px;font-size:9px;padding:3px 5px;max-width:calc(100% - 10px)}
 .shifts-cal-badge.my-shift{padding:3px 6px}
 .shifts-cal-badge.worked,
 .shifts-cal-badge.muted{right:5px;width:20px;height:20px;min-width:20px;max-width:20px;font-size:10px}
}
@media (max-width:720px){
 .shifts-week-strip{grid-template-columns:repeat(4, minmax(0, 1fr));}
}
@media (max-width:360px){
 .shifts-week-strip{grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px}
}
.day-chip{
 flex:0 0 auto;
 border-radius:18px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.86);
 padding:10px 12px;
 min-width:62px;
 text-align:center;
 cursor:pointer;
 box-shadow:var(--shadow-soft);
}
.day-chip .day-name{font-size:11px;font-weight:950;color:rgba(15,23,42,.70)}
.day-chip .day-num{font-size:14px;font-weight:950;margin-top:3px}
.day-chip .day-sum{font-size:11px;font-weight:900;color:rgba(15,23,42,.62);margin-top:6px;white-space:nowrap;min-width:2.8em;display:inline-flex;align-items:center;justify-content:center;overflow:visible !important;text-overflow:clip !important;font-variant-numeric:tabular-nums}
.day-chip.today{border-color:rgba(0,212,255,.30)}
.day-chip.has{border-color:rgba(255,0,102,.26)}
.day-chip.active,
.day-chip.selected{
 background:linear-gradient(135deg, rgba(255,0,102,.14), rgba(124,58,237,.10) 60%, rgba(0,212,255,.10));
 border-color:rgba(255,0,102,.34);
}
/* Week widget polish (alignment + readability) */
.week-widget .week-head{align-items:stretch}
.week-widget .week-head > div:first-child{flex:1;min-width:0}
.week-widget .week-head .kicker{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.week-widget .h1{font-size:26px;line-height:1.05;margin-top:10px}
.week-widget .wk-amount{font-size:34px;font-weight:1000;letter-spacing:.2px;font-variant-numeric:tabular-nums}
.week-widget .wk-date{margin-top:8px;font-size:12px;line-height:1.2}
.week-widget .week-nav{gap:10px;align-self:flex-start}
.week-widget .week-head-side{
 display:flex;
 flex-direction:column;
 align-items:flex-end;
 gap:10px;
 flex:0 0 auto;
}
.week-widget .week-help-btn{
 min-height:38px;
 padding:0 14px;
 white-space:nowrap;
}
.week-widget .week-help-btn__icon{
 font-size:14px;
 line-height:1;
}
.week-widget .week-nav a,
.week-widget .week-nav span{
 width:42px;
 height:42px;
 padding:0;
 border-radius:14px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.92);
 box-shadow:var(--shadow-soft);
 color:var(--text);
 font-weight:950;
}
.week-widget .week-nav a:active{transform:translateY(1px)}
.week-widget .week-nav a.disabled,
.week-widget .week-nav span.disabled{opacity:.45;pointer-events:none}
.week-widget .spark-wrap{
 margin-top:14px;
 border-radius:20px;
 border-color:rgba(15,23,42,.07);
 background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72));
}
.week-widget .spark-canvas{height:140px}
/* Week widget: top weekday labels aligned with chart points */
.week-widget .spark-wrap{
 position:relative;
}
.week-widget .spark-top{
 position:absolute;
 left:0;
 right:0;
 top:10px;
 height:14px;
 user-select:none;
 pointer-events:none; /* don't steal clicks from the chart */
 opacity:0; /* prevent misaligned flash before JS positions items */
 transition:opacity .12s ease;
}
.week-widget .spark-top.ready{ opacity:1; }
.week-widget .spark-top-item{
 position:absolute;
 top:0;
 font-size:11px;
 font-weight:950;
 letter-spacing:.2px;
 color:rgba(15,23,42,.55);
 line-height:1.05;
 white-space:nowrap;
 transform:translateX(-50%);
}
.week-widget .spark-top-item[data-edge="start"]{ transform:translateX(0); }
.week-widget .spark-top-item[data-edge="end"]{ transform:translateX(-100%); }
.week-widget .spark-top-item.selected{
 color:rgba(255,0,102,.92);
}
/* Day sums: compact grid (no horizontal swipe) */
.week-widget .day-strip{
 margin-top:14px;
 display:grid;
 grid-template-columns:repeat(7, minmax(0, 1fr));
 gap:8px;
 /* a touch of horizontal padding so chips don’t visually stick to the card edge */
 padding:6px 4px 2px;
 overflow:visible;
}
.week-widget .day-chip{
 min-width:0;
 max-width:none;
 width:100%;
 padding:10px 8px;
 border-radius:18px;
 text-align:center;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:6px;
 line-height:1.1;
 -webkit-tap-highlight-color:transparent;
 /* keep the chip tidy without cutting the actual label/value */
 overflow:hidden;
}
.week-widget .day-top{
 width:100%;
 display:flex;
 flex-direction:row;
 align-items:baseline;
 justify-content:center;
 gap:6px;
 min-width:0;
 white-space:nowrap; /* “Пн 26.01” must stay on one line */
}
.week-widget .day-dow{
 font-size:11px;
 font-weight:950;
 color:rgba(15,23,42,.72);
 letter-spacing:.2px;
 line-height:1.05;
}
.week-widget .day-date{
 font-size:11px;
 font-weight:950;
 color:rgba(15,23,42,.56);
 font-variant-numeric:tabular-nums;
 letter-spacing:.2px;
 line-height:1.05;
 white-space:nowrap;
}
.week-widget .day-pay{
 font-size:clamp(11.5px, 2.2vw, 13.5px);
 font-weight:1000;
 font-variant-numeric:tabular-nums;
 letter-spacing:.1px;
 white-space:nowrap; /* keep “13 184 ₽” in one line */
 display:inline-flex;
 align-items:baseline;
 justify-content:center;
 gap:3px;
 min-width:0;
 line-height:1.05;
}
.week-widget .day-pay-num{
 display:inline;
 white-space:nowrap;
}
.week-widget .day-pay .rub{
 font-size:12px;
 font-weight:900;
 color:rgba(15,23,42,.55);
 margin-left:0;
 white-space:nowrap;
}
.week-widget .day-chip:not(.has) .day-pay{color:rgba(15,23,42,.55)}
.week-widget .day-chip.active,
.week-widget .day-chip.selected{
 transform:translateY(-1px);
 background:linear-gradient(135deg, rgba(255,0,102,.14), rgba(124,58,237,.10) 60%, rgba(0,212,255,.10));
 border-color:rgba(255,0,102,.34);
 box-shadow:0 14px 30px rgba(255,0,102,.10), var(--shadow-soft);
}
.week-widget .day-chip:active{transform:translateY(0)}
.week-widget .week-foot{
 margin-top:12px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 flex-wrap:wrap;
}
.week-widget .week-foot .muted{font-size:12px;line-height:1.2}
.week-widget .week-foot strong{font-variant-numeric:tabular-nums}
.income-delay-banner{
 position:relative;
 isolation:isolate;
 overflow:hidden;
 display:flex;
 align-items:center;
 gap:14px;
 padding:14px 16px;
 border:1px solid rgba(255,106,136,.34);
 border-radius:18px;
 background:
  radial-gradient(circle at 0% 50%, rgba(255,255,255,.38), transparent 22%),
  linear-gradient(135deg, rgba(255,235,239,.98), rgba(255,214,222,.96) 48%, rgba(255,226,232,.97));
 box-shadow:0 12px 28px rgba(255,92,124,.14), 0 0 0 1px rgba(255,255,255,.34) inset, var(--shadow-soft);
}
.income-delay-banner::before{
 content:"";
 position:absolute;
 top:-34%;
 left:-32%;
 width:46%;
 height:168%;
 background:linear-gradient(100deg,
  rgba(255,255,255,0) 0%,
  rgba(255,255,255,.08) 18%,
  rgba(255,255,255,.46) 48%,
  rgba(255,244,248,.82) 54%,
  rgba(255,255,255,.12) 72%,
  rgba(255,255,255,0) 100%);
 filter:blur(7px);
 opacity:0;
 transform:translateX(-165%) skewX(-18deg);
 animation:incomeDelayBannerSheen 3.4s ease-in-out infinite;
 pointer-events:none;
 z-index:0;
}
.income-delay-banner::after{
 content:"";
 position:absolute;
 inset:auto 8% -28% 8%;
 height:52%;
 border-radius:999px;
 background:radial-gradient(circle, rgba(255,165,184,.22), rgba(255,165,184,0) 70%);
 filter:blur(14px);
 pointer-events:none;
 z-index:0;
}
.income-delay-banner__icon{
 position:relative;
 z-index:1;
 width:42px;
 height:42px;
 flex:0 0 42px;
 border-radius:999px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#a84a13;
 background:radial-gradient(circle at 30% 30%, rgba(255,244,199,.98), rgba(247,208,93,.94));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.62), 0 6px 14px rgba(245,158,11,.2);
}
.income-delay-banner__icon svg{width:22px;height:22px}
.income-delay-banner__content{position:relative; z-index:1; min-width:0}
.income-delay-banner__title{
 font-size:15px;
 font-weight:900;
 line-height:1.25;
 color:#5b1d2b;
}
.income-delay-banner__text{
 margin-top:4px;
 font-size:14px;
 line-height:1.35;
 color:#7a4351;
}
@keyframes incomeDelayBannerSheen{
 0%{transform:translateX(-165%) skewX(-18deg);opacity:0}
 14%{opacity:.95}
 55%{transform:translateX(258%) skewX(-18deg);opacity:.98}
 100%{transform:translateX(258%) skewX(-18deg);opacity:0}
}
@media (prefers-reduced-motion: reduce){
 .income-delay-banner::before{animation:none;opacity:.18;transform:translateX(52%) skewX(-18deg)}
}
@media (max-width:720px){
 .week-widget .day-strip{grid-template-columns:repeat(4, minmax(0, 1fr));}
}
@media (max-width:420px){
 .week-widget .week-head .kicker{white-space:normal}
 .week-widget .wk-amount{font-size:32px}
 .income-delay-banner{align-items:flex-start;gap:12px;padding:13px 14px}
 .income-delay-banner__icon{width:38px;height:38px;flex-basis:38px}
 .income-delay-banner__title{font-size:14px}
 .income-delay-banner__text{font-size:13px}
}
@media (max-width:360px){
 .week-widget .day-strip{grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px}
 .week-widget .day-chip{padding:10px 8px}
 .week-widget .day-pay{font-size:clamp(11px, 3.4vw, 12.5px)}
}
@media (max-width:420px){
 .week-widget .week-head .kicker{white-space:normal}
 .week-widget .wk-amount{font-size:32px}
 /* mobile: keep it readable without truncation or wrapping */
 .week-widget .day-strip{grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px}
 .week-widget .day-chip{padding:9px 7px;gap:6px}
 .week-widget .day-top{gap:5px}
 .week-widget .day-dow,
 .week-widget .day-date{font-size:10.5px}
 .week-widget .day-pay{font-size:clamp(11px, 3.0vw, 12.5px)}
}
.list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.list-item{
 display:flex;align-items:center;justify-content:space-between;gap:10px;
 padding:12px;
 border-radius:18px;
 border:1px solid rgba(15,23,42,.08);
 background:rgba(255,255,255,.86);
 box-shadow:var(--shadow-soft);
}
.li-title{font-weight:950}
.li-sub{margin-top:4px;color:var(--muted);font-size:12px}
.li-tag{
 font-size:12px;
 font-weight:900;
 padding:8px 10px;
 border-radius:999px;
 background:linear-gradient(135deg, rgba(0,212,255,.12), rgba(255,0,102,.10));
 border:1px solid rgba(0,212,255,.18);
}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.mini{
 padding:12px;
 border-radius:18px;
 border:1px solid rgba(15,23,42,.08);
 background:rgba(255,255,255,.86);
 box-shadow:var(--shadow-soft);
}
.mini-val{font-size:18px;font-weight:950;margin-top:6px}
/* Simple grid helpers (used by admin switch screen) */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.subcard{padding:14px;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.90);box-shadow:var(--shadow-soft)}
/* Key/Value list (profile) */
.kv-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.kv{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft)}
.kv-k{font-size:12px;color:var(--muted);font-weight:800}
.kv-v{font-size:14px;font-weight:950;color:var(--text);text-align:right}
.table{width:100%;border-collapse:collapse}
.table th{font-size:12px;color:var(--muted);text-align:left;font-weight:900;padding:10px 8px;border-bottom:1px solid rgba(15,23,42,.08);white-space:nowrap}
.table td{padding:12px 8px;border-bottom:1px solid rgba(15,23,42,.08);vertical-align:top}
.mini-card{
 border-radius:20px;
 border:1px solid rgba(15,23,42,.08);
 background:rgba(255,255,255,.90);
 box-shadow:var(--shadow-soft);
 padding:14px;
 margin-bottom:10px;
}
.active-row{outline:2px solid rgba(255,0,102,.12)}
.pill{
 display:inline-flex;align-items:center;gap:8px;
 padding:8px 10px;border-radius:999px;
 background:rgba(255,255,255,.86);
 border:1px solid rgba(15,23,42,.08);
 color:rgba(15,23,42,.78);
 font-size:12px;
}
.kpi{min-width:160px;flex:1;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86);padding:12px;box-shadow:var(--shadow-soft)}
.kpi-val{font-weight:950;margin-top:6px}
.row{display:flex;gap:12px;flex-wrap:wrap}
.desktop-only{display:block}
.mobile-only{display:none}
.footer{margin:18px 0 6px 0;color:var(--muted);font-size:12px;text-align:center}
@media (max-width:720px){
 .two{grid-template-columns:1fr}
 .grid{grid-template-columns:1fr}
 .desktop-only{display:none}
 .mobile-only{display:block}
}
/* Bottom sheet */
.sheet-backdrop{
 position:fixed;inset:0;z-index:80;
 background:rgba(2,6,23,.35);
 backdrop-filter: blur(10px);
}
.sheet{
 position:fixed;left:0;right:0;bottom:0;z-index:90;
 transform: translateY(110%);
 transition: transform .22s ease;
 padding: 10px 12px 12px 12px;
}
.sheet.open{transform: translateY(0)}
.sheet-inner{
 max-width: 980px;
 margin: 0 auto;
 border-radius: 24px;
 border: 1px solid rgba(15,23,42,.10);
 background: rgba(255,255,255,.92);
 box-shadow: 0 24px 60px rgba(0,0,0,.22);
 overflow:auto;
 max-height: calc(100vh - 92px);
 overscroll-behavior: contain;
 -webkit-overflow-scrolling: touch;
}
.sheet-handle{
 width: 58px;
 height: 6px;
 border-radius: 999px;
 margin: 0 auto 10px auto;
 background: rgba(255,255,255,.72);
 box-shadow: 0 10px 25px rgba(0,0,0,.14);
}
/* Tariffs sheet: more "air" on the sides + safe-area padding */
.sheet--tariffs{
 padding: 18px;
 padding-left: calc(18px + env(safe-area-inset-left));
 padding-right: calc(18px + env(safe-area-inset-right));
 padding-bottom: calc(18px + env(safe-area-inset-bottom));
}
.sheet--tariffs .sheet-inner{
 max-width: 760px;
 border-radius: 28px;
 background: rgba(255,255,255,.96);
}
@media (max-width: 360px){
 .sheet--tariffs{padding: 14px; padding-bottom: calc(14px + env(safe-area-inset-bottom));}
}
/* Tariffs sheet content cards */
.sheet-top.sheet-top--simple{grid-template-columns: 1fr 44px}
.sheet--tariffs .sheet-inner > .stack{padding: 14px 16px 18px 16px}
.tariff-card{border-radius:20px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft);padding:12px 12px}
.tariff-card--chooser{padding:10px 12px}
.tariff-card-title{font-weight:950;color:rgba(15,23,42,.72)}
.tariff-card--content{font-size:13.5px;line-height:1.36;color:rgba(15,23,42,.90)}
.tariff-card--content .tariff-body{word-break:break-word}
.tariff-card--content b{font-weight:1000}
.sheet--tariffs .tariff-card--content{background:rgba(255,255,255,.90)}
/* Tariffs: readable typography + emphasized base */
.sheet--tariffs .sheet-meta{
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:6px 10px;
 border-radius:999px;
 background: rgba(255,255,255,.74);
 border: 1px solid rgba(15,23,42,.10);
 box-shadow: 0 10px 24px rgba(0,0,0,.06);
 font-size:13px;
 font-weight:1000;
}
.sheet--tariffs .sheet-meta.muted{color:rgba(15,23,42,.78)}
.sheet--tariffs .tariff-card--content{
 padding: 14px 14px;
 transition: opacity .18s ease, transform .18s ease;
 min-height: 140px;
}
.sheet--tariffs.is-loading .tariff-card--content{
 opacity: .45;
 transform: translateY(2px);
}
.tariff-body{font-size:14px;line-height:1.46;color:rgba(15,23,42,.92)}
.tariff-h3{margin:10px 0 6px 0;font-size:13px;font-weight:1000}
.tariff-h4{margin:10px 0 6px 0;font-size:13px;font-weight:950}
.tariff-p{margin:6px 0}
.tariff-ul{margin:6px 0 10px 18px;padding:0}
.tariff-ul li{margin:4px 0}
.tariff-gap{height:10px}
.tariff-base-line{
 margin: 4px 0 10px 0;
 padding: 10px 12px;
 border-radius: 16px;
 border: 1px solid rgba(255,0,102,.18);
 background: linear-gradient(135deg, rgba(255,0,102,.10), rgba(124,58,237,.06) 60%, rgba(0,212,255,.06));
 font-weight: 1000;
}
.tariff-callout{
 margin: 6px 0 10px 0;
 padding: 10px 12px;
 border-radius: 16px;
 border: 1px solid rgba(15,23,42,.08);
 background: rgba(15,23,42,.03);
 font-weight: 950;
}
.tariff-note{
 margin: 8px 0 10px 0;
 padding: 10px 12px;
 border-radius: 16px;
 border: 1px solid rgba(15,23,42,.08);
 background: rgba(255,255,255,.70);
}
.tariff-formula{
 margin: 6px 0;
 padding: 10px 12px;
 border-radius: 14px;
 border: 1px dashed rgba(15,23,42,.14);
 background: rgba(255,255,255,.70);
 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 font-size: 13px;
}
.sheet-top{
 position: sticky;
 top: 0;
 z-index: 2;
 display:grid;
 grid-template-columns: 1fr 1fr 44px;
 align-items:flex-start;
 gap:12px;
 padding: 16px 16px 12px 16px;
 background: linear-gradient(135deg, rgba(255,0,102,.14), rgba(124,58,237,.10) 60%, rgba(0,212,255,.10));
 border-bottom: 1px solid rgba(15,23,42,.06);
}
.sheet-top-left{min-width:0}
.sheet-top-mid{text-align:center;min-width:126px;padding-top:2px;justify-self:center}
.sheet-top .icon-btn{background:rgba(255,255,255,.68);border:1px solid rgba(15,23,42,.10);box-shadow:0 10px 25px rgba(0,0,0,.10)}
.sheet-top .icon-btn:active{transform:scale(.98)}
.sheet-title{font-size:13px;color:rgba(15,23,42,.76);font-weight:950;letter-spacing:.2px}
.sheet-amount{font-size:28px;font-weight:1000;letter-spacing:-.02em;margin-top:6px}
.sheet-amount .rub{font-size:18px;font-weight:900;color:rgba(15,23,42,.70)}
.sheet-sub{margin-top:4px;color:rgba(15,23,42,.62);font-size:12px;font-weight:800}
.sheet-meta{margin-top:6px;color:rgba(15,23,42,.70);font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sheet-block{margin:0 16px 12px 16px;padding:12px 12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.82);box-shadow:var(--shadow-soft)}
.sheet-bottom{padding:0 16px 14px 16px}
.sheet-bottom .btn{width:100%}
.sheet-actions{display:flex;gap:10px;flex-wrap:wrap;padding: 0 16px 10px 16px}
.sheet-actions .btn{flex:1 1 160px}
.sheet-grid{
 display:grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap:12px;
 padding: 0 16px 12px 16px;
}
.sheet-kpi{
 position:relative;
 background: rgba(255,255,255,.72);
 border: 1px solid rgba(15,23,42,.08);
 border-radius: 16px;
 padding: 12px 12px;
 box-shadow: 0 10px 26px rgba(0,0,0,.06);
}
.sheet-kpi-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.sheet-kpi-title-with-help{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.sheet-kpi-val{font-weight:1000;font-size:16px;margin-top:6px}
.coef-help{position:relative;display:inline-block}
.coef-help summary{
 list-style:none;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:18px;
 height:18px;
 border-radius:999px;
 border:1px solid rgba(15,23,42,.16);
 background:rgba(255,255,255,.92);
 color:rgba(15,23,42,.72);
 font-size:11px;
 font-weight:1000;
 cursor:pointer;
 user-select:none;
 box-shadow:0 8px 18px rgba(15,23,42,.08);
}
.coef-help summary::-webkit-details-marker{display:none}
.coef-help[open] summary{
 color:var(--pink);
 border-color:rgba(255,0,102,.22);
 background:rgba(255,240,246,.96);
}
.coef-help-popover{
 position:absolute;
 top:calc(100% + 8px);
 right:0;
 z-index:20;
 width:min(360px, calc(100vw - 80px));
 padding:12px;
 border-radius:16px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.98);
 box-shadow:0 18px 44px rgba(15,23,42,.16);
}
.coef-help-title{
 font-size:12px;
 line-height:1.35;
 font-weight:900;
 color:rgba(15,23,42,.82);
 margin-bottom:10px;
}
.coef-help-table-wrap{
 border:1px solid rgba(15,23,42,.08);
 border-radius:14px;
 overflow:auto;
 background:rgba(255,255,255,.94);
}
.coef-help-table{
 width:100%;
 border-collapse:collapse;
 min-width:280px;
}
.coef-help-table th,
.coef-help-table td{
 padding:10px 8px;
 font-size:12px;
 line-height:1.35;
 vertical-align:top;
 border-bottom:1px solid rgba(15,23,42,.08);
}
.coef-help-table thead th{
 background:rgba(15,23,42,.04);
 color:rgba(15,23,42,.74);
 font-weight:950;
 text-align:left;
}
.coef-help-table tbody tr:last-child td{border-bottom:none}
.coef-help-table th:last-child,
.coef-help-table td:last-child{
 width:92px;
 white-space:nowrap;
 text-align:right;
 font-weight:950;
}
/* nicer tables inside the sheet */
.sheet-block .table{border:1px solid rgba(15,23,42,.06);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.80)}
.sheet-block .table table{width:100%;border-collapse:collapse}
.sheet-block .table thead th{background:rgba(15,23,42,.03)}
.sheet-block .table tbody tr:nth-child(odd){background:rgba(15,23,42,.015)}
.sheet-block .table th:nth-child(2),
.sheet-block .table td:nth-child(2){text-align:right;white-space:nowrap}
.sheet-lines{padding: 0 16px 8px 16px;display:flex;flex-direction:column;gap:8px}
.sheet-line{display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:900}
.sheet-line span:last-child{color:rgba(15,23,42,.90)}
.sheet-line.multi{align-items:flex-start}
.sheet-line.multi span:first-child{padding-top:2px}
.sheet-line.multi span:last-child{white-space:pre-line;text-align:right;line-height:1.25}
.sheet-note{padding: 0 16px 16px 16px;color:rgba(15,23,42,.62);font-size:12px}
@media (min-width:721px){
 .sheet{padding-bottom: 22px}
 .sheet-inner{border-radius: 28px}
}
/* Range widget (30 days / month) */
.range-widget{position:relative;overflow:hidden}
.range-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rg-amount{font-size:26px;font-weight:950;letter-spacing:.2px}
.rg-date{margin-top:6px}
.range-spark{margin-top:12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.74);overflow:hidden}
.range-canvas{display:block;width:100%;height:132px}
.range-strip{margin-top:12px;display:flex;gap:10px;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.range-strip::-webkit-scrollbar{height:0}
.range-chip{flex:0 0 auto;min-width:82px;text-align:center;cursor:pointer;border-radius:18px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.86);padding:10px 12px;box-shadow:var(--shadow-soft)}
.range-chip .rg-num{font-size:11px;font-weight:950;color:rgba(15,23,42,.70)}
.range-chip .rg-pay{font-size:14px;font-weight:1000;margin-top:4px}
.range-chip.today{border-color:rgba(0,212,255,.30)}
.range-chip.has{border-color:rgba(255,0,102,.26)}
.range-chip.active{background:linear-gradient(135deg, rgba(255,0,102,.14), rgba(124,58,237,.10) 60%, rgba(0,212,255,.10));border-color:rgba(255,0,102,.34)}
/* --- Stage4F: shifts calendar, feedback history, profile --- */
.cal-strip{display:flex;gap:10px;overflow:auto;padding:12px 2px 2px;scroll-snap-type:x mandatory}
.cal-item{min-width:170px;scroll-snap-align:start;padding:12px;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft)}
.cal-item.has{border-color:rgba(255,0,102,.26);background:linear-gradient(135deg, rgba(255,0,102,.10), rgba(0,212,255,.08))}
.cal-top{display:flex;align-items:baseline;justify-content:space-between}
.cal-dow{font-weight:950}
.cal-date{font-weight:950;opacity:.90}
.cal-meta{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.cal-wh{font-size:12px;color:var(--muted);font-weight:850}
.tag{font-size:12px;font-weight:950;padding:8px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.70)}
.tag.neutral{background:rgba(15,23,42,.04)}
.tag.warn{border-color:rgba(255,0,102,.22);background:linear-gradient(135deg, rgba(255,0,102,.10), rgba(124,58,237,.06))}
.tag.ok{border-color:rgba(0,212,255,.22);background:linear-gradient(135deg, rgba(0,212,255,.10), rgba(124,58,237,.06))}
.tag.bad{border-color:rgba(239,68,68,.22);background:linear-gradient(135deg, rgba(239,68,68,.10), rgba(255,0,102,.06))}
.accordion{border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.82);border-radius:20px;box-shadow:var(--shadow-soft);overflow:hidden}
.accordion+ .accordion{margin-top:10px}
.accordion summary{list-style:none;cursor:pointer;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.accordion summary::-webkit-details-marker{display:none}
.accordion[open] summary{border-bottom:1px solid rgba(15,23,42,.06)}
.accordion-body{padding:12px 14px}
.accordion-body .news-body{margin-top:0}
.accordion-body .qa-a{margin-top:0}
.msg-preview{padding:12px 14px;color:var(--muted);font-weight:800}
.msg-full{margin:0;padding:12px 14px;white-space:pre-wrap;border:0;background:transparent;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:12px;color:rgba(15,23,42,.92)}
.profile-head{position:relative;overflow:hidden}
.profile-head:before{content:"";position:absolute;inset:-80px -40px auto -40px;height:220px;background:radial-gradient(closest-side, rgba(255,0,102,.22), transparent 70%);filter:blur(1px);pointer-events:none}
.profile-row{display:flex;gap:12px;align-items:center;position:relative}
.avatar{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:.6px;color:#fff;background:linear-gradient(135deg, rgba(255,0,102,1), rgba(124,58,237,1) 55%, rgba(0,212,255,1))}
.badges{display:flex;flex-direction:column;gap:8px;margin-top:14px;position:relative}
.badge.warn{border-color:rgba(255,0,102,.22);background:rgba(255,0,102,.08)}
.mini-link{border:0;background:transparent;color:var(--accent);font-weight:950;font-size:12px;padding:0;margin-left:6px;cursor:pointer}
.kv-list{display:flex;flex-direction:column;gap:10px}
.kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86)}
.kv-k{color:var(--muted);font-weight:900;font-size:12px}
.kv-v{font-weight:950;display:flex;align-items:center;gap:8px}
.btn.small{padding:10px 12px;border-radius:14px;font-size:12px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--tab-h) + 16px + env(safe-area-inset-bottom));width:min(calc(var(--app-max) - 24px), calc(100% - 24px));padding:12px 14px;border-radius:18px;background:rgba(15,23,42,.90);color:#fff;font-weight:900;box-shadow:0 18px 40px rgba(15,23,42,.30);z-index:50}
@media (max-width:380px){
 .cal-item{min-width:155px}
 .avatar{width:52px;height:52px;border-radius:16px}
}
/* News + FAQ + Warehouse pages */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.page-title{font-weight:950;font-size:18px;letter-spacing:.2px}
.page-sub{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.25}
.filters{display:flex;flex-direction:column;gap:10px}
.search{
 width:100%;
 padding:12px 14px;
 border-radius:18px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.88);
 box-shadow:var(--shadow-soft);
 outline:none;
 font-weight:800;
}
.search::placeholder{color:rgba(107,114,128,.9);font-weight:800}
.chips{display:flex;gap:10px;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.chips::-webkit-scrollbar{height:0}
.chip-btn{
 flex:0 0 auto;
 border-radius:999px;
 padding:10px 12px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.86);
 box-shadow:var(--shadow-soft);
 font-weight:950;
 font-size:12px;
 cursor:pointer;
}
.chip-btn.active{outline:2px solid rgba(255,0,102,.16)}
.chip-btn:active{transform:translateY(1px)}
.news-card .muted, .qa-card .muted{line-height:1.35}
.news-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.meta-pill{
 display:inline-flex;align-items:center;gap:8px;
 padding:7px 10px;border-radius:999px;
 background:rgba(15,23,42,.04);
 border:1px solid rgba(15,23,42,.08);
 font-size:12px;font-weight:900;color:rgba(15,23,42,.78);
}
.news-body{margin-top:10px;white-space:normal;line-height:1.38}
.news-body.pre{white-space:pre-wrap}
/* Normalize margins inside rich text blocks (admin editable HTML/MD) */
.news-body > :first-child{margin-top:0}
.news-body > :last-child{margin-bottom:0}
.news-body p{margin:0 0 10px 0}
.news-body ul,.news-body ol{margin:8px 0 10px 18px;padding:0}
.news-body li{margin:6px 0}
.reactions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.react-btn{
 display:inline-flex;align-items:center;gap:8px;
 padding:9px 11px;border-radius:999px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.88);
 box-shadow:var(--shadow-soft);
 font-weight:950;
 cursor:pointer;
}
.react-btn.active{outline:2px solid rgba(0,212,255,.22)}
.react-btn:active{transform:translateY(1px)}
.react-count{font-size:12px;color:rgba(15,23,42,.72)}
.qa-item{margin-top:10px}
.qa-q{font-weight:950}
.qa-a{margin-top:8px;white-space:pre-wrap;line-height:1.35}
.qa-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.rate-btn{
 display:inline-flex;align-items:center;gap:8px;
 padding:10px 12px;border-radius:18px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.88);
 box-shadow:var(--shadow-soft);
 font-weight:950;
 cursor:pointer;
}
.rate-btn.negative.active{outline:2px solid rgba(255,0,102,.18)}
.rate-btn.positive.active{outline:2px solid rgba(124,58,237,.18)}
.rate-btn:active{transform:translateY(1px)}
/* Modal for dislike reason */
.modal-backdrop{
 position:fixed;inset:0;z-index:80;
 background:rgba(15,23,42,.38);
 backdrop-filter:blur(10px);
 opacity:0;transition:opacity .18s ease;
}
.modal-backdrop.open{opacity:1}
.modal{
 position:fixed;left:50%;top:50%;z-index:81;
 transform:translate(-50%,-46%) scale(.98);
 width:min(92vw, 520px);
 background:rgba(255,255,255,.96);
 border:1px solid rgba(15,23,42,.10);
 border-radius:26px;
 box-shadow:0 30px 80px rgba(15,23,42,.24);
 padding:14px;
 opacity:0;
 transition:opacity .18s ease, transform .18s ease;
}
.modal.open{opacity:1;transform:translate(-50%,-50%) scale(1)}
.modal-title{font-weight:950;font-size:15px}
.modal-sub{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.3}
.modal-actions{display:flex;gap:10px;margin-top:12px}
.modal-grid{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.payout-info-modal{
 width:min(92vw, 540px);
 padding:20px 20px 18px;
}
.payout-info-modal__close{
 position:absolute;
 top:14px;
 right:14px;
}
.payout-info-modal__badge{
 width:72px;
 height:72px;
 margin:10px auto 14px;
 border-radius:24px;
 display:flex;
 align-items:center;
 justify-content:center;
 background:linear-gradient(180deg, rgba(255,0,102,.12), rgba(195,0,148,.16));
 color:#b01293;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
.payout-info-modal__badge svg{
 width:36px;
 height:36px;
}
.payout-info-modal__title{
 font-size:20px;
 text-align:center;
}
.payout-info-modal__body{
 margin-top:14px;
 color:rgba(15,23,42,.72);
 font-size:16px;
 line-height:1.5;
 text-align:center;
}
.payout-info-modal__actions{
 justify-content:center;
 margin-top:20px;
}
.payout-info-modal__button{
 min-width:180px;
}
.select, .textarea{
 width:100%;
 border-radius:18px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.90);
 padding:12px 14px;
 box-shadow:var(--shadow-soft);
 outline:none;
 font-weight:800;
}
.textarea{min-height:92px;resize:vertical;font-weight:800;line-height:1.25}
/* Income (overview/history) */
.mode-toggle{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mode-toggle .seg-btn{padding:10px 14px}
.income-mode[hidden]{display:none !important}
.income-list{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.income-item{position:relative;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft);padding:12px 12px;cursor:pointer}
.income-item:active{transform:translateY(1px)}
.income-item .income-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.income-left{min-width:0}
.income-date{font-weight:1000;letter-spacing:.15px}
.income-warehouse{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.income-right{text-align:right;flex:0 0 auto}
.income-payout{font-weight:1000;font-size:18px;font-variant-numeric:tabular-nums}
.income-expand{position:static;margin-left:6px;flex:0 0 auto;align-self:center}
.income-extra{margin-top:12px}
.income-pills{display:flex;gap:8px;flex-wrap:wrap}
.income-extra-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.income-kpi{margin-top:10px;font-size:12px}
.check{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft);font-weight:950;color:rgba(15,23,42,.72)}
.check input{accent-color:var(--pink)}
.details-collapsible summary{list-style:none;cursor:pointer}
.details-collapsible summary::-webkit-details-marker{display:none}
.details-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
@media (max-width:720px){
 .week-widget .week-help-btn{
  min-height:36px;
  padding:0 12px;
  font-size:12px;
 }
 .payout-info-modal{
  width:min(92vw, 520px);
  padding:18px 16px 16px;
 }
 .payout-info-modal__badge{
  width:64px;
  height:64px;
  border-radius:22px;
  margin-top:6px;
 }
 .payout-info-modal__title{
  font-size:18px;
 }
 .payout-info-modal__body{
  font-size:15px;
 }
 .payout-info-modal__button{
  width:100%;
 }
}
@media (min-width:721px){
 .income-item{padding:14px 14px}
 .income-item .income-row{align-items:center}
 .income-payout{font-size:20px}
}
/* Shifts booking: loading + preview + results */
.shift-day.loading .day-sum{opacity:.6}
.shift-day.loading .day-chip{animation:shiftsPulse 1.1s ease-in-out infinite}
@keyframes shiftsPulse{
 0%{transform:translateY(0)}
 50%{transform:translateY(-1px)}
 100%{transform:translateY(0)}
}
.shifts-preview{border-top:1px dashed rgba(15,23,42,.12);padding-top:12px}
.shifts-preview-list{display:flex;flex-direction:column;gap:8px}
.shifts-preview-item{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding:10px 12px;
 border-radius:14px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.86);
 box-shadow:var(--shadow-soft);
}
.shifts-preview-left{display:flex;flex-direction:column;gap:2px;min-width:0}
.shifts-preview-date{font-weight:950}
.shifts-preview-note{font-size:12px;color:rgba(15,23,42,.62)}
.shifts-preview-right{display:flex;align-items:center;gap:8px}
.shifts-preview-badge{
 font-size:12px;
 font-weight:950;
 padding:6px 10px;
 border-radius:999px;
 border:1px solid rgba(15,23,42,.12);
 background:rgba(15,23,42,.04);
 white-space:nowrap;
}
.shifts-preview-badge.ok{border-color:rgba(0,212,255,.25)}
.shifts-preview-badge.bad{border-color:rgba(255,0,102,.25)}
.shifts-preview-remove{
 width:32px;height:32px;
 border-radius:10px;
 border:1px solid rgba(15,23,42,.12);
 background:rgba(255,255,255,.9);
 font-size:20px;
 line-height:28px;
 font-weight:900;
 cursor:pointer;
}
.shifts-booking-result{
 padding:12px 12px;
 border-radius:14px;
 border:1px solid rgba(15,23,42,.12);
 background:rgba(255,255,255,.86);
 box-shadow:var(--shadow-soft);
}
.shifts-booking-result.ok{border-color:rgba(0,212,255,.28)}
.shifts-booking-result.warn{border-color:rgba(255,184,0,.35)}
.shifts-booking-result.error{border-color:rgba(255,0,102,.30)}
.shifts-booking-result-list{margin:0;padding-left:18px}
.shifts-booking-result-list li{margin:4px 0}
/* ===== Day sheet: make Targets + TB more presentable ===== */
.sheet-kpi.sheet-kpi-tb{
 border:1px solid rgba(0,212,255,.20);
 background:linear-gradient(135deg, rgba(0,212,255,.08), rgba(124,58,237,.06), rgba(255,255,255,.70));
}
.sheet-targets .targets-meta{margin-top:8px}
.targets-grid{
 display:grid;
 grid-template-columns:1fr;
 gap:12px;
}
@media (min-width:520px){
 .targets-grid{grid-template-columns:1fr 1fr}
}
.target-card{
 padding:12px;
 border-radius:16px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(255,255,255,.68);
 box-shadow:0 10px 25px rgba(15,23,42,.06);
}
.target-card-top{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
}
.target-card-title{
 font-weight:950;
 letter-spacing:.2px;
}
.target-card-title-wrap{
 display:flex;
 align-items:center;
 gap:8px;
}
.target-info-btn{
 width:24px;
 height:24px;
 border-radius:999px;
 border:1px solid rgba(15,23,42,.12);
 background:rgba(255,255,255,.92);
 color:rgba(15,23,42,.76);
 box-shadow:var(--shadow-soft);
 font-size:13px;
 font-weight:950;
 line-height:1;
 cursor:pointer;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:0;
}
.target-info-btn:active{transform:translateY(1px)}
.target-info-modal{width:min(92vw, 560px)}
.target-info-body{
 margin-top:12px;
 display:flex;
 flex-direction:column;
 gap:12px;
 font-size:13px;
 line-height:1.5;
 color:rgba(15,23,42,.82);
}
.target-info-body p{margin:0}
.target-info-list{margin:0;padding-left:18px}
.target-info-list li{margin:6px 0}
.target-info-formula{
 padding:12px 14px;
 border-radius:18px;
 border:1px solid rgba(15,23,42,.10);
 background:rgba(15,23,42,.03);
 box-shadow:var(--shadow-soft);
 font-weight:900;
}
.target-info-body strong{font-weight:950}
.target-card-values{margin-top:10px}
.target-fact{
 font-size:22px;
 font-weight:950;
 line-height:1.1;
}
.target-goal{margin-top:4px}
.target-bar{
 height:10px;
 border-radius:999px;
 background:rgba(15,23,42,.06);
 overflow:hidden;
 margin-top:10px;
}
.target-bar span{
 display:block;
 height:100%;
 width:0%;
 border-radius:999px;
 background:linear-gradient(90deg, rgba(0,212,255,.70), rgba(124,58,237,.45));
 transition:width .35s ease;
}
.target-card.bad{
 border-color:rgba(239,68,68,.22);
 background:linear-gradient(135deg, rgba(239,68,68,.08), rgba(255,0,102,.04), rgba(255,255,255,.70));
}
.target-card.bad .target-bar span{
 background:linear-gradient(90deg, rgba(239,68,68,.60), rgba(255,0,102,.40));
}
.target-card.ok{
 border-color:rgba(0,212,255,.22);
 background:linear-gradient(135deg, rgba(0,212,255,.08), rgba(124,58,237,.06), rgba(255,255,255,.70));
}
/* Keep neutral looking calm */
.target-card.neutral{opacity:.95}
/* Tariffs content */
.tariff-block{
 border:1px solid rgba(15,23,42,.08);
 background:rgba(255,255,255,.86);
 border-radius:18px;
 padding: 14px 14px;
 box-shadow: var(--shadow-soft);
 font-size: 13px;
 line-height: 1.45;
 color: rgba(15,23,42,.86);
 overflow-wrap: anywhere;
}
.tariff-block strong, .tariff-block b{font-weight:950}
.tariff-block .muted{color: rgba(15,23,42,.62)}
/* ===== Shifts: inline hints (disabled day / reasons) ===== */
.shifts-hint{
 padding:10px 12px;
 border-radius:14px;
 border:1px solid rgba(15,23,42,.12);
 background:rgba(255,255,255,.86);
 box-shadow:var(--shadow-soft);
 font-size:13px;
 line-height:1.35;
}
.shifts-hint.ok{border-color:rgba(0,212,255,.28)}
.shifts-hint.warn{border-color:rgba(255,184,0,.35)}
.shifts-hint.error{border-color:rgba(255,0,102,.30)}

/* ===== hotfix: buyout coef tooltip mobile positioning ===== */
.coef-help-popover{
 left:0;
 right:auto;
 width:min(420px, calc(100vw - 48px));
}

@media (max-width: 768px){
 .coef-help{
  position:static;
 }
 .coef-help-popover{
  position:fixed;
  left:12px !important;
  right:12px !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%);
  width:auto !important;
  max-width:none;
  max-height:min(70vh, 560px);
  overflow:auto;
  z-index:10050;
  border-radius:18px;
 }
}

/* ===== hotfix: buyout coef tooltip prettier mobile modal v2 ===== */
.sheet-kpi-title-with-help{
  display:flex !important;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  flex-wrap:nowrap !important;
  width:100%;
}
.sheet-kpi-title-with-help > span{
  flex:1 1 auto;
  min-width:0;
}
.coef-help{
  position:relative;
  flex:0 0 auto;
}
.coef-help summary{
  width:20px;
  height:20px;
  font-size:12px;
  line-height:1;
}
.coef-help-bar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.coef-help-title{
  margin-bottom:0;
  font-size:13px;
  line-height:1.35;
}
.coef-help-close{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.98);
  color:rgba(15,23,42,.68);
  border-radius:999px;
  width:28px;
  height:28px;
  min-width:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.coef-help-close:active{
  transform:scale(.98);
}

/* desktop */
.coef-help-popover{
  left:50%;
  right:auto;
  transform:translateX(-50%);
  width:min(420px, calc(100vw - 48px));
}

/* mobile */
@media (max-width: 768px){
  .coef-help{
    position:static;
  }
  .coef-help[open]::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.18);
    backdrop-filter:blur(2px);
    z-index:10040;
  }
  .coef-help-popover{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    top:auto !important;
    bottom:max(12px, env(safe-area-inset-bottom)) !important;
    transform:none !important;
    width:auto !important;
    max-width:none !important;
    max-height:min(68vh, 560px);
    overflow:auto;
    padding:14px;
    border-radius:20px;
    z-index:10050;
    box-shadow:0 24px 60px rgba(15,23,42,.24);
  }
  .coef-help-title{
    font-size:12px;
  }
  .coef-help-table{
    min-width:0;
  }
  .coef-help-table th,
  .coef-help-table td{
    padding:8px 7px;
    font-size:11px;
    line-height:1.35;
  }
  .coef-help-table th:last-child,
  .coef-help-table td:last-child{
    width:68px;
  }
}

/* ===== hotfix: normalize buyout coef card to default style ===== */
.sheet-kpi-tb{
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
}

.sheet-kpi-tb .sheet-kpi-val{
  color: inherit !important;
}

.sheet-kpi-tb .sheet-kpi-head{
  margin-bottom: 6px;
}

.sheet-kpi-tb .coef-help summary{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,23,42,.16) !important;
  color: rgba(15,23,42,.72) !important;
}

@media (max-width: 768px){
  .sheet-kpi-tb{
    padding: 12px 12px !important;
  }

  .sheet-kpi-tb #daySheetTBHint{
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
}


/* ===== hotfix: remove duplicate bor/dot cards and fix dispute spacing ===== */
#daySheetMore{
  margin-bottom: 0 !important;
}

.sheet-bottom{
  padding: 14px 16px 16px 16px !important;
}

.sheet-bottom .btn{
  display: block;
  width: 100%;
}

@media (max-width: 768px){
  .sheet-bottom{
    padding-top: 16px !important;
  }
}

/* ===== hotfix: buyout clients single line on mobile ===== */
#daySheetBuyoutClients{
  white-space: nowrap;
}

@media (max-width: 768px){
  #daySheetBuyoutClients{
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    letter-spacing: -0.1px;
  }
}

.notif-btn{position:relative}
.notif-badge{
 position:absolute;
 top:-4px;
 right:-4px;
 min-width:18px;
 height:18px;
 padding:0 5px;
 border-radius:999px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 background:linear-gradient(135deg, var(--pink), var(--purple) 65%, var(--cyan));
 color:#fff;
 font-size:10px;
 font-weight:950;
 line-height:1;
 box-shadow:0 10px 22px rgba(255,0,102,.22), 0 8px 18px rgba(124,58,237,.18);
 border:2px solid rgba(255,255,255,.92);
}

/* Unified Shifts UI polish */
.shifts-info-card{
  padding-top:18px;
  padding-bottom:18px;
}
.shifts-booking-card{
  padding-top:18px;
}
.shifts-card-head-compact{
  align-items:center;
  margin-bottom:0;
}
.shifts-screen-spacer{
  height:12px;
}
.shifts-next-card{
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.78);
  border-radius:18px;
  box-shadow:var(--shadow-soft);
  padding:14px 16px;
}
.shifts-next-title{
  font-weight:900;
  color:rgba(15,23,42,.96);
}
.shifts-next-meta{
  margin-top:4px;
  color:rgba(15,23,42,.84);
  font-weight:700;
}
.shifts-next-status{
  margin-top:2px;
  color:rgba(15,23,42,.78);
}
.shifts-cal-legend{
  margin-top:12px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.shifts-cal-legend-item{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(15,23,42,.05);
  color:rgba(15,23,42,.72);
  font-size:12px;
  font-weight:800;
}
.shifts-cal-legend-item .dot{
  width:10px;
  height:10px;
  border-radius:999px;
  display:inline-block;
  flex:0 0 10px;
}
.shifts-cal-legend-item .dot-open{
  background:rgba(255,255,255,.98);
  border:1px solid rgba(201,125,232,.85);
  box-shadow:0 0 0 1px rgba(201,125,232,.12) inset;
}
.shifts-cal-legend-item .dot-own{
  background:linear-gradient(135deg, rgba(16,185,129,.92), rgba(5,150,105,.88) 60%, rgba(34,197,94,.82));
}
.shifts-cal-legend-item .dot-off{
  background:rgba(148,163,184,.55);
}
@media (max-width: 720px){
  .shifts-next-card{padding:12px 14px}
  .shifts-cal{padding:10px}
  .shifts-cal-weekdays{gap:6px;font-size:10px}
  .shifts-cal-grid{gap:6px}
  button.shifts-cal-cell{min-height:54px;padding:7px}
  .shifts-cal-legend-item{font-size:11px;padding:6px 9px}
}


/* Patch 04: surveys UI */
.survey-list{display:grid;gap:14px;}
.survey-card{border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));box-shadow:0 10px 26px rgba(15,23,42,.04);}
.survey-card.is-current{border-color:rgba(99,102,241,.25);box-shadow:0 14px 34px rgba(99,102,241,.12);}
.survey-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.survey-meta .tag,.survey-meta .badge{white-space:nowrap;}
.survey-question{padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;}
.survey-question + .survey-question{margin-top:12px;}
.survey-question-title{font-size:16px;font-weight:800;margin-bottom:6px;}
.survey-question-help{font-size:13px;color:#64748b;margin-bottom:12px;}
.survey-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px;}
.survey-scale label,.survey-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(15,23,42,.1);border-radius:14px;background:#fff;}
.survey-scale input,.survey-option input{margin:0;}
.survey-empty{padding:18px;border:1px dashed rgba(15,23,42,.14);border-radius:18px;background:rgba(248,250,252,.75);}
@media (max-width: 720px){.survey-scale{grid-template-columns:repeat(2,minmax(0,1fr));}}


.rating-page{padding-bottom:8px}
.rating-hero-card{overflow:hidden}
.rating-hero-head{align-items:flex-start}
.rating-level-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.2px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86)}
.rating-level-chip--good{color:#136c3f;background:rgba(22,163,74,.14);border-color:rgba(22,163,74,.28)}
.rating-level-chip--mid{color:#8a5a00;background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.28)}
.rating-level-chip--bad{color:#a11d33;background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.24)}
.rating-level-chip--neutral{color:rgba(15,23,42,.72)}
.rating-period-form{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.field-label{font-size:12px;font-weight:900;letter-spacing:.2px;color:rgba(15,23,42,.62)}
.rating-period-row{display:flex;gap:10px;align-items:center}
.rating-select{flex:1 1 auto;min-width:0}
.rating-period-pills{display:flex;gap:8px;overflow:auto;padding-bottom:2px}
.rating-summary-grid{display:grid;grid-template-columns:minmax(132px, 180px) 1fr;gap:12px;margin-top:16px}
.rating-score-panel{padding:18px;border-radius:22px;border:1px solid rgba(255,0,102,.14);background:linear-gradient(180deg, rgba(255,0,102,.10), rgba(124,58,237,.06));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:156px}
.rating-score-value{font-size:42px;line-height:1;font-weight:950;letter-spacing:.3px}
.rating-score-sub{margin-top:6px;font-size:15px;font-weight:900;color:rgba(15,23,42,.70)}
.rating-score-caption{margin-top:16px;font-size:12px;font-weight:800;color:rgba(15,23,42,.58)}
.rating-summary-meta{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:10px}
.rating-summary-box{padding:14px 16px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.78)}
.rating-summary-main{margin-top:6px;font-size:18px;font-weight:900;line-height:1.2}
.rating-summary-main--mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size:15px;word-break:break-word}
.rating-level-scale{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.rating-scale-item{padding:12px 14px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.74);display:flex;flex-direction:column;gap:4px}
.rating-scale-item span{font-size:12px;color:rgba(15,23,42,.58);font-weight:800}
.rating-scale-item strong{font-size:14px;line-height:1.2}
.rating-scale-item.is-active{border-color:rgba(255,0,102,.26);background:linear-gradient(180deg, rgba(255,0,102,.08), rgba(255,255,255,.88));box-shadow:0 12px 22px rgba(255,0,102,.08)}
.rating-empty{margin-top:16px;padding:18px;border-radius:20px;border:1px dashed rgba(15,23,42,.14);background:rgba(255,255,255,.72)}
.rating-empty-title{font-size:18px;font-weight:950;line-height:1.2}
.rating-empty-text{margin-top:8px;color:rgba(15,23,42,.72);line-height:1.5}
.rating-metrics-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rating-metric-card{padding:16px;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.80);box-shadow:var(--shadow-soft)}
.rating-metric-card--good{border-color:rgba(22,163,74,.26);background:linear-gradient(180deg, rgba(22,163,74,.08), rgba(255,255,255,.92))}
.rating-metric-card--mid{border-color:rgba(245,158,11,.28);background:linear-gradient(180deg, rgba(245,158,11,.10), rgba(255,255,255,.92))}
.rating-metric-card--bad{border-color:rgba(239,68,68,.24);background:linear-gradient(180deg, rgba(239,68,68,.08), rgba(255,255,255,.92))}
.rating-metric-top{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}
.rating-metric-title{font-size:16px;font-weight:950}
.rating-metric-score{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.82)}
.rating-metric-score--good{color:#136c3f;background:rgba(22,163,74,.14);border-color:rgba(22,163,74,.28)}
.rating-metric-score--mid{color:#8a5a00;background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.28)}
.rating-metric-score--bad{color:#a11d33;background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.24)}
.rating-metric-value{margin-top:14px;font-size:28px;font-weight:950;line-height:1.05}
.rating-metric-band{margin-top:10px;font-size:12px;color:rgba(15,23,42,.62)}
.rating-metric-gap{margin-top:12px;font-size:13px;font-weight:800;line-height:1.35}
.rating-formula-card{margin-top:14px;padding:16px;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.80)}
.rating-formula-line{font-size:18px;font-weight:950;line-height:1.35;word-break:break-word}
.rating-weight-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@media (max-width: 560px){
  .rating-summary-grid{grid-template-columns:1fr}
  .rating-score-panel{min-height:0;align-items:center;text-align:center}
  .rating-metrics-grid{grid-template-columns:1fr}
  .rating-period-row{flex-wrap:wrap}
  .rating-period-row .btn{width:100%}
}

@media (max-width: 380px){
 .tabbar{gap:6px;padding-left:8px;padding-right:8px}
 .tab{border-radius:14px}
 .tab span{font-size:9px}
 .tab svg{width:17px;height:17px}
 .badge-dot{right:8px}
}


.dashboard-rating-card{display:block;text-decoration:none;color:inherit;overflow:hidden;position:relative}
.dashboard-rating-card:hover{opacity:1}
.dashboard-rating-card:active{transform:translateY(1px)}
.dashboard-rating-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dashboard-rating-open{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.82);box-shadow:var(--shadow-soft);font-size:12px;font-weight:900;white-space:nowrap}
.dashboard-rating-layout{display:grid;grid-template-columns:minmax(112px,132px) 1fr;gap:12px;margin-top:14px;align-items:start}
.dashboard-rating-score-box{padding:16px;border-radius:22px;border:1px solid rgba(255,0,102,.14);background:linear-gradient(180deg, rgba(255,0,102,.10), rgba(124,58,237,.06));min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.dashboard-rating-score-value{font-size:34px;line-height:1;font-weight:950;letter-spacing:.2px}
.dashboard-rating-score-sub{margin-top:6px;font-size:14px;font-weight:900;color:rgba(15,23,42,.70)}
.dashboard-rating-level-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dashboard-rating-account{font-size:12px;font-weight:800;color:var(--muted);word-break:break-all}
.dashboard-rating-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.dashboard-rating-metric{padding:10px 12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft);min-width:0}
.dashboard-rating-metric--good{background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.22)}
.dashboard-rating-metric--mid{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.22)}
.dashboard-rating-metric--bad{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.20)}
.dashboard-rating-metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dashboard-rating-metric-name{font-size:12px;font-weight:900;letter-spacing:.2px}
.dashboard-rating-metric-score{font-size:11px;font-weight:900;color:rgba(15,23,42,.62);white-space:nowrap}
.dashboard-rating-metric-value{margin-top:8px;font-size:18px;font-weight:950;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-rating-hint{margin-top:10px;font-size:12px;color:var(--muted)}
.dashboard-rating-empty{margin-top:14px;padding:14px 14px;border-radius:18px;border:1px dashed rgba(15,23,42,.14);background:rgba(248,250,252,.72)}
.dashboard-rating-empty-title{font-size:14px;font-weight:950}
.dashboard-rating-empty-text{margin-top:6px;font-size:12px;color:var(--muted);line-height:1.45}
@media (max-width:640px){
 .dashboard-rating-layout{grid-template-columns:1fr;}
 .dashboard-rating-score-box{min-height:0;align-items:flex-start}
 .dashboard-rating-score-value{font-size:30px}
 .dashboard-rating-open{padding:7px 10px}
}

/* Patch 05: rating UI alignment */
.dashboard-rating-card--compact{padding:16px 16px 18px 16px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));box-shadow:0 14px 30px rgba(15,23,42,.06)}
.dashboard-rating-shell{display:grid;grid-template-columns:116px 1fr;gap:14px;align-items:center}
.dashboard-rating-orb{width:116px;height:116px;border-radius:32px;border:1px solid rgba(187,247,208,.92);background:linear-gradient(180deg,rgba(240,253,244,.98),rgba(220,252,231,.92));display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 6px rgba(255,255,255,.72)}
.dashboard-rating-orb--empty{border-color:rgba(226,232,240,.96);background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(241,245,249,.95))}
.dashboard-rating-orb-inner{text-align:center}
.dashboard-rating-orb-value{font-size:34px;line-height:1;font-weight:950;letter-spacing:-.02em}
.dashboard-rating-orb-sub{margin-top:6px;font-size:14px;font-weight:900;color:rgba(15,23,42,.66)}
.dashboard-rating-content{min-width:0}
.dashboard-rating-mainline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.dashboard-rating-maintext{font-size:20px;font-weight:950;line-height:1.2;letter-spacing:-.02em}
.dashboard-rating-inline-metrics{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.88)}
.dashboard-inline-metric{display:inline-flex;align-items:center;gap:6px;padding:4px 0;font-size:13px;line-height:1.2;white-space:nowrap;color:rgba(15,23,42,.88)}
.dashboard-inline-metric + .dashboard-inline-metric{position:relative;padding-left:14px}
.dashboard-inline-metric + .dashboard-inline-metric:before{content:'';position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:999px;background:rgba(148,163,184,.55);transform:translateY(-50%)}
.dashboard-inline-metric-name{font-weight:900;color:rgba(15,23,42,.64)}
.dashboard-inline-metric strong{font-size:15px;font-weight:950;color:#0f172a}
.dashboard-inline-metric-score{font-size:11px;font-weight:900;color:rgba(15,23,42,.48)}
.dashboard-inline-metric--good strong{color:#136c3f}
.dashboard-inline-metric--mid strong{color:#8a5a00}
.dashboard-inline-metric--bad strong{color:#a11d33}
.dashboard-rating-cta{margin-top:12px;font-size:13px;color:rgba(15,23,42,.58)}
.dashboard-rating-empty-inline{margin-top:12px;font-size:13px;line-height:1.45;color:rgba(15,23,42,.70)}

.rating-page--aligned{padding-bottom:8px}
.rating-hero-card--aligned{padding-bottom:18px}
.rating-page-lead{margin-top:8px;font-size:15px;line-height:1.45;color:rgba(15,23,42,.68)}
.rating-period-form--aligned{margin-top:16px;gap:12px}
.rating-period-row--aligned{display:flex;gap:10px;align-items:center}
.rating-select--hero{min-height:54px;border-radius:18px;font-size:16px;font-weight:800;background:rgba(255,255,255,.94)}
.rating-week-strip{display:flex;gap:8px;overflow:auto;padding-bottom:2px}
.rating-week-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.82);font-size:13px;font-weight:900;color:#0f172a;text-decoration:none;white-space:nowrap}
.rating-week-pill.is-active{border-color:rgba(236,72,153,.30);background:linear-gradient(180deg,rgba(253,242,248,.95),rgba(255,255,255,.98));box-shadow:0 10px 18px rgba(236,72,153,.10)}
.rating-overview-card{margin-top:16px;padding:18px;border-radius:26px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.95));display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}
.rating-overview-badge{width:180px;height:180px;border-radius:999px;border:1px solid rgba(187,247,208,.96);background:linear-gradient(180deg,rgba(240,253,244,.98),rgba(220,252,231,.92));display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 8px rgba(255,255,255,.84)}
.rating-overview-badge-inner{text-align:center}
.rating-overview-badge-value{font-size:62px;line-height:1;font-weight:950;letter-spacing:-.04em;color:#14261b}
.rating-overview-badge-sub{margin-top:8px;font-size:18px;font-weight:900;color:rgba(15,23,42,.64)}
.rating-overview-content{min-width:0}
.rating-overview-heading-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rating-overview-heading{font-size:25px;line-height:1.2;font-weight:950;letter-spacing:-.03em}
.rating-overview-subtitle{margin-top:12px;font-size:16px;line-height:1.45;color:rgba(15,23,42,.68)}
.rating-zone-scale{margin-top:16px}
.rating-zone-track{display:grid;grid-template-columns:1.6fr 1fr 1.6fr 1fr;gap:8px;align-items:center}
.rating-zone-segment{display:block;height:8px;border-radius:999px;opacity:.92}
.rating-zone-segment--attention{background:#ef4444}
.rating-zone-segment--start{background:#f59e0b}
.rating-zone-segment--profi{background:#65a30d}
.rating-zone-segment--master{background:#d4a710}
.rating-zone-labels{display:grid;grid-template-columns:1.6fr 1fr 1.6fr 1fr;gap:8px;margin-top:10px;font-size:13px;font-weight:900;color:rgba(15,23,42,.50)}
.rating-zone-labels span.is-active{color:#111827}
.rating-weight-inline{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;font-size:15px;font-weight:900;color:#1f2937}
.rating-weight-inline span{position:relative}
.rating-weight-inline span + span:before{content:'•';position:absolute;left:-10px;top:0;color:rgba(148,163,184,.7)}
.rating-empty--aligned{margin-top:16px}
.rating-metrics-card{overflow:hidden}
.rating-section-head--tight{margin-bottom:0}
.rating-metrics-grid--aligned{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rating-metric-card{padding:18px;border-radius:24px;box-shadow:none}
.rating-metric-heading-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rating-metric-title-wrap{min-width:0}
.rating-metric-title{font-size:18px;font-weight:950;letter-spacing:-.02em}
.rating-metric-description{margin-top:4px;font-size:14px;line-height:1.4;color:rgba(15,23,42,.62)}
.rating-metric-score{padding:8px 12px;font-size:12px}
.rating-metric-value{margin-top:14px;font-size:24px;line-height:1.05}
.rating-metric-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.rating-metric-scale-segment{display:block;height:8px;border-radius:999px;background:rgba(203,213,225,.75)}
.rating-metric-scale-segment.is-filled{background:linear-gradient(90deg,#86efac,#65a30d)}
.rating-metric-card--mid .rating-metric-scale-segment.is-filled{background:linear-gradient(90deg,#fcd34d,#f59e0b)}
.rating-metric-card--bad .rating-metric-scale-segment.is-filled{background:linear-gradient(90deg,#fda4af,#ef4444)}
.rating-metric-band{margin-top:12px}
.rating-metric-gap{margin-top:12px;font-size:14px;font-weight:900;line-height:1.4}
.rating-formula-card-wrap{overflow:hidden}
.rating-formula-grid{margin-top:16px;display:grid;grid-template-columns:1.25fr .95fr;gap:14px}
.rating-formula-card--main,.rating-formula-card--levels{margin-top:0;height:100%}
.rating-formula-text{font-size:16px;line-height:1.5;color:#1f2937}
.rating-weight-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rating-weight-badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:14px;font-size:14px;font-weight:900;border:1px solid rgba(15,23,42,.08)}
.rating-weight-badge--bor{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.18)}
.rating-weight-badge--dot{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.18)}
.rating-weight-badge--csat{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.18)}
.rating-weight-badge--opr{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.18)}
.rating-formula-lines{display:grid;gap:8px;margin-top:14px;font-size:14px;line-height:1.45;color:#1f2937}
.rating-formula-levels-title{font-size:20px;font-weight:950;letter-spacing:-.02em}
.rating-formula-level-item{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.4;color:#111827}
.rating-formula-level-item + .rating-formula-level-item{margin-top:12px}
.rating-level-dot{width:12px;height:12px;border-radius:999px;display:inline-block;flex:0 0 auto}
.rating-level-dot--master{background:#16a34a}
.rating-level-dot--profi{background:#65a30d}
.rating-level-dot--start{background:#f59e0b}
.rating-level-dot--attention{background:#ef4444}

@media (max-width: 720px){
  .dashboard-rating-shell{grid-template-columns:94px 1fr;gap:12px;align-items:start}
  .dashboard-rating-orb{width:94px;height:94px;border-radius:26px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.76)}
  .dashboard-rating-orb-value{font-size:28px}
  .dashboard-rating-maintext{font-size:18px}
  .dashboard-rating-inline-metrics{padding:10px}
  .dashboard-inline-metric{font-size:12px}
  .dashboard-inline-metric strong{font-size:14px}

  .rating-overview-card{grid-template-columns:1fr;gap:14px;padding:16px}
  .rating-overview-badge{width:140px;height:140px;margin:0 auto}
  .rating-overview-badge-value{font-size:48px}
  .rating-overview-badge-sub{font-size:16px}
  .rating-overview-heading{font-size:22px}
  .rating-overview-subtitle{font-size:15px}
  .rating-zone-track,.rating-zone-labels{grid-template-columns:1.4fr 1fr 1.4fr 1fr}
  .rating-weight-inline{gap:10px;font-size:14px}
  .rating-metrics-grid--aligned{grid-template-columns:1fr}
  .rating-formula-grid{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .dashboard-rating-card--compact{padding:14px}
  .dashboard-rating-shell{grid-template-columns:1fr}
  .dashboard-rating-orb{width:96px;height:96px}
  .dashboard-rating-content{display:block}
  .dashboard-rating-mainline{margin-top:8px}
  .dashboard-rating-inline-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dashboard-inline-metric,.dashboard-inline-metric + .dashboard-inline-metric{padding-left:0}
  .dashboard-inline-metric + .dashboard-inline-metric:before{display:none}

  .rating-period-row--aligned{flex-wrap:wrap}
  .rating-period-row--aligned .btn{width:100%}
  .rating-select--hero{width:100%}
  .rating-week-pill{font-size:12px;padding:9px 12px}
  .rating-overview-heading{font-size:20px}
  .rating-zone-labels{font-size:11px}
  .rating-weight-inline{gap:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .rating-weight-inline span + span:before{display:none}
}

/* Patch 10b: rating UI hard replace */
.dashboard-rating-v3{display:block;text-decoration:none;color:inherit;padding:16px 16px 18px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.95));box-shadow:0 14px 30px rgba(15,23,42,.06)}
.dashboard-rating-v3__grid{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center}
.dashboard-rating-v3__orb{width:104px;height:104px;border-radius:28px;border:1px solid rgba(187,247,208,.96);background:linear-gradient(180deg,rgba(240,253,244,.98),rgba(220,252,231,.92));display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 6px rgba(255,255,255,.82)}
.dashboard-rating-v3__orb--empty{border-color:rgba(203,213,225,.9);background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(241,245,249,.94))}
.dashboard-rating-v3__orb-inner{text-align:center}
.dashboard-rating-v3__orb-value{font-size:34px;line-height:1;font-weight:950;letter-spacing:-.04em;color:#14261b}
.dashboard-rating-v3__orb-sub{margin-top:8px;font-size:14px;font-weight:900;color:rgba(15,23,42,.60)}
.dashboard-rating-v3__content{min-width:0}
.dashboard-rating-v3__kicker{font-size:13px;font-weight:900;line-height:1.2;color:#6b7280}
.dashboard-rating-v3__headline-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.dashboard-rating-v3__headline{font-size:18px;line-height:1.2;font-weight:950;letter-spacing:-.02em;color:#111827}
.dashboard-rating-v3__metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dashboard-rating-v3__metric{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.96);font-size:14px;line-height:1.2;color:#0f172a}
.dashboard-rating-v3__metric-name{font-weight:900;color:#6b7280}
.dashboard-rating-v3__metric-score{font-size:12px;font-weight:900;color:rgba(15,23,42,.48)}
.dashboard-rating-v3__metric--good{background:rgba(236,253,245,.9);border-color:rgba(134,239,172,.75)}
.dashboard-rating-v3__metric--mid{background:rgba(255,251,235,.9);border-color:rgba(253,224,71,.7)}
.dashboard-rating-v3__metric--bad{background:rgba(255,241,242,.9);border-color:rgba(253,164,175,.75)}
.dashboard-rating-v3__hint{margin-top:12px;font-size:13px;color:rgba(15,23,42,.58)}
.dashboard-rating-v3__empty-text{margin-top:10px;font-size:14px;line-height:1.45;color:rgba(15,23,42,.72)}

.rating-v3-page{padding-bottom:8px}
.rating-v3-intro-card,.rating-v3-summary-card,.rating-v3-metrics-card,.rating-v3-formula-card,.rating-v3-empty-card{padding:18px;border-radius:28px}
.rating-v3-intro-text{margin-top:8px;font-size:15px;line-height:1.45;color:rgba(15,23,42,.68)}
.rating-v3-period-form{margin-top:16px}
.rating-v3-period-current{display:grid;grid-template-columns:40px 1fr 28px;gap:10px;align-items:center;padding:14px 16px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:rgba(255,255,255,.98)}
.rating-v3-period-current-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(248,250,252,.96);font-size:18px}
.rating-v3-select{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:auto!important;height:auto!important;font-size:16px;font-weight:900;color:#111827}
.rating-v3-select:focus{outline:none}
.rating-v3-period-submit{border:none;background:transparent;color:#9ca3af;font-size:28px;line-height:1;cursor:pointer;padding:0}
.rating-v3-period-history{margin-top:12px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:rgba(255,255,255,.98);overflow:hidden}
.rating-v3-history-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;text-decoration:none;color:#111827;font-size:15px;font-weight:900}
.rating-v3-history-row + .rating-v3-history-row{border-top:1px solid rgba(15,23,42,.07)}
.rating-v3-history-arrow{font-size:24px;color:#9ca3af;line-height:1}

.rating-v3-summary-card{display:block}
.rating-v3-summary-grid{display:grid;grid-template-columns:210px 1fr;gap:22px;align-items:center;margin-top:14px;padding:18px;border-radius:28px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.95))}
.rating-v3-orb-wrap{display:flex;align-items:center;justify-content:center}
.rating-v3-orb{width:188px;height:188px;border-radius:999px;border:1px solid rgba(187,247,208,.96);background:linear-gradient(180deg,rgba(240,253,244,.98),rgba(220,252,231,.92));display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 8px rgba(255,255,255,.84)}
.rating-v3-orb-value{font-size:68px;line-height:1;font-weight:950;letter-spacing:-.05em;color:#14261b}
.rating-v3-orb-sub{margin-top:10px;font-size:20px;font-weight:900;color:rgba(15,23,42,.58);text-align:center}
.rating-v3-summary-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rating-v3-summary-title{font-size:26px;line-height:1.2;font-weight:950;letter-spacing:-.03em;color:#111827}
.rating-v3-summary-text{margin-top:14px;font-size:16px;line-height:1.45;color:rgba(15,23,42,.68)}
.rating-v3-summary-warehouse{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:rgba(241,245,249,.92);border:1px solid rgba(15,23,42,.08);font-size:14px;line-height:1.35;color:#111827}
.rating-v3-zone-scale{margin-top:18px}
.rating-v3-zone-track{display:grid;grid-template-columns:1.4fr 1fr 1.4fr 1fr;gap:10px}
.rating-v3-zone-segment{display:block;height:8px;border-radius:999px}
.rating-v3-zone-segment--attention{background:#ef4444}
.rating-v3-zone-segment--start{background:#f59e0b}
.rating-v3-zone-segment--profi{background:#65a30d}
.rating-v3-zone-segment--master{background:#d4a710}
.rating-v3-zone-labels{display:grid;grid-template-columns:1.4fr 1fr 1.4fr 1fr;gap:10px;margin-top:12px;font-size:13px;font-weight:900;color:rgba(15,23,42,.46)}
.rating-v3-zone-labels span.is-active{color:#111827}
.rating-v3-weights{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;font-size:16px;font-weight:900;color:#1f2937}
.rating-v3-weight-dot{color:rgba(148,163,184,.7)}

.rating-v3-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.rating-v3-metric{padding:18px;border-radius:26px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.96)}
.rating-v3-metric--good{background:rgba(236,253,245,.58);border-color:rgba(134,239,172,.75)}
.rating-v3-metric--mid{background:rgba(255,251,235,.64);border-color:rgba(253,224,71,.68)}
.rating-v3-metric--bad{background:rgba(255,241,242,.62);border-color:rgba(253,164,175,.72)}
.rating-v3-metric-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.rating-v3-metric-title{font-size:18px;font-weight:950;letter-spacing:-.02em;color:#111827}
.rating-v3-metric-desc{margin-top:4px;font-size:14px;line-height:1.4;color:rgba(15,23,42,.58)}
.rating-v3-metric-score{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid currentColor;font-size:12px;font-weight:900;white-space:nowrap}
.rating-v3-metric--good .rating-v3-metric-score{color:#136c3f;background:rgba(220,252,231,.86)}
.rating-v3-metric--mid .rating-v3-metric-score{color:#9a6700;background:rgba(254,240,138,.58)}
.rating-v3-metric--bad .rating-v3-metric-score{color:#b42318;background:rgba(254,226,226,.84)}
.rating-v3-metric-value{margin-top:14px;font-size:24px;line-height:1.05;font-weight:950;color:#111827}
.rating-v3-metric-rank-wrap{margin-top:14px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08)}
.rating-v3-metric-rank{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rating-v3-metric-rank-label{font-size:13px;font-weight:900;color:rgba(15,23,42,.56)}
.rating-v3-metric-rank-value{font-size:20px;line-height:1.05;font-weight:950;color:#111827}
.rating-v3-metric-rank-delta{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}
.rating-v3-metric-rank-delta span{font-size:12px;font-weight:800;color:inherit;opacity:.82}
.rating-v3-metric-rank-delta--up{background:rgba(220,252,231,.96);color:#166534}
.rating-v3-metric-rank-delta--down{background:rgba(254,226,226,.96);color:#b42318}
.rating-v3-metric-rank-delta--same{background:rgba(241,245,249,.96);color:#475569}
.rating-v3-metric-rank-note{margin-top:8px;font-size:13px;line-height:1.35;color:rgba(15,23,42,.58)}
.rating-v3-metric-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.rating-v3-metric-scale-segment{display:block;height:8px;border-radius:999px;background:rgba(203,213,225,.9)}
.rating-v3-metric-scale-segment.is-filled{background:linear-gradient(90deg,#86efac,#65a30d)}
.rating-v3-metric--mid .rating-v3-metric-scale-segment.is-filled{background:linear-gradient(90deg,#fcd34d,#f59e0b)}
.rating-v3-metric--bad .rating-v3-metric-scale-segment.is-filled{background:linear-gradient(90deg,#fda4af,#ef4444)}
.rating-v3-metric-band{margin-top:12px;font-size:14px;color:rgba(15,23,42,.56)}
.rating-v3-metric-gap{margin-top:12px;font-size:14px;line-height:1.45;font-weight:900;color:#111827}

.rating-v3-formula-grid{display:grid;grid-template-columns:1.2fr .95fr;gap:14px;margin-top:14px}
.rating-v3-formula-main,.rating-v3-formula-levels{padding:18px;border-radius:24px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.96)}
.rating-v3-formula-text{font-size:15px;line-height:1.5;color:#1f2937}
.rating-v3-formula-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rating-v3-formula-badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.08);font-size:14px;font-weight:900}
.rating-v3-formula-badge--bor{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.18)}
.rating-v3-formula-badge--dot{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.18)}
.rating-v3-formula-badge--csat{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.18)}
.rating-v3-formula-badge--opr{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.18)}
.rating-v3-formula-lines{display:grid;gap:10px;margin-top:14px;font-size:14px;line-height:1.45;color:#1f2937}
.rating-v3-formula-levels-title{font-size:19px;font-weight:950;letter-spacing:-.02em;color:#111827}
.rating-v3-formula-level{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.45;color:#111827}
.rating-v3-formula-level + .rating-v3-formula-level{margin-top:12px}
.rating-v3-empty-title{margin-top:10px;font-size:20px;font-weight:950;letter-spacing:-.02em;color:#111827}
.rating-v3-empty-text{margin-top:10px;font-size:15px;line-height:1.5;color:rgba(15,23,42,.7)}

@media (max-width: 720px){
  .dashboard-rating-v3__grid{grid-template-columns:88px 1fr;gap:12px;align-items:start}
  .dashboard-rating-v3__orb{width:88px;height:88px;border-radius:24px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.82)}
  .dashboard-rating-v3__orb-value{font-size:28px}
  .dashboard-rating-v3__orb-sub{font-size:13px}
  .dashboard-rating-v3__headline{font-size:17px}
  .dashboard-rating-v3__metrics{gap:6px}
  .dashboard-rating-v3__metric{font-size:13px;padding:7px 10px}

  .rating-v3-summary-grid{grid-template-columns:1fr;gap:16px;padding:16px}
  .rating-v3-orb{width:152px;height:152px}
  .rating-v3-orb-value{font-size:54px}
  .rating-v3-orb-sub{font-size:18px}
  .rating-v3-summary-title{font-size:24px}
  .rating-v3-zone-track,.rating-v3-zone-labels{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rating-v3-weights{font-size:15px}
  .rating-v3-metrics-grid,.rating-v3-formula-grid{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .dashboard-rating-v3{padding:14px}
  .dashboard-rating-v3__grid{grid-template-columns:1fr}
  .dashboard-rating-v3__orb{width:92px;height:92px}
  .dashboard-rating-v3__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-rating-v3__metric{justify-content:space-between;width:100%}

  .rating-v3-intro-card,.rating-v3-summary-card,.rating-v3-metrics-card,.rating-v3-formula-card,.rating-v3-empty-card{padding:16px;border-radius:24px}
  .rating-v3-period-current{grid-template-columns:36px 1fr 24px;padding:12px 14px}
  .rating-v3-period-current-icon{width:36px;height:36px;border-radius:12px;font-size:16px}
  .rating-v3-select{font-size:15px}
  .rating-v3-history-row{padding:14px 16px;font-size:14px}
  .rating-v3-summary-title{font-size:21px}
  .rating-v3-summary-text{font-size:15px}
  .rating-v3-zone-labels{font-size:11px;gap:6px}
  .rating-v3-weights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:14px}
  .rating-v3-weight-dot{display:none}
  .rating-v3-metric{padding:16px}
  .rating-v3-metric-head{gap:10px}
  .rating-v3-metric-score{padding:7px 10px}
  .rating-v3-formula-main,.rating-v3-formula-levels{padding:16px}
}


/* PATCH_REFERRAL_BANNER_GLOSSY_V3_20260402 */
.income-referral-banner.income-referral-banner--glossy{
 position:relative;
 overflow:hidden;
 padding:22px;
 border-radius:28px;
 border:1px solid rgba(255,255,255,.52);
 background:
  radial-gradient(circle at 10% 16%, rgba(255,255,255,.96), rgba(255,255,255,.88) 22%, rgba(255,255,255,0) 44%),
  radial-gradient(circle at 87% 22%, rgba(186,155,255,.34), rgba(186,155,255,0) 34%),
  radial-gradient(circle at 84% 74%, rgba(255,97,160,.30), rgba(255,97,160,0) 32%),
  radial-gradient(circle at 4% 95%, rgba(144,199,255,.20), rgba(144,199,255,0) 24%),
  linear-gradient(135deg, #cfbef9 0%, #f6d8f4 18%, #f9f7fd 42%, #ffd7e7 70%, #bfd7ff 100%);
 box-shadow:
  inset 0 1px 0 rgba(255,255,255,.78),
  0 26px 56px rgba(122,79,184,.20),
  0 18px 38px rgba(255,89,143,.16);
}
.income-referral-banner.income-referral-banner--glossy::before{
 content:"";
 position:absolute;
 inset:auto -12% -28% -22%;
 height:54%;
 border-radius:999px;
 border:1px solid rgba(255,255,255,.34);
 background:
  radial-gradient(circle at 50% 0%, rgba(255,255,255,.42), rgba(255,255,255,0) 60%),
  linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
 transform:rotate(-8deg);
 box-shadow:0 -1px 0 rgba(255,255,255,.28) inset;
}
.income-referral-banner.income-referral-banner--glossy::after{
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 background-image:
  radial-gradient(circle at 9% 26%, rgba(255,255,255,.96) 0 1.2px, transparent 1.7px),
  radial-gradient(circle at 19% 75%, rgba(255,255,255,.78) 0 1px, transparent 1.5px),
  radial-gradient(circle at 42% 16%, rgba(255,255,255,.88) 0 1.2px, transparent 1.7px),
  radial-gradient(circle at 58% 40%, rgba(255,255,255,.68) 0 1px, transparent 1.5px),
  radial-gradient(circle at 73% 30%, rgba(255,255,255,.95) 0 1.3px, transparent 1.8px),
  radial-gradient(circle at 84% 62%, rgba(255,255,255,.84) 0 1.1px, transparent 1.6px),
  radial-gradient(circle at 93% 14%, rgba(255,255,255,.84) 0 1px, transparent 1.5px),
  radial-gradient(circle at 96% 72%, rgba(255,255,255,.92) 0 1.2px, transparent 1.8px);
 opacity:.88;
}
.income-referral-banner__topline{
 position:relative;
 z-index:1;
 text-align:center;
 font-size:15px;
 line-height:1.2;
 font-weight:950;
 color:#7b46be;
 margin-bottom:14px;
}
.income-referral-banner__layout{
 position:relative;
 z-index:1;
 display:grid;
 grid-template-columns:minmax(0,1.2fr) minmax(180px,.84fr);
 gap:18px;
 align-items:start;
}
.income-referral-banner__main{
 display:flex;
 flex-direction:column;
 gap:10px;
 min-width:0;
}
.income-referral-banner__visual{
 display:flex;
 align-items:center;
 justify-content:flex-start;
 min-height:118px;
}
.income-referral-banner__van-shell{
 width:min(100%, 320px);
 padding:8px 0 0;
 filter:drop-shadow(0 20px 24px rgba(62, 27, 111, .18));
}
.income-referral-banner__van-svg{
 display:block;
 width:100%;
 height:auto;
}
.income-referral-banner__copy{
 max-width:100%;
}
.income-referral-banner__title{
 font-size:clamp(28px, 5.6vw, 54px);
 line-height:1.02;
 font-weight:1000;
 letter-spacing:-.03em;
 color:#2d1749;
 text-wrap:balance;
}
.income-referral-banner__title-accent,
.income-referral-banner__title-amount{
 background:linear-gradient(180deg, #ff3d9a 0%, #e8006b 100%);
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent;
}
.income-referral-banner__title-amount{
 white-space:nowrap;
}
.income-referral-banner__text{
 margin-top:16px;
 max-width:420px;
 font-size:15px;
 line-height:1.48;
 color:rgba(77, 55, 109, .92);
}
.income-referral-banner__cta{
 margin-top:18px;
 min-width:280px;
 padding:16px 24px;
 border-radius:999px;
 font-size:17px;
 line-height:1.1;
 letter-spacing:-.01em;
 background:linear-gradient(90deg, #ff2a7f 0%, #c446ff 54%, #2f7bff 100%);
 box-shadow:
  inset 0 2px 0 rgba(255,255,255,.62),
  0 22px 36px rgba(197,58,154,.28),
  0 0 0 4px rgba(255,255,255,.22);
}
.income-referral-banner__side{
 display:flex;
 flex-direction:column;
 gap:14px;
 min-width:0;
}
.income-referral-banner__bonus-card{
 padding:18px 18px 16px;
 border-radius:28px;
 border:2px solid rgba(255,198,220,.92);
 background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,245,249,.92));
 box-shadow:
  inset 0 1px 0 rgba(255,255,255,.9),
  0 18px 28px rgba(217,97,160,.16),
  0 0 0 6px rgba(255,255,255,.12);
 text-align:center;
}
.income-referral-banner__amount-label{
 font-size:12px;
 line-height:1.2;
 text-transform:uppercase;
 letter-spacing:.06em;
 font-weight:950;
 color:#7b46be;
}
.income-referral-banner__amount{
 margin-top:10px;
 font-size:clamp(34px, 6vw, 58px);
 line-height:.96;
 font-weight:1000;
 letter-spacing:-.05em;
 background:linear-gradient(180deg, #ff4ca5 0%, #eb006d 100%);
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent;
}
.income-referral-banner__amount-note{
 margin-top:8px;
 font-size:13px;
 line-height:1.35;
 color:rgba(101, 69, 145, .92);
}
.income-referral-banner__meta{
 display:flex;
 flex-direction:column;
 gap:10px;
}
.income-referral-banner__pill{
 display:flex;
 align-items:center;
 justify-content:center;
 min-height:54px;
 padding:13px 18px;
 border-radius:999px;
 color:#fff;
 font-size:14px;
 line-height:1.2;
 font-weight:950;
 text-align:center;
 border:1px solid rgba(255,255,255,.35);
 box-shadow:
  inset 0 1px 0 rgba(255,255,255,.56),
  0 16px 26px rgba(122,79,184,.18);
}
.income-referral-banner__pill--major{
 background:linear-gradient(90deg, #b05cf2 0%, #ff4a9d 100%);
}
.income-referral-banner__pill--alt{
 background:linear-gradient(90deg, #2b74ff 0%, #9a4dff 52%, #ff2a7f 100%);
}
.income-referral-banner__pill--soft{
 color:#432766;
 background:rgba(255,255,255,.76);
 border-color:rgba(255,255,255,.76);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 12px 20px rgba(122,79,184,.10);
}
@media (max-width: 640px){
 .income-referral-banner.income-referral-banner--glossy{
  padding:18px 16px 20px;
  border-radius:24px;
 }
 .income-referral-banner__layout{
  grid-template-columns:1fr;
 }
 .income-referral-banner__visual{
  min-height:88px;
  justify-content:center;
 }
 .income-referral-banner__van-shell{
  width:min(100%, 280px);
 }
 .income-referral-banner__copy{
  text-align:left;
 }
 .income-referral-banner__title{
  font-size:clamp(24px, 9vw, 40px);
 }
 .income-referral-banner__text{
  max-width:none;
  margin-top:14px;
  font-size:14px;
 }
 .income-referral-banner__cta{
  width:100%;
  min-width:0;
  font-size:18px;
 }
 .income-referral-banner__side{
  gap:10px;
 }
 .income-referral-banner__bonus-card{
  padding:16px 14px 14px;
 }
 .income-referral-banner__pill{
  min-height:50px;
  font-size:13px;
 }
}

/* PATCH_REFERRAL_BANNER_FROM_HTML_PREMIUM_20260402 */
.income-referral-premium{
 position:relative;
 overflow:hidden;
 border-radius:34px;
 padding:34px 34px 30px;
 min-height:460px;
 color:#f4f2ef;
 background:
  linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01)),
  radial-gradient(circle at 66% 24%, rgba(255,188,87,0.11), transparent 24%),
  radial-gradient(circle at 82% 84%, rgba(255,185,71,0.16), transparent 22%),
  linear-gradient(134deg, rgba(14,14,18,.98) 0%, rgba(26,24,28,.96) 48%, rgba(49,39,33,.9) 100%);
 border:1px solid rgba(255,255,255,0.06);
 box-shadow:0 24px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05);
 isolation:isolate;
}
.income-referral-premium::before{
 content:"";
 position:absolute;
 inset:0;
 background:
  linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px),
  linear-gradient(rgba(255,255,255,.02) 0 1px, transparent 1px);
 background-size:140px 140px;
 opacity:.14;
 -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), transparent 88%);
 mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), transparent 88%);
 pointer-events:none;
 z-index:-1;
}
.income-referral-premium::after{
 content:"";
 position:absolute;
 left:1.2rem;
 right:1.2rem;
 bottom:1.1rem;
 height:2px;
 border-radius:999px;
 background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), rgba(255,194,92,.45), transparent);
 opacity:.7;
 pointer-events:none;
}
.income-referral-premium__glow{
 position:absolute;
 border-radius:999px;
 filter:blur(18px);
 opacity:.65;
 pointer-events:none;
}
.income-referral-premium__glow--1{
 width:260px;
 height:260px;
 background:rgba(229,0,43,.18);
 top:-80px;
 left:-70px;
}
.income-referral-premium__glow--2{
 width:320px;
 height:320px;
 background:rgba(242,180,70,.2);
 right:-90px;
 top:90px;
}
.income-referral-premium__glow--3{
 width:280px;
 height:120px;
 background:rgba(255,174,58,.26);
 right:130px;
 bottom:72px;
 filter:blur(26px);
}
.income-referral-premium__route-lines{
 position:absolute;
 inset:0;
 pointer-events:none;
 opacity:.3;
}
.income-referral-premium__route-lines svg{width:100%;height:100%}
.income-referral-premium__content{
 position:relative;
 display:grid;
 grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
 gap:34px;
 align-items:stretch;
 z-index:1;
}
.income-referral-premium__left{
 display:flex;
 flex-direction:column;
 gap:24px;
 padding-right:12px;
 min-width:0;
}
.income-referral-premium__brand{
 display:flex;
 align-items:center;
 gap:16px;
 padding-top:6px;
}
.income-referral-premium__brand-mark{
 width:66px;
 height:66px;
 border-radius:18px;
 display:grid;
 place-items:center;
 background:linear-gradient(180deg, #ff314f 0%, #c70025 100%);
 box-shadow:0 12px 28px rgba(229,0,43,.34), inset 0 1px 0 rgba(255,255,255,.25), inset 0 -8px 16px rgba(0,0,0,.18);
 flex-shrink:0;
}
.income-referral-premium__brand-mark svg{width:37px;height:37px;opacity:.96}
.income-referral-premium__brand-name{
 font-size:clamp(38px, 5.8vw, 72px);
 font-weight:800;
 letter-spacing:-.055em;
 line-height:.95;
 color:#f7f5f2;
 text-shadow:0 4px 24px rgba(0,0,0,.18);
}
.income-referral-premium__eyebrow{
 margin-top:2px;
 font-size:clamp(22px, 2.15vw, 34px);
 line-height:1.2;
 color:rgba(244,242,239,.76);
 letter-spacing:-.03em;
 font-weight:500;
}
.income-referral-premium__headline{
 max-width:720px;
 font-size:clamp(48px, 6.4vw, 86px);
 line-height:.98;
 letter-spacing:-.065em;
 font-weight:900;
 text-wrap:balance;
}
.income-referral-premium__headline-accent{
 display:inline-block;
 color:transparent;
 background:linear-gradient(180deg, #ffebad 0%, #f5ca61 34%, #efb741 70%, #ffe59d 100%);
 -webkit-background-clip:text;
 background-clip:text;
 text-shadow:0 0 24px rgba(246,189,78,.15);
}
.income-referral-premium__conditions{
 display:grid;
 gap:14px;
 max-width:780px;
}
.income-referral-premium__condition{
 display:grid;
 grid-template-columns:54px 1fr;
 gap:14px;
 align-items:center;
}
.income-referral-premium__check{
 width:54px;
 height:54px;
 border-radius:50%;
 display:grid;
 place-items:center;
 background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
 border:1px solid rgba(255,255,255,.08);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 18px rgba(0,0,0,.18);
}
.income-referral-premium__check svg{width:26px;height:26px}
.income-referral-premium__condition-text{
 font-size:clamp(21px, 1.95vw, 31px);
 line-height:1.22;
 letter-spacing:-.04em;
 color:#f4f2ef;
 text-wrap:balance;
}
.income-referral-premium__cta-row{
 margin-top:8px;
 display:flex;
 align-items:center;
 gap:18px;
 flex-wrap:wrap;
}
.income-referral-premium__cta{
 position:relative;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:min(520px, 100%);
 min-height:92px;
 padding:18px 36px;
 border-radius:28px;
 cursor:pointer;
 font-size:clamp(24px, 2.3vw, 40px);
 font-weight:800;
 letter-spacing:-.045em;
 color:#fff4f5;
 text-decoration:none;
 background:linear-gradient(180deg, #ff425e 0%, #ff1f41 42%, #d10028 100%);
 box-shadow:0 14px 0 #8c001b, 0 24px 42px rgba(229,0,43,.35), inset 0 1px 0 rgba(255,255,255,.22);
 transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.income-referral-premium__cta:hover{
 transform:translateY(-2px);
 box-shadow:0 16px 0 #8c001b, 0 30px 52px rgba(229,0,43,.42), inset 0 1px 0 rgba(255,255,255,.26);
 filter:saturate(1.05);
}
.income-referral-premium__cta:active{
 transform:translateY(3px);
 box-shadow:0 11px 0 #8c001b, 0 18px 26px rgba(229,0,43,.28), inset 0 1px 0 rgba(255,255,255,.18);
}
.income-referral-premium__cta span{display:inline-flex;align-items:center;gap:14px}
.income-referral-premium__cta-arrow{transform:translateY(-1px);opacity:.95}
.income-referral-premium__right{
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center;
 min-height:100%;
}
.income-referral-premium__bonus-card{
 position:relative;
 width:min(100%, 470px);
 border-radius:28px;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.11);
 background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
 box-shadow:0 28px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
 transform:translateY(14px);
 backdrop-filter:blur(8px);
}
.income-referral-premium__bonus-head{
 position:relative;
 background:radial-gradient(circle at 82% 12%, rgba(255,255,255,.65), transparent 22%), linear-gradient(180deg, #f9df95 0%, #efc158 56%, #d99b2d 100%);
 color:#1b1712;
 padding:28px 30px 24px;
 min-height:228px;
}
.income-referral-premium__bonus-head::after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 height:1px;
 background:rgba(82,48,7,.16);
}
.income-referral-premium__bonus-top{
 display:grid;
 grid-template-columns:92px 1fr;
 gap:18px;
 align-items:start;
}
.income-referral-premium__gift-wrap{
 width:92px;
 height:92px;
 display:grid;
 place-items:center;
 filter:drop-shadow(0 6px 10px rgba(120,66,10,.18));
}
.income-referral-premium__bonus-title{
 margin:0;
 font-size:clamp(28px, 2.5vw, 48px);
 line-height:.98;
 letter-spacing:-.05em;
 font-weight:900;
 color:#1b1712;
}
.income-referral-premium__bonus-subtitle{
 margin-top:16px;
 font-size:clamp(20px, 1.55vw, 27px);
 line-height:1.14;
 letter-spacing:-.03em;
 color:rgba(27,23,18,.95);
 font-weight:500;
}
.income-referral-premium__bonus-body{
 position:relative;
 background:linear-gradient(180deg, rgba(31,28,30,.98) 0%, rgba(26,24,27,.98) 100%);
 padding:22px 30px 26px;
}
.income-referral-premium__bonus-body::before{
 content:"";
 position:absolute;
 left:28px;
 right:28px;
 bottom:14px;
 height:18px;
 background:radial-gradient(circle at center, rgba(247,175,66,.55), transparent 62%);
 filter:blur(8px);
 opacity:.55;
}
.income-referral-premium__bonus-list{
 list-style:none;
 margin:0;
 padding:0;
 display:grid;
 gap:14px;
 position:relative;
 z-index:1;
}
.income-referral-premium__bonus-item{
 display:grid;
 grid-template-columns:26px 1fr;
 gap:12px;
 align-items:center;
 color:#f6efe8;
 font-size:clamp(21px, 1.78vw, 31px);
 font-weight:700;
 letter-spacing:-.045em;
}
.income-referral-premium__bonus-item small{font-size:.95em;font-weight:600;opacity:.94}
.income-referral-premium__side-decoration{
 position:absolute;
 right:-10px;
 bottom:-14px;
 width:290px;
 height:210px;
 pointer-events:none;
 opacity:.98;
}
@media (max-width: 1100px){
 .income-referral-premium{min-height:unset;padding:28px 26px 26px}
 .income-referral-premium__content{grid-template-columns:1fr;gap:26px}
 .income-referral-premium__left{padding-right:0}
 .income-referral-premium__right{justify-content:flex-start}
 .income-referral-premium__bonus-card{width:min(100%, 640px);transform:none}
 .income-referral-premium__side-decoration{right:-12px;width:245px;height:176px}
}
@media (max-width: 760px){
 .income-referral-premium{border-radius:24px;padding:18px 16px 18px}
 .income-referral-premium__brand{gap:12px}
 .income-referral-premium__brand-mark{width:52px;height:52px;border-radius:14px}
 .income-referral-premium__brand-mark svg{width:29px;height:29px}
 .income-referral-premium__eyebrow{font-size:18px}
 .income-referral-premium__headline{font-size:clamp(32px, 10vw, 46px)}
 .income-referral-premium__conditions{gap:12px}
 .income-referral-premium__condition{grid-template-columns:40px 1fr;gap:10px}
 .income-referral-premium__check{width:40px;height:40px}
 .income-referral-premium__check svg{width:18px;height:18px}
 .income-referral-premium__condition-text{font-size:17px;line-height:1.25}
 .income-referral-premium__cta{min-width:100%;min-height:74px;border-radius:22px;padding:14px 18px;font-size:22px;box-shadow:0 10px 0 #8c001b, 0 20px 26px rgba(229,0,43,.28), inset 0 1px 0 rgba(255,255,255,.18)}
 .income-referral-premium__bonus-card{border-radius:22px}
 .income-referral-premium__bonus-head,.income-referral-premium__bonus-body{padding-left:18px;padding-right:18px}
 .income-referral-premium__bonus-head{min-height:auto;padding-top:20px;padding-bottom:18px}
 .income-referral-premium__bonus-top{grid-template-columns:64px 1fr;gap:12px}
 .income-referral-premium__gift-wrap{width:64px;height:64px}
 .income-referral-premium__bonus-body::before{left:14px;right:14px}
 .income-referral-premium__bonus-item{font-size:18px}
 .income-referral-premium__side-decoration{display:none}
}


/* PATCH: referral banner compact stable v5 */
.income-referral-final {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 0% 0%, rgba(229,0,43,.24), transparent 28%),
    radial-gradient(circle at 82% 28%, rgba(246,189,78,.24), transparent 28%),
    linear-gradient(135deg, #18181d 0%, #222126 48%, #2d2724 100%);
  box-shadow: 0 18px 42px rgba(15,23,42,.18);
}

.income-referral-final__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(220px, .8fr);
  gap: 18px;
  align-items: stretch;
  padding: 22px;
}

.income-referral-final__main {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.income-referral-final__eyebrow {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  color: rgba(255,255,255,.72);
}

.income-referral-final__brand {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 16px;
  background: linear-gradient(180deg, #ff3356 0%, #d40028 100%);
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.04em;
  box-shadow: 0 14px 28px rgba(229,0,43,.28);
}

.income-referral-final__title {
  margin: 0;
  max-width: 660px;
  font-size: clamp(30px, 5vw, 52px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 900;
  color: #fffaf6;
}

.income-referral-final__text {
  max-width: 680px;
  font-size: 17px;
  line-height: 1.45;
  color: rgba(255,255,255,.84);
}

.income-referral-final__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.income-referral-final__fact {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  color: #fff6ef;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.income-referral-final__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 52px;
  padding: 12px 20px;
  border-radius: 18px;
  background: linear-gradient(90deg, #ff2e57 0%, #ff3b8a 52%, #4266ff 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(66,102,255,.18), 0 10px 22px rgba(229,0,43,.22);
}

.income-referral-final__bonus {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  padding: 20px 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, #f8dfa0 0%, #e7ba51 100%);
  color: #140d0d;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 18px 28px rgba(0,0,0,.18);
}

.income-referral-final__bonus-label {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  opacity: .78;
}

.income-referral-final__bonus-amount {
  font-size: clamp(34px, 5vw, 54px);
  line-height: .92;
  letter-spacing: -.05em;
  font-weight: 900;
}

.income-referral-final__bonus-note {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  opacity: .82;
}

@media (max-width: 900px) {
  .income-referral-final__inner {
    grid-template-columns: 1fr;
  }

  .income-referral-final__bonus {
    order: -1;
  }
}

@media (max-width: 640px) {
  .income-referral-final {
    border-radius: 24px;
  }

  .income-referral-final__inner {
    padding: 16px;
    gap: 14px;
  }

  .income-referral-final__brand {
    min-height: 42px;
    padding: 0 14px;
    font-size: 24px;
  }

  .income-referral-final__title {
    font-size: 30px;
    max-width: 100%;
  }

  .income-referral-final__text {
    font-size: 15px;
  }

  .income-referral-final__facts {
    display: grid;
    grid-template-columns: 1fr;
  }

  .income-referral-final__fact {
    min-height: 0;
    border-radius: 16px;
    font-size: 14px;
    padding: 11px 12px;
  }

  .income-referral-final__cta {
    width: 100%;
    align-self: stretch;
    min-height: 48px;
    font-size: 17px;
    border-radius: 16px;
  }

  .income-referral-final__bonus {
    padding: 16px 14px;
    border-radius: 18px;
  }

  .income-referral-final__bonus-label {
    font-size: 13px;
  }

  .income-referral-final__bonus-amount {
    font-size: 36px;
  }

  .income-referral-final__bonus-note {
    font-size: 14px;
  }
}


/* PATCH: referral banner clean native v6 */
.income-referral-clean {
  position: relative;
  overflow: hidden;
  padding: 18px !important;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 0% 0%, rgba(229,0,43,.18), transparent 26%),
    radial-gradient(circle at 84% 20%, rgba(246,189,78,.16), transparent 24%),
    linear-gradient(135deg, #17181d 0%, #222127 55%, #2a2625 100%);
  box-shadow: 0 18px 42px rgba(15,23,42,.16);
  color: #fffaf6;
  isolation: isolate;
}

.income-referral-clean__orb {
  position: absolute;
  border-radius: 999px;
  filter: blur(26px);
  opacity: .65;
  pointer-events: none;
  z-index: 0;
}

.income-referral-clean__orb--pink {
  width: 180px;
  height: 180px;
  left: -50px;
  top: -40px;
  background: rgba(229,0,43,.22);
}

.income-referral-clean__orb--gold {
  width: 180px;
  height: 180px;
  right: -46px;
  top: 28px;
  background: rgba(246,189,78,.18);
}

.income-referral-clean > * {
  position: relative;
  z-index: 1;
}

.income-referral-clean__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.income-referral-clean__eyebrow {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 800;
  color: rgba(255,255,255,.76);
}

.income-referral-clean__sum {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(248,223,160,.96) 0%, rgba(231,186,81,.98) 100%);
  color: #17110f;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -.02em;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
}

.income-referral-clean__logo {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 44px;
  padding: 0 15px;
  border-radius: 16px;
  background: linear-gradient(180deg, #ff3356 0%, #d40028 100%);
  color: #fff;
  font-size: 27px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.05em;
  box-shadow: 0 14px 28px rgba(229,0,43,.24);
}

.income-referral-clean__title {
  margin-top: 14px;
  max-width: 420px;
  font-size: clamp(34px, 7vw, 56px);
  line-height: .96;
  font-weight: 900;
  letter-spacing: -.06em;
  text-wrap: balance;
}

.income-referral-clean__text {
  margin-top: 14px;
  max-width: 460px;
  font-size: 17px;
  line-height: 1.46;
  color: rgba(255,255,255,.86);
}

.income-referral-clean__facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 16px;
}

.income-referral-clean__fact {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 11px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff6ef;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

.income-referral-clean__footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin-top: 16px;
}

.income-referral-clean__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  padding: 12px 18px;
  border-radius: 16px;
  background: linear-gradient(90deg, #ff2e57 0%, #ff3b8a 52%, #4266ff 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(66,102,255,.18), 0 10px 22px rgba(229,0,43,.20);
}

.income-referral-clean__note {
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255,255,255,.62);
}

@media (min-width: 768px) {
  .income-referral-clean {
    padding: 22px !important;
  }

  .income-referral-clean__head {
    margin-bottom: 16px;
  }

  .income-referral-clean__facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .income-referral-clean__fact {
    justify-content: center;
    text-align: center;
    min-height: 56px;
  }

  .income-referral-clean__footer {
    grid-template-columns: auto 1fr;
    align-items: center;
  }

  .income-referral-clean__cta {
    width: auto;
    min-width: 240px;
  }

  .income-referral-clean__note {
    text-align: right;
  }
}

@media (max-width: 520px) {
  .income-referral-clean {
    border-radius: 24px;
    padding: 16px !important;
  }

  .income-referral-clean__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
  }

  .income-referral-clean__sum {
    min-height: 34px;
    padding: 0 12px;
    font-size: 15px;
  }

  .income-referral-clean__logo {
    min-height: 40px;
    padding: 0 14px;
    font-size: 24px;
    border-radius: 14px;
  }

  .income-referral-clean__title {
    margin-top: 12px;
    font-size: 30px;
    max-width: 100%;
  }

  .income-referral-clean__text {
    margin-top: 12px;
    font-size: 15px;
  }

  .income-referral-clean__fact {
    font-size: 14px;
    padding: 10px 12px;
  }

  .income-referral-clean__cta {
    min-height: 48px;
    font-size: 17px;
  }
}

/* PATCH_REFERRAL_INCOME_BANNER_V9_BONUS_CARD_20260402 */
.income-referral-v7 {
  position: relative;
  overflow: hidden;
  padding: 18px !important;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 8% 6%, rgba(229,0,43,.20), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(246,189,78,.14), transparent 22%),
    linear-gradient(135deg, #17181d 0%, #1f2026 58%, #272423 100%);
  box-shadow: 0 18px 42px rgba(15,23,42,.16);
  color: #fffaf6;
  isolation: isolate;
}

.income-referral-v7 > * {
  position: relative;
  z-index: 1;
}

.income-referral-v7__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(24px);
  opacity: .58;
  pointer-events: none;
  z-index: 0;
}

.income-referral-v7__glow--pink {
  width: 150px;
  height: 150px;
  left: -44px;
  top: -38px;
  background: rgba(229,0,43,.24);
}

.income-referral-v7__glow--gold {
  width: 160px;
  height: 160px;
  right: -30px;
  top: 2px;
  background: rgba(246,189,78,.18);
}

.income-referral-v7__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 16px;
}

.income-referral-v7__logo {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ff3356 0%, #d40028 100%);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.05em;
  box-shadow: 0 12px 24px rgba(229,0,43,.22);
}

.income-referral-v7__bonus-card {
  width: min(100%, 228px);
  margin-left: auto;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,238,188,.22);
  background: linear-gradient(180deg, #f8e3a4 0%, #e7be62 52%, #cf9027 100%);
  color: #18120e;
  box-shadow: 0 18px 30px rgba(17, 13, 9, .20), inset 0 1px 0 rgba(255,255,255,.45);
}

.income-referral-v7__bonus-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 13px 8px;
}

.income-referral-v7__bonus-gift {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
}

.income-referral-v7__bonus-gift svg {
  display: block;
  width: 100%;
  height: 100%;
}

.income-referral-v7__bonus-copy {
  min-width: 0;
}

.income-referral-v7__bonus-kicker {
  font-size: 11px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(24,18,14,.72);
}

.income-referral-v7__bonus-amount {
  margin-top: 3px;
  font-size: 28px;
  line-height: .94;
  font-weight: 900;
  letter-spacing: -.05em;
}

.income-referral-v7__bonus-sub {
  padding: 0 13px 10px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  color: rgba(24,18,14,.82);
}

.income-referral-v7__bonus-rows {
  padding: 11px 13px 13px;
  background: linear-gradient(180deg, rgba(25,21,23,.96) 0%, rgba(21,18,20,.97) 100%);
  color: #fff7f2;
  border-top: 1px solid rgba(131, 85, 19, .16);
}

.income-referral-v7__bonus-row {
  position: relative;
  padding-left: 18px;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}

.income-referral-v7__bonus-row + .income-referral-v7__bonus-row {
  margin-top: 7px;
}

.income-referral-v7__bonus-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: .48em;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #ff425d;
  box-shadow: 0 0 0 3px rgba(255,66,93,.18);
}

.income-referral-v7__hero {
  max-width: 100%;
}

.income-referral-v7__title {
  max-width: 460px;
  font-size: clamp(28px, 5.6vw, 44px);
  line-height: .96;
  font-weight: 900;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.income-referral-v7__checklist {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  max-width: 500px;
}

.income-referral-v7__check-item {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  font-size: 15px;
  line-height: 1.38;
  color: rgba(255,255,255,.90);
}

.income-referral-v7__check-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: #f7d36d;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.income-referral-v7__footer {
  margin-top: 18px;
}

.income-referral-v7__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  padding: 12px 18px;
  border-radius: 16px;
  background: linear-gradient(90deg, #ff2e57 0%, #ff3b8a 52%, #4266ff 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(66,102,255,.18), 0 10px 22px rgba(229,0,43,.20);
}

@media (min-width: 768px) {
  .income-referral-v7 {
    padding: 20px !important;
  }

  .income-referral-v7__top {
    margin-bottom: 18px;
  }

  .income-referral-v7__bonus-card {
    width: 258px;
  }

  .income-referral-v7__bonus-head {
    padding: 13px 15px 9px;
  }

  .income-referral-v7__bonus-sub,
  .income-referral-v7__bonus-rows {
    padding-left: 15px;
    padding-right: 15px;
  }

  .income-referral-v7__bonus-amount {
    font-size: 32px;
  }

  .income-referral-v7__title {
    max-width: 580px;
    font-size: clamp(33px, 4vw, 50px);
  }

  .income-referral-v7__checklist {
    max-width: 620px;
    gap: 12px;
  }

  .income-referral-v7__check-item {
    font-size: 17px;
  }

  .income-referral-v7__footer {
    display: flex;
    justify-content: flex-start;
  }

  .income-referral-v7__cta {
    width: auto;
    min-width: 250px;
  }
}

@media (max-width: 520px) {
  .income-referral-v7 {
    padding: 14px !important;
    border-radius: 22px;
  }

  .income-referral-v7__top {
    gap: 12px;
    margin-bottom: 12px;
  }

  .income-referral-v7__logo {
    min-height: 40px;
    padding: 0 14px;
    font-size: 22px;
  }

  .income-referral-v7__bonus-card {
    width: 188px;
    border-radius: 18px;
  }

  .income-referral-v7__bonus-head {
    gap: 8px;
    padding: 10px 11px 7px;
  }

  .income-referral-v7__bonus-gift {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  .income-referral-v7__bonus-kicker {
    font-size: 10px;
  }

  .income-referral-v7__bonus-amount {
    font-size: 24px;
  }

  .income-referral-v7__bonus-sub {
    padding: 0 11px 9px;
    font-size: 11px;
  }

  .income-referral-v7__bonus-rows {
    padding: 9px 11px 11px;
  }

  .income-referral-v7__bonus-row {
    padding-left: 15px;
    font-size: 12px;
  }

  .income-referral-v7__title {
    font-size: 25px;
    max-width: 100%;
  }

  .income-referral-v7__checklist {
    margin-top: 14px;
    gap: 9px;
  }

  .income-referral-v7__check-item {
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 8px;
    font-size: 14px;
  }

  .income-referral-v7__check-icon {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }

  .income-referral-v7__cta {
    min-height: 46px;
    font-size: 17px;
  }
}


/* PATCH_REFERRAL_INCOME_BANNER_V10_FINAL_POLISH_20260402 */
.income-referral-v10 {
  position: relative;
  overflow: hidden;
  padding: 18px !important;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 7% 10%, rgba(229,0,43,.22), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(246,189,78,.14), transparent 24%),
    linear-gradient(135deg, #17181d 0%, #1d1f25 56%, #252221 100%);
  box-shadow: 0 18px 42px rgba(15,23,42,.16);
  color: #fffaf6;
  isolation: isolate;
}

.income-referral-v10 > * {
  position: relative;
  z-index: 1;
}

.income-referral-v10__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(24px);
  opacity: .52;
  pointer-events: none;
  z-index: 0;
}

.income-referral-v10__glow--pink {
  width: 150px;
  height: 150px;
  left: -48px;
  top: -38px;
  background: rgba(229,0,43,.24);
}

.income-referral-v10__glow--gold {
  width: 160px;
  height: 160px;
  right: -34px;
  top: 2px;
  background: rgba(246,189,78,.18);
}

.income-referral-v10__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.income-referral-v10__logo {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ff3356 0%, #d40028 100%);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.05em;
  box-shadow: 0 12px 24px rgba(229,0,43,.24);
}

.income-referral-v10__bonus-card {
  width: min(100%, 260px);
  margin-left: auto;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,238,188,.28);
  background: linear-gradient(180deg, #f8e4a8 0%, #e8c56f 52%, #d19a35 100%);
  color: #18120e;
  box-shadow: 0 18px 30px rgba(17,13,9,.20), inset 0 1px 0 rgba(255,255,255,.45);
}

.income-referral-v10__bonus-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px 8px;
}

.income-referral-v10__bonus-gift {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
}

.income-referral-v10__bonus-gift svg {
  display: block;
  width: 100%;
  height: 100%;
}

.income-referral-v10__bonus-copy {
  min-width: 0;
}

.income-referral-v10__bonus-kicker {
  font-size: 11px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(24,18,14,.72);
}

.income-referral-v10__bonus-amount {
  margin-top: 3px;
  font-size: 27px;
  line-height: .94;
  font-weight: 900;
  letter-spacing: -.05em;
}

.income-referral-v10__bonus-sub {
  padding: 0 14px 10px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  color: rgba(24,18,14,.82);
}

.income-referral-v10__bonus-rows {
  padding: 11px 14px 13px;
  background: linear-gradient(180deg, rgba(25,21,23,.96) 0%, rgba(21,18,20,.97) 100%);
  color: #fff7f2;
  border-top: 1px solid rgba(131,85,19,.16);
}

.income-referral-v10__bonus-row {
  position: relative;
  padding-left: 18px;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}

.income-referral-v10__bonus-row + .income-referral-v10__bonus-row {
  margin-top: 7px;
}

.income-referral-v10__bonus-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: .48em;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #ff425d;
  box-shadow: 0 0 0 3px rgba(255,66,93,.18);
}

.income-referral-v10__hero {
  max-width: 560px;
}

.income-referral-v10__title {
  display: grid;
  gap: 2px;
  max-width: 560px;
  font-size: clamp(28px, 5.2vw, 44px);
  line-height: .92;
  font-weight: 900;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.income-referral-v10__title span {
  display: block;
}

.income-referral-v10__checklist {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  max-width: 520px;
}

.income-referral-v10__check-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  font-size: 15px;
  line-height: 1.38;
  color: rgba(255,255,255,.92);
}

.income-referral-v10__check-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: #f7d36d;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

.income-referral-v10__footer {
  margin-top: 20px;
}

.income-referral-v10__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  padding: 12px 18px;
  border-radius: 16px;
  background: linear-gradient(90deg, #ff2e57 0%, #ff3b8a 52%, #4266ff 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(66,102,255,.18), 0 10px 22px rgba(229,0,43,.20);
}

@media (min-width: 768px) {
  .income-referral-v10 {
    padding: 22px !important;
  }

  .income-referral-v10__top {
    margin-bottom: 14px;
  }

  .income-referral-v10__logo {
    min-height: 46px;
    padding: 0 20px;
    font-size: 26px;
  }

  .income-referral-v10__bonus-card {
    width: 268px;
  }

  .income-referral-v10__bonus-amount {
    font-size: 31px;
  }

  .income-referral-v10__hero {
    max-width: 590px;
  }

  .income-referral-v10__title {
    max-width: 590px;
    font-size: clamp(38px, 4.5vw, 56px);
    line-height: .9;
  }

  .income-referral-v10__checklist {
    max-width: 560px;
    gap: 12px;
  }

  .income-referral-v10__check-item {
    font-size: 18px;
  }

  .income-referral-v10__footer {
    display: flex;
    justify-content: flex-start;
  }

  .income-referral-v10__cta {
    width: auto;
    min-width: 252px;
  }
}

@media (max-width: 560px) {
  .income-referral-v10 {
    padding: 14px !important;
    border-radius: 22px;
  }

  .income-referral-v10__top {
    gap: 12px;
    margin-bottom: 12px;
  }

  .income-referral-v10__logo {
    min-height: 40px;
    padding: 0 14px;
    font-size: 22px;
  }

  .income-referral-v10__bonus-card {
    width: 188px;
    border-radius: 18px;
  }

  .income-referral-v10__bonus-head {
    gap: 8px;
    padding: 10px 11px 7px;
  }

  .income-referral-v10__bonus-gift {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  .income-referral-v10__bonus-kicker {
    font-size: 10px;
  }

  .income-referral-v10__bonus-amount {
    font-size: 24px;
  }

  .income-referral-v10__bonus-sub {
    padding: 0 11px 9px;
    font-size: 11px;
  }

  .income-referral-v10__bonus-rows {
    padding: 9px 11px 11px;
  }

  .income-referral-v10__bonus-row {
    padding-left: 15px;
    font-size: 12px;
  }

  .income-referral-v10__title {
    font-size: 26px;
    max-width: 100%;
    gap: 1px;
  }

  .income-referral-v10__checklist {
    margin-top: 14px;
    gap: 9px;
  }

  .income-referral-v10__check-item {
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 8px;
    font-size: 14px;
  }

  .income-referral-v10__check-icon {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }

  .income-referral-v10__cta {
    min-height: 46px;
    font-size: 17px;
  }
}


/* referral banner v11: top CTA replaces Lamoda badge */
.income-referral-v11 {
  position: relative;
  overflow: hidden;
  padding: 18px !important;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 7% 10%, rgba(229,0,43,.22), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(246,189,78,.14), transparent 24%),
    linear-gradient(135deg, #17181d 0%, #1d1f25 56%, #252221 100%);
  box-shadow: 0 18px 42px rgba(15,23,42,.16);
  color: #fffaf6;
  isolation: isolate;
}
.income-referral-v11 > * { position: relative; z-index: 1; }
.income-referral-v11__glow {
  position: absolute; border-radius: 999px; filter: blur(24px); opacity: .52; pointer-events: none; z-index: 0;
}
.income-referral-v11__glow--pink {
  width: 150px; height: 150px; left: -48px; top: -38px; background: rgba(229,0,43,.24);
}
.income-referral-v11__glow--gold {
  width: 160px; height: 160px; right: -34px; top: 2px; background: rgba(246,189,78,.18);
}
.income-referral-v11__top {
  display: flex; align-items: stretch; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px;
}
.income-referral-v11__cta-hero {
  position: relative; display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-start;
  min-width: 188px; min-height: 96px; padding: 16px 18px 14px; border-radius: 22px; text-decoration: none; color: #fff;
  background: linear-gradient(135deg, #ff2855 0%, #ff3f88 46%, #4665ff 100%);
  box-shadow: 0 16px 34px rgba(229,0,43,.24), 0 14px 28px rgba(70,101,255,.16);
  overflow: hidden; animation: incomeReferralV11Pulse 1.35s ease-in-out infinite;
}
.income-referral-v11__cta-hero::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 30%, rgba(255,255,255,.36) 48%, rgba(255,255,255,.08) 68%, transparent 100%);
  transform: translateX(-135%); animation: incomeReferralV11Shine 2.2s linear infinite;
}
.income-referral-v11__cta-lines {
  position: relative; z-index: 1; display: grid; gap: 2px; font-size: 29px; line-height: .92; font-weight: 900; letter-spacing: -.055em;
}
.income-referral-v11__cta-lines span { display:block; }
.income-referral-v11__cta-hint {
  position: relative; z-index: 1; margin-top: 8px; font-size: 11px; line-height: 1; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.82);
}
@keyframes incomeReferralV11Pulse {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 16px 34px rgba(229,0,43,.24), 0 14px 28px rgba(70,101,255,.16); }
  50% { transform: translateY(-1px) scale(1.02); box-shadow: 0 20px 40px rgba(229,0,43,.34), 0 18px 34px rgba(70,101,255,.22), 0 0 0 4px rgba(255,63,136,.10); }
}
@keyframes incomeReferralV11Shine { 0% { transform: translateX(-135%); } 100% { transform: translateX(135%); } }
.income-referral-v11__bonus-card {
  width: min(100%, 260px); margin-left: auto; border-radius: 22px; overflow: hidden; border: 1px solid rgba(255,238,188,.28);
  background: linear-gradient(180deg, #f8e4a8 0%, #e8c56f 52%, #d19a35 100%); color: #18120e;
  box-shadow: 0 18px 30px rgba(17,13,9,.20), inset 0 1px 0 rgba(255,255,255,.45);
}
.income-referral-v11__bonus-head { display: flex; align-items: center; gap: 10px; padding: 12px 14px 8px; }
.income-referral-v11__bonus-gift { width: 42px; height: 42px; flex: 0 0 42px; }
.income-referral-v11__bonus-gift svg { display:block; width:100%; height:100%; }
.income-referral-v11__bonus-copy { min-width: 0; }
.income-referral-v11__bonus-kicker { font-size: 11px; line-height: 1.1; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; color: rgba(24,18,14,.72); }
.income-referral-v11__bonus-amount { margin-top: 3px; font-size: 27px; line-height: .94; font-weight: 900; letter-spacing: -.05em; }
.income-referral-v11__bonus-sub { padding: 0 14px 10px; font-size: 12px; line-height: 1.2; font-weight: 700; color: rgba(24,18,14,.82); }
.income-referral-v11__bonus-rows {
  padding: 11px 14px 13px; background: linear-gradient(180deg, rgba(25,21,23,.96) 0%, rgba(21,18,20,.97) 100%);
  color: #fff7f2; border-top: 1px solid rgba(131,85,19,.16);
}
.income-referral-v11__bonus-row { position: relative; padding-left: 18px; font-size: 13px; line-height: 1.35; font-weight: 700; }
.income-referral-v11__bonus-row + .income-referral-v11__bonus-row { margin-top: 7px; }
.income-referral-v11__bonus-row::before {
  content: ""; position: absolute; left: 0; top: .48em; width: 7px; height: 7px; border-radius: 999px; background: #ff425d; box-shadow: 0 0 0 3px rgba(255,66,93,.18);
}
.income-referral-v11__hero { max-width: 560px; }
.income-referral-v11__title {
  display: grid; gap: 2px; max-width: 560px; font-size: clamp(28px, 5.2vw, 44px); line-height: .92; font-weight: 900; letter-spacing: -.055em; text-wrap: balance;
}
.income-referral-v11__title span { display:block; }
.income-referral-v11__checklist { display: grid; gap: 10px; margin-top: 18px; max-width: 520px; }
.income-referral-v11__check-item {
  display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; align-items: start; font-size: 15px; line-height: 1.38; color: rgba(255,255,255,.92);
}
.income-referral-v11__check-icon {
  display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 999px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.14); color: #f7d36d; font-size: 13px; font-weight: 900; line-height: 1;
}
@media (min-width: 768px) {
  .income-referral-v11 { padding: 22px !important; }
  .income-referral-v11__top { margin-bottom: 14px; }
  .income-referral-v11__cta-hero { min-width: 218px; min-height: 106px; padding: 17px 20px 15px; }
  .income-referral-v11__cta-lines { font-size: 32px; }
  .income-referral-v11__bonus-card { width: 268px; }
  .income-referral-v11__bonus-amount { font-size: 31px; }
  .income-referral-v11__hero { max-width: 590px; }
  .income-referral-v11__title { max-width: 590px; font-size: clamp(38px, 4.5vw, 56px); line-height: .9; }
  .income-referral-v11__checklist { max-width: 560px; gap: 12px; }
  .income-referral-v11__check-item { font-size: 18px; }
}
@media (max-width: 560px) {
  .income-referral-v11 { padding: 14px !important; border-radius: 22px; }
  .income-referral-v11__top { gap: 12px; margin-bottom: 12px; }
  .income-referral-v11__cta-hero { min-width: 150px; min-height: 84px; padding: 13px 14px 12px; border-radius: 18px; }
  .income-referral-v11__cta-lines { font-size: 24px; gap: 1px; }
  .income-referral-v11__cta-hint { margin-top: 6px; font-size: 9px; }
  .income-referral-v11__bonus-card { width: 188px; border-radius: 18px; }
  .income-referral-v11__bonus-head { gap: 8px; padding: 10px 11px 7px; }
  .income-referral-v11__bonus-gift { width: 36px; height: 36px; flex-basis: 36px; }
  .income-referral-v11__bonus-kicker { font-size: 10px; }
  .income-referral-v11__bonus-amount { font-size: 24px; }
  .income-referral-v11__bonus-sub { padding: 0 11px 9px; font-size: 11px; }
  .income-referral-v11__bonus-rows { padding: 9px 11px 11px; }
  .income-referral-v11__bonus-row { padding-left: 15px; font-size: 12px; }
  .income-referral-v11__title { font-size: 26px; max-width: 100%; gap: 1px; }
  .income-referral-v11__checklist { margin-top: 14px; gap: 9px; }
  .income-referral-v11__check-item { grid-template-columns: 20px minmax(0, 1fr); gap: 8px; font-size: 14px; }
  .income-referral-v11__check-icon { width: 20px; height: 20px; font-size: 12px; }
}




.income-referral-v12{
 position:relative;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.08);
 border-radius:28px;
 padding:16px 16px 14px;
 background:linear-gradient(135deg, rgba(17,18,24,.98) 0%, rgba(22,24,34,.97) 56%, rgba(43,34,25,.94) 100%);
 box-shadow:0 24px 44px rgba(15,23,42,.18);
 isolation:isolate;
}
.income-referral-v12__glow{position:absolute;border-radius:999px;filter:blur(40px);pointer-events:none;opacity:.5;z-index:-1}
.income-referral-v12__glow--pink{width:210px;height:210px;left:-26px;top:-20px;background:rgba(255,0,102,.22)}
.income-referral-v12__glow--gold{width:180px;height:180px;right:22px;top:20px;background:rgba(236,188,74,.14)}
.income-referral-v12__toprow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.income-referral-v12__top-left{display:flex;flex-direction:column;gap:10px;min-width:0}
.income-referral-v12__cta-hero{position:relative;overflow:hidden;min-height:122px;border-radius:20px;padding:18px 18px 14px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,#ff2d55 0%,#ff4c7a 42%,#6b7cff 100%);box-shadow:0 14px 26px rgba(255,0,102,.20), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -8px 18px rgba(105,40,255,.12);color:#fff;animation:incomeReferralV12Pulse 3.3s ease-in-out infinite}
.income-referral-v12__cta-hero::before{content:"";position:absolute;top:-18%;left:-36%;width:42%;height:145%;background:linear-gradient(105deg, transparent 0%, rgba(255,255,255,.00) 34%, rgba(255,255,255,.30) 49%, rgba(255,255,255,.06) 58%, transparent 100%);transform:translateX(-140%) rotate(13deg);animation:incomeReferralV12CtaShine 4.6s ease-in-out infinite;pointer-events:none}
.income-referral-v12__cta-lines{position:relative;z-index:1;display:flex;flex-direction:column;line-height:.88;font-size:29px;font-weight:950;letter-spacing:-.045em;text-shadow:0 2px 14px rgba(0,0,0,.16)}
.income-referral-v12__cta-hint{position:relative;z-index:1;margin-top:8px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;opacity:.95}
.income-referral-v12__cta-hero::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.03) 22%, rgba(255,255,255,0) 45%);pointer-events:none;mix-blend-mode:screen;opacity:.68}
.income-referral-v12__bonus-card{position:relative;min-height:122px;border-radius:20px;overflow:hidden;border:1px solid rgba(232,184,57,.72);background:linear-gradient(180deg, rgba(246,218,132,.99) 0%, rgba(232,191,88,.98) 100%);box-shadow:0 16px 26px rgba(19,16,21,.20), inset 0 1px 0 rgba(255,255,255,.30), inset 0 12px 22px rgba(255,255,255,.06);display:flex;flex-direction:column}
.income-referral-v12__bonus-card::before{content:"";position:absolute;top:-18%;left:-34%;width:38%;height:170%;background:linear-gradient(108deg, transparent 0%, rgba(255,255,255,.05) 34%, rgba(255,250,232,.34) 49%, rgba(255,255,255,.08) 58%, transparent 100%);transform:translateX(-150%) rotate(10deg);animation:incomeReferralV12GoldSweep 6.8s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
.income-referral-v12__bonus-card::after{content:"";position:absolute;right:10px;top:10px;width:62px;height:62px;border-radius:999px;background:radial-gradient(circle, rgba(255,247,201,.28) 0%, rgba(255,247,201,0) 70%);pointer-events:none;mix-blend-mode:screen}
.income-referral-v12__bonus-head{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px 6px;color:#21160d;background:linear-gradient(180deg, rgba(251,229,150,.98) 0%, rgba(233,192,89,.96) 100%)}
.income-referral-v12__bonus-gift{width:36px;height:36px;flex:0 0 auto}
.income-referral-v12__bonus-copy{display:flex;flex-direction:column;gap:1px}
.income-referral-v12__bonus-kicker{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(33,22,13,.74)}
.income-referral-v12__bonus-amount{font-size:22px;font-weight:1000;letter-spacing:-.04em;line-height:.94;color:#17120f;text-shadow:0 1px 0 rgba(255,255,255,.32)}
.income-referral-v12__bonus-sub{padding:0 14px 8px;color:#2b2118;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.income-referral-v12__bonus-rows{margin-top:auto;background:rgba(23,19,23,.94);padding:10px 14px 12px;display:grid;gap:8px}
.income-referral-v12__bonus-row{position:relative;padding-left:16px;color:#fff8ef;font-size:12px;font-weight:900;letter-spacing:-.02em}
.income-referral-v12__bonus-row::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-radius:999px;background:#ff466d;transform:translateY(-50%);box-shadow:0 0 0 4px rgba(255,70,109,.14)}
.income-referral-v12__counter{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.income-referral-v12__counter--under{align-self:flex-start;min-width:0;max-width:260px;width:100%}
.income-referral-v12__counter-inline{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}
.income-referral-v12__counter-value{font-size:20px;font-weight:1000;letter-spacing:-.04em;color:#ffd666;line-height:1;flex:0 0 auto}
.income-referral-v12__counter-sentence{font-size:11px;line-height:1.15;font-weight:800;letter-spacing:.01em;color:rgba(255,255,255,.82);text-transform:none}
.income-referral-v12__hero{margin-top:16px}
.income-referral-v12__title{display:flex;flex-direction:column;gap:1px;max-width:560px;color:#f5f0ec;font-size:46px;font-weight:1000;line-height:.94;letter-spacing:-.055em;text-wrap:balance}
.income-referral-v12__checklist{display:grid;gap:10px;margin-top:14px;max-width:580px}
.income-referral-v12__check-item{display:flex;align-items:center;gap:12px;color:#f0ece8;font-size:15px;font-weight:700;letter-spacing:-.02em}
.income-referral-v12__check-icon{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#ffd75b;font-size:15px;font-weight:900;flex:0 0 auto}
.income-referral-v12__ticker{margin-top:12px;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.income-referral-v12__ticker-track{display:inline-flex;align-items:center;gap:14px;min-width:max-content;padding:8px 0;color:#fff3d4;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;animation:incomeReferralV12Ticker 22s linear infinite}
.income-referral-v12__ticker-track span{display:inline-flex;align-items:center}
@keyframes incomeReferralV12Ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes incomeReferralV12Pulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 14px 26px rgba(255,0,102,.20), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -8px 18px rgba(105,40,255,.12)}45%{transform:translateY(-1px) scale(1.008);box-shadow:0 16px 30px rgba(255,0,102,.24), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -8px 18px rgba(105,40,255,.14)}}
@keyframes incomeReferralV12CtaShine{0%,100%{transform:translateX(-150%) rotate(14deg);opacity:0}14%{opacity:.85}34%{transform:translateX(250%) rotate(14deg);opacity:0}}
@keyframes incomeReferralV12GoldSweep{0%,100%{transform:translateX(-150%) rotate(10deg);opacity:0}14%{opacity:.75}38%{transform:translateX(250%) rotate(10deg);opacity:0}}
@media (max-width:900px){.income-referral-v12__title{font-size:42px}.income-referral-v12__check-item{font-size:14px}}
@media (max-width:700px){.income-referral-v12{padding:14px 14px 12px}.income-referral-v12__toprow{grid-template-columns:1fr 1fr;gap:10px}.income-referral-v12__cta-hero,.income-referral-v12__bonus-card{min-height:116px}.income-referral-v12__cta-lines{font-size:25px}.income-referral-v12__bonus-amount{font-size:20px}.income-referral-v12__title{font-size:38px}.income-referral-v12__check-item{font-size:14px}.income-referral-v12__counter--under{max-width:none;width:100%}}
@media (max-width:560px){.income-referral-v12__toprow{grid-template-columns:1fr 1fr;align-items:start}.income-referral-v12__cta-hero{padding:14px 14px 12px;min-height:110px}.income-referral-v12__cta-lines{font-size:24px}.income-referral-v12__cta-hint{font-size:11px}.income-referral-v12__bonus-card{min-height:110px}.income-referral-v12__bonus-head{padding:10px 12px 6px;gap:8px}.income-referral-v12__bonus-gift{width:32px;height:32px}.income-referral-v12__bonus-kicker{font-size:10px}.income-referral-v12__bonus-amount{font-size:19px}.income-referral-v12__bonus-sub{padding:0 12px 7px;font-size:10px}.income-referral-v12__bonus-rows{padding:9px 12px 11px;gap:7px}.income-referral-v12__bonus-row{font-size:12px;padding-left:14px}.income-referral-v12__counter{padding:9px 12px}.income-referral-v12__counter-value{font-size:18px}.income-referral-v12__counter-sentence{font-size:10px}.income-referral-v12__title{font-size:34px;line-height:.95}.income-referral-v12__checklist{gap:9px;margin-top:12px}.income-referral-v12__check-item{font-size:14px;gap:9px}.income-referral-v12__check-icon{width:24px;height:24px;font-size:13px}.income-referral-v12__ticker-track{font-size:11px;gap:12px;padding:8px 0}}
@media (prefers-reduced-motion:reduce){.income-referral-v12__cta-hero,.income-referral-v12__cta-hero::before,.income-referral-v12__bonus-card::before,.income-referral-v12__ticker-track{animation:none}}

@media (max-width: 720px){
  .rating-v3-summary-warehouse{display:flex;width:100%;justify-content:center;text-align:center}
  .rating-v3-metric-rank{align-items:flex-start}
  .rating-v3-metric-rank-value{font-size:18px}
}