:root{--rt-border:#e4e7ec;--rt-muted:#667085;--rt-text:#101828;--rt-soft:#f8fafc;--rt-primary:#175cd3;--rt-radius:16px;--rt-shadow:0 8px 28px rgba(16,24,40,.08)}
.rt-site{max-width:1120px;margin:0 auto;color:var(--rt-text)}
.rt-site *{box-sizing:border-box}.rt-site a{text-underline-offset:3px}
.rt-site-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem}.rt-site-head h1,.rt-detail-hero h1{margin:.15rem 0 .45rem;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.15}.rt-site-head p,.rt-detail-hero p{color:var(--rt-muted);margin:0;max-width:760px}.rt-eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#475467}.rt-primary-action{white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}
.rt-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem}.rt-stat{display:flex;align-items:center;gap:.85rem;padding:1rem 1.05rem;border:1px solid var(--rt-border);border-radius:var(--rt-radius);background:#fff;color:inherit;text-decoration:none;transition:.15s ease}.rt-stat:hover,.rt-stat.is-active{border-color:#84adff;box-shadow:0 5px 16px rgba(16,24,40,.06);transform:translateY(-1px)}.rt-stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eff4ff;color:#1849a9;font-weight:800}.rt-stat strong,.rt-stat small{display:block}.rt-stat strong{font-size:1.35rem;line-height:1}.rt-stat small{color:var(--rt-muted);margin-top:.28rem;font-size:.8rem}
.rt-filter{display:grid;grid-template-columns:minmax(240px,1.7fr) minmax(170px,.85fr) minmax(170px,.85fr) auto;gap:.7rem;align-items:center;padding:1rem;border:1px solid var(--rt-border);border-radius:var(--rt-radius);background:#fff;margin-bottom:1.25rem}.rt-filter-search{position:relative}.rt-filter-search>span{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#98a2b3;pointer-events:none}.rt-filter-search input{padding-left:2.35rem}.rt-filter-actions{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.rt-filter-actions .btn-link{text-decoration:none}
.rt-list-header{display:flex;justify-content:space-between;gap:1rem;color:var(--rt-muted);font-size:.83rem;margin:.1rem .2rem .65rem}.rt-list-header strong{color:#344054}.rt-ticket-list{display:grid;gap:.8rem}.rt-ticket-card{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.15rem 1.25rem;border:1px solid var(--rt-border);border-radius:var(--rt-radius);text-decoration:none;color:inherit;background:#fff;transition:.15s ease}.rt-ticket-card:hover{transform:translateY(-1px);box-shadow:var(--rt-shadow);border-color:#d0d5dd}.rt-ticket-card-main{min-width:0;flex:1}.rt-ticket-card-topline{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.rt-ticket-card h2{font-size:1.06rem;margin:.35rem 0 .48rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-ticket-no{font-size:.76rem;font-weight:800;letter-spacing:.06em;color:var(--rt-muted)}.rt-ticket-meta{display:flex;gap:.9rem 1.5rem;flex-wrap:wrap;color:var(--rt-muted);font-size:.82rem}.rt-ticket-meta b{font-weight:600;color:#475467}.rt-ticket-card-state{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}.rt-open-ticket{font-size:.78rem;color:#475467}.rt-badge{display:inline-flex;align-items:center;padding:.38rem .68rem;border-radius:999px;font-size:.76rem;font-weight:800;background:#eef2f6;color:#344054;white-space:nowrap}.rt-new{background:#fff1f3;color:#c01048}.rt-open{background:#eff8ff;color:#175cd3}.rt-in_progress{background:#fffaeb;color:#b54708}.rt-waiting_customer{background:#f4f3ff;color:#5925dc}.rt-resolved{background:#ecfdf3;color:#027a48}.rt-closed{background:#f2f4f7;color:#475467}.rt-priority{display:inline-flex;align-items:center;padding:.2rem .48rem;border-radius:999px;font-size:.7rem;font-weight:800;background:#f2f4f7;color:#475467}.rt-priority-high,.rt-priority-urgent{background:#fff1f3;color:#b42318}.rt-priority-low{background:#f0f9ff;color:#026aa2}.rt-priority-normal{background:#f2f4f7;color:#475467}
.rt-pagination-wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:.8rem 0}.rt-pagination .pagination{margin:0}.rt-page-size{display:flex;align-items:center;gap:.5rem;color:var(--rt-muted);font-size:.82rem}.rt-page-size select{width:auto;min-width:70px}
.rt-empty,.rt-form,.rt-info-card,.rt-help-card,.rt-history{border:1px solid var(--rt-border);border-radius:var(--rt-radius);background:#fff}.rt-empty{text-align:center;padding:3rem 1.5rem}.rt-empty-icon{width:52px;height:52px;margin:0 auto 1rem;border-radius:16px;background:#f2f4f7;display:grid;place-items:center;font-size:1.35rem;color:#475467}.rt-empty h2{font-size:1.15rem}.rt-empty p{color:var(--rt-muted);max-width:560px;margin:.5rem auto 1.25rem}
.rt-back-nav{margin-bottom:1rem}.rt-back-nav a{text-decoration:none;color:#344054;font-weight:600;font-size:.88rem}.rt-detail-hero{display:flex;justify-content:space-between;gap:1.25rem;align-items:flex-start;padding:1.35rem 1.45rem;margin-bottom:1rem;border:1px solid var(--rt-border);border-radius:var(--rt-radius);background:linear-gradient(135deg,#fff,#f8fbff)}.rt-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:1rem;align-items:start}.rt-detail-main{min-width:0}.rt-ticket-sidebar{display:grid;gap:1rem;position:sticky;top:1rem}.rt-info-card,.rt-help-card{padding:1.15rem}.rt-info-card h2{font-size:1rem;margin:0 0 .8rem}.rt-info-list{margin:0}.rt-info-list>div{padding:.72rem 0;border-top:1px solid #f0f2f5}.rt-info-list>div:first-child{border-top:0;padding-top:0}.rt-info-list dt{font-size:.75rem;color:var(--rt-muted);margin-bottom:.2rem}.rt-info-list dd{font-weight:650;margin:0;color:#344054}.rt-info-list dd small{display:block;font-weight:400;color:var(--rt-muted);margin-top:.1rem}.rt-help-card{background:#f8fbff;border-color:#d1e0ff}.rt-help-card strong{display:block;margin-bottom:.35rem}.rt-help-card p{font-size:.83rem;line-height:1.55;color:#475467;margin:0}
.rt-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding:1rem 1.1rem;border:1px solid var(--rt-border);border-radius:var(--rt-radius);background:#fff;margin-bottom:1rem}.rt-progress-step{position:relative;text-align:center;color:#98a2b3}.rt-progress-step:not(:last-child):before{content:"";position:absolute;left:58%;right:-42%;top:16px;height:2px;background:#eaecf0}.rt-progress-step>span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;margin:0 auto .4rem;border-radius:50%;background:#f2f4f7;border:2px solid #eaecf0;font-size:.75rem;font-weight:800}.rt-progress-step small{font-size:.68rem;font-weight:700;line-height:1.2}.rt-progress-step.is-done,.rt-progress-step.is-current{color:#175cd3}.rt-progress-step.is-done>span{background:#ecfdf3;border-color:#12b76a;color:#027a48}.rt-progress-step.is-done:not(:last-child):before{background:#a6f4c5}.rt-progress-step.is-current>span{background:#eff8ff;border-color:#2e90fa;color:#175cd3}.rt-closed-note{display:flex;gap:.75rem;align-items:center;padding:1rem 1.1rem;border:1px solid #abefc6;border-radius:var(--rt-radius);background:#ecfdf3;margin-bottom:1rem}.rt-closed-note>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#12b76a;color:#fff;font-weight:800}.rt-closed-note strong,.rt-closed-note small{display:block}.rt-closed-note small{color:#027a48;margin-top:.15rem}
.rt-conversation{margin-bottom:1rem}.rt-section-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin:0 0 .7rem}.rt-section-head h2{font-size:1.1rem;margin:.15rem 0 0}.rt-section-head>span{font-size:.78rem;color:var(--rt-muted)}.rt-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:.75rem;border:1px solid var(--rt-border);border-radius:var(--rt-radius);background:#fff;padding:1.05rem 1.1rem;margin-bottom:.75rem}.rt-message.support{border-color:#b2ccff;background:#f8fbff}.rt-message-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#f2f4f7;color:#344054;font-size:.78rem;font-weight:800}.rt-message.support .rt-message-avatar{background:#d1e9ff;color:#175cd3}.rt-message-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--rt-muted);font-size:.8rem;margin-bottom:.55rem}.rt-message-meta strong{color:#344054}.rt-message-text{line-height:1.65;overflow-wrap:anywhere}.rt-solution{display:flex;gap:.8rem;border:1px solid #abefc6;border-radius:var(--rt-radius);background:#f6fef9;padding:1.15rem;margin:1rem 0}.rt-solution-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#12b76a;color:#fff;font-weight:900}.rt-solution h2{font-size:1rem;margin:.1rem 0 .35rem}
.rt-form{padding:1.25rem}.rt-form label{font-weight:650}.rt-reply-form{margin-top:1rem}.rt-reply-actions{display:flex;align-items:center;gap:.9rem;margin-top:1rem}.rt-reply-actions small{color:var(--rt-muted)}.rt-upload{padding:1rem;border:1px dashed #cfd6df;border-radius:12px;background:#fafbfc}.rt-attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.65rem;margin-top:.9rem}.rt-attachment-wrap{display:grid;grid-template-columns:74px minmax(0,1fr);gap:.65rem;align-items:center;padding:.5rem;border:1px solid var(--rt-border);border-radius:12px;background:#fff}.rt-attachment-preview{display:block}.rt-attachment-preview img{width:74px;height:60px;display:block;object-fit:cover;border-radius:8px;background:#f2f4f7}.rt-attachment-info{min-width:0}.rt-attachment-info strong,.rt-attachment-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-attachment-info strong{font-size:.8rem}.rt-attachment-info small{font-size:.72rem;color:var(--rt-muted);margin:.15rem 0}.rt-attachment-info a{font-size:.74rem;font-weight:700;text-decoration:none}
.rt-history{padding:1rem 1.15rem;margin-top:1rem}.rt-history summary{cursor:pointer;font-weight:750}.rt-timeline{margin-top:1rem}.rt-history-item{display:grid;grid-template-columns:16px 1fr;gap:.75rem;position:relative;padding-bottom:1rem}.rt-history-item>span{width:10px;height:10px;border-radius:50%;background:#175cd3;margin-top:.35rem;position:relative}.rt-history-item:not(:last-child)>span:after{content:"";position:absolute;left:4px;top:10px;width:2px;height:calc(100% + 1rem);background:#e4e7ec}.rt-history-item strong,.rt-history-item small,.rt-history-item time{display:block}.rt-history-item small,.rt-history-item time{color:var(--rt-muted);font-size:.78rem;margin-top:.12rem}
@media(max-width:900px){.rt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-filter{grid-template-columns:1fr 1fr}.rt-filter-search{grid-column:1/-1}.rt-filter-actions{justify-content:flex-end}.rt-detail-layout{grid-template-columns:1fr}.rt-ticket-sidebar{position:static;grid-template-columns:1fr 1fr}.rt-progress-step small{display:none}}
@media(max-width:650px){.rt-site-head,.rt-detail-hero,.rt-ticket-card,.rt-list-header,.rt-pagination-wrap{flex-direction:column}.rt-ticket-card{align-items:flex-start}.rt-ticket-card-state{align-items:flex-start}.rt-ticket-card h2{white-space:normal}.rt-stats,.rt-filter,.rt-ticket-sidebar{grid-template-columns:1fr}.rt-filter-search{grid-column:auto}.rt-filter-actions{justify-content:flex-start}.rt-ticket-meta{display:grid;gap:.3rem}.rt-pagination-wrap{align-items:flex-start}.rt-message{grid-template-columns:1fr}.rt-message-avatar{display:none}.rt-message-meta{flex-direction:column;gap:.15rem}.rt-progress{padding:.8rem .4rem}.rt-progress-step>span{width:28px;height:28px}.rt-progress-step:not(:last-child):before{top:14px}.rt-reply-actions{align-items:flex-start;flex-direction:column}.rt-attachments{grid-template-columns:1fr}}

/* RegioTicket 0.6.0 – categories and SLA */
.rt-ticket-meta{flex-wrap:wrap}.rt-info-list dd small{display:block;margin-top:.25rem;color:var(--body-color,#6c757d);font-weight:400}.rt-filter{grid-template-columns:minmax(220px,2fr) repeat(auto-fit,minmax(160px,1fr)) auto}

/* RegioTicket 0.8.0 diagnostic attachments */
.rt-diagnostic-icon{display:flex;align-items:center;justify-content:center;min-width:64px;height:54px;border-radius:10px;background:#eef2f7;font-weight:800;font-size:.75rem;letter-spacing:.08em;color:#354052}.rt-attachment-wrap.rt-diagnostic,.rt-attachment.rt-diagnostic{border-style:dashed}.rt-diagnostic-upload{border-left:4px solid var(--bs-info,#0dcaf0);padding-left:1rem}