/*
 * Administración → Relación de fletes (División Campo).
 * Sección con identidad propia: conserva la paleta del sitio «Relación de fletes» (verde campo, tinta verdosa y
 * amarillo maíz para los kilos por capturar, el mismo amarillo que se marca en el Excel) dentro de la app.
 * Tipografía de la app: Archivo para el título, Inter para el texto y JetBrains Mono para folios y cifras.
 * Los colores se toman del tema de la app (claro, oscuro o el del sistema). Prefijo: rf-.
 */
:root{
  --rf-bg:#F1F4F1; --rf-surface:#FFFFFF; --rf-sunk:#E7ECE8; --rf-ink:#16211C; --rf-muted:#56665E; --rf-line:#D3DCD6;
  --rf-accent:#1D5A43; --rf-accent-ink:#FFFFFF; --rf-accent-soft:#DCEBE3;
  --rf-corn:#F2C230; --rf-corn-soft:#FCF0C6; --rf-corn-ink:#5A4300;
  --rf-warn:#A9471F; --rf-warn-soft:#F8E3D8; --rf-ok:#2C7A4C;
  --rf-curtain:#1D5A43; --rf-curtain-ink:#F1F4F1;
  --rf-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --rf-bg:#0F1512; --rf-surface:#161E1A; --rf-sunk:#1C2621; --rf-ink:#E4ECE7; --rf-muted:#9AAAA2; --rf-line:#2A3631;
  --rf-accent:#6CC79C; --rf-accent-ink:#0B1410; --rf-accent-soft:#1E3529;
  --rf-corn:#E5B826; --rf-corn-soft:#3A3116; --rf-corn-ink:#F4DA8A;
  --rf-warn:#EE9670; --rf-warn-soft:#3B2219; --rf-ok:#7AD0A0;
  --rf-curtain:#173326; --rf-curtain-ink:#E4ECE7;
}}
:root[data-theme="dark"]{
  --rf-bg:#0F1512; --rf-surface:#161E1A; --rf-sunk:#1C2621; --rf-ink:#E4ECE7; --rf-muted:#9AAAA2; --rf-line:#2A3631;
  --rf-accent:#6CC79C; --rf-accent-ink:#0B1410; --rf-accent-soft:#1E3529;
  --rf-corn:#E5B826; --rf-corn-soft:#3A3116; --rf-corn-ink:#F4DA8A;
  --rf-warn:#EE9670; --rf-warn-soft:#3B2219; --rf-ok:#7AD0A0;
  --rf-curtain:#173326; --rf-curtain-ink:#E4ECE7;
}

/* Fondo de la sección (también detrás de la barra al desplazar) */
html:has(body[data-screen="rf"]),body[data-screen="rf"]{background:var(--rf-bg)}

/* Tarjeta en Administración: ícono con el verde de la sección */
.mod-card.tone-rf .mod-ic{background:var(--rf-accent-soft);color:var(--rf-accent)}

/* Cortina de entrada y salida */
.rf-curtain{position:fixed;inset:0;z-index:calc(var(--z-sheet) + 50);background:var(--rf-curtain);color:var(--rf-curtain-ink);display:grid;place-items:center;pointer-events:none;
  clip-path:circle(0 at 50% 50%)}
.rf-curtain-in{display:grid;justify-items:center;gap:8px;text-align:center;padding:0 24px}
.rf-curtain-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--rf-curtain-ink) 14%,transparent)}
.rf-curtain-ic .ic{width:30px;height:30px}
.rf-curtain-in b{font-family:var(--font-brand);font-weight:800;font-stretch:78%;font-size:clamp(26px,6vw,40px);letter-spacing:.01em;line-height:1}
.rf-curtain-in>span:last-child{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.8}

