/* BEGIN PAGE: assets/css/app.css */
:root{
  --lp-primary:#192a56;--lp-primary-2:#273c75;--lp-accent:#c89b3c;--lp-bg:#f4f6fa;
  --lp-text:#1f2937;--lp-muted:#6b7280;--lp-border:#e5e7eb;--lp-success:#198754;
  --sidebar-width:270px;--mobile-nav-height:68px;
}
*{box-sizing:border-box} body{margin:0;background:var(--lp-bg);color:var(--lp-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
a{text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:linear-gradient(180deg,var(--lp-primary),#101b38);color:#fff;z-index:1030;flex-direction:column;padding:1.15rem}
.brand{display:flex;align-items:center;gap:.8rem;color:#fff;padding:.35rem .35rem 1.25rem}.brand:hover{color:#fff}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--lp-accent),#e8c777);display:grid;place-items:center;color:#172448;font-size:1.35rem;box-shadow:0 8px 25px rgba(0,0,0,.2)}.brand strong,.brand small{display:block;max-width:165px}.brand strong{font-size:.95rem;line-height:1.2}.brand small{opacity:.65;font-size:.72rem;margin-top:.2rem}
.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;overflow:auto}.sidebar-nav .nav-link{color:rgba(255,255,255,.72);display:flex;align-items:center;gap:.85rem;padding:.72rem .85rem;border-radius:12px;font-size:.91rem;transition:.2s}.sidebar-nav .nav-link i{font-size:1.05rem;width:1.25rem;text-align:center}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{color:#fff;background:rgba(255,255,255,.12)}.sidebar-nav .nav-link.active{box-shadow:inset 3px 0 0 var(--lp-accent)}.sidebar-footer{margin-top:auto}.offline-ready{display:flex;gap:.7rem;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:.8rem;border-radius:13px}.offline-ready i{color:#76e0a0;font-size:1.2rem}.offline-ready strong,.offline-ready small{display:block}.offline-ready strong{font-size:.78rem}.offline-ready small{font-size:.68rem;opacity:.65}
.app-main{margin-left:var(--sidebar-width);min-height:100vh}.topbar{min-height:82px;display:flex;align-items:center;padding:1rem 1.5rem;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--lp-border);position:sticky;top:0;z-index:1020}.page-heading{font-size:1.35rem;font-weight:750}.page-content{padding:1.5rem}.profile-chip{display:flex;align-items:center;gap:.6rem;border:0;background:#fff;box-shadow:0 4px 16px rgba(31,41,55,.06);border-radius:14px}.profile-chip small{display:block;color:var(--lp-muted);font-size:.68rem}.avatar{width:34px;height:34px;border-radius:11px;background:var(--lp-primary);color:#fff;display:grid;place-items:center;font-weight:700}
.content-card,.stat-card{background:#fff;border:1px solid var(--lp-border);border-radius:18px;box-shadow:0 8px 30px rgba(31,41,55,.045)}.content-card{padding:1.2rem}.stat-card{padding:1.15rem;position:relative;overflow:hidden}.stat-card .stat-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.25rem;background:#eef2ff;color:var(--lp-primary)}.stat-card .stat-value{font-size:1.8rem;font-weight:800;line-height:1.1}.stat-card .stat-label{font-size:.8rem;color:var(--lp-muted)}.stat-card::after{content:"";position:absolute;width:85px;height:85px;border-radius:50%;background:rgba(25,42,86,.035);right:-28px;bottom:-28px}
.section-title{font-size:1rem;font-weight:750;margin:0}.section-subtitle{font-size:.78rem;color:var(--lp-muted)}.table-responsive{border-radius:14px}.table{margin-bottom:0}.table thead th{border-bottom-width:1px;background:#f8fafc;color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.8rem}.table tbody td{padding:.82rem;font-size:.86rem;vertical-align:middle;border-color:#edf0f4}.table-hover tbody tr:hover{background:#fbfcff}.badge-soft{padding:.38rem .55rem;border-radius:20px;font-size:.7rem;font-weight:700}.badge-soft-success{background:#e7f7ee;color:#147342}.badge-soft-warning{background:#fff5db;color:#986b00}.badge-soft-danger{background:#fee9e8;color:#b3261e}.badge-soft-info{background:#e7f2ff;color:#1d5f9e}.badge-soft-secondary{background:#eef0f3;color:#5d6470}.priority-Urgent{color:#b42318}.priority-High{color:#d97706}.priority-Normal{color:#2563eb}.priority-Low{color:#6b7280}
.form-control,.form-select{border-radius:11px;border-color:#dfe3ea;padding:.65rem .75rem}.form-control:focus,.form-select:focus{border-color:#8ea0cf;box-shadow:0 0 0 .2rem rgba(25,42,86,.1)}.form-label{font-size:.78rem;font-weight:650;color:#4b5563}.btn{border-radius:10px}.btn-primary{background:var(--lp-primary);border-color:var(--lp-primary)}.btn-primary:hover,.btn-primary:focus{background:var(--lp-primary-2);border-color:var(--lp-primary-2)}.btn-gold{background:var(--lp-accent);color:#1a2440;border-color:var(--lp-accent);font-weight:700}.modal-dialog{max-height:calc(100vh - 2rem)}.modal-content{border:0;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.18);max-height:calc(100vh - 2rem);overflow:hidden}.modal-content>form{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 2rem)}.modal-header,.modal-footer{border-color:#eef0f4;flex:0 0 auto;background:#fff;z-index:2}.modal-body{overflow-y:auto;overscroll-behavior:contain;min-height:0}.modal-footer{box-shadow:0 -6px 18px rgba(31,41,55,.04)}.modal-title{font-size:1.05rem;font-weight:750}
.search-box{position:relative}.search-box i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-box input{padding-left:2.4rem}.case-number,.client-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:#64748b}.empty-state{text-align:center;padding:3rem 1rem;color:var(--lp-muted)}.empty-state i{font-size:2.6rem;color:#c9d1df}.timeline{position:relative;padding-left:1.5rem}.timeline::before{content:"";position:absolute;left:.35rem;top:.4rem;bottom:.4rem;width:2px;background:#e5e7eb}.timeline-item{position:relative;padding-bottom:1rem}.timeline-item::before{content:"";position:absolute;left:-1.5rem;top:.28rem;width:12px;height:12px;border-radius:50%;background:var(--lp-primary);border:3px solid #dbe3f7}.timeline-item small{color:var(--lp-muted)}
.mobile-bottom-nav{position:fixed;z-index:1040;left:0;right:0;bottom:0;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-top:1px solid var(--lp-border);display:flex;justify-content:space-around}.mobile-bottom-nav a{min-width:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7b8494;font-size:.67rem;gap:.15rem;border-radius:12px}.mobile-bottom-nav a i{font-size:1.15rem}.mobile-bottom-nav a.active{color:var(--lp-primary);background:#eef2ff}.offcanvas{background:linear-gradient(180deg,var(--lp-primary),#101b38);color:#fff}.offcanvas .btn-close{filter:invert(1)}.mobile-list .nav-link{color:rgba(255,255,255,.75)}
.connection-banner{position:fixed;top:0;left:0;right:0;z-index:2005;text-align:center;background:#9a6700;color:#fff;padding:.35rem;font-size:.78rem}.connection-banner:not(.d-none)+.app-shell .topbar{top:30px}.chart-box{position:relative;min-height:270px}.chart-canvas{width:100%;height:270px;display:block}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:14px;overflow:auto}.calendar-head,.calendar-day{background:#fff;min-width:90px}.calendar-head{font-size:.72rem;font-weight:750;text-transform:uppercase;color:#64748b;padding:.7rem;text-align:center}.calendar-day{min-height:110px;padding:.55rem}.calendar-day.muted{background:#f8fafc;color:#a1a8b4}.calendar-date{font-size:.74rem;font-weight:750}.hearing-pill{display:block;margin-top:.35rem;padding:.35rem;border-radius:8px;background:#eef2ff;color:#243e80;font-size:.66rem;line-height:1.2}.detail-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#8a93a3}.detail-value{font-size:.9rem;font-weight:600}.quick-action{display:flex;align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--lp-border);border-radius:13px;color:var(--lp-text);transition:.2s}.quick-action:hover{border-color:#bdc9e7;background:#f8faff;transform:translateY(-1px)}.quick-action i{width:38px;height:38px;border-radius:11px;background:#eef2ff;color:var(--lp-primary);display:grid;place-items:center}
/* SweetAlert-like local component */
.swal2-container{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(10,18,38,.55);backdrop-filter:blur(3px)}.swal2-popup{width:min(430px,100%);background:#fff;border-radius:22px;padding:1.5rem;text-align:center;box-shadow:0 25px 100px rgba(0,0,0,.32);animation:swal-pop .18s ease-out}.swal2-icon{width:68px;height:68px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;font-size:2rem}.swal2-icon.success{background:#e8f7ee;color:#198754}.swal2-icon.error{background:#feeceb;color:#c3322b}.swal2-icon.warning{background:#fff4d7;color:#a36b00}.swal2-icon.info,.swal2-icon.question{background:#e9f2ff;color:#2466aa}.swal2-title{font-size:1.25rem;font-weight:800;margin-bottom:.5rem}.swal2-html-container{color:#657080;font-size:.9rem;line-height:1.55}.swal2-actions{display:flex;justify-content:center;gap:.65rem;margin-top:1.3rem}.swal2-confirm,.swal2-cancel{border:0;border-radius:11px;padding:.65rem 1.1rem;font-weight:700}.swal2-confirm{background:var(--lp-primary);color:#fff}.swal2-cancel{background:#edf0f4;color:#46505f}.swal2-loader{width:42px;height:42px;border:4px solid #dce3f3;border-top-color:var(--lp-primary);border-radius:50%;animation:spin .8s linear infinite;margin:.5rem auto}.upload-progress{height:10px;background:#e9edf4;border-radius:20px;overflow:hidden;margin-top:1rem}.upload-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lp-primary),#5975bd);transition:width .15s}.swal2-progress-label{font-weight:700;color:var(--lp-primary);margin-top:.4rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes swal-pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:991.98px){.app-main{margin-left:0}.page-content{padding:1rem 1rem calc(var(--mobile-nav-height) + 1rem)}.topbar{padding:.8rem 1rem;min-height:72px}.page-heading{font-size:1.1rem}.profile-chip{padding:.35rem}.calendar-grid{grid-template-columns:repeat(7,100px)}}
@media(max-width:575.98px){.modal-dialog,.modal-content,.modal-content>form{max-height:calc(100vh - 1rem)}.stat-card .stat-value{font-size:1.45rem}.content-card{padding:1rem}.topbar .small{display:none}.page-content{padding-left:.75rem;padding-right:.75rem}.table-responsive{margin-left:-.25rem;margin-right:-.25rem}.modal-dialog{margin:.5rem}.calendar-grid{grid-template-columns:repeat(7,92px)}}
/* END PAGE: assets/css/app.css */