/*
 * Bizkit.Tools — Structure Advisor
 * Styling aligned with VAT Optimiser (dark pane, soft borders, cards, buttons).
 */

.bizkit-sa{
  border:1px solid rgba(255,255,255,0.12);
  border-radius:16px;
  padding:18px;
  background:rgba(16,24,40,0.92);
  color:#fff;
  max-width:860px;
  margin:24px auto;
}

.bizkit-sa__header{ margin:0 0 14px; }
.bizkit-sa__title{ margin:0 0 6px; font-size:20px; line-height:1.2; }
.bizkit-sa__subtitle{ margin:0; opacity:0.85; }

/* Notices */
.bizkit-sa__errors{
  margin:12px 0;
  padding:12px 14px;
  border:1px solid rgba(242,129,29,0.45);
  border-radius:14px;
  background:rgba(242,129,29,0.08);
  font-size:13px;
  line-height:1.35;
}
.bizkit-sa__errors ul{ margin:8px 0 0; padding-left:18px; }

/* Sections (cards) */
.bizkit-sa__section{
  margin:14px 0;
  padding:14px;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:14px;
  background:rgba(0,0,0,0.22);
}
.bizkit-sa__section h3{ margin:0 0 10px; font-size:14px; opacity:0.92; }
.bizkit-sa__section ul{ margin:10px 0 0; padding-left:18px; }
.bizkit-sa__scores{ margin:10px 0 0; opacity:0.85; font-size:12px; }

/* Snapshot list */
.bizkit-sa__snapshot ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.bizkit-sa__snapshot li{
  display:flex;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(255,255,255,0.10);
  border-radius:12px;
  padding:10px 12px;
  background:rgba(0,0,0,0.18);
}
.bizkit-sa__snapshot span{ opacity:0.85; text-align:right; }

/* Comparison table */
.bizkit-sa__tablewrap{ overflow:auto; }
.bizkit-sa__table{ width:100%; border-collapse:collapse; }
.bizkit-sa__table th,
.bizkit-sa__table td{
  border:1px solid rgba(255,255,255,0.12);
  padding:10px;
  vertical-align:top;
  font-size:13px;
  line-height:1.35;
}
.bizkit-sa__table th{ font-weight:700; background:rgba(255,255,255,0.06); }

/* Actions (after report) */
.bizkit-sa__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:12px; }

/* Buttons aligned with VAT Optimiser */
.bizkit-sa__button{
  border:1px solid rgba(255,255,255,0.18);
  background:rgba(255,255,255,0.06);
  color:#fff;
  border-radius:12px;
  padding:10px 14px;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.bizkit-sa__button:hover{ background:rgba(255,255,255,0.10); }
.bizkit-sa__button--secondary{ opacity:0.85; }

/* Form */
.bizkit-sa__form{ margin-top:12px; }

/* Progress */
.bizkit-sa__progress{ margin:0 0 12px; }
.bizkit-sa__progressbar{
  height:10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(0,0,0,0.20);
  overflow:hidden;
}
.bizkit-sa__progressbar span{
  display:block;
  height:100%;
  width:0;
  background:rgba(242,129,29,0.55);
}
.bizkit-sa__progressmeta{ margin-top:8px; font-size:12px; opacity:0.85; }

/* Steps: default visible for no-JS */
.bizkit-sa__step{
  padding:14px;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:14px;
  margin:14px 0;
  background:rgba(0,0,0,0.18);
}

/* When JS active, turn into wizard */
.bizkit-sa__form[data-bizkit-sa-js="1"] .bizkit-sa__step{ display:none; }
.bizkit-sa__form[data-bizkit-sa-js="1"] .bizkit-sa__step.is-active{ display:block; }

.bizkit-sa__step.has-error{ border-color: rgba(242,129,29,0.55); box-shadow: 0 0 0 2px rgba(242,129,29,0.14); }

.bizkit-sa__question{ margin:12px 0; }
.bizkit-sa__q-label{ margin:0 0 8px; }

.bizkit-sa__choices{ display:grid; gap:10px; }
.bizkit-sa__choice{
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:14px;
  background:rgba(0,0,0,0.14);
  cursor:pointer;
}
.bizkit-sa__choice:hover{ background:rgba(255,255,255,0.06); }
.bizkit-sa__choice input{ margin:0; }

.bizkit-sa__nav{ display:flex; justify-content:space-between; gap:12px; margin-top:14px; }

.bizkit-sa__disclaimer{ opacity:0.9; }
.bizkit-sa__footer{ margin-top:10px; display:flex; justify-content:space-between; gap:12px; color:#9ca3af; font-size:12px; opacity:0.9; }

@media (max-width:780px){
  .bizkit-sa__snapshot li{ flex-direction:column; align-items:flex-start; }
  .bizkit-sa__snapshot span{ text-align:left; }
  .bizkit-sa__actions{ flex-direction:column; align-items:stretch; }
  .bizkit-sa__nav{ flex-direction:column; align-items:stretch; }
}