/* =====================================================================
   AGENDA-OS — Navegação responsiva + ajustes para celular
   Carregado DEPOIS do moderno.css (cabecalho.php, painel.php, login, cadastro).
   ===================================================================== */

:root{
    --bn-h:62px;                                  /* altura da barra inferior */
    --safe-b:env(safe-area-inset-bottom, 0px);
    --safe-t:env(safe-area-inset-top, 0px);
}

/* Badge de conexão (também no painel, que não carrega o moderno.css) */
#status-conexao-badge{font-size:11px;color:#4f7a53;border:1px solid #ddd4c6;
    padding:3px 9px;border-radius:999px;white-space:nowrap;}

html{background:var(--bg,#faf8f5);}

/* Elementos que só existem no celular ficam ocultos no desktop */
.bottomnav,.folha-overlay,.topbar-area{display:none;}

/* ---------- Login / cadastro ---------- */
.tela-acesso .terminal{max-width:420px;width:calc(100% - 32px);}
.login-lembrado{display:flex;align-items:center;gap:14px;margin:18px 0 16px;padding:14px;
    background:var(--surface-2,#f5f1ea);border:1px solid var(--border,#eae3d8);border-radius:12px;}
.ll-avatar,.fc-avatar{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--accent,#c96442);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;font-family:var(--sans);}
.ll-ola{font-weight:600;font-size:16px;}
.ll-email,.fc-email{font-size:13px;color:var(--muted,#78716a);word-break:break-all;}
.btn-entrar{width:100%;padding:13px 18px;font-size:16px;}
.ll-outra{text-align:center;margin-top:14px!important;font-size:14px;}
.lembrar-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text,#26241f);margin:4px 0 6px;cursor:pointer;}
.lembrar-check input{width:18px;height:18px;accent-color:var(--accent,#c96442);margin:0;}

/* =====================================================================
   CELULAR / TABLET (≤ 860px)
   ===================================================================== */
@media (max-width:860px){

    /* --- Barra superior enxuta: marca + área atual + status --- */
    .topbar{padding-top:var(--safe-t);}
    .topbar-in{padding:10px 16px!important;gap:10px!important;}
    .topbar .nav{display:none!important;}
    .topbar .userbox .nome,.topbar .userbox .sair{display:none!important;}
    .topbar .userbox{margin-left:auto;}
    .brand{font-size:17px!important;}
    .topbar-area{display:block;font-size:15px;font-weight:600;color:var(--text,#26241f);
        padding-left:10px;border-left:1px solid var(--border-strong,#ddd4c6);
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

    /* --- Barra inferior fixa --- */
    .bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:950;
        height:calc(var(--bn-h) + var(--safe-b));padding:0 4px var(--safe-b);
        background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
        border-top:1px solid var(--border,#eae3d8);box-shadow:0 -4px 18px rgba(40,30,20,.06);}
    .bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
        min-width:0;height:var(--bn-h);padding:0;margin:0;border:0;border-radius:0;background:transparent!important;
        color:var(--muted,#78716a)!important;text-decoration:none;font-family:var(--sans);font-size:11px;font-weight:600;
        cursor:pointer;-webkit-tap-highlight-color:transparent;}
    .bn-item span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;}
    .bn-item .ico{width:24px;height:24px;padding:3px 14px;box-sizing:content-box;border-radius:999px;transition:background .15s;}
    .bn-item.ativo{color:var(--accent,#c96442)!important;}
    .bn-item.ativo .ico{background:var(--accent-soft,#f3e7e1);}
    .bn-item:active .ico{background:var(--surface-2,#f5f1ea);}

    /* Espaço para o conteúdo não ficar atrás da barra inferior */
    body{padding-bottom:calc(var(--bn-h) + var(--safe-b));}

    /* Botões/avisos flutuantes sobem acima da barra */
    .fab-nova-anotacao{bottom:calc(var(--bn-h) + var(--safe-b) + 14px)!important;}
    .toast-gtd,.pg-toast{bottom:calc(var(--bn-h) + var(--safe-b) + 14px)!important;}

    /* --- Folha "Mais" --- */
    .folha-overlay{display:flex;position:fixed;inset:0;z-index:9990;align-items:flex-end;
        background:rgba(38,30,20,0);transition:background .2s;}
    .folha-overlay[hidden]{display:none;}
    .folha-overlay.aberta{background:rgba(38,30,20,.45);}
    .folha{width:100%;max-height:88vh;overflow-y:auto;background:var(--surface,#fff);
        border-radius:20px 20px 0 0;padding:8px 16px calc(14px + var(--safe-b));
        transform:translateY(100%);transition:transform .22s ease-out;box-shadow:0 -10px 40px rgba(0,0,0,.18);}
    .folha-overlay.aberta .folha{transform:translateY(0);}
    .folha-alca{width:40px;height:5px;border-radius:99px;background:var(--border-strong,#ddd4c6);margin:4px auto 10px;}
    .folha-titulo{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted,#78716a);margin:0 4px 10px;}
    .folha-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
    .folha-item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 4px 12px;
        border-radius:14px;background:var(--surface-2,#f5f1ea);color:var(--text,#26241f)!important;
        text-decoration:none;font-size:13px;font-weight:600;-webkit-tap-highlight-color:transparent;}
    .folha-ico{width:42px;height:42px;border-radius:12px;background:var(--surface,#fff);display:flex;
        align-items:center;justify-content:center;color:var(--accent,#c96442);}
    .folha-ico .ico{width:22px;height:22px;}
    .folha-item.ativo{background:var(--accent,#c96442);color:#fff!important;}
    .folha-item.ativo .folha-ico{background:rgba(255,255,255,.2);color:#fff;}
    .folha-conta{display:flex;align-items:center;gap:12px;margin:16px 0 8px;padding:12px;
        border:1px solid var(--border,#eae3d8);border-radius:14px;}
    .fc-avatar{flex-basis:40px;width:40px;height:40px;font-size:17px;}
    .fc-texto{min-width:0;}
    .fc-nome{font-weight:600;font-size:15px;}
    .folha-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
    .folha-acao{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;
        border:1px solid var(--border-strong,#ddd4c6);color:var(--text,#26241f)!important;text-decoration:none;font-size:14px;font-weight:600;}
    .folha-acao .ico{width:18px;height:18px;}
    .folha-fechar{display:block;width:100%;margin-top:12px;padding:12px;font-size:15px;
        background:transparent!important;color:var(--muted,#78716a)!important;border:0!important;}
    html.folha-travada,html.folha-travada body{overflow:hidden;}

    /* --- Layout geral --- */
    main,.conteudo-principal{padding:18px 14px 28px!important;}
    .rodape{padding-bottom:16px!important;}

    /* Evita o zoom automático do iPhone ao tocar em campos (< 16px dá zoom) */
    input[type=text],input[type=date],input[type=number],input[type=email],input[type=password],
    input[type=time],input[type=search],input[type=tel],select,textarea{font-size:16px!important;}

    /* Tabelas largas rolam na horizontal em vez de estourar a tela */
    .tabela-fin-term{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
}

/* =====================================================================
   CELULAR PEQUENO (≤ 600px)
   ===================================================================== */
@media (max-width:600px){
    .saudacao{font-size:24px!important;}
    .sub{margin-bottom:16px!important;}
    .card{padding:15px!important;}
    .terminal{margin:5vh auto!important;padding:22px 18px!important;}

    /* Calendário do mês: células compactas, contadores viram bolinhas coloridas */
    .calendario-grid{gap:3px!important;}
    .dia-semana-cabecalho{font-size:.68em!important;padding:4px 0!important;}
    .dia-card{min-height:52px!important;padding:5px 4px!important;border-radius:8px!important;}
    .dia-numero{font-size:.88em!important;}
    .badges-container{display:flex;flex-wrap:wrap;gap:3px;}
    .badge-item{font-size:0!important;width:7px;height:7px;padding:0!important;border-radius:50%;display:inline-block;}
    .badge-reuniao{background:#3a6ea5!important;}
    .badge-financeiro{background:#4f7a53!important;}
    .badge-gtd{background:#b4801f!important;}
    .badge-decisao{background:#c96442!important;}
    .badge-revisar{background:#8b5cf6!important;}

    /* Barras de navegação de data/calendário quebram melhor */
    .barra-navegacao-dia,.calendario-header{gap:8px!important;}
    .modal-box{max-height:90vh!important;}
}

/* Bottom bar some quando o teclado/impressão não precisam dela */
@media print{ .bottomnav,.folha-overlay{display:none!important;} body{padding-bottom:0!important;} }