:root{--bg:#f4f7fb;--panel:#fff;--panel-2:#f8fafc;--text:#172033;--muted:#6c7890;--line:#e5eaf1;--primary:#3157d5;--primary-2:#2343ae;--success:#138a5b;--warning:#c27a12;--danger:#c13a4a;--shadow:0 10px 30px rgba(24,38,75,.07);--radius:16px;--sidebar:270px}*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}body.dark{--bg:#0f1420;--panel:#171e2c;--panel-2:#1b2434;--text:#eef3fb;--muted:#9ba8bd;--line:#293449;--shadow:0 10px 30px rgba(0,0,0,.18)}a{color:var(--primary);text-decoration:none}input,select,textarea,button{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:#111827;color:#dce4f3;padding:22px 16px;display:flex;flex-direction:column;z-index:30;transition:.25s}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 24px}.brand strong{display:block;color:#fff;font-size:15px}.brand small{display:block;color:#8fa0b9;margin-top:3px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#5476f4,#2f4fc7);color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(49,87,213,.35)}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#aebbd0;padding:12px 14px;border-radius:11px;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{background:#26334a;color:#fff}.sidebar nav a span{width:22px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid #293449;padding:18px 10px 0}.sidebar-footer span,.sidebar-footer small{display:block}.sidebar-footer small{color:#8391a8;margin-top:4px}.main{min-width:0;flex:1;margin-inline-start:var(--sidebar);display:flex;flex-direction:column;min-height:100vh}.topbar{height:72px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:20}.icon-btn,.lang-btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);width:40px;height:40px;border-radius:11px;display:grid;place-items:center;cursor:pointer}.icon-btn.danger{color:var(--danger)}.top-search{flex:1;max-width:520px}.top-search input{width:100%;border:1px solid var(--line);background:var(--panel-2);padding:11px 14px;border-radius:12px;color:var(--text)}.top-actions{display:flex;gap:8px;margin-inline-start:auto}.content{padding:28px;flex:1}.footer{padding:20px 28px;color:var(--muted);border-top:1px solid var(--line)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:0 0 6px;font-size:26px}.page-head p{margin:0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-2)}.btn.success{background:var(--success);border-color:var(--success);color:#fff}.btn.ghost{background:transparent}.btn.small{padding:6px 9px;font-size:12px}.btn.full{width:100%}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.card-head h2{margin:0;font-size:17px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stats-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow)}.stat-card span{display:block;color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:26px;margin-top:4px}.stat-card small{color:var(--muted)}.stat-icon{width:48px;height:48px;border-radius:14px;background:rgba(49,87,213,.11);color:var(--primary);display:grid;place-items:center;font-size:20px;font-weight:700}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:13px 12px;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;color:var(--muted);text-transform:uppercase;background:var(--panel-2);position:sticky;top:0}tbody tr:hover{background:var(--panel-2)}td.actions{white-space:nowrap}.badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:12px;border:1px solid var(--line)}.badge.success{background:rgba(19,138,91,.11);color:var(--success);border-color:rgba(19,138,91,.2)}.badge.warning{background:rgba(194,122,18,.11);color:var(--warning);border-color:rgba(194,122,18,.2)}.badge.danger{background:rgba(193,58,74,.11);color:var(--danger);border-color:rgba(193,58,74,.2)}.badge.muted{color:var(--muted)}.filters,.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filters input,.filters select,.inline-form input,.inline-form select{min-width:180px}.form-card{max-width:1050px}.form-card label,.card form label{display:grid;gap:7px;margin-bottom:15px;color:var(--muted);font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.form-card input,.form-card select,.form-card textarea,.card form input,.card form select,.card form textarea{width:100%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;padding:11px 12px;outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.card form input:focus,.card form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(49,87,213,.1)}label.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important}label.check input{width:auto!important}.form-actions{display:flex;gap:10px;margin-top:8px}.alert{padding:13px 15px;border-radius:11px;margin-bottom:16px;border:1px solid var(--line);background:var(--panel)}.alert.success{border-color:rgba(19,138,91,.28);background:rgba(19,138,91,.08);color:var(--success)}.alert.error,.alert.danger{border-color:rgba(193,58,74,.28);background:rgba(193,58,74,.08);color:var(--danger)}.alert.warning{border-color:rgba(194,122,18,.28);background:rgba(194,122,18,.08);color:var(--warning)}.alert.info{border-color:rgba(49,87,213,.25);background:rgba(49,87,213,.07);color:var(--primary)}.pagination{display:flex;gap:6px;justify-content:center;padding-top:18px}.pagination a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--text)}.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.empty{text-align:center!important;color:var(--muted);padding:30px!important}.activity-list{display:grid;gap:15px}.activity{display:flex;gap:11px}.activity-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);margin-top:5px;flex:0 0 auto}.activity p{margin:3px 0;color:var(--muted)}.activity small{color:var(--muted)}.profile-grid{display:grid;grid-template-columns:330px 1fr;gap:22px}.profile-card{text-align:center}.avatar{margin:auto;width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#5476f4,#2f4fc7);color:#fff;font-size:30px;font-weight:800}.profile-card h2{margin:13px 0 8px}.profile-card dl{text-align:start;margin-top:22px}.profile-card dt{color:var(--muted);font-size:12px}.profile-card dd{margin:4px 0 14px;font-weight:600}.data-box{text-align:start;background:var(--panel-2);border:1px solid var(--line);padding:13px;border-radius:11px;white-space:normal;word-break:break-word}.generated-code{margin-top:20px;border:1px dashed var(--primary);background:rgba(49,87,213,.06);padding:18px;border-radius:13px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.generated-code code{font-size:18px;word-break:break-all;flex:1}.notes-list{display:grid;gap:12px}.notes-list article{background:var(--panel-2);border:1px solid var(--line);padding:15px;border-radius:12px}.notes-list article p{margin:0 0 8px}.notes-list article small{color:var(--muted)}.template-form{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.template-form:last-child{border:0}.template-form h3{margin:0 0 12px}.env-status{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#e8edff,var(--bg) 50%)}body.dark.login-page{background:radial-gradient(circle at top,#1b2a59,var(--bg) 50%)}.login-card{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 70px rgba(25,42,90,.15);padding:34px}.login-brand{text-align:center;margin-bottom:24px}.login-brand .brand-mark{margin:auto}.login-brand h1{font-size:22px;margin:15px 0 6px}.login-brand p{color:var(--muted);margin:0}.login-card label{display:grid;gap:7px;margin-bottom:15px;color:var(--muted);font-weight:600}.login-card input{width:100%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:12px;border-radius:11px}.login-lang{display:block;text-align:center;margin-top:18px}.status-line{display:flex;align-items:center;gap:6px}.sidebar.open{transform:translateX(0)}[dir=rtl] .sidebar.open{transform:translateX(0)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.profile-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-105%)}[dir=rtl] .sidebar{transform:translateX(105%)}.main{margin-inline-start:0}.topbar{padding:0 16px}.content{padding:20px}}@media(max-width:680px){.stats-grid,.stats-grid.compact,.form-grid{grid-template-columns:1fr}.page-head{align-items:stretch;flex-direction:column}.content{padding:15px}.top-search{display:none}.card{padding:15px}.stat-card strong{font-size:22px}.filters>*{width:100%!important}.inline-form>*{flex:1}.login-card{padding:25px}}

.api-list{display:grid;gap:9px}.api-row{display:flex;gap:10px;align-items:center;background:var(--panel-2);border:1px solid var(--line);padding:10px;border-radius:10px}.api-row code{word-break:break-all}.offer-list{display:grid;gap:14px}.offer-card{display:grid;grid-template-columns:110px 1fr;gap:14px;border:1px solid var(--line);background:var(--panel-2);padding:12px;border-radius:13px}.offer-card img{width:110px;height:90px;object-fit:cover;border-radius:10px}.offer-card h3{margin:0 0 7px}.offer-card p{color:var(--muted);white-space:pre-line}.offer-card form{display:inline-flex;margin:0}.playbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.playbook-card{border:1px solid var(--line);background:var(--panel-2);padding:17px;border-radius:14px}.playbook-card h3{margin:12px 0 8px}.playbook-card p{color:var(--muted);line-height:1.7}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.tag-row span{font-size:12px;color:var(--primary);background:rgba(49,87,213,.08);padding:4px 8px;border-radius:999px}.playbook-content{font-size:15px;line-height:1.85;overflow-wrap:anywhere}.playbook-content img{max-width:100%;height:auto;border-radius:12px}.playbook-content a{word-break:break-all}.playbook-content table{min-width:0}@media(max-width:1000px){.playbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.playbook-grid{grid-template-columns:1fr}.offer-card{grid-template-columns:1fr}.offer-card img{width:100%;height:180px}}

.rank-list{display:grid;gap:14px}.rank-row>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.rank-row span{color:var(--muted)}.bar{height:8px;background:var(--panel-2);border-radius:99px;overflow:hidden;border:1px solid var(--line)}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#6f8cff);border-radius:99px}

/* ===== V3 requirements 2026-08-07 ===== */
html,body,input,select,textarea,button,.select2-container{font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif!important}
.sidebar{transform:translateX(-105%);box-shadow:0 0 45px rgba(0,0,0,.28)}[dir=rtl] .sidebar{transform:translateX(105%)}.sidebar.open{transform:translateX(0)!important}.main{margin-inline-start:0!important;width:100%}.sidebar-backdrop{position:fixed;inset:0;background:rgba(8,15,30,.48);backdrop-filter:blur(2px);z-index:29;opacity:0;visibility:hidden;transition:.2s}.sidebar-backdrop.show{opacity:1;visibility:visible}.sidebar-close{margin-inline-start:auto;background:transparent;border:0;color:#fff;font-size:19px;cursor:pointer}.sidebar nav a i{width:24px;text-align:center}.sidebar nav a span{width:auto;text-align:start}.brand-mark i{font-size:19px}.topbar{z-index:28}.icon-btn{position:relative}.notify-badge{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;min-width:19px;height:19px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--panel)}
.live-search-wrap{position:relative}.live-search-wrap>input{padding-inline-start:38px!important}.search-icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--muted);z-index:2}.live-results{display:none;position:absolute;top:calc(100% + 7px);inset-inline:0;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 45px rgba(15,23,42,.18);border-radius:13px;overflow:hidden;z-index:70;max-height:420px;overflow-y:auto}.live-results.show{display:block}.live-result{display:flex;align-items:center;gap:11px;padding:11px 13px;color:var(--text);border-bottom:1px solid var(--line)}.live-result:last-child{border-bottom:0}.live-result:hover{background:var(--panel-2)}.live-result .result-icon{width:34px;height:34px;border-radius:10px;background:rgba(49,87,213,.1);color:var(--primary);display:grid;place-items:center}.live-result strong,.live-result small{display:block}.live-result small{color:var(--muted);font-size:11px;margin-top:2px}.live-empty{padding:17px;color:var(--muted);text-align:center}
.notification-wrap{position:relative}.notification-dropdown{display:none;position:absolute;top:48px;inset-inline-end:0;width:min(410px,calc(100vw - 30px));background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 55px rgba(15,23,42,.22);overflow:hidden;z-index:75}.notification-dropdown.show{display:block}.notification-head{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line)}.notification-list{max-height:390px;overflow-y:auto}.notification-item{display:flex;gap:10px;padding:12px 13px;border-bottom:1px solid var(--line);color:var(--text)}.notification-item:hover{background:var(--panel-2)}.notification-item i{margin-top:5px;color:var(--warning)}.notification-item strong,.notification-item small{display:block}.notification-item small{color:var(--muted);margin-top:3px}.notification-footer{display:block;text-align:center;padding:11px;background:var(--panel-2);font-weight:700}
.shortcut-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:22px}.shortcut-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:15px;display:flex;align-items:center;gap:11px;color:var(--text);transition:.18s}.shortcut-card:hover{transform:translateY(-2px);border-color:rgba(49,87,213,.35)}.shortcut-card i{width:38px;height:38px;border-radius:11px;background:rgba(49,87,213,.1);color:var(--primary);display:grid;place-items:center;font-size:17px}.shortcut-card span{font-weight:700;font-size:12px}
.settings-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;padding-bottom:4px}.settings-tabs a{white-space:nowrap;padding:9px 13px;border:1px solid var(--line);background:var(--panel);border-radius:10px;color:var(--text)}.settings-tabs a.active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--warning);background:rgba(194,122,18,.1);padding:4px 8px;border-radius:999px}.phone-row{display:grid;grid-template-columns:92px 1fr;gap:8px}.phone-code{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;font-weight:800;direction:ltr}.country-option{display:flex;align-items:center;gap:8px}.country-flag{width:24px;height:16px;object-fit:cover;border-radius:2px;border:1px solid #ddd}.client-context{padding:13px;border:1px solid var(--line);background:var(--panel-2);border-radius:12px;margin-bottom:18px;display:flex;gap:12px;align-items:center}.client-context i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(49,87,213,.1);color:var(--primary)}
.select2-container{width:100%!important}.select2-container .select2-selection--single{height:44px!important;background:var(--panel-2)!important;border:1px solid var(--line)!important;border-radius:10px!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:42px!important;color:var(--text)!important;padding-inline:12px 35px!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:42px!important}.select2-dropdown{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}.select2-search__field{background:var(--panel-2)!important;color:var(--text)!important;border-color:var(--line)!important}.select2-results__option--selected{background:var(--panel-2)!important}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:var(--primary)!important}
.metric-danger{border-inline-start:4px solid var(--danger)}.metric-warning{border-inline-start:4px solid var(--warning)}.metric-success{border-inline-start:4px solid var(--success)}.fixed-value{background:var(--panel-2);border:1px solid var(--line);padding:11px 12px;border-radius:10px;font-weight:800}.help-steps{counter-reset:help}.help-step{position:relative;padding:13px 50px 13px 13px;border-bottom:1px solid var(--line)}[dir=ltr] .help-step{padding:13px 13px 13px 50px}.help-step:before{counter-increment:help;content:counter(help);position:absolute;inset-inline-start:8px;top:11px;width:28px;height:28px;border-radius:9px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}
@media(max-width:1250px){.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-search{display:block!important;max-width:none;min-width:0}.topbar{gap:7px}.top-actions{gap:5px}.lang-btn,.icon-btn{width:37px;height:37px}.phone-row{grid-template-columns:78px 1fr}}


