/* V22.3.96 / build 2419 — rebranding visual da Agenda e dos Detalhes da Agenda.
   Escopo restrito: somente #agendaView e #jobDetailsDialog. Nenhum texto, botão ou fluxo foi alterado. */

#agendaView{
  --agenda-accent:#ffd400;
  --agenda-shell:#0e1014;
  --agenda-surface:#15181e;
  --agenda-surface-2:#1b1f27;
  --agenda-line:#313642;
  --agenda-soft:#98a0ad;
  --agenda-white:#f8f8f4;
  --agenda-shadow:0 22px 54px rgba(0,0,0,.26);
}
#agendaView .section-head{position:relative;overflow:hidden;margin-bottom:22px;padding:28px 30px;border-radius:28px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at top right, rgba(255,212,0,.18), transparent 28%),linear-gradient(135deg, rgba(255,212,0,.08), transparent 32%),linear-gradient(180deg, #12151c, #0c0f14 78%);box-shadow:var(--agenda-shadow);align-items:center}
#agendaView .section-head::after{content:"";position:absolute;inset:auto -48px -48px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(255,212,0,.12) 0%, rgba(255,212,0,0) 68%);pointer-events:none}
#agendaView .section-head>div:first-child{position:relative;z-index:1;max-width:760px}
#agendaView .section-head .eyebrow{color:var(--agenda-accent)!important;letter-spacing:.16em;font-size:.72rem}
#agendaView .section-head h3{margin:4px 0 8px;color:var(--agenda-white)!important;font-size:clamp(2rem,3vw,2.8rem);line-height:.98;letter-spacing:-.04em}
#agendaView .section-head p:not(.eyebrow){margin:0;color:#c5cad3!important;max-width:620px;line-height:1.5}
#agendaView .agenda-head-actions{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#agendaView .agenda-head-actions .btn{min-height:46px;padding:0 16px;border-radius:14px;font-weight:800;box-shadow:none}
#agendaView .agenda-head-actions .btn.btn-ghost{background:rgba(255,255,255,.04);border-color:#39404d;color:#f0f1ed}
#agendaView .agenda-head-actions .btn.btn-primary{background:var(--agenda-accent);border-color:var(--agenda-accent);color:#111216}
#agendaView .overdue-banner{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;margin-bottom:18px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,212,0,.24);background:linear-gradient(180deg, rgba(255,212,0,.14), rgba(255,212,0,.07));box-shadow:0 16px 36px rgba(0,0,0,.14)}
#agendaView .overdue-banner strong{color:#111216;background:var(--agenda-accent);padding:7px 12px;border-radius:999px;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
#agendaView .overdue-banner span{color:#f3f3ef;line-height:1.45}
#agendaView .agenda-list{gap:16px}
#agendaView .agenda-card{position:relative;overflow:hidden;display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:132px;padding:20px;border-radius:24px;border:1px solid var(--agenda-line);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),linear-gradient(180deg, var(--agenda-surface), #101319);box-shadow:var(--agenda-shadow)}
#agendaView .agenda-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(180deg, var(--agenda-accent), #8b7100);opacity:.95}
#agendaView .agenda-card.agenda-overdue{border-color:#735509;background:linear-gradient(180deg, rgba(255,212,0,.08), rgba(255,212,0,.03)),linear-gradient(180deg, #19140a, #12151a 74%)}
#agendaView .date-block{position:relative;display:grid;gap:4px;align-content:center;justify-items:center;min-height:92px;padding:12px 10px;border-radius:20px;border:1px solid rgba(255,212,0,.36);background:linear-gradient(180deg, rgba(255,212,0,.12), rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#agendaView .date-block b{font-size:2.15rem;line-height:.92;color:var(--agenda-white)}
#agendaView .date-block span{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--agenda-accent);font-weight:800}
#agendaView .agenda-main{display:grid;gap:10px;min-width:0}
#agendaView .agenda-title-line{gap:10px}
#agendaView .agenda-title-line strong{font-size:1.14rem;color:var(--agenda-white);line-height:1.15;letter-spacing:-.02em}
#agendaView .agenda-card p{margin:0;color:var(--agenda-soft);font-size:.92rem;line-height:1.45}
#agendaView .finance-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#agendaView .finance-status.pendente{color:#f6f7f2;border-color:#434854;background:#1c2028}
#agendaView .finance-status.pago{color:#111216;background:var(--agenda-accent);border-color:var(--agenda-accent)}
#agendaView .finance-status.atrasado{color:#111216;background:#ffce3a;border-color:#ffce3a}
#agendaView .agenda-finance-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:0}
#agendaView .agenda-finance-line span{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#d7dce5;font-size:.73rem;font-weight:800}
#agendaView .agenda-finance-line span:first-child{background:rgba(255,212,0,.13);border-color:rgba(255,212,0,.32);color:#fff2ad;font-size:.86rem}
#agendaView .agenda-actions{display:grid;gap:8px;min-width:150px}
#agendaView .agenda-actions .btn{width:100%;min-height:42px;border-radius:13px;font-weight:800}
#agendaView .agenda-actions .btn.btn-primary{background:var(--agenda-accent);border-color:var(--agenda-accent);color:#111216}
#agendaView .agenda-actions .btn.btn-ghost{background:rgba(255,255,255,.03);border-color:#39404c;color:#f2f3ee}
#agendaView .agenda-pagination{margin-top:4px;padding:22px 0 6px;gap:14px}
#agendaView .agenda-pagination button{min-height:44px;padding:9px 16px;border-radius:13px;border:1px solid #39404c;background:#161920;color:#fff;font-weight:800}
#agendaView .agenda-pagination span{color:#bfc5cf}
#agendaView .empty{padding:28px 24px;border-radius:22px;border:1px dashed #404653;background:linear-gradient(180deg,#12151b,#0e1116);color:#cbd0d8;text-align:center}
#jobDetailsDialog{--agenda-accent:#ffd400;width:min(980px,calc(100vw - 28px));max-width:980px;border:0;background:transparent}
#jobDetailsDialog::backdrop{background:rgba(5,7,10,.72);backdrop-filter:blur(5px)}
#jobDetailsDialog>.dialog-card{padding:22px;border-radius:28px;border:1px solid #2f3440;background:radial-gradient(circle at top right, rgba(255,212,0,.12), transparent 25%),linear-gradient(180deg, #14171d, #0d1014 92%);box-shadow:0 32px 80px rgba(0,0,0,.42)}
#jobDetailsDialog .dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.08)}
#jobDetailsDialog .dialog-head .eyebrow{color:var(--agenda-accent)!important;letter-spacing:.16em;font-size:.72rem}
#jobDetailsDialog .dialog-head h3{margin:5px 0 0;color:#f8f8f4!important;font-size:clamp(1.7rem,2vw,2.2rem);line-height:1.02;letter-spacing:-.035em}
#jobDetailsDialog .icon-btn{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:14px;border:1px solid #3a404d;background:#181c23;color:#f3f3ef;font-size:1.35rem}
#jobDetailsDialog .job-details-body{margin-bottom:16px;padding:18px;border-radius:22px;border:1px solid #2e3440;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015))}
#jobDetailsDialog .job-detail-grid{gap:12px;margin:0}
#jobDetailsDialog .job-detail-grid>div{min-width:0;padding:16px;border-radius:18px;border:1px solid #363c49;background:linear-gradient(180deg,#1a1e26,#14181f);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
#jobDetailsDialog .job-detail-grid span{color:#b3bac6;font-size:.68rem;letter-spacing:.14em}
#jobDetailsDialog .job-detail-grid strong,#jobDetailsDialog .job-detail-grid p,#jobDetailsDialog .job-day-detail p{color:#f6f7f2}
#jobDetailsDialog .job-detail-grid strong{font-size:1rem;line-height:1.3}
#jobDetailsDialog .job-detail-grid p{line-height:1.55}
#jobDetailsDialog .workflow-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
#jobDetailsDialog .workflow-actions .btn{min-height:46px;border-radius:14px;font-weight:800;background:#181c23;border-color:#39404c;color:#f4f5f0}
#jobDetailsDialog .workflow-actions .btn.btn-primary{background:var(--agenda-accent);border-color:var(--agenda-accent);color:#111216}
#jobDetailsDialog .job-workflow-pane{margin-top:0;padding:18px;border-radius:22px;border:1px solid #303642;background:linear-gradient(180deg,#171b22,#101319)}
#jobDetailsDialog .job-workflow-view-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
#jobDetailsDialog .job-workflow-view-head .eyebrow{color:var(--agenda-accent)!important;font-size:.68rem;letter-spacing:.14em}
#jobDetailsDialog .job-workflow-view-head h3{margin:5px 0 0;color:#f8f8f4;font-size:1.2rem}
#jobDetailsDialog .job-workflow-open-icon{width:42px;height:42px;border-radius:13px;border:1px solid #3c4350;background:#1b1f27;color:#f3f3ef}
#jobDetailsDialog .job-workflow-content{color:#f2f3ee}
#jobDetailsDialog .job-share-slot,#jobDetailsDialog .job-workflow-footer{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
#jobDetailsDialog .job-workflow-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
#jobDetailsDialog .job-workflow-footer .btn{min-height:44px;border-radius:13px;font-weight:800}
#jobDetailsDialog .job-workflow-footer .btn.btn-primary{background:var(--agenda-accent);border-color:var(--agenda-accent);color:#111216}
#jobDetailsDialog .job-workflow-footer .btn.btn-ghost{background:#181c23;border-color:#39404c;color:#f3f4ef}
#jobDetailsDialog .field-help{display:block;margin-top:14px;padding:13px 15px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#bfc5cf;line-height:1.45}
@media(max-width:980px){#agendaView .agenda-card{grid-template-columns:78px minmax(0,1fr);gap:16px}#agendaView .agenda-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}}
@media(max-width:760px){#agendaView .section-head{padding:22px 18px;border-radius:24px}#agendaView .section-head h3{font-size:clamp(1.7rem,8vw,2.2rem)}#agendaView .section-head p:not(.eyebrow){font-size:.92rem}#agendaView .agenda-head-actions{width:100%}#agendaView .agenda-head-actions .btn{flex:1 1 180px}#agendaView .overdue-banner{grid-template-columns:1fr}#agendaView .agenda-card{grid-template-columns:1fr;gap:14px;padding:16px 16px 17px 18px}#agendaView .agenda-card::before{top:16px;bottom:16px}#agendaView .date-block{min-height:unset;grid-template-columns:auto auto;grid-auto-flow:column;justify-content:start;align-items:center;gap:10px;padding:10px 12px}#agendaView .date-block b{font-size:1.55rem}#agendaView .agenda-title-line strong{font-size:1.05rem}#agendaView .agenda-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#agendaView .agenda-actions .btn{min-height:40px;padding:0 8px;font-size:.76rem}#jobDetailsDialog>.dialog-card{padding:18px;border-radius:24px}#jobDetailsDialog .dialog-head h3{font-size:clamp(1.4rem,7vw,1.8rem)}#jobDetailsDialog .workflow-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){#agendaView .section-head{padding:20px 16px 18px}#agendaView .agenda-head-actions{display:grid;grid-template-columns:1fr}#agendaView .agenda-finance-line span{width:100%;justify-content:flex-start}#agendaView .agenda-actions{grid-template-columns:1fr}#jobDetailsDialog .workflow-actions{grid-template-columns:1fr}}

/* Precedência sobre a regra legada dark, sem afetar outras páginas ou diálogos. */
html[data-theme="dark"] #agendaView .agenda-card{background:linear-gradient(180deg,#1b1e25,#111319)!important;border-color:#343945!important;color:#f8f8f4!important}
html[data-theme="dark"] #agendaView .agenda-card.agenda-overdue{background:linear-gradient(180deg,#28210f,#17191d)!important;border-color:#80621b!important}
html[data-theme="dark"] #jobDetailsDialog>.dialog-card{background:linear-gradient(160deg,#181b23,#0e1015)!important;border-color:#343944!important;color:#f8f8f4!important}
html[data-theme="dark"] #jobDetailsDialog .job-details-body{background:#15181e!important;border-color:#303641!important}
html[data-theme="dark"] #jobDetailsDialog .job-detail-grid>div{background:linear-gradient(180deg,#1e222a,#161920)!important;border-color:#343a45!important}
@media(max-width:430px){#agendaView .agenda-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#jobDetailsDialog .workflow-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V22.3.109 / build 2432 — data da Agenda no celular: mes abaixo do dia, sem invadir valores. */
@media (max-width:760px){
  #agendaView .agenda-card{
    grid-template-columns:64px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  #agendaView .date-block{
    grid-column:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    justify-self:stretch;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:76px;
    gap:4px;
    padding:9px 4px;
    overflow:hidden;
  }
  #agendaView .date-block b{
    display:block;
    font-size:1.55rem;
    line-height:1.05;
    white-space:nowrap;
  }
  #agendaView .date-block span{
    display:block;
    width:100%;
    font-size:.68rem;
    line-height:1.2;
    letter-spacing:.045em;
    text-align:center;
    white-space:nowrap;
  }
  #agendaView .agenda-main{min-width:0}
  #agendaView .agenda-actions{grid-column:1/-1}
}