/* AUSAPE Centro de Conocimiento SAP · V12.1.36
   Visual hardening layer. Loaded last on every surface to prevent legacy V5–V12
   rules from creating overlaps without changing business logic. */
:root{
  --ccsap-safe-top:env(safe-area-inset-top,0px);
  --ccsap-safe-right:env(safe-area-inset-right,0px);
  --ccsap-safe-bottom:env(safe-area-inset-bottom,0px);
  --ccsap-safe-left:env(safe-area-inset-left,0px);
  --ccsap-touch:44px;
  --ccsap-dialog-gap:clamp(10px,2vw,22px);
  --ccsap-polish-line:rgba(7,87,166,.13);
  --ccsap-polish-shadow:0 22px 70px rgba(4,48,72,.14);
}
html{max-width:100%;overflow-x:hidden;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas,iframe{max-width:100%}
button,input,select,textarea{max-width:100%}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
.shell,.topbar,.hero,.stats,.dimension-switcher,.v8-commandbar,.v8-highlights,.ccsap-quick-access{min-width:0}
.grid>* ,.hero>* ,.stats>* ,.detail-layout>* ,.editor-layout>* ,.settings-grid>* ,.v8-resource-grid>* ,.v5-resource-grid>*{min-width:0}

/* Header / global navigation */
.topbar-wrap{z-index:120!important;padding-top:max(8px,var(--ccsap-safe-top))}
.topbar{grid-template-columns:minmax(180px,auto) minmax(220px,1fr) auto!important;gap:clamp(8px,1.3vw,18px)!important;min-width:0}
.brand,.brand-copy,.search-wrap,.actions{min-width:0}
.actions{flex-wrap:nowrap;justify-content:flex-end}
.actions .btn,#ccsapPortalBack,#ccsapManagementBack{min-height:var(--ccsap-touch);white-space:nowrap}
.live-badge{flex:0 0 auto;white-space:nowrap}
.search{min-width:0}

/* Command bar: never allow controls to sit over each other */
.v8-commandbar{position:relative!important;z-index:25!important;align-items:stretch!important;gap:9px!important;min-width:0}
.v8-commandbar>*{min-width:0}
.v8-command-launch,.v8-featured-launch,.v81-filter-launch,.v8-notify-launch{min-height:48px!important}
.v8-mini-dimensions{min-width:0;overflow:hidden}
.v8-mini-dimensions button{min-width:0;max-width:100%}

/* Constellation */
.hero-radar,.radar-core{isolation:isolate}
.constellation-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 44px)}
.constellation-control{min-width:36px;min-height:36px;flex:0 0 auto}
.constellation-status{max-width:calc(100% - 44px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.constellation-card{min-width:0!important}
.constellation-copy{min-width:0!important;overflow:hidden}
.constellation-title,.constellation-meta{overflow-wrap:anywhere}
.constellation-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ccsap-constellation-fav{top:8px!important;right:8px!important;z-index:20!important;min-width:34px!important;min-height:34px!important;box-shadow:0 9px 24px rgba(7,58,86,.13)!important}
.constellation-node:has(.ccsap-constellation-fav) .constellation-arrow{margin-right:28px}

/* Main dimension modal */
.backdrop{z-index:2400!important;padding:max(10px,var(--ccsap-safe-top)) max(10px,var(--ccsap-safe-right)) max(10px,var(--ccsap-safe-bottom)) max(10px,var(--ccsap-safe-left))!important;overflow:auto!important;overscroll-behavior:contain}
#detailDialog,.dialog{max-width:calc(100vw - (var(--ccsap-dialog-gap) * 2))!important;max-height:calc(var(--ccsap-vh,100dvh) - (var(--ccsap-dialog-gap) * 2))!important;margin:auto!important}
.dialog-header{position:relative;z-index:20;flex:0 0 auto;gap:10px!important;min-width:0;padding:clamp(14px,2vw,22px) clamp(14px,2vw,24px)!important}
.dialog-heading{flex:1 1 auto;min-width:0!important}
.dialog-heading>div:last-child{min-width:0;overflow:hidden}
.dialog-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dialog-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dialog-icon{flex:0 0 auto}
.close,.ccsap-detail-header-fav{flex:0 0 auto;min-width:42px;min-height:42px}
.ccsap-detail-header-fav{margin-left:auto!important;margin-right:0!important;max-width:220px!important}
.dialog-header>.close{margin-left:0!important}
.dialog-body{min-height:0!important;overscroll-behavior:contain}
.detail-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;min-height:0!important;height:100%}
.tabs-panel{min-width:0;max-width:100%;overflow:auto;overscroll-behavior:contain}
.detail-main{min-width:0!important;overflow:auto!important;padding:clamp(18px,3vw,42px)!important;overscroll-behavior:contain}
.v5-segment-panel{min-width:0}
.v5-segment-btn{min-width:0}
.v5-segment-btn strong,.v5-segment-btn small{overflow-wrap:anywhere}

/* Detail hero */
.v5-detail-hero{min-width:0;padding:clamp(18px,2.5vw,28px)!important}
.v5-detail-hero-grid{grid-template-columns:auto minmax(0,1fr) auto!important;gap:clamp(10px,1.6vw,18px)!important}
.v5-detail-icon{flex:0 0 auto}
.v5-detail-hero h2,.v5-detail-hero p{overflow-wrap:anywhere}
.v5-detail-date{min-width:118px;position:relative;z-index:3}
.v5-resource-tools{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,228px);align-items:center!important}
.v5-resource-search,.v5-resource-sort{width:100%!important;min-width:0!important}

