.joira-search-drop { position: relative; }
.joira-search-panel {
    position: absolute; top: calc(100% + 18px); right: 0; z-index: 60;
    width: min(480px, calc(100vw - 32px)); padding: 24px;
    border: 1px solid #e5dcd8; border-radius: 20px; background: #fffdfb;
    box-shadow: 0 18px 48px #392a331a; color: #33282b;
    max-height: min(680px, calc(100dvh - 150px)); overflow-y: auto; overscroll-behavior: contain;
}
.joira-search-panel[hidden], .joira-search-panel [hidden] { display: none; }
.joira-search-label { display: block; margin-bottom: 12px; font-size: 17px; font-weight: 600; }
.joira-search-field { display: flex; gap: 8px; align-items: stretch; }
.joira-search-field input {
    width: 0; flex: 1; min-width: 0; min-height: 48px; padding: 10px 12px;
    border: 1px solid #d9ccc8; border-radius: 12px; background: #fff; color: inherit; font: inherit; font-size: 16px;
}
.joira-search-field button { display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 12px; background: #91445d; color: #fff; font: inherit; font-size: 16px; font-weight: 600; }
.joira-search-status { margin: 14px 0 0; color: #716368; line-height: 1.5; font-size: 14px; }
.joira-search-list { display: grid; gap: 4px; margin-top: 12px; }
.joira-search-list:empty { display: none; }
.joira-search-item { display: flex; gap: 14px; align-items: center; padding: 10px; border-radius: 12px; min-height: 76px; text-decoration: none; }
.joira-search-item:hover, .joira-search-item.is-on { background: #f5ebe9; }
.joira-search-item-media { width: 56px; height: 64px; flex: 0 0 56px; background: #fff; border: 1px solid #eee6e2; border-radius: 8px; overflow: hidden; }
.joira-search-item-media img { width: 100%; height: 100%; object-fit: contain; }
.joira-search-item-copy { display: grid; gap: 5px; min-width: 0; }
.joira-search-item-copy strong { font-family: inherit; font-size: 15px; line-height: 1.4; font-weight: 500; white-space: normal; overflow-wrap: anywhere; }
.joira-search-item-copy > span { color: #91445d; font-size: 15px; font-weight: 600; }
.joira-search-all { display: flex; align-items: center; justify-content: center; margin-top: 12px; padding: 12px; min-height: 46px; border-top: 1px solid #e5dcd8; color: #91445d; font-size: 15px; font-weight: 600; text-underline-offset: 4px; }
.joira-search-panel :is(input, button, a):focus-visible { outline: 2px solid #91445d; outline-offset: 3px; }
@media (max-width: 767px) {
    .joira-search-drop { position: static; }
    .joira-search-panel { position: absolute; top: 100%; left: 16px; right: 16px; width: auto; padding: 18px; max-height: calc(100dvh - 140px); }
    .joira-search-field button { padding-inline: 14px; }
}