/* Help and Support Center (helpctr.exe) */
.app-helpctr .window-body { background: #fff; }
.app-helpctr .hc-root { display: flex; flex-direction: column; height: 100%; min-height: 0; container-type: inline-size; container-name: hc; background: #fff; }

/* ---------- top band: navigation ---------- */
.app-helpctr .hc-top { flex: none; background: linear-gradient(to bottom, #0B2A7A 0%, #0F3A9E 45%, #0B2F86 100%); color: #fff; }
.app-helpctr .hc-nav { display: flex; align-items: center; gap: 1px; height: 38px; padding: 0 4px; overflow: hidden; border-bottom: 1px solid #07205F; }
.app-helpctr .hc-nbtn { display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0 6px; border: 1px solid transparent; border-radius: 3px;
  background: transparent; color: #fff; white-space: nowrap; cursor: var(--cur-arrow); flex: none; }
.app-helpctr .hc-nbtn:hover:not(:disabled) { border-color: #6F8FD8 #0A2366 #0A2366 #6F8FD8; background: rgba(255,255,255,.12); }
.app-helpctr .hc-nbtn:active:not(:disabled) { border-color: #0A2366 #6F8FD8 #6F8FD8 #0A2366; background: rgba(0,0,0,.18); }
.app-helpctr .hc-nbtn.on { background: rgba(255,255,255,.16); border-color: #3F63BE; }
.app-helpctr .hc-nbtn:disabled { opacity: .5; filter: grayscale(.8); }
.app-helpctr .hc-nbtn:not(.big) .hc-nlabel { display: none; }
.app-helpctr .hc-root[data-labels="all"] .hc-nbtn .hc-nlabel { display: inline; }
.app-helpctr .hc-root[data-labels="none"] .hc-nbtn .hc-nlabel { display: none; }
.app-helpctr .hc-ndrop { width: 0; height: 0; border: 3px solid transparent; border-top-color: #fff; margin: 3px 0 0 1px; }
.app-helpctr .hc-nsep { width: 1px; align-self: stretch; margin: 6px 3px; background: #07205F; box-shadow: 1px 0 #3456AE; flex: none; }

/* ---------- top band: search + wordmark ---------- */
.app-helpctr .hc-searchrow { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; padding: 4px 8px 4px 10px;
  background: linear-gradient(to bottom, #5C85E0 0%, #3D6AD6 50%, #2D58C7 100%); border-top: 1px solid #7DA0EE; }
.app-helpctr .hc-sgroup { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
.app-helpctr .hc-slabel { font-weight: bold; color: #fff; }
.app-helpctr .hc-sbox { display: flex; align-items: center; background: #fff; border: 1px solid #1B3E9A; height: 22px; }
.app-helpctr .hc-search-in { border: 0; outline: 0; height: 20px; width: 190px; padding: 0 4px; min-width: 0; }
.app-helpctr .hc-go { width: 22px; height: 20px; border: 0; padding: 0; cursor: var(--cur-hand); border-left: 1px solid #9DB1DE;
  background: radial-gradient(circle at 40% 35%, #BFF3A7 0%, #5DC43C 40%, #2E8C1A 100%); position: relative; }
.app-helpctr .hc-go::after { content: ''; position: absolute; left: 7px; top: 5px; border: 5px solid transparent; border-left: 7px solid #fff; border-right: 0; }
.app-helpctr .hc-go:hover { filter: brightness(1.1); }
.app-helpctr .hc-sopts { color: #fff; text-decoration: underline; white-space: nowrap; }
.app-helpctr .hc-sopts:hover { color: #FFE58A; }
.app-helpctr .hc-brand { display: flex; align-items: center; gap: 8px; color: #fff; flex: none; }
.app-helpctr .hc-brand-text { text-align: right; line-height: 1.1; }
.app-helpctr .hc-brand-t { font: bold 17px var(--font-title); text-shadow: 1px 1px 1px #102C7E; letter-spacing: -.2px; }
.app-helpctr .hc-brand-s { font: 11px var(--font-title); color: #E1E9FF; }
.app-helpctr .hc-brand-s sup { font-size: 8px; color: #FF9A3C; font-weight: bold; }
.app-helpctr .hc-strip { flex: none; height: 4px; background: linear-gradient(to right, #F7B33D, #FBD77F 40%, #A5BEF0 70%, #6A8CE0); }

/* ---------- main area ---------- */
.app-helpctr .hc-main { flex: 1; min-height: 0; overflow: auto; position: relative; font-family: Verdana, Tahoma, sans-serif; user-select: text; -webkit-user-select: text; }
.app-helpctr .hc-root[data-font="small"] .hc-main { font-size: 10px; }
.app-helpctr .hc-root[data-font="large"] .hc-main { font-size: 13px; }
.app-helpctr .hc-main a { color: #0033CC; cursor: var(--cur-hand); text-decoration: none; }
.app-helpctr .hc-main a:hover { text-decoration: underline; color: #3366FF; }
.app-helpctr .hc-full { min-height: 100%; }

/* home */
.app-helpctr .hc-home { display: grid; grid-template-columns: 1.1fr 1fr; gap: 0; min-height: 100%; }
.app-helpctr .hc-home-col { padding: 12px 16px 16px; min-width: 0; }
.app-helpctr .hc-home-col.hc-topics { border-right: 1px solid #D4DDF4; }
.app-helpctr .hc-home h2 { font: bold 1.18em Verdana, Tahoma, sans-serif; color: #003399; margin: 8px 0 6px; padding-bottom: 4px; border-bottom: 1px solid #C0CEEE; }
.app-helpctr .hc-home h2:not(:first-child) { margin-top: 16px; }
.app-helpctr .hc-hlink { display: flex; align-items: center; gap: 8px; padding: 3px 2px; line-height: 1.25; }
.app-helpctr .hc-hlink .ico { flex: none; }
.app-helpctr .hc-dyk { margin-top: 18px; border: 1px solid #A7BCEB; background: #F3F6FD; }
.app-helpctr .hc-dyk-h { display: flex; align-items: center; gap: 6px; padding: 3px 6px; font-weight: bold; color: #fff; background: linear-gradient(to right, #3464CC, #7FA1E8); }
.app-helpctr .hc-dyk p { margin: 8px; line-height: 1.4; min-height: 3em; }
.app-helpctr .hc-dyk p.fade { animation: hc-fade .6s ease-out; }
@keyframes hc-fade { from { opacity: 0; } }

/* two-pane layout */
.app-helpctr .hc-two { display: flex; min-height: 100%; }
.app-helpctr .hc-left { width: 240px; flex: none; background: linear-gradient(to bottom, #E3EBFC, #CCD9F6); border-right: 1px solid #9EB4E6; padding-bottom: 12px; }
.app-helpctr .hc-root.hc-fullview .hc-left { display: none; }
.app-helpctr .hc-right { flex: 1; min-width: 0; }
.app-helpctr .hc-treetoggle { display: none; }
.app-helpctr .hc-pane-title { display: flex; align-items: center; gap: 6px; padding: 8px 8px 6px; font: bold 1.1em Verdana, Tahoma, sans-serif; color: #003399; border-bottom: 1px solid #A9BCE9; margin-bottom: 4px; }
.app-helpctr .hc-tree { padding: 0 2px; }
.app-helpctr .hc-node, .app-helpctr .hc-leaf, .app-helpctr .hc-mlink { display: flex; align-items: flex-start; gap: 5px; padding: 3px 6px; line-height: 1.3; }
.app-helpctr .hc-main .hc-node { color: #000; font-weight: bold; }
.app-helpctr .hc-box { flex: none; width: 9px; height: 9px; margin-top: 2px; border: 1px solid #7F9DB9; background: #fff; position: relative; }
.app-helpctr .hc-box::before { content: ''; position: absolute; left: 1px; top: 3px; width: 5px; height: 1px; background: #000; }
.app-helpctr .hc-box::after { content: ''; position: absolute; left: 3px; top: 1px; width: 1px; height: 5px; background: #000; }
.app-helpctr .hc-node.open .hc-box::after { display: none; }
.app-helpctr .hc-kids { padding-left: 14px; }
.app-helpctr .hc-q { flex: none; width: 13px; height: 14px; margin-top: 1px; border: 1px solid #6D84B8; border-radius: 1px; background: linear-gradient(#fff, #E6EDFB);
  color: #2150C8; font: bold 9px Tahoma, sans-serif; text-align: center; line-height: 12px; }
.app-helpctr .hc-leaf.sel, .app-helpctr .hc-mlink.sel { background: #fff; outline: 1px solid #9EB4E6; }
.app-helpctr .hc-mlink .ico { margin-top: 0; }
.app-helpctr .hc-none { padding: 4px 8px; color: #333; line-height: 1.35; }
.app-helpctr .hc-muted { color: #666; }
.app-helpctr .hc-flist { padding: 2px 0; }
.app-helpctr .hc-pane-btns { display: flex; gap: 6px; justify-content: flex-end; padding: 8px; font-family: var(--font-ui); }
.app-helpctr .hc-lbl { display: block; padding: 4px 8px 2px; }
.app-helpctr .hc-idx .xp-input { display: block; width: calc(100% - 16px); margin: 0 8px 6px; }
.app-helpctr .hc-idx-list { margin: 0 8px; height: 300px; font-family: var(--font-ui); }
.app-helpctr .hc-idx-list .row { cursor: var(--cur-arrow); }

/* search results */
.app-helpctr .hc-rgroup { margin: 4px 4px 6px; }
.app-helpctr .hc-main .hc-rhead { display: block; padding: 3px 18px 3px 7px; font-weight: bold; color: #fff; border-radius: 3px 3px 0 0; position: relative;
  background: linear-gradient(to right, #1F54C7, #6D93E6); }
.app-helpctr .hc-main .hc-rhead:hover { color: #FFE58A; text-decoration: none; }
.app-helpctr .hc-rhead::after { content: ''; position: absolute; right: 6px; top: 5px; border: 4px solid transparent; border-top: 5px solid #fff; border-bottom: 0; }
.app-helpctr .hc-rhead.open::after { border-top: 0; border-bottom: 5px solid #fff; top: 6px; }
.app-helpctr .hc-rhead.disabled { background: linear-gradient(to right, #7E8FB8, #AFBCDB); }
.app-helpctr .hc-rhead.disabled::after { display: none; }
.app-helpctr .hc-rbody { background: #F5F8FE; border: 1px solid #A9BCE9; border-top: 0; padding: 2px 0; }
.app-helpctr mark.hc-hl { background: #FFFF66; color: inherit; }

/* article */
.app-helpctr .hc-art-bar { display: flex; flex-wrap: wrap; gap: 2px; padding: 4px 10px; border-bottom: 1px solid #E1E7F5; background: #FBFCFF; font-family: var(--font-ui); }
.app-helpctr .hc-linkbtn { display: inline-flex; align-items: center; gap: 4px; border: 1px solid transparent; border-radius: 2px; background: none; padding: 2px 5px; color: #000; cursor: var(--cur-arrow); }
.app-helpctr .hc-linkbtn:hover { border-color: #fff #CECEC3 #CECEC3 #fff; background: #F2F1EA; }
.app-helpctr .hc-article { padding: 10px 18px 20px; line-height: 1.45; max-width: 720px; }
.app-helpctr .hc-article h1 { font: bold 1.3em Verdana, Tahoma, sans-serif; color: #003399; margin: 4px 0 10px; }
.app-helpctr .hc-article h3 { font: bold 1em Verdana, Tahoma, sans-serif; color: #003399; margin: 14px 0 4px; }
.app-helpctr .hc-article ol, .app-helpctr .hc-article ul { padding-left: 24px; margin: 6px 0; }
.app-helpctr .hc-article li { margin: 4px 0; }
.app-helpctr .hc-article ol > li::marker { font-weight: bold; }
.app-helpctr .hc-article ul ul { margin: 4px 0; }
.app-helpctr .hc-empty { color: #333; }
.app-helpctr .hc-act { display: inline-flex; align-items: center; gap: 3px; }
.app-helpctr .hc-sc { width: 12px; height: 12px; flex: none; border: 1px solid #7C8CB0; background: #fff; position: relative; display: inline-block; vertical-align: -2px; }
.app-helpctr .hc-sc::after { content: ''; position: absolute; left: 1px; bottom: 1px; width: 6px; height: 6px; border-top: 2px solid #1A4DB8; border-right: 2px solid #1A4DB8; transform: rotate(0deg); box-sizing: border-box; }
.app-helpctr .hc-sc::before { content: ''; position: absolute; left: 1px; bottom: 3px; width: 7px; height: 2px; background: #1A4DB8; transform: rotate(-45deg); transform-origin: left center; }
.app-helpctr .hc-main .hc-related { font-weight: bold; display: inline-block; margin-top: 10px; padding-top: 8px; border-top: 1px solid #D4DDF4; }
.app-helpctr .hc-ov { padding-left: 6px; }
.app-helpctr .hc-info { border-collapse: collapse; margin-top: 8px; width: 100%; max-width: 560px; }
.app-helpctr .hc-info th, .app-helpctr .hc-info td { text-align: left; padding: 4px 8px; border-bottom: 1px solid #E1E7F5; vertical-align: top; }
.app-helpctr .hc-info th { width: 38%; color: #003399; font-weight: bold; background: #F3F6FD; }
.app-helpctr .hc-options, .app-helpctr .hc-restore { font-family: var(--font-ui); font-size: 11px; }
.app-helpctr .hc-opt-col { display: flex; flex-direction: column; gap: 6px; padding: 4px 0 4px 12px; }
.app-helpctr .hc-opt-row { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 4px 0 4px 12px; }
.app-helpctr .hc-wiz-btns { display: flex; gap: 6px; justify-content: flex-end; max-width: 460px; margin-top: 16px; }
.app-helpctr .hc-rp-list { max-width: 460px; height: 120px; }
.app-helpctr .hc-rp-list .row { gap: 6px; }

/* ---------- narrow (phones / small windows) ---------- */
@container hc (max-width: 639px) {
  .app-helpctr .hc-nbtn .hc-nlabel, .app-helpctr .hc-root[data-labels="all"] .hc-nbtn .hc-nlabel { display: none; }
  .app-helpctr .hc-nbtn { padding: 0 4px; }
  .app-helpctr .hc-brand-text { display: none; }
  .app-helpctr .hc-searchrow { min-height: 40px; }
  .app-helpctr .hc-search-in { width: 120px; }
  .app-helpctr .hc-home { grid-template-columns: 1fr; }
  .app-helpctr .hc-home-col.hc-topics { border-right: 0; border-bottom: 1px solid #D4DDF4; }
  .app-helpctr .hc-two { flex-direction: column; }
  .app-helpctr .hc-left { display: none; width: auto; border-right: 0; border-bottom: 1px solid #9EB4E6; }
  .app-helpctr .hc-left.show { display: block; }
  .app-helpctr .hc-treetoggle { display: inline-flex; align-items: center; gap: 4px; margin: 6px 10px 0; padding: 3px 8px; border: 1px solid #9EB4E6; border-radius: 3px;
    background: linear-gradient(#fff, #E3EBFC); color: #003399; font: 11px var(--font-ui); cursor: var(--cur-arrow); }
  .app-helpctr .hc-hide-narrow { display: none; }
  .app-helpctr .hc-article { padding: 8px 12px 16px; }
  .app-helpctr .hc-idx-list { height: 200px; }
}
@container hc (max-width: 400px) {
  .app-helpctr .hc-sopts { display: none; }
  .app-helpctr .hc-search-in { width: 100%; }
  .app-helpctr .hc-sgroup { flex: 1; flex-wrap: nowrap; }
  .app-helpctr .hc-sbox { flex: 1; min-width: 0; }
  .app-helpctr .hc-brand-flag { display: none; }
}