/* ALG Psikoteknik v0.9.20 - Top-right compact appointment search.
   The legacy calendar rail, date-navigation and booking card rules are unchanged. */
body.psych-compact-layout #psy-header-dock .psy-quick-search {
  grid-column:1!important;grid-row:1!important;
  display:flex!important;flex-direction:column!important;align-self:center!important;
  min-width:0!important;width:100%!important;margin:0!important;padding:0!important;
  gap:4px!important;position:relative;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search label {
  display:block!important;color:#173c6c!important;font-size:10.5px!important;
  font-weight:750!important;line-height:1.15!important;margin:0!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search-row {
  width:100%!important;min-width:0!important;position:relative!important;display:block!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search input[type=search] {
  width:100%!important;min-width:0!important;max-width:none!important;height:29px!important;
  box-sizing:border-box!important;padding:5px 30px 5px 5px!important;margin:0!important;
  font:500 10.5px/1.15 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  color:#163450!important;background:#fff!important;border:1px solid #c8d8e9!important;
  border-radius:6px!important;appearance:none!important;-webkit-appearance:none!important;
  box-shadow:none!important;outline-offset:1px!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search input[type=search]::-webkit-search-cancel-button {display:none!important;}
body.psych-compact-layout #psy-header-dock .psy-quick-search input::placeholder {color:#7990aa!important;opacity:1!important;}
body.psych-compact-layout #psy-header-dock .psy-quick-search button[type=submit] {
  position:absolute!important;right:2px!important;top:2px!important;width:27px!important;height:25px!important;
  margin:0!important;padding:0!important;min-width:0!important;border:0!important;border-radius:4px!important;
  background:#184d99!important;color:white!important;font:700 9px/1 system-ui,sans-serif!important;
  cursor:pointer!important;display:grid!important;place-items:center!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search input:focus-visible {outline:2px solid #6a9ce1!important;}
.psy-search-popover {
  position:fixed;z-index:100050;box-sizing:border-box;
  width:min(315px,calc(100vw - 20px));max-height:min(330px,65vh);overflow:auto;
  background:#fff;border:1px solid #b8cae0;border-radius:8px;
  box-shadow:0 12px 28px rgba(25,54,95,.2);padding:5px;
  font:500 12px/1.35 system-ui,-apple-system,'Segoe UI',sans-serif;color:#193a5d;
}
.psy-search-popover[hidden]{display:none!important;}
.psy-search-popover .psy-search-message {padding:10px 9px;color:#4b6077;}
.psy-search-popover .psy-search-result {
  display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:3px;
  width:100%;border:0;background:white;color:#193a5d;padding:8px 9px;
  cursor:pointer;border-radius:5px;border-bottom:1px solid #edf1f6;
}
.psy-search-popover .psy-search-result:hover,
.psy-search-popover .psy-search-result:focus-visible {background:#eaf2ff;outline:2px solid #c9dcfa;}
.psy-search-popover .psy-search-result strong {font-size:12px;font-weight:700;overflow-wrap:anywhere;}
.psy-search-popover .psy-search-result small {font-size:10.5px;color:#5c728e;}
.psy-search-popover .psy-search-more {padding:7px 9px;font-size:10.5px;color:#795521;}
body.psych-compact-layout .psy-app .psy-calendar .psy-search-target {
  outline:3px solid #3169bb!important;outline-offset:-3px!important;
  box-shadow:inset 0 0 0 2px #fff!important;
}

/* v0.9.21: Use former 2x2 KPI grid space for a usable search form.
   All rules are scoped to the psych page; calendar geometry is untouched. */
body.psych-compact-layout #psy-header-dock .psy-top-compact {
  grid-template-columns:minmax(0,1fr) 49px!important;
  grid-template-rows:auto auto!important;
  column-gap:5px!important;
  row-gap:7px!important;
  align-items:center!important;
  padding-bottom:12px!important;
}
body.psych-compact-layout #psy-header-dock .psy-logo {
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  width:43px!important;
  max-width:43px!important;
  height:43px!important;
  max-height:43px!important;
  object-fit:contain!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search {
  grid-column:1/-1!important;
  grid-row:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  align-self:stretch!important;
  justify-content:stretch!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  gap:7px!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search label {
  display:block!important;
  font:700 13px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  color:#183b6a!important;
  margin:0!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search-row {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  position:static!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search input[type=search] {
  position:static!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:42px!important;
  box-sizing:border-box!important;
  padding:9px 9px!important;
  font:500 12px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  border:1px solid #aec5e3!important;
  border-radius:7px!important;
  color:#193c66!important;
  background:#fff!important;
  outline-offset:1px!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search input::placeholder {
  font:400 11px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  color:#687e97!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search button[type=submit] {
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid #184d99!important;
  border-radius:7px!important;
  background:#184d99!important;
  color:#fff!important;
  font:700 12px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  cursor:pointer!important;
}
body.psych-compact-layout #psy-header-dock .psy-quick-search button[type=submit]:hover {
  background:#123f82!important;
}
body.psych-compact-layout #psy-header-dock .psy-search-help {
  display:block!important;
  font:400 9px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  color:#6d809b!important;
  text-align:left!important;
  white-space:normal!important;
}