/* Kompakter Garageneingang. Bestehende CI; Notfälle zusätzlich mit Text/Symbol markiert. */
.garage-page-heading{margin-bottom:22px;align-items:center}.garage-page-heading p{margin-bottom:0}
.garage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.garage-kpi{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-width:0;transition:border-color .15s,box-shadow .15s}
.garage-kpi:hover,.garage-kpi.is-selected{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}
.kpi-symbol{grid-column:2;grid-row:1;display:grid;place-items:center;width:38px;height:38px;background:var(--purple-soft);color:var(--purple);border-radius:11px}.kpi-symbol .icon{width:21px;height:21px}
.kpi-number{grid-column:1;grid-row:1;font-size:32px;font-weight:700;letter-spacing:-.04em;line-height:1.2}
.kpi-label{grid-column:1/-1;font-size:12px;font-weight:600;line-height:1.5;min-height:36px}.kpi-link{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;color:#735690;font-size:10px;padding-top:6px;border-top:1px solid var(--line);gap:8px}.kpi-link .icon{width:14px;height:14px}
.garage-kpi.kpi-urgent{border-color:#dc4a4a;background:#fff9f9}.kpi-urgent .kpi-number,.kpi-urgent .kpi-link{color:#a51d2b}.kpi-urgent .kpi-symbol{color:#b41f30;background:#ffe8ec}.kpi-urgent:hover,.kpi-urgent.is-selected{border-color:#c32738;box-shadow:0 0 0 1px #c32738}
.garage-count-hint{font-size:11px;margin:12px 0 25px;line-height:1.7}
.garage-inbox{min-width:0}.garage-inbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.garage-inbox-toolbar h2{font-size:20px;margin:0 0 5px}.garage-result-label{font-size:11px;color:var(--muted)}
.garage-search{display:flex;gap:8px;align-items:center;width:min(360px,50%)}.garage-search input{min-width:0;width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 11px;font-size:11px;color:var(--ink)}.garage-search .icon-button{flex-shrink:0;width:38px;height:38px}
.garage-filter-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.garage-filter-nav>a{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 12px;font-size:11px;font-weight:550}.garage-filter-nav>a>span{padding:0 6px;border-radius:5px;background:#f0edf5;font-size:10px;min-width:20px;text-align:center}.garage-filter-nav>a.is-active{border-color:#b29bdc;background:#f0eaff;color:#50238b}.garage-filter-nav>a.is-active>span{background:#e3d7f6}
.garage-accordion{display:flex;flex-direction:column;gap:11px}.garage-ticket{border:1px solid #e1dbe9;background:#fff;border-radius:12px;scroll-margin-top:96px;overflow:clip}.garage-ticket.is-urgent{border:2px solid #d43646}.garage-ticket[open]{box-shadow:0 5px 20px #251b3810}.garage-ticket-summary{display:grid;grid-template-columns:38px minmax(160px,1fr) minmax(115px,145px) minmax(140px,auto) 18px;gap:15px;align-items:center;padding:17px 18px;cursor:pointer;list-style:none;min-height:96px}.garage-ticket-summary::-webkit-details-marker{display:none}.garage-ticket-summary::marker{content:""}.garage-ticket-summary:focus-visible{outline:3px solid #9162de;outline-offset:-4px;border-radius:10px}.garage-ticket-summary:hover{background:#faf8ff}.is-urgent>.garage-ticket-summary{background:#fff8f9}.is-urgent>.garage-ticket-summary:hover{background:#fff0f2}
.ticket-icon{width:38px;height:38px;border:1px solid #e9e0f6;border-radius:10px;background:#f5f0fb;color:#79489b;display:grid;place-items:center}.ticket-icon .icon{width:21px;height:21px}.is-urgent .ticket-icon{background:#ffe6eb;border-color:#efb7c0;color:#b51e30}
.ticket-main{min-width:0;display:flex;flex-direction:column;gap:2px}.ticket-overline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:9px;letter-spacing:.03em;color:#766384;line-height:1.7}.ticket-main>strong{font-size:13px;line-height:1.6}.urgent-label{font-size:8px;font-weight:700;color:#a9172a;background:#ffe4e9;padding:1px 5px;border-radius:4px;letter-spacing:.045em}.ticket-description{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-time{display:flex;flex-direction:column;gap:1px;min-width:0}.ticket-time>small{font-size:9px;color:var(--muted)}.ticket-time>strong{font-size:11px}.is-urgent .ticket-time>strong{color:#ad2031}.ticket-state{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}.ticket-state .badge{white-space:normal;text-align:right;font-size:9px}.ticket-expand{font-size:9px;color:#78568b}.ticket-chevron{color:#886c9b}.ticket-chevron .icon{width:16px;height:16px;transition:transform .15s}.garage-ticket[open]>.garage-ticket-summary .ticket-chevron .icon{transform:rotate(90deg)}.when-open{display:none}.garage-ticket[open]>.garage-ticket-summary .when-open{display:inline}.garage-ticket[open]>.garage-ticket-summary .when-closed{display:none}
.garage-ticket-body{padding:22px 24px 24px;border-top:1px solid var(--line)}.is-urgent>.garage-ticket-body{border-top-color:#efc0c7}.garage-ticket-body .garage-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;gap:20px}.garage-ticket-body .garage-meta>div{min-width:0}.garage-ticket-body .garage-meta span,.garage-ticket-body .garage-meta strong{overflow-wrap:anywhere}.garage-ticket-body .decision-form{margin-top:20px}.garage-ticket-body .decision-actions{flex-wrap:wrap}.garage-ticket-body .request-description{font-size:12px}.garage-demo-footnote{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.8;margin:19px 0 0}.garage-demo-footnote .icon{width:14px;height:14px;margin-top:2px}
@media(max-width:1280px){.garage-ticket-summary{grid-template-columns:34px minmax(140px,1fr) 122px minmax(110px,auto) 15px;gap:12px;padding:15px}.ticket-icon{width:34px;height:34px}.garage-kpi{padding:17px}.garage-ticket-body .garage-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.garage-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-label{min-height:0}.garage-ticket-summary{grid-template-columns:34px minmax(0,1fr) auto 15px}.ticket-time{grid-column:2;grid-row:2;flex-direction:row;gap:7px;flex-wrap:wrap}.ticket-time>small:first-child{display:none}.ticket-state{grid-column:3;grid-row:1/3;max-width:165px}.ticket-chevron{grid-column:4;grid-row:1/3}.ticket-icon{grid-row:1/3}.ticket-main{grid-column:2;grid-row:1}}
@media(max-width:640px){.garage-page-heading{gap:12px;align-items:flex-start}.garage-page-heading .button{padding:8px 10px;font-size:10px;gap:5px;min-height:36px}.garage-page-heading h1{font-size:27px}.garage-kpis{gap:10px}.garage-kpi{padding:14px;gap:8px}.kpi-symbol{width:31px;height:31px;border-radius:8px}.kpi-number{font-size:28px}.kpi-label{font-size:11px;min-height:32px}.kpi-link{font-size:9px}.garage-count-hint{font-size:10px;margin-bottom:20px}.garage-inbox-toolbar{flex-direction:column;align-items:stretch;gap:13px}.garage-search{width:100%}.garage-search input{font-size:12px}.garage-filter-nav{gap:6px}.garage-filter-nav>a{padding:7px 9px;font-size:10px;gap:5px}.garage-ticket-summary{grid-template-columns:30px minmax(0,1fr) 15px;gap:5px 10px;padding:13px;min-height:120px}.ticket-icon{grid-column:1;grid-row:1;width:30px;height:30px;align-self:start;margin-top:6px}.ticket-icon .icon{width:17px;height:17px}.ticket-main{grid-column:2;grid-row:1}.ticket-main>strong{font-size:12px}.ticket-description{font-size:10px;white-space:normal;overflow-wrap:anywhere}.ticket-state{grid-column:2;grid-row:3;flex-direction:row;align-items:center;justify-content:space-between;max-width:none}.ticket-state .badge{font-size:8px;max-width:70%;text-align:left}.ticket-time{grid-column:2;grid-row:2}.ticket-chevron{grid-column:3;grid-row:1/4;align-self:center}.ticket-expand{font-size:8px}.garage-ticket-body{padding:17px 14px}.garage-ticket-body .garage-meta{gap:14px}.garage-ticket-body .garage-meta strong{font-size:11px}.garage-ticket-body .garage-meta span{font-size:10px}.garage-ticket-body .decision-actions{align-items:stretch}.garage-ticket-body .decision-actions .button{width:100%}.garage-ticket-body .detail-list{overflow-wrap:anywhere}.garage-count-hint,.garage-demo-footnote{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.garage-kpi,.ticket-chevron .icon{transition:none}}

/* ERP-Hinweis nur in der Garagenübersicht; keine aktive Schnittstelle in der Demo. */
.garage-erp-note{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px 15px;padding:16px 18px;margin:0 0 20px;border:1px solid #dfd5ee;border-radius:12px;background:#fbf9ff}
.garage-erp-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--purple-soft);color:var(--purple)}
.garage-erp-symbol .icon{width:20px;height:20px}
.garage-erp-copy{min-width:0}
.garage-erp-copy h2{font-size:15px;line-height:1.35;letter-spacing:-.02em;margin:0 0 4px}
.garage-erp-copy p{font-size:12px;line-height:1.6;margin:0;color:#675d73;overflow-wrap:anywhere}
.garage-erp-copy .garage-erp-demo{font-size:11px;margin-top:4px}
.garage-erp-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 8px;font-size:11px;font-weight:600;color:#64328f;border-radius:6px;text-align:center}
.garage-erp-link .icon{width:15px;height:15px}
.garage-erp-link:hover{text-decoration:underline;text-underline-offset:3px}
.garage-erp-status{scroll-margin-top:110px}
@media(max-width:1100px){.garage-erp-note{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:6px 12px}.garage-erp-symbol{width:32px;height:32px}.garage-erp-link{grid-column:2;justify-self:start;min-height:36px;padding:5px 0}}
@media(max-width:640px){.garage-erp-note{padding:14px;margin-bottom:16px;gap:6px 10px}.garage-erp-copy h2{font-size:14px}.garage-erp-copy p{font-size:11px}.garage-erp-copy .garage-erp-demo{font-size:10px}.garage-erp-status{scroll-margin-top:100px}}