:root{--font:'Tajawal','Segoe UI',Arial,sans-serif;--bg:#f5f7fb;--surface:#fff;--surface-2:#f7f9fc;--surface-3:#eef3f9;--line:#e2e8f0;--line-strong:#d2dcea;--text:#101a2d;--muted:#65748b;--brand:#1666d7;--brand-2:#0e4ca7;--brand-soft:#eaf2ff;--success:#14804a;--success-soft:#e7f7ee;--warning:#aa6506;--warning-soft:#fff4df;--danger:#ba3242;--danger-soft:#ffeaee;--sidebar:#0c1727;--sidebar-text:#d9e2f2;--sidebar-muted:#7e90a8;--shadow:0 12px 32px rgba(18,34,54,.06);--radius:16px;--radius-sm:10px;--sidebar-w:268px;--topbar-h:70px}
html[data-theme="dark"]{--bg:#08111e;--surface:#101c2f;--surface-2:#0c1727;--surface-3:#15243a;--line:#22334c;--line-strong:#30455f;--text:#edf3fb;--muted:#91a2ba;--brand:#3387f0;--brand-2:#65a7ff;--brand-soft:#112c52;--success:#3ab77a;--success-soft:#123126;--warning:#efb348;--warning-soft:#332513;--danger:#f07483;--danger-soft:#361d27;--sidebar:#060e19;--sidebar-text:#e6edf7;--sidebar-muted:#8192aa;--shadow:0 14px 36px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-2)}button,input,select,textarea{font-family:inherit}h1,h2,h3,p{margin:0}strong,b{font-weight:700}small{font-size:13px;color:var(--muted);display:block}em{font-style:normal;font-weight:500;font-size:.55em;color:var(--muted)}
/* app shell */
.app-shell{padding-top:var(--topbar-h);padding-right:var(--sidebar-w)}.topbar{position:fixed;top:0;right:var(--sidebar-w);left:0;height:var(--topbar-h);z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.topbar-start,.top-actions,.user-menu{display:flex;align-items:center;gap:14px}.page-context small{font-size:12px}.page-context strong{font-size:17px}.sidebar{position:fixed;top:0;bottom:0;right:0;width:var(--sidebar-w);background:var(--sidebar);z-index:30;padding:20px 14px;display:flex;flex-direction:column;color:var(--sidebar-text)}.side-brand{display:flex;align-items:center;gap:12px;padding:4px 10px 27px;color:var(--sidebar-text)}.side-brand:hover{color:#fff}.side-brand strong{display:block;font-size:19px}.side-brand small{color:var(--sidebar-muted)}.brand-mark{height:43px;width:43px;background:var(--brand);color:white;border-radius:13px;display:inline-flex;justify-content:center;align-items:center;font-weight:800;font-size:14px;box-shadow:0 9px 22px rgba(22,102,215,.29);flex:none}.nav-section{margin:19px 10px 8px;font-size:11px;font-weight:700;color:var(--sidebar-muted);letter-spacing:.06em}.nav-link{display:flex;align-items:center;gap:13px;border-radius:11px;color:var(--sidebar-text);padding:11px 13px;margin:2px 0;font-weight:500;transition:.16s}.nav-link i{font-style:normal;width:18px;text-align:center;font-size:17px;color:var(--sidebar-muted)}.nav-link:hover{background:rgba(255,255,255,.06);color:#fff}.nav-link.active{background:#122b49;color:#fff;position:relative}.nav-link.active:before{content:'';position:absolute;right:0;width:3px;height:23px;border-radius:4px;background:#398cff}.nav-link.active i{color:#5da2fb}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:17px 12px 0}.sidebar-foot small{color:var(--sidebar-muted)}.sidebar-foot strong{display:block;color:#b8c7db;font-size:12px;margin-top:7px}.page-content{max-width:1370px;margin:0 auto;padding:30px 34px 45px}.chip{display:flex;gap:7px;align-items:center;padding:7px 12px;background:var(--surface-3);border-radius:20px;font-size:12px;color:var(--muted)}.chip b{color:var(--text)}.admin-chip{color:var(--success);background:var(--success-soft);font-weight:700}.icon-theme{width:41px;height:41px;border-radius:11px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:17px}.user-menu{padding:0 14px;border-right:1px solid var(--line);gap:10px}.user-menu b{display:block;font-size:14px}.user-menu small{line-height:1.2}.user-avatar{width:38px;height:38px;background:var(--brand-soft);color:var(--brand);border-radius:50%;display:grid;place-items:center;font-weight:800}.logout-button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}.logout-button:hover{color:var(--danger)}.mobile-menu-button{display:none;border:0;background:transparent;width:38px;padding:7px;cursor:pointer}.mobile-menu-button span{height:2px;background:var(--text);display:block;margin:5px;border-radius:2px}.sidebar-backdrop{display:none}
/* general page */
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:26px;margin:0 0 26px}.page-head h1{font-size:29px;line-height:1.3;letter-spacing:-.02em;margin:3px 0 6px}.page-head p{color:var(--muted);font-size:15px}.page-eyebrow{color:var(--brand);font-weight:700;font-size:12px}.quick-actions{display:flex;gap:10px;align-items:center;padding-top:9px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-title h2{font-size:19px}.panel-title p{font-size:13px;color:var(--muted);margin-top:3px}.btn{height:45px;padding:0 20px;border-radius:11px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:14px;cursor:pointer;transition:.16s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-2);color:#fff}.btn.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.btn.secondary:hover{background:var(--surface-2);color:var(--text)}.btn.success{background:var(--success);color:#fff}.btn.danger{background:var(--danger);color:#fff}.btn.tiny{height:37px;padding:0 14px;font-size:13px}.btn.full{width:100%}.inline-code{display:inline-flex;padding:4px 10px;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-weight:700;direction:ltr}.large-code{font-size:18px}.status{display:inline-flex;align-items:center;border-radius:24px;padding:5px 11px;font-size:12px;font-weight:700;background:var(--surface-3);color:var(--muted);white-space:nowrap}.status.large{font-size:14px;padding:7px 15px}.status.active,.status.approved,.status.success{background:var(--success-soft);color:var(--success)}.status.pending,.status.captcha_required,.status.grace{background:var(--warning-soft);color:var(--warning)}.status.rejected,.status.expired,.status.failed,.status.suspended{background:var(--danger-soft);color:var(--danger)}
/* stats/dashboard */
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.stats-grid.admin-overview{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{padding:19px 19px 17px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-height:108px}.stat-card small{font-weight:500}.stat-card strong{display:block;font-size:32px;line-height:1.18;margin-top:9px;letter-spacing:-.03em}.stat-card span{font-size:12px;color:var(--muted)}.stat-card.alert strong{color:var(--warning)}.stat-card.money strong{color:var(--success)}.stat-card.danger strong{color:var(--danger)}.text-stat{font-size:21px!important;margin-top:17px!important}.dashboard-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:15px}.dashboard-grid .span-full{grid-column:1/-1}.dashboard-panels,.content-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:15px;margin-bottom:16px}.activity-row,.sync-row,.payment-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.activity-row:last-child,.sync-row:last-child,.payment-row:last-child{border:0}.activity-main{flex:1}.activity-main small{margin-top:3px}.activity-row .amount{font-size:14px}.activity-row.clean{color:var(--text)}.empty-state{text-align:center;padding:30px 12px;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:18px;margin-bottom:4px}.empty-state.large{padding:48px 12px}.empty-state.compact{padding:22px 8px}.flow-note,.action-banner{background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 17%, var(--line));padding:16px 20px;border-radius:var(--radius);display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:18px}.flow-note strong,.action-banner strong{display:block;color:var(--text)}.flow-note span,.action-banner span{display:block;color:var(--muted);font-size:14px}.action-banner.customer{margin-top:-8px}
/* tables/forms */
.table-responsive{overflow-x:auto}.table-panel{padding:0;overflow:hidden}.table-panel .panel-title{padding:21px 22px 0}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{height:50px;padding:0 18px;background:var(--surface-2);color:var(--muted);font-size:12px;text-align:right;font-weight:700;white-space:nowrap}.data-table td{height:62px;padding:10px 18px;border-top:1px solid var(--line);vertical-align:middle}.data-table td small{margin-top:2px}.money-cell{font-weight:700;white-space:nowrap}.search-bar{display:grid;grid-template-columns:1fr 210px auto;gap:10px;margin-bottom:18px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text);font-size:15px;padding:0 13px;outline:0;transition:border .15s,box-shadow .15s}input,select{height:47px}textarea{min-height:86px;padding:12px 13px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 13%,transparent)}label{display:block;font-size:13px;font-weight:700;color:var(--text)}label input,label select,label textarea{display:block;margin-top:7px;font-weight:400}.form-grid{display:grid;gap:15px}.two-cols,.form-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.checkbox{display:flex;align-items:center;gap:9px;font-weight:500;color:var(--muted)}.checkbox input{height:17px;width:17px;margin:0;accent-color:var(--brand)}.checkbox.emphasis{padding:12px;border-radius:10px;background:var(--surface-2);color:var(--text)}.operations-grid,.settings-layout,.plans-admin-layout,.subscription-layout,.review-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:17px}.professional-ops .panel{min-height:100%}.wallet-auto{display:grid;gap:10px;padding:14px;border:1px solid var(--line);background:var(--surface-2);border-radius:11px}.activation-quote{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.activation-quote b{display:block;font-size:18px;margin-top:3px}.activation-quote p{grid-column:1/-1;color:var(--muted);font-size:13px}.activation-quote span{grid-column:1/-1;font-weight:700;padding:8px 10px;border-radius:8px;font-size:13px}.activation-quote .enough{background:var(--success-soft);color:var(--success)}.activation-quote .shortfall{background:var(--warning-soft);color:var(--warning)}
/* customer/admin details */
.customer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.customer-identity{display:flex;align-items:center;gap:17px}.account-avatar{height:62px;width:62px;border-radius:17px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:27px;font-weight:800}.customer-identity h1{font-size:28px}.identity-meta{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:14px;margin-top:8px}.customer-header-side{display:flex;align-items:center;gap:14px}.inline-form{display:flex;align-items:center;gap:8px}.inline-form select{width:145px;height:40px}.account-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px}.account-info strong{font-size:35px;letter-spacing:.09em}.code-row{display:flex;align-items:center;gap:12px;margin-top:5px}.copy-button{border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:6px 12px;color:var(--muted);cursor:pointer}.account-summary{display:flex;gap:40px;align-items:center}.account-summary b{display:block;font-size:18px;margin-top:5px}.current-plan{display:grid;gap:10px;padding:12px}.current-plan b{font-size:21px}.current-plan strong{font-size:27px;color:var(--brand)}.current-plan span{color:var(--muted)}
/* review */
.receipt-card{padding:26px}.receipt-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px dashed var(--line-strong);margin-bottom:20px}.receipt-header strong{font-size:37px;display:block}.receipt-header em{font-size:16px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.receipt-grid b{display:block;margin-top:4px}.receipt-grid .span-two{grid-column:1/-1}.note-box{padding:13px;background:var(--surface-2);border-radius:10px;margin-bottom:16px}.proof-button{height:46px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--brand);border-radius:10px;background:var(--brand-soft);font-weight:700}.review-actions{padding:26px}.divider{height:40px;display:flex;align-items:center;gap:10px;color:var(--muted)}.divider:before,.divider:after{content:'';height:1px;flex:1;background:var(--line)}
/* marketing/auth */
.guest-theme{position:fixed;z-index:15;top:21px;left:24px;width:43px;height:43px;border:1px solid var(--line);border-radius:11px;background:var(--surface);cursor:pointer}.landing{max-width:1220px;margin:0 auto;padding:0 28px}.public-header{height:80px;display:flex;justify-content:space-between;align-items:center}.public-header .brand{display:flex;align-items:center;gap:11px}.public-header .brand small{margin-top:-2px}.public-header nav{display:flex;gap:22px;align-items:center}.public-header nav>a:not(.btn){color:var(--muted);font-weight:500}.hero{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center;padding:67px 0 82px}.eyebrow{display:inline-flex;background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:13px;padding:7px 14px;border-radius:24px}.hero h1{font-size:57px;line-height:1.13;margin:20px 0 16px;letter-spacing:-.04em}.hero h1 span{color:var(--brand)}.hero-copy p{max-width:515px;font-size:18px;color:var(--muted)}.hero-actions{display:flex;gap:11px;margin-top:31px}.btn.large{height:53px;padding:0 29px}.trust-row{display:flex;gap:20px;margin-top:30px;font-size:13px;color:var(--muted)}.dashboard-preview{border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 25px 70px rgba(23,44,73,.11);padding:23px}.preview-head{display:flex;gap:7px;margin-bottom:21px}.preview-head span{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-summary div{background:var(--surface-2);border-radius:11px;padding:15px}.preview-summary b{font-size:23px;display:block}.preview-summary .accent{background:var(--brand);color:white}.preview-summary .accent small{color:#d9eaff}.preview-chart{height:135px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 8%,transparent),transparent);border:1px solid var(--line);border-radius:13px;margin:16px 0;position:relative}.preview-chart:after{content:'';position:absolute;left:12px;right:12px;top:63px;border-top:3px solid var(--brand);transform:skewY(-9deg)}.preview-table{display:grid;gap:9px}.preview-table span{height:38px;background:var(--surface-2);border-radius:9px}.feature-section{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:72px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:23px}.feature-card b{font-size:18px}.feature-card p{margin-top:8px;color:var(--muted)}.plan-section{padding-bottom:75px}.section-head{text-align:center;max-width:560px;margin:0 auto 35px}.section-head h2{font-size:35px;margin:12px 0 8px}.section-head p{color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:16px;justify-content:center}.pricing-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:27px;position:relative;display:flex;flex-direction:column;gap:20px}.pricing-card.featured{border:2px solid var(--brand);box-shadow:0 18px 44px color-mix(in srgb,var(--brand) 14%,transparent)}.featured-label{position:absolute;top:-15px;right:25px;background:var(--brand);color:#fff;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:700}.pricing-top h3{font-size:22px}.pricing-top p{font-size:14px;color:var(--muted);min-height:42px;margin-top:6px}.price strong{font-size:45px;line-height:1}.price span{color:var(--muted);margin-right:5px}.pricing-card ul{list-style:none;padding:0;margin:0;display:grid;gap:11px;color:var(--muted);flex:1}.pricing-card li:before{content:'✓';color:var(--success);font-weight:800;margin-left:9px}.auth-page{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr}.auth-panel.intro{background:var(--sidebar);color:white;padding:60px max(44px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;justify-content:center}.auth-panel.intro .brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.auth-panel.intro p{color:#b5c4d8;font-size:17px;max-width:420px}.auth-panel.intro h1{font-size:42px;margin-bottom:12px}.auth-panel.form-card{display:flex;flex-direction:column;justify-content:center;padding:55px clamp(32px,8vw,145px)}.form-heading{margin-bottom:21px}.form-heading h2,.auth-panel.form-card>h2{font-size:30px;margin-bottom:8px}.form-footer{text-align:center;color:var(--muted);margin-top:18px}.intro-steps{display:grid;gap:15px;margin-top:33px}.intro-steps span{display:flex;align-items:center;gap:12px;color:#dce5f3}.intro-steps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}.register-page .auth-panel.intro{justify-content:flex-start;padding-top:110px}.register-card{padding-top:37px!important;padding-bottom:37px!important}.plan-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}.plan-choice input{position:absolute;opacity:0;width:1px;height:1px}.plan-choice span{display:block;padding:13px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.plan-choice input:checked+span{border-color:var(--brand);background:var(--brand-soft)}.choice-title{display:flex!important;justify-content:space-between;padding:0!important;border:0!important;margin-bottom:4px}.choice-title em{background:var(--brand);color:white;padding:2px 7px;border-radius:12px;font-size:11px}.billing-preview{background:var(--brand-soft);border-radius:12px;padding:16px}.billing-preview strong{display:block;color:var(--brand);font-size:27px}.billing-preview p{font-size:13px;color:var(--muted)}.billing-note{margin-top:5px}
/* utility panels */
.payment-instructions,.sync-error-box{padding:15px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);margin-bottom:18px}.sync-error-box{background:var(--danger-soft);color:var(--danger)}.helper-panel .tips-list{margin:0;padding:0 19px 0 0;color:var(--muted);display:grid;gap:13px}.captcha-panel{display:flex;align-items:center;gap:22px;margin-bottom:18px}.captcha-image{height:60px;max-width:190px;border-radius:7px;background:white}.captcha-form{display:flex;gap:8px;flex:1}.captcha-form input{max-width:180px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.date{font-size:22px!important}.lines-swal-popup{font-family:var(--font)!important;background:var(--surface)!important;color:var(--text)!important;border-radius:18px!important}.swal-errors{text-align:right;padding-right:20px}
@media(max-width:1200px){.stats-grid.admin-overview{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.app-shell{padding-right:0}.topbar{right:0;padding:0 15px}.sidebar{transform:translateX(110%);transition:transform .22s}.sidebar.open{transform:none}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.43);z-index:25}.mobile-menu-button{display:block}.page-content{padding:22px 15px}.page-context{display:none}.user-menu div,.chip{display:none}.operations-grid,.dashboard-grid,.dashboard-panels,.settings-layout,.plans-admin-layout,.subscription-layout,.review-layout{grid-template-columns:1fr}.account-hero,.customer-header{display:grid}.account-summary{gap:20px;justify-content:space-between}.hero,.auth-page{grid-template-columns:1fr}.auth-panel.intro{min-height:370px;padding:54px 30px}.hero{padding:42px 0}.dashboard-preview{order:2}.feature-section{grid-template-columns:1fr}.public-header nav a:not(.btn){display:none}.hero h1{font-size:42px}}
@media(max-width:680px){.stats-grid,.stats-grid.admin-overview,.three{grid-template-columns:repeat(2,1fr)}.pricing-grid,.two-cols,.form-fields-grid,.plan-choice-grid{grid-template-columns:1fr}.page-head{display:grid}.hero h1{font-size:35px}.trust-row{display:grid;gap:8px}.search-bar{grid-template-columns:1fr}.customer-header-side{display:grid}.identity-meta{flex-wrap:wrap}.account-summary{display:grid;grid-template-columns:1fr 1fr}.flow-note,.action-banner{display:grid}}
/* plan/settings/team refinements */
.plans-list-panel{padding:20px}.editable-plan{border:1px solid var(--line);border-radius:13px;background:var(--surface-2);margin-bottom:12px;overflow:hidden}.editable-plan summary{list-style:none;cursor:pointer;padding:16px 17px;display:flex;align-items:center;justify-content:space-between}.editable-plan summary::-webkit-details-marker{display:none}.editable-plan summary b{font-size:16px}.editable-plan summary small{margin-top:4px}.editable-plan[open] summary{border-bottom:1px solid var(--line);background:var(--surface)}.plan-edit-form{padding:18px}.toggle-form{padding:0 18px 18px}.mini-badge{display:inline-flex;margin-right:6px;font-size:11px;background:var(--brand-soft);color:var(--brand);padding:2px 8px;border-radius:12px}.mini-badge.muted{background:var(--surface-3);color:var(--muted)}.edit-hint{color:var(--brand);font-size:13px;font-weight:700}.add-plan-panel{align-self:start}.checks-row{display:flex;flex-wrap:wrap;gap:18px}.settings-layout .panel{align-self:start}.history-panel .payment-row{justify-content:space-between}.subscription-card{display:grid;gap:8px;padding:18px;background:var(--surface-2);border-radius:11px}.subscription-card b{font-size:20px}.tips-list li::marker{color:var(--brand)}hr{border:0;border-top:1px solid var(--line);margin:4px 0}.pill{font-size:12px;padding:5px 10px;border-radius:15px;background:var(--surface-3);color:var(--muted)}.pagination{display:flex;gap:6px;padding:18px 20px}.pagination a,.pagination span{border:1px solid var(--line);border-radius:7px;padding:6px 10px}.pagination .active{background:var(--brand);color:white}.main-panel{min-height:270px}
/* ===== Lines Smart operational UI · update 06 ===== */
:root{--cyan:#09a6dd;--cyan-soft:#e9f8fe;--navy:#0f213d;--ink:#0e1930;--success-2:#06a66a;--warning-2:#eda20c;--danger-2:#e14455;--premium-shadow:0 20px 60px rgba(20,35,65,.07)}
html[data-theme="dark"]{--cyan:#22b8ef;--cyan-soft:#102b3d;--navy:#081425;--ink:#f2f7ff;--premium-shadow:0 18px 60px rgba(0,0,0,.25)}
.premium-sidebar{background:linear-gradient(180deg,#0b1930 0%,#091425 100%);border-left:1px solid rgba(255,255,255,.04)}
.premium-topbar{box-shadow:0 1px 0 var(--line);height:76px}.app-shell{padding-top:76px}.topbar{height:76px}.top-actions{gap:10px}.header-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:grid;place-items:center;cursor:pointer;font-size:18px;color:var(--text);position:relative}.header-icon:hover{background:var(--surface-2)}.notification-button b{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;border-radius:20px;background:var(--danger-2);color:white;font-size:11px;display:grid;place-items:center;padding:0 6px}.notification-wrap{position:relative}.notification-panel{position:absolute;left:0;top:54px;width:390px;max-height:580px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 72px rgba(12,27,54,.19);display:none;overflow:hidden;z-index:60}.notification-panel.open{display:block}.notification-title{padding:20px 22px;border-bottom:1px solid var(--line)}.notification-title strong{font-size:18px}.notification-list{max-height:490px;overflow:auto;padding:10px}.notice-card{display:flex;gap:12px;border-radius:14px;padding:14px 12px;color:var(--text);transition:.15s}.notice-card:hover{background:var(--surface-2);color:var(--text)}.notice-dot{width:9px;height:9px;border-radius:50%;margin-top:7px;background:var(--brand);flex:none}.notice-card.danger .notice-dot{background:var(--danger-2)}.notice-card.warning .notice-dot{background:var(--warning-2)}.notice-card.info .notice-dot{background:var(--brand)}.notice-card b{display:block;font-size:14px}.notice-card p{font-size:13px;color:var(--muted);line-height:1.45;margin-top:3px}.empty-notifications{padding:45px 18px;text-align:center;color:var(--muted)}
.page-content{max-width:1540px;padding:32px 32px 48px}.page-head.refined{margin-bottom:24px}.page-head.refined h1{font-size:31px}.customer-strip{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--premium-shadow);display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:12px;margin-bottom:20px}.account-code-card,.strip-item{min-height:87px;background:var(--surface-2);border-radius:14px;padding:15px 18px}.account-code-card div{display:flex;align-items:center;gap:13px;margin-top:7px}.account-code-card strong{font-size:28px;color:var(--brand);letter-spacing:.04em}.copy-button{height:34px;border:1px solid var(--line);background:var(--surface);color:var(--brand);border-radius:9px;padding:0 13px;font-weight:700;cursor:pointer}.strip-item strong{display:block;font-size:25px;margin-top:8px}.compact-date{font-size:21px!important}.six{grid-template-columns:repeat(6,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.monitor-stats .stat-card{min-height:119px;position:relative;overflow:hidden}.monitor-stats .stat-card:after{content:'';position:absolute;bottom:-24px;left:-20px;width:68px;height:68px;border-radius:50%;background:var(--brand-soft)}.monitor-stats .stat-card.warning strong,.stat-card.warning strong{color:var(--warning-2)}.monitor-stats .stat-card.amber strong,.stat-card.amber strong{color:#d77905}.brand-card{background:linear-gradient(145deg,var(--brand),#08a6db);border:0;color:#fff}.brand-card small,.brand-card span{color:rgba(255,255,255,.8)}.brand-card strong{color:white!important}.monitor-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(310px,.85fr);gap:16px}.monitor-lines{padding:0;overflow:hidden}.monitor-lines .panel-title{padding:22px 23px 4px}.alert-center{padding:20px;align-self:start}.count-badge{height:32px;min-width:32px;background:var(--brand-soft);color:var(--brand);font-weight:700;border-radius:18px;display:grid;place-items:center;padding:0 10px}.alert-list{display:grid;gap:9px}.dashboard-alert{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--text)}.dashboard-alert:hover{color:var(--text);border-color:var(--line-strong)}.dashboard-alert>span{width:4px;border-radius:4px;background:var(--brand)}.dashboard-alert.warning>span{background:var(--warning-2)}.dashboard-alert.danger>span{background:var(--danger-2)}.dashboard-alert b{font-size:14px}.dashboard-alert p{font-size:13px;color:var(--muted);line-height:1.5;margin-top:3px}
.line-table-wrap{overflow:auto}.operations-table{width:100%;border-collapse:collapse;min-width:900px}.operations-table th{font-size:12px;text-align:right;padding:15px 14px;color:var(--muted);font-weight:700;background:var(--surface-2);white-space:nowrap}.operations-table td{padding:15px 14px;border-top:1px solid var(--line);vertical-align:middle;font-size:14px;white-space:nowrap}.operations-table tr:hover td{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.line-title{font-weight:700;color:var(--text);display:block}.line-title:hover{color:var(--brand)}.table-plan{max-width:180px;display:block;overflow:hidden;text-overflow:ellipsis}.usage-cell{min-width:154px}.progress{height:8px;background:var(--surface-3);border-radius:9px;overflow:hidden;min-width:100px;margin-bottom:5px}.progress span{display:block;height:100%;border-radius:9px;background:var(--success-2)}.progress.warning span{background:var(--warning-2)}.progress.danger span{background:var(--danger-2)}.progress.giant{width:330px;height:10px;margin-top:13px}.row-actions{display:flex;gap:6px;align-items:center}.filter-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 170px 170px auto;gap:10px;background:var(--surface);border:1px solid var(--line);padding:14px;border-radius:17px;margin-bottom:17px;box-shadow:var(--shadow)}.filter-toolbar.admin-filter{grid-template-columns:minmax(260px,1fr) 190px auto}.compact-stats .stat-card{min-height:100px}.compact-stats .stat-card strong{font-size:30px}
.line-detail-hero{position:relative;overflow:hidden;border-radius:25px;padding:28px 28px 22px;margin-bottom:18px;color:white;background:linear-gradient(124deg,#0c326f,#087cdd 60%,#09a6dd);box-shadow:0 20px 52px rgba(8,78,166,.22)}.line-detail-hero:after{content:'';position:absolute;inset:auto -90px -140px auto;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.08)}.detail-heading,.detail-actions,.usage-spotlight,.line-info-grid{position:relative;z-index:1}.detail-heading{padding-left:300px}.back-link{display:inline-block;color:rgba(255,255,255,.92);font-weight:600;margin-bottom:13px}.back-link:hover{color:#fff}.provider-pill{display:inline-flex;background:rgba(255,255,255,.18);padding:5px 13px;border-radius:22px;font-size:12px;font-weight:700;margin-right:10px}.detail-heading h1{font-size:32px;line-height:1.25;margin:4px 0}.detail-heading p{color:rgba(255,255,255,.8)}.detail-actions{position:absolute;top:29px;left:29px;display:flex;gap:8px;align-items:center}.detail-actions .status{background:rgba(255,255,255,.18);color:#fff}.btn.white{background:white;color:#1159c5}.btn.glass{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);color:#fff}.usage-spotlight{display:flex;align-items:center;gap:26px;margin:34px 0 25px;padding:22px 25px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);border-radius:18px}.ring{--size:118px;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;background:conic-gradient(#4be58f calc(var(--percent)*1%),rgba(255,255,255,.19) 0);position:relative;flex:none}.ring.warning{background:conic-gradient(#fbbd38 calc(var(--percent)*1%),rgba(255,255,255,.19) 0)}.ring.danger{background:conic-gradient(#ff5368 calc(var(--percent)*1%),rgba(255,255,255,.19) 0)}.ring:after{content:'';position:absolute;inset:10px;background:#1254a2;border-radius:50%}.ring strong,.ring small{position:relative;z-index:1}.ring strong{font-size:22px;align-self:end}.ring small{color:rgba(255,255,255,.8);align-self:start}.usage-spotlight h2{font-size:27px;margin:3px 0}.usage-spotlight p{color:rgba(255,255,255,.8)}.line-detail-hero .progress{background:rgba(255,255,255,.18)}.line-detail-hero .progress.success span{background:#4be58f}.line-detail-hero .progress.warning span{background:#fbbd38}.line-detail-hero .progress.danger span{background:#ff5368}.line-info-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.line-info-grid>div{background:rgba(255,255,255,.12);border-radius:12px;padding:12px 14px}.line-info-grid small{color:rgba(255,255,255,.75)}.line-info-grid b{display:block;margin-top:5px}.detail-stats{margin-top:15px}.pppoe-panel{margin-bottom:16px}.secret-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secret-grid>div{background:var(--surface-2);border-radius:12px;padding:15px}.secret-grid b{display:block;margin-top:7px}.sync-log{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.sync-log:last-child{border:0}.premium-captcha{margin-bottom:18px}
.admin-command-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:16px}.admin-command-grid .span-two{grid-column:1/-1}.approval-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.approval-row:last-child{border:0}.account-list-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);color:var(--text)}.account-list-row:last-child{border:0}.recent-sync-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sync-tile{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:13px;color:var(--text);display:grid;gap:6px}.sync-tile:hover{color:var(--text);border-color:var(--line-strong)}
.settings-stack{display:grid;gap:15px}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.two .toggle-field{grid-column:1/-1}.toggle-field{border-radius:12px;background:var(--surface-2);padding:14px;display:flex;align-items:center;gap:10px}.toggle-field input{width:18px;height:18px}.form-footer-actions{display:flex;justify-content:flex-start}.btn.wide{min-width:220px}
@media(max-width:1280px){.six{grid-template-columns:repeat(3,1fr)}.monitor-layout{grid-template-columns:1fr}.line-info-grid{grid-template-columns:repeat(3,1fr)}.customer-strip{grid-template-columns:repeat(2,1fr)}.account-code-card{grid-column:1/-1}}
@media(max-width:960px){.notification-panel{position:fixed;left:15px;right:15px;top:78px;width:auto}.admin-command-grid,.settings-columns{grid-template-columns:1fr}.recent-sync-grid{grid-template-columns:1fr}.detail-heading{padding-left:0;padding-top:55px}.detail-actions{top:18px;left:18px}.usage-spotlight{display:grid}.line-info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.six,.four{grid-template-columns:repeat(2,1fr)}.customer-strip,.form-grid.two{grid-template-columns:1fr}.detail-actions{position:relative;top:auto;left:auto;margin-top:20px;flex-wrap:wrap}.detail-heading{padding:0}.line-info-grid{grid-template-columns:1fr}.usage-spotlight h2{font-size:22px}.filter-toolbar,.filter-toolbar.admin-filter{grid-template-columns:1fr}}


/* ===== Lines Smart · Product UI refinement v07 ===== */
:root{
 --app-bg:#f4f7fb;--topbar-h:78px;--sidebar-w:276px;
 --navy:#10294a;--navy-2:#142f54;--ink:#15253d;--subtle:#64748b;
 --brand:#1267ee;--brand-2:#03a7d8;--premium-shadow:0 18px 45px rgba(22,42,74,.065);
}
[data-theme="dark"]{
 --app-bg:#071323;--navy:#0b1d34;--navy-2:#122843;--ink:#e6eefc;--subtle:#8fa5c2;
 --premium-shadow:0 20px 46px rgba(0,0,0,.28);
}
.refined-shell{background:var(--app-bg)}
.product-topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.product-content{min-height:calc(100vh - var(--topbar-h));padding-top:31px}
.product-sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,var(--navy),#0b213b);border:0}
.product-sidebar .side-brand{margin:13px 14px 25px;border-radius:16px;padding:14px 12px;background:rgba(255,255,255,.04)}
.product-sidebar .side-brand strong{font-size:18px}
.product-sidebar .nav-section{opacity:.65;font-size:12px;letter-spacing:.04em;margin:22px 21px 8px}
.product-sidebar .nav-link{margin:3px 11px;padding:12px 14px;border-radius:12px;color:#bfcce0;font-weight:600;gap:13px}
.product-sidebar .nav-link i{font-style:normal;color:#79a4e8;font-size:17px;width:22px;text-align:center}
.product-sidebar .nav-link.active{background:rgba(37,109,236,.22);color:white}
.product-sidebar .nav-link.active:after{content:"";position:absolute;right:0;width:3px;height:26px;border-radius:3px;background:#29a8e8}
.product-sidebar .sidebar-foot{margin:26px 16px 15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.page-context strong{font-size:19px;color:var(--text)}
.refined-actions{gap:9px}
.action-icon{position:relative;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:.18s}
.action-icon:hover{background:var(--surface-2);border-color:var(--line);color:var(--brand)}
.action-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.action-icon b{position:absolute;right:-3px;top:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:12px;background:#ef4258;color:white;font-size:11px;display:grid;place-items:center;border:2px solid var(--surface)}
.profile-wrap{position:relative;margin-right:5px}
.profile-trigger{height:48px;padding:4px 7px 4px 5px;border:1px solid var(--line);background:var(--surface-2);display:flex;gap:8px;align-items:center;border-radius:29px;cursor:pointer}
.profile-trigger img,.profile-initial{width:39px;height:39px;border-radius:50%;object-fit:cover}
.profile-initial{display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:white;font-size:18px;font-weight:700}
.profile-trigger .chevron{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.profile-dropdown{position:absolute;left:0;top:60px;width:310px;border-radius:19px;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 55px rgba(13,31,52,.18);padding:12px;display:none;z-index:55}
.profile-dropdown.open{display:block}
.profile-summary{text-align:center;padding:19px 12px 18px;border-bottom:1px solid var(--line);margin-bottom:9px}
.profile-summary img,.profile-large{display:grid;place-items:center;margin:0 auto 13px;width:77px;height:77px;object-fit:cover;border-radius:50%;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff;font-weight:800;font-size:30px}
.profile-summary strong{display:block;font-size:20px}
.profile-summary small{display:block;color:var(--muted);direction:ltr;margin:5px 0 12px}
.role-pill{display:inline-flex;border-radius:20px;padding:5px 12px;background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:12px}
.profile-option{height:51px;border:0;background:transparent;display:flex;gap:12px;width:100%;align-items:center;padding:0 13px;color:var(--text);font-size:15px;font-weight:700;border-radius:11px;cursor:pointer}
.profile-option:hover{background:var(--surface-2);color:var(--brand)}
.profile-option svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.logout-option{color:#ef4258;border-top:1px solid var(--line);border-radius:0;padding-top:8px;margin-top:6px;height:58px}
.dashboard-head{align-items:flex-end}
.quick-actions{display:flex;gap:9px}
.polished-strip{margin-bottom:18px}
.overview-grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:15px;margin-top:17px}
.consumption-card,.attention-panel,.dashboard-alerts{min-height:330px}
.consumption-body{display:flex;align-items:center;gap:27px;padding:20px 6px 9px}
.consumption-ring{width:140px;height:140px;display:grid;place-items:center;align-content:center;border-radius:50%;background:conic-gradient(#10b981 calc(var(--percent)*1%),var(--surface-3) 0);position:relative;flex:none}
.consumption-ring.warning{background:conic-gradient(#f59e0b calc(var(--percent)*1%),var(--surface-3) 0)}
.consumption-ring.danger{background:conic-gradient(#ef4258 calc(var(--percent)*1%),var(--surface-3) 0)}
.consumption-ring:before{content:"";position:absolute;inset:12px;background:var(--surface);border-radius:50%}
.consumption-ring strong,.consumption-ring small{position:relative;z-index:1}
.consumption-ring strong{font-size:27px}.consumption-ring small{font-size:12px;color:var(--muted)}
.consumption-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;flex:1}
.consumption-metrics div small{display:block;color:var(--muted);margin-bottom:7px}
.consumption-metrics div b{font-size:20px}.consumption-metrics em{font-style:normal;font-size:13px;color:var(--muted)}
.consumption-metrics .progress{grid-column:1/-1;height:9px;margin-top:12px}
.consumption-metrics .used b{color:#ef4258}.consumption-metrics .remain b{color:#10b981}
.priority-lines{display:grid;gap:8px;margin-top:9px}
.priority-line{display:grid;grid-template-columns:1fr auto 52px;align-items:center;gap:12px;padding:13px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--text)}
.priority-line:hover{border-color:var(--line-strong);color:var(--text)}
.priority-line strong{display:block}.priority-line small{color:var(--muted);font-size:12px}.priority-line>b{text-align:left;color:var(--text)}
.customer-lines-table th{background:var(--navy);color:#e7f0ff}
[data-theme="dark"] .customer-lines-table th{background:#142b47}
.actions-dropdown{position:relative;display:inline-block}
.actions-trigger{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:11px;background:linear-gradient(140deg,var(--brand),#0754c9);border:0;color:white;font-weight:700;cursor:pointer}
.actions-trigger svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.actions-list{position:absolute;left:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px rgba(16,38,70,.18);min-width:218px;border-radius:16px;padding:8px;z-index:30;display:none}
.actions-list.open{display:grid}
.actions-list a,.actions-list button{width:100%;height:45px;text-align:right;border:0;background:transparent;color:var(--text);font:inherit;font-weight:700;border-radius:9px;padding:0 12px;cursor:pointer}
.actions-list a{display:flex;align-items:center}
.actions-list a:hover,.actions-list button:hover{background:var(--surface-2);color:var(--brand)}
.actions-list .captcha-action{color:#d97706}
.compact-detail-head{margin-bottom:12px}.back-button{display:inline-flex;color:var(--muted);font-weight:700;padding:10px 0}.back-button:hover{color:var(--brand)}
.warning-box{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.09)}.warning-box a{color:var(--brand);font-weight:700;margin-right:7px}
.premium-captcha{padding:21px 23px}.captcha-workspace{display:flex;align-items:center;gap:18px;background:var(--surface-2);border-radius:16px;padding:16px}.captcha-idle{background:var(--surface-2);color:var(--muted);padding:20px;border-radius:13px}
.profile-edit-grid{display:grid;grid-template-columns:340px minmax(400px,650px);gap:16px}
.profile-preview{text-align:center;padding:33px 25px;align-self:start}.profile-preview img,.avatar-placeholder{width:116px;height:116px;border-radius:50%;object-fit:cover;margin:0 auto 19px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:white;font-size:42px;font-weight:800}.profile-preview h2{font-size:25px}.profile-preview p{direction:ltr;color:var(--muted);margin:7px 0 15px}
.premium-form{display:grid;gap:16px}.premium-form label{font-weight:700;color:var(--text)}.premium-form input{display:block;width:100%;margin-top:7px}
@media(max-width:1350px){.overview-grid{grid-template-columns:1fr 1fr}.dashboard-alerts{grid-column:1/-1}.consumption-card{min-height:auto}}
@media(max-width:960px){.overview-grid,.profile-edit-grid{grid-template-columns:1fr}.product-topbar{padding:0 16px}.profile-dropdown{left:-10px}.consumption-body{display:block}.consumption-ring{margin:0 auto 22px}.product-content{padding:20px 14px}.customer-lines-table{min-width:1090px}}
@media(max-width:680px){.consumption-metrics{grid-template-columns:1fr}.quick-actions{flex-wrap:wrap}.profile-trigger .chevron{display:none}.profile-dropdown{position:fixed;top:72px;left:12px;right:12px;width:auto}}

/* ===== Lines Smart · Operations Desk v08 ===== */
:root{--sidebar-w:248px;--topbar-h:66px;--workspace-max:none;--ops-border:#dfe7f2;--ops-head:#0877da}
[data-theme="dark"]{--ops-border:#1e3451;--ops-head:#112b4b}
.product-sidebar{width:var(--sidebar-w);padding:12px 10px}.product-sidebar .side-brand{margin:0 5px 18px;padding:12px 10px}.product-sidebar .nav-section{margin:16px 14px 6px}.product-sidebar .nav-link{margin:2px 5px;padding:10px 12px;font-size:14px}.product-sidebar .sidebar-foot{margin:18px 8px 10px;padding:13px}
.product-topbar{height:var(--topbar-h);padding:0 20px}.product-content,.page-content.product-content{max-width:var(--workspace-max);width:100%;margin:0;padding:18px 18px 34px;min-height:calc(100vh - var(--topbar-h))}
.page-head.ops-heading{align-items:center;margin-bottom:13px}.page-head.ops-heading h1{font-size:26px;margin:1px 0 3px}.page-head.ops-heading p{font-size:13px}
.operations-page .stats-grid{gap:10px;margin-bottom:12px}.operations-page .stat-card{min-height:82px;padding:12px 15px;border-radius:13px}.operations-page .stat-card strong{font-size:27px;margin-top:4px}
.sync-schedule-banner{display:flex;align-items:center;gap:9px;min-height:45px;padding:10px 15px;margin-bottom:12px;border-radius:10px;border:1px solid #bde1f6;background:#edf9ff;color:#15618e;font-size:13px}.sync-schedule-banner strong{color:#074f7c}.sync-schedule-banner.running{border-color:#b7e3cc;background:#ecfaf3;color:#187548}.sync-schedule-banner.running strong{color:#0b5b36}.sync-schedule-banner.paused{border-color:#ffe3af;background:#fff8ea;color:#9c6200}.sync-schedule-banner.paused strong{color:#815100}.schedule-dot{width:8px;height:8px;border-radius:50%;background:#20a7e8;display:inline-block;flex:none}.running .schedule-dot{background:#18a866}.paused .schedule-dot{background:#f0a115}
.ops-toolbar-card{padding:10px 12px;margin-bottom:12px;border-radius:13px}.ops-toolbar{display:grid;grid-template-columns:minmax(330px,1fr) 170px 170px 82px;gap:8px}.ops-toolbar.admin-ops-toolbar{grid-template-columns:minmax(330px,1fr) 180px 82px}.ops-toolbar input,.ops-toolbar select{height:42px;font-size:13px}.ops-toolbar .btn{height:42px}
.full-lines-panel{padding:0;border-radius:13px;overflow:visible}.operations-scroll{overflow:visible}.dense-lines-table{width:100%;min-width:1370px;border-collapse:separate;border-spacing:0;font-size:12.5px}.dense-lines-table thead th{position:sticky;top:var(--topbar-h);z-index:3;padding:11px 9px;background:linear-gradient(90deg,#0979de,#09a5d8);color:#fff;text-align:right;white-space:nowrap;font-size:12px}.dense-lines-table thead th:first-child{border-radius:0 10px 0 0}.dense-lines-table td{padding:9px 9px;height:52px;border-top:1px solid var(--line);white-space:nowrap;vertical-align:middle}.dense-lines-table tr:hover td{background:color-mix(in srgb,var(--brand-soft) 50%,var(--surface))}.dense-lines-table .line-title{font-size:13px}.dense-lines-table td small{font-size:11.5px}.plan-chip{display:inline-flex;padding:5px 8px;border-radius:6px;background:var(--success-soft);color:var(--success);font-weight:700;max-width:210px;overflow:hidden;text-overflow:ellipsis}.meter{min-width:118px;height:22px;background:#273443;border-radius:4px;overflow:hidden}.meter-fill{position:relative;height:100%;min-width:0;background:#15a364;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.meter-fill.warning{background:#f5b515;color:#222}.meter-fill.danger{background:#e84d60}.pagination-wrap{padding:12px 16px;border-top:1px solid var(--line)}
.actions-dropdown{position:relative}.actions-trigger{padding:8px 13px;border-radius:8px;min-width:92px}.actions-list{position:fixed;top:auto;left:auto;z-index:110;min-width:245px;padding:8px;border-radius:13px}.actions-list a,.actions-list button{height:42px;font-size:14px}.actions-list .captcha-action{color:#ce7700}
.hidden-captcha-form{display:none}.captcha-popup{border-radius:18px!important}.swal-captcha-body p{font-size:14px;color:var(--muted);margin:0 0 13px}.swal-captcha-image{max-width:280px;min-height:70px;display:block;margin:0 auto 12px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:7px}.swal-captcha-body .swal2-input{height:45px;margin:8px auto 0;max-width:290px;text-align:center;direction:ltr;font-size:18px;letter-spacing:3px}
.detail-page-head{margin-bottom:9px}.expanded-detail{padding:20px 20px 16px;border-radius:18px}.expanded-detail .detail-heading h1{font-size:28px}.expanded-top-grid{display:grid;grid-template-columns:1.05fr .92fr;gap:12px;margin:20px 0 13px;position:relative;z-index:1}.customer-data-box,.detail-usage{border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.10);padding:15px 17px}.customer-data-box small{color:rgba(255,255,255,.74)}.customer-data-box h3{font-size:20px;margin:2px 0 12px}.info-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.info-tiles>div{padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.11)}.info-tiles span{display:block;font-size:11px;color:rgba(255,255,255,.72)}.info-tiles b{font-size:13px}.expanded-detail .usage-spotlight{margin:0;background:rgba(255,255,255,.10)}.expanded-detail .line-info-grid.rich-info{grid-template-columns:1.5fr 1fr 1fr 1.2fr}.packages-section{margin:17px 0}.section-line-title{margin-bottom:11px}.section-line-title h2{font-size:21px}.section-line-title p{color:var(--muted);font-size:13px}.package-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:11px}.package-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:13px;box-shadow:var(--shadow)}.package-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.package-card-head h3{font-size:15px}.remaining-pill{font-size:11px;background:var(--brand-soft);color:var(--brand);padding:4px 8px;border-radius:14px;font-weight:700;white-space:nowrap}.package-meter{height:5px;border-radius:5px;background:var(--surface-3);overflow:hidden;margin-bottom:11px}.package-meter span{height:100%;display:block;background:linear-gradient(90deg,#10b981,#fbbd38)}.package-values{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.package-values div{background:var(--surface-2);border-radius:8px;padding:8px}.package-values small{font-size:11px}.package-values b{display:block;font-size:12px;margin-top:3px}.empty-package-panel{text-align:center;color:var(--muted);grid-column:1/-1}.captcha-callout{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.1)}
[data-theme="dark"] .sync-schedule-banner{background:#10263a;border-color:#203f5f;color:#a0c6df}[data-theme="dark"] .sync-schedule-banner strong{color:#e6eefc}[data-theme="dark"] .plan-chip{background:#133529;color:#55da9a}[data-theme="dark"] .dense-lines-table thead th{background:linear-gradient(90deg,#102b4e,#123a5c)}
@media (min-width:1101px) and (max-width:1560px){.dense-lines-table{font-size:11.5px;min-width:1260px}.dense-lines-table td,.dense-lines-table thead th{padding-left:6px;padding-right:6px}.plan-chip{max-width:150px}.meter{min-width:93px}}
@media(max-width:1100px){.product-content,.page-content.product-content{padding:13px}.operations-scroll{overflow-x:auto}.dense-lines-table{min-width:1440px}.expanded-top-grid,.package-detail-grid{grid-template-columns:1fr}.expanded-detail .line-info-grid.rich-info{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.ops-toolbar,.ops-toolbar.admin-ops-toolbar{grid-template-columns:1fr}.sync-schedule-banner{display:block}.sync-schedule-banner .schedule-dot{margin-left:6px}.package-values{grid-template-columns:repeat(2,1fr)}}
/* Update 09 styles are bundled in public/assets/app.css for current cPanel deployment. */

/* ===== Update 12: refined actions dropdown inspired by original operations UI ===== */
.actions-trigger{min-width:112px;height:46px;justify-content:center;gap:11px;border-radius:16px;background:linear-gradient(135deg,#1260dc,#1586f4);box-shadow:0 10px 20px rgba(16,96,223,.22);font-size:15px}
.actions-trigger:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(16,96,223,.27)}
.actions-trigger svg{width:15px;height:15px}
.actions-list.premium-row-actions{min-width:292px;padding:14px 13px;border-radius:25px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:var(--surface);box-shadow:0 26px 60px rgba(13,34,70,.18);gap:4px;overflow:hidden}
.premium-row-actions .action-item{height:55px;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:0 15px;border-radius:15px;border:0;background:transparent;color:var(--text);font:inherit;font-size:16px;font-weight:750;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease;text-align:right}
.premium-row-actions .action-item:hover{background:var(--surface-2);color:var(--brand)}
.premium-row-actions .details-action{background:var(--brand-soft);color:var(--brand)}
.premium-row-actions .details-action:hover{background:color-mix(in srgb,var(--brand-soft) 80%,#dcecff);color:var(--brand-2)}
.premium-row-actions .action-icon{width:26px;height:26px;display:grid;place-items:center;flex:none;color:currentColor}
.premium-row-actions .action-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.premium-row-actions .action-label{line-height:1;display:inline-flex;align-items:center;white-space:nowrap}
.premium-row-actions form{margin:0;width:100%}
.premium-row-actions .actions-divider{height:1px;background:var(--line);margin:8px 8px 7px}
.premium-row-actions .captcha-action{color:#c78000}
.premium-row-actions .captcha-action:hover{background:var(--warning-soft);color:#b56d00}
.premium-row-actions .delete-action{color:var(--danger-2,#e23957)}
.premium-row-actions .delete-action:hover{background:var(--danger-soft,#feecef);color:var(--danger-2,#e23957)}
[data-theme="dark"] .actions-list.premium-row-actions{background:#111f34;border-color:#263a56;box-shadow:0 28px 64px rgba(0,0,0,.36)}
[data-theme="dark"] .premium-row-actions .details-action{background:#122e54;color:#3c8eff}
[data-theme="dark"] .premium-row-actions .action-item:hover{background:#172940}
[data-theme="dark"] .premium-row-actions .actions-divider{background:#24364f}
[data-theme="dark"] .premium-row-actions .delete-action:hover{background:rgba(226,57,87,.12)}

/* ===== Update 14: refined product UI, upgrade workflow and compact dialogs ===== */
.lines-swal-popup{width:min(430px,calc(100vw - 28px))!important;border-radius:18px!important;padding:1.2rem 1.2rem 1rem!important}
.lines-swal-popup .swal2-icon{width:64px;height:64px;margin:8px auto 18px!important}
.lines-swal-popup .swal2-icon .swal2-icon-content{font-size:42px!important}
.lines-swal-title{font-size:23px!important;margin-bottom:5px!important}.lines-swal-html{font-size:15px!important;line-height:1.75!important;color:var(--muted)!important}
.lines-swal-popup .swal2-actions{margin-top:18px!important}.lines-swal-popup .swal2-confirm,.lines-swal-popup .swal2-cancel{min-width:110px;padding:11px 18px!important;border-radius:10px!important;font-weight:700!important}
.captcha-popup{width:min(420px,calc(100vw - 28px))!important}.captcha-popup .swal2-title{font-size:22px!important}
.swal-captcha-image{max-width:250px!important;min-height:62px!important}
.actions-list.premium-row-actions{padding:9px!important;box-shadow:0 18px 45px rgba(3,17,37,.24)}
.premium-row-actions .actions-divider{display:flex;align-items:center;height:15px;margin:5px 8px 3px!important;background:transparent!important}
.premium-row-actions .actions-divider span{display:block;width:100%;height:1px;background:var(--line)}
[data-theme="dark"] .premium-row-actions .actions-divider span{background:#263a56}
.premium-row-actions .refresh-captcha-action{color:#b86c05}.premium-row-actions .refresh-captcha-action:hover{background:var(--warning-soft);color:#a75f00}
.plan-limit-banner{background:linear-gradient(135deg,rgba(255,173,37,.16),rgba(245,101,101,.10));border:1px solid rgba(245,158,11,.30);margin-bottom:18px}
.current-plan-card{display:flex;gap:28px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:22px 26px;background:linear-gradient(135deg,var(--surface),var(--surface-2))}
.plan-current-copy small{color:var(--muted);font-weight:700}.plan-current-copy h2{font-size:25px;margin:6px 0}.plan-current-copy p{color:var(--muted)}
.current-plan-metrics{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));gap:10px;min-width:min(620px,60%)}
.current-plan-metrics div{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:12px 14px}.current-plan-metrics small{display:block;color:var(--muted);font-size:12px}.current-plan-metrics b{display:block;margin-top:7px;font-size:16px}
.upgrade-zone{margin-bottom:23px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:22px;margin-bottom:4px}.section-heading p{color:var(--muted)}
.upgrade-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:13px}.upgrade-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;color:var(--text);transition:.18s}.upgrade-card:hover,.upgrade-card.selected{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 14px 35px rgba(8,118,232,.12)}.upgrade-card h3{font-size:19px;margin-bottom:10px}.upgrade-card>strong{display:block;font-size:28px;color:var(--brand);margin-bottom:14px}.upgrade-card>strong small{font-size:13px;color:var(--muted)}.upgrade-meta{display:flex;gap:7px;flex-wrap:wrap}.upgrade-meta span{font-size:12px;background:var(--surface-2);padding:6px 8px;border-radius:8px;color:var(--muted)}.upgrade-card em{display:block;color:var(--brand);font-style:normal;font-weight:700;margin-top:16px}.recommended{position:absolute;left:15px;top:15px;font-size:11px;background:var(--brand-soft);color:var(--brand);border-radius:13px;padding:4px 9px;font-weight:700}
.upgrade-disabled-notice{padding:17px 20px;border:1px solid var(--line);background:var(--surface);border-radius:15px;margin-bottom:20px}.upgrade-disabled-notice p{color:var(--muted);margin-top:5px}
.policy-panel{width:100%}.feature-toggle{display:flex!important;gap:15px;align-items:flex-start!important;margin-top:8px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.feature-toggle span b{display:block;margin-bottom:5px}.feature-toggle span small{display:block;line-height:1.7;color:var(--muted)}
.professional-notifications-head{margin-bottom:17px}.notification-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:13px;margin-bottom:16px}.notification-stat{display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:16px;color:#fff;box-shadow:0 14px 28px rgba(13,35,72,.09)}.notification-stat span{width:44px;height:44px;background:rgba(255,255,255,.19);display:grid;place-items:center;border-radius:13px;font-size:22px;font-weight:800}.notification-stat strong{display:block;font-size:27px}.notification-stat small{opacity:.9}.notification-stat.danger{background:linear-gradient(135deg,#c92e4d,#f55e72)}.notification-stat.warning{background:linear-gradient(135deg,#c06b07,#f5aa22)}.notification-stat.info{background:linear-gradient(135deg,#1167df,#29a5ed)}
.premium-notification-center{padding:0;overflow:hidden}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid var(--line)}.notification-toolbar h2{font-size:18px}.notification-toolbar span{font-size:13px;color:var(--muted)}.premium-notification-center .notification-page-list{padding:12px}.notice-action{display:flex;gap:8px;align-items:center;color:var(--brand);font-weight:700;font-size:13px}.notice-action b{font-size:19px}
[data-theme="dark"] .current-plan-card{background:linear-gradient(135deg,#111f36,#14243d)}
@media(max-width:1050px){.current-plan-card{display:block}.current-plan-metrics{min-width:0;margin-top:18px;grid-template-columns:repeat(2,1fr)}.upgrade-plan-grid{grid-template-columns:1fr}.notification-stat-grid{grid-template-columns:1fr}}

/* ===== Update 15: premium front office, compact dialogs, refined billing ===== */
.lines-swal-popup{width:min(356px,calc(100vw - 28px))!important;border-radius:16px!important;padding:14px 15px 13px!important}
.lines-swal-popup .swal2-icon{width:48px!important;height:48px!important;margin:3px auto 12px!important;border-width:3px!important}
.lines-swal-popup .swal2-icon .swal2-icon-content{font-size:31px!important}
.lines-swal-title,.lines-swal-popup .swal2-title{font-size:19px!important;line-height:1.45!important;padding:0!important;margin:0 0 5px!important}
.lines-swal-html,.lines-swal-popup .swal2-html-container{font-size:13.5px!important;line-height:1.7!important;margin:5px 0 0!important}
.lines-swal-popup .swal2-actions{margin-top:14px!important;gap:7px!important}
.lines-swal-popup .swal2-confirm,.lines-swal-popup .swal2-cancel{min-width:88px!important;height:40px!important;padding:0 16px!important;border-radius:9px!important;font-size:14px!important}
.captcha-popup{width:min(370px,calc(100vw - 28px))!important}.captcha-popup .swal2-title{font-size:18px!important}.swal-captcha-image{max-width:220px!important;min-height:56px!important}
.actions-list.premium-row-actions{min-width:238px!important;border-radius:15px!important;padding:7px!important}
.premium-row-actions .action-item{height:43px!important;border-radius:9px!important;padding:0 11px!important;gap:10px!important;font-size:14px!important;font-weight:700!important}
.premium-row-actions .action-icon{width:20px!important;height:20px!important}.premium-row-actions .action-icon svg{width:18px!important;height:18px!important}
.premium-row-actions .actions-divider{height:10px!important;margin:5px 6px!important}
.actions-trigger{height:41px!important;min-width:100px!important;border-radius:11px!important;font-size:14px!important;box-shadow:none!important}

/* marketing home */
.marketing-home{max-width:1240px;margin:0 auto;padding:0 28px 32px}
.marketing-nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.marketing-brand{display:flex;align-items:center;gap:12px;color:var(--text)}.marketing-brand:hover{color:var(--text)}.marketing-brand strong{font-size:19px;display:block}.marketing-brand small{font-size:12px;margin-top:-3px}
.marketing-links{display:flex;gap:25px;align-items:center}.marketing-links>a:not(.btn){color:var(--muted);font-weight:600;font-size:14px}.marketing-links>a:not(.btn):hover{color:var(--text)}
.marketing-hero{display:grid;grid-template-columns:1fr .93fr;align-items:center;gap:58px;padding:68px 0 60px}
.marketing-copy h1{font-size:54px;line-height:1.22;letter-spacing:-.045em;margin:18px 0 15px}.marketing-copy h1 span{color:var(--brand)}.marketing-copy>p{color:var(--muted);font-size:17px;max-width:525px;line-height:1.9}
.marketing-actions{display:flex;gap:11px;margin:27px 0 30px}.marketing-proof{display:flex;gap:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);width:max-content;max-width:100%}.marketing-proof div{padding:14px 18px;min-width:136px}.marketing-proof div+div{border-right:1px solid var(--line)}.marketing-proof b{display:block;font-size:13px}.marketing-proof small{font-size:11px;margin-top:3px}
.marketing-screen{background:var(--surface);border:1px solid var(--line);border-radius:23px;padding:18px;box-shadow:0 28px 70px rgba(12,28,54,.12)}.screen-top{display:flex;gap:6px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.screen-top span{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.screen-top b{margin-right:auto;font-size:12px;color:var(--muted)}
.screen-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.screen-stat-row article{padding:12px;border-radius:11px;background:var(--surface-2)}.screen-stat-row small{font-size:11px}.screen-stat-row strong{display:block;font-size:22px;margin-top:3px}.screen-stat-row .hot{background:var(--warning-soft)}.screen-stat-row .hot strong{color:var(--warning)}
.screen-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.screen-row{height:51px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 120px 43px;gap:13px;align-items:center;padding:0 13px;font-size:13px}.screen-row:last-child{border:0}.screen-progress{height:7px;background:var(--surface-3);border-radius:9px;overflow:hidden;direction:ltr}.screen-progress i{display:block;height:100%;background:var(--success);border-radius:9px}.screen-progress.warn i{background:var(--warning)}.screen-notice{margin-top:12px;background:var(--warning-soft);color:var(--warning);border-radius:10px;padding:9px 12px;font-size:12px;font-weight:700}.screen-notice span{margin-left:5px}
.marketing-metrics{height:92px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-bottom:64px;overflow:hidden}.marketing-metrics div{display:flex;justify-content:center;flex-direction:column;padding:0 27px}.marketing-metrics div+div{border-right:1px solid var(--line)}.marketing-metrics strong{font-size:18px;margin-bottom:3px}.marketing-metrics small{font-size:12px}
.section-title span{font-size:12px;font-weight:700;color:var(--brand);background:var(--brand-soft);padding:6px 12px;border-radius:20px}.section-title h2{font-size:31px;letter-spacing:-.025em;margin-top:14px}.section-title p{color:var(--muted);margin-top:7px}.section-title.center{text-align:center;margin-bottom:30px}
.marketing-process{margin-bottom:72px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:29px}.process-grid article{border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:24px}.process-grid article>b{display:inline-grid;place-items:center;height:38px;width:42px;border-radius:11px;background:var(--brand-soft);color:var(--brand);font-size:14px}.process-grid h3{font-size:19px;margin:17px 0 7px}.process-grid p{color:var(--muted);font-size:14px;line-height:1.8}
.marketing-plans{margin-bottom:65px}.premium-pricing-grid{max-width:1050px;margin:0 auto}.premium-price{padding:27px 25px;border-radius:18px;gap:18px}.premium-price header h3{font-size:21px}.premium-price header p{color:var(--muted);font-size:13px;min-height:42px;margin-top:6px}.premium-price .price strong{font-size:43px}.premium-price.featured{transform:translateY(-6px)}
.marketing-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:37px 43px;border-radius:22px;background:linear-gradient(125deg,#0f2f62,#1666d7);color:#fff;margin-bottom:27px}.marketing-cta h2{font-size:29px}.marketing-cta p{color:#cfdef5;margin-top:8px}.marketing-cta .btn{background:#fff;color:#145ab9}.marketing-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;padding-bottom:16px}

/* billing workspace */
.billing-page{max-width:1220px;margin:0 auto}.billing-head{margin-bottom:20px}.billing-shell{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.billing-aside{display:grid;gap:13px;position:sticky;top:92px}.billing-account-card{text-align:center;padding:21px}.billing-account-card small{font-weight:700}.billing-code{direction:ltr;display:block;font-size:31px;color:var(--brand);letter-spacing:.08em;margin:8px 0}.billing-account-card p{font-size:12px;color:var(--muted);line-height:1.75}.compact-current-plan{padding:20px}.plan-badge{display:inline-flex;padding:5px 10px;border-radius:20px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:700}.compact-current-plan h2{font-size:22px;margin:13px 0 5px}.compact-plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:15px}.compact-plan-price strong{font-size:29px}.compact-plan-price span{color:var(--muted);font-size:13px}.compact-plan-metrics{margin:0;display:grid;gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden}.compact-plan-metrics div{display:flex;justify-content:space-between;padding:9px 12px;background:var(--surface-2);font-size:13px}.compact-plan-metrics div+div{border-top:1px solid var(--line)}.compact-plan-metrics dt{color:var(--muted)}.compact-plan-metrics dd{margin:0;font-weight:700}.billing-help{border:1px dashed var(--line-strong);border-radius:14px;padding:16px;background:var(--surface-2)}.billing-help strong{display:block;font-size:14px}.billing-help p{font-weight:700;margin:8px 0 3px}.billing-help small{line-height:1.7}
.billing-workspace{display:grid;gap:16px}.upgrade-compact-panel{padding:20px}.panel-title.compact{margin-bottom:14px}.panel-title.compact h2{font-size:18px}.compact-upgrade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.compact-upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:var(--surface-2)}.compact-upgrade-card:hover,.compact-upgrade-card.selected{border-color:var(--brand);background:var(--brand-soft);color:var(--text)}.compact-upgrade-card h3{font-size:16px;margin-bottom:3px}.compact-upgrade-card>strong{color:var(--brand);font-size:20px;white-space:nowrap}.compact-upgrade-card>strong small{display:inline;font-size:12px}.billing-content-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(300px,.82fr);gap:16px}.payment-request-card,.payment-history-card{padding:20px}.clean-preview{display:grid;gap:7px;padding:14px;border:1px solid color-mix(in srgb,var(--brand) 15%,var(--line));background:var(--brand-soft)}.clean-preview strong{font-size:29px}.clean-preview .quote-period{font-size:13px;font-weight:700;color:var(--text)}.payment-history-list{display:grid;gap:8px}.payment-history-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;background:var(--surface-2);padding:13px;border:1px solid var(--line);border-radius:11px}.payment-history-row b{display:block;font-size:14px}.payment-history-row small{font-size:12px;margin-top:3px}
[data-theme="dark"] .marketing-cta{background:linear-gradient(125deg,#0b2348,#134a9d)}
@media(max-width:1050px){.marketing-hero{grid-template-columns:1fr;gap:36px;padding:45px 0}.marketing-copy h1{font-size:44px}.marketing-metrics{height:auto;grid-template-columns:repeat(2,1fr)}.marketing-metrics div{padding:18px}.marketing-metrics div:nth-child(3){border-top:1px solid var(--line)}.billing-shell{grid-template-columns:1fr}.billing-aside{position:static;grid-template-columns:repeat(2,1fr)}.billing-help{grid-column:1/-1}.billing-content-grid{grid-template-columns:1fr}}
@media(max-width:700px){.marketing-home{padding:0 15px}.marketing-nav{height:66px}.marketing-links>a:not(.btn){display:none}.marketing-copy h1{font-size:35px}.marketing-copy>p{font-size:15px}.marketing-proof{display:grid;width:100%}.marketing-proof div+div{border-right:0;border-top:1px solid var(--line)}.marketing-metrics,.process-grid{grid-template-columns:1fr}.marketing-metrics div+div,.marketing-metrics div:nth-child(3){border-right:0;border-top:1px solid var(--line)}.marketing-cta{display:grid;padding:26px}.billing-aside,.compact-upgrade-grid{grid-template-columns:1fr}.billing-content-grid{display:block}.payment-history-card{margin-top:13px}}

/* update 16 - readable subscription workspace */
.product-content:has(.sub-v3){max-width:1600px;padding:32px 42px 60px}
.sub-v3{max-width:1480px;margin:0 auto;display:grid;gap:20px}
.sub-v3-header{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:3px}
.sub-v3-header h1{font-size:32px;line-height:1.25;letter-spacing:-.03em;margin:7px 0 6px}
.sub-v3-header p{color:var(--muted);font-size:15px}
.sub-code-card{width:285px;padding:17px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);flex:none}
.sub-code-card small{font-weight:700}.sub-code-card strong{display:block;direction:ltr;color:var(--brand);font-size:29px;letter-spacing:.07em;margin:5px 0}.sub-code-card p{font-size:12px!important;line-height:1.7}
.sub-current-plan{display:grid;grid-template-columns:minmax(250px,1fr) minmax(480px,1.6fr) auto;gap:26px;align-items:center;padding:25px 28px;border-top:3px solid var(--brand)}
.sub-current-intro small{margin-top:13px;font-weight:700}.sub-current-intro h2{font-size:27px;margin:4px 0}.sub-current-intro p{color:var(--muted);font-size:13px}
.sub-current-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface-2)}
.sub-current-metrics article{height:88px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center}.sub-current-metrics article+article{border-right:1px solid var(--line)}
.sub-current-metrics small{font-size:12px}.sub-current-metrics strong{font-size:23px;line-height:1.35;margin-top:4px}.sub-current-metrics strong.date{font-size:18px;direction:ltr;text-align:right}.sub-current-metrics span{font-size:12px;color:var(--muted)}
.sub-current-action{min-width:140px}
.sub-v3-layout{display:grid;grid-template-columns:minmax(650px,1.6fr) minmax(310px,.72fr);gap:20px;align-items:start}
.sub-v3-primary,.sub-v3-aside{display:grid;gap:18px}.sub-v3-aside{position:sticky;top:94px}
.sub-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:19px}.sub-section-title h2{font-size:22px;margin-bottom:4px}.sub-section-title p{font-size:14px;color:var(--muted)}.sub-section-title.small-title h2{font-size:19px}
.sub-tip{display:inline-flex;padding:5px 11px;border-radius:30px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:700;white-space:nowrap}
.sub-upgrade-zone,.sub-payment-card{padding:25px 27px}.sub-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(255px,1fr));gap:12px}
.sub-plan-choice{display:grid;gap:15px;padding:19px 20px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);color:var(--text);position:relative}
.sub-plan-choice:hover,.sub-plan-choice.selected{border-color:var(--brand);background:var(--brand-soft);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 20%,transparent)}
.sub-plan-choice .recommended{position:absolute;top:-10px;left:14px;background:var(--brand);color:#fff;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}
.sub-plan-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.sub-plan-top h3{font-size:18px}.sub-plan-top strong{color:var(--brand);font-size:23px;white-space:nowrap}.sub-plan-top strong small{display:inline;font-size:11px}
.sub-plan-limits{display:flex;flex-wrap:wrap;gap:7px}.sub-plan-limits span{background:var(--surface);border:1px solid var(--line);padding:5px 9px;border-radius:20px;font-size:12px;color:var(--muted);font-weight:600}.sub-plan-choice em{color:var(--brand);font-size:13px;font-weight:700}
.sub-upgrade-off{padding:21px 25px;border-right:4px solid var(--warning)}.sub-upgrade-off strong{font-size:17px}.sub-upgrade-off p{margin-top:5px;color:var(--muted)}.sub-upgrade-off.success-tone{border-right-color:var(--success)}
.sub-payment-form{display:grid;gap:16px}.sub-form-step{display:flex;gap:12px;align-items:center;margin-top:2px}.sub-form-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-size:16px;font-weight:800;flex:none}.sub-form-step strong{display:block;font-size:16px}.sub-form-step small{font-size:12px}.sub-form-step.second{margin-top:6px}
.sub-field{font-size:14px}.sub-field>small{display:inline;color:var(--muted);font-weight:500;margin-right:5px}
.sub-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.sub-quote{background:linear-gradient(135deg,var(--brand-soft),var(--surface-2));border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:15px;padding:16px 19px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:11px 20px}
.sub-quote small{font-weight:700}.sub-quote strong{font-size:32px;color:var(--brand);display:block;line-height:1.35}.sub-quote-period b{display:block;font-size:15px;direction:ltr;text-align:right;margin-top:5px}.sub-quote p{grid-column:1/-1;border-top:1px solid color-mix(in srgb,var(--brand) 17%,var(--line));padding-top:10px;color:var(--muted);font-size:13px}
.sub-submit{height:50px;font-size:15px;width:100%;margin-top:3px}
.sub-transfer-info{padding:24px}.sub-transfer-info h2{font-size:21px;margin-bottom:7px}.sub-transfer-info>p{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:18px}.sub-receiver{padding:15px 16px;border-radius:12px;background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));margin-bottom:12px}.sub-receiver strong{display:block;color:var(--brand);font-size:17px;margin-top:4px;white-space:pre-line}.sub-instructions{padding:13px 15px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:13px;line-height:1.8}
.sub-history{padding:22px}.sub-history-list{display:grid;gap:10px}.sub-history-row{padding:14px;border-radius:13px;border:1px solid var(--line);background:var(--surface-2)}.sub-history-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.sub-history-head b{font-size:14px}.sub-history-row>strong{font-size:20px;color:var(--text);display:block}.sub-history-row>strong small{display:inline;font-size:12px}.sub-history-row p{font-size:12px;color:var(--muted);direction:ltr;text-align:right;margin-top:6px}
[data-theme="dark"] .sub-current-plan{border-top-color:#3387f0}.sub-current-metrics{background:#0c1727}.sub-plan-choice.selected{background:#112c52}
@media(max-width:1230px){.product-content:has(.sub-v3){padding:28px 24px}.sub-current-plan{grid-template-columns:1fr}.sub-current-metrics{order:2}.sub-current-action{order:3;width:max-content}.sub-v3-layout{grid-template-columns:1fr}.sub-v3-aside{position:static;grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sub-v3-header{display:grid}.sub-code-card{width:100%}.sub-v3-header h1{font-size:27px}.sub-current-metrics{grid-template-columns:repeat(2,1fr)}.sub-current-metrics article:nth-child(3){border-top:1px solid var(--line)}.sub-plan-grid,.sub-form-grid,.sub-v3-aside{grid-template-columns:1fr}.sub-quote{grid-template-columns:1fr}.sub-upgrade-zone,.sub-payment-card{padding:20px}.sub-current-plan{padding:20px}}

/* ===== v17: restore lines tabs + clear subscription layout (scoped only) ===== */
.lines17-page{width:100%;max-width:none;margin:0 auto;display:grid;gap:14px}
.lines17-page .lines17-head{margin-bottom:0}
.lines17-page .sync-schedule-banner{margin-bottom:0}
.lines17-stats{margin:0!important}
.lines17-stats .stat-card{border:1px solid var(--line);box-shadow:none}
.lines17-stats .lines17-internet{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 15%,var(--surface)),var(--surface));}
.lines17-stats .lines17-landline{background:linear-gradient(135deg,color-mix(in srgb,#16a34a 12%,var(--surface)),var(--surface));}
.lines17-stats .lines17-warning{background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 16%,var(--surface)),var(--surface));}
.lines17-tabs{display:flex;gap:8px;align-items:center;padding:5px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
.lines17-tabs a{height:45px;padding:0 18px;display:inline-flex;gap:10px;align-items:center;border-radius:10px;color:var(--muted);font-size:14px;font-weight:700;transition:.18s;white-space:nowrap}
.lines17-tabs a:hover{background:var(--surface-2);color:var(--text)}
.lines17-tabs a.active{background:var(--brand);color:#fff;box-shadow:0 9px 20px rgba(18,103,238,.2)}
.lines17-tabs b{min-width:24px;height:24px;padding:0 7px;border-radius:20px;display:grid;place-items:center;background:var(--surface-2);color:var(--text);font-size:12px}
.lines17-tabs a.active b{background:rgba(255,255,255,.2);color:#fff}
.lines17-filter{padding:10px 12px;margin:0!important}.lines17-filter .ops-toolbar{margin:0}
.lines17-table{margin:0!important;overflow:visible}
[data-theme="dark"] .lines17-stats .stat-card{background:#111f34}
[data-theme="dark"] .lines17-stats .brand-card{background:linear-gradient(125deg,#123b76,#095da5)}

.product-content:has(.billing17-page){max-width:1440px;padding:30px 42px 56px}
.billing17-page{display:grid;gap:18px;width:100%}
.billing17-head{display:flex;justify-content:space-between;align-items:center;gap:24px}
.billing17-head h1{font-size:30px;margin:7px 0 6px;letter-spacing:-.03em}
.billing17-head p{color:var(--muted);font-size:14px}
.billing17-code{width:290px;flex:none;padding:18px 20px;border-radius:17px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}
.billing17-code small{font-weight:700}.billing17-code strong{display:block;color:var(--brand);font-size:31px;letter-spacing:.08em;direction:ltr;text-align:right;margin:5px 0}.billing17-code p{font-size:12px;line-height:1.7}
.billing17-current{padding:24px 27px;display:grid;grid-template-columns:minmax(240px,.7fr) minmax(500px,1.6fr);gap:28px;align-items:center;border-right:4px solid var(--brand)}
.billing17-plan-name span{display:inline-flex;padding:5px 11px;border-radius:22px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:700}
.billing17-plan-name h2{font-size:28px;margin:9px 0 5px}.billing17-plan-name p{color:var(--muted);font-size:13px}
.billing17-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--surface-2)}
.billing17-metrics article{height:91px;display:flex;flex-direction:column;justify-content:center;padding:12px 17px}.billing17-metrics article+article{border-right:1px solid var(--line)}
.billing17-metrics small{font-size:12px}.billing17-metrics strong{font-size:27px;line-height:1.2;margin:6px 0 2px}.billing17-metrics span{color:var(--muted);font-size:12px}.billing17-metrics .billing17-date{direction:ltr;text-align:right;font-size:19px}
.billing17-upgrades{padding:25px 27px}.billing17-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.billing17-title h2{font-size:22px;margin-bottom:5px}.billing17-title p{color:var(--muted);font-size:14px}
.billing17-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(245px,1fr));gap:13px}
.billing17-upgrade-card{display:grid;gap:13px;position:relative;padding:20px 20px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--text);transition:.18s}
.billing17-upgrade-card:hover,.billing17-upgrade-card.selected{border-color:var(--brand);background:var(--brand-soft);color:var(--text)}
.billing17-upgrade-card .recommended{position:absolute;top:-11px;left:17px;background:var(--brand);color:#fff;padding:4px 12px;border-radius:19px;font-size:11px;font-weight:700}
.billing17-upgrade-card h3{font-size:19px}.billing17-upgrade-card p{font-size:12px;color:var(--muted);line-height:1.65}.billing17-upgrade-card>strong{font-size:27px;color:var(--brand)}.billing17-upgrade-card strong small{font-size:12px}.billing17-upgrade-card .limits{display:flex;gap:7px;flex-wrap:wrap}.billing17-upgrade-card .limits span{font-size:12px;padding:5px 9px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}.billing17-upgrade-card>b{font-size:13px;color:var(--brand)}
.billing17-upgrades-disabled{padding:19px 23px;border-right:4px solid var(--warning)}.billing17-upgrades-disabled p{color:var(--muted);margin-top:5px}
.billing17-bottom{display:grid;grid-template-columns:minmax(560px,1.45fr) minmax(320px,.72fr);gap:18px;align-items:start}
.billing17-payment{padding:25px 27px}.billing17-form{display:grid;gap:14px}.billing17-form label{font-size:14px}.billing17-form label>small{display:inline;color:var(--muted);font-weight:500;margin-right:4px}
.billing17-quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px 18px;align-items:center;padding:16px 19px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:14px;background:linear-gradient(135deg,var(--brand-soft),var(--surface-2))}
.billing17-quote strong{display:block;font-size:32px;line-height:1.3;color:var(--brand);margin-top:4px}.billing17-quote b{display:block;font-size:17px;margin-top:5px;direction:ltr;text-align:right}.billing17-quote p{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:13px}
.billing17-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.billing17-submit{height:50px;width:100%;font-size:15px}
.billing17-side{display:grid;gap:16px}.billing17-transfer,.billing17-history{padding:22px}.billing17-transfer h2,.billing17-history h2{font-size:20px;margin-bottom:9px}.billing17-transfer>p{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:14px}.billing17-transfer>div{padding:14px;border-radius:13px;background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));margin-bottom:11px}.billing17-transfer>div strong{display:block;color:var(--brand);font-size:17px;margin-top:5px;white-space:pre-line}.billing17-transfer .notes{margin:0;padding:13px;border-radius:12px;background:var(--surface-2)}
.billing17-history article{position:relative;display:grid;gap:6px;padding:14px 0;border-bottom:1px solid var(--line)}.billing17-history article:last-child{border-bottom:0}.billing17-history article div b{display:block}.billing17-history article div small{color:var(--muted)}.billing17-history article>strong{font-size:20px}.billing17-history article .status{position:absolute;top:15px;left:0}
[data-theme="dark"] .billing17-current,[data-theme="dark"] .billing17-upgrades,[data-theme="dark"] .billing17-payment,[data-theme="dark"] .billing17-transfer,[data-theme="dark"] .billing17-history{background:#111f34}
[data-theme="dark"] .billing17-metrics{background:#0b192a}
@media(max-width:1180px){.product-content:has(.billing17-page){padding:25px 22px}.billing17-current,.billing17-bottom{grid-template-columns:1fr}.billing17-plan-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.billing17-head{display:grid}.billing17-code{width:100%}.billing17-metrics,.billing17-plan-grid,.billing17-form-grid{grid-template-columns:1fr}.billing17-metrics article+article{border-right:0;border-top:1px solid var(--line)}.billing17-quote{grid-template-columns:1fr}.lines17-tabs{width:100%;overflow:auto}.lines17-tabs a{flex:1}.product-content:has(.billing17-page){padding:20px 14px}}

/* ===== v18: responsive product release + activity/team workspace ===== */
:root{--content-max:1580px}
.product-content{max-width:var(--content-max);width:100%;padding:28px 28px 52px}
.operations-mobile{display:none}
.activity-page,.team-page{display:grid;gap:18px}
.activity-filter{padding:14px}.activity-filter form{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:10px;max-width:760px}.activity-panel,.audit-table-panel{padding:0;overflow:hidden}.activity-cards{display:grid}.activity-card{display:flex;align-items:center;gap:16px;padding:17px 22px;border-bottom:1px solid var(--line)}.activity-card:last-child{border-bottom:0}.activity-mark{width:42px;height:42px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:22px;font-weight:700;flex:none}.activity-copy h3{font-size:16px;margin-bottom:2px}.activity-copy p,.activity-copy small{color:var(--muted);font-size:13px}.pagination-wrap{padding:16px 20px;border-top:1px solid var(--line)}.audit-table td small{display:block}.audit-table-panel .table-responsive{overflow:auto}
.team-limit{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 18px;min-width:155px}.team-limit small{display:block}.team-limit strong{display:block;font-size:23px;color:var(--brand);margin-top:5px;direction:ltr;text-align:right}.team-layout{display:grid;grid-template-columns:minmax(500px,1.3fr) minmax(340px,.72fr);gap:16px;align-items:start}.team-members,.team-create{padding:23px}.team-member-list{display:grid;gap:11px}.team-card{display:grid;grid-template-columns:48px minmax(170px,1fr) 125px auto auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:13px}.team-card.disabled{opacity:.62}.team-avatar{width:44px;height:44px;border-radius:13px;background:var(--brand-soft);color:var(--brand);font-size:19px;font-weight:800;display:grid;place-items:center}.team-identity strong{display:block}.team-identity small{display:block;margin:2px 0 7px}.team-role b{font-size:13px}.team-edit{display:flex;align-items:center;gap:7px}.team-edit select{width:128px;height:39px}.mini-check{display:flex!important;align-items:center;gap:5px;font-size:12px!important;white-space:nowrap}.mini-check input{width:15px;height:15px;margin:0!important}.btn.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.btn.danger:hover{background:var(--danger);color:#fff}

/* A wide, operational desktop instead of a compressed table */
.operations-page{width:100%;max-width:none}.operations-panel{border-radius:14px}.dense-lines-table{font-size:13px;min-width:1380px}.dense-lines-table th{padding:0 11px;height:47px}.dense-lines-table td{padding:10px 11px;height:57px}.dense-lines-table .plan-chip{white-space:nowrap}.dense-lines-table .meter{min-width:114px}.lines17-tabs{max-width:570px}.lines17-tabs a{min-width:165px}

/* Subscription page: intentionally wide and scannable */
.product-content:has(.billing17-page){max-width:1540px;padding:28px 30px 56px}.billing17-page{max-width:1460px;margin:0 auto;gap:18px}.billing17-bottom{grid-template-columns:minmax(600px,1.38fr) minmax(365px,.78fr)}.billing17-payment{min-height:100%}.billing17-side{gap:14px}

/* mobile line cards */
.line-card-list{display:none;gap:12px;padding:12px}.mobile-line-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:12px;box-shadow:var(--shadow)}.mobile-line-card header{display:flex;gap:9px;align-items:flex-start;justify-content:space-between}.line-card-identity{display:flex;gap:10px;min-width:0}.serial-badge{height:31px;width:31px;border-radius:9px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-weight:800;flex:none}.line-card-identity a{display:block;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-card-identity small{display:block;margin-top:3px}.mobile-account-ref{display:flex;justify-content:space-between;border-radius:10px;padding:9px 11px;background:var(--surface-2);font-size:13px}.mobile-account-ref b{color:var(--brand);direction:ltr}.mobile-plan-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.mobile-plan-row .plan-chip{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.renew-date{font-size:12px;color:var(--muted);white-space:nowrap}.mobile-usage{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-usage>div{background:var(--surface-2);padding:10px;border-radius:11px}.mobile-usage small{display:block}.mobile-usage strong{display:block;margin-top:4px;font-size:18px}.mobile-usage em{font-size:11px;color:var(--muted);font-style:normal}.mobile-meter{height:25px}.mobile-line-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.mobile-line-card footer small{font-size:12px}.mobile-line-card .actions-list{width:250px}

/* consistent stat cards */
.ops-stats .stat-card,.dashboard-stats .stat-card{position:relative;overflow:hidden}.ops-stats .stat-card::after{content:'';position:absolute;width:66px;height:66px;border-radius:50%;left:-20px;bottom:-29px;background:rgba(255,255,255,.12)}.ops-stats .brand-card{background:linear-gradient(135deg,#1768da,#278ae9);color:#fff;border-color:transparent}.ops-stats .brand-card small{color:rgba(255,255,255,.85)}.ops-stats .brand-card strong{color:#fff}.ops-stats .lines17-internet{background:linear-gradient(135deg,#0a9166,#20b37b);color:#fff;border-color:transparent}.ops-stats .lines17-landline{background:linear-gradient(135deg,#1470b9,#20a4e7);color:#fff;border-color:transparent}.ops-stats .lines17-warning{background:linear-gradient(135deg,#d67a06,#ffb528);color:#fff;border-color:transparent}.ops-stats .lines17-internet small,.ops-stats .lines17-landline small,.ops-stats .lines17-warning small{color:rgba(255,255,255,.86)}.ops-stats .lines17-internet strong,.ops-stats .lines17-landline strong,.ops-stats .lines17-warning strong{color:#fff}
.attention-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 14px}.attention-summary-card{position:relative;overflow:hidden;border-radius:24px;padding:22px 24px;min-height:142px;color:#fff;box-shadow:var(--premium-shadow)}.attention-summary-card::after{content:'';position:absolute;inset:auto -18px -30px auto;width:126px;height:126px;border-radius:50%;background:rgba(255,255,255,.12)}.attention-summary-card small,.attention-summary-card span{display:block;position:relative;z-index:1;color:rgba(255,255,255,.92)}.attention-summary-card small{font-size:16px;font-weight:800;margin-bottom:14px}.attention-summary-card strong{position:relative;z-index:1;display:block;font-size:44px;line-height:1;margin-bottom:14px;color:#fff}.attention-summary-card span{font-size:15px;font-weight:700;line-height:1.8;max-width:82%}.attention-summary-card.danger{background:linear-gradient(135deg,#c61d1d,#f25f61)}.attention-summary-card.warning{background:linear-gradient(135deg,#ff7f0e,#f7c61c)}.attention-summary-card.amber{background:linear-gradient(135deg,#c96a07,#e69b17)}


@media(max-width:1180px){.team-layout{grid-template-columns:1fr}.team-create{order:-1}.team-card{grid-template-columns:48px 1fr auto}.team-role{grid-column:2}.team-edit{grid-column:1/-1}.product-content:has(.billing17-page){padding:22px 18px}.billing17-bottom{grid-template-columns:1fr}.billing17-side{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){
  :root{--topbar-h:62px}.product-content,.page-content.product-content{padding:18px 12px 36px}.topbar{height:var(--topbar-h);padding:0 11px;gap:8px}.topbar-start{gap:4px}.top-actions{gap:7px}.action-icon{height:38px;width:38px}.account-code-chip{display:none!important}.side-brand{padding-bottom:18px}.sidebar{width:min(290px,84vw);padding-top:15px}.page-head h1{font-size:25px}.page-head p{font-size:13px}.quick-actions{width:100%}.quick-actions .btn{flex:1}.ops-heading{display:grid;gap:12px}.sync-schedule-banner{font-size:12px;line-height:1.7;padding:11px 13px}.stats-grid.four,.ops-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ops-stats .stat-card{min-height:88px;padding:13px}.ops-stats .stat-card strong{font-size:28px}.lines17-tabs{max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;overflow:visible}.lines17-tabs a{min-width:0;padding:11px 6px;display:grid;gap:5px;font-size:12px;text-align:center}.lines17-tabs a b{margin:0 auto}.ops-toolbar-card{padding:10px}.ops-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px}.ops-toolbar input{grid-column:1/-1}.ops-toolbar select:last-of-type{grid-column:1/-1}.ops-toolbar .btn{grid-column:1/-1}.attention-summary-grid{grid-template-columns:1fr}.attention-summary-card{min-height:126px;padding:18px 18px 20px;border-radius:20px}.attention-summary-card strong{font-size:36px}.attention-summary-card small{font-size:15px}.attention-summary-card span{max-width:100%;font-size:14px;line-height:1.7}.operations-desktop{display:none}.operations-mobile,.line-card-list{display:grid}.operations-panel{padding:0;background:transparent;border:0;box-shadow:none}.pagination-wrap{border:0;padding:12px}.actions-list{position:fixed!important;right:12px!important;left:12px!important;top:auto!important;bottom:16px!important;width:auto!important;max-width:none;border-radius:17px}.actions-list .action-item{height:48px}.notification-panel{top:68px}.activity-filter form{grid-template-columns:1fr}.audit-table{min-width:700px}.team-limit{width:100%}.team-card{grid-template-columns:45px 1fr auto;padding:12px}.team-edit{display:grid;grid-template-columns:1fr auto auto}.team-edit select{width:100%}.billing17-head{gap:12px}.billing17-head h1{font-size:25px}.billing17-current,.billing17-upgrades,.billing17-payment,.billing17-transfer,.billing17-history{padding:17px}.billing17-title h2{font-size:19px}.billing17-plan-grid{grid-template-columns:1fr}.billing17-side{grid-template-columns:1fr}.billing17-metrics{grid-template-columns:repeat(2,1fr)}.billing17-metrics article{height:78px}.billing17-quote strong{font-size:28px}
}
@media(max-width:520px){.profile-trigger{width:42px}.profile-trigger .chevron{display:none}.topbar .action-icon[data-fullscreen-toggle]{display:none}.stats-grid.four,.ops-stats{grid-template-columns:1fr 1fr}.mobile-line-card footer{display:grid}.mobile-line-card footer .actions-dropdown,.mobile-line-card footer .actions-trigger{width:100%}.billing17-metrics,.billing17-form-grid{grid-template-columns:1fr}.team-members,.team-create{padding:15px}.team-card{grid-template-columns:42px 1fr}.team-role{grid-column:2}.team-card>form{grid-column:1/-1}.activity-card{padding:14px}.activity-copy h3{font-size:15px}}

/* ===== v19 product UI system: structured pages, clear plans, complete responsive ===== */
:root{--v19-max:1440px;--v19-gap:20px;--v19-accent:#256fe8;--v19-accent-2:#14a6c9;--v19-green:#16a36a;--v19-gold:#e9a416}
.product-content{max-width:none;padding:30px 34px 60px}
.v19-page{width:min(100%,var(--v19-max));margin:0 auto;display:grid;gap:22px}
.v19-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:4px}
.v19-page-head h1{font-size:30px;line-height:1.25;margin:6px 0 4px;letter-spacing:-.02em}.v19-page-head p{color:var(--muted);font-size:15px}.v19-action{min-width:172px;justify-content:center}
.v19-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.v19-panel-head h2{font-size:21px}.v19-panel-head p{color:var(--muted)}
.pill{display:inline-flex;align-items:center;height:27px;border-radius:999px;padding:0 12px;font-size:12px;font-weight:700;background:var(--surface-3);color:var(--muted)}.pill.success{background:var(--success-soft);color:var(--success)}.pill.featured{background:var(--brand-soft);color:var(--brand)}.pill.muted{background:var(--surface-3);color:var(--muted)}
/* Plan administration split into real pages */
.v19-table-panel{padding:26px}.v19-plan-list{display:grid;gap:13px}.v19-plan-row{border:1px solid var(--line);background:var(--surface-2);border-radius:17px;padding:20px;display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(390px,1.2fr) auto;align-items:center;gap:24px}.v19-plan-row.disabled{opacity:.72}.v19-plan-tags{display:flex;gap:7px;margin-bottom:9px}.v19-plan-identity h3{font-size:19px;margin-bottom:3px}.v19-plan-identity p{font-size:13px;color:var(--muted)}.v19-plan-metrics{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}.v19-plan-metrics div{padding:12px 13px;border-inline-start:1px solid var(--line)}.v19-plan-metrics div:first-child{border-inline-start:0}.v19-plan-metrics small{font-size:12px}.v19-plan-metrics strong{display:block;font-size:17px;margin-top:4px}.v19-plan-metrics em{font-size:12px}.v19-plan-actions{display:flex;gap:8px;align-items:center}.btn.ghost-danger{border:1px solid transparent;background:var(--danger-soft);color:var(--danger)}.btn.ghost-success{border:1px solid transparent;background:var(--success-soft);color:var(--success)}
.plan-form-page{max-width:1120px}.v19-plan-form{padding:29px;display:grid;gap:18px}.v19-form-section h2{font-size:21px;margin-bottom:2px}.v19-form-section p{color:var(--muted)}.v19-form-section.divided{border-top:1px solid var(--line);padding-top:22px;margin-top:3px}.v19-field-grid{display:grid;gap:15px}.v19-field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.v19-field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.v19-form-footer{border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:20px}.v19-checks{display:flex;gap:25px;align-items:center}
/* Customer subscription page */
.subscription-v19{max-width:1320px}.subscription-title{align-items:stretch}.account-reference{width:255px;border-radius:17px;border:1px solid var(--line);padding:15px 18px;background:linear-gradient(135deg,var(--surface),var(--brand-soft));display:grid;gap:6px}.account-reference strong{font-size:30px;letter-spacing:3px;color:var(--brand);direction:ltr;text-align:right}.account-reference .copy-button{width:max-content;background:transparent;border:0;color:var(--brand);font-weight:700;cursor:pointer;padding:0}.current-subscription-card{padding:24px 28px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:25px;align-items:center;border-inline-start:4px solid var(--brand)}.subscription-plan-title h2{font-size:26px;margin:11px 0 3px}.subscription-plan-title p{color:var(--muted)}.subscription-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface-2);border:1px solid var(--line);border-radius:15px;overflow:hidden}.subscription-kpis article{padding:19px 17px;border-inline-start:1px solid var(--line)}.subscription-kpis article:first-child{border:0}.subscription-kpis strong{display:block;font-size:23px;margin-top:6px}.subscription-kpis em{font-size:13px}.v19-section{display:grid;gap:15px}.v19-section-head h2{font-size:23px;margin-bottom:3px}.v19-section-head p{color:var(--muted)}.subscription-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}.upgrade-plan-card{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px;display:grid;gap:11px;color:var(--text);transition:border-color .2s,box-shadow .2s,transform .2s}.upgrade-plan-card:hover,.upgrade-plan-card.selected{border-color:var(--brand);box-shadow:0 10px 26px rgba(33,104,220,.14);transform:translateY(-2px)}.upgrade-plan-card .pill{position:absolute;top:-13px;right:20px}.upgrade-plan-card h3{font-size:20px}.upgrade-plan-card p{font-size:13px;color:var(--muted);min-height:41px}.upgrade-price strong{font-size:28px;color:var(--brand)}.upgrade-price small{display:inline}.upgrade-limits{display:flex;gap:7px;flex-wrap:wrap}.upgrade-limits span{border-radius:999px;background:var(--surface-3);padding:5px 9px;font-size:12px}.select-upgrade{color:var(--brand);font-size:13px}.upgrade-closed{padding:22px}.subscription-workspace{display:grid;grid-template-columns:minmax(580px,1.33fr) minmax(320px,.77fr);gap:18px;align-items:start}.payment-request-card{padding:26px}.payment-v19-form{display:grid;gap:16px}.payment-summary{padding:17px 20px;border-radius:14px;background:linear-gradient(135deg,var(--brand-soft),transparent);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.payment-summary strong{font-size:27px;color:var(--brand);display:block;margin-top:4px}.payment-summary p{grid-column:1/-1;color:var(--muted);font-size:13px}.payment-submit{height:51px}.subscription-sidebar{display:grid;gap:16px}.payment-instructions,.payment-history{padding:22px}.payment-instructions h2,.payment-history h2{font-size:20px;margin-bottom:16px}.receiver-box{border-radius:12px;background:var(--brand-soft);padding:13px 15px;margin-bottom:14px}.receiver-box strong{display:block;margin-top:4px}.help-note{margin-top:15px;border-top:1px solid var(--line);padding-top:13px;color:var(--muted)}.help-note b{color:var(--brand)}.payment-history article{padding:13px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:5px 13px}.payment-history article .status{grid-column:1/-1;width:max-content}
/* Public site: human-crafted presentation */
.public-v19{width:min(100% - 54px,1240px);margin:0 auto;display:grid;gap:72px;padding:26px 0 30px}.public-nav{height:68px;display:flex;justify-content:space-between;align-items:center}.public-brand{display:flex;align-items:center;gap:12px;color:var(--text)}.public-brand>span{height:46px;width:46px;border-radius:14px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800}.public-brand small{margin-top:-3px}.public-nav nav{display:flex;align-items:center;gap:24px}.public-nav nav>a:not(.btn){color:var(--muted);font-weight:600}.public-hero{display:grid;grid-template-columns:1.02fr .86fr;align-items:center;gap:72px;padding-top:36px}.public-copy .eyebrow{display:inline-flex;background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700}.public-copy h1{font-size:54px;line-height:1.16;margin:18px 0 15px;letter-spacing:-.04em}.public-copy h1 span{color:var(--brand)}.public-copy p{font-size:18px;color:var(--muted);line-height:1.85;max-width:600px}.public-buttons{display:flex;gap:12px;margin:27px 0 26px}.trust-row{display:flex;gap:25px;flex-wrap:wrap;color:var(--muted);font-size:14px;font-weight:500}.public-preview{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 65px rgba(19,41,71,.09);padding:22px;display:grid;gap:17px}.preview-top{display:flex;justify-content:space-between}.preview-top span{border-radius:999px;background:var(--success-soft);color:var(--success);padding:5px 11px;font-size:12px}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preview-cards article{padding:14px;background:var(--surface-2);border-radius:13px}.preview-cards strong{display:block;font-size:27px}.preview-cards .warn strong{color:var(--warning)}.preview-list{border:1px solid var(--line);border-radius:15px;overflow:hidden}.preview-list div{display:grid;grid-template-columns:120px 1fr 48px;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.preview-list div:last-child{border:0}.preview-list span{height:7px;background:var(--surface-3);border-radius:999px;overflow:hidden}.preview-list i{display:block;height:100%;background:var(--brand);border-radius:inherit}.preview-list .warn i{background:var(--warning)}.preview-list em{font-size:12px;color:var(--muted)}.public-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-features article{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:28px}.public-features article span{color:var(--brand);font-weight:800}.public-features h2{font-size:20px;margin:14px 0 7px}.public-features p{color:var(--muted)}.public-plans{display:grid;gap:30px}.public-section-title{text-align:center}.public-section-title span{color:var(--brand);font-weight:700}.public-section-title h2{font-size:34px;margin:8px 0}.public-section-title p{color:var(--muted)}.public-pricing{display:flex;justify-content:center;gap:16px;align-items:stretch;flex-wrap:wrap}.public-plan{position:relative;display:grid;gap:17px;width:min(360px,100%);border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:29px}.public-plan.featured{border:2px solid var(--brand);transform:translateY(-8px)}.public-plan>label{position:absolute;top:-16px;right:22px;background:var(--brand);color:#fff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.public-plan h3{font-size:22px}.public-plan p{min-height:50px;color:var(--muted)}.public-price{display:flex;align-items:flex-end;gap:7px}.public-price strong{font-size:43px;line-height:1;color:var(--brand)}.public-plan ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:var(--muted)}.public-plan li::before{content:'✓';color:var(--success);margin-left:9px;font-weight:bold}.public-footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;color:var(--muted)}
/* Lines and landline onboarding */
.line-type-pill{display:inline-flex;height:27px;padding:0 10px;border-radius:999px;align-items:center;font-size:12px;font-weight:700}.line-type-pill.internet{background:var(--brand-soft);color:var(--brand)}.line-type-pill.landline{background:var(--success-soft);color:var(--success)}.add-line-v19{max-width:1230px}.add-line-layout{display:grid;grid-template-columns:minmax(600px,1fr) 330px;gap:18px;align-items:start}.add-line-form,.add-line-help{padding:27px}.line-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.line-type-selector input{position:absolute;opacity:0}.line-type-selector span{border:1px solid var(--line);border-radius:14px;padding:17px 18px;display:grid;gap:4px;cursor:pointer;background:var(--surface-2)}.line-type-selector input:checked+span{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.line-type-selector b{font-size:17px}.sync-choice-box{border-radius:14px;background:var(--surface-2);border:1px solid var(--line);padding:17px;display:grid;gap:10px}.sync-choice-box p{font-size:13px;color:var(--muted)}.add-line-help h2{margin-bottom:20px}.guide-steps{display:grid;gap:19px}.guide-steps article{display:flex;gap:12px}.guide-steps article>b{height:34px;width:34px;flex:none;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.guide-steps p{color:var(--muted);font-size:13px;margin-top:3px}
/* accessibility + layouts */
@media(max-width:1260px){.v19-plan-row{grid-template-columns:1fr;gap:16px}.subscription-workspace{grid-template-columns:1fr}.subscription-sidebar{grid-template-columns:repeat(2,1fr)}.current-subscription-card{grid-template-columns:1fr}.public-hero{gap:35px}.add-line-layout{grid-template-columns:1fr}.add-line-help{order:-1}}
@media(max-width:960px){.product-content{padding:18px 13px 38px}.v19-page{gap:16px}.v19-page-head{display:grid;gap:12px}.v19-page-head h1{font-size:25px}.v19-action{width:100%}.v19-table-panel,.v19-plan-form,.payment-request-card,.payment-instructions,.payment-history,.current-subscription-card,.add-line-form,.add-line-help{padding:17px}.v19-field-grid.four,.v19-field-grid.two{grid-template-columns:1fr}.v19-form-footer{display:grid}.v19-checks{display:grid;gap:12px}.v19-plan-metrics{grid-template-columns:repeat(2,1fr)}.subscription-title .account-reference{width:100%}.subscription-kpis{grid-template-columns:repeat(2,1fr)}.subscription-kpis article:nth-child(3){border-top:1px solid var(--line)}.subscription-sidebar{grid-template-columns:1fr}.public-v19{width:min(100% - 28px,1240px);gap:42px;padding-top:10px}.public-nav{height:auto;display:grid;gap:14px}.public-nav nav{gap:13px;overflow:auto;white-space:nowrap}.public-hero{grid-template-columns:1fr;gap:28px;padding-top:15px}.public-copy h1{font-size:38px}.public-copy p{font-size:15px}.public-preview{order:-1}.public-features{grid-template-columns:1fr}.public-section-title h2{font-size:27px}.public-plan.featured{transform:none}.public-footer{display:grid;gap:6px}.line-type-selector{grid-template-columns:1fr}.payment-summary{grid-template-columns:1fr}}
@media(max-width:560px){.subscription-kpis{grid-template-columns:1fr}.subscription-kpis article{border-inline-start:0!important;border-top:1px solid var(--line)}.subscription-kpis article:first-child{border-top:0}.public-copy h1{font-size:33px}.public-buttons{display:grid}.preview-list div{grid-template-columns:95px 1fr 42px}}


/* ===== v20: unified visual recovery release =====
   Restores a stable, spacious SaaS layout after new page templates were deployed.
   This section intentionally overrides older experiments without touching logic. */
:root{--content-max:1480px;--card-pad:26px;--header-gap:24px}
.page-content.product-content{width:100%;max-width:none;margin:0;padding:32px clamp(20px,2.8vw,44px) 54px}
.v19-page{width:min(100%,var(--content-max));margin:0 auto;display:grid;gap:24px}
.v19-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:2px}
.v19-page-head h1{font-size:31px;line-height:1.25;letter-spacing:-.03em;margin:5px 0 7px}
.v19-page-head p{color:var(--muted);max-width:650px;font-size:15px}
.v19-action{height:48px;padding-inline:22px}
.v19-panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}
.v19-panel-head h2{font-size:21px;margin-bottom:4px}.v19-panel-head p{color:var(--muted)}

/* Admin plans list: deliberate full width rows, no narrow right-aligned column */
.plans-v19-page{max-width:1420px}
.v19-table-panel{padding:26px}
.v19-plan-list{display:grid;gap:14px}
.v19-plan-row{display:grid;grid-template-columns:minmax(280px,1.22fr) minmax(440px,1fr) auto;align-items:center;gap:22px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
.v19-plan-row.disabled{opacity:.62}
.v19-plan-identity{display:grid;gap:7px}.v19-plan-tags{display:flex;align-items:center;gap:8px}.v19-plan-identity h3{font-size:20px}.v19-plan-identity p{color:var(--muted);font-size:14px;max-width:420px}
.v19-plan-metrics{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}
.v19-plan-metrics div{padding:13px 14px;border-inline-start:1px solid var(--line)}.v19-plan-metrics div:first-child{border-inline-start:0}
.v19-plan-metrics small{font-size:11px;margin-bottom:5px}.v19-plan-metrics strong{font-size:19px;display:block}.v19-plan-metrics em{font-size:12px;margin-right:3px}
.v19-plan-actions{display:flex;align-items:center;gap:9px}.v19-plan-actions form{margin:0}
.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.pill.featured{background:var(--brand-soft);color:var(--brand)}.pill.success{background:var(--success-soft);color:var(--success)}.pill.muted{background:var(--surface-3);color:var(--muted)}

/* Plan forms: readable fields with a contained working area */
.plan-form-page{max-width:1050px}
.v19-plan-form{padding:30px;display:grid;gap:20px}
.v19-form-section{padding-bottom:5px}.v19-form-section h2{font-size:21px;margin-bottom:4px}.v19-form-section p{color:var(--muted)}.v19-form-section.divided{border-top:1px solid var(--line);padding-top:22px;margin-top:4px}
.v19-field-grid{display:grid;gap:16px}.v19-field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.v19-field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.v19-plan-form label{display:grid;gap:8px}.v19-plan-form textarea{min-height:98px}
.v19-form-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:20px;border-top:1px solid var(--line)}.v19-checks{display:flex;gap:20px;align-items:center}.v19-checks .checkbox{display:flex;align-items:center;gap:8px}.v19-checks input{width:18px;height:18px;margin:0}

/* Subscription: clear vertical narrative and usable payment workspace */
.subscription-v19{max-width:1320px;gap:22px}
.subscription-title{align-items:center}.account-reference{min-width:245px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 20px;box-shadow:var(--shadow);display:grid;gap:6px}.account-reference strong{direction:ltr;text-align:right;letter-spacing:.12em;font-size:29px;color:var(--brand)}.copy-button{background:none;border:0;color:var(--brand);font-weight:700;width:max-content;padding:0;cursor:pointer}
.current-subscription-card{padding:27px 29px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px;align-items:center;border-inline-start:4px solid var(--brand)}
.subscription-plan-title h2{font-size:26px;margin:10px 0 5px}.subscription-plan-title p{color:var(--muted);font-size:14px}
.subscription-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface-2);border:1px solid var(--line);border-radius:15px;overflow:hidden}.subscription-kpis article{padding:19px 17px;border-inline-start:1px solid var(--line)}.subscription-kpis article:first-child{border:0}.subscription-kpis strong{display:block;font-size:24px;margin-top:5px}
.v19-section{display:grid;gap:15px}.v19-section-head h2{font-size:24px;margin-bottom:4px}.v19-section-head p{color:var(--muted)}
.subscription-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:15px}.upgrade-plan-card{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:23px;display:grid;gap:11px;color:var(--text);transition:.18s}.upgrade-plan-card:hover,.upgrade-plan-card.selected{border-color:var(--brand);box-shadow:0 10px 28px rgba(28,94,190,.15);transform:translateY(-2px)}.upgrade-plan-card .pill{position:absolute;top:-13px;right:20px}.upgrade-plan-card h3{font-size:21px}.upgrade-plan-card p{color:var(--muted);min-height:39px}.upgrade-price strong{font-size:31px;color:var(--brand);margin-left:6px}.upgrade-price small{display:inline}.upgrade-limits{display:flex;gap:7px;flex-wrap:wrap}.upgrade-limits span{border-radius:999px;padding:5px 10px;background:var(--surface-3);font-size:12px}.select-upgrade{color:var(--brand);font-size:13px;margin-top:3px}
.subscription-workspace{display:grid;grid-template-columns:minmax(580px,1.25fr) minmax(300px,.72fr);gap:18px;align-items:start}.payment-request-card{padding:27px}.payment-v19-form{display:grid;gap:16px}.payment-summary{padding:18px 20px;border-radius:14px;background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.payment-summary strong{font-size:27px;color:var(--brand);display:block;margin-top:4px}.payment-summary p{grid-column:1/-1;color:var(--muted);font-size:13px}.subscription-sidebar{display:grid;gap:16px}.payment-instructions,.payment-history{padding:22px}.receiver-box{border-radius:12px;background:var(--brand-soft);padding:14px 15px;margin:14px 0}.help-note{border-top:1px solid var(--line);padding-top:13px;margin-top:14px;color:var(--muted)}.payment-history article{padding:13px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}.payment-history article:last-child{border-bottom:0}.payment-history .status{grid-column:1/-1;width:max-content}

/* Add line + profile: balanced readable pages */
.add-line-v19{max-width:1240px}.add-line-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.add-line-form,.add-line-help{padding:28px}.line-type-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.line-type-selector label{position:relative}.line-type-selector input{position:absolute;opacity:0}.line-type-selector span{border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:grid;gap:3px;background:var(--surface-2);cursor:pointer;min-height:83px}.line-type-selector input:checked+span{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.line-type-selector b{font-size:18px}.sync-choice-box{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:17px;display:grid;gap:10px;margin:7px 0 4px}.sync-choice-box .checkbox{display:flex;align-items:center;gap:9px}.sync-choice-box input{width:17px;height:17px;margin:0}.guide-steps{display:grid;gap:18px}.guide-steps article{display:flex;gap:12px}.guide-steps article>b{height:35px;width:35px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);border-radius:11px;flex:none}
.profile-edit-grid{display:grid;grid-template-columns:280px minmax(480px,610px);gap:18px;justify-content:center;align-items:start;max-width:980px;margin:0 auto}.profile-preview{padding:28px;text-align:center}.profile-preview img,.avatar-placeholder{width:94px;height:94px;border-radius:50%;margin:0 auto 15px;object-fit:cover}.avatar-placeholder{display:grid;place-items:center;background:var(--brand);color:#fff;font-size:35px;font-weight:700}.profile-preview h2{font-size:24px;margin-bottom:4px}.premium-form{padding:27px;display:grid;gap:15px}.premium-form label{display:grid;gap:7px}

/* Public landing: aligned, real product proportions */
.public-v19{width:min(100% - 52px,1240px);margin:0 auto;display:grid;gap:68px;padding:25px 0 30px}.public-nav{height:70px;display:flex;justify-content:space-between;align-items:center}.public-hero{display:grid;grid-template-columns:minmax(480px,1.04fr) minmax(390px,.86fr);align-items:center;gap:66px;padding-top:22px}.public-copy h1{font-size:52px}.public-preview{min-height:410px}.public-features article{min-height:176px}.public-pricing{align-items:stretch}

/* Responsive convergence */
@media(max-width:1260px){.v19-plan-row{grid-template-columns:1fr;gap:17px}.v19-plan-actions{justify-content:flex-start}.subscription-workspace{grid-template-columns:1fr}.subscription-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.current-subscription-card{grid-template-columns:1fr}.add-line-layout{grid-template-columns:1fr}.add-line-help{order:-1}.public-hero{grid-template-columns:1fr;gap:30px}.public-preview{order:-1;min-height:auto}}
@media(max-width:960px){.page-content.product-content{padding:18px 13px 38px}.v19-page{gap:17px}.v19-page-head{display:grid;gap:13px}.v19-page-head h1{font-size:26px}.v19-action{width:100%}.v19-table-panel,.v19-plan-form,.payment-request-card,.payment-instructions,.payment-history,.current-subscription-card,.add-line-form,.add-line-help{padding:18px}.v19-field-grid.two,.v19-field-grid.four{grid-template-columns:1fr}.v19-form-footer{display:grid}.v19-checks{display:grid;gap:12px}.v19-plan-metrics{grid-template-columns:repeat(2,1fr)}.v19-plan-metrics div:nth-child(3){border-top:1px solid var(--line)}.account-reference{width:100%}.subscription-kpis{grid-template-columns:repeat(2,1fr)}.subscription-kpis article:nth-child(3){border-top:1px solid var(--line)}.subscription-sidebar{grid-template-columns:1fr}.line-type-selector{grid-template-columns:1fr}.profile-edit-grid{display:grid;grid-template-columns:1fr;max-width:620px}.profile-preview{order:-1}.public-v19{width:min(100% - 28px,1240px);gap:42px}.public-nav{display:grid;height:auto;gap:14px}.public-nav nav{display:flex;overflow:auto;white-space:nowrap;gap:12px}.public-copy h1{font-size:38px}.public-features{grid-template-columns:1fr}.public-plan.featured{transform:none}.payment-summary{grid-template-columns:1fr}}
@media(max-width:560px){.subscription-kpis{grid-template-columns:1fr}.subscription-kpis article{border-inline-start:0;border-top:1px solid var(--line)}.subscription-kpis article:first-child{border-top:0}.v19-plan-metrics{grid-template-columns:1fr}.v19-plan-metrics div{border-inline-start:0;border-top:1px solid var(--line)}.v19-plan-metrics div:first-child{border-top:0}.public-copy h1{font-size:33px}.public-buttons{display:grid}}

/* ===== v27: customer charging filters separate from compact search ===== */
.line-follow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid var(--line);background:var(--surface);border-radius:14px;box-shadow:var(--shadow)}
.line-follow-title strong{display:block;font-size:15px;color:var(--text)}.line-follow-title span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.line-follow-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.line-follow-filters a{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}.line-follow-filters a:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.line-follow-filters a.active{background:var(--brand);border-color:var(--brand);color:#fff}.line-follow-filters b{height:21px;min-width:21px;padding:0 6px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.15);font-size:11px}.line-follow-filters a:not(.active).warning b{background:rgba(245,158,11,.16);color:#d48800}.line-follow-filters a:not(.active).danger b{background:rgba(232,77,96,.15);color:#e84d60}.line-follow-filters a:not(.active).amber b{background:rgba(211,127,10,.16);color:#c47800}
.lines17-filter .ops-toolbar{display:grid;grid-template-columns:minmax(340px,1fr) 165px 165px 88px;gap:8px;align-items:center}.lines17-filter .ops-toolbar .btn{width:88px;padding:0;height:42px}
.admin-ops-toolbar{grid-template-columns:minmax(340px,1fr) 175px 175px 88px!important}.admin-ops-toolbar .btn{width:88px;padding:0}
@media(max-width:960px){.line-follow-toolbar{display:grid;gap:12px}.line-follow-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.line-follow-filters a{flex:none}.lines17-filter .ops-toolbar,.admin-ops-toolbar{grid-template-columns:1fr 1fr!important}.lines17-filter .ops-toolbar input{grid-column:1/-1}.lines17-filter .ops-toolbar .btn,.admin-ops-toolbar .btn{grid-column:1/-1;width:100%}.lines17-filter .ops-toolbar select:last-of-type{grid-column:auto}}
@media(max-width:520px){.line-follow-toolbar{padding:12px}.line-follow-filters{margin:0 -4px}.lines17-filter .ops-toolbar,.admin-ops-toolbar{grid-template-columns:1fr!important}.lines17-filter .ops-toolbar select{grid-column:1/-1!important}}

/* ===== v28: colored attention cards retained on tenant lines and admin operations ===== */
.admin-attention-grid,.tenant-attention-grid{margin-bottom:14px}


/* ===== v29: Arabic package labels + hardened responsive shell ===== */
.dense-lines-table .plan-chip,.plan-chip{
    display:inline-flex;
    align-items:center;
    max-width:270px;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    direction:rtl;
    unicode-bidi:plaintext;
    text-align:right;
    line-height:1.55;
    word-break:normal;
}
@media (min-width:1181px) and (max-width:1560px){
    .dense-lines-table .plan-chip{max-width:220px;font-size:12px}
}
/* 1180 instead of 960 so phones forced into Desktop Site do not render a broken half-dashboard. */
@media (max-width:1180px){
    .app-shell{padding-right:0!important}
    .product-topbar,.topbar{right:0!important;left:0!important;padding:0 12px!important}
    .product-sidebar,.sidebar{width:min(292px,86vw)!important;transform:translateX(112%)!important;transition:transform .22s ease!important;box-shadow:none}
    .product-sidebar.open,.sidebar.open{transform:translateX(0)!important;box-shadow:-16px 0 42px rgba(0,0,0,.28)}
    .sidebar-backdrop.open{display:block!important;position:fixed;inset:0;background:rgba(4,12,24,.55);z-index:25}
    .mobile-menu-button{display:block!important}
    .page-context,.account-code-chip{display:none!important}
    .product-content,.page-content.product-content{max-width:none!important;width:100%!important;margin:0!important;padding:16px 12px 32px!important}
    .operations-page{width:100%!important;min-width:0!important}
    .operations-desktop{display:none!important}
    .operations-mobile,.line-card-list{display:grid!important}
    .operations-panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
    .full-lines-panel{overflow:visible!important}
    .stats-grid.four,.ops-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .attention-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .attention-summary-card:last-child{grid-column:1/-1}
    .lines17-tabs{max-width:none!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important}
    .lines17-tabs a{min-width:0!important;padding:10px 6px!important;justify-content:center!important}
    .line-follow-toolbar{display:grid!important;gap:12px!important}
    .line-follow-filters{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:3px!important}
    .line-follow-filters a{flex:none!important}
    .lines17-filter .ops-toolbar,.admin-ops-toolbar{grid-template-columns:1fr 1fr!important}
    .lines17-filter .ops-toolbar input,.admin-ops-toolbar input{grid-column:1/-1!important}
    .lines17-filter .ops-toolbar .btn,.admin-ops-toolbar .btn{grid-column:1/-1!important;width:100%!important}
}
@media (max-width:700px){
    .attention-summary-grid{grid-template-columns:1fr!important}
    .attention-summary-card:last-child{grid-column:auto}
    .attention-summary-card{min-height:118px!important;padding:17px 18px!important}
    .attention-summary-card strong{font-size:34px!important;margin-bottom:9px!important}
    .attention-summary-card small{font-size:14px!important;margin-bottom:9px!important}
    .stats-grid.four,.ops-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .lines17-filter .ops-toolbar,.admin-ops-toolbar{grid-template-columns:1fr!important}
    .lines17-filter .ops-toolbar select,.admin-ops-toolbar select{grid-column:1/-1!important}
    .mobile-line-card .plan-chip{max-width:100%;font-size:12px}
}

/* ===== v30 compact follow tools, Arabic plan names and sortable operations table ===== */
.plan-chip{direction:rtl;unicode-bidi:plaintext;text-align:right;display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-sort-link{display:inline-flex;align-items:center;gap:5px;color:inherit;font-weight:inherit;white-space:nowrap}
.table-sort-link b{font-size:11px;opacity:.45;font-weight:800}
.table-sort-link:hover,.table-sort-link.active{color:var(--brand)}
.table-sort-link.active b{opacity:1;color:var(--brand)}
.line-follow-mobile-select{display:none}
.mobile-balance-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:color-mix(in srgb,var(--brand) 7%,var(--surface-2));border:1px solid var(--line);padding:11px 12px;border-radius:11px}
.mobile-balance-row small{color:var(--muted);font-weight:700}
.mobile-balance-row strong{color:var(--text);font-size:16px}
@media(max-width:640px){
  .line-follow-toolbar{gap:10px!important;padding:14px!important}
  .line-follow-filters{display:none!important}
  .line-follow-mobile-select{display:grid;gap:7px;width:100%}
  .line-follow-mobile-select span{font-size:12px;color:var(--muted);font-weight:700}
  .line-follow-mobile-select select{height:49px;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);padding:0 13px;font-family:inherit;font-size:14px;font-weight:700}
  .mobile-line-card .plan-chip{direction:rtl;unicode-bidi:plaintext;max-width:min(100%,245px);white-space:normal;line-height:1.75;text-align:right}
}

/* ===== v32: explicit sync outcomes and WE anti-block protection ===== */
.sync-result-banner{display:flex;align-items:flex-start;gap:14px;border-radius:16px;padding:15px 18px;margin-bottom:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.sync-result-banner strong{display:block;font-size:15px;margin-bottom:5px}.sync-result-banner p{margin:0;font-size:14px;line-height:1.75;color:var(--muted)}.sync-result-banner.success{border-color:rgba(20,164,104,.34);background:rgba(20,164,104,.08)}.sync-result-banner.success strong{color:#16a36a}.sync-result-banner.warning{border-color:rgba(231,163,26,.34);background:rgba(231,163,26,.08)}.sync-result-banner.warning strong{color:#d79617}.sync-result-banner.danger{border-color:rgba(231,65,82,.35);background:rgba(231,65,82,.08)}.sync-result-banner.danger strong{color:#e74152}.sync-state-cell{min-width:170px}.status.protected{background:rgba(231,163,26,.17);color:#f5b132}.sync-state-note{display:block;margin-top:7px;max-width:180px;font-size:11px;line-height:1.55;color:var(--muted)}.sync-state-note.protected{color:#e9a416;font-weight:700}.mobile-sync-feedback{border-radius:12px;padding:11px 12px;font-size:13px;line-height:1.7}.mobile-sync-feedback strong,.mobile-sync-feedback span{display:block}.mobile-sync-feedback.protected{background:rgba(231,163,26,.1);border:1px solid rgba(231,163,26,.26);color:#e9a416}.mobile-sync-feedback.failed{background:rgba(231,65,82,.08);border:1px solid rgba(231,65,82,.22);color:#dc5262}.protected-action{cursor:not-allowed!important;opacity:.88;color:#e9a416!important;background:rgba(231,163,26,.08)!important}.protected-action .action-icon{color:#e9a416!important}.disabled-sync{pointer-events:none;opacity:.84;background:rgba(231,163,26,.14)!important;color:#f0b53e!important;border-color:rgba(231,163,26,.22)!important}@media(max-width:700px){.sync-result-banner{padding:13px 14px}.sync-result-banner p{font-size:13px}}

/* v33 — central, compact action alerts across customer/admin/mobile */
.sync-result-banner{display:none!important}
.lines-swal-popup.lines-swal-compact,.lines-swal-popup{width:min(420px,calc(100vw - 28px))!important;padding:22px 22px 18px!important;border-radius:22px!important;border:1px solid var(--line)!important;box-shadow:0 18px 52px rgba(0,0,0,.22)!important}
.lines-swal-popup .swal2-icon{width:62px!important;height:62px!important;margin:5px auto 14px!important}
.lines-swal-popup .swal2-icon-content{font-size:42px!important}
.lines-swal-title{font-size:25px!important;line-height:1.4!important;padding:0!important;margin:0 0 8px!important;color:var(--text)!important}
.lines-swal-html{font-size:16px!important;line-height:1.75!important;color:var(--muted)!important;padding:0 2px!important;margin:0!important}
.lines-swal-confirm{min-width:116px!important;height:46px!important;border-radius:12px!important;font-size:16px!important;font-weight:700!important;margin-top:17px!important}
.swal2-actions{margin-top:10px!important}
.sync-action-hint{padding:12px 16px;margin:0 0 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--warning) 28%,var(--line));background:var(--warning-soft);font-size:14px;color:var(--text)}
.sync-action-hint b{color:var(--warning-2);margin-left:5px}
@media(max-width:520px){.lines-swal-popup.lines-swal-compact,.lines-swal-popup{width:calc(100vw - 32px)!important;padding:18px 17px 15px!important;border-radius:18px!important}.lines-swal-popup .swal2-icon{width:56px!important;height:56px!important;margin-bottom:12px!important}.lines-swal-title{font-size:22px!important}.lines-swal-html{font-size:15px!important}.lines-swal-confirm{height:44px!important;min-width:108px!important}}

/* ===== v34: stable alerts, compact operation table, blocked-status clarity and global pagination ===== */
.lines-swal-popup.lines-swal-compact,.lines-swal-popup{width:min(350px,calc(100vw - 26px))!important;padding:15px 16px 14px!important;border-radius:18px!important}
.lines-swal-popup .swal2-icon{width:5em!important;height:5em!important;transform:scale(.72)!important;transform-origin:center!important;margin:-8px auto -5px!important;border-width:.25em!important}
.lines-swal-popup .swal2-icon .swal2-icon-content{font-size:3.75em!important}
.lines-swal-title,.lines-swal-popup .swal2-title{font-size:20px!important;line-height:1.35!important;margin:0 0 5px!important}
.lines-swal-html,.lines-swal-popup .swal2-html-container{font-size:13.5px!important;line-height:1.7!important;margin:4px 0 0!important}
.lines-swal-popup .swal2-actions{margin-top:12px!important}
.lines-swal-confirm,.lines-swal-popup .swal2-confirm{height:40px!important;min-width:86px!important;padding:0 15px!important;border-radius:10px!important;font-size:14px!important}
.status.we-blocked{background:rgba(229,140,22,.2);color:#f0ac39;white-space:nowrap}.status.protected{white-space:nowrap}
.sync-state-cell{min-width:98px!important;width:98px!important}.sync-state-note{display:none!important}
.dense-lines-table{min-width:1240px!important;font-size:12.5px!important}.dense-lines-table thead th{padding:10px 8px!important}.dense-lines-table td{padding:9px 8px!important;height:52px!important}.dense-lines-table .plan-chip{max-width:188px!important}.dense-lines-table .meter{min-width:104px!important}.dense-lines-table td:last-child{width:104px!important}.operations-panel{overflow:hidden}
.lines-pagination{display:grid;gap:13px;justify-items:center;padding:2px 0;direction:rtl}.lines-pagination-summary{font-size:13px;color:var(--muted)}.lines-pagination-pages{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.lines-pagination-pages a,.lines-pagination-pages span{display:inline-flex;align-items:center;justify-content:center;height:39px;min-width:39px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:14px;font-weight:700;text-decoration:none}.lines-pagination-pages a:hover{border-color:var(--brand);color:var(--brand)}.lines-pagination-pages .page-number.active{background:var(--brand);border-color:var(--brand);color:#fff}.lines-pagination-pages .page-nav.disabled{opacity:.42;cursor:not-allowed}.lines-pagination-pages .page-dots{border:0;min-width:22px;padding:0;background:transparent;color:var(--muted)}
.sync-log-page{display:grid;gap:16px}.sync-log-filter form{grid-template-columns:minmax(220px,1fr) 190px auto}.sync-table td small{display:block;color:var(--muted);margin-top:3px}.sync-message-cell{white-space:normal!important;min-width:270px;line-height:1.7}.muted{color:var(--muted)}
@media(max-width:700px){.lines-swal-popup.lines-swal-compact,.lines-swal-popup{width:calc(100vw - 30px)!important;padding:14px!important}.dense-lines-table{min-width:1240px!important}.lines-pagination-summary{font-size:12px}.lines-pagination-pages a,.lines-pagination-pages span{height:37px;min-width:37px;padding:0 10px}.sync-log-filter form{grid-template-columns:1fr}.sync-message-cell{min-width:230px}}


/* ===== v56 commercial controls, public pages and permission responsive polish ===== */
.settings56-page{max-width:1500px}.settings56-grid{display:grid;grid-template-columns:repeat(2,minmax(340px,1fr));gap:18px}.settings56-form{display:grid;gap:18px}.settings56-grid .panel{margin:0}.settings56-grid .full{grid-column:1/-1}.public-copy-panel textarea{min-height:84px}
.permission-chips{display:flex;flex-wrap:wrap;gap:7px;padding:8px 0}.permission-chips label{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:12px;color:var(--muted);cursor:pointer}.permission-chips input{width:14px;height:14px}.staff56-page{max-width:1400px}.staff56-list{display:grid;gap:12px}.staff56-card{border:1px solid var(--line);border-radius:16px;background:var(--surface-2);padding:15px;display:flex;align-items:flex-start;gap:18px}.staff56-id{min-width:210px;display:grid;gap:5px}.staff56-id small{color:var(--muted)}.staff56-edit{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.staff56-edit select{max-width:140px}.staff56-create{max-width:740px}.permission-team-card{align-items:flex-start}.permission-edit{grid-column:1/-1;display:grid;gap:9px;margin-top:8px}.permission-edit select{max-width:180px}
.public56-shell{min-height:100vh;max-width:1140px;margin:0 auto;padding:28px 20px;display:grid;grid-template-rows:auto 1fr auto;gap:38px}.public56-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.public56-brand{display:flex;align-items:center;gap:10px;color:var(--text)}.public56-brand span{height:44px;width:44px;border-radius:14px;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:800}.public56-header nav{display:flex;gap:20px;align-items:center}.public56-header nav a{color:var(--muted);font-weight:700}.public56-card{width:min(780px,100%);margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:42px;box-shadow:var(--shadow)}.public56-card h1{font-size:34px;margin:10px 0 23px}.public56-copy{font-size:16px;line-height:2;color:var(--muted);white-space:normal}.public56-contact{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.public56-contact div{background:var(--surface-2);border-radius:13px;padding:14px}.public56-contact small{display:block;color:var(--muted);margin-bottom:6px}.public56-footer{display:flex;justify-content:center;gap:26px;color:var(--muted)}
@media(max-width:1000px){.settings56-grid{grid-template-columns:1fr}.staff56-card{display:grid}.staff56-id{min-width:0}.staff56-edit{display:grid;grid-template-columns:1fr auto}.staff56-edit .permission-chips{grid-column:1/-1}}
@media(max-width:640px){.settings56-page{gap:14px}.settings56-grid{gap:12px}.settings56-grid .panel{padding:15px}.settings56-grid .two-cols{grid-template-columns:1fr}.permission-chips{gap:6px}.permission-chips label{font-size:11px;padding:6px 8px}.staff56-edit{grid-template-columns:1fr}.public56-shell{padding:18px 12px;gap:24px}.public56-header{flex-wrap:wrap}.public56-header nav{gap:12px;font-size:12px}.public56-card{padding:24px 18px;border-radius:20px}.public56-card h1{font-size:26px}.public56-contact{grid-template-columns:1fr}}


/* ===== v57 recovery requests, public links and balanced guest pages ===== */
.auth-page-v57{grid-template-columns:minmax(380px,.84fr) minmax(470px,1.16fr);background:var(--bg)}
.auth-page-v57 .auth-panel.intro{padding:clamp(42px,6vw,82px);align-items:flex-start}
.auth-page-v57 .auth-panel.intro .brand{margin-bottom:34px}
.auth-page-v57 .auth-panel.intro h1{font-size:clamp(34px,3.2vw,46px);line-height:1.35;max-width:410px}
.auth-page-v57 .auth-panel.intro p{line-height:1.9;max-width:380px}
.auth-page-v57 .auth-panel.form-card{padding:40px clamp(28px,6vw,92px);align-items:center}
.auth-card-inner{width:min(470px,100%);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 20px 55px rgba(3,15,35,.08)}
.auth-card-inner h2{font-size:29px;margin:0 0 6px}.auth-card-inner .auth-hint{margin:0 0 22px;color:var(--muted);line-height:1.65}
.guest-public-links{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 17px}
.guest-public-links a{font-size:13px;color:var(--muted);font-weight:600}.guest-public-links a:hover{color:var(--brand)}
.public-footer-v57{align-items:center;gap:18px}.public-footer-v57 div{display:grid;gap:4px}.public-footer-v57 nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.public-footer-v57 nav a{color:var(--muted);font-weight:600}.public-footer-v57 nav a:hover{color:var(--brand)}
.verification-note{margin-top:8px;padding:8px 10px;border-radius:9px;background:var(--warning-soft);color:var(--warning);font-size:13px;font-weight:600}
@media(max-width:960px){
.auth-page-v57{display:flex;flex-direction:column;min-height:100vh}.auth-page-v57 .auth-panel.form-card{order:1;padding:64px 16px 18px;min-height:auto}
.auth-page-v57 .auth-panel.intro{order:2;min-height:auto;padding:26px 22px;margin:0 16px 18px;border-radius:20px}.auth-page-v57 .auth-panel.intro .brand{margin-bottom:14px}
.auth-page-v57 .auth-panel.intro h1{font-size:28px}.auth-page-v57 .auth-panel.intro p{font-size:14px}.auth-card-inner{padding:22px 16px;border-radius:18px}
.auth-card-inner h2{font-size:25px}.public-footer-v57{display:grid;justify-items:center;text-align:center;gap:16px}.public-footer-v57 nav{justify-content:center}
}
/* ===== v58 WE package translations, public information pages and password requests ===== */
.recovery58-page{max-width:1320px}.recovery58-head{display:flex;justify-content:space-between;align-items:end;gap:18px}.recovery58-summary{min-width:150px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:grid;gap:5px}.recovery58-summary small{color:var(--muted)}.recovery58-summary strong{font-size:28px;color:var(--brand)}.recovery58-tabs{margin:0 0 18px}.recovery58-list{display:grid;gap:16px}.recovery58-card{padding:22px;display:grid;gap:18px}.recovery58-identity{display:flex;justify-content:space-between;align-items:start;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--line)}.recovery58-identity h2{font-size:21px;margin:10px 0 0}.recovery58-identity time{color:var(--muted);font-size:13px;direction:ltr}.recovery58-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recovery58-details div{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;display:grid;gap:6px}.recovery58-details small{color:var(--muted);font-size:12px}.recovery58-actions{display:grid;grid-template-columns:minmax(420px,2fr) minmax(240px,1fr);gap:16px;border-top:1px solid var(--line);padding-top:18px}.recovery58-actions h3{font-size:16px;margin:0 0 12px}.recovery58-approve,.recovery58-reject{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:12px}.recovery58-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recovery58-fields label,.recovery58-reject label{display:grid;gap:7px;font-weight:700;font-size:13px}.recovery58-reject{border-color:rgba(225,61,83,.18)}.recovery58-reject .btn{margin-top:auto}.recovery58-reviewed{background:var(--surface-2);border-radius:13px;padding:15px;color:var(--muted)}.recovery58-reviewed strong{display:block;color:var(--text);margin-bottom:6px}.recovery58-pagination{margin-top:18px}
.public58-shell{min-height:100vh;max-width:1280px;margin:0 auto;padding:26px 30px;display:grid;grid-template-rows:auto 1fr auto;gap:36px}.public58-header{display:flex;justify-content:space-between;align-items:center;gap:22px}.public58-brand{display:flex;gap:12px;align-items:center;color:var(--text)}.public58-brand span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),#1d7ae6);font-weight:800;color:#fff}.public58-brand div{display:grid;gap:4px}.public58-brand small{font-size:12px;color:var(--muted)}.public58-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.public58-nav a:not(.btn){color:var(--muted);font-weight:700}.public58-nav a:not(.btn):hover{color:var(--brand)}.public58-main{display:grid;gap:24px}.public58-hero{border-radius:26px;padding:46px 48px;background:linear-gradient(135deg,var(--surface) 10%,rgba(39,120,231,.12));border:1px solid var(--line)}.public58-hero h1{font-size:clamp(34px,4vw,48px);margin:13px 0}.public58-hero p{font-size:18px;line-height:1.9;color:var(--muted);max-width:760px}.public58-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}.public58-aside{height:max-content;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;gap:5px;position:sticky;top:18px}.public58-aside h2{font-size:15px;color:var(--muted);padding:8px 11px 13px}.public58-aside a{border-radius:11px;padding:12px 13px;color:var(--muted);font-weight:700}.public58-aside a.active,.public58-aside a:hover{color:#fff;background:var(--brand)}.public58-content{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;display:grid;gap:26px}.public58-copy{color:var(--text);font-size:16px;line-height:2.15;min-height:80px}.public58-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.public58-cards article{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:11px}.public58-cards article>span{width:26px;height:26px;border-radius:8px;background:rgba(39,120,231,.14);display:grid;place-items:center;color:var(--brand);font-weight:800;flex:none}.public58-cards h3{font-size:15px;margin:2px 0 7px}.public58-cards p{font-size:13px;color:var(--muted);line-height:1.6}.public58-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);padding-top:22px}.public58-contact div{background:var(--surface-2);border-radius:13px;padding:14px;display:grid;gap:7px}.public58-contact small{color:var(--muted)}.public58-cta{border-radius:20px;border:1px solid rgba(39,120,231,.28);background:linear-gradient(90deg,rgba(39,120,231,.16),var(--surface));padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.public58-cta h2{font-size:22px;margin-bottom:7px}.public58-cta p{color:var(--muted)}.public58-footer{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted)}.public58-footer nav{display:flex;gap:22px}.public58-footer a{color:var(--muted)}.public58-footer a:hover{color:var(--brand)}
@media(max-width:980px){.recovery58-actions{grid-template-columns:1fr}.recovery58-fields{grid-template-columns:1fr}.public58-shell{padding:18px 14px;gap:22px}.public58-header{display:grid}.public58-nav{gap:12px}.public58-layout{grid-template-columns:1fr}.public58-aside{position:static;display:flex;overflow:auto;gap:6px}.public58-aside h2{display:none}.public58-aside a{white-space:nowrap}.public58-cards{grid-template-columns:1fr}.public58-cta{display:grid}.public58-footer{display:grid;justify-items:center;text-align:center}.public58-footer nav{flex-wrap:wrap;justify-content:center}}
@media(max-width:620px){.recovery58-head{display:grid}.recovery58-summary{width:100%}.recovery58-card{padding:15px}.recovery58-identity{display:grid}.recovery58-details{grid-template-columns:1fr}.public58-brand small{display:none}.public58-nav a:not(.btn){font-size:12px}.public58-hero{padding:26px 19px}.public58-hero h1{font-size:30px}.public58-hero p{font-size:15px}.public58-content{padding:18px}.public58-contact{grid-template-columns:1fr}.public58-cta{padding:20px}}

/* ===== v60 primary internet offer expiry ===== */
.expired-date{color:var(--danger)!important;font-weight:800}

/* ===== v61 WE Bonus + internet consumption analysis ===== */
.loyalty-card strong{color:var(--brand)}
.loyalty-panel{margin-bottom:18px}.loyalty-summary{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:10px}.loyalty-summary>div{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:15px;display:grid;gap:6px}.loyalty-summary small{color:var(--muted)}.loyalty-summary b,.loyalty-summary strong{font-size:23px}.loyalty-highlight{background:linear-gradient(120deg,rgba(39,120,231,.15),var(--surface-2))!important}.loyalty-highlight strong{font-size:30px!important;color:var(--brand)}
.consumption-analysis-panel{margin-bottom:18px}.consumption-analysis-title{margin-bottom:16px}.consumption-periods{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:12px}.consumption-period-card{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px}.consumption-period-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:17px}.consumption-period-head h3{font-size:18px;margin:0 0 6px}.consumption-period-head small{color:var(--muted)}.consumption-period-head strong{font-size:27px;color:var(--brand)}.consumption-bars{display:grid;gap:11px}.consumption-row{display:grid;grid-template-columns:145px 1fr 64px;align-items:center;gap:10px;font-size:13px}.consumption-row span{font-weight:700}.consumption-row b{text-align:left;direction:ltr}.consumption-meter{height:8px;border-radius:20px;background:var(--surface-3);overflow:hidden}.consumption-meter i{height:100%;display:block;background:linear-gradient(90deg,var(--brand),#13b981);border-radius:20px}
@media(max-width:950px){.loyalty-summary{grid-template-columns:repeat(2,1fr)}.consumption-periods{grid-template-columns:1fr}}
@media(max-width:600px){.loyalty-summary{grid-template-columns:1fr}.consumption-row{grid-template-columns:112px 1fr 57px;font-size:12px}}


/* ===== v62 UI cleanup: line details + public homepage ===== */
.detail-page-head{display:none!important}.expanded-detail{margin-top:0!important}.detail-actions{gap:7px}.detail-actions .btn{padding:9px 13px}.detail-stats .stat-card strong{font-size:24px}.loyalty-card{display:none!important}
.we-bonus-card-v62{margin:16px 0 18px;padding:0!important;overflow:hidden;background:linear-gradient(135deg,rgba(39,120,231,.14),rgba(16,185,129,.08),var(--surface));border:1px solid rgba(39,120,231,.18)}
.we-bonus-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px 14px;border-bottom:1px solid var(--line)}.we-bonus-head>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.we-bonus-head h2{font-size:22px;margin:0}.we-bonus-head p{width:100%;margin:2px 42px 0 0;color:var(--muted);font-size:13px}.bonus-icon{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:rgba(39,120,231,.18);color:var(--brand);font-size:17px}.we-bonus-head strong{font-size:34px;color:#fff;text-align:left;line-height:1}.we-bonus-head strong small{display:block;font-size:12px;color:var(--muted);margin-top:7px;font-weight:700}.bonus-meter{height:7px;background:var(--surface-3);margin:0 20px;border-radius:20px;overflow:hidden}.bonus-meter span{height:100%;display:block;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:20px}.bonus-slices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 20px 18px}.bonus-slices>div{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.bonus-slices small{display:block;color:var(--muted);font-size:12px}.bonus-slices b{display:block;margin-top:5px;font-size:20px}
.consumption-analysis-panel-v62{margin-bottom:18px}.usage-analysis-table-wrap{overflow-x:auto}.usage-analysis-table{width:100%;border-collapse:separate;border-spacing:0 8px;min-width:720px}.usage-analysis-table th{color:var(--muted);font-size:12px;text-align:right;padding:0 12px 6px}.usage-analysis-table th small{display:block;font-size:11px;margin-top:4px;color:var(--muted);font-weight:500}.usage-analysis-table td{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px}.usage-analysis-table td:first-child{border-right:1px solid var(--line);border-radius:12px 0 0 12px;font-weight:800;white-space:nowrap}.usage-analysis-table td:last-child{border-left:1px solid var(--line);border-radius:0 12px 12px 0}.usage-bar-cell{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:10px;direction:ltr}.usage-bar-cell span{height:11px;background:var(--surface-3);border-radius:20px;overflow:hidden}.usage-bar-cell i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#3b82f6,#10b981);border-radius:20px}.usage-bar-cell b{font-size:12px;text-align:left;color:var(--text)}
.public-v62{max-width:1500px;margin:0 auto;padding:0 22px 32px}.public62-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0}.public62-brand{display:flex;align-items:center;gap:11px}.public62-brand span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--brand);color:white;font-weight:900}.public62-brand strong{display:block;font-size:17px}.public62-brand small{display:block;color:var(--muted);font-size:12px}.public62-links,.public62-actions{display:flex;align-items:center;gap:12px}.public62-links a{color:var(--muted);font-weight:800}.public62-links a:hover,.login-link{color:var(--text)}.public62-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;min-height:520px;padding:42px;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 82% 20%,rgba(39,120,231,.32),transparent 34%),linear-gradient(135deg,var(--surface),var(--surface-2))}.public62-copy h1{font-size:56px;line-height:1.1;margin:16px 0}.public62-copy p{font-size:18px;color:var(--muted);max-width:650px;line-height:1.9}.public62-cta,.public62-proof{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.public62-proof span{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:9px 13px;color:var(--muted);font-weight:700}.public62-dashboard{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.dash-head,.dash-line>div{display:flex;justify-content:space-between;gap:12px}.dash-head span{color:#10b981;font-weight:800}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.dash-stats div{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:14px}.dash-stats small{color:var(--muted)}.dash-stats b{display:block;font-size:28px;margin-top:8px}.dash-line{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:15px;margin-top:11px}.dash-line em{color:var(--muted);font-style:normal;font-size:13px}.dash-line span{display:block;height:9px;background:var(--surface-3);border-radius:20px;overflow:hidden;margin-top:12px}.dash-line i{display:block;height:100%;background:#10b981}.dash-line.danger i{background:#ef4258}.dash-line.success i{background:#3b82f6}.public62-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.public62-features article,.public62-how,.public62-plans{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px}.public62-features span{color:var(--brand);font-weight:900}.public62-features h2{font-size:20px;margin:9px 0}.public62-features p,.public62-how p{color:var(--muted);line-height:1.8}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.how-grid div{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:18px}.how-grid b{width:36px;height:36px;background:var(--brand);color:#fff;border-radius:13px;display:grid;place-items:center}.public62-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;color:var(--muted)}.public62-footer nav{display:flex;gap:14px;flex-wrap:wrap}.public62-footer strong{display:block;color:var(--text)}
@media(max-width:1000px){.public62-hero{grid-template-columns:1fr;padding:28px}.public62-copy h1{font-size:42px}.public62-features{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.public62-links{display:none}.public62-nav{position:relative}.public62-actions .btn{display:none}.login-link{background:var(--brand);color:#fff!important;border-radius:14px;padding:10px 14px}.we-bonus-head{display:grid;text-align:right}.we-bonus-head strong{text-align:right}.bonus-slices{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.public-v62{padding:0 14px 24px}.public62-hero{padding:22px;border-radius:24px;min-height:auto}.public62-copy h1{font-size:34px}.public62-copy p{font-size:15px}.public62-cta .btn{width:100%;justify-content:center}.public62-proof span{width:100%}.dash-stats{grid-template-columns:1fr}.public62-features{grid-template-columns:1fr}.public62-footer{display:grid}.public62-footer nav a{font-size:12px}.bonus-slices{grid-template-columns:1fr}.detail-stats{grid-template-columns:repeat(2,1fr)!important}.detail-actions .btn.glass,.detail-actions .disabled-sync{display:none}}

/* Update 47: fix mobile repeated usage values + readable plan selector */
.payment-request-card #payment-plan,
.payment-v19-form select[name="subscription_plan_id"]{
    width:100%!important;
    min-height:52px!important;
    height:auto!important;
    line-height:1.65!important;
    padding:10px 14px!important;
    direction:rtl!important;
    text-align:right!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:14px!important;
}
.payment-request-card #payment-plan option,
.payment-v19-form select[name="subscription_plan_id"] option{
    white-space:normal!important;
    line-height:1.6!important;
    padding:8px 10px!important;
}
@media(max-width:640px){
    .payment-request-card #payment-plan,
    .payment-v19-form select[name="subscription_plan_id"]{
        min-height:58px!important;
        font-size:13px!important;
        padding-inline:10px!important;
    }
    .mobile-line-card .plan-chip{
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        max-width:100%!important;
        line-height:1.65!important;
    }
}

/* v48 fixes: readable selects, account control panel, pagination size selector */
select, .form-grid select, .ops-toolbar select, .search-bar select, .admin-plan-select{
    min-height:44px;
    background:#0f1d31 !important;
    color:#f8fafc !important;
    border:1px solid rgba(45,139,240,.45) !important;
    border-radius:12px;
    padding:10px 14px;
    line-height:1.7;
    max-width:100%;
}
select option, .admin-plan-select option{
    background:#0f1d31 !important;
    color:#f8fafc !important;
    padding:12px;
    white-space:normal;
}
.admin-plan-select{font-size:15px;font-weight:700;text-overflow:ellipsis;overflow:hidden;}
.account-admin-control-panel{margin:18px 0;}
.account-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
.account-control-grid h3{margin:0;color:#fff;font-size:18px;}
.danger-zone{border:1px solid rgba(239,68,68,.35);background:rgba(127,29,29,.10);border-radius:16px;padding:14px;}
.btn.danger{background:#dc2626;color:#fff;border-color:#ef4444;}
.btn.danger:hover{filter:brightness(1.08);}
.ops-toolbar select[name="per_page"], .search-bar select[name="per_page"]{min-width:120px;}
@media (max-width: 760px){
    .account-control-grid{grid-template-columns:1fr;}
    select, .form-grid select, .ops-toolbar select, .search-bar select, .admin-plan-select{font-size:14px;width:100%;}
    .admin-plan-select{white-space:normal;min-height:52px;}
}

/* v49: integrated subscriber action menu + modal workflow + readable selects */
.accounts-v49-search{grid-template-columns:minmax(260px,1fr) 150px 90px;align-items:center}.accounts-v49-panel{overflow:visible}.accounts-v49-panel .table-responsive{overflow:visible}.account-actions-cell{position:relative}.account-actions-wrap{position:relative;display:inline-block}.account-actions-trigger{min-width:118px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.account-actions-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:80;width:260px;padding:10px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px rgba(0,0,0,.38);display:none}.account-actions-menu.open{display:grid;gap:4px}.account-actions-menu:before{content:"";position:absolute;top:-7px;left:28px;width:12px;height:12px;background:var(--surface);border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);transform:rotate(-45deg)}.account-actions-menu a,.account-actions-menu button{width:100%;height:44px;border:0;border-radius:12px;background:transparent;color:var(--text);display:flex;align-items:center;gap:11px;padding:0 12px;font-weight:800;font-size:14px;cursor:pointer;text-align:right}.account-actions-menu a:hover,.account-actions-menu button:hover{background:var(--brand-soft);color:var(--brand)}.account-actions-menu span{width:22px;text-align:center;color:var(--brand)}.account-actions-menu hr{width:100%;border:0;border-top:1px solid var(--line);margin:7px 0}.account-actions-menu .danger{color:var(--danger)}.account-actions-menu .danger span{color:var(--danger)}.account-actions-menu .danger:hover{background:var(--danger-soft);color:var(--danger)}
.system-modal{position:fixed;inset:0;z-index:140;display:none;align-items:center;justify-content:center;padding:22px}.system-modal.open{display:flex}.system-modal-backdrop{position:absolute;inset:0;background:rgba(2,8,18,.72);backdrop-filter:blur(7px)}.system-modal-card{position:relative;z-index:1;width:min(540px,100%);max-height:calc(100vh - 44px);overflow:auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:22px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.system-modal-card.wide{width:min(720px,100%)}.system-modal-card h2{font-size:25px;margin:0 0 6px;color:var(--text)}.system-modal-card>p{color:var(--muted);font-size:14px;margin-bottom:18px}.system-modal-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font-size:24px;line-height:1;cursor:pointer}.system-modal-close:hover{background:var(--danger-soft);color:var(--danger)}.danger-card{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));}.danger-card h2{color:var(--danger)}.modal-open{overflow:hidden}.readable-select,select[name="tone"],select[name="activation_mode"],select[name="subscription_plan_id"]{min-height:49px;line-height:1.5;padding-inline:14px 40px;background-color:var(--surface-2)!important;color:var(--text)!important;text-overflow:ellipsis;white-space:normal}.readable-select option,select[name="tone"] option,select[name="activation_mode"] option,select[name="subscription_plan_id"] option{background:#0f1d30!important;color:#fff!important;line-height:1.7;padding:12px;font-size:15px}.accounts-v49-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.notification-page-list .full-notice{transition:.15s}.notification-page-list .full-notice:hover{transform:translateY(-1px);border-color:var(--brand)}
@media(max-width:900px){.accounts-v49-search{grid-template-columns:1fr}.accounts-v49-panel .table-responsive{overflow-x:auto}.accounts-v49-table{min-width:820px}.account-actions-menu{left:auto;right:0}.account-actions-menu:before{left:auto;right:28px}.system-modal{padding:12px;align-items:flex-end}.system-modal-card{width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:22px}.accounts-v49-pagination{display:grid}.accounts-v49-pagination nav{overflow:auto}}

/* v50: real admin subscriber workflow, readable selects, balanced dashboard alerts */
.clean-select,
.system-modal select,
.accounts-v50-search select,
select[name="subscription_plan_id"],
select[name="activation_mode"],
select[name="tone"]{
  min-height:54px;
  height:auto;
  width:100%;
  max-width:100%;
  line-height:1.7;
  padding:0 16px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background-color:var(--surface-2)!important;
  color:var(--text)!important;
  font-family:inherit;
  font-size:15px;
  font-weight:800;
  text-align:right;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
}
.clean-select option,
.system-modal select option,
select[name="subscription_plan_id"] option,
select[name="activation_mode"] option,
select[name="tone"] option{
  background:#ffffff!important;
  color:#111827!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:2!important;
  padding:14px 16px!important;
  direction:rtl;
}
[data-theme="dark"] .clean-select option,
[data-theme="dark"] .system-modal select option,
[data-theme="dark"] select[name="subscription_plan_id"] option,
[data-theme="dark"] select[name="activation_mode"] option,
[data-theme="dark"] select[name="tone"] option{
  background:#ffffff!important;
  color:#111827!important;
}
.accounts-v50-table td small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.accounts-v50-table .account-actions-cell{position:relative}.account-actions-menu-v50{min-width:255px}.account-actions-menu-v50 button,.account-actions-menu-v50 a{gap:10px}.account-actions-menu-v50 span{min-width:20px;text-align:center}.details-grid-v50{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.details-grid-v50>div{border:1px solid var(--line);background:var(--surface-2);border-radius:15px;padding:13px;display:grid;gap:6px}.details-grid-v50 small{color:var(--muted);font-size:12px;font-weight:800}.details-grid-v50 b{color:var(--text);font-size:15px}.modal-actions-row{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:14px;flex-wrap:wrap}.radio-row-v50{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface-2)}.radio-row-v50 label{display:flex!important;align-items:center;gap:7px;margin:0!important;color:var(--text);font-weight:800}.radio-row-v50 input{width:18px;height:18px}.nav-count{margin-inline-start:auto;min-width:22px;height:22px;border-radius:999px;background:var(--danger);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;padding:0 6px}.dashboard-alerts-v50 .panel-title a{font-size:13px;color:var(--brand);font-weight:900}.alert-list-v50{display:grid;gap:10px;max-height:none!important}.alert-list-v50 .dashboard-alert{min-height:74px;display:flex;align-items:center}.overview-grid{align-items:stretch}.overview-grid>.panel{height:100%}.priority-lines{min-height:420px}.dashboard-alerts-v50{min-height:520px}.dashboard-alerts-v50 .empty-state{min-height:360px;display:grid;place-items:center}.notification-panel .notice-card{transition:.15s ease}.notification-panel .notice-card:hover{transform:translateY(-1px);border-color:var(--brand)}
@media(max-width:720px){.details-grid-v50{grid-template-columns:1fr}.system-modal{padding:10px}.system-modal-card{padding:20px 14px}.account-actions-menu-v50{min-width:230px;left:0;right:auto}.modal-actions-row .btn{width:100%;justify-content:center}.radio-row-v50{align-items:flex-start;flex-direction:column}.dashboard-alerts-v50{min-height:auto}.priority-lines{min-height:auto}}

/* v51: final layout corrections - global select font, account columns, compact line filter */
select,
.form-grid select,
.inline-form select,
.ops-toolbar select,
.search-bar select,
.system-modal select,
.clean-select{
  font-family:'Tajawal', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  color:var(--text) !important;
  background-color:var(--surface-2) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:13px !important;
  min-height:42px;
  height:42px;
  padding:0 14px !important;
  line-height:1.4 !important;
  direction:rtl;
  text-align:right;
  box-shadow:none !important;
  outline:none;
}
select:focus,
.form-grid select:focus,
.ops-toolbar select:focus,
.search-bar select:focus,
.system-modal select:focus,
.clean-select:focus{
  border-color:var(--brand) !important;
  box-shadow:0 0 0 3px var(--brand-soft) !important;
}
select option,
.form-grid select option,
.ops-toolbar select option,
.search-bar select option,
.system-modal select option,
.clean-select option{
  font-family:'Tajawal', system-ui, sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  background:#0f1d30 !important;
  color:#f8fafc !important;
  direction:rtl;
}
[data-theme="light"] select option,
[data-theme="light"] .form-grid select option,
[data-theme="light"] .ops-toolbar select option,
[data-theme="light"] .search-bar select option,
[data-theme="light"] .system-modal select option,
[data-theme="light"] .clean-select option{
  background:#ffffff !important;
  color:#0f172a !important;
}
.accounts-v51-table{min-width:1180px;}
.accounts-v51-table th,
.accounts-v51-table td{white-space:nowrap;}
.accounts-v51-table td:nth-child(2),
.accounts-v51-table td:nth-child(3){min-width:190px;}
.accounts-v51-search{grid-template-columns:minmax(260px,1fr) 150px 90px;align-items:center;}
.lines-v51-toolbar{grid-template-columns:minmax(260px,1fr) 135px 135px 120px 86px !important;align-items:center;}
.lines-v51-toolbar .lines-v51-search{grid-column:auto !important;min-width:0;}
.lines-v51-toolbar select,
.lines-v51-toolbar input,
.lines-v51-toolbar .btn{height:42px !important;min-height:42px !important;}
.lines-v51-toolbar .btn{width:86px !important;padding:0 !important;grid-column:auto !important;}
.account-subscription-actions{display:none !important;}
.customer-header-side .inline-form{display:none !important;}
@media(max-width:1100px){
  .lines-v51-toolbar{grid-template-columns:1fr 1fr !important;}
  .lines-v51-toolbar .lines-v51-search{grid-column:1/-1 !important;}
  .lines-v51-toolbar .btn{grid-column:1/-1 !important;width:100% !important;}
}
@media(max-width:720px){
  .accounts-v51-search{grid-template-columns:1fr;}
  .lines-v51-toolbar{grid-template-columns:1fr !important;}
  .lines-v51-toolbar select,
  .lines-v51-toolbar input,
  .lines-v51-toolbar .btn{grid-column:1/-1 !important;width:100% !important;}
}

/* v52: keep subscriber actions dropdown above the table and restore native app font */
.account-actions-menu.is-fixed{position:fixed!important;z-index:99999!important;display:grid!important;gap:4px;width:260px;max-width:calc(100vw - 24px);background:var(--surface)!important;border:1px solid var(--line-strong)!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important;overscroll-behavior:contain}.account-actions-menu.is-fixed:before{display:none!important}.account-actions-menu.is-fixed button,.account-actions-menu.is-fixed a{font-family:'Tajawal',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;white-space:nowrap}.accounts-v50-panel,.accounts-v50-panel .table-responsive,.accounts-v51-table{overflow:visible!important}.accounts-v51-table{position:relative}.account-actions-cell{overflow:visible!important}.account-actions-wrap{overflow:visible!important}

/* v53: fix account actions stacking + replace native select popup with app-styled custom select */
.account-actions-menu,
.account-actions-menu.is-fixed{
  font-family:var(--font,'Tajawal',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)!important;
}
.account-actions-menu:not(.open):not(.is-fixed){display:none!important;}
.account-actions-menu.is-fixed{max-height:min(560px,calc(100vh - 24px))!important;overflow-y:auto!important;}

.ui-select{position:relative;width:100%;min-width:0;font-family:var(--font,'Tajawal',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)!important;direction:rtl;z-index:1;}
.ui-select.open{z-index:100000;}
.ui-select-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important;z-index:-1!important;}
.ui-select-button{width:100%;min-height:47px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface)!important;color:var(--text)!important;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;font-family:inherit!important;font-size:15px;font-weight:800;line-height:1.4;cursor:pointer;box-shadow:none;text-align:right;}
.ui-select-button:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
.ui-select-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ui-select-arrow{flex:0 0 auto;font-size:18px;line-height:1;color:var(--text);opacity:.9;transform:translateY(-1px)}
.ui-select-list{display:none;position:absolute;right:0;left:0;top:calc(100% + 6px);max-height:270px;overflow:auto;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface)!important;box-shadow:0 22px 60px rgba(0,0,0,.40);padding:6px;z-index:100001;}
.ui-select.open .ui-select-list{display:grid;gap:4px;}
.ui-select-option{width:100%;min-height:42px;border:0;border-radius:9px;background:transparent;color:var(--text)!important;display:flex;align-items:center;justify-content:flex-start;text-align:right;font-family:inherit!important;font-size:15px;font-weight:800;padding:8px 12px;cursor:pointer;line-height:1.4;}
.ui-select-option:hover,.ui-select-option.active{background:var(--brand-soft)!important;color:var(--brand)!important;}
.ui-select-option.disabled{opacity:.45;cursor:not-allowed;}
.ui-select-option.disabled:hover{background:transparent!important;color:var(--text)!important;}
.ui-select.drop-up .ui-select-list{top:auto;bottom:calc(100% + 6px);}
.search-bar .ui-select-button,.accounts-v51-search .ui-select-button,.lines-v51-toolbar .ui-select-button{height:42px;min-height:42px;}
.system-modal .ui-select-list{max-height:230px;}
@media(max-width:720px){.ui-select-list{max-height:230px}.ui-select-button{font-size:14px}}

/* ===== v54 final UI fixes ===== */
.account-actions-menu,
.account-actions-menu.is-fixed,
.account-actions-menu.open{
    position:fixed!important;
    z-index:240000!important;
    overflow-y:auto;
    overscroll-behavior:contain;
}
.account-actions-menu.open + .account-actions-menu.open{display:none!important}
.system-modal{overflow-y:auto;align-items:flex-start!important;padding-top:48px;padding-bottom:48px}
.system-modal-card{overflow:visible!important}
.system-modal .form-grid{overflow:visible!important}
.ui-select{font-family:var(--font)!important}
.ui-select-button,
.ui-select-option{
    font-family:var(--font)!important;
    letter-spacing:0!important;
}
.ui-select-list{
    background:var(--surface)!important;
    color:var(--text)!important;
    border:1px solid var(--line-strong)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.48)!important;
    scrollbar-width:thin;
}
.ui-select-option{background:var(--surface)!important;color:var(--text)!important;justify-content:flex-start!important;text-align:right!important}
.ui-select-option:hover,.ui-select-option.active{background:var(--brand-soft)!important;color:var(--brand)!important}
select,select option{font-family:var(--font)!important}
select option{background:#0f1d30!important;color:#eef6ff!important}
.notification-panel .notice-card{cursor:pointer}
.notification-panel .notice-card:hover{transform:translateY(-1px);border-color:var(--brand)}
.notification-panel{z-index:230000!important}
.status.info{background:var(--brand-soft);color:var(--brand)}
.status.success{background:var(--success-soft);color:var(--success)}
.status.warning{background:var(--warning-soft);color:var(--warning)}
.status.danger{background:var(--danger-soft);color:var(--danger)}
@media(max-width:720px){
    .system-modal{padding:18px 10px!important;align-items:flex-start!important}
    .system-modal-card{border-radius:18px!important;max-height:none!important}
    .ui-select-list{max-height:220px!important}
}

/* ===== v55: move page-size controls to table footer + keep search compact ===== */
.accounts-v55-search,
.accounts-v51-search.accounts-v55-search{
    grid-template-columns:minmax(260px,1fr) 90px!important;
    align-items:center!important;
}
.accounts-v55-search .btn{height:42px!important;min-height:42px!important;width:86px!important;padding:0!important}
.lines-v55-toolbar,
.admin-ops-toolbar.lines-v51-toolbar{
    grid-template-columns:minmax(260px,1fr) 135px 135px 86px!important;
    align-items:center!important;
}
.lines-v55-toolbar .btn,
.admin-ops-toolbar.lines-v51-toolbar .btn{height:42px!important;min-height:42px!important;width:86px!important;padding:0!important;grid-column:auto!important}
.lines-v55-toolbar input,
.admin-ops-toolbar.lines-v51-toolbar input{min-width:0!important}
.table-footer-tools-v55{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    padding:16px 8px 0;
    direction:rtl;
}
.table-footer-start{margin-inline-end:auto;display:flex;align-items:center;gap:10px;direction:rtl;order:2}
.table-footer-tools-v55 .accounts-v49-pagination,
.table-footer-tools-v55 .pagination-wrap{flex:1 1 auto;min-width:260px;margin:0!important;padding:0!important;order:1}
.page-size-form-v55{display:flex;align-items:center;gap:8px;direction:rtl;white-space:nowrap}
.page-size-form-v55 label{color:var(--muted);font-size:13px;font-weight:900;margin:0!important}
.page-size-form-v55 .ui-select{width:132px;min-width:132px}
.page-size-form-v55 .ui-select-button{height:40px!important;min-height:40px!important;border-radius:12px!important;font-size:14px!important}
.page-size-form-v55 select{width:132px!important;min-width:132px!important;height:40px!important;min-height:40px!important}
/* ensure operation/action menus never get clipped inside table or customer lines pages */
.table-panel,
.table-panel .table-responsive,
.operations-panel,
.operations-panel .table-responsive,
.full-lines-panel,
.full-lines-panel .table-responsive{overflow:visible!important}
.table-responsive{overflow:visible!important}
.account-actions-menu.is-fixed,
.account-actions-menu.open{position:fixed!important;z-index:300000!important;max-height:min(560px,calc(100vh - 24px))!important;overflow-y:auto!important}
.account-actions-menu:not(.is-fixed):not(.open){display:none!important}
@media(max-width:1100px){
    .accounts-v55-search{grid-template-columns:1fr 86px!important}
    .lines-v55-toolbar,
    .admin-ops-toolbar.lines-v51-toolbar{grid-template-columns:1fr 1fr 86px!important}
    .lines-v55-toolbar input,
    .admin-ops-toolbar.lines-v51-toolbar input{grid-column:1/-1!important}
}
@media(max-width:720px){
    .accounts-v55-search,
    .lines-v55-toolbar,
    .admin-ops-toolbar.lines-v51-toolbar{grid-template-columns:1fr!important}
    .accounts-v55-search .btn,
    .lines-v55-toolbar .btn,
    .admin-ops-toolbar.lines-v51-toolbar .btn{width:100%!important;grid-column:1/-1!important}
    .table-footer-tools-v55{justify-content:flex-start;align-items:stretch;direction:rtl}
    .table-footer-start{order:1;margin-inline-end:0;width:100%}
    .table-footer-tools-v55 .accounts-v49-pagination,
    .table-footer-tools-v55 .pagination-wrap{order:2;width:100%;min-width:0}
    .page-size-form-v55{width:100%;justify-content:flex-start}
    .page-size-form-v55 .ui-select{width:150px;min-width:150px}
}

/* ===== v56: footer spacing only + keep pagination away from table/footer ===== */
.table-footer-tools-v55{
    margin-top:18px!important;
    padding:18px 14px 12px!important;
    border-top:1px solid var(--line)!important;
    align-items:center!important;
    min-height:64px!important;
}
.table-footer-tools-v55 .accounts-v49-pagination,
.table-footer-tools-v55 .pagination-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    padding-block:6px!important;
}
.table-footer-tools-v55 .pagination-wrap nav,
.table-footer-tools-v55 .accounts-v49-pagination nav{
    margin:0!important;
}
.table-footer-start{
    padding-block:4px!important;
}
.table-panel .table-footer-tools-v55,
.operations-panel .table-footer-tools-v55,
.full-lines-panel .table-footer-tools-v55{
    margin-bottom:4px!important;
}
@media(max-width:720px){
    .table-footer-tools-v55{gap:12px!important;padding:14px 10px!important}
    .table-footer-tools-v55 .accounts-v49-pagination,
    .table-footer-tools-v55 .pagination-wrap{justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:4px!important}
}

/* ===== v57: requested-only polish: footer single line + larger action icons ===== */
/* إزالة الخط الإضافي أسفل/داخل فوتر الجداول؛ يفضل الاعتماد على خط نهاية الجدول فقط */
.table-footer-tools-v55{
    border-top:0!important;
    margin-top:14px!important;
    padding-top:12px!important;
}

/* تكبير أيقونات قائمة الإجراءات فقط بدون تغيير باقي القائمة */
.account-actions-menu span,
.account-actions-menu-v50 span,
.account-actions-menu.is-fixed span{
    font-size:18px!important;
    width:28px!important;
    min-width:28px!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.account-actions-menu button,
.account-actions-menu a,
.account-actions-menu.is-fixed button,
.account-actions-menu.is-fixed a{
    gap:14px!important;
}


/* v60 - clean notifications center */
.notifications-simple-page{max-width:1480px;margin:0 auto;padding:4px 0 38px}
.notifications-simple-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.notifications-simple-head h1{font-size:30px;margin:6px 0;color:var(--text);letter-spacing:-.02em}
.notifications-simple-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.8;max-width:760px}
.notifications-simple-count{min-width:118px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px 18px;text-align:center;box-shadow:var(--shadow-sm)}
.notifications-simple-count strong{display:block;font-size:26px;color:var(--brand);line-height:1}
.notifications-simple-count small{display:block;margin-top:5px;color:var(--muted);font-weight:700}
.notifications-feed-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}
.notification-feed-row{display:grid;grid-template-columns:24px 42px 1fr;align-items:center;gap:12px;min-height:76px;padding:15px 18px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--line);transition:.18s ease;background:var(--surface)}
.notification-feed-row:last-of-type{border-bottom:0}
.notification-feed-row:hover{background:var(--surface-2);transform:translateX(-2px)}
.notification-feed-status{width:22px;height:22px;border-radius:999px;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent)}
.notification-feed-row.is-read .notification-feed-status{background:var(--muted);opacity:.35;box-shadow:none}
.notification-feed-icon{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:var(--brand-soft);font-size:18px}
.notification-feed-copy{display:grid;gap:3px;justify-items:start;line-height:1.45}
.notification-feed-copy strong{font-size:15px;font-weight:800;color:var(--text)}
.notification-feed-copy span{font-size:14px;color:var(--text)}
.notification-feed-copy small{font-size:12px;color:var(--muted);font-weight:700}
.notification-feed-row.danger .notification-feed-icon{background:color-mix(in srgb,var(--danger) 16%,transparent)}
.notification-feed-row.warning .notification-feed-icon{background:color-mix(in srgb,var(--warning) 18%,transparent)}
.notification-feed-row.info .notification-feed-icon{background:var(--brand-soft)}
.notifications-feed-footer{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;background:var(--surface)}
.notifications-feed-footer button{border:0;background:transparent;color:var(--brand);font-weight:800;font-family:inherit;cursor:pointer;padding:7px 0}
.notifications-feed-footer button:hover{text-decoration:underline}
.notification-feed-empty{padding:55px 20px;text-align:center;display:grid;gap:6px;color:var(--muted)}
.notification-feed-empty strong{font-size:22px;color:var(--text)}
@media(max-width:700px){.notifications-simple-head{display:grid}.notifications-simple-count{width:100%}.notification-feed-row{grid-template-columns:18px 34px 1fr;padding:13px 12px;gap:9px}.notification-feed-status{width:16px;height:16px}.notification-feed-icon{width:32px;height:32px;font-size:15px}.notification-feed-copy strong,.notification-feed-copy span{font-size:13px}}

/* Telegram account linking - v61 */
.telegram-link-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 22px;padding:18px 20px;border:1px solid rgba(56,134,255,.26);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(15,23,42,.64));box-shadow:0 14px 40px rgba(0,0,0,.18);direction:rtl}
.telegram-link-card.connected{border-color:rgba(34,197,94,.32);background:linear-gradient(135deg,rgba(22,163,74,.15),rgba(15,23,42,.64))}
.telegram-link-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#1f8cff;color:#fff;font-size:23px;box-shadow:0 10px 24px rgba(31,140,255,.28);flex:0 0 auto}
.telegram-link-card.connected .telegram-link-icon{background:#16a34a;box-shadow:0 10px 24px rgba(22,163,74,.25)}
.telegram-link-copy{flex:1;min-width:0}.telegram-link-copy strong{display:block;color:var(--text,#fff);font-size:18px;font-weight:800;margin-bottom:4px}.telegram-link-copy span{display:block;color:var(--muted,#9aa8bd);font-size:14px;line-height:1.8}.telegram-link-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.telegram-link-actions form{margin:0}
@media(max-width:720px){.telegram-link-card{align-items:flex-start;flex-direction:column}.telegram-link-actions,.telegram-link-actions .btn{width:100%}.telegram-link-actions .btn{text-align:center;justify-content:center}}

/* ===== patch 20260604: readable usage meter, reports and audit polish ===== */
:root{
  --meter-track:#dbe5ef;
  --meter-track-border:#c8d6e5;
  --meter-text:#ffffff;
  --meter-text-shadow:0 1px 2px rgba(0,0,0,.55);
  --meter-warning:#d88b00;
  --meter-success:#0f8f58;
  --meter-danger:#d93650;
}
html[data-theme="dark"]{
  --meter-track:#223247;
  --meter-track-border:#31455f;
  --meter-warning:#f3ad20;
  --meter-success:#18a76b;
  --meter-danger:#ef4c68;
}
.meter{background:var(--meter-track)!important;border:1px solid var(--meter-track-border)!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.08);overflow:hidden}
.meter-fill{background:var(--meter-success)!important}
.meter-fill.warning,.meter.warning .meter-fill{background:var(--meter-warning)!important}
.meter-fill.danger,.meter.danger .meter-fill{background:var(--meter-danger)!important}
.meter-label{color:var(--meter-text)!important;text-shadow:var(--meter-text-shadow)!important;font-weight:900!important;letter-spacing:.01em}
html[data-theme="light"] .meter-label{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.7)!important}
html[data-theme="light"] .dense-lines-table .meter,html[data-theme="light"] .mobile-line-card .meter{background:#e8eef5!important;border-color:#cfdae7!important}
html[data-theme="light"] .dense-lines-table .meter-fill:not(.danger):not(.warning){background:#0d8b59!important}
html[data-theme="light"] .dense-lines-table .meter-fill.warning{background:#cf8200!important}
html[data-theme="light"] .dense-lines-table .meter-fill.danger{background:#d93650!important}
.captcha-popup .swal2-validation-message{background:var(--danger-soft)!important;color:var(--danger)!important;border:1px solid color-mix(in srgb,var(--danger) 55%,transparent)!important;border-radius:12px!important;line-height:1.8!important;font-weight:700!important}
.captcha-popup .swal-captcha-image{max-width:100%;border:8px solid #fff;border-radius:13px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.captcha-popup .captcha-help{line-height:1.8;margin-top:8px;color:var(--muted)!important}
.report-filter-v2{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin-bottom:16px}.report-filter-v2 label{display:grid;gap:7px}.report-metrics-v2,.report-quality-v2{margin-bottom:16px}.stat-card.success-soft strong{color:var(--success)}.stat-card.warning-soft strong{color:var(--warning)}.reports-layout-v2{margin-bottom:16px}.sync-summary-v2{display:grid;gap:10px}.sync-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px 14px}.sync-status-row b{font-size:22px}.sync-status-row.success b{color:var(--success)}.sync-status-row.warning b{color:var(--warning)}.sync-status-row.danger b{color:var(--danger)}.report-sync-errors-v2{margin-top:16px}.status.warning{background:var(--warning-soft);color:var(--warning)}.status.danger{background:var(--danger-soft);color:var(--danger)}
.audit-filter-v2 form{display:grid;grid-template-columns:minmax(260px,1fr) 210px 250px auto;gap:10px;align-items:center}.audit-table-v2 td{vertical-align:top}.audit-table-v2 td small{margin-top:5px;opacity:.78}.audit-details-cell{min-width:260px;line-height:1.8;color:var(--muted);white-space:normal!important}.audit-category{font-size:11px}.audit-category.sync{background:rgba(245,158,11,.14);color:var(--warning)}.audit-category.lines{background:rgba(51,135,240,.14);color:var(--brand)}.audit-category.payments{background:rgba(20,128,74,.14);color:var(--success)}.audit-category.notifications{background:rgba(124,58,237,.15);color:#8b5cf6}.audit-category.security{background:rgba(239,68,68,.14);color:var(--danger)}.audit-category.settings{background:rgba(100,116,139,.16);color:var(--muted)}
html[data-theme="dark"] select option{background:#0f1d31;color:#edf3fb}html[data-theme="dark"] select{background-color:var(--surface-2);color:var(--text)}
@media(max-width:900px){.report-filter-v2,.audit-filter-v2 form{grid-template-columns:1fr}.report-filter-v2 .btn,.audit-filter-v2 .btn{width:100%}.audit-details-cell{min-width:220px}}
@media print{.sidebar,.topbar,.print-control,.report-filter{display:none!important}.app-shell{padding:0!important}.page-content{padding:0!important}.panel,.stat-card{box-shadow:none!important}}

/* ===== patch 20260604 v3: reports separation + suspended account UX ===== */
.reports-layout-v2{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,360px);
    gap:24px;
    align-items:start;
    margin-top:18px;
    margin-bottom:24px;
}
.reports-side{display:grid;gap:24px;align-content:start}
.report-table,.report-sync-errors-v2{margin-top:24px}
.report-metrics-v2{margin-bottom:20px}
.report-quality-v2{margin-top:4px;margin-bottom:24px}
.sync-summary-v2{gap:12px}
.sync-status-row{min-height:58px}
.action-banner.danger,.suspended-account-banner{
    border-color:var(--danger-soft);
    background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(239,68,68,.06));
}
.suspended-account-banner strong{color:var(--danger)}
.suspended-payment-note{border:1px solid var(--danger-soft);background:rgba(239,68,68,.08)}
@media(max-width:1100px){.reports-layout-v2{grid-template-columns:1fr}.reports-side{grid-template-columns:1fr}}
@media print{.reports-layout-v2{display:block}.reports-side{display:block}.reports-side .panel{margin-top:18px}}
.product-sidebar .nav-link.disabled,
.nav-link.disabled{
    opacity:.46;
    cursor:not-allowed;
    filter:grayscale(.25);
}
.product-sidebar .nav-link.disabled:hover,
.nav-link.disabled:hover{
    background:transparent;
    color:var(--sidebar-text);
}
.muted-link{color:var(--muted);font-size:13px;font-weight:700}
.priority-line.disabled{opacity:.7;cursor:not-allowed}
.priority-line.disabled:hover{transform:none;background:var(--surface-2)}

/* v6 - accounts/subscription page refinement */
.subscription-accounts-page{max-width:1280px;gap:24px}.accounts-title-row{align-items:center;margin-bottom:2px}.accounts-title-row h1{font-size:34px;letter-spacing:-.02em}.account-reference-modern{min-height:116px;align-content:center;box-shadow:var(--shadow)}.account-plan-hero{position:relative;overflow:hidden;border-inline-start:0!important;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));box-shadow:var(--shadow);background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand-soft) 55%,var(--surface)))}.account-plan-hero:before{content:'';position:absolute;inset-inline-end:0;top:0;bottom:0;width:5px;background:var(--brand)}.account-plan-hero.free-plan:before{background:var(--success)}.account-plan-hero.paid-plan:before{background:var(--brand)}.account-plan-kpis{grid-template-columns:1.05fr 1.2fr repeat(3,1fr)}.account-plan-kpis article{background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.account-plan-kpis strong{font-size:22px}.free-plan-status-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-color:color-mix(in srgb,var(--success) 32%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--success-soft) 70%,var(--surface)),var(--surface))}.free-plan-status-card>div{display:grid;gap:5px}.free-plan-status-card h2{font-size:22px}.free-plan-status-card p{color:var(--muted)}.mini-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:900;font-size:18px;margin-bottom:6px}.free-plan-status-card .mini-icon{background:var(--success-soft);color:var(--success)}.subscription-upgrades-section{padding-top:3px}.subscription-upgrades-section .v19-section-head{padding:0 4px}.accounts-billing-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.52fr);gap:20px;align-items:start}.accounts-main-column,.accounts-side-column{display:grid;gap:18px}.account-payment-card,.account-history-card,.account-payment-info,.account-code-help{box-shadow:var(--shadow)}.account-payment-card{padding:27px}.account-history-card{padding:24px}.account-payment-info{padding:24px}.account-code-help{padding:24px;display:grid;gap:7px}.section-card-head,.v19-panel-head.separated{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.section-card-head h2,.v19-panel-head.separated h2{font-size:22px;margin-top:3px}.section-card-head p,.v19-panel-head.separated p{color:var(--muted);font-size:14px}.modern-quote-box{border-radius:18px;background:linear-gradient(135deg,var(--brand-soft),color-mix(in srgb,var(--surface) 62%,var(--brand-soft)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 12%,transparent)}.modern-quote-box strong{font-size:25px;line-height:1.35}.account-payment-card.disabled-card{background:linear-gradient(135deg,var(--surface),var(--surface-2));border-style:dashed}.payment-history.account-history-card article.payment-history-item{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;margin-bottom:10px}.payment-history.account-history-card article.payment-history-item:last-child{margin-bottom:0}.payment-history.account-history-card article.payment-history-item .status{grid-column:auto;width:max-content;align-self:center}.payment-history.account-history-card article.payment-history-item .receipt-link{grid-column:1/-1;font-weight:700}.account-code-help strong{font-size:31px;letter-spacing:3px;color:var(--brand);direction:ltr;text-align:right}.account-code-help p{color:var(--muted)}.account-payment-info .receiver-box{margin:0 0 14px}.account-payment-info p{color:var(--muted)}@media(max-width:1180px){.accounts-billing-grid{grid-template-columns:1fr}.accounts-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.account-plan-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.accounts-side-column{grid-template-columns:1fr}.free-plan-status-card{display:grid}.account-plan-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.accounts-title-row h1{font-size:27px}.payment-history.account-history-card article.payment-history-item{grid-template-columns:1fr}.payment-history.account-history-card article.payment-history-item .status{grid-column:1/-1}}@media(max-width:560px){.account-plan-kpis{grid-template-columns:1fr}.account-payment-card,.account-history-card,.account-payment-info,.account-code-help{padding:18px}.account-reference-modern{width:100%}}

/* ===== v57: accounts filter, tenant accounts page and activity polish ===== */
.v7-accounts-filter-panel{padding:14px!important;margin-bottom:16px!important;overflow:visible!important;position:relative;z-index:20}
.accounts-filter-form-v7{display:grid!important;grid-template-columns:minmax(280px,1fr) 190px 88px auto!important;gap:10px!important;align-items:end!important;width:100%!important;direction:rtl!important}
.accounts-filter-field{display:grid;gap:6px;min-width:0}.accounts-filter-field>span{font-size:12px;color:var(--muted);font-weight:900}
.accounts-filter-field input,.accounts-filter-field select{height:44px!important;min-height:44px!important;width:100%!important;border-radius:13px!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--text)!important;padding:0 14px!important;font-family:var(--font)!important;font-weight:800!important}
.accounts-status-select-v7{appearance:auto!important;-webkit-appearance:auto!important;cursor:pointer!important;position:relative!important;z-index:2!important}
.accounts-search-button-v7,.accounts-reset-button-v7{height:44px!important;min-height:44px!important;padding:0 18px!important;white-space:nowrap!important}
.accounts-v50-panel{position:relative;z-index:1}.accounts-v50-table{margin-top:0!important}
@media(max-width:900px){.accounts-filter-form-v7{grid-template-columns:1fr 160px 82px!important}.accounts-reset-button-v7{grid-column:1/-1;width:max-content}.search-field-v7{grid-column:1/-1}}
@media(max-width:640px){.accounts-filter-form-v7{grid-template-columns:1fr!important}.accounts-search-button-v7,.accounts-reset-button-v7{width:100%!important}}

.accounts-v7-page{display:grid;gap:22px!important;max-width:1240px!important}.accounts-v7-title-row{align-items:center!important}.account-code-card-v7{min-width:240px}.accounts-v7-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.accounts-v7-stat{padding:20px 22px!important;min-height:118px;display:grid;align-content:center;gap:7px;position:relative;overflow:hidden}.accounts-v7-stat:before{content:"";position:absolute;inset:auto auto -28px -28px;width:90px;height:90px;border-radius:35px;background:var(--brand-soft);opacity:.85}.accounts-v7-stat small{color:var(--muted);font-weight:900}.accounts-v7-stat strong{font-size:25px;line-height:1.25;color:var(--text);position:relative}.accounts-v7-stat span{color:var(--muted);font-size:13px;position:relative}.accounts-v7-stat.primary-stat{background:linear-gradient(135deg,var(--brand),#19bde3)!important}.accounts-v7-stat.primary-stat small,.accounts-v7-stat.primary-stat strong,.accounts-v7-stat.primary-stat span{color:#fff!important}.account-plan-hero-v7{padding:24px!important;display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:center;border-inline-start:4px solid var(--brand)!important}.account-plan-main-v7 h2{font-size:28px;margin:10px 0 4px}.account-plan-main-v7 p{color:var(--muted);line-height:1.8}.account-plan-kpis-v7{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface-2)}.account-plan-kpis-v7 article{padding:18px 16px;border-inline-start:1px solid var(--line)}.account-plan-kpis-v7 article:first-child{border:0}.account-plan-kpis-v7 small{display:block;color:var(--muted);font-weight:900;margin-bottom:7px}.account-plan-kpis-v7 strong{font-size:20px}.accounts-v7-free-note{padding:20px 22px!important;display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:rgba(20,164,104,.25)!important;background:rgba(20,164,104,.06)!important}.accounts-v7-free-note p{color:var(--muted);margin-top:4px}.accounts-v7-sections-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px;align-items:start}.account-payment-info-v7,.account-summary-card-v7,.accounts-v7-history{padding:24px!important}.payment-info-boxes-v7{display:grid;grid-template-columns:1fr 180px;gap:12px;margin:16px 0}.payment-info-boxes-v7 div,.account-summary-list-v7 div{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:14px 16px}.payment-info-boxes-v7 small,.account-summary-list-v7 span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:5px}.payment-info-boxes-v7 strong{font-size:18px}.payment-instructions-text-v7{line-height:1.9;color:var(--muted);margin:8px 0 14px}.accounts-v7-actions-row{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}.account-summary-list-v7{display:grid;gap:10px}.account-summary-list-v7 b{font-size:18px}.accounts-v7-upgrades{margin-top:2px}.payment-history-list-v7{display:grid;gap:10px;margin-top:12px}.payment-history-item-v7{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);padding:14px 16px}.payment-history-main-v7 b{display:block}.payment-history-main-v7 small{color:var(--muted);font-size:12px}.payment-history-item-v7 strong{font-size:16px}.payment-history-item-v7 em{font-size:12px;color:var(--muted);font-style:normal}.payment-transfer-modal-v7{max-width:850px!important}.payment-modal-form-v7{margin-top:18px}.payment-modal-form-v7 .payment-summary{grid-template-columns:1fr 1fr}.payment-modal-form-v7 input[type=file]{padding-top:10px!important}
@media(max-width:1050px){.accounts-v7-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-plan-hero-v7,.accounts-v7-sections-grid{grid-template-columns:1fr}.account-plan-kpis-v7{grid-template-columns:repeat(2,minmax(0,1fr))}.account-code-card-v7{width:100%}}
@media(max-width:640px){.accounts-v7-overview-grid,.account-plan-kpis-v7,.payment-info-boxes-v7{grid-template-columns:1fr}.accounts-v7-free-note{display:grid}.payment-history-item-v7{grid-template-columns:1fr}.payment-transfer-modal-v7{max-width:96vw!important}.payment-modal-form-v7 .payment-summary{grid-template-columns:1fr}}

.activity-v7-page{display:grid;gap:18px;max-width:1180px}.activity-v7-head{margin-bottom:0}.activity-filter-v7{padding:15px!important;overflow:visible!important;position:relative;z-index:8}.activity-filter-v7 form{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(260px,1.4fr) 100px auto!important;gap:10px!important;align-items:end!important;max-width:none!important}.activity-filter-v7 label{display:grid;gap:7px}.activity-filter-v7 label span{font-size:12px;color:var(--muted);font-weight:900}.activity-panel-v7{padding:0!important;overflow:hidden!important}.activity-timeline-v7{display:grid}.activity-item-v7{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px 22px;border-bottom:1px solid var(--line);position:relative}.activity-item-v7:last-child{border-bottom:0}.activity-mark-v7{width:46px;height:46px;border-radius:15px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:20px;font-weight:900}.activity-item-v7.category-sync .activity-mark-v7{background:rgba(245,158,11,.14);color:#f5a400}.activity-item-v7.category-payments .activity-mark-v7{background:rgba(20,164,104,.14);color:#14a468}.activity-item-v7.category-lines .activity-mark-v7{background:rgba(59,130,246,.14);color:#3b82f6}.activity-item-v7.category-security .activity-mark-v7{background:rgba(139,92,246,.14);color:#8b5cf6}.activity-title-row-v7{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.activity-title-row-v7 span{display:inline-flex;color:var(--brand);font-size:12px;font-weight:900;margin-bottom:5px}.activity-title-row-v7 h3{font-size:17px;margin:0}.activity-title-row-v7 time{color:var(--muted);font-size:12px;white-space:nowrap}.activity-meta-v7{display:flex;gap:8px 14px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:8px}.activity-summary-v7{margin-top:10px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;line-height:1.8;font-size:13px}.activity-panel-v7 .pagination-wrap{border-top:1px solid var(--line)!important}
@media(max-width:780px){.activity-filter-v7 form{grid-template-columns:1fr!important}.activity-filter-v7 .btn{width:100%}.activity-item-v7{grid-template-columns:42px 1fr;padding:15px}.activity-mark-v7{width:40px;height:40px}.activity-title-row-v7{display:grid}.activity-title-row-v7 time{white-space:normal}}

/* ===== v8 fixes: compact filters, native stable selects, separated account tabs, review page polish ===== */
.native-select-v8,
select.native-select-v8,
.v8-accounts-filter-panel select,
.activity-filter-v8 select{
    width:100%; height:46px; border-radius:14px; border:1px solid var(--line, #243955);
    background:var(--surface-2, #101d2f); color:var(--text, #eaf3ff);
    padding:0 14px; font-weight:800; outline:none; box-shadow:none; appearance:auto;
}
.native-select-v8:focus,
.v8-accounts-filter-panel select:focus,
.activity-filter-v8 select:focus{border-color:var(--brand, #338df4); box-shadow:0 0 0 3px rgba(51,141,244,.18);}
.native-select-v8 option,
.v8-accounts-filter-panel select option,
.activity-filter-v8 select option{background:#101d2f; color:#eaf3ff; font-weight:700;}
html[data-theme="light"] .native-select-v8,
html[data-theme="light"] .v8-accounts-filter-panel select,
html[data-theme="light"] .activity-filter-v8 select{background:#ffffff; color:#172033; border-color:#cbd8e9;}
html[data-theme="light"] .native-select-v8 option,
html[data-theme="light"] .v8-accounts-filter-panel select option,
html[data-theme="light"] .activity-filter-v8 select option{background:#ffffff; color:#172033;}

.v8-accounts-filter-panel{padding:16px!important; overflow:visible!important; position:relative; z-index:20;}
.accounts-filter-form-v8{display:grid!important; grid-template-columns:minmax(260px, 1fr) 210px 96px auto; gap:12px; align-items:end; margin:0;}
.accounts-filter-field{display:grid; gap:6px;}
.accounts-filter-field span{font-size:12px; color:var(--muted, #9fb0c7); font-weight:800;}
.accounts-filter-form-v8 input{height:46px; border-radius:14px; border:1px solid var(--line, #243955); background:var(--surface-2, #101d2f); color:var(--text, #eaf3ff); padding:0 14px; font-weight:700;}
.accounts-filter-form-v8 .btn{height:46px; min-width:86px; justify-content:center;}
.accounts-v50-panel{position:relative; z-index:1;}
@media(max-width:800px){.accounts-filter-form-v8{grid-template-columns:1fr}.accounts-filter-form-v8 .btn{width:100%;}}

.account-page-v8{display:grid; gap:18px;}
.account-v8-head{align-items:center;}
.account-code-tile-v8{min-width:210px; border:1px solid var(--line, #243955); background:linear-gradient(180deg, rgba(51,141,244,.12), rgba(13,26,44,.8)); border-radius:18px; padding:16px; display:grid; gap:6px; text-align:center;}
.account-code-tile-v8 span{color:var(--muted,#9fb0c7); font-size:12px; font-weight:800;}
.account-code-tile-v8 strong{font-size:28px; color:var(--brand,#338df4); letter-spacing:3px;}
.account-code-tile-v8 button{border:0; background:transparent; color:var(--brand,#338df4); font-weight:900; cursor:pointer;}
.account-tabs-v8{padding:18px;}
.account-tabs-v8>input{position:absolute; opacity:0; pointer-events:none;}
.account-tab-labels-v8{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; border-bottom:1px solid var(--line,#243955); padding-bottom:12px;}
.account-tab-labels-v8 label{cursor:pointer; border:1px solid var(--line,#243955); color:var(--muted,#9fb0c7); background:var(--surface-2,#101d2f); padding:11px 16px; border-radius:14px; font-weight:900; transition:.18s ease;}
#tab-overview-v8:checked ~ .account-tab-labels-v8 label[for="tab-overview-v8"],
#tab-transfer-v8:checked ~ .account-tab-labels-v8 label[for="tab-transfer-v8"],
#tab-plans-v8:checked ~ .account-tab-labels-v8 label[for="tab-plans-v8"],
#tab-history-v8:checked ~ .account-tab-labels-v8 label[for="tab-history-v8"]{background:var(--brand,#338df4); color:#fff; border-color:transparent; box-shadow:0 10px 24px rgba(51,141,244,.18);}
.account-tab-pane-v8{display:none;}
#tab-overview-v8:checked ~ .account-overview-pane-v8,
#tab-transfer-v8:checked ~ .account-transfer-pane-v8,
#tab-plans-v8:checked ~ .account-plans-pane-v8,
#tab-history-v8:checked ~ .account-history-pane-v8{display:block;}
.account-overview-grid-v8{display:grid; grid-template-columns:2fr repeat(3, minmax(160px,1fr)); gap:14px;}
.account-hero-card-v8,.account-side-card-v8,.transfer-info-card-v8,.transfer-summary-card-v8{border:1px solid var(--line,#243955); background:var(--surface-2,#101d2f); border-radius:18px; padding:18px;}
.account-hero-card-v8 h2{font-size:26px; margin:6px 0;}
.account-hero-card-v8 p{color:var(--muted,#9fb0c7);}
.account-hero-kpis-v8{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:16px;}
.account-hero-kpis-v8 div,.transfer-summary-card-v8 div{border:1px solid var(--line,#243955); border-radius:14px; padding:12px; background:rgba(255,255,255,.025); display:grid; gap:5px;}
.account-hero-kpis-v8 span,.account-side-card-v8 span,.transfer-summary-card-v8 span{color:var(--muted,#9fb0c7); font-size:12px; font-weight:800;}
.account-side-card-v8{display:grid; align-content:center; gap:8px;}
.account-side-card-v8 strong{font-size:22px;}
.transfer-layout-v8{display:grid; grid-template-columns:1.6fr .8fr; gap:16px;}
.transfer-boxes-v8{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:14px 0;}
.transfer-boxes-v8 div{border:1px solid var(--line,#243955); border-radius:14px; padding:14px; background:rgba(51,141,244,.08); display:grid; gap:6px;}
.transfer-boxes-v8 small{color:var(--muted,#9fb0c7); font-weight:800;}
.transfer-boxes-v8 b{font-size:20px; color:var(--brand,#338df4);}
.soft-notice-v8{border:1px solid var(--line,#243955); border-radius:14px; padding:13px; display:grid; gap:4px; color:var(--muted,#9fb0c7); background:rgba(255,255,255,.03);}
.soft-notice-v8.success{border-color:rgba(38,194,129,.35); background:rgba(38,194,129,.08)}
.soft-notice-v8.warning{border-color:rgba(245,158,11,.4); background:rgba(245,158,11,.09)}
.payment-transfer-modal-v8{max-width:900px!important;}
.payment-modal-form-v8{display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start;}
.payment-modal-form-v8 .span-two,.payment-modal-fields-v8 .span-two{grid-column:1/-1;}
.payment-modal-fields-v8{display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start;}
.payment-modal-form-v8 label{display:grid; gap:8px; font-weight:900; color:var(--text,#eaf3ff);}
.payment-modal-form-v8 label small{color:var(--muted,#9fb0c7); font-weight:700;}
.payment-modal-form-v8 input{height:46px; border:1px solid var(--line,#243955); border-radius:14px; background:var(--surface-2,#101d2f); color:var(--text,#eaf3ff); padding:0 14px; font-weight:800;}
.payment-modal-form-v8 input[type=file]{display:flex; align-items:center; padding-top:10px;}
.payment-history-list-v8{display:grid; gap:10px;}
.payment-history-item-v8{display:grid; grid-template-columns:1.5fr 1fr 1fr auto auto; gap:12px; align-items:center; border:1px solid var(--line,#243955); background:var(--surface-2,#101d2f); border-radius:16px; padding:14px;}
.payment-history-item-v8 div{display:grid; gap:4px}.payment-history-item-v8 span,.payment-history-item-v8 small{color:var(--muted,#9fb0c7)}
@media(max-width:950px){.account-overview-grid-v8,.transfer-layout-v8{grid-template-columns:1fr}.account-hero-kpis-v8,.transfer-boxes-v8,.payment-modal-form-v8,.payment-modal-fields-v8,.payment-history-item-v8{grid-template-columns:1fr}.account-tab-labels-v8 label{flex:1;text-align:center}}

.payment-review-shell-v8{display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start;}
.payment-review-summary-v8,.payment-decision-card-v8{padding:22px;}
.payment-review-status-row-v8{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px;}
.payment-amount-hero-v8{border-radius:20px; padding:22px; background:linear-gradient(135deg, rgba(51,141,244,.25), rgba(13,26,44,.9)); border:1px solid rgba(51,141,244,.3); display:grid; gap:8px; margin-bottom:16px;}
.payment-amount-hero-v8 span{color:var(--muted,#9fb0c7); font-weight:800;}.payment-amount-hero-v8 strong{font-size:34px}.payment-amount-hero-v8 em{font-size:16px; font-style:normal; color:var(--muted,#9fb0c7)}
.payment-review-grid-v8{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.payment-review-grid-v8 div,.payment-note-v8{border:1px solid var(--line,#243955); background:var(--surface-2,#101d2f); border-radius:14px; padding:13px; display:grid; gap:6px;}
.payment-review-grid-v8 small,.payment-note-v8 small{color:var(--muted,#9fb0c7); font-weight:800;}.payment-note-v8{margin-top:12px}.payment-note-v8 p{margin:0;color:var(--text,#eaf3ff)}
.payment-proof-actions-v8{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}.soft-badge-v8{border:1px dashed var(--line,#243955); border-radius:14px; padding:11px 14px; color:var(--muted,#9fb0c7); font-weight:800;}
.decision-form-v8{display:grid; gap:10px}.decision-form-v8 textarea{width:100%; border:1px solid var(--line,#243955); border-radius:14px; background:var(--surface-2,#101d2f); color:var(--text,#eaf3ff); padding:13px; resize:vertical;}.decision-form-v8 label{font-weight:900}.decision-form-v8 small{color:var(--muted,#9fb0c7)}
.decision-divider-v8{display:flex; align-items:center; gap:10px; margin:16px 0; color:var(--muted,#9fb0c7)}.decision-divider-v8:before,.decision-divider-v8:after{content:"";height:1px;background:var(--line,#243955);flex:1;}
@media(max-width:900px){.payment-review-shell-v8{grid-template-columns:1fr}.payment-review-grid-v8{grid-template-columns:1fr}}

.activity-filter-v8 form{display:grid!important; grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) 96px auto; gap:12px; align-items:end;}
.activity-filter-v8 label{display:grid; gap:6px}.activity-filter-v8 label span{font-size:12px; color:var(--muted,#9fb0c7); font-weight:900}.activity-filter-v8 .btn{height:46px; justify-content:center;}
.activity-timeline-v8{display:grid; gap:12px}.activity-item-v8{display:grid; grid-template-columns:50px 1fr; gap:14px; border:1px solid var(--line,#243955); background:var(--surface-2,#101d2f); border-radius:18px; padding:16px;}
.activity-mark-v8{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:rgba(51,141,244,.16);color:var(--brand,#338df4);font-weight:1000;}
.activity-title-row-v8{display:flex;justify-content:space-between;gap:12px;align-items:start}.activity-title-row-v8 span{color:var(--brand,#338df4);font-weight:900;font-size:12px}.activity-title-row-v8 h3{margin:.2rem 0 0;font-size:18px}.activity-title-row-v8 time{color:var(--muted,#9fb0c7);font-size:12px;white-space:nowrap}
.activity-meta-v8{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted,#9fb0c7);font-size:12px;margin-top:7px}.activity-summary-v8{border:1px solid var(--line,#243955);border-radius:12px;padding:10px 12px;color:var(--muted,#9fb0c7);margin:12px 0 0;line-height:1.8;}
@media(max-width:760px){.activity-filter-v8 form{grid-template-columns:1fr}.activity-item-v8{grid-template-columns:1fr}.activity-title-row-v8{display:grid}}

/* ===== v9: compact admin filters, clean selects, account page spacing, mobile polish ===== */
.native-select-v9,
select.native-select-v9{
    width:100%;height:46px;border:1px solid var(--line,#243955);border-radius:14px;
    background:var(--surface-2,#101d2f);color:var(--text,#eaf3ff);
    padding:0 16px 0 42px!important;font:inherit;font-weight:900;line-height:46px;
    appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;
    background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
    background-position:left 22px center,left 16px center;background-size:7px 7px,7px 7px;background-repeat:no-repeat;
}
.native-select-v9:focus{outline:0;border-color:var(--brand,#338df4);box-shadow:0 0 0 4px rgba(51,141,244,.16)}
.native-select-v9 option{background:#101d2f!important;color:#eaf3ff!important;font-weight:800;padding:10px}
html[data-theme="light"] .native-select-v9{background:#fff;color:#172033;border-color:#cbd8e9}
html[data-theme="light"] .native-select-v9 option{background:#fff!important;color:#172033!important}

.accounts-filter-panel-v9{padding:14px!important;overflow:visible!important;position:relative;z-index:20}.accounts-filter-form-v9{display:grid!important;grid-template-columns:minmax(280px,1fr) 220px 92px auto;gap:10px;align-items:end;margin:0}.accounts-filter-form-v9 label{display:grid;gap:6px}.accounts-filter-form-v9 span{color:var(--muted,#9fb0c7);font-size:12px;font-weight:900}.accounts-filter-form-v9 input{height:46px;border:1px solid var(--line,#243955);border-radius:14px;background:var(--surface-2,#101d2f);color:var(--text,#eaf3ff);padding:0 14px;font-weight:800}.accounts-filter-form-v9 .btn{height:46px;justify-content:center;min-width:86px}.accounts-v51-table th,.accounts-v51-table td{white-space:nowrap}.accounts-v51-table td small{display:block;margin-top:4px;color:var(--muted,#9fb0c7)}
@media(max-width:820px){.accounts-filter-form-v9{grid-template-columns:1fr}.accounts-filter-form-v9 .btn{width:100%}.accounts-v51-table{min-width:980px}}

.account-page-v9{display:grid;gap:20px}.account-v9-head{align-items:center}.account-v9-head p{max-width:680px}.account-code-tile-v9{min-width:190px;border:1px solid var(--line,#243955);background:linear-gradient(180deg,rgba(51,141,244,.14),rgba(13,26,44,.7));border-radius:18px;padding:15px 18px;text-align:center;display:grid;gap:5px}.account-code-tile-v9 span{font-size:12px;color:var(--muted,#9fb0c7);font-weight:900}.account-code-tile-v9 strong{font-size:28px;color:var(--brand,#338df4);letter-spacing:3px}.account-code-tile-v9 button{border:0;background:transparent;color:var(--brand,#338df4);font-weight:900;cursor:pointer}.account-tabs-v9{padding:18px!important;display:block}.account-tabs-v9>input{position:absolute;opacity:0;pointer-events:none}.account-tab-labels-v9{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line,#243955)}.account-tab-labels-v9 label{cursor:pointer;border:1px solid var(--line,#243955);background:var(--surface-2,#101d2f);color:var(--muted,#9fb0c7);border-radius:14px;padding:11px 16px;font-weight:900;transition:.18s ease}#tab-overview-v9:checked ~ .account-tab-labels-v9 label[for="tab-overview-v9"],#tab-transfer-v9:checked ~ .account-tab-labels-v9 label[for="tab-transfer-v9"],#tab-plans-v9:checked ~ .account-tab-labels-v9 label[for="tab-plans-v9"],#tab-history-v9:checked ~ .account-tab-labels-v9 label[for="tab-history-v9"]{background:var(--brand,#338df4);border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(51,141,244,.16)}.account-tab-pane-v9{display:none}#tab-overview-v9:checked ~ .account-overview-pane-v9,#tab-transfer-v9:checked ~ .account-transfer-pane-v9,#tab-plans-v9:checked ~ .account-plans-pane-v9,#tab-history-v9:checked ~ .account-history-pane-v9{display:block}.account-overview-grid-v9{display:grid;grid-template-columns:1.6fr repeat(3,minmax(160px,1fr));gap:16px}.account-main-card-v9,.mini-card-v9,.transfer-card-v9,.summary-card-v9,.upgrade-card-v9{border:1px solid var(--line,#243955);background:var(--surface-2,#101d2f);border-radius:18px;padding:18px}.account-main-card-v9{display:grid;gap:10px}.account-main-card-v9 h2{font-size:28px;margin:0}.card-icon-v9{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(51,141,244,.16);color:var(--brand,#338df4);font-weight:1000}.account-kpi-row-v9{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.account-kpi-row-v9 div,.summary-card-v9 div,.transfer-mini-grid-v9 div{border:1px solid var(--line,#243955);border-radius:14px;padding:12px;background:rgba(255,255,255,.025);display:grid;gap:5px}.account-kpi-row-v9 span,.mini-card-v9 span,.summary-card-v9 span,.transfer-mini-grid-v9 span{font-size:12px;color:var(--muted,#9fb0c7);font-weight:900}.mini-card-v9{display:grid;gap:10px;align-content:center}.mini-card-v9 strong{font-size:22px}.transfer-grid-v9{display:grid;grid-template-columns:1.4fr .75fr;gap:18px}.transfer-card-v9,.summary-card-v9{display:grid;gap:14px}.transfer-card-v9 h2{margin:0;font-size:24px}.transfer-mini-grid-v9{display:grid;grid-template-columns:1fr 1fr;gap:12px}.transfer-mini-grid-v9 b{font-size:20px;color:var(--brand,#338df4)}.soft-notice-v9{border:1px solid var(--line,#243955);border-radius:14px;padding:13px;display:grid;gap:4px;color:var(--muted,#9fb0c7);background:rgba(255,255,255,.03)}.soft-notice-v9.success{border-color:rgba(38,194,129,.35);background:rgba(38,194,129,.08)}.soft-notice-v9.warning{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.09)}.upgrade-grid-v9{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.upgrade-card-v9{color:var(--text,#eaf3ff);text-decoration:none;display:grid;gap:10px}.upgrade-card-v9 strong{color:var(--brand,#338df4)}.payment-history-table-v9{min-width:760px}.payment-history-table-v9 th,.payment-history-table-v9 td{padding:15px 16px!important}.empty-cell{text-align:center;color:var(--muted,#9fb0c7)!important;font-weight:900!important;padding:28px!important}
.payment-transfer-modal-v9{max-width:880px!important}.payment-transfer-modal-v9 h2{margin-top:4px}.payment-modal-form-v9{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.payment-modal-form-v9 .span-two,.payment-fields-grid-v9 .span-two{grid-column:1/-1}.payment-modal-form-v9 label{display:grid;gap:8px;color:var(--text,#eaf3ff);font-weight:900}.payment-modal-form-v9 label small{color:var(--muted,#9fb0c7);font-weight:700}.payment-modal-form-v9 input{height:48px;border:1px solid var(--line,#243955);border-radius:14px;background:var(--surface-2,#101d2f);color:var(--text,#eaf3ff);padding:0 14px;font-weight:900}.file-input-v9{padding:10px 12px!important}.quote-box-v9{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid rgba(51,141,244,.28);background:rgba(51,141,244,.10);border-radius:18px;padding:16px}.quote-box-v9 div{display:grid;gap:6px}.quote-box-v9 small{color:var(--muted,#9fb0c7);font-weight:900}.quote-box-v9 strong{font-size:24px;color:var(--brand,#338df4)}.payment-fields-grid-v9{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.payment-submit{height:52px}
.activity-filter-v9 form{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) 96px auto;gap:12px;align-items:end}.activity-filter-v9 label{display:grid;gap:6px}.activity-filter-v9 label span{font-size:12px;color:var(--muted,#9fb0c7);font-weight:900}.activity-filter-v9 .btn{height:46px;justify-content:center}.activity-list-v9{display:grid;gap:12px}.activity-row-v9{display:grid;grid-template-columns:48px 1fr;gap:14px;border:1px solid var(--line,#243955);background:var(--surface-2,#101d2f);border-radius:18px;padding:15px}.activity-icon-v9{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(51,141,244,.15);color:var(--brand,#338df4);font-weight:1000}.activity-top-v9{display:flex;justify-content:space-between;gap:12px;align-items:center}.activity-top-v9 span{color:var(--brand,#338df4);font-weight:900;font-size:12px}.activity-top-v9 time,.activity-meta-v9{color:var(--muted,#9fb0c7);font-size:12px}.activity-copy-v9 h3{margin:3px 0 0;font-size:18px}.activity-meta-v9{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px}.activity-copy-v9 p{margin:10px 0 0;border:1px solid var(--line,#243955);border-radius:12px;padding:10px 12px;color:var(--muted,#9fb0c7);line-height:1.8}
@media(max-width:980px){.account-overview-grid-v9,.transfer-grid-v9{grid-template-columns:1fr}.account-kpi-row-v9,.transfer-mini-grid-v9,.payment-modal-form-v9,.payment-fields-grid-v9,.quote-box-v9{grid-template-columns:1fr}.account-tab-labels-v9 label{flex:1;text-align:center}.activity-filter-v9 form{grid-template-columns:1fr}.activity-filter-v9 .btn{width:100%}}
@media(max-width:640px){.account-v9-head{display:grid}.account-code-tile-v9{width:100%;min-width:0}.account-tabs-v9{padding:12px!important}.account-tab-labels-v9{display:grid;grid-template-columns:1fr 1fr}.account-main-card-v9,.mini-card-v9,.transfer-card-v9,.summary-card-v9{padding:14px}.payment-transfer-modal-v9{width:calc(100vw - 18px)!important;padding:18px!important}.payment-modal-form-v9 input,.native-select-v9{height:44px}.activity-row-v9{grid-template-columns:1fr}.activity-icon-v9{width:38px;height:38px}.accounts-v51-table{font-size:12px}}


/* ===== v10: clean selects, compact subscribers filter, payment modal spacing ===== */
.native-select-v9,
select.native-select-v9{
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    background-image:none!important;
    padding-inline-start:16px!important;
    padding-inline-end:16px!important;
    background-color:var(--surface-2,#101d2f)!important;
    color:var(--text,#eaf3ff)!important;
}
.native-select-v9::-ms-expand{display:none!important;}
.payment-modal-form-v9 select.native-select-v9,
.accounts-filter-form-v9 select.native-select-v9,
.activity-filter-v9 select.native-select-v9,
.page-size-form-v55 select.native-select-v9{
    border-color:var(--line,#243955)!important;
    box-shadow:none;
}
.payment-transfer-modal-v9 .payment-modal-form-v9{gap:22px 24px;}
.payment-transfer-modal-v9 .quote-box-v9{margin:4px 0 8px;}
.payment-fields-grid-v9{gap:20px 24px!important;}
.payment-fields-grid-v9 label{min-width:0;}
.payment-fields-grid-v9 input,
.payment-fields-grid-v9 select,
.payment-modal-form-v9 select{min-height:52px;}
.payment-submit{margin-top:8px;}
.file-input-v9{display:flex;align-items:center;}

.accounts-filter-panel-v9{padding:10px 12px!important;margin-bottom:12px!important;overflow:visible!important;}
.accounts-filter-form-v9{
    display:grid!important;
    grid-template-columns:minmax(320px,1fr) 210px 84px auto!important;
    gap:8px!important;
    align-items:center!important;
    margin:0!important;
}
.accounts-filter-form-v9 label{display:block!important;margin:0!important;}
.accounts-filter-form-v9 label span{
    position:absolute!important;
    width:1px!important;height:1px!important;overflow:hidden!important;
    clip:rect(0 0 0 0)!important;white-space:nowrap!important;
}
.accounts-filter-form-v9 input,
.accounts-filter-form-v9 select,
.accounts-filter-form-v9 .btn{
    height:42px!important;
    min-height:42px!important;
    border-radius:12px!important;
    font-size:13px!important;
}
.accounts-filter-form-v9 input{padding:0 13px!important;}
.accounts-filter-form-v9 .btn{min-width:78px!important;padding:0 16px!important;}
.accounts-filter-form-v9 .accounts-reset-button-v9{min-width:62px!important;}
.accounts-v50-panel{margin-top:0!important;}

@media(max-width:760px){
    .accounts-filter-form-v9{grid-template-columns:1fr!important;gap:8px!important;}
    .accounts-filter-form-v9 .btn{width:100%!important;}
    .payment-transfer-modal-v9 .payment-modal-form-v9{gap:16px!important;}
}


/* ===== v11: final select cleanup, compact subscribers search, payment/account polish ===== */
.no-custom-select .ui-select{display:none!important}
select.native-select-v9,
.payment-modal-form-v9 select,
.accounts-filter-form-v9 select,
.activity-filter-v9 select,
.page-size-form-v55 select{
    appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;
    background-image:none!important;background-color:var(--surface-2,#101d2f)!important;color:var(--text,#eaf3ff)!important;
    border:1px solid var(--line,#243955)!important;border-radius:13px!important;
    padding:0 14px!important;height:44px!important;min-height:44px!important;line-height:44px!important;
    font-family:var(--font,'Tajawal',system-ui)!important;font-weight:900!important;box-shadow:none!important;cursor:pointer!important;
}
select.native-select-v9 option{background:#101d2f!important;color:#eaf3ff!important;font-weight:800!important}
html[data-theme="light"] select.native-select-v9,
html[data-theme="light"] .payment-modal-form-v9 select,
html[data-theme="light"] .accounts-filter-form-v9 select,
html[data-theme="light"] .activity-filter-v9 select,
html[data-theme="light"] .page-size-form-v55 select{background:#fff!important;color:#172033!important;border-color:#cbd8e9!important}

.accounts-filter-panel-v11{padding:10px 12px!important;margin-bottom:12px!important;overflow:visible!important}
.accounts-filter-form-v11{display:flex!important;align-items:end!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap!important;margin:0!important}
.accounts-filter-form-v11 .accounts-search-v9{width:min(420px,100%)!important;flex:0 1 420px!important}
.accounts-filter-form-v11 .accounts-status-v9{width:185px!important;flex:0 0 185px!important}
.accounts-filter-form-v11 input{height:44px!important;min-height:44px!important;border-radius:13px!important;background:var(--surface-2,#101d2f)!important;border:1px solid var(--line,#243955)!important;color:var(--text,#eaf3ff)!important;padding:0 14px!important;font-size:13px!important;font-weight:800!important}
.accounts-filter-form-v11 .btn{height:44px!important;min-height:44px!important;border-radius:13px!important;min-width:78px!important;padding:0 18px!important}
.accounts-filter-form-v11 label span{font-size:11px!important;margin-bottom:5px!important;color:var(--muted,#9fb0c7)!important;font-weight:900!important;display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;white-space:normal!important}
@media(min-width:900px){.accounts-filter-form-v11 .accounts-search-v9{max-width:420px}.accounts-filter-form-v11 .accounts-status-v9{max-width:185px}}
@media(max-width:680px){.accounts-filter-form-v11{display:grid!important;grid-template-columns:1fr!important}.accounts-filter-form-v11 .accounts-search-v9,.accounts-filter-form-v11 .accounts-status-v9{width:100%!important;max-width:none!important}.accounts-filter-form-v11 .btn{width:100%!important}}

.payment-transfer-modal-v9 .payment-modal-form-v9{grid-template-columns:1fr 1fr!important;gap:18px 26px!important}
.payment-modal-form-v9 label{position:relative!important;gap:8px!important}.payment-modal-form-v9 label small{display:block!important;margin-top:0!important;color:var(--muted,#9fb0c7)!important;font-size:13px!important}.payment-modal-form-v9 input,.payment-modal-form-v9 select{width:100%!important;box-sizing:border-box!important}.payment-fields-grid-v9{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px 26px!important}.payment-fields-grid-v9 .span-two{grid-column:1/-1!important}.file-input-v9{height:44px!important;padding:8px 12px!important;line-height:1.2!important}.quote-box-v9{margin:2px 0 8px!important;gap:16px!important}.payment-submit{height:54px!important;border-radius:14px!important}
.card-icon-v9{font-size:20px!important}.account-overview-grid-v9{gap:18px!important}.mini-card-v9,.account-main-card-v9,.transfer-card-v9,.summary-card-v9{min-height:128px}.mini-card-v9 strong{font-size:20px!important}.account-tabs-v9{margin-top:12px!important}.account-tab-labels-v9{gap:12px!important}.payment-history-table-v9 th,.payment-history-table-v9 td{text-align:right!important}
@media(max-width:760px){.payment-transfer-modal-v9 .payment-modal-form-v9,.payment-fields-grid-v9,.quote-box-v9{grid-template-columns:1fr!important}.payment-transfer-modal-v9{padding:16px!important}.payment-transfer-modal-v9 h2{font-size:26px!important}.account-overview-grid-v9{grid-template-columns:1fr!important}.account-tab-labels-v9{grid-template-columns:1fr 1fr!important}}

.payment-review-shell-v8{align-items:start!important;gap:24px!important}.payment-review-summary-v8,.payment-decision-card-v11{border-radius:20px!important}.payment-review-grid-v8{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.payment-review-grid-v8>div{border:1px solid var(--line,#243955)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important;padding:14px!important}.payment-review-grid-v8 small{display:block;color:var(--muted,#9fb0c7);font-weight:900;margin-bottom:6px}.payment-review-grid-v8 b{font-size:16px}.payment-decision-card-v11{display:grid!important;gap:18px!important}.payment-decision-tabs-v11{display:grid;grid-template-columns:1fr 1fr;gap:18px}.decision-box-v11{border:1px solid var(--line,#243955);border-radius:18px;background:var(--surface-2,#101d2f);padding:18px;display:grid;gap:12px}.decision-box-v11 h3{margin:0;font-size:21px}.decision-box-v11 p{margin:0;color:var(--muted,#9fb0c7);line-height:1.7}.decision-box-v11.approve{border-color:rgba(38,194,129,.30)}.decision-box-v11.reject{border-color:rgba(239,68,68,.30)}.quick-note-list-v11{display:flex;gap:8px;flex-wrap:wrap}.quick-note-list-v11 button{border:1px solid var(--line,#243955);background:rgba(51,141,244,.10);color:var(--brand,#338df4);border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer}.quick-note-list-v11 button:hover{background:var(--brand,#338df4);color:#fff}.decision-form-v8 textarea{width:100%;border:1px solid var(--line,#243955);border-radius:14px;background:var(--surface,#0d1a2c);color:var(--text,#eaf3ff);padding:12px 14px;font-family:inherit;font-weight:800;line-height:1.8;resize:vertical}.decision-form-v8 label{display:grid;gap:8px}.decision-form-v8 label small{color:var(--muted,#9fb0c7)}
@media(max-width:980px){.payment-review-shell-v8,.payment-decision-tabs-v11{grid-template-columns:1fr!important}.payment-review-grid-v8{grid-template-columns:1fr!important}}


/* ===== v12: final fixes requested only - unified selects + approve warning ===== */
.payment-limit-warning-v12{
    margin:12px 0 14px;
    padding:13px 15px;
    border-radius:14px;
    border:1px solid color-mix(in srgb,var(--danger,#ef4444) 45%,var(--line,#243955));
    background:color-mix(in srgb,var(--danger-soft,rgba(239,68,68,.14)) 78%,transparent);
    color:var(--danger,#ef4444);
    font-weight:900;
    line-height:1.9;
}
button:disabled,.btn:disabled{opacity:.55!important;cursor:not-allowed!important;filter:grayscale(.25)}

/* use one app-styled select everywhere, no native white dropdown */
select.native-select-v9,
.payment-modal-form-v9 select,
.accounts-filter-form-v11 select,
.accounts-filter-form-v9 select,
.activity-filter-v9 select,
.page-size-form-v55 select{
    font-family:var(--font,'Tajawal',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)!important;
}
.payment-modal-form-v9 .ui-select,
.accounts-filter-form-v11 .ui-select,
.accounts-filter-form-v9 .ui-select,
.activity-filter-v9 .ui-select,
.page-size-form-v55 .ui-select{
    width:100%!important;
    min-width:0!important;
    font-family:var(--font,'Tajawal',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)!important;
}
.payment-modal-form-v9 .ui-select-button,
.accounts-filter-form-v11 .ui-select-button,
.accounts-filter-form-v9 .ui-select-button,
.activity-filter-v9 .ui-select-button,
.page-size-form-v55 .ui-select-button{
    height:44px!important;
    min-height:44px!important;
    border-radius:13px!important;
    border:1px solid var(--line,#243955)!important;
    background:var(--surface-2,#101d2f)!important;
    color:var(--text,#eaf3ff)!important;
    font-family:var(--font,'Tajawal',system-ui)!important;
    font-size:14px!important;
    font-weight:900!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    line-height:1!important;
}
.payment-modal-form-v9 .ui-select-value,
.accounts-filter-form-v11 .ui-select-value,
.accounts-filter-form-v9 .ui-select-value,
.activity-filter-v9 .ui-select-value,
.page-size-form-v55 .ui-select-value{
    font-family:inherit!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:1.2!important;
    color:inherit!important;
    padding:0!important;
}
.payment-modal-form-v9 .ui-select-arrow,
.accounts-filter-form-v11 .ui-select-arrow,
.accounts-filter-form-v9 .ui-select-arrow,
.activity-filter-v9 .ui-select-arrow,
.page-size-form-v55 .ui-select-arrow{
    width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
    transform:none!important;
    font-size:18px!important;
    line-height:1!important;
    color:var(--text,#eaf3ff)!important;
    opacity:.9!important;
    margin:0!important;
}
.payment-modal-form-v9 .ui-select-list,
.accounts-filter-form-v11 .ui-select-list,
.accounts-filter-form-v9 .ui-select-list,
.activity-filter-v9 .ui-select-list,
.page-size-form-v55 .ui-select-list{
    background:var(--surface,#0b1728)!important;
    border:1px solid var(--line-strong,#315174)!important;
    border-radius:13px!important;
    padding:6px!important;
    box-shadow:0 24px 70px rgba(0,0,0,.48)!important;
    z-index:260000!important;
}
.payment-modal-form-v9 .ui-select-option,
.accounts-filter-form-v11 .ui-select-option,
.accounts-filter-form-v9 .ui-select-option,
.activity-filter-v9 .ui-select-option,
.page-size-form-v55 .ui-select-option{
    min-height:40px!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--text,#eaf3ff)!important;
    font-family:var(--font,'Tajawal',system-ui)!important;
    font-size:14px!important;
    font-weight:900!important;
    justify-content:flex-start!important;
    text-align:right!important;
    padding:8px 12px!important;
}
.payment-modal-form-v9 .ui-select-option:hover,
.payment-modal-form-v9 .ui-select-option.active,
.accounts-filter-form-v11 .ui-select-option:hover,
.accounts-filter-form-v11 .ui-select-option.active,
.accounts-filter-form-v9 .ui-select-option:hover,
.accounts-filter-form-v9 .ui-select-option.active,
.activity-filter-v9 .ui-select-option:hover,
.activity-filter-v9 .ui-select-option.active,
.page-size-form-v55 .ui-select-option:hover,
.page-size-form-v55 .ui-select-option.active{
    background:var(--brand-soft,rgba(51,141,244,.16))!important;
    color:var(--brand,#338df4)!important;
}

/* align modal fields: no field higher/lower because of select styling */
.payment-modal-form-v9 label,
.payment-fields-grid-v9 label{align-content:start!important;}
.payment-modal-form-v9 input,
.payment-fields-grid-v9 input,
.payment-fields-grid-v9 .ui-select-button{height:44px!important;min-height:44px!important;}
.payment-fields-grid-v9{align-items:start!important;}

/* compact subscribers search, not a huge block */
.accounts-filter-panel-v11{padding:10px 12px!important;margin-bottom:12px!important;}
.accounts-filter-form-v11{
    display:grid!important;
    grid-template-columns:minmax(260px,420px) 185px 78px!important;
    gap:10px!important;
    align-items:end!important;
    justify-content:start!important;
}
.accounts-filter-form-v11 .accounts-search-v9,
.accounts-filter-form-v11 .accounts-status-v9{width:100%!important;max-width:none!important;flex:none!important;}
.accounts-filter-form-v11 input{height:44px!important;min-height:44px!important;}
.accounts-filter-form-v11 .btn{height:44px!important;min-height:44px!important;width:78px!important;min-width:78px!important;padding:0!important;}
@media(max-width:760px){
    .accounts-filter-form-v11{grid-template-columns:1fr!important;}
    .accounts-filter-form-v11 .btn{width:100%!important;}
}

/* ===== v13: exact requested fixes - no stacked selects, topup separated from plans, subscribers wording/search ===== */
.ui-select-native{
    position:absolute!important;
    inset:0!important;
    width:1px!important;
    height:1px!important;
    min-height:0!important;
    opacity:0!important;
    pointer-events:none!important;
    z-index:-10!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    color:transparent!important;
    appearance:none!important;
    -webkit-appearance:none!important;
}
.payment-modal-form-v9 .ui-select,
.accounts-toolbar-v13 .ui-select,
.page-size-form-v55 .ui-select{
    display:block!important;
    height:44px!important;
    min-height:44px!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    margin:0!important;
    box-shadow:none!important;
    border-radius:0!important;
}
.payment-modal-form-v9 .ui-select-button,
.accounts-toolbar-v13 .ui-select-button,
.page-size-form-v55 .ui-select-button{
    height:44px!important;
    min-height:44px!important;
    border-radius:13px!important;
    border:1px solid var(--line,#243955)!important;
    background:var(--surface-2,#101d2f)!important;
    color:var(--text,#eaf3ff)!important;
    font-family:var(--font,'Tajawal',system-ui)!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    padding:0 14px!important;
}
.payment-modal-form-v9 .ui-select-list,
.accounts-toolbar-v13 .ui-select-list,
.page-size-form-v55 .ui-select-list{
    background:var(--surface,#0b1728)!important;
    color:var(--text,#eaf3ff)!important;
    border-color:var(--line-strong,#315174)!important;
    font-family:var(--font,'Tajawal',system-ui)!important;
}
.payment-modal-form-v9 .ui-select-option,
.accounts-toolbar-v13 .ui-select-option,
.page-size-form-v55 .ui-select-option{
    font-family:var(--font,'Tajawal',system-ui)!important;
    color:var(--text,#eaf3ff)!important;
    background:transparent!important;
    font-weight:900!important;
}
.payment-modal-form-v9 .ui-select-option:hover,
.payment-modal-form-v9 .ui-select-option.active,
.accounts-toolbar-v13 .ui-select-option:hover,
.accounts-toolbar-v13 .ui-select-option.active,
.page-size-form-v55 .ui-select-option:hover,
.page-size-form-v55 .ui-select-option.active{
    background:var(--brand-soft,rgba(51,141,244,.16))!important;
    color:var(--brand,#338df4)!important;
}
.payment-transfer-modal-v9 .page-eyebrow{color:var(--brand,#338df4)!important}
.payment-modal-form-v9{align-items:start!important;gap:20px 26px!important}
.payment-modal-form-v9 label{gap:8px!important;min-height:0!important}
.payment-modal-form-v9 label small{display:none!important}
.payment-fields-grid-v9{align-items:start!important;gap:20px 26px!important}
.payment-fields-grid-v9 input,
.payment-fields-grid-v9 .ui-select,
.payment-fields-grid-v9 .ui-select-button,
.payment-fields-grid-v9 .file-input-v9{
    height:44px!important;
    min-height:44px!important;
}
.payment-fields-grid-v9 input,
.payment-modal-form-v9 input{
    border-radius:13px!important;
    background:var(--surface-2,#101d2f)!important;
    border:1px solid var(--line,#243955)!important;
    color:var(--text,#eaf3ff)!important;
    font-family:var(--font,'Tajawal',system-ui)!important;
    font-size:14px!important;
    font-weight:900!important;
}
.topup-info-v13{grid-template-columns:1fr 1fr!important;margin-bottom:4px!important}
.topup-info-v13 strong{font-size:22px!important}

.accounts-filter-panel-v13{
    padding:10px 12px!important;
    margin-bottom:12px!important;
    overflow:visible!important;
    position:relative!important;
    z-index:25!important;
}
.accounts-toolbar-v13{
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) 170px 82px auto!important;
    gap:8px!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.accounts-toolbar-v13 input,
.accounts-toolbar-v13 select,
.accounts-toolbar-v13 .ui-select,
.accounts-toolbar-v13 .ui-select-button{
    height:42px!important;
    min-height:42px!important;
    font-size:13px!important;
}
.accounts-toolbar-v13 input{
    background:var(--surface-2,#101d2f)!important;
    border:1px solid var(--line,#243955)!important;
    border-radius:12px!important;
    color:var(--text,#eaf3ff)!important;
    font-weight:800!important;
}
.accounts-toolbar-v13 .btn{
    height:42px!important;
    min-height:42px!important;
    width:82px!important;
    padding:0!important;
    justify-content:center!important;
}
.accounts-toolbar-v13 .btn.secondary{width:70px!important}
@media(max-width:760px){
    .accounts-toolbar-v13{grid-template-columns:1fr!important}
    .accounts-toolbar-v13 .btn{width:100%!important}
    .topup-info-v13{grid-template-columns:1fr!important}
}

/* v14: keep native select stable, themed, and not skinned twice */
.native-select-v9,
.accounts-toolbar-v13 select.native-select-v9,
.payment-modal-form-v9 select.native-select-v9,
.system-modal select.native-select-v9,
.page-size-form-v55 select.native-select-v9{
  height:46px!important;
  min-height:46px!important;
  width:100%!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  border:1px solid var(--line-strong)!important;
  border-radius:12px!important;
  background-color:var(--surface)!important;
  color:var(--text)!important;
  font-family:var(--font, inherit)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:46px!important;
  padding:0 14px 0 42px!important;
  box-shadow:none!important;
  background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),linear-gradient(135deg, currentColor 50%, transparent 50%)!important;
  background-position:18px 20px, 12px 20px!important;
  background-size:6px 6px, 6px 6px!important;
  background-repeat:no-repeat!important;
}
.native-select-v9:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)!important;outline:0!important}
.native-select-v9 option{background:#0f1d30!important;color:#fff!important;font-family:var(--font, inherit)!important;font-size:14px!important;font-weight:800!important}
.payment-fields-grid-v9 label{display:grid!important;align-content:start;gap:7px!important;min-height:96px!important}
.payment-fields-grid-v9 label input,.payment-fields-grid-v9 label select{margin-top:0!important}
.payment-fields-grid-v9 label.span-two{min-height:auto!important}
.accounts-toolbar-v13{display:grid!important;grid-template-columns:minmax(260px,1fr) 170px 82px auto!important;gap:10px!important;align-items:end!important}
.accounts-toolbar-v13 input,.accounts-toolbar-v13 select,.accounts-toolbar-v13 .btn{height:42px!important;min-height:42px!important}
.accounts-toolbar-v13 select.native-select-v9{line-height:42px!important;height:42px!important;min-height:42px!important;background-position:18px 18px, 12px 18px!important}
.accounts-toolbar-v13 .btn{display:inline-flex;align-items:center;justify-content:center}
.ui-select select.native-select-v9{position:static!important;opacity:1!important;pointer-events:auto!important}
@media (max-width: 760px){.accounts-toolbar-v13{grid-template-columns:1fr!important}.payment-fields-grid-v9 label{min-height:auto!important}}


/* v15: unified custom select - no native dropdown / no duplicated arrows */
select.native-select-v9,
.payment-modal-form-v9 select.native-select-v9,
.accounts-toolbar-v13 select.native-select-v9,
.system-modal select.native-select-v9,
.page-size-form-v55 select.native-select-v9{
  background:none!important;
  background-image:none!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
  color:var(--text)!important;
  font-family:var(--font,'Tajawal',system-ui)!important;
}
.ui-select .ui-select-native,
.ui-select select.native-select-v9,
.ui-select select{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.ui-select,
.payment-modal-form-v9 .ui-select,
.accounts-toolbar-v13 .ui-select,
.system-modal .ui-select,
.page-size-form-v55 .ui-select{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  font-family:var(--font,'Tajawal',system-ui)!important;
  direction:rtl!important;
  overflow:visible!important;
}
.accounts-toolbar-v13 .ui-select{height:42px!important;min-height:42px!important;}
.ui-select-button,
.payment-modal-form-v9 .ui-select-button,
.accounts-toolbar-v13 .ui-select-button,
.system-modal .ui-select-button,
.page-size-form-v55 .ui-select-button{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  border:1px solid var(--line-strong,#2b4163)!important;
  border-radius:14px!important;
  background:var(--surface,#101d2f)!important;
  color:var(--text,#eaf3ff)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 16px!important;
  font-family:var(--font,'Tajawal',system-ui)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:none!important;
  text-align:right!important;
  cursor:pointer!important;
}
.accounts-toolbar-v13 .ui-select-button{height:42px!important;min-height:42px!important;}
.ui-select.open .ui-select-button{border-color:var(--brand,#338df4)!important;box-shadow:0 0 0 3px rgba(51,141,244,.18)!important;}
.ui-select-value{font-family:var(--font,'Tajawal',system-ui)!important;font-size:inherit!important;font-weight:900!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ui-select-arrow{width:22px!important;height:22px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:rgba(51,141,244,.12)!important;color:var(--text,#eaf3ff)!important;font-size:16px!important;font-weight:900!important;line-height:1!important;opacity:1!important;transform:none!important;flex:0 0 22px!important;}
.ui-select-list,
.payment-modal-form-v9 .ui-select-list,
.accounts-toolbar-v13 .ui-select-list,
.system-modal .ui-select-list,
.page-size-form-v55 .ui-select-list{
  display:none!important;
  position:absolute!important;
  right:0!important;
  left:0!important;
  top:calc(100% + 7px)!important;
  max-height:260px!important;
  overflow:auto!important;
  border:1px solid var(--line-strong,#2b4163)!important;
  border-radius:14px!important;
  background:var(--surface,#101d2f)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.45)!important;
  padding:6px!important;
  z-index:999999!important;
}
.ui-select.open .ui-select-list{display:grid!important;gap:4px!important;}
.ui-select-option,
.payment-modal-form-v9 .ui-select-option,
.accounts-toolbar-v13 .ui-select-option,
.system-modal .ui-select-option,
.page-size-form-v55 .ui-select-option{
  width:100%!important;
  min-height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--text,#eaf3ff)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:right!important;
  font-family:var(--font,'Tajawal',system-ui)!important;
  font-size:14px!important;
  font-weight:900!important;
  padding:9px 12px!important;
  cursor:pointer!important;
}
.ui-select-option:hover,.ui-select-option.active{background:var(--brand-soft,rgba(51,141,244,.16))!important;color:var(--brand,#338df4)!important;}
.ui-select.drop-up .ui-select-list{top:auto!important;bottom:calc(100% + 7px)!important;}
html[data-theme="light"] .ui-select-button{background:#fff!important;color:#172033!important;border-color:#cbd8e9!important;}
html[data-theme="light"] .ui-select-list{background:#fff!important;border-color:#cbd8e9!important;}
html[data-theme="light"] .ui-select-option{color:#172033!important;}
html[data-theme="light"] .ui-select-arrow{color:#172033!important;background:rgba(51,141,244,.10)!important;}
#tab-upgrade-v15:checked ~ .account-tab-labels-v9 label[for="tab-upgrade-v15"]{background:var(--brand,#338df4);border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(51,141,244,.16)}
#tab-upgrade-v15:checked ~ .account-upgrade-pane-v15{display:block}
.account-section-title-v15{display:grid;gap:5px;margin-bottom:14px}.account-section-title-v15 h3{margin:0;font-size:24px}.account-section-title-v15 p{margin:0;color:var(--muted);font-weight:700}.current-plan-v15{max-width:520px}


/* v16: clean select chevron - no boxed/weird icon */
.ui-select-arrow,
.payment-modal-form-v9 .ui-select-arrow,
.accounts-toolbar-v13 .ui-select-arrow,
.system-modal .ui-select-arrow,
.page-size-form-v55 .ui-select-arrow{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--muted,#9fb0c7)!important;
  display:inline-block!important;
  position:relative!important;
  margin:0!important;
  padding:0!important;
  font-size:0!important;
  line-height:0!important;
  transform:none!important;
  opacity:1!important;
}
.ui-select-arrow::before,
.payment-modal-form-v9 .ui-select-arrow::before,
.accounts-toolbar-v13 .ui-select-arrow::before,
.system-modal .ui-select-arrow::before,
.page-size-form-v55 .ui-select-arrow::before{
  content:"";
  position:absolute;
  left:4px;
  top:5px;
  width:8px;
  height:8px;
  border:0 solid currentColor;
  border-left-width:2px;
  border-bottom-width:2px;
  transform:rotate(-45deg);
  border-radius:1px;
}
.ui-select-button:hover .ui-select-arrow,
.ui-select.open .ui-select-arrow{color:var(--text,#eaf3ff)!important;}
html[data-theme="light"] .ui-select-arrow{color:#475569!important;}
html[data-theme="light"] .ui-select-button:hover .ui-select-arrow,
html[data-theme="light"] .ui-select.open .ui-select-arrow{color:#172033!important;}
.native-select-v9{background-image:none!important;}

/* ===== v17: requested only - remove accounts page accidental scroll + separate landing sections ===== */
.account-page-v9,
.account-page-v9 *{
    min-width:0;
}
.account-page-v9{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}
.account-page-v9 .page-head,
.account-tabs-v9,
.account-tab-pane-v9,
.account-overview-pane-v9,
.account-transfer-pane-v9,
.account-plans-pane-v9,
.account-upgrade-pane-v15,
.account-history-pane-v9{
    max-width:100%;
    overflow-x:hidden;
}
.account-overview-grid-v9{
    grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)) !important;
}
.account-main-card-v9,
.mini-card-v9,
.transfer-card-v9,
.summary-card-v9,
.upgrade-card-v9,
.account-tab-labels-v9 label{
    min-width:0;
    overflow-wrap:anywhere;
}
.account-kpi-row-v9,
.transfer-mini-grid-v9{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.transfer-mini-grid-v9{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
@supports selector(body:has(.account-page-v9)){
    body:has(.account-page-v9),
    .app-shell:has(.account-page-v9),
    .page-content:has(.account-page-v9){
        overflow-x:hidden !important;
    }
    .page-content:has(.account-page-v9){
        max-width:100%;
    }
}

.public62-hero{margin-bottom:24px !important;}
.public62-features{margin:24px 0 28px !important;}
.public62-how{margin:28px 0 30px !important;}
.public62-plans{margin-top:30px !important;}
.public62-how + .public62-plans{margin-top:32px !important;}
@media(max-width:620px){
    .public62-hero{margin-bottom:16px !important;}
    .public62-features{margin:16px 0 18px !important;}
    .public62-how{margin:18px 0 20px !important;}
    .public62-plans{margin-top:20px !important;}
}


/* WE add-ons v18 */
.account-we-addons-pane-v18 .account-section-title-v15{margin-bottom:18px}
.we-addon-form-v18{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,2fr) auto;gap:14px;align-items:end;margin-bottom:22px}
.we-addon-form-v18 label{display:grid;gap:8px;color:var(--muted);font-weight:800}
.we-addon-form-v18 .btn{height:48px;white-space:nowrap}
.addon-history-v18{margin-top:18px}
.status.muted{background:rgba(148,163,184,.12);color:#cbd5e1}
@media(max-width:900px){.we-addon-form-v18{grid-template-columns:1fr}.we-addon-form-v18 .btn{width:100%}}


/* v20: WE add-ons belong to line actions only */
.we-addon-line-card-v20{max-width:980px;overflow:hidden}.we-addon-line-summary-v20{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(37,99,235,.10)}.we-addon-line-summary-v20 div{border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:12px;background:rgba(15,23,42,.35)}.we-addon-line-summary-v20 small{display:block;color:var(--muted);font-weight:800;margin-bottom:6px}.we-addon-line-summary-v20 strong{color:var(--text);font-size:16px}.we-addon-help-v20{color:var(--muted);margin:0 0 14px;font-weight:700}.we-addon-tabs-v20{display:flex;justify-content:center;gap:0;margin:14px auto 20px;border:1px solid rgba(126,34,206,.45);border-radius:12px;overflow:hidden;width:min(520px,100%)}.we-addon-tabs-v20 button{flex:1;border:0;background:transparent;color:var(--muted);padding:12px 14px;font-weight:900;font-family:inherit;cursor:pointer}.we-addon-tabs-v20 button.active{background:#7e228e;color:#fff}.we-addon-cards-v20{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-height:58vh;overflow:auto;padding:4px}.we-addon-offer-card-v20{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;min-height:230px;padding:22px 16px;border:1px solid rgba(126,34,206,.55);border-radius:18px;background:rgba(15,23,42,.55);text-align:center}.we-addon-offer-card-v20 h3{font-size:19px;line-height:1.6;margin:16px 0 4px;color:var(--text)}.we-addon-offer-card-v20 strong{font-size:22px;color:#38bdf8}.we-addon-offer-card-v20 small{color:var(--muted);font-weight:800}.we-addon-offer-badge-v20{position:absolute;top:12px;inset-inline-end:12px;background:rgba(126,34,206,.95);color:#fff;border-radius:999px;padding:6px 12px;font-weight:900;font-size:12px}.we-addon-offer-card-v20[hidden]{display:none!important}.action-item.we-addon-action .action-icon{color:#f59e0b}.account-we-addons-pane-v18{display:none!important}@media(max-width:900px){.we-addon-line-summary-v20{grid-template-columns:1fr}.we-addon-cards-v20{grid-template-columns:1fr;max-height:62vh}.we-addon-line-card-v20{width:calc(100vw - 24px)}}

/* ===== v21 WE add-ons line modal: clean cards, no horizontal overflow ===== */
.we-addon-line-card-v21{
    width:min(1080px, calc(100vw - 28px));
    max-width:min(1080px, calc(100vw - 28px));
    max-height:calc(100vh - 36px);
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:34px 34px 28px!important;
}
.we-addon-line-modal .system-modal-card,
.we-addon-line-modal .system-modal-card *{box-sizing:border-box;}
.we-addon-head-v21{text-align:start;margin-bottom:20px;padding-inline-end:54px;}
.we-addon-head-v21 h2{margin:6px 0 8px;font-size:clamp(28px,4vw,44px);line-height:1.25;color:var(--text);letter-spacing:-.03em;}
.we-addon-head-v21 p{margin:0;color:var(--muted);font-weight:800;font-size:16px;line-height:1.8;}
.we-addon-line-summary-v21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 22px;padding:16px;border:1px solid rgba(59,130,246,.24);border-radius:22px;background:rgba(37,99,235,.10);}
.we-addon-summary-item-v21{min-width:0;border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:16px 18px;background:rgba(15,23,42,.45);}
.we-addon-summary-item-v21 span{display:block;color:var(--muted);font-size:13px;font-weight:900;margin-bottom:7px;}
.we-addon-summary-item-v21 strong{display:block;color:var(--text);font-size:18px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.we-addon-tabs-v21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px auto 22px;border:1px solid rgba(168,85,247,.45);border-radius:16px;overflow:hidden;max-width:720px;background:rgba(15,23,42,.30);}
.we-addon-tabs-v21 button{min-height:54px;border:0;border-inline-start:1px solid rgba(168,85,247,.20);background:transparent;color:var(--muted);font-family:inherit;font-size:15px;font-weight:1000;cursor:pointer;transition:.15s ease;}
.we-addon-tabs-v21 button:first-child{border-inline-start:0;}
.we-addon-tabs-v21 button.active{background:linear-gradient(135deg,#7e22ce,#a21caf);color:#fff;box-shadow:inset 0 -2px 0 rgba(255,255,255,.18);}
.we-addon-cards-v21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;max-height:none;overflow:visible;padding:0;margin:0;}
.we-addon-offer-card-v21{min-width:0;position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid rgba(168,85,247,.42);border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(15,23,42,.54));text-align:start;box-shadow:0 14px 30px rgba(2,6,23,.16);}
.we-addon-card-top-v21{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.we-addon-icon-v21{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:rgba(168,85,247,.18);color:#d8b4fe;font-size:18px;}
.we-addon-badge-v21{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 11px;background:rgba(168,85,247,.20);color:#e9d5ff;font-weight:1000;font-size:12px;white-space:nowrap;}
.we-addon-offer-card-v21 h3{min-height:58px;margin:0;color:var(--text);font-size:17px!important;line-height:1.55!important;font-weight:1000;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.we-addon-price-v21{color:#38bdf8;font-weight:1000;font-size:27px;line-height:1.15;letter-spacing:-.02em;}
.we-addon-price-v21 small{font-size:14px;color:#7dd3fc;font-weight:900;}
.we-addon-offer-card-v21 p{min-height:24px;margin:0;color:var(--muted);font-size:13px;font-weight:900;line-height:1.6;}
.we-addon-offer-card-v21 .btn{width:100%;margin-top:auto;min-height:46px;border-radius:14px;font-weight:1000;}
.we-addon-offer-card-v21[hidden]{display:none!important;}
.we-addon-note-v21{margin-top:18px;padding:14px 16px;border:1px solid rgba(168,85,247,.22);border-radius:16px;background:rgba(168,85,247,.10);color:var(--muted);font-weight:800;line-height:1.8;}
.we-addon-note-v21 strong{color:var(--text);margin-inline-end:6px;}
.account-we-addons-pane-v18{display:none!important;}
@media(max-width:980px){
    .we-addon-line-card-v21{padding:26px 18px!important;}
    .we-addon-line-summary-v21{grid-template-columns:1fr;}
    .we-addon-cards-v21{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
    .we-addon-line-card-v21{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:22px 14px!important;}
    .we-addon-tabs-v21{grid-template-columns:1fr;}
    .we-addon-tabs-v21 button{border-inline-start:0;border-top:1px solid rgba(168,85,247,.18);}
    .we-addon-tabs-v21 button:first-child{border-top:0;}
    .we-addon-cards-v21{grid-template-columns:1fr;}
    .we-addon-head-v21 h2{font-size:28px;}
}

/* v22 - professional WE add-ons modal inside line actions */
.we-addon-line-modal .system-modal-card.we-addon-line-card-v22{
    width:min(1180px,calc(100vw - 34px))!important;
    max-width:1180px!important;
    max-height:calc(100vh - 34px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:30px 34px 24px!important;
    border-radius:26px!important;
}
.we-addon-head-v22{padding-inline-end:56px!important;margin-bottom:16px!important}
.we-addon-head-v22 h2{font-size:clamp(30px,3.1vw,44px)!important;margin:4px 0 6px!important;line-height:1.18!important}
.we-addon-head-v22 p{font-size:15px!important;line-height:1.7!important;max-width:850px!important}
.we-addon-line-summary-v22{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    margin:14px 0 18px!important;
    padding:14px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(126,34,206,.08))!important;
}
.we-addon-line-summary-v22 .we-addon-summary-item-v21{padding:14px 16px!important;border-radius:16px!important}
.we-addon-line-summary-v22 .we-addon-summary-item-v21 span{font-size:12px!important;margin-bottom:5px!important}
.we-addon-line-summary-v22 .we-addon-summary-item-v21 strong{font-size:17px!important}
.we-addon-tabs-v22{
    max-width:520px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin:0 auto 18px!important;
    border-radius:15px!important;
}
.we-addon-tabs-v22 button{
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    font-size:15px!important;
}
.we-addon-tabs-v22 button small{
    display:inline-grid!important;
    place-items:center!important;
    min-width:24px!important;
    height:24px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    font-size:12px!important;
    color:inherit!important;
    background:rgba(255,255,255,.14)!important;
}
.we-addon-section-title-v22{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 14px;
    padding:0 4px;
    color:var(--text);
    font-weight:1000;
}
.we-addon-section-title-v22 span{display:flex;align-items:center;gap:8px;font-size:17px}
.we-addon-section-title-v22 span:before{content:'';width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#7e22ce,#c026d3);box-shadow:0 0 0 6px rgba(168,85,247,.12)}
.we-addon-section-title-v22 b{font-size:13px;color:var(--muted);background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:5px 11px}
.we-addon-cards-v22{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
    overflow:visible!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
}
.we-addon-offer-card-v22{
    min-height:218px!important;
    padding:15px!important;
    border-radius:18px!important;
    gap:8px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(15,23,42,.50))!important;
    border-color:rgba(168,85,247,.36)!important;
    box-shadow:0 10px 24px rgba(2,6,23,.13)!important;
}
.we-addon-offer-card-v22:hover{border-color:rgba(192,132,252,.72)!important;transform:translateY(-2px);transition:.16s ease}
.we-addon-offer-card-v22 .we-addon-card-top-v21{min-height:34px!important}
.we-addon-offer-card-v22 .we-addon-icon-v21{width:34px!important;height:34px!important;border-radius:12px!important;font-size:16px!important;background:rgba(168,85,247,.16)!important}
.we-addon-offer-card-v22 .we-addon-badge-v21{font-size:11px!important;padding:5px 9px!important}
.we-addon-offer-card-v22 h3{
    min-height:50px!important;
    font-size:15px!important;
    line-height:1.45!important;
    margin:2px 0 0!important;
    text-align:center!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
}
.we-addon-card-meta-v22{font-size:12px;color:var(--muted);font-weight:900;text-align:center;margin-top:-2px}
.we-addon-offer-card-v22 .we-addon-price-v21{text-align:center!important;font-size:22px!important;margin-top:2px!important}
.we-addon-offer-card-v22 .we-addon-price-v21 small{display:inline!important;font-size:12px!important;margin-inline-start:3px!important}
.we-addon-offer-card-v22 p{min-height:auto!important;text-align:center!important;font-size:12px!important;line-height:1.4!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.we-addon-offer-card-v22 .btn{height:40px!important;min-height:40px!important;border-radius:12px!important;font-size:13px!important;padding:0 14px!important;margin-top:auto!important}
.we-addon-empty-v22{padding:18px;border:1px dashed var(--line-strong);border-radius:16px;color:var(--muted);text-align:center;font-weight:800;background:rgba(148,163,184,.08)}
.we-addon-note-v22{margin-top:16px!important;padding:12px 14px!important;border-radius:14px!important;font-size:13px!important;line-height:1.7!important}
.we-addon-note-v22 span{font-size:13px!important}
@media (min-width:1060px){
    .we-addon-cards-v22{grid-template-columns:repeat(5,minmax(0,1fr))!important}
    .we-addon-offer-card-v22[data-addon-kind="recurring"]{grid-column:auto!important}
}
@media (max-width:900px){
    .we-addon-line-modal .system-modal-card.we-addon-line-card-v22{padding:24px 18px 20px!important;width:calc(100vw - 18px)!important}
    .we-addon-line-summary-v22{grid-template-columns:1fr!important}
    .we-addon-cards-v22{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .we-addon-head-v22{padding-inline-end:48px!important}
}
@media (max-width:560px){
    .we-addon-head-v22 h2{font-size:27px!important}
    .we-addon-head-v22 p{font-size:13px!important}
    .we-addon-tabs-v22{grid-template-columns:1fr!important}
    .we-addon-cards-v22{grid-template-columns:1fr!important}
    .we-addon-section-title-v22{align-items:flex-start;flex-direction:column}
}

/* v23 - professional WE add-on packages modal */
.we-addon-line-modal .system-modal-card.we-addon-line-card-v23{
    width:min(1120px,calc(100vw - 32px))!important;
    max-width:1120px!important;
    max-height:calc(100vh - 28px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:28px 32px 22px!important;
    border-radius:28px!important;
}
.we-addon-head-v23{margin-bottom:14px!important;padding-inline-end:56px!important}
.we-addon-head-v23 h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.15!important;margin:3px 0 8px!important}
.we-addon-head-v23 p{max-width:860px!important;font-size:14px!important;line-height:1.7!important;margin:0!important}
.we-addon-line-summary-v23{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    padding:12px!important;
    margin:14px 0 18px!important;
    border-radius:22px!important;
}
.we-addon-line-summary-v23 .we-addon-summary-item-v21{
    min-width:0!important;
    min-height:82px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    text-align:center!important;
}
.we-addon-line-summary-v23 .we-addon-summary-item-v21 strong{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.we-addon-section-v23{margin-top:16px!important}
.we-addon-section-title-v23{
    margin:0 0 12px!important;
    padding:0 4px!important;
}
.we-addon-cards-v23{
    display:grid!important;
    gap:12px!important;
    overflow:visible!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
}
.we-addon-cards-v23.one-time-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.we-addon-cards-v23.recurring-grid{
    grid-template-columns:repeat(3,minmax(0,220px))!important;
    justify-content:center!important;
}
.we-addon-offer-card-v23{
    min-width:0!important;
    min-height:202px!important;
    padding:14px!important;
    gap:7px!important;
    border-radius:18px!important;
    text-align:center!important;
}
.we-addon-offer-card-v23 .we-addon-card-top-v21{min-height:31px!important}
.we-addon-offer-card-v23 .we-addon-icon-v21{width:32px!important;height:32px!important;border-radius:12px!important;font-size:15px!important}
.we-addon-offer-card-v23 .we-addon-badge-v21{font-size:10px!important;padding:5px 8px!important}
.we-addon-offer-card-v23 h3{
    min-height:44px!important;
    max-height:44px!important;
    font-size:14px!important;
    line-height:1.45!important;
    margin:0!important;
    text-align:center!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
}
.we-addon-offer-card-v23 .we-addon-card-meta-v22{font-size:12px!important;margin:0!important}
.we-addon-offer-card-v23 .we-addon-price-v21{font-size:21px!important;margin:0!important;line-height:1.15!important;text-align:center!important}
.we-addon-offer-card-v23 .we-addon-price-v21 small{font-size:12px!important}
.we-addon-offer-card-v23 p{font-size:11px!important;line-height:1.35!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.we-addon-offer-card-v23 .btn{height:38px!important;min-height:38px!important;border-radius:12px!important;font-size:12px!important;padding:0 12px!important;margin-top:auto!important}
.we-addon-note-v23{margin-top:16px!important;font-size:12px!important;line-height:1.65!important}
.recurring-section-v23{padding-top:14px!important;border-top:1px solid rgba(148,163,184,.12)!important}
@media (max-width:1100px){
    .we-addon-cards-v23.one-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    .we-addon-cards-v23.recurring-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
    .we-addon-line-modal .system-modal-card.we-addon-line-card-v23{
        width:calc(100vw - 14px)!important;
        max-height:calc(100vh - 14px)!important;
        padding:20px 14px 16px!important;
        border-radius:22px!important;
    }
    .we-addon-head-v23{padding-inline-end:44px!important;text-align:start!important}
    .we-addon-head-v23 h2{font-size:25px!important}
    .we-addon-head-v23 p{font-size:12px!important}
    .we-addon-line-summary-v23{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important}
    .we-addon-line-summary-v23 .we-addon-summary-item-v21{min-height:64px!important;padding:10px!important}
    .we-addon-cards-v23.one-time-grid,
    .we-addon-cards-v23.recurring-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .we-addon-section-title-v23{align-items:center!important;flex-direction:row!important}
    .we-addon-offer-card-v23{min-height:184px!important;padding:12px!important}
    .we-addon-offer-card-v23 h3{font-size:13px!important;min-height:39px!important;max-height:39px!important}
    .we-addon-offer-card-v23 .we-addon-price-v21{font-size:19px!important}
}
@media (max-width:430px){
    .we-addon-cards-v23.one-time-grid,
    .we-addon-cards-v23.recurring-grid{grid-template-columns:1fr!important}
    .we-addon-offer-card-v23{min-height:172px!important}
}

/* v25 - WE addons modal: WE-like grouped view, no desktop/mobile double sections */
.we-addon-we-style-modal .we-addon-we-card{
    width:min(1080px,calc(100vw - 34px))!important;
    max-height:calc(100vh - 38px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:28px!important;
    border-radius:28px!important;
}
.we-addon-we-head{padding-inline-end:54px;margin-bottom:16px}.we-addon-we-head h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:4px 0 8px}.we-addon-we-head p{margin:0;color:var(--muted);font-weight:800;line-height:1.7;max-width:820px}
.we-addon-we-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border-radius:20px;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(126,34,206,.10));border:1px solid rgba(59,130,246,.25);margin-bottom:18px}
.we-addon-we-summary>div{min-width:0;padding:14px 16px;border-radius:16px;background:rgba(2,8,23,.22);border:1px solid rgba(148,163,184,.14)}
.we-addon-we-summary span{display:block;color:var(--muted);font-weight:900;font-size:12px;margin-bottom:6px}.we-addon-we-summary strong{display:block;color:var(--text);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.we-addon-we-switch{display:grid;grid-template-columns:1fr 1fr;width:min(520px,100%);margin:18px auto 18px;border:1px solid rgba(168,85,247,.6);border-radius:15px;overflow:hidden;background:rgba(15,23,42,.55)}
.we-addon-we-switch button{height:48px;border:0;background:transparent;color:var(--muted);font-family:inherit;font-weight:950;font-size:15px;cursor:pointer}.we-addon-we-switch button.active{background:linear-gradient(135deg,#7e22ce,#c026d3);color:#fff}
.we-addon-we-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.we-addon-we-section-title span{font-weight:950;font-size:17px;display:flex;align-items:center;gap:8px}.we-addon-we-section-title span:before{content:'';width:9px;height:9px;border-radius:50%;background:#a21caf;box-shadow:0 0 0 6px rgba(168,85,247,.14)}.we-addon-we-section-title b{font-size:12px;color:var(--muted);border:1px solid rgba(148,163,184,.18);background:rgba(148,163,184,.10);border-radius:999px;padding:5px 10px}
.we-addon-we-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}.we-addon-we-offer{min-width:0;min-height:190px;padding:14px;border:1px solid rgba(168,85,247,.45);border-radius:18px;background:rgba(15,23,42,.62);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.we-addon-we-pill{align-self:flex-start;background:rgba(126,34,206,.72);color:#fff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:950}.we-addon-we-pill.recurring{background:rgba(59,130,246,.28)}.we-addon-we-offer h3{font-size:15px;line-height:1.45;margin:4px 0 0;color:var(--text);font-weight:950;min-height:44px;max-height:44px;overflow:hidden}.we-addon-we-offer small{color:var(--muted);font-weight:900}.we-addon-we-offer strong{font-size:22px;color:#38bdf8;line-height:1.1;margin-top:2px}.we-addon-we-offer strong em{font-style:normal;font-size:12px;color:var(--text);display:block;margin-top:2px}.we-addon-we-offer .btn{margin-top:auto;width:100%;height:40px;border-radius:12px;font-size:13px}.we-addon-we-note{margin-top:16px;border:1px solid rgba(168,85,247,.24);background:rgba(126,34,206,.14);border-radius:14px;padding:11px 13px;color:var(--muted);font-weight:800;font-size:12px;line-height:1.7}.we-addon-we-note strong{color:var(--text);margin-inline-end:4px}
@media (max-width:1100px){.we-addon-we-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.we-addon-we-style-modal .we-addon-we-card{width:calc(100vw - 18px)!important;padding:18px 14px!important;border-radius:22px!important}.we-addon-we-head{padding-inline-end:44px}.we-addon-we-head h2{font-size:25px}.we-addon-we-head p{font-size:12px}.we-addon-we-summary{grid-template-columns:1fr;gap:8px;padding:10px}.we-addon-we-summary>div{padding:10px 12px}.we-addon-we-switch{margin:14px 0}.we-addon-we-switch button{height:44px;font-size:13px}.we-addon-we-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.we-addon-we-offer{min-height:168px;padding:11px}.we-addon-we-offer h3{font-size:13px;min-height:38px;max-height:38px}.we-addon-we-offer strong{font-size:19px}.we-addon-we-section-title{align-items:center}.we-addon-we-note{font-size:11px}}
@media (max-width:430px){.we-addon-we-grid{grid-template-columns:1fr}.we-addon-we-offer{min-height:150px}.we-addon-we-summary strong{font-size:15px}}

/* v26 - strict WE add-ons modal sections + hide row actions behind modal */
.system-modal.open{z-index:2147483000!important;}
.system-modal.open .system-modal-backdrop{z-index:1!important;}
.system-modal.open .system-modal-card{z-index:2!important;position:relative!important;}
body.modal-open .actions-list.open,
body.modal-open [data-action-panel].open,
body.modal-open .account-actions-menu.open,
body.modal-open .account-actions-menu.is-fixed{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.we-addon-we-style-modal .we-addon-we-card{width:min(1060px,calc(100vw - 28px))!important;max-width:1060px!important;max-height:calc(100vh - 28px)!important;margin:auto!important;}
.we-addon-we-pack-section[hidden]{display:none!important;}
.we-addon-we-pack-section{display:block!important;}
.we-addon-we-grid.one-time-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.we-addon-we-grid.recurring-grid{grid-template-columns:repeat(3,minmax(0,210px))!important;justify-content:center!important;}
.we-addon-we-offer[hidden]{display:none!important;}
.we-addon-we-style-modal .we-addon-we-switch{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
@media(max-width:1100px){
  .we-addon-we-grid.one-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .we-addon-we-grid.recurring-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  .we-addon-we-style-modal .we-addon-we-card{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;margin:auto!important;}
  .we-addon-we-grid.one-time-grid,.we-addon-we-grid.recurring-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:430px){
  .we-addon-we-grid.one-time-grid,.we-addon-we-grid.recurring-grid{grid-template-columns:1fr!important;}
}

/* v27 - tenant activity: translated WE addons + separated filters */
.activity-filter-v9 form{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) 96px auto!important;
  gap:16px!important;
  align-items:end!important;
}
.activity-filter-field-v27{
  min-width:0;
  padding:10px!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:rgba(15,23,42,.28)!important;
}
.activity-filter-field-v27 label{display:grid!important;gap:8px!important;margin:0!important}
.activity-filter-field-v27 label span{font-size:12px!important;color:var(--muted)!important;font-weight:900!important}
.activity-filter-field-v27 select.native-select-v9{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  border-radius:13px!important;
  background-color:var(--surface-2)!important;
  color:var(--text)!important;
  border:1px solid var(--line-strong)!important;
  font-family:var(--font)!important;
  font-weight:900!important;
  font-size:14px!important;
  padding-inline:16px 42px!important;
}
.activity-row-v9.category-we_addons .activity-icon-v9{background:rgba(251,191,36,.14)!important;color:#fbbf24!important}
.activity-row-v9.category-we_addons .activity-top-v9 span{color:#fbbf24!important}
.activity-row-v9 .activity-copy-v9 h3{letter-spacing:0!important}
.activity-row-v9 .activity-copy-v9 p{color:var(--text)!important;background:rgba(2,8,23,.18)!important}
@media(max-width:980px){
  .activity-filter-v9 form{grid-template-columns:1fr!important;gap:12px!important}
  .activity-filter-field-v27{padding:8px!important}
}

/* v28: activity/audit filters final UI fixes */
.activity-filter-v28,
.audit-filter-v28{
  padding:18px!important;
  overflow:visible!important;
  position:relative!important;
  z-index:5!important;
}
.activity-filter-grid-v28,
.audit-filter-grid-v28{
  display:grid!important;
  align-items:end!important;
  gap:16px!important;
  margin:0!important;
}
.activity-filter-grid-v28{
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto!important;
}
.audit-filter-grid-v28{
  grid-template-columns:minmax(280px,1fr) 210px 260px 88px!important;
}
.activity-filter-field-v27,
.activity-filter-field-v27 label{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}
.activity-filter-field-v27 span,
.audit-filter-v28 label,
.activity-filter-v28 label span{
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:800!important;
}
.activity-filter-actions-v28{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  align-self:end!important;
}
.activity-filter-actions-v28 .btn,
.audit-search-btn-v28{
  min-width:88px!important;
  height:46px!important;
  padding:0 18px!important;
}
.native-select-v9,
.clean-native-select-v28,
.activity-filter-v28 select,
.audit-filter-v28 select{
  height:46px!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
  background-color:var(--surface-2)!important;
  color:var(--text)!important;
  border:1px solid var(--line-strong)!important;
  border-radius:12px!important;
  padding-inline:14px 34px!important;
  font-family:var(--font)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:46px!important;
  box-shadow:none!important;
}
.native-select-v9:focus,
.clean-native-select-v28:focus,
.activity-filter-v28 select:focus,
.audit-filter-v28 select:focus{
  border-color:var(--brand)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)!important;
}
.native-select-v9 option,
.clean-native-select-v28 option,
.activity-filter-v28 select option,
.audit-filter-v28 select option{
  background:#0f1d30!important;
  color:#fff!important;
  font-family:var(--font)!important;
  font-size:14px!important;
  font-weight:700!important;
  padding:10px 12px!important;
}
.activity-list-panel-v9{
  margin-top:16px!important;
  position:relative!important;
  z-index:1!important;
}
.activity-row-v9{
  margin-bottom:12px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.activity-row-v9:last-child{margin-bottom:0!important;}
.audit-table-panel{
  margin-top:14px!important;
  overflow:hidden!important;
}
.audit-table-v28{
  table-layout:fixed!important;
  min-width:1120px!important;
}
.audit-table-v28 th,
.audit-table-v28 td{
  vertical-align:top!important;
  line-height:1.7!important;
}
.audit-table-v28 th:nth-child(1),.audit-table-v28 td:nth-child(1){width:140px!important;white-space:nowrap!important;}
.audit-table-v28 th:nth-child(2),.audit-table-v28 td:nth-child(2){width:150px!important;}
.audit-table-v28 th:nth-child(3),.audit-table-v28 td:nth-child(3){width:210px!important;}
.audit-table-v28 th:nth-child(4),.audit-table-v28 td:nth-child(4){width:360px!important;white-space:normal!important;word-break:break-word!important;}
.audit-table-v28 th:nth-child(5),.audit-table-v28 td:nth-child(5){width:180px!important;}
.audit-table-v28 th:nth-child(6),.audit-table-v28 td:nth-child(6){width:130px!important;}
.audit-table-v28 th:nth-child(7),.audit-table-v28 td:nth-child(7){width:130px!important;white-space:nowrap!important;}
.audit-details-cell{
  color:var(--muted)!important;
  font-size:13px!important;
}
.admin-audit-page .table-responsive{
  border-radius:0 0 var(--radius) var(--radius)!important;
}
.admin-audit-page .status.audit-category{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
@media(max-width:1100px){
  .audit-filter-grid-v28{grid-template-columns:1fr 190px 220px 88px!important;gap:10px!important;}
}
@media(max-width:760px){
  .activity-filter-grid-v28,
  .audit-filter-grid-v28{grid-template-columns:1fr!important;gap:12px!important;}
  .activity-filter-actions-v28{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .activity-filter-actions-v28 .btn,
  .audit-search-btn-v28{width:100%!important;}
  .activity-filter-v28,
  .audit-filter-v28{padding:14px!important;}
  .activity-list-panel-v9{margin-top:14px!important;}
  .native-select-v9,
  .clean-native-select-v28,
  .activity-filter-v28 select,
  .audit-filter-v28 select{height:48px!important;line-height:48px!important;font-size:14px!important;}
}

/* ===== v29: compact filters + real bounded custom select dropdowns ===== */
.activity-filter-v28,
.audit-filter-v28{
  padding:12px!important;
  overflow:visible!important;
  border-radius:18px!important;
  position:relative!important;
  z-index:30!important;
}
.activity-filter-grid-v28,
.audit-filter-grid-v28{
  display:grid!important;
  align-items:end!important;
  gap:10px!important;
  max-width:none!important;
  margin:0!important;
}
.activity-filter-grid-v28{
  grid-template-columns:minmax(240px,1fr) minmax(240px,1fr) 92px!important;
}
.audit-filter-grid-v28{
  grid-template-columns:minmax(260px,1fr) 190px 210px 86px!important;
}
.activity-filter-field-v27{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  min-width:0!important;
}
.activity-filter-field-v27 label,
.activity-filter-v28 label{
  margin:0!important;
  display:grid!important;
  gap:6px!important;
}
.activity-filter-field-v27 label span,
.audit-filter-v28 label,
.activity-filter-v28 label span{
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
.audit-filter-v28 input,
.audit-filter-v28 select,
.audit-filter-v28 .ui-select-button,
.activity-filter-v28 select,
.activity-filter-v28 .ui-select-button{
  height:42px!important;
  min-height:42px!important;
  border-radius:12px!important;
  border:1px solid var(--line-strong,#2b4163)!important;
  background:var(--surface-2,#101d2f)!important;
  color:var(--text,#eaf3ff)!important;
  font-family:var(--font,'Tajawal',system-ui)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:none!important;
}
.audit-filter-v28 input{
  padding:0 14px!important;
}
.activity-filter-v28 .ui-select,
.audit-filter-v28 .ui-select{
  width:100%!important;
  min-width:0!important;
  position:relative!important;
  z-index:1!important;
}
.activity-filter-v28 .ui-select.open,
.audit-filter-v28 .ui-select.open{
  z-index:1000000!important;
}
.activity-filter-v28 .ui-select-list,
.audit-filter-v28 .ui-select-list{
  max-height:220px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(148,163,184,.70) transparent!important;
  border-radius:13px!important;
  background:var(--surface,#0b1728)!important;
  border:1px solid var(--line-strong,#315174)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.50)!important;
  padding:6px!important;
  z-index:1000000!important;
}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar{
  width:7px!important;
}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar-track,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar-track{
  background:transparent!important;
}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar-thumb,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.55)!important;
  border-radius:99px!important;
}
.activity-filter-v28 .ui-select-option,
.audit-filter-v28 .ui-select-option{
  min-height:38px!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  font-family:var(--font,'Tajawal',system-ui)!important;
  font-size:14px!important;
  font-weight:900!important;
}
.activity-filter-actions-v28{display:flex!important;gap:8px!important;align-items:end!important;align-self:end!important}
.activity-filter-actions-v28 .btn,
.audit-search-btn-v28{
  height:42px!important;
  min-height:42px!important;
  min-width:86px!important;
  padding:0 16px!important;
  border-radius:12px!important;
}
.activity-list-panel-v9,
.audit-table-panel{
  margin-top:14px!important;
  position:relative!important;
  z-index:1!important;
}
.activity-list-v9{gap:14px!important}
.activity-row-v9{margin:0!important}
.audit-table-panel .table-responsive{overflow:auto!important}
.audit-table-v28{table-layout:fixed!important;min-width:1180px!important;width:100%!important}
.audit-table-v28 th,.audit-table-v28 td{padding:13px 14px!important;vertical-align:middle!important}
.audit-table-v28 th:nth-child(1),.audit-table-v28 td:nth-child(1){width:135px!important}
.audit-table-v28 th:nth-child(2),.audit-table-v28 td:nth-child(2){width:145px!important}
.audit-table-v28 th:nth-child(3),.audit-table-v28 td:nth-child(3){width:210px!important}
.audit-table-v28 th:nth-child(4),.audit-table-v28 td:nth-child(4){width:420px!important;white-space:normal!important;word-break:break-word!important}
.audit-table-v28 th:nth-child(5),.audit-table-v28 td:nth-child(5){width:180px!important}
.audit-table-v28 th:nth-child(6),.audit-table-v28 td:nth-child(6){width:130px!important}
.audit-table-v28 th:nth-child(7),.audit-table-v28 td:nth-child(7){width:130px!important}
@media(max-width:900px){
  .activity-filter-grid-v28,.audit-filter-grid-v28{grid-template-columns:1fr!important;gap:10px!important}
  .activity-filter-actions-v28{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .activity-filter-actions-v28 .btn,.audit-search-btn-v28{width:100%!important}
  .activity-filter-v28 .ui-select-list,.audit-filter-v28 .ui-select-list{max-height:200px!important}
}


/* ===== v30: radical desktop dropdown fix - no native-looking scrollbar ===== */
@media (min-width:901px){
  .activity-filter-v28 .ui-select-list,
  .audit-filter-v28 .ui-select-list{
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    display:none!important;
    grid-template-columns:repeat(2,minmax(170px,1fr))!important;
    gap:6px!important;
    padding:8px!important;
    border-radius:16px!important;
    background:var(--surface,#0b1728)!important;
    border:1px solid var(--line-strong,#315174)!important;
    box-shadow:0 22px 65px rgba(0,0,0,.55)!important;
  }
  .activity-filter-v28 .ui-select.open .ui-select-list,
  .audit-filter-v28 .ui-select.open .ui-select-list{
    display:grid!important;
  }
  .activity-filter-v28 .ui-select-list::-webkit-scrollbar,
  .audit-filter-v28 .ui-select-list::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
  .activity-filter-v28 .ui-select-list.needs-scroll-v30,
  .audit-filter-v28 .ui-select-list.needs-scroll-v30{
    max-height:min(70vh,520px)!important;
    overflow-y:auto!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(59,140,255,.65) rgba(15,31,51,.55)!important;
  }
  .activity-filter-v28 .ui-select-list.needs-scroll-v30::-webkit-scrollbar,
  .audit-filter-v28 .ui-select-list.needs-scroll-v30::-webkit-scrollbar{
    width:8px!important;
    display:block!important;
  }
  .activity-filter-v28 .ui-select-list.needs-scroll-v30::-webkit-scrollbar-track,
  .audit-filter-v28 .ui-select-list.needs-scroll-v30::-webkit-scrollbar-track{
    background:rgba(15,31,51,.55)!important;
    border-radius:99px!important;
  }
  .activity-filter-v28 .ui-select-list.needs-scroll-v30::-webkit-scrollbar-thumb,
  .audit-filter-v28 .ui-select-list.needs-scroll-v30::-webkit-scrollbar-thumb{
    background:rgba(59,140,255,.65)!important;
    border-radius:99px!important;
  }
  .activity-filter-v28 .ui-select-option,
  .audit-filter-v28 .ui-select-option{
    min-height:42px!important;
    justify-content:flex-start!important;
    white-space:nowrap!important;
  }
}
@media (max-width:900px){
  .activity-filter-v28 .ui-select-list,
  .audit-filter-v28 .ui-select-list{
    max-height:52vh!important;
    overflow-y:auto!important;
    scrollbar-color:rgba(59,140,255,.65) rgba(15,31,51,.55)!important;
  }
}


/* ===== v31: single-column stable dropdowns - no ugly desktop scrollbar/grid ===== */
.activity-filter-v28,
.audit-filter-v28{overflow:visible!important;}
.activity-filter-v28 .ui-select-list,
.audit-filter-v28 .ui-select-list{
  display:none!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  max-height:min(56vh,360px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(59,140,255,.75) rgba(12,24,40,.96)!important;
  background:var(--surface,#0b1728)!important;
  border:1px solid rgba(96,165,250,.38)!important;
  border-radius:16px!important;
  padding:8px!important;
  box-shadow:0 22px 65px rgba(0,0,0,.55)!important;
  z-index:2147483001!important;
}
.activity-filter-v28 .ui-select.open .ui-select-list,
.audit-filter-v28 .ui-select.open .ui-select-list{
  display:block!important;
}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar{width:8px!important;height:8px!important;display:block!important;}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar-track,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar-track{background:rgba(12,24,40,.96)!important;border-radius:99px!important;}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar-thumb,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar-thumb{background:rgba(59,140,255,.75)!important;border-radius:99px!important;}
.activity-filter-v28 .ui-select-option,
.audit-filter-v28 .ui-select-option{
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:right!important;
  padding:10px 14px!important;
  margin:0!important;
  border-radius:11px!important;
  white-space:nowrap!important;
  font-family:var(--font,'Tajawal',system-ui)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.4!important;
}
.activity-filter-v28 .ui-select-option + .ui-select-option,
.audit-filter-v28 .ui-select-option + .ui-select-option{margin-top:4px!important;}
@media(max-width:900px){
  .activity-filter-v28 .ui-select-list,
  .audit-filter-v28 .ui-select-list{max-height:50vh!important;}
}


/* ===== v32: final stable one-column select menus for activity/audit filters ===== */
.activity-filter-v28 .ui-select,
.audit-filter-v28 .ui-select{position:relative!important;overflow:visible!important;}
.activity-filter-v28 .ui-select-list,
.audit-filter-v28 .ui-select-list{
  display:none!important;
  grid-template-columns:1fr!important;
  background:#0f1f33!important;
  border:1px solid rgba(96,165,250,.42)!important;
  border-radius:16px!important;
  padding:8px!important;
  box-shadow:0 20px 55px rgba(0,0,0,.55)!important;
  max-height:320px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(59,140,255,.85) rgba(12,24,40,.96)!important;
  z-index:2147483647!important;
}
.activity-filter-v28 .ui-select.open .ui-select-list,
.audit-filter-v28 .ui-select.open .ui-select-list{display:block!important;}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar{width:8px!important;height:8px!important;display:block!important;}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar-track,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar-track{background:rgba(12,24,40,.96)!important;border-radius:999px!important;}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar-thumb,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar-thumb{background:rgba(59,140,255,.85)!important;border-radius:999px!important;}
.activity-filter-v28 .ui-select-option,
.audit-filter-v28 .ui-select-option{
  display:flex!important;
  width:100%!important;
  min-height:46px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:right!important;
  direction:rtl!important;
  padding:11px 14px!important;
  margin:0 0 4px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#f3f7ff!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.35!important;
  white-space:normal!important;
  cursor:pointer!important;
}
.activity-filter-v28 .ui-select-option:last-child,
.audit-filter-v28 .ui-select-option:last-child{margin-bottom:0!important;}
.activity-filter-v28 .ui-select-option:hover,
.activity-filter-v28 .ui-select-option.active,
.audit-filter-v28 .ui-select-option:hover,
.audit-filter-v28 .ui-select-option.active{background:#153a66!important;color:#3b8cff!important;}
.activity-filter-v28 .ui-select-button,
.audit-filter-v28 .ui-select-button{font-family:inherit!important;}

/* ===== v33: stable single-open dropdown fix + no overlapping menus ===== */
.activity-filter-v28,
.audit-filter-v28{position:relative!important;overflow:visible!important;z-index:50!important;}
.activity-filter-v28 .ui-select,
.audit-filter-v28 .ui-select{position:relative!important;overflow:visible!important;z-index:1!important;}
.activity-filter-v28 .ui-select.open,
.audit-filter-v28 .ui-select.open{z-index:2147483000!important;}
.activity-filter-v28 .ui-select-button,
.audit-filter-v28 .ui-select-button{position:relative!important;z-index:2!important;}
.activity-filter-v28 .ui-select-list,
.audit-filter-v28 .ui-select-list{
  position:absolute!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
  top:calc(100% + 8px)!important;
  bottom:auto!important;
  width:100%!important;
  min-width:100%!important;
  display:none!important;
  grid-template-columns:1fr!important;
  max-height:min(310px,48vh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding:8px!important;
  border-radius:16px!important;
  background:#0f1f33!important;
  border:1px solid rgba(96,165,250,.44)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.60)!important;
  z-index:2147483647!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(59,140,255,.85) rgba(12,24,40,.96)!important;
}
.activity-filter-v28 .ui-select.open .ui-select-list,
.audit-filter-v28 .ui-select.open .ui-select-list{display:block!important;}
.activity-filter-v28 .ui-select.drop-up .ui-select-list,
.audit-filter-v28 .ui-select.drop-up .ui-select-list{top:auto!important;bottom:calc(100% + 8px)!important;}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar{width:8px!important;height:8px!important;display:block!important;}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar-track,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar-track{background:rgba(12,24,40,.96)!important;border-radius:999px!important;}
.activity-filter-v28 .ui-select-list::-webkit-scrollbar-thumb,
.audit-filter-v28 .ui-select-list::-webkit-scrollbar-thumb{background:rgba(59,140,255,.85)!important;border-radius:999px!important;}
.activity-filter-v28 .ui-select-option,
.audit-filter-v28 .ui-select-option{
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:right!important;
  direction:rtl!important;
  padding:10px 14px!important;
  margin:0 0 4px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#f3f7ff!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.35!important;
  white-space:normal!important;
  cursor:pointer!important;
}
.activity-filter-v28 .ui-select-option:last-child,
.audit-filter-v28 .ui-select-option:last-child{margin-bottom:0!important;}
.activity-filter-v28 .ui-select-option:hover,
.activity-filter-v28 .ui-select-option.active,
.audit-filter-v28 .ui-select-option:hover,
.audit-filter-v28 .ui-select-option.active{background:#153a66!important;color:#3b8cff!important;}
.activity-filter-v28 .ui-select.ui-select-force-closed .ui-select-list,
.audit-filter-v28 .ui-select.ui-select-force-closed .ui-select-list{display:none!important;}





/* ===== v43 ACCOUNT + ACTIVITY ONLY, no topbar selectors ===== */
@media (max-width: 960px) {
  /* account page */
  body:has(.account-page-v9) {
    overflow-x: hidden !important;
  }
  body:has(.account-page-v9).app-shell,
  body:has(.account-page-v9) .app-shell {
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow-x: hidden !important;
  }
  body:has(.account-page-v9) .page-content,
  body:has(.account-page-v9) main.page-content,
  body:has(.account-page-v9) .product-content,
  body:has(.activity-page-v9) .page-content,
  body:has(.activity-filter-v28) .page-content,
  body:has(.activity-list-panel-v9) .page-content,
  body:has(.activity-page-v9) main.page-content,
  body:has(.activity-filter-v28) main.page-content,
  body:has(.activity-list-panel-v9) main.page-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 22px 14px 34px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .account-page-v9,
  .account-page-v9 *,
  .activity-page-v9,
  .activity-page-v9 *,
  .activity-filter-v28,
  .activity-filter-v28 *,
  .activity-list-panel-v9,
  .activity-list-panel-v9 * {
    box-sizing: border-box !important;
  }

  .account-page-v9,
  .account-v9-head,
  .page-head.account-v9-head,
  .account-code-tile-v9,
  .account-tabs-v9,
  .account-tabs-v9.panel,
  .account-tab-pane-v9,
  .account-overview-pane-v9,
  .account-transfer-pane-v9,
  .account-plans-pane-v9,
  .account-upgrade-pane-v15,
  .account-history-pane-v9,
  .activity-page-v9,
  .activity-head-v9,
  .page-head.activity-head-v9,
  .activity-filter-v28,
  .activity-filter-v9,
  .activity-list-panel-v9,
  .activity-list-v9,
  .activity-row-v9,
  .activity-copy-v9 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  .account-v9-head,
  .page-head.account-v9-head,
  .account-overview-grid-v9,
  .account-kpi-row-v9,
  .transfer-grid-v9,
  .transfer-mini-grid-v9,
  .upgrade-grid-v9,
  .payment-fields-grid-v9,
  .quote-box-v9,
  .activity-head-v9,
  .page-head.activity-head-v9,
  .activity-filter-grid-v28,
  .activity-filter-v9 form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .account-tabs-v9.panel,
  .account-tabs-v9,
  .activity-filter-v28,
  .activity-filter-v9,
  .activity-list-panel-v9 {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .account-tab-labels-v9 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .account-tab-labels-v9 label,
  .activity-filter-field-v27,
  .activity-filter-actions-v28,
  .activity-filter-actions-v28 .btn,
  .activity-filter-v9 .btn,
  .activity-filter-v28 .ui-select,
  .activity-filter-v28 .ui-select-button,
  .activity-filter-v28 select,
  .activity-filter-v9 select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .account-main-card-v9,
  .mini-card-v9,
  .transfer-card-v9,
  .summary-card-v9,
  .upgrade-card-v9,
  .current-plan-v15,
  .soft-notice-v9,
  .account-kpi-row-v9 > div,
  .transfer-mini-grid-v9 > div,
  .summary-card-v9 > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .account-v9-head h1,
  .account-v9-head p,
  .account-main-card-v9 h2,
  .mini-card-v9 strong,
  .account-kpi-row-v9 b,
  .transfer-mini-grid-v9 b,
  .summary-card-v9 strong,
  .upgrade-card-v9 strong,
  .activity-head-v9 h1,
  .activity-copy-v9 h3,
  .activity-copy-v9 p,
  .activity-meta-v9,
  .activity-meta-v9 span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.45 !important;
  }

  .activity-row-v9 {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .activity-top-v9,
  .activity-meta-v9 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .activity-filter-v28 .ui-select-list,
  .audit-filter-v28 .ui-select-list {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    z-index: 40 !important;
    max-height: 42vh !important;
  }
}


/* ===== v44 FIX ONLY: tenant account/activity/details, NO navbar/topbar selectors ===== */
@media (max-width: 960px) {
  body:has(.account-page-v9),
  body:has(.activity-page-v9),
  body:has(.line-detail-hero) {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  body:has(.account-page-v9).app-shell,
  body:has(.activity-page-v9).app-shell,
  body:has(.line-detail-hero).app-shell,
  body:has(.account-page-v9) .app-shell,
  body:has(.activity-page-v9) .app-shell,
  body:has(.line-detail-hero) .app-shell {
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow-x: hidden !important;
  }

  body:has(.account-page-v9) .page-content,
  body:has(.account-page-v9) main.page-content,
  body:has(.activity-page-v9) .page-content,
  body:has(.activity-page-v9) main.page-content,
  body:has(.line-detail-hero) .page-content,
  body:has(.line-detail-hero) main.page-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 18px 12px 34px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .account-page-v9,
  .activity-page-v9,
  .line-detail-hero,
  .line-detail-hero * {
    box-sizing: border-box !important;
  }

  .account-page-v9,
  .activity-page-v9,
  .line-detail-hero,
  .expanded-detail,
  .expanded-top-grid,
  .customer-data-box,
  .usage-spotlight.detail-usage,
  .line-info-grid.rich-info,
  .detail-stats,
  .pppoe-panel,
  .packages-section,
  .package-detail-grid,
  .dashboard-panels.detail-panels,
  .detail-panels .panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    overflow-x: hidden !important;
  }

  .expanded-top-grid,
  .line-info-grid.rich-info,
  .detail-stats,
  .package-detail-grid,
  .package-values,
  .dashboard-panels.detail-panels,
  .secret-grid,
  .info-tiles {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .line-detail-hero {
    padding: 16px 14px !important;
    border-radius: 22px !important;
  }

  .detail-heading {
    padding: 0 !important;
    min-width: 0 !important;
  }

  .detail-heading h1,
  .detail-heading p,
  .customer-data-box h3,
  .usage-spotlight h2,
  .package-card h3,
  .package-period,
  .sync-log b {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.45 !important;
  }

  .detail-actions {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .detail-actions .btn,
  .detail-actions form,
  .detail-actions button,
  .detail-actions .status {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .usage-spotlight.detail-usage {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    text-align: center !important;
    padding: 14px !important;
  }

  .line-info-grid.rich-info > div,
  .stats-grid.detail-stats > div,
  .info-tiles > div,
  .package-values > div,
  .secret-grid > div {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .table-panel,
  .history-panel,
  .table-responsive {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .data-table,
  .history-panel table {
    min-width: 640px !important;
  }

  /* account */
  .account-page-v9,
  .account-page-v9 * {
    box-sizing: border-box !important;
  }
  .account-page-v9,
  .account-v9-head,
  .account-code-tile-v9,
  .account-tabs-v9,
  .account-tab-pane-v9,
  .account-overview-pane-v9,
  .account-transfer-pane-v9,
  .account-plans-pane-v9,
  .account-upgrade-pane-v15,
  .account-history-pane-v9 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
  }
  .account-v9-head,
  .account-overview-grid-v9,
  .account-kpi-row-v9,
  .transfer-grid-v9,
  .transfer-mini-grid-v9,
  .upgrade-grid-v9,
  .payment-fields-grid-v9,
  .quote-box-v9 {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
  }
  .account-tabs-v9 { padding: 14px !important; border-radius: 22px !important; }
  .account-tab-labels-v9 {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
  }
  .account-tab-labels-v9 label,
  .account-main-card-v9,
  .mini-card-v9,
  .transfer-card-v9,
  .summary-card-v9,
  .upgrade-card-v9,
  .current-plan-v15,
  .soft-notice-v9,
  .account-kpi-row-v9 > div,
  .transfer-mini-grid-v9 > div,
  .summary-card-v9 > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow: hidden !important;
  }
  .account-v9-head h1,
  .account-v9-head p,
  .account-main-card-v9 h2,
  .mini-card-v9 strong,
  .account-kpi-row-v9 b,
  .transfer-mini-grid-v9 b,
  .summary-card-v9 strong,
  .upgrade-card-v9 strong {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.45 !important;
  }

  /* activity */
  .activity-page-v9,
  .activity-filter-v28,
  .activity-filter-v9,
  .activity-list-panel-v9,
  .activity-list-v9,
  .activity-row-v9,
  .activity-copy-v9 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  .activity-head-v9,
  .activity-filter-grid-v28,
  .activity-filter-v9 form,
  .activity-top-v9,
  .activity-meta-v9 {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }
  .activity-filter-v28,
  .activity-list-panel-v9 { padding: 14px !important; border-radius: 22px !important; }
  .activity-filter-field-v27,
  .activity-filter-actions-v28,
  .activity-filter-actions-v28 .btn,
  .activity-filter-v28 .ui-select,
  .activity-filter-v28 .ui-select-button,
  .activity-filter-v28 select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .activity-filter-v28 .ui-select-list {
    position: absolute !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    z-index: 35 !important;
  }
  .activity-row-v9 {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 14px !important;
  }
  .activity-copy-v9 h3,
  .activity-copy-v9 p,
  .activity-meta-v9,
  .activity-meta-v9 span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}


/* ===== v45 FIX ONLY: lines page + activity/sidebar + account overflow, NO topbar/navbar ===== */
@media (max-width: 960px) {
  /* common affected pages safety */
  body.tenant-lines-page,
  body.tenant-activity-page,
  body.tenant-account-page {
    overflow-x: hidden !important;
  }

  body.tenant-lines-page .page-content,
  body.tenant-lines-page main.page-content,
  body.tenant-lines-page .product-content,
  body.tenant-activity-page .page-content,
  body.tenant-activity-page main.page-content,
  body.tenant-account-page .page-content,
  body.tenant-account-page main.page-content,
  body.tenant-account-page .product-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* ===== Lines dashboard/page: compact cards ===== */
  body.tenant-lines-page .attention-summary-grid,
  body.tenant-lines-page .tenant-attention-grid,
  body.tenant-lines-page .dashboard-attention-grid,
  body.tenant-lines-page .admin-attention-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    overflow: visible !important;
  }

  body.tenant-lines-page .attention-summary-card {
    min-height: 96px !important;
    padding: 13px 14px !important;
    border-radius: 18px !important;
    display: grid !important;
    align-content: center !important;
    gap: 5px !important;
  }

  body.tenant-lines-page .attention-summary-card:last-child {
    grid-column: auto !important;
  }

  body.tenant-lines-page .attention-summary-card::after {
    width: 74px !important;
    height: 74px !important;
    left: -16px !important;
    right: auto !important;
    bottom: -22px !important;
  }

  body.tenant-lines-page .attention-summary-card small {
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  body.tenant-lines-page .attention-summary-card strong {
    font-size: 30px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  body.tenant-lines-page .attention-summary-card span {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body.tenant-lines-page .stats-grid.four,
  body.tenant-lines-page .ops-stats,
  body.tenant-lines-page .lines17-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.tenant-lines-page .ops-stats .stat-card,
  body.tenant-lines-page .stats-grid.four .stat-card,
  body.tenant-lines-page .lines17-stats .stat-card {
    min-height: 82px !important;
    padding: 11px 12px !important;
    border-radius: 16px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
  }

  body.tenant-lines-page .ops-stats .stat-card small,
  body.tenant-lines-page .stats-grid.four .stat-card small {
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.tenant-lines-page .ops-stats .stat-card strong,
  body.tenant-lines-page .stats-grid.four .stat-card strong {
    font-size: 27px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }

  body.tenant-lines-page .lines17-tabs {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 5px !important;
    overflow: visible !important;
  }

  body.tenant-lines-page .lines17-tabs a {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 8px 5px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.tenant-lines-page .lines17-tabs a b {
    margin: 0 !important;
    min-width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
  }

  body.tenant-lines-page .ops-toolbar-card,
  body.tenant-lines-page .line-follow-toolbar,
  body.tenant-lines-page .operations-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
  }

  body.tenant-lines-page .ops-toolbar,
  body.tenant-lines-page .line-follow-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  body.tenant-lines-page .ops-toolbar input,
  body.tenant-lines-page .ops-toolbar select,
  body.tenant-lines-page .ops-toolbar .ui-select,
  body.tenant-lines-page .ops-toolbar .ui-select-button,
  body.tenant-lines-page .line-follow-toolbar select,
  body.tenant-lines-page .line-follow-toolbar .ui-select,
  body.tenant-lines-page .line-follow-toolbar .ui-select-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Bootstrap WE dashboard cards if present */
  body.tenant-lines-page .analytics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.tenant-lines-page .analytics-card {
    min-height: 84px !important;
    padding: 12px 13px !important;
    border-radius: 17px !important;
  }
  body.tenant-lines-page .analytics-card b { font-size: 24px !important; margin-top: 3px !important; }
  body.tenant-lines-page .analytics-card span,
  body.tenant-lines-page .analytics-card small { font-size: 11.5px !important; line-height: 1.4 !important; }

  /* ===== Activity page: sidebar must win over select menus ===== */
  body.tenant-activity-page .activity-filter-v28,
  body.tenant-activity-page .activity-filter-v9,
  body.tenant-activity-page .activity-list-panel-v9,
  body.tenant-activity-page .activity-page-v9 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
  }

  body.tenant-activity-page .activity-filter-grid-v28,
  body.tenant-activity-page .activity-filter-v9 form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.tenant-activity-page .activity-filter-v28 .ui-select,
  body.tenant-activity-page .activity-filter-v28 .ui-select-button,
  body.tenant-activity-page .activity-filter-v28 select,
  body.tenant-activity-page .activity-filter-actions-v28,
  body.tenant-activity-page .activity-filter-actions-v28 .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.tenant-activity-page .activity-filter-v28 .ui-select.open {
    z-index: 80 !important;
  }

  body.mobile-sidebar-open .activity-filter-v28 .ui-select-list,
  body.mobile-sidebar-open .audit-filter-v28 .ui-select-list,
  body.mobile-sidebar-open .ui-select.open .ui-select-list {
    display: none !important;
  }

  body.mobile-sidebar-open .sidebar,
  body.mobile-sidebar-open .product-sidebar,
  .sidebar.open,
  .product-sidebar.open {
    z-index: 2147483600 !important;
  }

  body.mobile-sidebar-open .sidebar-backdrop.open {
    z-index: 2147483500 !important;
  }

  /* account page second page */
  body.tenant-account-page .account-page-v9,
  body.tenant-account-page .account-tabs-v9,
  body.tenant-account-page .account-code-tile-v9,
  body.tenant-account-page .account-tab-pane-v9 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 360px) {
  body.tenant-lines-page .attention-summary-grid,
  body.tenant-lines-page .tenant-attention-grid,
  body.tenant-lines-page .dashboard-attention-grid,
  body.tenant-lines-page .admin-attention-grid {
    grid-template-columns: 1fr !important;
  }
  body.tenant-lines-page .analytics-grid { grid-template-columns: 1fr !important; }
}

/* ===== v46 TARGETED: view inline fixes included; no navbar selectors here ===== */