/* Shared Alchemy help styling, based on the Bulk Data Admin guide.
   Keep workflow column sizing and narrow-screen visibility in the host stylesheet. */
.alchemy-guide-panel {
    --guide-border: #d9e1dd;
    --guide-card-border: #cbd6d1;
    --guide-rule-border: #d3ddd8;
    --guide-body: #fff;
    --guide-heading-bg: #f5f7f6;
    --guide-text: #26342e;
    --guide-title: #202d27;
    --guide-muted: #53635c;
    --guide-accent: #23835e;
    --guide-warning-border: #e1bf65;
    --guide-warning-bg: #fff8e4;
    --guide-warning-text: #684f0d;
    position: sticky;
    top: 15px;
    max-height: calc(100vh - 190px);
    margin-top: 18px;
    padding-top: 16px;
    padding-right: 4px;
    overflow-y: auto;
    overflow-wrap: anywhere;
    border-top: 1px solid var(--guide-border);
    color: var(--guide-text);
    scrollbar-width: thin;
}
.alchemy-guide-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid var(--guide-border); }
.alchemy-guide-eyebrow { display: block; margin-bottom: 3px; color: var(--guide-accent); font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.alchemy-guide-title { margin: 0; color: var(--guide-title); font-size: 21px; line-height: 1.15; }
.alchemy-guide-header-actions { display: flex; align-items: center; flex: 0 0 auto; margin-top: -4px; }
.alchemy-guide-open, .alchemy-guide-close { padding: 5px 4px; color: var(--guide-accent); white-space: nowrap; }
.alchemy-guide-open:hover, .alchemy-guide-open:focus, .alchemy-guide-close:hover, .alchemy-guide-close:focus { color: var(--guide-accent); }
.alchemy-guide-open i, .alchemy-guide-close i { margin-right: 4px; }
.alchemy-guide-close { align-items: center; border: 1px solid #7eb89f; display: inline-flex; gap: 5px; margin-left: 6px; font-size: 12px; }
.alchemy-guide-intro { margin: 14px 0 10px; color: var(--guide-muted); font-size: 13px; line-height: 1.5; }
.alchemy-guide-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; }
.alchemy-guide-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 9px; border: 1px solid #b9cbc3; border-radius: 14px; background: #f4f8f6; color: #405149; font-size: 11px; line-height: 1.2; }
.alchemy-guide-badge-success { border-color: #8bc8af; background: #e5f5ee; color: #176446; }
.alchemy-guide-badge-warning { border-color: #e6c774; background: #fff7dc; color: #785d13; }
.alchemy-guide-badge-info { border-color: #9ec8dc; background: #eaf5fa; color: #205c77; }
.alchemy-guide-attention { margin: 0 0 12px; padding: 10px 12px; border: 1px solid var(--guide-warning-border); border-radius: 3px; background: var(--guide-warning-bg); }
.alchemy-guide-attention h3 { margin: 0 0 6px; color: var(--guide-warning-text); font-size: 13px; }
.alchemy-guide-attention h3 i { margin-right: 4px; }
.alchemy-guide-attention ul, .alchemy-guide-rule-content ul, .alchemy-guide-rule-content ol { margin: 0; padding-left: 18px; }
.alchemy-guide-attention li, .alchemy-guide-rule-content li, .alchemy-guide-rule-content p { margin-bottom: 6px; font-size: 12px; line-height: 1.45; }
.alchemy-guide-attention li:last-child, .alchemy-guide-rule-content li:last-child, .alchemy-guide-rule-content p:last-child { margin-bottom: 0; }
.alchemy-guide-item-warning { color: #7a5700; font-weight: 600; }
.alchemy-guide-item-info { color: #245f78; }
.alchemy-guide-item-success { color: #176446; }
.alchemy-guide-step { margin-bottom: 10px; border: 1px solid var(--guide-card-border); border-radius: 3px; background: var(--guide-body); overflow: hidden; }
.alchemy-guide-step.active { border-color: #78b99f; }
.alchemy-guide-step-heading { margin: 0; padding: 12px 14px; background: var(--guide-heading-bg); color: var(--guide-title); font-size: 15px; }
.alchemy-guide-step-heading small { display: block; margin-top: 4px; color: var(--guide-muted); font-size: 12px; font-weight: 400; line-height: 1.45; }
.alchemy-guide-step-content { padding: 10px; }
.alchemy-guide-rule-section { margin-bottom: 8px; border: 1px solid var(--guide-rule-border); border-radius: 3px; overflow: hidden; }
.alchemy-guide-rule-section:last-child { margin-bottom: 0; }
.alchemy-guide-rule-title { margin: 0; font-size: 13px; }
.alchemy-guide-rule-heading { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 10px 11px; border: 0; background: var(--guide-heading-bg); color: var(--guide-title); text-align: left; font-size: 13px; font-weight: 700; cursor: pointer; }
.alchemy-guide-rule-heading-static { cursor: default; }
.alchemy-guide-rule-content { padding: 10px 11px; border-top: 1px solid var(--guide-border); background: var(--guide-body); }
.alchemy-guide-warning { border-color: var(--guide-warning-border); }
.alchemy-guide-warning .alchemy-guide-rule-heading, .alchemy-guide-warning .alchemy-guide-rule-content { background: var(--guide-warning-bg); color: var(--guide-warning-text); border-color: var(--guide-warning-border); }
.alchemy-guide-footnote { margin: 12px 0 0; color: var(--guide-muted); font-size: 11px; line-height: 1.45; }
.alchemy-guide-panel button:focus-visible { outline: 2px solid var(--guide-accent); outline-offset: -2px; }
.alchemy-guide-standalone .alchemy-guide-panel { position: static; max-height: none; margin: 0; padding: 0; overflow: visible; border-top: 0; }
.alchemy-guide-standalone .alchemy-guide-title { font-size: 26px; }
.alchemy-guide-standalone .alchemy-guide-intro { max-width: 780px; font-size: 14px; }
.alchemy-guide-standalone .alchemy-guide-attention { max-width: 900px; }
.alchemy-guide-standalone .alchemy-guide-step-content { padding: 14px; }
.alchemy-guide-standalone .alchemy-guide-rule-content li, .alchemy-guide-standalone .alchemy-guide-rule-content p { font-size: 13px; }
html[data-theme='dark'] .alchemy-guide-panel {
    --guide-border: #4d514f;
    --guide-card-border: #505553;
    --guide-rule-border: #505553;
    --guide-body: #292b2a;
    --guide-heading-bg: #323534;
    --guide-text: #e7ece9;
    --guide-title: #f2f5f3;
    --guide-muted: #bdc8c2;
    --guide-accent: #62d4a7;
    --guide-warning-border: #8c7130;
    --guide-warning-bg: #423817;
    --guide-warning-text: #f0d986;
}
html[data-theme='dark'] .alchemy-guide-badge { border-color: #555b58; background: #313433; color: #dce3df; }
html[data-theme='dark'] .alchemy-guide-badge-success { border-color: #338967; background: #173f30; color: #8de0bd; }
html[data-theme='dark'] .alchemy-guide-badge-warning { border-color: #8c7130; background: #423817; color: #f0d986; }
html[data-theme='dark'] .alchemy-guide-badge-info { border-color: #4b7890; background: #1e3a48; color: #9bd4ee; }
html[data-theme='dark'] .alchemy-guide-item-warning { color: #f0d986; }
html[data-theme='dark'] .alchemy-guide-item-info { color: #9bd4ee; }
html[data-theme='dark'] .alchemy-guide-item-success { color: #8de0bd; }
@media (max-width: 991.98px) {
    .alchemy-guide-panel { position: static; max-height: none; overflow: visible; }
}
@media (max-width: 767px) {
    .alchemy-guide-standalone .alchemy-guide-title { font-size: 22px; }
}