/* ============================================================
   SETTINGS  —  All tabs
   ============================================================ */
.set-page{display:flex;flex-direction:column}
.set-header{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-5)}
.set-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}
.set-subtitle{font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--text-secondary);line-height:1.4}

/* Tabs */
.set-tabs{display:flex;align-items:center;gap:var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-5);overflow-x:auto}
.set-tab{display:inline-flex;align-items:center;gap:6px;padding:0 0 var(--space-3);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color var(--duration-fast) var(--ease-default)}
.set-tab:hover{color:var(--brand-alt)}
.set-tab--active{color:var(--brand,var(--brand));border-bottom-color:var(--brand,var(--brand));font-weight:var(--font-semibold)}
.set-tab svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Layout */
.set-main{display:grid;grid-template-columns:59fr 41fr;gap:var(--space-5);align-items:start}
.set-left,.set-right{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}
.set-left--full{grid-column:1/-1}
.set-left-stack,.set-right-stack{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}
.set-tab-two-col{grid-column:1/-1;display:grid;grid-template-columns:59fr 41fr;gap:var(--space-5);align-items:start}

/* Card */
.set-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5)}
.set-card--info{background:var(--surface-2,var(--surface));padding:var(--space-4) var(--space-5)}
.set-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5)}
.set-card__hd{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}
.set-card__icon{width:34px;height:34px;min-width:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--info-bg);color:var(--info)}
.set-card__icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.set-card__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2}
.set-card__sub{font-size:var(--text-sm);color:var(--text-muted);line-height:1.3;margin-top:2px}
.set-card-actions{margin-top:var(--space-4);display:flex;gap:var(--space-3);flex-wrap:wrap}

/* Form */
.set-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-2)}
.set-form--tight{grid-template-columns:1fr 1fr;gap:var(--space-3);max-width:500px;margin-bottom:0}
.set-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.set-field--full{grid-column:1/-1}
.set-field__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}
.set-field__hint{display:block;font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;margin-top:4px}
.set-input{height:40px;border:1px solid var(--border);border-radius:8px;padding:0 var(--space-3);font-size:var(--text-base);color:var(--text-primary);background:var(--surface);width:100%;box-sizing:border-box}
.set-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-muted)}
.set-input--pw{padding-right:40px}
.set-pw-wrap{position:relative}
.set-pw-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;padding:2px}
.set-pw-eye:hover{color:var(--text-primary)}
.set-pw-eye svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.set-textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface);resize:vertical;line-height:1.5;font-family:var(--font-mono)}
.set-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-muted)}

/* Dropdown select */
.set-select{position:relative;height:40px;border:1px solid var(--border);border-radius:8px;padding:0 var(--space-3);font-size:var(--text-base);color:var(--text-primary);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);cursor:pointer;user-select:none;width:100%;box-sizing:border-box}
.set-select:hover{border-color:var(--border-hi)}
.set-select--open{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-muted)}
.set-select__val{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.set-select svg{width:15px;height:15px;color:var(--text-muted);stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.set-dd{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-2,var(--surface));border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:200;overflow:hidden;display:none}
.set-dd--open{display:block}
.set-dd-item{padding:9px var(--space-3);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast)}
.set-dd-item:hover{background:var(--surface-3,var(--surface-2))}
.set-dd-item--active{color:var(--info);font-weight:var(--font-medium)}

/* Radios */
.set-radios{display:flex;align-items:center;gap:var(--space-2);height:40px}
.set-radio{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:8px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}
.set-radio__dot{width:14px;height:14px;border-radius:var(--radius-full);border:2px solid var(--border-hi);flex-shrink:0;position:relative}
.set-radio--active{border-color:var(--info);background:var(--info-bg);color:var(--info)}
.set-radio--active .set-radio__dot{border-color:var(--info)}
.set-radio--active .set-radio__dot::after{content:'';position:absolute;inset:2px;border-radius:var(--radius-full);background:var(--info)}

/* Range */
.set-range-wrap{display:flex;align-items:center;gap:var(--space-3);height:40px}
.set-range{flex:1;cursor:pointer;accent-color:var(--info)}
.set-range-val{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);min-width:28px;text-align:right}

/* Toggles */
.set-toggles{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0}
.set-toggle{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;padding:var(--space-2) 0}
.set-toggle__track{width:38px;height:22px;min-width:38px;border-radius:11px;background:var(--border-hi);position:relative;transition:background var(--duration-base)}
.set-toggle__track--on{background:var(--info)}
.set-toggle__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform var(--duration-base)}
.set-toggle__track--on .set-toggle__thumb{transform:translateX(16px)}
.set-toggle__text{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:1px}
.set-toggle__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}
.set-toggle__sub{font-size:var(--text-xs);color:var(--text-muted)}

