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,
[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,
.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,
.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,
[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>*,
[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,
.service-status-grid,
.account-stat-grid,
.account-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,
[class*="table-wrap"],
[class*="table-card"],
[class*="list-wrap"],
[class*="raw-wrap"],
[class*="json"],
[class*="code"]{padding:0;overflow:auto}
  .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,
.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,
[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,
[class*="-card"],
[class*="-box"]{border-radius:16px}
  .card-header,
.card-body,
[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,
[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,
[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}
}