/* Página */
.rf{color:var(--rf-ink);display:grid;gap:24px;align-content:start}
.rf>*,.rf-work>*{min-width:0}
.rf .nav-top{margin-bottom:-8px}
.rf .nav-back{color:var(--rf-accent)}
.rf-mono,.rf .mono{font-family:var(--rf-mono);font-variant-numeric:tabular-nums}
.rf-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rf-accent)}
.rf-h1{margin:0;font-family:var(--font-brand);font-weight:800;font-stretch:78%;font-size:clamp(32px,6.4vw,48px);line-height:1.02;letter-spacing:-.005em;text-wrap:balance}
.rf-h2{margin:0;font-family:var(--font-brand);font-weight:700;font-stretch:88%;font-size:21px;line-height:1.1}

.rf-hero{display:grid;gap:12px;padding-bottom:20px;border-bottom:2px solid var(--rf-ink)}
.rf-brand{display:flex;align-items:center;gap:12px}
.rf-logotile{width:46px;height:46px;border-radius:10px;background:var(--rf-ink);display:grid;place-items:center;flex:none}
.rf-mark{width:30px;height:31px;background:var(--rf-bg);-webkit-mask:url("../assets/brand/perconsur-mark.png") center/contain no-repeat;mask:url("../assets/brand/perconsur-mark.png") center/contain no-repeat}
.rf-brandtxt{display:grid;gap:5px}
.rf-brandtxt b{font-family:var(--font-brand);font-weight:800;font-stretch:96%;font-size:19px;line-height:1;letter-spacing:.04em}
.rf-purpose{margin:0;justify-self:start;display:flex;gap:8px;align-items:center;padding:7px 12px;border-radius:10px;background:var(--rf-accent-soft);color:var(--rf-accent);font-size:var(--fs-footnote);font-weight:600;line-height:1.35}
.rf-purpose svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.rf-purpose b{font-weight:800}
.rf-hero-row{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:end;justify-content:space-between}
.rf-lead{margin:0;max-width:62ch;color:var(--rf-muted);font-size:var(--fs-subhead)}
.rf-private{margin:0;display:flex;gap:8px;align-items:center;font-size:var(--fs-footnote);color:var(--rf-muted);max-width:42ch}
.rf-private svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

/* Archivos */
.rf-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.rf-slot{position:relative;display:grid;gap:10px;align-content:start;padding:18px;border:1.5px dashed var(--rf-line);border-radius:12px;background:var(--rf-surface);transition:border-color .15s;min-width:0}
.rf-slot:hover,.rf-slot.drag{border-color:var(--rf-accent)}
.rf-slot:focus-within{outline:2px solid var(--rf-accent);outline-offset:2px}
.rf-slot.ok{border-style:solid;border-color:var(--rf-accent)}
.rf-slot.err{border-style:solid;border-color:var(--rf-warn)}
.rf-slot input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.rf-step{display:flex;gap:10px;align-items:center}
.rf-step h3{margin:0;font-size:17px;font-weight:700}
.rf-opt{color:var(--rf-muted);font-weight:500}
.rf-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 13px var(--font-brand);background:var(--rf-ink);color:var(--rf-bg);flex:none}
.rf-slot.ok .rf-num{background:var(--rf-accent);color:var(--rf-accent-ink)}
.rf-hint{margin:0;font-size:14px;color:var(--rf-muted)}
.rf-file{margin:0;font:500 13px var(--rf-mono);overflow-wrap:anywhere}
.rf-err{margin:0;color:var(--rf-warn);font-size:14px}
.rf-facts{display:flex;flex-wrap:wrap;gap:6px}
.rf-fact{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-pill);background:var(--rf-sunk);font-size:12.5px;white-space:nowrap}
.rf-fact.mono{font-family:var(--rf-mono)}
.rf-fact.ok{background:var(--rf-accent-soft);color:var(--rf-accent)}
.rf-clear{position:relative;z-index:2;justify-self:start;font-size:13px;font-weight:600;color:var(--rf-accent);background:none;border:0;padding:4px 0;text-decoration:underline}

/* Explicación antes de subir archivos */
.rf-rule{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:20px;align-items:center;padding:22px;border-radius:12px;background:var(--rf-sunk)}
.rf-rule-copy{display:grid;gap:10px}
.rf-rule-copy p{margin:0;color:var(--rf-muted);font-size:15px}
@media (max-width:760px){.rf-rule{grid-template-columns:1fr}}
.rf-mini{overflow-x:auto;border-radius:8px;background:var(--rf-surface);border:1px solid var(--rf-line)}
.rf-mini table{min-width:520px}

