/* ZELDEN Infrastructure S8D, theme-aware, isolated prefix */
.zi-s8d-button,.zi-s8d-small,.zi-s8d-link{font:inherit;border-radius:10px;cursor:pointer;border:1px solid var(--border,#d9dbdf);padding:10px 14px;background:var(--card,#fff);color:var(--foreground,#20252b)}
.zi-s8d-button{background:#bea477;color:#192027;border-color:#b79a68;font-weight:600;margin:8px 0 0 12px}
.zi-s8d-small{margin-left:12px;font-size:12px;padding:6px 10px}
.zi-s8d-overlay{position:fixed;inset:0;z-index:99999;background:rgba(10,16,23,.56);display:flex;align-items:center;justify-content:center;padding:16px}
.zi-s8d-modal{width:min(100%,720px);max-height:92vh;overflow:auto;border:1px solid var(--border,#dedfe3);border-radius:16px;background:var(--background,#fff);color:var(--foreground,#1a222a);padding:24px;box-shadow:0 15px 70px rgba(0,0,0,.16)}
.zi-s8d-header{display:flex;gap:10px;align-items:center;justify-content:space-between}.zi-s8d-header h2{font-size:21px;margin:0}
.zi-s8d-muted{font-size:13px;opacity:.76;line-height:1.5}.zi-s8d-field{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;margin-top:14px}
.zi-s8d-field input{padding:11px 12px;border:1px solid var(--border,#ddd);border-radius:10px;color:inherit;background:var(--card,#fff);font:inherit}
.zi-s8d-command{padding:14px;border:1px solid var(--border,#ddd);border-radius:12px;background:var(--card,#fff);color:var(--foreground,#171b20);white-space:pre;overflow-wrap:normal;word-break:normal;font-size:12px;line-height:1.55;max-height:340px;overflow:auto}
.zi-s8d-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.zi-s8d-link{text-decoration:none}.zi-s8d-hint{font-size:12px;opacity:.82}
@media(max-width:650px){.zi-s8d-modal{padding:14px}.zi-s8d-header h2{font-size:18px}.zi-s8d-button{margin-left:0}}

.zi-s8d-overlay :focus-visible{outline:2px solid #b89c6b;outline-offset:3px}
.zi-s8d-modal button:disabled{opacity:.5;cursor:not-allowed}
.zi-s8d-modal h2{color:inherit}
@media(prefers-reduced-motion:reduce){.zi-s8d-overlay *{transition:none!important}}

/* S8D Fix1: high-contrast code, horizontal scroll, clear validation. */
.zi-s8d-command{overflow-x:auto;overflow-y:auto;user-select:text;tab-size:2;overscroll-behavior:contain;border-color:var(--border,#d1d5db)}
.zi-s8d-command:focus-visible{outline:2px solid #b79a68;outline-offset:2px}
.zi-s8d-field input[aria-invalid="true"]{border-color:#bb4b42;box-shadow:0 0 0 1px rgba(187,75,66,.12)}
.zi-s8d-invalid{color:#a5463b;opacity:1}
@media (max-width:650px){.zi-s8d-command{max-width:100%;font-size:11px}}

/* Fix2: visually distinguish examples from entered text */
.zi-s8d-field input::placeholder{color:#8f959f;opacity:.9;font-style:italic}
.zi-s8d-valid{color:#21744f;opacity:1}
.zi-s8d-command{background:var(--card,#fff)!important;color:var(--foreground,#18212c)!important}