/* ===== V4 professional responsive UI ===== */
.sidebar{padding-bottom:14px}.sidebar nav{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding-inline-end:4px;scrollbar-width:thin;scrollbar-color:#3a4963 transparent}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#3a4963;border-radius:99px}.brand{padding-bottom:18px;flex:0 0 auto}.brand-copy{min-width:0;flex:1}.brand-copy strong{font-size:14px;line-height:1.45}.brand-copy small{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{display:flex;gap:10px;align-items:center;flex:0 0 auto}.sidebar-footer>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#26334a}.sidebar-footer div{min-width:0}.content{width:100%;max-width:100%;overflow-x:hidden}.full-form-card{max-width:none!important;width:100%}.responsive-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px}.form-card label>span:first-child,.card form label>span:first-child{display:flex;align-items:center;gap:7px}.form-card label>span:first-child i,.card form label>span:first-child i{color:var(--primary);width:18px;text-align:center}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-action{width:42px;height:42px;border-radius:11px;border:1px solid var(--line);display:inline-grid;place-items:center;background:var(--panel);color:var(--text);cursor:pointer;transition:.18s}.icon-action:hover{transform:translateY(-1px);border-color:rgba(49,87,213,.45);color:var(--primary)}.icon-action.small{width:34px;height:34px;border-radius:9px}.icon-action.whatsapp{color:#128c59;background:rgba(18,140,89,.08);border-color:rgba(18,140,89,.22)}.icon-link{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--panel-2)}.global-search-trigger{height:42px;min-width:280px;max-width:460px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);padding:0 12px;border-radius:12px;cursor:pointer}.global-search-trigger span{flex:1;text-align:start}.global-search-trigger kbd{font:inherit;font-size:10px;border:1px solid var(--line);background:var(--panel);padding:3px 6px;border-radius:6px}.dashboard-welcome{text-align:center;padding:8px 15px 24px}.dashboard-welcome span{color:var(--muted);font-weight:700}.dashboard-welcome h1{margin:5px 0 4px;font-size:31px}.dashboard-welcome p{margin:0;color:var(--muted)}.employee-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.employee-actions a{border:1px solid var(--line);background:var(--panel-2);border-radius:13px;padding:20px 12px;text-align:center;color:var(--text)}.employee-actions i{display:block;color:var(--primary);font-size:21px;margin-bottom:9px}.notification-activation-bar{width:100%;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px}.notification-activation-copy{display:flex;align-items:center;gap:12px;min-width:0}.notification-activation-copy>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(49,87,213,.1);color:var(--primary)}.notification-activation-copy strong,.notification-activation-copy span{display:block}.notification-activation-copy span{color:var(--muted);font-size:12px;margin-top:2px}.active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);padding:10px 13px;border-radius:12px;margin-bottom:14px}.active-filters>i{color:var(--primary)}.active-filters b{font-size:12px;background:var(--panel-2);border:1px solid var(--line);padding:5px 9px;border-radius:999px}.active-filters a{margin-inline-start:auto;color:var(--danger)}
.app-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:18px}.app-modal.show{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(7,14,28,.62);backdrop-filter:blur(4px)}.modal-panel{position:relative;width:min(760px,100%);max-height:min(90vh,900px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.28);padding:20px}.modal-panel.modal-compact{width:min(520px,100%)}.modal-panel.modal-search{width:min(720px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-head h3{margin:0;font-size:18px}.modal-head h3 i{color:var(--primary);margin-inline-end:6px}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.modal-live-search input{width:100%;height:48px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:12px;padding:0 44px 0 14px}.modal-live-search .live-results{position:static;margin-top:8px;max-height:360px}.search-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.search-mode{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:11px;padding:11px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:7px}.search-mode.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search-panel-hidden{display:none!important}.modal-panel form label{display:grid;gap:7px;margin-bottom:14px;color:var(--muted);font-weight:600}.modal-panel form input,.modal-panel form select{width:100%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:11px 12px;border-radius:10px}.status-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-options a{padding:18px 12px;border:1px solid var(--line);background:var(--panel-2);border-radius:13px;text-align:center;color:var(--text)}.status-options a i{display:block;font-size:20px;color:var(--primary);margin-bottom:8px}.status-options a.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(49,87,213,.12)}body.modal-open{overflow:hidden}.pagination{align-items:center;flex-wrap:wrap}.pagination a{min-width:36px;width:auto;padding:0 10px}.pagination .page-nav{display:flex;align-items:center;gap:6px}.page-ellipsis{color:var(--muted);padding:0 3px}.merchant-hero{display:flex;align-items:center;gap:22px}.merchant-avatar{width:92px;height:92px;flex:0 0 92px;border-radius:24px;background:linear-gradient(135deg,#3157d5,#7290ff);color:#fff;display:grid;place-items:center;font-size:34px}.merchant-main{flex:1;min-width:0}.merchant-main h2{margin:4px 0 17px;font-size:24px}.eyebrow{font-size:11px;color:var(--primary);font-weight:800}.merchant-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.merchant-info-grid>div{border:1px solid var(--line);background:var(--panel-2);padding:12px;border-radius:12px;min-width:0}.merchant-info-grid i{color:var(--primary);margin-inline-end:5px}.merchant-info-grid span,.merchant-info-grid strong{display:block}.merchant-info-grid span{color:var(--muted);font-size:11px;margin:5px 0}.merchant-info-grid strong{overflow-wrap:anywhere}.merchant-contact-card{text-align:center;display:grid;place-items:center;align-content:center}.merchant-contact-card>i{font-size:31px;color:var(--primary);margin-bottom:7px}.merchant-contact-card h3{margin:5px 0}.merchant-contact-card p{color:var(--muted);max-width:440px}.client-context small{display:block;color:var(--muted);margin-top:3px}.live-results.show{display:block}
@media(max-width:1050px){.responsive-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-search-trigger{min-width:220px}}
@media(max-width:720px){.responsive-form-grid{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .btn{flex:1}.global-search-trigger{min-width:0;width:42px;padding:0;justify-content:center}.global-search-trigger span,.global-search-trigger kbd{display:none}.modal-panel{width:100%;max-height:calc(100vh - 24px);border-radius:15px;padding:15px}.app-modal{padding:12px}.status-options{grid-template-columns:1fr 1fr}.notification-activation-bar{align-items:stretch;flex-direction:column}.notification-activation-bar .btn{width:100%}.merchant-hero{align-items:flex-start;flex-direction:column}.merchant-info-grid{grid-template-columns:1fr}.merchant-avatar{width:72px;height:72px;flex-basis:72px}.pagination .page-nav span{display:none}.employee-actions{grid-template-columns:1fr}.dashboard-welcome h1{font-size:25px}}

.login-card label>span{display:flex;align-items:center;gap:8px}.login-card label>span i{color:var(--primary);width:18px;text-align:center}.footer{display:flex;align-items:center;justify-content:center;gap:8px}.footer i{color:var(--primary)}


/* ===== StoreSat V5: unified customers/subscriptions + breadcrumb ===== */
.breadcrumb-shell{padding:12px 28px 0;max-width:100%;overflow:hidden}.breadcrumb-trail{min-height:38px;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;color:var(--muted);font-size:12px}.breadcrumb-trail::-webkit-scrollbar{display:none}.breadcrumb-trail a,.breadcrumb-current{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.breadcrumb-trail a{color:var(--muted)}.breadcrumb-trail a:hover{color:var(--primary)}.breadcrumb-current{color:var(--text);font-weight:800}.breadcrumb-separator{font-size:9px;color:var(--muted);opacity:.65;flex:0 0 auto}
.customer-page-head{margin-bottom:14px}.customer-overview-card{width:100%;margin-bottom:18px}.customer-overview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.customer-identity{display:flex;align-items:center;gap:14px}.customer-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:18px;background:linear-gradient(135deg,#3157d5,#7894ff);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:800;box-shadow:0 10px 24px rgba(49,87,213,.18)}.customer-identity h2{margin:4px 0 7px;font-size:23px}.customer-info-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.info-tile{position:relative;min-width:0;border:1px solid var(--line);background:var(--panel-2);border-radius:13px;padding:13px 13px 13px 42px}.info-tile>i{position:absolute;inset-inline-start:13px;top:15px;color:var(--primary);width:18px;text-align:center}.info-tile span,.info-tile strong{display:block}.info-tile span{font-size:11px;color:var(--muted);margin-bottom:4px}.info-tile strong{font-size:13px;overflow-wrap:anywhere}.customer-data-strip{margin-top:12px;border:1px solid var(--line);background:var(--panel-2);border-radius:13px;padding:13px 15px;display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:16px;align-items:start}.strip-title{font-weight:800;display:flex;align-items:center;gap:8px}.strip-title i{color:var(--primary)}.strip-content{white-space:normal;overflow-wrap:anywhere;color:var(--text)}.customer-subscriptions-card{width:100%}.subscriptions-card-head h2{margin:4px 0 0}.subscription-details-wrap{overflow:auto;max-width:100%}.subscription-details-table{min-width:1900px}.subscription-details-table th{white-space:nowrap}.subscription-details-table td{vertical-align:top}.subscription-details-table .long-cell{min-width:220px;max-width:300px}.table-text{white-space:normal;overflow-wrap:anywhere;line-height:1.7;max-height:130px;overflow:auto;padding-inline-end:4px}.table-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}.currency-chip{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 7px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);font-weight:800;font-size:11px}
/* Keep search icon attached to the input instead of drifting into AJAX results. */
.modal-live-search .search-icon{top:24px!important;transform:translateY(-50%)!important}.modal-live-search .live-results.show{margin-top:8px}
@media(max-width:1100px){.customer-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.breadcrumb-shell{padding:10px 15px 0}.customer-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-data-strip{grid-template-columns:1fr}.customer-overview-head{align-items:flex-start}.customer-identity{align-items:flex-start}}
@media(max-width:520px){.customer-info-grid{grid-template-columns:1fr}.customer-avatar{width:54px;height:54px;flex-basis:54px;border-radius:15px}.customer-identity h2{font-size:19px}.subscription-details-table{min-width:1750px}}

.subscription-count-link{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--primary);white-space:nowrap}.subscription-count-link i{font-size:11px}


/* ===== StoreSat V7 Stable UI: built directly on V5 ===== */
:root{
  --bg:#f5f7fb;--panel:#ffffff;--panel-2:#f8fafc;--text:#172033;--muted:#68758b;
  --line:#e2e8f0;--primary:#2563eb;--primary-2:#1d4ed8;--success:#15956a;
  --warning:#d28518;--danger:#d44959;--sidebar-bg:#111827;--sidebar-hover:#1f2b3f;
  --sidebar-active:#1e40af;--shadow:0 10px 28px rgba(30,50,90,.07);--radius:16px;
}
body.dark{
  --bg:#0f1520;--panel:#171e2b;--panel-2:#1d2635;--text:#eef3fb;--muted:#9aa8bd;
  --line:#2a3547;--primary:#5b82ff;--primary-2:#416df0;--success:#3bc58d;
  --warning:#e0a33e;--danger:#ed6877;--sidebar-bg:#0b1220;--sidebar-hover:#1a2740;--sidebar-active:#244db0;
  --shadow:0 12px 30px rgba(0,0,0,.18);
}
body{background:var(--bg)}
.sidebar{background:var(--sidebar-bg)!important;overflow:hidden;will-change:transform;box-shadow:0 18px 55px rgba(0,0,0,.24)}
.sidebar nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-inline-end:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent}
.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:99px}
.sidebar nav a:hover{background:var(--sidebar-hover)!important}.sidebar nav a.active{background:var(--sidebar-active)!important;color:#fff!important;box-shadow:0 8px 18px rgba(17,24,39,.18)}
.sidebar-footer{flex:0 0 auto}.brand{flex:0 0 auto}.brand-mark{background:linear-gradient(135deg,var(--primary),var(--primary-2))!important}.sidebar-backdrop{pointer-events:none}.sidebar-backdrop.show{pointer-events:auto}.sidebar.open{transform:translateX(0)!important}[dir=rtl] .sidebar.open{transform:translateX(0)!important}body.sidebar-open{overflow:hidden}
.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}body.dark .topbar{background:rgba(23,30,43,.94)}
.icon-btn,.lang-btn,.global-search-trigger,.btn{transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}
.icon-btn:hover,.lang-btn:hover{border-color:rgba(37,99,235,.32);background:rgba(37,99,235,.07);color:var(--primary)}
.btn.primary{background:var(--primary);border-color:var(--primary)}.btn.primary:hover{background:var(--primary-2);border-color:var(--primary-2)}
.card,.stat-card,.notification-activation-bar{border-color:var(--line);box-shadow:var(--shadow)}
.stat-icon{background:rgba(37,99,235,.10);color:var(--primary)}
.badge.success{background:rgba(21,149,106,.10);border-color:rgba(21,149,106,.20)}.badge.warning{background:rgba(210,133,24,.10);border-color:rgba(210,133,24,.20)}.badge.danger{background:rgba(212,73,89,.10);border-color:rgba(212,73,89,.20)}
/* Keep icon/text spacing consistent without manual spaces in markup. */
.btn>i,.brand small>i,.eyebrow>i,.strip-title>i,.card-head h2>i,.page-head h1>i,.field-label>i,.subscription-count-link>i{margin-inline-end:2px;flex:0 0 auto}
.eyebrow,.strip-title,.subscription-count-link,.brand small{display:inline-flex;align-items:center;gap:8px}
/* V5 customer page polished without changing its stable structure. */
.customer-overview-card{border-radius:20px;padding:22px}.customer-overview-head{padding-bottom:16px;border-bottom:1px solid var(--line)}
.customer-avatar{background:linear-gradient(145deg,#eef4ff,#dbe7ff)!important;color:var(--primary)!important;border:1px solid rgba(37,99,235,.12);box-shadow:0 10px 24px rgba(37,99,235,.10)!important}
.customer-info-grid{gap:14px}.info-tile{background:var(--panel)!important;border-color:rgba(37,99,235,.16)!important;box-shadow:0 7px 20px rgba(37,99,235,.045);padding-block:15px}
.info-tile>i{color:var(--primary)}.customer-data-strip{background:var(--panel-2)}
.customer-subscriptions-card{border-radius:20px}.subscription-details-wrap{border:1px solid var(--line);border-radius:13px}.subscription-details-table th{background:var(--panel-2)}
/* Live-search result metadata stays readable and icons never collide with text. */
.live-result small{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.live-result small>span{display:inline-flex;align-items:center;gap:5px}.live-result small i{color:var(--primary)}
/* Search icon is anchored to the input, not the AJAX results height. */
.modal-live-search{position:relative}.modal-live-search .search-icon{top:24px!important;transform:translateY(-50%)!important}.modal-live-search .live-results{position:static!important;margin-top:8px}
@media(max-width:680px){.topbar{gap:8px}.customer-overview-card{padding:15px}.customer-info-grid{gap:10px}}

/* ===== StoreSat V8: customer subscription page, stable V7 base ===== */
.customer-profile-card,.subscription-entry-card{border-radius:20px;padding:22px}
.customer-section-title{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:-2px 0 20px}
.customer-section-title h2{display:inline-flex;align-items:center;justify-content:center;gap:11px;margin:0;font-size:23px;color:var(--text)}
.customer-section-title h2 i{color:var(--primary);font-size:21px}
.customer-section-title .section-title-line{display:block;width:38px;height:3px;border-radius:99px;background:var(--primary);margin-top:11px}
.customer-section-title.compact-title{margin-bottom:18px}.customer-section-title.compact-title h2{font-size:22px}
.customer-profile-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:26px;align-items:stretch;border:1px solid var(--line);border-radius:17px;padding:18px;background:linear-gradient(180deg,var(--panel),var(--panel-2))}
.customer-identity-panel{display:flex;align-items:center;gap:16px;padding:12px 18px;border-inline-end:1px solid var(--line);min-width:0}
.customer-avatar-large{position:relative;width:88px!important;height:88px!important;flex:0 0 88px!important;border-radius:50%!important;font-size:34px!important;background:linear-gradient(145deg,#edf4ff,#dfe9ff)!important}
.customer-online-dot{position:absolute;inset-inline-end:1px;bottom:5px;width:18px;height:18px;border-radius:50%;background:var(--success);border:4px solid var(--panel)}
.customer-identity-copy{min-width:0}.customer-identity-copy h2{margin:0 0 4px;font-size:23px;overflow-wrap:anywhere}.customer-phone{font-size:14px;color:var(--muted);margin-bottom:9px}.customer-code-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(37,99,235,.08);color:var(--primary);border:1px solid rgba(37,99,235,.12);border-radius:9px;padding:6px 10px;margin-inline-end:6px;margin-bottom:7px}.customer-code-pill span{font-size:11px}.customer-code-pill strong{font-size:13px}
.customer-profile-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-content:center;min-width:0}
.customer-detail-tile{display:flex;align-items:center;gap:13px;min-width:0;min-height:112px;padding:15px;border:1px solid rgba(37,99,235,.16);border-radius:14px;background:var(--panel);box-shadow:0 8px 22px rgba(37,99,235,.05)}
.customer-detail-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f3f7ff,#e5edff);border:1px solid rgba(37,99,235,.12);color:var(--primary);font-size:18px;box-shadow:0 5px 14px rgba(37,99,235,.08)}
.customer-detail-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.customer-detail-label{display:block;color:var(--muted);font-size:12px;line-height:1.5}.customer-detail-copy strong{display:block;color:var(--text);font-size:14px;overflow-wrap:anywhere}.country-detail-value{display:flex!important;align-items:center;gap:7px}.country-detail-value img{width:23px;height:16px;object-fit:cover;border-radius:3px;border:1px solid var(--line)}
/* Logical spacing fixes RTL icon collisions from the old tile shorthand padding. */
.info-tile{padding:13px!important;padding-inline-start:46px!important}.info-tile>i{inset-inline-start:14px!important}.info-tile span{padding-inline-start:2px}
.eyebrow>i,.strip-title>i,.subscription-field-label>i,.customer-section-title h2>i{margin:0!important}
.eyebrow,.strip-title,.subscription-field-label{display:inline-flex!important;align-items:center!important;gap:9px!important}
.subscription-entry-card{margin-top:0}.subscription-inline-form{margin:0}.subscription-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 26px;align-items:start}
.subscription-inline-form label{display:grid;gap:8px;margin-bottom:15px;color:var(--muted);font-weight:600;min-width:0}.subscription-field-label{min-height:24px;color:var(--text);font-size:13px}.subscription-field-label i{width:18px;text-align:center;color:var(--primary);flex:0 0 18px}
.subscription-inline-form input,.subscription-inline-form select,.subscription-inline-form textarea{min-height:46px;background:var(--panel)!important;border-color:var(--line)!important;border-radius:11px!important}.subscription-inline-form textarea{resize:vertical;line-height:1.7}
.subscription-field-wide{grid-column:span 2}.subscription-field-full{grid-column:1/-1}.subscription-form-actions{padding-top:3px;border-top:1px solid var(--line);margin-top:4px;padding-top:15px}
.subscription-form-actions .btn{min-width:132px}
.subscription-entry-card .select2-container .select2-selection--single{min-height:46px!important;border-radius:11px!important;background:var(--panel)!important}.subscription-entry-card .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:44px!important}.subscription-entry-card .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px!important}
.customer-data-strip{margin-top:15px}
@media(max-width:1320px){.customer-profile-layout{grid-template-columns:1fr}.customer-identity-panel{border-inline-end:0;border-bottom:1px solid var(--line);padding-bottom:18px}.customer-profile-tiles{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto;padding-bottom:3px}}
@media(max-width:1050px){.subscription-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-field-wide{grid-column:1/-1}.customer-profile-tiles{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}}
@media(max-width:680px){.customer-profile-card,.subscription-entry-card{padding:15px}.customer-section-title h2,.customer-section-title.compact-title h2{font-size:19px}.customer-profile-layout{padding:12px;gap:14px}.customer-identity-panel{padding:7px 4px 15px;align-items:flex-start}.customer-avatar-large{width:68px!important;height:68px!important;flex-basis:68px!important;font-size:27px!important}.customer-online-dot{width:15px;height:15px;border-width:3px}.customer-identity-copy h2{font-size:19px}.customer-profile-tiles{grid-template-columns:1fr}.customer-detail-tile{min-height:86px;padding:12px}.customer-detail-icon{width:42px;height:42px;flex-basis:42px}.subscription-form-grid{grid-template-columns:1fr}.subscription-field-wide,.subscription-field-full{grid-column:auto}.subscription-form-actions{display:grid;grid-template-columns:1fr 1fr}.subscription-form-actions .btn{min-width:0;width:100%}}


/* ===== StoreSat V8.1: professional customer columns + 2026 SVG country flags ===== */
.clients-table-card{padding:18px}.clients-data-table{min-width:1320px;border:1px solid var(--line);border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0}.clients-data-table th,.clients-data-table td{border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);padding:14px 13px}.clients-data-table th:last-child,.clients-data-table td:last-child{border-inline-end:0}.clients-data-table thead th{background:var(--panel-2);color:var(--text);font-weight:800;text-transform:none;text-align:center;white-space:nowrap}.clients-data-table tbody td{text-align:center;background:var(--panel)}.clients-data-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--panel-2) 55%,var(--panel))}.clients-data-table tbody tr:hover td{background:rgba(49,87,213,.045)}.clients-data-table .client-name-cell{text-align:start;min-width:180px}.clients-data-table .client-name-cell strong{font-weight:800}.clients-data-table .client-record-cell,.clients-data-table .client-code-cell{font-weight:700;font-variant-numeric:tabular-nums}.clients-data-table .client-phone-cell{font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.clients-data-table .client-whatsapp-cell{width:86px}.clients-data-table .client-country-cell{min-width:180px;text-align:start}.clients-data-table .client-owner-cell{min-width:150px;font-weight:650}.clients-data-table .client-actions-cell{min-width:90px}.country-inline{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.country-inline .country-flag,.country-flag{width:26px;height:18px;object-fit:cover;border-radius:3px;border:1px solid rgba(15,23,42,.12);box-shadow:0 1px 2px rgba(15,23,42,.06)}.table-muted{color:var(--muted)}
.currencies-fixed-card{max-width:680px}.currencies-code-table{min-width:0}.currencies-code-table th,.currencies-code-table td{text-align:center}.currency-code-only{display:inline-flex;min-width:76px;justify-content:center;padding:8px 14px;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;font-weight:900;letter-spacing:.5px;direction:ltr}
@media(max-width:680px){.clients-table-card{padding:10px}.clients-data-table th,.clients-data-table td{padding:12px 10px}}

/* ===== StoreSat V8.2: requested workflow polish ===== */
/* Dashboard shortcuts stay centered as one balanced row on wide screens. */
.shortcut-grid{grid-template-columns:repeat(5,minmax(170px,1fr));max-width:1240px;width:100%;margin:0 auto 22px}

/* Client destructive action. */
.client-action-buttons{display:flex;align-items:center;justify-content:center;gap:5px}.client-action-buttons form{display:inline-flex;margin:0}.icon-action.danger{color:var(--danger);background:rgba(193,58,74,.07);border-color:rgba(193,58,74,.22)}.icon-action.danger:hover{background:rgba(193,58,74,.12);border-color:rgba(193,58,74,.42)}.clients-data-table .client-actions-cell{min-width:132px}

/* Payment methods: local country flag or international globe, never country text. */
.payment-method-inline,.payment-option{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.payment-method-inline.compact{gap:7px}.payment-flag{width:25px;height:17px;object-fit:cover;border-radius:3px;border:1px solid rgba(15,23,42,.12);box-shadow:0 1px 2px rgba(15,23,42,.06);flex:0 0 auto}.payment-global-icon{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:50%;background:rgba(49,87,213,.09);color:var(--primary);font-size:12px;flex:0 0 auto}.payment-methods-table td:first-child{min-width:230px}.select2-results__option .payment-option,.select2-selection__rendered .payment-option{min-height:24px}

/* Dashboard-only customer search above the recent subscriptions table. */
.card-subtitle{display:block;color:var(--muted);font-size:11px;margin-top:4px}.dashboard-client-search{display:flex;align-items:center;gap:9px;margin:-2px 0 15px}.dashboard-search-input{position:relative;flex:1;min-width:0}.dashboard-search-input>i{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.dashboard-search-input input{width:100%;height:44px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:11px;padding-inline-start:42px;padding-inline-end:13px;outline:none}.dashboard-search-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(49,87,213,.1)}.dashboard-customer-table .pagination{padding-bottom:0}

/* Subscription editor: compact professional sections with predictable rows. */
.subscription-editor-card{max-width:1380px!important;margin-inline:auto;padding:24px}.subscription-client-context{margin-bottom:18px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);display:flex;align-items:center;gap:12px}.subscription-client-context>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(49,87,213,.1);color:var(--primary)}
.subscription-sectioned-form{display:grid;gap:14px}.subscription-form-section{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:15px;padding:16px 18px}.subscription-form-section-title{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:800;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--line)}.subscription-form-section-title i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(49,87,213,.09);color:var(--primary)}.subscription-form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.subscription-text-section{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.subscription-text-section label{margin-bottom:0!important}.subscription-text-section textarea{min-height:112px}.subscription-form-footer{justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px;margin-top:2px}.subscription-form-footer .btn{min-width:132px}.subscription-entry-card .subscription-form-section{box-shadow:none;margin:0}.subscription-entry-card .subscription-sectioned-form{gap:12px}

@media(max-width:1250px){.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:940px}.subscription-text-section{grid-template-columns:1fr}}
@media(max-width:1050px){.subscription-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.dashboard-client-search{flex-wrap:wrap}.dashboard-search-input{flex-basis:100%}.dashboard-client-search .btn{flex:1}.subscription-editor-card{padding:15px}.subscription-form-section{padding:13px}.subscription-form-grid,.subscription-form-grid-two,.subscription-text-section{grid-template-columns:1fr}.subscription-form-footer{display:grid;grid-template-columns:1fr 1fr}.subscription-form-footer .btn{width:100%;min-width:0}}

