.tickets-page{max-width:1280px;margin:0 auto;padding:0 4px 28px}.tickets-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.tickets-head h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;margin:0}.tickets-head h2 svg{width:22px;height:22px;stroke:var(--primary);fill:none;stroke-width:1.9}.tickets-head p{margin:4px 0 0;color:var(--text3);font-size:12px}.tickets-stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:14px}.ticket-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.ticket-stat strong{display:block;font-size:24px;line-height:1;font-weight:800}.ticket-stat span{display:block;margin-top:5px;color:var(--text3);font-size:10px;text-transform:uppercase;font-weight:700}.tickets-layout{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:14px;align-items:start}.tickets-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.ticket-form-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;margin-bottom:14px}.ticket-form-title svg,.tickets-list-head svg{width:18px;height:18px;stroke:var(--primary);fill:none;stroke-width:1.9}.ticket-form{display:flex;flex-direction:column;gap:11px}.ticket-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase}.ticket-form input,.ticket-form select,.ticket-form textarea,.ticket-manage select,.ticket-manage textarea{width:100%;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:var(--radius-sm);padding:9px 10px;font:13px var(--font);text-transform:none}.ticket-form textarea,.ticket-manage textarea{resize:vertical;line-height:1.45}.ticket-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ticket-tt-row{display:grid;grid-template-columns:1fr auto;gap:8px}.ticket-context{border:1px dashed var(--border);border-radius:var(--radius);padding:10px 12px;color:var(--text3);font-size:12px;background:var(--surface2)}.ticket-context-box{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ticket-context-box div{min-width:0}.ticket-context-box .wide{grid-column:1/-1}.ticket-context-box span,.ticket-detail-grid span,.ticket-text span{display:block;color:var(--text3);font-size:9px;font-weight:800;text-transform:uppercase;margin-bottom:3px}.ticket-context-box strong,.ticket-detail-grid strong{font-size:12px;line-height:1.35}.tickets-warn{color:var(--warning)}.ticket-routes{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:var(--radius);padding:10px}.ticket-routes-title{font-size:10px;font-weight:800;color:var(--text3);text-transform:uppercase}.ticket-route-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);padding:8px 10px;cursor:pointer;text-align:left;color:var(--text)}.ticket-route-choice.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.ticket-route-choice span{font-weight:800}.ticket-route-choice small{color:var(--text3);font-size:10px}.ticket-submit{justify-content:center;margin-top:2px}.tickets-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tickets-list-head h3{font-size:15px;font-weight:800;margin:0}.tickets-filter{display:flex;gap:4px;flex-wrap:wrap}.tickets-filter-btn{border:1px solid transparent;background:transparent;color:var(--text3);border-radius:var(--radius-sm);padding:5px 9px;font-size:11px;font-weight:700;cursor:pointer}.tickets-filter-btn.active{background:var(--primary-bg);border-color:var(--primary-border);color:var(--primary)}.tickets-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface2);border-radius:var(--radius-sm);padding:8px 10px;margin-bottom:12px}.tickets-search svg{width:15px;height:15px;stroke:var(--text3);fill:none}.tickets-search input{border:0;background:transparent;outline:0;width:100%;font:13px var(--font);color:var(--text)}.tickets-list{display:flex;flex-direction:column;gap:8px}.ticket-item{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);padding:11px 12px}.ticket-item-main{flex:1;min-width:0;cursor:pointer}.ticket-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ticket-title-row strong{font-size:13px}.ticket-meta,.ticket-route-line{font-size:11px;color:var(--text3);margin-top:4px}.ticket-status,.ticket-prio{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:800;white-space:nowrap}.ticket-status{background:var(--surface3);color:var(--text2)}.ticket-status.st-new{background:var(--primary-bg);color:var(--primary)}.ticket-status.st-in_progress,.ticket-status.st-waiting{background:var(--warning-bg);color:var(--warning)}.ticket-status.st-resolved,.ticket-status.st-closed{background:var(--success-bg);color:var(--success)}.ticket-status.st-rejected{background:var(--danger-bg);color:var(--danger)}.ticket-prio{background:var(--surface);color:var(--text3)}.ticket-prio.pr-high,.ticket-prio.pr-urgent{background:var(--danger-bg);color:var(--danger)}.tickets-loading,.tickets-empty-list,.tickets-empty,.tickets-error{padding:18px;text-align:center;color:var(--text3)}.tickets-error{color:var(--danger)}.ticket-modal{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:18px}.ticket-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}.ticket-modal-card{position:relative;width:min(760px,96vw);max-height:88vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.ticket-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.ticket-modal-head h3{margin:0;font-size:16px}.ticket-modal-body{padding:16px}.ticket-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.ticket-detail-grid .wide{grid-column:1/-1}.ticket-text{border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.ticket-text p{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.ticket-manage{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.ticket-manage label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:var(--text2);text-transform:uppercase}@media (max-width:1000px){.tickets-layout{grid-template-columns:1fr}.tickets-stats{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width:560px){.tickets-head{flex-direction:column}.ticket-grid.two,.ticket-tt-row,.ticket-context-box,.ticket-detail-grid{grid-template-columns:1fr}.tickets-filter{width:100%}.tickets-list-head{align-items:flex-start;flex-direction:column}.ticket-route-choice{align-items:flex-start;flex-direction:column}.tickets-card{padding:12px}}
.ticket-grid.reason-priority{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:10px}.ticket-reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ticket-reason{min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);color:var(--text);font:700 12px var(--font);cursor:pointer;padding:7px 9px;text-align:center}.ticket-reason:hover{border-color:var(--primary-border);background:var(--primary-bg)}.ticket-reason.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.tickets-stats{grid-template-columns:repeat(3,minmax(120px,1fr))}@media(max-width:760px){.ticket-grid.reason-priority{grid-template-columns:1fr}.ticket-reason-grid{grid-template-columns:1fr}}
@media(max-width:760px){.tickets-stats{grid-template-columns:1fr}}
.ticket-new-mobile{display:none}@media(max-width:1000px){.ticket-new-mobile{display:inline-flex}.tickets-list-card{order:1}.tickets-form-card{order:2}}

.ticket-file-input{padding:8px!important;background:var(--surface2)}
.ticket-file-hint{font-size:11px;color:var(--text3);font-weight:600;text-transform:none}
.ticket-photo-mark{display:inline-flex;margin-top:6px;border-radius:var(--radius-full);background:var(--primary-bg);color:var(--primary);font-size:10px;font-weight:800;padding:2px 8px}
.ticket-photo-list{display:flex;gap:8px;flex-wrap:wrap}
.ticket-photo-list a{display:inline-flex;align-items:center;border:1px solid var(--primary-border);border-radius:var(--radius-sm);background:var(--primary-bg);color:var(--primary);font-size:12px;font-weight:800;padding:6px 10px;text-decoration:none}
.ticket-photo-list a:hover{border-color:var(--primary)}

.ticket-date-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);overflow:hidden}
.ticket-date-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:10px 12px;font-size:12px;font-weight:800;color:var(--text);background:var(--surface)}
.ticket-date-group summary::-webkit-details-marker{display:none}
.ticket-date-group summary:before{content:'>';color:var(--text3);font-size:11px;transition:transform .15s}
.ticket-date-group[open] summary:before{transform:rotate(90deg)}
.ticket-date-group summary span{flex:1}
.ticket-date-group summary em{font-style:normal;color:var(--text3);font-size:11px;font-weight:700}
.ticket-date-items{display:flex;flex-direction:column;gap:8px;padding:8px}
.ticket-date-items .ticket-item{background:var(--surface)}

