/* Settings › Company settings (B-071, pages/settings.js): General / Activities / Leads tabs.
   Form rows: label right-aligned in a 180px column, inputs 320px. */
.setc-page { max-width: 820px; }
.setc-title { margin-bottom: var(--sp-5); }
.setc-readonly {
  display: flex; align-items: center; gap: var(--sp-4); margin: 0 0 var(--sp-6); padding: var(--sp-4) var(--sp-5);
  border-radius: var(--r-md); background: var(--bg-info); color: var(--text); font-size: var(--fs-md);
}
.setc-readonly .ic, .setc-readonly svg { width: 16px; height: 16px; display: block; color: var(--blue); flex: none; }

.setc-form { display: flex; flex-direction: column; gap: var(--sp-6); }
.setc-row { display: grid; grid-template-columns: 180px minmax(0, 320px); column-gap: var(--sp-6); align-items: start; }
.setc-label {
  text-align: right; padding-top: 7px; font-size: var(--fs-md); line-height: 18px; color: var(--text); font-weight: var(--fw-regular);
}
.setc-control { display: flex; flex-direction: column; gap: var(--sp-2); min-width: 0; }
.setc-input, .setc-control .select-trigger { width: 100%; }
.setc-input-short { width: 140px; }
.setc-input-num { width: 96px; }
.setc-hint { font-size: var(--fs-sm); line-height: 16px; color: var(--text-2); }
.setc-inline { display: flex; align-items: center; gap: var(--sp-4); }
.setc-unit { color: var(--text-2); }
.setc-actions { margin-top: var(--sp-2); }
.setc-actions > .btn { justify-self: start; min-width: 72px; }
.setc-actions .btn .spinner { margin-right: var(--sp-2); }
.setc-input:disabled, .setc-control .select-trigger:disabled { background: var(--bg-app); color: var(--text-2); cursor: not-allowed; }

/* Activities tab */
.setc-section { display: flex; flex-direction: column; gap: var(--sp-5); }
.setc-h2 { margin: 0; font-size: var(--fs-xl); line-height: 28px; font-weight: var(--fw-regular); }
.setc-text { margin: 0; color: var(--text); line-height: 21px; max-width: 640px; }
.setc-form-wide { gap: var(--sp-5); }
.setc-form-wide .setc-actions { display: flex; grid-template-columns: none; padding-left: 52px; }
.setc-form-wide .setc-actions .setc-label { display: none; }
.setc-won { display: flex; gap: var(--sp-5); align-items: flex-start; }
.setc-won-ic { width: 36px; height: 36px; flex: none; color: var(--text); }
.setc-won-ic svg { width: 36px; height: 36px; display: block; }
.setc-won-main { display: flex; flex-direction: column; gap: var(--sp-4); min-width: 0; }
.setc-won-head { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-5); min-height: 28px; }
.setc-won-title { font-size: var(--fs-lg); font-weight: var(--fw-semibold); }
.setc-switch { color: var(--text); font-weight: var(--fw-regular); font-size: var(--fs-md); }
.setc-switch .switch:disabled { opacity: 0.6; cursor: not-allowed; }
.setc-won-details { display: flex; flex-direction: column; gap: var(--sp-5); margin-top: var(--sp-2); transition: opacity var(--t-med) var(--ease); }
.setc-won-details.is-off { opacity: 0.5; }
.setc-stack { display: flex; flex-direction: column; gap: var(--sp-3); align-items: flex-start; }
.setc-stack-label { font-size: var(--fs-md); }
.setc-stack .select-trigger { width: 200px; }
.setc-with-ic { display: flex; align-items: center; gap: var(--sp-4); }
.setc-type-ic { width: 18px; height: 18px; color: var(--text-2); }
.setc-type-ic .ic, .setc-type-ic svg { width: 18px; height: 18px; display: block; }
.setc-check { margin-top: var(--sp-2); }
.setc-divider { border: 0; border-top: 1px solid var(--border); margin: var(--sp-8) 0 var(--sp-7); }

/* Activity types list */
.setc-add { align-self: flex-start; gap: var(--sp-3); }
.setc-add .ic svg { width: 14px; height: 14px; display: block; }
.at-list { display: flex; flex-direction: column; gap: var(--sp-6); }
.at-group { border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; }
.at-group-head { padding: var(--sp-4) var(--sp-5); font-weight: var(--fw-semibold); border-bottom: 1px solid var(--border); background: var(--bg-app); }
.at-row {
  display: flex; align-items: center; gap: var(--sp-5); min-height: 48px; padding: var(--sp-2) var(--sp-5);
  border-top: 1px solid var(--border); transition: background var(--t-fast) var(--ease);
}
.at-row:first-child { border-top: 0; }
.at-row:hover { background: var(--bg-hover); }
.at-row-ic {
  width: 32px; height: 32px; flex: none; border-radius: 50%; background: var(--bg-app); color: var(--text);
  display: grid; place-items: center;
}
.at-row-ic .ic, .at-row-ic svg { width: 16px; height: 16px; display: block; }
.at-row-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.at-row.is-inactive .at-row-name, .at-row.is-inactive .at-row-ic { color: var(--text-muted); }
.at-edit { width: 28px; height: 28px; color: var(--text-2); opacity: 0; transition: opacity var(--t-fast) var(--ease); }
.at-edit svg { width: 16px; height: 16px; }
.at-row:hover .at-edit, .at-edit:focus-visible { opacity: 1; }
.at-row .switch:disabled { opacity: 0.6; cursor: not-allowed; }

/* Add / edit activity type modal */
.at-form { display: flex; flex-direction: column; gap: var(--sp-6); }
.at-field { display: flex; flex-direction: column; gap: var(--sp-3); }
.at-label { font-size: var(--fs-md); font-weight: var(--fw-semibold); }
.at-icons { display: flex; flex-wrap: wrap; gap: var(--sp-3); }
.at-icon-btn {
  width: 40px; height: 36px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--bg-surface);
  color: var(--text-2); display: grid; place-items: center; cursor: pointer;
  transition: background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}
.at-icon-btn .ic, .at-icon-btn svg { width: 18px; height: 18px; display: block; }
.at-icon-btn:hover { background: var(--bg-hover); color: var(--text); }
.at-icon-btn.is-active { background: var(--bg-selected); border-color: var(--border-focus); color: var(--blue); }
.at-icon-btn:focus-visible { outline: 2px solid var(--border-focus); outline-offset: 1px; }

@media (max-width: 720px) {
  .setc-row { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-2); }
  .setc-label { text-align: left; padding-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .setc-won-details, .at-row, .at-edit, .at-icon-btn { transition: none; }
}