/* V8.3 responsive professional data tables */
.clients-table-card,.customer-subscriptions-card{overflow:hidden}
.clients-data-table,.subscription-details-table{border-collapse:separate;border-spacing:0}
.clients-data-table thead th,.subscription-details-table thead th{font-size:12px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--text);background:var(--panel-2);border-bottom:1px solid var(--line)}
.clients-data-table tbody td,.subscription-details-table tbody td{background:var(--panel);transition:background .15s ease}
.clients-data-table tbody tr:nth-child(even) td,.subscription-details-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--panel-2) 52%,var(--panel))}
.clients-data-table tbody tr:hover td,.subscription-details-table tbody tr:hover td{background:rgba(49,87,213,.045)}
.subscription-details-table{min-width:1540px;width:100%}
.subscription-details-table th,.subscription-details-table td{padding:13px 12px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);text-align:center}
.subscription-details-table th:last-child,.subscription-details-table td:last-child{border-inline-end:0}
.subscription-details-table th{white-space:nowrap}
.subscription-details-table td:nth-child(2){min-width:170px;text-align:start}
.subscription-details-table td:nth-child(3){min-width:140px}
.subscription-details-table td:nth-child(9){min-width:180px;text-align:start}
.subscription-details-table td.long-cell{min-width:230px;text-align:start}
.subscription-details-table td:nth-child(13){min-width:140px}
.subscription-details-table td:last-child{min-width:105px}
.subscription-details-wrap{scrollbar-width:thin;scrollbar-color:#a8b1bf transparent}
.subscription-details-wrap::-webkit-scrollbar,.clients-table-card .table-wrap::-webkit-scrollbar{height:8px}
.subscription-details-wrap::-webkit-scrollbar-thumb,.clients-table-card .table-wrap::-webkit-scrollbar-thumb{background:#a8b1bf;border-radius:999px}
.subscription-details-wrap::-webkit-scrollbar-track,.clients-table-card .table-wrap::-webkit-scrollbar-track{background:transparent}

@media (min-width: 1201px){
  .clients-data-table{min-width:1280px}
  .clients-data-table th,.clients-data-table td{padding:13px 11px}
  .clients-data-table .client-record-cell{width:78px}
  .clients-data-table .client-code-cell{width:110px}
  .clients-data-table .client-phone-cell{width:175px}
  .clients-data-table .client-whatsapp-cell{width:82px}
  .clients-data-table .client-subscriptions-cell{width:120px}
  .clients-data-table .client-status-cell{width:105px}
  .clients-data-table .client-actions-cell{width:132px}
}

/* Tablet: each database row becomes a structured 2-column record card. */
@media (max-width: 1100px){
  .clients-table-card,.customer-subscriptions-card{padding:14px}
  .clients-table-card .table-wrap,.subscription-details-wrap{overflow:visible;border:0}
  .clients-data-table,.subscription-details-table{display:block;min-width:0!important;width:100%;border:0!important;background:transparent}
  .clients-data-table thead,.subscription-details-table thead{display:none}
  .clients-data-table tbody,.subscription-details-table tbody{display:grid;grid-template-columns:1fr;gap:14px}
  .clients-data-table tbody tr,.subscription-details-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:0 7px 22px rgba(24,38,75,.055)}
  .clients-data-table tbody tr:hover,.subscription-details-table tbody tr:hover{box-shadow:0 10px 28px rgba(24,38,75,.09)}
  .clients-data-table tbody td,.subscription-details-table tbody td,
  .clients-data-table tbody tr:nth-child(even) td,.subscription-details-table tbody tr:nth-child(even) td{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0!important;max-width:none!important;width:auto!important;min-height:54px;padding:12px 14px;border:0;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);text-align:end!important;background:var(--panel)!important;white-space:normal}
  .clients-data-table tbody td:nth-child(2n),.subscription-details-table tbody td:nth-child(2n){border-inline-end:0}
  .clients-data-table tbody td::before,.subscription-details-table tbody td::before{content:attr(data-label);flex:0 0 auto;color:var(--muted);font-size:11px;font-weight:800;text-align:start}
  .clients-data-table .client-name-cell,.clients-data-table .client-country-cell,.subscription-details-table td.long-cell{grid-column:span 2}
  .clients-data-table .client-name-cell a{font-size:15px}
  .clients-data-table .client-actions-cell,.subscription-details-table td:last-child{grid-column:span 2;border-bottom:0!important}
  .client-action-buttons,.table-actions{justify-content:flex-end;flex-wrap:wrap}
  .subscription-details-table .table-text{max-height:none;overflow:visible;text-align:end}
  .subscription-details-table .payment-method-inline{justify-content:flex-end}
  .subscription-details-table .empty,.clients-data-table .empty{grid-column:1/-1;display:block!important;text-align:center!important}
}

