/* BERAT Schritt 0: Zeile „Akte mitschicken“ (.pal-ta) und Berateransicht (.pal-aa).
 * Nur Framework-Tokens (--ps-*); die Werte hinter dem Komma gelten allein für die lokale Vorschau. */

/* Zeile unter dem Termin-Knopf: ruhig, Textknopf, keine Bewegung (R-05) */
.pal-ta {
	grid-column: 1 / -1;   /* /kontakt/: Termin-Kachel steht im Raster; sonst wird die Zeile eine halbe Zelle und schiebt die Kacheln (gemessen 08.10.) */
	display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--ps-a-2, 8px);
	margin: var(--ps-a-2, 8px) 0 0; font: 400 var(--ps-gr-klein, 15px)/1.45 var(--ps-font-body, "Inter", Arial, sans-serif);
	color: var(--ps-farbe-leise, #5a6275);
}
.pal-ta__knopf {
	padding: 0; border: 0; background: none; cursor: pointer; font: inherit; font-weight: 600;
	color: var(--ps-farbe-link, #105681); text-decoration: underline; text-underline-offset: 3px;
}
.pal-ta__knopf:focus-visible { outline: 2px solid var(--ps-farbe-fokus, #4a9ad4); outline-offset: 2px; }
.pal-ta__hinweis { flex: 1 1 16rem; }
.pal-ta__feld { display: block; width: 100%; margin-top: var(--ps-a-1, 4px); padding: var(--ps-a-1, 4px) var(--ps-a-2, 8px);
	font: inherit; color: var(--ps-farbe-text, #1e2748); border: 1px solid var(--ps-farbe-rand, #cfd5e1); }

/* Berateransicht */
.pal-aa { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ps-a-4, 16px); max-width: 60rem; font: 400 16px/1.5 var(--ps-font-body, "Inter", Arial, sans-serif);
	color: var(--ps-farbe-text, #1e2748); }
.pal-aa__form label { display: block; font: 600 var(--ps-gr-klein, 15px)/1.3 var(--ps-font-body, "Inter", Arial, sans-serif); margin-bottom: var(--ps-a-1, 4px); }
.pal-aa__zeile { display: flex; flex-wrap: wrap; gap: var(--ps-a-2, 8px); }
.pal-aa__zeile input { flex: 1 1 18rem; min-width: 0; padding: var(--ps-a-2, 8px) var(--ps-a-3, 12px); font: inherit;
	border: 1px solid var(--ps-farbe-rand, #cfd5e1); background: var(--ps-farbe-flaeche, #fff); color: inherit; }
.pal-aa__knopf { padding: var(--ps-a-2, 8px) var(--ps-a-4, 16px); border: 0; cursor: pointer;
	font: 700 16px/1.2 var(--ps-font-head, "Rajdhani", Arial, sans-serif); letter-spacing: .02em;
	background: var(--ps-farbe-aktion, #105681); color: #fff; }
.pal-aa__knopf:focus-visible, .pal-aa__zeile input:focus-visible { outline: 2px solid var(--ps-farbe-fokus, #4a9ad4); outline-offset: 2px; }
.pal-aa__profil { margin: 0; font: 700 1.25rem/1.25 var(--ps-font-head, "Rajdhani", Arial, sans-serif); color: var(--ps-farbe-kopf, #1e2748); text-wrap: balance; }
.pal-aa__stand, .pal-aa__naechster { margin: 0; }
.pal-aa__stand strong { font-variant-numeric: tabular-nums; }
.pal-aa__naechster { color: var(--ps-farbe-kopf, #1e2748); font-weight: 600; }
.pal-aa__tabelle { overflow-x: auto; }
.pal-aa table { width: 100%; border-collapse: collapse; font-size: var(--ps-gr-klein, 15px); }
.pal-aa th, .pal-aa td { padding: var(--ps-a-2, 8px); text-align: left; vertical-align: top; border-bottom: 1px solid var(--ps-farbe-rand, #cfd5e1); }
.pal-aa thead th { font-weight: 600; color: var(--ps-farbe-leise, #5a6275); }
.pal-aa tbody th { font-weight: 600; min-width: 11rem; }
.pal-aa__einstieg { background: color-mix(in srgb, var(--ps-farbe-link, #105681) 7%, transparent); }
.pal-aa__marke { display: block; font-weight: 400; color: var(--ps-farbe-leise, #5a6275); }
.pal-aa__zahl { white-space: nowrap; font-variant-numeric: tabular-nums; }
.pal-aa__zahl[data-zustand="geregelt"] { color: var(--ps-farbe-erledigt, #2e6b3a); font-weight: 600; }
.pal-aa__liste { margin: 0; padding-left: 1.1em; }
.pal-aa__frage { margin: var(--ps-a-1, 4px) 0 0; color: var(--ps-farbe-leise, #5a6275); }
.pal-aa__leer, .pal-aa__hinweis { color: var(--ps-farbe-leise, #5a6275); margin: 0; }
.pal-aa__fehler { margin: 0; color: #9b1c1c; font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .pal-ta *, .pal-aa * { transition: none !important; } }

/* Live 08.10.: Das Theme setzt `.entry-content table td { word-break: break-all; padding; border }` (skylith-custom.min.css).
   Die Selektoren hier sind bewusst eine Klasse stärker (.pal-aa .pal-aa__tabelle …), damit Wörter nur an Wortgrenzen brechen. */
.pal-aa .pal-aa__tabelle th, .pal-aa .pal-aa__tabelle td, .pal-aa .pal-aa__liste { word-break: normal; overflow-wrap: break-word; hyphens: manual; }
.pal-aa .pal-aa__tabelle th, .pal-aa .pal-aa__tabelle td { padding: var(--ps-a-2, 8px); border: 0; border-bottom: 1px solid var(--ps-farbe-rand, #cfd5e1); }
.pal-aa__titel { margin: 0; font: 700 clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem)/1.15 var(--ps-font-head, "Rajdhani", Arial, sans-serif);
	color: var(--ps-farbe-kopf, #1e2748); }
/* Schmal (Handy aus Outlook): jede Station als Block, Spaltenname vor dem Wert statt vier gequetschter Spalten. px, weil das Theme die rem-Basis verstellt. */
@media (max-width: 640px) {
	.pal-aa .pal-aa__tabelle table, .pal-aa .pal-aa__tabelle tbody, .pal-aa .pal-aa__tabelle tr,
	.pal-aa .pal-aa__tabelle th, .pal-aa .pal-aa__tabelle td { display: block; width: auto; }
	.pal-aa .pal-aa__tabelle thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.pal-aa .pal-aa__tabelle tr { padding: var(--ps-a-2, 8px) 0; border-bottom: 1px solid var(--ps-farbe-rand, #cfd5e1); }
	.pal-aa .pal-aa__tabelle th, .pal-aa .pal-aa__tabelle td { padding: 2px 0; border: 0; }
	.pal-aa .pal-aa__tabelle tbody th { min-width: 0; font-size: 1.05em; }
	.pal-aa .pal-aa__tabelle td::before { content: attr(data-label) ": "; font-weight: 600; color: var(--ps-farbe-leise, #5a6275); }
	.pal-aa .pal-aa__tabelle td .pal-aa__liste { margin: 2px 0 0; }
}