: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.21 public brand, feature showcase, workflow, and compliance updates */
.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}
.public-brand-full .brand-logo{width:min(100%, 520px)}
.public-nav-wide{max-width:1320px}
.public-nav .public-brand-full{display:flex;align-items:center;max-width:440px}
.public-nav .public-brand-full .brand-logo{width:100%;max-height:72px;object-fit:contain}
.hero-section-large{max-width:1320px;grid-template-columns:1.02fr .98fr;gap:34px;padding-top:34px}
.hero-people-image-large{min-height:460px;object-fit:cover}
.workflow-showcase{padding-top:10px}
.workflow-list-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.section-head{margin-bottom:16px}.section-head .section-lead{color:var(--muted);margin:0}
.feature-showcase-section{padding-top:12px;padding-bottom:18px}
.feature-showcase{display:grid;grid-template-columns:1.07fr .93fr;gap:22px;align-items:center;margin:0 0 26px;padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 10px 28px rgba(15,23,42,.06)}
.feature-showcase.reverse{grid-template-columns:.93fr 1.07fr}
.feature-showcase.reverse .feature-showcase-media{order:2}
.feature-showcase.reverse .feature-showcase-copy{order:1}
.feature-showcase-media img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid var(--line);box-shadow:0 12px 36px rgba(15,23,42,.10)}
.feature-showcase-copy h3{font-size:34px;line-height:1.15;margin:10px 0 12px}
.feature-showcase-copy p{font-size:17px;line-height:1.7;margin:0}
.feature-tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:#dcfce7;color:#166534;font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.theme-dark .feature-tag{background:#14532d;color:#bbf7d0}
.note-section{padding-top:4px}
.compliance-note{padding:22px 24px;line-height:1.7}
.compliance-note h2{margin-top:0}
.public-footer-stacked{display:block;max-width:1320px}.public-footer-stacked nav{margin:10px 0}.footer-disclaimer{margin:8px 0 0;color:var(--muted);line-height:1.6}
/* dashboard top logo replacement */
.sidebar-brand-full{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:4px 6px 14px!important;margin:0 0 10px!important;text-decoration:none!important;color:#fff!important}
.sidebar-brand-full .brand-logo{width:100%;max-width:208px;max-height:48px;object-fit:contain}
.sidebar-brand-full span{display:none!important}
/* keep old sidebar brand mini safe */
.sidebar-brand-mini img{display:none}
.public-page .public-nav nav .btn{white-space:nowrap}
.theme-dark .feature-showcase,.theme-dark .compliance-note{background:var(--card);border-color:var(--line)}
@media(max-width:1180px){
  .workflow-list-five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-showcase,.feature-showcase.reverse{grid-template-columns:1fr}
  .feature-showcase.reverse .feature-showcase-media,.feature-showcase.reverse .feature-showcase-copy{order:unset}
}
@media(max-width:900px){
  .public-nav .public-brand-full{max-width:320px}
  .public-nav .public-brand-full .brand-logo{max-height:62px}
  .hero-section-large{grid-template-columns:1fr}
  .hero-people-image-large{min-height:0}
  .workflow-list-five{grid-template-columns:1fr}
  .feature-showcase-copy h3{font-size:28px}
}


/* 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.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}.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}
@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.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 */
.alert.info{display:none!important}