.mesa-operacoes-view { display: none; }
.mesa-operations-menu { position: relative; display: flex; align-items: stretch; flex: 0 0 auto; }
.mesa-operations-menu::after { content: ""; position: absolute; z-index: 259; top: 100%; left: 0; width: 260px; height: 10px; }
.director-tabs .mesa-operations-menu > button { height: 100%; }
.mesa-operations-submenu { position: absolute; z-index: 260; top: calc(100% + 7px); left: 0; width: 260px; padding: 7px; border: 1px solid rgba(135,170,207,.27); border-radius: 12px; background: rgba(7,26,46,.97); box-shadow: 0 20px 48px rgba(0,16,32,.72); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-5px); transition: opacity .15s ease, transform .15s ease, visibility .15s ease; }
.mesa-operations-menu:hover .mesa-operations-submenu, .mesa-operations-menu:focus-within .mesa-operations-submenu, .mesa-operations-menu > button[aria-expanded="true"] + .mesa-operations-submenu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.director-tabs .mesa-operations-submenu button, body > .mesa-operations-submenu.mobile-detached button { display: grid; gap: 3px; width: 100%; padding: 11px 12px; border: 0; border-radius: 9px; box-sizing: border-box; background: transparent; color: #dce9f8; cursor: pointer; text-align: left; }
.director-tabs .mesa-operations-submenu button + button, body > .mesa-operations-submenu.mobile-detached button + button { margin-top: 3px; }
.director-tabs .mesa-operations-submenu button:hover, .director-tabs .mesa-operations-submenu button:focus-visible, .director-tabs .mesa-operations-submenu button.active, body > .mesa-operations-submenu.mobile-detached button.active { outline: none; background: #315d91; color: #fff; }
.mesa-operations-submenu button span { font-size: 11px; font-weight: 800; }
.mesa-operations-submenu button small { color: #8fa5bf; font-size: 8px; font-weight: 600; }
.mesa-operations-submenu button:hover small, .mesa-operations-submenu button:focus-visible small, .mesa-operations-submenu button.active small { color: #c8daef; }
body.mesa-operacoes-active .director-content { display: none !important; }
body.mesa-operacoes-active .mesa-operacoes-view {
  display: block;
  width: 100%;
  max-width: 1880px;
  margin: 38px auto 80px;
  color: #f4f8fd;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.director-tabs [data-mesa-operacoes-tab="true"].active {
  color: #fff;
  border-color: rgba(132, 185, 245, .62);
  background: linear-gradient(180deg, rgba(66, 111, 164, .95), rgba(38, 77, 123, .95));
  box-shadow: inset 0 -2px 0 #8cc2ff;
}
.mesa-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; max-width: 100%; margin-bottom: 24px; }
.mesa-heading > div:first-child { min-width: 0; }
.mesa-heading h1 { margin: 6px 0 7px; font-size: clamp(32px, 3vw, 54px); letter-spacing: -.045em; }
.mesa-heading p { margin: 0; color: #a8b9cd; font-size: 14px; }
.mesa-live { display: flex; flex: 0 1 auto; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px 9px; min-width: 0; max-width: 100%; color: #8ee2c3; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-align: right; text-transform: uppercase; }
.mesa-live i { width: 8px; height: 8px; border-radius: 50%; background: #65d2ad; box-shadow: 0 0 0 5px rgba(101,210,173,.1); }
.mesa-live small { color: #8297b1; font-weight: 600; letter-spacing: 0; white-space: nowrap; text-transform: none; }
.mesa-kpis { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; margin-bottom: 18px; }
.mesa-kpis article { min-height: 118px; padding: 18px 20px; border: 1px solid rgba(137,174,214,.18); border-radius: 17px; background: linear-gradient(145deg, rgba(16,38,65,.97), rgba(8,27,47,.94)); box-shadow: 0 18px 44px rgba(0,0,0,.13); }
.mesa-kpis span { display: block; color: #b6c5d8; font-size: 13px; font-weight: 700; }
.mesa-kpis strong { display: block; margin: 8px 0 3px; color: #fff; font-size: clamp(25px, 2vw, 36px); line-height: 1; letter-spacing: -.035em; }
.mesa-kpis small { color: #8095af; font-size: 11px; }
.mesa-kpis .mesa-kpi-paid { border-color: rgba(104,209,173,.34); }
.mesa-kpis .mesa-kpi-paid strong { color: #72dbb7; }
.mesa-board { display: grid; grid-template-columns: repeat(4, minmax(255px,1fr)); gap: 14px; align-items: start; }
.mesa-lane { min-height: 510px; border: 1px solid rgba(137,174,214,.17); border-radius: 18px; overflow: hidden; background: rgba(6,24,43,.72); }
.mesa-lane > header { display: flex; justify-content: space-between; align-items: start; gap: 12px; padding: 18px 18px 16px; border-bottom: 1px solid rgba(137,174,214,.15); }
.mesa-lane > header h2 { margin: 0; font-size: 18px; }
.mesa-lane > header p { margin: 5px 0 0; color: #849ab5; font-size: 10px; line-height: 1.4; }
.mesa-lane > header > span { min-width: 34px; height: 28px; display: grid; place-items: center; border-radius: 999px; color: #d9e8f8; background: rgba(114,159,208,.14); font-size: 12px; font-weight: 900; }
.mesa-lane-head-actions, .mesa-card-head-actions { display: flex; align-items: center; gap: 8px; }
.mesa-lane-head-actions > span { min-width: 34px; height: 28px; display: grid; place-items: center; border-radius: 999px; color: #d9e8f8; background: rgba(114,159,208,.14); font-size: 12px; font-weight: 900; }
.mesa-lane-head-actions button, .mesa-card-collapse { width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(137,174,214,.24); border-radius: 8px; background: rgba(8,25,43,.65); color: #a9c3df; cursor: pointer; }
.mesa-lane-head-actions svg, .mesa-card-collapse svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .16s ease; }
.mesa-credit-engine-shortcut { width: 30px; height: 30px; display: grid; place-items: center; padding: 3px; border: 1px solid rgba(112,226,205,.4); border-radius: 9px; background: rgba(18,37,80,.82); cursor: pointer; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.mesa-credit-engine-shortcut:hover, .mesa-credit-engine-shortcut:focus-visible { border-color: #50edce; outline: 0; background: rgba(35,55,122,.95); transform: translateY(-1px); }
.mesa-credit-engine-shortcut img { width: 23px; height: 23px; object-fit: contain; display: block; }
.mesa-lane.is-collapsed { min-height: 0; }
.mesa-lane.is-collapsed .mesa-lane-list { display: none; }
.mesa-lane.is-collapsed .mesa-lane-head-actions svg { transform: rotate(180deg); }
.mesa-lane-aguardando { border-top: 3px solid #f1bd64; }
.mesa-lane-andamento { border-top: 3px solid #79b8fb; }
.mesa-lane-concluidas { border-top: 3px solid #68d1ad; }
.mesa-lane-canceladas { border-top: 3px solid #e78585; }
.mesa-lane-aberto { border-top: 3px solid #f1bd64; }
.mesa-lane-analise { border-top: 3px solid #79b8fb; }
.mesa-lane-aguardando-pagamento { border-top: 3px solid #9e9df5; }
.mesa-lane-pagas { border-top: 3px solid #68d1ad; }
.mesa-lane-list { display: grid; gap: 11px; padding: 12px; }
.mesa-card { padding: 15px; border: 1px solid rgba(132,171,214,.18); border-radius: 14px; background: linear-gradient(145deg, rgba(17,39,65,.96), rgba(8,27,46,.96)); cursor: pointer; transition: border-color .16s ease, transform .16s ease; }
.mesa-card:hover, .mesa-card:focus-visible { border-color: rgba(121,184,251,.56); outline: 0; transform: translateY(-1px); }
.mesa-card-shared { border-color: rgba(121,184,251,.78); box-shadow: 0 0 0 3px rgba(121,184,251,.12), 0 18px 42px rgba(0,0,0,.2); }
.mesa-card-head, .mesa-card-foot, .mesa-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mesa-bordero { color: #9bc4f2; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.mesa-elapsed { color: #f3c477; font-size: 10px; font-weight: 800; }
.mesa-card h3 { min-height: 38px; margin: 11px 0 7px; color: #f6f9fd; font-size: 15px; line-height: 1.25; }
.mesa-card-value { margin-bottom: 13px; color: #fff; font-size: 22px; font-weight: 850; letter-spacing: -.03em; }
.mesa-card-meta { justify-content: flex-start; flex-wrap: wrap; padding: 10px 0; border-top: 1px solid rgba(133,168,207,.12); border-bottom: 1px solid rgba(133,168,207,.12); color: #91a6bf; font-size: 10px; }
.mesa-card-meta strong { color: #dce8f5; }
.mesa-card.is-collapsed { padding-bottom: 11px; }
.mesa-card.is-collapsed .mesa-card-meta, .mesa-card.is-collapsed .mesa-card-foot, .mesa-card.is-collapsed .mesa-vote { display: none; }
.mesa-card.is-collapsed h3 { min-height: 0; margin-bottom: 4px; }
.mesa-card.is-collapsed .mesa-card-value { margin-bottom: 0; font-size: 17px; }
.mesa-card.is-collapsed .mesa-card-collapse svg { transform: rotate(180deg); }
.mesa-card-foot { align-items: end; margin-top: 11px; color: #92a7bf; font-size: 10px; }
.mesa-card-foot span { color: #b6c7d9; font-weight: 700; }
.mesa-card-foot time { text-align: right; }
.mesa-confirmation { display: grid; gap: 9px; margin-top: 13px; padding-top: 11px; border-top: 1px solid rgba(133,168,207,.12); }
.mesa-confirmation-row { display: flex; align-items: center; gap: 5px; }
.mesa-confirmation-label { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; color: #dce8f5; cursor: pointer; font: 700 11px/1.4 Inter,system-ui,sans-serif; }
.mesa-confirmation-label input { width: 15px; height: 15px; margin: 0; accent-color: #79b8fb; cursor: pointer; }
.mesa-confirmation-label:has(input:disabled) { opacity: .6; cursor: not-allowed; }
.mesa-confirmation-help { position: relative; display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #849db7; cursor: pointer; font: 600 10px/1 Inter,system-ui,sans-serif; }
.mesa-confirmation-help::before { content: ""; position: absolute; inset: 6px; border: 1px solid currentColor; border-radius: 50%; opacity: .6; pointer-events: none; }
.mesa-confirmation-help:hover, .mesa-confirmation-help[aria-expanded="true"] { color: #bdd3ea; background: transparent; }
.mesa-confirmation-help:hover::before, .mesa-confirmation-help[aria-expanded="true"]::before { opacity: 1; }
.mesa-confirmation-hint { margin: 0; padding: 10px 11px; border: 1px solid rgba(137,174,214,.2); border-radius: 8px; background: rgba(4,20,36,.65); color: #a9bfd7; font: 500 10px/1.6 Inter,system-ui,sans-serif; }
.mesa-confirmation-hint[hidden] { display: none !important; }
.mesa-confirmation-action { display: flex; justify-content: center; align-items: center; gap: 7px; min-height: 34px; padding: 8px 10px; box-sizing: border-box; border: 1px solid rgba(116,176,239,.42); border-radius: 8px; background: rgba(52,102,158,.4); color: #dcecff; text-decoration: none; font: 750 10px/1.4 Inter,system-ui,sans-serif; transition: background .15s ease,border-color .15s ease; }
.mesa-confirmation-action:visited { color: #dcecff; }
.mesa-confirmation-action:hover { border-color: #83b9ee; background: rgba(64,119,181,.62); color: #fff; text-decoration: none; }
.mesa-confirmation-action svg { flex-shrink: 0; width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.mesa-confirmation-action span:first-of-type { min-width: 0; text-align: center; }
.mesa-confirmation-help:focus-visible, .mesa-confirmation-action:focus-visible, .mesa-confirmation-label input:focus-visible { outline: 2px solid #9bcbff; outline-offset: 3px; }
.mesa-card.is-collapsed .mesa-confirmation { display: none; }
.mesa-vote { margin: 13px -3px -3px; border-top: 1px solid rgba(133,168,207,.16); }
.mesa-vote summary { padding: 13px 3px 3px; display: flex; justify-content: space-between; gap: 10px; color: #a9c7e9; cursor: pointer; list-style: none; font-size: 10px; font-weight: 800; }
.mesa-vote summary::-webkit-details-marker { display: none; }
.mesa-vote summary strong { color: #d7e6f6; font-size: 9px; }
.mesa-vote-summary-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.mesa-open-vote { padding: 4px 9px; border: 1px solid rgba(116,176,239,.42); border-radius: 7px; background: rgba(52,102,158,.55); color: #edf7ff; cursor: pointer; font: 800 8px/1 Inter,system-ui,sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.mesa-open-vote:hover { border-color: #83b9ee; background: rgba(64,119,181,.72); }
.mesa-vote-body { display: grid; gap: 10px; padding-top: 11px; }
.mesa-vote-score { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.mesa-vote-score span { padding: 8px 5px; border-radius: 9px; background: rgba(128,161,199,.08); color: #98abc1; text-align: center; font-size: 8px; }
.mesa-vote-score b { display: block; margin-bottom: 2px; color: #eef6ff; font-size: 15px; }
.mesa-vote-score .positive b { color: #72dbb7; }
.mesa-vote-score .warning b { color: #f2c16b; }
.mesa-vote-score .negative b { color: #eb9292; }
.mesa-vote-note { width: 100%; min-height: 58px; resize: vertical; padding: 9px 10px; border: 1px solid rgba(137,174,214,.2); border-radius: 9px; outline: 0; background: rgba(4,20,36,.8); color: #eff6fe; font: 500 10px/1.4 Inter,system-ui,sans-serif; }
.mesa-vote-note:focus { border-color: #70a9e8; }
.mesa-vote-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.mesa-vote-actions button, .mesa-share { padding: 8px 6px; border: 1px solid rgba(133,173,218,.24); border-radius: 8px; background: rgba(43,79,120,.35); color: #d8e8f8; cursor: pointer; font-size: 8px; font-weight: 800; }
.mesa-vote-actions button.selected { border-color: #82b7ef; background: rgba(65,111,160,.8); color: #fff; }
.mesa-vote-actions button:disabled { opacity: .5; cursor: wait; }
.mesa-share-row { display: flex; align-items: center; gap: 9px; }
.mesa-share { flex: 0 0 auto; border-color: rgba(97,210,174,.3); color: #9ce3cb; background: rgba(31,105,84,.2); }
.mesa-vote-feedback { color: #92a8c0; font-size: 9px; line-height: 1.3; }
.mesa-vote-closed { margin: 0; color: #849ab4; font-size: 9px; line-height: 1.4; }
.mesa-vote-history { display: grid; gap: 5px; padding-top: 8px; border-top: 1px solid rgba(133,168,207,.12); }
.mesa-vote-history div { display: grid; grid-template-columns: minmax(90px,.7fr) 1.3fr; gap: 8px; color: #91a7bf; font-size: 8px; }
.mesa-vote-history strong { color: #cddcec; overflow: hidden; text-overflow: ellipsis; }
.mesa-history-section { margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(137,174,214,.18); }
.mesa-history-section-compact { width: min(310px,100%); margin-top: 12px; padding-top: 0; border-top: 0; }
.mesa-history-section-compact .mesa-history summary { grid-template-columns: minmax(0,1fr) auto 18px; gap: 9px; padding: 10px 12px; }
.mesa-history-section-compact .mesa-history summary span { font-size: 7px; }
.mesa-history-section-compact .mesa-history summary strong { font-size: 14px; }
.mesa-history-section-compact .mesa-history summary small { display: none; }
.mesa-history-section-compact .mesa-history summary > b { font-size: 11px; }
.mesa-history-section-compact .mesa-history-list { min-width: min(520px,calc(100vw - 80px)); }
.mesa-history-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 12px; }
.mesa-history-heading h2 { margin: 4px 0 0; font-size: 20px; }
.mesa-history-heading p { max-width: 520px; margin: 0; color: #849ab5; font-size: 10px; text-align: right; }
.mesa-history-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.mesa-history-grid-one { grid-template-columns: 1fr; }
.mesa-history { border: 1px solid rgba(137,174,214,.17); border-radius: 15px; background: rgba(6,24,43,.58); overflow: hidden; }
.mesa-history summary { display: grid; grid-template-columns: minmax(0,1fr) auto 24px; align-items: center; gap: 15px; padding: 15px 17px; cursor: pointer; list-style: none; }
.mesa-history summary::-webkit-details-marker { display: none; }
.mesa-history summary div { display: flex; flex-direction: column; gap: 3px; }
.mesa-history summary span { color: #9db1c8; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.mesa-history summary strong { color: #eef6ff; font-size: 18px; }
.mesa-history summary small { color: #7f94ad; font-size: 9px; }
.mesa-history summary > b { color: #b9c9da; font-size: 14px; }
.mesa-history-concluidas summary strong { color: #72dbb7; }
.mesa-history-canceladas summary strong { color: #eb9292; }
.mesa-history summary > svg { width: 17px; height: 17px; fill: none; stroke: #9db8d5; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .16s; }
.mesa-history[open] summary > svg { transform: rotate(180deg); }
.mesa-history-list { display: grid; gap: 7px; padding: 0 10px 10px; }
.mesa-history-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 12px; border: 1px solid rgba(132,171,214,.14); border-radius: 10px; background: rgba(9,29,49,.72); }
.mesa-history-card > div { display: grid; gap: 3px; min-width: 0; }
.mesa-history-card span { color: #8eacd0; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.mesa-history-card strong { color: #e7eff8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.mesa-history-card small { color: #8196ae; font-size: 8px; }
.mesa-history-card em { color: #d8a6a6; font-size: 8px; font-style: normal; }
.mesa-history-card > b { color: #e9f2fb; white-space: nowrap; font-size: 12px; }
.mesa-empty, .mesa-loading, .mesa-error { padding: 34px 18px; border: 1px dashed rgba(139,174,214,.2); border-radius: 14px; color: #849ab4; text-align: center; font-size: 12px; }
.mesa-error { display: grid; gap: 8px; margin-top: 40px; color: #e9aaaa; }
body.mesa-operation-open { overflow: hidden; }
.mesa-operation-overlay { position: fixed; inset: 0; z-index: 10080; display: grid; place-items: center; padding: 24px; background: rgba(2,12,24,.78); backdrop-filter: blur(8px); }
.mesa-operation-dialog { width: min(1540px,96vw); max-height: 94vh; overflow: auto; border: 1px solid rgba(132,183,235,.35); border-radius: 22px; background: linear-gradient(145deg,#102d4d,#071b30); color: #eef6ff; box-shadow: 0 32px 100px rgba(0,0,0,.48); font-family: Inter,ui-sans-serif,system-ui,sans-serif; }
.mesa-operation-dialog-head { position: sticky; top: 0; z-index: 3; display: flex; justify-content: space-between; align-items: start; gap: 20px; padding: 24px 28px 20px; border-bottom: 1px solid rgba(137,174,214,.18); background: rgba(11,34,58,.96); backdrop-filter: blur(14px); }
.mesa-operation-dialog-head span { color: #8fbbe8; font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.mesa-operation-dialog-head h2 { margin: 5px 0; font-size: clamp(22px,2.3vw,34px); line-height: 1.12; }
.mesa-operation-dialog-head p { margin: 0; color: #91a8c0; font-size: 12px; }
.mesa-operation-close { width: 38px; height: 38px; flex: 0 0 auto; border: 1px solid rgba(137,174,214,.28); border-radius: 11px; background: rgba(8,26,45,.8); color: #d8e8f8; cursor: pointer; font-size: 25px; line-height: 1; }
.mesa-operation-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding: 15px 28px 0; }
.mesa-operation-toolbar button { padding: 10px 13px; border: 1px solid rgba(121,184,251,.34); border-radius: 9px; background: rgba(48,94,145,.45); color: #e6f2ff; cursor: pointer; font-size: 10px; font-weight: 800; }
.mesa-operation-toolbar button[data-copy-vote-link] { padding: 3px 0 5px; border: 0; border-bottom: 1px dashed rgba(183,204,227,.72); border-radius: 0; background: none; color: #b7cce3; font-weight: 650; }
.mesa-operation-toolbar button[data-copy-vote-link]:hover { border-bottom-color: currentColor; color: #f1f7ff; }
.mesa-operation-toolbar button.whatsapp { border-color: rgba(101,210,173,.38); background: rgba(26,111,82,.28); color: #9ce6cd; }
.mesa-operation-toolbar button.whatsapp { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border-radius: 10px; }
.mesa-operation-toolbar button.whatsapp svg { width: 19px; height: 19px; fill: currentColor; }
.mesa-whatsapp-picker { position: relative; display: inline-flex; }
.mesa-whatsapp-menu { position: absolute; z-index: 12; top: calc(100% + 9px); right: 0; width: 260px; padding: 7px; border: 1px solid rgba(101,210,173,.34); border-radius: 12px; background: #071d31; box-shadow: 0 18px 45px rgba(0,0,0,.42); }
.mesa-whatsapp-menu[hidden] { display: none !important; }
.mesa-operation-toolbar .mesa-whatsapp-menu button { width: 100%; display: grid; gap: 3px; padding: 10px 11px; border: 0; border-radius: 8px; background: transparent; color: #dff8ef; text-align: left; }
.mesa-operation-toolbar .mesa-whatsapp-menu button:hover { background: rgba(55,149,116,.2); }
.mesa-whatsapp-menu strong { font-size: 10px; }
.mesa-whatsapp-menu span { color: #86aa9e; font-size: 8px; font-weight: 600; }
.mesa-operation-toolbar button.dossier-primary { border-color: rgba(105,205,172,.48); background: #17634f; color: #effff9; }
.mesa-operation-toolbar button.dossier-primary:hover { background: #1d7a62; }
.mesa-operation-toolbar button.dossier-share { border-color: rgba(105,205,172,.32); background: rgba(23,99,79,.28); color: #a9ead4; }
.mesa-operation-toolbar button:disabled { opacity: .55; cursor: wait; }
.mesa-dossier { margin: 18px 28px 6px; padding: 20px; border: 1px solid rgba(129,184,239,.28); border-radius: 16px; background: linear-gradient(145deg,rgba(12,38,65,.84),rgba(4,22,39,.86)); }
.mesa-dossier-heading { display: flex; justify-content: space-between; align-items: start; gap: 24px; }
.mesa-dossier-heading > div:first-child > span { color: #80b7ee; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.mesa-dossier-heading h3 { margin: 5px 0 4px; color: #f4f9ff; font-size: 23px; }
.mesa-dossier-heading p { max-width: 720px; margin: 0; color: #8096ae; font-size: 9px; line-height: 1.45; }
.mesa-dossier-policy { max-width: 430px; padding: 11px 13px; border: 1px solid rgba(130,176,224,.2); border-radius: 11px; background: rgba(5,22,39,.6); text-align: right; }
.mesa-dossier-policy small, .mesa-dossier-policy strong { display: block; }
.mesa-dossier-policy small { color: #7690aa; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.mesa-dossier-policy strong { margin-top: 4px; color: #dbe9f7; font-size: 10px; }
.mesa-dossier-policy a { display: inline-block; margin-top: 6px; color: #8dc5fb; font-size: 8px; font-weight: 800; }
.mesa-dossier-policy.is-active { border-color: rgba(103,209,172,.28); }
.mesa-dossier-policy.is-missing { border-color: rgba(231,133,133,.35); }
.mesa-dossier-decision { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 15px; padding: 14px 16px; border-left: 4px solid #6d87a3; border-radius: 10px; background: rgba(113,146,183,.08); }
.mesa-dossier-decision.is-conforme { border-left-color: #67d1ac; background: rgba(50,149,115,.1); }
.mesa-dossier-decision.is-atencao { border-left-color: #efbd65; background: rgba(181,125,38,.11); }
.mesa-dossier-decision.is-bloqueador { border-left-color: #e27f85; background: rgba(175,57,67,.12); }
.mesa-dossier-decision small { display: block; color: #8299b1; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.mesa-dossier-decision strong { display: block; margin-top: 4px; color: #f0f6fc; font-size: 12px; line-height: 1.35; }
.mesa-dossier-decision p { flex: 0 0 auto; margin: 0; color: #a6b9cc; font-size: 9px; }
.mesa-dossier-decision p b { color: #fff; }
.mesa-dossier-metrics { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.mesa-dossier-metrics article { min-height: 74px; padding: 12px; border: 1px solid rgba(138,177,218,.15); border-radius: 10px; background: rgba(4,20,35,.48); }
.mesa-dossier-metrics span, .mesa-dossier-metrics strong, .mesa-dossier-metrics small { display: block; }
.mesa-dossier-metrics span { color: #7f95ad; font-size: 8px; font-weight: 750; }
.mesa-dossier-metrics strong { margin-top: 7px; color: #eff6fd; font-size: 15px; line-height: 1.05; overflow-wrap: anywhere; }
.mesa-dossier-metrics small { margin-top: 4px; color: #8096ae; font-size: 8px; }
.mesa-dossier-metrics .mesa-dossier-positive.is-conforme { border-color: rgba(101,208,170,.5); background: rgba(31,120,91,.16); box-shadow: inset 0 0 0 1px rgba(101,208,170,.08); }
.mesa-dossier-metrics .mesa-dossier-positive.is-conforme strong { color: #8ce0c3; }
.mesa-dossier-metrics .mesa-dossier-positive.is-atencao { border-color: rgba(239,189,101,.5); background: rgba(151,102,29,.14); }
.mesa-dossier-metrics .mesa-dossier-positive.is-atencao strong { color: #f2c778; }
.mesa-dossier details { margin-top: 12px; border-top: 1px solid rgba(137,174,214,.16); }
.mesa-dossier details > summary { display: flex; justify-content: space-between; gap: 16px; padding: 13px 2px 8px; color: #dce9f6; cursor: pointer; list-style: none; font-size: 11px; font-weight: 850; }
.mesa-dossier details > summary::-webkit-details-marker { display: none; }
.mesa-dossier details > summary strong { color: #7992aa; font-size: 9px; }
.mesa-dossier-checks > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.mesa-dossier-check { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 12px; padding: 11px 12px; border: 1px solid rgba(135,173,214,.14); border-left: 3px solid #71869c; border-radius: 9px; background: rgba(4,20,35,.45); }
.mesa-dossier-check.is-conforme { border-left-color: #65d0aa; }
.mesa-dossier-check.is-atencao { border-left-color: #efbd65; }
.mesa-dossier-check.is-bloqueador { border-left-color: #e27f85; }
.mesa-dossier-check > div span { color: #7089a3; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.mesa-dossier-check h4 { margin: 3px 0 0; color: #e5eef8; font-size: 10px; }
.mesa-dossier-check > strong { align-self: start; padding: 4px 6px; border-radius: 999px; background: rgba(105,129,154,.16); color: #a9bdd2; font-size: 7px; text-transform: uppercase; }
.mesa-dossier-check.is-conforme > strong { color: #8ce0c3; background: rgba(49,151,116,.17); }
.mesa-dossier-check.is-atencao > strong { color: #f2c778; background: rgba(181,125,38,.17); }
.mesa-dossier-check.is-bloqueador > strong { color: #f2a2a7; background: rgba(175,57,67,.18); }
.mesa-dossier-check p { grid-column: 1/-1; margin: 2px 0 0; color: #8097af; font-size: 8px; line-height: 1.35; }
.mesa-dossier-check p b { color: #c7d7e7; }
.mesa-dossier-table-wrap { overflow: auto; border: 1px solid rgba(137,174,214,.15); border-radius: 10px; }
.mesa-dossier-table-wrap table { width: 100%; min-width: 760px; border-collapse: collapse; background: rgba(4,19,34,.42); font-size: 9px; }
.mesa-dossier-table-wrap th, .mesa-dossier-table-wrap td { padding: 9px 10px; border-bottom: 1px solid rgba(137,174,214,.12); color: #cad8e6; text-align: left; }
.mesa-dossier-table-wrap th { background: rgba(119,154,192,.08); color: #899fb7; font-size: 7px; text-transform: uppercase; }
.mesa-dossier-table-wrap tr:last-child td { border-bottom: 0; }
.mesa-dossier-table-wrap .number { text-align: right; white-space: nowrap; }
.mesa-dossier-unavailable { padding: 18px; border: 1px dashed rgba(226,127,133,.35); border-radius: 10px; color: #d8a0a5; text-align: center; font-size: 10px; }
body.mesa-portfolio-overlay-open { overflow: hidden; }
.mesa-operation-overlay[hidden] { display: none !important; }
.mesa-portfolio-error { padding: 16px; border: 1px solid #caa358; border-radius: 10px; color: #ffe0a5; background: #302919; }
body.mesa-portfolio-overlay-open::before { content: ""; position: fixed; inset: 0; z-index: 10020; background: rgba(3,14,27,.86); backdrop-filter: blur(5px); }
body.mesa-operacoes-active.mesa-portfolio-overlay-open .director-content { display: block !important; position: fixed; inset: 22px; z-index: 10021; overflow: auto; padding: 26px 30px 42px; border: 1px solid rgba(132,185,245,.35); border-radius: 20px; background: linear-gradient(145deg,#183756 0%,#071c31 100%); box-shadow: 0 30px 90px rgba(0,0,0,.5); }
body.mesa-portfolio-overlay-open .director-content > .director-heading { display: none; }
/* Reuse the isolated native profile, not the whole portfolio dashboard. */
body.mesa-portfolio-overlay-open .director-section-stack > :not(#portfolio-detail) { display: none !important; }
body.mesa-portfolio-overlay-open #portfolio-detail { margin-top: 30px; }
body.mesa-portfolio-overlay-open #portfolio-detail .portfolio-detail-header > div { display: none; }
#mesa-portfolio-overlay-close { position: fixed; top: 38px; right: 48px; z-index: 10023; padding: 10px 14px; border: 1px solid rgba(142,193,249,.46); border-radius: 10px; background: #0a2037; color: #eaf4ff; font: 800 11px Inter,ui-sans-serif,system-ui,sans-serif; cursor: pointer; box-shadow: 0 12px 30px rgba(0,0,0,.25); }
#mesa-portfolio-overlay-close:hover { background: #173c61; border-color: rgba(142,193,249,.72); }
.mesa-operation-feedback { color: #91a8c0; font-size: 10px; }
.mesa-operation-toolbar .mesa-operation-engine { display: inline-flex; align-items: center; gap: 7px; border-color: rgba(93,226,201,.45); color: #b9ffef; }
.mesa-operation-toolbar .mesa-operation-engine img { width: 23px; height: 23px; object-fit: contain; }
.mesa-operation-summary { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; padding: 16px 28px 12px; }
.mesa-operation-summary article { min-height: 88px; padding: 14px 15px; border: 1px solid rgba(137,174,214,.18); border-radius: 12px; background: rgba(5,22,39,.52); }
.mesa-operation-summary span { display: block; color: #8fa5bd; font-size: 9px; font-weight: 750; }
.mesa-operation-summary strong { display: block; margin-top: 8px; color: #f3f8ff; font-size: clamp(15px,1.25vw,21px); line-height: 1.1; overflow-wrap: anywhere; }
.mesa-operation-summary small { display: block; margin-top: 5px; color: #8298b1; font-size: 8px; }
.mesa-operation-costs { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 28px 18px; padding: 11px 14px; border: 1px solid rgba(137,174,214,.13); border-radius: 10px; color: #8da4bd; font-size: 9px; }
.mesa-operation-costs b { margin-left: 4px; color: #dbe8f5; }
.mesa-operation-titles { padding: 0 28px 28px; }
.mesa-operation-titles > div:first-child { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 10px; }
.mesa-operation-titles h3 { margin: 0; font-size: 18px; }
.mesa-operation-titles p { max-width: 610px; margin: 0; color: #8197af; font-size: 9px; text-align: right; }
.mesa-operation-table-wrap { overflow: auto; border: 1px solid rgba(137,174,214,.17); border-radius: 13px; }
.mesa-operation-table-wrap table { width: 100%; min-width: 1120px; border-collapse: collapse; background: rgba(3,18,32,.52); font-size: 10px; }
.mesa-operation-table-wrap th { padding: 11px 12px; border-bottom: 1px solid rgba(151,184,221,.27); background: rgba(120,154,192,.09); color: #a9bdd3; text-align: left; font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.mesa-operation-table-wrap td { padding: 11px 12px; border-bottom: 1px solid rgba(137,174,214,.12); color: #d7e3ef; vertical-align: top; }
.mesa-operation-table-wrap tr:last-child td { border-bottom: 0; }
.mesa-operation-table-wrap td small { display: block; margin-top: 4px; color: #7f95ad; font-size: 8px; }
.mesa-title-with-boleto { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 118px; }
.mesa-title-with-boleto > span { min-width: 0; }
.mesa-boleto-link { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.72); border-radius: 8px; background: #fff; color: #090d12; box-shadow: 0 2px 8px rgba(0,0,0,.16); transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; }
.mesa-boleto-link:hover, .mesa-boleto-link:focus-visible { border-color: #fff; outline: 0; background: #f2f5f8; color: #000; box-shadow: 0 4px 12px rgba(0,0,0,.24); transform: translateY(-1px); }
.mesa-boleto-link svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; }
.mesa-operation-table-wrap td.mesa-operation-sync-pending { padding: 28px; color: #9eb1c6; text-align: center; }
.mesa-operation-sync-pending strong, .mesa-operation-sync-pending span { display: block; }
.mesa-operation-sync-pending strong { margin-bottom: 5px; color: #dce8f5; font-size: 12px; }
.mesa-operation-table-wrap .number { text-align: right; white-space: nowrap; }
.mesa-entity-link { padding: 0; border: 0; background: none; color: #8bc2fb; cursor: pointer; text-align: left; font: inherit; font-weight: 800; }
.mesa-entity-actions { display: flex; align-items: center; gap: 8px; }
.mesa-serasa-link { flex: 0 0 auto; padding: 4px 7px; border: 1px solid rgba(126,180,239,.32); border-radius: 7px; background: rgba(40,83,130,.34); color: #b9d9fb; cursor: pointer; font: 800 8px Inter,ui-sans-serif,system-ui,sans-serif; }
.mesa-serasa-link:hover { background: rgba(58,111,170,.55); color: #fff; }
.mesa-operation-loading { display: grid; place-items: center; min-height: 340px; padding: 40px; color: #91a8c0; }
.mesa-operation-loading.error { gap: 16px; color: #e7a0a0; }
.mesa-operation-loading button { padding: 9px 14px; border: 1px solid rgba(137,174,214,.3); border-radius: 9px; background: #173b62; color: #fff; cursor: pointer; }
.mesa-subnav { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 6px; width: fit-content; max-width: 100%; border: 1px solid rgba(137,174,214,.18); border-radius: 14px; background: rgba(5,23,41,.72); }
.mesa-subnav button { min-height: 40px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #8fa6bf; cursor: pointer; font: 800 11px Inter,ui-sans-serif,system-ui,sans-serif; }
.mesa-subnav button:hover { color: #e7f2ff; background: rgba(69,111,157,.24); }
.mesa-subnav button.active { border-color: rgba(113,181,244,.38); background: rgba(48,91,140,.7); color: #fff; }
.mesa-subnav img { width: 25px; height: 25px; object-fit: contain; }
.mesa-history-heading { margin-bottom: 18px; }
.mesa-bordero-search { display: grid; grid-template-columns: minmax(280px, 1fr) minmax(190px, .32fr) auto; align-items: end; gap: 12px; margin-bottom: 16px; padding: 18px; border: 1px solid rgba(137,174,214,.2); border-radius: 16px; background: rgba(6,28,49,.86); }
.mesa-bordero-search label { display: grid; gap: 7px; }
.mesa-bordero-search label > span { color: #9fb5cb; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.mesa-bordero-search input, .mesa-bordero-search select { box-sizing: border-box; width: 100%; min-height: 44px; padding: 0 13px; border: 1px solid rgba(137,174,214,.3); border-radius: 10px; outline: 0; background: #071a2e; color: #eef7ff; font: 600 12px Inter,system-ui,sans-serif; }
.mesa-bordero-search input:focus, .mesa-bordero-search select:focus { border-color: #79b8fb; }
.mesa-bordero-search > button, .mesa-bordero-pagination button, .mesa-bordero-result > button { min-height: 44px; padding: 0 16px; border: 1px solid rgba(121,184,251,.48); border-radius: 10px; background: #245789; color: #f4f9ff; cursor: pointer; font: 800 11px Inter,system-ui,sans-serif; }
.mesa-bordero-history { min-height: 180px; border: 1px solid rgba(137,174,214,.18); border-radius: 17px; background: rgba(5,24,43,.72); overflow: hidden; }
.mesa-bordero-results-heading { display: flex; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid rgba(137,174,214,.15); color: #dceaf8; font-size: 12px; font-weight: 800; }
.mesa-bordero-results-heading small { color: #8ea4bc; font-weight: 600; }
.mesa-bordero-results-grid { display: grid; gap: 9px; padding: 12px; }
.mesa-bordero-result { display: grid; grid-template-columns: minmax(0,1fr) minmax(175px,.28fr) auto; align-items: center; gap: 18px; padding: 14px 16px; border: 1px solid rgba(137,174,214,.16); border-radius: 13px; background: linear-gradient(145deg,rgba(17,39,65,.96),rgba(8,27,46,.96)); }
.mesa-bordero-result-main, .mesa-bordero-result-values { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.mesa-bordero-result-main > span { color: #8ebdf0; font-size: 9px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.mesa-bordero-result-main > strong { overflow: hidden; color: #f2f7fd; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.mesa-bordero-result-main small, .mesa-bordero-result-values small { color: #8fa4bb; font-size: 10px; }
.mesa-bordero-result-values { align-items: flex-end; }
.mesa-bordero-result-values > strong { color: #f5f9fe; font-size: 15px; }
.mesa-operation-status { display: inline-flex; width: fit-content; padding: 4px 8px; border-radius: 999px; background: rgba(121,184,251,.12); color: #a9cff7; font-size: 9px; font-weight: 850; }
.mesa-operation-status.status-paga { background: rgba(104,209,173,.12); color: #74dbb8; }
.mesa-operation-status.status-cancelada { background: rgba(231,133,133,.13); color: #f3a2a2; }
.mesa-operation-status.status-aguardandopagamento { background: rgba(158,157,245,.13); color: #b9b8ff; }
.mesa-bordero-pagination { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 16px 16px; }
.mesa-bordero-pagination button { min-height: 36px; background: rgba(29,67,105,.72); }
.mesa-bordero-pagination button:disabled { opacity: .35; cursor: default; }
.mesa-bordero-empty { grid-column: 1/-1; }
.engine-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.engine-heading-title { display: flex; align-items: center; gap: 16px; min-width: 0; }
.engine-heading-title > img { width: 58px; height: 58px; flex: 0 0 auto; object-fit: contain; }
.engine-heading h1 { margin: 5px 0 6px; font-size: clamp(32px,3vw,52px); letter-spacing: -.045em; }
.engine-heading p { margin: 0; color: #98acc3; font-size: 13px; }
.engine-filters { width: min(720px,58vw); display: grid; grid-template-columns: minmax(220px,.9fr) minmax(260px,1.1fr); gap: 12px; align-items: start; }
.engine-daily-filter, .engine-search-box > label { display: grid; gap: 7px; color: #93a9c0; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.engine-heading select { width: 100%; min-height: 43px; padding: 9px 38px 9px 12px; border: 1px solid rgba(137,174,214,.25); border-radius: 10px; outline: 0; background: #0a223b; color: #eff7ff; font: 700 11px Inter,system-ui,sans-serif; }
.engine-heading select:focus { border-color: #79b8fb; }
.engine-search-box { position: relative; min-width: 0; }
.engine-search-box > div { min-height: 43px; display: flex; align-items: center; gap: 8px; margin-top: 7px; padding: 0 11px; border: 1px solid rgba(137,174,214,.25); border-radius: 10px; background: #0a223b; }
.engine-search-box > div:focus-within { border-color: #79b8fb; }
.engine-search-box > div svg { width: 17px; height: 17px; flex: 0 0 auto; fill: none; stroke: #86a6c6; stroke-width: 1.8; stroke-linecap: round; }
.engine-search-box input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: #eff7ff; font: 700 11px Inter,system-ui,sans-serif; }
.engine-search-box input::placeholder { color: #7188a1; }
.engine-search-box > small { display: block; margin-top: 5px; color: #7189a2; font-size: 8px; line-height: 1.35; }
.engine-search-results { position: absolute; z-index: 40; top: 63px; right: 0; width: min(560px,calc(100vw - 32px)); max-height: 330px; overflow: auto; padding: 7px; border: 1px solid rgba(137,184,232,.38); border-radius: 12px; background: #081d32; box-shadow: 0 22px 55px rgba(0,0,0,.42); }
.engine-search-results[hidden] { display: none; }
.engine-search-results button { width: 100%; display: grid; gap: 4px; padding: 11px 12px; border: 0; border-bottom: 1px solid rgba(137,174,214,.12); background: transparent; color: #eaf4ff; cursor: pointer; text-align: left; }
.engine-search-results button:last-child { border-bottom: 0; }
.engine-search-results button:hover, .engine-search-results button:focus-visible { border-radius: 8px; outline: 0; background: rgba(61,110,162,.35); }
.engine-search-results strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.engine-search-results span { color: #849cb5; font-size: 8px; }
.engine-search-message { padding: 16px 12px; color: #9cb1c8; text-align: center; font-size: 9px; }
.engine-search-message.error { color: #e7a1a1; }
.engine-operation-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; border: 1px solid rgba(106,225,201,.27); border-radius: 18px; background: linear-gradient(135deg,rgba(16,45,69,.98),rgba(11,28,63,.96)); box-shadow: 0 20px 50px rgba(0,0,0,.16); }
.engine-operation-card > div > span { color: #6ee4c7; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.engine-operation-card h2 { margin: 6px 0 4px; font-size: 22px; }
.engine-operation-card p { margin: 0; color: #91a8c0; font-size: 11px; }
.engine-run { min-width: 285px; min-height: 68px; display: flex; align-items: center; gap: 13px; padding: 10px 18px 10px 12px; border: 1px solid rgba(69,239,207,.7); border-radius: 14px; background: linear-gradient(135deg,rgba(30,111,100,.96),rgba(44,72,148,.96)); color: #fff; cursor: pointer; text-align: left; box-shadow: 0 12px 30px rgba(31,170,142,.15); }
.engine-run:hover:not(:disabled) { border-color: #a4ffed; filter: brightness(1.08); }
.engine-run:disabled { opacity: .58; cursor: not-allowed; }
.engine-run.is-running { cursor: wait; }
.engine-confirm-open { overflow: hidden; }
.engine-confirm-overlay { position: fixed; inset: 0; z-index: 10120; display: grid; place-items: center; padding: 24px; background: rgba(2,12,24,.86); backdrop-filter: blur(8px); }
.engine-confirm-card { width: min(720px,100%); max-height: min(760px,calc(100vh - 48px)); overflow: auto; padding: 25px; border: 1px solid rgba(112,184,247,.4); border-radius: 18px; background: linear-gradient(145deg,#0b2540,#081a2d); color: #eef7ff; box-shadow: 0 28px 80px rgba(0,0,0,.52); }
.engine-confirm-card h2 { margin: 6px 0 8px; font-size: 25px; }
.engine-confirm-card header p { margin: 0; color: #9bb1c8; font-size: 11px; line-height: 1.55; }
.engine-confirm-summary { display: flex; justify-content: space-between; gap: 12px; margin: 18px 0 12px; padding: 13px 15px; border: 1px solid rgba(239,188,92,.32); border-radius: 12px; background: rgba(153,105,27,.16); }
.engine-confirm-summary strong { color: #ffd58a; font-size: 11px; }
.engine-confirm-summary span { color: #b8cadd; font-size: 10px; }
.engine-confirm-list { max-height: 330px; overflow: auto; border: 1px solid rgba(137,174,214,.16); border-radius: 12px; }
.engine-confirm-list article { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 14px; border-bottom: 1px solid rgba(137,174,214,.12); }
.engine-confirm-list article:last-child { border-bottom: 0; }
.engine-confirm-list strong, .engine-confirm-list small { display: block; }
.engine-confirm-list strong { font-size: 10px; }
.engine-confirm-list small { margin-top: 4px; color: #839bb4; font-size: 8px; }
.engine-confirm-list article > span { color: #bdd7ee; font-size: 9px; font-weight: 800; white-space: nowrap; }
.engine-confirm-card footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.engine-confirm-card footer button { min-height: 42px; padding: 9px 15px; border-radius: 10px; color: #fff; cursor: pointer; font: 850 10px Inter,system-ui,sans-serif; }
.engine-confirm-cancel { border: 1px solid rgba(137,174,214,.3); background: rgba(26,48,70,.8); }
.engine-confirm-submit { border: 1px solid rgba(74,235,205,.65); background: linear-gradient(135deg,#176d60,#31549c); }
.engine-confirm-card footer button:disabled { opacity: .6; cursor: wait; }
.engine-confirm-error { margin: 12px 0 0; color: #ffaaaa; font-size: 10px; text-align: right; }
.engine-run img { width: 45px; height: 45px; flex: 0 0 auto; object-fit: contain; }
.engine-run span, .engine-run strong, .engine-run small { display: block; }
.engine-run strong { font-size: 12px; }
.engine-run small { margin-top: 4px; color: #b8d7e8; font-size: 9px; }
.engine-rules { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 14px 0; }
.engine-rules article { padding: 15px 16px; border: 1px solid rgba(137,174,214,.16); border-radius: 13px; background: rgba(7,27,47,.68); }
.engine-rules strong, .engine-rules span { display: block; }
.engine-rules strong { color: #dcecff; font-size: 11px; }
.engine-rules span { margin-top: 5px; color: #8299b2; font-size: 9px; line-height: 1.4; }
.engine-run-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding: 12px 16px; border: 1px solid rgba(101,210,173,.35); border-radius: 12px; background: rgba(31,105,84,.18); color: #9fe7ce; font-size: 10px; }
.engine-run-summary-copy, .engine-run-summary-copy strong, .engine-run-summary-copy small { display: block; }
.engine-run-summary-copy small { margin-top: 4px; color: #9cb8b1; font-size: 9px; }
.engine-return-operation { flex: 0 0 auto; min-height: 38px; padding: 8px 13px; border: 1px solid rgba(112,184,247,.46); border-radius: 10px; background: rgba(39,82,126,.42); color: #eaf5ff; cursor: pointer; font: 850 9px Inter,system-ui,sans-serif; }
.engine-return-operation:hover, .engine-return-operation:focus-visible { border-color: #8cc7ff; outline: 0; background: rgba(53,112,171,.64); color: #fff; }
.engine-table-card { overflow: hidden; border: 1px solid rgba(137,174,214,.18); border-radius: 17px; background: rgba(6,23,41,.74); }
.engine-table-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 19px; border-bottom: 1px solid rgba(137,174,214,.14); }
.engine-table-heading h2 { margin: 0; font-size: 17px; }
.engine-table-heading p { margin: 5px 0 0; color: #8198b1; font-size: 9px; }
.engine-table-heading > span { min-width: 78px; padding: 7px 11px; border-radius: 999px; background: rgba(111,157,208,.12); color: #c9ddf3; text-align: center; font-size: 9px; font-weight: 850; }
.engine-table-wrap { overflow: auto; }
.engine-table-wrap table { width: 100%; min-width: 980px; border-collapse: collapse; font-size: 10px; }
.engine-table-wrap th { padding: 11px 13px; border-bottom: 1px solid rgba(137,174,214,.19); color: #91a8c0; background: rgba(116,153,194,.07); text-align: left; font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.engine-table-wrap td { padding: 13px; border-bottom: 1px solid rgba(137,174,214,.1); color: #dce7f3; vertical-align: middle; }
.engine-table-wrap tr:last-child td { border-bottom: 0; }
.engine-table-wrap td strong, .engine-table-wrap td small { display: block; }
.engine-table-wrap td small { margin-top: 4px; color: #8198b0; font-size: 8px; }
.engine-table-wrap .number { text-align: right; white-space: nowrap; }
.engine-rating, .engine-evolution { display: inline-flex; align-items: center; min-height: 25px; padding: 5px 9px; border-radius: 999px; background: rgba(118,153,194,.13); color: #dcecff; font-size: 9px; font-weight: 900; }
.engine-rating-a { color: #7be4be; background: rgba(57,153,116,.18); }
.engine-rating-b-plus { color: #76dfba; background: rgba(50,145,109,.18); }
.engine-rating-b { color: #8fc8ff; background: rgba(60,120,181,.2); }
.engine-rating-c { color: #f0cb82; background: rgba(174,124,38,.2); }
.engine-rating-d, .engine-evolution-piora { color: #f0a0a0; background: rgba(168,62,70,.18); }
.engine-evolution-melhora { color: #76dfba; background: rgba(50,145,109,.18); }
.engine-query-status { color: #bbcee1; }
.engine-open-serasa-report { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 6px 9px; border: 1px solid rgba(112,184,247,.4); border-radius: 8px; background: rgba(48,99,151,.28); color: #cce5ff; cursor: pointer; font: 800 8px Inter,ui-sans-serif,system-ui,sans-serif; white-space: nowrap; }
.engine-open-serasa-report:hover, .engine-open-serasa-report:focus-visible { border-color: #8cc7ff; outline: 0; background: rgba(53,112,171,.52); color: #fff; }
.engine-open-serasa-report svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.engine-empty { padding: 32px !important; color: #91a8c0 !important; text-align: center; }
.engine-loading { min-height: 420px; display: grid; place-items: center; align-content: center; gap: 9px; color: #dcecff; }
.engine-loading img { width: 70px; height: 70px; object-fit: contain; }
.engine-loading span { color: #849bb4; font-size: 10px; }
@media (max-width: 1250px) { .mesa-board { grid-template-columns: repeat(2, minmax(280px,1fr)); } }
@media (max-width: 1100px) {
  .mesa-heading { align-items: start; flex-direction: column; gap: 14px; }
  .mesa-live { justify-content: flex-start; text-align: left; }
}
@media (max-width: 760px) {
  .mesa-subnav { width: 100%; overflow-x: auto; }
  .mesa-subnav button { flex: 0 0 auto; }
  .mesa-bordero-search { grid-template-columns: 1fr; padding: 14px; }
  .mesa-bordero-result { grid-template-columns: 1fr; gap: 11px; }
  .mesa-bordero-result-values { align-items: flex-start; }
  .mesa-bordero-result > button { width: 100%; }
  body.mesa-operacoes-active .mesa-operacoes-view { width: 100%; margin-top: 26px; }
  .mesa-heading { align-items: start; flex-direction: column; }
  .engine-heading, .engine-operation-card { align-items: stretch; flex-direction: column; }
  .engine-filters { width: 100%; grid-template-columns: 1fr; }
  .engine-search-results { left: 0; right: auto; width: 100%; }
  .engine-run { min-width: 0; width: 100%; }
  .engine-run-summary { align-items: stretch; flex-direction: column; }
  .engine-return-operation { width: 100%; }
  .engine-rules { grid-template-columns: 1fr; }
  .mesa-kpis, .mesa-board, .mesa-history-grid { grid-template-columns: 1fr; }
  .mesa-live { flex-wrap: wrap; }
  .mesa-history-heading { align-items: start; flex-direction: column; }
  .mesa-history-heading p { text-align: left; }
  .mesa-operation-overlay { padding: 8px; }
  .mesa-operation-dialog { width: 100%; max-height: 97vh; border-radius: 15px; }
  .mesa-operation-dialog-head, .mesa-operation-toolbar, .mesa-operation-summary, .mesa-operation-titles { padding-left: 15px; padding-right: 15px; }
  .mesa-operation-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mesa-dossier { margin-left: 15px; margin-right: 15px; padding: 14px; }
  .mesa-dossier-heading, .mesa-dossier-decision { align-items: flex-start; flex-direction: column; }
  .mesa-dossier-policy { max-width: none; width: 100%; text-align: left; }
  .mesa-dossier-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mesa-dossier-checks > div { grid-template-columns: 1fr; }
  .mesa-operation-costs { margin-left: 15px; margin-right: 15px; }
  .mesa-operation-titles > div:first-child { align-items: start; flex-direction: column; }
  .mesa-operation-titles p { text-align: left; }
  body.mesa-operacoes-active.mesa-portfolio-overlay-open .director-content { inset: 8px; padding: 58px 12px 24px; border-radius: 14px; }
  #mesa-portfolio-overlay-close { top: 18px; right: 20px; }
}
@media (max-width: 780px) {
  .director-tabs .mesa-operations-submenu { display: none !important; }
  body > .mesa-operations-submenu.mobile-detached { display: block; position: fixed; z-index: 2000; top: var(--mesa-mobile-top,70px); left: 14px; right: 14px; width: auto; max-height: calc(100dvh - var(--mesa-mobile-top,70px) - 14px); overflow: auto; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-5px); }
  body > .mesa-operations-submenu.mobile-detached.mobile-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
}