/* Padrões compartilhados. Cores de situação e fontes de placas ficam nos componentes. */
:root{
 --ui-text:#092457;--ui-muted:#657795;--ui-border:#dce4ef;
 --ui-surface:#fff;--ui-soft:#f7f9fc;--ui-head:#edf2fa;
 --ui-control:44px;--ui-radius:6px;--ui-gap:12px;
}
/* Títulos e seções */
#workspace :is(.home-heading,.dashboard-heading,.editor-heading){gap:var(--ui-gap);align-items:center;margin-bottom:18px}
#workspace :is(h2,h3).site-title{font-weight:400}
#workspace :is(.site-section-body,.invoice-stage-content){min-width:0}
#workspace :is(.site-section,.invoice-stage)>summary{min-height:32px;gap:10px}
#workspace :is(.site-section,.invoice-stage)>summary:focus-visible{outline:2px solid var(--ui-text);outline-offset:6px;border-radius:2px}
#workspace :is(.site-section,.invoice-stage)>summary .site-title{line-height:1.45!important}
#workspace :is(.site-info-button,.invoice-info-button){box-sizing:border-box;font-family:inherit;width:21px;height:21px;min-width:21px;min-height:21px}
:is(.site-info-tooltip,.invoice-info-tooltip){font-size:12px;line-height:1.65;border-radius:0}
/* Campos regulares: caixas de texto, filtros e seletores com a mesma altura. */
#workspace :is(.fields,.finance-filters,.filter-panel,.chart-controls) :is(input:not([type=checkbox]):not([type=hidden]):not([type=file]),select,.campo-menu-trigger):not(.menu-campo-original){height:var(--ui-control);min-height:var(--ui-control);box-sizing:border-box;border-radius:var(--ui-radius);font-size:12px;color:var(--ui-text)}
#workspace :is(.fields,.finance-filters,.filter-panel,.chart-controls) :is(input,select,textarea):not([type=checkbox]):not(.menu-campo-original){border-color:var(--ui-border)}
#workspace :is(.fields,.finance-filters,.filter-panel,.chart-controls) label{font-size:12px;color:var(--ui-muted)}
#workspace :is(input,textarea)::placeholder{color:#8592a7;opacity:1}
#workspace :is(input,textarea,select):not(.menu-campo-original):focus-visible{outline:2px solid #254880;outline-offset:2px;box-shadow:none}
#workspace textarea{border-radius:var(--ui-radius);font:inherit;line-height:1.6;resize:vertical}
#workspace :is(input,select,textarea,.campo-menu-trigger):disabled{cursor:not-allowed}
#workspace :is(.finance-filters,.filter-panel,.chart-controls) .campo-menu-trigger{height:var(--ui-control)!important;min-height:var(--ui-control)!important}
#workspace :is(.finance-filters,.filter-panel)>.campo-menu{align-self:end}
#workspace .finance-filters{gap:var(--ui-gap);align-items:end}
#workspace .finance-filters>button{min-height:var(--ui-control);align-self:end;box-sizing:border-box}
/* Buscas: mesma superfície, margem interna e foco. */
#workspace .search{display:flex;align-items:center;gap:10px;min-width:0;height:var(--ui-control);padding:0 14px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-soft);box-sizing:border-box}
#workspace .search input{min-width:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;box-shadow:none;background:transparent;font-size:12px;color:var(--ui-text)}
#workspace .search input:focus-visible{outline:0}
#workspace .search:focus-within{border-color:#254880;outline:2px solid #25488024;outline-offset:1px}
#workspace .search>svg{flex:0 0 18px;width:18px;height:18px;color:var(--ui-muted)}
/* Botões regulares e ações compactas mantêm escalas diferentes e previsíveis. */
#workspace button:is(.primary,.secondary):not(.action-icon,.invoice-icon-only,.invoice-icon,.laudo-icone,.catalog-plus){min-height:var(--ui-control);border-radius:var(--ui-radius);font-size:12px;line-height:1.4;box-sizing:border-box}
#workspace button:is(.primary,.secondary):disabled{cursor:not-allowed}
#workspace :is(.customer-form-actions,.dialog-actions,.invoice-review-actions){display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-gap);flex-wrap:wrap}
#workspace :is(.record-actions,.customer-row-actions,.analysis-record-actions) button{width:32px;height:32px;min-width:32px;min-height:32px;padding:6px;box-sizing:border-box}
#workspace :is(.record-actions,.customer-row-actions,.analysis-record-actions) svg{width:18px;height:18px}
#workspace :is(#refresh,#analytics-refresh,#customers-refresh){width:44px;height:44px;min-width:44px;min-height:44px;padding:10px}
/* Tabelas: uma paleta e uma escala para todas as listagens. */
:is(.registry-display,.customer-directory-table){border-color:var(--ui-border);border-radius:var(--ui-radius);scrollbar-width:thin;scrollbar-color:#bfcbdd transparent}
:is(.registry-display,.customer-directory-table) table th{background:var(--ui-head);color:var(--ui-muted);font-size:10px;font-weight:500;letter-spacing:.04em;border-bottom-color:var(--ui-border)}
:is(.registry-display,.customer-directory-table) table td{border-bottom-color:#e8edf4;color:var(--ui-text)}
#analytics .registry-display :is(th:nth-child(7),td:nth-child(7)){text-align:right}
#invoice-records :is(th:nth-child(7),td:nth-child(7)),#invoice-history :is(th:nth-child(5),td:nth-child(5)){text-align:right;font-variant-numeric:tabular-nums}
#analytics .registry-display td:nth-child(7),.laudo-queue-display td:nth-child(7){white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
:is(.registry-empty,.table-empty,.customer-empty){line-height:1.65}
/* Cartões de fichas e rascunhos seguem o acabamento das listas recentes. */
#home .record-row,#drafts-view .draft-row{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:none}
#drafts-view .draft-row{gap:10px;padding:16px}
#drafts-view .draft-row strong{border:0;padding:0;font-weight:500;font-size:12px;line-height:1.6}
#drafts-view .draft-row small{margin:6px 0;color:var(--ui-muted);font-size:11px}
#home .record-identity>strong{font-size:12px;font-weight:500;line-height:1.6}
#home .record-main>small{color:var(--ui-muted);font-size:11px}
#home .record-actions{background:var(--ui-soft);border-color:var(--ui-border);gap:8px;padding:8px}
#home .record-number{background:var(--ui-head);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--ui-radius);font-size:12px;line-height:1.5;padding:4px 8px;font-variant-numeric:tabular-nums}
#draft-count,.draft-tag{border:1px solid var(--ui-border);border-radius:20px;background:var(--ui-head);color:var(--ui-muted);padding:5px 9px;font-size:11px!important;line-height:1.5}
#home .empty,#draft-list>.muted{margin:0;padding:28px 18px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-soft);color:var(--ui-muted);font-size:12px;text-align:center}
/* Janelas e avisos continuam retos, com o destaque vermelho à esquerda. */
dialog:not(.site-loading):not(.cash-payment-popover):not(.menu-popover){border:0;border-left:4px solid var(--red);border-radius:0;padding:24px;color:var(--ui-text);max-height:calc(100dvh - 32px);overflow:auto}
dialog:not(.site-loading)::backdrop{background:#adc2e5b3}
dialog :is(input:not([type=checkbox]),select,textarea):not(.menu-campo-original){box-sizing:border-box;border:1px solid var(--ui-border);border-radius:var(--ui-radius);font-size:12px;color:var(--ui-text)}
dialog :is(input:not([type=checkbox]),select):not(.menu-campo-original){min-height:44px}
dialog :is(.primary,.secondary):not(.password-visibility){min-height:44px;border-radius:var(--ui-radius);font-size:12px}
dialog .dialog-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
/* O risco vermelho representa a área aberta, independentemente do hover. */
.side-nav button.brilho-botao.brilho-ativo{border-left-color:transparent!important}
body:has(#home:not([hidden])) #nav-home,
body:has(#editor:not([hidden])) #nav-new,
body:has(#drafts-view:not([hidden])) #nav-drafts,
body:has(#analytics:not([hidden])) #nav-analytics,
body:has(#clients-view:not([hidden])) #nav-clients,
body:has(#cash-view:not([hidden])) #nav-cash,
body:has(#invoices-view:not([hidden])) #nav-invoices{border-left-color:var(--red)!important}
@media(max-width:760px){
 #workspace :is(.home-heading,.dashboard-heading,.editor-heading){gap:10px}
 #workspace .finance-filters{gap:10px}
 #workspace .invoice-stage-toggle>.invoice-step-number{width:28px;height:28px;flex-basis:28px}
 #home .record-row .record{padding:14px 12px}
 #drafts-view .draft-row{padding:14px;gap:8px}
 .side-nav button.brilho-botao.brilho-ativo{border-left-color:transparent!important}
 body:has(#home:not([hidden])) #nav-home,
 body:has(#editor:not([hidden])) #nav-new,
 body:has(#drafts-view:not([hidden])) #nav-drafts,
 body:has(#analytics:not([hidden])) #nav-analytics,
 body:has(#clients-view:not([hidden])) #nav-clients,
 body:has(#cash-view:not([hidden])) #nav-cash,
 body:has(#invoices-view:not([hidden])) #nav-invoices{box-shadow:inset 0 3px var(--red)!important}
}

/* Indicadores de resumo e atualização compartilham o mesmo acabamento. */
#workspace :is(#refresh,#analytics-refresh,#customers-refresh,#cash-refresh,#invoices-refresh,#invoice-manual){display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-sizing:border-box}
#workspace :is(#refresh,#analytics-refresh,#customers-refresh,#cash-refresh,#invoices-refresh){background:var(--ui-surface);color:var(--ui-text)}
#workspace :is(#refresh,#analytics-refresh,#customers-refresh,#cash-refresh,#invoices-refresh,#invoice-manual)>svg{width:20px;height:20px}
#home .stats>div,#home .home-shortcuts,#workspace .metric,#workspace .cash-stats>.panel,#workspace .finance-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:none;background:var(--ui-surface)}
#home .stats span,#workspace .metric>span,#workspace .cash-stats>.panel>span{border:0;padding:0;color:var(--ui-muted);font-weight:400;font-size:11px;line-height:1.6;letter-spacing:.02em;text-transform:none}
#workspace .finance-card{color:var(--ui-muted);font-size:11px;line-height:1.6}
#home .stats strong,#workspace .metric strong,#workspace .cash-stats strong,#workspace .finance-card strong{color:var(--ui-text);font-weight:500;font-variant-numeric:tabular-nums;line-height:1.25}
@media(max-width:600px){#workspace .fields :is(input:not([type=checkbox]),select,textarea,.campo-menu-trigger):not(.menu-campo-original){font-size:16px}}

/* Ações por ícone: mesmo traço e acabamento da lista de clientes. */
#workspace button:is(.action-icon,.invoice-icon-only,.invoice-icon,.laudo-icone,#cash-save-all,#cash-period-today,#clear-filters,#back){display:inline-flex;align-items:center;justify-content:center;width:var(--ui-icon-size,44px)!important;height:var(--ui-icon-size,44px)!important;min-width:var(--ui-icon-size,44px)!important;min-height:var(--ui-icon-size,44px)!important;flex:0 0 var(--ui-icon-size,44px)!important;padding:10px!important;box-sizing:border-box;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:var(--ui-text)!important;box-shadow:none!important}
#workspace button:is(.action-icon,.invoice-icon-only,.invoice-icon,.laudo-icone,#cash-save-all,#cash-period-today,#clear-filters,#back)>svg{width:20px!important;height:20px!important;flex:0 0 20px!important;stroke-width:1.7}
#workspace button:is(.action-icon,.invoice-icon-only,.invoice-icon,.laudo-icone,#cash-save-all,#cash-period-today,#clear-filters,#back):is(.danger,.cash-erase-action,#discard,#delete){color:var(--red)!important}
#workspace button:is(.action-icon,.invoice-icon-only,.invoice-icon,.laudo-icone,#cash-save-all,#cash-period-today,#clear-filters,#back):has(use[href="#icon-trash"]){color:var(--red)!important}
#workspace button:is(.action-icon,.invoice-icon-only,.invoice-icon,.laudo-icone,#cash-save-all,#cash-period-today,#clear-filters,#back):is(.invoice-emit-button,#cash-save-all,#laudo-salvar-todas){color:#198754!important}
#workspace button:is(.action-icon,.invoice-icon-only,.invoice-icon,.laudo-icone,#cash-save-all,#cash-period-today,#clear-filters,#back).brilho-botao:is(.brilho-ativo,:focus-visible):not(:disabled){color:#fff!important;border-color:var(--brilho-meio)!important;box-shadow:0 0 8px var(--brilho-sombra),0 0 18px var(--brilho-sombra)!important}
#workspace .cash-erase-action::after{flex-basis:18px;width:18px;height:18px;background-color:currentColor}

/* O X compartilha a mesma altura dos campos do filtro. */
#workspace #cash-period-today{align-self:flex-end;margin:0;line-height:1}

/* Botões de ação acompanham os controles da respectiva linha. */
#workspace .cash-table{--ui-icon-size:40px}
#workspace .invoice-actions{align-self:end;align-items:center;gap:8px}
#workspace .cash-action-buttons{height:40px}
#workspace .customer-directory-table th:last-child{width:140px}
#workspace .customer-directory-table .customer-row-actions{gap:8px}
#workspace .registry-display .analysis-record-actions{gap:8px}
#workspace .customer-directory-table table{min-width:680px}
#workspace #invoice-history{--invoice-actions-width:160px}
#workspace .laudo-queue-display .laudo-tabela th:last-child,#workspace .laudo-queue-display .laudo-tabela td:last-child{min-width:170px}
@media(max-width:760px){#workspace .customer-directory-table th:last-child{width:120px}}

/* Todas as buscas, inclusive a geral e as dos filtros, compartilham o componente. */
:is(#workspace,.topbar) :is(.search,.site-search-control,.hub-search){display:flex;align-items:center;gap:10px;min-width:0;height:44px;min-height:44px;padding:0 14px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-soft);color:var(--ui-muted);box-sizing:border-box;box-shadow:none}
#workspace .site-search-control{width:100%;margin:0}
#workspace .fields label>.site-search-control{margin-top:8px}
:is(#workspace,.topbar) :is(.search,.site-search-control,.hub-search)>svg{width:18px;height:18px;flex:0 0 18px;stroke-width:1.7;color:var(--ui-muted);pointer-events:none}
:is(#workspace,.topbar) :is(.search,.site-search-control,.hub-search)>input[type=search]{display:block;width:100%;min-width:0;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;font-family:inherit;font-size:12px;color:var(--ui-text);box-sizing:border-box}
:is(#workspace,.topbar) :is(.search,.site-search-control,.hub-search):focus-within{background:var(--ui-soft);border-color:#254880;outline:2px solid #25488024;outline-offset:1px;box-shadow:none}
:is(#workspace,.topbar) input[type=search]::placeholder{color:#8592a7;opacity:1}
.site-search-control:has(input:disabled){background:#eef0f3;opacity:.65;cursor:not-allowed}
.hub-search-panel{border-radius:0;border-left:3px solid var(--red)}
.hub-search-result{border-radius:0}
@media(max-width:600px){:is(#workspace,.topbar) :is(.search,.site-search-control,.hub-search)>input[type=search]{font-size:16px}}

/* Cliente do caixa: seleção e atalho Particular em um único controle. */
#workspace .cash-table td:nth-child(4){min-width:280px}
#workspace .cash-client-wrap{position:relative;display:flex;align-items:center;gap:4px;height:40px;min-width:0;padding:0 5px 0 0;box-sizing:border-box;border:1px solid var(--ui-border);border-radius:6px;background:#fff}
#workspace .cash-client-wrap:focus-within{border-color:#254880;outline:2px solid #2548801f;outline-offset:1px}
#workspace .cash-client-wrap>.campo-sugestao{flex:1 1 auto;width:auto;min-width:0;margin:0!important;height:38px!important}
#workspace .cash-client-wrap input:not([type=checkbox]){flex:1 1 auto;min-width:0;width:100%;height:38px!important;min-height:38px!important;margin:0;border:0!important;border-radius:6px;background:transparent!important;box-shadow:none!important;font-size:12px;padding-left:11px}
#workspace .cash-client-wrap input:not([type=checkbox]):focus-visible{outline:0}
#workspace .cash-client-wrap .campo-sugestao-toggle{right:4px}
#workspace .cash-client-wrap .cash-particular{position:relative;inset:auto;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;height:28px;box-sizing:border-box;margin:0;padding:0 9px;border:1px solid #dce4ef;border-radius:4px;background:#f3f6fb;color:#637795;font-size:10px;line-height:1;white-space:nowrap;cursor:pointer;user-select:none}
#workspace .cash-client-wrap .cash-particular input{position:absolute;width:1px;height:1px;min-width:0;margin:0;padding:0;opacity:0;clip-path:inset(50%)}
#workspace .cash-client-wrap .cash-particular:has(input:checked){background:#092457;border-color:#092457;color:#fff}
#workspace .cash-client-wrap .cash-particular:has(input:checked)::before{content:'✓';font-size:11px;line-height:1}
#workspace .cash-client-wrap .cash-particular:hover:not(:has(input:disabled)){border-color:#8b9fc1}
#workspace .cash-client-wrap .cash-particular:has(input:focus-visible){outline:2px solid #254880;outline-offset:2px}
#workspace .cash-client-wrap .cash-particular:has(input:disabled){cursor:default;opacity:.65}
#workspace .cash-row-saved .cash-client-wrap{background:transparent;border-color:transparent}

/* Situações do caixa: mesmas cores semânticas das notas. */
#workspace .cash-table tr[data-cash-status=new]>td{background:#fff;border-bottom-color:#e8edf4}
#workspace .cash-table tr[data-cash-status=pending]>td{background:#fff4d6;border-bottom-color:#e6d39a}
#workspace .cash-table tr[data-cash-status=ready]>td{background:#eaf0fb;border-bottom-color:#bdcfe9}
#workspace .cash-table tr[data-cash-status=saved]>td{background:#d2f3e7;border-bottom-color:#a6d8c7}
#workspace .cash-table tr[data-cash-status=pending] .cash-row-status{color:#866123}
#workspace .cash-table tr[data-cash-status=ready] .cash-row-status{color:#325582}
#workspace .cash-table tr[data-cash-status=saved] .cash-row-status{color:#277158}
#workspace .cash-table tr[data-cash-status=new] .cash-row-status{color:#8190a5}
.cash-color-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-left:10px;color:#657795;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:normal}
.cash-color-legend>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.cash-color-legend>span::before{content:'';width:9px;height:9px;border:1px solid #cad4e4;box-sizing:border-box;background:#fff}
.cash-color-legend>[data-state=pending]::before{background:#fff4d6;border-color:#d4b65f}
.cash-color-legend>[data-state=ready]::before{background:#eaf0fb;border-color:#8aa6d3}
.cash-color-legend>[data-state=saved]::before{background:#d2f3e7;border-color:#69b49a}
#cash-view summary:has(>.cash-color-legend){flex-wrap:wrap}
@media(max-width:1150px){#cash-view summary>.cash-color-legend{order:3;flex-basis:calc(100% - 42px);margin:4px 0 0 42px}#cash-view summary:has(>.cash-color-legend)>.site-expand-icon{order:2;margin-left:auto}}

/* Pagamento em lote: título discreto, seletor e check em um único grupo. */
#cash-view .cash-value-option>.cash-bulk-payment{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;flex:0 1 auto;margin-left:auto;padding-left:18px;border-left:1px solid #dce4ef}
#cash-view .cash-bulk-caption{font-size:11px;line-height:1.4;color:#657795;white-space:nowrap}
#cash-view .cash-bulk-controls{display:flex;align-items:center;min-width:0;width:280px;height:44px;box-sizing:border-box;border:1px solid #d2ddee;border-radius:6px;background:#fff}
#cash-view .cash-bulk-controls>.campo-menu{flex:1 1 auto;min-width:0}
#cash-view .cash-bulk-controls .campo-menu-trigger{height:42px!important;min-height:42px!important;border:0!important;border-radius:6px 0 0 6px!important;background:transparent!important;font-size:12px}
#cash-view .cash-bulk-controls:focus-within{border-color:#8aa0c4}
#workspace #cash-view #cash-bulk-apply{flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;margin:0!important;padding:10px!important;border:0!important;border-left:1px solid #e4eaf3!important;border-radius:0 5px 5px 0!important;background:#f2f6fc!important;color:#092457!important;box-shadow:none!important}
#workspace #cash-view #cash-bulk-apply:disabled{background:#f8fafc!important;color:#95a3b9!important;opacity:1;cursor:not-allowed}
#workspace #cash-view #cash-bulk-apply.brilho-botao:is(.brilho-ativo,:focus-visible):not(:disabled){color:#fff!important}
#cash-view .cash-value-option #cash-save-all{align-self:center}
@media(max-width:1000px){#cash-view .cash-value-option>.cash-bulk-payment{flex:1 1 auto;padding-left:0;border-left:0;flex-wrap:wrap}#cash-view .cash-bulk-controls{flex:1 1 220px;width:auto}}

/* Retorno do pagamento em lote junto ao título, à direita. */

/* Resultado de ações em lote: aviso no topo com contagem visual de 10 segundos. */
.toast.toast-top{position:fixed;inset:20px auto auto 50%;transform:translateX(-50%);z-index:10020;width:min(560px,calc(100vw - 40px));max-width:calc(100vw - 40px);box-sizing:border-box;padding:17px 20px 21px;border:0;border-left:4px solid var(--red);border-radius:0;background:#fff;color:#092457;box-shadow:0 0 0 5px #eaf0fb,0 10px 28px #09245726;overflow:hidden;font-size:12px;line-height:1.7}
.toast-timer{position:absolute;left:0;right:0;bottom:0;height:3px;background:#eaf0fb;pointer-events:none}
.toast-timer-fill{display:block;width:100%;height:100%;background:var(--red);transform-origin:left;animation:toast-countdown linear forwards}
@keyframes toast-countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:600px){.toast.toast-top{top:14px;padding:14px 15px 18px}}

/* Identificação da empresa autenticada na plataforma. */
.company-access{font-size:11px;color:#0c265a;margin-left:16px;padding:10px 12px;border-left:1px solid #dce4f0;white-space:nowrap}
@media(max-width:720px){.company-access{max-width:150px;white-space:normal;font-size:10px;margin-left:4px}}

/* Atalho de gerenciamento no cabeçalho. */
a.company-access{display:inline-grid;place-items:center;position:relative;isolation:isolate;flex:0 0 44px;width:44px;height:44px;min-width:44px;max-width:none;margin-left:8px;padding:0;border:0;border-radius:0;background:transparent;color:#0c265a;text-decoration:none;vertical-align:middle}a.company-access svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}a.company-access::before{content:"";position:absolute;inset:2px;z-index:-1;border-radius:50%;background:radial-gradient(circle,#d8e6ff,transparent 72%);opacity:0}a.company-access:hover::before,a.company-access:focus-visible::before{opacity:1}a.company-access:focus-visible{outline:2px solid #6c96df;outline-offset:2px}@media(max-width:720px){a.company-access{margin-left:4px}}

#draft-list>.muted{grid-column:1/-1;width:100%;box-sizing:border-box}