/* PocketDoc uses the same calm page frame and four entries as the practice. */
:root { --deep:#564596; --paper:#f7f5fa; --line:#ded9e7; --tag:#564596; }
html { height:auto; min-height:100%; overflow:auto; background:#fff; }
body { position:relative; inset:auto; width:calc(100% - 48px); max-width:1120px; height:auto; min-height:calc(100dvh - 56px); margin:28px auto; overflow:visible; border:1px solid #d5cee6; border-top:2px solid #564596; background:#fff; }
body > .pr-navigation { width:100%; }
.sprechzimmer { width:100%; max-width:1010px; flex:1 0 auto; padding:24px; }
#chat { flex:0 0 auto; min-height:140px; max-height:360px; overflow-y:auto; padding:0 0 18px; }
.blase { max-width:85%; }
.agent { background:#f8f7fa; }
.karte { flex-shrink:0; border-left-width:1px; border-color:var(--line); box-shadow:0 8px 24px #16242b08; }
#chips.main-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:6px 0 20px; }
#chips.main-choices .chip { border:1px solid #d5cee6; border-radius:16px; min-width:0; min-height:112px; padding:18px; align-items:flex-start; text-decoration:none; color:var(--ink); background:#fff; box-shadow:0 3px 10px #16242b07; }
#chips.main-choices .chip > svg { width:26px; height:26px; margin-top:2px; color:var(--deep); }
#chips.main-choices .chip-copy { display:flex; flex-direction:column; gap:4px; }
#chips.main-choices .chip-title { font-size:1rem; font-weight:600; line-height:1.35; }
#chips.main-choices .chip-price { font-size:.9rem; color:var(--deep); font-weight:600; }
#chips.main-choices .chip-detail { font-size:.8rem; color:#52616b; line-height:1.45; }
#chips.main-choices .chip:last-child:not(.chip-route) { grid-column:1/-1; justify-self:start; min-height:44px; padding:10px 18px; border-radius:999px; box-shadow:none; }
#chips.main-choices .chip:hover { border-color:var(--deep); background:#faf9fc; }
#chips.main-choices .chip:focus-visible { outline:3px solid var(--deep); outline-offset:3px; }
#btn-steuer { position:absolute; top:16px; right:16px; width:44px; height:44px; z-index:35; }
.eingabe { padding-bottom:8px; }
.knopf { text-transform:none; letter-spacing:0; }
body.einbett { width:100%; max-width:none; min-height:100dvh; margin:0; border:0; }
body.einbett .sprechzimmer { padding:16px; }
@media(max-width:700px) {
 body { width:100%; min-height:100dvh; margin:0; border-left:0; border-right:0; }
 .sprechzimmer { padding:20px 18px; }
 #chat { max-height:320px; }
 #btn-steuer { top:12px; right:12px; }
 .blase { max-width:94%; font-size:15px; }
}
@media(max-width:480px) {
 #chips.main-choices { grid-template-columns:1fr; gap:10px; }
 #chips.main-choices .chip { min-height:92px; padding:15px 16px; }
 #chips.main-choices .chip:last-child:not(.chip-route) { min-height:44px; }
 .eingabe { gap:6px; }
 #feld { padding-left:12px; padding-right:12px; }
 .eingabe #btn-foto,.eingabe #btn-mikro { width:40px!important;flex-basis:40px!important; }
}
@media(prefers-reduced-motion:reduce) { #chips .chip { animation:none; } }