/* Orvexa 1.0.0 — Responsive styles. */
@media (max-width:1279px){
  
  html,
  body[data-app-shell="true"]{
    max-width:100%;
    overflow-x:clip;
  }
  
  .p7-drawer:not(.is-open),
  .layout-settings-panel:not(.is-open){
    visibility:hidden;
  }

  body[data-app-shell="true"] #app-main,
  body[data-app-shell="true"] main{
    min-width:0;
    max-width:100%;
  }
  body[data-app-shell="true"] main > *,
  body[data-app-shell="true"] main :is(section,article,aside,div,form,nav){
    min-width:0;
  }

  
  body[data-app-shell="true"] :is(
    .cp-table-wrap,.rt-table-wrap,.ux-table-wrap,.pa-table-scroll,.m10-table-wrap,
    .p2-table,.p3-table,.p4-table,.p5-table,.p6-table,.p7-table-wrap,.dk-table-scroll,
    .kc-table-wrap,.quality-table-wrap,.observe-table-wrap,.fabric-table-wrap
  ){
    width:100%;
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }

  
  body[data-active-page="live-operations"] .cp-table{min-width:980px!important;width:100%!important;table-layout:auto!important}
  body[data-active-page="requests-runs"] .request-ledger-panel .cp-table{min-width:900px!important;width:100%!important;table-layout:auto!important}
  body[data-observe-page="traces"] :is(.p5-table,.observe-trace-table){min-width:900px!important;width:100%!important}
  body[data-active-page="subscriptions-billing"] .m10-table.billing{min-width:1040px!important;width:100%!important;table-layout:auto!important}
  body[data-active-page="usage-credits"] .m10-table.credits{min-width:920px!important;width:100%!important;table-layout:auto!important}

  
  body[data-app-shell="true"] :is(
    .fabric-tabs,.p7-workspace-tabs,.m10-tabs,.dk-kit-nav,.dk-tabs,
    .tc-mode-tabs,.tc-inspector-tabs,.p2-tabs,.p3-editor-tabs,.p4-tabs,.p5-tabs,.p6-tabs,
    .rt-tabs,.live-ops-tabs
  ){
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  body[data-app-shell="true"] :is(
    .fabric-tabs,.p7-workspace-tabs,.m10-tabs,.dk-kit-nav,.dk-tabs,
    .tc-mode-tabs,.tc-inspector-tabs,.p2-tabs,.p3-editor-tabs,.p4-tabs,.p5-tabs,.p6-tabs,
    .rt-tabs,.live-ops-tabs
  )::-webkit-scrollbar{display:none}
  body[data-app-shell="true"] :is(
    .fabric-tab,.p7-workspace-tab,.m10-tab,.dk-tab,.tc-mode-tabs>button,.tc-inspector-tabs>button,
    .p2-tab,.p3-editor-tabs>button,.p4-tab,.p5-tab,.p6-tab,.rt-tab,.live-ops-tab
  ){
    flex:0 0 auto!important;
    min-width:max-content!important;
    white-space:nowrap!important;
  }

  
  body[data-app-shell="true"] :is(
    .p2-head,.p3-head,.p4-head,.p5-head,.p6-head,.p7-head,.p8-head,
    .cp-page-head,.rt-page-head,.pa-head,.ux-head,.fabric-head,.tc-head,.dk-head,.m10-head,
    .cp-panel-head,.p2-panel-head,.p3-panel-head,.p4-panel-head,.p5-panel-head,.p6-panel-head,.p7-panel-head,.p8-panel-head
  ){
    min-width:0;
    flex-wrap:wrap;
  }
  body[data-app-shell="true"] :is(
    .p2-actions,.p3-actions,.p4-actions,.p5-actions,.p6-actions,.p7-actions,.p8-actions,
    .cp-head-actions,.fabric-page-actions,.fabric-context,.m10-head-actions,.customer-detail-actions
  ){
    min-width:0;
    max-width:100%;
    flex-wrap:wrap;
  }

  
  body[data-active-page="ai-gateway"] :is(.rt-route-layout,.rt-provider-layout,.rt-simulator-layout),
  body[data-active-page="models-routing"] :is(.p3-model-layout,.p3-provider-layout),
  body[data-platform-page="data-privacy"] .p7-privacy-layout,
  body[data-platform-page="security-sessions"] .p7-security-layout,
  body[data-platform-page="environments"] .p7-env-detail,
  body[data-platform-page="environment-detail"] .p7-workspace-detail-grid,
  body[data-product-page] .m10-grid.two,
  body[data-product-page] .fabric-grid.two{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-platform-page="data-privacy"] .p7-privacy-layout > *,
  body[data-platform-page="security-sessions"] .p7-security-layout > *,
  body[data-platform-page="environments"] .p7-env-detail > *{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  
  body[data-app-shell="true"] :is(
    .cp-filterbar,.command-context-bar,.p2-filters,.p3-filters,.p4-filters,.p5-filters,.p6-filters,
    .p7-toolbar,.m10-toolbar,.m10-filters,.quality-toolbar,.observe-log-toolbar,.observe-session-toolbar,
    .pf-filterbar,.pf-inline-filters,.request-filter-row-primary
  ){
    min-width:0;
    max-width:100%;
    flex-wrap:wrap;
  }
  body[data-app-shell="true"] :is(.cp-search,.p7-search,.m10-search,.quality-mini-input){max-width:100%;min-width:0}

  
  body[data-active-page="end-user-usage"] .p6-panel-head{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  body[data-active-page="end-user-usage"] .p6-user-toolbar{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  body[data-active-page="end-user-usage"] .p6-user-toolbar .p6-input{
    width:100%!important;
    min-width:0!important;
    grid-column:1/-1;
  }

  
  body[data-app-shell="true"] :is(
    .p2-table,.p3-table,.p4-table,.p5-table,.p6-table,.p7-table-wrap,.m10-table-wrap,.dk-table-scroll
  ){scrollbar-gutter:stable}
}

@media (max-width:1023px){
  
  html.mobile-sidebar-open,
  html.mobile-sidebar-open body[data-app-shell="true"]{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body[data-app-shell="true"] #mobile-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:180!important;
  }
  body[data-app-shell="true"] #sidebar{
    z-index:190!important;
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:contain;
    isolation:isolate;
    background:var(--surface-solid)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body[data-app-shell="true"] #sidebar.mobile-open{
    transform:translateX(0)!important;
    touch-action:pan-y;
  }
  body[data-app-shell="true"] #sidebar > .min-h-0.flex-1{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  
  body[data-app-shell="true"] :is(
    .cp-live-layout,.p2-layout,.p3-layout,.p4-layout,.p5-issue-layout,.p5-session-layout,
    .p6-layout,.p7-org-hero,.p7-workspace-detail-grid,.m10-grid.usage,
    .kc-overview-grid,.kc-retrieval-layout,.quality-layout,.fabric-grid.two
  ){
    grid-template-columns:minmax(0,1fr)!important;
  }

  
  body[data-active-page="agents"] :is(.agent-builder-canvas,.agent-flow-shell,.agent-builder-flow){
    max-width:100%;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
  }
}

@media (max-width:760px){
  
  body[data-app-shell="true"] :is(
    .p2-head,.p3-head,.p4-head,.p5-head,.p6-head,.p7-head,.p8-head,
    .cp-page-head,.rt-page-head,.pa-head,.ux-head,.fabric-head,.tc-head,.dk-head,.m10-head
  ){
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  body[data-app-shell="true"] :is(
    .p2-actions,.p3-actions,.p4-actions,.p5-actions,.p6-actions,.p7-actions,.p8-actions,
    .cp-head-actions,.fabric-context,.m10-head-actions,.customer-detail-actions
  ){
    width:100%;
  }

  
  body[data-app-shell="true"] :is(
    .cp-grid-4,.p2-metrics,.p3-metrics,.p4-metrics,.p5-metrics,.p6-metrics,.p7-metrics,.p8-metrics,
    .m10-metrics,.fabric-grid.four,.fabric-grid.three,.kc-metrics,.p5-error-grid,.p5-slo-grid
  ){
    grid-template-columns:minmax(0,1fr)!important;
  }

  body[data-platform-page="workspaces-tenants"] .p7-org-grid,
  body[data-platform-page="workspaces-tenants"] .p7-focus-metrics,
  body[data-platform-page="data-privacy"] .p7-class-grid,
  body[data-platform-page="roles-audit"] .p7-role-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  
  body[data-active-page="test-console"] :is(.tc-layout,.tc-workspace,.tc-main-grid,.tc-shell){
    grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-active-page="test-console"] :is(.tc-config,.tc-inspector){
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:640px){
  
  body[data-app-shell="true"] :is(
    .p2-page,.p3-page,.p4-page,.p5-page,.p6-page,.p7-page,.p8-page,
    .cp-page,.rt-page,.pa-page,.ux-page,.fabric-page,.dk-page,.tc-page,.m10-page
  ){
    padding-left:14px!important;
    padding-right:14px!important;
  }

  
  body[data-app-shell="true"] :is(
    .command-context-bar,.p2-filters,.p3-filters,.p4-filters,.p5-filters,.p6-filters,.p7-toolbar,
    .observe-log-toolbar,.observe-session-toolbar,.pf-filterbar,.pf-inline-filters,.m10-toolbar,.m10-filters
  ){
    align-items:stretch!important;
    flex-direction:column!important;
    width:100%;
    max-width:100%;
  }
  body[data-app-shell="true"] :is(
    .command-context-bar label,.command-context-bar select,.command-context-reset,
    .p2-filters>*,.p3-filters>*,.p4-filters>*,.p5-filters>*,.p6-filters>*,.p7-toolbar>*,
    .m10-toolbar>*,.m10-filters>*,.pf-filterbar>*,.pf-inline-filters>*
  ){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body[data-active-page="end-user-usage"] .p6-user-toolbar{grid-template-columns:minmax(0,1fr)!important}
  body[data-active-page="end-user-usage"] .p6-user-toolbar > *{
    width:100%!important;
    max-width:100%!important;
    grid-column:auto!important;
  }

  
  body[data-app-shell="true"] :is(
    .p2-actions,.p3-actions,.p4-actions,.p5-actions,.p6-actions,.p7-actions,.p8-actions,.cp-head-actions,.customer-detail-actions
  ) > *{max-width:100%}

  
  body:not([data-active-page="command-center"]) :is(.p7-workspace-tab,.fabric-tab,.m10-tab,.dk-tab){
    flex:0 0 auto!important;
    min-width:max-content!important;
    white-space:nowrap!important;
  }

  
  body[data-product-page="customer-detail"] .customer-detail-head > div:first-child,
  body[data-product-page="plan-detail"] .customer-detail-head > div:first-child,
  body[data-product-page="subscription-detail"] .customer-detail-head > div:first-child,
  body[data-product-page="plan-detail"] .plan-detail-head > div:first-child{
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:flex-start;
  }
  body[data-product-page] .customer-back-link{
    display:flex;
    width:max-content;
    max-width:100%;
    margin-bottom:7px;
  }
  body[data-product-page] .customer-detail-eyebrow{
    display:block;
    width:100%;
    margin-top:0;
  }

  
  body[data-app-shell="true"] :is(
    .quality-form-grid,.p7-form-grid,.p8-form-grid,.customer-health-grid,.customer-workspace-summary,
    .customer-subscription-card,.customer-plan-facts,.customer-usage-facts,.customer-audit-facts,
    .p7-identity-grid,.p7-runtime-summary
  ){
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media (max-width:520px){
  
  body[data-active-page="cost-budgets"] .p6-flow-link{
    grid-template-columns:minmax(0,1fr) auto!important;
    width:100%!important;
    max-width:100%!important;
  }
  body[data-active-page="cost-budgets"] .p6-flow-link > i{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
  }
  body[data-active-page="cost-budgets"] .p6-flow-link > strong{grid-column:2!important;grid-row:1!important}
  body[data-active-page="cost-budgets"] .p6-flow-link > span:last-child{grid-column:1/-1!important;grid-row:3!important}

  body[data-app-shell="true"] :is(
    .p2-actions,.p3-actions,.p4-actions,.p5-actions,.p6-actions,.p7-actions,.p8-actions,.cp-head-actions
  ) > :is(button,a){flex:1 1 auto;justify-content:center}
}

@media (max-width:430px){
  body[data-app-shell="true"] :is(
    .p2-page,.p3-page,.p4-page,.p5-page,.p6-page,.p7-page,.p8-page,
    .cp-page,.rt-page,.pa-page,.ux-page,.fabric-page,.dk-page,.tc-page,.m10-page
  ){
    padding-left:12px!important;
    padding-right:12px!important;
  }

  
  body[data-platform-page="workspaces-tenants"] #app-main{
    min-width:0!important;
    max-width:100%!important;
    overflow-x:clip;
  }
  body[data-platform-page="workspaces-tenants"] .p7-org-focus{
    width:100%;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden;
  }
  body[data-platform-page="workspaces-tenants"] .p7-org-path{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
  }
}


@media (max-width:700px){
  body[data-active-page="requests-runs"] #request-table colgroup{display:none!important}
  body[data-active-page="requests-runs"] #request-table tbody{width:100%!important}
  body[data-active-page="requests-runs"] #request-table tr{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
  }
  body[data-active-page="requests-runs"] #request-table td{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-active-page="requests-runs"] #request-table td:nth-child(7),
  body[data-active-page="requests-runs"] #request-table td:nth-child(8){
    width:max-content!important;
    max-width:120px!important;
  }
}


@media (max-width:720px){
  body[data-active-page="subscriptions-billing"] .m10-table.billing{
    min-width:0!important;
    width:100%!important;
  }
}
@media (max-width:640px){
  body[data-active-page="usage-credits"] .m10-table.credits{
    min-width:0!important;
    width:100%!important;
  }
}


@media (max-width:760px){
  body[data-app-shell="true"] .p2-grid.equal{
    grid-template-columns:minmax(0,1fr)!important;
  }
}


@media (max-width:640px){
  body[data-active-page="contact-center"] .p2-metric-band{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-active-page="contact-center"] .p2-metric{
    border-right:0!important;
    border-bottom:0!important;
  }
  body[data-active-page="contact-center"] .p2-metric:nth-child(odd){
    border-right:1px solid var(--line)!important;
  }
  body[data-active-page="contact-center"] .p2-metric:nth-child(-n+2){
    border-bottom:1px solid var(--line)!important;
  }

  body[data-active-page="contact-center"] .p2-channel-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-active-page="contact-center"] .p2-channel:first-child{
    grid-column:1/-1;
  }
  body[data-active-page="contact-center"] .contact-signal-grid,
  body[data-active-page="contact-center"] .contact-coverage{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body[data-active-page="contact-center"] .p2-message{
    max-width:92%;
  }
  body[data-active-page="contact-center"] .p2-panel-head{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  body[data-active-page="contact-center"] .p2-panel-head > .p2-actions{
    width:auto;
  }

  body[data-active-page="contact-center"] .contact-handoff-topology{
    grid-template-columns:minmax(0,1fr)!important;
    padding:14px!important;
  }
  body[data-active-page="contact-center"] .contact-handoff-topology .p2-node{
    width:100%;
  }
  body[data-active-page="contact-center"] .contact-coverage{
    padding:0 14px 14px!important;
  }
  body[data-active-page="contact-center"] .contact-routing-title{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  
  body[data-active-page="contact-center"] #contact-floor{
    overflow:visible!important;
  }
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row{
    min-width:0!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px 12px!important;
    padding:12px 14px!important;
    align-items:start!important;
  }
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > span{
    min-width:0!important;
  }
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > span:first-child{
    grid-column:1/-1;
    padding-bottom:3px;
  }
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > span:nth-child(2)::before,
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > span:nth-child(3)::before,
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > span:nth-child(4)::before,
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > span:nth-child(5)::before{
    display:block;
    margin-bottom:2px;
    color:var(--muted);
    font-size:10.5px;
    line-height:1.25;
    font-weight:600;
  }
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > span:nth-child(2)::before{content:"Intent"}
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > span:nth-child(3)::before{content:"Sentiment"}
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > span:nth-child(4)::before{content:"Runtime step"}
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > span:nth-child(5)::before{content:"Latency"}
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row > .p2-status{
    align-self:end;
    justify-self:start;
  }
}

@media (max-width:340px){
  body[data-active-page="contact-center"] .contact-signal-grid,
  body[data-active-page="contact-center"] .contact-coverage{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media (max-width:640px){
  body[data-active-page="contact-center"] #contact-floor .p2-contact-row{
    width:100%!important;
    max-width:100%!important;
  }
}


@media (max-width:760px){
  body[data-active-page="ai-gateway"] .p2-metric-band{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-active-page="ai-gateway"] .p2-metric{
    min-height:0!important;
    padding:14px 15px!important;
    border-right:0!important;
    border-bottom:0!important;
  }
  body[data-active-page="ai-gateway"] .p2-metric:nth-child(odd){border-right:1px solid var(--line)!important}
  body[data-active-page="ai-gateway"] .p2-metric:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
  body[data-active-page="ai-gateway"] .p2-metric strong{font-size:25px!important}

  body[data-active-page="ai-gateway"] .gateway-topology{
    gap:8px!important;
    padding:14px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-app-column,
  body[data-active-page="ai-gateway"] .gateway-provider-column{gap:7px!important}
  body[data-active-page="ai-gateway"] .gateway-node{
    min-height:54px!important;
    padding:9px 10px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-node-icon{
    width:32px!important;
    height:32px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-core-node{
    min-height:112px!important;
    padding:16px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-core-icon{
    width:44px!important;
    height:44px!important;
  }

  body[data-active-page="ai-gateway"] .gateway-controls-panel .gateway-control-grid,
  body[data-active-page="ai-gateway"] .gateway-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:12px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-control{
    min-height:82px!important;
    padding:11px!important;
  }

  body[data-active-page="ai-gateway"] .gateway-data-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid > .p2-panel{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-table-head{
    display:none!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px 12px!important;
    padding:12px 13px!important;
    align-items:start!important;
    text-align:left!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row > span{
    min-width:0!important;
    text-align:left!important;
    justify-self:stretch!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row > span:first-child{
    grid-column:1/-1!important;
    padding-bottom:7px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent);
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row > .p2-status{
    justify-self:start!important;
    align-self:end;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row > span:not(:first-child):not(.p2-status)::before{
    display:block;
    margin-bottom:2px;
    color:var(--muted);
    font-size:11.5px;
    font-weight:650;
    line-height:1.2;
    letter-spacing:.02em;
  }
  body[data-active-page="ai-gateway"] .gateway-strategy-row > span:nth-child(2)::before{content:"Application"}
  body[data-active-page="ai-gateway"] .gateway-strategy-row > span:nth-child(3)::before{content:"Traffic"}
  body[data-active-page="ai-gateway"] .gateway-strategy-row > span:nth-child(4)::before{content:"Quality"}
  body[data-active-page="ai-gateway"] .gateway-strategy-row > span:nth-child(5)::before{content:"P95"}
  body[data-active-page="ai-gateway"] .gateway-provider-health > span:nth-child(2)::before{content:"Availability"}
  body[data-active-page="ai-gateway"] .gateway-provider-health > span:nth-child(3)::before{content:"P95"}
  body[data-active-page="ai-gateway"] .gateway-provider-health > span:nth-child(4)::before{content:"Error rate"}
  body[data-active-page="ai-gateway"] .gateway-provider-health > span:nth-child(5)::before{content:"Traffic"}

  body[data-active-page="ai-gateway"] .gateway-simulator{
    gap:12px!important;
    padding:14px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-simulator .route-result{
    padding:14px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-route-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-route-metrics div{padding:9px!important}
  body[data-active-page="ai-gateway"] .gateway-prediction-flow{
    margin-top:11px!important;
    padding:9px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-prediction-flow span{
    min-width:0!important;
    padding:7px 9px!important;
  }

  body[data-active-page="ai-gateway"] .gateway-decisions-table{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body[data-active-page="ai-gateway"] .gateway-decisions-table .p2-table-head{
    display:none!important;
  }
  body[data-active-page="ai-gateway"] .gateway-decisions-table .gateway-decision-row{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px 12px!important;
    padding:12px 13px!important;
    align-items:start!important;
    text-align:left!important;
  }
  body[data-active-page="ai-gateway"] .gateway-decision-row > span{
    min-width:0!important;
    max-width:100%!important;
    text-align:left!important;
    justify-self:stretch!important;
  }
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(1){grid-column:1!important;grid-row:1!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(7){grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:start!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(2){grid-column:1/-1!important;grid-row:2!important;padding-bottom:7px;border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent)}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(3){grid-column:1!important;grid-row:3!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(4){grid-column:2!important;grid-row:3!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(5){grid-column:1!important;grid-row:4!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(6){grid-column:2!important;grid-row:4!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(n+3):nth-child(-n+6)::before{
    display:block;
    margin-bottom:2px;
    color:var(--muted);
    font-size:11.5px;
    font-weight:650;
    line-height:1.2;
    letter-spacing:.02em;
  }
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(3)::before{content:"Route"}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(4)::before{content:"Provider"}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(5)::before{content:"Latency"}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(6)::before{content:"Cost"}
  body[data-active-page="ai-gateway"] .gateway-decision-row b,
  body[data-active-page="ai-gateway"] .gateway-decision-row small{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
  }
  body[data-active-page="ai-gateway"] .gateway-pagination{
    gap:9px!important;
    padding:11px 12px!important;
  }
}

@media (max-width:340px){
  body[data-active-page="ai-gateway"] .gateway-controls-panel .gateway-control-grid,
  body[data-active-page="ai-gateway"] .gateway-control-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}


@media (min-width:761px) and (max-width:1100px){
  body[data-active-page="ai-gateway"] .gateway-data-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-table-head,
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row{
    width:100%!important;
    min-width:0!important;
  }
}

@media (max-width:340px){
  body[data-active-page="ai-gateway"] .gateway-controls-panel .gateway-control-grid,
  body[data-active-page="ai-gateway"] .gateway-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-active-page="ai-gateway"] .gateway-control{
    min-height:78px!important;
    padding:9px!important;
  }
}


@media (max-width:760px){
  body[data-active-page="sources-ingestion"] .p3-source-table,
  body[data-active-page="sources-ingestion"] .p3-jobs-table{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    scrollbar-gutter:auto!important;
  }
  body[data-active-page="sources-ingestion"] :is(.p3-source-table,.p3-jobs-table) .p3-table-head{
    display:none!important;
  }

  body[data-active-page="sources-ingestion"] .p3-source-row{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px 12px!important;
    padding:13px 14px!important;
    align-items:start!important;
    text-align:left!important;
  }
  body[data-active-page="sources-ingestion"] .p3-source-row > span{
    min-width:0!important;
    max-width:100%!important;
    text-align:left!important;
    justify-self:stretch!important;
  }
  body[data-active-page="sources-ingestion"] .p3-source-row > span:first-child{
    grid-column:1/-1!important;
    padding-bottom:8px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent);
  }
  body[data-active-page="sources-ingestion"] .p3-source-row > :is(span:nth-child(2),span:nth-child(3),span:nth-child(4),span:nth-child(5),span:nth-child(6),span:nth-child(7))::before{
    display:block;
    margin-bottom:3px;
    color:var(--muted);
    font-size:10.5px;
    font-weight:650;
    line-height:1.2;
    letter-spacing:.02em;
  }
  body[data-active-page="sources-ingestion"] .p3-source-row > span:nth-child(2)::before{content:"Knowledge space"}
  body[data-active-page="sources-ingestion"] .p3-source-row > span:nth-child(3)::before{content:"Connector"}
  body[data-active-page="sources-ingestion"] .p3-source-row > span:nth-child(4)::before{content:"Documents"}
  body[data-active-page="sources-ingestion"] .p3-source-row > span:nth-child(5)::before{content:"Last sync"}
  body[data-active-page="sources-ingestion"] .p3-source-row > span:nth-child(6)::before{content:"Errors"}
  body[data-active-page="sources-ingestion"] .p3-source-row > span:nth-child(7)::before{content:"Status"}
  body[data-active-page="sources-ingestion"] .p3-source-row .p3-num{
    text-align:left!important;
  }
  body[data-active-page="sources-ingestion"] .p3-source-row .p3-state-cell{
    display:block!important;
    justify-content:flex-start!important;
  }
  body[data-active-page="sources-ingestion"] .p3-source-row .p3-source-job-link{
    white-space:normal!important;
  }

  body[data-active-page="sources-ingestion"] .p3-job-row{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px 12px!important;
    padding:13px 14px!important;
    align-items:start!important;
    text-align:left!important;
  }
  body[data-active-page="sources-ingestion"] .p3-job-row > span{
    min-width:0!important;
    max-width:100%!important;
    text-align:left!important;
    justify-self:stretch!important;
  }
  body[data-active-page="sources-ingestion"] .p3-job-row > span:first-child{
    grid-column:1/-1!important;
    padding-bottom:8px;
    border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent);
  }
  body[data-active-page="sources-ingestion"] .p3-job-row > span:nth-child(2){grid-column:1/-1!important}
  body[data-active-page="sources-ingestion"] .p3-job-row > span:nth-child(7){grid-column:1/-1!important}
  body[data-active-page="sources-ingestion"] .p3-job-row > :is(span:nth-child(2),span:nth-child(3),span:nth-child(4),span:nth-child(5),span:nth-child(6),span:nth-child(7))::before{
    display:block;
    margin-bottom:3px;
    color:var(--muted);
    font-size:10.5px;
    font-weight:650;
    line-height:1.2;
    letter-spacing:.02em;
  }
  body[data-active-page="sources-ingestion"] .p3-job-row > span:nth-child(2)::before{content:"Source"}
  body[data-active-page="sources-ingestion"] .p3-job-row > span:nth-child(3)::before{content:"Processed"}
  body[data-active-page="sources-ingestion"] .p3-job-row > span:nth-child(4)::before{content:"Failed"}
  body[data-active-page="sources-ingestion"] .p3-job-row > span:nth-child(5)::before{content:"Duration"}
  body[data-active-page="sources-ingestion"] .p3-job-row > span:nth-child(6)::before{content:"Started"}
  body[data-active-page="sources-ingestion"] .p3-job-row > span:nth-child(7)::before{content:"Status"}
  body[data-active-page="sources-ingestion"] .p3-job-row .p3-num,
  body[data-active-page="sources-ingestion"] .p3-job-row .p3-state-cell{
    text-align:left!important;
    justify-content:flex-start!important;
  }
  body[data-active-page="sources-ingestion"] .p3-job-progress{
    width:100%!important;
    text-align:left!important;
  }
}


@media (max-width:760px){
  body[data-app-shell="true"][data-active-page="sources-ingestion"] .p3-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-active-page="sources-ingestion"] .p3-metric{
    min-height:0!important;
    padding:14px 15px!important;
    border-right:0!important;
    border-bottom:0!important;
  }
  body[data-active-page="sources-ingestion"] .p3-metric:nth-child(odd){border-right:1px solid var(--line)!important}
  body[data-active-page="sources-ingestion"] .p3-metric:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
  body[data-active-page="sources-ingestion"] .p3-metric strong{font-size:23px!important}
}

@media (max-width:340px){
  body[data-active-page="sources-ingestion"] .p3-source-row,
  body[data-active-page="sources-ingestion"] .p3-job-row{
    gap:9px 10px!important;
    padding:12px!important;
  }
}


@media (max-width:760px){
  body[data-active-page="prompts"] .p3-prompt-layout{
    gap:14px!important;
  }
  body[data-active-page="prompts"] .p3-prompt-item{
    min-height:0!important;
    padding:11px 13px!important;
    gap:8px!important;
  }
  body[data-active-page="prompts"] .p3-prompt-item b{
    font-size:13px!important;
    line-height:1.35!important;
  }
  body[data-active-page="prompts"] .p3-prompt-item small{
    margin-top:2px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere;
  }

  
  body[data-active-page="prompts"] .p3-editor-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    padding:0!important;
    overflow:visible!important;
  }
  body[data-active-page="prompts"] .p3-editor-tab{
    min-width:0!important;
    width:100%!important;
    padding:10px 8px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.3!important;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  body[data-active-page="prompts"] .p3-editor-tab:nth-child(2n){border-right:0}

  
  body[data-active-page="prompts"] .p3-editor{
    min-height:0!important;
    padding:12px 0!important;
    overflow-x:hidden!important;
  }
  body[data-active-page="prompts"] .p3-editor code{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  body[data-active-page="prompts"] .p3-editor-line{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:start!important;
    padding:3px 12px 3px 0!important;
  }
  body[data-active-page="prompts"] .p3-line-number{
    padding-right:7px!important;
    font-size:10.5px!important;
    line-height:1.6!important;
  }
  body[data-active-page="prompts"] .p3-line-code{
    min-width:0!important;
    padding-left:9px!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.58!important;
  }

  
  body[data-active-page="prompts"] .p3-prompt-meta-footer{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-active-page="prompts"] .p3-prompt-meta-footer > span{
    min-width:0!important;
    border-top:0!important;
    border-left:1px solid var(--line)!important;
    padding:11px 12px!important;
  }
  body[data-active-page="prompts"] .p3-prompt-meta-footer > span:nth-child(odd){border-left:0!important}
  body[data-active-page="prompts"] .p3-prompt-meta-footer > span:nth-child(n+3){border-top:1px solid var(--line)!important}

  body[data-active-page="prompts"] .p3-version-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-active-page="prompts"] .p3-version-metrics > div{
    min-width:0!important;
    padding:11px 12px!important;
  }
}

@media (max-width:760px){
  
  body[data-app-shell="true"][data-active-page="prompts"] .p3-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-active-page="prompts"] .p3-metric{
    min-height:0!important;
    padding:14px 13px!important;
    border-right:0!important;
    border-bottom:0!important;
  }
  body[data-active-page="prompts"] .p3-metric:nth-child(odd){border-right:1px solid var(--line)!important}
  body[data-active-page="prompts"] .p3-metric:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
  body[data-active-page="prompts"] .p3-metric strong{font-size:23px!important}

  body[data-active-page="prompts"] .p3-prompt-registry-panel .p3-panel-head,
  body[data-active-page="prompts"] .p3-prompt-editor-panel .p3-panel-head,
  body[data-active-page="prompts"] .p3-version-panel .p3-panel-head{
    padding:13px!important;
  }
  body[data-active-page="prompts"] .intel-prompt-state{
    margin:10px 12px 12px!important;
  }
}

@media (max-width:340px){
  body[data-active-page="prompts"] .p3-editor-line{
    grid-template-columns:26px minmax(0,1fr)!important;
    padding-right:10px!important;
  }
  body[data-active-page="prompts"] .p3-line-number{padding-right:5px!important}
  body[data-active-page="prompts"] .p3-line-code{padding-left:7px!important}
}


@media (max-width:760px){
  body[data-active-page="ai-gateway"] .gateway-data-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid > .p2-panel{
    width:100%!important;
    min-width:0!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid > .p2-panel .p2-panel-head,
  body[data-active-page="ai-gateway"] .gateway-decisions-panel .p2-panel-head{
    padding:13px 14px!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)!important;
    gap:5px 10px!important;
    padding:10px 11px!important;
    min-height:0!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row > span{
    font-size:12px!important;
    line-height:1.32!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row > span:first-child{
    grid-column:1!important;
    grid-row:1!important;
    padding-bottom:0!important;
    border-bottom:0!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row > span:first-child b{
    font-size:12.5px!important;
    line-height:1.25!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row > span:first-child small{
    margin-top:1px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
  }
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row > .p2-status{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:start!important;
    margin:0!important;
  }
  body[data-active-page="ai-gateway"] .gateway-strategy-row > span:nth-child(2),
  body[data-active-page="ai-gateway"] .gateway-provider-health > span:nth-child(2){grid-column:1!important;grid-row:2!important}
  body[data-active-page="ai-gateway"] .gateway-strategy-row > span:nth-child(3),
  body[data-active-page="ai-gateway"] .gateway-provider-health > span:nth-child(3){grid-column:2!important;grid-row:2!important}
  body[data-active-page="ai-gateway"] .gateway-strategy-row > span:nth-child(4),
  body[data-active-page="ai-gateway"] .gateway-provider-health > span:nth-child(4){grid-column:1!important;grid-row:3!important}
  body[data-active-page="ai-gateway"] .gateway-strategy-row > span:nth-child(5),
  body[data-active-page="ai-gateway"] .gateway-provider-health > span:nth-child(5){grid-column:2!important;grid-row:3!important}
  body[data-active-page="ai-gateway"] .gateway-data-grid .gateway-table .p2-row > span:not(:first-child):not(.p2-status)::before{
    margin-bottom:1px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    letter-spacing:.015em!important;
  }

  body[data-active-page="ai-gateway"] .gateway-decisions-table .gateway-decision-row{
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;
    gap:5px 10px!important;
    padding:10px 11px!important;
    min-height:0!important;
  }
  body[data-active-page="ai-gateway"] .gateway-decision-row > span{
    font-size:12px!important;
    line-height:1.3!important;
  }
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(1){grid-column:1!important;grid-row:1!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(7){grid-column:2!important;grid-row:1!important;justify-self:end!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(2){
    grid-column:1/-1!important;
    grid-row:2!important;
    padding:4px 0 6px!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)!important;
  }
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(3){grid-column:1!important;grid-row:3!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(4){grid-column:2!important;grid-row:3!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(5){grid-column:1!important;grid-row:4!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(6){grid-column:2!important;grid-row:4!important}
  body[data-active-page="ai-gateway"] .gateway-decision-row > span:nth-child(n+3):nth-child(-n+6)::before{
    margin-bottom:1px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    letter-spacing:.015em!important;
  }
  body[data-active-page="ai-gateway"] .gateway-pagination{
    padding:10px 11px!important;
    row-gap:8px!important;
  }
}


@media (max-width:760px){
  body[data-app-shell="true"][data-active-page="context-memory"] .p3-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-active-page="context-memory"] .p3-metric{
    min-height:0!important;
    padding:14px 15px!important;
    border-right:0!important;
    border-bottom:0!important;
  }
  body[data-active-page="context-memory"] .p3-metric:nth-child(odd){border-right:1px solid var(--line)!important}
  body[data-active-page="context-memory"] .p3-metric:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
  body[data-active-page="context-memory"] .p3-metric strong{font-size:23px!important}

  body[data-active-page="context-memory"] .p3-context-budget-panel .p3-panel-body,
  body[data-active-page="context-memory"] .p3-memory-boundary-panel .p3-panel-body{padding:14px!important}
  body[data-active-page="context-memory"] .p3-context-budget-summary{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  body[data-active-page="context-memory"] .p3-context-budget-summary .headroom{text-align:right!important}
  body[data-active-page="context-memory"] .p3-context-mobile-budget{gap:8px!important}
  body[data-active-page="context-memory"] .p3-context-mobile-budget>div{
    grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr)!important;
    gap:9px!important;
  }
  body[data-active-page="context-memory"] .p3-memory-policy-intro{padding:12px!important}
  body[data-active-page="context-memory"] .p3-memory-modes{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-active-page="context-memory"] .p3-memory-modes>span{min-width:0!important;padding:10px!important}

  body[data-active-page="context-memory"] .p3-context-profiles-panel .p3-panel-head{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    padding:13px 14px!important;
  }
  body[data-active-page="context-memory"] .p3-context-table{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    scrollbar-gutter:auto!important;
  }
  body[data-active-page="context-memory"] .p3-context-table .p3-table-head{display:none!important}
  body[data-active-page="context-memory"] .p3-context-table .p3-context-profile-row{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px 12px!important;
    padding:13px 14px!important;
    align-items:start!important;
    text-align:left!important;
  }
  body[data-active-page="context-memory"] .p3-context-profile-row>span{
    min-width:0!important;
    max-width:100%!important;
    text-align:left!important;
    justify-self:stretch!important;
    overflow-wrap:anywhere;
  }
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(1){
    grid-column:1/-1!important;
    padding-bottom:8px!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent)!important;
  }
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(2){grid-column:1/-1!important}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(4){grid-column:1/-1!important}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(7){justify-self:start!important;text-align:left!important}
  body[data-active-page="context-memory"] .p3-context-profile-row> :is(span:nth-child(2),span:nth-child(3),span:nth-child(4),span:nth-child(5),span:nth-child(6),span:nth-child(7))::before{
    display:block;
    margin-bottom:3px;
    color:var(--muted);
    font-size:10.5px;
    font-weight:650;
    line-height:1.2;
    letter-spacing:.02em;
  }
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(2)::before{content:"Application"}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(3)::before{content:"Context cap"}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(4)::before{content:"Utilization"}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(5)::before{content:"Cache reuse"}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(6)::before{content:"Memory"}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(7)::before{content:"Status"}
  body[data-active-page="context-memory"] .p3-context-utilization{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
  }
  body[data-active-page="context-memory"] .p3-context-profile-row .p3-num,
  body[data-active-page="context-memory"] .p3-context-profile-row .p3-state-cell{
    text-align:left!important;
    justify-content:flex-start!important;
  }
}

@media (max-width:340px){
  body[data-active-page="context-memory"] .p3-context-budget-summary{grid-template-columns:1fr!important}
  body[data-active-page="context-memory"] .p3-context-budget-summary .headroom{text-align:left!important}
  body[data-active-page="context-memory"] .p3-context-mobile-budget>div{grid-template-columns:1fr!important;gap:5px!important}
  body[data-active-page="context-memory"] .p3-context-profile-row{gap:9px 10px!important;padding:12px!important}
}


@media (max-width:760px){
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(1){grid-column:1/-1!important;grid-row:1!important}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(2){grid-column:1/-1!important;grid-row:2!important}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(3){grid-column:1!important;grid-row:3!important}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(5){grid-column:2!important;grid-row:3!important}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(4){grid-column:1/-1!important;grid-row:4!important}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(6){grid-column:1!important;grid-row:5!important}
  body[data-active-page="context-memory"] .p3-context-profile-row>span:nth-child(7){grid-column:2!important;grid-row:5!important}
  body[data-active-page="context-memory"] .p3-context-utilization::before{grid-column:1/-1!important}
  body[data-active-page="context-memory"] .p3-context-utilization>b{grid-column:1!important}
  body[data-active-page="context-memory"] .p3-context-utilization>i{grid-column:2!important}
}


@media (max-width:760px){
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-metric{
    min-height:0!important;
    padding:15px 16px!important;
    border-right:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-metric:nth-child(2n){border-right:0!important}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-metric:nth-child(n+3){border-bottom:0!important}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-metric strong{font-size:23px!important}

  body[data-app-shell="true"][data-quality-page="datasets"] .p4-panel-head{
    gap:12px!important;
    padding:15px!important;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-filters-single{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-filters-single .p4-input{
    grid-column:1/-1!important;
    width:100%!important;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-filters-single :is(select,.quality-mini-select,.p4-btn){
    width:100%!important;
    min-width:0!important;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-filters-single .p4-btn:last-child{
    grid-column:1/-1!important;
  }

  body[data-app-shell="true"][data-quality-page="datasets"] .p4-dataset-grid{
    gap:10px!important;
    padding:12px!important;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-dataset{
    padding:14px!important;
  }

  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-table{
    overflow:visible!important;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-table .p4-table-head{
    display:none!important;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-table .p4-case-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 12px!important;
    width:calc(100% - 24px)!important;
    min-width:0!important;
    margin:10px 12px!important;
    padding:14px!important;
    border:1px solid var(--line)!important;
    border-radius:13px!important;
    background:var(--surface-solid)!important;
    box-shadow:0 8px 22px color-mix(in srgb,var(--text) 3%,transparent);
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-table .p4-case-row.is-failing{
    border-color:color-mix(in srgb,var(--danger) 25%,var(--line))!important;
    background:color-mix(in srgb,var(--danger) 3%,var(--surface-solid))!important;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span{
    display:block!important;
    min-width:0!important;
    text-align:left!important;
    justify-self:stretch!important;
    overflow-wrap:anywhere;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span::before{
    display:block;
    margin-bottom:4px;
    color:var(--muted);
    font-size:10.5px;
    font-weight:700;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:.055em;
  }
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(1),
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(2),
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(3),
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(4),
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(7){grid-column:1/-1!important}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(1)::before{content:"Scenario"}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(2)::before{content:"Expected behavior"}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(3)::before{content:"Tags"}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(4)::before{content:"Source trace"}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(5)::before{content:"Difficulty"}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(6)::before{content:"Last score"}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(7)::before{content:"Status"}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row .p4-score,
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-case-row>span:nth-child(7){text-align:left!important;justify-self:stretch!important}
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-table-note{padding:10px 14px!important}
}

@media (min-width:560px) and (max-width:760px){
  body[data-app-shell="true"][data-quality-page="datasets"] .p4-dataset-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


@media (max-width:760px){
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-metric{
    min-height:0!important;
    padding:15px 16px!important;
    border-right:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-metric:nth-child(2n){border-right:0!important}
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-metric:nth-child(n+3){border-bottom:0!important}
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-metric strong{font-size:23px!important}

  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-policy-registry .p4-panel-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
    padding:15px!important;
    align-items:start!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .quality-policy-toolbar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .quality-policy-toolbar .quality-mini-select{
    width:100%!important;
    min-width:0!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-policy-registry .p4-panel-head>.p4-btn{
    width:100%!important;
    min-width:0!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-policy-grid{
    gap:10px!important;
    padding:12px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-policy{
    padding:14px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-policy-facts{
    margin-top:11px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-policy-facts span{
    padding-top:8px!important;
    padding-bottom:0!important;
  }

  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-policy-composer-panel .p4-panel-head{
    padding:15px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-decision-composer{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-decision-composer .p4-builder-block{
    padding:14px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-decision-composer .p4-builder-options{
    gap:6px!important;
    margin-top:11px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-decision-composer .p4-builder-options .p4-btn{
    min-height:34px!important;
    padding-inline:10px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-builder-arrow{
    width:100%!important;
    height:auto!important;
    min-height:36px!important;
    padding:0!important;
    transform:none!important;
    flex-direction:row!important;
    gap:8px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-builder-arrow span{
    width:34px!important;
    height:34px!important;
    transform:rotate(90deg)!important;
    flex:0 0 34px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-builder-arrow small{
    writing-mode:horizontal-tb!important;
    transform:none!important;
    text-align:left!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-boundary-facts{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin-top:12px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-boundary-facts span{
    padding:9px 8px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-boundary-facts small{font-size:10.5px!important}
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-boundary-facts b{
    font-size:11.25px!important;
    overflow-wrap:anywhere;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-policy-preview{
    gap:11px!important;
    padding:12px 14px!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-policy-preview>span{
    font-size:11.75px!important;
  }
}

@media (min-width:560px) and (max-width:760px){
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-policy-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:340px){
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-boundary-facts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-app-shell="true"][data-quality-page="policies-guardrails"] .p4-boundary-facts>span:first-child{
    grid-column:1/-1!important;
  }
}


@media (max-width:760px){
  body[data-app-shell="true"][data-active-page="sessions"] .p5-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-app-shell="true"][data-active-page="sessions"] .p5-metric{
    min-height:104px;
    padding:15px 16px!important;
    border-right:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  body[data-app-shell="true"][data-active-page="sessions"] .p5-metric:nth-child(2n){border-right:0!important}
  body[data-app-shell="true"][data-active-page="sessions"] .p5-metric:nth-last-child(-n+2){border-bottom:0!important}
  body[data-app-shell="true"][data-active-page="sessions"] .p5-metric strong{font-size:23px}

  body[data-active-page="sessions"] .observe-session-toolbar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:10px!important;
  }
  body[data-active-page="sessions"] #observe-session-search,
  body[data-active-page="sessions"] #observe-session-outcome{grid-column:1/-1!important}
  body[data-active-page="sessions"] .observe-session-toolbar .p5-input{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body[data-active-page="sessions"] .p5-session-item{
    min-height:0!important;
    padding:12px 14px!important;
  }

  body[data-active-page="sessions"] .p5-table.sessions{
    overflow:visible!important;
  }
  body[data-active-page="sessions"] .p5-table.sessions .p5-table-head{
    display:none!important;
  }
  body[data-active-page="sessions"] .p5-table.sessions .p5-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    text-align:left!important;
  }
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span{
    position:relative;
    display:block!important;
    min-width:0!important;
    padding:8px 10px!important;
    border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);
    text-align:left!important;
    overflow-wrap:anywhere;
  }
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(1),
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(2){
    grid-column:span 2!important;
  }
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(3),
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(8){
    grid-column:1/-1!important;
  }
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span::before{
    display:block;
    margin-bottom:4px;
    color:var(--muted);
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.035em;
    text-transform:uppercase;
  }
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(1)::before{content:"Session"}
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(2)::before{content:"User"}
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(3)::before{content:"Application"}
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(4)::before{content:"Turns"}
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(5)::before{content:"Duration"}
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(6)::before{content:"Tokens"}
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(7)::before{content:"Cost"}
  body[data-active-page="sessions"] .p5-table.sessions .p5-row>span:nth-child(8)::before{content:"Quality / outcome"}
  body[data-active-page="sessions"] .p5-table.sessions .p5-row b,
  body[data-active-page="sessions"] .p5-table.sessions .p5-row small{max-width:100%;overflow-wrap:anywhere}
}

@media (max-width:430px){
  body[data-active-page="sessions"] .observe-session-toolbar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-active-page="sessions"] .p5-panel-head{padding:14px!important}
  body[data-active-page="sessions"] .p5-panel-head h2{font-size:15px}
  body[data-active-page="sessions"] .p5-panel-head p{font-size:11.5px}
}


@media (max-width:760px){
  body[data-app-shell="true"][data-observe-page="performance-slo"] .p5-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-app-shell="true"][data-observe-page="performance-slo"] .p5-metric{
    min-height:104px;
    padding:15px 16px!important;
    border-right:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  body[data-app-shell="true"][data-observe-page="performance-slo"] .p5-metric:nth-child(2n){border-right:0!important}
  body[data-app-shell="true"][data-observe-page="performance-slo"] .p5-metric:nth-child(5){
    grid-column:1/-1!important;
    min-height:94px;
    border-right:0!important;
    border-bottom:0!important;
  }
  body[data-app-shell="true"][data-observe-page="performance-slo"] .p5-metric strong{font-size:23px}

  body[data-observe-page="performance-slo"] .observe-slo-table{
    overflow:visible!important;
  }
  body[data-observe-page="performance-slo"] .observe-slo-table .p5-table-head{
    display:none!important;
  }
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    text-align:left!important;
  }
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span{
    position:relative;
    display:block!important;
    min-width:0!important;
    padding:9px 10px!important;
    border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);
    text-align:left!important;
    overflow-wrap:anywhere;
  }
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(1),
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(2){
    grid-column:1/-1!important;
  }
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(n+3):nth-child(-n+6){
    grid-column:span 2!important;
  }
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(7){
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center;
    justify-content:flex-start!important;
  }
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span::before{
    display:block;
    margin-bottom:4px;
    color:var(--muted);
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.035em;
    text-transform:uppercase;
  }
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(1)::before{content:"SLO"}
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(2)::before{content:"Target / SLI"}
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(3)::before{content:"Current"}
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(4)::before{content:"Window"}
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(5)::before{content:"Budget"}
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(6)::before{content:"Burn"}
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row>span:nth-child(7)::before{content:"Status"}
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row b,
  body[data-observe-page="performance-slo"] .observe-slo-table .observe-slo-row small{max-width:100%;overflow-wrap:anywhere}

  body[data-observe-page="performance-slo"] .observe-slo-registry-panel .p5-panel-head{
    align-items:flex-start;
    flex-direction:column;
  }
  body[data-observe-page="performance-slo"] .observe-slo-registry-panel .p5-panel-head>.p5-btn{
    width:100%;
    justify-content:center;
  }
}

@media (max-width:430px){
  body[data-observe-page="performance-slo"] .p5-panel-head{padding:14px!important}
  body[data-observe-page="performance-slo"] .p5-panel-head h2{font-size:15px}
  body[data-observe-page="performance-slo"] .p5-panel-head p{font-size:11.5px}
  body[data-observe-page="performance-slo"] .observe-budget-policy .p5-burn{
    min-height:0!important;
    padding:12px 14px!important;
  }
  body[data-observe-page="performance-slo"] .observe-chart-foot{
    gap:5px!important;
    padding-inline:14px!important;
  }
}


@media (max-width:760px){
  body[data-app-shell="true"][data-observe-page="alerts-incidents"] .p5-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-metric{
    min-height:104px!important;
    padding:15px 16px!important;
    border-right:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-metric:nth-child(2n){border-right:0!important}
  body[data-observe-page="alerts-incidents"] .p5-metric:nth-last-child(-n+2){border-bottom:0!important}
  body[data-observe-page="alerts-incidents"] .p5-metric strong{font-size:23px!important}

  body[data-observe-page="alerts-incidents"] .p5-panel-head{
    align-items:flex-start!important;
    padding:15px 16px!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-panel-head .p5-btn{
    min-height:36px!important;
    padding-inline:11px!important;
  }

  body[data-observe-page="alerts-incidents"] .p5-table.alerts{
    overflow:visible!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-table-head{
    display:none!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    text-align:left!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span{
    position:relative;
    display:block!important;
    min-width:0!important;
    padding:9px 12px!important;
    border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);
    text-align:left!important;
    overflow-wrap:anywhere;
  }
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span:nth-child(1),
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span:nth-child(3),
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span:nth-child(7){
    grid-column:1/-1!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span::before{
    display:block;
    margin-bottom:4px;
    color:var(--muted);
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.035em;
    text-transform:uppercase;
  }
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span:nth-child(1)::before{content:"Rule"}
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span:nth-child(2)::before{content:"Severity"}
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span:nth-child(3)::before{content:"Source"}
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span:nth-child(4)::before{content:"Started"}
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span:nth-child(5)::before{content:"Current"}
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span:nth-child(6)::before{content:"Incident"}
  body[data-observe-page="alerts-incidents"] .p5-table.alerts .p5-row>span:nth-child(7)::before{content:"Status / action"}
  body[data-observe-page="alerts-incidents"] .p5-alert-state{
    justify-content:flex-start!important;
    align-items:center!important;
  }

  body[data-observe-page="alerts-incidents"] .p5-incident-grid{
    gap:10px!important;
    padding:12px!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-incident{
    padding:14px!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-incident p{
    margin-top:8px!important;
  }
  body[data-observe-page="alerts-incidents"] .observe-incident-impact{
    margin-top:10px!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-incident-meta{
    flex-wrap:wrap!important;
    margin-top:10px!important;
  }

  body[data-observe-page="alerts-incidents"] .observe-incident-context{
    align-items:flex-start!important;
    padding:10px 14px!important;
  }
  body[data-observe-page="alerts-incidents"] .observe-incident-context small{
    width:100%!important;
    margin-left:0!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-workflow.observe-response-stepper{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    padding:12px!important;
  }
  body[data-observe-page="alerts-incidents"] .observe-response-stepper .p5-workflow-step{
    min-height:0!important;
    padding:11px 12px!important;
  }
  body[data-observe-page="alerts-incidents"] .observe-response-stepper .p5-workflow-step b{
    margin-top:6px!important;
  }
  body[data-observe-page="alerts-incidents"] .observe-response-stepper .p5-workflow-step:not(:last-child)::after{
    left:26px!important;
    top:100%!important;
    width:1px!important;
    height:9px!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-auto{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px 14px!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-auto>.p5-status{
    grid-column:2!important;
    justify-self:start!important;
  }
}

@media (min-width:560px) and (max-width:760px){
  body[data-observe-page="alerts-incidents"] .p5-incident-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-observe-page="alerts-incidents"] .p5-workflow.observe-response-stepper{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-observe-page="alerts-incidents"] .observe-response-stepper .p5-workflow-step:not(:last-child)::after{
    display:none!important;
  }
}