:root{--shell-navy:#101b2d;--shell-navy-soft:#192944;--shell-blue:#3267e3;--shell-bg:#f4f6fa;--shell-text:#172033;--shell-muted:#657187;--shell-border:#dfe4ed;--sidebar-width:248px;--header-height:68px}
*{box-sizing:border-box}body{color:var(--shell-text);background:var(--shell-bg);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.shell-body{margin:0;min-height:100vh}.shell-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:1.4rem 1rem;background:var(--shell-navy);color:#fff;flex-direction:column;z-index:1030}.shell-brand,.shell-mobile-brand,.public-header a{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.shell-brand strong{display:block;font-size:1rem}.shell-brand small{display:block;color:#aebbd0;font-size:.7rem;margin-top:.12rem}.brand-mark{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#4b7df0,#2c55bc);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.04em}.shell-navigation{display:grid;gap:.4rem;margin-top:2.1rem}.shell-nav-link{display:flex;align-items:center;gap:.7rem;padding:.72rem .85rem;border-radius:.65rem;text-decoration:none;color:#c6d0df;font-weight:600}.shell-nav-link:hover,.shell-nav-link:focus-visible{color:#fff;background:var(--shell-navy-soft)}.shell-nav-link.active{color:#fff;background:#2a4f98;box-shadow:inset 3px 0 #75a0ff}.nav-symbol{font-size:.9rem}.shell-header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);display:flex;align-items:center;padding:0 1.5rem;background:#fff;border-bottom:1px solid var(--shell-border);z-index:1020}.shell-session{display:flex;align-items:center;gap:1rem}.shell-session form{margin:0}.session-indicator{display:flex;align-items:center;gap:.45rem;color:var(--shell-muted);font-size:.86rem}.session-dot{width:8px;height:8px;border-radius:50%;background:#26a269;box-shadow:0 0 0 3px #dff5e9}.shell-content{min-height:100vh;margin-left:var(--sidebar-width);padding:calc(var(--header-height) + 2rem) clamp(1rem,3vw,3rem) 2.5rem}.shell-menu-button{font-size:1.25rem;padding:.35rem .55rem}.shell-offcanvas{width:min(84vw,290px);background:var(--shell-navy);color:#fff}.shell-offcanvas .offcanvas-header{border-bottom:1px solid rgba(255,255,255,.1)}.shell-offcanvas .shell-navigation{margin-top:.25rem}.page-header h1,.welcome-panel h1{margin:.25rem 0 .65rem;font-weight:750;letter-spacing:-.035em}.eyebrow{color:var(--shell-blue);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.welcome-panel{max-width:760px;padding:clamp(1.5rem,5vw,4rem);border:1px solid var(--shell-border);border-radius:1.1rem;background:#fff;box-shadow:0 14px 35px rgba(21,36,66,.06)}.welcome-panel h1{font-size:clamp(2rem,4vw,3.25rem)}.welcome-panel p{max-width:580px;margin-bottom:1.7rem;color:var(--shell-muted);font-size:1.08rem}.empty-state{display:grid;justify-items:center;text-align:center;max-width:680px;margin:2rem auto;padding:clamp(2rem,7vw,5rem);border:1px dashed #c8d0de;border-radius:1rem;background:#fff}.empty-state-symbol{display:grid;place-items:center;width:54px;height:54px;margin-bottom:1rem;border-radius:15px;background:#eaf0ff;color:var(--shell-blue);font-size:1.35rem}.empty-state h2{font-size:1.25rem}.empty-state p{color:var(--shell-muted);margin:0}.operational-alert{display:flex;gap:1rem;padding:1rem 1.15rem;border:1px solid #efcaca;border-radius:.75rem;background:#fff7f7;color:#702424}.operational-alert-symbol{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#b42318;color:#fff;font-weight:800}.operational-alert h2{font-size:1rem;margin:0 0 .25rem}.operational-alert p{margin:0}.public-body{min-height:100vh;margin:0;background:#f5f7fb}.public-header{height:68px;display:flex;align-items:center;padding:0 clamp(1rem,5vw,4rem);background:#fff;border-bottom:1px solid var(--shell-border)}.public-header a{color:var(--shell-text)}.public-content{width:min(100% - 2rem,520px);margin:clamp(2rem,8vh,5rem) auto}.btn:focus-visible,.shell-nav-link:focus-visible,a:focus-visible{outline:3px solid #83a9ff;outline-offset:2px}
@media(max-width:767.98px){.shell-header{left:0;height:60px;padding:0 .8rem}.shell-mobile-brand{margin-left:.35rem;color:var(--shell-text);font-weight:750}.session-indicator{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell-session{gap:.5rem}.shell-content{margin-left:0;padding:calc(60px + 1.25rem) 1rem 2rem}.welcome-panel{padding:1.5rem}.public-content{margin-top:2rem}}
@media(min-width:768px) and (max-width:1199.98px){:root{--sidebar-width:220px}.shell-content{padding-left:1.5rem;padding-right:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.inbox-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.inbox-heading p{margin:.25rem 0 0;color:var(--shell-muted)}.inbox-filters{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:.8rem;align-items:end;margin-bottom:1.25rem;padding:1rem;border:1px solid var(--shell-border);border-radius:.85rem;background:#fff}.inbox-filters label{display:block;margin-bottom:.3rem;color:#4c5870;font-size:.76rem;font-weight:700}.filter-actions{display:flex;gap:.25rem;grid-column:1/-1}.conversation-list{display:grid;border:1px solid var(--shell-border);border-radius:.9rem;background:#fff;overflow:hidden}.conversation-row+.conversation-row{border-top:1px solid var(--shell-border)}.conversation-row-link{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.1rem;color:inherit;text-decoration:none}.conversation-row-link:hover{background:#f8faff;color:inherit}.conversation-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8edfa;color:#315baa;font-weight:800}.conversation-main{min-width:0}.conversation-title{display:flex;align-items:center;gap:.6rem;min-width:0}.conversation-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-label{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .48rem;background:#edf0f5;color:#46536a;font-size:.7rem;font-weight:700}.channel-messenger::before,.channel-whatsapp::before{content:"";width:6px;height:6px;margin-right:.3rem;border-radius:50%;background:#376de0}.channel-whatsapp::before{background:#168b59}.message-preview{overflow:hidden;margin:.3rem 0;color:#59667c;text-overflow:ellipsis;white-space:nowrap}.conversation-signals{display:flex;flex-wrap:wrap;gap:.35rem}.conversation-signals span{padding:.12rem .38rem;border:1px solid #e0e5ee;border-radius:.35rem;color:#68748a;font-size:.69rem}.conversation-time{align-self:start;color:#68748a;font-size:.76rem;white-space:nowrap}.inbox-pagination{display:flex;justify-content:flex-end;margin-top:1rem}
@media(max-width:991.98px){.inbox-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){.inbox-heading{align-items:center}.inbox-filters{grid-template-columns:1fr 1fr;border-radius:.75rem}.conversation-list{border-radius:.75rem}.conversation-row-link{grid-template-columns:38px minmax(0,1fr);gap:.75rem;padding:.9rem}.conversation-avatar{width:38px;height:38px}.conversation-time{grid-column:2;grid-row:2;margin-top:-.35rem}.conversation-title{align-items:flex-start;flex-direction:column;gap:.25rem}.message-preview{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.filter-actions{grid-column:1/-1}}
@media(max-width:479.98px){.inbox-filters{grid-template-columns:1fr}}