/* Section label */
.set-section-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:var(--space-5) 0 var(--space-3)}

/* Theme cards */
.set-themes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}
.set-theme{border:1px solid var(--border);border-radius:10px;padding:var(--space-2);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}
.set-theme:hover{border-color:var(--border-hi)}
.set-theme--active{border-color:var(--info);box-shadow:0 0 0 2px var(--info-bg)}
.set-theme__preview{height:64px;border-radius:6px;overflow:hidden;border:1px solid var(--border);display:flex}
.set-theme__pv-side{width:26%}
.set-theme__pv-body{flex:1;padding:7px;display:flex;flex-direction:column;gap:5px}
.set-theme__pv-line{height:6px;border-radius:3px}
.set-theme__pv-line--sm{width:60%}
.set-theme__preview--light{background:#F8FAFC}
.set-theme__preview--light .set-theme__pv-side{background:#081B5A}
.set-theme__preview--light .set-theme__pv-line{background:#CBD5E1}
.set-theme__preview--dark{background:#0F172A}
.set-theme__preview--dark .set-theme__pv-side{background:#1a2744}
.set-theme__preview--dark .set-theme__pv-line{background:#334155}
.set-theme__preview--system{background:linear-gradient(90deg,#F8FAFC 50%,#0F172A 50%)}
.set-theme__preview--system .set-theme__pv-side{background:#081B5A}
.set-theme__preview--system .set-theme__pv-line{background:#94A3B8}
.set-theme__label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}
.set-theme--active .set-theme__label{color:var(--info);font-weight:var(--font-semibold)}
.set-theme__radio{width:14px;height:14px;border-radius:var(--radius-full);border:2px solid var(--border-hi);position:relative}
.set-theme--active .set-theme__radio{border-color:var(--info)}
.set-theme--active .set-theme__radio::after{content:'';position:absolute;inset:2px;border-radius:var(--radius-full);background:var(--info)}

/* System info */
.set-sysinfo{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
.set-sys{display:flex;flex-direction:column;gap:4px}
.set-sys__label{font-size:var(--text-xs);color:var(--text-muted)}
.set-sys__value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}

/* Info rows */
.set-info-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border)}
.set-info-row:last-child{border-bottom:none}
.set-info__label{font-size:var(--text-sm);color:var(--text-secondary)}
.set-info__value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}
.set-info__value--accent{color:var(--info)}
.set-tips{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.set-tips li{font-size:var(--text-sm);color:var(--text-secondary)}

/* Badges */
.set-badge{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}
.set-badge--green{background:var(--success-bg);color:var(--success)}
.set-badge--muted{background:var(--surface-2,var(--surface));border:1px solid var(--border);color:var(--text-muted)}

/* Buttons */
.set-actions{display:flex;align-items:center;gap:var(--space-3)}
.set-btn--xs{height:26px;padding:0 var(--space-2);font-size:var(--text-xs);}
.set-btn--danger{background:transparent;border-color:var(--error,#ff3d6b);color:var(--error,#ff3d6b);}
.set-btn--danger:hover:not(:disabled){background:rgba(255,61,107,.08);}
.set-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 var(--space-5);border-radius:8px;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;border:1px solid transparent;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}
.set-btn:disabled{opacity:.45;cursor:not-allowed}
.set-btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}
.set-btn--primary:hover:not(:disabled){filter:brightness(.95)}
.set-btn--ghost{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}
.set-btn--ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hi);color:var(--text-primary)}
.set-btn--outline{background:transparent;border-color:var(--border-hi);color:var(--text-primary)}
.set-btn--outline:hover:not(:disabled){background:var(--surface-2);border-color:var(--brand)}
.set-btn--sm{height:34px;padding:0 var(--space-4);font-size:var(--text-sm)}
.set-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.set-unsaved{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--warning);font-weight:var(--font-medium)}

/* Quick access */
.set-qa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.set-qa-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:var(--space-3);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}
.set-qa-tile:hover{background:var(--surface-2);border-color:var(--border-hi)}
.set-qa-tile__icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.set-qa-tile__icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.set-qa-tile__icon--green{background:var(--success-bg);color:var(--success)}
.set-qa-tile__icon--blue{background:var(--info-bg);color:var(--info)}
.set-qa-tile__icon--orange{background:var(--warning-bg);color:var(--warning)}
.set-qa-tile__icon--purple{background:var(--purple-bg,rgba(124,77,255,.12));color:var(--purple,#7c4dff)}
.set-qa-tile__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2}
.set-qa-tile__sub{font-size:var(--text-xs);color:var(--text-muted);line-height:1.3}
.set-qa-tile__ext{position:absolute;top:var(--space-3);right:var(--space-3);color:var(--text-muted);display:flex}
.set-qa-tile__ext svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Overview */
.set-ov-row{display:flex;align-items:center;gap:var(--space-2);min-height:40px;border-bottom:1px solid var(--border)}
.set-ov-row:last-child{border-bottom:none}
.set-ov__check{width:18px;height:18px;color:var(--success);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.set-ov__check svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.set-ov__label{flex:1;font-size:var(--text-sm);color:var(--text-secondary);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.set-ov__value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;margin-right:var(--space-2)}
.set-ov__edit{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast)}
.set-ov__edit:hover{background:var(--surface-2);color:var(--text-primary)}
.set-ov__edit svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Need help */
.set-help{display:flex;align-items:center;gap:var(--space-3);background:var(--warning-bg);border:1px solid var(--warning-border,var(--border));border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5)}
.set-help__icon{width:36px;height:36px;border-radius:var(--radius-md);background:rgba(247,144,9,.18);color:var(--warning);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.set-help__icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.set-help__text{flex:1;min-width:0}
.set-help__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}
.set-help__sub{font-size:var(--text-xs);color:var(--text-secondary)}
.set-help__btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--warning-border,var(--border));border-radius:8px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--warning);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--duration-fast)}
.set-help__btn:hover{background:rgba(247,144,9,.10)}
.set-help__btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Integrations */
.set-int-list{display:flex;flex-direction:column;gap:var(--space-3)}
.set-int-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2,var(--surface));transition:border-color var(--duration-fast)}
.set-int-card:hover{border-color:var(--border-hi)}
.set-int-card__left{display:flex;align-items:center;gap:var(--space-3);min-width:0}
.set-int-card__icon{width:38px;height:38px;min-width:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.set-int-card__icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.set-int-card__icon--green{background:var(--success-bg);color:var(--success)}
.set-int-card__icon--blue{background:var(--info-bg);color:var(--info)}
.set-int-card__icon--orange{background:var(--warning-bg);color:var(--warning)}
.set-int-card__icon--purple{background:var(--purple-bg,rgba(124,77,255,.12));color:var(--purple,#7c4dff)}
.set-int-card__info{min-width:0}
.set-int-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}
.set-int-card__sub{font-size:var(--text-xs);color:var(--text-muted)}
.set-int-card__actions{display:flex;gap:var(--space-2);flex-shrink:0}

/* Security audit */
.set-audit-row{display:flex;align-items:center;gap:var(--space-3);padding:8px 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}
.set-audit-row:last-child{border-bottom:none}
.set-audit__time{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;min-width:80px}
.set-audit__user{color:var(--info);font-weight:var(--font-medium);white-space:nowrap}
.set-audit__action{color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.set-audit-empty{padding:var(--space-4) 0;color:var(--text-muted);font-size:var(--text-sm);text-align:center}
.set-audit-list .set-audit__action{white-space:normal}
.set-backup-note{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}
.set-backup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}
.set-backup-code{font-family:var(--font-mono,monospace);font-size:var(--text-md);letter-spacing:1px;text-align:center;padding:10px;background:var(--surface-0,rgba(0,0,0,0.04));border:1px solid var(--border);border-radius:var(--radius-md,8px);color:var(--text-primary)}

/* Notifications matrix */
.set-notif-matrix{width:100%;overflow-x:auto}
.set-notif-matrix__hd,.set-notif-matrix__row{display:grid;grid-template-columns:1fr repeat(4,64px);gap:0;align-items:center}
.set-notif-matrix__hd{padding:6px 0;border-bottom:1px solid var(--border);margin-bottom:4px}
.set-notif-matrix__row{padding:4px 0;border-bottom:1px solid var(--border)}
.set-notif-matrix__row:last-child{border-bottom:none}
.set-notif-matrix__event{font-size:var(--text-sm);color:var(--text-secondary);padding-right:var(--space-3)}
.set-notif-matrix__hd .set-notif-matrix__event{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted)}
.set-notif-matrix__col{display:flex;align-items:center;justify-content:center}
.set-notif-matrix__hd .set-notif-matrix__col{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted)}
.set-matrix-tog{width:20px;height:20px;border-radius:4px;border:2px solid var(--border-hi);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}
.set-matrix-tog:hover{border-color:var(--info)}
.set-matrix-tog--on{background:var(--info);border-color:var(--info)}

