/* business-purchases.css — scoped only. No global .btn/.sub-tab-btn overrides. */

#business-purchases-root.bp-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 16px;
  background: #fffdf7;              /* ivory panel */
  border: 1px solid #d9b866;        /* fine gold border */
  border-radius: 14px;
  color: #2f3b34;
  font-size: 13px;
  line-height: 1.45;
}
#business-purchases-root.bp-wrap * { box-sizing: border-box; }

#business-purchases-root .bp-head {
  border-bottom: 1px solid rgba(217,184,102,.45);
  padding-bottom: 10px;
  margin-bottom: 12px;
}
#business-purchases-root .bp-title {
  margin: 0 0 4px;
  font-family: Georgia, 'Times New Roman', serif;
  color: #13513a;                   /* emerald */
  font-size: 18px;
}
#business-purchases-root .bp-balance { font-size: 12px; color: #3d4a42; }
#business-purchases-root .bp-sub { margin: 4px 0 0; font-size: 12px; color: #6b776f; }

#business-purchases-root .bp-tier { margin-top: 16px; }
#business-purchases-root .bp-tier-title {
  margin: 0 0 8px;
  padding-bottom: 6px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 14px;
  color: #13513a;
  border-bottom: 1px solid rgba(217,184,102,.45);
}

#business-purchases-root .bp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1100px) {
  #business-purchases-root .bp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  #business-purchases-root .bp-grid { grid-template-columns: minmax(0, 1fr); }
}

#business-purchases-root .bp-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 12px;
  background: #fffefb;
  border: 1px solid #e3cd94;
  border-radius: 12px;
}
#business-purchases-root .bp-card-top {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
#business-purchases-root .bp-medal {
  flex: 0 0 auto;
  width: 34px; height: 34px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  border: 1px solid #d9b866;
  background: #fbf3da;
  overflow: hidden;
}
#business-purchases-root .bp-medal svg { width: 20px; height: 20px; display: block; }
#business-purchases-root .bp-name {
  margin: 0;
  min-width: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 14px;
  color: #13513a;
  overflow-wrap: anywhere;
}
#business-purchases-root .bp-desc {
  margin: 8px 0;
  font-family: -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-size: 12px;
  color: #4c5751;
  overflow-wrap: anywhere;
}
#business-purchases-root .bp-price {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 19px;
  font-weight: 700;
  color: #fffdf0;
}
#business-purchases-root .bp-income,
#business-purchases-root .bp-next {
  font-size: 12px;
  color: #5c675f;
  margin-top: 2px;
}
#business-purchases-root .bp-short {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #a8442f; /* explicit visible shortage */
}

#business-purchases-root .bp-action {
  margin-top: 10px;
  min-height: 44px;
  width: 100%;
  border: 1px solid #13513a;
  border-radius: 10px;
  background: #0f6b4a;             /* emerald action */
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  font-family: -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}
#business-purchases-root .bp-action[disabled] {
  background: #e7e2d3;
  border-color: #cdc4ad;
  color: #7a7463;
  cursor: not-allowed;
}

#business-purchases-root .bp-empty {
  padding: 20px;
  text-align: center;
  color: #6b776f;
}

/* scoped tutorial pulse (own animation, respects reduced motion) */
@keyframes bp-btn-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(217,184,102,.75); }
  50%      { box-shadow: 0 0 0 6px rgba(217,184,102,0); }
}
#business-purchases-root .bp-action.btn-pulse {
  animation: bp-btn-pulse 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  #business-purchases-root .bp-action.btn-pulse { animation: none; }
}

#business-purchases-root .bp-action:focus-visible,
#business-purchases-root .bp-card:focus-visible {
  outline: 2px solid #13513a;
  outline-offset: 2px;
}

/* ===== business nav: scoped to #game-main > .business-nav only ===== */
#game-main > .business-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 12px;
  background: #fffdf7;
  border: 1px solid #d9b866;
  border-radius: 12px;
  padding: 6px;
}
#game-main > .business-nav .biz-nav-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 0;
  min-height: 52px;
  padding: 6px 4px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #3d4a42;
  font-size: 12px;
  font-family: -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  cursor: pointer;
}
#game-main > .business-nav .biz-nav-btn.active {
  background: #104f43;              /* emerald tint */
  border-color: #d9b866;           /* gold border */
  color: #13513a;
}
#game-main > .business-nav .bp-nav-icon svg {
  width: 18px; height: 18px; display: block;
}
#game-main > .business-nav .bp-nav-label {
  max-width: 100%;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.2;
}
#game-main > .business-nav .bp-nav-badge {
  min-width: 18px;
  padding: 0 6px;
  border-radius: 10px;
  background: #0f6b4a;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 18px;
}

