#wayzaway-push-settings-panel { display: block; }

.wz-push-settings-panel {
  margin: 8px 0;
  overflow: hidden;
  border-radius: 4px;
  background: rgb(var(--v-theme-surface, 254, 254, 254));
  box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.14), 0 1px 3px rgba(0,0,0,.12);
}

.wz-push-panel-heading {
  width: 100%;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font: inherit;
}

.wz-push-panel-heading:hover { background: rgba(var(--v-theme-on-surface, 26,26,26), .04); }
.wz-push-heading-title { display: block; font-size: 1.25rem; line-height: 1.6rem; font-weight: 700; }
.wz-push-heading-subtitle { display: block; margin-top: 2px; font-size: .75rem; opacity: .65; }
.wz-push-heading-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: rgb(var(--v-theme-primary, 228, 0, 70));
  border: 1px solid rgba(var(--v-theme-primary, 228, 0, 70), .22);
  font-size: 12px;
}
.wz-push-settings-panel.is-open .wz-push-heading-icon { background: rgba(var(--v-theme-primary, 228,0,70), .08); }

.wz-push-panel-body { padding: 4px 24px 20px; }
.wz-push-device-status {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 8px 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(var(--v-theme-on-surface, 26,26,26), .045);
  font-size: .84rem;
}
.wz-push-status-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #909090; }
.wz-push-device-status[data-kind="success"] .wz-push-status-dot { background: #4caf50; }
.wz-push-device-status[data-kind="warning"] .wz-push-status-dot { background: #ff9800; }
.wz-push-device-button {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: rgb(var(--v-theme-primary, 228,0,70));
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.wz-push-row {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 0;
  cursor: pointer;
}
.wz-push-copy { min-width: 0; display: block; }
.wz-push-row-title { display: block; font-size: .95rem; font-weight: 600; }
.wz-push-row-description { display: block; margin-top: 3px; font-size: .78rem; line-height: 1.3rem; opacity: .65; }
.wz-push-divider { height: 1px; margin: 3px 0; background: rgba(var(--v-theme-on-surface, 26,26,26), .09); }
[data-wz-push-category].is-disabled-by-master { opacity: .46; }

.wz-push-switch { position: relative; width: 44px; height: 24px; flex: 0 0 44px; }
.wz-push-switch input { position: absolute; opacity: 0; pointer-events: none; }
.wz-push-slider {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(var(--v-theme-on-surface, 26,26,26), .25);
  transition: .18s ease;
}
.wz-push-slider::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.3);
  transition: .18s ease;
}
.wz-push-switch input:checked + .wz-push-slider { background: rgb(var(--v-theme-primary, 228,0,70)); }
.wz-push-switch input:checked + .wz-push-slider::after { transform: translateX(20px); }
.wz-push-switch input:focus-visible + .wz-push-slider { outline: 3px solid rgba(var(--v-theme-primary,228,0,70),.22); outline-offset: 2px; }
.wz-push-save-state { min-height: 20px; margin-top: 8px; text-align: right; font-size: .76rem; opacity: .68; }

@media (max-width: 600px) {
  .wz-push-panel-heading { padding: 14px 16px; }
  .wz-push-panel-body { padding: 4px 16px 18px; }
  .wz-push-device-status { align-items: flex-start; flex-wrap: wrap; }
  .wz-push-device-button { margin-left: 17px; }
}


/* 2026-08-13 layout + width fix */
#wayzaway-push-settings-panel,
.wz-push-settings-panel {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 0 100% !important;
  grid-column: 1 / -1 !important;
  align-self: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* 2026-08-13 match push heading icons to native Settings panels */
.wz-push-heading-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
  flex: 0 0 auto;
  color: rgba(var(--v-theme-on-surface, 26,26,26), .82);
}

.wz-push-heading-phone {
  font-size: 24px;
  line-height: 1;
}

.wz-push-heading-chevron {
  font-size: 22px;
  line-height: 1;
  transition: transform .2s ease;
}

.wz-push-settings-panel.is-open .wz-push-heading-chevron {
  transform: rotate(180deg);
}


/* Align phone icon with other Settings icons */
.wz-push-heading-phone {
  transform: translateX(7px);
}