/* A2 Social 19.0.1 — reformulação estrutural das telas de trabalho.
 * Limita-se às páginas autenticadas; NÃO se aplica à impressão, Motz ou relatórios A4.
 */
@media screen {
  body.a2-premium {
    --ref-accent:var(--a2-brand,#315cf5);
    --ref-bg:var(--a2-bg,#f5f7fb);
    --ref-panel:var(--a2-surface,#fff);
    --ref-border:var(--a2-line,#e3e9f3);
    --ref-ink:var(--a2-text-strong,#17243e);
    --ref-muted:var(--a2-muted,#68788f);
    --ref-soft:var(--a2-surface-2,#f8faff);
  }
  body.a2-premium .main {max-width:none}
  .a2-ref-workspace-intro,.a2-ref-section-title,.a2-ref-chart-head {display:flex;align-items:center;justify-content:space-between;gap:20px}
  .a2-ref-workspace-intro {margin:5px 0 16px}
  .a2-ref-workspace-intro h2,.a2-ref-section-title h2{font-size:19px;font-weight:750;letter-spacing:-.04em;margin:0;color:var(--ref-ink)}
  .a2-ref-workspace-intro p,.a2-ref-section-title p{margin:4px 0 0;color:var(--ref-muted);font-size:12px;line-height:1.5}
  .a2-ref-kicker{font-size:10px;letter-spacing:.12em;font-weight:750;color:var(--ref-accent);text-transform:uppercase}
  .a2-ref-inline-link{font-size:12px;font-weight:700;color:var(--ref-accent)!important;white-space:nowrap}
  .a2-ref-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 17px}
  .a2-ref-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 19px;min-width:0;text-decoration:none!important;background:var(--ref-panel);border:1px solid var(--ref-border);border-radius:12px;box-shadow:0 1px 4px rgba(15,30,50,.03);color:var(--ref-ink)!important;transition:border-color .18s,transform .18s}
  a.a2-ref-kpi:hover{border-color:var(--ref-accent);transform:translateY(-1px)}
  .a2-ref-kpi>span{font-size:12px;color:var(--ref-muted);font-weight:600}
  .a2-ref-kpi>strong{font-size:clamp(25px,2.6vw,34px);line-height:1.1;font-weight:750;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--ref-ink)}
  .a2-ref-kpi>small{font-size:11px;line-height:1.4;color:var(--ref-muted)}
  .a2-ref-dashboard-kpis .a2-ref-kpi:nth-child(1){background:color-mix(in srgb,var(--ref-accent) 5%,var(--ref-panel))}
  .a2-ref-dashboard-kpis .a2-ref-kpi:nth-child(2){background:color-mix(in srgb,#9282dc 7%,var(--ref-panel))}
  .a2-ref-dashboard-kpis .a2-ref-kpi:nth-child(3){background:color-mix(in srgb,#efad58 6%,var(--ref-panel))}
  .a2-ref-dashboard-kpis .a2-ref-kpi:nth-child(4){background:color-mix(in srgb,#38b68a 7%,var(--ref-panel))}
  .a2-ref-dashboard-charts{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:15px;margin-bottom:19px}
  .a2-ref-card{background:var(--ref-panel);border:1px solid var(--ref-border);border-radius:13px;padding:20px 22px;min-width:0;box-shadow:0 1px 4px #172c4808}
  .a2-ref-chart-head{align-items:flex-start;margin-bottom:19px}
  .a2-ref-chart-head h2,.a2-ref-next-action h2{font-size:17px;font-weight:750;letter-spacing:-.035em;color:var(--ref-ink);margin:4px 0 5px}
  .a2-ref-chart-head p,.a2-ref-next-action p{font-size:11.5px;color:var(--ref-muted);margin:0;line-height:1.6}
  .a2-ref-legend{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ref-muted);white-space:nowrap;margin-top:6px}
  .a2-ref-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--ref-accent)}
  .a2-ref-legend i.is-done{background:#29b7c0}
  .a2-ref-weekplot{height:207px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:15px;border-bottom:1px solid var(--ref-border);background:repeating-linear-gradient(to top,transparent 0, transparent calc(25% - 1px),var(--ref-border) calc(25% - 1px),var(--ref-border) 25%);padding:6px 12px 0}
  .a2-ref-weekcol{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0;height:100%}
  .a2-ref-weekcol>span{font-size:10px;color:var(--ref-muted)}
  .a2-ref-weekcol>strong{font-size:11px;color:var(--ref-ink);font-variant-numeric:tabular-nums}
  .a2-ref-weekplot-bars{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%;max-width:110px;min-height:0}
  .a2-ref-weekbar{width:28%;min-height:0;display:block;border-radius:6px 6px 0 0;background:var(--ref-accent);transition:height .2s}
  .a2-ref-weekbar.is-done{background:#29b7c0}
  .a2-ref-status-list{display:grid;gap:14px}
  .a2-ref-status-line>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;color:var(--ref-muted);font-size:11.5px}
  .a2-ref-status-line b{font-variant-numeric:tabular-nums;color:var(--ref-ink)}
  .a2-ref-track{height:10px;background:var(--ref-soft);border-radius:4px;overflow:hidden}
  .a2-ref-track i{display:block;height:100%;background:var(--ref-accent);border-radius:4px;min-width:0}
  .a2-ref-track i[data-status="aprovado"],.a2-ref-track i[data-status="publicado"]{background:#21ae92}
  .a2-ref-track i[data-status="revisao"],.a2-ref-track i[data-status="aguardando_aprovacao"]{background:#edac57}
  .a2-ref-total{border-radius:8px;background:var(--ref-soft);padding:7px 10px;color:var(--ref-ink);font-size:11px;white-space:nowrap}
  .a2-ref-note{font-size:10.5px;line-height:1.5;color:var(--ref-muted);margin:13px 0 0}
  .a2-ref-section-title{margin:26px 0 14px;scroll-margin-top:95px}
  /* Dashboard: the operation board remains accessible, but no longer dominates the first viewport. */
  body.a2-ux80-page-dashboard.a2-premium .dashboard-attention-card{margin-top:0;margin-bottom:15px}
  body.a2-ux80-page-dashboard.a2-premium .dashboard-attention-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.a2-ux80-page-dashboard.a2-premium .board-tip{max-width:360px;font-size:11px}
  body.a2-ux80-page-dashboard.a2-premium .trello-list{min-width:205px}
  .a2-ref-traffic-bars{display:grid;gap:18px;padding:5px 0 15px}
  .a2-ref-traffic-bar{display:grid;grid-template-columns:minmax(110px,1.1fr) minmax(90px,3fr) 32px;align-items:center;gap:12px;font-size:11px;color:var(--ref-muted)}
  .a2-ref-traffic-bar>strong{text-align:right;font-size:12px;color:var(--ref-ink)}
  .a2-ref-traffic-bar .a2-ref-track{height:17px}
  .a2-ref-traffic-bar:nth-child(2) i{background:#ff784a}
  .a2-ref-traffic-bar:nth-child(3) i{background:#27a6cf}
  .a2-ref-traffic-bar:nth-child(4) i{background:#21ae92}
  body.a2-ux80-page-dashboard.a2-premium .a2-ref-traffic-charts .a2-ref-status-list{gap:8px}
  /* Project grid is actual PHP items (not a static mock). */
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-manager{padding:19px 20px}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item{display:flex!important;position:relative;min-width:0;align-items:stretch!important;padding:15px!important;border:1px solid var(--ref-border)!important;border-radius:13px!important;background:var(--ref-panel)!important;box-shadow:none!important;min-height:230px}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item:hover{border-color:color-mix(in srgb,var(--ref-accent) 50%,var(--ref-border))!important;box-shadow:0 8px 24px #1b285410!important}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item__body{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item-title{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;padding-right:28px}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item-title h3{font-size:14.5px;font-weight:740;line-height:1.35;overflow-wrap:anywhere;margin:0 0 4px;color:var(--ref-ink)}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item-title p{font-size:11px;color:var(--ref-muted)}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item-title>strong{color:var(--ref-accent);font-size:13px;font-weight:750}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item .monthly-plan-progress{margin:2px 0 3px;width:100%;max-width:none}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-state-line{font-size:11px;line-height:1.6;color:var(--ref-muted);margin:0}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-check{position:absolute;left:auto;right:14px;top:12px;z-index:2}
  .a2-ref-project-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;font-size:10.5px;color:var(--ref-muted)}
  .a2-ref-project-status{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--ref-accent) 8%,var(--ref-panel));color:var(--ref-accent);font-weight:700}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item__actions{margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
  body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item__actions>.btn{flex:1;min-width:0;text-align:center}
  .a2-ref-project-more{position:relative;flex-shrink:0}
  .a2-ref-project-more>summary{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:var(--ref-panel);border:1px solid var(--ref-border);border-radius:10px;font-size:22px;list-style:none;cursor:pointer;color:var(--ref-ink)}
  .a2-ref-project-more>summary::-webkit-details-marker{display:none}
  .a2-ref-project-menu{position:absolute;right:0;bottom:calc(100% + 7px);z-index:5;background:var(--ref-panel);padding:12px;width:190px;border:1px solid var(--ref-border);border-radius:11px;box-shadow:0 12px 40px #0b20402b;display:grid;gap:9px}
  .a2-ref-project-menu>a{font-size:12px;color:var(--ref-ink);padding:8px;text-decoration:none;border-radius:6px}
  .a2-ref-project-menu>a:hover{background:var(--ref-soft)}
  .a2-ref-project-menu>form button{width:100%}
  /* Calendar: reference week-columns, without changing content callbacks and edit modal. */
  body.a2-ux80-page-calendario.a2-premium .calendar-layout{grid-template-columns:minmax(0,1fr);gap:16px}
  body.a2-ux80-page-calendario.a2-premium .calendar-side-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  body.a2-ux80-page-calendario.a2-premium .calendar-main{min-width:0;padding:18px!important}
  body.a2-ux80-page-calendario.a2-premium .calendar-week-view{display:grid!important;grid-template-columns:repeat(7,minmax(148px,1fr))!important;min-width:0;gap:9px;overflow-x:auto;padding-bottom:10px;overscroll-behavior-x:contain}
  body.a2-ux80-page-calendario.a2-premium .calendar-week-column{background:var(--ref-soft)!important;border:1px solid var(--ref-border)!important;border-radius:12px!important;min-width:148px;padding:9px!important;min-height:290px}
  body.a2-ux80-page-calendario.a2-premium .calendar-week-column>header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px;padding:6px 6px 12px!important;border:0!important;background:transparent!important}
  body.a2-ux80-page-calendario.a2-premium .calendar-week-column>header>span{color:var(--ref-muted);font-size:11px}
  body.a2-ux80-page-calendario.a2-premium .calendar-week-column>header>strong{font-size:12px;color:var(--ref-ink)}
  body.a2-ux80-page-calendario.a2-premium .calendar-week-column>header>small{grid-column:1/-1;color:var(--ref-muted);font-size:10px}
  body.a2-ux80-page-calendario.a2-premium .calendar-week-column.is-today{border-color:color-mix(in srgb,var(--ref-accent) 38%,var(--ref-border))!important}
  body.a2-ux80-page-calendario.a2-premium .calendar-week-column .a2-ref-week-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;white-space:normal!important;gap:6px!important;border:1px solid var(--ref-border)!important;background:var(--ref-panel)!important;border-radius:10px!important;margin:0 0 8px!important;padding:12px 10px!important;width:100%;min-width:0;min-height:132px;box-shadow:0 1px 3px #1e335010}
  .a2-ref-week-content .a2-ref-week-client{color:var(--ref-accent)!important;background:color-mix(in srgb,var(--ref-accent) 8%,var(--ref-panel))!important;border:0!important;border-radius:5px;padding:4px 6px!important;font-size:10px!important;font-style:normal!important}
  .a2-ref-week-content strong{font-size:11.5px;font-weight:700;line-height:1.4;color:var(--ref-ink);overflow-wrap:anywhere}
  .a2-ref-week-content small{font-size:10px;color:var(--ref-muted);line-height:1.5}
  .a2-ref-week-content em{margin-top:auto;font-size:10px;color:var(--ref-muted);font-style:normal}
  body.a2-ux80-page-calendario.a2-premium .calendar-view-switch{display:flex;gap:7px;background:transparent}
  body.a2-ux80-page-calendario.a2-premium .calendar-view-switch a.active{background:var(--ref-accent)!important;color:white!important}
  body.a2-ux80-page-calendario.a2-premium .calendar-toolbar{padding:15px!important}
  /* Intelligence: a data-backed overview above the existing working tabs. */
  .a2-ref-ai-overview{margin-top:2px}
  .a2-ref-ai-visuals{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:15px;margin-bottom:17px}
  .a2-ref-ai-bars{display:grid;gap:14px;margin:5px 0 19px}
  .a2-ref-ai-bars>div{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;color:var(--ref-muted);font-size:12px}
  .a2-ref-ai-bars>div strong{color:var(--ref-ink);font-variant-numeric:tabular-nums}
  .a2-ref-ai-bars>div i{grid-column:1/-1;height:10px;border-radius:6px;background:var(--ref-accent);max-width:100%;min-width:0}
  .a2-ref-ai-bars>div i.approved{background:#23b691}
  .a2-ref-next-action{background:color-mix(in srgb,var(--ref-accent) 4%,var(--ref-panel))}
  .a2-ref-next-action p{max-width:340px;margin:12px 0 20px}
  body.a2-ux80-page-a2-intelligence.a2-premium .a2-ai-hub{max-width:none!important}
  body.a2-ux80-page-a2-intelligence.a2-premium .a2-ai-tabs{display:flex;gap:5px!important;overflow-x:auto;flex-wrap:nowrap;padding:4px 0 12px}
  body.a2-ux80-page-a2-intelligence.a2-premium .a2-ai-tabs>a{white-space:nowrap}
  /* On small devices, data wins over ornamentation. */
  @media(max-width:1230px){
    body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-list{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.a2-ux80-page-calendario.a2-premium .calendar-week-view{grid-template-columns:repeat(7,minmax(160px,1fr))!important}
  }
  @media(max-width:940px){
    .a2-ref-dashboard-charts,.a2-ref-ai-visuals{grid-template-columns:1fr}
    .a2-ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.a2-ux80-page-calendario.a2-premium .calendar-side-stack{grid-template-columns:1fr}
  }
  @media(max-width:620px){
    .a2-ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
    .a2-ref-kpi{padding:13px;gap:7px}
    .a2-ref-kpi>strong{font-size:25px}
    .a2-ref-kpi>span{font-size:10.5px}
    .a2-ref-kpi>small{font-size:10px}
    .a2-ref-workspace-intro,.a2-ref-section-title{align-items:flex-start;flex-direction:column;gap:12px}
    .a2-ref-legend{display:none}
    .a2-ref-card{padding:15px}
    .a2-ref-weekplot{height:175px;gap:6px;padding-left:0;padding-right:0}
    body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-list{grid-template-columns:1fr}
    body.a2-ux80-page-conteudo-mensal.a2-premium .monthly-plan-item{min-height:0}
    body.a2-ux80-page-calendario.a2-premium .calendar-main{padding:12px!important}
    body.a2-ux80-page-calendario.a2-premium .calendar-week-view{grid-template-columns:repeat(7,minmax(170px,1fr))!important}
    body.a2-ux80-page-calendario.a2-premium .calendar-week-column{min-width:170px}
    body.a2-ux80-page-dashboard.a2-premium .dashboard-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media(prefers-reduced-motion:reduce){.a2-ref-kpi,.a2-ref-weekbar{transition:none}}
}