/* Virtual SMS Israel — unified stylesheet v0.2.8.
   Order preserved from views/layouts/header.ejs before consolidation.
   Legacy source archive is intentionally not shipped in production packages. */


/* === Source: app.css === */

:root{--bg:#f6f7fb;--card:#fff;--text:#172033;--muted:#667085;--line:#e6e8ef;--primary:#2457d6;--primary2:#163fb5;--danger:#b42318;--ok:#067647;--top:#111827;--shadow:0 10px 30px rgba(16,24,40,.06)}*{box-sizing:border-box}html{min-width:320px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,'Noto Sans Hebrew',sans-serif;line-height:1.55}a{color:var(--primary)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px clamp(12px,3vw,28px);background:var(--top);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 rgba(255,255,255,.08)}.brand{font-weight:800;white-space:nowrap}nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}nav a{color:#fff;text-decoration:none;opacity:.92;padding:6px 8px;border-radius:8px}nav a:hover{background:rgba(255,255,255,.1);opacity:1}nav form{margin:0}button,.button{border:0;background:#eef2ff;color:#1d3aa7;border-radius:10px;padding:9px 14px;text-decoration:none;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px}button:hover,.button:hover{filter:brightness(.98)}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary2)}.container{width:min(1180px,100%);margin:0 auto;padding:clamp(14px,3vw,28px)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(16px,2.5vw,24px);margin:16px 0;box-shadow:var(--shadow);overflow-wrap:anywhere;overflow-x:auto}.table-card{overflow-x:auto}.narrow{max-width:560px;margin:40px auto}.login-card{margin-top:min(80px,10vh)}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px}.two{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.stats .card b{font-size:clamp(26px,5vw,34px);display:block}.stats .card span{color:var(--muted)}.form{display:flex;flex-direction:column;gap:10px}.form label{font-weight:700}.form input,.form select,.filters input,.filters select,.inline input,.inline select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff;font-size:16px;min-height:42px}.filters{display:grid;grid-template-columns:minmax(160px,220px) 1fr minmax(100px,140px);gap:10px;margin-bottom:18px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:right;vertical-align:top}th{color:var(--muted);font-size:13px;font-weight:800;white-space:nowrap}.badge{background:#eef2ff;color:#1d3aa7;border-radius:999px;padding:4px 9px;font-size:12px;display:inline-block}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions a{color:var(--primary);font-weight:700;text-decoration:none}.alert{background:#fff0ee;color:var(--danger);border:1px solid #fecdca;padding:10px;border-radius:10px}.success{background:#ecfdf3;color:var(--ok);border:1px solid #abefc6;padding:10px;border-radius:10px;margin-bottom:12px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.msg-body{white-space:pre-wrap;max-width:520px}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 8px}.inline input,.inline select{width:auto;min-width:140px;flex:1 1 160px}.inline button{flex:0 0 auto}pre{background:#0b1020;color:#e6edf3;padding:16px;border-radius:14px;overflow:auto;direction:ltr;text-align:left;max-width:100%}code{direction:ltr;unicode-bidi:embed;background:#f2f4f7;border:1px solid var(--line);border-radius:6px;padding:1px 5px}small{color:var(--muted)}
@media(max-width:860px){.topbar{align-items:flex-start;flex-direction:column}.brand{font-size:18px}nav{justify-content:flex-start;width:100%;gap:6px}nav a,nav button{font-size:14px;padding:7px 9px}.container{padding:14px}.filters{grid-template-columns:1fr}.card{border-radius:14px}.page-head h1{margin-bottom:4px}table{min-width:640px}.table-card{margin-left:-2px;margin-right:-2px}}
@media(max-width:640px){body{font-size:15px}.narrow{margin:18px auto}.login-card{margin-top:24px}.topbar{position:static}.grid,.two{grid-template-columns:1fr}.stats .card{margin:0}.form input,.form select,.filters input,.filters select{font-size:16px}.actions{flex-direction:column;align-items:stretch}.actions a,.actions button,.button,button{width:100%}.inline{display:grid;grid-template-columns:1fr;gap:8px}.inline input,.inline select,.inline button{width:100%;min-width:0}pre{font-size:12px}.responsive-table{min-width:0;border-collapse:separate;border-spacing:0 12px}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.04);padding:8px}.responsive-table td{border:0;border-bottom:1px solid var(--line);padding:10px 8px}.responsive-table td:last-child{border-bottom:0}.responsive-table td::before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:3px}}

.error-box{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:14px;padding:12px 14px;margin:12px 0;font-weight:700}