/* Resource cards: keep action icons, badge and text in separate zones */
.v5-resource-grid,.v8-resource-grid{align-items:stretch}
.v5-resource-card,.v8-resource-card{min-width:0;isolation:isolate}
.v5-resource-body{min-width:0;padding:21px!important}
.v5-resource-card:has(.v5-resource-actions) .v5-resource-top{padding-right:74px}
.v5-resource-top{min-width:0;align-items:flex-start!important}
.v5-resource-type{min-width:0;overflow:hidden;overflow-wrap:anywhere}
.v5-resource-badge{flex:0 0 auto;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v5-resource-card h3,.v8-resource-card h3{overflow-wrap:anywhere;hyphens:auto}
.v5-resource-card p,.v8-resource-card p{overflow-wrap:anywhere}
.v5-resource-actions{top:13px!important;right:13px!important;z-index:8!important;flex-wrap:nowrap}
.v5-resource-actions button,.v8-resource-actions button{min-width:35px;min-height:35px;display:grid;place-items:center}
.v5-resource-footer,.v8-resource-footer{min-width:0}
.v5-resource-domain,.v8-resource-footer span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v5-resource-cta,.v8-resource-footer span:last-child{flex:0 0 auto;white-space:nowrap}
.v8-resource-content{min-width:0}
.v8-resource-kicker{align-items:flex-start;min-width:0}
.v8-resource-kicker span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v8-resource-kicker span:last-child{flex:0 0 auto;white-space:nowrap}

/* Highlights / quick access */
.v8-highlights,.ccsap-quick-access{overflow:hidden}
.v8-highlights-head,.ccsap-quick-head{min-width:0}
.v8-highlights-head>div,.ccsap-quick-head>div{min-width:0}
.v8-highlight-rail{max-width:100%;scroll-padding-inline:4px}
.v8-highlight-card{min-width:0}
.v8-highlight-card h3,.v8-highlight-card p{overflow-wrap:anywhere}
.ccsap-quick-grid>*{min-width:0}
.ccsap-quick-card{min-width:0}
.ccsap-quick-card span:first-child{min-width:0}
.ccsap-quick-card strong,.ccsap-quick-card small{overflow-wrap:anywhere}

/* Explorer / notification center */
.v8-explorer-backdrop{z-index:2600!important;overflow:auto!important;overscroll-behavior:contain}
.v8-explorer-dialog{width:min(1320px,calc(100vw - 24px))!important;max-height:calc(var(--ccsap-vh,100dvh) - 24px)!important;margin:auto!important}
.v8-explorer-controls,.v8-explorer-search-row,.v8-explorer-summary,.v8-explorer-body{min-width:0}
.v81-filter-popover{max-width:calc(100vw - 24px);max-height:calc(var(--ccsap-vh,100dvh) - 150px);overflow:auto;overscroll-behavior:contain}
.v8-notification-dialog{max-width:calc(100vw - 24px)!important;max-height:calc(var(--ccsap-vh,100dvh) - 24px)!important}
.v8-notification-item{min-width:0}
.v8-notification-item>div{min-width:0}
.v8-notification-item strong,.v8-notification-item small{overflow-wrap:anywhere}

/* Generic V12 modals */
.v12-modal{z-index:3000!important;padding:max(10px,var(--ccsap-safe-top)) max(10px,var(--ccsap-safe-right)) max(10px,var(--ccsap-safe-bottom)) max(10px,var(--ccsap-safe-left))!important;overflow:auto!important;overscroll-behavior:contain}
.v12-modal-card{width:min(760px,calc(100vw - 20px))!important;max-height:calc(var(--ccsap-vh,100dvh) - 20px)!important;overflow:auto!important;margin:auto}
.v12-modal-head>div{min-width:0}
.v12-modal-head h2{overflow-wrap:anywhere}
.v12-preview-actions button{min-height:42px}

/* Editor and settings */
.editor-dialog{max-width:calc(100vw - 20px)!important}
.editor-layout{grid-template-columns:minmax(270px,340px) minmax(0,1fr)!important;min-height:0!important}
.editor-sidebar,.editor-main{min-width:0;overscroll-behavior:contain}
.editor-toolbar{top:0!important;max-width:100%;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:thin}
.editor-toolbar>*{flex:0 0 auto}
.wysiwyg{max-width:100%;overflow-wrap:anywhere}
.field-row,.resource-meta-editor{min-width:0}
.field,.field input,.field textarea,.field select{min-width:0}
.settings-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)!important;min-width:0}
.settings-preview{min-width:0}

