UX: Modal-Rand, Icon-Farben, Adresse aufgeteilt

- Tierarzt-Adresse: strasse / plz / ort statt einzeiligem Freitext
- Modal: Rand in Primärfarbe + kein versehentliches Schließen beim Klick auf Hintergrund
- Nav/Sidebar-Icons: inaktiv gedämpft, aktiv amber-getönt (CSS filter)
- Datums-Kalender-Icon: ebenfalls amber statt Schwarz
- SW-Cache → by-v8

backend/static/css/components.css

@@ -239,6 +239,14 @@
 
 .form-control::placeholder { color: var(--c-text-muted); }
 
+/* Kalender-Icon in Datumseingaben: Amber statt Schwarz */
+input[type="date"]::-webkit-calendar-picker-indicator,
+input[type="time"]::-webkit-calendar-picker-indicator {
+  cursor:  pointer;
+  opacity: 0.85;
+  filter:  sepia(0.7) saturate(1.8) hue-rotate(-8deg) brightness(0.9);
+}
+
 .form-control:focus {
   outline:      none;
   border-color: var(--c-primary);
@@ -450,6 +458,7 @@ textarea.form-control {
 .modal {
   background:    var(--c-surface);
   border-radius: var(--radius-xl) var(--radius-xl) 0 0;
+  border:        2px solid var(--c-primary);
   width:         100%;
   max-width:     480px;
   max-height:    90vh;

backend/static/css/layout.css

@@ -142,6 +142,11 @@
   font-size:  22px;
   line-height: 1;
   position:   relative;
+  filter:     saturate(0.35) brightness(0.75);
+  transition: filter var(--transition-fast);
+}
+.nav-item.active .nav-item-icon {
+  filter: sepia(0.7) saturate(1.8) hue-rotate(-8deg) brightness(0.9);
 }
 
 /* Ungelesen-Badge auf Nav-Icon */
@@ -308,6 +313,11 @@
   width:       24px;
   text-align:  center;
   flex-shrink: 0;
+  filter:      saturate(0.35) brightness(0.75);
+  transition:  filter var(--transition-fast);
+}
+.sidebar-item.active .sidebar-item-icon {
+  filter: sepia(0.7) saturate(1.8) hue-rotate(-8deg) brightness(0.9);
 }
 .sidebar-item-badge {
   margin-left:   auto;