/* Meki | Visão Gerencial premium — referência aprovada 14/10/2026.
 * SOMENTE celular. Layout, métricas, links e dados permanecem reais.
 */
.mg-premium-header-title{display:none}
@media screen and (max-width:760px){
  #app:has(#gerencial.active) .main{
    background:radial-gradient(ellipse at 75% 3%,rgba(14,69,112,.28),transparent 37%),#061625!important;
    min-height:100dvh;
  }
  #app:has(#gerencial.active) .app-topbar{
    min-height:101px!important;margin:0 -15px 13px!important;
    padding:15px 14px 19px!important;background:linear-gradient(115deg,#0b2c4a,#071728)!important;
    border-bottom:1px solid #17445d!important;box-shadow:none!important;
  }
  #app:has(#gerencial.active) .mobile-app-header{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 45px;
    gap:8px;align-items:center;width:100%;
  }
  #app:has(#gerencial.active) .mobile-brand-column{justify-content:center;gap:2px}
  #app:has(#gerencial.active) .mobile-brand{width:100%;min-height:41px;justify-content:flex-start}
  #app:has(#gerencial.active) .mobile-brand img{
    width:min(100%,117px);height:auto;max-height:45px;
    filter:none!important;object-fit:contain;object-position:left center;
  }
  #app:has(#gerencial.active) #agendaMobileSyncStatus{
    display:block!important;font-size:9px;line-height:1.2;color:#28e1d2;
    margin:0 0 0 3px;white-space:normal;
  }
  #app:has(#gerencial.active) .mg-premium-header-title{
    display:flex;flex-direction:column;text-align:center;justify-content:center;
    align-items:center;gap:4px;min-width:0;
  }
  #app:has(#gerencial.active) .mg-premium-header-title strong{
    color:#f5fcff;white-space:nowrap;font-size:clamp(12px,3.8vw,16px);
    line-height:1.15;font-weight:840;letter-spacing:-.03em;
  }
  #app:has(#gerencial.active) .mg-premium-header-title span{
    font-size:clamp(10px,3.25vw,13px);color:#20e9d8;max-width:100%;
    text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:650;
  }
  #app:has(#gerencial.active) .mobile-header-actions{justify-content:flex-end;gap:0}
  #app:has(#gerencial.active) .mobile-header-actions .mobile-bell,
  #app:has(#gerencial.active) #teamTaskMobileBell{display:none!important}
  #app:has(#gerencial.active) .mobile-avatar{
    background:#124165;border:2px solid #75cbd9;width:43px;height:43px;
    box-shadow:0 3px 16px #0005;color:#fff;
  }
  #app #gerencial.mg{
    --text:#f2f8ff;--muted:#a9bfd3;--line:#244a6b;
    --white:#102a43;--bg:#081e33;
    --mg-blue:#47a2ff;--mg-teal:#27e5c8;--mg-amber:#ffc662;
    --mg-red:#fb738e;--mg-purple:#b1a1fb;
    color:#e7f2ff;padding-bottom:22px;
  }
  #app #gerencial .mg-head{
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    margin:0 0 15px;
  }
  #app #gerencial .mg-overline{
    color:#24d6d4;font-size:9px;font-weight:820;letter-spacing:.09em;
    line-height:1.45;
  }
  #app #gerencial .mg-head h1{
    color:#f5faff;font-size:30px;font-weight:850;letter-spacing:-.042em;
    line-height:1.12;margin:6px 0 7px;
  }
  #app #gerencial .mg-head p{
    color:#b8d0df;font-size:12px;line-height:1.47;max-width:42ch;margin:0;
  }
  #app #gerencial .mg-filters{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"day month" "today today";
    column-gap:10px;row-gap:10px;width:100%;align-items:end;
    margin-top:16px;padding:0 2px;
  }
  #app #gerencial .mg-filters label{color:#b5cfe2;font-size:11px;gap:6px;font-weight:750}
  #app #gerencial .mg-filters input{
    display:block;width:100%;min-width:0;max-width:none;
    background:linear-gradient(140deg,#112f4c,#0b2239)!important;
    border:1px solid #285b83!important;border-radius:11px!important;
    color:#eaf5ff!important;color-scheme:dark!important;font-size:12px;
    min-height:46px;height:46px;padding:7px 8px;box-sizing:border-box;
    box-shadow:inset 0 1px 3px #0003;
  }
  #app #gerencial .mg-filters .btn{
    grid-area:today;min-width:0;justify-self:center;display:flex;
    align-items:center;justify-content:center;gap:7px;
    width:min(100%,175px);height:40px;min-height:40px;margin:0;
    color:#062b3a!important;background:linear-gradient(110deg,#36f1dc,#1dbfd7)!important;
    border:1px solid #46f8e4!important;border-radius:12px!important;
    font-size:12px;font-weight:830;box-shadow:0 4px 16px #14d9d22a;
  }
  #app #gerencial .mg-mobile-top{display:block;margin:3px 0 13px}
  #app #gerencial .mg-mobile-kpis{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;align-items:stretch;
  }
  #app #gerencial .mg-mobile-kpi{
    --mg-card-border:#255b95;--mg-card-bg:#102946;--mg-icon:#7bb5ff;
    position:relative;display:flex;flex-direction:column;align-items:flex-start;
    min-width:0;min-height:149px;height:auto;overflow:hidden;
    border:1px solid var(--mg-card-border)!important;
    background:radial-gradient(circle at 0 0,rgba(53,123,224,.14),transparent 76%),
      linear-gradient(145deg,var(--mg-card-bg),#0b213a)!important;
    border-radius:16px!important;padding:13px 12px 12px!important;
    box-shadow:inset 0 1px 0 #ffffff0c,0 5px 15px #0003!important;
  }
  #app #gerencial .mg-mobile-kpi[data-tone="blue"],
  #app #gerencial .mg-mobile-kpi[data-tone="azure"]{
    --mg-card-border:#24559a;--mg-card-bg:#102a50;--mg-icon:#6ea8ff;
  }
  #app #gerencial .mg-mobile-kpi[data-tone="green"]{
    --mg-card-border:#187a79;--mg-card-bg:#0b3940;--mg-icon:#3df1d4;
  }
  #app #gerencial .mg-mobile-kpi[data-tone="risk"]{
    --mg-card-border:#a7782d;--mg-card-bg:#423419;--mg-icon:#ffc65c;
    min-height:184px;
  }
  #app #gerencial .mg-mobile-kpi[data-tone="risk"][data-risk="good"]{
    --mg-card-border:#128771;--mg-card-bg:#0e3d40;--mg-icon:#3aefcd;
  }
  #app #gerencial .mg-mobile-kpi[data-tone="risk"][data-risk="critical"]{
    --mg-card-border:#c16b48;--mg-card-bg:#483020;--mg-icon:#ffad6f;
  }
  #app #gerencial .mg-mobile-kpi-head{
    display:flex;align-items:center;gap:7px;font-weight:780;font-size:11px;
    letter-spacing:-.02em;color:#e5f1ff;line-height:1.28;max-width:100%;
  }
  #app #gerencial .mg-mobile-kpi-icon{
    display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;
    border-radius:10px;background:#ffffff0c!important;
    color:var(--mg-icon)!important;
  }
  #app #gerencial .mg-mobile-kpi-icon .meki-ui-icon{width:22px;height:22px}
  #app #gerencial .mg-mobile-kpi>strong{
    display:block;color:#f8fcff!important;font-size:clamp(20px,6.1vw,27px)!important;
    font-weight:875;line-height:1.12;letter-spacing:-.045em;
    margin:15px 0 5px!important;font-variant-numeric:tabular-nums;
    overflow-wrap:anywhere;
  }
  #app #gerencial .mg-mobile-kpi[data-tone="risk"]>strong{
    font-size:clamp(17px,4.8vw,22px)!important;color:#ffd77d!important;
    margin:9px 0 5px!important;white-space:normal;line-height:1.14;
  }
  #app #gerencial .mg-mobile-kpi>small{
    display:block;color:#adc4d9!important;font-size:10px;line-height:1.37;
  }
  #app #gerencial .mg-mobile-kpi[data-tone="risk"]>small{
    color:#f1d9a9!important;
  }
  #app #gerencial .mg-mobile-kpi[data-tone="risk"] .mg-risk-status{
    color:#ffdf88;background:#665022;border:1px solid #987231;
    font-size:9px;font-weight:800;padding:4px 8px;margin-top:10px;
    border-radius:6px;letter-spacing:.04em;
  }
  #app #gerencial .mg-mobile-kpi[data-tone="risk"] .mg-risk-context{
    margin-top:5px;font-size:10px!important;color:#f3d7a1!important;
  }
  #app #gerencial .mg-mobile-goal-track{
    display:block;width:100%;height:6px;margin:3px 0 9px;
    background:#25446a;border-radius:50px;
  }
  #app #gerencial .mg-mobile-goal-track i{
    display:block;height:100%;border-radius:50px;
    background:linear-gradient(90deg,#28e9d4,#46aefa);
  }
  #app #gerencial .mg-lead{
    display:grid;grid-template-columns:minmax(0,1fr);gap:0;
    padding:18px 15px 0;margin:0 0 13px;
    border:1px solid #b65c78!important;border-left:3px solid #fc6084!important;
    background:radial-gradient(circle at 0 0,rgba(241,78,112,.16),transparent 63%),
      linear-gradient(125deg,#341e38,#1b1d39 78%)!important;
    border-radius:16px;box-shadow:0 5px 19px #0004;
  }
  #app #gerencial .mg-lead.mg-positive{
    border-color:#3c9d95!important;border-left-color:#22dfc5!important;
    background:linear-gradient(130deg,#103740,#132b42)!important;
  }
  #app #gerencial .mg-lead .mg-overline{color:#f3acb9!important;font-size:10px}
  #app #gerencial .mg-lead.mg-positive .mg-overline{color:#50ebd2!important}
  #app #gerencial .mg-lead h2{
    color:#fff6fb;font-weight:820;font-size:clamp(17px,4.4vw,20px);
    line-height:1.27;margin:8px 0 9px;letter-spacing:-.02em;
  }
  #app #gerencial .mg-lead p{
    color:#f0cedc;font-size:11px;line-height:1.56;margin:0 0 15px;
  }
  #app #gerencial .mg-lead-next{
    display:flex;flex-direction:row;align-items:center;justify-content:space-between;
    gap:8px;margin:0 -15px;padding:12px 15px 13px;
    border-left:0;border-top:1px solid #a55b763d;
  }
  #app #gerencial .mg-lead-next .mg-overline{display:none}
  #app #gerencial .mg-lead-next strong{
    color:#e3dae8;font-size:11px;font-weight:760;max-width:45%;
  }
  #app #gerencial .mg-lead-next .btn{
    display:flex;justify-content:center;align-items:center;gap:5px;
    color:#06313f!important;background:linear-gradient(115deg,#31f5da,#25cfdf)!important;
    border:1px solid #40f6e4!important;border-radius:10px;
    margin:0;min-height:38px;padding:9px 11px!important;font-size:11px!important;
    font-weight:850;white-space:nowrap;
  }
  #app #gerencial .mg-mobile-panel{
    display:block;background:linear-gradient(135deg,#102940,#0b2035)!important;
    border:1px solid #1e5375!important;box-shadow:0 6px 18px #0004!important;
    border-radius:16px!important;padding:15px 14px!important;
    margin:0 0 12px!important;color:#eaf5ff;
  }
  #app #gerencial .mg-mobile-panel-head{gap:10px;margin:0 0 12px}
  #app #gerencial .mg-mobile-panel-head h2{
    color:#f6fbff;font-size:14px;line-height:1.25;font-weight:840;
    margin:0;display:flex;align-items:center;gap:8px;
  }
  #app #gerencial .mg-mobile-panel-icon{color:#36f1e0!important;font-size:18px}
  #app #gerencial .mg-mobile-panel-icon .meki-ui-icon{width:19px;height:19px}
  #app #gerencial .mg-mobile-panel-head>span{
    color:#afc8dc;font-size:10px;
  }
  #app #gerencial .mg-mobile-panel-head>button{
    color:#29e8d9!important;font-size:11px;font-weight:780;
    padding:7px 0;border:0;background:transparent;
  }
  #app #gerencial .mg-mobile-bars{
    align-items:end;grid-template-columns:repeat(7,minmax(0,1fr));
    gap:6px;min-height:158px;
  }
  #app #gerencial .mg-mobile-bar-number{
    color:#d2efff;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;
  }
  #app #gerencial .mg-mobile-bar-area{
    height:105px;display:flex;align-items:flex-end;justify-content:center;
    background:linear-gradient(180deg,transparent,#0b3b5433);
    border-bottom:1px solid #35657b!important;border-radius:7px 7px 0 0;
  }
  #app #gerencial .mg-mobile-bar-area i{
    display:block;width:78%;min-height:0;background:linear-gradient(180deg,#38e9ed,#1884bd);
    box-shadow:0 0 12px #1ae4d52b;border-radius:7px 7px 0 0;
  }
  #app #gerencial .mg-mobile-bar-area i.is-selected{
    background:linear-gradient(180deg,#56fafa,#23b1d0);
    box-shadow:0 0 14px #25e6df70;
  }
  #app #gerencial .mg-mobile-bar-day>b{color:#e4f4ff;font-size:10px;font-weight:770}
  #app #gerencial .mg-mobile-bar-day>small{color:#a8c0d3;font-size:9px}
  #app #gerencial .mg-mobile-source{
    margin:13px 0 0;color:#9ebfd2;font-size:10px;line-height:1.5;
  }
  #app #gerencial .mg-mobile-alert,
  #app #gerencial .mg-mobile-specialty{
    display:flex;align-items:center;gap:9px;
    background:transparent!important;border:0!important;
    border-bottom:1px solid #25516a!important;
    color:#e7f3ff!important;width:100%;padding:12px 1px!important;
    cursor:pointer;text-align:left;
  }
  #app #gerencial .mg-mobile-alert:last-child,
  #app #gerencial .mg-mobile-specialty:last-child{border-bottom:0!important}
  #app #gerencial .mg-mobile-alert-symbol{
    display:grid;place-items:center;flex:0 0 36px;height:36px;width:36px;
    border-radius:11px;color:#fd88a2;background:#542a48!important;
  }
  #app #gerencial .mg-mobile-alert.warning .mg-mobile-alert-symbol{
    color:#f6b769;background:#513e2b!important;
  }
  #app #gerencial .mg-mobile-alert-body strong,
  #app #gerencial .mg-mobile-specialty-name strong{
    font-size:11.5px;line-height:1.35;font-weight:800;color:#f2f9ff;
  }
  #app #gerencial .mg-mobile-alert-body small,
  #app #gerencial .mg-mobile-specialty-name small{
    color:#afc3d7!important;font-size:10px;line-height:1.46;
    -webkit-line-clamp:3;
  }
  #app #gerencial .mg-mobile-chevron{color:#a4c1d5;font-size:22px}
  #app #gerencial .mg-mobile-specialty-icon{
    background:#163f56;color:#48e7d6;border-radius:12px;
  }
  #app #gerencial .mg-mobile-specialty-pill{font-size:9px;font-weight:790}
  #app #gerencial .mg-mobile-empty{color:#a6c4d9!important;font-size:11px}
  #app #gerencial .mg-bottom-grid{grid-template-columns:1fr;gap:12px}
  #app #gerencial .mg-block,#app #gerencial .mg-details,
  #app #gerencial .mg-decision{
    background:linear-gradient(145deg,#102b44,#0b2035)!important;
    border:1px solid #245270!important;border-radius:15px;
    color:#eaf5ff;
  }
  #app #gerencial .mg-block{padding:17px}
  #app #gerencial .mg-block h2,
  #app #gerencial .mg-decision h3,#app #gerencial .mg-details summary{color:#f5fbff}
  #app #gerencial .mg-week-day{
    background:#102d45!important;border:1px solid #31536e!important;
    border-radius:10px;color:#effaff;
  }
  #app #gerencial .mg-week-day.current{border-color:#22edda!important}
  #app #gerencial .mg-week-day strong{color:#eaf7ff}
  #app #gerencial .mg-goal-main strong,
  #app #gerencial .mg-finance-grid strong{color:#f2faff}
  #app #gerencial .mg-progress-track>span,
  #app #gerencial .mg-week-track i{background:linear-gradient(90deg,#20e7d1,#2f9ce2)}
  #app #gerencial .mg-simple-table th{background:#143e54;color:#d6eff7}
  #app #gerencial .mg-simple-table td{color:#dceaf6;border-color:#31536b}
  #app #gerencial .mg-details summary{padding:16px}
  #app #gerencial .mg-details-body{padding:14px}
  #app #gerencial .mg-details-body .mg-subdued{color:#a9c4d8}
  #app:has(#gerencial.active) .mobile-bottom-nav{
    background:#07192a!important;border-top:1px solid #1c4e69!important;
    box-shadow:0 -5px 16px #0003!important;min-height:77px!important;
    padding:6px 4px calc(7px + env(safe-area-inset-bottom,0px))!important;
  }
  #app:has(#gerencial.active) .mobile-tab{color:#a0b9d1!important;position:relative}
  #app:has(#gerencial.active) .mobile-tab.active{
    background:transparent!important;color:#35eada!important;
  }
  #app:has(#gerencial.active) .mobile-tab.active::after{
    content:'';position:absolute;bottom:2px;width:23px;height:3px;
    border-radius:5px;background:#37f6e1;
  }
  #app #gerencial :is(button,input):focus-visible{
    outline:2px solid #42f3e1;outline-offset:2px;
  }
}
@media screen and (max-width:375px){
  #app #gerencial .mg-mobile-kpi{padding:11px 9px!important}
  #app #gerencial .mg-mobile-kpi-head{font-size:10px}
  #app #gerencial .mg-mobile-kpi-icon{width:27px;height:27px;flex-basis:27px}
  #app #gerencial .mg-mobile-kpi>strong{font-size:21px!important}
  #app #gerencial .mg-mobile-kpi[data-tone="risk"]>strong{font-size:17px!important}
  #app #gerencial .mg-head h1{font-size:27px}
  #app #gerencial .mg-filters input{font-size:11px}
}
@media print{.mg-premium-header-title{display:none!important}}


