/* Final home-screen composition for the authenticated cabinet. */

body.cabinet-experience-v2 #dashboard {
  --home-card: #fffef9;
  --home-soft: #f7f4ed;
  --home-line: #d8d2c7;
  --home-line-strong: #bdb6aa;
  --home-ink: #171a18;
  --home-muted: #737a74;
  --home-blue: #2f55bf;
  --home-green: #247258;
}

body.cabinet-experience-v2 #dashboard .metrics-grid {
  border-radius: 16px;
  background: var(--home-card);
  box-shadow: 0 12px 32px rgba(23,26,24,.045);
}

body.cabinet-experience-v2 #dashboard .metric-card,
body.cabinet-experience-v2 #dashboard .metric-primary {
  min-height: 126px;
  padding: 22px 22px 20px;
}

body.cabinet-experience-v2 #dashboard .metric-card > span {
  color: #69706a;
  font-size: 12px;
  font-weight: 650;
}

body.cabinet-experience-v2 #dashboard .metric-card strong {
  margin: 15px 0 7px;
  font-size: clamp(27px, 2vw, 34px);
  font-weight: 740;
  letter-spacing: -.035em;
}

body.cabinet-experience-v2 #dashboard .metric-card small {
  color: #818781;
  font-size: 12px;
  line-height: 1.45;
}

body.cabinet-experience-v2 #dashboard .performance-strip {
  margin-top: 12px;
  border-radius: 14px;
  background: rgba(255,254,249,.72);
}

body.cabinet-experience-v2 #dashboard .performance-strip > div {
  min-height: 86px;
  padding: 16px 20px;
}

body.cabinet-experience-v2 #dashboard .performance-strip span {
  font-size: 12px;
  font-weight: 600;
}

body.cabinet-experience-v2 #dashboard .performance-strip strong {
  margin-top: 8px;
  font-size: 21px;
  font-weight: 720;
}

.dashboard-ai-focus {
  margin: 22px 0 16px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.dashboard-ai-focus .ai-focus-head {
  padding: 0 2px 13px;
  border: 0;
}

.dashboard-ai-focus .ai-focus-kicker {
  color: var(--home-green);
  font-size: 12px;
  font-weight: 700;
}

.dashboard-ai-focus .ai-focus-copy h3 {
  margin-top: 4px;
  font-size: 24px;
  font-weight: 740;
  letter-spacing: -.025em;
}

.dashboard-ai-focus .ai-focus-copy p {
  margin-top: 4px;
  color: var(--home-muted);
  font-size: 12px;
}

.dashboard-ai-focus .ai-focus-count {
  min-height: 32px;
  padding: 0 11px;
  border-radius: 9px;
  background: rgba(255,254,249,.7);
  font-size: 12px;
}

.dashboard-ai-focus .ai-priority-grid {
  gap: 10px;
}

.dashboard-ai-focus .ai-priority-card {
  min-height: 86px;
  grid-template-columns: 42px minmax(0,1fr) auto;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid var(--home-line);
  border-radius: 14px;
  background: var(--home-card);
  box-shadow: 0 8px 22px rgba(23,26,24,.035);
}

.dashboard-ai-focus .ai-priority-card:last-child {
  border-bottom: 1px solid var(--home-line);
}

.dashboard-ai-focus .ai-priority-card:hover {
  border-color: var(--home-line-strong);
  background: #fffefa;
}

.dashboard-ai-focus .ai-priority-icon {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  font-size: 12px;
}

.dashboard-ai-focus .ai-priority-card-copy strong {
  font-size: 14px;
  font-weight: 700;
}

.dashboard-ai-focus .ai-priority-detail {
  max-width: 720px;
  margin-top: 5px;
  color: #767d77;
  font-size: 12px;
  line-height: 1.5;
}

.dashboard-ai-focus .ai-priority-card button {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 680;
}

.dashboard-ai-focus .ai-mini-chat {
  position: relative;
  display: grid;
  grid-template-columns: minmax(230px,.72fr) minmax(420px,1.28fr);
  gap: 18px 24px;
  margin-top: 12px;
  padding: 20px;
  border: 1px solid #cfd3df;
  border-radius: 16px;
  background: #f7f8fc;
  box-shadow: 0 10px 28px rgba(35,45,82,.055);
}

.dashboard-ai-focus .ai-mini-chat::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 16px 0 0 16px;
  background: var(--home-blue);
}

