.rma-workspace { width: min(1500px, calc(100% - 32px)); margin: 24px auto 48px; display: grid; gap: 18px; }
.rma-hero { display: grid; grid-template-columns: minmax(320px, 1fr) minmax(500px, .9fr); gap: 24px; align-items: end; }
.rma-hero p { margin: 0; color: var(--muted); }
.rma-new-action { margin-top: 16px; }
.rma-panel, .rma-toolbar, .rma-case-list, .rma-detail { border: 1px solid var(--line); border-radius: 9px; background: var(--panel); }
.rma-panel { padding: 18px; }
.panel-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.panel-title h2 { margin: 3px 0 0; }
.panel-title span { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.rma-device-summary { margin: 16px 0; padding: 14px; border-radius: 7px; background: #f1f3f5; border-left: 4px solid #7d8794; }
.rma-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.rma-form label, .rma-toolbar label, .resolution-form label { display: grid; gap: 5px; }
.rma-form label > span, .rma-toolbar label > span, .resolution-form label > span { color: var(--muted); font-size: 12px; font-weight: 700; }
.rma-form .wide-field { grid-column: 1 / -1; }
textarea { resize: vertical; min-height: 76px; }
.rma-toolbar { display: grid; grid-template-columns: minmax(260px, 1fr) 220px auto; gap: 14px; padding: 14px; align-items: end; }
.rma-toolbar .check-field { display: flex; align-items: center; padding-bottom: 9px; }
.rma-layout { display: grid; grid-template-columns: minmax(300px, 390px) minmax(0, 1fr); gap: 16px; align-items: start; }
.rma-case-list { max-height: calc(100vh - 210px); overflow: auto; padding: 10px; }
.rma-case { width: 100%; display: grid; gap: 7px; margin-bottom: 8px; padding: 13px; text-align: left; border: 1px solid var(--line); background: #fff; border-radius: 7px; }
.rma-case:hover, .rma-case.selected { border-color: var(--blue); background: #f3f8ff; }
.rma-case.closed { opacity: .62; }
.rma-case-head, .case-heading, .case-actions, .replacement-summary { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.rma-case small, .case-subtitle { color: var(--muted); }
.rma-detail { padding: 20px; min-height: 440px; }
.case-heading h2 { margin: 3px 0 4px; }
.case-section { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.case-section h3 { margin: 0 0 12px; }
.case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.case-fact { padding: 10px; background: #f7f9fb; border-radius: 6px; }
.case-fact span { display: block; margin-bottom: 3px; color: var(--muted); font-size: 11px; text-transform: uppercase; }
.replacement-summary { padding: 12px; background: #edf6ff; border: 1px solid #b8d5f2; border-radius: 7px; }
.resolution-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; }
.note-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; }
.case-notes { display: grid; gap: 8px; margin-top: 12px; }
.case-note { padding: 11px; border-left: 3px solid #b8c4d3; background: #f7f9fb; }
.case-note small { display: block; margin-top: 5px; color: var(--muted); }
.danger-action { background: #a63838; color: #fff; border-color: #a63838; }
.embedded .app-topbar { display: none; }
.embedded .rma-workspace { width: min(1500px, calc(100% - 28px)); margin-top: 14px; }
.rma-dialog { width: min(820px, calc(100% - 32px)); max-height: calc(100vh - 40px); padding: 0; border: 0; border-radius: 10px; box-shadow: 0 24px 70px rgba(16, 25, 38, .28); }
.rma-dialog::backdrop { background: rgba(18, 24, 33, .58); backdrop-filter: blur(2px); }
.rma-dialog-form { display: grid; gap: 16px; padding: 20px; }
.dialog-intro { margin: -4px 0 0; color: var(--muted); }
.dialog-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding-top: 4px; }
.dialog-actions button { min-height: 42px; }
@media (max-width: 900px) { .rma-hero, .rma-layout { grid-template-columns: 1fr; } .rma-case-list { max-height: none; } .rma-form, .case-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .rma-workspace { width: min(100% - 20px, 1500px); } .rma-toolbar, .rma-form, .case-grid, .resolution-form, .note-form { grid-template-columns: 1fr; } .rma-form .wide-field { grid-column: auto; } }