:root { --brand:#34a2b2; --brand-deep:#247f8d; --soft:#eaf7f8; --ink:#18363c; --muted:#72858a; --line:#dfe8ea; --canvas:#f4f7f8; --white:#fff; font-family: Inter, "Segoe UI", Arial, sans-serif; color:var(--ink); background:var(--canvas); }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; min-width:20rem; }
button, input, select, textarea { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }

.login-page { display:grid; place-items:center; min-height:100vh; padding:1.5rem; background:radial-gradient(circle at 15% 10%, #dff3f5 0, transparent 32rem), linear-gradient(145deg,#f8fbfb,#e9f2f3); }
.login-card { width:min(25rem,100%); padding:2rem; border:1px solid rgba(37,112,123,.12); border-radius:1.35rem; background:rgba(255,255,255,.95); box-shadow:0 1.5rem 4rem rgba(29,78,86,.14); }
.login-brand,.admin-brand { display:flex; align-items:center; gap:.8rem; color:inherit; text-decoration:none; }
.login-brand > span,.admin-brand > span { display:grid; place-items:center; width:3rem; height:3rem; border-radius:.9rem; background:var(--brand); box-shadow:0 .5rem 1.3rem rgba(52,162,178,.25); }
.login-brand img,.admin-brand img { width:2.15rem; filter:invert(1); }
.login-brand b,.login-brand small,.admin-brand b,.admin-brand small { display:block; }
.login-brand b,.admin-brand b { font-size:1.1rem; }
.login-brand small,.admin-brand small { margin-top:.12rem; color:var(--muted); font-size:.72rem; }
.login-card h1 { margin:2rem 0 1.3rem; font-size:1.55rem; letter-spacing:-.03em; }
.login-card form,.operator-dialog form { display:grid; gap:1rem; }
label { display:grid; gap:.42rem; color:#52676c; font-size:.78rem; font-weight:650; }
label small { color:#8a999c; font-weight:450; }
input,select,textarea { width:100%; border:1px solid #cbdadd; border-radius:.7rem; outline:none; background:#fff; color:var(--ink); transition:border-color .15s, box-shadow .15s; }
input,select { height:2.8rem; padding:0 .75rem; }
textarea { padding:.7rem .75rem; resize:vertical; line-height:1.45; }
input:focus,select:focus,textarea:focus { border-color:var(--brand); box-shadow:0 0 0 3px rgba(52,162,178,.12); }
.primary-button,.secondary-button { display:inline-flex; align-items:center; justify-content:center; min-height:2.75rem; padding:.65rem .95rem; border-radius:.7rem; font-size:.76rem; font-weight:700; line-height:1.2; cursor:pointer; }
.primary-button { border:1px solid var(--brand); background:var(--brand); color:#fff; }
.primary-button:hover { background:var(--brand-deep); border-color:var(--brand-deep); }
.primary-button:disabled { opacity:.55; cursor:wait; }
.secondary-button { border:1px solid #cddadd; background:#fff; color:#53686d; }
.secondary-button.danger { border-color:#efd6d9; color:#b34855; }
.secondary-button.danger:hover { background:#fff5f6; }
.form-error { min-height:1.1rem; margin:0; color:#b64552; font-size:.76rem; }

.admin-shell { display:grid; grid-template-columns:15.5rem minmax(0,1fr); min-height:100vh; }
.admin-sidebar { position:sticky; top:0; display:flex; flex-direction:column; height:100vh; padding:1.25rem 1rem; border-right:1px solid var(--line); background:#fff; }
.admin-brand { padding:.1rem .45rem 1.7rem; }
.admin-sidebar nav { display:grid; gap:.3rem; }
.admin-sidebar nav button { display:flex; align-items:center; gap:.75rem; width:100%; padding:.75rem .8rem; border:0; border-radius:.75rem; background:transparent; color:#617479; text-align:left; cursor:pointer; }
.admin-sidebar nav button:hover { background:#f3f7f8; }
.admin-sidebar nav button.active { background:var(--soft); color:var(--brand-deep); font-weight:750; }
.admin-sidebar nav i { display:grid; place-items:center; width:1.3rem; height:1.3rem; font-style:normal; font-size:.9rem; }
.admin-user { display:flex; align-items:center; gap:.7rem; margin-top:auto; padding:.8rem .55rem; border-top:1px solid var(--line); }
.admin-user > span { display:grid; place-items:center; flex:0 0 auto; width:2.35rem; height:2.35rem; border-radius:50%; background:#286f79; color:#fff; font-size:.72rem; font-weight:750; }
.admin-user b,.admin-user small { display:block; }
.admin-user b { max-width:8.2rem; overflow:hidden; font-size:.77rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-user small { margin-top:.15rem; color:var(--muted); font-size:.65rem; }
.admin-workspace { min-width:0; }
.admin-header { display:flex; align-items:center; justify-content:space-between; height:5.5rem; padding:0 2rem; border-bottom:1px solid var(--line); background:rgba(255,255,255,.94); }
.admin-header p { margin:0 0 .25rem; color:var(--brand-deep); font-size:.68rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.admin-header h1 { margin:0; font-size:1.35rem; letter-spacing:-.025em; }
.header-actions { display:flex; align-items:center; gap:.55rem; }
.header-actions a,.header-actions button { padding:.6rem .8rem; border:1px solid var(--line); border-radius:.65rem; background:#fff; color:#546a6f; font-size:.75rem; text-decoration:none; cursor:pointer; }
.admin-content { max-width:87rem; margin:auto; padding:2rem; }
.admin-section { display:none; }
.admin-section.active { display:block; }
.stat-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; }
.stat-grid article { padding:1.2rem; border:1px solid var(--line); border-radius:1rem; background:#fff; box-shadow:0 .2rem .8rem rgba(30,71,78,.035); }
.stat-grid span,.stat-grid small { display:block; color:var(--muted); font-size:.72rem; }
.stat-grid b { display:block; margin:.55rem 0 .3rem; font-size:2rem; letter-spacing:-.04em; }
.welcome-panel { display:flex; justify-content:space-between; gap:2rem; margin-top:1rem; padding:2rem; overflow:hidden; border-radius:1.2rem; background:linear-gradient(125deg,#1f727e,#36a6b5); color:#fff; box-shadow:0 1rem 2.5rem rgba(35,122,134,.18); }
.welcome-panel h2 { margin:.45rem 0 .65rem; font-size:1.6rem; letter-spacing:-.035em; }
.welcome-panel p { max-width:47rem; margin:0; color:rgba(255,255,255,.82); font-size:.85rem; line-height:1.6; }
.eyebrow { color:#c9f2f5; font-size:.68rem; font-weight:750; letter-spacing:.09em; text-transform:uppercase; }
.readiness { display:flex; align-items:center; gap:.8rem; min-width:10rem; padding:1rem 1.25rem; border:1px solid rgba(255,255,255,.2); border-radius:1rem; background:rgba(255,255,255,.1); }
.readiness b { font-size:2.5rem; }
.readiness span { color:rgba(255,255,255,.78); font-size:.72rem; line-height:1.35; }
.section-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.2rem; }
.section-toolbar h2 { margin:0; font-size:1.25rem; }
.section-toolbar p { margin:.35rem 0 0; color:var(--muted); font-size:.78rem; }
.primary-button.compact { min-height:2.55rem; font-size:.76rem; }
.table-card,.settings-card,.audit-list { overflow:hidden; border:1px solid var(--line); border-radius:1rem; background:#fff; }
table { width:100%; border-collapse:collapse; }
th,td { padding:.85rem 1rem; border-bottom:1px solid #edf1f2; font-size:.76rem; text-align:left; vertical-align:middle; }
th { color:#7a8c90; background:#f8fafb; font-size:.67rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }
tbody tr:last-child td { border-bottom:0; }
.person-cell { display:flex; align-items:center; gap:.65rem; }
.person-cell > span { display:grid; place-items:center; width:2.15rem; height:2.15rem; overflow:hidden; border-radius:50%; background:#2f929f; color:#fff; font-size:.68rem; font-weight:750; }
.person-cell > span img { width:100%; height:100%; object-fit:cover; }
.person-cell b,.person-cell small { display:block; }
.person-cell small { margin-top:.15rem; color:var(--muted); font-size:.65rem; }
.role-chip,.status-chip,.connection-state { display:inline-flex; align-items:center; padding:.28rem .48rem; border-radius:2rem; font-size:.64rem; font-weight:700; }
.role-chip { background:#eef2f8; color:#596d8c; }
.role-chip.admin { background:#eaf7f8; color:var(--brand-deep); }
.status-chip { background:#eaf8f1; color:#29845f; }
.status-chip.pause { background:#fff5df; color:#9a6a17; }
.status-chip.off { background:#f1f3f4; color:#7f8b8e; }
.row-action { border:0; background:transparent; color:var(--brand-deep); font-size:.72rem; font-weight:700; cursor:pointer; }
.settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.settings-card { display:grid; gap:1rem; padding:1.2rem; }
.settings-card > header { display:flex; align-items:center; gap:.75rem; margin-bottom:.15rem; }
.settings-card h3 { margin:0; font-size:.92rem; }
.settings-card header p { margin:.25rem 0 0; color:var(--muted); font-size:.68rem; }
.integration-icon { display:grid; place-items:center; flex:0 0 auto; width:2.65rem; height:2.65rem; border-radius:.8rem; font-style:normal; font-weight:850; }
.integration-icon.ai { background:#f0ecff; color:#6c55bd; }
.integration-icon.crm { background:var(--soft); color:var(--brand-deep); }
.integration-icon.max { background:linear-gradient(145deg,#785cff,#4779ff); color:#fff; box-shadow:0 .4rem 1rem rgba(92,91,242,.2); }
.integration-icon.vk { background:#2787f5; color:#fff; font-size:.72rem; letter-spacing:-.04em; box-shadow:0 .4rem 1rem rgba(39,135,245,.18); }
.connection-state { margin-left:auto; background:#f1f3f4; color:#7d8c90; }
.connection-state.connected { background:#e9f8f0; color:#27825d; }
.connection-state.warning { background:#fff4d9; color:#956414; }
.integration-description { margin:0; color:var(--muted); font-size:.75rem; line-height:1.5; }
.max-integration-card { grid-column:1/-1; }
.max-qr-panel { display:flex; align-items:center; gap:1.25rem; padding:1rem; border:1px solid #dfe6ff; border-radius:.9rem; background:#f8f9ff; }
.max-qr-panel[hidden] { display:none; }
.max-qr-panel img { width:13rem; height:13rem; padding:.55rem; border-radius:.8rem; background:#17181e; object-fit:contain; }
.max-qr-panel div { display:grid; gap:.4rem; }
.max-qr-panel b { font-size:.92rem; }
.max-qr-panel span { color:#53686d; font-size:.78rem; }
.max-qr-panel small { max-width:29rem; color:var(--muted); font-size:.7rem; line-height:1.5; }
.max-password-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem,28rem); align-items:end; gap:1rem; padding:1rem; border:1px solid #f0dfb4; border-radius:.9rem; background:#fffaf0; }
.max-password-panel > div:first-child { display:grid; gap:.35rem; }
.max-password-panel b { font-size:.88rem; }
.max-password-panel span { color:#53686d; font-size:.76rem; }
.max-password-panel small { color:var(--muted); font-size:.69rem; line-height:1.45; }
.max-password-entry { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.55rem; }
.max-session-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(22rem,34rem); align-items:end; gap:1rem; padding:1rem; border:1px solid #d9e5e8; border-radius:.9rem; background:#f8fbfc; }
.max-session-panel[hidden] { display:none; }
.max-session-panel > div:first-child { display:grid; gap:.35rem; }
.max-session-panel b { font-size:.88rem; }
.max-session-panel span { color:#53686d; font-size:.76rem; line-height:1.45; }
.max-session-panel small { color:var(--muted); font-size:.69rem; line-height:1.45; }
.max-session-entry { display:grid; gap:.55rem; }
.max-session-entry textarea { min-height:5.4rem; resize:vertical; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.72rem; }
.max-session-help { margin-top:.35rem; padding:.55rem .65rem; border-radius:.65rem; background:#edf4f5; color:#53686d; font-size:.7rem; }
.max-session-help summary { color:var(--brand-deep); font-weight:700; cursor:pointer; }
.max-session-help ol { margin:.55rem 0 0; padding-left:1.2rem; line-height:1.55; }
.max-session-help code { overflow-wrap:anywhere; }
.max-session-help .max-session-command { display:block; max-height:7rem; margin:.55rem 0; padding:.55rem; overflow:auto; border:1px solid #d4e1e4; border-radius:.5rem; background:#fff; color:#28444a; font-size:.66rem; line-height:1.45; user-select:all; }
.max-connected-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.max-connected-tools[hidden] { display:none; }
.max-tool-panel { display:grid; gap:.85rem; align-content:start; padding:1rem; border:1px solid #d9e5e8; border-radius:.9rem; background:#f8fbfc; }
.max-tool-panel > div:first-child { display:grid; gap:.3rem; }
.max-tool-panel b { font-size:.88rem; }
.max-tool-panel span { color:#53686d; font-size:.75rem; line-height:1.45; }
.max-contact-search,.max-history-control { display:grid; gap:.65rem; }
.max-contact-search > div:first-child { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.55rem; }
.max-contact-result { display:grid; gap:.2rem; padding:.75rem .85rem; border-radius:.75rem; background:#eaf7f5; }
.max-contact-result[hidden] { display:none; }
.max-contact-result span,.max-contact-result small { overflow-wrap:anywhere; }
.max-history-control progress { width:100%; height:.55rem; accent-color:var(--brand); }
.max-history-control > div { display:flex; gap:.55rem; flex-wrap:wrap; }
.integration-actions { display:flex; flex-wrap:wrap; gap:.6rem; }
.integration-actions small { align-self:center; flex:1 1 16rem; color:var(--muted); font-size:.66rem; line-height:1.45; }
.check-line { display:flex; grid-template-columns:auto 1fr; align-items:center; gap:.5rem; font-weight:500; }
.check-line input { width:1rem; height:1rem; margin:0; }
.settings-footer { grid-column:1/-1; display:flex; align-items:center; justify-content:flex-end; gap:1rem; }
.settings-footer span { margin-right:auto; color:#a25c31; font-size:.72rem; }
.routing-card { max-width:50rem; }
.routing-card .primary-button { justify-self:end; }
.routing-explanation { padding:1rem; border-radius:.8rem; background:var(--soft); }
.routing-explanation b { font-size:.78rem; }
.routing-explanation p { margin:.35rem 0 0; color:#597177; font-size:.73rem; line-height:1.55; }
.widget-settings-layout { display:grid; grid-template-columns:minmax(25rem,1fr) minmax(21rem,.72fr); gap:1.2rem; align-items:start; }
.widget-form .primary-button { justify-self:end; }
.two-fields { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.three-fields { display:grid; grid-template-columns:1fr 1fr 1fr; gap:.8rem; }
.field-group { display:grid; gap:.7rem; padding:1rem; border:1px solid var(--line); border-radius:.85rem; background:#fafcfc; }
.field-heading span,.field-heading small { display:block; }
.field-heading span { color:#52676c; font-size:.78rem; font-weight:700; }
.field-heading small { margin-top:.25rem; color:#8a999c; font-size:.68rem; }
.quick-replies-editor { display:grid; gap:.55rem; }
.quick-replies-editor article { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:.5rem; align-items:center; padding:.7rem; border:1px solid #dce5e7; border-radius:.75rem; background:#fff; }
.quick-replies-editor .quick-label { grid-column:1/8; }
.quick-replies-editor .quick-type { grid-column:8/12; }
.quick-replies-editor .quick-value { grid-column:1/8; }
.quick-replies-editor .quick-target { grid-column:8/13; }
.quick-replies-editor article button { grid-column:12; grid-row:1; width:2.35rem; height:2.35rem; padding:0; border:0; border-radius:.6rem; background:#f0f4f5; color:#7c8b8f; font-size:1.2rem; cursor:pointer; }
.quick-replies-editor article button:hover { background:#fff0f1; color:#b34855; }
.add-row-button { justify-self:start; }
.rating-options-grid { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.rating-options-grid label:last-child { grid-column:1/-1; }
.day-picker { display:flex; flex-wrap:wrap; gap:.4rem; }
.day-picker label { display:flex; align-items:center; gap:.3rem; padding:.4rem .55rem; border:1px solid #d4e0e2; border-radius:.55rem; background:#fff; font-size:.68rem; font-weight:600; }
.day-picker input { width:1rem; height:1rem; margin:0; }
.avatar-editor { display:flex; align-items:center; gap:1rem; padding:.8rem; border:1px solid var(--line); border-radius:.8rem; background:#f8fbfb; }
.avatar-editor > div:nth-child(2) { min-width:0; }
.avatar-editor b,.avatar-editor small { display:block; }
.avatar-editor small { margin-top:.25rem; color:var(--muted); font-size:.68rem; }
.avatar-preview { display:grid; place-items:center; flex:0 0 auto; width:4.5rem; height:4.5rem; overflow:hidden; border-radius:50%; background:var(--brand); color:#fff; }
.avatar-preview img { width:100%; height:100%; object-fit:cover; }
.avatar-actions { display:flex; gap:.45rem; margin-top:.65rem; }
.avatar-cropper { display:grid; grid-template-columns:minmax(17rem,1fr) minmax(13rem,.72fr); gap:1rem; padding:1rem; border:1px solid var(--line); border-radius:.9rem; background:#f7fafb; }
.avatar-cropper[hidden] { display:none; }
.avatar-crop-dialog { width:min(45rem,calc(100vw - 2rem)); padding:0; border:0; border-radius:1rem; background:#fff; box-shadow:0 1.5rem 5rem rgba(17,45,51,.28); }
.avatar-crop-dialog::backdrop { background:rgba(16,37,41,.55); backdrop-filter:blur(3px); }
.avatar-crop-dialog .avatar-cropper { border:0; background:#fff; }
.crop-stage { position:relative; width:min(21rem,100%); aspect-ratio:1; justify-self:center; overflow:hidden; border-radius:.85rem; background:#dce7e9; cursor:grab; touch-action:none; user-select:none; box-shadow:inset 0 0 0 1px rgba(26,58,64,.12); }
.crop-stage.dragging { cursor:grabbing; }
.crop-stage canvas { display:block; width:100%; height:100%; }
.crop-guide { position:absolute; inset:10%; border:2px solid rgba(255,255,255,.95); border-radius:50%; box-shadow:0 0 0 999px rgba(18,35,39,.48),0 0 0 1px rgba(20,51,57,.25); pointer-events:none; }
.crop-guide::before,.crop-guide::after { content:""; position:absolute; background:rgba(255,255,255,.42); }
.crop-guide::before { left:50%; top:0; width:1px; height:100%; }
.crop-guide::after { left:0; top:50%; width:100%; height:1px; }
.crop-panel { display:flex; flex-direction:column; gap:1rem; min-width:0; }
.crop-panel b { font-size:.95rem; }
.crop-panel p { margin:.35rem 0 0; color:var(--muted); font-size:.7rem; line-height:1.5; }
.crop-zoom { display:grid; grid-template-columns:2.6rem minmax(0,1fr) 2.6rem; align-items:center; gap:.55rem; padding:.45rem; border:1px solid #d8e3e5; border-radius:.75rem; background:#fff; }
.crop-zoom span { color:#607479; font-size:.72rem; font-weight:700; text-align:center; }
.crop-zoom button { width:2.6rem; height:2.6rem; border:0; border-radius:.6rem; background:#edf4f5; color:var(--brand-deep); font-size:1.25rem; cursor:pointer; }
.crop-panel .text-button { align-self:flex-start; padding:0; border:0; background:transparent; color:var(--brand-deep); font-size:.72rem; font-weight:700; cursor:pointer; }
.crop-panel footer { display:flex; gap:.5rem; margin-top:auto; }
.crop-panel footer button { flex:1; }
.password-field { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:.4rem; }
.password-field button { min-width:5.2rem; height:2.8rem; padding:0 .7rem; border:1px solid #cbdadd; border-radius:.7rem; background:#fff; color:#587076; font-size:.7rem; font-weight:700; cursor:pointer; }
.template-admin-layout { display:grid; grid-template-columns:minmax(20rem,1fr) minmax(22rem,.8fr); gap:1rem; align-items:start; }
.template-admin-list { display:grid; gap:.55rem; }
.template-admin-list > p { margin:0; padding:1rem; border:1px solid var(--line); border-radius:.8rem; background:#fff; color:var(--muted); font-size:.75rem; }
.template-admin-list article { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:.5rem; align-items:center; padding:.8rem; border:1px solid var(--line); border-radius:.8rem; background:#fff; }
.template-admin-list b,.template-admin-list small { display:block; }
.template-admin-list small { overflow:hidden; margin-top:.25rem; color:var(--muted); font-size:.68rem; text-overflow:ellipsis; white-space:nowrap; }
.template-admin-list button { border:0; background:transparent; color:var(--brand-deep); font-size:.7rem; font-weight:700; cursor:pointer; }
.template-admin-list button.danger { color:#b34855; }
.form-actions { display:flex; justify-content:flex-end; gap:.55rem; }
.widget-preview-card { position:sticky; top:1rem; padding:1rem; border:1px solid var(--line); border-radius:1rem; background:#eaf1f2; }
.widget-preview-card > span { display:block; margin:0 0 .7rem .2rem; color:var(--muted); font-size:.68rem; font-weight:700; text-transform:uppercase; }
.mini-widget { overflow:hidden; max-width:23rem; margin:auto; border-radius:1.1rem; background:#fff; box-shadow:0 1.2rem 3rem rgba(26,69,76,.18); }
.mini-widget header { display:flex; align-items:center; gap:.7rem; padding:1rem; background:var(--preview-color,var(--brand)); color:#fff; }
.mini-widget header > b { display:grid; place-items:center; width:2.5rem; height:2.5rem; border:2px solid rgba(255,255,255,.8); border-radius:50%; background:#fff; color:var(--preview-color,var(--brand)); font-size:.7rem; }
.mini-widget header strong,.mini-widget header small { display:block; }
.mini-widget header strong { font-size:.82rem; }
.mini-widget header small { margin-top:.2rem; color:rgba(255,255,255,.8); font-size:.62rem; }
.mini-widget main { min-height:17rem; padding:1rem; }
.mini-widget main > p { width:82%; margin:0; padding:.7rem; overflow-wrap:anywhere; white-space:pre-wrap; border-radius:.25rem .85rem .85rem .85rem; background:#eef0f1; font-size:.75rem; line-height:1.45; }
.mini-widget main div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.4rem; margin-top:1rem; }
.mini-widget main div span { max-width:100%; padding:.45rem .55rem; overflow-wrap:anywhere; border:1px solid var(--preview-color,var(--brand)); border-radius:.7rem .2rem .7rem .7rem; color:var(--preview-color,var(--brand)); font-size:.62rem; line-height:1.4; }
.mini-widget footer { display:flex; justify-content:space-between; padding:.85rem 1rem; border-top:1px solid var(--line); color:#a0abad; font-size:.72rem; }
.mini-widget footer i { color:var(--preview-color,var(--brand)); }
.audit-list article { display:grid; grid-template-columns:10rem minmax(10rem,.7fr) 1fr auto; gap:1rem; align-items:center; padding:.85rem 1rem; border-bottom:1px solid #edf1f2; }
.audit-list article:last-child { border:0; }
.audit-list b { font-size:.75rem; }
.audit-list span,.audit-list small,.audit-list time { color:var(--muted); font-size:.68rem; }
.rating-summary { display:grid; grid-template-columns:repeat(2,minmax(0,13rem)); gap:1rem; margin-bottom:1rem; }
.rating-summary article { padding:1rem; border:1px solid var(--line); border-radius:1rem; background:#fff; }
.rating-summary span { display:block; color:var(--muted); font-size:.7rem; }
.rating-summary b { display:block; margin-top:.4rem; font-size:1.7rem; }
.ratings-list { display:grid; gap:.65rem; }
.ratings-list > article { padding:1rem; border:1px solid var(--line); border-radius:1rem; background:#fff; }
.ratings-list header { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.ratings-list header b,.ratings-list header small { display:block; }
.ratings-list header b { font-size:.8rem; }
.ratings-list header small,.ratings-list time { margin-top:.15rem; color:var(--muted); font-size:.65rem; }
.ratings-list header strong { color:#eba92d; letter-spacing:.06em; }
.ratings-list .rating-tags { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.7rem; }
.ratings-list .rating-tags:empty { display:none; }
.ratings-list .rating-tags span { padding:.28rem .48rem; border-radius:1rem; background:var(--soft); color:var(--brand-deep); font-size:.63rem; }
.ratings-list p { margin:.7rem 0 .45rem; overflow-wrap:anywhere; white-space:pre-wrap; font-size:.76rem; line-height:1.5; }
.ratings-list time { display:block; }
.empty-rating { color:var(--muted); font-size:.75rem; }
.operator-dialog { width:min(46rem,calc(100vw - 2rem)); max-height:calc(100vh - 2rem); padding:0; overflow:hidden; border:0; border-radius:1rem; color:var(--ink); box-shadow:0 1.5rem 5rem rgba(17,45,51,.25); }
.operator-dialog::backdrop { background:rgba(16,37,41,.4); backdrop-filter:blur(2px); }
.operator-dialog form { max-height:calc(100vh - 2rem); padding:1.25rem; overflow-y:auto; }
.operator-dialog header { display:flex; align-items:flex-start; justify-content:space-between; }
.operator-dialog h2 { margin:0; font-size:1.1rem; }
.operator-dialog header p { margin:.3rem 0 0; color:var(--muted); font-size:.72rem; }
.operator-dialog header button { border:0; background:transparent; color:#7c8b8f; font-size:1.5rem; cursor:pointer; }
.operator-dialog form > footer { position:sticky; bottom:-1.25rem; z-index:2; display:flex; justify-content:flex-end; gap:.55rem; margin:0 -1.25rem -1.25rem; padding:1rem 1.25rem; border-top:1px solid var(--line); background:rgba(255,255,255,.96); backdrop-filter:blur(8px); }
.admin-toast { position:fixed; left:50%; bottom:1.2rem; z-index:50; padding:.7rem .9rem; border-radius:.65rem; background:#20373c; color:#fff; font-size:.75rem; opacity:0; transform:translate(-50%,.5rem); pointer-events:none; transition:.2s; }
.admin-toast.visible { opacity:1; transform:translate(-50%,0); }
.admin-toast.error { background:#a8424e; }

@media (max-width:70rem) { .stat-grid { grid-template-columns:1fr 1fr; } .settings-grid,.widget-settings-layout,.template-admin-layout { grid-template-columns:1fr; } .widget-preview-card { position:static; } }
@media (max-width:48rem) { .admin-shell { grid-template-columns:4.5rem minmax(0,1fr); } .admin-sidebar { padding:1rem .65rem; } .admin-brand > div,.admin-sidebar nav button:not(.active){ font-size:0; } .admin-sidebar nav button { justify-content:center; padding:.7rem; font-size:0; } .admin-sidebar nav i { font-size:1rem; } .admin-user div { display:none; } .admin-header { height:auto; min-height:5rem; padding:1rem; } .header-actions a { display:none; } .admin-content { padding:1rem; } .stat-grid { grid-template-columns:1fr 1fr; } .welcome-panel { padding:1.25rem; } .readiness { display:none; } .table-card { overflow-x:auto; } table { min-width:48rem; } .two-fields { grid-template-columns:1fr; } .audit-list article { grid-template-columns:1fr; gap:.25rem; } .max-qr-panel { align-items:flex-start; flex-direction:column; } .max-qr-panel img { width:min(100%,15rem); height:auto; aspect-ratio:1; } .max-password-panel,.max-password-entry,.max-session-panel,.max-connected-tools { grid-template-columns:1fr; } }

.embed-card { max-width:none; margin-top:1rem; }
.embed-card header { margin-bottom:.8rem; }
.embed-card header h3 { margin:0; }
.embed-card header p { margin:.3rem 0 0; color:var(--muted); font-size:.78rem; }
.embed-card header .embed-readiness { color:#a25c31; font-weight:650; }
.embed-card header .embed-readiness.ready { color:#27825d; }
.embed-card code { padding:.08rem .28rem; border-radius:.25rem; background:#eef4f5; }
.embed-card > div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.75rem; }
.embed-card textarea { width:100%; padding:.75rem; resize:none; border:1px solid #d0dcde; border-radius:.65rem; background:#f7f9fa; color:#33494e; font: .75rem/1.45 Consolas,monospace; }
@media (max-width:44rem) { .embed-card > div { grid-template-columns:1fr; } }
@media (max-width:44rem) { .three-fields,.rating-options-grid { grid-template-columns:1fr; } .rating-options-grid label:last-child { grid-column:auto; } .avatar-cropper { grid-template-columns:1fr; } .quick-replies-editor .quick-label,.quick-replies-editor .quick-value { grid-column:1/10; } .quick-replies-editor .quick-type,.quick-replies-editor .quick-target { grid-column:10/13; } .password-field { grid-template-columns:1fr 1fr; } .password-field input { grid-column:1/-1; } }
.block-admin-row { display:flex; align-items:center; gap:.7rem; padding:.8rem 0; border-top:1px solid #e2e9eb; }
.block-admin-row > div { flex:1; min-width:0; }
.block-admin-row p { margin:.25rem 0 0; color:#63777d; font-size:.78rem; white-space:pre-wrap; }
.block-admin-row a,.block-admin-row button { padding:.48rem .65rem; border:1px solid #cfdee1; border-radius:.5rem; background:#fff; color:#276f7c; font-size:.75rem; text-decoration:none; cursor:pointer; }
.email-template-editor { margin-top:1rem; }
.email-template-editor form { display:grid; gap:.75rem; }
.email-account-settings { margin-top:1rem; }
.email-account-settings form { display:grid; gap:.75rem; }
.email-account-settings .block-admin-row strong { flex:1; min-width:0; overflow-wrap:anywhere; font-size:.78rem; }
.email-editor-tools { display:flex; flex-wrap:wrap; gap:.4rem; }
.email-editor-tools button,.email-upload-label { padding:.5rem .65rem; border:1px solid #d2dfe2; border-radius:.45rem; background:#fff; color:#295963; font-size:.75rem; cursor:pointer; }
#emailTemplateHtml { width:100%; min-height:18rem; font-family:ui-monospace,monospace; }
#emailTemplatePreview { width:100%; height:28rem; border:1px solid #d2dfe2; border-radius:.6rem; background:#fff; }
#emailTemplatePreview[hidden],#emailTemplateHtml[hidden] { display:none; }