@media (max-width: 680px){
  .clients-table-card,.customer-subscriptions-card{padding:10px;border-radius:14px}
  .clients-data-table tbody,.subscription-details-table tbody{gap:11px}
  .clients-data-table tbody tr,.subscription-details-table tbody tr{grid-template-columns:1fr;border-radius:14px}
  .clients-data-table tbody td,.subscription-details-table tbody td,
  .clients-data-table tbody tr:nth-child(even) td,.subscription-details-table tbody tr:nth-child(even) td{grid-column:1!important;border-inline-end:0!important;min-height:50px;padding:11px 12px;gap:10px}
  .clients-data-table tbody td::before,.subscription-details-table tbody td::before{font-size:10.5px}
  .clients-data-table .client-phone-cell{direction:ltr;text-align:end!important}
  .clients-data-table .country-inline{white-space:normal;justify-content:flex-end}
  .clients-data-table .client-action-buttons,.subscription-details-table .table-actions{width:100%;justify-content:flex-end}
  .clients-data-table .icon-action,.subscription-details-table .icon-action{width:40px;height:40px}
  .customer-subscriptions-card .card-head{align-items:flex-start}
  .subscriptions-card-head h2{font-size:17px}
  .pagination{flex-wrap:wrap}
}

/* V8.3.1 - per-subscription delete action */
.subscription-delete-form{display:inline-flex!important;margin:0!important;padding:0!important;min-width:0!important}.subscription-delete-form input[type=hidden]{display:none}.subscription-delete-form .icon-action{margin:0}.subscription-details-table .table-actions{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}
@media(max-width:900px){.subscription-details-table .table-actions{justify-content:flex-end;flex-wrap:wrap}}