/* generic svg symbols inside nav only: mono color via currentColor */
#game-main > .business-nav svg,
#game-main > .business-nav svg * {
  color: currentColor;
  fill: none;
  stroke: currentColor;
}

#game-main > .business-nav .biz-nav-btn:focus-visible {
  outline: 2px solid #13513a;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  #game-main > .business-nav .biz-nav-btn { transition: none; }
}

#game-main #business-content>.bp-wrap{width:100%;max-width:1000px!important;background:linear-gradient(145deg,#fffdf5,#f8f1e2);font-family:system-ui,-apple-system,sans-serif}
#business-purchases-root .bp-title{font-size:25px}#business-purchases-root .bp-tier-title{font-size:21px}#business-purchases-root .bp-name{font-size:17px}#business-purchases-root .bp-medal{width:48px;height:48px;box-shadow:inset 0 0 0 3px #fff8e9,0 1px 4px #8f6c2520;color:#825c28}
#business-purchases-root .bp-medal svg{width:30px;height:30px}#business-purchases-root .bp-medal svg *{stroke:currentColor;fill:none}#business-purchases-root .bp-card{background:linear-gradient(120deg,#fffdf7,#faf3e5)}
#business-purchases-root .bp-action{margin-top:auto;flex-shrink:0;padding:10px 12px;line-height:1.3}#business-purchases-root .bp-income,#business-purchases-root .bp-next{margin-bottom:10px}
#game-main>.business-nav{width:100%;max-width:1000px;margin:0 auto 12px;padding:5px;background:#fbf5e8}
#game-main>.business-nav .biz-nav-btn{flex-direction:row;gap:9px;min-height:58px;font:600 17px/1.2 Georgia,serif;color:#634c2d;border:1px solid #dbc59b;background:linear-gradient(#fffdf6,#f7edda)}
#game-main>.business-nav .biz-nav-btn.active{color:#fffdf0;background:linear-gradient(#17634e,#104f43);border-color:#b69754;box-shadow:inset 0 0 0 2px #e6c77d38}
#game-main>.business-nav .bp-nav-badge{flex:0 0 auto;background:#e5cc91;color:#104f43}#game-main>.business-nav .bp-nav-icon svg{width:24px;height:24px}
@media(max-width:650px){#game-main>.business-nav .biz-nav-btn{flex-direction:column;gap:5px;font:600 12px/1.25 system-ui,sans-serif;min-height:78px;padding:8px 3px;position:relative}#game-main>.business-nav .bp-nav-badge{position:absolute;top:2px;right:2px;min-width:16px;padding:0 4px;line-height:16px}#business-purchases-root.bp-wrap{padding:12px}#business-purchases-root .bp-title{font-size:22px}}

/* css/business-purchases.css — АДДИТИВНО: компактный прямоугольный арт вместо мелких медалей.
   Существующие #business-purchases-root .bp-card-top (flex, gap 8), .bp-name и прочая вёрстка не трогаются. */

#business-purchases-root .bp-card-top .bp-art{
    position: relative;
    flex: 0 0 auto;
    display: block;
    width: 96px;
    height: 64px;
    aspect-ratio: 3 / 2;
    border-radius: 8px;
    overflow: hidden;
    background: #f7f2e6 center / contain no-repeat;
    border: 1px solid rgba(201, 169, 97, .55);
    box-shadow: 0 1px 2px rgba(90, 70, 30, .12);
    box-sizing: border-box;
}

#business-purchases-root .bp-card-top .bp-art .bp-art-img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#business-purchases-root .bp-card-top .bp-art .bp-art-fallback{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#business-purchases-root .bp-card-top .bp-art .bp-art-fallback[hidden]{
    display: none !important;
}

@media (max-width: 480px){
    #business-purchases-root .bp-card-top .bp-art{
        width: 80px;
        height: 54px;
    }
}

#business-purchases-root .bp-art [hidden]{display:none!important}
#business-purchases-root .bp-art-fallback{color:#825c28}
#business-purchases-root .bp-art-fallback svg{width:32px;height:32px}