body.tickets-body{background:#eef3f8;color:#10233d;font-family:Arial, Helvetica, sans-serif;}
.tickets-container{max-width:1240px;padding-left:18px;padding-right:18px;}
.tickets-navbar{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,23,42,.08);}
.tickets-navbar .nav-link{color:#425466;font-weight:600;}
.tickets-navbar .nav-link.active,.tickets-navbar .nav-link:hover{color:#0f4c81;}
.tickets-logo{width:72px;height:72px;object-fit:contain;padding:.35rem;}
.tickets-shell{padding:26px 0 40px;}
.tickets-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;}
.tickets-page-title{font-size:clamp(1.6rem,2vw,2.25rem);margin:0 0 6px;font-weight:800;}
.tickets-page-text{margin:0;color:#5f6f82;max-width:760px;}
.tickets-chip-stack{display:flex;gap:10px;flex-wrap:wrap;}
.tickets-chip{background:#fff;border:1px solid #d8e3ef;border-radius:16px;padding:12px 14px;min-width:140px;box-shadow:0 10px 28px rgba(15,23,42,.05);}
.tickets-chip-label{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7c8f;margin-bottom:4px;}
.tickets-panel{background:#fff;border:1px solid #dbe5ef;border-radius:24px;padding:22px;box-shadow:0 18px 35px rgba(15,23,42,.06);}
.tickets-panel + .tickets-panel{margin-top:18px;}
.tickets-hero{display:grid;grid-template-columns:1.3fr .9fr;gap:20px;}
.tickets-hero-card{background:linear-gradient(135deg,#10233d,#1d5c8f);color:#fff;border-radius:28px;padding:30px;box-shadow:0 22px 42px rgba(16,35,61,.26);}
.tickets-hero-card h2{font-size:clamp(1.8rem,2.4vw,2.7rem);margin-bottom:12px;font-weight:800;}
.tickets-hero-card p{color:rgba(255,255,255,.82);max-width:700px;}
.tickets-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.tickets-hero-list{margin:18px 0 0;padding-left:18px;color:rgba(255,255,255,.82);}
.tickets-side-card{background:#fff;border:1px solid #dbe5ef;border-radius:28px;padding:24px;box-shadow:0 18px 35px rgba(15,23,42,.06);}
.tickets-side-card h3{font-size:1.15rem;font-weight:800;margin-bottom:10px;}
.tickets-step{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #edf2f7;}
.tickets-step:last-child{border-bottom:0;}
.tickets-step-no{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e7f2fb;color:#0f4c81;font-weight:800;flex-shrink:0;}
.tickets-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.tickets-metric{border-radius:22px;padding:18px;color:#fff;}
.tickets-metric small{display:block;opacity:.78;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;}
.tickets-metric strong{font-size:2rem;line-height:1;}
.tickets-metric-open{background:linear-gradient(135deg,#1d4ed8,#60a5fa);}
.tickets-metric-progress{background:linear-gradient(135deg,#0f766e,#2dd4bf);}
.tickets-metric-jobs{background:linear-gradient(135deg,#8a4b08,#f59e0b);}
.tickets-metric-total{background:linear-gradient(135deg,#4c1d95,#a78bfa);}
.tickets-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.tickets-card-list{display:grid;gap:14px;}
.ticket-card{border:1px solid #dde7f1;border-radius:22px;padding:18px;background:#fbfdff;}
.ticket-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px;}
.ticket-card-title{margin:0;font-size:1.1rem;font-weight:800;}
.ticket-card-ref{color:#6b7c8f;font-size:.9rem;}
.ticket-card-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;}
.ticket-card-meta .tickets-chip{min-width:0;padding:10px 12px;border-radius:14px;box-shadow:none;}
.ticket-card-actions{display:flex;gap:10px;flex-wrap:wrap;}
.tickets-form-help{color:#5f6f82;font-size:.92rem;margin-top:6px;}
.tickets-form-section{background:#f8fbfe;border:1px solid #e1ebf5;border-radius:20px;padding:18px;}
.tickets-form-section h3{font-size:1rem;font-weight:800;margin-bottom:6px;}
.tickets-form-section + .tickets-form-section{margin-top:16px;}
.tickets-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.tickets-answer{border:1px solid #dde7f1;border-radius:16px;padding:14px;background:#fff;}
.tickets-answer-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7c8f;margin-bottom:6px;}
.tickets-timeline{display:grid;gap:12px;}
.tickets-timeline-card{border:1px solid #dde7f1;border-radius:18px;padding:16px;background:#fff;}
.tickets-timeline-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;}
.tickets-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;}
.tickets-photo-grid img{width:100%;height:132px;object-fit:cover;border-radius:14px;border:1px solid #d9e3ee;}
.tickets-empty{border:1px dashed #c8d5e3;border-radius:18px;padding:18px;background:#f8fbfe;color:#587086;}
.job-card{border:1px solid #dce6f0;border-radius:22px;padding:18px;background:#fff;}
.job-card + .job-card{margin-top:14px;}
.job-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;}
.job-meta-tile{background:#f8fbfe;border:1px solid #e1ebf5;border-radius:14px;padding:12px;}
.job-meta-label{font-size:.76rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;}
.job-meta-value{font-weight:700;color:#0f172a;line-height:1.35;word-break:break-word;}
.tickets-footer{padding:18px 0 28px;}
.tickets-footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
@media (max-width: 991px){
  .tickets-hero{grid-template-columns:1fr;}
  .tickets-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ticket-card-meta{grid-template-columns:repeat(2,minmax(0,1fr));}
  .job-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 767px){
  .tickets-shell{padding-top:18px;}
  .tickets-page-head{margin-bottom:18px;}
  .tickets-panel,.tickets-side-card,.tickets-hero-card{padding:18px;}
  .tickets-metric-grid,.ticket-card-meta,.job-meta-grid,.tickets-answer-grid,.tickets-photo-grid{grid-template-columns:1fr;}
  .ticket-card-head,.tickets-timeline-head,.tickets-footer-inner{flex-direction:column;}
  .ticket-card-actions .btn,.tickets-hero-actions .btn{width:100%;}
}