.ops-shell{width:100%;max-width:1180px;min-width:0;margin:0 auto;padding:28px 24px;color:var(--text,#eef2f8)}
.ops-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.ops-header h1{font-size:26px;line-height:1.2;margin:0 0 6px}.ops-header p{max-width:68ch;margin:0;color:var(--dim,#9aa6b8)}
#ops-products-root{max-width:100%;min-width:0;overflow:hidden}.ops-table-wrap{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;contain:layout inline-size;border:1px solid var(--line,rgba(255,255,255,.07));border-radius:14px;background:var(--panel,#0c111a)}.ops-table{width:100%;border-collapse:collapse;min-width:760px}.ops-table th,.ops-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line,rgba(255,255,255,.07));vertical-align:middle}.ops-table th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim,#9aa6b8)}.ops-table td>span{display:block;margin-top:3px;color:var(--dim,#9aa6b8);font-size:12px}.ops-table tr:last-child td{border-bottom:0}
.ops-actions{display:flex;justify-content:flex-end;gap:8px}.ops-actions button{border:0;background:transparent;color:var(--dim,#9aa6b8);padding:7px 9px;border-radius:8px;cursor:pointer}.ops-actions button:hover,.ops-actions button:focus-visible{color:var(--text,#eef2f8);background:var(--panel-2,#111824);outline:2px solid transparent}.ops-actions button:focus-visible{box-shadow:0 0 0 2px var(--accent,#22e0d6)}
.ops-status{display:inline-flex!important;width:max-content;padding:4px 8px;border-radius:999px;background:var(--panel-2,#111824);color:var(--dim,#9aa6b8)!important;font-size:11px!important}.ops-status[data-status=active],.ops-status[data-status=open],.ops-status[data-status=done]{color:var(--live,#34e89e)!important}.ops-status[data-status=archived],.ops-status[data-status=inactive],.ops-status[data-status=cancelled]{color:var(--mute,#8591a5)!important}
.ops-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 16px}.ops-toolbar label{display:grid;gap:5px;color:var(--dim,#9aa6b8);font-size:11px}.ops-toolbar input,.ops-toolbar select,.ops-editor input,.ops-editor select,.ops-editor textarea{min-height:40px;border:1px solid var(--line-strong,rgba(255,255,255,.12));border-radius:10px;background:var(--panel-2,#111824);color:var(--text,#eef2f8);padding:9px 11px;font:inherit}.ops-toolbar input:focus-visible,.ops-toolbar select:focus-visible,.ops-editor :is(input,select,textarea):focus-visible{outline:2px solid var(--accent,#22e0d6);outline-offset:1px}.ops-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ops-editor{position:fixed;right:0;top:0;z-index:1200;width:min(520px,100vw);height:100dvh;overflow:auto;background:var(--panel,#0c111a);border-left:1px solid var(--line-strong,rgba(255,255,255,.12));box-shadow:-18px 0 50px rgba(0,0,0,.28);padding:24px;display:grid;align-content:start;gap:16px}.ops-editor header,.ops-editor footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ops-editor header h2{margin:0;font-size:20px}.ops-editor header button{border:0;background:transparent;color:var(--text,#eef2f8);font-size:28px;cursor:pointer}.ops-editor label{display:grid;gap:7px;color:var(--dim,#9aa6b8);font-size:12px}.ops-editor textarea{min-height:110px;resize:vertical}.ops-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ops-editor footer{justify-content:flex-end;margin-top:8px}.ops-compact{width:min(460px,100vw)}
.ops-message{min-height:20px;margin:8px 0;color:var(--live,#34e89e);font-size:13px}.ops-message[data-error=true]{color:var(--bad,#ff5d6c)}.ops-empty{padding:44px 22px;text-align:center;color:var(--dim,#9aa6b8)}.ops-empty h2{color:var(--text,#eef2f8);font-size:17px;margin:0 0 6px}.ops-empty p{margin:0 0 16px}.ops-skeleton{height:240px;border-radius:14px;background:var(--panel-2,#111824);opacity:.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){.ops-shell{padding:20px 14px}.ops-header{display:grid}.ops-header .btn{width:100%}.ops-fields{grid-template-columns:1fr}.ops-editor{padding:18px}.ops-conversation{align-items:stretch}.ops-conversation label,.ops-conversation input,.ops-conversation select{width:100%}}
@media(prefers-reduced-motion:reduce){.ops-editor{scroll-behavior:auto}}