.roof-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.roof-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 3px;min-height:76px;font-size:11px;line-height:1.25;text-align:center;white-space:normal;color:#5c7160;background:#fff;border:1px solid #d7dfcf;border-radius:8px}.roof-type-card svg{width:45px;height:32px}.roof-type-card.selected{border-color:#2d5e45;color:#234e3b;background:#eaf1e5;box-shadow:inset 0 0 0 1px #2d5e45}.roof-type-card:focus-visible{outline:3px solid #b79b4c;outline-offset:2px}.roof-type-card:hover{background:#f0f4eb}.roof-height-fields{margin:0}.roof-height-extra{border:1px solid #d7dfcf;border-radius:8px;padding:10px}.roof-height-extra summary{cursor:pointer;font-weight:600;font-size:12px}.roof-height-extra[open] summary{margin-bottom:12px}.roof-height-extra .grid2{grid-template-columns:1fr}.roof-legacy{border-left:3px solid #ad8835;background:#fff9e8;padding:10px;border-radius:6px}.roof-unequal{font-weight:600;padding:4px 0}.roof-height-fields .hint{margin:4px 0;font-size:11px;line-height:1.6}.wc-sidebar .roof-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enh-context-menu .roof-height-fields{gap:8px}.enh-context-menu .roof-height-extra{padding:7px}@media(max-width:430px){.roof-type-card{font-size:10px}.roof-type-grid{gap:4px}}