/* Zaravan 3.7.2 — invoice stability, notification overlay and legacy-page responsive safety. */

/* Native invoice list: no DataTables bootstrap, no permanent Loading row. */
body.zv-account-shell .zv-native-hub--invoices{min-width:0}
body.zv-account-shell .zv-invoice-list--native{display:grid;gap:10px;min-width:0}
body.zv-account-shell .zv-invoice-row--native{grid-template-columns:minmax(82px,.7fr) repeat(3,minmax(120px,1fr)) auto 18px;min-width:0}
body.zv-account-shell .zv-invoice-row--native>*{min-width:0}
body.zv-account-shell .zv-invoice-row--native strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.zv-account-shell .zv-invoice-status{justify-self:start;white-space:nowrap}

/* Notification center is a fixed overlay; opening it can never resize/break the header. */
body.zv-account-header .zv-notification-menu{display:block!important;position:relative!important}
body.zv-account-header .zv-notification-backdrop{
    position:fixed!important;inset:0!important;z-index:2380!important;display:block!important;width:100vw!important;height:100dvh!important;
    padding:0!important;margin:0!important;background:rgba(0,0,0,.26)!important;border:0!important;border-radius:0!important;
    backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:default!important
}
body.zv-account-header .zv-notification-backdrop[hidden]{display:none!important}
body.zv-account-header .zv-notification-popover{
    position:fixed!important;top:82px!important;right:clamp(10px,2vw,28px)!important;left:auto!important;z-index:2400!important;
    display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;width:min(410px,calc(100vw - 24px))!important;
    max-height:min(620px,calc(100dvh - 98px))!important;padding:0!important;margin:0!important;overflow:hidden!important;
    color:#f3f6fb!important;background:linear-gradient(155deg,rgba(22,27,38,.995),rgba(9,12,18,.995))!important;
    border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;
    box-shadow:0 30px 90px rgba(0,0,0,.55)!important;transform:none!important;opacity:1!important;visibility:visible!important
}
body.zv-account-header .zv-notification-popover[hidden]{display:none!important}
body.zv-account-header .zv-notification-popover>header{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;
    padding:17px 18px!important;background:rgba(255,255,255,.025)!important;border-bottom:1px solid rgba(255,255,255,.08)!important
}
body.zv-account-header .zv-notification-popover>header div{display:grid!important;gap:2px!important;min-width:0!important}
body.zv-account-header .zv-notification-popover>header span{color:#8f9bad!important;font-size:11px!important;font-weight:750!important}
body.zv-account-header .zv-notification-popover>header strong{color:#fff!important;font-size:14px!important;font-weight:950!important;white-space:normal!important}
body.zv-account-header .zv-notification-popover>header>a{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 10px!important;
    color:#a9cbff!important;background:rgba(89,157,255,.08)!important;border:1px solid rgba(89,157,255,.15)!important;border-radius:11px!important;
    font-size:10px!important;font-weight:850!important;white-space:nowrap!important
}
body.zv-account-header .zv-notification-list{display:grid!important;gap:6px!important;min-height:0!important;padding:9px!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin}
body.zv-account-header .zv-notification-list>a{
    display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;min-height:64px!important;
    padding:11px 12px!important;color:#eef3fb!important;background:rgba(255,255,255,.025)!important;border:1px solid transparent!important;border-radius:15px!important;
    text-decoration:none!important;transform:none!important
}
body.zv-account-header .zv-notification-list>a:hover,body.zv-account-header .zv-notification-list>a:focus-visible{
    background:rgba(92,157,255,.08)!important;border-color:rgba(92,157,255,.18)!important;outline:none!important
}
body.zv-account-header .zv-notification-list>a>i{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;color:#9dc6ff!important;background:rgba(90,157,255,.10)!important;border-radius:13px!important}
body.zv-account-header .zv-notification-list>a span{display:grid!important;gap:4px!important;min-width:0!important}
body.zv-account-header .zv-notification-list>a strong{color:#f4f7fc!important;font-size:12px!important;font-weight:900!important;line-height:1.8!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.zv-account-header .zv-notification-list>a small{color:#8f9bad!important;font-size:10px!important;line-height:1.7!important;white-space:normal!important}
body.zv-account-header .zv-notification-empty{min-height:150px!important;padding:28px 18px!important;flex-direction:column!important;gap:10px!important;text-align:center!important}
body.zv-account-header .zv-notification-empty i{font-size:24px!important}
body.zv372-notification-open{overflow:hidden!important}

/* Parent WHMCS surfaces: keep controls inside their cards on every viewport. */
body.zaravan-theme .zv-native-client-card,body.zaravan-theme .zv-standard-page-shell{min-width:0;max-width:100%;overflow:visible}
body.zaravan-theme :where(.zv-native-client-card,.zv-standard-page-shell) :where(.row,[class*="col-"],.card,.panel,.well,.list-group,.tab-content,.tab-pane,.form-group,.input-group,.btn-group){min-width:0;max-width:100%}
body.zaravan-theme :where(.zv-native-client-card,.zv-standard-page-shell) :where(table){max-width:100%}
body.zaravan-theme :where(.zv-native-client-card,.zv-standard-page-shell) :where(.table-responsive,.dataTables_wrapper){width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.zaravan-theme :where(.zv-native-client-card,.zv-standard-page-shell) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control){max-width:100%}

@media(max-width:900px){
    body.zv-account-shell .zv-invoice-row--native{grid-template-columns:minmax(76px,.7fr) minmax(0,1fr) auto 18px}
    body.zv-account-shell .zv-invoice-row--native>span:nth-child(3),body.zv-account-shell .zv-invoice-row--native>span:nth-child(4){display:none}
}
@media(max-width:720px){
    body.zv-account-header .zv-notification-popover{top:72px!important;right:10px!important;left:10px!important;width:auto!important;max-height:calc(100dvh - 82px)!important;border-radius:20px!important}
    body.zv-account-header .zv-notification-popover>header{padding:14px!important}
    body.zv-account-header .zv-notification-list{padding:7px!important}
    body.zaravan-theme :where(.zv-native-client-card,.zv-standard-page-shell) :where(.row)>[class*="col-"]{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
    body.zaravan-theme :where(.zv-native-client-card,.zv-standard-page-shell) :where(.input-group){display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}
    body.zaravan-theme :where(.zv-native-client-card,.zv-standard-page-shell) :where(.input-group>.form-control,.input-group>input,.input-group>select){flex:1 1 180px!important;min-width:0!important}
    body.zaravan-theme :where(.zv-native-client-card,.zv-standard-page-shell) :where(.btn-group){display:flex!important;flex-wrap:wrap!important;gap:6px!important}
}
@media(max-width:520px){
    body.zv-account-shell .zv-invoice-row--native{grid-template-columns:minmax(0,1fr) auto 16px;gap:9px;padding:14px!important}
    body.zv-account-shell .zv-invoice-row--native .zv-invoice-row__number{grid-column:1;grid-row:1}
    body.zv-account-shell .zv-invoice-row--native>span:nth-child(2){grid-column:1;grid-row:2}
    body.zv-account-shell .zv-invoice-row--native>span:nth-child(3),body.zv-account-shell .zv-invoice-row--native>span:nth-child(4){display:none}
    body.zv-account-shell .zv-invoice-row--native .zv-invoice-status{grid-column:2;grid-row:1 / span 2;align-self:center}
    body.zv-account-shell .zv-invoice-row--native>i{grid-column:3;grid-row:1 / span 2;align-self:center}
    body.zv-account-header .zv-notification-popover{top:66px!important;right:7px!important;left:7px!important;max-height:calc(100dvh - 74px)!important;border-radius:18px!important}
    body.zv-account-header .zv-notification-popover>header{grid-template-columns:1fr!important}
    body.zv-account-header .zv-notification-popover>header>a{justify-self:start!important}
}