#nav-chamados { border:1px solid rgba(200,242,74,.16); background:rgba(200,242,74,.055); }
#nav-chamados .nav-item-icon,#nav-chamados .nav-item-info>span:first-child { color:var(--accent); }
#nav-chamados:hover,#nav-chamados.active { border-color:rgba(200,242,74,.42); background:rgba(200,242,74,.13); box-shadow:inset 0 0 20px rgba(200,242,74,.045); }
#view-chamados { color:var(--text); }
.ht-ticket-shell { max-width:1180px; margin:0 auto; padding-bottom:28px; }
.ht-ticket-hero { position:relative; overflow:hidden; min-height:190px; padding:34px 38px; border:1px solid rgba(200,242,74,.18); border-radius:18px; background:radial-gradient(circle at 88% 32%,rgba(200,242,74,.17),transparent 23%),linear-gradient(132deg,#111a19 0%,#102522 52%,#16352e 100%); box-shadow:0 20px 45px rgba(0,0,0,.18); display:flex; align-items:center; }
.ht-ticket-hero::after { content:""; position:absolute; width:220px; height:220px; right:-45px; top:-85px; border:1px solid rgba(200,242,74,.18); border-radius:50%; box-shadow:0 0 0 38px rgba(200,242,74,.035),0 0 0 76px rgba(200,242,74,.025); }
.ht-ticket-hero-copy { position:relative; z-index:1; max-width:660px; }
.ht-ticket-eyebrow { display:inline-flex; align-items:center; gap:7px; margin-bottom:12px; color:var(--accent); font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.ht-ticket-eyebrow i { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 12px var(--accent); }
.ht-ticket-hero h1 { margin:0 0 9px; color:#fff; font:700 clamp(25px,3vw,38px)/1.08 'Sora',sans-serif; letter-spacing:-.04em; }
.ht-ticket-hero h1 em { color:var(--accent); font-style:normal; }
.ht-ticket-hero p { max-width:590px; margin:0; color:#b5c7c2; font-size:12px; line-height:1.7; }
.ht-ticket-user-chip { position:absolute; z-index:2; top:24px; right:26px; display:flex; align-items:center; gap:9px; max-width:250px; padding:8px 12px; border:1px solid rgba(255,255,255,.13); border-radius:999px; background:rgba(8,18,16,.62); color:#dce8e5; font-size:10px; }
.ht-ticket-user-chip b { color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ht-ticket-user-avatar { width:25px; height:25px; flex:0 0 25px; border-radius:50%; display:grid; place-items:center; background:var(--accent); color:#102018; font-size:9px; font-weight:900; }
.ht-ticket-tabs { width:max-content; max-width:100%; margin:18px 0 14px; padding:4px; display:flex; gap:4px; border:1px solid var(--border); border-radius:11px; background:var(--bg-soft); overflow-x:auto; }
.ht-ticket-tab { min-height:34px; padding:7px 15px; border:0; border-radius:8px; background:transparent; color:var(--text3); font:700 10px 'Sora',sans-serif; cursor:pointer; white-space:nowrap; }
.ht-ticket-tab.active { background:var(--accent); color:#102018; box-shadow:0 6px 18px rgba(200,242,74,.16); }
.ht-ticket-tab-count { display:inline-grid; min-width:17px; height:17px; margin-left:6px; padding:0 4px; place-items:center; border-radius:9px; background:rgba(0,0,0,.16); font-size:8px; }
.ht-ticket-card { padding:25px; border:1px solid var(--border); border-radius:16px; background:var(--bg-soft); box-shadow:0 12px 30px rgba(0,0,0,.08); }
.ht-ticket-heading,.ht-ticket-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.ht-ticket-heading { justify-content:flex-start; }
.ht-ticket-heading-icon { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:rgba(200,242,74,.12); color:var(--accent); font-size:20px; }
.ht-ticket-heading h2,.ht-ticket-panel-head h2 { margin:0 0 3px; color:var(--text); font-size:16px; }
.ht-ticket-heading p,.ht-ticket-panel-head p { margin:0; color:var(--text3); font-size:9px; }
.ht-ticket-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.ht-ticket-field { display:flex; flex-direction:column; gap:7px; margin-bottom:15px; }
.ht-ticket-field>span { color:var(--text2); font-size:10px; font-weight:750; }
.ht-ticket-field input,.ht-ticket-field select,.ht-ticket-field textarea { width:100%; box-sizing:border-box; border:1px solid var(--border); border-radius:9px; outline:none; background:var(--bg); color:var(--text); padding:10px 11px; font:500 11px/1.45 'Sora',sans-serif; }
.ht-ticket-field input,.ht-ticket-field select { min-height:40px; }
.ht-ticket-field input[readonly] { color:var(--text2); cursor:not-allowed; }
.ht-ticket-field input:focus,.ht-ticket-field select:focus,.ht-ticket-field textarea:focus { border-color:rgba(200,242,74,.75); box-shadow:0 0 0 3px rgba(200,242,74,.08); }
.ht-ticket-field small { color:var(--text3); font-size:8.5px; }
.ht-ticket-char-count { text-align:right; }
.ht-ticket-dropzone { padding:21px; border:1px dashed rgba(200,242,74,.34); border-radius:12px; background:rgba(200,242,74,.035); display:flex; flex-direction:column; align-items:center; gap:7px; text-align:center; }
.ht-ticket-dropzone.dragging { border-color:var(--accent); background:rgba(200,242,74,.09); }
.ht-ticket-dropzone strong { color:var(--text); font-size:10px; }
.ht-ticket-dropzone span { color:var(--text3); font-size:9px; }
.ht-ticket-dropzone button,.ht-ticket-ghost-btn { padding:7px 11px; border:1px solid var(--border); border-radius:8px; background:var(--bg); color:var(--text2); font:700 9px 'Sora',sans-serif; cursor:pointer; }
.ht-ticket-files { display:flex; flex-direction:column; gap:6px; margin-top:9px; }
.ht-ticket-file { padding:7px 10px; border:1px solid var(--border); border-radius:8px; display:flex; justify-content:space-between; align-items:center; color:var(--text2); font-size:9px; }
.ht-ticket-file button { border:0; background:transparent; color:var(--red); cursor:pointer; font-size:15px; }
.ht-ticket-form-footer { margin-top:20px; padding-top:17px; border-top:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; gap:15px; }
.ht-ticket-form-footer p { margin:0; color:var(--text3); font-size:9px; }
.ht-ticket-submit { min-width:145px; min-height:39px; padding:9px 16px; border:0; border-radius:9px; background:var(--accent); color:#102018; font:800 10px 'Sora',sans-serif; cursor:pointer; }
.ht-ticket-submit:disabled { opacity:.55; cursor:wait; }
.ht-ticket-message { margin-bottom:13px; padding:11px 13px; border:1px solid; border-radius:10px; font-size:10px; }
.ht-ticket-message.success { border-color:rgba(34,197,94,.3); background:rgba(34,197,94,.09); color:#4ade80; }
.ht-ticket-message.error { border-color:rgba(239,68,68,.3); background:rgba(239,68,68,.08); color:#f87171; }
.ht-ticket-message.info { border-color:rgba(56,189,248,.3); background:rgba(56,189,248,.08); color:#38bdf8; }
.ht-ticket-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:15px; }
.ht-ticket-stat,.ht-ticket-legend,.ht-ticket-details div { padding:12px; border:1px solid var(--border); border-radius:10px; background:var(--bg); }
.ht-ticket-stat span,.ht-ticket-details span,.ht-ticket-notes>span { display:block; margin-bottom:6px; color:var(--text3); font-size:7px; font-weight:700; text-transform:uppercase; }
.ht-ticket-stat strong { color:var(--text); font:750 18px 'JetBrains Mono',monospace; }
.ht-ticket-legend { margin-bottom:14px; }
.ht-ticket-legend-head { margin-bottom:8px; display:flex; justify-content:space-between; gap:12px; color:var(--text3); font-size:8px; }
.ht-ticket-stage-list { display:flex; flex-wrap:wrap; gap:5px; }
.ht-ticket-stage-pill { padding:4px 7px; border:1px solid var(--border); border-radius:999px; color:var(--text3); background:var(--bg-soft); font-size:7.5px; font-weight:700; }
.ht-ticket-stage-pill.active { border-color:rgba(200,242,74,.5); background:rgba(200,242,74,.12); color:var(--accent); }
.ht-ticket-list { display:flex; flex-direction:column; gap:11px; }
.ht-ticket-item { padding:17px; border:1px solid var(--border); border-radius:12px; background:var(--bg); }
.ht-ticket-item-top { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }
.ht-ticket-meta { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-bottom:7px; }
.ht-ticket-id { color:var(--blue); font:750 9px 'JetBrains Mono',monospace; }
.ht-ticket-status { padding:3px 7px; border-radius:99px; font-size:7px; font-weight:800; text-transform:uppercase; }
.ht-ticket-status.new { background:rgba(56,189,248,.12); color:#38bdf8; }.ht-ticket-status.progress { background:rgba(245,158,11,.12); color:#fbbf24; }.ht-ticket-status.done { background:rgba(34,197,94,.12); color:#4ade80; }
.ht-ticket-item h3 { margin:0 0 3px; color:var(--text); font-size:12px; }.ht-ticket-item-title { margin:0; color:var(--text3); font-size:9px; }.ht-ticket-link { color:var(--accent); font-size:8.5px; font-weight:750; text-decoration:none; white-space:nowrap; }
.ht-ticket-details { margin:13px 0; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.ht-ticket-details div { min-width:0; padding:9px; background:var(--bg-soft); }.ht-ticket-details strong { display:block; color:var(--text2); font-size:8.5px; overflow:hidden; text-overflow:ellipsis; }
.ht-ticket-notes { margin-top:11px; padding-top:11px; border-top:1px solid var(--border); }.ht-ticket-notes p { margin:5px 0 0; color:var(--text2); font-size:9px; line-height:1.55; white-space:pre-wrap; }
.ht-ticket-manager { margin-top:12px; padding:10px; border:1px solid rgba(200,242,74,.2); border-radius:9px; background:rgba(200,242,74,.035); display:flex; align-items:end; gap:8px; }.ht-ticket-manager label { flex:1; display:flex; flex-direction:column; gap:5px; color:var(--text3); font-size:8px; font-weight:750; text-transform:uppercase; }.ht-ticket-manager select { min-height:34px; border:1px solid var(--border); border-radius:7px; background:var(--bg); color:var(--text); padding:6px 8px; }.ht-ticket-manager button { min-height:34px; padding:7px 12px; border:0; border-radius:7px; background:var(--accent); color:#102018; font-weight:800; cursor:pointer; }
.ht-ticket-empty { padding:42px 20px; border:1px dashed var(--border); border-radius:12px; display:flex; flex-direction:column; align-items:center; gap:7px; color:var(--text3); text-align:center; font-size:9px; }.ht-ticket-empty strong { color:var(--text2); font-size:11px; }
@media(max-width:850px){.ht-ticket-user-chip{position:relative;top:auto;right:auto;margin-top:20px;width:max-content}.ht-ticket-hero{padding:28px 23px;display:block}.ht-ticket-grid,.ht-ticket-stats{grid-template-columns:1fr 1fr}.ht-ticket-details{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ht-ticket-grid,.ht-ticket-stats,.ht-ticket-details{grid-template-columns:1fr}.ht-ticket-card{padding:17px}.ht-ticket-item-top,.ht-ticket-panel-head,.ht-ticket-form-footer,.ht-ticket-manager{align-items:stretch;flex-direction:column}.ht-ticket-submit{width:100%}}