/* Estilos específicos das páginas admin/sub-tabs/flashes.
   Carregado pelo base via tag <style>? Não — vai como import dentro do gol-de-clinica.css.
*/

.subtabs{
  display:flex;flex-wrap:wrap;gap:4px;
  border-bottom:1px solid var(--line);margin:0 0 16px;
  padding-bottom:0;
}
.subtabs a{
  position:relative;
  padding:9px 14px;border-radius:10px 10px 0 0;
  font-family:var(--font-head);font-weight:700;font-size:13px;color:#cfe0d6;
  border:1px solid transparent;border-bottom:none;transition:background .15s,color .15s;
}
.subtabs a:hover{background:rgba(255,255,255,.05);color:#fff}
.subtabs a.active{background:var(--card);color:var(--gold);border-color:var(--line)}
.subtabs a.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-deep))}

.flashes{display:flex;flex-direction:column;gap:8px;margin:14px 0}

ul.clean{list-style:none;margin:8px 0}
ul.clean li{padding:9px 0 9px 26px;position:relative;color:#D7E2DA;border-bottom:1px solid var(--line)}
ul.clean li:last-child{border-bottom:none}
ul.clean li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:2px;background:var(--field);transform:rotate(45deg)}