.fermo-details-trigger{appearance:none;font:inherit;font-weight:700;cursor:pointer;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:7px 11px;margin-block:6px;text-align:start}
.fermo-details-trigger:focus-visible{outline:3px solid #21b574;outline-offset:3px}
.fermo-details-dialog{box-sizing:border-box;width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid #cee2d6;border-radius:18px;background:#fff;color:#173429;overflow:auto;text-align:start;overscroll-behavior:contain}
.fermo-details-dialog::backdrop{background:rgba(0,20,12,.65)}
.fermo-details-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block-end:20px}
.fermo-details-dialog h2{margin:0;font-size:1.2rem;overflow-wrap:anywhere}
.fermo-details-dialog>header button{font:inherit;font-weight:700;padding:9px 16px;border:1px solid #bdd8c9;border-radius:9px;background:#edf7f1;color:inherit;cursor:pointer;flex-shrink:0}
.fermo-details-content .fermo-observations{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;max-height:none;overflow:visible}
.fermo-details-content .fermo-observation{display:grid;align-content:start;gap:7px;min-width:0;padding:16px;border:1px solid #cee2d6;border-radius:12px;background:#f5faf7;overflow-wrap:anywhere}
.fermo-details-content .fermo-observation p{margin:0}
.fermo-details-content .fermo-observation strong{font-size:1rem}
.fermo-details-content .fermo-observation small{display:block}
@media(max-width:560px){.fermo-details-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:15px}.fermo-details-dialog>header{gap:12px}.fermo-details-dialog h2{font-size:1rem}.fermo-details-content .fermo-observations{grid-template-columns:minmax(0,1fr)}}