/* ---- weekly cards ---- */
.section-label{ font-family:'Baloo 2'; font-size:15px; font-weight:700; margin:4px 0 10px; }
.week-cards{ display:flex; flex-direction:column; gap:8px; margin-bottom:30px; }
.week-cards-row{ display:grid; grid-template-columns:1fr 1fr; gap:6px; align-items:stretch; }
.week-cards-row .wk-card{ padding:12px; }
.week-cards-row .wk-card-top{ gap:8px; margin-bottom:8px; align-items:center; }
.week-cards-row .wk-icon-wrap{ width:34px; height:34px; border-radius:11px; }
.week-cards-row .wk-icon-big{ font-size:17px; }
.week-cards-row .wk-eyebrow{ font-size:9px; }
.week-cards-row .wk-title-lg{ font-size:13.5px; line-height:1.2; }
.week-cards-row .wk-chevron{ display:none; }
.week-cards-row .wk-text{ font-size:13px; margin-bottom:10px; }
.week-cards-row .wk-draw-btn{ padding:9px 10px; font-size:11px; }
.week-cards-row .mini-btn.ghost{ padding:8px 10px; font-size:11.5px; }
@media (max-width:380px){
  .week-cards-row{ grid-template-columns:1fr; }
}
.wk-card{
  background: var(--white); border-radius:22px; box-shadow:var(--shadow);
  padding:18px;
}
.wk-card-fate{ --wk-tint:#EAF1FC; --wk-blob:#D7E4F7; --wk-accent:var(--pal-twilight-dark); }
.wk-card-boss{ --wk-tint:#FCECEF; --wk-blob:#F8D3DA; --wk-accent:var(--pal-pink-dark); }
.wk-card-dragon{ --wk-tint:#EAF6EC; --wk-blob:#D3EDD7; --wk-accent:var(--pal-forest); }
.wk-card-top{ display:flex; align-items:flex-start; gap:13px; margin-bottom:12px; }
.wk-icon-wrap{
  width:60px; height:60px; border-radius:18px;
  display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative;
}
.wk-icon-big{ font-size:30px; line-height:1; filter:drop-shadow(0 3px 6px rgba(0,0,0,.15)); }
.wk-card-info{ flex:1; min-width:0; padding-top:1px; }
.wk-eyebrow{ font-size:10.5px; font-weight:800; letter-spacing:.07em; color:var(--wk-accent, var(--muted)); text-transform:uppercase; margin-bottom:3px; }
.wk-title-lg{ font-family:'Baloo 2'; font-weight:700; font-size:17.5px; color:var(--ink); }
.wk-chevron{
  width:32px; height:32px; border-radius:50%; background:var(--wk-tint, var(--cream)); flex-shrink:0;
  display:flex; align-items:center; justify-content:center; color:var(--wk-accent, var(--muted)); font-size:17px;
}
.wk-card-body{ padding:0; }
.card-hero{
  display:flex; align-items:center; gap:12px; padding:16px; color:#fff;
  margin:-16px -16px 14px; border-radius:var(--radius) var(--radius) 0 0;
  position:relative; overflow:hidden;
}
.card-hero::after{ content:''; position:absolute; right:-10px; bottom:-18px; width:80px; height:80px; border-radius:50%; background:rgba(255,255,255,.12); }
.card-hero-icon{ font-size:32px; line-height:1; flex-shrink:0; position:relative; z-index:1; filter:drop-shadow(0 3px 8px rgba(0,0,0,.18)); }
.card-hero-title{ font-family:'Baloo 2'; font-weight:700; font-size:15.5px; position:relative; z-index:1; }
.card-hero-del{ margin-left:auto; position:relative; z-index:1; background:rgba(255,255,255,.22); border-radius:50%; width:26px; height:26px; display:flex; align-items:center; justify-content:center; font-weight:800; cursor:pointer; }
.card-hero-sun{ background:linear-gradient(135deg, var(--sun), var(--sun-dark)); color:var(--ink); }
.card-hero-sun .card-hero-del{ background:rgba(20,33,61,.14); }
.card-hero-purple{ background:linear-gradient(135deg, var(--purple), var(--purple-dark)); }
.card-hero-mint{ background:linear-gradient(135deg, var(--mint), var(--mint-dark)); }
.card-hero-coral{ background:linear-gradient(135deg, var(--coral), var(--coral-dark)); }
.card-hero-pink{ background:linear-gradient(135deg, var(--pink), #D9668F); }
.wk-head{ display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:14.5px; font-weight:700; margin-bottom:6px; color:var(--ink); }
.wk-badge{ font-size:13px; background:var(--purple-light); border-radius:50%; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.wk-text{ font-size:14.5px; font-weight:500; margin:0 0 12px; line-height:1.45; color:var(--ink); }
.wk-text.done{ text-decoration:line-through; color:var(--muted); }
.wk-empty{ font-size:12.5px; color:var(--muted); margin:0 0 10px; }
.wk-actions{ display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.chk{ display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; color:var(--ink); }
.chk input{ width:17px; height:17px; accent-color:var(--wk-accent, var(--purple)); }
.mini-btn{
  background:var(--purple); color:#fff; border:none; border-radius:12px;
  padding:9px 14px; font-family:'Manrope'; font-weight:700; font-size:12.5px; cursor:pointer;
  display:inline-flex; align-items:center; gap:6px;
}
.mini-btn.ghost{ background:var(--wk-tint, var(--purple-light)); color:var(--wk-accent, var(--purple-dark)); }
.mini-btn:active{ transform:translateY(1px); }
.wk-actions .mini-btn.ghost, .wk-card-body > .mini-btn.ghost{ width:100%; justify-content:center; }
.deck-manager{ margin-top:10px; border-top:1px dashed rgba(20,33,61,.12); padding-top:8px; }
.deck-manager summary{ font-size:12.5px; font-weight:700; color:var(--wk-accent, var(--muted)); cursor:pointer; list-style:none; display:flex; align-items:center; }
.deck-manager summary::-webkit-details-marker{ display:none; }
.deck-arrow{
  margin-left:auto; font-size:23px; font-weight:800; padding:4px 8px; margin-right:-8px;
  cursor:pointer; transition:transform .2s; line-height:1;
}
.deck-manager[open] .deck-arrow{ transform:rotate(90deg); }
.deck-list{ margin-top:8px; display:flex; flex-direction:column; gap:5px; }
.deck-item{ display:flex; justify-content:space-between; align-items:center; background:var(--wk-tint, var(--cream)); border-radius:8px; padding:6px 8px; font-size:12px; }
.deck-item span{ color:var(--pink); font-weight:800; cursor:pointer; padding-left:8px; }
.deck-add{ display:flex; gap:6px; margin-top:8px; }
.deck-add input{ flex:1; padding:8px 10px; border:1.5px solid rgba(20,33,61,.12); border-radius:9px; font-family:'Manrope'; font-size:12.5px; background:var(--wk-tint, var(--cream)); }
.deck-add button{ background:var(--purple); color:#fff; border:none; border-radius:9px; width:34px; font-weight:800; cursor:pointer; }

/* Босс / Дракон: компактные карточки в цветах интерфейса */
.week-cards-row .wk-card-compact{
  --wk-tint:var(--purple-light); --wk-accent:var(--purple-dark);
  padding:14px; display:flex; flex-direction:column; gap:8px; min-width:0;
}
.wk-compact-top{ display:flex; justify-content:space-between; align-items:center; }
.wk-pill{ background:var(--purple-light); color:var(--purple-dark); border-radius:999px; padding:4px 10px; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.wk-compact-emoji{ font-size:26px; line-height:1; }
.week-cards-row .wk-card-compact .wk-title-lg{ font-size:15px; line-height:1.25; }
.week-cards-row .wk-card-compact .wk-text{ font-size:13px; margin:0; line-height:1.4; }
.week-cards-row .wk-card-compact .wk-empty{ margin:0; font-size:12px; }
.wk-ic-row{ display:flex; gap:6px; margin-top:auto; padding-top:4px; }
.wk-ic-main{
  flex:1; min-width:0; height:36px; border:0; border-radius:12px; background:var(--purple-light); color:var(--purple-dark);
  font-family:'Manrope'; font-weight:800; font-size:12px; display:flex; align-items:center; justify-content:center; gap:7px; cursor:pointer;
}
.wk-ic-done{ justify-content:flex-start; padding:0 10px; }
.wk-ic-done input{ width:16px; height:16px; accent-color:var(--purple-dark); margin:0; }
.wk-ic-btn{
  position:relative; width:36px; height:36px; flex-shrink:0; border:0; border-radius:12px; background:var(--purple-light); color:var(--purple-dark);
  font-weight:800; font-size:15px; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0;
}
.wk-ic-count{ position:absolute; top:-5px; right:-4px; min-width:16px; height:16px; border-radius:8px; background:var(--purple); color:#fff; font-size:9px; display:flex; align-items:center; justify-content:center; padding:0 3px; }
.wk-ic-main:active, .wk-ic-btn:active{ transform:translateY(1px); }
.deck-panel{ border-top:1px dashed rgba(20,33,61,.12); padding-top:8px; }
.deck-panel[hidden]{ display:none; }

.wk-ic-stack{ display:flex; flex-direction:column; gap:6px; margin-top:auto; padding-top:4px; }
.wk-ic-stack .wk-ic-row{ margin-top:0; padding-top:0; }
.wk-ic-full{ width:100%; flex:none; justify-content:center; }
.wk-ic-done{ justify-content:center; padding:0 10px; }
.wk-ic-row .wk-ic-main{ white-space:nowrap; }