.ops-section,.ops-keys,.ops-list,.ops-job,.ops-search { min-width:0; margin:0 0 24px; }
.ops-keys,.ops-job { padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.12); }
.ops-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.ops-state { font-size:13px; padding:5px 9px; border:1px solid rgba(255,255,255,.2); border-radius:5px; }
.ops-job-log { list-style:none; padding:0; margin:18px 0; max-height:350px; overflow:auto; }
.ops-job-log li { display:flex; flex-wrap:wrap; gap:12px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.ops-job-log time,.ops-block { font-size:12px; opacity:.78; }
.ops-block { display:block; overflow-wrap:anywhere; }
.ops-details { margin-top:20px; }
.ops-details summary { cursor:pointer; padding:12px 0; }
.ops-details form { margin-top:16px; }
.ops-keys fieldset { border:0; padding:8px 0; min-width:0; }
.ops-keys legend { font-weight:600; margin-bottom:8px; }
.ops-search-form { display:flex; gap:12px; align-items:end; flex-wrap:wrap; }
.ops-search-form .field { flex:1 1 220px; margin:0; }
.ops-search-form .pro-toggle { min-height:44px; }
.ops-search-results { list-style:none; padding:0; margin:0; max-height:320px; overflow:auto; }
.ops-search-results a { display:block; padding:10px 4px; overflow-wrap:anywhere; border-bottom:1px solid rgba(255,255,255,.1); }
.ops-section .field input,.ops-keys .field input { min-width:0; width:100%; }
.ops-section p,.ops-job p { overflow-wrap:anywhere; }
.ops-section .alert,.ops-keys .alert { margin:16px 0; }
.ops-job [hidden] { display:none !important; }
.ops-installer-log { max-height:300px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; padding:12px; background:#101010; color:#e3e3e3; font-size:12px; }
.ops-search [aria-busy="true"] button { opacity:.6; }
.ops-key-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.ops-key-actions form { margin:0; }
.job-notices { position:fixed; top:var(--job-notice-top,90px); right:16px; width:390px; max-width:calc(100% - 24px); max-height:calc(100dvh - var(--job-notice-top,90px) - 16px); overflow-y:auto; z-index:70; pointer-events:none; }
.job-toast { display:grid; grid-template-columns:22px minmax(0,1fr) 40px; gap:10px; align-items:start; margin-bottom:10px; padding:14px 10px 14px 14px; background:#202020; color:#eee; border:1px solid #484848; border-left:3px solid #86c9f4; border-radius:7px; box-shadow:0 6px 24px #0007; pointer-events:auto; }
.job-toast[data-state="success"] { border-left-color:#72d5a3; }
.job-toast[data-state="error"] { border-left-color:#ff7e88; }
.job-toast-icon { color:#86c9f4; padding-top:2px; }
.job-toast[data-state="success"] .job-toast-icon { color:#72d5a3; }
.job-toast[data-state="error"] .job-toast-icon { color:#ff7e88; }
.job-toast-icon .icon { width:21px; height:21px; }
.job-toast-body { min-width:0; overflow-wrap:anywhere; }
.job-toast-body strong { display:block; font-size:14px; line-height:1.5; }
.job-toast-body p { margin:4px 0 0; font-size:13px; line-height:1.5; color:#d1d1d1; }
.job-toast-body small { display:block; margin-top:6px; color:#d1d1d1; }
.job-toast-links { display:flex; flex-wrap:wrap; gap:2px 16px; margin-top:5px; }
.job-toast-links a { display:inline-flex; align-items:center; min-height:36px; color:#ff9b9f; font-size:13px; text-decoration:underline; text-underline-offset:3px; }
.job-toast-close.btn { padding:8px; width:40px; min-width:40px; min-height:44px; background:transparent; border-color:transparent; }
.job-toast-close .icon { width:20px; height:20px; }
.job-toast [hidden] { display:none !important; }
@media(max-width:600px) { .job-notices { right:12px; } .job-toast-links a { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .job-toast .btn-loading-spinner { animation:none; } }
.ops-choice-disabled { opacity:.65; cursor:not-allowed; }
.ops-keys .table-wrap td { overflow-wrap:anywhere; }
.api-docs-intro { padding:40px 0 28px; }
.api-docs-intro h1 { font-size:32px; margin:0 0 14px; }
.api-docs-intro p { max-width:760px; margin:0 0 20px; }
.api-docs-layout { align-items:start; }
.api-docs-content { min-width:0; }
.api-docs-content section { scroll-margin-top:140px; }
.api-docs-content p { margin:12px 0; }
.api-base-url { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.api-base-url .copy-value { max-width:100%; margin:0; justify-content:flex-start; }
.api-base-url .copy-value-text { text-align:left; }
.api-base-url .copy-button { width:44px; min-width:44px; min-height:44px; flex-basis:44px; }
.api-docs-content pre { max-width:100%; background:#141414; border:1px solid #393939; border-radius:6px; padding:16px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; color:#eee; font-size:13px; }
.api-docs-content code { overflow-wrap:anywhere; }
.api-scope-list { display:grid; grid-template-columns:minmax(120px,1fr) minmax(0,3fr); gap:12px 20px; }
.api-scope-list dt,.api-scope-list dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.api-endpoint { border-bottom:1px solid #393939; padding:8px 0; }
.api-endpoint summary { cursor:pointer; display:flex; align-items:baseline; gap:12px; padding:12px 0; min-height:44px; }
.api-method { color:#ff8d96; font-size:12px; font-weight:700; flex:0 0 42px; }
.api-endpoint h3 { font-size:18px; margin:16px 0 10px; }
@media(max-width:600px) { .api-scope-list { grid-template-columns:minmax(0,1fr); gap:6px; } .api-scope-list dd { margin-bottom:12px; } .api-docs-intro h1 { font-size:28px; } .api-endpoint summary { gap:8px; } }
@media(max-width:600px) { .ops-search-form > .field { flex-basis:100%; } .ops-job-log li { gap:5px; } .ops-job-log time { flex-basis:100%; } }
