.discussion-search-is-open { overflow: hidden; }

.discussion-global-search-modal__panel {
    width: min(640px, calc(100vw - 2rem));
    max-height: min(590px, calc(100vh - 2rem));
    padding: 0;
    overflow: hidden auto;
    border: 1px solid color-mix(in srgb, var(--theme-accent) 22%, var(--theme-border));
    border-radius: 14px;
    background: var(--theme-surface);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .52);
}

.discussion-global-search-modal__panel::before {
    content: "";
    display: block;
    height: 2px;
    background: linear-gradient(90deg, var(--theme-accent), color-mix(in srgb, var(--theme-accent) 16%, transparent) 65%, transparent);
}

.discussion-global-search-modal__close { top: 1rem; right: 1rem; }

.discussion-global-search-modal__header {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: start;
    gap: .9rem;
    padding: 1.4rem 4.2rem 1.15rem 1.4rem;
    border-bottom: 1px solid color-mix(in srgb, var(--theme-border) 72%, transparent);
}

.discussion-global-search-modal__mark {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid color-mix(in srgb, var(--theme-accent) 35%, var(--theme-border));
    border-radius: 10px;
    background: color-mix(in srgb, var(--theme-accent) 9%, var(--theme-surface-soft));
}

.discussion-global-search-modal__mark svg {
    width: 18px;
    fill: none;
    stroke: var(--theme-accent);
    stroke-width: 1.8;
}

.discussion-global-search-modal__eyebrow {
    display: block;
    margin: .05rem 0 .35rem;
    color: var(--theme-accent);
    font: 700 .61rem/1.2 var(--font-code, monospace);
    letter-spacing: .13em;
    text-transform: uppercase;
}

.discussion-global-search-modal__header h2 {
    margin: 0;
    color: var(--theme-text);
    font: 700 clamp(1.3rem, 4vw, 1.65rem)/1.1 var(--font-heading, sans-serif);
    letter-spacing: -.035em;
}

.discussion-global-search-modal__header p {
    margin: .4rem 0 0;
    color: var(--theme-muted);
    font-size: .82rem;
    line-height: 1.5;
}

.discussion-global-search-modal__form { padding: 1.25rem 1.4rem 1rem; }
.discussion-global-search-modal__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.discussion-global-search-modal__input {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    min-height: 54px;
    padding: .34rem .38rem .34rem .9rem;
    border: 1px solid var(--theme-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--theme-surface-soft) 78%, transparent);
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.discussion-global-search-modal__input:focus-within {
    border-color: color-mix(in srgb, var(--theme-accent) 62%, var(--theme-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-accent) 9%, transparent);
}

.discussion-global-search-modal__input > svg { width: 19px; fill: none; stroke: var(--theme-muted); stroke-width: 1.8; }

body .discussion-global-search-modal__input input[type="search"] {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--theme-text);
    font: 550 .92rem var(--font-ui, sans-serif);
}

body .discussion-global-search-modal__input input[type="search"]:focus { outline: 0 !important; box-shadow: none !important; }
.discussion-global-search-modal__input input::placeholder { color: color-mix(in srgb, var(--theme-muted) 62%, transparent); }

.discussion-global-search-modal__input button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 40px;
    padding: .45rem .85rem;
    border: 1px solid var(--theme-accent);
    border-radius: 7px;
    background: var(--theme-accent);
    color: var(--theme-on-accent);
    font-size: .7rem;
    font-weight: 750;
    cursor: pointer;
}

.discussion-global-search-modal__input button:hover { border-color: var(--theme-accent-hover); background: var(--theme-accent-hover); }

.discussion-global-search-modal__scopes {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .9rem;
    margin: 1rem 0 0;
    padding: 0;
    border: 0;
}

.discussion-global-search-modal__scopes legend {
    flex: 0 0 100%;
    margin-bottom: .2rem;
    color: var(--theme-muted);
    font: 700 .59rem var(--font-code, monospace);
    letter-spacing: .1em;
    text-transform: uppercase;
}

.discussion-global-search-modal__scopes label { position: relative; cursor: pointer; }
.discussion-global-search-modal__scopes input { position: absolute; opacity: 0; pointer-events: none; }
.discussion-global-search-modal__scopes span {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    padding: .34rem .05rem .28rem;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--theme-muted);
    font-size: .68rem;
    font-weight: 700;
    transition: color 150ms ease, border-color 150ms ease;
}

.discussion-global-search-modal__scopes label:hover span { color: var(--theme-text); }
.discussion-global-search-modal__scopes input:focus-visible + span { outline: 2px solid var(--theme-accent); outline-offset: 3px; }
.discussion-global-search-modal__scopes input:checked + span { border-bottom-color: var(--theme-accent); color: var(--theme-text); }

.discussion-global-search-modal__footer {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: .75rem;
    border-top: 1px solid color-mix(in srgb, var(--theme-border) 72%, transparent);
}

.discussion-global-search-modal__footer p { display: inline-flex; align-items: center; gap: .38rem; margin: 0; color: var(--theme-muted); font-size: .62rem; }
.discussion-global-search-modal__footer kbd { padding: .2rem .36rem; border: 1px solid var(--theme-border); border-radius: 4px; background: var(--theme-surface-soft); color: var(--theme-muted); font: 650 .58rem var(--font-code, monospace); }

@media (max-width: 600px) {
    .discussion-global-search-modal__panel { width: min(100vw - 1rem, 640px); border-radius: 12px; }
    .discussion-global-search-modal__header { grid-template-columns: 34px minmax(0, 1fr); padding: 1.2rem 3.6rem 1rem 1rem; }
    .discussion-global-search-modal__mark { width: 34px; height: 34px; border-radius: 8px; }
    .discussion-global-search-modal__form { padding: 1rem; }
    .discussion-global-search-modal__input { grid-template-columns: auto minmax(0, 1fr); }
    .discussion-global-search-modal__input button { grid-column: 1 / -1; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .discussion-global-search-modal__input,
    .discussion-global-search-modal__scopes span { transition: none; }
}