.dashboard-ai-focus .ai-mini-chat-top {
  min-width: 0;
}

.dashboard-ai-focus .ai-mini-chat-title {
  grid-template-columns: 38px minmax(0,1fr);
  gap: 11px;
  align-items: center;
}

.dashboard-ai-focus .ai-mini-chat-avatar {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: #263a75;
}

.dashboard-ai-focus .ai-mini-chat-avatar svg {
  width: 19px;
  height: 19px;
}

.dashboard-ai-focus .ai-mini-chat-title strong {
  font-size: 14px;
  font-weight: 720;
}

.dashboard-ai-focus .ai-mini-chat-title span {
  margin-top: 3px;
  color: #737b8f;
  font-size: 12px;
}

.dashboard-ai-focus .ai-mini-prompts {
  display: grid;
  gap: 7px;
  margin-top: 14px;
}

.dashboard-ai-focus .ai-mini-prompt {
  width: 100%;
  min-height: 32px;
  justify-content: flex-start;
  padding: 6px 10px;
  border-color: #d7dae4;
  border-radius: 9px;
  color: #50596d;
  background: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
}

.dashboard-ai-focus .ai-mini-prompt:hover {
  border-color: #9da7c2;
  color: #20283b;
  background: #fff;
}

.dashboard-ai-focus .ai-mini-form {
  grid-template-columns: minmax(0,1fr) auto;
  align-self: stretch;
  align-items: end;
  gap: 9px;
  padding: 4px 0;
}

.dashboard-ai-focus .ai-mini-form input {
  height: 50px;
  padding: 0 16px;
  border-color: #ccd1de;
  border-radius: 12px;
  background: #fff;
  font-size: 13px;
}

.dashboard-ai-focus .ai-mini-form input::placeholder {
  color: #9299aa;
}

.dashboard-ai-focus .ai-mini-form button {
  min-width: 104px;
  min-height: 50px;
  padding: 0 17px;
  border-radius: 12px;
  background: #171a18;
  font-size: 12px;
  font-weight: 700;
}

.dashboard-ai-focus .ai-mini-form button:hover {
  background: var(--home-blue);
}

.dashboard-ai-focus .ai-mini-result {
  margin-top: 2px;
  padding: 14px 0 0;
}

.dashboard-ai-focus .ai-focus-note {
  margin-top: 10px;
  padding: 0 3px;
  border: 0;
  color: #858b86;
  background: transparent;
  font-size: 12px;
}

