/* ARCANUM tenant settings — refined responsive layout; inherits active ARCANUM theme. */
#view-settings { --settings-gap: 18px; }
#view-settings .pagehead { align-items:center; padding-bottom:20px; border-bottom:1px solid var(--line); }
#view-settings .pagehead .eyebrow { margin-bottom:6px; }
#view-settings .pagehead h1 { font-size:clamp(24px,2.3vw,32px); letter-spacing:-.8px; }
#view-settings .sub { max-width:680px; line-height:1.6; }
#view-settings #settingsMessage { display:flex; align-items:center; gap:9px; min-height:42px; padding:11px 14px; margin:0 0 18px; border:1px solid var(--line); border-radius:10px; background:var(--panel2); line-height:1.45; }
#view-settings .dashboard-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:var(--settings-gap); align-items:stretch; }
#view-settings .card { padding:clamp(17px,2vw,24px); border-radius:15px; box-shadow:0 8px 24px #0000000a; }
#view-settings .card-head { margin-bottom:18px; padding-bottom:13px; border-bottom:1px solid var(--line); }
#view-settings .card-head h2 { font-size:15px; letter-spacing:-.15px; }
#view-settings form.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:15px 16px !important; }
#view-settings form.grid > label { display:flex; flex-direction:column; gap:7px; min-width:0; color:var(--muted); font-size:11px; font-weight:650; letter-spacing:.15px; }
#view-settings form.grid > label:has(input[type="checkbox"]) { flex-direction:row; align-items:center; gap:10px; min-height:42px; padding:10px 12px; border:1px solid var(--line); border-radius:9px; background:var(--panel2); color:var(--text); font-size:12px; letter-spacing:0; }
#view-settings input:not([type="checkbox"]), #view-settings select { display:block; width:100%; min-width:0; min-height:42px; padding:10px 12px; border:1px solid var(--line); border-radius:9px; outline:none; background:var(--bg); color:var(--text); font-size:13px; font-weight:450; letter-spacing:0; transition:border-color .15s,box-shadow .15s,background .15s; }
#view-settings input::placeholder { color:var(--muted); opacity:.7; }
#view-settings input:focus, #view-settings select:focus { border-color:var(--gold); box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent); }
#view-settings input[type="checkbox"] { width:17px; height:17px; flex:0 0 17px; accent-color:var(--gold); }
#view-settings form.grid > button, #view-settings form.grid > div { grid-column:1/-1; }
#view-settings form.grid > button { justify-self:start; min-height:40px; margin-top:2px; }
#view-settings #tenantLimitsForm { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
#view-settings #tenantLimitsForm > label:has(input[type="checkbox"]) { grid-column:span 1; }
#view-settings .section-note { margin:10px 0 0; line-height:1.6; }
#view-settings .table-wrap { border:1px solid var(--line); border-radius:10px; }
#view-settings table { white-space:normal; }
#view-settings th { padding:12px 13px; }
#view-settings td { padding:13px; vertical-align:middle; line-height:1.45; }
#view-settings td small { line-height:1.5; overflow-wrap:anywhere; }
#view-settings td:last-child { min-width:180px; }
#view-settings td .btn { margin:2px 2px 2px 0; }
#view-settings #providerForm { padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--panel2); }
#view-settings #providerForm[hidden] { display:none !important; }
#view-settings #providerForm > div { display:flex; gap:9px; flex-wrap:wrap; }
#view-settings #tenantUsage { padding:12px 14px; border-radius:9px; background:var(--panel2); border:1px solid var(--line); }
#view-settings button:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
#view-settings .btn { min-height:36px; transition:filter .15s,transform .15s; }
#view-settings .btn:active { transform:translateY(1px); }
body[data-theme="porzellan"] #view-settings #settingsMessage,
body[data-theme="porzellan"] #view-settings #providerForm,
body[data-theme="porzellan"] #view-settings #tenantUsage,
body[data-theme="system"] #view-settings #settingsMessage,
body[data-theme="system"] #view-settings #providerForm,
body[data-theme="system"] #view-settings #tenantUsage { background:#f5f7f9; }
body[data-theme="porzellan"] #view-settings input:not([type="checkbox"]),
body[data-theme="porzellan"] #view-settings select,
body[data-theme="system"] #view-settings input:not([type="checkbox"]),
body[data-theme="system"] #view-settings select { background:#fff; color:#202a35; border-color:#cbd2da; }
body[data-theme="porzellan"] #view-settings form.grid > label:has(input[type="checkbox"]),
body[data-theme="system"] #view-settings form.grid > label:has(input[type="checkbox"]) { background:#f5f7f9; }
@media(max-width:1100px) {
  #view-settings .dashboard-grid { grid-template-columns:1fr; }
  #view-settings #tenantLimitsForm { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media(max-width:650px) {
  #view-settings .pagehead { align-items:flex-start; }
  #view-settings form.grid, #view-settings #tenantLimitsForm { grid-template-columns:1fr !important; }
  #view-settings form.grid > label:has(input[type="checkbox"]) { grid-column:auto; }
  #view-settings .card-head { align-items:flex-start; }
  #view-settings td:last-child { min-width:150px; }
}