/* ============================================================================
   aurora-master.css — Aurora Premium · Painel Master (#view-master)
   Extraido do <style id="mst-aurora-skin"> que vivia inline em views/master.html
   (512 linhas). Metade duplicava o kit compartilhado (.glass/.btn/.kpi/.q-row/
   .ring/.chip/.st/.sla/.field/.blob...) — isso agora vem de aurora-core.css.
   Aqui fica SO o que e do Master: .master-*, .fin-*, .ppi-*, .reg-table.
   Escuro segue o toggle global (body.theme-dark); o data-theme da view saiu.
   ============================================================================ */

/* a view flutua sobre a aurora GLOBAL (nao pinta canvas nem blobs proprios) */
#view-master{ background:transparent; min-height:0 }
  /* .ppi-wrap NAO e laje de vidro: os cartoes (.ppi-card/-chartbox/-tablewrap)
     e que sao vidro, soltos sobre o fundo aurora — como no Centro de comando. */
  #view-master .ppi-wrap{ background:transparent !important; box-shadow:none !important; border:none !important; }

  #view-master *{box-sizing:border-box}

  #view-master[data-theme="dark"],body.theme-dark #view-master{
    --brand:#8fb057; --brand2:#a5c66c; --lilac:#b4cb8d;
    --acc:#95be4e;
    --ink:#e7f0d9; --ink-soft:#adba96; --line:rgba(157,190,99,.18);
    --glass:rgba(54,62,42,.6); --glass-brd:rgba(146,181,87,.28);
    --shadow:0 22px 55px -20px rgba(0,0,0,.55);
    --p0:#ff6a92; --p1:#ffab5e; --p2:#e8c04f; --p3:#66d69a;
    background:
      radial-gradient(120% 90% at 8% -5%, #2e3423 0%, transparent 55%),
      radial-gradient(120% 100% at 100% 0%, #2c3221 0%, transparent 50%),
      linear-gradient(160deg,#21261a 0%, #252a1c 48%, #292f1f 100%);
  }
0%,100%{transform:translate(0,0) scale(1)}
33%{transform:translate(4vw,3vh) scale(1.08)}
66%{transform:translate(-3vw,2vh) scale(.96)}

  #view-master[data-theme="dark"] .btn.ghost,body.theme-dark #view-master .btn.ghost{background:rgba(255,255,255,.06)}

  #view-master .btn.primary .plus{font-weight:800}

  #view-master[data-theme="dark"] .btn.soft,body.theme-dark #view-master .btn.soft{color:var(--brand2);background:rgba(147,185,80,.14)}

  #view-master[data-theme="dark"] .icon-btn,body.theme-dark #view-master .icon-btn{background:rgba(255,255,255,.06)}

  #view-master[data-theme="dark"] .theme .i-sun,body.theme-dark #view-master .theme .i-sun{display:none}

  #view-master[data-theme="dark"] .theme .i-moon,body.theme-dark #view-master .theme .i-moon{display:block}

  #view-master[data-theme="dark"] .field.search,body.theme-dark #view-master .field.search{background:rgba(255,255,255,.05)}

  #view-master[data-theme="dark"] .field select,body.theme-dark #view-master .field select{background:rgba(255,255,255,.05)}

  #view-master[data-theme="dark"] .chip,body.theme-dark #view-master .chip{background:rgba(255,255,255,.05)}

  #view-master .chip.p0.active{background:linear-gradient(135deg,#e23a6d,#ff7aa0)}

  #view-master .chip.p1.active{background:linear-gradient(135deg,#e8863a,#ffb066)}

  #view-master .chip.p2.active{background:linear-gradient(135deg,#c68a2c,#e6c150)}

  #view-master .chip.p3.active{background:linear-gradient(135deg,#3f9d6a,#66d69a)}

  #view-master #master-tab-map:not(.hidden){display:flex;flex-direction:column;gap:16px}

  #view-master #master-tab-map > .kpis{order:-1}

  #view-master .queue{grid-area:queue}

  #view-master .k-defer .k-ico{background:linear-gradient(135deg,#3f9d6a,#63c98d)}

  #view-master .k-time .k-ico{background:linear-gradient(135deg,#394820,#5c6f3a)}

  #view-master .k-sla .k-ico{background:linear-gradient(135deg,#e23a6d,#ff8a5e)}

  #view-master[data-theme="dark"] .k-tag.alert,body.theme-dark #view-master .k-tag.alert{color:#ff86a6}

  #view-master .k-val .pct{font-size:16px;font-weight:700;color:var(--brand2);margin-left:1px}

  #view-master[data-theme="dark"] .ring span,body.theme-dark #view-master .ring span{color:#66d69a}

  #view-master[data-theme="dark"] .ring,body.theme-dark #view-master .ring{background:conic-gradient(#66d69a calc(var(--p)*1%),rgba(157,190,99,.16) 0)}

  #view-master[data-theme="dark"] .q-row:not(.head):hover,body.theme-dark #view-master .q-row:not(.head):hover{background:rgba(147,185,80,.1)}

  #view-master .prio.p0{background:linear-gradient(135deg,#e23a6d,#ff7a9a)}
#view-master .prio.p1{background:linear-gradient(135deg,#e8863a,#ffb066)}

  #view-master .prio.p2{background:linear-gradient(135deg,#c68a2c,#e6c150)}
#view-master .prio.p3{background:linear-gradient(135deg,#3f9d6a,#66d69a)}

  #view-master[data-theme="dark"] .st.defer,body.theme-dark #view-master .st.defer{color:#77e0a5}

  #view-master[data-theme="dark"] .st.pend,body.theme-dark #view-master .st.pend{color:#ffb877}

  #view-master[data-theme="dark"] .st.neg,body.theme-dark #view-master .st.neg{color:#ff86a6}

  #view-master[data-theme="dark"] .sla.ok,body.theme-dark #view-master .sla.ok{color:#77e0a5}

  #view-master[data-theme="dark"] .sla.warn,body.theme-dark #view-master .sla.warn{color:#ffb877}

  #view-master[data-theme="dark"] .sla.late,body.theme-dark #view-master .sla.late{color:#ff86a6}

  #view-master .t-pill.up{color:#2f8659;background:rgba(63,157,106,.15)}

  #view-master[data-theme="dark"] .t-pill.up,body.theme-dark #view-master .t-pill.up{color:#77e0a5}

  #view-master[data-theme="dark"] .t-stats li,body.theme-dark #view-master .t-stats li{background:rgba(147,185,80,.1)}

  #view-master[data-theme="dark"] .t-note,body.theme-dark #view-master .t-note{background:rgba(255,255,255,.04)}


  /* Focus */
  #view-master button:focus-visible,#view-master input:focus-visible,#view-master select:focus-visible{outline:2px solid var(--brand2);outline-offset:2px}


  #view-master .live-pill{font-size:10.5px;letter-spacing:1px;font-weight:800;vertical-align:middle;margin-left:8px;padding:3px 9px;border-radius:20px;color:#d43766;background:rgba(226,58,109,.12)}

  #view-master .mgrid{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:16px}
#view-master .mgrid{grid-template-columns:1fr}

  #view-master .mmap{padding:0;overflow:hidden;display:flex;flex-direction:column}

  #view-master .mmap .q-head{padding:16px 18px 12px}

  #view-master .mmap-legend{display:flex;gap:14px;font-size:12px;color:var(--ink-soft);flex-wrap:wrap}

  #view-master .mmap-legend span{display:flex;align-items:center;gap:5px}

  #view-master .mmap-canvas{position:relative;flex:1;min-height:560px;margin:0 14px 14px;border-radius:16px;overflow:hidden;
    background:radial-gradient(120% 90% at 30% 20%,#e0eccb,transparent 60%),radial-gradient(100% 90% at 80% 80%,#e6efd5,transparent 55%),linear-gradient(160deg,#ebf2e0,#e6edda);
    border:1px solid var(--glass-brd)}

  #view-master[data-theme="dark"] .mmap-canvas,body.theme-dark #view-master .mmap-canvas{background:radial-gradient(120% 90% at 30% 20%,#2e3423,transparent 60%),linear-gradient(160deg,#23281b,#21261a)}

  #view-master #master-map{position:absolute;inset:0;border-radius:16px}

  #view-master #master-map-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;text-align:center;color:var(--ink-soft);font-size:13px}

  #view-master #master-map-fallback.hidden{display:none}

  #view-master .mmk{position:absolute;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(255,255,255,.35)}

  #view-master .mmk::after{content:"";position:absolute;inset:-8px;border-radius:50%;animation:mstmpulse 2.4s ease-out infinite}

  #view-master .m-lo{background:#3f9d6a}
#view-master .m-lo::after{box-shadow:0 0 0 2px rgba(63,157,106,.5)}

  #view-master .m-mid{background:#e8863a}
#view-master .m-mid::after{box-shadow:0 0 0 2px rgba(232,134,58,.5)}

  #view-master .m-hi{background:#e23a6d}
#view-master .m-hi::after{box-shadow:0 0 0 2px rgba(226,58,109,.5)}
@keyframes mstmpulse{ 0%{transform:scale(.6);opacity:.7} 100%{transform:scale(1.8);opacity:0} }

  #view-master .mmap-zoom{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:4px;z-index:600}

  #view-master .mmap-zoom button,#view-master .mmap-actions .chip{cursor:pointer;font-family:inherit}

  #view-master .mmap-zoom button{width:34px;height:34px;border-radius:10px;border:1px solid var(--glass-brd);background:var(--glass);font-size:18px;color:var(--ink);backdrop-filter:blur(8px)}

  #view-master .mmap-actions{position:absolute;right:12px;top:12px;display:flex;gap:6px;z-index:600}

  #view-master .ops{padding:16px 18px;display:flex;flex-direction:column;gap:8px}

  #view-master .op-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}

  #view-master .op-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:rgba(92,111,58,.06)}

  #view-master[data-theme="dark"] .op-row,body.theme-dark #view-master .op-row{background:rgba(147,185,80,.08)}

  #view-master .op-txt{display:flex;flex-direction:column;flex:1;min-width:0}

  #view-master .op-txt b{font-weight:650;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  #view-master .op-txt small{font-size:12px;color:var(--ink-soft)}


  /* Tab panels */
  #view-master .master-tab.hidden{display:none}

  #view-master .tab-panel-card{padding:16px 18px}


  /* =========================================================================
     AURORA — abas renderizadas por JS (Análises, Governança, Conexões, PPI,
     Financeiro, Acessos). TUDO escopado em #view-master; a aba MAP e o
     topbar/tabs/kpis/mmap/ops NÃO são tocados (nenhum seletor as alcança).
     Surfaces flat legadas (css/04, css/15) viram vidro fosco.
     ========================================================================= */

  /* ---- Superfície de vidro reaproveitável (cards/containers legados) ---- */
  #view-master .master-analytics-card,
  #view-master .master-chart-box,
  #view-master .master-chart-wide,
  #view-master .ppi-card,
  #view-master .fin-root,
  #view-master .fin-page,
  #view-master .fin-card,
  #view-master .fin-head,
  #view-master .fin-side,
  #view-master .fin-table-wrap,
  #view-master .fin-kpis > *{
    background:var(--glass) !important;
    backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5);
    border:1px solid var(--glass-brd) !important;
    border-radius:18px;
    box-shadow:var(--shadow);
    color:var(--ink);
  }


  /* ---- Cabeçalhos de seção (kicker + título) estilo Aurora ---- */
  #view-master .master-section-head h2,
  #view-master .master-subsection-head h3,
  #view-master .ppi-head,
  #view-master .ppi-title,
  #view-master .fin-card-title{
    margin:0 0 3px; color:var(--ink); font-weight:700; letter-spacing:-.02em;
  }

  #view-master .master-section-head-block{
    padding:4px 2px 14px; border-bottom:1px solid var(--line);
  }

  #view-master .master-section-kicker,
  #view-master .master-insight-row span,
  #view-master .master-analytics-card span,
  #view-master .master-dashboard-unit-grid span{
    display:block; color:var(--brand); font-size:10.5px; font-weight:800;
    text-transform:uppercase; letter-spacing:.08em;
  }

  #view-master .master-subsection-head span{
    display:block; margin-top:2px; color:var(--ink-soft);
    font-size:12px; font-weight:600; text-transform:none; letter-spacing:normal;
  }

  #view-master .master-section-head .small,
  #view-master #master-dashboard-updated,
  #view-master .small,
  #view-master .fin-muted,
  #view-master .fin-sub{ color:var(--ink-soft); }


  /* ---- KPIs internos das abas (Análises: cobertura de admins, fila, etc.) ---- */
  #view-master .master-analytics-summary{ gap:12px; }

  #view-master .master-analytics-card{ padding:14px 15px; }

  #view-master .master-analytics-card strong{
    display:block; margin-top:6px; color:var(--ink);
    font-size:1.55rem; font-weight:750; line-height:1; letter-spacing:-.02em;
  }

  #view-master .master-analytics-card small{ color:var(--ink-soft); font-weight:600; }


  /* ---- Insights (linha com realce lateral) ---- */
  #view-master .master-analytics-insights{
    background:transparent !important; gap:12px; overflow:visible;
  }

  #view-master .master-insight-row{
    gap:6px; padding:14px 15px; border-radius:16px;
    background:var(--glass) !important;
    border:1px solid var(--glass-brd);
    border-left:3px solid var(--brand2);
    box-shadow:var(--shadow);
    -webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5);
  }

  #view-master .master-insight-row strong{ color:var(--ink); font-weight:600; line-height:1.35; }


  /* ---- Unidades (aba Análises) ---- */
  #view-master .master-dashboard-unit{
    padding:14px; border-radius:16px;
    background:var(--glass) !important;
    border:1px solid var(--glass-brd) !important;
    border-left:4px solid var(--status-color,var(--brand)) !important;
    box-shadow:var(--shadow);
    -webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5);
  }

  #view-master .master-dashboard-unit-head strong{ color:var(--ink); font-weight:700; }

  #view-master .master-dashboard-unit-head span{ color:var(--ink-soft); font-weight:600; }

  #view-master .master-dashboard-unit-grid div{
    background:rgba(255,255,255,.5); border:1px solid var(--glass-brd);
    border-radius:12px; padding:9px 10px;
  }

  #view-master .master-dashboard-unit-grid strong{ color:var(--ink); font-weight:700; }

  /* .master-dot mantém a cor de status (--status-color) definida inline */

  /* ---- Caixas de gráfico ---- */
  #view-master .master-chart-box{ padding:15px; }

  #view-master .master-chart-box h3{ margin:0 0 10px; color:var(--ink); font-weight:700; letter-spacing:-.01em; }


  /* ---- Empty / loading dos hosts ---- */
  #view-master .master-access-empty,
  #view-master .reg-empty,
  #view-master .reg-loading{
    color:var(--ink-soft);
    background:rgba(255,255,255,.4); border:1px dashed var(--line);
    border-radius:14px;
  }

  #view-master .master-access-empty strong{ color:var(--brand); }

  #view-master .master-access-empty span{ color:var(--ink-soft); }


  /* ---- Botões legados (complementam o .btn do skin) ---- */
  #view-master .btn-sm{ padding:7px 13px; font-size:12px; border-radius:11px; }

  #view-master .btn-primary,
  #view-master .btn-accent,
  #view-master .fin-btn-primary{
    color:#fff; border:none;
    background:linear-gradient(135deg,var(--brand) 0%,#64793f 55%,#7f9b4e 100%);
    box-shadow:0 10px 24px -8px rgba(78,98,44,.65);
  }

  #view-master .btn-danger{
    color:#fff; border:none;
    background:linear-gradient(135deg,#e23a6d,#ff7a9a);
  }

  #view-master .fin-btn,
  #view-master .fin-icbtn{
    color:var(--brand); background:rgba(92,111,58,.12);
    border:1px solid rgba(92,111,58,.22); border-radius:11px;
  }


  /* ---- Inputs / selects legados (abas não-map) → vidro com foco roxo ---- */
  #view-master .master-tab:not(#master-tab-map) select,
  #view-master .master-tab:not(#master-tab-map) input:not([type=checkbox]):not([type=radio]),
  #view-master .master-tab:not(#master-tab-map) textarea,
  #view-master .fin-select,
  #view-master .fin-search input{
    font-family:inherit; font-size:13px; color:var(--ink);
    background:rgba(255,255,255,.45); border:1px solid var(--line);
    border-radius:11px; padding:9px 12px; outline:none;
  }

  #view-master .master-tab:not(#master-tab-map) select:focus,
  #view-master .master-tab:not(#master-tab-map) input:not([type=checkbox]):not([type=radio]):focus,
  #view-master .master-tab:not(#master-tab-map) textarea:focus,
  #view-master .fin-select:focus,
  #view-master .fin-search input:focus{
    border-color:var(--brand2); box-shadow:0 0 0 3px rgba(92,111,58,.18);
  }
  #view-master .fin-table-wrap{ overflow:auto; }

  #view-master .master-tab:not(#master-tab-map) table,
  #view-master .reg-table,
  #view-master .fin-table{ width:100%; border-collapse:collapse; color:var(--ink); }

  #view-master .master-tab:not(#master-tab-map) th,
  #view-master .reg-table th,
  #view-master .fin-table th{
    text-align:left; font-size:10.5px; font-weight:800;
    text-transform:uppercase; letter-spacing:.06em; color:var(--ink-soft);
    padding:10px 12px; border-bottom:1px solid var(--line);
    background:rgba(92,111,58,.06);
  }

  #view-master .master-tab:not(#master-tab-map) td,
  #view-master .reg-table td,
  #view-master .fin-table td{
    padding:10px 12px; font-size:13px; border-bottom:1px solid var(--line);
  }

  #view-master .master-tab:not(#master-tab-map) tbody tr:hover td,
  #view-master .reg-table tbody tr:hover td,
  #view-master .fin-table tbody tr:hover td{ background:rgba(92,111,58,.08); }


  /* ---- PPI: barras, badges, abas, pílulas tonais ---- */
  #view-master .ppi-card{ padding:15px; }

  #view-master .ppi-card-k{ display:block; color:var(--ink-soft); font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }

  #view-master .ppi-card-v{ display:block; margin-top:5px; color:var(--ink); font-size:1.5rem; font-weight:750; line-height:1; letter-spacing:-.02em; }

  #view-master .ppi-card-s{ color:var(--ink-soft); font-size:12px; font-weight:600; }

  #view-master .ppi-bar,
  #view-master .ppi-barcell{ background:rgba(77,90,54,.12); border-radius:6px; overflow:hidden; }

  #view-master .ppi-bar > i,
  #view-master .ppi-barcell > i,
  #view-master .ppi-bar > span{ display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,var(--brand),#7c974d); }

  #view-master .ppi-badge,
  #view-master .ppi-nivel{
    font-size:12px; font-weight:700; padding:4px 10px; border-radius:20px;
    color:var(--brand); background:rgba(92,111,58,.12); border:1px solid rgba(92,111,58,.2);
  }

  #view-master .ppi-tabs{ display:flex; gap:6px; }

  #view-master .ppi-tab{
    font-family:inherit; font-size:12px; font-weight:700; cursor:pointer;
    padding:8px 13px; border-radius:11px; border:1px solid var(--line);
    background:rgba(255,255,255,.35); color:var(--ink-soft);
  }

  #view-master .ppi-tab.active,
  #view-master .ppi-tab.is-active{
    color:#fff; border:none; background:linear-gradient(135deg,var(--brand),#64793f);
  }


  /* =========================== MODO ESCURO =========================== */
  body.theme-dark #view-master .master-dashboard-unit-grid div,
  body.theme-dark #view-master .master-tab:not(#master-tab-map) select,
  body.theme-dark #view-master .master-tab:not(#master-tab-map) input:not([type=checkbox]):not([type=radio]),
  body.theme-dark #view-master .master-tab:not(#master-tab-map) textarea,
  body.theme-dark #view-master .fin-select,
  body.theme-dark #view-master .fin-search input,
  body.theme-dark #view-master .master-access-empty,
  body.theme-dark #view-master .reg-empty,
  body.theme-dark #view-master .reg-loading,
  body.theme-dark #view-master .ppi-tab{
    background:rgba(255,255,255,.05);
  }

  body.theme-dark #view-master .master-section-kicker,
  body.theme-dark #view-master .master-insight-row span,
  body.theme-dark #view-master .master-analytics-card span,
  body.theme-dark #view-master .master-dashboard-unit-grid span,
  body.theme-dark #view-master .ppi-card-k,
  body.theme-dark #view-master .ppi-badge,
  body.theme-dark #view-master .ppi-nivel,
  body.theme-dark #view-master .fin-btn,
  body.theme-dark #view-master .fin-icbtn,
  body.theme-dark #view-master .master-access-empty strong{ color:var(--brand2); }

  body.theme-dark #view-master .master-tab:not(#master-tab-map) th,
  body.theme-dark #view-master .reg-table th,
  body.theme-dark #view-master .fin-table th{ background:rgba(147,185,80,.1); }

  body.theme-dark #view-master .master-tab:not(#master-tab-map) tbody tr:hover td,
  body.theme-dark #view-master .reg-table tbody tr:hover td,
  body.theme-dark #view-master .fin-table tbody tr:hover td{ background:rgba(147,185,80,.1); }

  body.theme-dark #view-master .ppi-bar,
  body.theme-dark #view-master .ppi-barcell{ background:rgba(157,190,99,.16); }

  body.theme-dark #view-master .ppi-badge,
  body.theme-dark #view-master .ppi-nivel{ background:rgba(147,185,80,.14); border-color:rgba(147,185,80,.24); }


  /* =================== REFINO DE DESIGN (diretor de arte) =================== */
  #view-master .master-analytics-card strong,#view-master .ppi-card-v{font-size:var(--kpi-val) !important;line-height:1 !important;letter-spacing:-.03em;}

  #view-master .master-analytics-card,#view-master .ppi-card{padding:var(--kpi-pad) !important;}

  #view-master .master-chart-box{box-shadow:none !important;border:1px solid var(--line) !important;border-radius:var(--r-card) !important;background:rgba(255,255,255,.35) !important;}

  body.theme-dark #view-master .master-chart-box{background:rgba(255,255,255,.04) !important;}

  #view-master .master-analytics-card,#view-master .master-chart-box,#view-master .master-chart-wide,#view-master .ppi-card,#view-master .ppi-wrap,#view-master .ppi-comp,#view-master .fin-card,#view-master .fin-head,#view-master .fin-side,#view-master .fin-table-wrap,#view-master .fin-kpis > *,#view-master .master-insight-row,#view-master .master-dashboard-unit{border-radius:var(--r-card) !important;}

  #view-master .master-access-empty,#view-master .reg-empty,#view-master .reg-loading,#view-master .t-note{border-radius:var(--r-inner) !important;}

  #view-master .master-insight-row{border-left-width:4px !important;}

  #view-master .fin-btn,#view-master .fin-icbtn{color:var(--brand);background:rgba(92,111,58,.12);border:1px solid rgba(92,111,58,.22);border-radius:var(--r-inner);}

  #view-master .fin-table-wrap > .fin-table,#view-master .fin-table-wrap > table{background:transparent !important;box-shadow:none !important;border:none !important;}

  #view-master .master-subsection-head{padding:14px 2px 12px;border-bottom:1px solid var(--line);margin-bottom:12px;}

  #view-master .master-subsection-head h3{font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:0;}

