#attribute-dialog{width:96vw;max-width:1600px;height:88vh;max-height:94vh;padding:20px}#attribute-dialog[open]{display:flex;flex-direction:column;gap:12px}.attribute-heading{display:flex;justify-content:space-between;gap:15px}.attribute-heading h2{margin:0}.attribute-heading p{margin:5px 0;font-size:12px}.attribute-heading>button{font-size:25px}.attribute-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.attribute-actions>input{padding:10px;border:1px solid #cfc4b7;border-radius:6px;min-width:240px}.attribute-actions label{display:flex;gap:6px;align-items:center}.attribute-scroll{overflow:auto;flex:1;min-height:0;border:1px solid #ded4c8}.attribute-scroll table{border-collapse:separate;border-spacing:0;white-space:nowrap}.attribute-scroll th,.attribute-scroll td{padding:0;border-right:1px solid #e6ddd3;border-bottom:1px solid #e6ddd3}.attribute-scroll thead th{position:sticky;top:0;z-index:3;background:#ede5db;padding:12px;font-weight:bold;color:#574534}.attribute-scroll tr>th:first-child{position:sticky;left:0;background:#f6f1eb;z-index:2;padding:10px;font-size:10px}.attribute-scroll thead th:first-child{z-index:4}.attribute-scroll input,.attribute-scroll select{width:210px;min-width:150px;border:0;border-radius:0;padding:10px;color:#392f25;font-size:12px;background:transparent}.attribute-scroll td.attribute-changed{background:#fff0bd}.attribute-scroll input:focus,.attribute-scroll select:focus{outline:2px solid #a52d3b;outline-offset:-2px;background:#fff9ee}.attribute-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:11px}.attribute-footer button{padding:8px;background:#f4ede3;border-radius:5px}.attribute-footer small{color:#786a5b}#attribute-status{margin:0;color:#784626;font-size:12px}#attribute-dialog button:disabled{opacity:.45;cursor:default}@media(max-width:600px){#attribute-dialog{padding:12px;width:98vw;height:94vh}.attribute-actions{gap:8px}.attribute-actions>input{width:100%;min-width:0}.attribute-heading p{font-size:10px}.attribute-footer{gap:8px}}