/* Search panel shared by the studio ("Search or do something…") and the client dashboard ("Find something…"). */
.ss-launch{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:900;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px 10px 14px;border:1px solid #29261f;border-radius:26px;background:#29261f;color:#faf6ef;font:14px Arial,sans-serif;cursor:pointer;box-shadow:0 12px 26px -14px #20190ecc}
.ss-launch svg{width:20px;height:20px;flex:none}
.ss-launch kbd{font:12px Arial,sans-serif;padding:2px 7px;border-radius:6px;background:#faf6ef24;color:#e9e1d4}
.ss-launch:hover{background:#3b362d}
.ss-launch:focus-visible{outline:3px solid #c8a96b;outline-offset:3px}
.ss-launch.ss-inline{position:static;box-shadow:none}
@media(max-width:700px){.ss-launch .ss-launch-text,.ss-launch kbd{display:none}.ss-launch{width:56px;height:56px;justify-content:center;padding:0;border-radius:50%}.ss-launch svg{width:24px;height:24px}
 .ss-launch.ss-inline{width:auto;height:auto;border-radius:24px;padding:10px 14px}.ss-launch.ss-inline .ss-launch-text{display:inline}}

.ss-panel{--ss-vh:100vh;position:fixed;inset:0;margin:0 auto;padding:0;border:0;background:transparent;width:100vw;max-width:none;height:100%;max-height:none;overflow:visible}
.ss-panel::backdrop{background:#29261f66;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ss-panel[open]{display:block}
.ss-box{position:absolute;left:50%;top:min(12vh,96px);transform:translateX(-50%);width:min(660px,calc(100vw - 24px));max-height:calc(var(--ss-vh) - min(12vh,96px) - 24px);display:flex;flex-direction:column;background:#f3ede3;color:#29261f;border:1px solid #d6cab8;border-radius:16px;box-shadow:0 30px 70px -20px #1d150c80;overflow:hidden;font:15px Arial,sans-serif;animation:ss-in .14s ease-out}
@keyframes ss-in{from{opacity:0;transform:translate(-50%,-6px)}}
.ss-top{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 16px;border-bottom:1px solid #d6cab8;background:#fbf8f2}
.ss-input{flex:1;min-width:0;height:44px;border:0;background:transparent;color:#29261f;font:17px Arial,sans-serif;outline:none}
.ss-input::placeholder{color:#857766}
.ss-top:focus-within{box-shadow:inset 0 -2px #766246}
.ss-back,.ss-close{flex:none;min-width:44px;height:36px;border:1px solid #c8bba7;border-radius:10px;background:#f3ede3;color:#4d463b;font:13px Arial,sans-serif;cursor:pointer}
.ss-back{font-size:22px;line-height:1}
.ss-step{flex:none;padding:6px 10px;border-radius:14px;background:#29261f;color:#faf6ef;font-size:12px;white-space:nowrap}
.ss-list{overflow:auto;overscroll-behavior:contain;padding:6px 0 8px}
.ss-gname{margin:10px 16px 4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#756651}
.ss-item{display:flex;align-items:center;gap:12px;min-height:52px;margin:0 6px;padding:8px 10px;border-radius:10px;cursor:pointer}
.ss-item.is-active{background:#29261f;color:#faf6ef}
.ss-item.is-active .ss-sub,.ss-item.is-active .ss-type{color:#d9cfbf}
.ss-item.is-active mark{background:#c8a96b55;color:inherit}
.ss-type{flex:none;width:64px;font-size:11px;letter-spacing:.06em;color:#756651;text-transform:uppercase}
.ss-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ss-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-sub{font-size:12.5px;color:#6f604c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-badge{flex:none;font-size:11px;padding:3px 8px;border-radius:10px;background:#e4dccf;color:#4d463b}
.ss-item.is-active .ss-badge{background:#faf6ef22;color:#faf6ef}
.ss-panel mark{background:#e9d9b4;color:inherit;border-radius:3px;padding:0 1px}
.ss-empty{padding:18px 18px 10px;color:#4d463b;line-height:1.5}
.ss-empty p{margin:0 0 10px}
.ss-chip{min-height:36px;margin:2px;padding:6px 12px;border:1px solid #c8bba7;border-radius:18px;background:#fffdf8;color:#29261f;font:13px Arial,sans-serif;cursor:pointer}
.ss-foot{padding:0 16px 10px}
.ss-foot:empty{display:none}
.ss-link{border:0;background:none;color:#5c5346;text-decoration:underline;font:13px Arial,sans-serif;cursor:pointer;min-height:36px;padding:0}
.ss-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ss-panel :focus-visible{outline:2px solid #766246;outline-offset:2px}
@media(max-width:700px){.ss-box{top:max(8px,env(safe-area-inset-top));max-height:calc(var(--ss-vh) - 16px);border-radius:14px}.ss-type{display:none}.ss-item{min-height:56px}}
@media(prefers-reduced-motion:reduce){.ss-box{animation:none}}
/* Hand-off on the destination page */
.ss-spotlight{outline:3px solid #c8a96b;outline-offset:6px;border-radius:14px;transition:outline-color .6s}
.ss-tip{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#29261f;color:#faf6ef;font:14px Arial,sans-serif}
/* Admin pages restyle every button; keep the launcher and panel controls as designed. */
button.ss-launch{background:#29261f!important;color:#faf6ef!important;border:1px solid #29261f!important;border-radius:26px!important;min-height:48px!important;padding:10px 14px!important;font:14px Arial,sans-serif!important;box-shadow:0 12px 26px -14px #20190ecc!important;width:auto!important}
button.ss-launch:hover{background:#3b362d!important}
@media(max-width:700px){button.ss-launch:not(.ss-inline){width:56px!important;height:56px!important;padding:0!important;border-radius:50%!important}}
.ss-panel button.ss-back,.ss-panel button.ss-close{background:#f3ede3!important;color:#4d463b!important;border:1px solid #c8bba7!important;border-radius:10px!important;min-height:36px!important;padding:0 10px!important;width:auto!important;box-shadow:none!important}
.ss-panel button.ss-chip{background:#fffdf8!important;color:#29261f!important;border:1px solid #c8bba7!important;border-radius:18px!important;width:auto!important}
.ss-panel input.ss-input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:44px}