@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Questrial&display=swap');

/* Shared identity, independent of each page's business bundle. */
html.pocket-brand {
  --brand-navy: #101b32;
  --brand-green: #13ecc8;
  --brand-red: #ff5757;
  --brand-yellow: #f2b83f;
  --brand-mint: #70c4a5;
  --brand-paper: #fff;
  --brand-canvas: #f5f7fa;
  --brand-ink: #101b32;
  --brand-muted: #63728a;
  --brand-line: #dfe6ef;
  --brand-soft: #effbf8;
  width: 100%; min-height: 100%;
}
html.pocket-brand.dark {
  --brand-paper: #17243c;
  --brand-canvas: #0b1325;
  --brand-ink: #edf2fa;
  --brand-muted: #a7b6ca;
  --brand-line: #30415d;
  --brand-soft: #163e3b;
}
html.pocket-brand body {
  --pocket-blue: var(--brand-navy);
  --pocket-ink: var(--brand-ink);
  --pocket-green: var(--brand-green);
  --home-ink: var(--brand-navy);
  --home-emerald: var(--brand-green);
  --home-petrol: #187978;
  --home-coral: var(--brand-red);
  --home-navy: var(--brand-navy);
  --login-ink: var(--brand-navy);
  --login-green: var(--brand-green);
  --login-green-dark: #0dc9ab;
  --login-paper: #fff;
  width: 100%; max-width: none; margin: 0;
  background-color: var(--brand-canvas);
  color: var(--brand-ink);
  font-family: 'Open Sans', sans-serif !important;
}
html.pocket-brand body > div:has(> [data-app-sidebar]) {
  width: 100%; max-width: none; min-width: 0; min-height: 100dvh;
}
html.pocket-brand main { min-width: 0; max-width: 100%; }
html.pocket-brand :is(h1,h2,h3,.font-display) { font-family: 'Questrial',sans-serif; }
html.pocket-brand :is(button,input,select,textarea) { font-family: 'Open Sans',sans-serif; }
html.pocket-brand [data-app-sidebar] {
  background: var(--brand-navy) !important; background-image: none !important;
  color: #fff !important; width: 80px !important; flex: 0 0 80px;
  height: 100dvh !important; border-right: 0 !important;
}
html.pocket-brand [data-app-sidebar] > .absolute { display: none; }
html.pocket-brand [data-app-sidebar] > .relative { padding: 16px 10px !important; }
html.pocket-brand .pocket-brand-identity { display:flex; justify-content:center; padding:4px 0 !important; margin:4px 0 24px !important; width:100%; overflow:visible; }
html.pocket-brand .pocket-brand-logo { display:block; width:60px; height:auto; object-fit:contain; filter:brightness(0) invert(1); }
html.pocket-brand [data-app-sidebar] .nav-link { border-radius:9px; min-height:42px; padding:10px 9px !important; }
html.pocket-brand [data-app-sidebar] .nav-link:is(.bg-primary,[aria-current='page']) { background:var(--brand-green) !important; color:var(--brand-navy) !important; }
html.pocket-brand [data-app-sidebar] :is(.brand-glow,.nav-link-glow) { text-shadow:none; }
html.pocket-brand.theme-claro [data-app-sidebar] :is(a,span) { color:#d8e1f0 !important; }
html.pocket-brand.theme-claro [data-app-sidebar] .bg-primary,
html.pocket-brand.theme-claro [data-app-sidebar] .bg-primary span { color:var(--brand-navy) !important; }
html.pocket-brand .bg-primary { background-color:var(--brand-green) !important; }
html.pocket-brand :is(button,a).bg-primary { color:var(--brand-navy) !important; box-shadow:none; }
html.pocket-brand .text-primary { color:#087f70; }
html.pocket-brand [data-app-sidebar] .text-primary,
html.pocket-brand.dark .text-primary { color:var(--brand-green); }
html.pocket-brand :is(.bg-background-dark,.from-sidebar-start,.to-sidebar-end) { background-color:var(--brand-navy); }
html.pocket-brand :is(.bg-primary-light,.bg-primary\/10,.bg-primary\/5) { background-color:var(--brand-soft); }
html.pocket-brand:not(.dark) :is(.text-slate-900,.text-slate-800) { color:var(--brand-ink); }
html.pocket-brand:not(.dark) :is(.bg-background-light,.bg-surface-light) { background-color:var(--brand-canvas); }
html.pocket-brand main > header { border-bottom-color:var(--brand-line); }
html.pocket-brand main > header::after { content:''; display:block; height:3px; width:64px; background:linear-gradient(90deg,var(--brand-green) 0 40%,var(--brand-yellow) 40% 70%,var(--brand-red) 70%); border-radius:3px; }
html.pocket-brand body.crm-branding main > header::after { display:none; }
html.pocket-brand :is(button,a,input,select,textarea):focus-visible { outline:2px solid #187978; outline-offset:3px; }
html.pocket-brand .rel-main { --rel-text:var(--brand-ink);--rel-accent:#087f70;--rel-soft:var(--brand-soft);--rel-panel:var(--brand-paper);--rel-card:var(--brand-canvas);--rel-border:var(--brand-line);font-family:'Open Sans',sans-serif;background:var(--brand-canvas); }
html.pocket-brand .rel-button { font-family:'Open Sans',sans-serif; }
html.pocket-brand.dark .rel-main { --rel-accent:var(--brand-green); }
html.pocket-brand .lead-shell { --lead-bg:#101b32;--lead-panel:#17243c;--lead-panel-2:#20314d;--lead-muted:#a7b6ca;--lead-ink:#edf2fa;--lead-cyan:#13ecc8;--lead-lime:#70c4a5;--lead-gold:#f2b83f;--lead-rose:#ff5757;background:#101b32; }
html.pocket-brand .lead-header { background:#101b32; }
html.pocket-brand .lead-tabs a { color:#bdcadd; }
html.pocket-brand .lead-tabs a[aria-current='page'] { color:var(--brand-navy) !important; }
html.pocket-brand input[type='file']::file-selector-button { background:var(--brand-navy);color:#fff; }

/* Home and login retain their real navigation and authentication controls. */
html.pocket-brand .home-main { background:var(--brand-paper) !important; }
html.pocket-brand .home-title { color:var(--brand-ink); font-family:'Questrial',sans-serif; font-weight:400; letter-spacing:-.035em; line-height:1.08; }
html.pocket-brand .home-quick-grid { max-width:58rem; }
html.pocket-brand .home-quick-link { background:var(--brand-paper);color:var(--brand-ink);border-color:var(--brand-line);border-top:3px solid var(--brand-green); }
html.pocket-brand .home-quick-link:nth-child(3n+2) { border-top-color:var(--brand-yellow); }
html.pocket-brand .home-quick-link:nth-child(3n) { border-top-color:var(--brand-red); }
html.pocket-brand .home-quick-icon { color:var(--brand-ink); }
html.pocket-brand .home-quick-name { font-weight:600; }
html.pocket-brand .home-chevron--emerald { background:var(--brand-green);filter:none; }
html.pocket-brand .home-chevron--petrol { background:#187978; }
html.pocket-brand .home-chevron--coral { background:var(--brand-red); }
html.pocket-brand .home-chevron--navy { background:var(--brand-navy); }
html.pocket-brand .login-photo::after { background:linear-gradient(180deg,#101b3220,#101b32c9); }
html.pocket-brand .login-panel { min-height:100dvh; overflow:auto; }
html.pocket-brand .login-title { letter-spacing:-.04em !important; font-weight:400 !important; }
html.pocket-brand .login-panel .btn-shimmer { color:var(--brand-navy) !important; box-shadow:none !important; }

/* Fluid CRM: no canvas dimensions or scale transform in the application. */
html.pocket-brand body.crm-branding main { flex:1; width:0; height:100dvh; }
html.pocket-brand body.crm-branding #kanban-leads { min-width:0; width:100%; overflow-x:auto; }
html.pocket-brand body.crm-branding .crm-event-filter-bar { grid-template-columns:minmax(150px,1.3fr) minmax(105px,.8fr) minmax(145px,1.1fr) repeat(4,minmax(115px,1fr)) auto auto 36px; }
html.pocket-brand body.crm-branding #col-negociacao { grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); }
html.pocket-brand .pocket-mobile-filters { display:none; }

/* Conversation filters remain in the DOM and in the documented inventory. */
html.pocket-brand .pocket-conversations main { height:100dvh; overflow:hidden !important; }
html.pocket-brand .pocket-conversations main > header,
html.pocket-brand .pocket-conversations .segments-panel,
html.pocket-brand .pocket-conversations #conversation-tabs { display:none !important; }
html.pocket-brand .pocket-conversations .conversations-layout { grid-template-columns:minmax(265px,340px) minmax(0,1fr) minmax(260px,320px); }
html.pocket-brand .pocket-conversations .conversations-layout.lead-panel-minimized { grid-template-columns:minmax(265px,340px) minmax(0,1fr); }
html.pocket-brand .pocket-conversations .conversation-list-panel { min-width:0; min-height:0; }
html.pocket-brand .pocket-conversations .conversation-item.is-active { background:var(--brand-soft);border-color:var(--brand-mint); }
html.pocket-brand .pocket-conversations #btn-send-message { background:var(--brand-green);color:var(--brand-navy); }
html.pocket-brand .pocket-conversations #message-list { background:var(--brand-canvas); }
html.pocket-brand .pocket-conversations #message-list .bg-primary\/20 { background:var(--brand-navy);color:#fff; }
html.pocket-brand .pocket-conversations .pocket-inbox-back { display:none; }
@media(max-width:1400px) {
  html.pocket-brand body.crm-branding .crm-event-filter-bar { grid-template-columns:repeat(5,minmax(0,1fr)); }
  html.pocket-brand .pocket-conversations .conversations-layout,
  html.pocket-brand .pocket-conversations .conversations-layout.lead-panel-minimized { grid-template-columns:minmax(245px,300px) minmax(0,1fr); }
  html.pocket-brand .pocket-conversations .conversations-layout:not(.lead-panel-minimized) .lead-info-panel { position:fixed;inset:0 0 0 auto;display:block;width:min(340px,calc(100vw - 65px));height:100dvh;max-height:100dvh;z-index:70;box-shadow:-10px 0 40px #101b322b; }
}
@media(max-width:820px) {
  html.pocket-brand [data-app-sidebar] { width:64px !important;flex-basis:64px; }
  html.pocket-brand [data-app-sidebar] > .relative { padding:12px 6px !important; }
  html.pocket-brand .pocket-brand-logo { width:50px; }
  html.pocket-brand .pocket-conversations .conversations-layout,
  html.pocket-brand .pocket-conversations .conversations-layout.lead-panel-minimized { display:flex;flex-direction:column; }
  html.pocket-brand .pocket-conversations .conversation-list-panel,
  html.pocket-brand .pocket-conversations .thread-panel { width:100%;flex:1;min-height:0;height:100%; }
  html.pocket-brand .pocket-conversations .thread-panel { display:none; }
  html.pocket-brand .pocket-conversations.pocket-thread-open .thread-panel { display:flex; }
  html.pocket-brand .pocket-conversations.pocket-thread-open .conversation-list-panel { display:none; }
  html.pocket-brand .pocket-conversations .pocket-inbox-back { display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--brand-line);background:var(--brand-paper);color:var(--brand-ink);font-size:13px; }
  html.pocket-brand .pocket-conversations #composer-form .flex { flex-wrap:wrap;min-width:0; }
  html.pocket-brand .pocket-conversations #composer-message { font-size:16px; }
}
@media(max-width:700px) {
  html.pocket-brand main .grid > * { min-width:0; }
  html.pocket-brand main :is(input,select,textarea) { max-width:100%;min-width:0; }
  html.pocket-brand main:has(#form-add-user) > .p-8 { padding:20px 14px; }
  html.pocket-brand main:has(#form-add-user) .grid { grid-template-columns:minmax(0,1fr); }
  html.pocket-brand main:has(#form-add-user) .gradient-border { padding:16px; }
  html.pocket-brand #form-add-user .p-5 { padding:12px; }
  html.pocket-brand #form-add-user input[type='file'] { width:100%;font-size:11px; }
  html.pocket-brand #form-add-user input[type='file']::file-selector-button { padding:9px 7px;margin-right:4px; }
  html.pocket-brand body.crm-branding .crm-event-filter-bar { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:8px !important;padding:12px !important; }
  html.pocket-brand body.crm-branding .crm-toolbar-search { grid-column:1/-1; }
  html.pocket-brand body.crm-branding .crm-event-filter-bar > label:not(.crm-toolbar-search) { grid-column:1/-1; }
  html.pocket-brand body.crm-branding .crm-event-filter-bar:not(.pocket-filters-open) > label:not(.crm-toolbar-search),
  html.pocket-brand body.crm-branding .crm-event-filter-bar:not(.pocket-filters-open) #btn-clear-event-filter { display:none; }
  html.pocket-brand body.crm-branding .pocket-mobile-filters { display:block;background:var(--brand-canvas);color:var(--brand-ink);font-size:11px !important; }
  html.pocket-brand body.crm-branding #btn-new-lead { padding:7px 4px !important;font-size:11px !important;gap:3px; }
  html.pocket-brand body.crm-branding #btn-new-lead .material-symbols-outlined { font-size:16px; }
  html.pocket-brand body.crm-branding .pocket-filters-open #btn-clear-event-filter { grid-column:1/-1; }
  html.pocket-brand body.crm-branding main > header { max-height:48dvh;overflow:auto;flex-shrink:0; }
  html.pocket-brand body.crm-branding #kanban-leads { padding:12px !important;display:flex;flex-direction:column;overflow:auto;align-items:stretch; }
  html.pocket-brand body.crm-branding #kanban-leads > [data-stage-column][data-stage-column] { position:static;width:100% !important;max-width:100%;min-width:0;flex:0 0 auto !important; }
  html.pocket-brand body.crm-branding #col-negociacao { display:flex;flex-direction:column;min-width:0; }
  html.pocket-brand body.crm-branding .lead-card { width:100% !important;max-width:100%; }
  html.pocket-brand body.crm-branding .lead-card h3 { overflow-wrap:anywhere; }
  html.pocket-brand body.crm-branding .crm-stage-bookmark { width:100% !important;min-height:44px;flex-direction:row;padding:8px 12px;gap:12px; }
  html.pocket-brand body.crm-branding .crm-bookmark-label { writing-mode:horizontal-tb;font-size:13px; }
  html.pocket-brand body.crm-branding #kanban-leads .kanban-column { overflow:visible; }
  html.pocket-brand body.crm-branding #kanban-leads > [data-stage-column]:not([data-stage-column='negociacao']) > .kanban-column { margin-top:0; }
  html.pocket-brand body.crm-branding .crm-monthly-panel { max-width:100%;overflow:auto; }
  html.pocket-brand body.crm-branding .lead-card { padding:12px !important; }
  html.pocket-brand body.crm-branding .lead-card > .flex > .grid.grid-cols-1 > div > div { flex-wrap:wrap;gap:3px; }
  html.pocket-brand .home-content { padding:26px 18px !important; }
  html.pocket-brand .home-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  html.pocket-brand .home-quick-link { padding:14px;min-height:135px; }
  html.pocket-brand .home-quick-name { font-size:13px;overflow-wrap:anywhere; }
  html.pocket-brand .home-title { font-size:clamp(30px,7vw,44px); }
}
@media(prefers-reduced-motion:reduce) {
  html.pocket-brand :is(.home-chevron,.home-quick-link,[data-app-sidebar]) { animation:none !important;transition:none !important; }
}