/* Tablas */
.rf table{border-collapse:collapse;width:100%;font-size:13px}
.rf th{font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--rf-muted);text-align:left;padding:10px;border-bottom:1.5px solid var(--rf-ink);background:var(--rf-surface);white-space:nowrap}
.rf td{padding:7px 10px;border-bottom:1px solid var(--rf-line);white-space:nowrap;vertical-align:middle}
.rf td.n,.rf th.n{text-align:right}
.rf td.rf-mono{font-size:12.5px}
.rf tr:last-child td{border-bottom:0}
.rf tr.sub td{color:var(--rf-muted);background:var(--rf-bg)}
.rf tr.sub td.rem{color:var(--rf-ink)}
.rf tr.off td{opacity:.38}
.rf td.kgpend{background:var(--rf-corn-soft);color:var(--rf-corn-ink);font-style:italic}
.rf td.neg{color:var(--rf-warn)}
.rf td.rf-obs{white-space:normal;min-width:160px;max-width:260px;font-size:12.5px}
.rf td.rf-wrap{white-space:normal;overflow-wrap:anywhere;min-width:140px}
.rf td.rf-ok{color:var(--rf-ok)}
.rf td.rf-bad{color:var(--rf-warn)}
.rf td.rf-empty{padding:18px;color:var(--rf-muted)}
.rf input[type=checkbox]{accent-color:var(--rf-accent);width:18px;height:18px}
.rf-arrow{color:var(--rf-muted);margin-right:4px}
.rf-src{display:inline-block;margin-left:5px;font:700 9.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;padding:3px 4px;border-radius:3px;background:var(--rf-accent-soft);color:var(--rf-accent);vertical-align:1px;font-style:normal}
.rf-tablebox{overflow-x:auto;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface)}

/* Trabajo: ajustes, indicadores, avisos */
.rf-work{display:grid;gap:18px}
.rf-settings{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:end;padding:18px 20px;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface)}
.rf-field{display:grid;gap:6px;min-width:0}
.rf-lbl{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rf-muted)}
.rf-field input[type=number],.rf-field input[type=date]{font:500 15px var(--rf-mono);padding:9px 10px;border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-bg);color:var(--rf-ink);width:160px;min-height:44px}
.rf-seg{display:flex;flex-wrap:wrap;border:1px solid var(--rf-line);border-radius:8px;overflow:hidden}
.rf-seg label{display:flex;align-items:center;gap:6px;padding:9px 12px;font-size:14px;cursor:pointer;background:var(--rf-bg);min-height:44px}
.rf-seg label:has(input:checked){background:var(--rf-accent);color:var(--rf-accent-ink)}
.rf-seg input{accent-color:var(--rf-accent)}
.rf-check{display:flex;gap:8px;align-items:center;font-size:14px;cursor:pointer;min-height:44px}
.rf-check input{accent-color:var(--rf-accent);width:18px;height:18px}
.rf-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:1px;background:var(--rf-line);border:1px solid var(--rf-line);border-radius:12px;overflow:hidden}
.rf-tile{background:var(--rf-surface);padding:16px 18px;display:grid;gap:4px;align-content:start}
.rf-tile .k{font-size:11.5px;font-weight:600;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--rf-muted)}
.rf-tile .v{font-family:var(--font-brand);font-weight:700;font-stretch:85%;font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums}
.rf-tile .v small{font-size:18px;color:var(--rf-muted)}
.rf-tile .s{font-size:12.5px;color:var(--rf-muted)}
.rf-tile.pending{background:var(--rf-corn-soft)}
.rf-tile.pending .v{color:var(--rf-corn-ink)}
.rf-alerts{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.rf-alerts li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:11px 14px;border-radius:10px;background:var(--rf-surface);border:1px solid var(--rf-line);font-size:14px}
.rf-tag{font-size:10.5px;font-weight:700;line-height:1;letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;border-radius:4px;white-space:nowrap}
.rf-tag.warn{background:var(--rf-warn-soft);color:var(--rf-warn)}
.rf-tag.kg{background:var(--rf-corn-soft);color:var(--rf-corn-ink)}
.rf-tag.info{background:var(--rf-accent-soft);color:var(--rf-accent)}
.rf-inv summary{cursor:pointer;font-family:var(--font-brand);font-weight:700;font-stretch:92%;font-size:17px;padding:4px 0}
.rf-inv[open] summary{margin-bottom:10px}
.rf-prev-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:baseline}
.rf-note{color:var(--rf-muted);font-size:13px}

