.tariff-head-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.tariff-export { width:min(960px,calc(100% - 24px)); max-height:calc(100dvh - 24px); padding:0; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:18px; box-shadow:0 24px 90px #0009; }
.tariff-export::backdrop { background:#08040fcc; }
.tariff-export .export-head,.tariff-export .export-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 22px; background:var(--paper); }
.tariff-export .export-head { border-bottom:1px solid var(--line); }
.tariff-export .export-head h2 { font-size:21px; margin:0 0 5px; }
.tariff-export .export-head p { margin:0; font-size:12px; color:var(--muted); }
.tariff-export .export-body { padding:20px 22px; }
.tariff-export .export-footer { position:sticky; bottom:0; justify-content:flex-end; border-top:1px solid var(--line); }
.tariff-export .export-modes { margin:0; padding:12px; border:1px solid var(--line); border-radius:12px; display:flex; flex-wrap:wrap; gap:18px; }
.tariff-export .export-modes label,.tariff-export .export-routes label { display:flex; flex-direction:row; align-items:center; gap:12px; cursor:pointer; }
.tariff-export input[type=radio],.tariff-export input[type=checkbox] { width:20px; height:20px; flex:0 0 20px; margin:0; accent-color:var(--accent); }
.tariff-export .export-help { color:var(--muted); font-size:12px; line-height:1.6; }
.tariff-export .export-filters { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
.tariff-export label { font-size:13px; }
.tariff-export select,.tariff-export input[type=search] { width:100%; min-width:0; font:inherit; }
.tariff-export .export-selection-tools { display:flex; gap:8px; margin:12px 0; flex-wrap:wrap; }
.tariff-export .export-routes { max-height:260px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--line); border-radius:10px; }
.tariff-export .export-routes label { padding:14px; min-height:48px; border-bottom:1px solid var(--line); font-weight:500; }
.tariff-export .export-routes label:last-child { border-bottom:0; }
.tariff-export .export-routes span { overflow-wrap:anywhere; }
.tariff-export .export-count { font-weight:800; margin:0 auto 0 0; font-size:13px; }
.tariff-export .export-status { font-size:13px; color:var(--muted); }
.tariff-export .export-preview-tools { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.tariff-export .export-preview-tools h3 { margin-right:auto; }
.tariff-export a { color:#c4b0ff; }
.tariff-export iframe { width:100%; height:480px; background:white; border:1px solid var(--line); border-radius:8px; }
.tariff-export button:disabled { opacity:.5; cursor:not-allowed; }
@media(max-width:600px) {
  .tariff-head-actions { justify-content:flex-start; }
  .tariff-export .export-head,.tariff-export .export-body,.tariff-export .export-footer { padding:14px; }
  .tariff-export .export-head h2 { font-size:18px; }
  .tariff-export .export-filters { grid-template-columns:1fr; }
  .tariff-export .export-modes { flex-direction:column; gap:12px; }
  .tariff-export .export-footer { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .tariff-export .export-footer button { padding:12px 8px; font-size:13px; }
  .tariff-export iframe { height:350px; }
}

.tariff-export select { padding:11px 12px; color:var(--ink); background:#171121; border:1px solid var(--line); border-radius:9px; }
@media(max-width:600px) { #tariffPanel > .portal-head { flex-direction:column; } }

@media(max-width:600px) { .tariff-export .export-count { grid-column:1 / -1; } }