/* ═══════════════════════════════════════════════
   RESPONSIVE.CSS — Todos os @media queries
   ImoCRM 360°
   ═══════════════════════════════════════════════ */

/* ══════════════════════════════════════════════
   max-width: 900px
══════════════════════════════════════════════ */
@media(max-width:900px){
  .dash-kpi-grid{grid-template-columns:repeat(3,1fr);}
  .d3col{grid-template-columns:1fr 1fr;}
}

/* ══════════════════════════════════════════════
   max-width: 768px
══════════════════════════════════════════════ */
@media(max-width:768px){
  /* HEADER */
  .header{padding:0 10px;gap:6px;}
  .h-logo{min-width:unset;}
  .h-title{display:none;}
  .role-badge{display:none;}
  .nav-tabs{display:none;}
  .score-chip .lbl{display:none;}
  .score-chip{padding:4px 8px;}

  /* NAV MOBILE */
  #mobile-nav{display:flex !important;}
  #app{padding-bottom:58px;}

  /* KANBAN */
  .kb-bar-top{padding:8px 10px;gap:6px;}
  .kb-search-input{flex:1;}
  .btn-sec .btn-txt{display:none;}
  .btn-sec{padding:5px 8px;}
  .kb-scroll-arrows{display:none !important;}
  .kb-filter-bar{padding:0 10px;}
  .kanban-board{padding:8px 8px 12px;gap:8px;}
  .k-col{width:180px;}

  /* MODAL — bottom sheet */
  .modal{width:calc(100vw - 24px);padding:20px 16px;max-height:92vh;}
  .modal-overlay{align-items:flex-end;padding:0;}
  .modal-overlay .modal{border-radius:16px 16px 0 0;max-height:90vh;}

  /* AGENDA */
  .prod-layout{flex-direction:column;}
  .prod-side{width:100%;border-right:none;border-bottom:.5px solid var(--border);padding:10px;flex-direction:row;flex-wrap:wrap;gap:10px;overflow-x:auto;overflow-y:visible;}
  .mini-cal{min-width:220px;flex:1;}
  .task-form-box{min-width:220px;flex:1;}
  .prod-main{padding:12px;}

  /* SCORE */
  .score-layout{padding:12px;}
  .score-hero{flex-direction:column;text-align:center;padding:20px 16px;gap:14px;}
  .sh-level-bar{max-width:100%;}
  .score-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .score-kpi{padding:12px;}
  .rc-bar-wrap{display:none;}
  .rc-pts{font-size:14px;}

  /* METAS */
  .metas-layout{padding:12px;}
  .metas-hdr{flex-direction:column;align-items:flex-start;gap:8px;}
  .metas-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .meta-kpi{padding:12px 14px;}
  .mk-curr{font-size:22px;}
  .cg-grid{grid-template-columns:1fr 1fr;}
  .metas-hist{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .mh-hdr,.mh-row{grid-template-columns:110px 75px 70px 80px 100px 80px;min-width:515px;}

  /* DASHBOARD */
  .dash-card{padding:14px;}
  .funnel-row{gap:6px;}
  .fn-lbl{font-size:10px;width:80px;}
  .dash-layout{overflow-x:hidden !important;}
  .d2col,.d3col{overflow-x:hidden !important;}

  /* DROPDOWNS */
  #notif-panel{right:0;left:0;width:100%;border-radius:0 0 12px 12px;}
  #user-menu{right:0;width:200px;}

  /* LEADS — detalhe como overlay */
  .hist-layout{position:relative;}
  .llp{width:100%;border-right:none;}
  .hist-detail{
    position:fixed !important;top:52px !important;left:0 !important;right:0 !important;
    bottom:58px !important;z-index:450 !important;background:var(--bg) !important;
    display:none !important;flex-direction:column !important;overflow:hidden !important;
  }
  .hist-detail.mobile-open{display:flex !important;}
  #mobile-back-btn{display:flex !important;}

  /* DRAWER */
#lead-drawer{top:0 !important;bottom:0 !important;width:100% !important;max-width:100% !important;}
body.view-mode #lead-drawer{top:0 !important;bottom:0 !important;}
#drawer-tl{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;}
#drawer-backdrop{bottom:0 !important;}
  

  /* DRAWER HEADER */
  .drawer-header{padding:8px 10px;gap:6px;}
  #drawer-nome{font-size:13px !important;}
  #drawer-sub{font-size:11px !important;}
  #drawer-wa-btn,#drawer-pdf-btn{display:none !important;}
  #drawer-avancar-btn{padding:4px 8px;font-size:11px;}
  .drawer-tab{padding:8px 6px;font-size:11px;}

  /* FICHA / IR */
  .ir{flex-wrap:wrap;}
  .ir-lbl{width:100% !important;}
  .ir-val{width:100% !important;box-sizing:border-box !important;overflow:hidden !important;}
  .ir-val input,.ir-val select,.ir-val textarea{width:100% !important;box-sizing:border-box !important;max-width:100% !important;}
  .mf input,.mf select,.mf textarea{width:100% !important;box-sizing:border-box !important;max-width:100% !important;}
  .modal{width:calc(100vw - 24px) !important;box-sizing:border-box !important;}

  /* DATE INPUTS MODAL REGISTRO */
  #mr-next-date,#mr-next-time{width:100% !important;box-sizing:border-box !important;border:.5px solid var(--border2) !important;background:var(--bg3) !important;color:var(--text) !important;padding:10px 12px !important;border-radius:var(--r) !important;font-size:14px !important;-webkit-appearance:none !important;}

  /* LHB */
  .lhb{padding:8px 10px;gap:8px;}
  .lhb-av{width:32px;height:32px;font-size:11px;}
  .lhb-nm{font-size:13px;}
  .lhb-sub{font-size:10px;}
  .lhb-tags{gap:3px;margin-top:3px;flex-wrap:nowrap;overflow-x:auto;}
  .htag{font-size:9px;padding:1px 5px;}
  .lhb-btns{gap:4px;}
  .btn-lhb{font-size:10px;padding:4px 7px;}

  /* ALERTAS */
  .al-kpis{padding:10px 12px;gap:7px;}
  .al-kpi{min-width:90px;padding:10px 12px;}
  .al-kpi-val{font-size:22px;}
  .al-filters{padding:7px 10px;gap:5px;}
  .al-search{width:140px;}
  .al-list{padding:8px 10px 70px !important;}
  .al-item{padding:10px;gap:8px;}
  .al-item-icon{width:30px;height:30px;font-size:14px;}
  .al-item-nome{max-width:140px;font-size:13px;}
  .al-item-actions{flex-direction:row;align-self:flex-end;}
  .al-act-btn{font-size:10px;padding:4px 7px;}
  .al-view-tabs{overflow-x:auto;padding-bottom:0;}
  .al-view-tab{font-size:12px;padding:6px 10px;white-space:nowrap;}

  /* EMPRESA */
  .empresa-grid{grid-template-columns:1fr !important;}
  .empresa-hero{flex-direction:column;align-items:flex-start;padding:16px;gap:14px;}
  .emp-info{width:100%;}
  .empresa-layout{padding:12px;overflow-x:hidden;}
  .emp-preview-bar{flex-wrap:wrap;gap:10px;}
  .emp-card{padding:16px;overflow:hidden;}
  .color-picker-row{flex-wrap:wrap;}
  .emp-save-btn{font-size:13px;padding:11px;}

  /* ADMIN */
  .adm-table th:nth-child(3),.adm-table td:nth-child(3),
  .adm-table th:nth-child(4),.adm-table td:nth-child(4){display:none;}
  .adm-actions{flex-direction:column;}
  .adm-toolbar{gap:6px;}
  .adm-search{width:100%;}

  /* OCULTAÇÃO DRAWER */
  body.drawer-open #page-historico .hist-layout{display:none !important;}
  body.drawer-open #page-historico #followup-alert-panel{display:none !important;}
  body.drawer-open #hist-detail{display:none !important;}

  /* PIPELINE LISTA */
  #kb-list-wrap{padding:8px 10px;overflow-x:hidden;}
  .pl-table th,.pl-table td{padding:7px 8px;font-size:11px;}
  .pl-group-header{padding:8px;}
  .pl-group-title{font-size:12px;}

  /* CORRETORES MOBILE */
  [style*="grid-template-columns:repeat(6,1fr)"]{grid-template-columns:repeat(3,1fr) !important;}

  /* CAMPANHAS MOBILE */
  #campanha-layout [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important;}
  #campanha-layout [style*="grid-template-columns:repeat(5,1fr)"]{grid-template-columns:repeat(3,1fr) !important;overflow-x:hidden;}

  /* ALERTAS REDESIGN */
  .al-kpis{display:grid !important;grid-template-columns:1fr 1fr !important;padding:10px 12px !important;gap:8px !important;}
  .al-kpi-gold{display:none !important;}
  .al-kpi:nth-child(5){grid-column:1/-1;}
  .al-view-tabs{overflow-x:auto !important;flex-wrap:nowrap !important;padding:0 12px !important;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .al-view-tabs::-webkit-scrollbar{display:none;}
  .al-view-tab{flex-shrink:0 !important;font-size:12px !important;padding:9px 12px !important;}
  .al-filters{padding:6px 12px !important;gap:6px !important;flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:.5px solid var(--border);}
  .al-filters::-webkit-scrollbar{display:none;}
  .al-search{width:calc(100% - 24px) !important;margin:8px 12px 0 !important;display:block;box-sizing:border-box;font-size:13px !important;padding:9px 12px !important;}
  .al-filters select{flex-shrink:0;font-size:12px !important;padding:6px 8px !important;max-width:140px;}
}

/* ══════════════════════════════════════════════
   max-width: 600px
══════════════════════════════════════════════ */
@media(max-width:600px){
  .metas-grid{grid-template-columns:1fr;}
  .score-grid{grid-template-columns:1fr 1fr;}
  .cg-grid{grid-template-columns:1fr;}
  .kb-bar{gap:4px;}
  .dash-kpi-grid{grid-template-columns:1fr 1fr;}
  .d2col,.d3col{grid-template-columns:1fr;}
  .dkpi-lbl{font-size:9px;letter-spacing:.2px;}
  .dkpi-val{font-size:22px;}
  .dkpi-trend{font-size:9px;}

  /* MODAL bottom sheet */
  .modal-overlay{align-items:flex-end !important;padding:0 !important;overflow:hidden !important;touch-action:none !important;}
  .modal{width:100% !important;max-width:100% !important;margin:0 !important;border-radius:20px 20px 0 0 !important;max-height:90vh !important;overflow-x:hidden !important;overflow-y:auto !important;touch-action:pan-y !important;overscroll-behavior-x:none !important;-webkit-overflow-scrolling:touch !important;position:relative !important;left:0 !important;right:0 !important;transform:none !important;}
  #modal-lead [style*="grid-template-columns:1fr 1fr"],
  #modal-lead [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important;gap:0 !important;}
  #nl-nascimento{width:100% !important;box-sizing:border-box !important;display:block !important;padding:10px 12px !important;border-radius:10px !important;}
  #nl-next-date,#nl-next-time{width:100% !important;box-sizing:border-box !important;display:block !important;padding:10px 12px !important;border-radius:10px !important;-webkit-appearance:none !important;}
}

/* ══════════════════════════════════════════════
   Landscape mobile
══════════════════════════════════════════════ */
@media(max-width:768px) and (orientation:landscape){
  #mobile-nav{display:flex !important;height:44px !important;padding:2px 4px !important;overflow-x:hidden !important;}
  #app{padding-bottom:44px !important;}
  .mn-tab{font-size:8px !important;padding:2px 4px !important;min-width:0 !important;flex:1 !important;}
  .mn-tab .mn-icon{font-size:14px !important;}
  #btn-mais{display:flex !important;}
  #mais-menu{bottom:44px !important;}
  .nav-tabs{display:none !important;}
  #page-dashboard{overflow-x:hidden !important;touch-action:pan-y !important;overscroll-behavior-x:none !important;}
  #page-dashboard *{max-width:100vw !important;box-sizing:border-box !important;}
  .dash-layout,.dash-kpi-grid,.d2col{overflow-x:hidden !important;touch-action:pan-y !important;}
  .dash-period-bar{overflow-x:hidden !important;flex-wrap:wrap !important;}
  .dash-kpi-grid{grid-template-columns:repeat(3,1fr) !important;overflow-x:hidden !important;}
  .d2col{grid-template-columns:1fr 1fr !important;overflow-x:hidden !important;}
}

/* ══════════════════════════════════════════════
   min-width: 600px and max-width: 768px
══════════════════════════════════════════════ */
@media(min-width:600px) and (max-width:768px){
  .mn-tab{max-width:100px;}
  #mobile-nav{justify-content:center;gap:8px;}
}