/* NKT / NTIN: graphite + coral, no legacy blue or violet. */
body.usynai-brand.cabinet-experience-v2 .ntin-hero {
  color: #fffaf1 !important;
  border: 1px solid rgba(255, 107, 85, .38) !important;
  background:
    radial-gradient(circle at 88% -10%, rgba(255, 107, 85, .28), transparent 38%),
    radial-gradient(circle at 12% 120%, rgba(216, 76, 56, .13), transparent 42%),
    linear-gradient(145deg, #10120f 0%, #171a17 72%, #211814 100%) !important;
  box-shadow: 0 20px 48px rgba(16, 18, 15, .16) !important;
}

body.usynai-brand.cabinet-experience-v2 .ntin-hero :is(h1, h2, h3, h4, strong, b) {
  color: #fffaf1 !important;
}

body.usynai-brand.cabinet-experience-v2 .ntin-hero :is(p, small, span:not(.ntin-hero-kicker)) {
  color: #d6cec4 !important;
}

body.usynai-brand.cabinet-experience-v2 .ntin-hero-kicker {
  color: #ffb3a5 !important;
}

body.usynai-brand.cabinet-experience-v2 .ntin-hero .ntin-button.primary,
body.usynai-brand.cabinet-experience-v2 .ntin-button.primary {
  color: #10120f !important;
  border-color: #ff6b55 !important;
  background: #ff6b55 !important;
  box-shadow: none !important;
}

body.usynai-brand.cabinet-experience-v2 .ntin-hero .ntin-button.primary:hover,
body.usynai-brand.cabinet-experience-v2 .ntin-button.primary:hover {
  background: #ff806d !important;
}

body.usynai-brand.cabinet-experience-v2 .ntin-automation-card,
body.usynai-brand.cabinet-experience-v2 .nkt-official-card {
  border-color: #e3c7bd !important;
  background: #fffaf1 !important;
  box-shadow: 0 14px 34px rgba(16, 18, 15, .055) !important;
}

body.usynai-brand.cabinet-experience-v2 .ntin-automation-card .ntin-auto-dot {
  box-shadow: 0 0 0 6px rgba(8, 122, 85, .10) !important;
}

body.usynai-brand.cabinet-experience-v2 :is(.ntin-progress, .nkt-progress) > span,
body.usynai-brand.cabinet-experience-v2 .ntin-progress i {
  background: linear-gradient(90deg, #ff6b55, #d84c38) !important;
}

body.usynai-brand.cabinet-experience-v2 :is(.ntin-pill, .ntin-code) {
  color: #9c3425 !important;
  border-color: #efc4ba !important;
  background: #fff0ec !important;
}

/* Niche analysis: one coral system with readable dark surfaces. */
body.usynai-brand.cabinet-experience-v2 .niche-analysis-view {
  --niche-violet: #d84c38 !important;
  --niche-violet-dark: #b93820 !important;
  --niche-primary: #d84c38 !important;
}

body.usynai-brand.cabinet-experience-v2 :is(.niche-hero, .niche-agent-card) {
  color: #fffaf1 !important;
  border-color: rgba(255, 107, 85, .36) !important;
  background:
    radial-gradient(circle at 92% -8%, rgba(255, 107, 85, .30), transparent 39%),
    radial-gradient(circle at 2% 110%, rgba(216, 76, 56, .12), transparent 42%),
    linear-gradient(145deg, #10120f 0%, #171a17 72%, #211814 100%) !important;
  box-shadow: 0 20px 50px rgba(16, 18, 15, .16) !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-hero::after {
  border-color: rgba(255, 107, 85, .08) !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-hero-copy > p,
body.usynai-brand.cabinet-experience-v2 .niche-query-form > label,
body.usynai-brand.cabinet-experience-v2 .niche-agent-card :is(p, small) {
  color: #d6cec4 !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-hero :is(h1, h2, h3, h4),
body.usynai-brand.cabinet-experience-v2 .niche-agent-card :is(h1, h2, h3, h4, strong, b) {
  color: #fffaf1 !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-eyebrow {
  color: #ffb3a5 !important;
  border-color: rgba(255, 107, 85, .38) !important;
  background: rgba(255, 107, 85, .09) !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-primary {
  color: #10120f !important;
  background: #ff6b55 !important;
  box-shadow: 0 9px 22px rgba(216, 76, 56, .24) !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-primary:hover {
  background: #ff806d !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-query-row:focus-within {
  border-color: #d84c38 !important;
  box-shadow: 0 0 0 4px rgba(216, 76, 56, .13), 0 8px 24px rgba(16, 24, 40, .07) !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-coverage i {
  background: linear-gradient(90deg, #ff6b55, #087a55) !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-method-note {
  color: #8f2f21 !important;
  background: #fff0ec !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-method-note b {
  color: #9c3425 !important;
  background: #ffe1d9 !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-loading span {
  border-color: #f4d2ca !important;
  border-top-color: #d84c38 !important;
}

body.usynai-brand.cabinet-experience-v2 .niche-nav-item em {
  color: #9c3425 !important;
  background: #fff0ec !important;
}

@media (max-width: 1100px) {
  .dashboard-ai-focus .ai-mini-chat {
    grid-template-columns: 1fr;
  }

  .dashboard-ai-focus .ai-mini-prompts {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 680px) {
  body.cabinet-experience-v2 #dashboard .metric-card,
  body.cabinet-experience-v2 #dashboard .metric-primary {
    min-height: 94px;
    padding: 17px 18px;
  }

  .dashboard-ai-focus .ai-focus-head {
    padding-inline: 0;
  }

  .dashboard-ai-focus .ai-priority-card {
    grid-template-columns: 38px minmax(0,1fr);
    padding: 14px;
  }

  .dashboard-ai-focus .ai-priority-card button {
    grid-column: 2;
  }

  .dashboard-ai-focus .ai-mini-chat {
    padding: 17px;
  }

  .dashboard-ai-focus .ai-mini-prompts {
    grid-template-columns: 1fr;
  }

  .dashboard-ai-focus .ai-mini-form {
    grid-template-columns: 1fr;
  }

  .dashboard-ai-focus .ai-mini-form button {
    width: 100%;
  }
}