/* Chat Habib v4 */
.onboarding{background:radial-gradient(circle at 15% 5%,#dff3ed 0,transparent 35%),linear-gradient(145deg,#eef8f5,#f9fbfa)}.onboarding-card{max-width:480px;padding:30px}.gate-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--soft);color:var(--brand);font-size:28px;margin-bottom:18px}.onboarding-card h1{font-size:28px;margin-bottom:10px}.onboarding-card>p{font-size:14px;line-height:1.65;margin-bottom:20px}.gate-list{display:grid;gap:9px;margin:18px 0 22px}.gate-list>div{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fbfdfc}.gate-list b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:12px}.gate-list span{font-size:13px;font-weight:700}.gate-note{font-size:11px;color:var(--muted);text-align:center;margin-top:12px;line-height:1.45}.ios-help,.gate-warning{display:grid;gap:6px;padding:14px;border-radius:14px;margin:14px 0 18px;background:#fff8e8;border:1px solid #f1dfac;font-size:12px;line-height:1.55}.gate-warning{background:#fff1f1;border-color:#f2c9c9;color:#8b2c2c}.notify-preview{border:1px solid var(--line);border-radius:18px;padding:14px 15px;background:#fff;box-shadow:0 10px 25px rgba(20,50,40,.06);margin:18px 0}.notify-preview .notify-app{font-size:11px;font-weight:800;color:var(--brand);display:flex;justify-content:space-between;margin-bottom:6px}.notify-preview b{display:block;font-size:14px}.notify-preview p{font-size:12px!important;margin:4px 0 0!important;color:var(--muted)!important}.focus-message .bubble{animation:focusPulse 1.8s ease 1;box-shadow:0 0 0 4px rgba(15,118,110,.18),0 8px 24px rgba(15,118,110,.12)}@keyframes focusPulse{0%,100%{transform:scale(1)}35%{transform:scale(1.015)}}.notify-admin{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap}.notify-admin.on{background:var(--soft);border-color:#cfe7e1;color:var(--brand2)}.user-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.device-mini{display:block;color:#82908b;margin-top:6px;font-size:10px}.quick-picked{display:flex;align-items:center;gap:10px;margin:8px 12px 0;padding:9px 11px;border:1px solid #cfe7e1;border-radius:12px;background:var(--soft)}.quick-picked>div{min-width:0;flex:1}.quick-picked b,.quick-picked small{display:block}.quick-picked small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-picked button{border:0;background:transparent;font-size:20px;color:var(--muted)}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title h2{margin:0 0 4px}.section-title p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.muted{font-weight:500;color:var(--muted)}.users-table{display:grid;gap:10px}.user-card-admin{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(220px,1fr) minmax(150px,.7fr);align-items:center;gap:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfdfc}.user-main b,.user-main span,.user-main small{display:block}.user-main span{font-size:12px;color:#44514d;margin-top:2px}.user-main small{font-size:10px;color:var(--muted);margin-top:5px}.device-block{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.device-block small{flex-basis:100%;font-size:10px;color:var(--muted)}.device-chip,.notify-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;background:#eef2f1;color:#55615d}.notify-chip.active{background:var(--soft);color:var(--brand2)}.label-box{display:grid;gap:5px}.label-box label{font-size:10px;font-weight:800;color:var(--muted)}.settings-page{max-width:980px}.profile-setting-grid{display:grid;grid-template-columns:200px 1fr;gap:26px}.profile-photo-box{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-photo-preview{width:150px;height:150px;border-radius:28px;background:linear-gradient(135deg,#d7eee8,#a8d8cc);display:grid;place-items:center;font-weight:900;font-size:38px;color:var(--brand2);overflow:hidden;border:1px solid #cfe7e1}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-box small{text-align:center;color:var(--muted);font-size:10px;line-height:1.4}.file-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:#fff;color:var(--brand2);font-size:12px;font-weight:800;cursor:pointer}.primary-file{background:var(--brand);color:#fff;border-color:var(--brand)}#quickList{display:grid;gap:12px}.quick-editor{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfdfc}.quick-number{width:32px;height:32px;border-radius:10px;background:var(--soft);color:var(--brand2);display:grid;place-items:center;font-size:12px;font-weight:900}.quick-content textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px;resize:vertical;background:#fff}.quick-file-row{display:flex;align-items:center;gap:10px;margin-top:8px}.quickFileName{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-actions{display:grid;gap:7px}.quick-media{display:flex;align-items:center;gap:10px;margin-top:9px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff}.quick-media img,.quick-media video{width:76px;height:58px;object-fit:cover;border-radius:9px}.quick-media audio{width:min(280px,100%)}.quick-media span{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.quick-file{display:inline-block;margin-top:9px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:11px;color:var(--brand2);text-decoration:none}.quick-select{max-width:220px}@media(max-width:900px){.user-card-admin{grid-template-columns:1fr 1fr}.label-box{grid-column:1/-1}.profile-setting-grid{grid-template-columns:160px 1fr}.profile-photo-preview{width:130px;height:130px}}@media(max-width:720px){.admin-top{height:auto;min-height:62px;flex-wrap:wrap;padding:8px 10px}.admin-brand{order:1}.notify-admin{order:2}.admin-top>.grow{display:none}.tabs{order:4;width:100%;overflow:auto;padding-top:4px}.tabs button{flex:1;white-space:nowrap}.admin-top>#adminLogout{order:3}.user-card-admin{grid-template-columns:1fr}.label-box{grid-column:auto}.profile-setting-grid{grid-template-columns:1fr}.profile-photo-box{margin-bottom:8px}.quick-editor{grid-template-columns:32px minmax(0,1fr)}.quick-actions{grid-column:2;display:flex}.section-title{align-items:center}.section-title p{font-size:11px}}@media(max-width:520px){.onboarding-card{padding:24px}.onboarding-card h1{font-size:24px}.gate-icon{width:56px;height:56px}.quick-select{max-width:150px}.user-card-admin{padding:12px}}
