#view-serviceweb{color:var(--tx,#24302e)}
#view-serviceweb .sw-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
#view-serviceweb h2{margin:0 0 8px}#view-serviceweb .sw-heading p,.sw-help{color:var(--mt,#65726a);font-size:13px}
#view-serviceweb button,#view-serviceweb input,#view-serviceweb select,#view-serviceweb textarea{font:inherit}
#view-serviceweb button{cursor:pointer;border:1px solid var(--bd,#d5dcd5);background:var(--card,#fff);color:inherit;border-radius:9px;padding:10px 14px}
#view-serviceweb button:disabled{opacity:.6;cursor:wait}
#view-serviceweb input,#view-serviceweb select,#view-serviceweb textarea{display:block;width:100%;border:1px solid var(--bd,#d5dcd5);background:var(--card,#fff);color:inherit;border-radius:8px;padding:10px;margin-top:6px}
#view-serviceweb label{font-size:12px;font-weight:600}
.sw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.sw-stats>div{background:var(--card,#fff);border:1px solid var(--bd,#d5dcd5);border-radius:12px;padding:16px}.sw-stats span{display:block;font-size:12px;color:var(--mt,#65726a)}.sw-stats strong{display:block;font-size:28px;margin-top:8px}
.sw-filters{display:grid;grid-template-columns:220px minmax(180px,1fr);gap:14px;margin-bottom:20px}.sw-workspace{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(350px,1.15fr);gap:20px;align-items:start}.sw-list{display:grid;gap:10px}
#view-serviceweb .sw-item{text-align:left;display:grid;gap:10px;padding:16px}#view-serviceweb .sw-item.selected{border:2px solid var(--pr,#6a8c49)}.sw-item-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.sw-item>span:not(:first-child),.sw-item small{font-size:12px;line-height:1.5}.sw-item small{color:var(--mt,#65726a)}
.sw-status{font-size:11px;white-space:nowrap;padding:5px 8px;border-radius:50px;background:#e7ebe2;color:#33462d}.sw-new{background:#fff0cf;color:#775511}.sw-in_progress{background:#e1edf9;color:#204d79}.sw-completed{background:#dbf0e3;color:#27633e}.sw-cancelled{background:#f1e3e0;color:#75443c}
.sw-detail{padding:24px;background:var(--card,#fff);border:1px solid var(--bd,#d5dcd5);border-radius:14px;min-width:0}.sw-detail-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.sw-detail small{font-size:11px;color:var(--mt,#65726a)}.sw-detail h3{font-size:22px;margin:20px 0 8px}.sw-detail h4{margin:24px 0 10px}
.sw-contact{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.sw-contact a{color:inherit;overflow-wrap:anywhere}.sw-client-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;padding:16px;background:var(--bg,#f5f7f2);border-radius:10px}
.sw-assignment{border-block:1px solid var(--bd,#d5dcd5);padding:18px 0;margin:20px 0;display:grid;gap:12px}.sw-note-label{display:block;margin:20px 0 12px}.sw-actions{display:flex;flex-wrap:wrap;gap:8px}
.sw-history{list-style:none;padding:0;display:grid;gap:18px}.sw-history li{border-left:2px solid var(--bd,#d5dcd5);padding-left:12px}.sw-history strong,.sw-history small{display:block;margin-bottom:6px}.sw-history p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin:0}
.sw-error{padding:12px;background:#fce9e5;color:#883520;border-radius:8px}.sw-feedback{color:var(--ok,#367340)}.sw-empty{padding:24px;color:var(--mt,#65726a)}#view-serviceweb :focus-visible{outline:2px solid var(--pr,#6a8c49);outline-offset:3px}
@media(max-width:900px){.sw-workspace{grid-template-columns:1fr}.sw-stats{grid-template-columns:repeat(2,1fr)}.sw-filters{grid-template-columns:1fr}.sw-detail{padding:18px}.sw-item-top{flex-wrap:wrap}}