.support-ticket-item{align-items:flex-start}.support-ticket-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:460px}.ticket-status.st-open{background:var(--primary-bg);color:var(--primary)}.ticket-status.st-done{background:var(--success-bg);color:var(--success)}.ticket-status.st-cancelled{background:var(--danger-bg);color:var(--danger)}.support-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.support-work-form input{width:100%;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:var(--radius-sm);padding:9px 10px;font:13px var(--font);text-transform:none}@media(max-width:820px){.support-ticket-item{align-items:stretch;flex-direction:column}.support-ticket-actions{justify-content:flex-start;max-width:none}.support-work-grid{grid-template-columns:1fr}}

.support-photo-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.support-photo-strip.compact{gap:6px;margin-top:8px}.support-photo-thumb{width:82px;height:62px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface3);padding:0;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.support-photo-strip.compact .support-photo-thumb{width:54px;height:42px}.support-photo-thumb:hover{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.support-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.support-photo-thumb:not(.photo-error) img:not([src]){opacity:0}.support-photo-thumb.photo-error::after{content:'Фото';font-size:10px;font-weight:800;color:var(--text3)}.support-photo-card{width:min(980px,96vw)}.support-photo-view{padding:12px;background:#0f172a;display:flex;align-items:center;justify-content:center;min-height:260px}.support-photo-view img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:var(--radius-sm)}