.spco-page{min-width:0;color:var(--ink);font-size:13px}.spco-page *,.spco-dialog *{box-sizing:border-box}.spco-page [hidden],.spco-dialog[hidden],.spco-dialog [hidden]{display:none!important}.spco-surface{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--color-surface,#fff);overflow:visible}.spco-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:8px 12px;margin:0;padding:12px}.spco-toolbar label,.spco-form label{display:grid;gap:5px;min-width:0;font-size:13px;color:var(--ink)}.spco-toolbar label:has(input[name=q]),.spco-binding-filter label:first-child{flex:1 1 200px;max-width:360px}.spco-toolbar .input,.spco-form .input{width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--color-surface,#fff);color:var(--ink);font:inherit}.spco-toolbar .button{min-height:40px}.spco-toolbar .spco-check{display:flex;align-items:center;gap:6px;min-height:40px}.spco-check input,.spco-binding-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.spco-page .button,.spco-dialog .button{font-size:13px;white-space:nowrap}.spco-page .button:disabled,.spco-dialog .button:disabled{opacity:.55;cursor:not-allowed}.spco-page :focus-visible,.spco-dialog :focus-visible{outline:2px solid var(--blue);outline-offset:2px}.spco-table-wrap{min-width:0;max-width:100%;overflow-x:auto}.spco-table{width:100%;border:0;border-collapse:collapse;table-layout:fixed;margin:0;box-shadow:none;font-size:13px}.spco-table th,.spco-table td{padding:9px 10px;border:0;border-bottom:1px solid var(--line);vertical-align:middle;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.5}.spco-table th{background:var(--paper);font-weight:650}.spco-table th:first-child{width:28%}.spco-table th:nth-child(2),.spco-table th:nth-child(3){width:6%}.spco-table th:nth-child(4),.spco-table th:nth-child(5),.spco-table th:nth-child(6){width:9%}.spco-table th:last-child{width:33%}.spco-table .spco-number{text-align:right;font-variant-numeric:tabular-nums}.spco-table small,.spco-identity small{display:block;color:var(--muted);font-size:12px;line-height:1.5}.spco-identity{display:flex;align-items:center;gap:5px;min-width:0;padding-left:calc(var(--spco-depth,0)*12px)}.spco-identity>div{min-width:0}.spco-expand{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:32px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--color-surface,#fff);color:var(--ink);cursor:pointer}.spco-tree-leaf{width:30px;flex:0 0 30px;color:var(--muted)}.spco-kind{font-size:12px;color:var(--muted);white-space:nowrap}.spco-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.spco-page .spco-action,.spco-dialog .spco-action{padding:6px 8px;min-height:32px;line-height:18px;box-shadow:none}.spco-status{display:inline-block;border-radius:5px;padding:2px 5px;font-size:12px;font-weight:600;white-space:nowrap}.spco-on{color:#087a55;background:#e9f7f1}.spco-off{color:#69788b;background:#f1f4f7}.spco-muted{color:var(--muted);font-size:12px;line-height:1.6}.spco-state{padding:22px 12px!important;text-align:center!important;color:var(--muted)}.spco-state .button{margin-left:10px}.spco-error{color:var(--red)}.spco-scope,.spco-pending{margin:0;padding:0 12px 10px;line-height:1.5;overflow-wrap:anywhere}.spco-scope{color:var(--muted);font-size:12px}.spco-pending{color:#a45f0a}.spco-page nav[aria-label],.spco-dialog nav[aria-label]{position:relative;min-width:0;padding:8px 12px}.spco-card-table th:first-child{width:12%}.spco-card-table th:nth-child(2){width:20%}.spco-card-table th:nth-child(3){width:15%}.spco-card-table th:nth-child(4),.spco-card-table th:nth-child(5),.spco-card-table th:nth-child(6){width:10%}.spco-card-table th:last-child{width:23%}.spco-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.spco-dialog{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:16px;background:rgba(16,35,59,.45);color:var(--ink)}.spco-dialog-panel{display:flex;flex-direction:column;min-width:0;width:min(720px,100%);max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:16px;background:var(--color-surface,#fff);box-shadow:0 24px 68px rgba(7,19,34,.24);overflow:hidden}.spco-dialog-wide{width:min(1040px,100%)}.spco-dialog-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);flex:none}.spco-dialog-panel h2{font-size:18px;line-height:26px;margin:0}.spco-form{display:flex;flex-direction:column;min-height:0;margin:0}.spco-dialog-content{min-height:0;padding:16px;overflow:auto;overscroll-behavior:contain}.spco-dialog fieldset{min-width:0;margin:0;padding:0;border:0}.spco-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);flex:none}.spco-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spco-facts{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 14px;margin:0 0 14px;font-size:13px;line-height:1.6}.spco-facts dt{color:var(--muted)}.spco-facts dd{margin:0;overflow-wrap:anywhere}.spco-form .spco-otp{max-width:280px;margin-top:14px}.spco-feedback{min-height:20px;margin:10px 0 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.spco-binding-filter{padding:6px 0 12px}.spco-binding-table th:first-child{width:7%}.spco-binding-table th:nth-child(2){width:24%}.spco-binding-table th:nth-child(3){width:35%}.spco-binding-table th:last-child{width:34%}.spco-selected{padding:10px 0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.spco-selected ul,.spco-candidate-group ul{padding-left:20px;margin:6px 0}.spco-selected li{margin:6px 0}.spco-candidate-group{padding:8px 0;font-size:13px}.spco-detail-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spco-detail-controls>div{display:grid;align-content:start;gap:6px;min-width:0}.spco-detail-controls small{display:block;overflow-wrap:anywhere}
@media(max-width:1100px){.spco-table th,.spco-table td{padding:8px}.spco-identity{padding-left:calc(var(--spco-depth,0)*6px)}.spco-actions{gap:4px}.spco-page .spco-action{padding:5px 7px}}
@media(max-width:768px){.spco-table{min-width:700px}.spco-card-table{min-width:760px}.spco-binding-table{min-width:600px}.spco-toolbar{gap:8px}.spco-toolbar label:has(input[name=q]){max-width:none}.spco-dialog{padding:12px}.spco-dialog-panel{max-height:calc(100dvh - 24px)}.spco-dialog-content{padding:12px}.spco-form-grid{grid-template-columns:1fr}.spco-page .button,.spco-dialog .button,.spco-expand{min-height:44px}.spco-expand{width:36px;flex-basis:36px}.spco-detail-controls{gap:8px}.spco-facts{grid-template-columns:82px minmax(0,1fr);gap:8px}}

.spco-actions a.button,.spco-toolbar a.button{display:inline-flex;align-items:center;text-decoration:none}

.spco-mode{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.spco-mode label{display:flex;align-items:center;gap:6px}.spco-picker{margin:10px 0;border:1px solid var(--line);border-radius:8px;min-width:0}.spco-picker-list{max-height:230px;overflow:auto;padding:6px}.spco-picker-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line)}.spco-picker-item>span{min-width:0;overflow-wrap:anywhere}.spco-picker-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px}.spco-picked{margin:8px 0;overflow-wrap:anywhere}.spco-candidate-group .button{margin-left:8px}

.spco-dialog .button.danger{background:var(--red);border-color:var(--red);color:#fff}