/* AutoComex — DUIMP redesign (dark premium) */
.dx-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding:20px 24px;border-radius:16px;background:linear-gradient(135deg,#0d1830 0%,#0b1220 60%,#0d1426 100%);border:1px solid rgba(59,130,246,0.18);position:relative;overflow:hidden;}
.dx-hero::before{content:'';position:absolute;top:-40px;right:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(59,130,246,0.14),transparent 70%);pointer-events:none;}
.dx-hero-ico{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(59,130,246,0.35);flex-shrink:0;}
.dx-hero h1{margin:0;font-size:22px;font-weight:700;color:#f1f5f9;letter-spacing:-0.02em;}
.dx-hero p{margin:3px 0 0;font-size:13px;color:#8ea2c0;}
.dx-seg{display:inline-flex;gap:4px;padding:5px;background:#0b1220;border:1px solid #1e293b;border-radius:12px;margin-bottom:20px;flex-wrap:wrap;}
.dx-seg button{border:none;background:transparent;color:#94a3b8;font-size:13px;font-weight:500;padding:8px 18px;border-radius:8px;cursor:pointer;transition:.15s;white-space:nowrap;font-family:inherit;}
.dx-seg button:hover{color:#e2e8f0;}
.dx-seg button.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;font-weight:600;box-shadow:0 4px 14px rgba(37,99,235,0.35);}
.dx-shell{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start;}
@media(max-width:900px){.dx-shell{grid-template-columns:1fr;}}
.dx-steps{background:#0b1220;border:1px solid #1e293b;border-radius:14px;padding:10px;position:sticky;top:12px;}
.dx-step{display:flex;align-items:center;gap:11px;width:100%;border:none;background:transparent;color:#94a3b8;padding:11px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;text-align:left;transition:.15s;font-family:inherit;}
.dx-step:hover{background:#111c33;color:#e2e8f0;}
.dx-step .dx-step-n{width:26px;height:26px;border-radius:8px;background:#15203a;color:#7d90b0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;transition:.15s;}
.dx-step.active{background:linear-gradient(90deg,rgba(37,99,235,0.16),rgba(37,99,235,0.05));color:#dbeafe;font-weight:600;}
.dx-step.active .dx-step-n{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,0.4);}
.dx-step .dx-step-lbl{line-height:1.25;}
.dx-step .dx-step-sub{display:block;font-size:10.5px;color:#64748b;font-weight:400;margin-top:1px;}
.dx-content{min-width:0;}
.dx-card{background:linear-gradient(180deg,#101a30,#0d1526);border:1px solid #1f2b44;border-radius:14px;padding:22px;margin-bottom:16px;}
.dx-card-title{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:14px;font-weight:600;color:#f1f5f9;letter-spacing:-0.01em;}
.dx-card-title::before{content:'';width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);}
.dx-actionbar{position:sticky;bottom:12px;z-index:50;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:rgba(10,16,30,0.92);backdrop-filter:blur(10px);border:1px solid #223252;border-radius:14px;padding:13px 16px;margin-top:18px;box-shadow:0 14px 40px rgba(0,0,0,0.45);}
.dx-ab-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.dx-ab-label{font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#64748b;margin-right:2px;}
.dx-ab-sep{width:1px;align-self:stretch;background:#1e293b;margin:0 2px;}
.dx-ab-flow{color:#334155;font-size:14px;}
.dx-btn{display:inline-flex;align-items:center;gap:7px;border:none;border-radius:10px;padding:10px 17px;font-size:13px;font-weight:600;cursor:pointer;transition:.15s;font-family:inherit;}
.dx-btn:disabled{opacity:.5;cursor:not-allowed;}
.dx-btn-ghost{background:#15203a;color:#cbd5e1;border:1px solid #24324d;}
.dx-btn-ghost:hover{background:#1c2a48;color:#f1f5f9;}
.dx-btn-blue{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;box-shadow:0 4px 14px rgba(37,99,235,0.3);}
.dx-btn-blue:hover{filter:brightness(1.1);}
.dx-btn-amber{background:linear-gradient(135deg,#b45309,#d97706);color:#fff;box-shadow:0 4px 14px rgba(217,119,6,0.3);}
.dx-btn-amber:hover{filter:brightness(1.1);}
.dx-btn-red{background:linear-gradient(135deg,#b91c1c,#dc2626);color:#fff;box-shadow:0 4px 14px rgba(220,38,38,0.3);}
.dx-btn-red:hover{filter:brightness(1.1);}
.dx-btn-green{background:linear-gradient(135deg,#047857,#059669);color:#fff;box-shadow:0 4px 14px rgba(5,150,105,0.3);}
.dx-btn-green:hover{filter:brightness(1.1);}
.dx-proc-input{background:#0b1220;border:1px solid #24324d;border-radius:9px;color:#e2e8f0;padding:9px 11px;font-size:13px;width:150px;outline:none;transition:.15s;font-family:inherit;}
.dx-proc-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.18);}
#duimp-container input:focus,#duimp-container select:focus,#duimp-container textarea:focus{border-color:#2563eb !important;box-shadow:0 0 0 3px rgba(37,99,235,0.15);}
.dx-empty{text-align:center;padding:48px 20px;color:#64748b;}
.dx-empty .dx-empty-ico{width:56px;height:56px;border-radius:16px;background:#111c33;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.dx-empty h3{margin:0 0 5px;font-size:15px;color:#cbd5e1;font-weight:600;}
.dx-empty p{margin:0;font-size:13px;}