.flow-shell{--flow-ink:#18181b;--flow-muted:#686b73;--flow-line:rgba(39,39,42,.12);--flow-surface:rgba(255,255,255,.74);--flow-soft:rgba(244,245,247,.8);display:grid;gap:16px;max-width:1540px;margin:0 auto;color:var(--flow-ink)}.flow-hero,.flow-panel,.flow-metrics article{border:1px solid var(--flow-line);background:var(--flow-surface);box-shadow:0 14px 42px rgba(24,24,27,.055);backdrop-filter:blur(22px) saturate(108%);-webkit-backdrop-filter:blur(22px) saturate(108%)}
.flow-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:clamp(22px,3vw,34px);border-radius:24px;overflow:hidden}.flow-hero.compact{padding-block:22px}.flow-hero>div{max-width:820px}.flow-kicker,.flow-section-title>span,.flow-section-title>div>span{display:block;margin-bottom:6px;color:#52525b;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.flow-hero h1{margin:0}.flow-hero p{max-width:760px;margin:12px 0 0;color:var(--flow-muted);font-size:.94rem;line-height:1.55}.flow-boundary{max-width:340px;padding:12px 14px;border:1px solid var(--flow-line);border-radius:13px;background:rgba(250,250,251,.72);font-size:.76rem;line-height:1.45}
.flow-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--flow-line);border-radius:19px;background:var(--flow-line);overflow:hidden}.flow-metrics article{padding:16px 18px;border:0;box-shadow:none}.flow-metrics span,.flow-metrics strong{display:block}.flow-metrics span{color:var(--flow-muted);font-size:.72rem}.flow-metrics strong{margin-top:5px;font-size:1.75rem;line-height:1;font-variant-numeric:tabular-nums}
.flow-panel{min-width:0;padding:clamp(18px,2.5vw,26px);border-radius:21px}.flow-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.flow-section-title h2{margin:0}.flow-section-title>strong{font-size:.8rem}.flow-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.flow-module-grid>a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;min-height:74px;padding:13px;border:1px solid var(--flow-line);border-radius:14px;background:var(--flow-soft);color:var(--flow-ink);text-decoration:none;transition:background .18s ease,border-color .18s ease}.flow-module-grid>a:hover{background:#fff;border-color:rgba(39,39,42,.28)}.flow-module-grid>a:focus-visible,.flow-primary:focus-visible,.flow-secondary:focus-visible{outline:3px solid rgba(24,24,27,.24);outline-offset:2px}.flow-module-grid>a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e4e4e7;font-weight:800;font-size:.74rem}.flow-module-grid strong,.flow-module-grid small{display:block}.flow-module-grid strong{font-size:.91rem}.flow-module-grid small{margin-top:3px;color:var(--flow-muted);font-size:.72rem}.flow-module-grid b{font-size:1.1rem}
.flow-primary,.flow-secondary{min-height:44px;padding:9px 15px!important;border-radius:12px!important;font-weight:750!important;touch-action:manipulation}.flow-primary{border:1px solid #18181b!important;background:#18181b!important;color:#fff!important}.flow-primary:hover{background:#09090b!important;color:#fff!important}.flow-secondary{border:1px solid rgba(39,39,42,.18)!important;background:rgba(255,255,255,.74)!important;color:#27272a!important}.flow-secondary:hover{background:#e4e4e7!important;color:#18181b!important}
.flow-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flow-form-grid label,.flow-inline-form label,.flow-scan-form label,.flow-confirm-form label{font-size:.72rem;font-weight:700;color:#52525b}.flow-form-grid .form-control,.flow-form-grid .form-select,.flow-inline-form .form-control,.flow-inline-form .form-select,.flow-scan-form .form-control,.flow-confirm-form .form-control,.flow-confirm-form .form-select{min-height:42px;margin-top:5px;border-radius:11px}.flow-form-wide{grid-column:1/-1}.flow-inline-form{display:grid;grid-template-columns:105px 130px 130px auto;align-items:end;gap:8px;min-width:520px}.flow-scan-form,.flow-confirm-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;margin-top:18px}.flow-confirm-form{grid-template-columns:minmax(180px,.6fr) minmax(240px,1fr) auto}
.flow-table{margin:0!important}.flow-table th{white-space:nowrap}.flow-table td{vertical-align:middle}.flow-status{display:inline-flex;padding:5px 8px;border:1px solid var(--flow-line);border-radius:999px;background:#f4f4f5;color:#52525b;font-size:.68rem;font-weight:700}.flow-ready-list,.flow-run-list{display:grid;gap:7px}.flow-ready-list>article,.flow-run-list>a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:11px 13px;border:1px solid var(--flow-line);border-radius:13px;background:var(--flow-soft);color:var(--flow-ink);text-decoration:none}.flow-ready-list strong,.flow-ready-list small,.flow-run-list strong,.flow-run-list small{display:block}.flow-ready-list small,.flow-run-list small{margin-top:3px;color:var(--flow-muted);font-size:.72rem}.flow-ready-list>article>span,.flow-run-list>a>span{color:var(--flow-muted);font-size:.72rem}.flow-run-list>a.active{border-color:#52525b;background:#fff}.flow-details{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 18px;border:1px solid var(--flow-line);border-radius:13px;background:var(--flow-line);overflow:hidden}.flow-details>div{padding:11px 13px;background:rgba(255,255,255,.72)}.flow-details dt{color:var(--flow-muted);font-size:.67rem;text-transform:uppercase}.flow-details dd{margin:4px 0 0;font-size:.84rem;font-weight:700}.flow-subsection{margin-top:20px;padding-top:18px;border-top:1px solid var(--flow-line)}.flow-subsection h3{margin:0 0 11px}
@media(max-width:1100px){.flow-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-details{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.wms-authenticated{font-size:15px}.wms-authenticated .form-control,.wms-authenticated .form-select{font-size:16px}.flow-hero{align-items:flex-start;flex-direction:column}.flow-boundary{max-width:none}.flow-metrics{grid-template-columns:repeat(2,1fr)}.flow-module-grid,.flow-form-grid,.flow-details{grid-template-columns:1fr}.flow-form-wide{grid-column:auto}.flow-inline-form,.flow-scan-form,.flow-confirm-form{grid-template-columns:1fr;min-width:520px}.flow-section-title{align-items:flex-start;flex-direction:column}.flow-ready-list>article,.flow-run-list>a{align-items:flex-start;flex-direction:column}.flow-ready-list form,.flow-ready-list .btn{width:100%}}
@media(max-width:420px){.flow-hero,.flow-panel{padding:18px;border-radius:18px}.flow-metrics article{padding:14px}.flow-metrics strong{font-size:1.5rem}.flow-module-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.flow-shell *{transition:none!important;scroll-behavior:auto!important}}
.sellwms-contours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sellwms-contour{display:flex;flex-direction:column;min-width:0;min-height:180px;padding:20px;border:1px solid rgba(24,24,27,.1);border-radius:20px;background:rgba(255,255,255,.62);color:#18181b;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sellwms-contour:hover{color:#09090b;transform:translateY(-2px);border-color:rgba(24,24,27,.22);box-shadow:0 16px 40px rgba(24,24,27,.08)}.sellwms-contour:focus-visible{outline:3px solid rgba(24,24,27,.24);outline-offset:2px}.sellwms-contour>span{color:#71717a;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sellwms-contour>strong{margin-top:18px;font-size:1.05rem}.sellwms-contour>small{margin-top:8px;color:#71717a;line-height:1.55}.sellwms-contour>b{margin-top:auto;padding-top:18px;font-size:.8rem}.sellwms-contour.inbound{box-shadow:inset 0 3px 0 #a1a1aa}.sellwms-contour.outbound{box-shadow:inset 0 3px 0 #71717a}.sellwms-contour.dispatch{box-shadow:inset 0 3px 0 #3f3f46}.sellwms-contour.returns{box-shadow:inset 0 3px 0 #18181b}@media(max-width:1100px){.sellwms-contours{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.sellwms-contours{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sellwms-contour{transition:none!important}}