html,body{max-width:100%;overflow-x:hidden}
body.sidebar-lock{overflow:hidden}
body{overflow-wrap:break-word}
.page-card,.content-wrapper,.card,.card-body,.table-wrap,.topbar,.topbar-left,.topbar-right,.page-meta,.sidebar-user,.sidebar-nav,.nav-link,.nav-sublink,.toolbar,.toolbar-inline,.action-group,.search-form-inline,.form-group,.grid,.two-col,.two-equal,.card-grid,.dashboard-intro,[class*="-grid"],[class*="-split"],[class*="-meta"],[class*="-toolbar"],[class*="-actions"],[class*="-action"],[class*="-filters"],[class*="-filter"],[class*="-row"],[class*="-card"],[class*="-box"],[class*="-wrap"],[class*="-dialog"],[class*="-table-wrap"],[class*="-table-card"],[class*="-list"],[class*="-panel"]{min-width:0}
.page-card img,.page-card svg,.page-card canvas,.page-card iframe,.page-card video,.page-card table,.page-card pre,.page-card code,.page-card textarea,.page-card select,.page-card input{max-width:100%}
.page-card pre,.page-card code,[class*="json"],[class*="logbox"],[class*="raw-wrap"],[class*="code"]{overflow:auto;white-space:pre-wrap;word-break:break-word}
.table-wrap,.hestia-table-wrap,.vmw-table-wrap,[class*="table-wrap"],[class*="raw-wrap"],[class*="json"],[class*="logbox"],[class*="preview"],[class*="code"],[class*="editor"],[class*="modal-body"]{-webkit-overflow-scrolling:touch}
.sidebar-overlay{position:fixed;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:35}
.app-frame.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}
.main-sidebar{overscroll-behavior:contain}
.topbar{gap:1rem}
.topbar-left,.topbar-right{min-width:0}
.topbar-right>.status-chip,.topbar-right>.topbar-dropdown-wrapper,.topbar-right>.icon-chip{flex:0 0 auto}
.page-meta{min-width:0}
.page-meta h1{overflow-wrap:anywhere}
.nav-link span:not(.nav-icon):not(.nav-accordion-arrow),.nav-sublink span:not(.nav-icon):not(.nav-accordion-arrow),.nav-subitem-text{overflow-wrap:anywhere}
.topbar-dropdown{max-width:min(92vw,380px)}
.search-form input,.search-form-inline input,.search-form-inline select,.search-form-inline button,.toolbar input,.toolbar select,.toolbar button,[class*="toolbar"] input,[class*="toolbar"] select,[class*="toolbar"] button{max-width:100%}
.panel-mobile-table{width:100%;border-collapse:separate}
.panel-mobile-table td,.panel-mobile-table th{overflow-wrap:anywhere}
.panel-mobile-dialog,.generic-modal-dialog,.help-modal-dialog,.hestia-modal-dialog,.vmw-modal-dialog,.cd-modal-dialog,.blend-modal-dialog,.biolog-modal-dialog,[class*="modal-dialog"]{max-width:min(100%,960px)}
.panel-mobile-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.panel-mobile-flex{flex-wrap:wrap}
.panel-mobile-scroll{overflow:auto}
.panel-mobile-full>*{min-width:0}

@media (max-width:1180px){
  .topbar{padding:1rem}
  .page-card{max-width:100%}
}

@media (max-width:980px){
  .content-wrapper{padding:1rem}
  .topbar{align-items:flex-start}
  .topbar-left{flex:1 1 auto}
  .topbar-right{justify-content:flex-start}
  .status-chip{padding:.62rem .9rem}
  .page-meta h1{font-size:1.22rem}
  .sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--dark);color:#fff}
}