/* ============================================================
   PPI — KPIs do topo com mais DEFINICAO de cartao.
   Sem isto herdam o vidro generico (var(--glass) .62 + sombra difusa) e
   ficam lavados contra o fundo aurora claro — sem os icones que dao presenca
   aos KPIs do kit. Aqui: fundo mais opaco, borda nitida, sombra de elevacao
   e um acento roxo no topo. Especificidade .ppi-cards > .ppi-card (1,2,0) +
   !important vence a regra generica de vidro (#view-master .ppi-card, 1,1,0).
   ============================================================ */
#view-master .ppi-cards{ gap:14px; }
#view-master .ppi-cards > .ppi-card{
  position:relative;
  background:linear-gradient(162deg, rgba(255,255,255,.97), rgba(244,247,238,.9)) !important;
  border:1px solid rgba(57,72,32,.14) !important;
  box-shadow:0 10px 26px -14px rgba(39,49,22,.32), 0 1px 2px rgba(39,49,22,.08), inset 0 1px 0 rgba(255,255,255,.85) !important;
  padding:15px 17px 15px !important;
  overflow:hidden;
}
#view-master .ppi-cards > .ppi-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--ppi-acc, var(--brand)), var(--ppi-acc2, var(--brand2)));
  opacity:1;
}
body.theme-dark #view-master .ppi-cards > .ppi-card{
  background:rgba(51,58,40,.88) !important;
  border-color:rgba(146,181,87,.3) !important;
  box-shadow:0 6px 16px -8px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08) !important;
}