/* ═══════════════════════════════════════════
   VENDOR / PRICE PAGE STYLES
   ═══════════════════════════════════════════ */

/* ─── SUB TABS ─── */
.v-tabs{
  display:flex;gap:4px;margin-bottom:20px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:4px;
  width:fit-content;
}
.v-tab{
  padding:10px 24px;border-radius:var(--radius);border:none;
  background:transparent;color:var(--muted);
  font-size:.84rem;font-weight:600;cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;
  transition:all .25s var(--ease);
  position:relative;
}
.v-tab i{font-size:.8rem;opacity:.6;transition:opacity .25s}
.v-tab:hover{color:var(--text2);background:rgba(255,255,255,.03)}
.v-tab.active{
  background:linear-gradient(135deg,var(--accent),#2563eb);
  color:#fff;
  box-shadow:0 2px 12px rgba(59,130,246,.25);
}
.v-tab.active i{opacity:1}

/* ─── TAB CONTENT ─── */
.v-tab-content{
  display:none;
  animation:fadeIn .35s var(--ease) both;
}
.v-tab-content.active{display:block}

/* ─── BIZ NUMBER VALIDATION ─── */
.v-bizno-wrap{
  display:flex;gap:8px;align-items:center;
}
.v-bizno-wrap .e-input{flex:1}
.v-bizno-msg{
  font-size:.72rem;font-weight:500;margin-top:4px;min-height:16px;
  display:flex;align-items:center;gap:5px;
  transition:all .2s var(--ease);
}
.v-bizno-msg.success{color:var(--green)}
.v-bizno-msg.success::before{
  content:'\f058';font-family:'Font Awesome 6 Free';font-weight:900;
  font-size:.7rem;
}
.v-bizno-msg.error{color:var(--red)}
.v-bizno-msg.error::before{
  content:'\f057';font-family:'Font Awesome 6 Free';font-weight:900;
  font-size:.7rem;
}
.v-bizno-wrap .e-input.valid{
  border-color:rgba(34,197,94,.4);
  box-shadow:0 0 0 3px rgba(34,197,94,.06);
}
.v-bizno-wrap .e-input.invalid{
  border-color:rgba(239,68,68,.4);
  box-shadow:0 0 0 3px rgba(239,68,68,.06);
}

/* ─── CONTACTS SECTION ─── */
.v-contacts-section{
  margin-top:24px;padding-top:20px;
  border-top:1px solid var(--border);
}
.v-contacts-head{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:12px;
}
.v-contacts-head h3{
  font-size:.88rem;font-weight:700;
  display:flex;align-items:center;gap:8px;
  color:var(--text2);
}
.v-contacts-head h3 i{
  color:var(--accent);font-size:.82rem;
}
.v-contacts-table-wrap{
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
}
.v-contacts-table{width:100%}
.v-contacts-table th{
  padding:10px 12px;font-size:.68rem;
}
.v-contacts-table td{
  padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.03);
}
.v-contacts-table tbody tr:last-child td{border-bottom:none}
.v-contacts-table .e-input{
  height:32px;font-size:.78rem;padding:0 10px;
  background:var(--surface);border-color:transparent;
  transition:border-color .2s,box-shadow .2s;
}
.v-contacts-table .e-input:focus{
  border-color:rgba(59,130,246,.4);
  box-shadow:0 0 0 2px rgba(59,130,246,.06);
  background:var(--surface2);
}
.v-contacts-table .e-input::placeholder{
  color:var(--dim);font-size:.75rem;
}
.v-contacts-table input[type="radio"]{
  appearance:none;-webkit-appearance:none;
  width:16px;height:16px;border-radius:50%;
  border:2px solid var(--border2);
  background:var(--surface);cursor:pointer;
  transition:all .2s var(--ease);
  position:relative;
}
.v-contacts-table input[type="radio"]:checked{
  border-color:var(--accent);
  background:var(--accent);
  box-shadow:0 0 0 3px rgba(59,130,246,.15);
}
.v-contacts-table input[type="radio"]:checked::after{
  content:'';position:absolute;
  top:50%;left:50%;transform:translate(-50%,-50%);
  width:6px;height:6px;border-radius:50%;
  background:#fff;
}
.v-contacts-table .btn-del-contact{
  width:28px;height:28px;border-radius:6px;border:none;
  background:transparent;color:var(--dim);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:.75rem;transition:all .2s;
}
.v-contacts-table .btn-del-contact:hover{
  background:rgba(239,68,68,.1);color:var(--red);
}

/* ─── VENDOR TABLE ENHANCEMENTS ─── */
#vendorTable .link{
  font-weight:600;font-family:var(--en);
  letter-spacing:.2px;
}

/* ─── PRICE TABLE ENHANCEMENTS ─── */
#priceTable .price-val{
  font-family:var(--en);font-weight:700;
  font-feature-settings:'tnum';
  color:var(--text);
}

/* ─── VALIDITY PERIOD ─── */
.v-period{
  display:flex;align-items:center;gap:4px;
  font-size:.78rem;font-family:var(--en);
  color:var(--text2);
}
.v-period .sep{color:var(--dim);font-size:.7rem}

/* Expired period */
.v-period.expired{color:var(--red);opacity:.7}
.v-period.current{color:var(--green)}

/* ─── EMPTY STATE ─── */
.v-empty{
  text-align:center;padding:60px 20px;color:var(--dim);
}
.v-empty i{
  font-size:2.2rem;margin-bottom:12px;display:block;
  opacity:.3;
}
.v-empty p{font-size:.84rem}

/* ─── RESPONSIVE ─── */
@media(max-width:768px){
  .v-tabs{width:100%}
  .v-tab{flex:1;justify-content:center;padding:10px 12px;font-size:.78rem}
  .e-modal{min-width:auto!important;width:95vw}
  .e-form-grid{grid-template-columns:1fr}

  .v-contacts-section{margin-top:16px}
  .v-contacts-head{flex-wrap:wrap;gap:8px}
  .v-contacts-head h3{font-size:.85rem}
  .v-contacts-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .v-contacts-table th,.v-contacts-table td{padding:8px 10px;font-size:.72rem;white-space:nowrap}
  .v-contacts-table .e-input{min-width:100px}
}