/* Barra para generar y compartir (sobre la barra de navegación en el celular) */
.rf-bar{position:sticky;bottom:calc(var(--tab-h) + var(--sab) + 12px);z-index:5;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;
  padding:14px 18px;border-radius:14px;background:var(--rf-ink);color:var(--rf-bg);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.rf-sum{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px}
.rf-sum b{font-family:var(--font-brand);font-weight:700;font-stretch:88%;font-size:18px;font-variant-numeric:tabular-nums}
.rf-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rf-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:11px 18px;min-height:44px;border-radius:10px;border:0;background:var(--rf-corn);color:#2B2100}
.rf-btn .ic{width:20px;height:20px}
.rf-btn.ghost{background:transparent;color:var(--rf-bg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--rf-bg) 55%,transparent)}
.rf-btn:disabled{opacity:.5;cursor:not-allowed}
.rf-btn:focus-visible{outline:3px solid var(--rf-bg);outline-offset:2px}
.rf-ready{display:inline-flex;align-items:center;gap:6px;font-size:13px;overflow-wrap:anywhere}
.rf-ready .ic{width:18px;height:18px;color:var(--rf-corn)}
@media (min-width:1024px){.rf-bar{bottom:calc(var(--sab) + 16px)}}
@media (max-width:520px){.rf-acts,.rf-btn{width:100%}.rf-btn{justify-content:center}}
@media (prefers-reduced-motion:reduce){.rf-slot{transition:none}}

/* ===== Flujo de la revisión semanal ===== */
.rf-stage{display:grid;gap:18px;align-content:start;min-width:0}
.rf-stage[hidden]{display:none}
.rf-stage-head{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between}
.rf-stage-head .rf-h2:focus{outline:none}
.rf-revno{display:inline-flex;align-items:center;padding:5px 11px;border-radius:var(--r-pill);background:var(--rf-ink);color:var(--rf-bg);font:700 13px var(--rf-mono)}
.rf-revno:empty{display:none}
.rf-num .ic{width:15px;height:15px}

/* Pasos */
.rf-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;counter-reset:none}
.rf-steps[hidden]{display:none}
.rf-steps li{display:grid;justify-items:center;gap:6px;text-align:center;font-size:12px;font-weight:600;color:var(--rf-muted);position:relative;padding-top:2px}
.rf-steps li::before{content:"";position:absolute;top:15px;left:calc(-50% + 18px);right:calc(50% + 18px);height:2px;background:var(--rf-line)}
.rf-steps li:first-child::before{display:none}
.rf-steps li .rf-num{background:var(--rf-sunk);color:var(--rf-muted);width:28px;height:28px}
.rf-steps li.done .rf-num{background:var(--rf-accent);color:var(--rf-accent-ink)}
.rf-steps li.done::before,.rf-steps li.on::before{background:var(--rf-accent)}
.rf-steps li.on{color:var(--rf-ink)}
.rf-steps li.on .rf-num{background:var(--rf-ink);color:var(--rf-bg);box-shadow:0 0 0 4px var(--rf-accent-soft)}
@media (max-width:420px){.rf-steps li>span:last-child{font-size:10.5px;line-height:1.2}}

