/* =====================================================================
   YEKFI v8.4.4 — STOCK ARCHITECTURE & SHOPPING SPLIT
   ===================================================================== */

/* Header: brand on physical right; budget then family then more to the left. */
body.yekfi-signature .topbar{
  grid-template-columns:40px 44px 112px minmax(0,1fr)!important;
  grid-template-areas:"menu family budget brand"!important;
}
body.yekfi-signature .family-top-btn{
  grid-area:family!important;
  width:42px;height:48px;border:1px solid var(--yi-line)!important;border-radius:15px!important;
  background:#fff!important;color:var(--yi-deep)!important;
  display:grid!important;place-items:center!important;align-content:center!important;gap:2px!important;
  box-shadow:0 3px 10px rgba(39,53,40,.05)!important;
  padding:4px!important;
}
body.yekfi-signature .family-top-btn .ui-svg{width:20px;height:20px}
body.yekfi-signature .family-top-btn span{font-size:7.5px;font-weight:800;line-height:1}
body.yekfi-signature .family-top-btn.active{
  background:#F3EBCF!important;border-color:rgba(212,175,55,.5)!important;color:var(--yi-deep)!important;
}
@media(max-width:520px){
  body.yekfi-signature .topbar{
    grid-template-columns:37px 40px 101px minmax(0,1fr)!important;
    gap:4px!important;
  }
  body.yekfi-signature .family-top-btn{width:39px;height:44px;border-radius:14px!important}
  body.yekfi-signature .family-top-btn span{display:none}
}
@media(max-width:390px){
  body.yekfi-signature .topbar{
    grid-template-columns:36px 38px 96px minmax(0,1fr)!important;
    gap:3px!important;
  }
  body.yekfi-signature .budget-pill{width:96px!important;min-width:96px!important;max-width:96px!important}
  body.yekfi-signature .brand-icon{width:43px!important;height:43px!important;min-width:43px!important;flex-basis:43px!important}
}

