/* G4-UX9 — the statements tools dialog: the toolbar button, the dialog over a lightly blurred page, the three explained tools, the step-by-step guide,
   the tools opened inside the dialog; a full-screen sheet on a phone; still under reduced motion. Colours follow the CFO Desk tokens. */
#statementToolsOpen{display:inline-flex;align-items:center;gap:8px;font-weight:600}
#statementToolsOpen::before{content:"";inline-size:15px;block-size:15px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h7v6H4zM13 5h7v6h-7zM4 13h7v6H4zM13 13h7v6h-7z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h7v6H4zM13 5h7v6h-7zM4 13h7v6H4zM13 13h7v6h-7z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

.st-dialog{inline-size:min(1120px,calc(100vw - 32px));max-block-size:min(88vh,920px);padding:0;border:1px solid var(--line,#dbe3ef);border-radius:18px;background:var(--desk-paper,#fff);color:var(--desk-ink,#0f172a);box-shadow:0 30px 80px rgba(15,23,42,.22);overflow:hidden}
.st-dialog[open]{display:flex;flex-direction:column;animation:stIn .18s ease-out both}
.st-dialog::backdrop{background:rgba(9,17,33,.26);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@keyframes stIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.st-shell{display:flex;flex-direction:column;min-block-size:0;flex:1}
.st-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 14px;border-block-end:1px solid var(--line,#e5eaf2)}
.st-heading h2{margin:0;font-size:1.25rem;line-height:1.35}
.st-heading p{margin:6px 0 0;color:var(--desk-sub,#52607a);font-size:.92rem;line-height:1.6;max-inline-size:72ch}
.st-head-actions{display:flex;align-items:center;gap:10px;flex:none}
.st-link{border:0;background:none;color:var(--xc-primary,#1d5bd8);font-weight:600;cursor:pointer;padding:6px 8px;border-radius:8px}
.st-link:hover{background:var(--xc-tint,#eef3ff)}
.st-close{inline-size:36px;block-size:36px;border:1px solid var(--line,#dbe3ef);border-radius:10px;background:transparent;color:inherit;font-size:1.3rem;line-height:1;cursor:pointer}
.st-close:hover{background:var(--desk-soft,#f3f6fb)}
.st-body{overflow:auto;padding:20px 24px 24px;flex:1;min-block-size:0}
.st-dialog :is(button,summary):focus-visible{outline:2px solid var(--desk-focus,#2563eb);outline-offset:2px}

.st-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.st-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--line,#e2e8f0);border-radius:14px;background:var(--desk-soft,#f8fafc)}
.st-card h3{margin:0;font-size:1.05rem}
.st-card .st-what{margin:0;line-height:1.7}
.st-card dl{display:grid;gap:10px;margin:0}
.st-card dt{font-weight:700;font-size:.85rem;color:var(--desk-sub,#52607a)}
.st-card dd{margin:2px 0 0;line-height:1.65;font-size:.92rem}
.st-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:auto}
.st-primary,.st-secondary,.st-back{border-radius:10px;padding:9px 14px;font-weight:600;cursor:pointer;border:1px solid var(--xc-primary,#1d5bd8)}
.st-primary{background:var(--xc-primary,#1d5bd8);color:#fff}
.st-secondary,.st-back{background:transparent;color:var(--xc-primary,#1d5bd8)}
.st-secondary:hover,.st-back:hover{background:var(--xc-tint,#eef3ff)}

.st-guide{display:grid;gap:18px}
.st-guide-part{padding:18px;border:1px solid var(--line,#e2e8f0);border-radius:14px;display:grid;gap:10px;justify-items:start}
.st-guide-part h3{margin:0}
.st-guide-part p{margin:0;line-height:1.7}
.st-steps{margin:0;padding-inline-start:1.4em;display:grid;gap:8px;line-height:1.7}
.st-steps li::marker{font-weight:700;color:var(--xc-primary,#1d5bd8)}

.st-tool{display:grid;gap:14px}
.st-tool-bar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}
.st-quick{flex:1;min-inline-size:240px;border:1px solid var(--line,#e2e8f0);border-radius:12px;padding:8px 14px;background:var(--desk-soft,#f8fafc)}
.st-quick summary{cursor:pointer;font-weight:600}
.st-quick .st-steps{margin-block:10px 4px}
.st-stale{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid #f1c46b;background:#fff8e6}
.st-stale p{margin:0;line-height:1.7;flex:1;min-inline-size:240px}
.st-missing{margin:0}
.st-tool-slot>.st-tool-panel{margin:0;box-shadow:none}
#statementTools .st-tool-panel>summary{display:none}

@media (max-width:1000px){.st-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
 .st-dialog{inline-size:100vw;max-inline-size:100vw;block-size:100dvh;max-block-size:100dvh;border-radius:0;border:0;margin:0}
 .st-cards{grid-template-columns:1fr}
 .st-head{padding:14px 16px 10px}
 .st-body{padding:14px 16px 20px}
 .st-head-actions{flex-direction:row-reverse}
}
@media (prefers-reduced-motion:reduce){.st-dialog[open]{animation:none}}
[data-desk-motion="off"] .st-dialog[open],[data-desk-motion="reduced"] .st-dialog[open]{animation:none}