.dmkt-wrap{max-width:720px;margin:0 auto}
.dmkt-title{margin:0 0 18px}
.dmkt-form .dmkt-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.dmkt-form label{display:flex;flex-direction:column;font-size:.9em;gap:6px}
.dmkt-form input{padding:11px 12px;border:1px solid #d0d5dd;border-radius:8px;font-size:1em;width:100%;box-sizing:border-box}
.dmkt-btn{display:inline-block;padding:11px 20px;background:#1f6feb;color:#fff!important;border:0;border-radius:8px;font-weight:600;text-decoration:none!important;cursor:pointer;line-height:1.3;text-align:center}
.dmkt-btn:hover{background:#1559c7}
.dmkt-btn-lg{padding:14px 24px;font-size:1.05em;width:100%;box-sizing:border-box;margin-top:8px}
.dmkt-alert{margin-top:16px;padding:12px 14px;background:#fff4e5;border:1px solid #ffd8a8;border-radius:8px;color:#7a3e00}
.dmkt-result{margin-top:24px;border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff}
.dmkt-head{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:16px;border-bottom:1px solid #eef0f3}
.dmkt-label{display:block;font-size:.78em;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.dmkt-steps{list-style:none;margin:20px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.dmkt-steps li{position:relative;text-align:center;padding-top:30px;font-size:.9em;color:#9ca3af}
.dmkt-steps li::before{content:"";position:absolute;top:10px;left:-50%;width:100%;height:3px;background:#e5e7eb;z-index:0}
.dmkt-steps li:first-child::before{display:none}
.dmkt-steps li.done::before,.dmkt-steps li.current::before{background:#22c55e}
.dmkt-dot{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:#e5e7eb;border:3px solid #fff;box-shadow:0 0 0 1px #e5e7eb;z-index:1}
.dmkt-steps li.done .dmkt-dot{background:#22c55e;box-shadow:0 0 0 1px #22c55e}
.dmkt-steps li.current .dmkt-dot{background:#1f6feb;box-shadow:0 0 0 4px rgba(31,111,235,.2)}
.dmkt-steps li.done{color:#111827}
.dmkt-steps li.current{color:#1f6feb;font-weight:700}
.dmkt-step-name{display:block}
.dmkt-step-date{display:block;font-size:.78em;font-weight:400;color:#6b7280;margin-top:2px}
.dmkt-cargo{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:#f8fafc;border-radius:10px}
.dmkt-cargo a{grid-column:1/-1}
.dmkt-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}
.dmkt-sub{margin:20px 0 8px;font-size:1em}
.dmkt-events{width:100%;border-collapse:collapse;font-size:.9em}
.dmkt-events td{padding:8px 6px;border-bottom:1px solid #eef0f3;vertical-align:top}
.dmkt-note{margin:16px 0 0;padding:12px 14px;background:#f0f9ff;border-radius:8px;color:#0c4a6e}
.dmkt-items{margin-top:18px;padding-top:14px;border-top:1px solid #eef0f3}
.dmkt-items ul{margin:6px 0 0 18px;padding:0;font-size:.92em}
@media (max-width:640px){
  .dmkt-form .dmkt-row{grid-template-columns:1fr}
  .dmkt-head{grid-template-columns:1fr 1fr}
  .dmkt-steps{grid-template-columns:1fr;gap:14px}
  .dmkt-steps li{text-align:left;padding:0 0 0 32px}
  .dmkt-steps li::before{left:9px;top:-14px;width:3px;height:14px}
  .dmkt-dot{left:0;top:0;transform:none}
  .dmkt-cargo{grid-template-columns:1fr}
}
