/* Cabeçalho padrão do CRM — usado pelo painel e por todas as telas.
   Extraído do base_auth.html para existir um só cabeçalho no sistema. */
/* O cabeçalho não pode passar da largura da tela: o título encolhe, os botões ficam. */
.crm-top{gap:10px}
.crm-top .top-left{flex:1 1 auto;min-width:0}
.crm-top .top-left>*{min-width:0}
.crm-top .top-user{flex:none}
.crm-top .page-title{overflow-wrap:anywhere}
.emme-hdr-mark{display:flex;align-items:center;gap:9px;padding-right:15px;margin-right:3px;border-right:1px solid #d0d5dd;font-family:var(--font-display);font-size:19px;font-weight:680;letter-spacing:.1em;color:#172B3A;white-space:nowrap;text-decoration:none}
.emme-hdr-mark img{height:34px;width:auto;display:block}
.emme-hdr-kicker{display:block;font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.emme-hdr-title{display:block;font-family:var(--font-display);font-weight:680;font-size:19px;margin-top:2px;color:#101828}
/* Cabeçalho padrão do CRM — usado pelo painel e por todas as telas.
   Extraído do base_auth.html para existir um só cabeçalho no sistema. */

/* Cabeçalho padrão do CRM — usado pelo painel e por todas as telas.
   Extraído do base_auth.html para existir um só cabeçalho no sistema. */


.crm-top{height:68px;position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e4e7ec;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 28px;box-shadow:0 5px 18px rgba(16,24,40,.04)}
.top-left{display:flex;align-items:center;gap:12px}
.menu-toggle{display:none;width:38px;height:38px;border:0;border-radius:10px;background:#eef2f8;cursor:pointer}
.page-kicker{font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.page-title{font-family:var(--font-display);font-weight:680;font-size:19px;margin-top:2px}
.top-user{display:flex;align-items:center;gap:12px}
.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#172B3A,#2C4459)}
.top-user small{display:block;color:#667085}
.logout{color:#344054;text-decoration:none;font-weight:800;font-size:12px;padding:8px 10px;border-radius:9px;background:#f2f4f7}
/* Sino da Central de Alertas, com a bolinha de pendentes. */
.emme-sino{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#f2f4f7;text-decoration:none;font-size:17px;flex:none}.emme-sino:hover{background:#e4e7ec}.emme-sino span{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#d92d20;color:#fff;font-size:10.5px;font-weight:800;line-height:19px;text-align:center;border:2px solid #fff}
/* Menu do usuário: abre ao clicar no nome (configurações, metas, notificações, sair). */
.emme-user{position:relative}
.emme-user-btn{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;border:0;border-radius:12px;background:transparent;font:inherit;text-align:left;cursor:pointer}
.emme-user-btn:hover{background:#f2f4f7}
.emme-user.aberto .emme-user-btn{background:#eef2f8}
.emme-user-nome b{display:block;font-size:13px;color:#101828;white-space:nowrap}
.emme-user-nome small{display:block;font-size:11px;color:#667085}
.emme-user-seta{font-size:11px;color:#98a2b3}
.emme-user-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;width:290px;padding:6px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 18px 44px rgba(16,24,40,.18);z-index:1200;max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain}
.emme-user.aberto .emme-user-menu{display:block}
.emme-user-head{display:none;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #f2f4f7;margin-bottom:6px}
.emme-user-head b{display:block;font-size:13px;color:#101828}
.emme-user-head small{display:block;font-size:11px;color:#667085}
.emme-user-menu>a,.emme-user-menu>button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;font:inherit;color:#344054;text-decoration:none;text-align:left;cursor:pointer}
.emme-user-menu>a:hover,.emme-user-menu>button:hover{background:#f2f4f7}
.emme-user-menu i{flex:none;width:22px;font-style:normal;font-size:15px;text-align:center}
.emme-user-menu b{display:block;font-size:13px;font-weight:800;color:#101828}
.emme-user-menu small{display:block;font-size:11px;color:#98a2b3;font-weight:600}
.emme-user-sep{height:1px;background:#f2f4f7;margin:6px 4px}
.emme-user-sair b{color:#b42318}
@media(max-width:850px){.menu-toggle{display:block}.crm-top{padding:0 16px}.top-user{gap:6px!important}
.emme-user-nome,.emme-user-seta{display:none}.emme-user-btn{padding:2px}
.emme-user-head{display:flex}
.emme-user-menu{position:fixed;top:60px;right:10px;left:auto;width:min(300px,calc(100vw - 20px));max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.crm-top .page-title{font-size:18px;line-height:1.15}}