/* [KH-P07H1-SMART-GARAGE-HISTORY-STYLE:BEGIN] */
body.kh-garage-history-open { overflow: hidden; }
.kh-garage-history { position: fixed; inset: 0; z-index: 2147482000; display: grid; align-items: end; background: rgba(5, 12, 24, .68); backdrop-filter: blur(8px); }
.kh-garage-history[hidden] { display: none !important; }
.kh-garage-history__sheet { display: grid; grid-template-rows: auto minmax(0, 1fr); width: min(100%, 620px); max-height: 88vh; margin: 0 auto; border: 1px solid rgba(112,132,153,.25); border-radius: 24px 24px 0 0; background: var(--tg-theme-bg-color, #fff); color: var(--tg-theme-text-color, #17212b); box-shadow: 0 -18px 60px rgba(0,0,0,.28); overflow: hidden; }
.kh-garage-history__header { display: grid; grid-template-columns: minmax(0,1fr) 40px; gap: 12px; align-items: start; padding: 18px; border-bottom: 1px solid rgba(112,132,153,.18); }
.kh-garage-history__header h2 { margin: 0; font-size: 18px; line-height: 1.25; }
.kh-garage-history__header p { margin: 4px 0 0; color: var(--tg-theme-hint-color,#708499); font-size: 12px; }
#kh-garage-history-close { width: 40px; height: 40px; border: 0; border-radius: 13px; background: var(--tg-theme-secondary-bg-color,#eef2f7); color: inherit; font-size: 27px; line-height: 1; cursor: pointer; }
.kh-garage-history__content { min-height: 180px; padding: 14px 16px 28px; overflow-y: auto; overscroll-behavior: contain; }
.kh-garage-history__state { padding: 42px 16px; color: var(--tg-theme-hint-color,#708499); text-align: center; font-size: 13px; font-weight: 700; }
.kh-garage-history__state--error { color: var(--tg-theme-destructive-text-color,#e53935); }
.kh-garage-history__item { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 11px; padding: 13px 0; border-bottom: 1px solid rgba(112,132,153,.14); }
.kh-garage-history__item--service { grid-template-columns: 38px minmax(0,1fr) auto; align-items: start; }
.kh-garage-history__item--composite { padding: 15px 0; }
.kh-garage-history__main { min-width: 0; }
.kh-garage-history__actions { display: flex; gap: 6px; padding-left: 4px; }
.kh-garage-history__actions button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(112,132,153,.2); border-radius: 12px; background: var(--tg-theme-secondary-bg-color,#eef2f7); color: inherit; font-size: 16px; cursor: pointer; touch-action: manipulation; }
.kh-garage-history__actions button:active { transform: scale(.96); }
.kh-garage-history__actions button:focus-visible { outline: 3px solid var(--tg-theme-link-color,#2481cc); outline-offset: 2px; }
.kh-garage-history__icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 13px; background: var(--tg-theme-secondary-bg-color,#eef2f7); font-size: 18px; }
.kh-garage-history__date { margin-bottom: 3px; color: var(--tg-theme-hint-color,#708499); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.kh-garage-history__category { display: inline-flex; max-width: 100%; margin: 1px 0 5px; padding: 3px 7px; border-radius: 999px; background: rgba(36,129,204,.12); color: var(--tg-theme-link-color,#2481cc); font-size: 10px; font-weight: 800; line-height: 1.35; overflow-wrap: anywhere; }
.kh-garage-history__item h3 { margin: 0; font-size: 13px; line-height: 1.35; }
.kh-garage-history__item p { margin: 4px 0 0; color: var(--tg-theme-hint-color,#708499); font-size: 11px; line-height: 1.45; }
.kh-garage-history__description { color: var(--tg-theme-text-color,#17212b) !important; }
.kh-garage-history__meter { display: grid; gap: 2px; margin-top: 9px; padding: 9px 10px; border: 1px solid rgba(112,132,153,.16); border-radius: 12px; background: var(--tg-theme-secondary-bg-color,#eef2f7); }
.kh-garage-history__meter span { color: var(--tg-theme-hint-color,#708499); font-size: 10px; font-weight: 750; line-height: 1.35; }
.kh-garage-history__meter strong { overflow-wrap: anywhere; color: var(--tg-theme-text-color,#17212b); font-size: 12px; line-height: 1.4; }
@media (max-width: 380px) { .kh-garage-history__item--service { grid-template-columns: 34px minmax(0,1fr) auto; gap: 8px; } .kh-garage-history__icon { width: 34px; height: 34px; } .kh-garage-history__actions { flex-direction: column; padding-left: 0; } .kh-garage-history__actions button { width: 44px; height: 44px; } }
@media (min-width: 700px) { .kh-garage-history { align-items: center; padding: 24px; } .kh-garage-history__sheet { border-radius: 24px; } }
@media (prefers-reduced-motion: reduce) { .kh-garage-history { backdrop-filter: none; } }
/* [KH-P07H1-SMART-GARAGE-HISTORY-STYLE:END] */