/* Inicio */
.rf-start{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;padding:22px;border-radius:14px;background:var(--rf-ink);color:var(--rf-bg)}
.rf-count{display:grid;gap:2px}
.rf-count .rf-lbl{color:color-mix(in srgb,var(--rf-bg) 70%,transparent)}
.rf-count b{font-family:var(--font-brand);font-weight:800;font-stretch:80%;font-size:56px;line-height:1;font-variant-numeric:tabular-nums}
.rf-count .rf-note{color:color-mix(in srgb,var(--rf-bg) 78%,transparent)}
.rf-btn.big{padding:14px 20px;border-radius:12px;text-align:left}
.rf-btn.big>span{display:grid;gap:2px}
.rf-btn.big b{font-size:16px}
.rf-btn.big small{font-weight:500;font-size:13px;opacity:.85}
.rf-btn.big .ic{width:24px;height:24px}
@media (max-width:520px){.rf-start{padding:18px}.rf-btn.big{width:100%;justify-content:flex-start}}
.rf-hist{display:grid;gap:10px}
.rf-hist[hidden]{display:none}
.rf-histlist{margin:0;padding:0;list-style:none;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface);overflow:hidden}
.rf-histlist li{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:6px 14px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--rf-line);font-size:14px}
.rf-histlist li:last-child{border-bottom:0}
@media (max-width:560px){.rf-histlist li{grid-template-columns:auto 1fr auto}.rf-histlist li>span:nth-child(3),.rf-histlist li>span:nth-child(4){grid-row:2;font-size:13px;color:var(--rf-muted)}.rf-histlist li>span:nth-child(3){grid-column:1/3}.rf-histlist li>span:nth-child(4){grid-column:3;text-align:right}.rf-histlist li>.rf-fact{grid-row:1;grid-column:3}}

/* Excel y Cartas Porte */
.rf-slots.one{grid-template-columns:1fr}
.rf-stale{margin:0;display:flex;gap:8px;align-items:flex-start;padding:11px 14px;border-radius:10px;background:var(--rf-warn-soft);color:var(--rf-warn);font-size:14px}
.rf-stale[hidden]{display:none}
.rf-stale .ic{flex:none;width:18px;height:18px;margin-top:1px}
.rf-files{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.rf-files:empty{display:none}
.rf-files li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:6px 6px 6px 14px;border:1px solid var(--rf-line);border-radius:10px;background:var(--rf-surface)}
.rf .icon-btn{color:var(--rf-muted);min-width:44px;min-height:44px}