/* Shopping: exactly two scopes and readable selected state. */
body.yekfi-signature .shopping-scope-tabs{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%!important;
  margin:4px 0 4px!important;
}
body.yekfi-signature .shopping-scope-tabs button{
  min-width:0!important;min-height:72px!important;border:1px solid var(--yi-line)!important;border-radius:18px!important;
  background:#fff!important;color:var(--yi-deep)!important;
  display:grid!important;grid-template-columns:31px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;column-gap:8px!important;text-align:right!important;align-items:center!important;
  padding:11px!important;box-shadow:0 5px 15px rgba(39,53,40,.045)!important;
}
body.yekfi-signature .shopping-scope-tabs button>span{grid-row:1/3;display:grid;place-items:center}
body.yekfi-signature .shopping-scope-tabs .ui-svg{width:22px;height:22px}
body.yekfi-signature .shopping-scope-tabs button>b{
  color:var(--yi-deep)!important;font-size:13px!important;line-height:1.2!important;white-space:normal!important;
}
body.yekfi-signature .shopping-scope-tabs button>small{
  color:var(--yi-muted)!important;font-size:9.3px!important;line-height:1.25!important;white-space:normal!important;
}
body.yekfi-signature .shopping-scope-tabs button.active{
  background:linear-gradient(150deg,#45683D,#274A31)!important;
  border-color:#587047!important;color:#fff!important;
  box-shadow:0 9px 20px rgba(35,62,40,.16)!important;
}
body.yekfi-signature .shopping-scope-tabs button.active>b,
body.yekfi-signature .shopping-scope-tabs button.active>small,
body.yekfi-signature .shopping-scope-tabs button.active>span,
body.yekfi-signature .shopping-scope-tabs button.active .ui-svg{
  color:#FFFDF6!important;stroke:currentColor!important;
}
body.yekfi-signature .shopping-scope-tabs button.active>small{color:rgba(255,255,255,.82)!important}

/* Stock page */
body.yekfi-signature .stock-page{gap:18px!important}
body.yekfi-signature .stock-hero{
  position:relative;overflow:hidden;border-radius:22px;padding:22px 18px;
  background:linear-gradient(145deg,#355A39,#203E2A);color:#fff;
  border:1px solid rgba(212,175,55,.42);box-shadow:var(--yi-shadow-strong);
  display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:12px;align-items:center;
}
body.yekfi-signature .stock-hero::after{
  content:"";position:absolute;left:-38px;bottom:-52px;width:150px;height:150px;
  background:url("./assets/identity/brand-corner.webp") center/contain no-repeat;opacity:.12;pointer-events:none;
}
body.yekfi-signature .stock-hero h1{font-size:25px;line-height:1.2;margin:5px 0 7px}
body.yekfi-signature .stock-hero p{font-size:11.5px;line-height:1.65;color:rgba(255,255,255,.78);margin:0}
body.yekfi-signature .stock-hero-mark{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  background:rgba(255,255,255,.09);border:1px solid rgba(244,220,145,.32);color:#F1D987;
}
body.yekfi-signature .stock-hero-mark .ui-svg{width:29px;height:29px}

body.yekfi-signature .stock-kpis{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;
}
body.yekfi-signature .stock-kpis>div{
  background:#fff;border:1px solid var(--yi-line);border-radius:17px;padding:12px 13px;box-shadow:var(--yi-shadow);
}
body.yekfi-signature .stock-kpis small{display:block;color:var(--yi-muted);font-size:9px;margin-bottom:4px}
body.yekfi-signature .stock-kpis b{color:var(--yi-deep);font-size:18px}

body.yekfi-signature .stock-filter-bar{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
}
body.yekfi-signature .stock-filter-bar button{
  min-width:0!important;padding:10px 6px!important;border-radius:14px!important;
  border:1px solid var(--yi-line)!important;background:#fff!important;color:var(--yi-deep)!important;
  font-size:9.8px!important;font-weight:800!important;
}
body.yekfi-signature .stock-filter-bar button.active{
  background:#F1E7BD!important;border-color:rgba(212,175,55,.48)!important;color:#29472F!important;
}

body.yekfi-signature .stock-food-list,
body.yekfi-signature .stock-purchase-list{
  display:grid;gap:7px;
}
body.yekfi-signature .stock-food-row{
  display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:9px;align-items:center;
  width:100%;padding:9px;border:1px solid var(--yi-line);border-radius:16px;background:#fff;text-align:right;
  box-shadow:0 3px 11px rgba(39,53,40,.035);
}
body.yekfi-signature .stock-food-icon{
  width:46px;height:46px;border-radius:13px;background:#F7F2E6;display:grid;place-items:center;overflow:hidden;color:var(--yi-deep);
}
body.yekfi-signature .stock-food-icon img{width:100%;height:100%;object-fit:cover}
body.yekfi-signature .stock-food-icon .ui-svg{width:21px;height:21px}
body.yekfi-signature .stock-food-copy b{display:block;color:var(--yi-ink);font-size:13px}
body.yekfi-signature .stock-food-copy small{display:block;color:var(--yi-muted);font-size:9.4px;margin-top:3px}
body.yekfi-signature .stock-food-state{
  border-radius:99px;padding:6px 8px;font-size:8.7px;font-weight:850;white-space:nowrap;
}
body.yekfi-signature .stock-food-state.enough{background:#EAF1E7;color:#35573A}
body.yekfi-signature .stock-food-state.unknown{background:#F5E8C5;color:#865E18}

body.yekfi-signature .stock-purchase-row{
  display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;
  border:1px solid var(--yi-line);border-radius:15px;background:#fff;
}
body.yekfi-signature .stock-purchase-row b{display:block;font-size:12px;color:var(--yi-ink)}
body.yekfi-signature .stock-purchase-row small{display:block;font-size:9px;color:var(--yi-muted);margin-top:2px}
body.yekfi-signature .stock-purchase-row em{
  font-style:normal;font-size:8.5px;font-weight:800;color:var(--yi-deep);background:#EEF1E8;border-radius:99px;padding:5px 7px;
}

/* Monthly shopping */
body.yekfi-signature .monthly-house-list{display:grid;gap:8px}
body.yekfi-signature .monthly-house-buy{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;
  padding:8px;border:1px solid var(--yi-line);border-radius:16px;background:#fff;
}
body.yekfi-signature .monthly-house-main{
  display:flex;justify-content:space-between;gap:8px;align-items:center;text-align:right;background:transparent;border:0;padding:4px;min-width:0;
}
body.yekfi-signature .monthly-house-main b{display:block;font-size:12px;color:var(--yi-ink)}
body.yekfi-signature .monthly-house-main small{display:block;font-size:9px;color:var(--yi-muted);margin-top:3px}
body.yekfi-signature .monthly-buy-btn{
  border:0;border-radius:12px;background:#35583A;color:#fff;font-size:9px;font-weight:850;padding:9px 8px;
}
body.yekfi-signature .monthly-item .sig-shop-main{display:block!important}

/* Bottom nav remains four high-value primary destinations. */
body.yekfi-signature .bottom-nav .nav-btn[data-view="stock"] i{color:inherit}

@media(max-width:380px){
  body.yekfi-signature .shopping-scope-tabs button{padding:9px!important;min-height:68px!important;grid-template-columns:27px minmax(0,1fr)!important}
  body.yekfi-signature .shopping-scope-tabs button>b{font-size:11.7px!important}
  body.yekfi-signature .shopping-scope-tabs button>small{font-size:8.5px!important}
  body.yekfi-signature .stock-filter-bar{grid-template-columns:1fr 1fr!important}
}