:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg-2: var(--tg-theme-secondary-bg-color, #f1f2f5);--section: var(--tg-theme-section-bg-color, var(--bg));--text: var(--tg-theme-text-color, #16191d);--hint: var(--tg-theme-hint-color, #6b7380);--link: var(--tg-theme-link-color, #1f6fd1);--accent: var(--tg-theme-button-color, #1f6fd1);--accent-text: var(--tg-theme-button-text-color, #ffffff);--danger: var(--tg-theme-destructive-text-color, #c62f2f);--warning: #a86200;--warning-bg: #fdf3e0;--note-bg: #fff8d6;--note-text: #4e4300;--line: color-mix(in srgb, var(--text) 12%, transparent);--safe-bottom: var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-scheme=light]){--bg: var(--tg-theme-bg-color, #17191d);--bg-2: var(--tg-theme-secondary-bg-color, #22252b);--text: var(--tg-theme-text-color, #eef0f3);--hint: var(--tg-theme-hint-color, #9aa2ad);--link: var(--tg-theme-link-color, #6aa9f5);--accent: var(--tg-theme-button-color, #3d8bea);--warning: #efb25c;--warning-bg: #3a2c13;--note-bg: #3c3613;--note-text: #f3e8a6;color-scheme:dark}}:root[data-scheme=dark]{--warning: #efb25c;--warning-bg: #3a2c13;--note-bg: #3c3613;--note-text: #f3e8a6;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-2);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden;-webkit-text-size-adjust:100%}h1{font-size:20px;margin:0}h2{font-size:13px;font-weight:600;color:var(--hint);margin:20px 0 8px;text-transform:uppercase;letter-spacing:.03em}p{margin:8px 0}a{color:var(--link)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;background:var(--section);border:1px solid var(--line);border-radius:10px;font-size:16px}input[type=checkbox]{width:22px;height:22px;min-height:0;flex:none;accent-color:var(--accent)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hint{color:var(--hint);font-size:13px}small.hint{display:block}.center{text-align:center}.center-self{align-self:center}.empty{padding:32px 16px}.text-warning{color:var(--warning);font-size:13px}.app{min-height:100%}.app-with-tabs{padding-bottom:calc(64px + var(--safe-bottom))}.screen{padding:12px 16px 24px;max-width:760px;margin:0 auto}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom);z-index:5}.tab{flex:1;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:0;color:var(--hint);font-size:11px;cursor:pointer}.tab span{font-size:18px}.tab{position:relative}.tab-count,.unread{min-width:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:600;line-height:18px;text-align:center}.tab-count{position:absolute;top:3px;left:calc(50% + 6px)}.tab-active{color:var(--accent);font-weight:600}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin:0 -16px 4px;padding-inline:16px;scrollbar-width:none}.chip{flex:none;min-height:36px;padding:6px 12px;background:var(--section);border:1px solid var(--line);border-radius:18px;cursor:pointer;white-space:nowrap}.chip-active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.chip-count{margin-left:6px;font-variant-numeric:tabular-nums;opacity:.8}.load-more{display:block;margin:12px auto 0}.list{display:flex;flex-direction:column;gap:8px}.row{display:flex;flex-direction:column;gap:4px;width:100%;min-height:44px;padding:12px;background:var(--section);border:0;border-radius:12px;text-align:left;cursor:pointer}.row-static{cursor:default}.row-compact{padding:8px 10px}.row-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.row-top .hint{flex:none;margin-left:auto;white-space:nowrap}.row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.row-preview{color:var(--hint);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-preview-full{white-space:pre-wrap;overflow-wrap:anywhere}.row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;background:var(--bg-2);white-space:nowrap}.badge-new{background:var(--accent);color:var(--accent-text)}.badge-in_progress{outline:1px solid var(--accent);outline-offset:-1px}.badge-closed,.badge-resolved{color:var(--hint)}.badge-color-blue{background:var(--accent);color:var(--accent-text)}.badge-color-amber{outline:1px solid var(--accent);outline-offset:-1px}.badge-color-gray,.badge-color-green{color:var(--hint)}.badge-color-violet,.badge-color-teal,.badge-color-pink{outline:1px dashed var(--hint);outline-offset:-1px}.badge-color-red,.badge-urgent{background:var(--warning-bg);color:var(--warning)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;font-size:12px;color:var(--link)}.tag-remove{min-width:28px;min-height:28px;background:none;border:0;color:var(--hint);font-size:16px;cursor:pointer}.button{min-height:44px;padding:10px 16px;background:var(--section);border:1px solid var(--line);border-radius:10px;cursor:pointer;text-align:center;text-decoration:none;display:inline-block}.button:disabled{opacity:.5;cursor:default}.button-small{min-height:36px;padding:6px 12px;font-size:14px;white-space:nowrap}.button-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.button-danger{color:var(--danger)}.button-row{display:flex;flex-wrap:wrap;gap:8px}.link{background:none;border:0;padding:4px 0;min-height:32px;color:var(--link);cursor:pointer}.link-danger{color:var(--danger)}.note{padding:10px 12px;border-radius:10px;margin:8px 0}.note p{margin:0 0 8px}.day-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--section)}.day-name{width:28px;flex:none;line-height:40px}.day-periods{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;line-height:40px}.day-period{display:flex;align-items:center;gap:6px}.day-period input{flex:1;min-width:0}.signature-preview{margin:0;padding:10px 12px;border-radius:10px;background:var(--section);white-space:pre-wrap}.note-error{background:var(--section);color:var(--danger)}.note-warning{background:var(--warning-bg);color:var(--warning);font-size:13px}.field{display:flex;flex-direction:column;gap:4px;margin:10px 0}.field-row{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:44px}.field-row select,.field-row input[type=number]{width:45%;flex:none}.stack{display:flex;flex-direction:column;gap:8px}.inline-form{display:flex;gap:8px;margin:8px 0}.inline-form input{flex:1;min-width:0}.inline-form .button{min-height:44px}.card{background:var(--section);border-radius:12px;padding:12px}.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.facts dt{color:var(--hint)}.facts dd{margin:0;overflow-wrap:anywhere}.ticket{display:flex;flex-direction:column;height:var(--tg-viewport-stable-height, 100dvh);max-width:760px;margin:0 auto}.ticket-head{flex:none;background:var(--bg);padding:10px 16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.ticket-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.ticket-name{font-size:16px;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ticket-facts{display:flex;flex-wrap:wrap;gap:2px 12px}.ticket-actions,.panel{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.panel-column{flex-direction:column;max-height:200px;overflow-y:auto;margin-bottom:8px}.feed{flex:1;min-height:0;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:85%;padding:8px 10px;border-radius:12px;background:var(--section);display:flex;flex-direction:column;gap:4px}.bubble-in{align-self:flex-start}.bubble-out{align-self:flex-end;background:color-mix(in srgb,var(--accent) 15%,var(--section))}.bubble-note{background:var(--note-bg);color:var(--note-text)}.bubble-note .bubble-meta,.bubble-note .bubble-author{color:inherit;opacity:.8}.bubble-deleted{background:none;border:1px dashed var(--line)}.bubble-body{all:unset;display:flex;flex-direction:column;gap:4px;cursor:pointer;min-width:0}.bubble-body:focus-visible{outline:2px solid var(--accent)}.bubble-author{font-size:12px;font-weight:600;color:var(--link)}.bubble-quote{font-size:13px;color:var(--hint);border-left:2px solid var(--accent);padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble-meta{align-self:flex-end;font-size:11px;color:var(--hint)}.bubble-menu{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:2px;font-size:14px}.attachment{max-width:100%;max-height:320px;border-radius:8px;display:block}audio{max-width:100%}.composer{flex:none;background:var(--bg);border-top:1px solid var(--line);padding:8px 12px calc(8px + var(--safe-bottom))}.composer-hint{margin:0 4px 4px}.composer-context{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:var(--hint);margin:0 4px}.composer-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.composer-row{display:flex;align-items:flex-end;gap:6px}.composer-row textarea{flex:1;min-width:0;resize:none;max-height:120px;field-sizing:content}.icon-button{flex:none;width:44px;height:44px;border:0;border-radius:10px;background:var(--bg-2);cursor:pointer;font-size:18px}.icon-button:disabled{opacity:.4;cursor:default}.icon-button-active{outline:2px solid var(--accent);outline-offset:-2px}.icon-button-primary{background:var(--accent);color:var(--accent-text)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:8px 0 16px}.stat{background:var(--section);border-radius:12px;padding:12px}.stat-value{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--hint)}.chart{margin:0 0 16px;background:var(--section);border-radius:12px;padding:12px}.chart figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:12px}.chart-value{font-variant-numeric:tabular-nums}.bars{display:flex;align-items:stretch;gap:2px;height:120px;border-bottom:1px solid var(--line)}.bar-slot{flex:1;min-width:0;display:flex;align-items:flex-end;background:none;border:0;padding:0;cursor:pointer}.bar-slot-active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.bar{display:block;width:100%;min-height:1px;background:var(--accent);border-radius:4px 4px 0 0}.bar-ticks{display:flex;gap:2px;font-size:10px;color:var(--hint);margin-top:4px}.bar-ticks span{flex:1;min-width:0;overflow:visible;white-space:nowrap}.table-wrap{overflow-x:auto;background:var(--section);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:12px;font-weight:500;color:var(--hint)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr:last-child td{border-bottom:0}
