/* v9.27.0 — Warehouse buying cycle (canvas boards 40–56). */
.orbit-theme #app-main .cy-strip{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.orbit-theme #app-main .cy-strip a,.orbit-theme #app-main .cy-strip span{font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;background:#eef0f5;color:#7a839a;text-decoration:none;white-space:nowrap}
.orbit-theme #app-main .cy-strip .is-here{background:#5b3df5;color:#fff}
.orbit-theme #app-main .cy-strip .is-done{background:#e6f6ef;color:#0b5c45}
.orbit-theme #app-main .cy-steps{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.orbit-theme #app-main .cy-steps i{color:#9aa3b5;font-style:normal}
.orbit-theme #app-main .cy-step{display:inline-flex;align-items:center;min-height:32px;padding:0 13px;border-radius:999px;font-weight:800;font-size:12.5px;background:#fff;color:#7a839a;border:1px solid #d6dae4}
.orbit-theme #app-main .cy-step.is-done{background:#e6f6ef;color:#0b5c45;border-color:#9fd9c3}
.orbit-theme #app-main .cy-step.is-on{background:#5b3df5;color:#fff;border-color:#5b3df5}
.orbit-theme #app-main .cy-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr);gap:14px;align-items:start}
@media (max-width:1100px){.orbit-theme #app-main .cy-grid{grid-template-columns:1fr}}
.orbit-theme #app-main .cy-side{display:flex;flex-direction:column;gap:14px}
.orbit-theme #app-main .cy-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.orbit-theme #app-main .cy-main>.wa-card,.orbit-theme #app-main .cy-side>.wa-card{margin:0}
.orbit-theme #app-main .cy-next{background:#101e3d;color:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.orbit-theme #app-main .cy-next small{color:#b9c2d8;font-size:11.5px;font-weight:800;letter-spacing:.06em}
.orbit-theme #app-main .cy-next b{font-size:20px}
.orbit-theme #app-main .cy-next span{color:#b9c2d8;font-size:13px}
.orbit-theme #app-main .cy-next .wa-btn{margin-top:6px;justify-content:center}
.orbit-theme #app-main .cy-next.is-done{background:#0b7a5c}
.orbit-theme #app-main .cy-tot{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:4px 0}
.orbit-theme #app-main .cy-tot.is-big{font-size:16px;font-weight:800;border-top:1px solid #e4e7ec;margin-top:4px;padding-top:8px}
.orbit-theme #app-main .cy-pad{padding:14px 16px}
.orbit-theme #app-main .cy-sec{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;font-size:15px;font-weight:800;border-bottom:1px solid #eef0f5}
.orbit-theme #app-main .cy-sec small{font-weight:600;color:#5a6478;font-size:12.5px}
.orbit-theme #app-main .cy-sec .cy-n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#101e3d;color:#fff;font-size:12.5px}
.orbit-theme #app-main .cy-card-on{border:2px solid #5b3df5}
.orbit-theme #app-main .cy-dim{opacity:.6}
.orbit-theme #app-main .cy-why{background:#fffbea;border:1px solid #f1d98a;border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.55;color:#101e3d}
.orbit-theme #app-main .cy-why b{color:#6b4500}
.orbit-theme #app-main .cy-tag{display:inline-block;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;margin:2px 4px 0 0;white-space:nowrap}
.orbit-theme #app-main .cy-tag.is-ok{background:#e6f6ef;color:#0b5c45}
.orbit-theme #app-main .cy-tag.is-warn{background:#fff4e5;color:#9a5b00}
.orbit-theme #app-main .cy-tag.is-bad{background:#fde8e8;color:#a11c1c}
.orbit-theme #app-main .cy-tag.is-info{background:#efebff;color:#2a1a8f}
.orbit-theme #app-main .cy-tag.is-grey{background:#eef0f5;color:#4b5671}
.orbit-theme #app-main .cy-table{width:100%;border-collapse:collapse}
.orbit-theme #app-main .cy-table th{font-size:11.5px;font-weight:800;color:#4b5671;padding:10px 12px;text-align:left;background:#f7f8fb;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}
.orbit-theme #app-main .cy-table td{font-size:13.5px;padding:10px 12px;border-top:1px solid #eef0f5;vertical-align:middle;color:#101e3d}
.orbit-theme #app-main .cy-table .num{text-align:right}
.orbit-theme #app-main .cy-table input[type=number],.orbit-theme #app-main .cy-table input.cy-amt{width:84px;text-align:right}
.orbit-theme #app-main .cy-table input.is-bad{border-color:#b42318;background:#fff5f5}
.orbit-theme #app-main .cy-table input.is-warn{border-color:#9a5b00;background:#fffbea}
.orbit-theme #app-main .cy-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;background:#101e3d;color:#fff}
.orbit-theme #app-main .cy-bar .wa-muted{color:#b9c2d8}
.orbit-theme #app-main .cy-bar .wa-btn{background:#fff;color:#101e3d;border-color:#fff}
.orbit-theme #app-main .cy-bar .wa-btn.is-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.orbit-theme #app-main .cy-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:14px 16px}
.orbit-theme #app-main .cy-fields .cy-wide{grid-column:1/-1}
.orbit-theme #app-main .cy-chiprow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.orbit-theme #app-main .cy-choice{display:flex;gap:10px;align-items:flex-start;border:1px solid #e4e7ec;border-radius:12px;padding:10px 12px;cursor:pointer;margin:0}
.orbit-theme #app-main .cy-choice:has(input:checked){border:2px solid #5b3df5;background:#faf9ff}
.orbit-theme #app-main .cy-choice input{margin-top:3px;width:auto}
.orbit-theme #app-main .cy-choice small{display:block;color:#5a6478;font-weight:500}
.orbit-theme #app-main .cy-diffs{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px}
.orbit-theme #app-main .cy-diff{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.orbit-theme #app-main .cy-banner{border-radius:12px;padding:12px 14px;font-size:13.5px;display:flex;flex-direction:column;gap:4px}
.orbit-theme #app-main .cy-banner.is-ok{background:#e6f6ef;border:1px solid #9fd9c3;color:#0b5c45}
.orbit-theme #app-main .cy-banner.is-warn{background:#fffbea;border:1px solid #f1d98a;color:#6b4500}
.orbit-theme #app-main .cy-banner.is-bad{background:#fff5f5;border:1px solid #f3b8b8;color:#a11c1c}
.orbit-theme #app-main .cy-timeline{display:flex;flex-direction:column;gap:6px;padding:12px 16px;font-size:13px}
.orbit-theme #app-main .cy-timeline div{display:grid;grid-template-columns:150px 1fr auto;gap:10px}
.orbit-theme #app-main .cy-timeline span{color:#5a6478}
.orbit-theme #app-main .cy-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.orbit-theme #app-main .cy-kpi{border:1px solid #e4e7ec;border-radius:12px;padding:10px 12px;background:#fff}
.orbit-theme #app-main .cy-kpi span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4b5671}
.orbit-theme #app-main .cy-kpi b{font-size:20px}
.orbit-theme #app-main .cy-done{display:flex;gap:12px;align-items:center}
.orbit-theme #app-main .cy-done i{width:44px;height:44px;border-radius:50%;background:#0b7a5c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-style:normal;flex:none}
.orbit-theme #app-main .cy-queue a{display:block;padding:12px 14px;border-top:1px solid #eef0f5;color:#101e3d;text-decoration:none}
.orbit-theme #app-main .cy-queue a.is-on{background:#f4f1ff}
.orbit-theme #app-main .cy-queue small{display:block;color:#5a6478}
.orbit-theme #app-main .cy-arr{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:12px 14px}
.orbit-theme #app-main .cy-arr>div{border:1px solid #e4e7ec;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}

/* ---- the warehouse staff phone (boards 47, 48, 56) ---- */
.orbit-theme #app-main .whm{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.orbit-theme #app-main .whm-top{background:#101e3d;color:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:2px}
.orbit-theme #app-main .whm-top small{color:#b9c2d8;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.orbit-theme #app-main .whm-top b{font-size:20px}
.orbit-theme #app-main .whm-top a{color:#c9bdff}
.orbit-theme #app-main .whm-card{background:#fff;border:1px solid #e3e6ee;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;color:#101e3d;text-decoration:none}
.orbit-theme #app-main a.whm-card:active{background:#f4f1ff}
.orbit-theme #app-main .whm-tile{flex-direction:row;align-items:center;justify-content:space-between;padding:18px 16px}
.orbit-theme #app-main .whm-tile b{font-size:17px}
.orbit-theme #app-main .whm-tile small{display:block;color:#5a6478;font-size:12.5px;margin-top:2px}
.orbit-theme #app-main .whm-n{min-width:34px;height:34px;padding:0 9px;border-radius:999px;background:#5b3df5;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.orbit-theme #app-main .whm-n.is-zero{background:#eef0f5;color:#7a839a}
.orbit-theme #app-main .whm-big{min-height:54px;border-radius:14px;font-size:16px;font-weight:800;width:100%;justify-content:center}
.orbit-theme #app-main .whm-scan{display:flex;gap:8px}
.orbit-theme #app-main .whm-scan input{flex:1;height:54px;font-size:17px;border:2px solid #5b3df5;border-radius:14px;padding:0 14px}
.orbit-theme #app-main .whm-scan button{min-height:54px;border-radius:14px}
.orbit-theme #app-main .whm-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.orbit-theme #app-main .whm-row span small{display:block;color:#5a6478;font-size:12.5px}
.orbit-theme #app-main .whm-bar{height:8px;border-radius:9px;background:#eef0f5;overflow:hidden}
.orbit-theme #app-main .whm-bar i{display:block;height:8px;background:#0b7a5c}
.orbit-theme #app-main .whm-count{display:flex;align-items:center;justify-content:space-between;gap:10px}
.orbit-theme #app-main .whm-count button{width:58px;height:58px;border-radius:14px;border:1px solid #c9cfdc;background:#fff;color:#101e3d;font-size:26px;font-weight:800;padding:0;box-shadow:none}
.orbit-theme #app-main .whm-count input{width:110px;height:58px;text-align:center;font-size:34px;font-weight:800;border:0;background:transparent}
.orbit-theme #app-main .whm-cond{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.orbit-theme #app-main .whm-cond label{border:1px solid #c9cfdc;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:13px;margin:0}
.orbit-theme #app-main .whm-cond label.is-good{background:#e6f6ef;border-color:#0b7a5c;color:#0b5c45}
.orbit-theme #app-main .whm-cond input{height:42px;font-size:20px;font-weight:800;text-align:center}
.orbit-theme #app-main .whm-bin{font-size:30px;font-weight:800;letter-spacing:.02em}
.orbit-theme #app-main .whm-hl{border:2px solid #5b3df5}
.orbit-theme #app-main .whm-warn{background:#fffbea;border-color:#f1d98a}
.orbit-theme #app-main .whm-bad{background:#fff5f5;border-color:#f3b8b8}
.orbit-theme #app-main .whm-ok{background:#e6f6ef;border-color:#9fd9c3}
.orbit-theme #app-main .whm-foot{text-align:center;font-size:13px;color:#5a6478}
.orbit-theme #app-main .whm-top b,.orbit-theme #app-main .whm-top strong{color:#fff}
.orbit-theme #app-main .whm-top a{font-size:13px;font-weight:700;text-decoration:none;margin-top:4px}
.orbit-theme #app-main .whm .wa-btn{text-decoration:none}
.orbit-theme #app-main .whm .whm-big{width:100%;display:flex;justify-content:center;min-height:54px;border-radius:14px;font-size:16px}
.orbit-theme #app-main .whm form{margin:0}
.orbit-theme #app-main .cy-next b{color:#fff}
.orbit-theme #app-main .cy-kpi small{display:block;font-size:12px;font-weight:700}