/* Mizban24 tools UI — deliberately scoped away from login and site-wide controls. */
:root{--m24-tool-ink:#173d61;--m24-tool-muted:#71869a;--m24-tool-line:#dce7f1;--m24-tool-blue:#176ee8;--m24-tool-cyan:#159fc5;--m24-tool-bg:#f7fbfe;--m24-tool-danger:#b44b58}

/* Smart hub and service tools */
.m24-smart-template .m24smart-safe,.m24-smart-template .bfsmart,.m24-smart-template .bfsmart-hub{box-sizing:border-box;width:100%;max-width:1320px;margin-inline:auto;color:var(--m24-tool-ink);font-family:var(--m24u-font,'IRANSansX','IRANYekan','Vazirmatn',Tahoma,Arial,sans-serif);direction:rtl;text-align:right}
.m24-smart-template .m24smart-safe *,.m24-smart-template .bfsmart *,.m24-smart-template .bfsmart-hub *{box-sizing:border-box}
.m24-smart-template .m24smart-safe a,.m24-smart-template .bfsmart a,.m24-smart-template .bfsmart-hub a{text-decoration:none}
.m24-smart-template .m24smart-hero,.m24-smart-template .bfsmart-hub-hero,.m24-smart-template .bfsmart-hero{border-radius:22px;box-shadow:0 16px 42px rgba(17,74,125,.14)}
.m24-smart-template .m24smart-grid,.m24-smart-template .bfsmart-hub-grid{gap:16px}
.m24-smart-template .m24smart-card,.m24-smart-template .bfsmart-hub-card{position:relative;min-height:205px;border-color:var(--m24-tool-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(20,56,90,.055);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.m24-smart-template .m24smart-card:hover,.m24-smart-template .bfsmart-hub-card:hover{transform:translateY(-3px);border-color:#a9cce5;box-shadow:0 16px 34px rgba(20,56,90,.11)}
.m24-smart-template .m24smart-card h3,.m24-smart-template .bfsmart-hub-card h3{line-height:1.65}

.m24-smart-template .bfsmart{padding:16px 0 42px}
.m24-smart-template .bfsmart-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;background:linear-gradient(135deg,#114a7d,#1681b2 62%,#19a9b8);color:#fff}
.m24-smart-template .bfsmart-hero h1{margin:5px 0 7px;color:#fff;font-size:24px;font-weight:950}
.m24-smart-template .bfsmart-hero p{margin:0;color:#e8f6ff;line-height:1.95}
.m24-smart-template .bfsmart-hero>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.36);border-radius:11px;color:#fff!important;background:rgba(255,255,255,.1);font-size:11px;font-weight:900;white-space:nowrap}
.m24-smart-template .bfsmart-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;margin-top:16px;align-items:start;direction:rtl}
.m24-smart-template .bfsmart-nav{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--m24-tool-line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(20,56,90,.04)}
.m24-smart-template .bfsmart-nav a{display:block;padding:11px 12px;border-radius:10px;color:#45677f;font-size:11px;font-weight:850;line-height:1.65}
.m24-smart-template .bfsmart-nav a:hover{background:#f1f8fd;color:var(--m24-tool-blue)}
.m24-smart-template .bfsmart-nav a.is-active{background:linear-gradient(135deg,#eaf5ff,#eefcff);color:#1267b3;box-shadow:inset 3px 0 #176ee8}
.m24-smart-template .bfsmart-main{min-width:0;padding:18px;border:1px solid var(--m24-tool-line);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(20,56,90,.045)}
.m24-smart-template .bfsmart-service-select{margin:0 0 12px;padding:12px 14px;border:1px solid #e2edf4;border-radius:12px;background:var(--m24-tool-bg)}
.m24-smart-template .bfsmart-service-select label,.m24-smart-template .bfsmart-action label,.m24-smart-template .bfsmart-upgrade-form label{display:flex;flex-direction:column;gap:6px;color:#496b84;font-size:11px;font-weight:900}
.m24-smart-template .bfsmart select,.m24-smart-template .bfsmart input{min-height:42px;border:1px solid #d4e2ec;border-radius:10px;background:#fff;color:#284f70;font:inherit;padding:0 11px;outline:0}
.m24-smart-template .bfsmart select:focus,.m24-smart-template .bfsmart input:focus{border-color:#76b5de;box-shadow:0 0 0 3px rgba(23,110,232,.09)}
.m24-smart-template .bfsmart-service-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px 16px;border:1px solid #d9e8f2;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#fff)}
.m24-smart-template .bfsmart-service-card small{color:#198fc4;font-size:10px;font-weight:900}.m24-smart-template .bfsmart-service-card h3{margin:3px 0;color:#244f75;font-size:16px;font-weight:950}.m24-smart-template .bfsmart-service-card p{margin:0;color:#71869a;font-size:11px}.m24-smart-template .bfsmart-service-card>span{padding:6px 10px;border-radius:999px;background:#e8f8ef;color:#28764b;font-size:10px;font-weight:900}
.m24-smart-template .bfsmart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.m24-smart-template .bfsmart-action,.m24-smart-template .bfsmart-upgrade-form,.m24-smart-template .bfsmart-upgrade-confirm,.m24-smart-template .bfsmart-invoices{border:1px solid #dce7f1;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(20,56,90,.04)}
.m24-smart-template .bfsmart-action{padding:17px}.m24-smart-template .bfsmart-action h3{margin:0 0 7px;color:#244f75;font-size:15px;font-weight:950}.m24-smart-template .bfsmart-action p{margin:0 0 13px;color:var(--m24-tool-muted);font-size:11px;line-height:1.95}
.m24-smart-template .bfsmart-action button,.m24-smart-template .bfsmart-btn,.m24-smart-template .bfsmart-upgrade-form button,.m24-smart-template .bfsmart-upgrade-confirm button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--m24-tool-blue),var(--m24-tool-cyan));color:#fff;font:inherit;font-size:11px;font-weight:950;cursor:pointer}
.m24-smart-template .bfsmart-action button.secondary,.m24-smart-template .bfsmart-btn.secondary{background:#eef6fc;color:#21618e}.m24-smart-template .bfsmart-action button.danger,.m24-smart-template .bfsmart-action button.danger-outline{background:#fff2f3;color:var(--m24-tool-danger);border:1px solid #efc8cd}.m24-smart-template .bfsmart-action button.danger{background:linear-gradient(135deg,#b44b58,#d06a72);color:#fff;border:0}
.m24-smart-template .bfsmart-upgrade{margin-bottom:12px}.m24-smart-template .bfsmart-upgrade-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.55fr) auto;gap:12px;align-items:end;padding:15px;background:#fbfdff}.m24-smart-template .bfsmart-upgrade-form button{white-space:nowrap}.m24-smart-template .bfsmart-upgrade-confirm{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:14px;background:#f0fbf5}.m24-smart-template .bfsmart-upgrade-confirm small,.m24-smart-template .bfsmart-upgrade-confirm b,.m24-smart-template .bfsmart-upgrade-confirm strong{display:block}.m24-smart-template .bfsmart-upgrade-confirm small{color:#5d8a70;font-size:10px}.m24-smart-template .bfsmart-upgrade-confirm b{margin:3px 0;color:#246b4b;font-size:12px}.m24-smart-template .bfsmart-upgrade-confirm strong{color:#1c7149;font-size:16px}
.m24-smart-template .bfsmart-danger{margin-bottom:12px;padding:13px 15px;border:1px solid #f0c6ca;border-radius:12px;background:#fff4f4;color:#984650;font-size:11px;line-height:1.9}.m24-smart-template .bfsmart-danger b{color:#a73440}
.m24-smart-template .bfsmart-empty{padding:22px;border:1px dashed #cbdde9;border-radius:13px;background:#f8fbfd;color:#71869a;text-align:center;font-size:11px}
.m24-smart-template .bfsmart-invoices{overflow:hidden}.m24-smart-template .bfsmart-invoice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;background:linear-gradient(135deg,#f7fbff,#fff);border-bottom:1px solid #e8f0f5}.m24-smart-template .bfsmart-invoice-head small{color:#198fc4;font-size:10px;font-weight:900}.m24-smart-template .bfsmart-invoice-head h3{margin:3px 0 0;color:#244f75;font-size:17px;font-weight:950}.m24-smart-template .bfsmart-invoice-head>a{padding:8px 11px;border:1px solid #d7e5ef;border-radius:9px;color:#21618e!important;font-size:10px;font-weight:900}.m24-smart-template .bfsmart-invoice-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(230px,.9fr);gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid #edf2f6}.m24-smart-template .bfsmart-invoice-row:last-child{border-bottom:0}.m24-smart-template .bfsmart-invoice-row .num{display:inline-block;margin-left:7px;color:#176ee8;font-size:11px;font-weight:950}.m24-smart-template .bfsmart-invoice-row b{padding:4px 8px;border-radius:999px;background:#eff8f2;color:#2c7750;font-size:9px}.m24-smart-template .bfsmart-invoice-row small{display:block;margin-top:5px;color:#8295a6;font-size:10px}.m24-smart-template .bfsmart-invoice-row>strong{color:#244f75;white-space:nowrap}.m24-smart-template .bfsmart-invoice-row .actions{display:flex;justify-content:flex-start;gap:6px;flex-wrap:wrap}.m24-smart-template .bfsmart-invoice-row .actions a{padding:7px 9px;border:1px solid #d7e5ef;border-radius:8px;color:#326487!important;font-size:9.5px;font-weight:900;white-space:nowrap}.m24-smart-template .bfsmart-invoice-row .actions a.primary{border-color:transparent;background:#176ee8;color:#fff!important}

/* Renewal/upgrade pages: only these WHMCS templates. */
body.m24-page-upgrade .upgrade,body.m24-page-upgrade-configure .upgrade,body.m24-page-upgradesummary .upgrade,body.m24-page-subscription-manage .card{direction:rtl;text-align:right;font-family:var(--m24u-font,'IRANSansX','IRANYekan','Vazirmatn',Tahoma,Arial,sans-serif)}
body.m24-page-upgrade .upgrade>.card,body.m24-page-upgrade-configure .upgrade>.card,body.m24-page-upgradesummary>.card,body.m24-page-subscription-manage>.card{border:1px solid var(--m24-tool-line)!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(20,56,90,.055)!important;overflow:hidden}
body.m24-page-upgrade .upgrade .card-body,body.m24-page-upgrade-configure .upgrade .card-body,body.m24-page-upgradesummary>.card .card-body,body.m24-page-subscription-manage>.card .card-body{padding:22px!important}
body.m24-page-upgrade .upgrade table,body.m24-page-upgrade-configure .upgrade table,body.m24-page-upgradesummary table{direction:rtl;border:1px solid var(--m24-tool-line);border-radius:13px;overflow:hidden}
body.m24-page-upgrade .upgrade th,body.m24-page-upgrade .upgrade td,body.m24-page-upgrade-configure .upgrade th,body.m24-page-upgrade-configure .upgrade td,body.m24-page-upgradesummary th,body.m24-page-upgradesummary td{padding:12px!important;border-color:#edf2f6!important;vertical-align:middle!important}
body.m24-page-upgrade .upgrade .btn,body.m24-page-upgrade-configure .upgrade .btn,body.m24-page-upgradesummary .btn{min-height:41px;border-radius:10px!important;font-weight:900!important}
body.m24-page-upgrade .upgrade .btn-primary,body.m24-page-upgrade-configure .upgrade .btn-primary,body.m24-page-upgradesummary .btn-primary{border:0!important;background:linear-gradient(135deg,var(--m24-tool-blue),var(--m24-tool-cyan))!important;color:#fff!important}

/* Ticket pages. Existing ticket markup is retained; these rules only refine it. */
body.m24-page-supportticketslist .m24hub-support,body.m24-page-viewticket .m24ticket-view,body.m24-page-ticketfeedback>.card{font-family:var(--m24u-font,'IRANSansX','IRANYekan','Vazirmatn',Tahoma,Arial,sans-serif)}
body.m24-page-supportticketslist .m24hub-head,body.m24-page-viewticket .m24ticket-hero{background:linear-gradient(135deg,#fff,#f7fbfe);border-color:#cfe1ee;box-shadow:0 14px 32px rgba(20,56,90,.065)}
body.m24-page-supportticketslist .m24hub-row{border-radius:16px;transition:transform .16s ease,box-shadow .16s ease}.m24hub-row:hover{transform:translateY(-2px)}
body.m24-page-viewticket .m24ticket-reply,body.m24-page-viewticket .m24ticket-compose{border-color:#cfe1ee;box-shadow:0 10px 28px rgba(20,56,90,.055)}
body.m24-page-viewticket .m24ticket-message{font-size:13px!important;line-height:2.2!important}
body.m24-page-supportticketsubmit-confirm .m24-clean-primary>.card,body.m24-page-ticketfeedback .m24-clean-primary>.card{border:1px solid var(--m24-tool-line)!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(20,56,90,.055)!important}
body.m24-page-supportticketsubmit-confirm .m24-clean-primary>.card .card-body,body.m24-page-ticketfeedback .m24-clean-primary>.card .card-body{padding:24px!important;direction:rtl;text-align:right;font-family:var(--m24u-font,'IRANSansX','IRANYekan','Vazirmatn',Tahoma,Arial,sans-serif)}
body.m24-page-supportticketsubmit-confirm .card-title,body.m24-page-ticketfeedback .card-title{color:#244f75;font-weight:950}
body.m24-page-ticketfeedback .m24-clean-primary>.card table{border:1px solid #e0eaf1;border-radius:12px;overflow:hidden}body.m24-page-ticketfeedback .m24-clean-primary>.card td{padding:11px;border-color:#edf2f6}
body.m24-page-ticketfeedback .m24-clean-primary>.card textarea{border:1px solid #d5e2ec;border-radius:10px;min-height:130px}

/* Legal invoice pages — isolated to standalone invoice documents. */
body.m24-standalone-invoice{font-family:var(--m24u-font,'IRANSansX','IRANYekan','Vazirmatn',Tahoma,Arial,sans-serif)!important;direction:rtl!important}
body.m24-standalone-invoice .invoice-container{border-color:#cfe1ee;box-shadow:0 18px 46px rgba(20,56,90,.09)}
body.m24-standalone-invoice .invoice-header{padding-bottom:14px;border-bottom:1px solid #e8f0f5}
body.m24-standalone-invoice .invoice-header h2{font-size:24px!important}body.m24-standalone-invoice .invoice-header h3{color:#198fc4!important;font-size:15px!important}
body.m24-standalone-invoice .invoice-status{box-shadow:0 4px 12px rgba(20,56,90,.08)}
body.m24-standalone-invoice .invoice-container table{border:1px solid #dfeaf2;border-radius:12px;overflow:hidden}body.m24-standalone-invoice .invoice-container thead{background:#f4f9fc}
body.m24-standalone-invoice .invoice-container .total-row{background:#f7fbfd;font-weight:900}

@media(max-width:980px){.m24-smart-template .bfsmart-layout{grid-template-columns:1fr}.m24-smart-template .bfsmart-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.m24-smart-template .bfsmart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m24-smart-template .bfsmart-invoice-row{grid-template-columns:1fr auto}.m24-smart-template .bfsmart-invoice-row .actions{grid-column:1/-1}}
@media(max-width:680px){.m24-smart-template .bfsmart{padding:8px 0 28px}.m24-smart-template .bfsmart-hero{align-items:flex-start;flex-direction:column;padding:20px 18px}.m24-smart-template .bfsmart-hero>a{width:100%}.m24-smart-template .bfsmart-main{padding:13px}.m24-smart-template .bfsmart-nav,.m24-smart-template .bfsmart-grid{grid-template-columns:1fr}.m24-smart-template .bfsmart-upgrade-form{grid-template-columns:1fr}.m24-smart-template .bfsmart-upgrade-confirm{align-items:stretch;flex-direction:column}.m24-smart-template .bfsmart-upgrade-confirm button{width:100%}.m24-smart-template .bfsmart-invoice-head{align-items:flex-start;flex-direction:column}.m24-smart-template .bfsmart-invoice-head>a{width:100%;text-align:center}.m24-smart-template .bfsmart-invoice-row{display:flex;align-items:stretch;flex-direction:column;gap:9px;padding:13px}.m24-smart-template .bfsmart-invoice-row>strong{font-size:14px}.m24-smart-template .bfsmart-invoice-row .actions a{flex:1;text-align:center}.m24-smart-template .bfsmart-invoice-row .actions{width:100%}body.m24-page-supportticketsubmit-confirm .m24-clean-primary>.card .card-body,body.m24-page-ticketfeedback .m24-clean-primary>.card .card-body{padding:17px!important}}