.management-detail{margin:12px 0;border:1px solid var(--border,#dce3ec);border-radius:10px;background:var(--surface,#fff)}
.management-detail>summary{cursor:pointer;padding:12px 16px;font-weight:600;color:var(--text,#233746)}
.management-detail-body{padding:12px 16px;display:grid;gap:12px;min-width:260px;max-width:620px}
.management-detail-body form{display:grid;gap:10px}.management-detail-body label{display:grid;gap:5px}
.management-detail-body input:not([type=checkbox]),.management-detail-body select{width:100%;min-height:36px;border:1px solid var(--border,#dce3ec);border-radius:7px;padding:6px 9px;background:var(--surface,#fff);color:inherit}
.management-detail-body button{min-height:34px;border:1px solid var(--border,#dce3ec);border-radius:7px;padding:6px 12px;cursor:pointer;background:var(--surface,#fff);color:inherit}
[data-management-row][hidden],[data-sj-store-panel][hidden]{display:none!important}
[data-sj-store-panel]{padding:18px 0}[data-sj-store-panel] form{display:grid;gap:12px;max-width:680px}
[data-sj-store-tab]{border:1px solid var(--border,#dce3ec);border-radius:7px;padding:8px 16px;background:var(--surface,#fff);cursor:pointer}
[data-management-feedback]{padding:12px;border-radius:8px;background:#fff2df;color:#754411}
@media(max-width:760px){.management-detail-body{min-width:220px;max-width:100%}.table-wrap{overflow-x:auto}}
[data-computer-row] td{padding-top:14px;padding-bottom:14px;vertical-align:middle}
[data-computer-row] td:first-child small{display:block;margin-top:4px;color:var(--muted,#64776c);font-size:12px}
.computer-detail-dialog{box-sizing:border-box;width:min(620px,95vw);height:100dvh;max-width:95vw;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid var(--border,#d8e1db);border-radius:16px 0 0 16px;background:var(--surface,#fff);color:var(--text,#233746);box-shadow:-12px 0 48px #142b2226;overflow:auto}
.computer-detail-dialog::backdrop{background:#142b224d}
.computer-detail-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border,#d8e1db);background:var(--surface,#fff)}
.computer-detail-header h2{margin:0;font-size:21px;overflow-wrap:anywhere}
.computer-detail-body{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 24px 32px;min-width:0}
.computer-detail-body>*{min-width:0;max-width:100%;box-sizing:border-box}
.computer-detail-body>p{margin:0;line-height:1.6}
.computer-detail-section{border:1px solid var(--border,#d8e1db);border-radius:12px;padding:16px}
.computer-detail-section h3{margin:0 0 14px;font-size:16px}
.computer-detail-section form{display:grid;gap:12px}
.computer-detail-section label{display:grid;gap:6px;line-height:1.6}
.computer-detail-section label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}
.computer-detail-section input:not([type=checkbox]),.computer-detail-section select{box-sizing:border-box;width:100%;min-height:38px;padding:7px 10px;border:1px solid var(--border,#d8e1db);border-radius:7px;color:inherit;background:var(--surface,#fff)}
.computer-detail-dialog button{min-height:36px;padding:7px 12px;border:1px solid var(--border,#d8e1db);border-radius:8px;cursor:pointer;font:inherit;color:inherit;background:var(--surface,#fff)}
.computer-detail-dialog button:disabled{opacity:.55;cursor:not-allowed}
.computer-detail-dialog .primary-button{background:var(--accent,#527e67);border-color:var(--accent,#527e67);color:#fff}
.computer-detail-dialog button:focus-visible,.computer-detail-dialog input:focus-visible,.computer-detail-dialog select:focus-visible{outline:2px solid var(--accent,#527e67);outline-offset:2px}
.computer-detail-dialog .panel{margin:0;padding:16px;border:1px solid var(--border,#d8e1db);border-radius:12px;box-shadow:none}
.computer-detail-dialog .panel h2{font-size:18px;margin-top:0}
.computer-detail-dialog .panel h3{font-size:16px}
.computer-detail-dialog select{min-width:0;max-width:100%;width:100%;box-sizing:border-box;text-overflow:ellipsis}
.computer-detail-dialog .panel article,.computer-detail-dialog form,.computer-detail-dialog label{min-width:0;max-width:100%}
.computer-detail-dialog p,.computer-detail-dialog small{overflow-wrap:anywhere;line-height:1.6}
.computer-detail-dialog [data-computer-feedback]:empty{display:none}
.computer-detail-dialog [data-computer-feedback]:not(:empty){padding:12px;border-radius:8px;background:var(--surface-soft,#eef5ef)}
@media(max-width:600px){.computer-detail-dialog{width:100vw;max-width:100vw;border-radius:0}.computer-detail-header{padding:16px}.computer-detail-body{padding:16px}.computer-detail-dialog .management-detail-body{min-width:0}}