/* CBM System · Etapa 8 — Clareza, respiro e hierarquia.
   CSS estritamente visual: sem dependências e sem alterar fluxos de dados.
   Carregado DEPOIS de style.css e halloween-edition.css.
*/

/* 1. Estrutura e navegação: aplicar nos temas padrão, escuro e Halloween. */
@media (min-width:851px){
  .app-shell .layout-body{min-width:0;align-items:start}
  .app-shell .main-content{
    min-width:0;width:100%;max-width:none;
    padding:clamp(26px,2.6vw,44px) clamp(26px,2.5vw,44px) 96px!important;
  }
  .app-shell .widget-rail{min-width:0;padding:clamp(26px,2.6vw,44px) 20px 70px 0!important}
  .app-shell .sidebar{
    position:sticky;top:var(--top);align-self:start;
    height:calc(100dvh - var(--top));min-height:0;
    display:flex;flex-direction:column;overflow:hidden;
  }
  .app-shell .sidebar .side-scroll{
    min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;scrollbar-color:#a6a9a0 transparent;
    padding:5px 0 10px;
  }
  .app-shell .side-scroll:before,.app-shell .side-scroll:after{display:none}
  .app-shell .side-account{flex:none}
  .app-shell .side-bottom{flex:none}
}
.app-shell .sidebar :is(.side-scroll,.side-account){scrollbar-width:thin}
.app-shell .side-scroll::-webkit-scrollbar,.app-shell .widget-rail::-webkit-scrollbar,
.admin-sidebar::-webkit-scrollbar{width:6px;height:6px}
.app-shell .side-scroll::-webkit-scrollbar-track,.admin-sidebar::-webkit-scrollbar-track{background:transparent}
.app-shell .side-scroll::-webkit-scrollbar-thumb,.admin-sidebar::-webkit-scrollbar-thumb{
  border-radius:20px;background:#a4a99c;border:1px solid transparent;background-clip:padding-box;
}
.app-shell .side-scroll::-webkit-scrollbar-thumb:hover{background:#737d6a}
.app-shell .side-nav{margin:3px 10px 11px!important;border:0}
.app-shell .side-nav button{min-height:40px!important;margin:2px 0;padding:10px 11px!important;line-height:1.45!important;
  border-radius:8px;transition:background-color .15s,color .15s}
.app-shell .side-nav button.__child,.app-shell .side-nav button.course-child{padding-left:26px!important}
.app-shell .side-section-title{padding:16px 18px 8px!important;font-size:10px!important;letter-spacing:.11em}
.app-shell .side-account{background:#ecefe9!important;border-top:1px solid #d9dfd5!important;padding:3px 0 5px}
.app-shell .side-account .side-nav{margin-bottom:0!important}
.app-shell .side-account .side-nav button{color:#354536!important;opacity:1!important}
.app-shell .side-account .side-section-title{color:#566757!important}
.app-shell .side-account .side-nav button:hover{background:#dde5d9!important;color:#213322!important}
.app-shell .side-bottom{padding:13px 17px!important;font-size:10px!important;line-height:1.55}
.app-shell .side-bottom small{line-height:1.55}
.app-shell .side-status{flex-shrink:0}

/* Superfícies: o conteúdo volta a comandar a página, e não a borda do card. */
.app-shell .main-content>.page-head{margin-bottom:26px!important}
.app-shell .main-content>.page-head p{line-height:1.55}
.app-shell .main-content :is(.profile-grid,.turno-layout,.stats-grid,.home-grid,.dph-course-grid){gap:clamp(16px,1.5vw,24px)!important}
.app-shell .main-content :is(.card,.stat-card,.tweet-card,.panel-card){min-width:0}
.app-shell .main-content .card-title{gap:12px;line-height:1.4}
.app-shell .main-content .card-body{min-width:0}
.app-shell .main-content :is(.duty-list,.card-body) .empty{line-height:1.6}
.app-shell .widget-rail{gap:18px!important}
.app-shell .widget-rail .useful-links :is(a,button){line-height:1.5;min-height:41px;padding-block:10px}
.app-shell .stats-grid{margin-bottom:24px}
.app-shell .stat-card{min-height:112px}

/* Ponto: sessões distinguíveis sem quadrados excessivamente carregados. */
.app-shell .turno-layout{grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr)}
.app-shell .turno-layout .duty-list{display:grid;gap:12px;padding:16px!important}
.app-shell .turno-layout .duty-row{
  margin:0;border:1px solid var(--line);border-radius:10px;
  min-height:82px;padding:15px 17px!important;gap:16px!important;
}
.app-shell .turno-layout>.card,.app-shell .turno-layout>aside>.card{margin:0 0 18px;min-width:0}
.app-shell .turno-layout .duty-actions{gap:8px}
.app-shell .turno-layout .duty-time{font-variant-numeric:tabular-nums}

/* Perfil: uma capa, sem um segundo painel inteiro dentro da capa. */
.app-shell .profile-cover{margin-bottom:20px;isolation:isolate}
.app-shell .profile-main{align-items:center!important;padding:0!important}
.app-shell .profile-cover .profile-identity{min-width:0}
.app-shell .profile-cover .profile-name{line-height:1.1;overflow-wrap:anywhere}
.app-shell .profile-cover .profile-meta{line-height:1.65}
.app-shell .profile-achievement-strip{gap:12px!important;margin:0 0 18px!important}
.app-shell .profile-achievement-strip>div{min-width:0;padding:17px 19px!important}
.app-shell .profile-achievement-strip small{line-height:1.45}
.app-shell .profile-achievement-strip b{display:block;margin-top:7px;line-height:1.45;overflow-wrap:anywhere}
.app-shell .profile-tabs{margin-bottom:20px!important}
.app-shell .profile-grid{align-items:start}
.app-shell .profile-grid>div,.app-shell .profile-grid>.card{min-width:0}
.app-shell .profile-grid .card+.card{margin-top:18px}
.app-shell .timeline-toolbar,.app-shell .timeline-filters{gap:8px;flex-wrap:wrap}
.app-shell .dph-timeline{padding:20px 15px 14px 21px}
.app-shell .dph-card{margin-bottom:13px}
.app-shell .dph-card-head{line-height:1.5}
.app-shell .dph-card-body{line-height:1.75!important}
.app-shell .dph-card-foot{line-height:1.6!important}
.app-shell .profile-grid .info-grid{min-width:0}
.app-shell .profile-grid .info-grid>div{min-width:0;overflow-wrap:anywhere}

/* Tabelas: linhas com espaço, leitura, separadores discretos. */
.app-shell :is(.table-scroll,.chief-matrix-scroll,.sup-dph,.classroom-main){max-width:100%;min-width:0}
.app-shell :is(.table,.sup-table,.supervisor-table,.chief-review-table,.classroom-table){border-collapse:separate;border-spacing:0;width:100%}
.app-shell :is(.sup-table,.supervisor-table,.chief-review-table,.classroom-table) th{line-height:1.5;vertical-align:middle}
.app-shell :is(.sup-table,.supervisor-table,.chief-review-table,.classroom-table) td{line-height:1.55;vertical-align:middle}
.app-shell .sup-dph{max-width:100%;overflow:hidden}
.app-shell .sup-dph .sup-table{min-width:860px}
.app-shell .sup-dph{overflow-x:auto}
.app-shell .chief-matrix-scroll{overflow-x:auto;scrollbar-width:thin}
.app-shell .classroom-table td,.app-shell .classroom-table th{padding:14px 15px}

/* 2. Modo escuro padrão: texto e conta não podem herdar uma faixa branca. */
body.dark .app-shell .side-account{background:#242923!important;border-color:#414940!important}
body.dark .app-shell .side-account .side-section-title{color:#aebbab!important}
body.dark .app-shell .side-account .side-nav button{color:#e7ece4!important}
body.dark .app-shell .side-account .side-nav button:hover{background:#354033!important;color:#fff!important}
body.dark .app-shell .side-scroll{scrollbar-color:#536151 transparent}

/* 3. Halloween: cenário forte + interiores calmos. Não escurecer imagens de capa personalizadas. */
body.theme-retired-halloween{
  --hw-surface:#241c2c;--hw-surface-deep:#1c1625;
  --hw-separator:#48384f;--hw-copy:#f5edf4;--hw-subcopy:#cdbdd3;
}
body.theme-retired-halloween .app-shell .side-account{
  background:#211829!important;border-top:1px solid #534058!important;
}
body.theme-retired-halloween .app-shell .side-account .side-section-title{color:#d4bbd9!important}
body.theme-retired-halloween .app-shell .side-account .side-nav button{color:#f2e6f3!important}
body.theme-retired-halloween .app-shell .side-account .side-nav button:hover{
  background:#3b2a44!important;color:#fff8f0!important
}
body.theme-retired-halloween .app-shell .side-scroll{scrollbar-color:#7a6080 transparent}
body.theme-retired-halloween .app-shell .side-scroll::-webkit-scrollbar-thumb{background:#705b77}
body.theme-retired-halloween .app-shell .sidebar{box-shadow:none!important}
body.theme-retired-halloween .app-shell .side-nav button.active{
  background:#4a304d!important;border-left-color:#f6b276!important;
  box-shadow:none!important
}
body.theme-retired-halloween .app-shell .main-content{padding-top:clamp(26px,2.6vw,44px)!important}
body.theme-retired-halloween .app-shell .main-content :is(.card,.tweet-card,.stat-card,.panel-card,.course-card,.widget-card,.dph-card){
  background:var(--hw-surface)!important;color:var(--hw-copy)!important;
  border:1px solid var(--hw-separator)!important;
  box-shadow:0 3px 17px #0c08131e!important;
}
body.theme-retired-halloween .app-shell .main-content :is(.card-title,.dph-card-head){
  background:transparent!important;border-bottom:1px solid var(--hw-separator)!important;
}
body.theme-retired-halloween .app-shell .main-content .card-title{min-height:53px;padding:15px 20px!important}
body.theme-retired-halloween .app-shell .main-content .card-body{padding:20px!important}
body.theme-retired-halloween .app-shell .main-content :is(.card-title,.card-body) :is(p,small,span,label){line-height:1.55}
body.theme-retired-halloween .app-shell .main-content :is(.card,.panel-card,.stat-card) :is(.muted,small,.hint){color:var(--hw-subcopy)!important}
body.theme-retired-halloween .app-shell .stat-card{
  background:#251c2e!important;border-color:#44364b!important;
  min-height:118px;padding:22px 23px!important;box-shadow:none!important;
}
body.theme-retired-halloween .app-shell .stat-card:before{top:26px;bottom:26px;width:2px;opacity:.7}
body.theme-retired-halloween .app-shell .stat-card:hover{transform:none;border-color:#886777!important}
body.theme-retired-halloween .app-shell .stat-card>span{color:#dcc4dc!important}
body.theme-retired-halloween .app-shell .stat-card small{color:#c4b8ce!important}
body.theme-retired-halloween .app-shell .stats-grid{gap:18px!important;margin-bottom:30px!important}
body.theme-retired-halloween .app-shell .home-feed-wide{gap:24px}
body.theme-retired-halloween .app-shell .tweet-body{padding:18px 22px!important}
body.theme-retired-halloween .app-shell .tweet-actions{border-top:1px solid var(--hw-separator)!important;background:transparent!important}
body.theme-retired-halloween .app-shell .widget-rail .widget-card{background:#221929!important;border-color:#48394e!important;box-shadow:none!important}
body.theme-retired-halloween .app-shell .widget-rail .card-title{background:transparent!important;border-color:#48394e!important}
body.theme-retired-halloween .app-shell .widget-rail .useful-links :is(a,button){background:transparent!important;color:#ece0ee!important;
  border-color:#4a384e!important;opacity:1!important}
body.theme-retired-halloween .app-shell .widget-rail .useful-links :is(a,button):hover{background:#3c2b43!important;color:#fff!important}

/* Perfil Halloween: retirar o painel interno escuro que encobre a foto de capa. */
body.theme-retired-halloween .app-shell .profile-cover{
  min-height:248px;padding:0 27px 26px!important;
  border:1px solid #6c546d!important;box-shadow:none!important;
}
body.theme-retired-halloween .app-shell .profile-cover:after{
  background:linear-gradient(90deg,#140f20d9 0%,#21162b99 58%,#24152b40 100%)!important;
}
body.theme-retired-halloween .app-shell .profile-main{
  background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;overflow:visible!important;gap:20px!important;
  grid-template-columns:104px minmax(0,1fr) auto!important;
  backdrop-filter:none!important;
}
body.theme-retired-halloween .app-shell .profile-cover .profile-main .profile-avatar{
  width:104px!important;height:104px!important;min-height:104px!important;
  border:2px solid #e9bf98!important;border-radius:13px!important;
  object-fit:cover!important;box-shadow:0 9px 28px #0806136b;
}
body.theme-retired-halloween .app-shell .profile-main .profile-identity{padding:0!important}
body.theme-retired-halloween .app-shell .profile-main .profile-actions{padding:0!important}
body.theme-retired-halloween .app-shell .profile-name{font-size:clamp(27px,2.7vw,39px)!important}
body.theme-retired-halloween .app-shell .profile-achievement-strip{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0!important;border:1px solid #493950!important;border-radius:13px!important;
  background:#261c30!important;overflow:hidden;
}
body.theme-retired-halloween .app-shell .profile-achievement-strip>div{
  border:0!important;border-radius:0!important;background:transparent!important;
  padding:18px 20px!important;
}
body.theme-retired-halloween .app-shell .profile-achievement-strip>div+div{border-left:1px solid #493950!important}
body.theme-retired-halloween .app-shell .profile-achievement-strip small{font-size:10px!important;color:#c8b9cf!important}
body.theme-retired-halloween .app-shell .profile-achievement-strip b{color:#fcf1e8!important;font-size:14px!important}
body.theme-retired-halloween .app-shell .profile-tabs{
  background:transparent!important;border:0!important;border-bottom:1px solid #57415c!important;
  border-radius:0!important;padding:0 0 8px!important;gap:6px!important;
}
body.theme-retired-halloween .app-shell .profile-tabs button{
  border:0!important;border-radius:8px!important;padding:10px 15px!important;
  background:transparent!important;color:#d0c0d7!important;box-shadow:none!important;
}
body.theme-retired-halloween .app-shell .profile-tabs button.active{
  background:#3f2d47!important;color:#fff2e3!important;box-shadow:none!important;
}
body.theme-retired-halloween .app-shell .dph-timeline{
  padding:18px 12px 4px 21px!important;background:transparent!important;
  border:0!important;border-radius:0!important;
}
body.theme-retired-halloween .app-shell .dph-card{margin-bottom:16px!important;background:#2b2033!important}
body.theme-retired-halloween .app-shell .dph-card-head{padding:16px 19px 11px!important}
body.theme-retired-halloween .app-shell .dph-card-body{padding:13px 19px!important}
body.theme-retired-halloween .app-shell .dph-card-foot{padding:11px 19px!important;background:#281d30!important;color:#dbc8df!important}
body.theme-retired-halloween .app-shell .timeline-filters{
  background:transparent!important;border:0!important;border-bottom:1px solid #4b3a50!important;
  border-radius:0!important;padding:0 0 13px!important;
}
body.theme-retired-halloween .app-shell .timeline-filters button{
  background:transparent!important;border:1px solid #5d4963!important;color:#e2cde6!important;
}
body.theme-retired-halloween .app-shell .timeline-filters button.active{background:#644263!important;color:#fff8f1!important}
body.theme-retired-halloween .app-shell .profile-grid .info-grid>div{background:transparent!important;border-color:#4a3b52!important}
body.theme-retired-halloween .app-shell .info-grid :is(small,span){color:#c9b8d1!important}
body.theme-retired-halloween .app-shell .info-grid :is(strong,b){color:#f8eaf2!important}

/* PTR Halloween: separar sessões e reduzir sombras e recortes artificiais. */
body.theme-retired-halloween .app-shell .turno-layout .duty-row{
  background:#2a2033!important;border:1px solid #59445f!important;
  box-shadow:none!important;border-radius:12px!important;
}
body.theme-retired-halloween .app-shell .turno-layout .duty-row+.duty-row{border-top:1px solid #59445f!important}
body.theme-retired-halloween .app-shell .turno-layout .duty-list{background:transparent!important}
body.theme-retired-halloween .app-shell .turno-layout .duty-time{color:#f7eef4!important}

/* Contraste nas páginas herdadas de componentes claros. */
body.theme-retired-halloween .app-shell :is(.sup-dph,.sup-dph-head,.sup-tabs,.sup-foot,.sup-pager,
 .chief-review-layout,.chief-review-toolbar,.chief-review-summary,.classroom-main,
 .classroom-band,.classroom-school,.classroom-header,.classroom-summary,.dph-course-side){
  background:#241b2d!important;color:#f2e9f2!important;border-color:#55415c!important;
}
body.theme-retired-halloween .app-shell :is(.sup-table,.supervisor-table,.chief-review-table,.classroom-table){
  background:#241b2d!important;color:#f2e9f2!important;
}
body.theme-retired-halloween .app-shell :is(.sup-table,.supervisor-table,.chief-review-table,.classroom-table) th{
  background:#34263d!important;color:#f4d9c1!important;border-color:#52405a!important;
  font-size:11px!important;
}
body.theme-retired-halloween .app-shell :is(.sup-table,.supervisor-table,.chief-review-table,.classroom-table) td{
  background:#271e31!important;color:#f2e9f2!important;border-color:#493951!important;
  font-size:12px!important;
}
body.theme-retired-halloween .app-shell :is(.sup-table,.supervisor-table,.chief-review-table,.classroom-table) tbody tr:nth-child(even) td{
  background:#30243a!important;
}
body.theme-retired-halloween .app-shell :is(.sup-table,.supervisor-table,.chief-review-table,.classroom-table) tbody tr:hover td{
  background:#43304c!important;
}
body.theme-retired-halloween .app-shell :is(.sup-tabs,.classroom-tabs,.chief-review-toolbar) :is(button,input,select){
  color:#fff0e7!important;border-color:#6e5574!important;
}
body.theme-retired-halloween .app-shell :is(.sup-tabs,.classroom-tabs) button.active{
  background:#62466a!important;color:#fff5ed!important;
}
body.theme-retired-halloween .app-shell .chief-review-summary>div{
  background:#302438!important;border-color:#59445f!important;color:#f6edf5!important;
}
body.theme-retired-halloween .app-shell :is(.chief-review-summary,.chief-review-layout,.sup-dph,.classroom-main) :is(h1,h2,h3,h4,p,small,span){
  color:inherit;
}
body.theme-retired-halloween .app-shell .chief-review-table :is(.review-grade,.review-grade.ruim,.review-grade.regular){
  color:#272027!important;
}
body.theme-retired-halloween .app-shell .sup-dph :is(.sup-id,.sup-applier span,.sup-date){color:#d4c0dc!important}
body.theme-retired-halloween .app-shell .sup-dph .sup-person b{color:#f9edf4!important}
body.theme-retired-halloween .app-shell .classroom-school :is(.classroom-tabs,.classroom-band-actions){border-color:#55415c!important}

/* Contra blocos legados claros dentro da retrospectiva e filtros. */
body.theme-retired-halloween .app-shell :is(.chief-review-legend,.chief-matrix-scroll,.timeline-toolbar){
  background:#221a2b!important;color:#eee5ed!important;border-color:#52415b!important;
}
body.theme-retired-halloween .app-shell .chief-matrix-scroll .chief-matrix td,
body.theme-retired-halloween .app-shell .chief-matrix-scroll .chief-matrix th{border-color:#53405a!important}

/* 4. Responsividade: nenhuma coluna deve exigir rolagem horizontal da página. */
@media (max-width:1279px){
  .app-shell .main-content{padding-inline:clamp(18px,2.7vw,32px)!important}
  .app-shell .turno-layout{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .app-shell .profile-achievement-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.theme-retired-halloween .app-shell .profile-achievement-strip>div:nth-child(3){border-left:0!important;border-top:1px solid #493950!important}
  body.theme-retired-halloween .app-shell .profile-achievement-strip>div:nth-child(4){border-top:1px solid #493950!important}
}
@media (max-width:850px){
  .app-shell .main-content{padding:22px 17px 75px!important}
  .app-shell .sidebar{height:calc(100dvh - var(--top));overflow:hidden}
  .app-shell .sidebar .side-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .app-shell .widget-rail{display:none}
  .app-shell .turno-layout{grid-template-columns:1fr}
  body.theme-retired-halloween .app-shell .profile-main{grid-template-columns:85px minmax(0,1fr)!important;gap:16px!important}
  body.theme-retired-halloween .app-shell .profile-cover .profile-main .profile-avatar{width:85px!important;height:85px!important;min-height:85px!important}
  body.theme-retired-halloween .app-shell .profile-actions{grid-column:1/-1!important;justify-content:flex-start}
}
@media (max-width:520px){
  .app-shell .main-content{padding:17px 13px 60px!important}
  .app-shell .profile-achievement-strip{grid-template-columns:1fr 1fr!important}
  .app-shell .profile-achievement-strip>div{padding:13px!important}
  body.theme-retired-halloween .app-shell .profile-cover{padding:0 18px 20px!important}
  body.theme-retired-halloween .app-shell .profile-name{font-size:25px!important}
  body.theme-retired-halloween .app-shell .profile-cover .profile-main .profile-avatar{width:74px!important;height:74px!important;min-height:74px!important}
  body.theme-retired-halloween .app-shell .profile-main{grid-template-columns:74px minmax(0,1fr)!important;gap:13px!important}
  .app-shell .turno-layout .duty-list{padding:11px!important}
  .app-shell .turno-layout .duty-row{padding:12px!important}
  .app-shell .stats-grid{gap:12px!important}
}
@media (prefers-reduced-motion:reduce){
  .app-shell .side-nav button,.app-shell .stat-card{transition:none!important}
}

/* Meu resumo: bloco inicial discreto, métricas sem aparência de quatro painéis autônomos. */
.app-shell .home-hub{max-width:1420px}
.app-shell .home-hub-head{padding:2px 0 23px;margin-bottom:22px;border-bottom:1px solid var(--line);gap:20px}
.app-shell .home-hub-head h2{font-size:clamp(25px,2.5vw,37px);line-height:1.16;margin-block:8px}
.app-shell .home-hub-head p{line-height:1.7}
.app-shell .home-status-grid{gap:22px;margin-bottom:33px}
.app-shell .home-performance{margin:0 0 32px;padding:0;border:0;background:transparent;box-shadow:none}
.app-shell .home-section-title{margin-bottom:20px;padding-top:2px;align-items:baseline}
.app-shell .home-section-title h3{font-size:19px}
.app-shell .home-metrics{gap:0;background:var(--card);border:1px solid var(--line);border-radius:13px;overflow:hidden}
.app-shell .home-metric{border:0;border-radius:0;padding:22px 23px;box-shadow:none;gap:10px;background:transparent}
.app-shell .home-metric+.home-metric{border-left:1px solid var(--line)}
.app-shell .home-metric strong{font-size:clamp(22px,2.1vw,30px);letter-spacing:-.04em}
.app-shell .home-metric span,.app-shell .home-metric small{line-height:1.55}
.app-shell .home-hub-grid{gap:24px;align-items:start}
.app-shell .home-hub-grid>div{display:grid;gap:20px;min-width:0}
.app-shell .home-hub-grid .card{margin:0}
.app-shell .home-task-list,.app-shell .home-recent{padding:0 19px 13px}
.app-shell .home-task,.app-shell .home-recent button{padding:16px 2px;line-height:1.6}
.app-shell .home-task:last-child,.app-shell .home-recent button:last-child{border-bottom:0}
body.theme-retired-halloween .app-shell .home-hub-head{border-color:#514054}
body.theme-retired-halloween .app-shell .home-performance{background:transparent!important;border:0!important}
body.theme-retired-halloween .app-shell .home-metrics{background:#261d2f!important;border-color:#514054!important}
body.theme-retired-halloween .app-shell .home-metric{
  background:transparent!important;border:0!important;color:#f9edf3!important;box-shadow:none!important
}
body.theme-retired-halloween .app-shell .home-metric+.home-metric{border-left:1px solid #514054!important}
body.theme-retired-halloween .app-shell .home-metric>span{color:#dbc7df!important}
body.theme-retired-halloween .app-shell .home-metric>small{color:#c6b7cf!important}
body.theme-retired-halloween .app-shell .home-metric>strong{color:#fff3e5!important}
body.theme-retired-halloween .app-shell .home-hub-grid .card{box-shadow:none!important}
body.theme-retired-halloween .app-shell .home-task,
body.theme-retired-halloween .app-shell .home-recent button{background:transparent!important;color:#f3e7ef!important;border-color:#4c3b52!important}
body.theme-retired-halloween .app-shell .home-task:hover,
body.theme-retired-halloween .app-shell .home-recent button:hover{background:#3b2c43!important}
@media(max-width:1040px){
  .app-shell .home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-shell .home-metric:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .app-shell .home-metric:nth-child(4){border-top:1px solid var(--line)}
  body.theme-retired-halloween .app-shell .home-metric:nth-child(3){border-left:0!important;border-top:1px solid #514054!important}
  body.theme-retired-halloween .app-shell .home-metric:nth-child(4){border-top:1px solid #514054!important}
}
@media(max-width:760px){
  .app-shell .home-status-grid,.app-shell .home-hub-grid{grid-template-columns:1fr}
  .app-shell .home-hub-grid>div{gap:17px}
}
@media(max-width:420px){
  .app-shell .home-metric{padding:17px 15px}
  .app-shell .home-metric small{font-size:11px}
  .app-shell .home-hub-head{padding-bottom:19px}
}