/* Pantalla de carga */
.rf-loading{justify-items:center;text-align:center;padding:28px 0 12px;gap:14px}
.rf-loader{position:relative;width:112px;height:112px;display:grid;place-items:center}
.rf-loader>span:not(.rf-loader-ic){position:absolute;inset:0;border-radius:50%;border:3px solid var(--rf-accent);opacity:0;animation:rf-ripple 1.8s cubic-bezier(.2,.7,.3,1) infinite}
.rf-loader>span:nth-child(2){animation-delay:.9s}
.rf-loader-ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--rf-accent);color:var(--rf-accent-ink);animation:rf-breathe 1.8s ease-in-out infinite}
.rf-loader-ic .ic{width:34px;height:34px}
@keyframes rf-ripple{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.15);opacity:0}}
@keyframes rf-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.rf-loading .rf-note{max-width:40ch;overflow-wrap:anywhere;min-height:1.5em}
.rf-progress{width:min(100%,420px);height:6px;border-radius:99px;background:var(--rf-sunk);overflow:hidden}
.rf-progress span{display:block;height:100%;width:0;background:var(--rf-accent);border-radius:inherit;transition:width .35s ease}
.rf-checks{margin:0;padding:0;list-style:none;display:grid;gap:8px;width:min(100%,420px);text-align:left}
.rf-checks li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 14px;border-radius:10px;background:var(--rf-surface);border:1px solid var(--rf-line);font-size:14px;color:var(--rf-muted)}
.rf-checks li small{font:500 12px var(--rf-mono);color:var(--rf-muted)}
.rf-ck{width:20px;height:20px;border-radius:50%;border:2px solid var(--rf-line);display:grid;place-items:center}
.rf-checks li.run{color:var(--rf-ink)}
.rf-checks li.run .rf-ck{border-color:var(--rf-accent);border-right-color:transparent;animation:rf-spin .8s linear infinite}
.rf-checks li.ok{color:var(--rf-ink)}
.rf-checks li.ok .rf-ck{border-color:var(--rf-accent);background:var(--rf-accent)}
.rf-checks li.ok .rf-ck::after{content:"";width:8px;height:4px;border:2px solid var(--rf-accent-ink);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.rf-checks li.err .rf-ck{border-color:var(--rf-warn);background:var(--rf-warn)}
@keyframes rf-spin{to{transform:rotate(360deg)}}

/* Revisión lista */
.rf-done{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:14px;background:var(--rf-accent-soft);color:var(--rf-ink)}
.rf-done p{margin:4px 0 0;color:var(--rf-ink);font-size:15px}
.rf-done-ic{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--rf-accent);color:var(--rf-accent-ink)}
.rf-done-ic .ic{width:24px;height:24px}
.rf-done.bad{background:var(--rf-warn-soft)}
.rf-done.bad .rf-done-ic{background:var(--rf-warn)}
.rf-done.big{padding:26px 22px}
.rf-filecard,.rf-attach li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface)}
.rf-filecard:empty{display:none}
.rf-filecard-t{display:grid;gap:2px;min-width:0}
.rf-filecard-t b{font:600 14px var(--rf-mono);overflow-wrap:anywhere}
.rf-filecard-t small{color:var(--rf-muted);font-size:12.5px}
.rf-xls{width:44px;height:44px;border-radius:9px;display:grid;place-items:center;font:800 10.5px var(--rf-mono);letter-spacing:.04em;background:var(--rf-accent);color:var(--rf-accent-ink)}
.rf-xls.zip{background:var(--rf-corn);color:#2B2100}
.rf-filecard .rf-clear,.rf-mail .rf-clear{display:inline-flex;gap:6px;align-items:center;text-decoration:none;min-height:44px}
.rf-filecard .rf-clear .ic,.rf-mail .rf-clear .ic{width:18px;height:18px}
.rf-adjust{border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface)}
.rf-adjust>summary{display:flex;gap:10px;align-items:center;padding:14px 16px;cursor:pointer;font-weight:700;min-height:48px;color:var(--rf-accent)}
.rf-adjust>summary .ic{width:20px;height:20px}
.rf-adjust[open]>summary{border-bottom:1px solid var(--rf-line)}
.rf-adjust>.rf-work{padding:16px}

