/* Raw pickup workspace: neutral information, violet identity, clear progress. */
@media screen{
 main .raw-flow-alert{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border:1px solid #d4dbe5;border-left:4px solid #8b5cf6;box-shadow:var(--depth-low)}
 main .raw-flow-alert>img{box-sizing:content-box;width:24px;height:24px;padding:10px;background:#ede4ff;border-radius:8px;filter:none}
 main .raw-flow-alert strong{font-size:15px;color:#293347;line-height:1.4}
 main .raw-flow-alert small{font-size:12px;color:#617084;margin-top:5px;line-height:1.5}
 main .raw-flow-table thead{display:none}
 main .raw-flow-table .raw-flow-record{padding:4px;background:var(--portal-card-frame);border:1px solid #fff;box-shadow:var(--portal-card-shadow);margin-bottom:22px}
 main .raw-flow-table .raw-flow-record>tr.raw-flow-material{background:transparent;grid-template-columns:1.4fr 1.6fr 1fr 1fr 1.1fr .8fr;gap:0;padding:10px 6px 12px;align-items:center}
 main .raw-flow-table .raw-flow-record>tr.raw-flow-material>td{padding:8px 14px;line-height:1.5}
 main .raw-flow-record td[data-label]::before{content:attr(data-label);display:block;font-size:10px;font-weight:550;color:#647184;margin:0 0 8px;line-height:1.4}
 main .raw-flow-record td:first-child>strong{font-size:23px;font-weight:750;letter-spacing:-.3px;color:#1f2937}
 main .raw-flow-record td>small{font-size:12px;color:#5b6778}
 main .raw-flow-kind{font-size:12px;color:#4d3b73;line-height:1.5}
 main .raw-flow-kind img{width:18px;height:18px;flex-basis:18px}
 main .raw-flow-table .raw-flow-expanded{border-top:0}
 main .raw-flow-detail{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:24px;padding:22px;background:#fff;border-radius:10px;align-items:start}
 main .raw-flow-detail h4{margin:0 0 15px;font-size:14px;color:#283448;line-height:1.4}
 main .raw-flow-meta{background:#f5f7fa;border:1px solid #e0e5ec;box-shadow:none;border-radius:10px;padding:20px}
 main .raw-flow-meta dl{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);gap:0;margin:0}
 main .raw-flow-meta dt,main .raw-flow-meta dd{grid-column:auto;align-self:stretch;margin:0;padding:14px 0;border-bottom:1px solid #e0e5ec;line-height:1.55}
 main .raw-flow-meta dt{font-size:12px;color:#687588;padding-right:14px}
 main .raw-flow-meta dd{font-size:13px;font-weight:600;color:#293448;overflow-wrap:anywhere}
 main .raw-flow-meta dt:last-of-type,main .raw-flow-meta dd:last-of-type{border-bottom:0;padding-bottom:0}
 main .raw-flow-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch}
 main .raw-flow-steps section{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(140px,.6fr);grid-template-rows:auto auto auto;gap:4px 12px;align-items:center;min-height:95px;padding:14px 16px;background:#fff;border:1px solid #dce2eb;border-left:3px solid #a9b4c3;border-radius:10px;box-shadow:none;text-align:left}
 main .raw-flow-steps section>img{grid-column:1;grid-row:1/3;width:23px;height:23px;margin:0;filter:grayscale(1) brightness(.7)}
 main .raw-flow-steps h5{grid-column:2;grid-row:1;margin:0;font-size:13px;color:#293448;line-height:1.4}
 main .raw-flow-steps p{grid-column:2;grid-row:2;margin:0;font-size:11px;color:#748094;line-height:1.5}
 main .raw-flow-steps b{grid-column:3;grid-row:1/3;justify-self:end;align-self:center;margin:0;font-size:11px;font-weight:600;line-height:1.5;text-align:right}
 main .raw-flow-steps small{grid-column:2;grid-row:3;min-height:0;padding:0;margin:0;font-size:11px;color:#66758a;line-height:1.5}
 main .raw-flow-steps small:empty{display:none}
 main .raw-flow-steps section.complete{background:#fcfefd;border:1px solid #dce5df;border-left:3px solid #45a26a}
 main .raw-flow-steps section.complete>img{filter:none}
 main .raw-flow-steps section.complete b{color:#257244}
 main .raw-flow-steps section.pending,main .raw-flow-steps section.waiting:has(button:enabled){background:#fcfaff;border:1px solid #d8c8f7;border-left:3px solid #8b5cf6;box-shadow:0 3px 10px #6635ab0b}
 main .raw-flow-steps section.pending>img,main .raw-flow-steps section.waiting:has(button:enabled)>img{filter:brightness(0) saturate(100%) invert(43%) sepia(86%) saturate(2261%) hue-rotate(235deg) brightness(101%) contrast(93%)}
 main .raw-flow-steps section.waiting{background:#f7f8fa;border:1px solid #e0e5ec;border-left:3px solid #b7c0ce}
 main .raw-flow-steps section.waiting b{color:#697688}
 main .raw-flow-steps .btn{grid-column:3;grid-row:3;justify-self:stretch;min-height:36px;height:auto;width:100%;padding:8px 10px;margin:5px 0 0;font-size:11px}
 main .raw-flow-steps .btn:enabled{background:#7c3aed;border:1px solid #6d28d9;color:#fff;box-shadow:0 2px 4px #6d28d91a}
 main .raw-flow-steps .btn:disabled{background:#eef1f5;border:1px solid #dce1e8;color:#8792a2;opacity:1;box-shadow:none}
 main .raw-flow-complete{grid-column:3;grid-row:3;justify-self:end;margin:0;padding:0;color:#448060;font-size:10px;line-height:1.5;text-align:right}
 main .raw-flow-history{margin:14px 0 0;padding:10px 14px 0;background:#f8f9fb;border:1px solid #e1e6ed;box-shadow:none;border-radius:8px}
 main .raw-flow-history summary{min-height:30px;font-size:11px;color:#657389}
 main .raw-flow-toggle{background:#fff;border-color:#c5cddd;color:#536179;box-shadow:0 1px 2px #19212c08}
 main .raw-flow-badge{font-size:10px;padding:5px 8px;font-weight:600}
 main .raw-flow-badge.waiting{background:#edf0f5;color:#627084;border-color:#dce2eb}
 main .raw-flow-heading{margin:22px 0 12px}
}
@media screen and (max-width:1000px){
 main .raw-flow-detail{grid-template-columns:minmax(0,1fr);gap:20px}
 main .raw-flow-meta dl{grid-template-columns:minmax(130px,.45fr) minmax(0,1fr)}
}
@media screen and (max-width:640px){
 main .raw-flow-alert{padding:14px;gap:12px;flex-wrap:nowrap}
 main .raw-flow-alert>img{width:21px;height:21px;padding:8px;flex-shrink:0}
 main .raw-flow-table .raw-flow-record>tr.raw-flow-material{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px;gap:14px}
 main .raw-flow-table .raw-flow-record>tr.raw-flow-material>td{padding:0!important}
 main .raw-flow-record td[data-label]::before{margin-bottom:6px}
 main .raw-flow-detail{padding:16px;gap:20px}
 main .raw-flow-meta{padding:16px}
 main .raw-flow-meta dl{grid-template-columns:minmax(90px,.7fr) minmax(0,1fr)}
 main .raw-flow-meta dt,main .raw-flow-meta dd{font-size:12px;padding-top:12px;padding-bottom:12px}
 main .raw-flow-steps section{grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:5px 10px;padding:14px;min-height:0}
 main .raw-flow-steps section>img{width:21px;height:21px}
 main .raw-flow-steps h5,main .raw-flow-steps p{grid-column:2}
 main .raw-flow-steps b{grid-column:2;grid-row:3;justify-self:start;text-align:left}
 main .raw-flow-steps small{grid-column:2;grid-row:4}
 main .raw-flow-steps .btn{grid-column:1/-1;grid-row:5;margin-top:8px;min-height:44px}
 main .raw-flow-complete{grid-column:2;grid-row:5;justify-self:start;text-align:left;margin-top:4px}
}