*{box-sizing:border-box}html{--app-tabs-height: 3.5rem;margin:0;padding:0}body{margin:0;padding:0;min-height:100vh}.modal-shell{display:flex;flex-direction:column;width:min(var(--modal-width, 520px),80vw);max-width:80vw;max-height:80vh;background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000040;overflow:hidden}.modal-header{flex-shrink:0;padding:1.25rem 1.5rem .75rem}.modal-header h2{margin:0 0 .25rem}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 1.5rem 1rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:padding-box;border:2px solid transparent}.modal-footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;padding:.85rem 1.5rem 1.25rem;border-top:1px solid #e2e8f0;background:#fff}@media(max-width:480px){.modal-shell{width:min(var(--modal-width, 520px),80vw);max-height:80vh}.modal-header,.modal-body{padding-left:1rem;padding-right:1rem}.modal-footer{padding:.75rem 1rem 1rem;flex-direction:column-reverse}.modal-footer button{width:100%}}