.import-change-reason { display: grid; gap: 7px; margin: 14px 0; color: var(--muted); font-size: 13px; }
.import-change-reason textarea, .import-dialog-field textarea, .import-dialog-field select, .import-management-toolbar input { width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; outline: none; color: var(--ink); background: #fff; font: inherit; }
.import-change-reason textarea, .import-dialog-field textarea { resize: vertical; min-height: 66px; line-height: 1.7; }
.import-change-reason textarea:focus, .import-dialog-field textarea:focus, .import-dialog-field select:focus, .import-management-toolbar input:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(34,116,90,.08); }
.import-workbench[hidden] { display: none; }
.import-replacement-banner { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 20px; padding: 15px; border: 1px solid #d6ddb3; border-radius: 12px; background: #f6f9e9; }
.import-replacement-banner strong { display: block; font-size: 12px; overflow-wrap: anywhere; }
.import-replacement-banner p { margin: 7px 0; color: var(--muted); font-size: 12px; }
.import-replacement-banner small { color: var(--green-dark); font-size: 13px; line-height: 1.7; }
.import-replacement-banner button { flex: 0 0 auto; min-height: 36px; font-size: 12px; }
#import-management { display: grid; gap: 22px; margin: 22px 0; }
.import-management-toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; padding: 0 20px 18px; }
.import-management-toolbar label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.import-management-toolbar input { width: 160px; min-height: 37px; font-size: 13px; }
.import-management-toolbar .secondary-button { min-height: 37px; font-size: 12px; }
.import-management-toolbar > span { align-self: center; padding-top: 15px; font-size: 12px; }
.import-management-panel .panel-head p, .import-requests-panel .panel-head p { font-size: 13px; line-height: 1.7; }
.import-management-panel th, .import-impact-table th { font-size: 12px; }
.import-management-panel td, .import-impact-table td { font-size: 13px; }
.import-requests-panel .status-pill { font-size: 12px; }
.import-files-scroll { max-height: 510px; }
.import-file-name { min-width: 190px; max-width: 310px; white-space: normal; overflow-wrap: anywhere; }
.import-file-name strong { font-size: 13px; }
.import-file-name small { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.import-management-panel .row-actions { flex-wrap: nowrap; }
.import-management-panel .row-actions button { white-space: nowrap; min-height: 36px; font-size: 12px; }
.import-management-error, .import-dialog-error { margin: 0 20px 15px; padding: 11px 13px; border-radius: 8px; color: var(--red); background: var(--red-soft); font-size: 13px; line-height: 1.7; }
.import-empty { padding: 25px !important; color: var(--muted); text-align: center; font-size: 13px; }
.import-request-list { display: grid; gap: 10px; }
.import-request-card { border: 1px solid var(--line); border-radius: 12px; background: #fff; overflow: hidden; }
.import-request-card > summary { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 16px; cursor: pointer; list-style: none; }
.import-request-card > summary::-webkit-details-marker { display: none; }
.import-request-card > summary > span:first-child { min-width: 0; }
.import-request-card > summary strong { color: var(--ink); font-size: 12px; }
.import-request-card > summary strong::before { content: "›"; display: inline-block; width: 16px; color: var(--green); }
.import-request-card[open] > summary strong::before { transform: rotate(90deg); }
.import-request-card > summary small { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.import-request-card > summary .status-pill { flex-shrink: 0; }
.import-request-card[open] > summary { border-bottom: 1px solid var(--line); background: var(--panel-2); }
.import-request-details { padding: 16px; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.import-request-details > p { margin: 0 0 12px; white-space: pre-wrap; }
.import-request-details > p:last-child { margin-bottom: 0; }
.import-target-list { margin: 0 0 13px; padding: 11px 13px; border-radius: 9px; background: var(--panel-2); font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.import-target-list p { margin: 5px 0 0; }
.import-target-list small { display: block; color: var(--muted); font-size: 12px; }
.import-impact-table { min-width: 340px; margin-bottom: 12px; }
.import-impact-table th, .import-impact-table td { padding: 9px 11px; }
.import-request-actions { padding: 0 16px 16px; }
.import-request-actions button { min-height: 36px; font-size: 12px; }
.import-review-dialog { width: min(640px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 24px; border: 1px solid var(--line); border-radius: 17px; color: var(--ink); background: var(--panel); box-shadow: var(--shadow-strong); }
.import-review-dialog::backdrop { background: rgba(16,29,23,.42); backdrop-filter: blur(3px); }
.import-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 15px; }
.import-dialog-head h3 { margin: 0; font-size: 17px; }
.import-dialog-head button { flex-shrink: 0; font-size: 20px; }
.import-dialog-notice { margin: 0 0 16px; padding: 12px; border-radius: 9px; color: var(--amber); background: var(--amber-soft); font-size: 13px; line-height: 1.8; }
.import-review-dialog .import-request-details { padding: 0; }
.import-dialog-field { display: grid; gap: 7px; margin-top: 15px; font-size: 13px; }
.import-dialog-actions button { font-size: 13px; }
.import-dialog-field > span { font-weight: 700; }
.import-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.import-dialog-error { margin: 15px 0 0; }
.import-review-dialog :disabled, .import-workbench :disabled { cursor: not-allowed; }
@media (max-width: 720px) {
  .import-replacement-banner { flex-direction: column; }
  .import-management-toolbar { padding-right: 14px; padding-left: 14px; }
  .import-management-toolbar > span { flex-basis: 100%; padding-top: 0; }
  .import-request-card > summary { align-items: flex-start; padding: 13px; }
  .import-request-card > summary .status-pill { max-width: 120px; white-space: normal; text-align: center; }
  .import-review-dialog { padding: 18px; }
  .import-dialog-head h3 { font-size: 15px; }
  .import-dialog-actions { flex-wrap: wrap; }
}