/* ── Settings two-column layout ── */
    .settings-layout{display:grid;grid-template-columns:200px 1fr;gap:1rem;align-items:start}

    /* ── Settings vertical tabs ── */
    .settings-tabs{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;position:sticky;top:0}
    .settings-tab-group{padding:0.5rem 0}
    .settings-tab-lbl{font-size:0.625rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);padding:0.375rem 0.875rem 0.25rem}
    .stab{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.875rem;font-size:0.75rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all 0.15s;border:none;background:none;font-family:inherit;width:100%;text-align:left;border-left:2px solid transparent}
    .stab:hover{background:rgba(0,48,130,0.04);color:var(--text)}
    .stab.active{background:rgba(0,48,130,0.07);color:var(--kai-blue);font-weight:600;border-left-color:var(--kai-blue)}
    .stab i{width:14px;text-align:center;font-size:0.8125rem;flex-shrink:0}

    /* ── Settings content panels ── */
    .set-panel{display:none}
    .set-panel.active{display:flex;flex-direction:column;gap:1rem}

    /* ── Form group ── */
    .form-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}
    .form-card-hdr{padding:0.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
    .form-card-title{font-size:0.8125rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:0.5rem}
    .form-card-body{padding:1rem}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.875rem 1.5rem}
    .form-grid-full{display:grid;grid-template-columns:1fr;gap:0.875rem}
    .form-group{display:flex;flex-direction:column;gap:0.25rem}
    .form-group.col-span-2{grid-column:1/-1}
    .form-lbl{font-size:0.6875rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em}
    .form-input{padding:0.375rem 0.625rem;border:1px solid var(--border);border-radius:6px;font-size:0.8125rem;color:var(--text);background:var(--card);font-family:inherit;transition:border-color 0.15s}
    .form-input:focus{outline:none;border-color:var(--kai-blue);box-shadow:0 0 0 3px rgba(0,48,130,0.08)}
    .form-input:read-only{background:rgba(241,245,249,0.8);color:var(--muted)}
    .form-select{padding:0.375rem 0.625rem;border:1px solid var(--border);border-radius:6px;font-size:0.8125rem;color:var(--text);background:var(--card);font-family:inherit;cursor:pointer}
    .form-select:focus{outline:none;border-color:var(--kai-blue)}
    .form-hint{font-size:0.625rem;color:var(--muted);margin-top:1px}

    /* ── Logo upload placeholder ── */
    .logo-upload{border:2px dashed var(--border);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color 0.15s;display:flex;flex-direction:column;align-items:center;gap:0.5rem}
    .logo-upload:hover{border-color:var(--kai-blue)}
    .logo-upload-icon{width:48px;height:48px;background:rgba(0,48,130,0.07);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--kai-blue);font-size:1.25rem}

    /* ── Toggle switch ── */
    .toggle-row{display:flex;align-items:flex-start;justify-content:space-between;padding:0.625rem 0;border-bottom:1px solid rgba(0,0,0,0.04);gap:1rem}
    .toggle-row:last-child{border-bottom:none}
    .toggle-info{flex:1;min-width:0}
    .toggle-lbl{font-size:0.8125rem;font-weight:600;color:var(--text)}
    .toggle-sub{font-size:0.6875rem;color:var(--muted);margin-top:2px}
    .toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}
    .toggle-switch input{opacity:0;width:0;height:0;position:absolute}
    .toggle-track{width:36px;height:20px;background:#CBD5E1;border-radius:100px;transition:background 0.2s;position:relative}
    .toggle-track::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2)}
    .toggle-switch input:checked + .toggle-track{background:var(--kai-blue)}
    .toggle-switch input:checked + .toggle-track::after{transform:translateX(16px)}

    /* ── Integration card ── */
    .integ-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:box-shadow 0.15s}
    .integ-card:hover{box-shadow:0 2px 12px rgba(0,0,0,0.06)}
    .integ-hdr{padding:0.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:0.75rem}
    .integ-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0.875rem;flex-shrink:0}
    .integ-name{font-size:0.8125rem;font-weight:700;color:var(--text);flex:1}
    .integ-body{padding:0.875rem 1rem;display:flex;flex-direction:column;gap:0.5rem}
    .integ-field{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:0.5rem;font-size:0.75rem}
    .integ-field-lbl{color:var(--muted);font-weight:500}
    .integ-field-val{font-family:'JetBrains Mono',monospace;color:var(--text);font-size:0.75rem}
    .integ-footer{padding:0.5rem 1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,0.015)}
    .integ-sync{font-size:0.6875rem;color:var(--muted)}

    /* ── Threshold form ── */
    .thresh-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:0.5rem 0;border-bottom:1px solid rgba(0,0,0,0.04)}
    .thresh-row:last-child{border-bottom:none}
    .thresh-info{min-width:0}
    .thresh-lbl{font-size:0.8125rem;font-weight:600;color:var(--text)}
    .thresh-desc{font-size:0.6875rem;color:var(--muted);margin-top:2px}
    .thresh-input{width:80px;padding:0.3rem 0.5rem;border:1px solid var(--border);border-radius:6px;font-size:0.8125rem;font-family:'JetBrains Mono',monospace;color:var(--text);text-align:right}
    .thresh-input:focus{outline:none;border-color:var(--kai-blue)}

    /* ── Backup section ── */
    .backup-status{display:flex;align-items:center;gap:0.75rem;padding:0.875rem;background:rgba(22,163,74,0.05);border:1px solid rgba(22,163,74,0.2);border-radius:8px}
    .backup-icon{width:36px;height:36px;background:rgba(22,163,74,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#15803D;font-size:1rem;flex-shrink:0}
    .backup-info{flex:1}
    .backup-title{font-size:0.8125rem;font-weight:700;color:var(--text)}
    .backup-sub{font-size:0.6875rem;color:var(--muted);margin-top:2px}

    /* ── Security row ── */
    .sec-item{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid rgba(0,0,0,0.04)}
    .sec-item:last-child{border-bottom:none}
    .sec-item-lbl{font-size:0.8125rem;font-weight:500;color:var(--text)}
    .sec-item-val{font-size:0.8125rem;font-family:'JetBrains Mono',monospace;color:var(--muted)}

    /* ── Audit log ── */
    .audit-row{display:flex;align-items:flex-start;gap:0.625rem;padding:0.5rem 0;border-bottom:1px solid rgba(0,0,0,0.04);font-size:0.75rem}
    .audit-row:last-child{border-bottom:none}
    .audit-user{font-weight:600;color:var(--text);white-space:nowrap}
    .audit-action{color:var(--muted);flex:1}
    .audit-time{color:var(--muted);white-space:nowrap;font-family:'JetBrains Mono',monospace;font-size:0.6875rem}

    /* ── About grid ── */
    .about-grid{display:grid;grid-template-columns:140px 1fr;row-gap:0.5rem;column-gap:1rem;font-size:0.8125rem;align-items:start}
    .about-lbl{color:var(--muted);font-weight:500}
    .about-val{color:var(--text);font-weight:500}
    .about-val.mono{font-family:'JetBrains Mono',monospace}
    .tech-badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.2rem 0.5rem;border-radius:6px;font-size:0.6875rem;font-weight:600;background:rgba(0,48,130,0.07);color:var(--kai-blue);margin:0.125rem}

    /* ── Masked input ── */
    .masked{letter-spacing:0.15em;color:var(--muted)}

    /* ── Section separator ── */
    .set-sec-title{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-bottom:0.625rem;display:flex;align-items:center;gap:0.5rem;padding-bottom:0.375rem;border-bottom:1px solid var(--border)}

    /* ── OPSAR logo in about ── */
    .about-logo{width:52px;height:52px;background:var(--kai-blue);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:0.75rem}