/* =========================================================
   Kraken — Branch (şube) services chooser
   enterprise → branch → service landing for property-level users.
   ========================================================= */

.branch-pill__avatar {
  width: 30px; height: 30px; border-radius: 8px;
  background: var(--sds-neutral-900); color: #fff;
  display: grid; place-items: center; font: 700 12px/1 var(--sds-font-brand);
}
[data-theme="dark"] .branch-pill__avatar { background: var(--k-accent); color: var(--k-accent-text); }

/* ---- Service settings / portals (richer cards) ---- */
.branch-eyebrow {
  display: inline-flex; align-items: center; gap: 6px;
  font: 700 11px/1 var(--sds-font-ui); letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--sds-simpra-600); margin-bottom: 8px;
}
.portal-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 14px;
}
.portal-card {
  background: var(--k-surface); border: 1px solid var(--k-border);
  border-radius: var(--sds-radius-card); padding: 18px;
}
.portal-card__head { display: flex; align-items: center; gap: 12px; }
.portal-card__open {
  display: flex; align-items: center; gap: 12px; text-align: left; min-width: 0;
  padding: 0; border: 0; background: none; cursor: pointer;
  border-radius: var(--sds-radius-sm, 8px); transition: opacity .12s;
}
.portal-card__open:hover { opacity: .7; }
.portal-card__open:hover .portal-card__title { text-decoration: underline; }
.portal-card__open-text { display: flex; flex-direction: column; min-width: 0; }
.portal-card__gear {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; flex: none;
  border: 1px solid var(--k-border); border-radius: var(--sds-radius-sm, 8px);
  background: var(--k-surface); color: var(--k-text-subtle); cursor: pointer;
  transition: background .12s, color .12s, border-color .12s;
}
.portal-card__gear:hover { background: var(--k-surface-alt); color: var(--k-text); border-color: var(--k-border-strong, var(--k-border)); }
.portal-card__title { font: 600 16px/1.2 var(--sds-font-ui); color: var(--k-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.portal-card__sub { font: 400 12px/1.3 var(--sds-font-ui); color: var(--k-text-subtle); margin-top: 2px; }
.portal-card__status { margin-top: 12px; }
.portal-card__stats {
  display: flex; gap: 28px; margin: 16px 0;
  padding: 14px 0; border-top: 1px solid var(--k-border); border-bottom: 1px solid var(--k-border);
}
.portal-card__stat-label { font: 400 11px/1 var(--sds-font-ui); color: var(--k-text-subtle); }
.portal-card__stat-value { font: 700 18px/1.2 var(--sds-font-ui); color: var(--k-text); margin-top: 4px; font-variant-numeric: tabular-nums; }
.portal-card__actions { display: flex; align-items: center; gap: 8px; margin-top: 14px; }

/* ===== Intake toggle (open/close order intake) ===== */
.k-switch {
  position: relative; flex: none;
  width: 40px; height: 22px; border-radius: 999px;
  background: var(--k-border-strong, #3a3f47); transition: background .15s;
}
.k-switch--on { background: var(--k-accent, #fedd00); }
.k-switch__knob {
  position: absolute; top: 2px; left: 2px;
  width: 18px; height: 18px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.3); transition: transform .15s;
}
.k-switch--on .k-switch__knob { transform: translateX(18px); }

.portal-intake {
  display: flex; align-items: center; gap: 12px; width: 100%;
  text-align: left; cursor: pointer; margin: 14px 0 0; padding: 12px 14px;
  border: 1px solid var(--k-border); border-radius: var(--sds-radius-card, 12px);
  background: var(--k-surface-alt); transition: border-color .12s;
}
.portal-intake:hover { border-color: var(--k-accent, #fedd00); }
.portal-intake__text { flex: 1; }
.portal-intake__label { font: 600 13px/1.2 var(--sds-font-ui); color: var(--k-text); }
.portal-intake__sub { font: 400 12px/1.3 var(--sds-font-ui); color: var(--k-text-subtle); margin-top: 3px; }

/* ===== Bulk intake banner ===== */
.intake-banner {
  display: flex; align-items: center; gap: 16px;
  padding: 18px 20px; margin-bottom: 18px;
  border: 1px solid var(--k-border); border-left: 3px solid #16a34a;
  border-radius: var(--sds-radius-card, 12px); background: var(--k-surface);
}
.intake-banner--closed { border-left-color: #ef4444; }
.intake-banner__icon {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 44px; height: 44px; border-radius: 12px;
  background: var(--k-surface-alt); color: var(--k-text-muted);
}
.intake-banner__text { flex: 1; }
.intake-banner__title { font: 600 15px/1.3 var(--sds-font-ui); color: var(--k-text); }
.intake-banner__sub { font: 400 13px/1.4 var(--sds-font-ui); color: var(--k-text-subtle); margin-top: 4px; max-width: 70ch; }
.intake-banner__actions { display: flex; gap: 8px; flex: none; }