/* V8.4 - expired subscriptions table aligned with the professional clients table */
.expired-table-card{overflow:hidden}
.expired-data-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}
.expired-data-table thead th{font-size:12px;font-weight:800;color:var(--text);background:var(--panel-2);white-space:nowrap;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);padding:13px 12px;text-align:center}
.expired-data-table thead th:last-child{border-inline-end:0}
.expired-data-table tbody td{padding:13px 12px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);text-align:center;vertical-align:middle;background:var(--panel);transition:background .15s ease}
.expired-data-table tbody td:last-child{border-inline-end:0}
.expired-data-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--panel-2) 52%,var(--panel))}
.expired-data-table tbody tr:hover td{background:rgba(49,87,213,.045)}
.expired-data-table .expired-client-cell{text-align:start;min-width:170px}
.expired-data-table .expired-phone-cell{min-width:145px;font-weight:700}
.expired-data-table .expired-country-cell{min-width:155px;text-align:start}
.expired-data-table .expired-product-cell{min-width:170px}
.expired-days-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 10px;border-radius:999px;background:rgba(225,67,67,.08);border:1px solid rgba(225,67,67,.18);color:#d54747;font-weight:800;font-size:12px}
.expired-action-buttons{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}

/* V8.4 - visual code extraction cards */
.codes-workspace-grid{align-items:start}
.code-extract-card{min-height:100%}
.code-extract-head{margin-bottom:14px}
.code-extract-head p{margin:6px 0 0;color:var(--muted);font-size:12px}
.server-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.server-code-card{appearance:none;width:100%;min-height:104px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,var(--panel),var(--panel-2));color:var(--text);padding:14px;display:flex;align-items:center;gap:12px;text-align:start;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.server-code-card.is-available:hover{transform:translateY(-2px);border-color:rgba(49,87,213,.45);box-shadow:0 10px 28px rgba(34,64,155,.12);background:color-mix(in srgb,var(--panel) 88%,rgba(49,87,213,.08))}
.server-code-card:focus-visible{outline:3px solid rgba(49,87,213,.2);outline-offset:2px}
.server-code-card.is-empty{opacity:.58;cursor:not-allowed;background:var(--panel-2)}
.server-code-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:rgba(49,87,213,.1);color:var(--primary);font-size:17px}
.server-code-card.is-empty .server-code-icon{background:rgba(120,130,145,.1);color:var(--muted)}
.server-code-info{display:grid;gap:6px;min-width:0;flex:1}
.server-code-info strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-code-info small{color:var(--muted);font-size:12px}.server-code-info small b{color:var(--text);font-size:13px}
.server-code-action{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:rgba(49,87,213,.08);color:var(--primary)}
.server-code-card.is-empty .server-code-action{color:var(--muted);background:rgba(120,130,145,.08)}
.code-grid-empty{grid-column:1/-1;padding:28px}
.code-confirm-server{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel-2);border-radius:14px;padding:14px;margin-bottom:16px}
.code-confirm-server>div{display:grid;gap:5px}.code-confirm-server strong{font-size:16px}.code-confirm-server small{color:var(--muted)}
.code-confirm-question{font-weight:800;font-size:15px;margin:10px 0 18px}
.modal-action-row{display:flex!important;align-items:center;justify-content:flex-end;gap:9px;margin:0!important}
.modal-action-row .btn{min-width:120px}
.extracted-code-box{border:1px solid rgba(40,164,108,.28);background:rgba(40,164,108,.07);border-radius:15px;padding:16px;margin-bottom:18px;display:grid;gap:9px}
.extracted-code-box span{color:var(--muted);font-size:12px;font-weight:700}
.extracted-code-box code{direction:ltr;text-align:left;display:block;white-space:normal;overflow-wrap:anywhere;font-size:16px;font-weight:800;color:var(--text);background:var(--panel);border:1px dashed rgba(40,164,108,.35);border-radius:10px;padding:13px}
.code-result-modal .modal-head h3 i{color:#28a46c}

@media(max-width:1100px){
  .expired-table-card{padding:14px}
  .expired-table-card .table-wrap{overflow:visible;border:0}
  .expired-data-table{display:block;width:100%;border:0;background:transparent}
  .expired-data-table thead{display:none}
  .expired-data-table tbody{display:grid;grid-template-columns:1fr;gap:14px}
  .expired-data-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:0 7px 22px rgba(24,38,75,.055)}
  .expired-data-table tbody td,.expired-data-table tbody tr:nth-child(even) td{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0!important;min-height:54px;padding:12px 14px;border:0;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);text-align:end!important;background:var(--panel)!important;white-space:normal}
  .expired-data-table tbody td:nth-child(2n){border-inline-end:0}
  .expired-data-table tbody td::before{content:attr(data-label);flex:0 0 auto;color:var(--muted);font-size:11px;font-weight:800;text-align:start}
  .expired-data-table .expired-client-cell,.expired-data-table .expired-country-cell,.expired-data-table .expired-product-cell{grid-column:span 2}
  .expired-data-table .expired-actions-cell{grid-column:span 2;border-bottom:0!important}
  .expired-action-buttons{justify-content:flex-end;width:100%}
}
@media(max-width:720px){
  .server-code-grid{grid-template-columns:1fr}
  .server-code-card{min-height:88px}
  .modal-action-row{display:grid!important;grid-template-columns:1fr 1fr}
  .modal-action-row .btn{width:100%;min-width:0}
  .expired-table-card{padding:10px;border-radius:14px}
  .expired-data-table tbody{gap:11px}
  .expired-data-table tbody tr{grid-template-columns:1fr;border-radius:14px}
  .expired-data-table tbody td,.expired-data-table tbody tr:nth-child(even) td{grid-column:1!important;border-inline-end:0!important;min-height:50px;padding:11px 12px;gap:10px}
  .expired-data-table tbody td::before{font-size:10.5px}
  .expired-action-buttons{justify-content:flex-end}
}

