.banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--rd-md);font-family:var(--font-ar);font-size:13px;line-height:1.5;border:1px solid}.banner .ic{flex-shrink:0;margin-top:1px;display:grid;place-items:center}.banner .ic svg{width:16px;height:16px;stroke-width:2}.banner.info{background:var(--info-100);border-color:#bfdbfe;color:var(--info-700)}.banner.warn{background:var(--warning-100);border-color:#fde68a;color:var(--accent-700)}.banner.success{background:var(--success-100);border-color:#a7f3d0;color:var(--success-700)}.banner.error{background:var(--error-100);border-color:#fecaca;color:var(--error-700)}.settings-list{display:flex;flex-direction:column;gap:6px}.settings-section-label{font-family:var(--font-en);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--n500);font-weight:600;padding:18px 8px 6px}.settings-row{display:flex;align-items:center;gap:14px;padding:14px;background:var(--n0);border:1px solid var(--n200);border-radius:var(--rd-md);cursor:pointer;text-align:start;width:100%;transition:border-color .12s ease}.settings-row:hover{border-color:var(--primary-200)}.settings-row .ic-wrap{width:36px;height:36px;border-radius:var(--rd-md);background:var(--n100);color:var(--n700);display:grid;place-items:center;flex-shrink:0}.settings-row .ic-wrap svg{width:18px;height:18px;stroke-width:1.75}.settings-row .ic-wrap.teal{background:var(--primary-50);color:var(--primary-700)}.settings-row .ic-wrap.amber{background:var(--accent-100);color:var(--accent-700)}.settings-row .ic-wrap.green{background:var(--success-100);color:var(--success-700)}.settings-row .ic-wrap.blue{background:var(--info-100);color:var(--info-700)}.settings-row .body{flex:1;min-width:0;display:flex;flex-direction:column}.settings-row .t{font-size:14px;font-weight:600;color:var(--n900)}.settings-row .s{font-size:12px;color:var(--n500);margin-top:2px;line-height:1.4}.settings-row .badge{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:var(--rd-sm);font-family:var(--font-en);margin-inline-start:auto}.settings-row .badge.green{background:var(--success-100);color:var(--success-700)}.settings-row .badge.red{background:var(--error-100);color:var(--error-700)}.settings-row .badge.amber{background:var(--accent-100);color:var(--accent-700)}.settings-row .arrow{color:var(--n400);flex-shrink:0;margin-inline-start:4px}.settings-row .arrow svg{width:14px;height:14px;stroke-width:2}.switch{width:44px;height:24px;background:var(--n300);border-radius:12px;position:relative;cursor:pointer;flex-shrink:0;transition:background .15s ease}.switch:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .18s cubic-bezier(.16,1,.3,1)}.switch.on{background:var(--primary-700)}.switch.on:after{transform:translateX(-20px)}html[dir=ltr] .switch.on:after{transform:translateX(20px)}.settings-profile{background:var(--n0);border:1px solid var(--n200);border-radius:var(--rd-lg);padding:18px;margin-bottom:8px;display:flex;align-items:center;gap:14px}.settings-profile .body{flex:1;min-width:0}.settings-profile .nm{font-size:16px;font-weight:700;color:var(--n900)}.settings-profile .biz{font-size:13px;color:var(--n500);margin-top:2px}.settings-profile .plan-pill{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--accent-100),#fed7aa);color:var(--accent-700);font-size:10px;font-weight:700;padding:2px 8px 2px 6px;border-radius:var(--rd-full);letter-spacing:.04em;margin-top:6px;font-family:var(--font-en);text-transform:uppercase}.settings-profile .plan-pill svg{width:11px;height:11px;stroke-width:2.5}.tmpl-card{background:var(--n0);border:1px solid var(--n200);border-radius:var(--rd-lg);padding:14px;margin-bottom:10px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.tmpl-card:hover{border-color:var(--primary-200);box-shadow:var(--elev-1)}.tmpl-card .head{justify-content:space-between;margin-bottom:8px}.tmpl-card .head,.tmpl-card .t{display:flex;align-items:center}.tmpl-card .t{font-size:13px;font-weight:600;color:var(--n900);gap:8px}.tmpl-card .t .badge{font-family:var(--font-en);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:var(--rd-sm)}.tmpl-card .body{background:var(--n50);border:1px dashed var(--n200);border-radius:var(--rd-md);padding:10px 12px;font-size:13px;color:var(--n700);line-height:1.5}.tmpl-card .body var{background:var(--primary-100);color:var(--primary-700);font-style:normal;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;margin:0 1px}.tmpl-card .foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:11px;color:var(--n500)}.tmpl-card .foot svg{width:13px;height:13px;stroke-width:1.75;vertical-align:middle;margin-inline-end:4px}@media (prefers-reduced-motion:reduce){.settings-row,.switch,.switch:after,.tmpl-card{transition:none!important}}body.lang-en .settings-profile .biz,body.lang-en .settings-profile .nm,body.lang-en .settings-row .t,body.lang-en .tmpl-card .body{font-family:var(--font-en)}