@import url("./base_login.css?v=20260609-simulator-return2");
@import url("./shell_layout.css?v=20260519-refactor");
@import url("./presentation.css?v=20260519-refactor");
@import url("./simulator_form.css?v=20260519-refactor");
@import url("./analysis_gate.css?v=20260519-refactor");
@import url("./group_cards.css?v=20260519-refactor");
@import url("./proposal_cards.css?v=20260522-pdf-loading2");
@import url("./modal_detail.css?v=20260519-refactor");
@import url("./modal_insight.css?v=20260522-group-modal-polish1");
@import url("./contract.css?v=20260519-refactor");
@import url("./reports.css?v=20260604-report-profile-layout3");
@import url("./clocks.css?v=20260519-refactor");
@import url("./agenda.css?v=20260522-agenda-speed-colors1");
@import url("./goals_seller.css?v=20260624-global-lead-alert2");
@import url("./theme_polish.css?v=20260522-theme-polish1");
@import url("./responsive.css?v=20260520-implpower1");

.seller-ninebox-panel {
  margin: 16px 0 22px;
}

.seller-kpi-action-card {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
  position: relative;
}

.seller-kpi-action-card > *:first-child {
  height: 100%;
}

.seller-kpi-action-card:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

.seller-kpi-action-hint {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(214, 178, 75, .16);
  color: var(--gold, #D6B24B);
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .06em;
  pointer-events: none;
}

.seller-ninebox-card {
  display: grid;
  grid-template-columns: minmax(220px, 1.1fr) minmax(220px, .9fr) minmax(260px, 1.2fr);
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(214, 178, 75, .32);
  border-radius: 22px;
  background:
    radial-gradient(circle at top left, rgba(214, 178, 75, .20), transparent 36%),
    linear-gradient(135deg, rgba(18, 30, 48, .96), rgba(27, 45, 68, .90));
  color: #fff8e6;
  box-shadow: 0 18px 42px rgba(10, 18, 32, .22);
}

.seller-ninebox-main span,
.seller-ninebox-scores small,
.seller-ninebox-rules b {
  display: block;
  color: #d6b24b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.seller-ninebox-main h3 {
  margin: 6px 0;
  font-size: clamp(24px, 3vw, 38px);
  letter-spacing: -.04em;
}

.seller-ninebox-main p {
  margin: 0;
  color: rgba(255, 248, 230, .76);
}

.seller-ninebox-scores {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.seller-ninebox-scores div {
  padding: 14px;
  border: 1px solid rgba(255, 248, 230, .16);
  border-radius: 18px;
  background: rgba(255, 255, 255, .06);
}

.seller-ninebox-scores b {
  display: block;
  margin: 4px 0;
  font-size: 30px;
}

.seller-ninebox-scores span,
.seller-ninebox-rules span {
  display: block;
  color: rgba(255, 248, 230, .78);
  font-size: 13px;
}

.seller-ninebox-rules {
  display: grid;
  gap: 6px;
  align-content: center;
}

.seller-ninebox-blockers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.seller-ninebox-blockers span {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(239, 68, 68, .18);
  color: #ffd7d7;
}

.nine-box {
  display: grid;
  gap: 8px;
  margin: 10px 0 14px;
}

.nine-box-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.nine-box-cell {
  min-height: 112px;
  padding: 10px;
  border: 1px solid rgba(140, 172, 210, .28);
  border-radius: 14px;
  background: rgba(255, 255, 255, .045);
}

.nine-box-cell.prime {
  border-color: rgba(34, 197, 94, .48);
  background: rgba(34, 197, 94, .10);
}

.nine-box-cell.good {
  border-color: rgba(125, 211, 252, .42);
  background: rgba(125, 211, 252, .08);
}

.nine-box-cell.watch {
  border-color: rgba(214, 178, 75, .48);
  background: rgba(214, 178, 75, .10);
}

.nine-box-cell.risk {
  border-color: rgba(239, 68, 68, .42);
  background: rgba(239, 68, 68, .08);
}

.nine-box-cell-title,
.nine-box-axis {
  color: #d6e8ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.nine-box-people {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.nine-box-person {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(8, 19, 37, .58);
  color: #f4f8ff;
  font-size: 12px;
  font-weight: 800;
}

.nine-box-person small {
  color: #9ed7ff;
  font-size: 10px;
  font-weight: 900;
}

.nine-box-people em {
  color: rgba(207, 228, 255, .55);
  font-size: 12px;
  font-style: normal;
}

@media (max-width: 960px) {
  .seller-ninebox-card {
    grid-template-columns: 1fr;
  }

  .nine-box-grid {
    grid-template-columns: 1fr;
  }
}

.report-kpi-more {
  grid-column: 1 / -1;
}

.report-kpi-more > summary {
  border: 1px solid rgba(140, 172, 210, 0.45);
  border-radius: 999px;
  color: #cfe4ff;
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  margin: 4px 0 12px;
  padding: 10px 16px;
}

.report-kpi-more-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.seller-dashboard-load-error {
  grid-column: 1 / -1;
}

.mini-action-btn {
  margin-left: 10px;
  border: 1px solid rgba(138, 198, 255, .45);
  border-radius: 999px;
  background: rgba(138, 198, 255, .12);
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 6px 12px;
}

.mini-action-btn:hover {
  border-color: rgba(138, 198, 255, .85);
  background: rgba(138, 198, 255, .2);
}

.best-admin-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 10px;
}

.best-admin-tab {
  appearance: none;
  border: 1px solid rgba(148, 197, 255, .38);
  background: rgba(10, 25, 52, .78);
  color: #dbeafe;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 800;
  padding: 9px 14px;
}

.best-admin-tab.active {
  background: linear-gradient(135deg, #9be7ef, #dbeafe);
  border-color: rgba(219, 234, 254, .8);
  color: #071527;
}

.best-admin-pane[hidden] {
  display: none !important;
}