/* ===== StoreSat V8.5: drag & drop ordering + saved WhatsApp ===== */
.sortable-settings-card{min-width:0}.sortable-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.sortable-settings-head h2{margin:0 0 5px;font-size:17px}.sortable-settings-head h2 i{color:var(--primary);margin-inline-end:7px}.sortable-settings-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.sort-save-state{min-width:92px;text-align:center;font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;opacity:0;transition:.18s}.sort-save-state:not(:empty){opacity:1}.sort-save-state.saving{background:rgba(49,87,213,.09);color:var(--primary)}.sort-save-state.saved{background:rgba(19,138,91,.10);color:var(--success)}.sort-save-state.error{background:rgba(193,58,74,.10);color:var(--danger)}
.sortable-settings-table{min-width:650px;border:1px solid var(--line);border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0}.sortable-settings-table th,.sortable-settings-table td{border-inline-end:1px solid var(--line);text-align:center}.sortable-settings-table th:last-child,.sortable-settings-table td:last-child{border-inline-end:0}.sortable-settings-table tbody tr{background:var(--panel);transition:background .15s ease,box-shadow .15s ease}.sortable-settings-table tbody tr:hover{background:var(--panel-2)}.sortable-settings-table td:nth-child(2){text-align:start}.sortable-settings-table .drag-column{width:82px}.sortable-settings-table .drag-cell{width:82px;padding:8px}.drag-handle{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--muted);display:inline-grid;place-items:center;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.drag-handle:hover{border-color:rgba(49,87,213,.35);color:var(--primary);background:rgba(49,87,213,.06)}.drag-handle:active{cursor:grabbing}.sort-ghost{opacity:.35!important;background:rgba(49,87,213,.12)!important}.sort-chosen{box-shadow:0 8px 22px rgba(49,87,213,.15)}.sorting-active .table-wrap{overflow:visible}.registered-whatsapp-value{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(49,87,213,.16);background:rgba(49,87,213,.07);color:var(--text);font-size:12px;font-weight:700;white-space:nowrap}
@media(max-width:1100px){.settings-management-grid{grid-template-columns:1fr}.sortable-settings-card{order:1}.settings-management-grid>.form-card{order:2;max-width:none}}
@media(max-width:680px){.sortable-settings-card{padding:12px}.sortable-settings-head{align-items:stretch;flex-direction:column}.sort-save-state{align-self:flex-start}.sortable-settings-table{min-width:590px}.drag-handle{width:42px;height:42px}.registered-whatsapp-value{white-space:normal;text-align:center}}
@media(max-width:680px){
  .sortable-settings-card .table-wrap{overflow:visible}
  .sortable-settings-table{display:block;min-width:0;width:100%;border:0;background:transparent}
  .sortable-settings-table thead{display:none}
  .sortable-settings-table tbody{display:grid;gap:11px}
  .sortable-settings-table tbody tr{display:grid;grid-template-columns:50px minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 16px rgba(24,38,75,.04)}
  .sortable-settings-table tbody td{min-width:0;border:0!important;border-bottom:1px solid var(--line)!important;padding:10px 12px;text-align:end!important;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .sortable-settings-table tbody td:not(.drag-cell)::before{content:attr(data-label);color:var(--muted);font-size:10.5px;font-weight:800;flex:0 0 auto;text-align:start}
  .sortable-settings-table tbody .drag-cell{grid-column:1;grid-row:1 / span 5;width:auto!important;padding:8px!important;display:grid;place-items:center;border-inline-end:1px solid var(--line)!important;border-bottom:0!important;background:var(--panel-2)}
  .sortable-settings-table tbody td:not(.drag-cell){grid-column:2}
  .sortable-settings-table tbody td:last-child{border-bottom:0!important}
  .sortable-settings-table tbody td.actions{white-space:normal;justify-content:flex-end;flex-wrap:wrap}
  .sortable-settings-table tbody td.actions::before{margin-inline-end:auto}
  .sortable-settings-table .payment-method-inline{white-space:normal;text-align:end}
}

/* V8.6 - per-subscription operating country */
.subscription-details-table td[data-label="بلد التشغيل"],.subscription-details-table td[data-label="Operating Country"]{min-width:155px}.subscription-details-table .country-inline{justify-content:center}.subscription-form-section .country-select+span.select2{width:100%!important}
@media(max-width:900px){.subscription-details-table .country-inline{justify-content:flex-end}}

/* ===== StoreSat V8.7: manual message center by expiry day ===== */
.messages-page-head h1 i{color:var(--primary);margin-inline-end:7px}.message-day-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.message-day-card{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);transition:.18s ease}.message-day-card:hover{transform:translateY(-2px);border-color:rgba(49,87,213,.36)}.message-day-card.active{border-color:var(--primary);background:linear-gradient(180deg,rgba(49,87,213,.10),var(--panel));box-shadow:0 10px 28px rgba(49,87,213,.13)}.message-day-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:rgba(49,87,213,.10);color:var(--primary);font-size:17px}.message-day-info{display:grid;gap:4px;min-width:0;flex:1}.message-day-info strong{font-size:15px}.message-day-info small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-day-count{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-weight:800;font-size:12px}.message-day-card.active .message-day-count{background:var(--primary);border-color:var(--primary);color:#fff}.message-day-card.upcoming .message-day-icon{background:rgba(245,165,36,.13);color:var(--warning)}.message-day-card.upcoming:not(.active){border-color:rgba(245,165,36,.22)}.message-day-card.upcoming .message-day-count{color:var(--warning)}.message-day-card.upcoming.active .message-day-count{background:var(--warning);border-color:var(--warning);color:#fff}.message-center-card{overflow:hidden}.message-center-head{align-items:flex-start}.message-center-head h2{margin:0 0 5px}.message-center-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.message-center-table{table-layout:auto}.message-center-table .expired-client-cell{display:table-cell}.message-client-code{display:block;color:var(--muted);font-size:11px;margin-top:5px;font-weight:600}.message-whatsapp-form{margin:0;justify-content:center}.message-whatsapp-btn{min-width:126px}.message-log-card{margin-top:22px}
@media(max-width:1250px){.message-day-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.message-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.message-center-table .expired-client-cell{display:flex}.message-whatsapp-form{width:100%;justify-content:flex-end}.message-whatsapp-btn{min-width:140px}}
@media(max-width:560px){.message-day-grid{grid-template-columns:1fr;gap:10px}.message-day-card{padding:13px}.message-day-icon{width:38px;height:38px;flex-basis:38px}.message-center-head{display:grid;gap:10px}.message-whatsapp-btn{width:100%}.message-log-card{display:none}}

/* ===== StoreSat V8.7.2: selectable message language + WhatsApp preview ===== */
.message-language-cell{min-width:190px}.message-language-control{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}.message-language-select{min-width:135px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);padding:0 10px;font-weight:800;font-size:12px;outline:none;cursor:pointer}.message-language-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(49,87,213,.10)}.message-preview-trigger{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid rgba(49,87,213,.20);border-radius:10px;background:rgba(49,87,213,.08);color:var(--primary);cursor:pointer;transition:.15s}.message-preview-trigger:hover{background:rgba(49,87,213,.14);transform:translateY(-1px)}.message-preview-modal .modal-panel{max-width:680px}.message-preview-modal .modal-head p{margin:5px 0 0;color:var(--primary);font-weight:800}.message-preview-text{white-space:pre-wrap;line-height:1.9;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);padding:18px;max-height:55vh;overflow:auto;color:var(--text);font-size:14px;text-align:start}.message-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:15px}.message-preview-actions .btn{min-width:130px}
@media(max-width:900px){.message-language-control{width:100%;justify-content:flex-end}.message-language-select{min-width:160px}.message-language-cell{min-width:0!important}.message-preview-modal .modal-panel{max-width:calc(100vw - 28px)}}
@media(max-width:560px){.message-language-control{display:grid;grid-template-columns:minmax(0,1fr) 42px}.message-language-select{width:100%;min-width:0;height:42px}.message-preview-trigger{width:42px;height:42px}.message-preview-actions{display:grid;grid-template-columns:1fr 1fr}.message-preview-actions .btn{width:100%;min-width:0}.message-preview-text{font-size:13px;padding:14px;max-height:60vh}}

