.references-workspace{min-width:0;background:#f3f6f5;color:#243537}.references-topbar{min-height:82px}.references-prototype{padding:6px 9px;border:1px solid #c7d8d5;border-radius:4px;background:#edf7f5;color:#087378;font-size:11px;font-weight:600}.references-status{position:absolute;right:22px;bottom:7px;margin:0;color:#657578;font-size:11px}.references-body{padding:14px 18px 18px}.references-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px}.references-sections,.references-toolbar,.references-table-wrap,.references-detail{border:1px solid #d2dddb;border-radius:5px;background:#fff}.references-sections{padding:10px}.references-sections>span{display:block;margin:2px 7px 8px;color:#68787a;font-size:11px}.references-sections button{width:100%;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;min-height:49px;padding:7px;border:0;border-radius:4px;background:transparent;text-align:left;cursor:pointer}.references-sections button>i{width:28px;height:28px;display:grid;place-items:center;background:#eef3f2;font-style:normal}.references-sections button b,.references-sections button small{display:block}.references-sections button small{margin-top:2px;color:#68787a;font-size:11px}.references-sections button[aria-pressed=true]{background:#e7f4f3;color:#087378}.references-content{min-width:0}.references-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:11px 12px}.references-toolbar h2{margin:0;font-size:16px}.references-toolbar p{margin:3px 0 0;color:#69797b;font-size:11px}.references-actions{display:flex;gap:7px;align-items:flex-end}.references-actions label span,.references-fields label span,.references-fields>div>span{display:block;margin-bottom:4px;color:#657578;font-size:11px}.references-actions input,.references-fields input,.references-fields select{height:40px;padding:0 9px;border:1px solid #cad7d5;border-radius:4px;background:#fff}.references-work{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px;margin-top:10px}.references-table-wrap{min-width:0;overflow:hidden}.references-table-wrap table{width:100%;border-collapse:collapse}.references-table-wrap th,.references-table-wrap td{padding:10px;border-bottom:1px solid #dce5e3;text-align:left;font-size:11px}.references-table-wrap th{color:#657578;font-weight:500}.references-table-wrap tbody tr{cursor:pointer}.references-table-wrap tbody tr.is-selected{background:#e9f5f4}.references-table-wrap td b,.references-table-wrap td small{display:block}.references-table-wrap td small{margin-top:2px;color:#68787a}.references-table-wrap td:last-child{color:#087378}.references-empty{padding:20px;text-align:center;color:#68787a}.references-detail{padding:12px}.references-detail>header{padding-bottom:10px;border-bottom:1px solid #dce5e3}.references-detail h2{margin:0;font-size:15px}.references-detail header p{margin:3px 0 0;color:#68787a}.references-fields{display:grid;gap:9px;margin-top:10px}.references-fields input,.references-fields select{width:100%}.references-sizes{display:flex;flex-wrap:wrap;gap:5px}.references-sizes i{padding:5px 7px;background:#eef3f2;font-style:normal;font-size:11px}.references-generic dl{margin:10px 0 0}.references-generic dl>div{padding:8px 0;border-bottom:1px solid #dce5e3}.references-generic dt{color:#68787a}.references-generic dd{margin:3px 0 0;font-weight:600}.references-detail-actions{display:flex;gap:7px;margin-top:12px}.references-rule{margin:10px 0 0;padding:9px;border-left:3px solid #087378;background:#edf7f5;color:#5f7072;font-size:11px}
@media(max-width:1179px){html,body{min-width:0}.references-layout{grid-template-columns:1fr}.references-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.references-sections>span{grid-column:1/-1}.references-sections button{grid-template-columns:1fr;text-align:center}.references-sections button>i{margin:auto}.references-sections button small{display:none}.references-work{grid-template-columns:1fr 280px}}
@media(max-width:850px){.references-work{grid-template-columns:1fr}.references-topbar{height:auto;min-height:106px;padding-bottom:24px}.references-status{left:18px;right:auto}}
@media(max-width:620px){.references-body{padding:10px}.references-topbar{flex-wrap:wrap}.references-prototype{display:block;width:100%;white-space:normal}.references-sections{grid-template-columns:1fr 1fr}.references-toolbar{align-items:stretch;flex-direction:column}.references-actions{display:grid;grid-template-columns:1fr 1fr}.references-actions label{grid-column:1/-1}.references-actions input{width:100%}.references-table-wrap{overflow-x:auto}.references-table-wrap table{min-width:650px}}
@media(max-width:390px){.references-detail-actions{flex-direction:column}.references-detail-actions .button{width:100%}}
@media(pointer:coarse){.references-sections button,.references-actions .button{min-height:44px}}
.references-table-wrap:focus-visible,.references-table-wrap tbody tr:focus-visible{outline:2px solid #087378;outline-offset:-2px}.references-table-wrap tbody tr[aria-selected=true]{background:#e9f5f4}
@media(pointer:coarse){.references-workspace button,.references-workspace input,.references-workspace select{min-height:44px}}