dialog.file-reader{width:min(1200px,96vw);max-width:96vw;height:88dvh;max-height:94dvh;padding:0;border:1px solid #a6bdc5;border-radius:10px;color:#173240;background:white}
.file-reader::backdrop{background:#11243b99}.file-reader-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #dce5e8}.file-reader-bar select{flex:1;min-width:140px;max-width:100%;padding:8px}.file-reader-bar button{padding:8px 12px;border:1px solid #a6bdc5;border-radius:5px;cursor:pointer;color:#173240;background:#eef4f6}.file-reader-content{padding:20px;overflow:auto;height:calc(100% - 85px)}.file-reader-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.6 Consolas,monospace;background:white;padding:0}.file-reader-table{overflow:auto;max-width:100%}.file-reader table{border-collapse:collapse;font:15px/1.5 Arial,sans-serif;width:100%}.file-reader th,.file-reader td{padding:10px 14px;border:1px solid #dce5e8;text-align:left;vertical-align:top;min-width:90px}.file-reader th{background:#e3f1f3;position:sticky;top:0}.file-reader tr:nth-child(even){background:#f8fafb}

dialog.file-reader[open]{display:flex;flex-direction:column}.file-reader-status{margin:0;padding:10px 20px;background:#eef4f6;font-size:.85rem}.file-reader-content{flex:1;min-height:0;height:auto}.file-reader-bar{flex-shrink:0}