#sistembr-contacts-workspace { margin: 20px 0 22px; border: 1px solid #e0e6ef; border-radius: 16px; background: #fff; color: #263349; overflow: hidden; }
#sistembr-contacts-workspace [hidden] { display: none !important; }
#sistembr-contacts-workspace .scw-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 22px 24px 18px; }
#sistembr-contacts-workspace .scw-eyebrow { font-size: 10px; letter-spacing: 1.4px; font-weight: 650; color: #667a9c; }
#sistembr-contacts-workspace h2 { margin: 5px 0 4px; font-size: 18px; line-height: 1.4; font-weight: 650; }
#sistembr-contacts-workspace .scw-heading p { margin: 0; font-size: 12px; color: #708099; }
#sistembr-contacts-workspace .scw-role { color: #546987; background: #f1f5fa; font-size: 10px; padding: 5px 9px; border-radius: 20px; white-space: nowrap; }
#sistembr-contacts-workspace .scw-counts { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; padding: 0 24px 20px; }
#sistembr-contacts-workspace .scw-counts > div { background: #f7f9fc; border: 1px solid #edf0f5; border-radius: 10px; padding: 12px; }
#sistembr-contacts-workspace .scw-counts strong { display: block; color: #16224d; font-size: 22px; line-height: 1.3; }
#sistembr-contacts-workspace .scw-counts span { display: block; margin-top: 5px; font-size: 10px; color: #718098; }
#sistembr-contacts-workspace .scw-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #edf0f5; padding: 14px 24px; }
#sistembr-contacts-workspace .scw-tabs { display: flex; flex-wrap: wrap; gap: 7px; }
#sistembr-contacts-workspace button { font: inherit; font-size: 12px; cursor: pointer; }
#sistembr-contacts-workspace .scw-tabs button { padding: 9px 13px; border: 1px solid #dce3ed; border-radius: 8px; color: #465977; background: transparent; transition: background .15s; }
#sistembr-contacts-workspace .scw-tabs button:hover { background: #f1f5fa; }
#sistembr-contacts-workspace .scw-tabs button[aria-expanded=true] { background: #16224d; border-color: #16224d; color: #fff; }
#sistembr-contacts-workspace button:focus-visible { outline: 2px solid #537bbc; outline-offset: 3px; }
#sistembr-contacts-workspace .scw-collapse { border: 0; background: none; color: #677994; font-size: 11px; }
#sistembr-contacts-workspace #scw-tools { border-top: 1px solid #edf0f5; }
#sistembr-contacts-workspace .scw-frame { display: block; width: 100%; height: 440px; border: 0; background: #fff; }
#sistembr-contacts-workspace .scw-loading { padding: 25px; font-size: 13px; color: #677994; }
#sistembr-contacts-workspace .scw-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 24px; background: #fafbfd; border-top: 1px solid #edf0f5; }
#sistembr-contacts-workspace .scw-updated { color: #718098; font-size: 10px; }
#sistembr-contacts-workspace .scw-refresh { color: #285c98; font-size: 11px; border: 0; background: none; font-weight: 600; }
.dark #sistembr-contacts-workspace { background: #20232a; border-color: #353a45; color: #e1e7f0; }
.dark #sistembr-contacts-workspace .scw-counts > div, .dark #sistembr-contacts-workspace .scw-footer, .dark #sistembr-contacts-workspace .scw-role { background: #272c35; border-color: #353a45; }
.dark #sistembr-contacts-workspace .scw-counts strong { color: #e1e7f0; }
.dark #sistembr-contacts-workspace .scw-controls, .dark #sistembr-contacts-workspace #scw-tools { border-color: #353a45; }
.dark #sistembr-contacts-workspace .scw-tabs button { color: #c8d6eb; border-color: #4a5362; }
.dark #sistembr-contacts-workspace .scw-tabs button:hover { background: #303a4b; }
.dark #sistembr-contacts-workspace .scw-tabs button[aria-expanded=true] { background: #335388; }
.dark #sistembr-contacts-workspace .scw-updated, .dark #sistembr-contacts-workspace .scw-counts span, .dark #sistembr-contacts-workspace .scw-heading p, .dark #sistembr-contacts-workspace .scw-role { color: #a5b5cc; }
@media(max-width:1100px) { #sistembr-contacts-workspace .scw-counts { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { #sistembr-contacts-workspace .scw-heading, #sistembr-contacts-workspace .scw-controls { padding: 16px; } #sistembr-contacts-workspace .scw-heading { flex-direction: column; } #sistembr-contacts-workspace .scw-counts { padding: 0 16px 16px; gap: 7px; } #sistembr-contacts-workspace .scw-tabs button { padding: 10px; } }
@media(prefers-reduced-motion:reduce) { #sistembr-contacts-workspace * { transition: none !important; } }