/* Ajustes aprovados: logo ORIGINAL, topo enxuto, ocupacao em semaforo.
   Status: >=80% verde, 60–79,9% amarelo, <60% vermelho, sem vagas neutro.
   O JavaScript calcula as classes good/attention/danger/neutral com dados reais. */
@media screen and (max-width:760px){
  #app:has(#gerencial.active) .app-topbar{
    min-height:76px!important;
    padding:8px 12px 10px!important;
    margin:0 -15px 8px!important;
  }
  #app:has(#gerencial.active) .mobile-app-header{
    grid-template-columns:minmax(0,1.03fr) minmax(0,1.14fr) 39px;
    gap:6px;
  }
  #app:has(#gerencial.active) .mobile-brand{min-height:34px!important}
  #app:has(#gerencial.active) .mobile-brand img{
    width:min(100%,108px)!important;
    max-height:36px!important;
    filter:none!important;
  }
  #app:has(#gerencial.active) #agendaMobileSyncStatus{
    font-size:8px!important;line-height:1.1;
    margin-top:0!important;
  }
  #app:has(#gerencial.active) .mg-premium-header-title{gap:2px!important}
  #app:has(#gerencial.active) .mobile-avatar{
    width:38px!important;height:38px!important;
  }
  #app #gerencial .mg-head{
    margin-bottom:9px!important;
  }
  #app #gerencial .mg-head h1{
    font-size:26px!important;
    margin:4px 0 5px!important;
  }
  #app #gerencial .mg-head p{
    font-size:11px!important;line-height:1.38!important;
  }
  #app #gerencial .mg-filters{
    margin-top:10px!important;
    row-gap:7px!important;column-gap:7px!important;
  }
  #app #gerencial .mg-filters label{
    gap:4px!important;font-size:10px!important;
  }
  #app #gerencial .mg-filters input{
    height:37px!important;min-height:37px!important;
    padding:5px 7px!important;
    border-radius:9px!important;font-size:11px!important;
  }
  #app #gerencial .mg-filters .btn{
    height:34px!important;min-height:34px!important;
    width:min(100%,145px)!important;
    font-size:11px!important;border-radius:10px!important;
  }
  #app #gerencial .mg-mobile-top{margin:1px 0 11px!important}

  /* Um único estado por dia, inclusive na borda, na porcentagem e na barra. */
  #app #gerencial .mg-week-day{
    --mg-week-status:#91aabd;
    --mg-week-wash:rgba(80,129,160,.12);
    border-color:var(--mg-week-status)!important;
    background:linear-gradient(140deg,var(--mg-week-wash),#10263d 90%)!important;
    transition:border-color .18s,background .18s,box-shadow .18s;
  }
  #app #gerencial .mg-week-day.good{
    --mg-week-status:#36edb6;
    --mg-week-wash:rgba(25,199,145,.21);
  }
  #app #gerencial .mg-week-day.attention{
    --mg-week-status:#ffcf69;
    --mg-week-wash:rgba(237,172,36,.17);
  }
  #app #gerencial .mg-week-day.danger{
    --mg-week-status:#ff7388;
    --mg-week-wash:rgba(241,77,105,.19);
  }
  #app #gerencial .mg-week-day.neutral{
    --mg-week-status:#91aabd;
    --mg-week-wash:rgba(80,129,160,.12);
  }
  #app #gerencial .mg-week-day strong{
    color:var(--mg-week-status)!important;
  }
  #app #gerencial .mg-week-track{
    background:rgba(154,185,211,.16)!important;
  }
  #app #gerencial .mg-week-track i{
    background:var(--mg-week-status)!important;
    box-shadow:0 0 7px var(--mg-week-status);
  }
  #app #gerencial .mg-week-day.current{
    box-shadow:inset 0 0 0 1px var(--mg-week-status),0 0 0 1px rgba(249,253,255,.2)!important;
  }
}