.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)}}
@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}}
.wf-project-route{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding:18px;border:1px solid #dce5e8;border-radius:16px;background:#f5f9f9}
.wf-project-route>.section-kicker,.wf-project-route>.muted,.wf-project-route>.wf-handoff-history{flex-basis:100%}
.wf-project-route>.btn{margin-inline-start:auto}
.wf-departments{display:flex;flex-wrap:wrap;gap:10px;width:100%;list-style:none;padding:0;margin:6px 0}
.wf-departments li{flex:1;min-width:130px;display:flex;align-items:center;gap:8px;color:#65747c;padding:12px;border:1px solid #dbe5e5;border-radius:12px;background:white}
.wf-departments li.current{color:#075e60;border-color:#168a85;background:#e4f4f0;font-weight:700}
.wf-departments li.done{color:#276663}
.wf-departments b{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:#edf2f2}
.wf-handoff-field{display:grid;gap:8px;margin:18px 0;font-weight:600}
.wf-handoff-field textarea{width:100%;resize:vertical;box-sizing:border-box}
.wf-handoff-history{width:100%;margin:18px 0}
.wf-handoff-history article{padding:12px 16px;margin:8px 0;border-inline-start:3px solid #18817d;background:#f3f8f7;border-radius:8px;overflow-wrap:anywhere}
.wf-handoff-history small{display:block;margin-top:5px;color:#596c74}
.wf-source{margin:18px 0;padding:16px;background:#f7f8fa;border:1px solid #e1e6eb;border-radius:12px}
.wf-status.commercial{color:#0b6865;background:#e1f2ef}
@media(max-width:600px){.wf-departments li{flex-basis:40%;min-width:100px;font-size:12px;padding:9px}.wf-project-route>.btn{width:100%;margin-inline-start:0}.wf-project-route{padding:12px}}