/* v0.1.8 customer UI polish */
.number-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:16px}.number-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.number-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.number-big{font-size:clamp(22px,5vw,30px);font-weight:900;direction:ltr;text-align:left;unicode-bidi:embed}.number-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.number-actions .button{width:100%}.messages-list{display:flex;flex-direction:column;gap:12px}.sms-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;box-shadow:0 4px 16px rgba(16,24,40,.04)}.sms-card-top{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;margin-bottom:12px}.sms-card-top div{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:10px}.sms-card-top strong{display:block;word-break:break-word}.sms-card-top small{display:block;color:var(--muted);font-weight:800;margin-top:2px}.sms-body{white-space:pre-wrap;font-size:16px;line-height:1.7;background:#fbfcff;border:1px solid var(--line);border-radius:12px;padding:14px;word-break:break-word}.sms-meta{margin-top:10px;display:flex;gap:8px}.sms-meta span{font-size:12px;color:var(--muted);background:#f2f4f7;border-radius:999px;padding:4px 8px}.empty-state{text-align:center;padding:28px}.empty-state h2{margin-top:0}.ltr{direction:ltr;text-align:left;unicode-bidi:embed}
@media(max-width:720px){.sms-card-top{grid-template-columns:1fr}.number-actions{grid-template-columns:1fr}.page-head{align-items:stretch}.page-head .button{width:100%}.number-card{padding:14px}.sms-card{padding:12px}.sms-body{font-size:15px}}

/* v0.1.9 conversation-style inbox + contacts */
.inbox-card{padding:0;overflow:hidden}.inbox-filters{padding:16px;margin:0;border-bottom:1px solid var(--line);background:#fbfcff}.conversation-list{border-left:1px solid var(--line);background:#fff;overflow:auto;max-height:72vh}.conversation-row{display:flex;gap:12px;padding:14px 16px;text-decoration:none;color:var(--text);border-bottom:1px solid #f0f2f6;transition:.15s;background:#fff}.conversation-row:hover{background:#f8faff}.conversation-row.active{background:#eef4ff;border-right:4px solid var(--primary);padding-right:12px}.avatar{width:46px;height:46px;border-radius:999px;overflow:hidden;background:linear-gradient(145deg,#e0e7ff,#f1f5f9);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 3px 10px rgba(16,24,40,.06)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar span{font-weight:900;color:#334155}.avatar.big{width:56px;height:56px}.avatar.xl{width:64px;height:64px}.conversation-text{min-width:0;flex:1}.conversation-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-title small{font-size:11px;white-space:nowrap;color:var(--muted)}.conversation-sub{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-top:2px}.conversation-sub span:last-child{background:#f2f4f7;border-radius:999px;padding:1px 7px}.conversation-text p{margin:5px 0 0;color:#667085;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-pane{background:#f8fafc;display:flex;flex-direction:column;min-width:0}.conversation-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.conversation-header h2{margin:0;font-size:20px}.conversation-header p{margin:2px 0 0}.conversation-header .button{margin-right:auto}.chat-feed{padding:18px;display:flex;flex-direction:column;gap:12px;overflow:auto}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:14px}.contact-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;box-shadow:0 4px 16px rgba(16,24,40,.04)}.contact-main h2{margin:0 0 4px;font-size:18px}.contact-main p{margin:0 0 4px}.contact-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.contact-actions form{margin:0}.contact-actions .button,.contact-actions button{width:auto}
@media(max-width:900px){.conversation-list{border-left:0;border-bottom:1px solid var(--line);max-height:360px}.conversation-pane{min-height:420px}.conversation-header{position:static}.conversation-header .button{margin-right:0;margin-inline-start:auto}}
@media(max-width:640px){.inbox-filters{padding:12px}.conversation-row{padding:12px}.conversation-row.active{padding-right:8px}.avatar{width:42px;height:42px}.avatar.big{width:48px;height:48px}.conversation-title{align-items:flex-start}.conversation-title small{display:none}.conversation-header{padding:12px;align-items:flex-start}.conversation-header h2{font-size:17px}.conversation-header{flex-wrap:wrap}.conversation-header .button{width:100%;margin:0}.chat-feed{padding:12px}.contact-card{grid-template-columns:auto minmax(0,1fr);padding:14px}.contact-actions .button,.contact-actions button{width:100%}}

/* v0.1.13 WhatsApp-like inbox based on the open-source conversation UX, adapted for SaaS */
.sms-app-shell{height:calc(100vh - 86px);min-height:640px;display:grid;grid-template-columns:390px minmax(0,1fr);background:#f8fafc;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);margin:14px auto;max-width:1280px}.sms-sidebar{background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;min-width:0}.sms-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid #f1f5f9;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.sms-sidebar-head h1{margin:0;font-size:28px;line-height:1.1}.sms-sidebar-head p{margin:4px 0 0;color:#667085;font-size:13px}.round-action{width:38px;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#eef4ff;border:1px solid #dbeafe;text-decoration:none}.sms-search-box{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 14px;border-bottom:1px solid #f1f5f9;background:#fff}.sms-search-box select{grid-column:1/-1;border:1px solid #e5e7eb;background:#f8fafc;border-radius:13px;padding:10px;font-size:15px}.search-line{position:relative;display:flex;align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;min-height:40px;padding:0 38px 0 12px}.search-line span{position:absolute;right:14px;color:#98a2b3;font-size:18px}.search-line input{border:0;background:transparent;outline:0;width:100%;font-size:14px}.search-line a{position:absolute;left:12px;text-decoration:none;color:#667085;font-size:22px;line-height:1}.button.slim,button.slim,.slim{min-height:40px;padding:8px 14px;border-radius:999px}.sms-conversations{overflow:auto;flex:1}.sms-conversation{display:flex;gap:12px;padding:14px 16px;text-decoration:none;color:#101828;border-bottom:1px solid #f2f4f7;background:#fff;transition:background .15s,border .15s}.sms-conversation:hover{background:#f9fafb}.sms-conversation.selected{background:#eef4ff;border-right:4px solid #4f46e5;padding-right:12px}.sms-avatar{width:48px;height:48px;border-radius:999px;overflow:hidden;flex:0 0 auto;background:linear-gradient(135deg,#dbeafe,#f1f5f9);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(16,24,40,.07)}.sms-avatar.large{width:56px;height:56px}.sms-avatar img{width:100%;height:100%;object-fit:cover}.sms-avatar span{font-weight:900;color:#344054;font-size:18px}.sms-conversation-main{min-width:0;flex:1}.sms-conversation-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.sms-conversation-top strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-conversation-top time{font-size:11px;color:#98a2b3;white-space:nowrap;direction:ltr}.sms-conversation-meta{display:flex;gap:6px;align-items:center;margin-top:3px;min-width:0}.sms-conversation-meta span{font-size:11px;color:#667085;background:#f2f4f7;border-radius:999px;padding:2px 7px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-conversation-main p{margin:7px 0 0;color:#667085;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-empty{text-align:center;color:#667085;padding:56px 20px}.empty-icon,.empty-illustration{font-size:48px;filter:grayscale(.2);opacity:.75}.sms-chat{display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#f6f8fb,#eef2f7)}.sms-chat-head{min-height:82px;background:rgba(255,255,255,.95);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:14px;padding:13px 18px;backdrop-filter:blur(12px)}.sms-chat-title{min-width:0}.sms-chat-title h2{margin:0;font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sms-chat-title p{margin:3px 0 0;color:#667085;font-size:13px}.contact-button{margin-inline-start:auto;white-space:nowrap}.sms-chat-body{flex:1;overflow:auto;padding:18px 18px 28px;display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(#dbe3ef 1px,transparent 1px);background-size:22px 22px;background-color:#f7f9fc}.date-separator{text-align:center;margin:10px 0 4px}.date-separator span{display:inline-block;background:rgba(255,255,255,.92);border:1px solid #e5e7eb;border-radius:999px;padding:4px 12px;color:#667085;font-size:12px;box-shadow:0 3px 10px rgba(16,24,40,.05)}.message-row{display:flex;align-items:flex-end;gap:8px}.message-row.incoming{justify-content:flex-start}.message-bubble{max-width:min(720px,82%);background:#fff;border:1px solid #e5e7eb;border-radius:20px 20px 6px 20px;padding:11px 13px 8px;box-shadow:0 3px 13px rgba(16,24,40,.07)}.message-text{white-space:pre-wrap;word-break:break-word;line-height:1.72;font-size:16px;color:#101828}.message-tools{display:flex;align-items:center;gap:7px;margin-top:9px;flex-wrap:wrap}.message-tools button{width:auto;min-height:28px;border-radius:999px;border:1px solid #dbeafe;background:#eef4ff;color:#1d4ed8;padding:4px 9px;font-size:12px;font-weight:700}.message-tools .copy-message{background:#f8fafc;border-color:#e5e7eb;color:#475467}.message-bubble footer{display:flex;justify-content:flex-end;gap:8px;margin-top:7px;color:#98a2b3;font-size:11px;direction:ltr}.sms-chat-empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:30px;color:#667085}.sms-chat-empty h2{margin:12px 0 4px;color:#344054}.ltr{direction:ltr;unicode-bidi:embed;text-align:left}
@media(max-width:980px){.sms-app-shell{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:760px){.sms-app-shell{height:auto;min-height:0;display:flex;flex-direction:column;border-radius:0;border-left:0;border-right:0;margin:0 -14px}.sms-sidebar{border-left:0;max-height:44vh}.sms-conversations{max-height:36vh}.sms-chat{min-height:56vh}.sms-chat-head{padding:11px 12px;min-height:70px}.sms-chat-title h2{font-size:17px}.sms-chat-title p{font-size:12px}.contact-button{padding:7px 10px;font-size:13px}.sms-chat-body{padding:12px 10px 18px}.message-bubble{max-width:94%;border-radius:17px 17px 5px 17px}.message-text{font-size:15px}.sms-sidebar-head h1{font-size:23px}.sms-search-box{grid-template-columns:1fr}.sms-search-box button{width:100%}.sms-avatar{width:42px;height:42px}.sms-avatar.large{width:48px;height:48px}}
@media(max-width:430px){.sms-conversation{padding:12px}.sms-conversation.selected{padding-right:8px}.sms-conversation-top time{display:none}.sms-conversation-meta span{max-width:110px}.message-bubble{max-width:100%}.message-tools button{font-size:11px}.sms-chat-head{flex-wrap:wrap}.contact-button{width:100%;text-align:center;margin:0}.sms-chat-title{flex:1}}

/* v0.1.14 — real customer inbox design, adapted from the open-source conversation style */
.container:has(.messages-page){max-width:none;width:100%;padding:0;background:#eef2f7;}
.messages-page{height:calc(100vh - 68px);min-height:660px;display:grid;grid-template-columns:390px minmax(0,1fr);background:#eef2f7;border-top:1px solid #dde3ee;overflow:hidden;}
.messages-sidebar{min-width:0;background:#fff;border-left:1px solid #dfe5ee;display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(15,23,42,.04);z-index:1;}
.messages-sidebar-header{padding:20px 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#fbfcff);}
.messages-sidebar-header .eyebrow{margin:0 0 3px;color:#4f46e5;font-size:12px;font-weight:900;letter-spacing:.03em;}
.messages-sidebar-header h1{margin:0;font-size:28px;line-height:1.05;color:#101828;}
.icon-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;background:#eef4ff;border:1px solid #dbe7ff;font-size:19px;box-shadow:0 5px 14px rgba(36,87,214,.08);}
.messages-filter-card{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 16px;border-bottom:1px solid #eef2f7;background:#fff;}
.messages-filter-card label{display:flex;flex-direction:column;gap:5px;font-weight:800;color:#344054;font-size:12px;}
.messages-filter-card label:first-child{grid-column:1/-1;}
.messages-filter-card select,.messages-search input{width:100%;border:1px solid #d9e1ec;background:#f8fafc;color:#101828;border-radius:14px;padding:11px 13px;font-size:15px;outline:none;}
.messages-filter-card select:focus,.messages-search input:focus{border-color:#8da2fb;box-shadow:0 0 0 4px rgba(79,70,229,.10);background:#fff;}
.messages-search{position:relative;}
.messages-search input{padding-left:36px;}
.messages-search a{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:24px;line-height:1;text-decoration:none;color:#667085;}
.messages-filter-card .primary{border-radius:14px;align-self:end;height:44px;padding-inline:18px;box-shadow:0 7px 18px rgba(36,87,214,.18);}
.conversation-list-new{overflow:auto;flex:1;background:#fff;}
.conversation-item-new{display:flex;gap:12px;padding:14px 16px;text-decoration:none;color:#101828;border-bottom:1px solid #f0f3f8;background:#fff;transition:background .14s,box-shadow .14s,border-color .14s;position:relative;}
.conversation-item-new:hover{background:#f8faff;}
.conversation-item-new.active{background:linear-gradient(90deg,#eef4ff,#fff);box-shadow:inset -4px 0 0 #4f46e5;}
.conversation-avatar-new{width:50px;height:50px;border-radius:999px;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#e0e7ff 55%,#f8fafc);border:1px solid #dbe3ef;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 6px 14px rgba(15,23,42,.08);}
.conversation-avatar-new.large{width:58px;height:58px;}
.conversation-avatar-new img{width:100%;height:100%;object-fit:cover;display:block;}
.conversation-avatar-new span{font-size:19px;font-weight:900;color:#334155;}
.conversation-content-new{min-width:0;flex:1;}
.conversation-line-new{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;}
.conversation-line-new strong{font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#101828;}
.conversation-line-new time{font-size:11px;color:#98a2b3;white-space:nowrap;direction:ltr;}
.conversation-tags-new{display:flex;align-items:center;gap:5px;margin-top:4px;min-width:0;overflow:hidden;}
.conversation-tags-new span{font-size:11px;line-height:1.2;color:#667085;background:#f1f5f9;border:1px solid #e8edf4;border-radius:999px;padding:3px 8px;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis;}
.conversation-content-new p{margin:7px 0 0;color:#667085;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.messages-empty-side{padding:70px 28px;text-align:center;color:#667085;}
.messages-empty-side div{font-size:46px;margin-bottom:10px;}
.messages-empty-side strong{display:block;color:#344054;font-size:17px;margin-bottom:4px;}
.messages-empty-side p{margin:0;}
.message-chat-panel{min-width:0;display:flex;flex-direction:column;background:#f4f7fb;position:relative;}
.message-chat-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(#d7deea 1px,transparent 1px);background-size:22px 22px;opacity:.75;pointer-events:none;}
.chat-header-new{min-height:86px;padding:14px 22px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.94);border-bottom:1px solid #dfe5ee;backdrop-filter:blur(12px);z-index:1;box-shadow:0 3px 14px rgba(15,23,42,.04);}
.chat-header-text{min-width:0;flex:1;}
.chat-header-text h2{margin:0;font-size:23px;line-height:1.1;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-header-text p{margin:5px 0 0;color:#667085;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-header-text .dot{margin-inline:7px;color:#c0c6d0;}
.secondary-action{white-space:nowrap;background:#f8fafc;color:#344054;border:1px solid #d9e1ec;box-shadow:none;}
.chat-thread-new{position:relative;z-index:1;flex:1;overflow:auto;padding:22px 24px 34px;display:flex;flex-direction:column;gap:10px;}
.chat-date-new{text-align:center;margin:12px 0 6px;}
.chat-date-new span{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);border:1px solid #dfe5ee;color:#667085;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:800;box-shadow:0 4px 12px rgba(15,23,42,.06);}
.sms-message-new{display:flex;justify-content:flex-start;}
.sms-bubble-new{max-width:min(720px,82%);background:#fff;border:1px solid #e1e7ef;border-radius:22px 22px 7px 22px;padding:12px 14px 9px;box-shadow:0 6px 18px rgba(15,23,42,.08);position:relative;}
.sms-bubble-new::after{content:"";position:absolute;right:-7px;bottom:0;width:14px;height:14px;background:#fff;border-bottom:1px solid #e1e7ef;border-right:1px solid #e1e7ef;border-bottom-right-radius:13px;}
.sms-bubble-new p{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.74;font-size:16px;color:#101828;}
.sms-meta-row-new{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;color:#98a2b3;font-size:11px;direction:ltr;}
.sms-actions-new{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;border-top:1px solid #f1f5f9;padding-top:8px;}
.sms-actions-new button{width:auto;min-height:30px;border-radius:999px;border:1px solid #dbeafe;background:#eef4ff;color:#1d4ed8;padding:4px 10px;font-size:12px;font-weight:900;box-shadow:none;}
.sms-actions-new button:last-child{background:#f8fafc;border-color:#e1e7ef;color:#475467;}
.sms-actions-new button.copied{background:#ecfdf3;border-color:#abefc6;color:#067647;}
.message-empty-main{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;color:#667085;}
.empty-phone{font-size:56px;margin-bottom:12px;filter:drop-shadow(0 8px 18px rgba(15,23,42,.12));}
.message-empty-main h2{margin:0 0 7px;color:#344054;font-size:24px;}
.message-empty-main p{max-width:520px;margin:4px 0;}
.ltr{direction:ltr;unicode-bidi:embed;text-align:left;}
@media(max-width:980px){.messages-page{grid-template-columns:335px minmax(0,1fr);}.messages-sidebar-header h1{font-size:24px;}.chat-header-text h2{font-size:20px;}.sms-bubble-new{max-width:90%;}}
@media(max-width:760px){.container:has(.messages-page){padding:0!important;}.messages-page{height:calc(100vh - 118px);min-height:0;display:flex;flex-direction:column;}.messages-sidebar{border-left:0;border-bottom:1px solid #dfe5ee;max-height:45vh;}.messages-sidebar-header{padding:14px 14px 10px;}.messages-filter-card{grid-template-columns:1fr;padding:12px;}.messages-filter-card .primary{width:100%;}.conversation-list-new{max-height:28vh;}.conversation-item-new{padding:12px;}.conversation-avatar-new{width:42px;height:42px;}.conversation-line-new time{display:none;}.message-chat-panel{min-height:55vh;}.chat-header-new{min-height:72px;padding:11px 12px;gap:10px;}.conversation-avatar-new.large{width:46px;height:46px;}.chat-header-text h2{font-size:17px;}.chat-header-text p{font-size:12px;}.secondary-action{padding:7px 10px;font-size:13px;}.chat-thread-new{padding:14px 10px 22px;}.sms-bubble-new{max-width:96%;border-radius:18px 18px 6px 18px;}.sms-bubble-new p{font-size:15px;}.sms-actions-new button{font-size:11px;padding:4px 8px;}}
@media(max-width:430px){.messages-page{height:auto;min-height:calc(100vh - 100px);}.messages-sidebar{max-height:none;}.conversation-list-new{max-height:280px;}.conversation-tags-new span{max-width:98px;}.chat-header-new{flex-wrap:wrap;}.chat-header-text{flex:1;}.secondary-action{width:100%;}.sms-bubble-new{max-width:100%;}.sms-meta-row-new{flex-wrap:wrap;justify-content:flex-start;direction:rtl;}.messages-sidebar-header h1{font-size:22px;}}

/* v0.1.15 — mobile conversation open mode + local contact image upload */
.mobile-back-to-list{display:none;text-decoration:none;border:1px solid #d9e1ec;background:#f8fafc;color:#344054;border-radius:999px;padding:7px 12px;font-weight:900;white-space:nowrap;}
.avatar-upload-preview{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:10px;margin-bottom:8px;}
.avatar-upload-preview img{width:54px;height:54px;border-radius:999px;object-fit:cover;border:1px solid #d9e1ec;background:#fff;}
.avatar-upload-preview span{color:#667085;font-size:13px;line-height:1.45;}
.field-help{margin:6px 0 12px;color:#667085;font-size:13px;line-height:1.45;}
.form input[type="file"]{padding:10px;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;}

@media(max-width:760px){
  .messages-page.mobile-list-open .message-chat-panel{display:none;}
  .messages-page.mobile-list-open .messages-sidebar{max-height:none;min-height:calc(100vh - 118px);}
  .messages-page.mobile-list-open .conversation-list-new{max-height:none;}
  .messages-page.mobile-conversation-open .messages-sidebar{display:none;}
  .messages-page.mobile-conversation-open .message-chat-panel{display:flex;min-height:calc(100vh - 118px);}
  .messages-page.mobile-conversation-open .chat-thread-new{min-height:calc(100vh - 220px);}
  .mobile-back-to-list{display:inline-flex;align-items:center;justify-content:center;}
  .messages-page.mobile-conversation-open .chat-header-new{position:sticky;top:0;}
}

/* v0.1.16 — Hebrew UX, developer settings, background refresh and AJAX forms */
.brand{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-weight:900;font-size:16px;}
.nav-toggle{display:none;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.20);box-shadow:none;min-width:42px;padding:7px 10px;}
.main-nav a{display:inline-flex;align-items:center;gap:5px;}
.main-nav form button{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:none;}
.message-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#f8fafc);}
.message-quick-stats div{border:1px solid #e6eaf2;border-radius:14px;background:#fff;padding:9px 8px;text-align:center;box-shadow:0 5px 14px rgba(15,23,42,.04);}
.message-quick-stats strong{display:block;font-size:20px;line-height:1.1;color:#101828;}
.message-quick-stats span{display:block;margin-top:3px;font-size:11px;color:#667085;font-weight:800;}
.is-hidden{display:none!important;}
.ajax-status{border-radius:12px;padding:10px 12px;margin-bottom:10px;font-weight:800;font-size:13px;border:1px solid #abefc6;background:#ecfdf3;color:#067647;}
.ajax-status.is-error{border-color:#fecdca;background:#fef3f2;color:#b42318;}
.app-toast{position:fixed;left:18px;bottom:18px;z-index:1000;max-width:min(420px,calc(100vw - 36px));border-radius:16px;padding:12px 16px;box-shadow:0 16px 38px rgba(15,23,42,.22);font-weight:900;transform:translateY(18px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;}
.app-toast.is-visible{opacity:1;transform:translateY(0);}
.app-toast.is-success{background:#101828;color:#fff;}
.app-toast.is-error{background:#b42318;color:#fff;}
button:disabled,.button[aria-disabled="true"]{opacity:.65;cursor:wait;}
.avatar-upload-preview img.is-hidden{display:none!important;}
.avatar-upload-preview:has(img:not(.is-hidden)){align-items:center;}
.contact-actions form{margin:0;}

@media(max-width:820px){
  .topbar{align-items:flex-start;position:sticky;}
  .nav-toggle{display:inline-flex;margin-inline-start:auto;}
  .main-nav{display:none;position:absolute;top:58px;left:10px;right:10px;background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px;box-shadow:0 18px 40px rgba(15,23,42,.28);}
  .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:6px;}
  .main-nav a,.main-nav form button{width:100%;justify-content:flex-start;padding:10px 12px;}
  .main-nav form{width:100%;}
}

@media(max-width:760px){
  .message-quick-stats{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 12px;gap:6px;}
  .message-quick-stats strong{font-size:17px;}
  .message-quick-stats span{font-size:10px;line-height:1.25;}
  .app-toast{left:10px;right:10px;bottom:12px;max-width:none;text-align:center;}
}
.theme-toggle{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:none;}
html[data-theme="dark"]{--bg:#0b1220;--card:#111827;--text:#e5e7eb;--muted:#a8b3c7;--line:#253044;--primary:#7c9cff;--primary2:#5b7cf0;--top:#050816;--shadow:0 14px 36px rgba(0,0,0,.28);}
html[data-theme="dark"] body{background:var(--bg);color:var(--text);}
html[data-theme="dark"] .card,html[data-theme="dark"] .number-card,html[data-theme="dark"] .contact-card,html[data-theme="dark"] .messages-sidebar,html[data-theme="dark"] .messages-filter-card,html[data-theme="dark"] .conversation-list-new,html[data-theme="dark"] .message-quick-stats div{background:#111827;border-color:#253044;color:#e5e7eb;}
html[data-theme="dark"] .messages-filter-card,html[data-theme="dark"] .message-quick-stats{background:#0f172a;border-color:#253044;}
html[data-theme="dark"] .message-chat-panel{background:#0b1220;}
html[data-theme="dark"] .message-chat-panel::before{background:radial-gradient(#243049 1px,transparent 1px);opacity:.65;}
html[data-theme="dark"] .chat-header-new{background:rgba(17,24,39,.94);border-color:#253044;}
html[data-theme="dark"] .sms-bubble-new,html[data-theme="dark"] .sms-bubble-new::after{background:#111827;border-color:#2d3a52;color:#e5e7eb;}
html[data-theme="dark"] .sms-bubble-new p,html[data-theme="dark"] .chat-header-text h2,html[data-theme="dark"] .conversation-line-new strong,html[data-theme="dark"] .message-quick-stats strong,html[data-theme="dark"] h1,html[data-theme="dark"] h2{color:#f8fafc;}
html[data-theme="dark"] .conversation-item-new{background:#111827;border-color:#253044;color:#e5e7eb;}
html[data-theme="dark"] .conversation-item-new:hover,html[data-theme="dark"] .conversation-item-new.active{background:#162033;}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .messages-filter-card select,html[data-theme="dark"] .messages-search input{background:#0f172a;border-color:#334155;color:#e5e7eb;}
html[data-theme="dark"] .conversation-tags-new span,html[data-theme="dark"] .chat-date-new span,html[data-theme="dark"] .secondary-action,html[data-theme="dark"] .avatar-upload-preview{background:#0f172a;border-color:#334155;color:#cbd5e1;}
html[data-theme="dark"] table th,html[data-theme="dark"] table td{border-color:#253044;}
html[data-theme="dark"] code,html[data-theme="dark"] pre{background:#020617;color:#e2e8f0;border-color:#253044;}


/* v0.1.20 — תפריט מובייל יציב */
@media(max-width:860px){
  .topbar{
    position:sticky;
    top:0;
    z-index:3000;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between;
    flex-wrap:nowrap;
    min-height:58px;
    padding:10px 12px;
  }
  .brand{
    max-width:calc(100vw - 82px);
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .nav-toggle{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:44px!important;
    min-width:44px;
    height:40px;
    padding:0!important;
    margin:0!important;
    flex:0 0 auto;
    position:relative;
    z-index:3004;
    border-radius:12px;
    font-size:22px;
    line-height:1;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  .main-nav{
    display:none!important;
    position:fixed;
    top:62px;
    right:10px;
    left:10px;
    z-index:3003;
    background:#111827;
    border:1px solid rgba(255,255,255,.14);
    border-radius:18px;
    padding:10px;
    box-shadow:0 22px 55px rgba(15,23,42,.42);
    max-height:calc(100vh - 78px);
    overflow:auto;
    overscroll-behavior:contain;
  }
  .main-nav.is-open{
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:7px;
  }
  .main-nav a,
  .main-nav button,
  .main-nav form button{
    width:100%!important;
    min-height:44px;
    justify-content:flex-start;
    text-align:right;
    padding:10px 12px!important;
    border-radius:12px;
  }
  .main-nav form{width:100%;margin:0;}
  body.nav-open{overflow:hidden;}
  body.nav-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:2998;
    background:rgba(15,23,42,.38);
    backdrop-filter:blur(2px);
  }
}

/* sms-v0.2.0 — התראות, נקרא/לא נקרא, אימות מייל ו-RTL משופר */
.topbar{gap:12px;}
.topbar-actions{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;position:relative;z-index:3005;}
.notification-center{position:relative;display:inline-flex;align-items:center;}
.notification-button{width:42px;min-width:42px;height:40px;padding:0;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);color:#fff;box-shadow:none;position:relative;overflow:visible;}
.notification-button:hover,.notification-button:focus-visible{background:rgba(255,255,255,.18);outline:none;box-shadow:0 0 0 4px rgba(255,255,255,.10);}
.notification-count{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;border:2px solid #111827;font-size:11px;font-weight:900;line-height:16px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(239,68,68,.35);}
.notification-panel{position:absolute;top:calc(100% + 10px);left:0;width:min(390px,calc(100vw - 24px));max-height:min(560px,calc(100dvh - 88px));overflow:hidden;background:#fff;border:1px solid #dfe5ee;border-radius:20px;box-shadow:0 24px 70px rgba(15,23,42,.28);color:#101828;z-index:6000;}
.notification-panel[hidden]{display:none!important;}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#f8fafc);}
.notification-panel-head strong{display:block;font-size:17px;color:#101828;line-height:1.2;}
.notification-panel-head span{display:block;margin-top:2px;font-size:12px;color:#667085;font-weight:800;}
.notification-panel-head button{width:auto;min-height:34px;border-radius:999px;padding:6px 10px;background:#eef4ff;color:#1d4ed8;border:1px solid #dbeafe;font-size:12px;white-space:nowrap;}
.notification-list{max-height:450px;overflow:auto;overscroll-behavior:contain;background:#fff;}
.notification-empty{padding:34px 18px;text-align:center;color:#667085;font-weight:800;}
.notification-item{width:100%;display:block;text-align:right;background:#fff;color:#101828;border:0;border-bottom:1px solid #f0f3f8;border-radius:0;padding:13px 15px;box-shadow:none;cursor:pointer;min-height:0;}
.notification-item:hover,.notification-item:focus-visible{background:#f8faff;outline:none;filter:none;}
.notification-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;}
.notification-item-top strong{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notification-item-top time{font-size:11px;color:#98a2b3;white-space:nowrap;direction:ltr;}
.notification-item-meta{margin-top:3px;color:#667085;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;}
.notification-item p{margin:7px 0 0;color:#344054;font-size:13px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.message-quick-stats{grid-template-columns:repeat(4,minmax(0,1fr));}
.conversation-line-side{display:inline-flex;align-items:center;gap:7px;min-width:0;flex:0 0 auto;}
.unread-badge{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#2457d6;color:#fff;font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(36,87,214,.20);}
.conversation-item-new.is-unread{background:#fbfdff;}
.conversation-item-new.is-unread .conversation-line-new strong{font-weight:950;color:#0f172a;}
.conversation-item-new.is-unread .conversation-content-new p{color:#344054;font-weight:800;}
.conversation-item-new.is-unread::before{content:"";position:absolute;right:7px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:999px;background:#2457d6;box-shadow:0 0 0 4px rgba(36,87,214,.10);}
.verify-result-page{min-height:calc(100dvh - 110px);display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 0,#dbeafe,transparent 34%),#eef2f7;border-radius:22px;}
.verify-result-card{width:min(520px,100%);background:#fff;border:1px solid #dfe5ee;border-radius:24px;padding:30px 24px;text-align:center;box-shadow:0 24px 70px rgba(15,23,42,.14);color:#101828;}
.verify-result-card .eyebrow{margin:8px 0 4px;color:#4f46e5;font-size:12px;font-weight:900;letter-spacing:.04em;}
.verify-result-card h1{margin:0 0 8px;font-size:28px;line-height:1.15;color:#101828;}
.verify-result-card p{margin:0 auto 20px;max-width:410px;color:#475467;line-height:1.7;}
.verify-result-icon{width:64px;height:64px;margin:0 auto 10px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;background:#ecfdf3;color:#067647;border:1px solid #abefc6;box-shadow:0 12px 30px rgba(6,118,71,.13);}
.verify-result-card.is-error .verify-result-icon{background:#fef3f2;color:#b42318;border-color:#fecdca;}
.verify-result-card.is-error .eyebrow{color:#b42318;}

@media(max-width:860px){
  .topbar-actions{margin-inline-start:0;}
  .notification-button{width:44px;min-width:44px;height:42px;}
  .notification-panel{position:fixed;top:62px;left:10px;right:10px;width:auto;max-height:calc(100dvh - 78px);}
  .message-quick-stats{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:760px){
  .message-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .conversation-item-new.is-unread::before{right:5px;}
  .notification-panel-head{padding:12px;}
  .notification-item{padding:12px;}
}
@media(max-width:430px){
  .message-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .notification-panel{top:60px;left:8px;right:8px;border-radius:18px;}
  .notification-panel-head{align-items:flex-start;}
  .notification-panel-head button{font-size:11px;padding-inline:8px;}
  .verify-result-page{padding:12px;border-radius:0;}
  .verify-result-card{padding:24px 18px;border-radius:20px;}
  .verify-result-card h1{font-size:23px;}
}
html[data-theme="dark"] .notification-panel,html[data-theme="dark"] .notification-list,html[data-theme="dark"] .notification-item{background:#111827;border-color:#253044;color:#e5e7eb;}
html[data-theme="dark"] .notification-panel-head{background:#0f172a;border-color:#253044;}
html[data-theme="dark"] .notification-panel-head strong,html[data-theme="dark"] .notification-item-top strong,html[data-theme="dark"] .conversation-item-new.is-unread .conversation-line-new strong{color:#f8fafc;}
html[data-theme="dark"] .notification-panel-head span,html[data-theme="dark"] .notification-item-meta,html[data-theme="dark"] .notification-empty{color:#a8b3c7;}
html[data-theme="dark"] .notification-item:hover,html[data-theme="dark"] .notification-item:focus-visible{background:#162033;}
html[data-theme="dark"] .notification-item p{color:#cbd5e1;}
html[data-theme="dark"] .notification-count{border-color:#050816;}
html[data-theme="dark"] .conversation-item-new.is-unread{background:#121c2d;}
html[data-theme="dark"] .conversation-item-new.is-unread .conversation-content-new p{color:#dbeafe;}
html[data-theme="dark"] .verify-result-page{background:radial-gradient(circle at 50% 0,#172554,transparent 34%),#0b1220;}
html[data-theme="dark"] .verify-result-card{background:#111827;border-color:#253044;color:#e5e7eb;}
html[data-theme="dark"] .verify-result-card h1{color:#f8fafc;}
html[data-theme="dark"] .verify-result-card p{color:#cbd5e1;}
.read-state-form{margin:0;display:inline-flex;align-items:center;}
.read-state-button{white-space:nowrap;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;box-shadow:none;}
.read-state-button:hover{background:#ffedd5;filter:none;}
html[data-theme="dark"] .read-state-button{background:#28170a;border-color:#7c2d12;color:#fed7aa;}
@media(max-width:430px){.read-state-form{width:100%;}.read-state-button{width:100%!important;}}
.topbar-actions .nav-toggle{margin-inline-start:0!important;}

/* sms-v0.2.0-hotfix — תיקון שכבות במסך שיחה ותיבת התראות במובייל */
.message-chat-panel{overflow:hidden;isolation:isolate;}
.chat-header-new{position:sticky;top:0;z-index:80;isolation:isolate;}
.chat-thread-new{z-index:0;isolation:isolate;scroll-padding-top:96px;}
.sms-message-new,.sms-bubble-new{position:relative;z-index:0;}
.read-state-form,.read-state-button,.secondary-action,.mobile-back-to-list{position:relative;z-index:85;}
.notification-panel{z-index:9000;}
.notification-item{appearance:none;-webkit-appearance:none;}
.conversation-item-new{touch-action:manipulation;}
@media(max-width:760px){
  .messages-page.mobile-conversation-open .chat-header-new{position:sticky;top:0;z-index:80;}
  .messages-page.mobile-conversation-open .chat-thread-new{padding-top:16px;min-height:0;}
  .message-chat-panel{min-height:calc(100dvh - 118px);}
  .sms-actions-new{position:relative;z-index:1;}
}
@media(max-width:430px){
  .chat-header-new{align-items:center;}
  .chat-header-new .mobile-back-to-list{order:0;}
  .chat-header-new .conversation-avatar-new.large{order:1;}
  .chat-header-new .chat-header-text{order:2;min-width:0;}
  .chat-header-new .read-state-form{order:3;}
  .chat-header-new .secondary-action{order:4;}
  .chat-thread-new{padding-bottom:calc(28px + env(safe-area-inset-bottom));}
  .app-toast{bottom:calc(14px + env(safe-area-inset-bottom));z-index:9500;}
}

/* sms-v0.2.2 — תיקון קשיח לשכבות שיחה במובייל ולמניעת דריסת כפתורים */
.message-chat-panel{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.message-chat-panel::before{
  z-index:0!important;
}
.chat-header-new{
  position:relative!important;
  top:auto!important;
  z-index:220!important;
  flex:0 0 auto!important;
  background:rgba(255,255,255,.98)!important;
  isolation:isolate!important;
}
.chat-thread-new{
  position:relative!important;
  z-index:1!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  isolation:isolate!important;
  scroll-padding-top:0!important;
}
.sms-message-new,
.sms-bubble-new{
  position:relative!important;
  z-index:1!important;
}
.read-state-form,
.read-state-button,
.secondary-action,
.mobile-back-to-list{
  position:relative!important;
  z-index:230!important;
}

@media(max-width:760px){
  .messages-page.mobile-conversation-open .message-chat-panel{
    min-height:calc(100dvh - 58px)!important;
    max-height:calc(100dvh - 58px)!important;
  }
  .messages-page.mobile-conversation-open .chat-header-new{
    position:relative!important;
    top:auto!important;
    z-index:220!important;
  }
  .messages-page.mobile-conversation-open .chat-thread-new{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-top:14px!important;
  }
}

@media(max-width:430px){
  .chat-header-new{
    display:grid!important;
    grid-template-columns:auto 44px minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:10px 11px 12px!important;
  }
  .chat-header-new .mobile-back-to-list{
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  .chat-header-new .conversation-avatar-new.large{
    grid-column:2!important;
    grid-row:1!important;
    width:42px!important;
    height:42px!important;
  }
  .chat-header-new .chat-header-text{
    grid-column:3!important;
    grid-row:1!important;
    min-width:0!important;
    max-width:none!important;
  }
  .chat-header-new .chat-header-text h2,
  .chat-header-new .chat-header-meta{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .chat-header-new .read-state-form{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
  }
  .chat-header-new .read-state-button{
    width:100%!important;
  }
  .chat-header-new .secondary-action{
    grid-column:1 / -1!important;
    grid-row:3!important;
    width:100%!important;
  }
}

html[data-theme="dark"] .chat-header-new{
  background:rgba(17,24,39,.98)!important;
}


/* === Source: responsive-v0.1.26.css === */

/* v0.1.26 — התאמה רספונסיבית מלאה בלי שינוי לוגיקה קיימת. */

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  min-width: 320px;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
  height: auto;
}

input,
select,
textarea,
button,
.button {
  max-width: 100%;
  font: inherit;
}

textarea {
  width: 100%;
  min-height: 110px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 11px;
  background: #fff;
  font-size: 16px;
  resize: vertical;
}

.container {
  max-width: 1180px;
  overflow-x: clip;
}

.container:has(.messages-page) {
  max-width: 1440px;
  width: 100%;
}

.card,
.number-card,
.contact-card,
.messages-sidebar,
.message-chat-panel,
.messages-filter-card,
.conversation-item-new,
.sms-bubble-new,
.table-card {
  min-width: 0;
}

.card {
  max-width: 100%;
}

.table-card {
  -webkit-overflow-scrolling: touch;
}

pre,
code {
  max-width: 100%;
}

pre {
  white-space: pre;
  overflow-x: auto;
}

.ltr {
  direction: ltr;
  unicode-bidi: embed;
  text-align: left;
}

/* ניווט ראשי — קוד CSS יחיד שמונע דריסה בין גרסאות קודמות. */
.topbar {
  isolation: isolate;
}

.nav-toggle {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.main-nav {
  min-width: 0;
}

.main-nav a,
.main-nav button {
  white-space: nowrap;
}

body.nav-open {
  overflow: hidden;
}

body.nav-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 4998;
  background: rgba(15, 23, 42, .42);
  backdrop-filter: blur(2px);
}

/* כרטיסים כלליים, מספרים ואנשי קשר. */
.page-head {
  min-width: 0;
}

.page-head > div {
  min-width: 0;
}

.page-head h1,
.page-head p {
  overflow-wrap: anywhere;
}

.number-grid,
.contacts-grid,
.grid,
.two {
  min-width: 0;
}

.number-card-head,
.contact-card,
.contact-main,
.contact-actions,
.actions,
.inline {
  min-width: 0;
}

.number-big {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.number-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact-main h2,
.contact-main p,
.contact-main small {
  overflow-wrap: anywhere;
}

.avatar,
.conversation-avatar-new,
.sms-avatar {
  flex-shrink: 0;
}

.avatar img,
.conversation-avatar-new img,
.sms-avatar img {
  height: 100%;
}

/* מסך ההודעות. */
.messages-page {
  width: 100%;
  max-width: 100%;
}

.messages-sidebar,
.conversation-list-new,
.message-chat-panel,
.chat-thread-new {
  min-height: 0;
}

.messages-filter-card {
  align-items: end;
}

.messages-filter-card label,
.messages-search,
.messages-search input {
  min-width: 0;
}

.message-quick-stats,
.message-quick-stats div {
  min-width: 0;
}

.message-quick-stats strong,
.message-quick-stats span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.conversation-content-new,
.conversation-line-new,
.chat-header-text,
.chat-header-meta,
.chat-meta-item,
.sms-meta-row-new,
.sms-actions-new {
  min-width: 0;
}

.conversation-line-new time {
  direction: rtl;
  unicode-bidi: plaintext;
  text-align: left;
  max-width: 46%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.conversation-tags-new {
  flex-wrap: nowrap;
}

.chat-header-new {
  position: relative;
}

.chat-header-meta {
  display: flex;
  align-items: center;
  gap: 7px;
}

.chat-meta-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-date-new span {
  max-width: min(92vw, 520px);
  white-space: normal;
  line-height: 1.45;
}

.sms-meta-row-new {
  direction: rtl;
  unicode-bidi: plaintext;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: right;
}

.sms-meta-row-new span {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.sms-actions-new {
  flex-wrap: wrap;
}

.sms-actions-new button {
  width: auto;
  max-width: 100%;
  min-height: 34px;
}

.sms-bubble-new p {
  overflow-wrap: anywhere;
}

.mobile-back-to-list {
  flex-shrink: 0;
}

/* טפסים. */
.form input,
.form select,
.form textarea,
.filters input,
.filters select,
.inline input,
.inline select,
.messages-filter-card select,
.messages-search input {
  min-width: 0;
}

.form input[type="file"] {
  width: 100%;
}

.avatar-upload-preview {
  min-width: 0;
}

.avatar-upload-preview span {
  overflow-wrap: anywhere;
  font-weight: 700;
}

/* מסכים רחבים — לא מותחים טקסט ללא גבול. */
@media (min-width: 1441px) {
  .container:not(:has(.messages-page)) {
    max-width: 1180px;
  }

  .messages-page {
    max-width: 1440px;
    margin-inline: auto;
    border-inline: 1px solid #dde3ee;
  }
}

/* מחשב נייד וטאבלט אופקי. */
@media (max-width: 1180px) {
  .container {
    padding-inline: 18px;
  }

  .container:has(.messages-page) {
    padding-inline: 0;
  }

  .messages-page {
    grid-template-columns: 350px minmax(0, 1fr);
  }

  .messages-sidebar-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 1024px) {
  .messages-page {
    grid-template-columns: 330px minmax(0, 1fr);
    height: calc(100vh - 64px);
  }

  .chat-header-new {
    padding-inline: 16px;
  }

  .chat-thread-new {
    padding-inline: 16px;
  }

  .sms-bubble-new {
    max-width: 92%;
  }

  .number-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}

/* טאבלט ומטה — תפריט המבורגר קבוע, ברור ונגיש. */
@media (max-width: 860px) {
  .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 5000 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    min-height: 58px;
    padding: 10px 12px !important;
  }

  .brand {
    max-width: calc(100vw - 84px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .nav-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 44px !important;
    position: relative !important;
    z-index: 5004 !important;
    border-radius: 12px;
    font-size: 22px;
    line-height: 1;
    pointer-events: auto !important;
  }

  .main-nav {
    display: none !important;
    position: fixed !important;
    top: 62px !important;
    right: 10px !important;
    left: 10px !important;
    z-index: 5003 !important;
    width: auto !important;
    max-height: calc(100dvh - 78px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: #111827 !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 18px !important;
    padding: 10px !important;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .42) !important;
  }

  .main-nav.is-open {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 7px !important;
  }

  .main-nav a,
  .main-nav button,
  .main-nav form button {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: flex-start !important;
    text-align: right !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    white-space: normal !important;
  }

  .main-nav form {
    width: 100%;
    margin: 0;
  }

  .container {
    padding: 14px;
  }

  .container:has(.messages-page) {
    padding: 0;
  }

  .filters {
    grid-template-columns: 1fr;
  }
}

/* טאבלט עומד ומובייל — מסך הודעות עובד כמצב רשימה או מצב שיחה. */
@media (max-width: 760px) {
  body {
    font-size: 15px;
  }

  .container {
    padding-inline: 12px;
  }

  .container:has(.messages-page) {
    padding: 0 !important;
  }

  .page-head {
    align-items: stretch;
  }

  .page-head .button {
    width: 100%;
  }

  .messages-page {
    height: calc(100dvh - 58px) !important;
    min-height: calc(100dvh - 58px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-top: 0;
  }

  .messages-page.mobile-list-open .message-chat-panel {
    display: none !important;
  }

  .messages-page.mobile-list-open .messages-sidebar {
    display: flex !important;
    width: 100%;
    min-height: calc(100dvh - 58px) !important;
    max-height: none !important;
    border-left: 0;
  }

  .messages-page.mobile-list-open .conversation-list-new {
    flex: 1 1 auto;
    max-height: none !important;
    min-height: 0;
  }

  .messages-page.mobile-conversation-open .messages-sidebar {
    display: none !important;
  }

  .messages-page.mobile-conversation-open .message-chat-panel {
    display: flex !important;
    width: 100%;
    min-height: calc(100dvh - 58px) !important;
  }

  .messages-sidebar-header {
    padding: 12px 12px 9px;
  }

  .messages-sidebar-header h1 {
    font-size: 22px;
  }

  .message-quick-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 9px 10px;
    gap: 6px;
  }

  .message-quick-stats strong {
    font-size: 16px;
  }

  .message-quick-stats span {
    font-size: 10px;
    line-height: 1.2;
    white-space: normal;
  }

  .messages-filter-card {
    grid-template-columns: 1fr;
    padding: 10px;
  }

  .messages-filter-card .primary {
    width: 100%;
  }

  .conversation-item-new {
    padding: 11px 12px;
  }

  .conversation-avatar-new {
    width: 42px;
    height: 42px;
  }

  .conversation-avatar-new.large {
    width: 46px;
    height: 46px;
  }

  .conversation-line-new time {
    display: none !important;
  }

  .conversation-tags-new span {
    max-width: 116px;
  }

  .chat-header-new {
    min-height: 70px;
    padding: 10px 11px;
    gap: 9px;
    align-items: center;
  }

  .chat-header-text h2 {
    font-size: 17px;
  }

  .chat-header-text p {
    font-size: 12px;
  }

  .chat-header-meta {
    flex-wrap: wrap;
    gap: 3px 7px;
    white-space: normal !important;
    line-height: 1.35;
  }

  .chat-meta-item {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
  }

  .chat-meta-virtual {
    font-size: 11px;
    opacity: .86;
  }

  .secondary-action {
    min-height: 40px;
    padding: 8px 10px;
    font-size: 13px;
  }

  .mobile-back-to-list {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
  }

  .chat-thread-new {
    flex: 1 1 auto;
    min-height: 0 !important;
    padding: 13px 10px 22px;
  }

  .sms-bubble-new {
    max-width: 96% !important;
    border-radius: 18px 18px 6px 18px;
  }

  .sms-bubble-new p {
    font-size: 15px;
  }

  .sms-actions-new button {
    font-size: 11px;
    padding: 5px 9px;
    width: auto !important;
  }

  .responsive-table {
    min-width: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
  }

  .responsive-table thead {
    display: none !important;
  }

  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block !important;
    width: 100% !important;
  }

  .responsive-table tr {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(16, 24, 40, .04);
    padding: 8px;
  }

  .responsive-table td {
    border: 0;
    border-bottom: 1px solid var(--line);
    padding: 10px 8px;
    overflow-wrap: anywhere;
  }

  .responsive-table td:last-child {
    border-bottom: 0;
  }

  .responsive-table td::before {
    content: attr(data-label);
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 3px;
  }

  .inline {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .inline input,
  .inline select,
  .inline button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* טלפונים קטנים: 360px / 390px. */
@media (max-width: 430px) {
  .container {
    padding: 10px;
  }

  .container:has(.messages-page) {
    padding: 0;
  }

  .card,
  .number-card,
  .contact-card {
    border-radius: 14px;
    padding: 14px;
  }

  .narrow {
    margin-block: 14px;
  }

  .grid,
  .two,
  .number-grid,
  .contacts-grid {
    grid-template-columns: 1fr !important;
  }

  .number-actions {
    grid-template-columns: 1fr;
  }

  .number-card-head {
    flex-direction: column;
    align-items: stretch;
  }

  .contact-card {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 11px;
  }

  .contact-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .contact-actions .button,
  .contact-actions button {
    width: 100%;
  }

  .form input,
  .form select,
  .form textarea,
  .form button,
  .button.primary {
    width: 100%;
  }

  .topbar {
    min-height: 56px;
  }

  .main-nav {
    top: 60px !important;
    right: 8px !important;
    left: 8px !important;
    max-height: calc(100dvh - 72px) !important;
  }

  .messages-page {
    height: calc(100dvh - 56px) !important;
    min-height: calc(100dvh - 56px) !important;
  }

  .messages-page.mobile-list-open .messages-sidebar,
  .messages-page.mobile-conversation-open .message-chat-panel {
    min-height: calc(100dvh - 56px) !important;
  }

  .messages-sidebar-header {
    gap: 8px;
  }

  .messages-sidebar-header h1 {
    font-size: 21px;
  }

  .icon-button {
    width: 38px;
    height: 38px;
  }

  .message-quick-stats div {
    padding: 7px 5px;
  }

  .conversation-tags-new span {
    max-width: 92px;
  }

  .chat-header-new {
    flex-wrap: wrap;
    align-items: center !important;
  }

  .chat-header-text {
    max-width: calc(100vw - 124px);
  }

  .chat-header-meta .dot,
  .chat-meta-virtual {
    display: none !important;
  }

  .secondary-action {
    width: 100% !important;
  }

  .sms-bubble-new {
    max-width: 100% !important;
  }

  .sms-bubble-new::after {
    display: none;
  }

  .sms-actions-new {
    display: grid;
    grid-template-columns: 1fr;
  }

  .sms-actions-new button {
    width: 100% !important;
    min-height: 38px;
  }
}

@media (max-width: 370px) {
  .brand {
    font-size: 14px;
    max-width: calc(100vw - 78px);
  }

  .message-quick-stats {
    grid-template-columns: 1fr;
  }

  .chat-header-text {
    max-width: calc(100vw - 108px);
  }
}

/* מצב כהה עבור התיקונים החדשים. */
html[data-theme="dark"] textarea,
html[data-theme="dark"] .responsive-table tr {
  background: #0f172a;
  border-color: #334155;
  color: #e5e7eb;
}

html[data-theme="dark"] .messages-page {
  border-color: #253044;
}

/* sms-v0.2.0 — התאמות מובייל להתראות ותיבת הודעות */
.message-quick-stats{grid-template-columns:repeat(4,minmax(0,1fr));}
.topbar-actions{display:inline-flex;align-items:center;gap:8px;position:relative;z-index:5005;}
@media (max-width: 860px){
  .topbar-actions{margin-inline-start:0;}
  .notification-panel{position:fixed!important;top:62px!important;left:10px!important;right:10px!important;width:auto!important;max-height:calc(100dvh - 78px)!important;z-index:6000!important;}
}
@media (max-width: 760px){
  .message-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .conversation-line-side{gap:5px;}
  .unread-badge{min-width:20px;height:20px;font-size:11px;padding-inline:6px;}
}
@media (max-width: 430px){
  .notification-panel{top:60px!important;left:8px!important;right:8px!important;}
}
.topbar-actions .nav-toggle{margin-inline-start:0!important;}


/* === Source: uiux-v0.2.3.css === */

/* sms-v0.2.3 — professional UI/UX, accessibility, responsive and SEO-safe visual layer. */
:root {
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --tap-size: 44px;
  --focus: #f59e0b;
  --surface-soft: #f8fafc;
  --surface-raised: #ffffff;
  --text-strong: #101828;
  --shadow-soft: 0 8px 22px rgba(15, 23, 42, .06);
  --shadow-raised: 0 18px 48px rgba(15, 23, 42, .12);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

* { min-width: 0; }
html { scroll-behavior: smooth; }
body {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body,
button,
input,
select,
textarea {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans Hebrew", sans-serif;
}
img,
svg,
video,
canvas { max-width: 100%; height: auto; }
a { text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }

.skip-link {
  position: fixed;
  inset-block-start: 10px;
  inset-inline-start: 10px;
  z-index: 10000;
  transform: translateY(-140%);
  background: #ffffff;
  color: #111827;
  border: 2px solid var(--focus);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  box-shadow: var(--shadow-raised);
}
.skip-link:focus { transform: translateY(0); outline: none; }

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--focus) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(245, 158, 11, .18) !important;
}
:where(button, .button, input, select, textarea) {
  min-height: var(--tap-size);
}
:where(button, .button) {
  line-height: 1.2;
  border: 1px solid transparent;
  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
:where(button, .button):active { transform: translateY(1px); }
:where(button, .button):disabled {
  opacity: .62;
  cursor: not-allowed;
  transform: none;
}
.primary { box-shadow: 0 8px 18px rgba(36, 87, 214, .20); }
.primary:hover { box-shadow: 0 10px 22px rgba(36, 87, 214, .26); }

.topbar {
  position: sticky !important;
  inset-block-start: 0;
  z-index: 5000;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  min-height: 64px;
  padding-block: 10px;
  padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-size: clamp(16px, 2vw, 20px);
  letter-spacing: -.01em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topbar-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-inline-start: auto;
  flex: 0 0 auto;
}
.language-toggle,
.nav-toggle,
.notification-button,
.theme-toggle {
  width: auto;
  min-width: var(--tap-size);
  min-height: var(--tap-size);
}
.language-toggle,
.nav-toggle {
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.22);
  color: #fff;
  padding-inline: 12px;
  box-shadow: none;
}
.language-toggle:hover,
.nav-toggle:hover,
.notification-button:hover {
  background: rgba(255,255,255,.18);
  filter: none;
}
.main-nav {
  align-items: center;
  gap: 8px;
}
.main-nav a,
.main-nav button,
.main-nav form button {
  min-height: var(--tap-size);
  border-radius: 999px;
  white-space: nowrap;
  text-decoration: none;
}
.main-nav a[aria-current="page"] {
  background: rgba(255,255,255,.16);
  color: #fff;
  opacity: 1;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.main-nav form { margin: 0; }

.container {
  inline-size: min(1220px, 100%);
  padding-inline: clamp(12px, 3vw, 30px);
  padding-block: clamp(14px, 2.4vw, 28px);
}
.container:has(.messages-page) {
  inline-size: min(1520px, 100%);
}
.card,
.number-card,
.contact-card,
.messages-page,
.verify-result-card,
.messages-filter-card,
.sms-bubble-new,
.conversation-item-new,
.message-quick-stats div {
  border-radius: var(--radius-lg);
}
.card:not(.table-card) { overflow-x: clip; }
.card h1:first-child,
.card h2:first-child,
.page-head h1 { margin-top: 0; }
.page-head {
  margin-block-end: 14px;
  align-items: flex-start;
}
.page-head .muted { max-width: 70ch; }
.muted { color: #5b667a; }
.field-help {
  margin: -4px 0 8px;
  color: #667085;
  font-size: 13px;
}
.alert,
.error-box,
.success,
.ajax-status {
  border-radius: var(--radius-md);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.alert,
.error-box { background: #fff1f0; color: #8a1f17; border-color: #ffb4aa; }
.success { color: #065f46; }

.form { gap: 12px; }
.form label,
.filters label,
.messages-filter-card label span {
  color: var(--text-strong);
  font-size: 14px;
  font-weight: 850;
}
.form input,
.form select,
.form textarea,
.filters input,
.filters select,
.inline input,
.inline select,
.messages-filter-card select,
.messages-search input {
  border-color: #cfd6e3;
  border-radius: var(--radius-sm);
  background: #fff;
  color: #111827;
  padding: 11px 13px;
  min-height: var(--tap-size);
}
.form input::placeholder,
.messages-search input::placeholder { color: #7a8799; }
input[type="file"] {
  padding: 10px;
  border: 1px dashed #b7c2d6;
  border-radius: var(--radius-sm);
  background: #fbfcff;
}
.avatar-upload-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 76px;
}
.avatar-upload-preview img {
  inline-size: 58px;
  block-size: 58px;
  object-fit: cover;
  border-radius: 999px;
  flex: 0 0 auto;
}
.is-hidden { display: none !important; }

.number-grid,
.contacts-grid,
.grid,
.two {
  align-items: stretch;
}
.number-card,
.contact-card,
.card {
  box-shadow: var(--shadow-soft);
}
.number-card:hover,
.contact-card:hover,
.conversation-item-new:hover {
  box-shadow: 0 12px 28px rgba(15, 23, 42, .09);
}
.number-actions,
.contact-actions,
.actions {
  gap: 10px;
}
.contact-actions form,
.contact-actions button { width: auto; }
.contact-main h2,
.contact-main p { overflow-wrap: anywhere; }
.avatar,
.conversation-avatar-new {
  overflow: hidden;
  flex: 0 0 auto;
}
.avatar img,
.conversation-avatar-new img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Messages page */
.messages-page {
  background: #eef3fb;
  border: 1px solid #dce3ef;
  overflow: hidden;
  min-height: min(760px, calc(100dvh - 118px));
}
.messages-sidebar,
.message-chat-panel {
  min-width: 0;
}
.messages-sidebar-header,
.chat-header-new,
.messages-filter-card,
.conversation-item-new,
.sms-meta-row-new,
.sms-actions-new,
.chat-header-meta {
  min-width: 0;
}
.message-quick-stats {
  gap: 8px;
}
.message-quick-stats div {
  min-height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.message-quick-stats span,
.conversation-tags-new span,
.chat-header-meta,
.sms-meta-row-new span {
  overflow-wrap: anywhere;
}
.messages-filter-card {
  align-items: end;
}
.messages-search {
  min-width: 0;
}
.conversation-list-new {
  scrollbar-gutter: stable;
}
.conversation-item-new {
  min-height: 76px;
  border: 1px solid transparent;
  outline-offset: -3px;
}
.conversation-item-new.active,
.conversation-item-new.is-unread {
  border-color: rgba(36, 87, 214, .25);
}
.conversation-line-new,
.conversation-line-side,
.conversation-content-new,
.chat-header-text {
  min-width: 0;
}
.conversation-line-new strong,
.conversation-content-new p,
.chat-header-text h2 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.conversation-content-new p {
  white-space: nowrap;
}
.chat-header-new {
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid #dfe6f1;
  box-shadow: 0 1px 0 rgba(15,23,42,.04);
}
.chat-header-text { flex: 1 1 240px; }
.chat-header-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  white-space: normal !important;
}
.read-state-form { margin: 0; flex: 0 0 auto; }
.secondary-action { flex: 0 0 auto; }
.chat-thread-new {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.sms-message-new { max-width: 100%; }
.sms-bubble-new {
  max-width: min(720px, 92%);
  overflow-wrap: anywhere;
}
.sms-bubble-new p {
  margin-top: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.sms-actions-new {
  flex-wrap: wrap;
}
.sms-actions-new button {
  width: auto;
  min-height: 38px;
}
.message-empty-main,
.messages-empty-side,
.empty-state {
  border: 1px dashed #cbd5e1;
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,250,252,.92));
}
.empty-state,
.message-empty-main,
.messages-empty-side {
  overflow-wrap: anywhere;
}
.notification-panel {
  direction: rtl;
  text-align: right;
  overflow: hidden;
}
.notification-list { scrollbar-gutter: stable; }
.notification-item { min-height: 66px; }
.notification-item-top,
.notification-item-meta,
.notification-item p { min-width: 0; }

/* Tables */
.table-card { overflow-x: auto; -webkit-overflow-scrolling: touch; }
table { border-spacing: 0; }
th { color: #526071; }
td { overflow-wrap: anywhere; }
.responsive-table td .button,
.responsive-table td button { margin-block: 2px; }
.inline { align-items: stretch; }
.inline input,
.inline select { min-width: min(180px, 100%); }

pre {
  border: 1px solid rgba(255,255,255,.08);
  line-height: 1.55;
  max-inline-size: 100%;
  -webkit-overflow-scrolling: touch;
}
pre[dir="ltr"] { direction: ltr; text-align: left; }
code { white-space: nowrap; }

/* English mode: keeps default Hebrew, switches layout only after user action. */
html[lang="en"] body { direction: ltr; text-align: left; }
html[lang="en"] .topbar,
html[lang="en"] .main-nav,
html[lang="en"] .page-head,
html[lang="en"] .chat-header-new,
html[lang="en"] .conversation-line-new,
html[lang="en"] .sms-meta-row-new,
html[lang="en"] .notification-panel-head,
html[lang="en"] .notification-item-top { direction: ltr; }
html[lang="en"] th,
html[lang="en"] td,
html[lang="en"] .notification-item,
html[lang="en"] .notification-panel,
html[lang="en"] .form label,
html[lang="en"] .card { text-align: left; }
html[lang="en"] .ltr { direction: ltr; text-align: left; }
html[lang="en"] .number-big { text-align: left; }
html[lang="en"] .main-nav { justify-content: flex-end; }

/* Large screens */
@media (min-width: 1366px) {
  .messages-page { grid-template-columns: minmax(360px, 430px) minmax(0, 1fr); }
  .message-chat-panel { min-height: 760px; }
}
@media (min-width: 1600px) {
  .container:has(.messages-page) { inline-size: min(1680px, 100%); }
  .messages-page { grid-template-columns: 440px minmax(0, 1fr); }
}

/* Tablets */
@media (max-width: 1024px) {
  .container { padding-inline: 16px; }
  .topbar { gap: 10px; }
  .main-nav a,
  .main-nav button,
  .main-nav form button { font-size: 14px; padding-inline: 11px; }
  .messages-page { grid-template-columns: minmax(310px, 37vw) minmax(0, 1fr); }
  .chat-header-new { gap: 10px; }
  .secondary-action,
  .read-state-button { padding-inline: 11px; }
}

/* Mobile navigation */
@media (max-width: 860px) {
  .topbar {
    min-height: 58px;
    gap: 8px;
    padding-block: 8px;
  }
  .brand { max-width: calc(100vw - 164px); }
  .nav-toggle { display: inline-flex !important; }
  .main-nav {
    position: fixed !important;
    inset-block-start: 66px !important;
    inset-inline: 10px !important;
    width: auto !important;
    max-height: calc(100dvh - 78px) !important;
    overflow: auto;
    display: none !important;
    grid-template-columns: 1fr;
    padding: 10px;
    background: rgba(17,24,39,.98);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    box-shadow: var(--shadow-raised);
    z-index: 7000;
  }
  .main-nav.is-open { display: grid !important; }
  .main-nav a,
  .main-nav button,
  .main-nav form button,
  .main-nav form {
    width: 100%;
  }
  .main-nav a,
  .main-nav button,
  .main-nav form button {
    justify-content: flex-start;
    border-radius: 14px;
  }
  html[dir="rtl"] .main-nav a,
  html[dir="rtl"] .main-nav button,
  html[dir="rtl"] .main-nav form button { justify-content: flex-start; text-align: right; }
  .notification-panel {
    position: fixed !important;
    inset-block-start: 64px !important;
    inset-inline: 10px !important;
    width: auto !important;
    max-height: calc(100dvh - 80px) !important;
    border-radius: 18px;
  }
  body.nav-open { overflow: hidden; }
}

/* Phones */
@media (max-width: 760px) {
  :root { --tap-size: 46px; }
  body { font-size: 15.5px; }
  .container { padding: 12px; }
  .container:has(.messages-page) { padding: 0; }
  .page-head { display: grid; grid-template-columns: 1fr; }
  .page-head .button { width: 100%; }
  .card,
  .number-card,
  .contact-card { padding: 15px; border-radius: var(--radius-md); }
  .narrow { margin-block: 18px; }
  .grid,
  .two,
  .number-grid,
  .contacts-grid { grid-template-columns: 1fr !important; }
  .number-actions,
  .contact-actions,
  .actions { display: grid; grid-template-columns: 1fr; }
  .number-actions .button,
  .contact-actions .button,
  .contact-actions button,
  .actions .button,
  .actions button { width: 100%; }

  .messages-page {
    height: calc(100dvh - 58px) !important;
    min-height: calc(100dvh - 58px) !important;
    border: 0;
    border-radius: 0;
  }
  .messages-sidebar-header { position: sticky; top: 0; z-index: 50; background: #fff; }
  .message-quick-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .messages-filter-card { align-items: stretch; }
  .messages-filter-card label,
  .messages-filter-card .primary { width: 100%; }
  .conversation-item-new { border-radius: 0; border-inline: 0; min-height: 74px; }
  .conversation-content-new p { max-width: 100%; }
  .conversation-tags-new { gap: 5px; }
  .conversation-tags-new span { max-width: 48vw; }
  .chat-header-new {
    min-height: auto;
    padding: 9px 10px;
    gap: 8px;
    flex-wrap: wrap;
  }
  .mobile-back-to-list {
    width: auto !important;
    min-height: 38px;
    padding-inline: 10px;
  }
  .conversation-avatar-new.large { width: 42px; height: 42px; }
  .chat-header-text { flex: 1 1 calc(100% - 116px); }
  .chat-header-text h2 { font-size: 17px; }
  .chat-header-meta { font-size: 12px; line-height: 1.35; }
  .read-state-form { flex: 1 1 140px; }
  .read-state-button,
  .secondary-action { width: 100% !important; min-height: 40px; }
  .secondary-action { flex: 1 1 100%; }
  .chat-thread-new { padding: 12px 10px calc(22px + var(--safe-bottom)); }
  .sms-bubble-new { max-width: 100% !important; padding: 12px; }
  .sms-actions-new { display: grid; grid-template-columns: 1fr; }
  .sms-actions-new button { width: 100% !important; min-height: 40px; }

  .responsive-table {
    min-width: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
  }
  .responsive-table thead { display: none !important; }
  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td { display: block !important; width: 100% !important; }
  .responsive-table tr {
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: #fff;
    box-shadow: var(--shadow-soft);
    padding: 8px;
  }
  .responsive-table td { border: 0; border-bottom: 1px solid var(--line); padding: 10px 8px; }
  .responsive-table td:last-child { border-bottom: 0; }
  .responsive-table td::before {
    content: attr(data-label);
    display: block;
    color: #667085;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 4px;
  }
  .inline { display: grid; grid-template-columns: 1fr; }
  .inline input,
  .inline select,
  .inline button { width: 100% !important; min-width: 0 !important; }
}

/* Small phones: 320 / 360 / 375 / 414px */
@media (max-width: 430px) {
  .container { padding: 10px; }
  .container:has(.messages-page) { padding: 0; }
  .topbar { min-height: 56px; }
  .brand { max-width: calc(100vw - 150px); font-size: 15px; }
  .language-toggle,
  .nav-toggle,
  .notification-button { min-width: 40px; width: 40px; height: 40px; padding-inline: 0; }
  .language-toggle { font-size: 12px; }
  .main-nav { inset-block-start: 60px !important; inset-inline: 8px !important; max-height: calc(100dvh - 68px) !important; }
  .notification-panel { inset-block-start: 60px !important; inset-inline: 8px !important; }
  .message-quick-stats { gap: 6px; }
  .message-quick-stats div { min-height: 58px; padding: 7px 5px; }
  .message-quick-stats strong { font-size: 15px; }
  .message-quick-stats span { font-size: 10px; }
  .messages-sidebar-header h1 { font-size: 20px; }
  .messages-filter-card { padding: 10px; }
  .conversation-avatar-new { width: 40px; height: 40px; }
  .conversation-line-new { gap: 6px; }
  .conversation-line-side time { display: none !important; }
  .conversation-tags-new span { max-width: 42vw; }
  .chat-header-new { padding: 8px; }
  .chat-header-text { flex-basis: calc(100% - 94px); }
  .chat-header-meta .dot,
  .chat-meta-virtual { display: none !important; }
  .sms-meta-row-new { display: grid; grid-template-columns: 1fr; gap: 4px; }
  pre { font-size: 12px; padding: 12px; }
}

@media (max-width: 340px) {
  .brand { max-width: calc(100vw - 136px); font-size: 14px; }
  .topbar-actions { gap: 5px; }
  .message-quick-stats { grid-template-columns: 1fr !important; }
  .chat-header-text { flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

/* Dark mode completion */
html[data-theme="dark"] {
  --surface-soft: #0f172a;
  --surface-raised: #111827;
  --text-strong: #f8fafc;
}
html[data-theme="dark"] body { background: #0b1220; color: #e5e7eb; }
html[data-theme="dark"] .muted,
html[data-theme="dark"] .field-help { color: #a8b3c7; }
html[data-theme="dark"] .card,
html[data-theme="dark"] .number-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .messages-sidebar-header,
html[data-theme="dark"] .chat-header-new,
html[data-theme="dark"] .messages-filter-card,
html[data-theme="dark"] .responsive-table tr { background: #111827; border-color: #253044; color: #e5e7eb; }
html[data-theme="dark"] .messages-page { background: #07111f; border-color: #253044; }
html[data-theme="dark"] .message-empty-main,
html[data-theme="dark"] .messages-empty-side,
html[data-theme="dark"] .empty-state { background: #0f172a; border-color: #334155; }
html[data-theme="dark"] .form label,
html[data-theme="dark"] .filters label,
html[data-theme="dark"] .messages-filter-card label span { color: #f8fafc; }
html[data-theme="dark"] .form input,
html[data-theme="dark"] .form select,
html[data-theme="dark"] .form textarea,
html[data-theme="dark"] .filters input,
html[data-theme="dark"] .filters select,
html[data-theme="dark"] .inline input,
html[data-theme="dark"] .inline select,
html[data-theme="dark"] .messages-filter-card select,
html[data-theme="dark"] .messages-search input,
html[data-theme="dark"] input[type="file"] { background: #0f172a; color: #e5e7eb; border-color: #334155; }
html[data-theme="dark"] .sms-bubble-new,
html[data-theme="dark"] .conversation-item-new { background: #111827; border-color: #253044; color: #e5e7eb; }
html[data-theme="dark"] .chat-header-new { background: rgba(17,24,39,.96); }
html[data-theme="dark"] .alert,
html[data-theme="dark"] .error-box { background: #2a1111; color: #fecaca; border-color: #7f1d1d; }
html[data-theme="dark"] .success { background: #06281d; color: #bbf7d0; border-color: #166534; }
html[data-theme="dark"] th { color: #cbd5e1; }
html[data-theme="dark"] .skip-link { background: #111827; color: #fff; }


/* === Source: ui-fixes-v0.2.5.css === */

/* v0.2.5 — focused UI fixes requested after i18n rollout. */

.topbar {
  align-items: center;
}

.topbar-actions {
  flex: 0 0 auto;
  min-width: 0;
}

.language-toggle {
  width: auto !important;
  min-width: 78px !important;
  max-width: none !important;
  height: 40px;
  padding-inline: 12px !important;
  white-space: nowrap;
  text-align: center;
  flex: 0 0 auto;
}

.main-nav a[href="/docs/api"] {
  white-space: nowrap;
}

.messages-sidebar-header-clean {
  min-height: auto;
  padding-block: 14px 12px;
}

.messages-sidebar-header-clean h1 {
  margin: 0;
}

.messages-page.mobile-list-open .messages-sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.messages-page.mobile-list-open .conversation-list-new {
  flex: 1 1 auto;
}

.messages-filter-card,
.messages-filter-card label,
.messages-search {
  min-width: 0;
}

.messages-search input {
  min-width: 0;
}

.number-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 18px;
}

.number-summary-card {
  background: var(--card, #fff);
  border: 1px solid var(--line, #e6e8ef);
  border-radius: 18px;
  padding: 16px;
  box-shadow: var(--shadow, 0 10px 30px rgba(16,24,40,.06));
}

.number-summary-card strong {
  display: block;
  font-size: clamp(24px, 4vw, 34px);
  line-height: 1;
  color: var(--text, #172033);
}

.number-summary-card span {
  display: block;
  margin-top: 7px;
  color: var(--muted, #667085);
  font-weight: 800;
}

.webhook-settings-card .copy-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.webhook-settings-card .copy-row input {
  min-width: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.webhook-secret-box {
  border: 1px solid var(--line, #e6e8ef);
  border-radius: 16px;
  padding: 12px;
  background: #f8fafc;
}

.auto-secret-note {
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  padding: 11px 12px;
  color: var(--muted, #667085);
  background: #fff;
}

.webhook-status-line {
  margin-block: 12px 0;
}

.developer-docs {
  max-width: 1040px;
  margin-inline: auto;
}

.developer-docs h2 {
  margin-top: 28px;
}

.developer-docs h3 {
  margin-top: 22px;
}

.developer-table-wrap {
  margin-block: 12px 18px;
}

.developer-table {
  min-width: 0;
}

.developer-table code {
  white-space: nowrap;
}

@media (max-width: 860px) {
  .topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  .brand {
    max-width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .topbar-actions {
    margin-inline-start: 0 !important;
  }
}

@media (max-width: 760px) {
  .messages-page {
    height: calc(100dvh - 56px) !important;
    min-height: calc(100dvh - 56px) !important;
  }

  .messages-sidebar-header-clean {
    padding: 12px 14px 8px;
    position: sticky;
    top: 0;
    z-index: 50;
  }

  .messages-filter-card {
    padding: 9px 12px 10px !important;
    gap: 8px !important;
  }

  .messages-filter-card label > span {
    font-size: 12px;
    margin-bottom: 3px;
  }

  .messages-filter-card select,
  .messages-filter-card input,
  .messages-filter-card .primary {
    min-height: 42px;
  }

  .messages-page.mobile-list-open .messages-sidebar {
    min-height: calc(100dvh - 56px) !important;
    max-height: none !important;
  }

  .messages-page.mobile-list-open .conversation-list-new {
    max-height: none !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .number-summary-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .number-summary-card {
    padding: 14px;
  }

  .webhook-settings-card .copy-row {
    grid-template-columns: 1fr;
  }

  .webhook-settings-card .copy-row .button {
    width: 100%;
  }
}

@media (max-width: 430px) {
  .topbar {
    min-height: 56px;
    padding-inline: 8px;
  }

  .language-toggle {
    width: auto !important;
    min-width: 64px !important;
    height: 38px !important;
    padding-inline: 9px !important;
    font-size: 12px !important;
  }

  .notification-button,
  .nav-toggle {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  .topbar-actions {
    gap: 4px !important;
  }

  .messages-sidebar-header-clean h1 {
    font-size: 19px;
  }

  .messages-filter-card {
    padding-inline: 9px !important;
  }

  .developer-docs {
    border-radius: 0;
    margin: 0;
  }
}

html[data-theme="dark"] .number-summary-card,
html[data-theme="dark"] .webhook-secret-box,
html[data-theme="dark"] .auto-secret-note {
  background: #111827;
  border-color: #253044;
  color: #e5e7eb;
}

html[data-theme="dark"] .number-summary-card strong {
  color: #f8fafc;
}


/* === Source: ui-fixes-v0.2.6.css === */


/* v0.2.6 — compact language switcher and concise developer docs. */

.language-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
}

.language-toggle-short {
  display: none;
  font-weight: 900;
  letter-spacing: .02em;
}

.language-toggle-long {
  display: inline-block;
  max-width: 82px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.language-toggle-icon {
  font-size: 15px;
  line-height: 1;
}

.developer-docs-compact {
  max-width: 880px;
}

.developer-docs-compact h2 {
  margin-top: 26px;
}

.developer-docs-compact pre {
  overflow-x: auto;
  white-space: pre;
  max-width: 100%;
}

.developer-fields-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 16px;
}

.developer-field-card {
  border: 1px solid var(--line, #e6e8ef);
  border-radius: 16px;
  padding: 14px;
  background: var(--card, #fff);
}

.developer-field-card code {
  display: inline-block;
  direction: ltr;
  text-align: left;
  margin-bottom: 10px;
}

.developer-field-card strong {
  display: block;
  margin-bottom: 6px;
}

.developer-field-card p {
  margin: 0;
  color: var(--muted, #667085);
}

.developer-note {
  border: 1px solid #f59e0b44;
  border-radius: 16px;
  padding: 14px 16px;
  background: #fffbeb;
  margin: 14px 0 18px;
}

.developer-note p {
  margin: 8px 0 0;
}

.developer-flow {
  margin-block: 10px 0;
  padding-inline-start: 1.4rem;
}

[dir="rtl"] .developer-flow {
  padding-inline-start: 0;
  padding-inline-end: 1.4rem;
}

@media (max-width: 760px) {
  .topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .topbar-actions {
    display: inline-grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: max-content !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 5px !important;
    max-width: 148px !important;
  }

  .language-toggle {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 12px !important;
  }

  .language-toggle-icon,
  .language-toggle-long {
    display: none !important;
  }

  .language-toggle-short {
    display: inline-block !important;
  }

  .notification-button,
  .nav-toggle {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
  }

  .developer-fields-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (max-width: 360px) {
  .topbar-actions {
    max-width: 128px !important;
    gap: 4px !important;
  }

  .language-toggle,
  .notification-button,
  .nav-toggle {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
}

html[data-theme="dark"] .developer-field-card {
  background: #111827;
  border-color: #253044;
  color: #e5e7eb;
}

html[data-theme="dark"] .developer-note {
  background: #1f1a0c;
  border-color: #7c5a12;
  color: #f8fafc;
}


/* === Source: ui-fixes-v0.2.7.css === */

/* v0.2.7 — exact language button fix + webhook-only developer examples. */

.topbar .topbar-actions {
  min-width: 0 !important;
  flex-shrink: 0 !important;
}

.topbar .language-toggle-clean {
  width: auto !important;
  min-width: 76px !important;
  max-width: 92px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.topbar .language-toggle-clean .language-toggle-label {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.developer-docs-webhook-only {
  max-width: 1040px;
}

.developer-docs-webhook-only h2 {
  margin-top: 28px;
}

.developer-docs-webhook-only h3 {
  margin-top: 22px;
}

.developer-docs-webhook-only pre {
  overflow-x: auto;
  white-space: pre;
  max-width: 100%;
}

.developer-docs-webhook-only .developer-table-wrap {
  margin-block: 12px 18px;
}

.developer-docs-webhook-only .developer-table {
  min-width: 0;
}

.developer-docs-webhook-only .developer-table code {
  white-space: nowrap;
}

@media (max-width: 760px) {
  .topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px !important;
  }

  .brand {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .topbar .topbar-actions {
    display: inline-grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: max-content !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 5px !important;
    max-width: none !important;
  }

  .topbar .language-toggle-clean {
    min-width: 68px !important;
    max-width: 74px !important;
    width: 68px !important;
    height: 38px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  .notification-button,
  .nav-toggle {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  .developer-docs-webhook-only {
    border-radius: 0;
    margin: 0;
  }
}

@media (max-width: 360px) {
  .topbar {
    padding-inline: 6px !important;
  }

  .topbar .topbar-actions {
    gap: 4px !important;
  }

  .topbar .language-toggle-clean {
    min-width: 62px !important;
    max-width: 66px !important;
    width: 62px !important;
    font-size: 11px !important;
    padding-inline: 6px !important;
  }

  .notification-button,
  .nav-toggle {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
}

/* === v0.2.9 billing / purchase page === */
.billing-plan-card{max-width:620px}.billing-price-box{display:flex;align-items:flex-end;gap:10px;margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc)}.billing-price-box strong{font-size:44px;line-height:1;color:#101828}.billing-price-box span{color:var(--muted);font-weight:800;margin-bottom:6px}.billing-feature-list{display:grid;gap:8px;margin:16px 0 20px;padding-inline-start:1.3rem}.billing-feature-list li{line-height:1.55}.small-note{font-size:13px;margin-top:12px}.verify-result-card .actions{justify-content:center;margin-top:18px}@media(max-width:640px){.billing-price-box{align-items:center}.billing-price-box strong{font-size:38px}.billing-plan-card .primary{width:100%}}
html[data-theme="dark"] .billing-price-box{background:#111827;border-color:#253044}html[data-theme="dark"] .billing-price-box strong{color:#f8fafc}


/* v0.2.11 billing page clarity */
.billing-eyebrow{margin:0 0 8px;color:var(--primary);font-size:13px;font-weight:900;}
.billing-summary-box{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;}
.billing-summary-box h2{margin:0 0 8px;font-size:18px;}
.billing-summary-box.muted-box{background:#f8fafc;}
.billing-checkout-form{margin-top:18px;}
html[data-theme="dark"] .billing-summary-box{background:#111827;border-color:#253044;}
html[data-theme="dark"] .billing-summary-box.muted-box{background:#0f172a;}

/* v0.4.0 beta: customer-facing copy cleanup and notification wording */
.beta-contact-card .billing-summary-box{margin-top:18px;}
.beta-contact-box{border:1px solid rgba(37,99,235,.18);background:linear-gradient(180deg,#f8fbff,#eef6ff);}
.contact-methods{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px;}
.contact-method{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dbeafe;border-radius:18px;background:#fff;color:#10233f;text-decoration:none;box-shadow:0 10px 24px rgba(15,23,42,.06);}
.contact-method:hover,.contact-method:focus-visible{transform:translateY(-1px);box-shadow:0 16px 32px rgba(15,23,42,.10);outline:none;}
.contact-method strong{display:block;margin-bottom:2px;color:#0f172a;}
.contact-method span span{display:block;color:#475569;font-weight:800;}
.contact-icon{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;font-size:22px;flex:0 0 auto;}
.notification-browser-row{padding:10px 14px;border-bottom:1px solid #eef2f7;background:#fbfdff;}
.notification-browser-row button{width:100%;min-height:36px;border-radius:999px;padding:7px 12px;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;font-size:12px;font-weight:900;box-shadow:none;}
.notification-browser-row button.is-active{background:#eef4ff;color:#1d4ed8;border-color:#bfdbfe;}
.notification-browser-row button.is-disabled,.notification-browser-row button:disabled{cursor:not-allowed;opacity:.72;filter:none;}
button.is-disabled,.button.is-disabled{cursor:not-allowed;opacity:.66;filter:saturate(.7);}
.sms-credits-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #eef2f7;background:#fff;color:#344054;font-weight:800;}
.sms-credits-summary strong{font-size:20px;color:#101828;}
.mailbox-nav{grid-template-columns:repeat(4,minmax(0,1fr));}
.mailbox-nav .button{text-align:center;}
html[data-theme="dark"] .beta-contact-box{background:#0f172a;border-color:#253044;}
html[data-theme="dark"] .contact-method{background:#111827;border-color:#253044;color:#e5e7eb;}
html[data-theme="dark"] .contact-method strong{color:#f8fafc;}
html[data-theme="dark"] .contact-method span span{color:#cbd5e1;}
html[data-theme="dark"] .contact-icon{background:#172033;}
html[data-theme="dark"] .notification-browser-row{background:#0f172a;border-color:#253044;}


/* Password field visibility toggle */
.password-field{display:flex;align-items:center;gap:8px;width:100%}
.password-field input{flex:1 1 auto;min-width:0}
.password-toggle-button{flex:0 0 auto;white-space:nowrap;min-width:64px;padding-inline:10px}
.admin-password-reset-form{align-items:stretch}
.admin-password-reset-form .password-field{min-width:min(260px,100%)}
@media(max-width:640px){.password-field{display:grid;grid-template-columns:1fr auto}.admin-password-reset-form{display:grid;grid-template-columns:1fr;gap:8px}}




.google-login-button{width:100%;background:#fff;color:#1f2937;border:1px solid var(--line);box-shadow:0 1px 2px rgba(16,24,40,.06)}
.google-login-button span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-weight:800;font-family:Arial,sans-serif;color:#4285f4}
.google-login-button:hover{background:#f9fafb}




/* Google Sign-In button aligned with Google Identity branding basics */
.google-login-button{
  width:100%;
  min-height:44px;
  background:#ffffff;
  color:#1f1f1f;
  border:1px solid #dadce0;
  border-radius:4px;
  box-shadow:none;
  font-family:Roboto,Arial,sans-serif;
  font-size:14px;
  font-weight:500;
  letter-spacing:.25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.google-login-button:hover{background:#f8faff;border-color:#d2e3fc}
.google-login-button:active{background:#ecf3fe}
.google-g-icon{width:18px;height:18px;display:inline-block;flex:0 0 18px}

/* Modern password eye toggle inside the input */
.password-field-modern{
  position:relative;
  display:block;
  width:100%;
}
.password-field-modern input{
  width:100%;
  padding-inline-end:48px!important;
}
.password-eye-button{
  position:absolute;
  inset-inline-end:6px;
  top:50%;
  transform:translateY(-50%);
  width:36px!important;
  height:36px!important;
  min-height:36px!important;
  min-width:36px!important;
  padding:0!important;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#667085;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.password-eye-button:hover{background:rgba(102,112,133,.12);filter:none}
.password-eye-button svg{width:22px;height:22px;fill:currentColor}
.password-field-modern.is-visible .password-eye-button{color:#2457d6}

/* Keep older classes harmless if cached markup exists */
.password-field{display:block;width:100%}
.password-toggle-button{display:none}




/* Official Google Identity Services button container */
.google-login-official-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:8px;
  min-height:44px;
}
.google-login-official-wrap .g_id_signin{
  max-width:100%;
}




/* Google redirect button: custom HTML button using Google G brand asset */
.google-redirect-button{
  background:#fff;
  color:#1f1f1f;
  border:1px solid #dadce0;
  border-radius:4px;
  min-height:44px;
  font-family:Roboto,Arial,sans-serif;
  font-size:14px;
  font-weight:500;
  letter-spacing:.25px;
  width:100%;
  box-shadow:none;
  gap:12px;
}
.google-redirect-button:hover{background:#f8faff;border-color:#d2e3fc;filter:none}
.google-brand-g{width:18px;height:18px;flex:0 0 18px}





/* v0.5.8 UI polish: professional Google button, fixed logout, responsive safety */
.login-divider{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--muted);
  font-size:13px;
  margin:16px 0 12px;
}
.login-divider::before,
.login-divider::after{
  content:"";
  height:1px;
  background:var(--line);
  flex:1 1 auto;
}
.google-login-button.google-redirect-button{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:#ffffff;
  color:#1f2937;
  border:1px solid #d0d5dd;
  border-radius:12px;
  box-shadow:0 1px 2px rgba(16,24,40,.05);
  font-family:Arial,'Noto Sans Hebrew',sans-serif;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:0;
  text-decoration:none;
  padding:11px 14px;
}
.google-login-button.google-redirect-button:hover{
  background:#f9fafb;
  border-color:#98a2b3;
  filter:none;
}
.google-login-button.google-redirect-button:focus-visible{
  outline:3px solid rgba(36,87,214,.25);
  outline-offset:2px;
}
.google-icon-box{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 24px;
}
.google-brand-g{
  width:18px;
  height:18px;
  display:block;
}
.google-button-text{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}

/* Navbar logout must remain a compact navigation action, not a full-width mobile form button */
.main-nav .nav-logout-form,
nav .nav-logout-form{
  margin:0;
  display:inline-flex;
  align-items:center;
  width:auto;
  flex:0 0 auto;
}
.main-nav .nav-logout-button,
nav .nav-logout-button{
  width:auto!important;
  min-height:34px;
  padding:6px 8px;
  border-radius:8px;
  background:transparent;
  color:#fff;
  font-weight:700;
  opacity:.92;
  box-shadow:none;
}
.main-nav .nav-logout-button:hover,
nav .nav-logout-button:hover{
  background:rgba(255,255,255,.1);
  filter:none;
  opacity:1;
}
@media(max-width:640px){
  .main-nav .nav-logout-form,
  nav .nav-logout-form{
    width:100%;
  }
  .main-nav .nav-logout-button,
  nav .nav-logout-button{
    width:100%!important;
    justify-content:flex-start;
    min-height:42px;
  }
  .google-login-button.google-redirect-button{
    min-height:48px;
    border-radius:14px;
    font-size:15px;
  }
}
@media(max-width:380px){
  .google-login-button.google-redirect-button{
    font-size:14px;
    gap:10px;
    padding-inline:10px;
  }
}




/* v0.5.9: fix Google button text overflow caused by legacy .google-login-button span rules */
.google-login-button.google-redirect-button{
  max-width:100%;
  overflow:hidden;
  direction:rtl;
}
.google-login-button.google-redirect-button .google-icon-box{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  flex:0 0 24px!important;
  color:inherit!important;
  border-radius:0!important;
}
.google-login-button.google-redirect-button .google-button-text{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  flex:0 1 auto!important;
  display:inline-block!important;
  color:inherit!important;
  border-radius:0!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.25;
}
.google-login-button.google-redirect-button .google-brand-g{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  display:block;
}
@media(max-width:360px){
  .google-login-button.google-redirect-button .google-button-text{
    font-size:13px;
  }
}




/* v0.6.0 login responsive and UI/UX hardening */
.login-shell{
  width:min(560px, calc(100vw - 24px));
  overflow:visible;
}
.login-password-form{
  width:100%;
}
.login-help{
  margin:12px 0 0;
  text-align:center;
}
.login-divider{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--muted);
  font-size:13px;
  margin:16px 0 12px;
}
.login-divider::before,
.login-divider::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  background:var(--line);
}
.google-login-button.google-redirect-button{
  width:100%;
  max-width:100%;
  min-height:48px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:#ffffff;
  color:#1f2937;
  border:1px solid #d0d5dd;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(16,24,40,.05);
  font-family:Arial,'Noto Sans Hebrew',sans-serif;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  padding:12px 14px;
  overflow:hidden;
}
.google-login-button.google-redirect-button:hover{
  background:#f9fafb;
  border-color:#98a2b3;
  filter:none;
}
.google-login-button.google-redirect-button:focus-visible{
  outline:3px solid rgba(36,87,214,.25);
  outline-offset:2px;
}
.google-login-button.google-redirect-button .google-icon-box{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  flex:0 0 24px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  color:inherit!important;
  border-radius:0!important;
}
.google-login-button.google-redirect-button .google-brand-g{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  display:block!important;
}
.google-login-button.google-redirect-button .google-button-text{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  flex:0 1 auto!important;
  display:inline-block!important;
  color:inherit!important;
  border-radius:0!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.25;
}
@media(max-width:640px){
  .login-shell{
    width:100%;
    margin:14px auto;
    border-radius:16px;
    padding:16px;
  }
  .login-card{
    margin-top:14px;
  }
  .google-login-button.google-redirect-button{
    min-height:50px;
    border-radius:14px;
    font-size:15px;
  }
}
@media(max-width:380px){
  .login-shell{
    padding:14px;
  }
  .google-login-button.google-redirect-button{
    gap:10px;
    padding-inline:10px;
    font-size:14px;
  }
}
@media(max-width:330px){
  .google-login-button.google-redirect-button .google-button-text{
    font-size:13px;
  }
}



/* v0.6.5 — Webhook delivery visibility */
.webhook-deliveries-card{max-width:1180px;margin-inline:auto}.webhook-deliveries-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.webhook-deliveries-head h2{margin:0 0 6px}.badge.danger{background:#fff0ee;color:var(--danger);border:1px solid #fecdca}.webhook-deliveries-table-wrap{overflow-x:auto}.webhook-deliveries-table{min-width:920px}.webhook-deliveries-table td{vertical-align:top}.webhook-delivery-status-failed{background:rgba(254,242,242,.45)}.webhook-delivery-status-retrying{background:rgba(255,251,235,.6)}.webhook-response-preview,.webhook-url-preview{display:inline-block;max-width:320px;white-space:normal;overflow-wrap:anywhere}.compact-empty{box-shadow:none;margin:10px 0 0;padding:14px;border:1px dashed var(--line);background:#f8fafc}.compact-empty h3{margin-top:0}@media(max-width:640px){.webhook-deliveries-table{min-width:0}.webhook-deliveries-card{padding:14px}.webhook-response-preview,.webhook-url-preview{max-width:100%}}

/* v0.6.7 password match validation */
.field-error.password-match-error{margin-top:6px;color:#b42318;font-size:13px;font-weight:800;line-height:1.45;}
html[data-theme="dark"] .field-error.password-match-error{color:#fda29b;}
.has-password-mismatch input[name="confirm_password"]{border-color:#d92d20;box-shadow:0 0 0 3px rgba(217,45,32,.12);}

button.danger,.button.danger{background:var(--danger);color:#fff}button.danger:hover,.button.danger:hover{filter:brightness(.96)}
.admin-user-delete-form{margin-top:6px}

/* v0.6.13 brand assets + beta quality layer */
.brand-acloud{gap:9px;letter-spacing:.01em;min-height:44px;}
.brand-mark{width:32px;height:32px;border-radius:999px;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.18);}
.brand-short{font-weight:950;line-height:1;}
.brand-product{font-size:12px;font-weight:900;color:#c7d2fe;border:1px solid rgba(199,210,254,.35);border-radius:999px;padding:2px 7px;line-height:1.2;}
.nav-icon{width:18px;height:18px;display:inline-block;position:relative;flex:0 0 18px;border:1.8px solid currentColor;border-radius:5px;opacity:.92;}
.nav-icon::after{content:"";position:absolute;inset:4px;border-radius:999px;background:currentColor;opacity:.5;}
.nav-icon-messages{border-radius:6px 6px 6px 2px;}
.nav-icon-messages::before{content:"";position:absolute;bottom:-5px;right:2px;border-style:solid;border-width:5px 5px 0 0;border-color:currentColor transparent transparent transparent;opacity:.85;}
.nav-icon-numbers{border-radius:4px;}
.nav-icon-numbers::before{content:"";position:absolute;top:2px;left:5px;right:5px;height:1.8px;background:currentColor;border-radius:999px;}
.nav-icon-contacts{border-radius:999px;}
.nav-icon-contacts::before{content:"";position:absolute;width:8px;height:8px;border-radius:999px;background:currentColor;left:-5px;top:4px;opacity:.65;}
.nav-icon-api{border-radius:999px;}
.nav-icon-api::before{content:"";position:absolute;inset:3px;border:1.5px solid currentColor;border-radius:2px;transform:rotate(45deg);}
.nav-icon-lock{border-radius:4px;}
.nav-icon-lock::before{content:"";position:absolute;width:10px;height:8px;border:1.8px solid currentColor;border-bottom:0;border-radius:999px 999px 0 0;left:2px;top:-7px;}
.nav-icon-theme{border-radius:999px;}
.nav-icon-theme::after{inset:3px;background:transparent;border-radius:999px;box-shadow:5px 0 0 currentColor;opacity:.8;}
.nav-icon-admin{border-radius:4px;transform:rotate(45deg);}
.nav-icon-logout{border-radius:3px;}
.nav-icon-logout::before{content:"";position:absolute;width:8px;height:2px;background:currentColor;right:-5px;top:7px;border-radius:999px;}
.nav-icon-bell{border-radius:999px 999px 7px 7px;width:17px;height:18px;}
.nav-icon-bell::before{content:"";position:absolute;width:7px;height:2px;background:currentColor;left:4px;bottom:-5px;border-radius:999px;}
.main-nav a,.main-nav button,.main-nav form button{display:inline-flex;align-items:center;gap:7px;min-height:44px;}
.notification-button{min-height:44px;height:44px;}
.copy-field{display:flex;gap:8px;align-items:center;}
.copy-field input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px;font-size:15px;background:#fff;}
.checkbox-row{display:flex!important;align-items:center;gap:8px;font-weight:700;}
.checkbox-row input{width:auto!important;min-height:0!important;}
.onboarding-card{border-color:#dbeafe;background:linear-gradient(180deg,#fff,#f8fbff);}
.clean-steps{margin:12px 0;padding-inline-start:1.25rem;}
.clean-steps li{margin:6px 0;}
.number-request-page textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff;font-size:16px;resize:vertical;min-height:110px;}
.number-request-form{margin-top:16px;}
.loading-brand{width:64px;height:64px;background:url('/public/brand/acloud-loading.gif') center/contain no-repeat;display:inline-block;}
html[data-theme="dark"] .onboarding-card{background:linear-gradient(180deg,#111827,#0f172a);border-color:#334155;}
html[data-theme="dark"] .copy-field input,
html[data-theme="dark"] .number-request-page textarea{background:#111827;color:#e5e7eb;border-color:#334155;}
@media(max-width:640px){.brand-product{display:none}.brand-mark{width:30px;height:30px}.copy-field{display:grid;grid-template-columns:1fr}.copy-field button{width:100%;}.main-nav a,.main-nav button,.main-nav form button{min-height:44px;}}


.site-footer{padding:20px;text-align:center;color:var(--muted);font-size:.92rem}
.site-footer a{color:inherit;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.legal-page{max-width:920px;margin-inline:auto;line-height:1.85}
.legal-page h2{margin-top:1.8rem}
.password-policy-help{display:block;margin-top:.35rem}

/* v0.6.15 user settings */
.code-block {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0.35rem 0 0.75rem;
  padding: 0.75rem;
  border: 1px solid var(--border, #d1d5db);
  border-radius: 0.75rem;
  background: var(--surface-muted, #f3f4f6);
  color: var(--text, #111827);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.92rem;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
textarea.code-block {
  min-height: 5.5rem;
  resize: vertical;
}
html[data-theme="dark"] .code-block {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.16);
}

/* v0.6.18 — point fixes: clean 2FA setup and remove chat decorative overlay */
.message-chat-panel::before{
  display:none!important;
}
.radio-card{
  display:flex!important;
  align-items:flex-start;
  gap:10px;
  width:100%;
  border:1px solid var(--line,#e6e8ef);
  border-radius:16px;
  padding:12px 14px;
  background:var(--card,#fff);
  cursor:pointer;
}
.radio-card input{
  width:auto!important;
  margin-top:4px;
  flex:0 0 auto;
}
.setup-steps{
  line-height:1.8;
  padding-inline-start:1.4rem;
}

/* v0.6.19 beta complete polish */
.backup-code-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin:1rem 0;padding:0;list-style:none}.backup-code-list li{padding:.55rem .7rem;border:1px solid var(--border,#d1d5db);border-radius:10px;background:var(--surface-muted,#f9fafb);text-align:center}.backup-code-list code{font-size:1rem;font-weight:700;letter-spacing:.04em}.site-footer a[href="/feedback"]{font-weight:700}.inline-form select,.inline-form input{max-width:220px;margin-inline:.25rem .25rem}

/* sms-v0.6.31 — realtime connection indicator */
.realtime-status-row{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid #eef2f7;background:#ffffff;color:#475467;font-size:12px;font-weight:850;line-height:1.35;}
.realtime-dot{width:9px;height:9px;min-width:9px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.16);}
.realtime-dot.is-connected{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.16);}
.realtime-dot.is-connecting,.realtime-dot.is-reconnecting{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.16);}
.realtime-dot.is-offline,.realtime-dot.is-unsupported{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.14);}
html[data-theme="dark"] .realtime-status-row{background:#111827;border-color:#253044;color:#cbd5e1;}

/* v0.6.33: clean OTP code input with visible paste action */
.otp-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.otp-field-row input{text-align:center;letter-spacing:.18em;direction:ltr;unicode-bidi:embed;font-size:18px;font-weight:800}
.otp-paste-button{white-space:nowrap}
@media(max-width:640px){.otp-field-row{grid-template-columns:1fr}.otp-paste-button{width:100%}}

/* v0.6.34 admin cleanup */
.admin-customer-edit-form,
.admin-provider-token-edit-form,
.admin-number-edit-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:8px;min-width:min(640px,100%)}
.admin-customer-edit-form button,
.admin-provider-token-edit-form button,
.admin-number-edit-form button{width:100%}
.messages-filter-card button[type="submit"]{display:none}