/* Complementos da versão com servidor: carregamento, progresso da importação e formulários de Admin. */
/* Contexto compacto, sem acrescentar outra faixa ao cabeçalho. */
.scope-card{flex:none;margin:0 12px 8px;padding:9px 12px;border-radius:8px;background:var(--ink2);color:var(--ink-muted);font-size:12px}
.scope-card p{overflow-wrap:anywhere}
.scope-card strong,.scope-card span{display:block}
.scope-card span{margin-top:2px}
.scope-card strong{color:var(--ink-text);font-weight:600}
.scope-switcher{display:flex;align-items:center;gap:10px;flex:0 1 auto;max-width:380px;min-width:0;min-height:36px;padding:6px 10px;border:1px solid var(--active-border);border-radius:8px;background:var(--active-bg);color:var(--active-text);font-size:13px;text-align:left}
.scope-switcher-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scope-switcher-text strong{font-weight:700}
.scope-switcher>svg{flex:none;margin-left:auto}
.scope-switcher:hover{border-color:var(--primary)}
.scope-switcher[hidden],.scope-card[hidden]{display:none}
.kcol.is-focused{border-color:var(--bar);outline:2px solid var(--bar);outline-offset:-2px}
.kcol.is-focused>header{background:transparent}
.kcol.is-muted{opacity:.55;transition:opacity .15s}
.kcol.is-muted:hover,.kcol.is-muted:focus-within{opacity:1}
@media(prefers-reduced-motion:reduce){.kcol.is-muted{transition:none}}
.detail-scope{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;width:fit-content;max-width:100%;margin-bottom:10px;padding:6px 10px;border:1px solid var(--active-border);border-radius:6px;background:var(--active-bg);color:var(--active-text);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.detail-scope strong{font-weight:700}
.detail-scope>span{padding-left:10px;border-left:1px solid var(--active-border);color:var(--active-text)}
.scope-change-kicker{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:12px;font-weight:600}
.scope-change-summary{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:baseline;gap:10px 14px;margin:16px 0 0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}
.scope-change-summary dt{color:var(--muted);font-size:12px}
.scope-change-summary dd{margin:0;color:var(--text);font-size:14px;font-weight:600;line-height:1.5}
@media(max-width:640px){.scope-switcher{gap:5px;padding-inline:8px;font-size:12px}}
.spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--primary);animation:tabula-spin .8s linear infinite;flex:none}
@keyframes tabula-spin{to{transform:rotate(360deg)}}
.loading-state{display:flex;align-items:center;justify-content:center;gap:10px}
.linked-text{white-space:pre-wrap;overflow-wrap:anywhere}
.text-link{color:var(--primary);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.text-link:hover{text-decoration-thickness:2px}
.text-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}
.page-skeleton{padding:24px}
.skeleton-block{display:block;min-width:0;height:14px;border-radius:6px;background:var(--line);animation:tabula-pulse 1.6s ease-in-out infinite}
.skeleton-heading{display:flex;flex-direction:column;gap:14px;margin:4px 0 28px}
.skeleton-heading>i:first-child{width:200px;height:30px}
.skeleton-heading>i:last-child{width:min(360px,80%)}
.skeleton-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;padding:20px;margin-bottom:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.skeleton-filters>i{height:36px}
.skeleton-table{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.skeleton-row{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;gap:32px;padding:24px 20px}
.skeleton-row+.skeleton-row{border-top:1px solid var(--line)}
.skeleton-row>i:nth-child(2){width:75%}
.skeleton-row>i:last-child{width:65%}
@keyframes tabula-pulse{50%{opacity:.4}}
.confirmation-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100% - 32px);margin:auto;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);overflow:auto}
.confirmation-dialog::backdrop{background:rgb(0 0 0 / .45)}
.confirmation-body{padding:24px;overflow-wrap:anywhere}
.confirmation-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--line)}
.confirmation-summary{display:grid;gap:10px;margin-top:16px}
.confirmation-section{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}
.confirmation-section h3{margin-bottom:10px;font-size:13px;font-weight:400;color:var(--text)}
.confirmation-section dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;align-items:baseline}
.confirmation-section dt{font-size:12px;color:var(--muted)}
.confirmation-section dd{margin:0;font-size:14px;font-weight:400;color:var(--text);overflow-wrap:anywhere}
.confirmation-next{margin-top:16px;color:var(--muted);font-size:13px;line-height:1.6;white-space:pre-line}
.confirmation-next>span{display:block;margin-bottom:4px;color:var(--text)}
@media(max-width:640px){.page-skeleton{padding:16px}.skeleton-filters{grid-template-columns:1fr 1fr}.skeleton-row{gap:16px}}
@media(prefers-reduced-motion:reduce){.skeleton-block{animation:none}}
.is-loading{position:relative;opacity:.55;pointer-events:none;transition:opacity .15s}
.import-badge{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--active-border);background:var(--active-bg);color:var(--active-text);font-size:12.5px;font-weight:600;margin-right:4px}
.import-badge .spinner{width:13px;height:13px}
.import-summary{background:var(--hl);color:var(--text);border:1px solid var(--active-border);border-left:4px solid var(--primary)}
.import-summary>.font-semibold{color:var(--hl-ink)}
.import-progress-stats{display:flex;flex-wrap:wrap;gap:16px 32px;margin:18px 0 10px}
.import-progress-stats>div{display:flex;flex-direction:column;gap:3px}
.import-progress-stats strong{font-size:24px;line-height:1.2;color:var(--text)}
.import-progress-stats span,.import-progress-detail,.import-progress-update{font-size:13px;color:var(--muted)}
.import-progress-detail{overflow-wrap:anywhere}
.import-progress-update{margin-top:8px}
.import-progress-update.fg-pen{color:var(--pen-fg)}
.import-indeterminate{margin-top:16px}
.import-indeterminate>i{width:30%;animation:tabula-progress 1.5s ease-in-out infinite}
@keyframes tabula-progress{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
.import-progress-stats+.import-progress-detail:empty{display:none}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}
.perm-option{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer}
.perm-option:has(input:checked){border-color:var(--active-border);background:var(--active-bg)}
.modal .mbox:has(#configForm){width:min(720px,100%)}
#configForm fieldset{border:0;margin:0;padding:0;min-width:0}
@media (prefers-reduced-motion:reduce){.spinner,.import-indeterminate>i{animation:none}}
/* Sem página informada, o responsável não leva o separador "·". */
.kcard-meta>span:empty{display:none}
.kcard-meta>span:empty+span::before{content:none}
.side .admin-nav-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:var(--ink-text);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}
.side .admin-nav-toggle:hover{background:var(--ink2)}
.side .admin-nav-toggle:focus-visible{outline:2px solid var(--ink-text);outline-offset:-2px}
.side .admin-nav-toggle svg{margin-left:auto;width:15px;height:15px;color:var(--ink-muted)}
.side .admin-nav-toggle[aria-expanded="true"] svg{transform:rotate(90deg)}
.side .admin-nav-items{margin:2px 0 6px 12px;padding-left:8px;border-left:1px solid var(--ink-muted)}
.side .admin-nav-items[hidden]{display:none}
.side .admin-nav-items a.nav{font-size:13px;font-weight:400}
.task-filter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.task-filter-toggle{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:500;white-space:nowrap}
.task-filter-toggle:focus-within{outline:2px solid var(--primary);outline-offset:2px}
.history-date-filters{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-top:12px}
.history-date-filters>div{flex:0 1 190px;min-width:150px}
.history-date-filters>p{margin-bottom:8px}
.personal-history{list-style:none;margin:0;padding:0}
.personal-history>li+li{border-top:1px solid var(--line)}
.personal-history-item{position:relative;padding:20px 20px 20px 44px;overflow-wrap:anywhere}
.personal-history-item::before{content:"";position:absolute;left:16px;top:27px;width:8px;height:8px;border-radius:50%;background:var(--primary)}
.personal-history-item:not(:last-child)::after{content:"";position:absolute;left:19px;top:39px;bottom:0;width:1px;background:var(--line)}
/* As duas saídas de Ajustar usam as cores dos status de destino. */
.adjustment-done{--path-bg:var(--ajd-bg);--path-fg:var(--ajd-fg)}
.adjustment-guidance{--path-bg:var(--pen-bg);--path-fg:var(--pen-fg)}
.seg.adjustment-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.seg.adjustment-paths button{height:auto;min-width:0;align-items:stretch;flex-direction:column;gap:10px;padding:16px;text-align:left;white-space:normal;line-height:1.45;border-top:3px solid var(--path-fg)}
.seg.adjustment-paths button:hover{border-color:var(--path-fg);background:var(--path-bg)}
.seg.adjustment-paths button[aria-pressed="true"]{border-color:var(--path-fg);background:var(--path-bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--path-fg)}
.seg.adjustment-paths button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.adjustment-choice-title{display:flex;align-items:center;gap:8px;color:var(--path-fg);font-size:14px;font-weight:650}
.adjustment-choice-title svg{flex:none}
.adjustment-choice-description{color:var(--muted);font-size:12.5px;font-weight:400;flex:1}
.adjustment-choice-destination{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:400}
.adjustment-outcome{padding:14px;border-radius:10px;background:var(--path-bg);border-left:3px solid var(--path-fg)}
.adjustment-outcome .hint{flex-wrap:wrap;color:var(--path-fg)}
.adjustment-outcome>p{font-size:12.5px;color:var(--text)}
.adjustment-outcome.adjustment-done>p:not(:first-child){margin-top:4px}
.adjustment-outcome.adjustment-guidance>p:not(:first-child){margin-top:4px}
.btn.adjustment-done,.btn.adjustment-guidance{height:auto;min-height:36px;padding:8px 14px;white-space:normal;background:var(--path-fg);color:var(--path-bg);border-color:var(--path-fg)}
.btn.adjustment-done:hover,.btn.adjustment-guidance:hover{box-shadow:inset 0 0 0 2px var(--path-bg)}
@media(max-width:640px){.seg.adjustment-paths{grid-template-columns:1fr}.seg.adjustment-paths button{padding:12px}}
/* Escolhas e destinos das demais etapas do fluxo. */
.workflow-aju{--flow-bg:var(--aju-bg);--flow-fg:var(--aju-fg)}
.workflow-pen{--flow-bg:var(--pen-bg);--flow-fg:var(--pen-fg)}
.workflow-con{--flow-bg:var(--con-bg);--flow-fg:var(--con-fg)}
.workflow-tri{--flow-bg:var(--tri-bg);--flow-fg:var(--tri-fg)}
.workflow-ok{--flow-bg:var(--ok-bg);--flow-fg:var(--ok-fg)}
.workflow-ajd{--flow-bg:var(--ajd-bg);--flow-fg:var(--ajd-fg)}
.workflow-rev{--flow-bg:var(--rev-bg);--flow-fg:var(--rev-fg)}
.workflow-explanation{font-size:13px;color:var(--muted);margin-bottom:12px}
.seg.workflow-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.seg.workflow-choices button{height:auto;min-width:0;align-items:stretch;flex-direction:column;gap:10px;padding:14px;text-align:left;white-space:normal;line-height:1.45;border-top:3px solid var(--flow-fg)}
.seg.workflow-choices button:hover{border-color:var(--flow-fg);background:var(--flow-bg)}
.seg.workflow-choices button[aria-pressed="true"]{border-color:var(--flow-fg);background:var(--flow-bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--flow-fg)}
.seg.workflow-choices button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.workflow-choice-title{display:flex;align-items:center;gap:8px;color:var(--flow-fg);font-size:14px;font-weight:650}
.workflow-choice-title svg{flex:none}
.workflow-choice-description{color:var(--muted);font-size:12.5px;font-weight:400;flex:1}
.workflow-choice-destination{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#impMode .workflow-choice-destination .chip{background:var(--flow-bg);color:var(--flow-fg);border-color:color-mix(in srgb,var(--flow-fg) 28%,transparent)}
#impMode [aria-pressed="true"] .workflow-choice-destination .chip{background:var(--flow-fg);color:var(--flow-bg);border-color:var(--flow-fg)}
.seg.workflow-choices.import-mode-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.import-changes{min-width:320px;max-width:680px}
.import-changes>dt{font-weight:600;margin-bottom:6px}
.import-changes>dd+dt{margin-top:16px}
.import-changes>dd{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.import-changes>dd>div{padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--panel2)}
.import-changes .import-change-after{background:var(--rev-bg);border-color:color-mix(in srgb,var(--rev-fg) 30%,transparent)}
.import-changes span{display:block;color:var(--muted);font-size:11px;font-weight:600;margin-bottom:4px}
.import-changes p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:800px){.seg.workflow-choices.import-mode-choices{grid-template-columns:1fr}.import-changes>dd{grid-template-columns:1fr}}
.workflow-outcome{padding:14px;border-radius:10px;background:var(--flow-bg);border-left:3px solid var(--flow-fg)}
.workflow-outcome .hint{flex-wrap:wrap;color:var(--flow-fg)}
.workflow-outcome>p{font-size:12.5px;color:var(--text)}
.workflow-outcome>p:not(:first-child){margin-top:4px}
.workflow-outcome h4{color:var(--flow-fg);font-size:13px;font-weight:650;margin-bottom:8px}
.workflow-section{padding:14px;border:1px solid var(--line);border-left:3px solid var(--flow-fg);border-radius:10px;display:flex;flex-direction:column;gap:14px}
.workflow-section>h4{color:var(--flow-fg);font-size:14px;font-weight:650}
.workflow-results{display:flex;flex-direction:column;gap:8px}
.btn.workflow-action{height:auto;min-height:36px;padding:8px 14px;white-space:normal;background:var(--flow-fg);color:var(--flow-bg);border-color:var(--flow-fg)}
.btn.workflow-action:hover{box-shadow:inset 0 0 0 2px var(--flow-bg)}
@media(max-width:640px){.seg.workflow-choices{grid-template-columns:1fr}.seg.workflow-choices button{padding:12px}}