@layer components{.panel{height:calc(100vh - calc(var(--body-padding)*2));border:1px solid #0000;flex-direction:column;display:flex}.panel.card{padding:0 1em}.panel>header{align-items: center;padding:.75em .5em;display:flex}.panel>header:has(nav){border-bottom:1px solid var(--alpha-100);margin-bottom:.5em}.panel>header small{font-weight:450;margin-right:1em}.panel>header nav{margin-left:auto;align-items: center;display:inline-flex;gap:.5em}.panel>header hr{height:1em;border-color:var(--base-200);border-width:0 1px 0 0;margin:0 .5em;width:1px}.panel .subheader{margin-bottom:1.5em}.panel .subheader button{margin-right:.5em}.panel.details-panel header{margin-bottom:1em}.panel>section{padding:2px;overflow:auto;flex-grow:1}}