:root{--bg:#f6f8fb;--card:#fff;--text:#102033;--muted:#667085;--line:#e6eaf0;--primary:#16a34a;--danger:#dc2626;--warn:#d97706;--dark:#0f172a}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--dark);color:#fff;padding:22px;position:sticky;top:0;height:100vh}.brand{font-weight:800;font-size:23px;line-height:1.1;margin-bottom:26px}.brand span{color:#86efac}.sidebar nav a{display:block;text-decoration:none;color:#e5e7eb;padding:11px 12px;border-radius:10px;margin:4px 0}.sidebar nav a:hover{background:#1e293b}.main{flex:1;padding:28px;max-width:1400px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 8px 24px rgba(16,32,51,.04)}h1,h2,h3{margin:0 0 15px}p{line-height:1.5}.muted{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.stat strong{display:block;font-size:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{margin-bottom:14px}.field label{display:block;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px;font:inherit;background:#fff}textarea{min-height:120px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--primary);color:#fff;padding:10px 15px;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer}.btn.secondary{background:#334155}.btn.danger{background:var(--danger)}.btn.warn{background:var(--warn)}.btn.light{background:#eef2f7;color:#111827}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f8fafc;font-size:13px;color:#475467}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2f7}.badge.sent,.badge.active{background:#dcfce7;color:#166534}.badge.failed,.badge.paused{background:#fee2e2;color:#991b1b}.badge.pending{background:#fef3c7;color:#92400e}.alert{padding:12px 14px;border-radius:12px;margin-bottom:15px;background:#e0f2fe;border:1px solid #bae6fd}.alert.error{background:#fee2e2;border-color:#fecaca}.alert.success{background:#dcfce7;border-color:#bbf7d0}.pagination{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.pagination a,.pagination span{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none}.pagination .active{background:var(--dark);color:#fff}.notice{border-left:4px solid var(--warn);background:#fffbeb;padding:12px;border-radius:10px;margin-bottom:15px}.login-wrap{max-width:420px;margin:10vh auto}.code{font-family:Consolas,monospace;background:#f1f5f9;padding:10px;border-radius:10px;display:block;overflow:auto}.step-box{border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0;background:#fbfdff}@media(max-width:900px){.layout{display:block}.sidebar{width:100%;height:auto;position:relative}.main{padding:16px}.grid,.form-grid{grid-template-columns:1fr}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.brand{font-size:20px}}

.checkline{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;line-height:1.45}.checkline input{width:auto;margin-top:3px;flex:0 0 auto}.policy-check{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:12px;margin:12px 0 16px}.auth-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px;color:var(--muted);font-size:14px}.auth-links a{color:#166534}.policy-page{max-width:860px;margin:40px auto}.policy-page h2{font-size:20px;margin-top:24px}.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:9999;background:#0f172a;color:#fff;border-radius:16px;padding:16px;box-shadow:0 16px 45px rgba(15,23,42,.25);display:flex;gap:14px;align-items:center;justify-content:space-between}.cookie-banner p{margin:0;color:#e5e7eb}.cookie-banner a{color:#86efac}.cookie-banner .btn{background:#16a34a;white-space:nowrap}@media(max-width:700px){.cookie-banner{display:block}.cookie-banner .btn{margin-top:12px;width:100%}.policy-page{margin:16px}}

/* Public landing page */
.theme-dark{--bg:#0b1120;--card:#111827;--text:#e5e7eb;--muted:#9ca3af;--line:#263244;--primary:#22c55e;--danger:#f87171;--warn:#f59e0b;--dark:#020617}
.theme-dark body,.theme-dark .card,.theme-dark .stat,.theme-dark .table-wrap,.theme-dark .pagination a,.theme-dark .pagination span,.theme-dark input,.theme-dark select,.theme-dark textarea{background:var(--card);color:var(--text);border-color:var(--line)}
.theme-dark{background:var(--bg);color:var(--text)}
.theme-dark .main,.theme-dark.public-page{background:var(--bg)}
.theme-dark th{background:#172033;color:#d1d5db}.theme-dark .step-box,.theme-dark .policy-check{background:#0f172a}.theme-dark .btn.light{background:#1f2937;color:#e5e7eb}.theme-dark .notice{background:#422006;color:#fde68a}.theme-dark .code{background:#020617;color:#e5e7eb}.theme-dark .badge{background:#243044;color:#e5e7eb}
.public-page{min-height:100vh;background:var(--bg)}.public-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 32px;max-width:1180px;margin:0 auto}.public-brand{font-size:22px;font-weight:800;text-decoration:none}.public-nav nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.public-nav nav a{text-decoration:none;font-weight:700}.hero-section{max-width:1180px;margin:30px auto;padding:38px 32px 20px;display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}.hero-copy h1{font-size:48px;line-height:1.05;margin:12px 0 18px}.hero-copy p{font-size:17px;max-width:680px}.eyebrow{display:inline-block;background:#dcfce7;color:#166534;border-radius:999px;padding:7px 12px;font-weight:800;font-size:13px}.theme-dark .eyebrow{background:#14532d;color:#bbf7d0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.btn.big{font-size:16px;padding:13px 18px}.hero-panel{padding:24px}.mini-dashboard-title{font-weight:800;margin-bottom:16px}.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-stats div{border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--bg)}.mini-stats span{display:block;color:var(--muted);font-size:12px}.mini-stats strong{display:block;font-size:20px;margin-top:4px}.timeline-preview{margin-top:16px;border-left:3px solid var(--primary);padding-left:14px}.timeline-preview div{padding:8px 0}.timeline-preview b{display:block}.timeline-preview span{color:var(--muted)}.public-section{max-width:1180px;margin:0 auto;padding:24px 32px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.workflow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.workflow-list div{display:flex;gap:12px;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:16px}.workflow-list span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;flex:0 0 auto}.workflow-list p{margin:0}.public-footer{max-width:1180px;margin:20px auto 0;padding:22px 32px 40px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);border-top:1px solid var(--line)}.public-footer nav{display:flex;gap:12px;flex-wrap:wrap}.public-footer a{text-decoration:none}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.appearance-toggle{display:flex;gap:10px;flex-wrap:wrap}.appearance-option{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:800}.appearance-option.active{background:var(--primary);border-color:var(--primary);color:#fff}@media(max-width:900px){.public-nav{padding:16px}.hero-section{grid-template-columns:1fr;padding:24px 16px}.hero-copy h1{font-size:34px}.feature-grid,.workflow-list{grid-template-columns:1fr}.public-section{padding:20px 16px}.public-footer{padding:20px 16px;display:block}.public-footer nav{margin-top:10px}.mini-stats{grid-template-columns:1fr}.public-nav{display:block}.public-nav nav{margin-top:14px}}

/* Standard logo and social-share assets */
.brand-with-logo{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-bottom:22px}.brand-with-logo img{display:block;width:56px;height:56px;object-fit:contain}.brand-fallback{display:none}.public-brand-logo{display:inline-flex;align-items:center;justify-content:center}.public-brand-logo img{width:54px;height:54px;object-fit:contain;display:block}.public-brand-logo>span{display:none}.hero-logo{display:none}.auth-logo{display:none}.soft-separator{border:0;border-top:1px solid var(--line);margin:22px 0}.brand-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.asset-preview{border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:14px}.asset-preview span{display:block;font-weight:800;margin-bottom:10px}.asset-preview img{display:block;max-width:100%;height:auto;background:#fff;border-radius:12px;padding:8px}.asset-preview:not(.wide) img{max-height:92px}.asset-preview.wide{grid-column:1/-1}.asset-preview.wide img{padding:0;border-radius:12px}@media(max-width:900px){.brand-preview-grid{grid-template-columns:1fr}.public-brand-logo img{width:48px;height:48px}.brand-with-logo img{width:52px;height:52px}}

/* Dark mode hardening */
html:has(body.theme-dark), body.theme-dark{background:var(--bg);color:var(--text)}
body.theme-dark .layout, body.theme-dark .main, body.theme-dark.public-page{background:var(--bg);color:var(--text)}
body.theme-dark .card, body.theme-dark .stat, body.theme-dark .table-wrap, body.theme-dark .pagination a, body.theme-dark .pagination span, body.theme-dark input, body.theme-dark select, body.theme-dark textarea, body.theme-dark .mini-stats div, body.theme-dark .workflow-list div, body.theme-dark .asset-preview{background:var(--card);color:var(--text);border-color:var(--line)}
body.theme-dark th{background:#172033;color:#d1d5db}body.theme-dark td{color:var(--text)}
body.theme-dark .step-box, body.theme-dark .policy-check{background:#0f172a;border-color:var(--line)}
body.theme-dark .btn.light{background:#1f2937;color:#e5e7eb}body.theme-dark .notice{background:#422006;color:#fde68a}body.theme-dark .code{background:#020617;color:#e5e7eb;border:1px solid var(--line)}body.theme-dark .badge{background:#243044;color:#e5e7eb}
body.theme-dark .alert{background:#0c4a6e;border-color:#075985;color:#e0f2fe}body.theme-dark .alert.error{background:#7f1d1d;border-color:#991b1b;color:#fee2e2}body.theme-dark .alert.success{background:#14532d;border-color:#166534;color:#dcfce7}
body.theme-dark .auth-links a{color:#86efac}body.theme-dark .sidebar{background:#020617}

/* How To Use page */
.howto-hero h2,.howto-card h2{margin-bottom:12px}.howto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.howto-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.howto-grid>div{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:15px}.howto-grid span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;margin-bottom:10px}.howto-grid b{display:block;margin-bottom:6px}.howto-grid p{margin:0;color:var(--muted);font-size:14px}.howto-steps{margin:0;padding-left:22px}.howto-steps li{margin:9px 0;line-height:1.55}.howto-table{min-width:700px}.howto-card .code{margin:8px 0 14px}@media(max-width:1000px){.howto-grid,.howto-grid.compact{grid-template-columns:1fr 1fr}}@media(max-width:650px){.howto-grid,.howto-grid.compact{grid-template-columns:1fr}}

/* Google authentication */
.google-btn{width:100%;background:var(--card);color:var(--text);border:1px solid var(--line);gap:10px;margin:8px 0 14px}.google-btn:hover{background:var(--bg)}.google-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#2563eb;border:1px solid #d0d5dd;font-weight:800}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:12px 0 18px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-divider span{white-space:nowrap}


/* Demo login */
.demo-login-box{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.demo-login-box h2{font-size:18px;margin:0 0 6px}.demo-login-box p{margin:0 0 12px;color:var(--muted);font-size:14px}.demo-credentials{display:grid;grid-template-columns:78px 1fr;gap:8px 10px;align-items:center;margin-bottom:12px}.demo-credentials span{font-size:13px;color:var(--muted)}.demo-credentials code{display:block;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);overflow-wrap:anywhere}.demo-login-box form{margin:0}.demo-login-box .btn{width:100%}body.theme-dark .demo-login-box{background:#0f172a;border-color:var(--line)}body.theme-dark .demo-credentials code{background:var(--card);color:var(--text);border-color:var(--line)}


/* Provider-specific sender configuration */
.provider-panel{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:18px;margin:12px 0 18px}.provider-panel[hidden]{display:none!important}.provider-panel h3{margin-bottom:8px}.copy-field{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.copy-field .btn{white-space:nowrap}body.theme-dark .provider-panel{background:#0f172a;border-color:var(--line)}

/* Detailed How To accordion */
.howto-accordion-list{display:grid;gap:12px}.howto-accordion{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(16,32,51,.035)}.howto-accordion summary{display:flex;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;font-size:18px;font-weight:800;list-style:none}.howto-accordion summary::-webkit-details-marker{display:none}.howto-accordion summary:after{content:'+';margin-left:auto;font-size:24px;font-weight:400}.howto-accordion[open] summary:after{content:'−'}.howto-accordion summary>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--primary);color:#fff;font-size:14px;flex:0 0 auto}.howto-accordion-body{border-top:1px solid var(--line);padding:20px}.howto-accordion-body h3{margin-top:22px}.howto-accordion-body h3:first-child{margin-top:0}.howto-accordion-body .table-wrap{margin:12px 0}.howto-accordion-body .notice{margin-top:14px}body.theme-dark .howto-accordion{background:var(--card);border-color:var(--line)}body.theme-dark .howto-accordion-body{border-color:var(--line)}@media(max-width:650px){.copy-field{grid-template-columns:1fr}.howto-accordion summary{font-size:16px;padding:15px}.howto-accordion-body{padding:15px}}


/* Theme background hardening v12 */
html,body{min-height:100%;margin:0}.theme-light,html.theme-light{background:#f3f4f6;color:#0f172a}.theme-dark,html.theme-dark{background:#071227;color:#e5e7eb}body.theme-light,body.theme-dark{min-height:100vh}body.theme-light .login-wrap,body.theme-dark .login-wrap{margin-top:30px;margin-bottom:30px}

/* v12.1 auth page + date/time icon contrast */
.auth-page{min-height:100vh;background:var(--bg);padding:32px 16px;display:flex;justify-content:center;align-items:flex-start}
.auth-page .login-wrap,.auth-page .policy-page{width:100%;margin:0}
body.theme-dark .auth-page, body.theme-light .auth-page, html.theme-dark, html.theme-light{background:var(--bg)!important}
body.theme-dark, body.theme-light{background:var(--bg)!important}
body.theme-dark input,body.theme-dark select,body.theme-dark textarea{color-scheme:dark}
body.theme-light input,body.theme-light select,body.theme-light textarea{color-scheme:light}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}
body.theme-dark input[type="date"]::-webkit-calendar-picker-indicator,
body.theme-dark input[type="time"]::-webkit-calendar-picker-indicator,
body.theme-dark input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.8)}
body.theme-light input[type="date"]::-webkit-calendar-picker-indicator,
body.theme-light input[type="time"]::-webkit-calendar-picker-indicator,
body.theme-light input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:none}
@media(max-width:700px){.auth-page{padding:20px 12px}}


/* v12.2 queue, support, and native date/time controls */
body.theme-dark input[type="date"],body.theme-dark input[type="time"],body.theme-dark input[type="datetime-local"]{color-scheme:dark!important}
body.theme-light input[type="date"],body.theme-light input[type="time"],body.theme-light input[type="datetime-local"]{color-scheme:light!important}
body.theme-dark input[type="date"]::-webkit-calendar-picker-indicator,
body.theme-dark input[type="time"]::-webkit-calendar-picker-indicator,
body.theme-dark input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(2) contrast(2)!important;opacity:1!important;cursor:pointer!important}
body.theme-light input[type="date"]::-webkit-calendar-picker-indicator,
body.theme-light input[type="time"]::-webkit-calendar-picker-indicator,
body.theme-light input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:none!important;opacity:1!important;cursor:pointer!important}
.badge.simulated{background:#dbeafe;color:#1e40af}.theme-dark .badge.simulated{background:#1e3a5f;color:#bfdbfe}
button:disabled{opacity:.55;cursor:not-allowed}


/* v12.3 custom date/time picker icon: replaces inconsistent browser-native icon */
.custom-picker-field{position:relative;width:100%}
.custom-picker-field input{padding-right:48px!important}
.custom-picker-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;cursor:pointer;color:#111827;padding:6px}
.custom-picker-button:hover{background:rgba(100,116,139,.15)}
.custom-picker-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
body.theme-dark .custom-picker-button{color:#fff}
body.theme-light .custom-picker-button{color:#111827}
.custom-picker-field input[type="date"]::-webkit-calendar-picker-indicator,
.custom-picker-field input[type="time"]::-webkit-calendar-picker-indicator,
.custom-picker-field input[type="datetime-local"]::-webkit-calendar-picker-indicator{opacity:0!important;display:block!important;pointer-events:none!important;width:0!important;margin:0!important;padding:0!important}
.queue-diagnostics{margin-bottom:20px}
[hidden]{display:none!important}


/* v12.4 dashboard spacing, About Us, and scheduler status */
.dashboard-stats{margin-bottom:28px}
.about-page-wrap{min-height:100vh;background:var(--bg);padding:32px 16px}
.about-page-container{max-width:980px;margin:0 auto}
.about-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.about-intro p{max-width:820px}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.policy-risk-note{padding:10px 12px;border-left:3px solid var(--warn);background:var(--bg);border-radius:8px}
@media(max-width:700px){.dashboard-stats{margin-bottom:20px}.about-page-wrap{padding:18px 12px}.about-contact-actions .btn{width:100%}}


/* v12.5 navigation, spacing, split panels, filters, and responsive layout */
.sidebar nav a.active{background:#243044;color:#fff;font-weight:700}
.dashboard-processing-card{margin-top:30px!important}
.page-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.page-tabs a{display:inline-flex;align-items:center;padding:11px 16px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text);text-decoration:none;font-weight:700}
.page-tabs a.active{background:var(--primary);border-color:var(--primary);color:#fff}
.filter-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) minmax(180px,240px) minmax(170px,220px) auto;gap:10px;align-items:center;margin:0 0 16px}
.search-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.search-inline input{min-width:0}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.full-width{grid-column:1/-1}
.about-public-section{max-width:980px}.active-public{text-decoration:underline!important;text-underline-offset:6px}
body.theme-dark .page-tabs a{background:var(--card);color:var(--text);border-color:var(--line)}body.theme-dark .page-tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}
@media(max-width:1050px){.filter-toolbar{grid-template-columns:1fr 1fr}.search-inline{grid-column:1/-1}}
@media(max-width:700px){.dashboard-processing-card{margin-top:22px!important}.page-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.page-tabs a{white-space:nowrap}.filter-toolbar{grid-template-columns:1fr}.search-inline{grid-column:auto;grid-template-columns:1fr auto}.filter-toolbar>.btn{width:100%}.about-contact-actions{display:grid;grid-template-columns:1fr}.about-contact-actions .btn{width:100%}.main{overflow-x:hidden}.table-wrap{max-width:100%}}

/* v12.6 Meta webhook, subscription, pricing, and policy UI */
.input-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.input-with-action .btn{white-space:nowrap}
.policy-before-google{font-size:13px;line-height:1.55;color:var(--muted);padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);margin-bottom:10px}.policy-before-google p{margin:0}.policy-before-google a,.policy-link-grid a{color:var(--primary);text-underline-offset:3px}.google-login-form{margin:0}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.pricing-card{position:relative;height:100%}.pricing-card.featured{border:2px solid var(--primary)}.pricing-card.current-plan:after{content:'Current';position:absolute;right:16px;top:16px;background:var(--primary);color:#fff;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.plan-label{display:inline-block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:8px}.pricing-card h2,.pricing-card h3{font-size:34px;margin-bottom:10px}.pricing-card h2 small{font-size:14px;color:var(--muted)}.plan-features{padding-left:20px;line-height:1.8;margin:16px 0 20px}.subscription-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.usage-meter{width:100%;height:12px;border-radius:999px;background:var(--line);overflow:hidden}.usage-meter span{display:block;height:100%;background:var(--primary);border-radius:inherit}.public-pricing-grid{max-width:900px}.pricing-public-section>h1{font-size:42px;max-width:760px;margin:14px 0}.policy-link-grid{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:14px}.policy-page ul{line-height:1.7}.badge.paid,.badge.success,.badge.completed{background:#dcfce7;color:#166534}.badge.cancelled,.badge.expired{background:#fee2e2;color:#991b1b}
@media(max-width:800px){.pricing-grid{grid-template-columns:1fr}.pricing-public-section>h1{font-size:32px}.input-with-action{grid-template-columns:1fr}.input-with-action .btn{width:100%}}

.lower-policy-note{margin-top:14px;margin-bottom:10px}

/* v12.9 notifications, complete table tools, and neutral information text */
.page-title-block{margin:0 0 18px}.page-title-block h1{margin-bottom:10px}.page-title-block .alert:last-child{margin-bottom:0}.page-subtitle{margin:-2px 0 12px;color:var(--muted)}
.alert{border-left:4px solid #0284c7}.alert.success{border-left-color:#16a34a}.alert.error{border-left-color:#dc2626}.alert.warning{background:#fef3c7;border-color:#f59e0b;color:#78350f}.alert.info{background:#e0f2fe;border-color:#0284c7;color:#0c4a6e}
body.theme-dark .alert.warning{background:#422006;border-color:#f59e0b;color:#fde68a}body.theme-dark .alert.info{background:#082f49;border-color:#38bdf8;color:#bae6fd}body.theme-dark .alert.success{background:#052e16;border-color:#22c55e;color:#bbf7d0}body.theme-dark .alert.error{background:#450a0a;border-color:#ef4444;color:#fecaca}
.notice{border:1px solid var(--line)!important;border-left:4px solid #64748b!important;background:var(--card)!important;color:var(--text)!important}.theme-dark .notice{background:var(--card)!important;color:var(--text)!important}
.table-toolbar{display:flex!important;flex-wrap:wrap;gap:10px;align-items:center}.table-toolbar .search-inline{flex:1 1 310px}.table-toolbar>select{flex:1 1 165px;max-width:240px}.table-toolbar>.btn{white-space:nowrap}.export-btn{background:#166534}.table-count{color:var(--muted);font-size:14px;white-space:nowrap}.form-help{padding:10px 0;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.details-content{padding:12px 0}.billing-terms{margin:4px 0 18px}
.howto-intro{margin:0 0 18px;color:var(--muted)}.howto-note{margin:14px 0 0;padding:0;color:var(--muted);font-size:14px;line-height:1.6}
.client-table-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.client-table-toolbar input{flex:1 1 190px}.client-table-toolbar select{flex:1 1 170px;max-width:230px}.client-table-toolbar .btn{white-space:nowrap}.client-table-pagination button{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);cursor:pointer}.client-table-count{display:inline-flex;align-items:center;padding:8px;color:var(--muted)}
@media(max-width:700px){.table-toolbar,.client-table-toolbar{display:grid!important;grid-template-columns:1fr}.table-toolbar .search-inline,.table-toolbar>select,.client-table-toolbar input,.client-table-toolbar select{max-width:none;width:100%}.table-toolbar>.btn,.client-table-toolbar>.btn{width:100%}}

/* v12.10 Meta Templates, sequence template selection, and lighter How To headings */
.page-howto .page-title-block h1,.page-howto .howto-hero h2,.page-howto .howto-accordion summary,.page-howto .howto-accordion-body h3,.page-howto .howto-grid b,.page-howto .howto-accordion-body b,.page-howto .howto-intro b{font-weight:600}
.howto-accordion summary{font-size:17px}
.howto-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.template-preview{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:12px 14px;margin:0 0 14px;white-space:pre-wrap;line-height:1.5}
.sync-template-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end}.sync-template-form .field{margin:0}
.badge.approved{background:#dcfce7;color:#166534}.badge.rejected,.badge.disabled{background:#fee2e2;color:#991b1b}.badge.paused{background:#fef3c7;color:#92400e}
body.theme-dark .template-preview{background:#0f172a;border-color:var(--line)}
@media(max-width:1000px){.howto-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.howto-grid.compact,.sync-template-form{grid-template-columns:1fr}}

/* v12.11 interface refinements */
.sidebar{transition:width .18s ease;padding:18px 14px;overflow:hidden}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.sidebar-toggle{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#122033;color:#e5e7eb;cursor:pointer;font-size:18px;line-height:1}.sidebar nav a{display:flex;align-items:center;gap:12px;white-space:nowrap}.nav-icon{width:22px;height:22px;flex:0 0 22px;display:inline-flex}.nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar.is-collapsed{width:82px}.sidebar.is-collapsed .nav-label{display:none}.sidebar.is-collapsed .brand-with-logo img{width:44px;height:44px}.sidebar.is-collapsed nav a{justify-content:center;padding:12px 8px}.sidebar.is-collapsed .sidebar-top{display:grid;justify-items:center}.sidebar.is-collapsed .sidebar-toggle{width:44px}.sidebar nav a.active{background:#20324a;color:#fff;font-weight:600}.sidebar nav a:hover{background:#16243a}.brand-with-logo img{border-radius:16px}.page-howto .page-title-block h1,.page-howto .howto-hero h2,.page-howto .howto-accordion summary,.page-howto .howto-accordion-body h3,.page-howto .howto-grid b,.page-howto .howto-accordion-body b,.page-howto .howto-intro b{font-weight:500!important}.page-howto .howto-accordion summary{font-weight:500!important;letter-spacing:0;font-size:16.5px}.howto-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}.howto-visual-grid img,.public-image-grid img{width:100%;height:auto;border:1px solid var(--line);border-radius:16px;background:var(--card);display:block}.ai-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.ai-choice{display:block;text-decoration:none;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--bg)}.ai-choice b{display:block;margin-bottom:4px}.ai-choice span{display:block;color:var(--muted);font-size:14px}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;margin-top:14px}.copy-field textarea{min-height:112px}.link-grid{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.link-grid a{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:8px 12px;text-decoration:none;background:var(--bg);font-weight:600;font-size:14px}.settings-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}.account-change-box{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--bg)}.account-change-box h3{font-weight:600}.subscription-note{line-height:1.55}.public-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-image-grid figure{margin:0}.public-image-grid figcaption{margin-top:8px;color:var(--muted);font-size:14px}.landing-visuals h2{margin-bottom:16px}.badge.failed_to_submit,.badge.failed-to-submit{background:#fee2e2;color:#991b1b}
@media(max-width:900px){.sidebar{width:100%;height:auto;position:relative}.sidebar.is-collapsed{width:100%}.sidebar.is-collapsed .nav-label{display:inline}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.sidebar.is-collapsed nav a{justify-content:flex-start}.howto-visual-grid,.ai-choice-grid,.settings-account-grid,.public-image-grid{grid-template-columns:1fr}.copy-field{grid-template-columns:1fr}}

/* v12.12 fixes */
.page-howto .howto-visual-grid{display:none!important}
.page-howto .page-title-block h1,.page-howto .howto-hero h2,.page-howto .howto-accordion summary,.page-howto .howto-grid b{font-weight:400!important;text-shadow:none!important}
.page-howto .howto-accordion summary{font-size:16px!important;letter-spacing:0!important}
.page-howto .howto-accordion-body b,.page-howto .howto-intro b{font-weight:500!important;text-shadow:none!important}
.people-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.people-visual-grid img{aspect-ratio:16/10;object-fit:cover}
.sidebar.is-collapsed{width:82px}
.sidebar.is-collapsed .nav-label{display:none!important}
.sidebar.is-collapsed nav a{justify-content:center}
.sidebar:not(.is-collapsed){width:250px}
.sidebar:not(.is-collapsed) .nav-label{display:inline!important}
@media(max-width:900px){.people-visual-grid{grid-template-columns:1fr!important}}

.frontpage-visuals{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.frontpage-visuals figure{margin:0}.frontpage-visuals img{width:100%;height:auto;border:1px solid var(--line);border-radius:18px;display:block;box-shadow:0 10px 32px rgba(15,23,42,.12)}.frontpage-visuals figcaption{margin-top:10px;color:var(--muted);font-size:14px}.hero-panel.hero-images{padding:0;border:none;background:transparent;box-shadow:none}.theme-dark .hero-panel.hero-images{background:transparent}.landing-visuals{padding-top:8px}.landing-visuals h2{margin-bottom:16px}.landing-visuals p.section-lead{margin-top:0;color:var(--muted)}@media(max-width:900px){.frontpage-visuals{grid-template-columns:1fr}}

.sidebar-toggle-disabled{display:inline-flex;align-items:center;justify-content:center;opacity:.35;cursor:default;pointer-events:none}.page-meta_templates .sidebar,.page-meta_templates .sidebar.is-collapsed{width:250px!important}.page-meta_templates .sidebar .nav-label,.page-meta_templates .sidebar.is-collapsed .nav-label{display:inline!important}.page-meta_templates .sidebar nav a,.page-meta_templates .sidebar.is-collapsed nav a{justify-content:flex-start!important;padding:11px 12px!important}.page-meta_templates .sidebar .sidebar-top,.page-meta_templates .sidebar.is-collapsed .sidebar-top{display:flex!important;justify-content:space-between!important}.page-meta_templates .sidebar .brand-with-logo img,.page-meta_templates .sidebar.is-collapsed .brand-with-logo img{width:auto!important;height:auto!important}.hero-panel.hero-images .hero-people-image{width:100%;height:auto;border-radius:22px;border:1px solid var(--line);box-shadow:0 18px 42px rgba(15,23,42,.14);display:block}.landing-visuals{display:none!important}

/* v12.16 hard fix: sidebar is permanently expanded to avoid collapse bugs */
.sidebar{width:250px!important}.sidebar .nav-label{display:inline!important}.sidebar nav a{justify-content:flex-start!important;padding:11px 12px!important}.sidebar-top{display:flex!important;justify-content:flex-start!important}.sidebar-toggle,.sidebar-toggle-disabled{display:none!important}.sidebar.is-collapsed,.page-meta_templates .sidebar,.page-meta_templates .sidebar.is-collapsed{width:250px!important}.sidebar.is-collapsed .nav-label,.page-meta_templates .sidebar .nav-label,.page-meta_templates .sidebar.is-collapsed .nav-label{display:inline!important}.sidebar.is-collapsed nav a,.page-meta_templates .sidebar nav a,.page-meta_templates .sidebar.is-collapsed nav a{justify-content:flex-start!important;padding:11px 12px!important}.sidebar.is-collapsed .sidebar-top,.page-meta_templates .sidebar .sidebar-top,.page-meta_templates .sidebar.is-collapsed .sidebar-top{display:flex!important;justify-content:flex-start!important}.sidebar.is-collapsed .brand-with-logo img,.page-meta_templates .sidebar .brand-with-logo img,.page-meta_templates .sidebar.is-collapsed .brand-with-logo img{width:auto!important;height:auto!important}@media(max-width:900px){.sidebar{width:100%!important}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}}

/* v12.17 cache-busted sidebar hard fix */
.sidebar{width:250px!important;min-width:250px!important;max-width:250px!important;flex:0 0 250px!important;overflow:visible!important}.layout{grid-template-columns:250px minmax(0,1fr)!important}.sidebar *{box-sizing:border-box}.sidebar-top{display:none!important}.sidebar nav{display:flex!important;flex-direction:column!important;gap:8px!important}.sidebar nav a{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;white-space:nowrap!important}.sidebar .nav-label{display:inline!important;opacity:1!important;visibility:visible!important;max-width:none!important}.sidebar .nav-icon{display:inline-flex!important}.sidebar,.sidebar.is-collapsed,.page-meta_templates .sidebar,.page-meta_templates .sidebar.is-collapsed{width:250px!important;min-width:250px!important;max-width:250px!important}.sidebar.is-collapsed .nav-label,.page-meta_templates .sidebar .nav-label,.page-meta_templates .sidebar.is-collapsed .nav-label{display:inline!important}.sidebar.is-collapsed nav a,.page-meta_templates .sidebar nav a,.page-meta_templates .sidebar.is-collapsed nav a{justify-content:flex-start!important;padding:11px 12px!important}.sidebar-toggle,.sidebar-toggle-disabled,[data-sidebar-toggle]{display:none!important}@media(max-width:900px){.layout{grid-template-columns:1fr!important}.sidebar{width:100%!important;min-width:0!important;max-width:none!important;flex:auto!important}.sidebar nav{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}}

/* v12.18 compact fixed sidebar + no unnecessary horizontal overflow */
:root{--member-sidebar-width:210px}
.sidebar{
  width:var(--member-sidebar-width)!important;
  min-width:var(--member-sidebar-width)!important;
  max-width:var(--member-sidebar-width)!important;
  flex:0 0 var(--member-sidebar-width)!important;
  padding:14px 10px!important;
  overflow:visible!important;
}
.sidebar-top{display:none!important;margin:0!important;padding:0!important;height:0!important}
.sidebar nav{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  margin:0!important;
  padding:0!important;
}
.sidebar nav a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  white-space:nowrap!important;
  min-height:38px!important;
  padding:8px 10px!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:15px!important;
  line-height:1.15!important;
}
.sidebar .nav-icon{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
}
.sidebar .nav-icon svg{
  width:20px!important;
  height:20px!important;
}
.sidebar .nav-label{
  display:inline!important;
  opacity:1!important;
  visibility:visible!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.sidebar,
.sidebar.is-collapsed,
.page-meta_templates .sidebar,
.page-meta_templates .sidebar.is-collapsed{
  width:var(--member-sidebar-width)!important;
  min-width:var(--member-sidebar-width)!important;
  max-width:var(--member-sidebar-width)!important;
  flex:0 0 var(--member-sidebar-width)!important;
}
.sidebar.is-collapsed .nav-label,
.page-meta_templates .sidebar .nav-label,
.page-meta_templates .sidebar.is-collapsed .nav-label{
  display:inline!important;
}
.sidebar.is-collapsed nav a,
.page-meta_templates .sidebar nav a,
.page-meta_templates .sidebar.is-collapsed nav a{
  justify-content:flex-start!important;
  padding:8px 10px!important;
}
.main{
  min-width:0!important;
  max-width:none!important;
  overflow-x:hidden!important;
}
.layout{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.card,.alert,.table-toolbar,.sync-template-form{
  max-width:100%!important;
}
.table-wrap{
  max-width:100%!important;
  overflow:auto!important;
}
@media(max-height:760px){
  .sidebar nav a{min-height:34px!important;padding:7px 9px!important;font-size:14px!important}
  .sidebar nav{gap:1px!important}
}
@media(max-width:900px){
  .sidebar{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:auto!important;
    padding:12px!important;
  }
  .sidebar nav{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:6px!important;
  }
  .main{overflow-x:hidden!important}
}

/* v12.19 docked sidebar and independent scrolling layout */
html, body{
  min-height:100%;
}
body:has(.layout){
  height:100vh!important;
  overflow:hidden!important;
}
.layout{
  height:100vh!important;
  min-height:100vh!important;
  overflow:hidden!important;
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
}
.sidebar{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  width:230px!important;
  min-width:230px!important;
  max-width:230px!important;
  flex:0 0 230px!important;
  padding:14px 10px!important;
  scrollbar-width:thin;
}
.sidebar::-webkit-scrollbar{width:7px}
.sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:999px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar-top{
  display:none!important;
  margin:0!important;
  padding:0!important;
  height:0!important;
}
.sidebar nav{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  margin:0!important;
  padding:0 0 14px 0!important;
}
.sidebar nav a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  white-space:nowrap!important;
  min-height:44px!important;
  padding:9px 11px!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
.sidebar nav a.active{
  font-weight:650!important;
}
.sidebar .nav-icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
}
.sidebar .nav-icon svg{
  width:22px!important;
  height:22px!important;
}
.sidebar .nav-label{
  display:inline!important;
  opacity:1!important;
  visibility:visible!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.sidebar,
.sidebar.is-collapsed,
.page-meta_templates .sidebar,
.page-meta_templates .sidebar.is-collapsed{
  width:230px!important;
  min-width:230px!important;
  max-width:230px!important;
  flex:0 0 230px!important;
}
.sidebar.is-collapsed .nav-label,
.page-meta_templates .sidebar .nav-label,
.page-meta_templates .sidebar.is-collapsed .nav-label{
  display:inline!important;
}
.sidebar.is-collapsed nav a,
.page-meta_templates .sidebar nav a,
.page-meta_templates .sidebar.is-collapsed nav a{
  justify-content:flex-start!important;
  padding:9px 11px!important;
}
.main{
  height:100vh!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-width:0!important;
  flex:1 1 auto!important;
  max-width:none!important;
  padding:26px 28px!important;
  scrollbar-width:thin;
}
.main::-webkit-scrollbar{width:9px}
.main::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:999px}
.main::-webkit-scrollbar-track{background:transparent}
.card,.alert,.table-toolbar,.sync-template-form{
  max-width:100%!important;
}
.table-wrap{
  max-width:100%!important;
  overflow:auto!important;
}
@media(max-height:760px){
  .sidebar nav{gap:2px!important}
  .sidebar nav a{
    min-height:39px!important;
    padding:7px 10px!important;
    font-size:16px!important;
  }
  .sidebar .nav-icon,
  .sidebar .nav-icon svg{
    width:20px!important;
    height:20px!important;
    flex-basis:20px!important;
  }
}
@media(max-width:900px){
  body:has(.layout){
    height:auto!important;
    overflow:auto!important;
  }
  .layout{
    display:block!important;
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
  }
  .sidebar{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    flex:auto!important;
    padding:12px!important;
  }
  .sidebar nav{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:6px!important;
  }
  .main{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:16px!important;
  }
}

/* v12.20 Messages inbox, sidebar badge, and WA-FUP brand */
.sidebar-brand-mini{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:6px 10px 12px!important;
  margin:0 0 8px!important;
  text-decoration:none!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.sidebar-brand-mini img{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:block!important;
  flex:0 0 38px!important;
}
.sidebar-brand-mini span{
  display:inline!important;
}
.sidebar nav a{
  position:relative!important;
}
.nav-badge{
  margin-left:auto!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
}
.message-stats-grid{
  margin-bottom:16px!important;
}
.messages-layout{
  display:grid!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.conversations-card,
.conversation-panel{
  min-height:620px!important;
}
.message-search-form{
  margin:10px 0 14px!important;
}
.conversation-list{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  max-height:calc(100vh - 330px)!important;
  overflow:auto!important;
  padding-right:4px!important;
}
.conversation-item{
  position:relative!important;
  display:block!important;
  padding:12px 14px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  color:var(--text)!important;
  background:var(--bg)!important;
  text-decoration:none!important;
}
.conversation-item.active{
  border-color:var(--primary)!important;
  background:rgba(34,197,94,.08)!important;
}
.conversation-name{
  display:block!important;
  font-weight:700!important;
  padding-right:36px!important;
}
.conversation-phone,
.conversation-preview,
.conversation-time{
  display:block!important;
  color:var(--muted)!important;
  font-size:13px!important;
  line-height:1.35!important;
  margin-top:3px!important;
}
.conversation-badge{
  position:absolute!important;
  right:12px!important;
  top:12px!important;
  min-width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:800!important;
}
.empty-state{
  border:1px dashed var(--line)!important;
  border-radius:12px!important;
  padding:18px!important;
  color:var(--muted)!important;
}
.conversation-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid var(--line)!important;
  padding-bottom:14px!important;
  margin-bottom:14px!important;
}
.conversation-window{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  max-height:calc(100vh - 430px)!important;
  overflow:auto!important;
  padding:4px 4px 12px!important;
}
.chat-row{
  display:flex!important;
}
.chat-row.incoming{
  justify-content:flex-start!important;
}
.chat-row.outgoing{
  justify-content:flex-end!important;
}
.chat-bubble{
  max-width:min(720px,78%)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  padding:10px 12px!important;
  background:var(--bg)!important;
}
.chat-row.outgoing .chat-bubble{
  background:rgba(34,197,94,.12)!important;
  border-color:rgba(34,197,94,.35)!important;
}
.chat-body{
  line-height:1.45!important;
}
.chat-meta{
  margin-top:6px!important;
  font-size:12px!important;
  color:var(--muted)!important;
}
.reply-box{
  border-top:1px solid var(--line)!important;
  padding-top:14px!important;
  margin-top:12px!important;
}
@media(max-width:1100px){
  .messages-layout{grid-template-columns:1fr!important}
  .conversations-card,.conversation-panel{min-height:auto!important}
  .conversation-list,.conversation-window{max-height:none!important}
}


/* v12.21 dashboard brand refresh */
.brand-logo-switch{display:inline-flex;align-items:center}
.brand-logo-switch .brand-logo{display:block;height:auto;max-width:100%}
.brand-logo-switch .brand-logo-dark{display:none}
.theme-dark .brand-logo-switch .brand-logo-light{display:none}
.theme-dark .brand-logo-switch .brand-logo-dark{display:block}
.sidebar-brand-full{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:4px 6px 14px!important;margin:0 0 8px!important;text-decoration:none!important;color:#fff!important;max-width:100%}
.sidebar-brand-full .brand-logo{width:100%;max-width:208px;max-height:48px;object-fit:contain}
.sidebar-brand-full span{display:none!important}
@media(max-width:900px){.sidebar-brand-full .brand-logo{max-width:180px}}


/* v12.22 logo visibility and public theme toggle */
.public-brand-full{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important}
.public-brand-full .brand-logo{display:block!important;height:auto!important}
.public-brand-full .brand-logo-light{width:min(100%, 500px)!important}
.public-brand-full .brand-logo-dark{width:min(100%, 500px)!important;display:none!important}
.theme-dark .public-brand-full .brand-logo-light{display:none!important}
.theme-dark .public-brand-full .brand-logo-dark{display:block!important}
.public-brand-logo>span{display:inline-flex!important}
.public-nav .public-brand-full{max-width:560px!important;flex:1 1 auto}
.public-nav .public-brand-full .brand-logo{max-height:70px!important;object-fit:contain!important}
.public-nav nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.theme-toggle{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-height:42px;box-shadow:none}
.theme-toggle:hover{border-color:var(--primary)}
.theme-toggle .theme-toggle-icon{font-size:15px;letter-spacing:.02em}
.sidebar-brand-full{display:flex!important;align-items:center!important;justify-content:flex-start!important;max-width:100%!important;padding:6px 4px 16px!important}
.sidebar-brand-full .brand-logo{display:block!important;height:auto!important;max-width:210px!important;max-height:48px!important;object-fit:contain!important}
.sidebar-brand-full .brand-logo-dark{display:none!important}
.theme-dark .sidebar-brand-full .brand-logo-light{display:none!important}
.theme-dark .sidebar-brand-full .brand-logo-dark{display:block!important}
/* keep old generic span rule from hiding the logo wrapper if any cache/markup remains */
.sidebar-brand-full > span.brand-logo-switch{display:inline-flex!important}
.public-footer-stacked{padding-bottom:30px!important}
@media(max-width:900px){
  .public-nav .public-brand-full{max-width:340px!important}
  .public-nav nav{justify-content:flex-start}
  .theme-toggle{padding:9px 12px;min-height:40px}
}


/* v12.23 logo and theme toggle refinements */
.public-brand-full{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:1 1 auto;max-width:520px!important;min-width:240px}
.public-brand-full .brand-logo{display:block!important;width:100%!important;max-width:300px!important;height:auto!important;max-height:72px!important;object-fit:contain!important}
.sidebar-brand-full{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:10px 10px 18px!important;margin:0 0 4px!important;max-width:100%!important}
.sidebar-brand-full .brand-logo{display:block!important;width:100%!important;max-width:248px!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
.theme-toggle{position:relative;border:none;background:transparent;padding:0;box-shadow:none;min-height:auto}
.theme-toggle-track{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:68px;height:36px;padding:0 10px;border-radius:999px;background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #cbd5e1;box-shadow:inset 0 1px 2px rgba(15,23,42,.06), 0 2px 6px rgba(15,23,42,.08)}
.theme-toggle-sun,.theme-toggle-moon{font-size:15px;line-height:1;position:relative;z-index:1;user-select:none}
.theme-toggle-sun{color:#f59e0b}
.theme-toggle-moon{color:#64748b}
.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:999px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.18);transition:left .2s ease, background .2s ease, transform .2s ease}
.theme-dark .theme-toggle-track{background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);border-color:#334155}
.theme-dark .theme-toggle-thumb{left:37px;background:#e2e8f0}
.theme-dark .theme-toggle-sun{color:#94a3b8}
.theme-dark .theme-toggle-moon{color:#f8fafc}
.public-nav nav{gap:16px!important}
.page-messages .page-title + .howto-intro{display:none!important}
@media(max-width:900px){
  .public-brand-full{max-width:360px!important;min-width:0}
  .public-brand-full .brand-logo{max-width:240px!important;max-height:60px!important}
  .sidebar-brand-full .brand-logo{max-width:220px!important;max-height:54px!important}
}


/* v12.24 dashboard analytics, alerts, and logo refinements */
body.theme-dark .alert,
body.theme-dark .alert.success,
body.theme-dark .alert.warning,
body.theme-dark .alert.info,
body.theme-dark .alert.error,
.theme-dark .alert,
.theme-dark .alert.success,
.theme-dark .alert.warning,
.theme-dark .alert.info,
.theme-dark .alert.error{
  color:#111827!important;
}
body.theme-dark .alert{background:#e0f2fe!important;border-color:#7dd3fc!important}
body.theme-dark .alert.success{background:#dcfce7!important;border-color:#4ade80!important}
body.theme-dark .alert.warning{background:#fef3c7!important;border-color:#f59e0b!important}
body.theme-dark .alert.error{background:#fee2e2!important;border-color:#f87171!important}
.sidebar{padding:12px 14px 18px!important}
.sidebar-brand-full{padding:8px 4px 16px!important;margin:0 0 6px!important}
.sidebar-brand-full .brand-logo{width:100%!important;max-width:100%!important;max-height:72px!important;height:auto!important;object-fit:contain!important;image-rendering:auto}
.analytics-card{padding:18px 18px 14px!important}
.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px;flex-wrap:wrap}
.chart-legend{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:6px 0 12px;color:var(--muted);font-size:14px}
.chart-legend span{display:inline-flex;align-items:center;gap:8px}
.legend-swatch{display:inline-block;width:12px;height:12px;border-radius:999px}.legend-swatch.sent{background:#22c55e}.legend-swatch.replied{background:#38bdf8}.legend-swatch.stopped{background:#f97316}
.dashboard-chart-wrap{width:100%;overflow-x:auto}
.dashboard-chart{display:block;width:100%;min-width:760px;height:auto;background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));border-radius:14px}
.chart-grid-line{stroke:var(--line);stroke-width:1}.chart-axis-line{stroke:#64748b;stroke-width:1.2}.chart-axis-label{fill:var(--muted);font-size:12px}
.dashboard-stats-six{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.dashboard-stats-six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dashboard-stats-six{grid-template-columns:1fr}.analytics-header .btn{width:100%}.sidebar-brand-full .brand-logo{max-height:64px!important}}

/* v12.25 logo, toggle, and clickable stat refinements */
.public-brand-full .brand-logo,
.sidebar-brand-full .brand-logo{
  image-rendering:auto !important;
  -ms-interpolation-mode:bicubic;
}
.public-brand-full{max-width:620px!important;min-width:280px!important}
.public-nav .public-brand-full .brand-logo{max-width:520px!important;max-height:86px!important;width:100%!important;height:auto!important}
.sidebar-brand-full{padding:10px 4px 20px!important}
.sidebar-brand-full .brand-logo{max-width:100%!important;max-height:88px!important;width:100%!important;height:auto!important}
@media(max-width:900px){
  .public-brand-full{max-width:380px!important;min-width:0!important}
  .public-nav .public-brand-full .brand-logo{max-width:300px!important;max-height:66px!important}
  .sidebar-brand-full .brand-logo{max-height:72px!important}
}

.theme-toggle{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  width:86px!important;height:42px!important;padding:0!important;border-radius:999px!important;cursor:pointer!important;
  border:1px solid #334155!important;background:linear-gradient(180deg,#eef2ff 0%,#dbeafe 100%)!important;overflow:hidden!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.06), 0 4px 10px rgba(15,23,42,.08)!important;
}
.theme-dark .theme-toggle{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%)!important;border-color:#475569!important}
.theme-toggle-track{position:relative!important;display:block!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important}
.theme-toggle-sun,.theme-toggle-moon{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;font-size:15px!important;line-height:1!important;z-index:1!important;pointer-events:none!important}
.theme-toggle-sun{left:12px!important;color:#f59e0b!important}
.theme-toggle-moon{right:12px!important;color:#cbd5e1!important}
.theme-toggle-thumb{
  position:absolute!important;top:4px!important;left:4px!important;width:32px!important;height:32px!important;border-radius:999px!important;
  background:#ffffff!important;box-shadow:0 3px 10px rgba(15,23,42,.22)!important;transition:transform .24s ease, background .24s ease, left .24s ease!important;
}
.theme-toggle[data-theme-state="dark"] .theme-toggle-thumb{transform:translateX(44px)!important;background:#f8fafc!important}
.theme-toggle:focus-visible{outline:2px solid #22c55e!important;outline-offset:2px!important}
.theme-toggle:hover{filter:brightness(1.02)}

.stat-link,.stat-link:visited{display:block;text-decoration:none!important;color:inherit!important}
.stat-link:hover,.stat-link:active,.stat-link:focus{color:inherit!important;text-decoration:none!important}
.stat-link .stat{height:100%;transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease}
.stat-link:hover .stat,.stat-link:focus .stat{border-color:#86efac;box-shadow:0 10px 20px rgba(34,197,94,.08);transform:translateY(-1px)}
.theme-dark .stat-link:hover .stat,.theme-dark .stat-link:focus .stat{border-color:#22c55e;box-shadow:0 10px 20px rgba(0,0,0,.18)}

.feature-showcase-media img{background:#fff;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 16px 36px rgba(15,23,42,.08)}


/* v12.26 landing/logo refinements */
.public-nav{max-width:1180px;width:100%}
.public-brand-full{max-width:300px!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.public-nav .public-brand-full .brand-logo{max-width:225px!important;max-height:56px!important;width:100%!important;height:auto!important;object-fit:contain!important}
.sidebar-brand-full .brand-logo{max-width:235px!important;max-height:62px!important;width:100%!important;height:auto!important;object-fit:contain!important}
.feature-showcase-section{display:flex;flex-direction:column;gap:26px}
.section-head{margin-bottom:4px}
.section-head h2{margin-bottom:8px}
.section-lead{margin-top:0;color:var(--muted);max-width:820px}
.feature-showcase{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:26px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;overflow:hidden;box-shadow:0 14px 30px rgba(15,23,42,.05)}
.feature-showcase.reverse{grid-template-columns:minmax(320px,.98fr) minmax(0,1.02fr)}
.feature-showcase.reverse .feature-showcase-media{order:2}
.feature-showcase.reverse .feature-showcase-copy{order:1}
.feature-showcase-media{min-width:0;max-width:100%}
.feature-showcase-media img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;background:#fff;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 16px 36px rgba(15,23,42,.08)}
.feature-showcase-copy{min-width:0}
.feature-showcase-copy h3{margin:10px 0 10px;font-size:30px;line-height:1.15}
.feature-showcase-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.feature-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:#dcfce7;color:#166534;font-size:13px;font-weight:800}
.theme-dark .feature-showcase{box-shadow:0 18px 36px rgba(0,0,0,.16)}
.theme-dark .feature-tag{background:#14532d;color:#bbf7d0}
@media(max-width:980px){
  .feature-showcase,.feature-showcase.reverse{grid-template-columns:1fr}
  .feature-showcase.reverse .feature-showcase-media,.feature-showcase.reverse .feature-showcase-copy{order:initial}
  .public-nav .public-brand-full .brand-logo{max-width:210px!important;max-height:52px!important}
}
@media(max-width:700px){
  .public-brand-full{max-width:230px!important}
  .public-nav .public-brand-full .brand-logo{max-width:185px!important;max-height:48px!important}
  .feature-showcase{padding:18px}
  .feature-showcase-copy h3{font-size:24px}
}


/* v12.27 logo, toggle, and compact action refinements */
.public-nav{align-items:center!important}
.public-brand-full{max-width:250px!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.public-nav .public-brand-full .brand-logo{display:block!important;width:180px!important;max-width:180px!important;height:auto!important;max-height:40px!important;object-fit:contain!important}
.sidebar-brand-full{padding:6px 0 14px!important;margin:0 0 8px!important}
.sidebar-brand-full .brand-logo{display:block!important;width:205px!important;max-width:205px!important;height:auto!important;max-height:46px!important;object-fit:contain!important}
.theme-toggle{width:50px!important;height:28px!important;border-radius:999px!important;border:1px solid #94a3b8!important;background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%)!important;box-shadow:0 2px 6px rgba(15,23,42,.10)!important;position:relative!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important}
.theme-dark .theme-toggle{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%)!important;border-color:#475569!important}
.theme-toggle-track{position:relative!important;display:block!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important}
.theme-toggle-sun,.theme-toggle-moon{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;font-size:12px!important;line-height:1!important;z-index:1!important;pointer-events:none!important}
.theme-toggle-sun{left:9px!important;color:#f59e0b!important}
.theme-toggle-moon{right:9px!important;color:#94a3b8!important}
.theme-dark .theme-toggle-moon{color:#f8fafc!important}
.theme-toggle-thumb{position:absolute!important;top:2px!important;left:2px!important;width:22px!important;height:22px!important;border-radius:999px!important;background:#ffffff!important;box-shadow:0 2px 6px rgba(15,23,42,.18)!important;transition:transform .22s ease, background .22s ease!important}
.theme-toggle[data-theme-state="dark"] .theme-toggle-thumb{transform:translateX(22px)!important;background:#f8fafc!important}
.theme-toggle:focus-visible{outline:2px solid #22c55e!important;outline-offset:2px!important}
.theme-toggle:hover{filter:brightness(1.02)}
.hero-copy .muted{display:none!important}
.actions.icon-actions{gap:6px!important;flex-wrap:nowrap!important}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;padding:0}
.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon-btn.edit{background:#475569;color:#fff}
.icon-btn.delete{background:#f87171;color:#fff}
.icon-btn.warn{background:#f59e0b;color:#fff}
.actions form{margin:0}
@media(max-width:900px){
  .public-brand-full{max-width:220px!important}
  .public-nav .public-brand-full .brand-logo{width:160px!important;max-width:160px!important;max-height:36px!important}
  .sidebar-brand-full .brand-logo{width:185px!important;max-width:185px!important;max-height:42px!important}
}


/* v12.30 EXTREME logo force override */
.public-nav{max-width:1280px!important;width:100%!important;padding:18px 28px!important;display:flex!important;align-items:center!important;gap:24px!important;}
.public-brand-full{flex:0 0 430px!important;width:430px!important;max-width:430px!important;min-width:430px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;}
.public-nav .public-brand-full .brand-logo,.public-brand-full img.theme-aware-logo{display:block!important;width:420px!important;max-width:420px!important;min-width:420px!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:transparent!important;}
.public-nav nav{margin-left:auto!important;}
.sidebar-brand-full .brand-logo{display:block!important;width:220px!important;max-width:220px!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:transparent!important;}
.feature-showcase{overflow:hidden!important;max-width:100%!important;}
.feature-showcase-media{overflow:hidden!important;max-width:100%!important;}
.feature-showcase-media img{width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;background:#ffffff!important;border-radius:18px!important;}
@media(max-width:900px){.public-nav{padding:14px 16px!important}.public-brand-full{flex:0 0 280px!important;width:280px!important;max-width:280px!important;min-width:0!important}.public-nav .public-brand-full .brand-logo,.public-brand-full img.theme-aware-logo{width:270px!important;max-width:270px!important;min-width:0!important}}


/* v12.31 final logo sizing, settings gear, and stable theme toggle overrides */
.public-brand-full{flex:0 0 auto!important;min-width:0!important}
.public-nav .public-brand-full .brand-logo,
.public-brand-full img.theme-aware-logo{
  display:block!important;
  width:294px!important;
  max-width:294px!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
}
.sidebar-brand-full .brand-logo{
  display:block!important;
  width:209px!important;
  max-width:209px!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
}
.sidebar-brand-full{display:inline-flex!important;max-width:209px!important;margin:0 0 18px 0!important}
@media(max-width:900px){
  .public-nav .public-brand-full .brand-logo,
  .public-brand-full img.theme-aware-logo{width:220px!important;max-width:220px!important}
  .sidebar-brand-full .brand-logo{width:198px!important;max-width:198px!important}
}
.theme-toggle{
  width:42px!important;
  height:24px!important;
  min-height:24px!important;
  border-radius:999px!important;
  border:1px solid #94a3b8!important;
  background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%)!important;
  box-shadow:0 2px 6px rgba(15,23,42,.10)!important;
  position:relative!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.theme-dark .theme-toggle{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%)!important;border-color:#475569!important}
.theme-toggle-track{position:relative!important;display:block!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important}
.theme-toggle-sun,.theme-toggle-moon{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;font-size:10px!important;line-height:1!important;z-index:1!important;pointer-events:none!important}
.theme-toggle-sun{left:7px!important;color:#f59e0b!important}
.theme-toggle-moon{right:7px!important;color:#94a3b8!important}
.theme-dark .theme-toggle-moon{color:#f8fafc!important}
.theme-toggle-thumb{position:absolute!important;top:2px!important;left:2px!important;width:18px!important;height:18px!important;border-radius:999px!important;background:#ffffff!important;box-shadow:0 2px 5px rgba(15,23,42,.18)!important;transition:transform .22s ease, background .22s ease!important}
.theme-toggle[data-theme-state="dark"] .theme-toggle-thumb{transform:translateX(18px)!important;background:#f8fafc!important}
.nav-icon svg{stroke-width:1.85!important}
.nav-icon svg circle{vector-effect:non-scaling-stroke}


/* v12.32 emergency fixes */
.sidebar-brand-full{display:inline-flex!important;align-items:flex-start!important;justify-content:flex-start!important;padding:8px 0 16px!important;margin:0 0 8px 0!important;max-width:236px!important;width:236px!important}
.sidebar-brand-full .brand-logo{display:block!important;width:236px!important;max-width:236px!important;height:auto!important;max-height:54px!important;object-fit:contain!important;background:transparent!important}
@media(max-width:900px){.sidebar-brand-full,.sidebar-brand-full .brand-logo{width:210px!important;max-width:210px!important;max-height:48px!important}}

.public-nav .public-brand-full .brand-logo,
.public-brand-full img.theme-aware-logo{display:block!important;width:294px!important;max-width:294px!important;min-width:294px!important;height:auto!important;object-fit:contain!important;background:transparent!important}
@media(max-width:900px){.public-nav .public-brand-full .brand-logo,.public-brand-full img.theme-aware-logo{width:220px!important;max-width:220px!important;min-width:220px!important}}

.nav-icon svg{width:20px!important;height:20px!important;stroke-width:1.8!important;fill:none!important;stroke:currentColor!important}
.nav-icon svg circle{fill:none!important;stroke:currentColor!important}

.theme-toggle{width:50px!important;height:28px!important;min-height:28px!important;border-radius:999px!important;border:1px solid #94a3b8!important;background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%)!important;box-shadow:0 2px 6px rgba(15,23,42,.10)!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.theme-dark .theme-toggle{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%)!important;border-color:#475569!important}
.theme-toggle-track{position:relative!important;display:block!important;width:100%!important;height:100%!important}
.theme-toggle-sun,.theme-toggle-moon{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;font-size:12px!important;line-height:1!important;pointer-events:none!important}
.theme-toggle-sun{left:9px!important;color:#f59e0b!important}
.theme-toggle-moon{right:9px!important;color:#94a3b8!important}
.theme-dark .theme-toggle-moon{color:#f8fafc!important}
.theme-toggle-thumb{position:absolute!important;top:2px!important;left:2px!important;width:22px!important;height:22px!important;border-radius:999px!important;background:#fff!important;box-shadow:0 2px 6px rgba(15,23,42,.18)!important;transition:transform .22s ease!important}
.theme-toggle[data-theme-state="dark"] .theme-toggle-thumb{transform:translateX(22px)!important}


/* v12.33 hardest fix: force dashboard logo to fill sidebar width */
.sidebar{padding:12px 10px 18px!important}
.sidebar-brand-full{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 14px 0!important;
  padding:6px 4px 12px 4px!important;
}
.sidebar-brand-full .brand-logo{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}
@media(max-width:900px){
  .sidebar-brand-full{padding:8px 4px 12px 4px!important}
  .sidebar-brand-full .brand-logo{width:100%!important;max-width:none!important}
}

/* v12.35 interactions and contact groups */
.page-howto .howto-accordion summary{font-weight:500!important}
.chart-series{cursor:pointer;transition:opacity .18s ease}
.chart-series polyline,.chart-series circle{transition:all .18s ease}
.chart-series:hover polyline,.chart-series:focus polyline{stroke-width:6}
.chart-series:hover circle,.chart-series:focus circle{r:6}
.chart-series:focus{outline:none}
.chart-series:focus polyline{filter:drop-shadow(0 0 4px rgba(15,23,42,.18))}


/* v12.37 public pages only: smooth anchor scrolling; dashboard remains normal */
.public-html{scroll-behavior:smooth;}

/* v12.38 opt-in links, public width, and dashboard footer */
.icon-btn.copy{position:relative;background:#0ea5e9;color:#fff;border:0}
.icon-btn.copy .copy-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#111827;color:#fff;padding:5px 8px;border-radius:8px;font-size:12px;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease, transform .18s ease;z-index:20}
.icon-btn.copy.copied .copy-tooltip{opacity:1;transform:translateX(-50%) translateY(-2px)}
.public-optin-form{max-width:480px;margin-top:18px}
.public-page main{max-width:1180px;margin:0 auto;width:100%}
.public-page .hero-section,.public-page .public-section{max-width:1180px;width:100%}
.public-page .policy-page{max-width:980px;width:calc(100% - 32px);margin:32px auto}
.public-page .pricing-public-section{max-width:980px!important;width:calc(100% - 32px);margin-left:auto!important;margin-right:auto!important}
.auth-page{max-width:1180px;margin:0 auto;width:100%;min-height:auto!important}
.auth-page .login-wrap{max-width:430px!important;width:min(430px,calc(100vw - 32px))!important}
.public-footer{max-width:1180px;width:100%}
.app-main-footer{margin:36px 0 0;background:#071227;color:#dbeafe;border-radius:18px;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.app-main-footer strong{display:block;color:#fff;margin-bottom:4px}.app-main-footer span{color:#94a3b8}.app-main-footer nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.app-main-footer a{color:#dbeafe;text-decoration:none;font-weight:700}.app-main-footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.app-main-footer{display:block}.app-main-footer nav{justify-content:flex-start;margin-top:14px}.public-page .policy-page,.public-page .pricing-public-section{width:calc(100% - 24px)}}

/* v12.40 homepage update */
.workflow-list.workflow-list-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-cta-section{text-align:center;padding-top:18px;padding-bottom:18px}
.public-try-free-btn{display:inline-flex;align-items:center;justify-content:center;min-width:280px;font-size:20px!important;padding:18px 30px!important;border-radius:16px!important;box-shadow:0 18px 36px rgba(22,163,74,.26)}
.hero-panel.hero-images .hero-wafup-sleep-image,.hero-panel.hero-images .hero-people-image-large{object-fit:cover}
@media(max-width:900px){.workflow-list.workflow-list-three{grid-template-columns:1fr}.public-try-free-btn{width:100%;min-width:0}}

/* v12.41 public hero, CTA, and mobile menu refinements */
.public-menu-toggle{display:none;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:10px 12px;font-weight:800;align-items:center;gap:8px;cursor:pointer}
.public-menu-icon{font-size:20px;line-height:1}
.public-page main{max-width:1420px!important;margin:0 auto;width:100%}
.public-page .public-section{max-width:1180px!important;width:100%}
.public-page .hero-section.hero-section-large{max-width:1360px!important;width:100%!important;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr)!important;gap:46px!important;align-items:center!important}
.hero-section.hero-section-large .hero-panel.hero-images{width:100%!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.hero-section.hero-section-large .hero-panel.hero-images figure{width:100%!important;margin:0!important}
.hero-section.hero-section-large .hero-panel.hero-images .hero-people-image-large{width:100%!important;max-width:none!important;min-height:360px!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important}
.public-try-free-btn{min-width:560px!important;font-size:24px!important;font-weight:900!important;padding:24px 44px!important;border-radius:18px!important}
@media(max-width:1100px){
  .public-page .hero-section.hero-section-large{grid-template-columns:1fr!important;gap:26px!important;max-width:980px!important}
  .hero-section.hero-section-large .hero-panel.hero-images .hero-people-image-large{min-height:300px!important}
}
@media(max-width:900px){
  .public-nav.public-nav-wide{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;padding:14px 16px!important;width:100%!important}
  .public-nav .public-brand-full{flex:1 1 auto!important;width:auto!important;max-width:calc(100% - 92px)!important;min-width:0!important}
  .public-nav .public-brand-full .brand-logo,.public-brand-full img.theme-aware-logo{width:220px!important;max-width:100%!important;min-width:0!important;height:auto!important}
  .public-menu-toggle{display:inline-flex!important}
  .public-nav nav.public-menu,.public-nav nav{display:none!important;width:100%!important;margin:10px 0 0!important;padding:14px!important;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 16px 36px rgba(15,23,42,.12)!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important}
  .public-nav.nav-open nav.public-menu,.public-nav.nav-open nav{display:flex!important}
  .public-nav nav a,.public-nav nav .btn{width:100%!important;justify-content:center!important;text-align:center!important;padding:13px 14px!important;border-radius:12px!important}
  .public-nav nav .theme-toggle{align-self:flex-end!important;margin-bottom:8px!important;width:50px!important;min-width:50px!important}
  .public-page .hero-section.hero-section-large{padding:22px 16px!important;margin-top:18px!important}
  .hero-section.hero-section-large .hero-panel.hero-images .hero-people-image-large{min-height:240px!important;border-radius:18px!important}
  .public-try-free-btn{width:100%!important;min-width:0!important;font-size:20px!important;padding:20px 18px!important}
  .public-optin-form{max-width:100%!important}
}
@media(min-width:901px){.public-menu-toggle{display:none!important}.public-nav nav.public-menu,.public-nav nav{display:flex!important}}
@media(max-width:520px){
  .public-nav .public-brand-full .brand-logo,.public-brand-full img.theme-aware-logo{width:190px!important}
  .hero-copy h1{font-size:32px!important;line-height:1.12!important}
  .hero-copy p{font-size:16px!important}
  .hero-section.hero-section-large .hero-panel.hero-images .hero-people-image-large{min-height:210px!important}
}

/* v12.42 pricing, admin, image size, and mobile refinements */
.public-page .hero-section.hero-section-large{max-width:1420px!important;grid-template-columns:minmax(0,.82fr) minmax(680px,1.25fr)!important;gap:54px!important}
.hero-section.hero-section-large .hero-panel.hero-images .hero-people-image-large{min-height:460px!important;box-shadow:0 24px 70px rgba(0,0,0,.26)!important}
.old-price{text-decoration:line-through;text-decoration-thickness:3px;opacity:.62;margin-right:8px;font-size:.72em}
.old-price.second{opacity:.74;color:inherit}
.pricing-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.vip-sale-price{display:none}
.discount-active .vip-normal-price{display:none!important}
.discount-active .vip-sale-price{display:block!important;color:var(--text)!important}
.discount-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 28px;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,#052e16,#16a34a);color:#fff;box-shadow:0 22px 50px rgba(22,163,74,.28)}
.discount-banner[hidden]{display:none!important}
.discount-banner h2{margin:4px 0 6px;color:#fff;font-size:28px;line-height:1.1}
.discount-banner p{margin:0;color:#dcfce7;font-size:16px}
.discount-kicker{display:inline-flex;align-items:center;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:#bbf7d0}
.dashboard-discount-banner{margin-bottom:18px}.dashboard-discount-banner h2{font-size:22px}
.admin-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.mini-list{display:grid;gap:10px}.mini-list div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:8px}.mini-list div:last-child{border-bottom:0}.admin-reply-box summary{cursor:pointer;font-weight:800;color:#16a34a}.admin-reply-box textarea{width:260px;min-height:90px;margin:10px 0;display:block}.page-admin .table-wrap table td{vertical-align:top}
@media(max-width:1180px){.public-page .hero-section.hero-section-large{grid-template-columns:1fr!important;max-width:980px!important}.hero-section.hero-section-large .hero-panel.hero-images .hero-people-image-large{min-height:340px!important}.pricing-grid-three{grid-template-columns:1fr!important}.discount-banner{flex-direction:column;align-items:flex-start}.discount-banner .btn{width:100%;justify-content:center}}
@media(max-width:900px){.public-nav.public-nav-wide{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:12px!important;padding:14px 16px!important}.public-menu-toggle{display:inline-flex!important;flex:0 0 auto!important}.public-nav .public-brand-full{max-width:calc(100% - 92px)!important;flex:1 1 auto!important}.public-nav nav.public-menu{position:absolute!important;left:12px!important;right:12px!important;top:calc(100% + 8px)!important;width:auto!important;z-index:1000!important}.public-nav.nav-open nav.public-menu{display:flex!important}.public-nav nav.public-menu a,.public-nav nav.public-menu .btn{font-size:17px!important}.public-page .hero-section.hero-section-large{padding:22px 16px!important}.hero-section.hero-section-large .hero-panel.hero-images .hero-people-image-large{min-height:260px!important}.admin-location-grid{grid-template-columns:1fr}.admin-reply-box textarea{width:100%}}
@media(max-width:520px){.public-nav .public-brand-full .brand-logo,.public-brand-full img.theme-aware-logo{width:176px!important}.hero-section.hero-section-large .hero-panel.hero-images .hero-people-image-large{min-height:220px!important}.discount-banner h2{font-size:22px}.discount-banner p{font-size:14px}}

/* v12.44 dashboard footer, admin access, and contact group cleanup */
.layout{min-height:100vh!important}
.main{min-height:100vh!important;display:flex!important;flex-direction:column!important;max-width:none!important;width:100%!important}
.app-main-footer{margin-top:auto!important;margin-left:-28px!important;margin-right:-28px!important;margin-bottom:-28px!important;border-radius:0!important;padding-left:28px!important;padding-right:28px!important}
@media(max-width:900px){.app-main-footer{margin-left:-16px!important;margin-right:-16px!important;margin-bottom:-16px!important;padding-left:16px!important;padding-right:16px!important}}

/* v12.45 public contact and billing updates */
.contact-info-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:20px}
.contact-info-card{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:20px}
.public-contact-form .field{margin-bottom:14px}
.public-contact-form input,.public-contact-form textarea{width:100%}
.public-contact-form textarea{min-height:140px}
@media(max-width:760px){.contact-info-grid{grid-template-columns:1fr}.contact-info-card{padding:16px}}


/* v12.47 billing checkout updates */
.btn.danger{background:#dc2626;color:#fff;border-color:#dc2626}
.btn.danger:hover{background:#b91c1c;border-color:#b91c1c}
.btn.danger:disabled{opacity:.6;cursor:not-allowed}
.cancel-subscription-card{margin:18px 0}
.admin-settings-form .field input[type="checkbox"]{width:auto;margin-right:8px}
.page-subscription .coupon-preview,.coupon-preview{font-size:13px;color:var(--muted);margin-top:6px}
.pricing-card h2,.pricing-card .vip-sale-price,.pricing-card .vip-normal-price{color:var(--text)!important}
.theme-dark .pricing-card h2,.theme-dark .pricing-card .vip-sale-price,.theme-dark .pricing-card .vip-normal-price{color:#fff!important}

/* v12.47 subscription and account status layout */
.pricing-card.featured{
    border:2px solid #22c55e!important;
    box-shadow:0 0 0 1px rgba(34,197,94,.35),0 0 28px rgba(34,197,94,.30)!important;
}
.plan-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.plan-title-row .plan-label{margin-bottom:0}
.best-value-badge{display:inline-flex;align-items:center;border:1px solid #22c55e;color:#22c55e;background:transparent;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;line-height:1;text-transform:none;letter-spacing:0}
.plan-rate-note{margin:0 0 14px;font-size:14px;line-height:1.45}
.account-plan-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;flex-wrap:wrap}
.account-plan-status{margin:0;font-size:14px;line-height:1.5}
.inline-cancel-subscription-form{display:inline-flex;align-items:center;margin:0}
.settings-cancel-btn{appearance:none;background:transparent!important;border:0!important;color:#ef4444!important;padding:0!important;margin:0!important;box-shadow:none!important;font-size:14px!important;line-height:1.5!important;font-weight:700;cursor:pointer;text-decoration:none}
.settings-cancel-btn:hover{text-decoration:underline;background:transparent!important}
.settings-cancel-btn:disabled{opacity:.6;cursor:not-allowed;text-decoration:none}
.theme-dark .best-value-badge{color:#4ade80;border-color:#4ade80}
@media(max-width:640px){.account-plan-status-row{align-items:flex-start;flex-direction:column}.settings-cancel-btn{font-size:14px!important}}


/* v12.48 layout and workflow refinements */
.public-optin-shell{display:flex;justify-content:center}.public-optin-card{width:min(560px,100%);margin:0 auto;padding:6px 0}
.public-optin-card h1,.public-optin-card>.muted,.public-optin-card>.alert{max-width:100%}
.public-optin-card .public-optin-form{max-width:100%!important}
.conversations-card,.conversation-panel{min-height:680px!important}
.conversation-window{max-height:calc(100vh - 395px)!important}
.messages-pagination,.messages-history-pagination{margin-top:14px}
.queue-table-wrap table{min-width:1280px!important}
.queue-error-cell{min-width:360px!important;max-width:560px!important;white-space:normal!important;word-break:break-word!important;line-height:1.45!important}
.plan-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.best-value-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;border:1px solid #ef4444;color:#ef4444;font-size:13px;font-weight:800;white-space:nowrap}
.plan-rate-note{font-size:15px!important;line-height:1.55!important}
.pricing-card.featured{box-shadow:0 0 0 1px rgba(34,197,94,.16),0 0 24px rgba(34,197,94,.16)!important}
@media(max-width:1100px){.conversation-window{max-height:none!important}}

/* v12.49 template validation and media header updates */
.meta-template-table-wrap table{min-width:1500px!important}
.meta-template-body-col{min-width:420px!important;width:420px!important;max-width:560px!important;white-space:normal!important;line-height:1.45!important}
.meta-template-table-wrap td.meta-template-body-col{font-size:14px}


/* v12.51 tenant/privacy, support, attachments, and public frame refinements */
.public-optin-card{width:min(500px,calc(100vw - 32px))!important}
.public-page .policy-page{max-width:780px!important;width:min(780px,calc(100% - 32px))!important}
.policy-page.card{padding:28px!important}
.attach-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--bg);cursor:pointer;color:var(--muted)}
.attach-btn:hover{border-color:var(--primary);color:var(--primary)}
.attach-btn input{display:none!important}.attach-btn svg,.attachment-chip svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reply-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.attachment-chip{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--bg);font-size:13px}.wa-checks{display:inline-flex;margin-left:8px;font-weight:800;color:var(--muted);letter-spacing:-2px}.wa-checks.read{color:#22c55e}.wa-checks.delivered{color:#60a5fa}.support-thread-list{display:grid;gap:12px}.support-ticket-card{border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:14px}.support-ticket-card summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800}.ticket-meta{color:var(--muted);font-size:13px;margin:10px 0}.ticket-thread{display:grid;gap:10px;margin:12px 0}.ticket-bubble{max-width:min(720px,92%);border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:var(--card)}.ticket-bubble.admin{margin-left:auto;background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.30)}.ticket-bubble.user{margin-right:auto}.ticket-bubble p{margin:6px 0;white-space:pre-wrap}.ticket-bubble span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.ticket-reply-form textarea,.admin-reply-box textarea{width:100%;min-height:90px}.admin-ticket-thread{max-height:360px;overflow:auto;padding-right:4px}.admin-reply-box summary{cursor:pointer;color:var(--primary);font-weight:800}.admin-reply-box form{margin-top:10px}


/* v12.52 admin isolation, mobile menu, admin messages, and policy width updates */
.public-page .policy-page{max-width:900px!important;width:min(900px,calc(100% - 32px))!important}
.admin-location-refresh{margin:0 0 14px;display:flex;justify-content:flex-end}
.admin-messages-wrap table{min-width:980px!important}
.admin-message-reply-row td{background:rgba(15,23,42,.025)!important;padding-top:0!important}
.theme-dark .admin-message-reply-row td{background:rgba(255,255,255,.025)!important}
.admin-reply-box{display:block;width:100%}
.admin-reply-box summary{cursor:pointer;color:var(--primary);font-weight:800;margin:12px 0}
.admin-reply-box form{max-width:980px;margin-top:12px}
.admin-reply-box textarea{width:100%!important;min-height:160px!important;display:block!important;margin:12px 0!important;font-size:16px!important}
.admin-ticket-thread{max-height:430px;overflow:auto;padding-right:6px;max-width:980px}
.sidebar-mobile-top{display:block}
.app-mobile-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.18);background:#122033;color:#fff;border-radius:12px;padding:10px 12px;font:inherit;font-weight:800;cursor:pointer}
.app-mobile-menu-toggle span{font-size:20px;line-height:1}.app-mobile-menu-toggle b{font-size:14px}
@media(max-width:900px){
  .layout{display:block!important}
  .sidebar{position:sticky!important;top:0!important;z-index:1000!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:100vh!important;padding:12px 14px!important;overflow:visible!important}
  .sidebar-mobile-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
  .sidebar-brand-full{padding:0!important;margin:0!important;max-width:220px!important;flex:1 1 auto!important}
  .sidebar-brand-full .brand-logo{max-width:210px!important}
  .app-mobile-menu-toggle{display:inline-flex!important;flex:0 0 auto!important}
  .sidebar nav{display:none!important;grid-template-columns:1fr!important;margin-top:12px!important;max-height:calc(100vh - 92px)!important;overflow:auto!important;padding:8px 0!important;background:transparent!important}
  .sidebar.mobile-open nav{display:flex!important;flex-direction:column!important;gap:7px!important}
  .sidebar nav a{min-height:44px!important;font-size:16px!important;padding:10px 12px!important}
  .main{padding:16px!important}
  .admin-messages-wrap table{min-width:760px!important}
  .admin-reply-box form,.admin-ticket-thread{max-width:100%}
  .admin-reply-box textarea{min-height:170px!important}
}

/* v12.53 subscription, admin navigation, and mobile refinements */
.btn.is-disabled,.btn[aria-disabled="true"]{opacity:.55!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(.2)}
.terms-checkline{font-size:13px!important;line-height:1.45!important;color:var(--muted);margin:12px 0 14px!important;align-items:flex-start!important}
.terms-checkline input{margin-top:3px!important;width:auto!important;flex:0 0 auto!important}.public-plan-terms{margin-top:16px!important}.billing-external-fee-note{margin:18px 0 0!important;font-size:13px!important;line-height:1.55!important;max-width:1080px}.checkout-plan-form .field{margin-top:16px!important}.checkout-plan-form .btn{margin-top:4px!important}.public-page .policy-page{max-width:980px!important;width:min(980px,calc(100% - 32px))!important}.public-optin-card{width:min(500px,calc(100vw - 32px))!important}.admin-reply-box form{max-width:1220px!important;width:100%!important}.admin-ticket-thread{max-width:1220px!important}.admin-reply-box textarea{min-height:210px!important;width:100%!important;font-size:16px!important}.admin-message-reply-row td{padding:16px 18px 22px!important}.admin-messages-wrap table{min-width:1040px!important}.page-admin .admin-message-reply-row .reply-actions{justify-content:flex-start!important}
@media(max-width:900px){.layout{display:block!important}.sidebar{position:sticky!important;top:0!important;z-index:1000!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:100vh!important;padding:12px 14px!important;overflow:visible!important}.sidebar-mobile-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.app-mobile-menu-toggle{display:inline-flex!important;flex:0 0 auto!important}.sidebar nav{display:none!important;margin-top:12px!important;max-height:calc(100vh - 92px)!important;overflow:auto!important;padding:8px 0!important}.sidebar.mobile-open nav{display:flex!important;flex-direction:column!important;gap:7px!important}.sidebar nav a{min-height:44px!important;font-size:16px!important;padding:10px 12px!important}.main{padding:16px!important}.admin-reply-box textarea{min-height:190px!important}.admin-messages-wrap table{min-width:760px!important}}

/* v12.55 public pricing newsletter checkbox */
.public-plan-newsletter{margin:6px 0 8px!important;color:var(--muted)!important;font-size:14px!important}
.newsletter-register-note{margin:0 0 14px!important}


/* v12.59 layout and help refinements */
.public-page .policy-page{max-width:1264px!important;width:min(1264px,calc(100% - 32px))!important}
.policy-page.card{padding:38px 34px!important}
.public-optin-shell{display:flex;justify-content:center}
.public-optin-card{width:min(760px,100%)!important;margin:0 auto;padding:6px 0}
.public-optin-card .public-optin-form{max-width:640px!important}
.public-optin-card h1,.public-optin-card>.muted,.public-optin-card>.alert,.public-optin-card .public-optin-form{margin-left:auto;margin-right:auto}
.sidebar-user-meta{padding:0 10px 12px;margin:2px 0 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-user-email,.sidebar-user-plan{display:block;font-size:12px;line-height:1.45;font-weight:400;word-break:break-word}
.sidebar-user-email{color:#e5e7eb}
.sidebar-user-plan{color:#94a3b8;margin-top:2px}
.sidebar nav{margin-top:6px}
.howto-grid.compact .howto-link-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:15px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.howto-grid.compact .howto-link-card:hover{transform:translateY(-1px);border-color:var(--primary);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.howto-grid.compact .howto-link-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.template-ai-helper .copy-field textarea{min-height:136px}
.template-ai-helper .ai-choice-grid{margin:14px 0 16px}
@media(max-width:900px){
  .public-page .policy-page{width:min(100% - 24px,1264px)!important}
  .policy-page.card{padding:24px 20px!important}
  .sidebar-user-meta{padding:0 2px 10px;margin:0 0 10px;border-bottom:0}
  .sidebar-user-email,.sidebar-user-plan{font-size:11px}
}


/* v12.59 public hero and disclaimer refinements */
@media(min-width:1181px){
  .public-page .hero-section.hero-section-large{
    max-width:1280px!important;
    grid-template-columns:minmax(0,.88fr) minmax(520px,1.08fr)!important;
    gap:38px!important;
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  .hero-copy h1{
    font-size:clamp(42px,4.1vw,58px)!important;
    line-height:1.08!important;
  }
  .hero-copy p{
    font-size:18px!important;
    max-width:560px!important;
  }
  .hero-section.hero-section-large .hero-panel.hero-images .hero-people-image-large{
    min-height:380px!important;
    max-height:430px!important;
  }
}
.result-disclaimer{
  margin-top:12px!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.compliance-note .result-disclaimer b{color:var(--text)}


/* v12.64 hero tuning */
.hero-section-large{max-width:1220px!important;grid-template-columns:.88fr 1.12fr!important;gap:24px!important;padding-top:22px!important;padding-bottom:6px!important;align-items:center!important}
.hero-copy{max-width:430px!important}
.hero-copy h1{font-size:clamp(28px,3.35vw,46px)!important;line-height:1.08!important;max-width:420px!important;margin:10px 0 14px!important;letter-spacing:-.01em}
.hero-copy p{font-size:15px!important;line-height:1.55!important;max-width:430px!important}
.hero-actions{margin:16px 0 0!important}
.hero-people-image-large{min-height:400px!important;max-height:500px!important;object-fit:cover}
.hero-actions .btn.big{min-width:230px;text-align:center}
@media(min-width:901px){
  .hero-copy .eyebrow{font-size:12px;padding:6px 11px}
}
@media(max-width:900px){
  .hero-section-large{max-width:100%!important;grid-template-columns:1fr!important;gap:20px!important;padding-top:20px!important}
  .hero-copy{max-width:none!important}
  .hero-copy h1{max-width:none!important;font-size:34px!important}
  .hero-copy p{max-width:none!important}
  .hero-actions .btn.big{min-width:0;width:auto}
}

/* v12.64 public policy cleanup */
.public-page .policy-page .policy-link-grid{display:none!important}
.public-page .policy-page .last-updated,.public-page .policy-page [data-last-updated]{display:none!important}
.policy-page.card{padding-bottom:22px!important}


/* v12.67 info-box cleanup and public opt-in/footer tuning */
.alert.info{display:none!important}
.public-footer{align-items:flex-start!important}
.public-footer nav{margin-left:auto!important;justify-content:flex-end!important;text-align:right!important;max-width:780px!important;width:100%!important}
.public-footer-stacked{display:flex!important;justify-content:space-between!important;align-items:flex-start!important}
.public-page .policy-page{max-width:940px!important;width:min(940px,calc(100% - 32px))!important}
.public-page .policy-page.card{padding:28px 26px 18px!important}
.public-optin-shell{display:flex;justify-content:center}
.public-optin-card{width:min(600px,100%)!important;margin:0 auto!important;padding:0!important}
.public-optin-card .public-optin-form{max-width:100%!important}
@media(max-width:900px){
  .public-footer-stacked{display:block!important}
  .public-footer nav{margin:12px 0 0!important;justify-content:flex-start!important;text-align:left!important;max-width:none!important}
}


/* v12.69 queue action sizing, auto-webp notes, and messages emoji picker */
.queue-diagnostics .queue-action-buttons{gap:12px!important}
.queue-diagnostics .queue-action-buttons .btn{min-height:48px!important;padding:13px 18px!important;font-size:16px!important;border-radius:12px!important}
.queue-diagnostics .queue-action-buttons form{margin:0!important}
.message-reply-actions{position:relative!important}
.upload-note{margin:4px 0 0!important}
.emoji-picker-wrap{position:relative;display:inline-flex}
.emoji-toggle-btn span{display:inline-flex;align-items:center;justify-content:center}
.emoji-picker{position:absolute;left:0;bottom:calc(100% + 10px);z-index:40;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-width:228px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 16px 40px rgba(2,6,23,.24)}
.emoji-choice{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:8px 6px;font-size:20px;line-height:1;cursor:pointer}
.emoji-choice:hover{border-color:var(--primary);transform:translateY(-1px)}
body.theme-dark .emoji-picker{background:#0f172a}
body.theme-dark .emoji-choice{background:#111827;color:#fff}
@media(max-width:700px){.queue-diagnostics .queue-action-buttons{display:grid!important;grid-template-columns:1fr!important}.queue-diagnostics .queue-action-buttons form,.queue-diagnostics .queue-action-buttons .btn{width:100%!important}.emoji-picker{left:auto;right:0;min-width:210px;grid-template-columns:repeat(5,minmax(0,1fr));}}

/* v12.72 Turnstile auth protection */
.turnstile-field{margin:14px 0 16px;display:flex;justify-content:flex-start;min-height:65px}
.login-wrap .turnstile-field{justify-content:center}
body.theme-dark .cf-turnstile{color-scheme:dark}
@media(max-width:420px){.turnstile-field{transform:scale(.92);transform-origin:left center}.login-wrap .turnstile-field{justify-content:flex-start}}