/* One scroll area, always-reachable close controls, visible backdrop on every screen. */
html body dialog#cardDetailDialog{width:min(940px,calc(100vw - 28px))!important;max-width:940px!important;height:auto!important;max-height:calc(100dvh - 32px)!important;inset:0!important;margin:auto!important;padding:0!important;overflow:hidden!important;border-radius:22px!important}
html body #cardDetailDialog>.modal-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:100%!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important;padding:14px 16px!important;border-radius:22px!important;border:1px solid #6495c766!important}
html body #cardDetailDialog .modal-head{position:relative!important;top:auto!important;margin:0!important;padding:0 0 12px!important;align-items:center;gap:12px;min-width:0;background:none!important;backdrop-filter:none!important}
#cardDetailDialog .modal-head>div{min-width:0}#cardDetailDialog .modal-head h2{overflow-wrap:anywhere}#cardDetailDialog #closeCardDetailBtn{display:grid!important;place-items:center;flex-shrink:0;width:44px!important;height:44px!important;border:1px solid #8bb8da77!important;background:#19304b!important;color:#f4fbff!important;font-size:27px!important;border-radius:12px;z-index:10}
html body #cardDetailBody{min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 2px 14px;scrollbar-width:thin}
html body #cardDetailDialog .detail-collection-actions{position:static!important;margin:0!important;padding:12px 0 5px!important;gap:8px;flex-wrap:wrap;background:none!important;backdrop-filter:none!important;border-top:1px solid #81a8ce33}
html body #cardDetailDialog>.modal-card>.modal-actions{display:flex!important;flex-wrap:wrap;gap:8px;margin:8px 0 0!important;padding:0!important}#cardDetailDialog #detailCloseBtn{min-height:44px;min-width:100px;margin-left:auto}
@media(max-width:680px){html body dialog#cardDetailDialog{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important}html body #cardDetailDialog>.modal-card{max-height:calc(100dvh - 24px)!important;padding:12px!important}#cardDetailDialog .modal-head h2{font-size:20px!important}#cardDetailDialog .detail-collection-actions>div{display:flex;gap:6px;flex-wrap:wrap}#cardDetailDialog>.modal-card>.modal-actions>.btn{flex:1;white-space:normal;font-size:12px}#cardDetailDialog .card-dossier-hero{min-width:0}#cardDetailDialog .card-dossier-heading{min-width:0}}