/* Boletas */
.rf-thumbs{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.rf-thumbs:empty{display:none}
.rf-thumbs li{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:var(--rf-sunk);border:1px solid var(--rf-line)}
.rf-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.rf-thumbs li>span{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font-size:12px}
.rf-thumbs .icon-btn{position:absolute;top:2px;right:2px;color:#fff;background:rgba(0,0,0,.45);border-radius:50%;min-width:36px;min-height:36px;width:36px;height:36px}

/* Envío */
.rf-attach{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.rf-mail{display:grid;gap:12px;padding:16px 18px;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface)}
.rf-mail-row{display:grid;gap:4px}
.rf-mail-row>span:last-child{font-weight:600}
.rf-msg{margin:0;white-space:pre-line;font-size:15px;line-height:1.55;padding:12px 14px;border-radius:8px;background:var(--rf-bg);border:1px solid var(--rf-line)}

/* Barras de cada paso */
.rf-stage>.rf-bar{margin-top:4px}
.rf-bar>.rf-btn:only-child{margin-left:auto}
@media (max-width:520px){.rf-stage>.rf-bar{flex-wrap:nowrap}.rf-stage>.rf-bar>.rf-btn.ghost{width:auto;flex:0 0 auto}.rf-stage>.rf-bar>.rf-btn:not(.ghost){flex:1}
  .rf-stage[data-stage="ready"]>.rf-bar,.rf-stage[data-stage="sent"]>.rf-bar{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.rf-loader>span:not(.rf-loader-ic),.rf-loader-ic,.rf-checks li.run .rf-ck{animation:none}.rf-loader>span:not(.rf-loader-ic){opacity:.35;transform:scale(.9)}.rf-progress span{transition:none}}
/* Durante la revisión el encabezado se compacta (la explicación queda en el inicio) */
.rf.rf-flow .rf-hero{gap:10px;padding-bottom:14px}
.rf.rf-flow .rf-hero-row{display:none}
.rf.rf-flow .rf-h1{font-size:clamp(26px,5vw,36px)}
.rf.rf-flow .rf-logotile{width:38px;height:38px}
.rf.rf-flow .rf-mark{width:25px;height:26px}

/* Menú principal: datos de compra y MOV 101 */
.rf-menu-h{margin-bottom:-6px}
.rf-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.rf-menucard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;padding:16px;min-height:76px;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface);color:var(--rf-ink);font:inherit;cursor:pointer;transition:border-color .15s}
.rf-menucard:hover{border-color:var(--rf-accent)}
.rf-menucard:focus-visible{outline:2px solid var(--rf-accent);outline-offset:2px}
.rf-menucard>.ic{width:20px;height:20px;color:var(--rf-accent)}
.rf-menu-ic{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--rf-accent-soft);color:var(--rf-accent)}
.rf-menu-ic .ic{width:24px;height:24px}
.rf-menu-ic.mov{background:var(--rf-corn-soft);color:var(--rf-corn-ink);font:800 15px var(--rf-mono)}
.rf-menu-t{display:grid;gap:3px;min-width:0}
.rf-menu-t b{font-size:16px}
.rf-menu-t>span{font-size:13.5px;color:var(--rf-muted);overflow-wrap:anywhere}
.rf-menu-t>span b{font-size:13.5px;color:var(--rf-ink)}
.rf-menu-t i,.rf-datos i{color:var(--rf-muted)}
.rf-sheet .rf-form{display:grid;gap:16px;padding-bottom:6px}
.rf-form .rf-field input{font:500 16px var(--font);padding:11px 12px;min-height:48px;border:1px solid var(--rf-line);border-radius:10px;background:var(--rf-bg);color:var(--rf-ink);width:100%}
.rf-form .rf-field input:focus{outline:2px solid var(--rf-accent);outline-offset:1px;border-color:var(--rf-accent)}
.rf-btn.block{width:100%;justify-content:center}
.rf-prevs{display:grid;gap:6px}
.rf-prevs ul{margin:0;padding:0;list-style:none;border:1px solid var(--rf-line);border-radius:10px;overflow:hidden}
.rf-prevs li{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--rf-line);font-size:14px}
.rf-prevs li:last-child{border-bottom:0}
.rf-prevs small{color:var(--rf-muted);white-space:nowrap}
.rf-datos{display:grid;gap:8px;padding:14px 18px;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface)}
.rf-datos-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.rf-datos .rf-clear{display:inline-flex;gap:6px;align-items:center;text-decoration:none;min-height:40px;min-width:40px}
.rf-datos .rf-clear .ic{width:18px;height:18px}
.rf-datos dl{margin:0;display:grid;gap:2px}
.rf-datos dl>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:6px 0;border-bottom:1px solid var(--rf-line)}
.rf-datos dl>div:last-child{border-bottom:0}
.rf-datos dt{font-size:13px;color:var(--rf-muted)}
.rf-datos dd{margin:0;display:flex;align-items:center;gap:4px;font-size:15px}

/* Cartas Porte: PDF y XML */
.rf-need{margin:0;font-size:14px;color:var(--rf-warn)}
.rf-need.ok{color:var(--rf-ok)}
.rf-need:empty{display:none}
.rf-files li{grid-template-columns:auto 1fr auto auto}
.rf-kind{font:800 10.5px var(--rf-mono);letter-spacing:.04em;padding:4px 6px;border-radius:5px;background:var(--rf-accent-soft);color:var(--rf-accent)}
.rf-kind.pdf{background:var(--rf-warn-soft);color:var(--rf-warn)}