/* Administrator profile presentation. No business logic or finance-pane overrides.
   Tokenizovano (tokens.css): boje/sjene/gradijenti na varijable radi dark modea i
   dosljednosti s tabelom klijenata. Selektori i raspored nepromijenjeni. */
.admin-content #client-profile { border: 1px solid var(--border); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); scroll-margin-top: 16px; min-width: 0; }
.admin-content #client-profile > .panel-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; padding: 22px; border-radius: 14px 14px 0 0; background: linear-gradient(110deg,var(--surface),var(--surface-2)); border-bottom: 1px solid var(--border); }
.admin-content #client-profile > .panel-heading > div { min-width: 0; }
.admin-content #client-profile > .panel-heading h2 { margin: 10px 0 5px; color: var(--text); font-size:var(--text-2xl); line-height: 1.3; letter-spacing: -.035em; overflow-wrap: anywhere; }
.admin-content #client-profile > .panel-heading > div > span:not(.status) { font-size:var(--text-xs); color: var(--text-muted); }
.admin-content #client-profile .back-link { display: inline-block; padding: 6px 9px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface); color: var(--primary-700); font-size:var(--text-xs); text-decoration: none; }
.admin-content #client-profile > .panel-heading .status { display: inline-block; margin: 3px 0; padding: 5px 8px; border-radius: 6px; font-size:var(--text-2xs); white-space: normal; }
.admin-content #client-profile > .client-profile-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; padding: 18px 20px; background: var(--surface-2); }
.admin-content #client-profile > .client-profile-summary > div { min-width: 0; padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.admin-content #client-profile > .client-profile-summary span { font-size:var(--text-2xs); color: var(--text-muted); font-weight: 700; letter-spacing: .04em; line-height: 1.5; }
.admin-content #client-profile > .client-profile-summary strong { margin-top: 8px; color: var(--text); font-size:var(--text-base); line-height: 1.5; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.admin-content #client-profile > .client-profile-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 20px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--surface); overflow: visible; }
.admin-content #client-profile .client-profile-tab { flex: 0 1 auto; min-width: 0; min-height: 38px; padding: 9px 12px; border: 1px solid transparent; border-radius: 8px; color: var(--text-muted); background: transparent; font-size:var(--text-xs); font-weight: 700; line-height: 1.4; white-space: normal; box-shadow: none; }
.admin-content #client-profile .client-profile-tab.selected { color: var(--primary); background: var(--primary-weak); border-color: var(--primary); }
.admin-content #client-profile .client-profile-tab:hover { background: var(--surface-raised); }
.admin-content #client-profile :is(a,button,input,select,textarea):focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; }
.admin-content #client-profile .client-profile-pane:not([data-pane="finance"]) { padding: 20px; }
.admin-content #client-profile :is([data-pane="overview"],[data-pane="security"]) .client-profile-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.admin-content #client-profile :is([data-pane="overview"],[data-pane="security"]) .client-profile-grid > div { min-width: 0; padding: 14px; border: 1px solid var(--border-soft); border-radius: 10px; background: var(--surface-2); }
.admin-content #client-profile :is([data-pane="overview"],[data-pane="security"]) .client-profile-grid span { color: var(--text-muted); font-size:var(--text-2xs); line-height: 1.5; }
.admin-content #client-profile :is([data-pane="overview"],[data-pane="security"]) .client-profile-grid strong { color: var(--text); margin-top: 6px; font-size:var(--text-sm); line-height: 1.6; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.admin-content #client-profile :is([data-pane="overview"],[data-pane="security"]) code { white-space: normal; overflow-wrap: anywhere; font-size:var(--text-xs); }
.admin-content #client-profile [data-pane="subscription"] .client-action-center { gap: 10px; min-width: 0; }
.admin-content #client-profile [data-pane="subscription"] .client-action-card { min-width: 0; padding: 15px; border: 1px solid var(--border); border-radius: 10px; box-shadow: none; }
.admin-content #client-profile [data-pane="subscription"] :is(.mapping-button,.secondary-action,.status-toggle-action) { min-height: 40px; padding: 10px 13px; border-radius: 8px; font-size:var(--text-sm); line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
.admin-content #client-profile [data-pane="subscription"] .client-action-safety { margin: 16px 0 0; padding: 14px; border-radius: 10px; font-size:var(--text-xs); line-height: 1.65; }
.admin-content #client-profile :is([data-pane="security"],[data-pane="notes"]) > .panel { margin: 0; min-width: 0; border: 1px solid var(--border); border-radius: 10px; box-shadow: none; }
.admin-content #client-profile :is([data-pane="security"],[data-pane="notes"]) .panel-heading { padding: 16px; gap: 10px; flex-wrap: wrap; background: var(--surface-2); }
.admin-content #client-profile :is([data-pane="security"],[data-pane="notes"]) .panel-heading h2 { color: var(--text); font-size:var(--text-lg); line-height: 1.4; }
.admin-content #client-profile [data-pane="notes"] :is(input,textarea) { max-width: 100%; box-sizing: border-box; border-radius: 8px; font-size:var(--text-sm); }
.admin-content #client-profile [data-pane="history"] .table-wrap { overflow-x: auto; max-width: 100%; }
.admin-content #client-profile [data-pane="history"] :is(th,td) { font-size:var(--text-xs); padding: 11px; line-height: 1.5; }
@media (max-width: 1100px) {
  .admin-content #client-profile > .client-profile-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-content #client-profile :is([data-pane="overview"],[data-pane="security"]) .client-profile-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .admin-content #client-profile > .panel-heading { padding: 16px; }
  .admin-content #client-profile > .panel-heading h2 { font-size:var(--text-2xl); }
  .admin-content #client-profile > .client-profile-summary { padding: 12px; gap: 8px; }
  .admin-content #client-profile > .client-profile-summary > div { padding: 11px; }
  .admin-content #client-profile > .client-profile-summary strong { font-size:var(--text-sm); }
  .admin-content #client-profile > .client-profile-tabs { padding: 10px 12px; gap: 6px; }
  .admin-content #client-profile .client-profile-tab { flex: 1 1 calc(33.333% - 6px); padding: 8px 6px; min-height: 42px; font-size:var(--text-2xs); }
  .admin-content #client-profile .client-profile-pane:not([data-pane="finance"]) { padding: 12px; }
  .admin-content #client-profile :is([data-pane="overview"],[data-pane="security"]) .client-profile-grid { gap: 8px; }
  .admin-content #client-profile :is([data-pane="overview"],[data-pane="security"]) .client-profile-grid > div { padding: 10px; }
  .admin-content #client-profile [data-pane="subscription"] .client-action-center { grid-template-columns: minmax(0,1fr); }
}

/* Readable profile labels and touch targets, scoped to the existing profile. */
.admin-content #client-profile > .client-profile-summary span { font-size:var(--text-xs); letter-spacing:.025em; }
.admin-content #client-profile :is([data-pane="overview"],[data-pane="security"]) .client-profile-grid span { font-size:var(--text-sm); }
.admin-content #client-profile .back-link { display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; box-sizing:border-box; font-size:var(--text-sm); }
.admin-content #client-profile .client-profile-tab { min-height:44px; font-size:var(--text-sm); }
.admin-content #client-profile [data-pane="subscription"] :is(.mapping-button,.secondary-action,.status-toggle-action) { min-height:44px; box-sizing:border-box; }
@media(max-width:600px) {
 .admin-content #client-profile > .client-profile-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .admin-content #client-profile .client-profile-tab { font-size:var(--text-sm); min-height:44px; }
 .admin-content #client-profile [data-pane="subscription"] .profile-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
 .admin-content #client-profile [data-pane="subscription"] .profile-actions > :is(a,button) { display:flex; align-items:center; justify-content:center; min-height:44px; white-space:normal; }
}