:root{--safe-top: max(var(--app-inset-top, 0px), env(safe-area-inset-top, 0px));--safe-bottom: max(var(--app-inset-bottom, 0px), env(safe-area-inset-bottom, 0px));--safe-left: max(var(--app-inset-left, 0px), env(safe-area-inset-left, 0px));--safe-right: max(var(--app-inset-right, 0px), env(safe-area-inset-right, 0px));--gap: 12px;--radius: 10px;--warning: #b8860b;--warning-bg: #fff4d6;--success: #2e7d32;--success-bg: #e6f4ea;--danger-bg: #fdecea}@media(prefers-color-scheme:dark){:root{--warning-bg: #3a3320;--success-bg: #1f3324;--danger-bg: #3a2424}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;color:var(--tg-text, #000);background:var(--tg-bg, #fff)}.app{max-width:860px;margin:0 auto;padding:calc(var(--safe-top) + var(--gap)) calc(var(--safe-right) + var(--gap)) calc(var(--safe-bottom) + var(--gap)) calc(var(--safe-left) + var(--gap));display:flex;flex-direction:column;gap:var(--gap)}.app--message{min-height:60vh;align-items:center;justify-content:center;text-align:center}.header__title{margin:0;font-size:18px;font-weight:600}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--tg-separator, #e0e0e0)}.tabs__tab{flex:1;padding:10px 8px;border:none;border-bottom:2px solid transparent;background:none;color:var(--tg-hint, #707579);font:inherit;cursor:pointer}.tabs__tab--active{color:var(--tg-text, #000);border-bottom-color:var(--tg-button, #3390ec);font-weight:600}.tabs__badge,.filters__badge{margin-left:6px;padding:0 6px;border-radius:9px;background:var(--tg-button, #3390ec);color:var(--tg-button-text, #fff);font-size:12px}.screen{display:flex;flex-direction:column;gap:var(--gap)}.screen__title{margin:0;font-size:16px}.screen__hint,.screen__loading,.screen__empty{margin:0;color:var(--tg-hint, #707579)}.filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filters__chip{padding:6px 12px;border:1px solid var(--tg-separator, #e0e0e0);border-radius:999px;background:none;color:var(--tg-text, #000);font:inherit;cursor:pointer}.filters__chip--active{background:var(--tg-button, #3390ec);border-color:var(--tg-button, #3390ec);color:var(--tg-button-text, #fff)}.lookup{display:flex;flex-wrap:wrap;gap:6px}.lookup__input{flex:1 1 200px;min-width:0;padding:8px 10px;border:1px solid var(--tg-separator, #e0e0e0);border-radius:var(--radius);background:var(--tg-secondary-bg, #f4f4f5);color:var(--tg-text, #000);font:inherit}.button{padding:8px 14px;border:1px solid var(--tg-separator, #e0e0e0);border-radius:var(--radius);background:var(--tg-secondary-bg, #f4f4f5);color:var(--tg-text, #000);font:inherit;cursor:pointer}.button:disabled{opacity:.5;cursor:default}.button--primary{background:var(--tg-button, #3390ec);border-color:var(--tg-button, #3390ec);color:var(--tg-button-text, #fff)}.button--danger{background:var(--tg-destructive, #e53935);border-color:var(--tg-destructive, #e53935);color:#fff}.button--quiet{background:none;border-color:transparent;color:var(--tg-link, #3390ec)}.chip{padding:2px 8px;border-radius:999px;background:var(--tg-secondary-bg, #f4f4f5);color:var(--tg-hint, #707579);font-size:12px}.chip--language{text-transform:uppercase}.chip--waiting{background:var(--warning-bg);color:var(--warning)}.chip--blocked,.chip--stranger{background:var(--danger-bg);color:var(--tg-destructive, #e53935)}.chip--quiet{opacity:.7}.note{margin:0;padding:8px 12px;border-radius:var(--radius);background:var(--tg-secondary-bg, #f4f4f5);color:var(--tg-text, #000)}.note--error{background:var(--danger-bg);color:var(--tg-destructive, #e53935)}.note--warning{background:var(--warning-bg);color:var(--warning)}.note--success{background:var(--success-bg);color:var(--success)}.ticket-list,.payment-list{display:flex;flex-direction:column;gap:8px}.ticket-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--tg-separator, #e0e0e0);border-radius:var(--radius);background:var(--tg-section-bg, #fff);color:inherit;font:inherit;text-align:left;cursor:pointer}.ticket-card__head,.ticket-card__client,.ticket-card__chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ticket-card__head{justify-content:space-between}.ticket-card__number{font-weight:600}.ticket-card__time,.ticket-card__id{color:var(--tg-hint, #707579);font-size:13px}.ticket-card__preview{margin:0;color:var(--tg-subtitle, #707579);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-head,.ticket-head__client{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ticket-head__title{margin:0;font-size:17px}.ticket-head__id{color:var(--tg-hint, #707579);font-size:13px}.thread{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.thread__empty{margin:0;color:var(--tg-hint, #707579)}.thread__message{max-width:85%;padding:8px 12px;border-radius:var(--radius);background:var(--tg-secondary-bg, #f4f4f5)}.thread__message--support,.thread__message--bot{align-self:flex-end;background:var(--tg-button, #3390ec);color:var(--tg-button-text, #fff)}.thread__message--bot{opacity:.85}.thread__message--failed{background:var(--danger-bg);color:var(--tg-destructive, #e53935)}.thread__meta{display:flex;gap:8px;font-size:12px;opacity:.75}.thread__text{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.thread__delivery{margin:4px 0 0;font-size:12px;opacity:.8}.composer{display:flex;flex-direction:column;gap:8px}.composer__input{width:100%;padding:10px;border:1px solid var(--tg-separator, #e0e0e0);border-radius:var(--radius);background:var(--tg-secondary-bg, #f4f4f5);color:var(--tg-text, #000);font:inherit;resize:vertical}.composer__counter{align-self:flex-end;font-size:12px;color:var(--tg-hint, #707579)}.composer__buttons,.confirm__buttons,.refund-confirm__buttons{display:flex;flex-wrap:wrap;gap:8px}.confirm{padding:10px;border:1px solid var(--tg-separator, #e0e0e0);border-radius:var(--radius)}.confirm__question{margin:0 0 8px}.payment-card,.refund-confirm{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--tg-separator, #e0e0e0);border-radius:var(--radius);background:var(--tg-section-bg, #fff)}.refund-confirm{border-color:var(--tg-button, #3390ec)}.refund-confirm__title{margin:0;font-size:16px}.payment-card__head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.payment-card__id{font-weight:600}.payment-card__time{margin-left:auto;color:var(--tg-hint, #707579);font-size:13px}.payment-card__body,.refund-confirm__numbers{display:flex;flex-direction:column;gap:2px}.payment-card__reason{margin:0;color:var(--tg-subtitle, #707579)}
