/* Mobile-only repair; desktop search retains its installed styling. */
html body .crm-header .crm-nav-search .crm-nav-search__toggle .crm-search-back{display:none!important}
@media(max-width:767px){
/* Single visual contract for header search, independent of the page/role.
   The existing search action, permissions and history storage stay unchanged. */
.crm-header .crm-mobile-actions .crm-action-search,
.crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true]{
 position:relative;display:flex!important;align-items:center!important;flex:none!important;gap:0!important;
 box-sizing:border-box!important;width:clamp(200px,22vw,300px)!important;min-width:200px!important;max-width:300px!important;
 height:36px!important;min-height:36px!important;margin:0!important;padding:2px!important;overflow:visible!important;
 border:1px solid rgba(29,29,31,.12)!important;border-radius:10px!important;background:#f4f4f5!important;color:#27272b!important;
 box-shadow:none!important;transition:background-color .16s,border-color .16s!important;
}
.crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true]:hover{
 border-color:rgba(29,29,31,.12)!important;background:#f4f4f5!important;color:#27272b!important;box-shadow:none!important;
}
/* Neutral colours remain the same for empty/filled searches and branded
   headers; older shell themes must not switch the input back to dark. */
.crm-header .crm-mobile-actions .crm-action-search.crm-nav-search[data-open=true],
.crm-header.has-company-header .crm-mobile-actions .crm-action-search.crm-nav-search[data-open=true]:is([data-filled=true],[data-filled=false]){
 border-color:rgba(29,29,31,.12)!important;background:#f4f4f5!important;color:#27272b!important;box-shadow:none!important;
}
.crm-header .crm-mobile-actions .crm-action-search.crm-nav-search[data-open=true]:focus-within,
.crm-header.has-company-header .crm-mobile-actions .crm-action-search.crm-nav-search[data-open=true]:is([data-filled=true],[data-filled=false]):focus-within{border-color:#a9a9af!important;background:#fff!important}
.crm-header .crm-mobile-actions .crm-action-search.crm-nav-search[data-open=true] :is(.crm-nav-search__toggle,.crm-nav-search__clear),
.crm-header.has-company-header .crm-mobile-actions .crm-action-search.crm-nav-search[data-open=true]:is([data-filled=true],[data-filled=false]) :is(.crm-nav-search__toggle,.crm-nav-search__clear){background:transparent!important;color:#74747c!important}
.crm-header .crm-mobile-actions .crm-action-search.crm-nav-search[data-open=true] .crm-nav-search__input,
.crm-header.has-company-header .crm-mobile-actions .crm-action-search.crm-nav-search[data-open=true]:is([data-filled=true],[data-filled=false]) .crm-nav-search__input{background:transparent!important;color:#27272b!important}
.crm-header .crm-mobile-actions .crm-action-search.crm-nav-search[data-open=true] .crm-nav-search__input::placeholder,
.crm-header.has-company-header .crm-mobile-actions .crm-action-search.crm-nav-search[data-open=true]:is([data-filled=true],[data-filled=false]) .crm-nav-search__input::placeholder{color:#85858d!important;opacity:1!important}
.crm-header .crm-mobile-actions .crm-action-search:focus-within,
.crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true]:focus-within{
 border-color:#a9a9af!important;background:#fff!important;
}
.crm-header .crm-mobile-actions .crm-action-search :is(.crm-nav-search__toggle,.crm-nav-search__clear),
.crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true] :is(.crm-nav-search__toggle,.crm-nav-search__clear){
 display:grid!important;place-items:center!important;flex:0 0 30px!important;box-sizing:border-box!important;width:30px!important;min-width:30px!important;
 height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:7px!important;
 background:transparent!important;color:#74747c!important;cursor:pointer;
}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__toggle span{display:none!important}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__toggle svg{width:17px;height:17px}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__toggle .crm-search-back{display:none!important}
.crm-header .crm-mobile-actions .crm-action-search :is(.crm-nav-search__toggle,.crm-nav-search__clear):hover,
.crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true] :is(.crm-nav-search__toggle,.crm-nav-search__clear):hover{background:rgba(29,29,31,.06)!important;color:#29292e!important}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__input,
.crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true] .crm-nav-search__input{
 display:block!important;flex:1 1 0!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:30px!important;
 margin:0!important;padding:0 7px!important;border:0!important;outline:0!important;border-radius:0!important;
 background:transparent!important;color:#27272b!important;opacity:1!important;box-shadow:none!important;font:400 14px/30px var(--crm-font)!important;
}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__input::placeholder,
.crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true] .crm-nav-search__input::placeholder{color:#85858d!important;opacity:1!important}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__clear{font:300 20px/1 var(--crm-font)!important}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__clear[hidden],
.crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true] .crm-nav-search__clear[hidden]{display:none!important}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__history:not([hidden]){
 position:absolute!important;z-index:9400!important;top:calc(100% + 8px)!important;right:0!important;left:0!important;
 display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;
 align-items:stretch!important;gap:2px!important;padding:5px!important;max-height:min(360px,var(--search-history-max-height,50dvh))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;
 border:1px solid rgba(29,29,31,.09)!important;border-radius:11px!important;background:rgba(255,255,255,.98)!important;color:#29292e!important;
 box-shadow:0 8px 28px rgba(20,20,24,.13)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__history-item,
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__history-item:hover,
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__history-item:focus-visible{
 position:relative;display:block!important;flex:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
 height:auto!important;min-height:34px!important;margin:0!important;padding:8px 10px 8px max(29px,calc(var(--search-history-text-start,40px) - 6px))!important;overflow:hidden!important;
 border:0!important;border-radius:6px!important;background:transparent!important;color:#494951!important;
 font:400 12px/18px var(--crm-font)!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip!important;
}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__history-item::before{
 content:'';position:absolute;left:5px;top:11px;width:12px;height:12px;background:currentColor;opacity:.45;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='5.7'/%3E%3Cpath d='M8 4.5V8l2.5 1.4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='5.7'/%3E%3Cpath d='M8 4.5V8l2.5 1.4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__history-item:hover,
.crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__history-item:focus-visible{background:#f0f0f3!important;color:#29292e!important;outline:0}
@media(max-width:767px){
 .crm-header .crm-mobile-actions .crm-action-search[data-open=false]{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:3px!important;border-color:transparent!important;background:transparent!important;color:var(--crm-company-header-ink,#f5f5f7)!important;transition:none!important}
 .crm-header .crm-mobile-actions .crm-action-search[data-open=false] .crm-nav-search__toggle{color:inherit!important}
 .crm-header .crm-mobile-actions .crm-action-search[data-open=false] :is(.crm-nav-search__input,.crm-nav-search__clear){display:none!important}
 .crm-header:has(.crm-mobile-actions .crm-action-search[data-open=true]) .crm-mobile-actions{position:static!important}
 .crm-header .crm-mobile-actions .crm-action-search[data-open=true],
 .crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true]{
  position:absolute!important;z-index:9305!important;left:calc(clamp(10px,2vw,28px) + 84px)!important;right:10px!important;top:50%!important;bottom:auto!important;
  width:auto!important;min-width:0!important;max-width:none!important;height:36px!important;min-height:36px!important;transform:translateY(-50%)!important;transition:none!important;
 }
 .crm-header .crm-mobile-actions .crm-action-search[data-open=true] .crm-nav-search__toggle>svg:not(.crm-search-back){display:none!important}
 .crm-header .crm-mobile-actions .crm-action-search[data-open=true] .crm-nav-search__toggle .crm-search-back{display:block!important}
 .crm-header .crm-mobile-actions .crm-action-search .crm-nav-search__input,
 .crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true] .crm-nav-search__input{font-size:16px!important}
}
@media(max-width:420px){
 .crm-header .crm-mobile-actions .crm-action-search[data-open=false]{width:32px!important;min-width:32px!important;padding:0!important}
 .crm-header .crm-mobile-actions .crm-action-search[data-open=true],
 .crm-header.has-company-header .crm-mobile-actions .crm-action-search[data-open=true]{left:62px!important;right:8px!important}
}
}
