:root{
  --bg:#0b0c0f0a; --card:#fff; --muted:#666; --border:#e6e8ec;
  --primary:#2563eb; --primary-weak:#eff4ff; --ok:#10b981; --chip:#f3f4f6;
}
.wcops-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Noto Naskh Arabic',sans-serif; max-width:1200px; margin:24px auto; padding:0 12px}
.wcops-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.wcops-title{font-size:22px;font-weight:700}
.wcops-card{background:var(--card); border:1px solid var(--border); border-radius:14px; box-shadow:0 6px 18px rgba(0,0,0,.04); padding:16px; margin-bottom:14px}

.wcops-row{display:grid; grid-template-columns:1fr 1fr; gap:16px}
@media (max-width:900px){ .wcops-row{grid-template-columns:1fr} }
.wcops-col{}
.wcops-label{font-weight:600; margin-bottom:6px; display:block}
.wcops-textarea{width:100%; min-height:160px; border:1px solid var(--border); border-radius:10px; font-family:ui-monospace, Menlo, Consolas, monospace; padding:12px; resize:vertical}
.wcops-muted{color:var(--muted); font-size:12px; margin-top:6px}
.wcops-spacer{height:12px}

.wcops-chips{display:flex; flex-wrap:wrap; gap:8px}
.wcops-chip{display:inline-flex; align-items:center; gap:8px; background:var(--chip); border:1px solid var(--border); border-radius:999px; padding:6px 10px; cursor:pointer; user-select:none}
.wcops-chip input{accent-color:var(--primary)}

.wcops-segment{display:inline-flex; border:1px solid var(--border); border-radius:10px; overflow:hidden}
.wcops-segment label{padding:8px 12px; cursor:pointer; border-inline-start:1px solid var(--border); background:#fafafa}
.wcops-segment label:first-child{border-inline-start:none}
.wcops-segment input{display:none}
.wcops-segment input:checked + span{background:var(--primary); color:#fff}

.wcops-switch{display:inline-flex; align-items:center; gap:8px}
.wcops-switch input{width:42px;height:22px; appearance:none; background:#e5e7eb; border-radius:999px; position:relative; outline:none; cursor:pointer; transition:.2s}
.wcops-switch input:checked{background:#c7d2fe}
.wcops-switch input::after{content:''; width:18px;height:18px; background:#fff; border-radius:50%; position:absolute; top:2px; right:2px; transition:.2s; box-shadow:0 1px 3px rgba(0,0,0,.2)}
.wcops-switch input:checked::after{transform:translateX(-20px);}

.wcops-actions{position:sticky; top:6px; z-index:5; display:flex; gap:10px; flex-wrap:wrap; align-items:center; background:transparent; padding:6px 0}
.wcops-actions.static{position:static}
.wcops-btn{display:inline-flex; align-items:center; gap:8px; border:1px solid var(--border); background:#fff; padding:8px 12px; border-radius:10px; cursor:pointer}
.wcops-btn.primary{background:var(--primary); border-color:var(--primary); color:#fff}
.wcops-count{display:inline-flex; gap:8px; flex-wrap:wrap}
.wcops-badge{background:var(--primary-weak); color:#1e40af; border:1px solid #dbeafe; padding:2px 8px; border-radius:999px; font-size:12px}

.wcops-toolbar{display:flex; align-items:center; gap:10px; justify-content:space-between; margin:8px 0}
.wcops-search{flex:1; display:flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--border); border-radius:10px; padding:8px 12px}
.wcops-search input{border:none; outline:none; flex:1}

.wcops-table-wrap{overflow:auto; border:1px solid var(--border); border-radius:12px}
table.wcops-table{width:100%; border-collapse:separate; border-spacing:0}
.wcops-table thead th{position:sticky; top:0; background:#f9fafb; border-bottom:1px solid var(--border); text-align:right; font-weight:700; padding:10px}
.wcops-table td{border-bottom:1px solid var(--border); padding:10px; vertical-align:top}
.wcops-table tr:hover td{background:#fafafa}
.wcops-foot td, .wcops-foot th{background:#fcfcfd; font-weight:700}

.wcops-panel{background:#fbfbff; border:1px solid #eaecff; border-radius:12px; padding:10px; margin:10px 0}
.wcops-statuses{display:flex; flex-wrap:wrap; gap:8px}
.wcops-status-badge{background:#f0fff4; border:1px solid #c6f6d5; color:#065f46; padding:2px 8px; border-radius:999px; font-size:12px}
.wcops-status-badge.wcops-total{background:#eef6ff; border-color:#dbeafe; color:#1e40af}