.cmp-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:var(--gap);margin-bottom:12px}.cmp-mode-switch{display:flex;align-items:center;gap:0}.cmp-mode-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cmp-mode-switch label{font:600 .82rem/1 var(--font);color:var(--muted);background:var(--panel-2);border:1px solid var(--border);padding:8px 16px;cursor:pointer;user-select:none;transition:color .15s ease,background .15s ease,border-color .15s ease}.cmp-mode-switch label:first-of-type{border-radius:var(--r) 0 0 var(--r)}.cmp-mode-switch label:last-of-type{border-radius:0 var(--r) var(--r) 0;margin-left:-1px}.cmp-mode-radio:checked+label{color:var(--accent-ink);background:var(--accent);border-color:color-mix(in srgb,var(--accent) 70%,#000)}.cmp-mode-radio:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}.cmp-hide-unfilled{display:flex;align-items:center;gap:6px;font:600 .82rem/1 var(--font);color:var(--muted);cursor:pointer;user-select:none}.cmp-hide-unfilled input[type=checkbox]{width:auto;margin:0;cursor:pointer}.cmp-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r);background:var(--panel);margin-bottom:var(--gap)}.cmp-table{width:100%;border-collapse:collapse}.cmp-table th,.cmp-table td{padding:10px 14px;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:middle;white-space:normal}.cmp-table td{overflow-wrap:break-word;word-break:normal}.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{border-bottom:0}.cmp-table th[scope=row]{font-weight:600;color:var(--muted);font-size:.82rem;position:sticky;left:0;background:var(--panel);z-index:1}.cmp-head-row th{background:var(--panel-2);border-bottom:1px solid var(--border)}.cmp-row-label{position:sticky;left:0;background:var(--panel-2);z-index:2}.cmp-col-head{display:flex;align-items:center;gap:8px;position:relative;padding-right:20px;white-space:normal}.cmp-col-head .srv-icon{width:40px;height:40px;flex:0 0 40px;font-size:.78rem}.cmp-col-head .srv-name{font-weight:700;flex:1 1 auto;min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-col-head .srv-icon,.cmp-col-head .srv-icon img{-webkit-user-drag:none;user-drag:none}.cmp-head-row th[draggable=true]{cursor:grab}.cmp-drag-handle{display:inline-flex;flex:0 0 auto;color:var(--muted);opacity:.6;cursor:grab}.cmp-drag-handle svg{width:14px;height:14px}.cmp-col-head:hover .cmp-drag-handle{opacity:1}.cmp-head-row th.cmp-dragging{opacity:.4}.cmp-head-row th.cmp-drag-over{outline:2px dashed var(--accent);outline-offset:-4px;border-radius:var(--r)}.cmp-move-btn{display:none;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--muted)}.cmp-move-btn:disabled{opacity:.35}.cmp-move-btn svg{width:14px;height:14px}.cmp-move-icon-left{transform:rotate(90deg)}.cmp-move-icon-right{transform:rotate(-90deg)}.cmp-remove{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--panel);border:1px solid var(--border);color:var(--muted);font-size:.66rem;line-height:1}.cmp-remove:hover{color:var(--danger);border-color:var(--danger);text-decoration:none}.cmp-table .badge{font-size:.72rem;white-space:nowrap;margin:2px 4px 2px 0}.cmp-table tr.cmp-group-row th{background:var(--panel-2);color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:left;position:static}.cmp-table tr.cmp-group-row:not(:first-child) th{border-top:1px solid var(--border)}.cmp-toolbar:has(#cmp-mode-diff:checked)~.cmp-table-wrap tbody tr:not(.cmp-diff):not(.cmp-group-row),.cmp-toolbar:has(#cmp-mode-diff:checked)~.cmp-table-wrap tbody tr.cmp-group-nodiff{display:none}.cmp-toolbar:has(#cmp-hide-unfilled:checked)~.cmp-table-wrap tbody tr.cmp-row-unfilled,.cmp-toolbar:has(#cmp-hide-unfilled:checked)~.cmp-table-wrap tbody tr.cmp-group-allunfilled{display:none}.cmp-add-card .searchbar{margin-bottom:0}.cmp-results{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.cmp-results li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r);background:var(--panel-2)}.cmp-results .srv-icon{width:32px;height:32px;flex:0 0 32px;font-size:.7rem}.cmp-result-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600}@media(max-width:720px){.hero{padding:22px 0 16px}.hero p{margin-bottom:14px}.cmp-table th,.cmp-table td{padding:8px 10px;font-size:.88rem}.cmp-col-head .srv-icon{width:32px;height:32px;flex:0 0 32px}.cmp-head-row th[draggable=true]{cursor:default}.cmp-drag-handle{display:none}.cmp-move-btn{display:inline-flex}}