/* V1.12.4: classes novas, sem modificar layout dos módulos legados */
.sidebar .nav{display:block;overflow-y:auto;min-height:0;flex:1;padding:3px 3px 6px;scrollbar-width:thin}
.sidebar .nav-category{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #eef1f5}
.sidebar .nav-category-title{color:#7b8799;font-size:9px;font-weight:800;letter-spacing:1.05px;padding:12px 12px 7px}
.sidebar .nav-category button{width:100%;font-size:12px;padding:9px 11px;margin-bottom:3px;line-height:1.25}
.sidebar .nav-category button.active{background:#eff6ff;color:#075c9d}
.sidebar .sidebar-foot{flex-shrink:0}
.monthly-group-tabs{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;padding:12px 2px 14px;scrollbar-width:thin}
.monthly-tab{flex:0 0 auto;white-space:nowrap;border:1px solid #dae4f0;color:#556779;background:#fff;padding:9px 14px;border-radius:11px;font-size:12px;font-weight:650;cursor:pointer}
.monthly-tab.active{color:#0b6397;background:#eaf5fc;border-color:#7fc4e8}
.monthly-tab span{font-size:10px;background:#edf1f6;border-radius:999px;padding:2px 6px;margin-left:3px}
.monthly-tab.create{border-style:dashed;background:#f8fbff;color:#19749b}
.monthly-tab.edit{color:#536476}
.crm-template-layout{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:18px;align-items:start;margin-top:15px}
.crm-template-list{display:grid;gap:7px;max-height:570px;overflow-y:auto}
.crm-template-list .btn{width:100%}
.crm-template-item{background:#f7fafc;border:1px solid #e0e8ef;border-radius:10px;padding:12px;text-align:left;color:#34465b;cursor:pointer}
.crm-template-item.active{background:#e9f4fc;border-color:#59a9d5;font-weight:700}
.crm-template-layout .field{margin-bottom:12px}
@media(max-width:900px){.crm-template-layout{grid-template-columns:1fr}.crm-template-list{display:flex;overflow-x:auto}.crm-template-item{flex:0 0 auto}.sidebar .nav-category-title{font-size:8px}}
@media(max-width:820px){.sidebar .nav-category-title{display:none}.sidebar .nav-category{border:0}.sidebar .nav-category button{justify-content:center;padding:10px}}
@media(max-width:620px){.sidebar .nav{display:flex;overflow-x:auto;overflow-y:hidden;gap:5px;flex:none;justify-content:flex-start;width:100%}.sidebar .nav-category{display:contents}.sidebar .nav-category button{flex:0 0 auto;width:40px;height:42px;padding:9px;margin:0}.sidebar .nav-category button span{display:none}.sidebar .nav-category-title{display:none}.monthly-group-tabs{margin-top:6px}.crm-template-layout{display:block}}

/* v1.12.5 - Atendimento Mensal responsivo; barra de digitação fixa no painel */
.main.page-atendimento_mensal .monthly-service-desk{height:100%!important;max-height:100%;min-height:0!important;gap:7px;overflow:hidden}
.main.page-atendimento_mensal .monthly-toolbar{flex:0 0 auto;padding:10px 15px;min-height:64px;gap:12px;box-shadow:0 4px 16px rgba(15,23,42,.035)}
.main.page-atendimento_mensal .monthly-toolbar h2{font-size:17px;margin:2px 0}
.main.page-atendimento_mensal .monthly-toolbar p{font-size:10px;line-height:1.25}
.main.page-atendimento_mensal .monthly-toolbar-actions .field.compact{min-width:160px}
.main.page-atendimento_mensal .service-kpis{gap:8px}
.main.page-atendimento_mensal .service-kpi{min-height:56px;padding:8px 12px}
.main.page-atendimento_mensal .service-kpi strong{font-size:18px;margin:2px 0}
.main.page-atendimento_mensal .chatlayout{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden}
.main.page-atendimento_mensal .chatbox{height:100%;min-height:0;min-width:0;overflow:hidden;grid-template-rows:auto auto minmax(0,1fr) auto!important}
.main.page-atendimento_mensal #chatContent{min-height:0}
.main.page-atendimento_mensal .messages{min-height:0;overflow-y:auto!important;overflow-x:hidden;padding-bottom:12px}
.main.page-atendimento_mensal .compose{position:relative!important;bottom:auto!important;max-height:190px;overflow-y:auto;flex:0 0 auto;z-index:3;padding:9px 12px;background:#fff!important;border-top:1px solid #e2e8f0}
.main.page-atendimento_mensal .compose textarea{min-height:52px!important;max-height:95px;resize:vertical}
.main.page-atendimento_mensal .sideinfo{min-height:0;overflow-y:auto}
.main.page-atendimento_mensal .chatlist{min-height:0;overflow:hidden;display:flex;flex-direction:column}
.main.page-atendimento_mensal #convList{flex:1 1 auto;min-height:0;overflow-y:auto}
.main.page-atendimento_mensal .chatlist-top{position:relative;flex:0 0 auto}
.monthly-tabbar{display:flex;gap:8px;align-items:center;min-width:0;flex:0 0 auto;border:1px solid #e4eaf2;background:#f8fafc;border-radius:13px;padding:5px}
.monthly-tabbar .monthly-group-tabs{min-width:0;flex:1 1 auto;display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:0;margin:0;scrollbar-width:thin}
.monthly-tabbar .monthly-group-actions{display:flex;gap:5px;align-items:center;flex:0 0 auto;padding-left:8px;border-left:1px solid #dbe4ed}
.monthly-tabbar .monthly-tab{padding:8px 11px;border-radius:9px;font-size:11px;font-weight:700;color:#475569;border-color:transparent;background:transparent}
.monthly-tabbar .monthly-tab:hover{background:#e8f0fb}
.monthly-tabbar .monthly-tab.active{background:#fff;color:#115eab;border-color:#a7caff;box-shadow:0 1px 5px rgba(15,23,42,.08)}
.monthly-tabbar .monthly-tab span{background:#e7eefb;color:#1d4ed8}
.monthly-tabbar .monthly-tab.create{border:1px solid #bdd1eb;background:#fff;color:#1d5797}
.monthly-tabbar .monthly-tab.edit{background:#fff;border:1px solid #d5dfea}
@media(max-height:780px){.main.page-atendimento_mensal .monthly-toolbar p{display:none}.main.page-atendimento_mensal .service-kpi small{display:none}.main.page-atendimento_mensal .service-kpi{min-height:44px}.main.page-atendimento_mensal .quick-replies{padding:5px 8px}.main.page-atendimento_mensal .chathead{min-height:47px}}
@media(max-width:1150px){.main.page-atendimento_mensal .chatlayout{grid-template-columns:minmax(215px,30%) minmax(0,1fr)}.main.page-atendimento_mensal .sideinfo{position:fixed;right:14px;top:80px;bottom:12px;width:min(340px,calc(100vw - 28px));z-index:40;display:none;background:#fff;box-shadow:0 10px 40px rgba(15,23,42,.12)}.main.page-atendimento_mensal .sideinfo.open{display:block}}
@media(max-width:750px){.main.page-atendimento_mensal .monthly-toolbar{flex-direction:row;flex-wrap:wrap}.main.page-atendimento_mensal .monthly-toolbar-actions{width:auto;margin-left:auto}.main.page-atendimento_mensal .service-kpis{max-height:68px;overflow-x:auto}.main.page-atendimento_mensal .chatlayout{display:block;height:100%!important}.main.page-atendimento_mensal .chatlist{height:100%}.main.page-atendimento_mensal .chatbox{display:none;height:100%}.main.page-atendimento_mensal .chatlayout.chat-open .chatlist{display:none}.main.page-atendimento_mensal .chatlayout.chat-open .chatbox{display:grid}.main.page-atendimento_mensal .compose{max-height:185px}}
@media(max-width:620px){.main.page-atendimento_mensal .monthly-toolbar{align-items:flex-start;padding:8px;gap:6px}.main.page-atendimento_mensal .monthly-toolbar-actions{width:100%;margin-left:0;display:flex;gap:6px}.main.page-atendimento_mensal .monthly-toolbar-actions .field.compact{flex:1;min-width:130px}.main.page-atendimento_mensal .monthly-toolbar-actions .btn{flex:0 0 auto;width:auto}.monthly-tabbar .monthly-tab{padding:8px 9px}.monthly-tabbar .monthly-group-actions{padding-left:5px}.main.page-atendimento_mensal .monthly-service-desk{gap:5px}.main.page-atendimento_mensal .service-kpis{height:54px}.main.page-atendimento_mensal .compose{padding:7px!important}.main.page-atendimento_mensal .compose textarea{min-height:50px!important}}

/* 1.12.6 - Fila de envio sempre acessível, inclusive com envios pendentes */
.crm-dispatch-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 16px;padding:14px 18px;border:1px solid #bfd9ff;border-radius:14px;background:#f2f7ff;flex-wrap:wrap}
.crm-dispatch-panel strong{display:block;font-weight:800;font-size:14px;color:#103e75}
.crm-dispatch-panel p{margin:4px 0 0;font-size:13px;color:#466386}
.crm-dispatch-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.crm-dispatch-actions button{white-space:normal}
.crm-error-detail{color:#aa2840!important;display:block;max-width:270px;overflow-wrap:anywhere;font-size:11px}
@media(max-width:740px){.crm-dispatch-panel{align-items:stretch;padding:12px}.crm-dispatch-actions{width:100%}.crm-dispatch-actions button{flex:1}}