@media (max-width:860px){
  .app-frame{display:block;position:relative;width:100%;max-width:100%;overflow-x:hidden}
  .main-sidebar{position:fixed;top:0;bottom:0;height:100dvh;max-height:100dvh;width:min(88vw,340px);min-width:min(88vw,340px);left:calc(-1 * min(88vw,340px));padding:1rem .9rem 1.2rem;box-shadow:0 20px 60px rgba(2,6,23,.45);z-index:60;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
  .app-frame.sidebar-open .main-sidebar{left:0}
  .sidebar-overlay{z-index:55}
  .content-shell{display:block;position:relative;width:100%;min-width:100%;max-width:100%;margin:0;z-index:1}
  .app-frame.sidebar-open .content-shell{pointer-events:none;user-select:none}
  .topbar{position:sticky;top:0;z-index:20;padding:.9rem 1rem;flex-direction:column;align-items:stretch}
  .topbar-left,.topbar-right{width:100%}
  .topbar-left{justify-content:flex-start;gap:.75rem;align-items:flex-start}
  .topbar-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  .topbar-right>.topbar-dropdown-wrapper,.topbar-right>.status-chip,.topbar-right>.icon-chip{width:100%}
  .topbar-right>.status-chip,.topbar-right>.icon-chip{min-height:44px}
  .topbar-right>.status-chip{justify-content:center;text-align:center}
  .topbar-right>.icon-chip{width:100%}
  .topbar-dropdown-wrapper .topbar-dropdown{right:auto;left:0;width:min(100vw - 2rem,420px);max-width:min(100vw - 2rem,420px)}
  .content-wrapper{padding:.95rem}
  .page-card{padding:0}
  .card,.small-box,.hestia-card,.hestia-stat,.hestia-kpi,.vmw-card,.vmw-summary-box,.vmw-kv-box,.proto-card,.bp-card,.cd-card,.le-card,[class*="-card"],[class*="-box"],[class*="-panel"]{border-radius:18px}
  .toolbar,.toolbar-inline,.search-form-inline,.action-group,.hestia-form-actions,.vmw-modal-actions,.vmw-form-actions,[class*="toolbar"],[class*="filters"],[class*="filterbar"],[class*="-actions"],[class*="-action-row"],[class*="-toolbar"],[class*="-filter"]{display:flex;flex-direction:column;align-items:stretch!important;gap:.7rem!important}
  .toolbar .left,.toolbar .right,.toolbar-inline>*,.search-form-inline>*,.action-group>*,.hestia-form-actions>*,.vmw-modal-actions>*,[class*="toolbar"]>*{width:100%!important;max-width:100%}
  .btn,.btn-sm,.btn-lg,button.btn,input.btn,.action-group .btn,[class*="-actions"] .btn,[class*="-toolbar"] .btn{width:100%;justify-content:center}
  .form-group input,.form-group select,.form-group textarea,.search-form input,.search-form-inline input,.search-form-inline select,.search-form-inline button,.toolbar input,.toolbar select,.toolbar textarea,.toolbar button,[class*="toolbar"] input,[class*="toolbar"] select,[class*="toolbar"] textarea,[class*="toolbar"] button{width:100%!important;max-width:100%!important}
  .grid,.two-col,.two-equal,.card-grid,.dashboard-intro,.panel-mobile-grid,.hestia-form-grid,.vmw-form-grid,.hestia-split,.service-status-grid,.customer-stat-grid,.customer-stat-grid-wide,.health-grid,.extension-list,[class*="-grid"],[class*="-split"]{grid-template-columns:1fr!important}
  .small-box h3{font-size:1.5rem}
  .table-wrap,.hestia-table-wrap,.vmw-table-wrap,[class*="table-wrap"],[class*="table-card"],[class*="list-wrap"],[class*="raw-wrap"],[class*="json"],[class*="code"]{padding:0;overflow:auto}
  .table,.hestia-table,[class*="-table"]{min-width:100%!important}
  .panel-mobile-table thead{display:none}
  .panel-mobile-table tbody,.panel-mobile-table tr,.panel-mobile-table td{display:block;width:100%}
  .panel-mobile-table tbody{display:grid;gap:.85rem}
  .panel-mobile-table tr{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
  .panel-mobile-table tr:hover td{background:transparent}
  .panel-mobile-table td{padding:.82rem .95rem!important;border-bottom:1px solid rgba(148,163,184,.14);white-space:normal!important;text-align:left!important}
  .panel-mobile-table td:last-child{border-bottom:0}
  .panel-mobile-table td[data-label]:not([data-label=""]){display:grid;grid-template-columns:minmax(96px,132px) minmax(0,1fr);gap:.7rem;align-items:start}
  .panel-mobile-table td[data-label]:not([data-label=""])::before{content:attr(data-label);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
  .panel-mobile-table td[data-label=""]{padding-top:.95rem!important}
  .panel-mobile-table td > form,.panel-mobile-table td > .action-group,.panel-mobile-table td > .toolbar-inline,.panel-mobile-table td > .search-form-inline{width:100%}
  .panel-mobile-table td .btn,.panel-mobile-table td select,.panel-mobile-table td input,.panel-mobile-table td textarea{width:100%;max-width:100%}
  .panel-mobile-table td .badge,.panel-mobile-table td .status-chip{justify-self:flex-start}
  .panel-mobile-table td .action-group{display:grid;grid-template-columns:1fr;gap:.55rem}
  .panel-mobile-table td .action-group>*{width:100%}
  .panel-mobile-table td .nav-link,.panel-mobile-table td .nav-sublink{padding-left:0}
  .panel-mobile-table td .table-wrap,.panel-mobile-table td [class*="table-wrap"]{overflow:visible;box-shadow:none;background:transparent}
  .panel-mobile-dialog,.generic-modal-dialog,.help-modal-dialog,.hestia-modal-dialog,.vmw-modal-dialog,.cd-modal-dialog,.blend-modal-dialog,.biolog-modal-dialog,[class*="modal-dialog"]{width:min(100vw - 1rem,720px)!important;max-width:min(100vw - 1rem,720px)!important;max-height:calc(100vh - 1rem)!important;margin:.5rem auto!important;border-radius:20px!important}
  .generic-modal,.help-modal-backdrop,.hestia-modal-backdrop,[class*="modal-backdrop"],[class*="modal"]{padding:.5rem}
  [class*="modal-body"],[class*="modal-content"],[class*="modal-section"]{max-height:calc(100vh - 7rem);overflow:auto}
  .notification-list{max-height:min(58vh,360px)}
  .search-dropdown{padding:.9rem}
}

@media (max-width:640px){
  .auth-ui-shell{padding:14px}
  .topbar{padding:.85rem .85rem .95rem}
  .topbar-right{grid-template-columns:1fr}
  .content-wrapper{padding:.85rem}
  .page-tag{font-size:.72rem}
  .page-meta h1{font-size:1.08rem}
  .sidebar-user{padding:.8rem}
  .menu-caption{padding:.55rem .4rem}
  .nav-link,.nav-sublink,.nav-accordion-toggle{padding:.78rem .82rem}
  .nav-sublink{padding-left:1.1rem}
  .nav-accordion-menu-nested{margin-left:.25rem;padding-left:.55rem}
  .small-box,.card,.hestia-card,.vmw-card,[class*="-card"],[class*="-box"]{border-radius:16px}
  .card-header,.card-body,.hestia-card-header,.hestia-card-body,.vmw-head,.vmw-form-head,[class*="-head"],[class*="-body"]{padding:.9rem}
  .panel-mobile-table td{padding:.78rem .85rem!important}
  .panel-mobile-table td[data-label]:not([data-label=""]){grid-template-columns:1fr;gap:.28rem}
  .panel-mobile-table td[data-label]:not([data-label=""])::before{margin-bottom:.15rem}
  .panel-mobile-table td .badge,.panel-mobile-table td .status-chip{margin-top:.15rem}
  .search-form,.search-form-inline{gap:.65rem}
  .status-chip,.btn,.btn-sm,.btn-lg{min-height:42px}
}

@media (max-width:480px){
  .main-sidebar{width:100vw;min-width:100vw;left:-100vw;border-radius:0;padding:1rem .85rem 1.1rem}
  .brand-wrap{margin-bottom:.85rem}
  .brand-text{font-size:.95rem}
  .topbar-dropdown-wrapper .topbar-dropdown{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem)}
  .content-wrapper{padding:.75rem}
  .topbar{padding:.75rem}
  .card-header,.card-body,.hestia-card-header,.hestia-card-body,.vmw-head,.vmw-form-head,[class*="-head"],[class*="-body"]{padding:.82rem}
  .alert{padding:.82rem .9rem}
  .small-box{padding:1rem}
  .small-box h3{font-size:1.35rem}
}


/* UI layout stability patch */
html,body,.app-frame,.content-shell,.content-wrapper,.page-card{max-width:100%}
.content-shell,.content-wrapper,.page-card{min-width:0}
.page-card>*{min-width:0;max-width:100%}
.sidebar-nav,.nav-accordion,.nav-accordion-menu,.logout-form{width:100%;min-width:0}
.nav-link,.nav-sublink,.nav-accordion-toggle,.nav-subitem-label,.nav-subitem-text{min-width:0;max-width:100%}
.form-group input,.form-group select,.form-group textarea,.search-form input,.search-form-inline input,.search-form-inline select,.search-form-inline button{min-width:0;max-width:100%}
.table-wrap,.hestia-table-wrap,.vmw-table-wrap,[class*="table-wrap"]{max-width:100%;overflow-x:auto;overflow-y:hidden}
@media (max-width:1280px){
  .content-wrapper{padding:1rem}
}
@media (max-width:980px){
  .two-col,.two-equal{grid-template-columns:1fr!important}
}
@media (max-width:860px){
  .app-frame{display:block;position:relative;width:100%;max-width:100%;overflow-x:hidden}
  .main-sidebar{max-width:min(88vw,340px);overflow-x:hidden}
  .content-shell{display:block;position:relative;width:100%;min-width:100%;max-width:100%;margin:0;overflow-x:hidden;z-index:1}
  .content-wrapper,.page-card{overflow-x:hidden}
}
@media (max-width:480px){
  .main-sidebar{max-width:100vw;padding:1rem .85rem 1.1rem}
}