/* AlltagsPilot V12.1 · Header Premium Polish
   Presentation-only update: preserves navigation, search and cloud features.
   Mobile header deliberately prioritizes the brand and the search action.
   The full edition label remains visible on wider screens. */
.ap-header {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  min-height: 82px;
  height: auto;
  padding: 15px 0 17px;
  gap: clamp(12px, 2vw, 22px);
  align-items: center;
  border-bottom: 1px solid rgba(162,199,219,.16);
}
.ap-header .brand {
  flex: 1 1 auto;
  min-width: 0;
  gap: 12px;
}
.ap-header .brand-mark {
  flex: 0 0 auto;
  width: 43px;
  height: 43px;
  border-radius: 14px;
  font-size: 23px;
}
.ap-header .brand-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  font-size: 21px;
  font-weight: 810;
  line-height: 1.14;
  letter-spacing: -.75px;
  white-space: nowrap;
}
.ap-header .brand-name small {
  display: block;
  font-size: 9px;
  line-height: 1.4;
  letter-spacing: 1.2px;
  font-weight: 700;
  color: #a9bdcf;
  margin-top: 5px;
  white-space: nowrap;
}
.ap-header .bar-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  gap: 10px;
  min-width: 0;
}
.ap-header .badge {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 7px;
  min-width: 0;
  max-width: none;
  min-height: 33px;
  overflow: visible;
  text-overflow: clip;
  padding: 8px 12px;
  border-radius: 99px;
  font-size: 10px;
  line-height: 1;
  font-weight: 760;
  letter-spacing: .7px;
  white-space: nowrap;
}
.ap-header .beta-dot {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
}
.ap-header .ap12-search-launch {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 14px;
}
.ap-header .ap12-search-launch svg {width: 21px; height: 21px}
@media (max-width: 780px) {
  .ap-header {
    min-height: 70px;
    padding: 10px 0 13px;
    margin-bottom: 15px;
    gap: 8px;
  }
  .ap-header .brand {gap: 9px}
  .ap-header .brand-mark {width: 39px; height: 39px; border-radius: 12px; font-size: 21px}
  .ap-header .brand-name {font-size: 18px; letter-spacing: -.7px}
  .ap-header .brand-name small {font-size: 8.2px; letter-spacing: .6px; margin-top: 4px}
  .ap-header .bar-right {gap: 7px}
  .ap-header .badge {font-size: 9px; letter-spacing: .35px; min-height: 30px; padding: 7px 9px; gap: 6px}
  .ap-header .ap12-search-launch {width: 40px; min-width: 40px; height: 40px; padding: 9px; border-radius: 12px}
  .ap-header .v9-profile {display:none}
}
/* A readable compact version pill prevents the status/search row overlapping the subtitle. */
@media (max-width: 600px) {
  .ap-header .v11-badge-detail {display: none}
}
@media (max-width: 380px) {
  .ap-header {gap: 7px}
  .ap-header .brand {gap: 8px}
  .ap-header .brand-mark {width: 36px; height: 36px; font-size: 19px; border-radius: 11px}
  .ap-header .brand-name {font-size: 17px}
  .ap-header .brand-name small {font-size: 7px; letter-spacing: .45px}
  .ap-header .bar-right {gap: 6px}
  .ap-header .badge {font-size: 8.5px; padding: 6px 7px; gap: 5px; min-height: 27px}
  .ap-header .ap12-search-launch {width: 38px; min-width: 38px; height: 38px; padding: 8px}
}
@media (max-width: 345px) {
  .ap-header .brand-name {font-size: 16px}
  .ap-header .brand-name small {display: none}
  .ap-header .brand-mark {width: 34px; height: 34px}
  .ap-header .badge {letter-spacing: 0}
}
html[data-v8-theme="light"] .ap-header .brand-name small {color:#4f697c}
html[data-v8-theme="light"] .ap-header {border-bottom-color:rgba(41,79,102,.18)}