/* WB Job — тема упаковщицы */
:root{
  --wb-purple:#7A1FA2;
  --wb-purple-d:#651A88;
  --wb-magenta:#CB11AB;
  --wb-bg:#F3EFF7;
  --wb-card:#ffffff;
  --wb-ink:#1c1c1e;
  --wb-muted:#8a8a8e;
  --wb-border:#E6DEEC;
  --wb-green:#1D9E75;
  --wb-danger-bg:#F6E3E3;
  --wb-danger:#A32D2D;
  --wb-tint:#F1E4F8;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--wb-bg);
  color:var(--wb-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-tap-highlight-color:transparent;
}
.ic{display:inline-block;vertical-align:-4px;flex:none;}

/* шапка */
.wb-header{
  background:var(--wb-purple);
  color:#fff;
  padding:15px 16px 16px;
  position:sticky;top:0;z-index:20;
}
.wb-header .name{font-size:18px;font-weight:700;line-height:1.2;}
.wb-header .sub{font-size:12px;color:#EAD4F5;margin-top:3px;display:flex;align-items:center;gap:5px;}
.wb-header .dot{width:8px;height:8px;border-radius:50%;background:#5DCAA5;display:inline-block;}
.wb-htitle{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;}
.wb-earn{text-align:right;line-height:1.25;}
.wb-earn .sum{font-size:15px;font-weight:700;}
.wb-earn .tmr{font-size:14px;color:#EAD4F5;margin-top:2px;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:4px;justify-content:flex-end;}

/* тело */
.wb-wrap{max-width:520px;margin:0 auto;padding:14px 14px 96px;}
.wb-flash{background:var(--wb-tint);color:var(--wb-purple-d);border-radius:12px;padding:11px 14px;font-size:14px;margin-bottom:12px;}

/* карточки */
.wb-card{background:var(--wb-card);border-radius:16px;padding:15px;margin-bottom:12px;}
.wb-card.tight{padding:12px 14px;}
.wb-h{font-size:15px;font-weight:600;margin:0 0 11px;}
.wb-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.wb-stat{background:#fff;border-radius:16px;padding:14px;}
.wb-stat .l{font-size:12px;color:var(--wb-muted);}
.wb-stat .v{font-size:21px;font-weight:700;margin-top:3px;}

/* кнопки */
.wb-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  border:none;border-radius:14px;padding:15px;font-size:16px;font-weight:600;
  cursor:pointer;font-family:inherit;text-decoration:none;}
.wb-btn.magenta{background:var(--wb-magenta);color:#fff;}
.wb-btn.green{background:var(--wb-green);color:#fff;}
.wb-btn.danger{background:var(--wb-danger-bg);color:var(--wb-danger);}
.wb-btn.outline{background:#fff;color:var(--wb-purple);border:1.5px solid var(--wb-border);}
.wb-btn.sm{padding:11px 14px;font-size:14px;border-radius:12px;width:auto;}
.wb-btn:active{transform:scale(.99);}

/* поля формы */
.wb-label{font-size:12px;color:var(--wb-muted);margin:0 0 5px 2px;}
.wb-field, .wb-input, select.wb-input, textarea.wb-input{
  width:100%;border:1px solid var(--wb-border);border-radius:12px;
  padding:12px;font-size:15px;background:#fff;color:var(--wb-ink);
  font-family:inherit;-webkit-appearance:none;appearance:none;}
select.wb-input{background-image:none;}
textarea.wb-input{resize:vertical;min-height:52px;}
.wb-input:focus{outline:none;border-color:var(--wb-purple);}
.wb-row2{display:flex;gap:10px;}
.wb-row2>*{flex:1;min-width:0;}

/* степпер количества */
.wb-step{display:flex;align-items:center;gap:7px;}
.wb-step button{width:44px;height:46px;border:1px solid var(--wb-border);background:#fff;
  border-radius:12px;font-size:22px;color:var(--wb-purple);cursor:pointer;line-height:1;flex:none;}
.wb-step button.ten{width:auto;padding:0 11px;font-size:14px;font-weight:600;background:#F6EEF9;}
.wb-step input{flex:1;min-width:0;text-align:center;font-size:20px;font-weight:700;border:1px solid var(--wb-border);
  border-radius:12px;height:46px;padding:0;color:var(--wb-ink);background:#fff;-webkit-appearance:none;}

/* запись */
.wb-entry{background:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;
  justify-content:space-between;gap:10px;margin-bottom:9px;}
.wb-entry .t{font-size:14px;}
.wb-entry .m{font-size:12px;color:var(--wb-muted);margin-top:2px;}
.wb-entry a{color:var(--wb-purple);display:flex;align-items:center;text-decoration:none;}
.wb-secttl{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 9px;}
.wb-secttl .n{font-size:14px;font-weight:600;}
.wb-secttl .s{font-size:13px;color:var(--wb-muted);}

/* Отчёты — группа по дню */
.wb-day{font-size:14px;font-weight:700;color:var(--wb-ink);}
.wb-day.today{color:var(--wb-purple);}
.wb-group{background:#fff;border-radius:14px;overflow:hidden;margin-bottom:16px;}
.wb-group .li{padding:11px 14px;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #F2ECF5;}
.wb-group .li:last-child{border-bottom:none;}

/* приветствие / неделя */
.wb-hello{font-size:23px;font-weight:700;line-height:1.2;}
.wb-week{background:#fff;border-radius:18px;padding:18px;text-align:center;margin-bottom:16px;}
.wb-week .l{font-size:13px;color:var(--wb-muted);}
.wb-week .v{font-size:34px;font-weight:700;color:var(--wb-purple);line-height:1.15;margin:6px 0 4px;}
.wb-week .n{font-size:12px;color:var(--wb-muted);}
.wb-info{background:var(--wb-tint);border-radius:14px;padding:13px 15px;display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;font-size:13px;color:var(--wb-purple-d);}

/* строки настроек */
.wb-list{background:#fff;border-radius:16px;overflow:hidden;}
.wb-list a, .wb-list .item{display:flex;align-items:center;justify-content:space-between;
  padding:15px;font-size:15px;color:var(--wb-ink);text-decoration:none;border-bottom:1px solid #F2ECF5;}
.wb-list a:last-child,.wb-list .item:last-child{border-bottom:none;}
.wb-list .left{display:flex;align-items:center;gap:10px;}

/* значки-иконки в карточках */
.wb-ib{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;}
.wb-ib.p{background:var(--wb-tint);color:var(--wb-purple);}
.wb-ib.g{background:#E7F3EC;color:var(--wb-green);}

/* нижнее меню */
.wb-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #EEE8F2;
  display:flex;justify-content:space-around;padding:8px 4px calc(10px + env(safe-area-inset-bottom,0px));z-index:30;}
.wb-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#9a9aa0;text-decoration:none;font-size:11px;flex:1;}
.wb-nav a.on{color:var(--wb-purple);}
.wb-navbadge{position:absolute;top:-3px;right:calc(50% - 22px);background:#E24B4A;color:#fff;
  font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;}

/* плавающая кнопка обновить */
.wb-refresh{position:fixed;bottom:82px;right:14px;z-index:40;width:46px;height:46px;border-radius:50%;
  border:none;background:var(--wb-purple);color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.22);cursor:pointer;
  display:flex;align-items:center;justify-content:center;}

/* пилюли/бейджи */
.wb-badge{background:var(--wb-tint);color:var(--wb-purple-d);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;}
.wb-strike{text-decoration:line-through;color:#9a9aa0;}