/* Admin login isolated styles */ .admin-login-page { background: #eef3f7; min-height: 100vh; margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } .admin-login-wrap { min-height: 100vh; display:flex; align-items:center; justify-content:center; padding: 32px; } .admin-login-card { background:#fff; border-radius:16px; padding:24px; width: min(520px, 92vw); box-shadow: 0 18px 45px rgba(15,23,42,.12); } .admin-login-header h2 { margin:0 0 6px 0; font-size:22px; } .admin-login-header p { margin:0 0 18px 0; color:#64748b; } .admin-login-error { background:#fff1f2; border:1px solid #fecdd3; color:#9f1239; padding:10px 12px; border-radius:12px; margin-bottom:14px; font-size:14px; } .admin-login-form { display:block; } .admin-field { display:block; margin-bottom:12px; } .admin-field span { display:block; font-size:13px; color:#475569; margin-bottom:6px; } .admin-field input { display:block; width:100%; box-sizing:border-box; padding:12px 14px; border:1px solid #d7e2ee; border-radius:999px; background:#fff; color:#0f172a; outline:none; } .admin-field input:focus { border-color:#93c5fd; box-shadow: 0 0 0 4px rgba(59,130,246,.15); } .admin-remember { display:flex; align-items:center; gap:10px; margin: 10px 0 16px; font-size:14px; color:#334155; } .admin-remember input { width:16px; height:16px; } .admin-login-btn { width:100%; border:0; padding:12px 14px; border-radius:999px; background:#2563eb; color:#fff; font-weight:600; cursor:pointer; } .admin-login-btn:hover { filter: brightness(0.98); } /* ===== Chat widget (Admin) ===== */ .cw{display:flex;flex-direction:column;height:70vh;max-height:720px;border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden;background:#fff} .cw-head{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center} .cw-title{font-weight:900} .cw-sub{font-size:12px;opacity:.65} .cw-body{flex:1;overflow:auto;padding:14px;background:linear-gradient(180deg, rgba(0,0,0,.02), transparent)} .cw-row{display:flex;margin:8px 0} .cw-row.mine{justify-content:flex-end} .cw-bubble{max-width:78%;padding:10px 12px;border-radius:14px;position:relative;box-shadow:0 6px 18px rgba(0,0,0,.06)} .cw-row.mine .cw-bubble{background:#e7f6ff;border-bottom-right-radius:6px} .cw-row.theirs .cw-bubble{background:#f3f3f3;border-bottom-left-radius:6px} .cw-text{white-space:pre-wrap;line-height:1.35} .cw-time{margin-top:6px;font-size:11px;opacity:.55;text-align:right} .cw-foot{display:flex;gap:10px;padding:10px;border-top:1px solid rgba(0,0,0,.06);align-items:flex-end} .cw-foot textarea{flex:1;resize:none;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px;outline:none} .cw-foot button{padding:10px 14px;border-radius:12px;border:none;font-weight:900;cursor:pointer} /* lead meta list */ .meta-list{list-style:none;margin:0;padding:0;display:grid;gap:8px} .meta-list li{padding:10px 12px;border:1px solid var(--border,#e6e6e6);border-radius:12px;background:var(--card,#fff)} .meta-list strong{display:inline-block;margin-right:6px}