/* Shared additions for the V2.14 controls. */
.header.header-v1078 .dash-support { display: inline-flex; align-items: center; flex: none; gap: 2px; }
.header.header-v1078 #supportSick {
  flex: none;
  width: auto;
  padding-inline: 9px;
  text-decoration: none;
}
.header.header-v1078 #supportSick .tool-label {
  display: inline;
  font-size: 11px;
  white-space: nowrap;
}
@media (max-width: 1039px) {
  .header.header-v1078 #supportSick .tool-label { display: none; }
}
@media (max-width: 799px) {
  .header.header-v1078 .header-secondary:not([data-open]) > .dash-support { display: inline-flex !important; }
  .header.header-v1078 .header-secondary:not([data-open]) .dash-support > #cityToggle {
    width: auto;
    min-width: 0;
    padding-inline: 4px;
    gap: 4px;
  }
  .header.header-v1078 .header-secondary:not([data-open]) .dash-support > #supportSick {
    width: 36px;
    padding: 8px;
    justify-content: center;
  }
  .header.header-v1078 .header-secondary[data-open] .dash-support { display: contents; }
  .header.header-v1078 .header-secondary[data-open] #supportSick .tool-label { display: inline; }
}
@media (max-width: 529px) {
  .header.header-v1078 .header-secondary:not([data-open]) > .dash-support {
    position: absolute;
    inset: auto auto 0 max(7px,env(safe-area-inset-left));
    width: max-content;
    max-width: min(125px, calc(100vw - 247px));
    height: 27px;
  }
  .header.header-v1078 .header-secondary:not([data-open]) .dash-support > #cityToggle {
    min-height: 27px; height: 27px; min-width: 0; padding: 0; gap: 2px;
    flex: 0 1 auto;
    max-width: calc(100% - 24px);
  }
  .header.header-v1078 .header-secondary:not([data-open]) #cityToggle svg {
    width: 9px; height: 11px; flex: none;
  }
  .header.header-v1078 .header-secondary:not([data-open]) #cityToggle .tool-label {
    min-width: 0; font-size: 9px; overflow: hidden; text-overflow: ellipsis;
  }
  .header.header-v1078 .header-secondary:not([data-open]) .dash-support > #supportSick {
    flex: 0 0 22px; width: 22px !important; min-width: 22px; max-width: 22px;
    min-height: 27px; height: 27px; padding: 2px;
  }
  .header.header-v1078 #supportSick svg { width: 14px; height: 14px; }
}
.personal-shelf .shelf-heading h2 { margin-right: 0; min-width: 0; overflow-wrap: anywhere; }
.personal-shelf .shelf-heading .personal-tools { margin-left: auto; }
.personal-add-row {
  display: inline-grid;
  place-items: center;
  min-width: 26px;
  min-height: 26px;
  border-radius: 5px;
  background: transparent;
  color: var(--page-text);
  font-size: 17px;
}
.personal-add-row:is(:hover,:focus-visible) { background: #8882; }
@media (pointer: coarse) { .personal-add-row { min-width: 44px; min-height: 44px; } }
.personal-row-name {
  box-sizing: border-box;
  width: min(190px, 48vw);
  padding: 2px 5px;
  border: 1px solid var(--focus-ring);
  border-radius: 4px;
  background: var(--surface);
  color: var(--page-text);
  font: inherit;
}
.personal-move-row[hidden] { display: none; }
.personal-move-row select { width: 100%; min-height: 40px; }
.header .theme-custom-button {
  border-top: 1px solid #ffffff2b;
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  gap: 9px;
  padding: 5px 8px;
  background: transparent;
  color: inherit;
  text-align: start;
  font-size: 13px;
}
.header .theme-custom-button:is(:hover,:focus-visible,[data-active=true]) { background: #ffffff17; }
.theme-custom-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; flex: none; }
html[data-sick-theme=custom-image] body[data-page-kind] {
  background-color: #000;
  background-image: linear-gradient(#0009,#0009),var(--sick-personal-background,none);
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100% auto;
  min-height: 100dvh;
}
html[data-sick-theme=custom-image] body :is(.portal-layout,.catalog-column,#main,#catalog,.footer) { background: transparent; }
.custom-background-dialog {
  position: fixed;
  inset: 50% auto auto 50%;
  transform: translate(-50%,-50%);
  width: min(390px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
  margin: 0;
  overflow: auto;
}
.custom-background-dialog img { display: block; width: 100%; max-height: 45dvh; object-fit: contain; }
.custom-background-dialog [role=status]:empty { display: none; }
.custom-background-dialog footer { justify-content: space-between; }


.personal-row-dialog {
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: min(380px, calc(100vw - 24px));
}
.personal-row-dialog > p { margin: 10px 0; overflow-wrap: anywhere; }
.personal-row-choices select {
  display: block;
  width: 100%;
  min-height: 44px;
  margin-top: 5px;
  padding: 6px;
  border: 1px solid #ffffff35;
  border-radius: 6px;
  background: #121414;
  color: #eee;
}
.personal-row-dialog footer { flex-wrap: wrap; }
.personal-row-dialog footer button:not(.personal-delete):last-child {
  background: #e4e6e4;
  color: #151715;
}
.personal-menu button[data-destructive], .manage-actions .manage-delete { color: #ffb4a5; }
.manage-row strong { overflow-wrap: anywhere; }