/* Internal cloud / management UI */
.cloud-v10-modal{z-index:2800!important;padding:max(10px,var(--ccsap-safe-top)) max(10px,var(--ccsap-safe-right)) max(10px,var(--ccsap-safe-bottom)) max(10px,var(--ccsap-safe-left))!important;overflow:auto!important}
.cloud-v10-panel{width:min(980px,calc(100vw - 20px))!important;max-height:calc(var(--ccsap-vh,100dvh) - 20px)!important;min-width:0;overflow:auto!important;overscroll-behavior:contain}
.cloud-v10-grid,.cloud-user-form,.cloud-import-grid,.cloud-v10-health,.cloud-segment-row,.cloud-structure-new,.cloud-structure-target{min-width:0}
.cloud-v10-grid>*,.cloud-user-form>*,.cloud-import-grid>*,.cloud-segment-row>*,.cloud-structure-new>*,.cloud-structure-target>*{min-width:0}
.cloud-v10-field input,.cloud-v10-field textarea,.cloud-v10-field select,.cloud-segment-row input,.cloud-segment-row select,.cloud-structure-new input,.cloud-structure-target select{min-width:0!important;max-width:100%}
.cloud-v10-tabs{position:sticky;top:-25px;z-index:12;background:#fff;padding:8px 0 6px;margin-top:8px}
.cloud-v10-table{min-width:720px}
.cloud-v10-panel:has(.cloud-v10-table){overflow-x:auto!important}
.cloud-structure-head{min-width:0;flex-wrap:wrap}
.cloud-structure-head>div{min-width:0}
.cloud-segment-actions{min-width:0}
.cloud-segment-actions button{min-height:34px}
.v1212actions,.cloud-v10-actions{max-width:100%}
.v1212actions button,.cloud-v10-actions button{min-height:40px}

/* Floating UI: keep clear of safe areas and each other */
.toast-stack{right:max(12px,var(--ccsap-safe-right))!important;bottom:max(76px,calc(var(--ccsap-safe-bottom) + 76px))!important;max-width:min(390px,calc(100vw - 24px))}
.toast{min-width:0!important;width:min(360px,calc(100vw - 24px));max-width:100%!important;overflow-wrap:anywhere}
.admin-dock{right:max(12px,var(--ccsap-safe-right))!important;bottom:max(12px,var(--ccsap-safe-bottom))!important;max-width:calc(100vw - 24px);flex-wrap:wrap}
.cloud-v10-status{left:max(12px,var(--ccsap-safe-left))!important;bottom:max(12px,var(--ccsap-safe-bottom))!important;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Footer */
.footer-inner{flex-wrap:wrap}
.footer-inner>*{min-width:0;overflow-wrap:anywhere}

/* Tablet */
@media (max-width:1100px){
  .topbar{grid-template-columns:minmax(180px,auto) minmax(0,1fr) auto!important}
  .live-badge{display:none!important}
  .detail-layout{grid-template-columns:minmax(200px,240px) minmax(0,1fr)!important}
  .v5-resource-card,.v5-resource-card.is-featured{grid-column:span 12!important}
  .settings-grid{grid-template-columns:1fr!important}
  .settings-preview{order:-1}
  .cloud-v10-health{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Mobile + narrow tablet */
@media (max-width:820px){
  :root{--ccsap-dialog-gap:0px}
  .shell{width:min(100% - 18px,1440px)!important}
  .topbar-wrap{padding:6px 0!important}
  .topbar{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand actions" "search search"!important;gap:7px!important;padding:8px!important;border-radius:16px!important}
  .brand{grid-area:brand}
  .search-wrap{grid-area:search}
  .actions{grid-area:actions;gap:5px}
  .actions .btn{min-width:42px;padding:0 10px}
  .actions .desktop-label{display:none!important}
  .brand-mark{width:40px;height:40px;border-radius:13px}
  .brand-name{font-size:13px}
  .brand-kicker{font-size:8px;letter-spacing:.08em}
  main{padding-top:20px}
  .hero{grid-template-columns:1fr!important;gap:16px!important}
  .stats{grid-template-columns:1fr 1fr!important}
  .dimension-switcher-head{display:block!important}
  .dimension-switcher-head p{margin-top:8px}

  .backdrop{padding:0!important;align-items:stretch!important;place-items:stretch!important}
  #detailDialog,.dialog,.editor-dialog{width:100%!important;max-width:100%!important;height:var(--ccsap-vh,100dvh)!important;max-height:var(--ccsap-vh,100dvh)!important;border-radius:0!important;border-left:0!important;border-right:0!important}
  .dialog-header{padding:12px!important;gap:7px!important;padding-top:max(12px,var(--ccsap-safe-top))!important}
  .dialog-icon{width:42px;height:42px;border-radius:13px;font-size:21px}
  .dialog-title{font-size:17px!important}
  .dialog-subtitle{font-size:9px!important}
  .ccsap-detail-header-fav{width:42px!important;height:42px!important;max-width:42px!important;padding:0!important;justify-content:center!important;border-radius:12px!important}
  .ccsap-detail-fav-label{display:none!important}
  .close{width:42px;height:42px}
  .detail-layout{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
  .tabs-panel{position:sticky!important;top:0!important;z-index:8!important;display:flex!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px 12px!important;border-right:0!important;border-bottom:1px solid var(--ccsap-polish-line)!important;background:rgba(247,251,253,.97)!important;scrollbar-width:none}
  .tabs-panel::-webkit-scrollbar{display:none}
  .tabs-label{display:none!important}
  .v5-segment-panel{min-width:max-content!important;padding:0!important;border:0!important;background:transparent!important;display:contents!important}
  .v5-segment-list{display:flex!important;gap:7px!important;margin:0!important}
  .v5-segment-btn{width:auto!important;min-width:132px!important;max-width:190px!important;margin:0!important;padding:10px 11px!important;flex:0 0 auto}
  .v5-segment-btn:hover{transform:none!important}
  .detail-main{padding:12px!important;overflow:visible!important}
  .v5-detail-hero{border-radius:20px!important}
  .v5-detail-hero-grid{grid-template-columns:auto minmax(0,1fr)!important}
  .v5-detail-icon{width:54px!important;height:54px!important;border-radius:17px!important;font-size:26px!important}
  .v5-detail-date{grid-column:1/-1!important;min-width:0!important;text-align:left!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .v5-detail-date strong{margin-top:0!important}
  .v5-resource-tools{grid-template-columns:1fr!important;gap:8px!important;margin:12px 0!important}
  .v5-resource-search,.v5-resource-sort{height:44px!important}
  .v5-resource-grid{gap:10px!important}
  .v5-resource-card,.v5-resource-card.is-featured{grid-column:1/-1!important;min-height:0!important;border-radius:20px!important}
  .v5-resource-cover,.v5-resource-card.is-featured .v5-resource-cover{height:112px!important}
  .v5-resource-body{padding:16px!important}
  .v5-resource-card h3{font-size:17px!important;padding-right:0}
  .v5-resource-card:has(.v5-resource-actions) .v5-resource-top{padding-right:70px}
  .v5-resource-footer{align-items:flex-end}
  .v5-resource-cta{font-size:9px}
  .portal-bottom-actions{position:sticky;bottom:0;z-index:8;background:rgba(255,255,255,.96);padding:10px 0 max(10px,var(--ccsap-safe-bottom));backdrop-filter:blur(12px)}

  .editor-layout{grid-template-columns:1fr!important;display:block!important}
  .editor-sidebar{border-right:0!important;border-bottom:1px solid var(--ccsap-polish-line);max-height:none!important}
  .editor-main{padding:14px!important}
  .field-row,.resource-meta-editor{grid-template-columns:1fr!important}
  .editor-footer{position:sticky;bottom:0;z-index:10;padding-bottom:max(12px,var(--ccsap-safe-bottom))}
  .editor-footer,.editor-footer .left,.editor-footer .right{align-items:stretch!important}
  .editor-footer{flex-direction:column}
  .editor-footer .left,.editor-footer .right{width:100%}
  .editor-footer .btn{flex:1 1 auto}

  .v8-explorer-backdrop{padding:0!important}
  .v8-explorer-dialog{width:100%!important;max-width:100%!important;height:var(--ccsap-vh,100dvh)!important;max-height:var(--ccsap-vh,100dvh)!important;border-radius:0!important}
  .v81-filter-popover{left:8px!important;right:8px!important;top:max(112px,calc(var(--ccsap-safe-top) + 104px))!important;width:auto!important;max-height:calc(var(--ccsap-vh,100dvh) - 128px)!important}

  .v12-modal{padding:0!important;place-items:stretch!important}
  .v12-modal-card{width:100%!important;max-width:100%!important;max-height:var(--ccsap-vh,100dvh)!important;min-height:100%;border-radius:0!important;padding-top:max(18px,var(--ccsap-safe-top))!important;padding-bottom:max(18px,var(--ccsap-safe-bottom))!important}

  .cloud-v10-modal{padding:0!important;align-items:stretch!important}
  .cloud-v10-panel{width:100%!important;max-width:100%!important;height:var(--ccsap-vh,100dvh)!important;max-height:var(--ccsap-vh,100dvh)!important;border-radius:0!important;padding:16px!important;padding-top:max(16px,var(--ccsap-safe-top))!important;padding-bottom:max(16px,var(--ccsap-safe-bottom))!important}
  .cloud-v10-tabs{top:-16px!important;padding-top:10px}
  .cloud-v10-grid,.cloud-user-form,.cloud-import-grid,.cloud-v10-health{grid-template-columns:1fr!important}
  .cloud-v10-table{min-width:650px}
  .cloud-segment-row,.cloud-structure-new,.cloud-structure-target{grid-template-columns:1fr!important}
  .cloud-segment-actions{justify-content:flex-start!important}
  .cloud-v10-actions{display:grid!important;grid-template-columns:1fr!important}
  .cloud-v10-actions button{width:100%}

  .ccsap-quick-access{padding:15px!important;border-radius:19px!important}
  .ccsap-quick-head{align-items:flex-start!important}
  .ccsap-quick-config{width:100%}
  .ccsap-personal-grid{grid-template-columns:1fr!important}

  .toast-stack{left:12px!important;right:12px!important;bottom:max(74px,calc(var(--ccsap-safe-bottom) + 74px))!important}
  .toast{width:100%!important}
  .footer-inner{display:grid!important;grid-template-columns:1fr!important}
}

/* Very narrow phones */
@media (max-width:480px){
  .shell{width:calc(100% - 12px)!important}
  .brand-kicker{display:none}
  .brand-name{font-size:12px}
  .actions .btn:not(.mobile-only):not(#cloudAuthBtn):not(#ccsapPortalBack):not(#ccsapManagementBack){padding:0 8px}
  .hero-copy{padding:24px 18px!important}
  .stats{grid-template-columns:1fr!important}
  .hero-radar{min-height:570px!important}
  .radar-core{min-height:570px!important}
  .constellation-controls{right:8px!important;top:8px!important;max-width:calc(100% - 16px)!important}
  .constellation-status{left:8px!important;bottom:8px!important;max-width:calc(100% - 16px)!important}
  .constellation-node{width:138px!important}
  .constellation-card{padding:9px!important}
  .ccsap-constellation-fav{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
  .dialog-heading{gap:8px!important}
  .dialog-subtitle{display:none}
  .v5-detail-hero h2{font-size:24px!important}
  .v5-resource-top{display:block!important}
  .v5-resource-badge{display:inline-flex;margin-top:7px;max-width:100%}
  .v5-resource-card:has(.v5-resource-actions) .v5-resource-top{padding-right:70px}
  .v8-highlight-rail{grid-auto-columns:92%!important}
  .v8-resource-footer{display:block!important;padding-right:74px}
  .v8-resource-footer span{display:block;margin-top:3px}
  .v12-preview-actions{display:grid!important;grid-template-columns:1fr!important}
}

/* Zoom/high-contrast/keyboard hardening */
:where(button,a,input,select,textarea,[role="button"]):focus-visible{outline:3px solid rgba(0,159,227,.42)!important;outline-offset:2px!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media (forced-colors:active){.ccsap-constellation-fav,.ccsap-detail-fav,.ccsap-dim-favorite-btn,.btn,.close{border:1px solid CanvasText!important}.v5-resource-card,.v8-resource-card,.cloud-v10-row{border:1px solid CanvasText!important}}

/* Layer arbitration */
#ccsapMaintBanner{z-index:1800!important;max-width:calc(100vw - 24px)!important}
.toast-stack{z-index:7200!important}
.v81-filter-popover{z-index:1700!important}
body.modal-open #ccsapMaintBanner{filter:saturate(.9);box-shadow:0 8px 22px rgba(91,54,0,.10)}

/* Maintenance control inside Super Admin */
.ccsap-maint-stack,.ccsap-maint-card,.ccsap-maint-head,.ccsap-maint-grid,.ccsap-maint-preview,.ccsap-tester-box,.ccsap-tester-metrics{min-width:0}
.ccsap-maint-head>div,.ccsap-maint-grid>*,.ccsap-tester-metrics>*{min-width:0}
.ccsap-maint-grid input,.ccsap-maint-grid textarea,.ccsap-tester-link{min-width:0;max-width:100%}
.ccsap-maint-actions{max-width:100%}
.ccsap-maint-actions button{min-height:40px;white-space:normal}
.ccsap-maint-preview h2,.ccsap-maint-preview p,.ccsap-token-warning{overflow-wrap:anywhere}
#ccsapMaintBanner{top:max(10px,var(--ccsap-safe-top))!important;left:50%;width:min(920px,calc(100vw - 24px))!important}
@media(max-width:820px){
  .ccsap-maint-card{padding:16px!important;border-radius:18px!important}
  .ccsap-maint-grid,.ccsap-tester-metrics{grid-template-columns:1fr!important}
  .ccsap-maint-grid .full{grid-column:auto!important}
  .ccsap-maint-actions{display:grid!important;grid-template-columns:1fr!important}
  .ccsap-maint-actions button{width:100%}
  .ccsap-maint-preview{padding:18px!important;border-radius:18px!important}
  #ccsapMaintBanner{top:max(6px,var(--ccsap-safe-top))!important;font-size:10px!important;padding:9px 12px!important}
}
@media(max-width:820px){.backdrop .dialog,.backdrop.open .dialog{transform:none!important}.backdrop.open .dialog{opacity:1!important}}
.cloud-v10-modal{position:fixed!important;inset:0!important;display:none;place-items:center;overscroll-behavior:contain}
.cloud-v10-modal.open{display:grid!important}


/* V12.1.36 · Highlights + resource favorites inside dimension modal */
.v8-highlights-head{align-items:flex-start!important}
.v8-highlights-head>div{min-width:0!important}
.v8-highlights-head>div:last-child{flex:0 1 580px!important;max-width:min(580px,100%)!important}
.v8-highlights-head p{max-width:100%!important;overflow-wrap:anywhere!important}
.v8-highlights-actions{flex-wrap:wrap!important}
.v8-highlight-rail{align-items:stretch!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:2px!important}
.v8-highlight-card{
  min-height:230px!important;
  height:auto!important;
  padding:18px!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  align-content:start!important;
  gap:0!important;
  scroll-snap-stop:always!important;
}
.v8-highlight-top{align-items:flex-start!important;min-width:0!important}
.v8-highlight-kind{
  min-width:0!important;
  max-width:calc(100% - 78px)!important;
  line-height:1.18!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow-wrap:anywhere!important;
}
.v8-highlight-card .v8-priority{flex:0 0 auto!important;white-space:nowrap!important}
.v8-highlight-card h3{
  margin:14px 0 8px!important;
  min-width:0!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:4!important;
  -webkit-box-orient:vertical!important;
  overflow-wrap:anywhere!important;
}
.v8-highlight-card p{
  min-width:0!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow-wrap:anywhere!important;
}
.v8-highlight-meta{
  position:static!important;
  left:auto!important;right:auto!important;bottom:auto!important;
  align-self:end!important;
  margin-top:13px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(0,159,227,.11)!important;
  min-width:0!important;
}
.v8-highlight-meta span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.v8-highlight-meta span:last-child{flex:0 0 auto!important}
@media(min-width:1180px){.v8-highlight-rail{grid-auto-columns:calc((100% - 36px)/4)!important}}
@media(min-width:760px) and (max-width:1179px){.v8-highlight-rail{grid-auto-columns:calc((100% - 24px)/3)!important}}
@media(max-width:759px){.v8-highlight-rail{grid-auto-columns:min(86%,310px)!important}.v8-highlight-card{min-height:220px!important}}

/* Resource favorite control in dimension detail cards */
.v5-resource-actions{align-items:center!important}
.v5-resource-actions .cloud-favorite-btn,
.v8-resource-actions .cloud-favorite-btn{
  font:950 17px/1 Inter,Segoe UI,Arial,sans-serif!important;
  color:#6f8793!important;
  border:1px solid rgba(0,159,227,.16)!important;
  background:rgba(255,255,255,.96)!important;
}
.v5-resource-actions .cloud-favorite-btn:hover,
.v8-resource-actions .cloud-favorite-btn:hover{color:#0757a6!important;transform:translateY(-1px)!important}
.v5-resource-actions .cloud-favorite-btn.active,
.v8-resource-actions .cloud-favorite-btn.active{
  color:#946000!important;
  background:linear-gradient(135deg,#fff7df,#ffe9aa)!important;
  border-color:rgba(214,148,31,.34)!important;
  box-shadow:0 9px 22px rgba(156,103,0,.12)!important;
}
.v5-resource-card:has(.cloud-favorite-btn) .v5-resource-top{padding-right:112px!important}
@media(max-width:480px){.v5-resource-card:has(.cloud-favorite-btn) .v5-resource-top{padding-right:112px!important}}

/* V12.1.36 · Same proposal CTA available inside every member dimension */
#detailDialog .ccsap-dimension-proposal{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:18px 0 8px!important;
  flex:0 0 auto!important;
}
#detailDialog .ccsap-dimension-proposal b{color:inherit!important}
#detailDialog .ccsap-dimension-proposal button{
  flex:0 0 auto!important;
  min-height:40px!important;
  white-space:nowrap!important;
}
@media(max-width:680px){
  #detailDialog .ccsap-dimension-proposal{display:block!important;padding:15px!important;border-radius:16px!important}
  #detailDialog .ccsap-dimension-proposal button{display:block!important;width:100%!important;margin-top:10px!important}
}


/* V12.1.36 — favoritos consistentes en TODAS las dimensiones */
#detailDialog .ccsap-detail-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}
#detailDialog .ccsap-detail-actions[hidden]{display:none!important}
#detailDialog .dialog-header>.close{margin-left:0!important;flex:0 0 auto}
.signal-footer .ccsap-dim-favorite-btn{margin-left:auto;flex:0 0 auto}
.constellation-card>.ccsap-constellation-fav{top:8px!important;right:8px!important}
@media(max-width:720px){#detailDialog .ccsap-detail-actions{gap:6px}.signal-footer{gap:8px;flex-wrap:wrap}.signal-footer .ccsap-dim-favorite-btn{order:2;margin-left:0}.signal-footer .signal-enter{order:3}}