/* Syntrix Foundation v4.2.0 — legibilidade, avatares e responsividade */
:root{
  --sf-font-size:15.5px;
  --sf-radius-0:0;
  --sf-radius-sm:8px;
  --sf-radius-md:12px;
  --sf-radius-lg:18px;
  --sf-shadow-0:none;
}
body{font-size:var(--sf-font-size);line-height:1.5}
.sf-nav a{font-size:14px}
.sf-nav-group>button{font-size:10.5px}
.sf-user-copy small{font-size:12px}.sf-table td,.sf-catalog-table td{font-size:13px}.sf-table th,.sf-catalog-table th{font-size:11px}
.sf-page-head p,.sf-panel-copy,.sf-demo-panel p,.sf-help-articles p{font-size:13px;line-height:1.65}
.sf-page-head>div>span,.sf-panel-head span,.sf-foundation-card>span,.sf-help-hero>span{font-size:10px}
.sf-icon-btn svg,.sf-btn svg,.sf-nav svg,.sf-config-icon svg,.sf-stat-icon svg{display:block;visibility:visible;opacity:1}
.sf-avatar{overflow:hidden;position:relative}
.sf-avatar.has-image{background:var(--sf-card-alt);padding:0}
.sf-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.sf-avatar.xlarge{width:108px;height:108px;border-radius:28px;font-size:34px}
.sf-profile-main{display:grid;gap:17px}
.sf-avatar-panel{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:22px}
.sf-avatar-preview{display:grid;place-items:center}
.sf-avatar-copy h2{margin:0 0 5px;font-size:20px}
.sf-avatar-copy p{margin:0 0 15px;color:var(--sf-muted)}
.sf-avatar-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.sf-btn.danger-soft{color:var(--sf-danger);background:color-mix(in srgb,var(--sf-danger) 8%,var(--sf-card));border-color:color-mix(in srgb,var(--sf-danger) 25%,var(--sf-border))}
.sf-role-name{display:block;font-size:13px;font-weight:750;line-height:1.35;color:var(--sf-text)}
.sf-role-description{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:var(--sf-muted)}
.sf-role-count{font-size:13px;font-weight:700}
.sf-table td{vertical-align:middle;padding-top:13px;padding-bottom:13px}
.sf-table th{font-size:11px;letter-spacing:.04em}
.sf-email-preview iframe{background:#f3f6fb}
.sf-email-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sf-email-editor-grid .full{grid-column:1/-1}
.sf-email-editor-help{font-size:11px;color:var(--sf-muted);margin-top:6px}
.sf-email-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sf-email-list button{padding:14px;text-align:left}
.sf-ai-output{white-space:pre-wrap;min-height:210px;max-height:520px;overflow:auto;font-size:13px;line-height:1.65}
.sf-ai-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sf-help-articles details>div{white-space:pre-line;font-size:13px;line-height:1.75;color:var(--sf-text);padding:12px 0 4px}
.sf-help-articles details>div strong{color:var(--sf-text)}
.sf-border-zero{border:0!important}
.sf-radius-zero{border-radius:0!important}
.sf-shadow-zero{box-shadow:none!important}
.sf-icon-card{cursor:pointer}
.sf-icon-card:hover{border-color:color-mix(in srgb,var(--sf-primary) 45%,var(--sf-border));transform:translateY(-1px)}
.sf-icon-card svg{width:25px;height:25px}
.sf-icon-card [data-icon-missing]{display:none}
.sf-icon-count{font-size:12px;color:var(--sf-muted)}
.sf-table-mobile-actions{display:none}

/* Cards móveis obrigatórios para todas as DataTables oficiais */
@media(max-width:720px){
  body{font-size:14.5px}
  .sf-content{padding:17px 13px}
  .sf-page-head h1{font-size:25px}
  .sf-avatar-panel{grid-template-columns:1fr;text-align:center}
  .sf-avatar-actions{justify-content:center}
  .sf-email-editor-grid{grid-template-columns:1fr}
  .sf-email-editor-grid .full{grid-column:auto}
  .sf-table-wrap,.table-responsive{overflow:visible}
  .sf-table,.sf-catalog-table{display:block;width:100%;border:0!important}
  .sf-table thead,.sf-catalog-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sf-table tbody,.sf-catalog-table tbody{display:grid;gap:12px}
  .sf-table tbody tr,.sf-catalog-table tbody tr{
    display:block!important;
    position:relative;
    background:var(--sf-card);
    border:1px solid var(--sf-border);
    border-radius:14px;
    box-shadow:var(--sf-shadow);
    padding:12px 13px;
  }
  .sf-table tbody tr[hidden],.sf-catalog-table tbody tr[hidden]{display:none!important}
  .sf-table tbody td,.sf-catalog-table tbody td{
    display:grid!important;
    grid-template-columns:minmax(105px,40%) minmax(0,1fr);
    gap:10px;
    align-items:start;
    width:100%!important;
    border:0!important;
    border-bottom:1px solid var(--sf-border)!important;
    padding:9px 0!important;
    text-align:right;
    min-height:38px;
  }
  .sf-table tbody td:last-child,.sf-catalog-table tbody td:last-child{border-bottom:0!important}
  .sf-table tbody td::before,.sf-catalog-table tbody td::before{
    content:attr(data-label);
    text-align:left;
    color:var(--sf-muted);
    font-size:10px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
  }
  .sf-table tbody td>*,
  .sf-catalog-table tbody td>*{justify-self:end;max-width:100%}
  .sf-table tbody td .sf-person,.sf-catalog-table tbody td .sf-person{justify-self:end;text-align:left}
  .sf-table tbody td.sf-check-column,.sf-catalog-table tbody td.sf-check-column{
    position:absolute;top:12px;right:12px;display:block!important;width:auto!important;border:0!important;padding:0!important;min-height:0
  }
  .sf-table tbody td.sf-check-column::before,.sf-catalog-table tbody td.sf-check-column::before{display:none}
  .sf-table tbody td[data-label="Ações"],.sf-catalog-table tbody td[data-label="Ações"]{display:flex!important;justify-content:flex-end}
  .sf-table tbody td[data-label="Ações"]::before,.sf-catalog-table tbody td[data-label="Ações"]::before{margin-right:auto}
  .sf-datatable-toolbar{display:grid;gap:10px}
  .sf-datatable-toolbar>div{display:flex;flex-wrap:wrap;gap:7px}
  .sf-datatable-toolbar input{width:100%}
  .sf-table-footer{padding-top:13px}
}
@media(max-width:520px){
  .sf-table tbody td,.sf-catalog-table tbody td{grid-template-columns:1fr;text-align:left;gap:4px}
  .sf-table tbody td>*,.sf-catalog-table tbody td>*{justify-self:start}
  .sf-table tbody td.sf-check-column,.sf-catalog-table tbody td.sf-check-column{right:10px}
}