/* V8.7.3 - monthly manual follow-up statistics */
.message-day-empty{padding:34px 18px!important;font-size:14px;font-weight:800;color:var(--muted)}
.monthly-followup-section{margin-top:24px;scroll-margin-top:90px}.monthly-followup-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 2px 14px}.monthly-followup-head h2{margin:0 0 5px;font-size:20px}.monthly-followup-head h2 i{color:var(--primary);margin-inline-end:7px}.monthly-followup-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}
.monthly-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.monthly-stat-card{display:flex;align-items:center;gap:13px;min-height:104px;padding:17px 18px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);transition:.18s ease}.monthly-stat-card:hover{transform:translateY(-2px);border-color:rgba(49,87,213,.35)}.monthly-stat-card.active{border-color:var(--primary);box-shadow:0 10px 30px rgba(49,87,213,.12)}.monthly-stat-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:rgba(49,87,213,.11);color:var(--primary);font-size:19px}.monthly-stat-card.contacted .monthly-stat-icon{background:rgba(23,178,126,.12);color:var(--success)}.monthly-stat-card.pending .monthly-stat-icon{background:rgba(245,165,36,.13);color:var(--warning)}.monthly-stat-copy{display:grid;gap:7px;min-width:0;flex:1}.monthly-stat-copy small{color:var(--muted);font-size:12px;font-weight:700}.monthly-stat-copy strong{font-size:26px;line-height:1;font-weight:900}.monthly-stat-open{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--panel-2);color:var(--muted);font-size:11px}.monthly-followup-list-card{overflow:hidden}.monthly-followup-list-card .card-head h3{margin:0 0 4px}.monthly-followup-list-card .card-head p{margin:0;color:var(--muted);font-size:11px}.monthly-followup-table{table-layout:auto}.monthly-products{font-weight:700}.monthly-expiry-date{font-weight:700;direction:ltr;unicode-bidi:plaintext}.monthly-followup-table .badge.success{background:rgba(23,178,126,.10);border-color:rgba(23,178,126,.23);color:var(--success)}.monthly-followup-table .badge.warning{background:rgba(245,165,36,.10);border-color:rgba(245,165,36,.24);color:var(--warning)}
@media(max-width:900px){.monthly-stat-grid{grid-template-columns:1fr}.monthly-stat-card{min-height:88px}.monthly-followup-table thead{display:none}.monthly-followup-table,.monthly-followup-table tbody,.monthly-followup-table tr,.monthly-followup-table td{display:block;width:100%}.monthly-followup-table tr{margin:12px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel)}.monthly-followup-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 13px;border-bottom:1px solid var(--line);text-align:end}.monthly-followup-table td:last-child{border-bottom:0}.monthly-followup-table td::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:800;min-width:112px;text-align:start}.monthly-followup-table tbody{padding:1px 0}.monthly-followup-table .empty{display:block;text-align:center;padding:28px}.monthly-followup-table .empty::before{display:none}}
@media(max-width:560px){.monthly-followup-head h2{font-size:17px}.monthly-stat-card{padding:14px}.monthly-stat-copy strong{font-size:23px}.monthly-followup-table td{display:grid;grid-template-columns:1fr;gap:5px;text-align:start}.monthly-followup-table td::before{min-width:0}.monthly-followup-table tr{margin:10px 0}}


