.service-page-wrapper {
    max-width: 980px;
    margin: 0 auto;
  }
  @media (min-width: 1200px) {
    .service-page-wrapper {
      max-width: 1040px;
    }
  }

  .service-page-wrapper .section-header p.text-muted {
    color: #374151 !important;
    font-size: .96rem;
    margin-bottom: .35rem;
  }

 .service-page-wrapper .form-label {
    font-weight: 600;
    color: #374151 !important;
    font-size: .92rem;
    margin-bottom: .25rem;
  }

  .service-page-wrapper .required-star {
    color: #e50059;
    margin-left: .1rem;
    font-weight: 700;
  }

  .service-description-box {
    padding: 1rem 1.25rem;
    border-radius: .9rem;
    background: var(--accent-bg, #ffe4ef);
    border: 1px solid rgba(229, 0, 89, 0.25);
  }

  .service-description-lead {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
  }

  .service-description-icon {
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--brand, #e50059);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .06);
  }

  .service-description-text {
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
  }

  @media (max-width: 575.98px) {
    .service-description-lead {
      flex-direction: row;
      align-items: flex-start;
    }
  }

  .time-option-label {
    display: flex;
    align-items: baseline;
    gap: .5rem;
  }

  .time-label-text {
    display: inline-block;
    min-width: 7rem;
  }

  .time-label-hint {
    white-space: nowrap;
    color: #6c757d;
    font-size: .875rem;
  }

html[data-theme="dark"] .service-page-wrapper .section-header p.text-muted {
  color: #d1d5db !important;
}

html[data-theme="dark"] .service-page-wrapper .form-label {
  color: #111827 !important;
}

html[data-theme="dark"] .service-description-box {
  background: #111827;
  border-color: rgba(148, 163, 184, .7);
}

/* Darkmode: Formular-Karte auf service.php */

html[data-theme="dark"] .service-page-wrapper #service-form {
  background-color: #020617 !important;
  border-color: rgba(148, 163, 184, 0.7) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.75);
  color: #e5e7eb;
}

/* Inputs, Textareas im Formular */
html[data-theme="dark"] .service-page-wrapper #service-form .form-control,
html[data-theme="dark"] .service-page-wrapper #service-form textarea {
  background-color: #020617;
  border-color: #4b5563;
  color: #e5e7eb;
}

html[data-theme="dark"] .service-page-wrapper #service-form .form-control::placeholder,
html[data-theme="dark"] .service-page-wrapper #service-form textarea::placeholder {
  color: #6b7280;
}

/* Labels & Texte im Formular */
html[data-theme="dark"] .service-page-wrapper .form-label,
html[data-theme="dark"] .service-page-wrapper .form-check-label,
html[data-theme="dark"] .service-page-wrapper .time-label-text {
  color: #e5e7eb !important;
}

html[data-theme="dark"] .service-page-wrapper .time-label-hint,
html[data-theme="dark"] .service-page-wrapper .form-text,
html[data-theme="dark"] .service-page-wrapper .text-muted {
  color: #9ca3af !important;
}

.notes-meta{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:.5rem 1rem;
  align-items:start;
}

@media (max-width: 575.98px){
  .notes-meta{ grid-template-columns: 1fr; }
  .notes-meta > :last-child{ text-align:left !important; }
}
.tech-notice-box{
  display:flex;
  gap:.75rem;
  padding:.9rem 1rem;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.tech-notice-icon{
  width:40px;
  height:40px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
}

.tech-notice-content{
  line-height:1.35;
}

/* Deaktiviert / Hinweis */
.tech-notice-disabled{
  border-color: rgba(229, 0, 89, .22);
  background: #fff6fa;
}

.tech-notice-disabled .tech-notice-icon{
  background:#ffe4ef;
  color:#e50059;
}

.tech-notice-disabled .tech-notice-title{
  color:#000;
  font-weight:700;
}

.tech-notice-warning{
  border-color: rgba(255, 193, 7, .35);
  background: #fff8e6;
}
.tech-notice-warning .tech-notice-icon{
  background:#fff0c2;
  color:#b58100;
}

/* --- Dark Mode Anpassungen für tech-notice-info --- */
html[data-theme="dark"] .tech-notice-box.tech-notice-info {
    background: #1a2a40; /* Dunkelblau-Grau */
    border-color: #4a6688; /* Dunklerer, aber sichtbarer Rahmen */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Schatten im Dark Mode */
}

html[data-theme="dark"] .tech-notice-box.tech-notice-info .tech-notice-icon {
    color: #60a5fa; /* Helleres Blau für das Icon im Dark Mode */
}

html[data-theme="dark"] .tech-notice-box.tech-notice-info strong,
html[data-theme="dark"] .tech-notice-box.tech-notice-info .tech-notice-content {
    color: #e5e7eb; /* Heller Text */
}
/* Zustand 1: Erfolg (Markenfarbe) */
.tech-notice-box.tech-notice-success {
    background: #ffe4ef; /* Sehr helles Pink */
    border: 1px solid rgba(229, 0, 89, 0.25);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Dezenter Schatten */
}

.tech-notice-box.tech-notice-success .tech-notice-icon {
    color: #e50059; /* Markenfarbe für das Icon */
    font-size: 1.4rem;
}

.tech-notice-box.tech-notice-success .tech-notice-content {
    color: #374151; /* Dunkler Text im Light Mode */
    line-height: 1.4;
}

.tech-notice-box.tech-notice-success strong,
.tech-notice-success-name {
    color: #e50059; /* Markenfarbe für den Namen */
    font-weight: 700;
}

/* Dark Mode */
html[data-theme="dark"] .tech-notice-box.tech-notice-success {
    background: #2a0b16; /* Sehr dunkles Pink-Grau */
    border-color: #5c182d; 
}
html[data-theme="dark"] .tech-notice-box.tech-notice-success .tech-notice-content {
    color: #e5e7eb; /* Heller Text für Dark Mode */
}
html[data-theme="dark"] .tech-notice-box.tech-notice-success strong {
    color: #f6a8c4; /* Leicht hellere Markenfarbe im Dark Mode */
}

.tech-notice-box.tech-notice-wish {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: .8rem;
}

.tech-notice-wish-main {
  display: flex;
  gap: .6rem;
  min-width: 0;
  flex: 1;
}

.tech-notice-wish-headline {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .74rem;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-weight: 700;
  color: #c3004b;
  margin-bottom: .1rem;
}

.tech-notice-wish-actions {
  display: inline-flex;
  gap: .45rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: .05rem;
  flex: 0 0 auto;
}

.tech-notice-wish-action-btn {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
  font-size: .78rem;
  line-height: 1;
  padding: .34rem .56rem;
  border-radius: 999px;
  text-decoration: none;
  border: 1px solid transparent;
  font-weight: 600;
  white-space: nowrap;
}

.tech-notice-wish-action-btn--change {
  color: #0d6efd;
  border-color: rgba(13, 110, 253, .24);
  background: rgba(13, 110, 253, .08);
}

.tech-notice-wish-action-btn--remove {
  color: #6c757d;
  border-color: rgba(108, 117, 125, .28);
  background: rgba(108, 117, 125, .06);
}

.tech-notice-wish-action-btn:hover {
  filter: brightness(.97);
}

@media (max-width: 767.98px) {
  .tech-notice-box.tech-notice-wish {
    flex-direction: column;
  }

  .tech-notice-wish-actions {
    width: 100%;
    justify-content: flex-start;
  }
}