.dx{display:grid;grid-template-columns:minmax(0,1.25fr) 56px minmax(0,1fr);gap:18px;align-items:center}@media(max-width:860px){.dx{grid-template-columns:1fr}.dx__arrow{transform:rotate(90deg);justify-self:center}}.dx__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:600px){.dx__in{grid-template-columns:repeat(2,minmax(0,1fr))}}.dx__card{border:1px solid var(--line);border-radius:12px;padding:10px 11px;background:var(--bg);min-height:96px;position:relative;overflow:hidden;font:12px/1.35 var(--font-display,system-ui);color:var(--ink)}.dx__tag{font:600 9.5px/1 var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:block;margin-bottom:7px}.dx__card--email{border-left:3px solid #2563eb}.dx__card--pdf{border-left:3px solid #dc2626}.dx__card--edi{background:#0f172a;color:#e2e8f0;border-color:#0f172a}.dx__card--edi .dx__tag{color:#94a3b8}.dx__card--voice{border-left:3px solid #16a34a}.dx__card--portal{border-left:3px solid #9333ea}.dx__card--phone{border-left:3px solid #ea580c}.dx__ln{height:6px;border-radius:3px;background:color-mix(in srgb,var(--ink) 10%,transparent);margin:5px 0}.dx__ln--s{width:60%}.dx__mono{font:11px/1.45 var(--font-mono,monospace);white-space:pre;overflow:hidden}.dx__wave{display:flex;gap:2px;align-items:flex-end;height:26px;margin-top:6px}.dx__wave i{flex:1;background:#16a34a;border-radius:1px;opacity:.75}.dx__row{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:3px 0;border-bottom:1px dashed var(--line)}.dx__row:last-child{border-bottom:0}.dx__late{position:absolute;right:8px;top:8px;font:600 9.5px/1 var(--font-mono,monospace);padding:4px 6px;border-radius:999px;background:#fee2e2;color:#991b1b}.dx__arrow{width:56px;height:56px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink)}.dx__out{border:1px solid var(--ink);border-radius:14px;background:var(--bg);overflow:hidden}.dx__outhd{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font:600 13px/1 var(--font-display,system-ui);color:var(--ink)}.dx__outhd span{font:500 10.5px/1 var(--font-mono,monospace);padding:5px 8px;border-radius:999px;background:var(--ink);color:#fff}.dx__f{display:grid;grid-template-columns:1fr 1fr;gap:0}.dx__fi{padding:9px 14px;border-bottom:1px solid var(--line);font:12.5px/1.3 var(--font-display,system-ui);color:var(--ink)}.dx__fi:nth-child(odd){border-right:1px solid var(--line)}.dx__fi b{display:block;font:600 9.5px/1 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}.dx__fi--flag{background:#fff7ed}.dx__fi--flag b{color:#c2410c}.dx__foot{padding:10px 14px;font:11.5px/1.4 var(--font-mono,monospace);color:var(--mute)}.ob{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}@media(max-width:860px){.ob{grid-template-columns:repeat(2,minmax(0,1fr))}}.ob__col{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--ink) 2%,transparent);padding:10px;min-height:230px;display:flex;flex-direction:column;gap:8px}.ob__h{display:flex;justify-content:space-between;align-items:center;font:600 11px/1 var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding-bottom:8px;border-bottom:1px solid var(--line)}.ob__h b{font-size:14px;color:var(--ink);letter-spacing:0}.ob__c{border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:8px 9px;font-size:11.5px;position:relative}.ob__c b{display:block;font-size:11.5px}.ob__c span{display:block;color:var(--mute);font-size:10.5px;margin-top:2px}.ob__c--hold{border-color:#fecaca;background:#fff5f5}.ob__c--vic{border-color:var(--ink)}.ob__c i{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:#22c55e}.ob__c--hold i{background:#ef4444}.ob__c--wait i{background:#f59e0b}.ob__src{display:inline-block;font:600 9px/1 var(--font-mono,monospace);padding:3px 5px;border-radius:4px;background:color-mix(in srgb,var(--ink) 7%,transparent);margin-top:5px}
