/* Mockups de demandas: trilho + palco e painel pessoal. */
.escolha-demanda { position: relative; }
.escolha-demanda .rotulo-bloco { font-size: 26px; font-weight: 800; letter-spacing: -.02em; color: var(--text); margin-bottom: 8px; }
.escolha-demanda .obrig { font-family: var(--corpo); font-size: 13px; margin-left: 6px; }
.escolha-ajuda { font-size: 12.5px; color: var(--muted); margin: 0 0 16px; }
.escolha-demanda .canais { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 8px; background: var(--surface-2); border-radius: 14px; }
.escolha-demanda .canal label { padding: 15px 16px; gap: 13px; border: 1px solid transparent; border-radius: 10px; background: transparent; height: 100%; box-shadow: none; }
.escolha-demanda .canal input:checked + label { background: var(--surface); border-color: var(--line); box-shadow: var(--sombra); }
.escolha-demanda .canal-icone { width: 38px; height: 38px; border-radius: 11px; font-size: 15px; flex-shrink: 0; }
.escolha-demanda .canal-icone img { display: block; width: 32px; height: 22px; object-fit: contain; }
.escolha-demanda .canal-gabinete .canal-icone { background: var(--cor-canal); }
.escolha-demanda .canal label .nome { font-family: var(--display); font-size: 15px; line-height: 1.25; }
.escolha-demanda .canal label .sub { font-size: 11.8px; margin-top: 3px; }
.escolha-demanda .canal-check { display: none; }
.escolha-demanda .subtipos { display: grid; grid-template-columns: 34% minmax(0,1fr); margin-top: 16px; padding: 0; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: var(--surface); }
.escolha-demanda .subtipos[hidden] { display: none; }
.equipe-palco { position: relative; isolation: isolate; overflow: hidden; padding: 26px 24px 24px; background: var(--cor-canal); color: white; }
.equipe-palco::before { content: ''; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg,var(--chev-1) 33.33%,var(--chev-2) 33.33% 66.66%,var(--chev-3) 66.66%); }
.equipe-eyebrow { display: block; margin-bottom: 10px; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.equipe-palco h2 { margin: 0 0 10px; font: 800 27px/1.15 var(--display); letter-spacing: -.02em; color: inherit; }
.equipe-palco p { margin: 0; font-size: 13.5px; line-height: 1.55; }
.equipe-prazo { position: relative; display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 8px 12px; background: white; color: #16243c; border-radius: 30px; font-size: 12px; font-weight: 600; }
.equipe-marca { position: absolute; right: -16px; bottom: -26px; font-size: 130px; opacity: .13; z-index: -1; }
.equipe-marca-gabinete { right: -44px; bottom: -4px; width: 330px; height: auto; opacity: .16; }
.equipe-atalhos { padding: 24px 26px 26px; }
.escolha-demanda .subtipos-titulo { gap: 4px 10px; font-size: 16px; margin-bottom: 14px; }
.escolha-demanda .subtipos-lista { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.escolha-demanda .subtipo { padding: 13px 14px; border-radius: 11px; gap: 12px; text-align: left; font-size: 13px; }
.escolha-demanda .subtipo i { width: 32px; height: 32px; display: grid; place-items: center; flex-shrink: 0; border-radius: 9px; background: color-mix(in srgb,var(--cor-canal) 10%,var(--surface)); }
.escolha-demanda .subtipo[aria-pressed="true"] i { background: #ffffff26; }
.escolha-demanda .subtipos-aviso { margin-top: 15px; font-size: 12.8px; }
.escolha-demanda .subtipos-aviso:empty { display: none; }
.campo-com-icone { position: relative; }
.campo-com-icone > i { position: absolute; z-index: 1; left: 14px; top: 50%; transform: translateY(-50%); color: var(--marcador); font-size: 0.85rem; pointer-events: none; }
.campo-com-icone .form-control { padding-left: 40px; }
.opcoes-rapidas { display: flex; flex-wrap: wrap; gap: 8px; }
.opcoes-rapidas button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid var(--line-forte);
    border-radius: 9px;
    background: var(--surface);
    color: var(--text);
    font: 600 0.78rem/1.2 var(--corpo);
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
}
.opcoes-rapidas button i { width: 15px; color: var(--canal-arte); text-align: center; }
.opcoes-rapidas button:hover { border-color: var(--canal-arte); }
.opcoes-rapidas button[aria-pressed="true"] { border-color: var(--canal-arte); background: var(--canal-arte); color: #fff; }
.opcoes-rapidas button[aria-pressed="true"] i { color: #fff; }
.opcoes-rapidas button:focus-visible { outline: 3px solid var(--marca-clara); outline-offset: 2px; }
[data-tema="escuro"] .equipe-palco { color: #071120; }
.meu-dia-ui { padding: 2px 0 30px; }
.dia-cabecalho { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 26px; }
.dia-cabecalho h1 { font: 800 34px/1.1 var(--display); letter-spacing: -.025em; margin: 0; }
.dia-cabecalho p:not(.dia-eyebrow) { margin: 8px 0 0; font-size: 14px; color: var(--muted); max-width: 620px; }
.dia-eyebrow { margin: 0 0 12px; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.dia-acoes { display: flex; gap: 10px; flex-shrink: 0; }
.dia-indicadores { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin-bottom: 28px; }
.dia-indicador { text-decoration: none; padding: 16px 18px; border: 1px solid var(--line); border-left: 4px solid var(--foco); border-radius: 12px; background: var(--surface); color: var(--text); transition: background .15s; }
.dia-indicador:hover, .dia-indicador[aria-current] { color: var(--text); background: color-mix(in srgb,var(--foco) 7%,var(--surface)); box-shadow: var(--sombra); }
.dia-indicador[aria-current] { outline: 1px solid var(--foco); outline-offset: -1px; }
.dia-indicador-numero { display: flex; align-items: center; justify-content: space-between; color: var(--foco); font: 800 32px/1 var(--display); font-variant-numeric: tabular-nums; }
.dia-indicador-numero i { font-size: 16px; opacity: .65; }
.dia-indicador strong { display: block; margin-top: 10px; font-size: 13px; line-height: 1.35; }
.dia-indicador small { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }
.dia-colunas { display: grid; grid-template-columns: minmax(0,2.1fr) minmax(285px,1fr); gap: 20px; align-items: start; }
.dia-painel { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--sombra); overflow: hidden; }
.dia-painel header { display: flex; align-items: center; gap: 12px; padding: 20px 22px; border-bottom: 1px solid var(--line); }
.dia-painel h2 { margin: 0; font: 800 19px/1.25 var(--display); letter-spacing: -.02em; }
.dia-painel header p { color: var(--muted); font-size: 12px; margin: 4px 0 0; }
.dia-painel header .btn { margin-left: auto; white-space: nowrap; font-size: 12px; }
.dia-icone { display: grid; place-items: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 12px; background: color-mix(in srgb,var(--foco) 10%,var(--surface)); color: var(--foco); }
.dia-lista { padding: 16px 18px 20px; display: grid; gap: 9px; }
.dia-demanda { display: grid; grid-template-columns: minmax(0,1fr) auto 100px; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--line); border-left: 4px solid var(--foco); border-radius: 7px; color: var(--text); text-decoration: none; }
.dia-demanda:hover { background: var(--surface-2); color: var(--text); border-color: var(--line-forte); border-left-color: var(--foco); }
.dia-demanda-texto { min-width: 0; overflow-wrap: anywhere; }
.dia-demanda-texto > strong { display: block; font: 700 15px/1.35 var(--display); margin: 4px 0; }
.dia-equipe { font-size: 10px; text-transform: uppercase; font-weight: 700; letter-spacing: .05em; }
.dia-demanda small { display: block; font-size: 11px; color: var(--muted); }
.dia-status { display: inline-flex; gap: 6px; align-items: center; border-radius: 30px; background: var(--surface-2); padding: 5px 9px; font-size: 11px; max-width: 145px; }
.dia-status i { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.dia-prazo { text-align: right; font-size: 12px; font-variant-numeric: tabular-nums; }
.dia-prazo strong { color: var(--foco); }
.dia-lateral { display: grid; gap: 20px; }
.dia-lateral header { padding: 17px 20px; color: var(--marca); }
.dia-lateral h2 { color: var(--text); font-size: 16px; }
.dia-noticia, .dia-compromisso { display: flex; gap: 11px; padding: 14px 20px; border-bottom: 1px solid var(--line); color: var(--text); text-decoration: none; font-size: 12px; }
.dia-noticia:hover, .dia-compromisso:hover { background: var(--surface-2); }
.dia-noticia strong, .dia-compromisso strong { display: block; font-size: 13px; margin-bottom: 3px; }
.dia-ponto { width: 7px; height: 7px; flex-shrink: 0; margin-top: 6px; border-radius: 50%; background: var(--marca); }
.dia-compromisso time { color: var(--canal-pauta); font-weight: 800; font-size: 15px; min-width: 48px; }
.dia-compromisso small { color: var(--muted); }
.dia-painel footer { padding: 13px 20px; background: var(--surface-2); font-size: 12px; }
.dia-painel footer a { display: flex; align-items: center; justify-content: space-between; text-decoration: none; }
.dia-contagem { margin-left: auto; color: var(--muted); font-size: 12px; }
.dia-sem-itens { padding: 22px 20px; margin: 0; font-size: 13px; color: var(--muted); }
.dia-vazio { padding: 45px 20px; text-align: center; color: var(--muted); }
.dia-vazio > i { display: inline-grid; place-items: center; width: 48px; height: 48px; background: var(--surface-2); color: var(--canal-pauta); border-radius: 50%; margin-bottom: 16px; }
.dia-vazio h3 { font: 700 17px var(--display); color: var(--text); }
.dia-vazio p { font-size: 13px; margin: 8px auto 0; max-width: 340px; }
@media (max-width: 1100px) { .dia-cabecalho { align-items: start; flex-direction: column; } .dia-demanda { grid-template-columns: minmax(0,1fr) 100px; } .dia-status { grid-column: 1; grid-row: 2; justify-self: start; } .dia-prazo { grid-column: 2; grid-row: 1 / 3; } .dia-demandas header { flex-wrap: wrap; } }
@media (max-width: 850px) { .dia-indicadores { grid-template-columns: repeat(3,minmax(0,1fr)); } .dia-colunas { grid-template-columns: 1fr; } .dia-lateral { grid-template-columns: repeat(2,minmax(0,1fr)); } .escolha-demanda .subtipos { grid-template-columns: 1fr; } .equipe-palco h2 { font-size: 24px; } }
@media (max-width: 575px) { .escolha-demanda .rotulo-bloco { font-size: 21px; } .escolha-demanda .canais { gap: 4px; padding: 6px; } .escolha-demanda .canal label { flex-direction: column; text-align: center; padding: 10px 4px; gap: 6px; justify-content: flex-start; } .escolha-demanda .canal label .nome { font-size: 11px; } .escolha-demanda .canal label .sub { display: none; } .escolha-demanda .canal-icone { width: 30px; height: 30px; } .equipe-palco { padding: 20px 18px; } .equipe-atalhos { padding: 16px; } .escolha-demanda .subtipos-lista { grid-template-columns: 1fr; } .dia-cabecalho h1 { font-size: 30px; } .dia-acoes { width: 100%; flex-wrap: wrap; } .dia-acoes .btn { flex: 1; } .dia-indicadores { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .dia-indicador { padding: 14px; } .dia-indicador:last-child { grid-column: 1 / -1; } .dia-lateral { grid-template-columns: 1fr; } .dia-painel header { padding: 16px; } .dia-painel h2 { font-size: 17px; } .dia-lista { padding: 12px; } .dia-demanda { padding: 12px; gap: 10px; } }
[data-contraste="alto"] .equipe-palco { background: var(--surface); color: var(--text); }
@media (prefers-reduced-motion: reduce) { .dia-indicador { transition: none; } }
.escolha-demanda .canal-texto { padding-right: 0; }
/* Tons mais sóbrios, mantendo a identificação institucional de cada equipe. */
[data-tema="claro"]:not([data-contraste="alto"]) :is(.escolha-demanda,.meu-dia-ui) {
    --canal-cobertura: #185f96;
    --canal-arte: #496e36;
    --canal-gabinete: #886522;
}
@media (min-width: 1000px) {
    .escolha-ajuda { position: absolute; top: 5px; right: 0; }
    .escolha-demanda .rotulo-bloco { margin-bottom: 16px; padding-right: 290px; }
}
@media (max-width: 575px) {
    .dia-acoes .btn { padding: 11px 10px; font-size: 13px; white-space: nowrap; }
}