.wf-home{margin:24px 0;padding:30px;background:linear-gradient(120deg,#f3efff,#eafaf5 65%,#fff2df);border:1px solid #e3e6ee;border-radius:24px}.wf-home h2{font-size:27px;margin:8px 0}.wf-home p,.wf-home-card small{color:#626b80}.wf-home-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.wf-home-card{border:1px solid #dee6e7;background:#ffffffd9;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;text-align:start;transition:transform .2s,box-shadow .2s;color:#222c47;min-height:105px}.wf-home-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #635bd216}.wf-home-card>b{background:#e7ddff;border-radius:13px;padding:12px;color:#6a41c9}.wf-home-card:nth-child(2)>b{background:#d1f4e7;color:#12795c}.wf-home-card:nth-child(3)>b{background:#ffe6c3;color:#90520c}.wf-home-card strong{display:block;font-size:18px}.wf-home-card small{display:block;margin-top:7px}.wf-home-card svg{width:22px;margin-inline-start:auto}.wf-notify-link{color:#5843b1;background:none;border:0;font-weight:700;padding:10px 0}.wf-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.wf-flow li{padding:20px 15px;border-radius:14px;background:#ece8fd;color:#5941af}.wf-flow li:nth-child(2){background:#ddf4ec;color:#116a51}.wf-flow li:nth-child(3){background:#e1effe;color:#245c91}.wf-flow li:nth-child(4){background:#fff0d8;color:#805311}.wf-flow b{display:block;margin-top:8px}.wf-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:#fff;border:1px solid #e5e8ef;border-radius:18px;padding:20px;margin-bottom:18px}.wf-filters label{flex:1 1 145px;min-width:0;font-size:12px;display:flex;flex-direction:column;gap:8px}.wf-filters input,.wf-filters select{width:100%;min-width:0}.wf-result-label{color:#747d91;margin:18px 0 10px}.wf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wf-card{border:1px solid #e3e6ef;background:white;border-radius:18px;padding:22px;min-width:0;animation:wf-enter .25s ease}.wf-card h2{font-size:18px;overflow-wrap:anywhere;margin:18px 0 8px}.wf-card p{color:#687287;overflow-wrap:anywhere}.wf-card>small{color:#697284}.wf-card .erp-actions{margin-top:18px}.wf-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px}.wf-status{background:#edf0f6;color:#495269;border-radius:9px;padding:6px 10px;font-size:12px;display:inline-flex}.wf-status.submitted{background:#fff0d4;color:#805109}.wf-status.accepted,.wf-status.approved,.wf-status.invoiced{background:#dff5ea;color:#116344}.wf-status.rejected{background:#ffe8ec;color:#9d2947}.wf-status.quoted,.wf-status.offered{background:#eee8ff;color:#6846b1}.wf-amount{display:block;font-size:21px;color:#294b61;margin:18px 0;font-variant-numeric:tabular-nums}.wf-quotes{margin-top:28px}.wf-dialog{width:min(940px,calc(100vw - 32px))}.wf-line{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:12px;align-items:end;margin:12px 0;padding:14px;background:#f5f6fb;border-radius:12px}.wf-line label{display:grid;gap:6px;min-width:0}.wf-line select,.wf-line input{min-width:0;width:100%}.wf-private{background:#fff6df;border:1px solid #e9d9ae;border-radius:14px;padding:18px;margin:20px 0;color:#775321}.wf-private h3{margin:0 0 12px}.wf-lines-view>div{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:14px 0;border-bottom:1px solid #e8eaf1;overflow-wrap:anywhere}.wf-note{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 8px;border-bottom:1px solid #e4e7ef}.wf-note h3{font-size:16px;margin:0 0 8px}.wf-note p{font-size:13px;color:#657084;margin:0}.wf-note:not(.read){border-inline-start:3px solid #7551e2;padding-inline-start:18px;background:#faf8ff}.wf-rejection{padding:18px;background:#fff0f2;border-radius:12px;margin:16px 0}.wf-history>div{border-inline-start:3px solid #b1a0f0;padding:10px 18px;display:grid;gap:6px;margin:12px 0}.wf-history small{color:#657084}.wf-dialog .dialog-footer{margin-top:24px;padding:18px 0 0}.wf-dialog .fields{margin-top:16px}
dl.wf-flow{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}dl.wf-flow>div{padding:18px;border-radius:14px;background:#ffffffcc;border:1px solid #e0e5eb;min-width:0}dl.wf-flow dt{font-size:12px;color:#59657a}dl.wf-flow dd{margin:10px 0 0;font-size:22px;font-weight:700;color:#493285;overflow-wrap:anywhere}
@keyframes wf-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.wf-handoff{margin:18px 0;padding:20px;border:1px solid #c6ddd9;border-radius:16px;background:linear-gradient(120deg,#eefaf7,#f0edff);display:grid;gap:12px;overflow-wrap:anywhere;color:#263e4a}
.wf-handoff h3{margin:8px 0}.wf-handoff p{line-height:1.8;margin:8px 0}.wf-handoff .btn{min-height:44px;white-space:normal}
.wf-status.commercial{background:#e4defc;color:#4f348e}.wf-line-source{grid-column:1/-1;margin:0;line-height:1.7;overflow-wrap:anywhere;color:#4b5974}
.wf-source{padding:16px;margin-top:20px;border:1px solid #d9dfeb;border-radius:12px}.wf-source summary{cursor:pointer;min-height:32px;line-height:1.8}
@media(max-width:600px){.wf-handoff{padding:16px}.wf-handoff .erp-actions{display:grid}.wf-handoff .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.wf-card{animation:none}.wf-home-card{transition:none}}
@media(max-width:1100px){.wf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wf-home{padding:20px}.wf-home h2{font-size:22px}.wf-home-links,.wf-cards{grid-template-columns:1fr}.wf-home-card{padding:16px;min-height:90px}.wf-flow{grid-template-columns:repeat(2,1fr)}.wf-flow li{padding:14px}.wf-dialog{width:calc(100vw - 16px);max-height:92dvh}.wf-line{grid-template-columns:1fr 82px}.wf-line .btn{grid-column:1/-1}.wf-note{align-items:start;flex-direction:column;gap:12px}.wf-filters{padding:14px}.wf-filters label{flex-basis:calc(50% - 12px)}.wf-filters label:first-child{flex-basis:100%}.wf-lines-view>div{grid-template-columns:1fr auto}.wf-lines-view bdi{grid-column:1/-1}.wf-card{padding:18px}.wf-amount{font-size:19px}.wf-quotes .section-heading{align-items:stretch;flex-direction:column}.wf-dialog .erp-actions .btn{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.wf-card,.wf-home-card{animation:none;transition:none}}
@media(max-width:650px){.wf-dialog{margin:auto auto 0}}