.spw{padding:20px;margin:18px 0;color:var(--text,#17202f)}.spw h3{margin:0 0 7px}.spw h4{margin:10px 0}.spw p{margin:7px 0;line-height:1.5}.spw header,.spw footer,.spw-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.spw-toolbar{justify-content:flex-start;margin:18px 0}.spw label{display:flex;flex-direction:column;gap:6px;font-weight:500}.spw input,.spw select,.spw textarea{font:inherit;box-sizing:border-box;border:1px solid var(--border,#dce1ea);border-radius:9px;padding:10px;background:var(--surface,#fff);color:inherit;max-width:100%}.spw :is(input,select,textarea):focus{outline:2px solid var(--accent,#ff6930);outline-offset:2px}.spw .spw-info{background:var(--bg,#f3f5fa);border-left:3px solid var(--accent,#ff6930);border-radius:6px;padding:12px;color:var(--muted,#607086);font-size:13px}.spw-metrics{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.spw-metrics>div{padding:14px 18px;border:1px solid var(--border,#dce1ea);border-radius:12px;min-width:175px}.spw-metrics strong,.spw-metrics small{display:block}.spw-metrics strong{font-size:22px;margin-top:5px}.spw-metrics small,.spw header p{color:var(--muted,#607086)}.spw-list{display:grid;gap:12px}.spw-list article{padding:16px;border:1px solid var(--border,#dce1ea);border-radius:12px}.spw-list footer{justify-content:flex-start;margin-top:12px}.spw-badge{padding:5px 10px;border-radius:20px;background:#eef1f6;font-size:12px}.spw-badge.pending{background:#fff0db;color:#9e5400}.spw-badge.approved{background:#e2f6ed;color:#067850}.spw-badge.returned{background:#ffe8e8;color:#b12626}.spw-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.spw-form{padding:18px;margin:15px 0;border:1px solid var(--accent,#ff6930);border-radius:12px}.spw-form footer{justify-content:flex-end;margin-top:16px}.spw .spw-check{flex-direction:row;align-items:flex-start;margin-top:12px;font-size:13px}.spw-check input{width:auto;margin-top:4px}.spw-reason{white-space:pre-wrap;overflow-wrap:anywhere}.spw [role=alert]{color:var(--red,#c23939)}.spw details{margin-top:16px}.spw summary{cursor:pointer;font-weight:600}.spw [hidden]{display:none!important}@media(max-width:620px){.spw{padding:14px}.spw-fields{grid-template-columns:1fr}.spw-metrics>div{min-width:0;flex:1}.spw header{align-items:flex-start}.spw select{width:100%}}