dialog.ticket-materials { width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 28px);margin:auto;padding:0;border:1px solid #d6dfe6;border-radius:8px;color:#17212e;background:#fff;font:14px/1.65 system-ui,sans-serif;letter-spacing:0;box-sizing:border-box; }
dialog.ticket-materials[open] { display:flex;flex-direction:column;overflow:hidden; }
.ticket-materials::backdrop { background:rgb(20 29 38 / 50%); }
.ticket-materials * { box-sizing:border-box;letter-spacing:0; }
.ticket-materials header { display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #dce4e9;flex-shrink:0; }
.ticket-materials header h2 { flex:1;font-size:18px;margin:0;overflow-wrap:anywhere; }
.ticket-materials button { min-height:40px;padding:8px 12px;border:1px solid #cbd6df;border-radius:6px;background:#fff;color:#17212e;font:600 13px/1.6 system-ui;cursor:pointer;white-space:normal; }
.ticket-materials header button { width:40px;flex-shrink:0;font-size:20px;padding:4px; }
.ticket-materials button:disabled { opacity:.5;cursor:default; }
.ticket-materials button.primary { background:#087d74;color:#fff;border-color:#087d74; }
.ticket-materials button.danger { color:#b52630;border-color:#e8bdc1; }
.ticket-materials .materials-body { min-height:0;overflow:auto;padding:16px 18px; }
.ticket-materials h3 { font-size:15px;margin:12px 0 8px; }
.ticket-materials p { margin:6px 0;overflow-wrap:anywhere; }
.ticket-materials label { display:block;font-size:13px;font-weight:600; }
.ticket-materials input:not([type=checkbox]),.ticket-materials select,.ticket-materials textarea { width:100%;min-width:0;min-height:42px;padding:8px 10px;border:1px solid #cbd6df;border-radius:6px;background:#fff;color:#17212e;font:14px/1.6 system-ui;margin:4px 0 8px; }
.ticket-materials input:focus,.ticket-materials select:focus,.ticket-materials textarea:focus { outline:2px solid #40aaa0;outline-offset:1px; }
.ticket-materials fieldset { border:0;padding:0;margin:0;min-width:0; }
.ticket-materials .material-line { padding:12px 0;border-bottom:1px solid #e0e7eb; }
.ticket-materials .material-line-top { display:flex;align-items:center;gap:10px; }
.ticket-materials .material-line-top strong { flex:1;overflow-wrap:anywhere; }
.ticket-materials .material-line-top button { flex-shrink:0;min-width:40px; }
.ticket-materials .material-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,150px);gap:10px; }
.ticket-materials .material-meta { color:#586b79;font-size:12px;overflow-wrap:anywhere; }
.ticket-materials .serial-options { max-height:160px;overflow:auto;border:1px solid #d6dfe6;border-radius:6px;padding:6px; }
.ticket-materials .serial-options label { display:flex;align-items:center;gap:8px;padding:6px;font-weight:400;overflow-wrap:anywhere; }
.ticket-materials input[type=checkbox] { width:18px;height:18px;flex-shrink:0; }
.ticket-materials .material-removed { opacity:.65; }
.ticket-materials .material-removed .material-line-top strong { text-decoration:line-through; }
.ticket-materials .material-review { padding:10px 0;border-bottom:1px solid #dce4e9; }
.ticket-materials .review-actions { display:flex;flex-wrap:wrap;gap:8px;margin:10px 0; }
.ticket-materials .materials-message { color:#b52630;font-size:13px; }
.ticket-materials footer { flex-shrink:0;border-top:1px solid #dce4e9;padding:12px 18px;display:flex;justify-content:space-between;gap:10px;background:#fff; }
.ticket-materials footer button { flex:1; }
.ticket-materials [hidden] { display:none!important; }
@media(max-width:480px) { .ticket-materials .material-grid { grid-template-columns:minmax(0,1fr) minmax(86px,110px);gap:8px; } .ticket-materials header,.ticket-materials footer { padding:12px; } .ticket-materials .materials-body { padding:12px; } }