/* Events checkboxes (modal) */
.set-ev-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}
.set-ev-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;padding:4px 0}
.set-ev-cb{accent-color:var(--info)}

/* Modal */
.set-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}
.set-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:540px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}
.set-modal__hd{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}
.set-modal__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary)}
.set-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-muted);cursor:pointer}
.set-modal__close:hover{background:var(--surface-2);color:var(--text-primary)}
.set-modal__close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.set-modal__body{flex:1;overflow-y:auto;padding:var(--space-5)}
.set-modal__ft{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}
.set-doc-section{margin-bottom:var(--space-5)}
.set-doc-section__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}
.set-doc-section__body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}

/* Toast */
.set-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(8px);background:var(--surface-3,#1e2840);color:var(--text-primary);padding:10px var(--space-4);border-radius:10px;box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:1000;opacity:0;pointer-events:none;display:flex;align-items:center;gap:8px;transition:opacity var(--duration-base),transform var(--duration-base);border:1px solid var(--border)}
.set-toast--show{opacity:1;transform:translateX(-50%) translateY(0)}
.set-toast--error svg{stroke:var(--error,#ff3d6b)}
.set-toast svg{width:15px;height:15px;stroke:var(--success);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}

/* Responsive */
@media(max-width:1200px){
  .set-main{grid-template-columns:1fr}
  .set-tab-two-col{grid-template-columns:1fr}
  .set-form{grid-template-columns:1fr 1fr}
  .set-qa-grid{grid-template-columns:1fr 1fr}
  .set-left--full{grid-column:auto}
}
@media(max-width:768px){
  .set-form{grid-template-columns:1fr}
  .set-form--tight{grid-template-columns:1fr}
  .set-themes{grid-template-columns:1fr}
  .set-sysinfo{grid-template-columns:1fr 1fr}
  .set-ev-list{grid-template-columns:1fr}
  .set-int-card{flex-direction:column;align-items:flex-start}
}

/* ── Test Settings Tab ── */
.ts-cred-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);}
.ts-cred-col-hdrs{display:grid;grid-template-columns:180px 1fr 120px 100px 120px;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary,#6080a0);text-transform:uppercase;letter-spacing:.04em;flex:1;margin-right:var(--space-4);}
.ts-cred-list{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4);}
.ts-cred-row{display:grid;grid-template-columns:180px 1fr 120px 100px 120px;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:8px;background:var(--surface-0,#0f1424);border:1px solid var(--border,#1e2d45);font-size:var(--text-sm);}
.ts-cred-row:hover{border-color:var(--border-hi,#2a3f5f);}
.ts-cred-name{display:flex;align-items:center;gap:6px;color:var(--text-primary,#e2f0ff);font-weight:var(--font-medium);}
.ts-cred-url{color:var(--brand,#00d4b8);font-family:var(--font-mono);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ts-cred-user{color:var(--text-secondary,#6080a0);font-size:var(--text-xs);}
.ts-cred-pass{color:var(--text-muted,#2c3f5e);font-size:var(--text-xs);letter-spacing:.1em;}
.ts-cred-actions{display:flex;gap:4px;justify-content:flex-end;}
.ts-empty{padding:var(--space-6);text-align:center;color:var(--text-muted,#2c3f5e);font-size:var(--text-sm);border:1px dashed var(--border,#1e2d45);border-radius:8px;}
/* Add/Edit form */
.ts-add-form{background:var(--surface-1,#131929);border:1px solid var(--border-hi,#2a3f5f);border-radius:10px;padding:var(--space-4);margin-bottom:var(--space-4);}
.ts-add-form__title{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary,#e2f0ff);margin-bottom:var(--space-3);}
.ts-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4);}
.ts-add-field{display:flex;flex-direction:column;gap:6px;}
.ts-add-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary,#6080a0);text-transform:uppercase;letter-spacing:.04em;}
.ts-req{color:var(--error,#ff3d6b);margin-left:2px;}
.ts-pass-row{display:flex;gap:6px;align-items:center;}
.ts-pass-row .set-input{flex:1;}
.ts-eye-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-2,#1a2135);border:1px solid var(--border,#1e2d45);border-radius:6px;cursor:pointer;color:var(--text-secondary,#6080a0);}
.ts-eye-btn:hover{border-color:var(--brand,#00d4b8);color:var(--brand,#00d4b8);}
.ts-add-actions{display:flex;justify-content:flex-end;gap:var(--space-2);}
/* Usage note */
.ts-usage-note{display:flex;align-items:flex-start;gap:8px;padding:var(--space-3) var(--space-4);background:rgba(0,212,184,.07);border:1px solid rgba(0,212,184,.2);border-radius:8px;font-size:var(--text-xs);color:var(--text-secondary,#6080a0);margin-top:var(--space-3);}
.ts-usage-note code{background:var(--surface-2,#1a2135);padding:1px 5px;border-radius:4px;font-family:var(--font-mono);color:var(--brand,#00d4b8);}
.ts-usage-note strong{color:var(--text-primary,#e2f0ff);}