/* ===== StoreSat V8.8: customer communication / WhatsApp number migration ===== */
.shortcut-grid{grid-template-columns:repeat(6,minmax(155px,1fr));max-width:1500px}
.communication-page-head h1 i{color:var(--primary);margin-inline-end:7px}.communication-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.communication-group-card{display:flex;align-items:center;gap:13px;min-height:108px;padding:17px 18px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);transition:.18s ease}.communication-group-card:hover{transform:translateY(-2px);border-color:rgba(49,87,213,.38)}.communication-group-card.active{border-color:var(--primary);box-shadow:0 10px 30px rgba(49,87,213,.12)}.communication-group-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:rgba(49,87,213,.11);color:var(--primary);font-size:19px}.communication-group-card.egyptian .communication-group-icon{background:rgba(23,178,126,.12);color:var(--success)}.communication-group-card.old-spanish .communication-group-icon{background:rgba(245,165,36,.13);color:var(--warning)}.communication-group-card.new-spanish .communication-group-icon{background:rgba(49,87,213,.12);color:var(--primary)}.communication-group-card.other .communication-group-icon{background:var(--panel-2);color:var(--muted)}.communication-group-copy{display:grid;gap:7px;min-width:0;flex:1}.communication-group-copy strong{font-size:14px;font-weight:900}.communication-group-copy small{color:var(--muted);font-size:11px;font-weight:700}.communication-group-count{display:grid;place-items:center;min-width:38px;height:38px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);font-weight:900;font-size:12px}.communication-template-card{margin-bottom:18px}.communication-template-card .card-head h2{margin:0 0 4px}.communication-template-card .card-head p{margin:0;color:var(--muted);font-size:11px}.communication-template-body{white-space:normal;line-height:2;padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);font-size:13px}.communication-empty-state{text-align:center;padding:46px 20px}.communication-empty-state>i{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;margin:0 auto 14px;background:rgba(49,87,213,.1);color:var(--primary);font-size:25px}.communication-empty-state h2{margin:0 0 8px}.communication-empty-state p{margin:0;color:var(--muted)}.communication-list-card{overflow:hidden}.communication-list-head h2{margin:0 0 4px}.communication-list-head h2 i{color:#18a56f;margin-inline-end:7px}.communication-list-head p{margin:0;color:var(--muted);font-size:11px}.communication-search{display:flex;align-items:center;gap:9px;margin:0 0 15px}.communication-search-input{position:relative;flex:1}.communication-search-input i{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.communication-search-input input{width:100%;height:44px;padding-inline:42px 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--text);outline:none}.communication-search-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(49,87,213,.1)}.communication-table{min-width:980px;border-collapse:separate;border-spacing:0}.communication-table th,.communication-table td{text-align:center;border-bottom:1px solid var(--line);padding:13px}.communication-table thead th{background:var(--panel-2);font-weight:800}.communication-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--panel-2) 52%,var(--panel))}.communication-table tbody tr:hover td{background:rgba(49,87,213,.045)}.communication-whatsapp-btn{min-width:132px}.communication-table .registered-whatsapp-value{justify-content:center}
@media(max-width:1250px){.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:940px}.communication-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.communication-table{min-width:0}.communication-table thead{display:none}.communication-table,.communication-table tbody,.communication-table tr,.communication-table td{display:block;width:100%}.communication-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.communication-table tr{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel)}.communication-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:end;border-bottom:1px solid var(--line)!important}.communication-table td:last-child{border-bottom:0!important}.communication-table td::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:800;text-align:start}.communication-table .actions{justify-content:flex-end}.communication-table .actions::before{margin-inline-end:auto}.communication-whatsapp-btn{min-width:145px}.communication-search{flex-wrap:wrap}.communication-search-input{flex-basis:100%}}
@media(max-width:720px){.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.communication-group-grid{grid-template-columns:1fr}.communication-group-card{min-height:92px;padding:14px}.communication-table tbody{grid-template-columns:1fr}.communication-search .btn{flex:1}.communication-whatsapp-btn{width:100%}}
/* V8.8.2 communication contact status */
.communication-contact-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.communication-contact-date{display:block;margin-top:6px;opacity:.72;font-size:11px;white-space:nowrap}
.communication-contact-form{display:inline-flex;margin:0}

/* Expired subscriptions center: phone/staff log refinements */
.message-customer-phone{white-space:nowrap;font-weight:700}.message-log-card td:nth-child(3){white-space:nowrap}@media(max-width:560px){.message-log-card{display:block}}

/* ===== StoreSat UI hotfix: expired table columns + centered dashboard shortcuts ===== */
/* Dashboard now has five shortcuts; keep the whole group visually centered. */
.shortcut-grid{
  grid-template-columns:repeat(5,minmax(170px,1fr));
  width:min(1240px,100%);
  max-width:1240px;
  margin-inline:auto;
  margin-bottom:22px;
}

/* Give every expired-subscription column its own stable space on desktop. */
@media(min-width:1101px){
  .message-center-card .table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
  }
  .message-center-table{
    width:100%;
    min-width:1280px;
    table-layout:fixed;
  }
  .message-center-table th,
  .message-center-table td{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .message-center-table th:nth-child(1),
  .message-center-table td:nth-child(1){width:20%}
  .message-center-table th:nth-child(2),
  .message-center-table td:nth-child(2){width:15%}
  .message-center-table th:nth-child(3),
  .message-center-table td:nth-child(3){width:16%}
  .message-center-table th:nth-child(4),
  .message-center-table td:nth-child(4){width:12%}
  .message-center-table th:nth-child(5),
  .message-center-table td:nth-child(5){width:15%}
  .message-center-table th:nth-child(6),
  .message-center-table td:nth-child(6){width:12%}
  .message-center-table th:nth-child(7),
  .message-center-table td:nth-child(7){width:10%}
  .message-center-table .message-customer-phone{
    white-space:nowrap;
    direction:ltr;
    unicode-bidi:plaintext;
    font-variant-numeric:tabular-nums;
  }
  .message-center-table .expired-product-cell strong{
    display:block;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.45;
  }
}

@media(max-width:1250px) and (min-width:721px){
  .shortcut-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:min(940px,100%);
    max-width:940px;
    margin-inline:auto;
  }
}
@media(max-width:720px){
  .shortcut-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    max-width:none;
    margin-inline:auto;
  }
}

/* V8.8.3 - keep customer phone LTR without breaking RTL table separators */
@media(min-width:1101px){
  .message-center-table tbody td.message-customer-phone{
    border-inline-end:0;
    border-right:0;
    border-left:1px solid var(--line);
  }
}

.user-delete-form{display:inline-flex!important;margin:0!important;padding:0!important;min-width:0!important}.user-delete-form input[type=hidden]{display:none}