/* ÁUREA Suppliers 2.0 · cream reading room with a night map */
#suppliers.su2{--su-bg:#f6f0e4;--su-sheet:#fffaf1;--su-line:#e4d8c3;--su-ink:#2a2620;--su-ink2:#5b5346;--su-muted:#8a8070;--su-gold:#a8792a;--su-gold2:#7d5a1d;--su-soft:#f1e2c2;
  --su-ok:#2f855a;--su-warn:#b7791f;--su-bad:#c4392f;--su-night:#0f1b29;--su-night2:#16273a;--mono:ui-monospace,"SF Mono",Menlo,monospace;
  position:relative;background:var(--su-bg);color:var(--su-ink);border-radius:22px;padding:26px 24px 30px;box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
#suppliers.su2>.kicker,#suppliers.su2>h2,#suppliers.su2>.lead,#suppliers.su2>.panel{display:none}
#suppliers.su2 [hidden]{display:none!important}
#suppliers .su-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;flex-wrap:wrap}
#suppliers .su-kicker{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--su-gold)}
#suppliers .su-head h2{margin:4px 0 2px;color:var(--su-ink);font-size:clamp(30px,4vw,44px);letter-spacing:-.02em}
#suppliers .su-lead{margin:0;color:var(--su-ink2);font-size:15px;max-width:62ch}
#suppliers .su-asof{font:11px var(--mono);color:var(--su-muted)}
#suppliers .su-tabs{display:flex;gap:4px;border-bottom:1px solid var(--su-line);margin:20px 0 18px;overflow-x:auto}
#suppliers .su-tab{font:inherit;font-size:14px;font-weight:600;background:none;border:0;border-bottom:3px solid transparent;color:var(--su-ink2);padding:10px 14px;cursor:pointer;white-space:nowrap}
#suppliers .su-tab[aria-selected=true]{color:var(--su-ink);border-bottom-color:var(--su-gold)}
#suppliers .su-pane{display:grid;gap:16px}
#suppliers .su-label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--su-gold2)}
#suppliers .su-card{background:var(--su-sheet);border:1px solid var(--su-line);border-radius:16px;padding:18px}
#suppliers .su-card h3{margin:4px 0 6px;font-size:20px;color:var(--su-ink)}
#suppliers .su-sub{color:var(--su-ink2);font-size:13.5px;margin:4px 0 10px}
#suppliers .su-intro{margin:0;color:var(--su-ink2);font-size:14px;max-width:70ch}
#suppliers .su-note{display:block;color:var(--su-muted);font-size:11.5px;margin-top:8px}
#suppliers .su-kv{display:grid;grid-template-columns:130px minmax(0,1fr);gap:7px 12px;font-size:13.5px;margin:10px 0 0}
#suppliers .su-kv dt{color:var(--su-ink2)}#suppliers .su-kv dd{margin:0;font-weight:500;overflow-wrap:anywhere}
#suppliers .su-list{margin:10px 0 0;padding-left:18px;display:grid;gap:7px;font-size:13.5px}
#suppliers .su-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#suppliers .su-g3{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}
#suppliers .su-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--su-soft);color:var(--su-gold2);white-space:nowrap}
#suppliers .su-pill.a-now,#suppliers .su-pill.s-done{background:#dcefe4;color:#1f6b45}
#suppliers .su-pill.a-assist,#suppliers .su-pill.s-open{background:#e3ecf8;color:#24589c}
#suppliers .su-pill.a-approve{background:#f6e7c8;color:#80590f}
#suppliers .su-pill.a-never,#suppliers .su-pill.s-paused{background:#f3dedb;color:#9c2f26}
#suppliers .su-tip{position:absolute;z-index:30;pointer-events:none;opacity:0;transition:opacity .12s;background:#1c1914;color:#fbf5e8;font-size:12.5px;line-height:1.45;border-radius:10px;padding:8px 11px;max-width:240px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
/* meter */
#suppliers .su-meter{display:flex;gap:4px;margin:10px 0 4px}
#suppliers .su-meter i{flex:1;height:6px;border-radius:3px;background:#e7dcc8}
#suppliers .su-meter i.done{background:#c9b48c}
#suppliers .su-meter i.now{height:6px;box-shadow:0 0 0 2px var(--su-sheet),0 0 0 3px currentColor}
#suppliers .su-stagetxt{margin:4px 0 0;font-size:12.5px;color:var(--su-ink2)}
/* network */
#suppliers .su-net{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr);gap:16px}
#suppliers .su-map{position:relative;background:radial-gradient(120% 90% at 30% 20%,#1b3047 0%,var(--su-night) 60%);border-radius:18px;padding:8px 8px 40px;overflow:hidden;min-height:300px}
#suppliers .su-map svg{width:100%;height:auto;display:block}
#suppliers .su-map .states path{fill:#1d3248;stroke:#2f4a66;stroke-width:.8}
#suppliers .su-map .states path:hover{fill:#24405c}
#suppliers .su-map.nomap{background-image:radial-gradient(#2a4058 1px,transparent 1.4px),radial-gradient(120% 90% at 30% 20%,#1b3047 0%,var(--su-night) 60%);background-size:18px 18px,100% 100%}
#suppliers .lane{fill:none;stroke-width:2;opacity:.55;stroke-dasharray:3 6}
#suppliers .lane.live{stroke-width:2.6;opacity:.95;stroke-dasharray:10 8;animation:su-flow 1.6s linear infinite}
@keyframes su-flow{to{stroke-dashoffset:-36}}
#suppliers .pin{cursor:pointer;outline:none}
#suppliers .pin .pulse{opacity:.22;transform-box:fill-box;transform-origin:center;animation:su-pulse 2.6s ease-out infinite}
@keyframes su-pulse{0%{transform:scale(.5);opacity:.45}100%{transform:scale(1.5);opacity:0}}
#suppliers .pin .dot{stroke:#0f1b29;stroke-width:2;transition:transform .15s;transform-box:fill-box;transform-origin:center}
#suppliers .pin:hover .dot,#suppliers .pin:focus-visible .dot,#suppliers .pin.on .dot{transform:scale(1.3)}
#suppliers .pin .lbl{fill:#f3ead9;font-size:15px;font-weight:700;paint-order:stroke;stroke:#0f1b29;stroke-width:4px}
#suppliers .pin .sub{fill:#9fb3c8;font-size:12.5px;paint-order:stroke;stroke:#0f1b29;stroke-width:4px}
#suppliers .pin.on .lbl{fill:#ffd88a}
#suppliers .su-maplg{position:absolute;left:14px;bottom:10px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:#c9d6e2}
#suppliers .su-maplg span{display:inline-flex;align-items:center;gap:6px}
#suppliers .su-maplg i{display:inline-block;width:10px;height:10px}
#suppliers .su-maplg i.star{background:#c8a35a;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
#suppliers .su-maplg i.dot{border-radius:50%;background:linear-gradient(90deg,#1b8f66 25%,#2a78d6 25% 50%,#b0612a 50% 75%,#7a5fc0 75%)}
#suppliers .su-maplg i.sq{border:2px solid #e9e2d0;border-radius:3px;width:8px;height:8px}
#suppliers .su-maplg i.ln{height:0;width:18px;border-top:2.5px dashed #b0612a}
#suppliers .su-maplg i.dash{height:0;width:18px;border-top:2px dotted #8fa6bd}
#suppliers .su-place h3{border-left:4px solid var(--c,var(--su-gold));padding-left:10px}
#suppliers .su-city{margin:0;font:12px var(--mono);color:var(--su-muted)}
#suppliers .su-link{margin-top:14px;font:inherit;font-weight:600;font-size:13px;border:1px solid var(--su-gold);color:var(--su-gold2);background:transparent;border-radius:9px;padding:7px 12px;cursor:pointer}
#suppliers .su-fourrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#suppliers .su-sc{text-align:left;font:inherit;color:inherit;background:var(--su-sheet);border:1px solid var(--su-line);border-top:4px solid var(--c);border-radius:14px;padding:14px;cursor:pointer;display:grid;gap:4px;transition:transform .15s,box-shadow .15s}
#suppliers .su-sc:hover{transform:translateY(-2px);box-shadow:0 12px 26px -18px rgba(80,60,20,.6)}
#suppliers .su-sc .top{display:flex;justify-content:space-between;font-size:11px}
#suppliers .su-sc .pr{letter-spacing:.1em;font-weight:700;color:var(--su-muted)}
#suppliers .su-sc .top b{font:600 12px var(--mono)}
#suppliers .su-sc h4{margin:2px 0 0;font-size:16px}
#suppliers .su-sc p{margin:0;font-size:12.5px;color:var(--su-ink2);min-height:2.6em}
#suppliers .su-sc small{font-size:11.5px;color:var(--su-muted)}
#suppliers .su-sc .su-meter i.now{color:var(--c)}
#suppliers .su-capbar{display:flex;gap:2px;height:16px;margin:12px 0 10px}
#suppliers .su-capbar i{border-radius:4px;cursor:default}
#suppliers .su-caplg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--su-ink2)}
#suppliers .su-caplg span{display:inline-flex;align-items:center;gap:6px}#suppliers .su-caplg i{width:10px;height:10px;border-radius:3px}
/* route */
#suppliers .su-track{display:grid;gap:10px}
#suppliers .su-before{background:var(--su-sheet);border:1px dashed var(--su-line);border-radius:14px;padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}#suppliers .su-before .tok{margin:0}
#suppliers .su-before small{font-size:11.5px;color:var(--su-muted)}
#suppliers .su-phases{display:grid;grid-template-columns:2fr 3fr 2fr 4fr;gap:8px}
#suppliers .su-phase{background:#efe5d2;border-radius:14px;padding:8px;min-width:0}
#suppliers .su-phname{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--su-gold2);margin:0 0 8px 4px}
#suppliers .su-steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
#suppliers .su-step{position:relative;text-align:left;font:inherit;color:inherit;background:var(--su-sheet);border:1px solid var(--su-line);border-radius:12px;padding:9px 8px 10px;cursor:pointer;display:grid;gap:3px;align-content:start;min-height:118px;min-width:0;hyphens:auto;overflow-wrap:anywhere}
#suppliers .su-step:hover{border-color:var(--su-gold)}
#suppliers .su-step[aria-pressed=true]{border-color:var(--su-ink);box-shadow:0 0 0 1px var(--su-ink)}
#suppliers .su-step .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--mono);background:#e7dcc8;color:var(--su-ink2)}
#suppliers .su-step.a-now .n{background:#dcefe4;color:#1f6b45}#suppliers .su-step.a-assist .n{background:#e3ecf8;color:#24589c}
#suppliers .su-step.a-approve .n{background:#f6e7c8;color:#80590f}#suppliers .su-step.a-never .n{background:#f3dedb;color:#9c2f26}
#suppliers .su-step b{font-size:12.5px;line-height:1.25;overflow-wrap:normal;word-break:normal;hyphens:auto}
#suppliers .su-step small{font-size:10.5px;color:var(--su-muted)}
#suppliers .tok{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
#suppliers .su-token{font-size:10px;line-height:1.3;font-weight:700;color:#fff;background:var(--c);border-radius:999px;padding:2px 8px;animation:su-bob 2.4s ease-in-out infinite}
@keyframes su-bob{50%{transform:translateY(-2px)}}
#suppliers .su-autolg{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--su-ink2)}
#suppliers .su-autolg span{display:inline-flex;align-items:center;gap:6px}#suppliers .su-autolg i{width:12px;height:12px;border-radius:50%}
#suppliers .su-autolg .a-now i{background:#9fd3b6}#suppliers .su-autolg .a-assist i{background:#a9c3e8}#suppliers .su-autolg .a-approve i{background:#ecc983}#suppliers .su-autolg .a-never i{background:#e3a59e}
#suppliers .su-here{margin:12px 0 0;font-size:13.5px}
/* the four */
#suppliers .su-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#suppliers .su-pick{font:inherit;color:inherit;text-align:left;background:var(--su-sheet);border:1px solid var(--su-line);border-radius:12px;padding:10px 12px;cursor:pointer;display:grid;grid-template-columns:12px 1fr;column-gap:8px;align-items:center}
#suppliers .su-pick i{width:12px;height:12px;border-radius:50%;background:var(--c);grid-row:span 2}
#suppliers .su-pick b{font-size:14px}#suppliers .su-pick small{font-size:11px;color:var(--su-muted)}
#suppliers .su-pick[aria-pressed=true]{border-color:var(--c);box-shadow:0 0 0 2px var(--c) inset}
#suppliers .su-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;background:var(--su-sheet);border:1px solid var(--su-line);border-left:6px solid var(--c);border-radius:16px;padding:18px;margin-top:16px}
#suppliers .su-hero h3{margin:4px 0;font-size:28px;letter-spacing:-.01em}
#suppliers .su-headline{margin:0 0 6px;font-size:15px;color:var(--su-ink2)}
#suppliers .su-hero .su-meter i.now{color:var(--c)}
#suppliers .su-next{background:#2a2620;color:#fbf5e8;border-radius:12px;padding:14px 16px;align-self:start}
#suppliers .su-next .su-label{color:#e8c98a}#suppliers .su-next p{margin:6px 0 0;font-size:14px;line-height:1.5}
#suppliers .su-g3{margin-top:16px}#suppliers .su-pane>div>.su-g2{margin-top:16px}
#suppliers .su-radar{width:100%;max-width:280px;display:block;margin:6px auto 0;overflow:visible}
#suppliers .su-radar .grid{fill:none;stroke:#e4d8c3;stroke-width:1}#suppliers .su-radar .grid.out{stroke:#cdbd9f}
#suppliers .su-radar .shape{fill-opacity:.2;stroke-width:2;stroke-linejoin:round}
#suppliers .su-radar .vtx{stroke:var(--su-sheet);stroke-width:2}
#suppliers .su-radar text{font-size:10.5px;fill:var(--su-ink2)}
#suppliers .su-tl{display:grid;gap:0;margin-top:10px}
#suppliers .su-tl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;position:relative;padding:0 0 12px 16px;font-size:13.5px}
#suppliers .su-tl>div::before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:50%;background:var(--c)}
#suppliers .su-tl>div::after{content:"";position:absolute;left:3.5px;top:15px;bottom:0;width:1px;background:var(--su-line)}
#suppliers .su-tl>div:last-child::after{display:none}
#suppliers .su-tl time{font:12px var(--mono);color:var(--su-muted)}
#suppliers .su-funnel{display:grid;gap:7px;margin:10px 0 14px}
#suppliers .su-funnel .row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:4px 10px;align-items:center;font-size:12.5px}
#suppliers .su-funnel .row b{font:600 12.5px var(--mono);text-align:right}
#suppliers .su-funnel .bar{height:10px;background:#efe5d2;border-radius:5px;overflow:hidden}
#suppliers .su-funnel .bar i{display:block;height:100%;border-radius:5px;transition:width .8s}
#suppliers .su-funnel .row span{grid-column:2;color:var(--su-ink2);margin-top:-2px}
#suppliers .su-orow{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;font:inherit;font-size:13px;color:inherit;text-align:left;background:#fff;border:1px solid var(--su-line);border-radius:10px;padding:9px 11px;margin-top:8px;cursor:pointer}
#suppliers .su-orow b{font:600 12px var(--mono)}#suppliers .su-orow em{font:normal 600 12.5px var(--mono)}
/* orders */
#suppliers .su-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--su-sheet);border:1px solid var(--su-line);border-radius:16px}
#suppliers .su-kpi{padding:14px 16px;border-left:1px solid var(--su-line)}#suppliers .su-kpi:first-child{border-left:0}
#suppliers .su-kpi b{display:block;font-size:24px;letter-spacing:-.01em}#suppliers .su-kpi small{color:var(--su-ink2);font-size:12px}
#suppliers .su-ogrid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px;align-items:start}
#suppliers .su-olist{display:grid;gap:8px}
#suppliers .su-ocard{font:inherit;color:inherit;text-align:left;background:var(--su-sheet);border:1px solid var(--su-line);border-left:4px solid var(--c);border-radius:12px;padding:11px 12px;cursor:pointer;display:grid;gap:3px}
#suppliers .su-ocard .top{display:flex;justify-content:space-between;gap:8px;align-items:center}#suppliers .su-ocard .top b{font:600 13px var(--mono)}
#suppliers .su-ocard>span{font-size:13px}#suppliers .su-ocard small{font-size:11.5px;color:var(--su-muted)}
#suppliers .su-ocard[aria-current=true]{box-shadow:0 0 0 2px var(--c) inset}
#suppliers .su-odet h3{border-left:4px solid var(--c);padding-left:10px}
#suppliers .su-oprog{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;margin:10px 0 14px}
#suppliers .su-oprog .st{display:grid;gap:5px;justify-items:center;text-align:center}
#suppliers .su-oprog .st i{width:100%;height:8px;border-radius:4px;background:#e7dcc8}
#suppliers .su-oprog .st.pass i{background:#d8c7a6}#suppliers .su-oprog .st.hit i{background:var(--c)}
#suppliers .su-oprog .st small{font-size:9.5px;line-height:1.15;color:var(--su-muted)}
#suppliers .su-oprog .st.hit small{color:var(--su-ink);font-weight:600}
#suppliers .su-lines{display:grid;gap:2px;margin-top:10px;font-size:13px}
#suppliers .su-lines .hd,#suppliers .su-lines .ln{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) 84px 84px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--su-line)}
#suppliers .su-lines .hd span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--su-muted)}
#suppliers .su-lines .r{text-align:right;font-family:var(--mono);font-size:12.5px}
#suppliers .su-lines .hd span:nth-child(n+3){text-align:right}
#suppliers .su-lines .bw{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:8px;align-items:center}
#suppliers .su-lines .bw small{font:11.5px var(--mono);color:var(--su-ink2)}
#suppliers .su-lines .bars{display:grid;gap:2px;cursor:default}
#suppliers .su-lines .bars i{display:block;height:7px;border-radius:0 4px 4px 0}
#suppliers .su-lines .bars i.b{background:#cdbd9f}
#suppliers .su-lines .tot{font-weight:700;border-bottom:0}
#suppliers .su-outcome{margin:14px 0 0;font-size:14px;line-height:1.5}
#suppliers .su-lesson{margin-top:12px;background:var(--su-soft);border-radius:12px;padding:12px 14px}#suppliers .su-lesson p{margin:4px 0 0;font-weight:600}
/* automations */
#suppliers .su-autos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#suppliers .su-auto{background:var(--su-sheet);border:1px solid var(--su-line);border-radius:14px;padding:14px 16px}
#suppliers .su-auto .top{display:flex;justify-content:space-between;gap:10px;align-items:center}#suppliers .su-auto b{font-size:14.5px}
#suppliers .su-auto small{font:11.5px var(--mono);color:var(--su-muted)}#suppliers .su-auto p{margin:6px 0 0;font-size:13.5px;color:var(--su-ink2)}
@media(max-width:1100px){#suppliers .su-net{grid-template-columns:1fr}#suppliers .su-g3{grid-template-columns:1fr 1fr}#suppliers .su-phases{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#suppliers.su2{padding:18px 14px 22px;border-radius:16px}#suppliers .su-fourrow,#suppliers .su-picker{grid-template-columns:1fr 1fr}#suppliers .su-g2,#suppliers .su-g3,#suppliers .su-hero,#suppliers .su-ogrid,#suppliers .su-autos{grid-template-columns:1fr}#suppliers .su-kpis{grid-template-columns:1fr 1fr}#suppliers .su-kpi:nth-child(3){border-left:0}#suppliers .su-kv{grid-template-columns:110px minmax(0,1fr)}#suppliers .su-lines .hd,#suppliers .su-lines .ln{grid-template-columns:minmax(0,1fr) 70px 70px}#suppliers .su-lines .bw,#suppliers .su-lines .hd span:nth-child(2){display:none}#suppliers .su-oprog .st small{display:none}#suppliers .su-steps{grid-auto-flow:row;grid-template-columns:1fr 1fr}#suppliers .su-step{min-height:0}}
@media(max-width:760px){#suppliers .pin .sub{display:none}#suppliers .pin .lbl{font-size:24px}}
@media(prefers-reduced-motion:reduce){#suppliers .lane.live,#suppliers .pin .pulse,#suppliers .su-token{animation:none}}
#suppliers .su-items .hd,#suppliers .su-items .ln{grid-template-columns:minmax(0,1fr) 50px 80px 90px}
@media(max-width:760px){#suppliers .su-items .hd,#suppliers .su-items .ln{grid-template-columns:minmax(0,1fr) 40px 70px}#suppliers .su-items .ln>span:nth-child(3),#suppliers .su-items .hd>span:nth-child(3){display:none}#suppliers .su-items .hd>span:nth-child(2){display:block}}