/**
 * © 2026 Sinergy Solutions LLC. All rights reserved.
 * Tier 3 — Auxiliary IP. Constructed public presentation fixture.
 */
/* Financial Close Management design candidate: app structure + actionable workpapers. */
.close-profile-bar { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:10px 20px; background:#f3f7f9; border-bottom:1px solid #c6d7e1; flex-shrink:0; }
.close-profile-heading { display:flex; flex-direction:column; gap:2px; flex:1; min-width:190px; }
.close-profile-heading strong { font:600 13px/1.4 var(--font-sans); color:#173449; }
.close-profile-heading small { font:400 10px/1.4 var(--font-sans); color:#476474; }
.close-profile-choice { display:flex; gap:7px; align-items:center; }
.close-profile-choice label { font:500 10px/1.5 var(--font-sans); color:#476474; }
.close-profile-choice select { max-width:190px; padding:8px; min-height:36px; border:1px solid #8aaab9; border-radius:4px; background:#fff; color:#173449; font:500 12px/1.4 var(--font-sans); }
.close-run-summary { padding:13px 12px; border-bottom:1px solid #365165; color:#c1d6e2; font:400 11px/1.5 var(--font-sans); }
.close-run-heading { display:flex; justify-content:space-between; align-items:baseline; gap:6px; }
.close-run-heading strong { color:#f5feff; font-size:12px; }
.close-run-heading small { color:#acc6d4; font:400 9px/1.4 var(--font-mono); }
.close-run-state { display:block; margin:10px 0 4px; color:#e5fcff; font:500 12px/1.4 var(--font-mono); }
.close-current-action { background:#17384a; border:1px solid #40748a; border-radius:4px; padding:10px; margin-top:10px; }
.close-current-action > span { display:block; font-size:9px; color:#b5d3df; text-transform:uppercase; letter-spacing:.05em; }
.close-current-action p { margin:4px 0; color:#ecf9ff; font:400 11px/1.5 var(--font-sans); }
.close-current-action .output-chips { margin-top:7px; }
.close-current-action .output-chips button { font-size:10px; padding:6px 8px; }
.close-current-action .demo-next { background:#187484; border-color:#64c6d0; }
.close-section { border-bottom:1px solid #294759; }
.close-section > summary { display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none; padding:11px 12px; color:#d9edf4; font:600 10px/1.5 var(--font-sans); text-transform:uppercase; }
.close-section > summary::-webkit-details-marker { display:none; }
.close-section > summary::before { content:'›'; font-size:15px; line-height:1; transform:rotate(0); color:#9bc3d4; transition:transform .2s; }
.close-section[open] > summary::before { transform:rotate(90deg); }
.close-section > summary small { margin-left:auto; text-align:right; font:400 9px/1.4 var(--font-mono); color:#a6cedc; text-transform:none; }
.close-section-body { padding:0 12px 12px; }
.close-steps { list-style:none; padding:0; margin:0; }
.close-steps li { display:flex; align-items:center; gap:7px; border-left:2px solid #365165; padding:4px 0 4px 7px; margin:3px 0; }
.close-steps li.done { border-left-color:#71d9dc; }
.close-steps li.attention { border-left-color:#d6b574; background:#213a49; margin-top:3px; }
.close-steps .stage-icon { width:16px; height:16px; font-size:9px; }
.close-steps .done .stage-icon { color:#84e0de; border-color:#4c9ea4; }
.close-steps button { flex:1; min-width:0; display:flex; gap:5px; align-items:center; padding:5px 0; border:0; background:transparent; color:#e0f0f7; text-align:left; cursor:pointer; font:400 11px/1.4 var(--font-sans); }
.close-step-name { flex:1; }
.close-step-name small { display:block; color:#acc6d4; font:400 9px/1.4 var(--font-mono); margin-top:2px; }
.close-steps .attention .close-step-name small { color:#edd3a5; }
.step-kind { border:1px solid #597788; color:#b9dde4; font:500 8px/1.3 var(--font-sans); border-radius:3px; padding:2px 4px; letter-spacing:.02em; }
.step-arrow { font-size:10px; color:#89dce1; }
.close-connection-graph { width:100%; display:block; }
.close-connection-graph rect { fill:#173347; stroke:#55798d; }
.close-connection-graph text { fill:#dceff7; font:500 9px var(--font-sans); }
.close-connection-graph .exchange-label { fill:#aac8d6; font:400 8px var(--font-mono); }
.exchange-path { fill:none; stroke:#608b9c; stroke-width:1.2; }
.exchange-path.manual { stroke-dasharray:4 4; }
.connection-hub.loaded rect { stroke:#72dadc; }
.connection-hub text { font:500 9px var(--font-mono); }
.importing .exchange-path { stroke:#92e7e5; stroke-dasharray:5 8; animation:close-transfer .9s ease-out 1; }
@keyframes close-transfer { from { stroke-dashoffset:45; } to { stroke-dashoffset:0; } }
.connection-legend { margin:0 0 10px; }
.close-section .system-card { padding:8px; }
.close-section .system-heading strong { font-size:11px; }
.close-section .dispatch-tree { margin:0; }
.profile-scope-table { width:100%; border-collapse:collapse; margin:14px 0; font:400 12px/1.6 var(--font-sans); }
.profile-scope-table th,.profile-scope-table td { border-bottom:1px solid #bfd1dd; padding:8px; text-align:left; vertical-align:top; }
.profile-scope-table th { width:26%; color:#264253; }
.profile-scope-note { padding:10px 12px; border:1px solid #b7cdd8; background:#eff6f8; color:#36596a; border-radius:4px; font:400 12px/1.6 var(--font-sans); }
.close-section button:focus-visible,.close-section summary:focus-visible,.close-profile-choice select:focus-visible { outline:2px solid #00c2cb; outline-offset:3px; }
@media(min-width:1440px) { .right-panel:not(.collapsed) { width:350px; min-width:350px; } }
@media(max-width:800px) { .close-profile-bar { padding:10px 14px; } .close-profile-choice select { min-height:44px; } .close-section > summary { min-height:44px; } .close-steps button { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .close-connection-graph *, .close-section > summary::before { animation:none !important; transition:none !important; } }

@media(min-width:801px) { .app-frame { height:calc(100dvh - 34px); min-height:620px; } }

/* Application destinations mirror the desktop rail; close outputs stay in the drawer. */
.nav-rail { width:64px; gap:10px; }
.nav-icon { flex-shrink:0; }
.nav-icon[aria-disabled="true"] { cursor:default; color:#9ab7c9; }
.nav-icon[aria-disabled="true"]:hover { background:transparent; }
.nav-icon.active::before { display:none; }
.nav-icon svg { width:22px; height:22px; }
.nav-icon:focus-visible { outline:2px solid #00c2cb; outline-offset:3px; }
.panel-tabs button { min-width:0; }
.rulepack-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px; margin:0 0 8px; color:#b9d7e4; font:400 10px/1.5 var(--font-mono); }
.rulepack-meta code { overflow-wrap:anywhere; }
.rule-check-list,.rule-activity-list { list-style:none; margin:0; padding:0; }
.rule-check,.rule-activity { padding:10px 0; border-top:1px solid #365165; font:400 11px/1.5 var(--font-sans); color:#e0f0f7; }
.rule-check-heading { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:5px; margin-bottom:4px; }
.rule-check-heading > strong { font:500 10px/1.5 var(--font-mono); }
.rule-status { border:1px solid #6f8999; border-radius:3px; padding:1px 5px; color:#c2d8e2; font:500 9px/1.5 var(--font-sans); }
.rule-status.pass,.rule-status.resolved,.rule-status.complete { border-color:#548f96; color:#9ce2dd; }
.rule-status.fail,.rule-status.open,.rule-status.blocked { border-color:#a59168; color:#efd5a6; }
.rule-check p,.rule-activity p { margin:5px 0 0; color:#b9d1dd; font:400 10px/1.5 var(--font-sans); }
.rule-evidence-link { display:block; max-width:100%; padding:3px 0; border:0; background:transparent; color:#94e0e4; font:500 11px/1.5 var(--font-sans); cursor:pointer; text-align:left; }
.rule-evidence-link:focus-visible { outline:2px solid #00c2cb; outline-offset:3px; }
.rule-activity > strong,.rule-activity > span { display:block; }
.rule-event-sequence { color:#a9c8d8; font:400 9px/1.5 var(--font-mono); }
.rule-empty-state { margin:0; }
.sample-review .panel-footnote { color:#476474; }
.sample-review > [data-gtas-action="use-ai-draft"] { display:inline-flex; align-items:center; min-height:36px; margin:3px 0 10px; padding:8px 12px; border:1px solid #6e99ac; border-radius:4px; background:#e7f4f6; color:#194a5d; cursor:pointer; font:500 12px/1.4 var(--font-sans); }
.sample-review > [data-gtas-action="use-ai-draft"]:focus-visible { outline:2px solid #007984; outline-offset:3px; }
@media(max-width:800px) { .rule-evidence-link { min-height:44px; } .nav-rail { width:50px; } }