/* D012 L214-359; estilos restritos ao componente. Nenhum CSS inline. */
@font-face{font-family:Inter;src:url('../assets/Inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/Inter-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/Inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/Inter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../assets/PlayfairDisplay-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
/* On mobile a panel is portaled to <body> (topbar.mjs placePanel); the rules below also name that portal class so the
   panel keeps the topbar's own box model, font, focus ring and disabled look outside .cc-topbar. */
.cc-topbar,.cc-topbar *,.cc-topbar__panel--mobile-portal,.cc-topbar__panel--mobile-portal *{box-sizing:border-box}
.cc-topbar{height:46px;min-width:1180px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#2E3B23;color:#fff;position:relative;z-index:50;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.cc-topbar__panel--mobile-portal{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.cc-topbar button,.cc-topbar__panel--mobile-portal button{font-family:inherit;cursor:pointer}
.cc-topbar button:focus-visible,.cc-topbar__panel--mobile-portal button:focus-visible{outline:2px solid #C88A0E;outline-offset:2px}
.cc-topbar [hidden],.cc-topbar__panel--mobile-portal [hidden]{display:none!important}
.cc-topbar--system,.cc-topbar--system *,.cc-topbar__portal--system-font,.cc-topbar__portal--system-font *{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif!important}
.cc-topbar__brand{display:inline-flex;align-items:center;gap:8px;cursor:default}
.cc-topbar__brand-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:rgba(234,231,217,.12)}
.cc-topbar__brand-name{font-family:'Playfair Display',serif;font-size:16px;font-weight:800;color:#EAE7D9;white-space:nowrap}
.cc-topbar__domain{font-size:11px;color:#AEBA98;font-weight:600}
.cc-topbar__spacer,.cc-topbar__grow{flex:1;min-width:0}
.cc-topbar__dropdown{position:relative}
.cc-topbar__reception,.cc-topbar__system{position:relative;display:flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:9px;font-size:11.5px;font-weight:700;white-space:nowrap}
.cc-topbar__reception{border:none}
.cc-topbar__reception--ok{background:rgba(53,160,63,.16);color:#8FE39B}
.cc-topbar__reception--muted{background:rgba(234,231,217,.12);color:#C6CCD6}
.cc-topbar__reception--warning{background:rgba(200,138,14,.2);color:#F0D48A}
.cc-topbar__reception--danger{background:rgba(198,55,60,.22);color:#FFC8CA}
.cc-topbar__reception--info{background:#EAF0FE;color:#2557C7}
.cc-topbar__reception--purple{background:#F5F2FA;color:#5B3A8C}
.cc-topbar__system,.cc-topbar__theme{border:1px solid rgba(234,231,217,.18);background:rgba(234,231,217,.08);color:#EAE7D9}
.cc-topbar__theme{position:relative;width:34px;height:30px;border-radius:9px;font-size:14px}
.cc-topbar__reception::after,.cc-topbar__system::after,.cc-topbar__theme::after,.cc-topbar__bell::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px;border-radius:inherit}
.cc-topbar__dot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}
.cc-topbar__dot--ok{background:#8FE39B}.cc-topbar__dot--muted{background:#8892A0}.cc-topbar__dot--warning{background:#E0A23B}.cc-topbar__dot--danger{background:#C6373C}.cc-topbar__dot--info{background:#2557C7}.cc-topbar__dot--purple{background:#5B3A8C}
.cc-topbar__bell{position:relative;width:36px;height:36px;border-radius:9px;border:none;background:transparent;display:grid;place-items:center;color:#C6CCD6}
.cc-topbar__bell[aria-expanded=true]{background:rgba(234,231,217,.12)}
.cc-topbar__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;color:#fff;font-size:9.5px;font-weight:800;display:grid;place-items:center}
.cc-topbar__badge--alerts{background:#C88A0E}.cc-topbar__badge--messages{background:#E5484D}
.cc-topbar__reading{display:inline-flex;align-items:center;gap:8px;margin-right:6px}
.cc-topbar__segments{display:flex;background:rgba(255,255,255,.12);border-radius:8px;padding:3px;gap:2px}
.cc-topbar__segment{height:24px;padding:0 10px;border:none;border-radius:6px;font-size:11px;font-weight:700;background:transparent;color:rgba(255,255,255,.72)}
.cc-topbar__segment--active{background:rgba(255,255,255,.92);color:#2E3B23}
.cc-topbar__illustration{display:inline-flex;align-items:center;gap:6px;margin-right:10px;padding:4px 10px;border-radius:999px;background:rgba(200,138,14,.18);border:1px solid rgba(234,217,168,.35);color:#F0D48A;font-size:10px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
.cc-topbar__illustration .cc-topbar__dot{width:6px;height:6px}
.cc-topbar__avatar{width:32px;height:32px;flex:none;border-radius:50%;background:#808E5C;color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:700}
.cc-topbar__alias{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:8px;background:rgba(234,231,217,.12);border:1px solid rgba(234,231,217,.22);color:#EAE7D9;font-size:10.5px;font-weight:700}
.cc-topbar__alias b,.cc-topbar__diagnostic,.cc-topbar__version{font-family:ui-monospace,monospace}
.cc-topbar__alias-dismiss{width:16px;height:16px;border:none;border-radius:50%;background:rgba(234,231,217,.2);color:#EAE7D9;font-size:10px;font-weight:800;padding:0;line-height:1}
.cc-topbar__panel{position:absolute;top:40px;right:0;background:#fff;color:#1B1F24;border:1px solid #E5E7EB;border-radius:13px;box-shadow:0 16px 40px rgba(20,25,35,.22);z-index:60;text-align:left}
.cc-topbar__panel--reception{width:296px;padding:14px}.cc-topbar__panel--system{width:308px;padding:12px}.cc-topbar__panel--alerts{top:44px;width:320px;padding:8px}.cc-topbar__panel--messages{top:44px;width:340px;padding:8px}
.cc-topbar__reception-title{font-size:12.5px;font-weight:800;margin-bottom:6px}.cc-topbar__reception-description{font-size:12px;color:#5F6B7A;line-height:1.55}.cc-topbar__reception-footer{display:flex;align-items:center;gap:9px;margin-top:11px}
.cc-topbar__understood{height:32px;padding:0 13px;border:1px solid #E0E3E8;border-radius:8px;background:#fff;color:#3B4453;font-size:12px;font-weight:700}
.cc-topbar__system-title{font-size:11px;font-weight:800;letter-spacing:.05em;color:#98A2B3;text-transform:uppercase;margin-bottom:8px}
.cc-topbar__system-rows{display:flex;flex-direction:column;gap:8px}.cc-topbar__system-row{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #EDEEF1;border-radius:10px}.cc-topbar__system-label{font-size:12.5px;font-weight:700}
.cc-topbar__muted-small{font-size:10.5px;color:#98A2B3}
.cc-topbar__status{font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:5px}.cc-topbar__status--ok{color:#1F7A34;background:#E7F5E4}.cc-topbar__status--muted{color:#8892A0;background:#EEF0F2}.cc-topbar__status--warning{color:#7A5A10;background:#FBEED0}.cc-topbar__status--danger{color:#9E2B2F;background:#FDF3F3}.cc-topbar__status--info{color:#2557C7;background:#EAF0FE}.cc-topbar__status--purple{color:#5B3A8C;background:#F5F2FA}
.cc-topbar__diagnostic{font-size:10px;color:#98A2B3;margin-top:9px}.cc-topbar__system-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid #F0F1F3}.cc-topbar__version{color:#1B1F24}.cc-topbar__qa{display:flex;gap:10px}
.cc-topbar__list-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px}.cc-topbar__list-title{font-size:12px;font-weight:800;letter-spacing:.04em}.cc-topbar__list-title--alerts{color:#7A5A10}.cc-topbar__list-title--messages{color:#0E6B5B}.cc-topbar__link{border:none;background:transparent;padding:0;font-size:11px;color:var(--link,#0E7060);font-weight:700}
.cc-topbar__record{display:flex;align-items:center;gap:10px;padding:9px 8px;border:0;border-radius:9px;width:100%;text-align:left;background:transparent;color:#1B1F24}.cc-topbar__record:hover{background:#F4F5F7}.cc-topbar__record-avatar{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.cc-topbar__avatar--olive{background:#808E5C}.cc-topbar__avatar--teal{background:#0E7060}.cc-topbar__avatar--indigo{background:#33356B}.cc-topbar__avatar--rose{background:#B0656B}.cc-topbar__avatar--slate{background:#6B7688}
.cc-topbar__record-body{flex:1;min-width:0}.cc-topbar__record-name{display:block;font-size:13px;font-weight:500}.cc-topbar__record-name--unread{font-weight:700}.cc-topbar__record-detail{display:block;font-size:11.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-topbar__new{flex:none;padding:3px 8px;border-radius:6px;background:#FBEED0;color:#7A5A10;font-size:9.5px;font-weight:800}
.cc-topbar__empty,.cc-topbar__end{padding:9px 8px;font-size:11.5px;color:#98A2B3;text-align:center}.cc-topbar__more{width:100%;height:32px;margin-top:4px;border:none;border-radius:8px;background:#F4F5F7;color:#5F6B7A;font-size:11.5px;font-weight:700}

/* Completação dos painéis D012 L292-342 e computeds L8709-8717. */
.cc-topbar__ai{margin:2px 4px 8px;border-radius:11px;overflow:hidden;border:1px solid #E4DCF0}
.cc-topbar__ai-body{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:0;width:100%;text-align:left}
.cc-topbar__ai-body--ready{background:#F5F2FA}.cc-topbar__ai-body--failed{background:#FDF3F3}.cc-topbar__ai-body--expired{background:#F4F5F7}
.cc-topbar__ai-symbol{width:26px;height:26px;border-radius:8px;background:#5B3A8C;color:#fff;display:grid;place-items:center;flex:none}
.cc-topbar__ai-body--failed .cc-topbar__ai-symbol{background:#C6373C}.cc-topbar__ai-body--expired .cc-topbar__ai-symbol{background:#98A2B3;font-size:13px}
.cc-topbar__ai-label{display:block;font-size:9.5px;font-weight:800;letter-spacing:.05em;color:#5B3A8C}
.cc-topbar__ai-title{display:block;font-size:12.5px;font-weight:700;color:#1B1F24}
.cc-topbar__ai-detail{display:block;font-size:11px;color:#9E2B2F;margin-top:2px}
.cc-topbar__ai-action{display:block;font-size:11.5px;color:#0E7060;font-weight:700;margin-top:2px}
.cc-topbar__ai-body--failed .cc-topbar__ai-label{color:#9E2B2F}.cc-topbar__ai-body--expired .cc-topbar__ai-label{color:#8892A0}.cc-topbar__ai-body--expired .cc-topbar__ai-title{color:#5F6B7A}.cc-topbar__ai-body--expired .cc-topbar__ai-detail{color:#98A2B3}
.cc-topbar__ai-footer{display:flex;align-items:center;gap:8px;padding:5px 11px;background:#fff;border-top:1px solid #F0F1F3}
.cc-topbar__ai-footer .cc-topbar__diagnostic{font-size:9px;color:#B7A6D0;flex:1;margin:0}.cc-topbar__ai-footer .cc-topbar__link{font-size:10px;color:#98A2B3}
.cc-topbar__permission{margin-top:6px;border-radius:9px}
.cc-topbar__permission--default{padding:9px 10px;background:#EAF0FE;border:1px solid #CFE0FF}
.cc-topbar__permission-title{font-size:11.5px;color:#2557C7;font-weight:700;margin-bottom:6px}.cc-topbar__permission-buttons{display:flex;gap:7px}
.cc-topbar__permit{flex:1;height:30px;border:none;border-radius:7px;background:#2557C7;color:#fff;font-size:11.5px;font-weight:800}
.cc-topbar__later{height:30px;padding:0 11px;border:1px solid #CFE0FF;border-radius:7px;background:#fff;color:#2557C7;font-size:11.5px;font-weight:700}
.cc-topbar__permission--granted{padding:8px 10px;background:#E7F5E4;border:1px solid #CDE6CF;font-size:11px;color:#1F7A34;font-weight:700}
.cc-topbar__permission--denied{padding:8px 10px;background:#F4F5F7;border:1px solid #E5E7EB;font-size:11px;color:#5F6B7A}
.cc-topbar__reinforce{margin-top:8px;padding:10px 11px;background:#FAFBFC;border:1px solid #EDEEF1;border-radius:10px}
.cc-topbar__reinforce-title{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:11.5px;font-weight:800;color:#3B4453}
.cc-topbar__behavior{font-size:8.5px;font-weight:800;letter-spacing:.05em;color:#98A2B3;background:#EEF0F2;padding:2px 7px;border-radius:999px}
.cc-topbar__reinforce-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#5F6B7A}.cc-topbar__reinforce-row+.cc-topbar__reinforce-row{margin-top:6px}
.cc-topbar__reinforce-row .cc-topbar__dot{width:7px;height:7px}.cc-topbar__reinforce-row .cc-topbar__dot--ok{background:#2FA24A}.cc-topbar__reinforce-row .cc-topbar__dot--muted{background:#CBD3DA}
.cc-topbar__reinforce-state{font-weight:800}.cc-topbar__reinforce-state--ok{color:#1E7A34}.cc-topbar__reinforce-state--muted{color:#98A2B3}.cc-topbar__reinforce-state--danger{color:#C6373C}.cc-topbar__reinforce-state--warning{color:#7A5A10}.cc-topbar__reinforce-state--info{color:#2557C7}.cc-topbar__reinforce-state--purple{color:#5B3A8C}
.cc-topbar__mute-row{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid #EDEEF1;font-size:11px;font-weight:600;color:#3B4453}
.cc-topbar__switch{width:40px;height:22px;flex:none;border-radius:999px;border:none;padding:0;position:relative;background:#CBD3DA;transition:background .15s}
.cc-topbar__switch--on{background:#128A76}.cc-topbar__knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.25)}.cc-topbar__switch--on .cc-topbar__knob{left:20px}
.cc-topbar__switch::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:24px;min-height:24px;border-radius:inherit}
.cc-topbar__test{width:100%;height:31px;margin-top:9px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#5F6B7A;font-size:11px;font-weight:700}
.cc-topbar__note{display:flex;align-items:flex-start;gap:6px;margin-top:9px;font-size:10.5px;color:#98A2B3;line-height:1.45}.cc-topbar__note svg{flex:none;margin-top:1px}.cc-topbar__note b{color:#5F6B7A}

.cc-topbar button:disabled,.cc-topbar__panel--mobile-portal button:disabled{cursor:not-allowed;opacity:.6}
@media(max-width:700px){
 .cc-topbar{width:100%;max-width:100vw;min-width:0;gap:8px;padding:0 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
 .cc-topbar__spacer{flex:0 0 4px}
 .cc-topbar__panel--mobile-portal{position:fixed;top:48px;right:8px;left:auto;max-width:calc(100vw - 16px);max-height:calc(100vh - 56px);overflow-y:auto;z-index:240}
}
/* NOTIF-2 (owner decision 6): "Limpar" beside each alert and "Limpar todos" in the head; the row button keeps its own focus. */
.cc-topbar__record-row{display:flex;align-items:stretch;gap:4px}.cc-topbar__record-row>.cc-topbar__record{flex:1;min-width:0}.cc-topbar__record-dismiss{flex:none;border:none;background:transparent;color:var(--link,#0E7060);font:inherit;font-size:11px;font-weight:700;padding:0 8px;cursor:pointer;border-radius:6px}.cc-topbar__record-dismiss:hover,.cc-topbar__record-dismiss:focus-visible{background:#F4F5F7}