:root { --ad-primary:#0d6efd; --ad-sidebar-bg:#212529; --ad-sidebar-width:260px; }
body { font-family:'Segoe UI',system-ui,sans-serif; background:#f0f2f5; }

.sidebar { position:fixed;top:0;left:0;bottom:0;width:var(--ad-sidebar-width);background:var(--ad-sidebar-bg);color:#fff;overflow-y:auto;z-index:1040;transition:transform .3s; }
.sidebar .brand { padding:1.2rem 1rem;font-size:1.25rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1); }
.sidebar .brand i { color:var(--ad-primary); }
.sidebar .nav-link { color:rgba(255,255,255,.7);padding:.6rem 1rem;border-radius:6px;margin:2px 8px;font-size:.9rem; }
.sidebar .nav-link:hover,.sidebar .nav-link.active { color:#fff;background:rgba(255,255,255,.1); }
.sidebar .nav-link i { width:24px;text-align:center;margin-right:8px; }
.sidebar .nav-section { color:rgba(255,255,255,.4);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1rem .4rem; }

.main-content { margin-left:var(--ad-sidebar-width);padding:1.5rem;min-height:100vh; }
.main-content .topbar { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem; }
.main-content .topbar h1 { font-size:1.4rem;margin:0;font-weight:600; }

.kpi-card { border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .15s; }
.kpi-card:hover { transform:translateY(-2px); }
.kpi-card .kpi-icon { width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem; }
.kpi-card .kpi-value { font-size:1.6rem;font-weight:700; }
.kpi-card .kpi-label { font-size:.8rem;color:#6c757d; }

.table-tickets th { font-size:.8rem;text-transform:uppercase;color:#6c757d;border-bottom-width:1px; }
.table-tickets td { vertical-align:middle;font-size:.9rem; }
.table-tickets .folio-link { font-weight:600;text-decoration:none; }

.badge { font-weight:500;font-size:.78rem;padding:5px 10px;border-radius:20px; }

.comment-card { border-left:3px solid var(--ad-primary); }
.comment-card.internal { border-left-color:#ffc107;background:#fff9e6; }
.comment-meta { font-size:.8rem;color:#6c757d; }

.public-form { max-width:720px;margin:2rem auto; }
.public-form .card { border:none;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08); }
.public-header { background:linear-gradient(135deg,#0d6efd,#6610f2);color:#fff;border-radius:12px 12px 0 0;padding:2rem;text-align:center; }
.public-header h1 { font-size:1.5rem;margin-bottom:.3rem; }

@media (max-width:992px) { .sidebar{transform:translateX(-100%);} .sidebar.show{transform:translateX(0);} .main-content{margin-left:0;} }
.text-truncate-2 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }