/* Innovapptive Modern SaaS Documentation — Oxygen WebHelp Responsive 28.x */
:root {
  --inno-navy:#101b3a; --inno-navy-2:#1d2d56; --inno-indigo:#4f46e5; --inno-violet:#6d28d9;
  --inno-blue:#2563eb; --inno-cyan:#0891b2; --inno-teal:#0f766e; --inno-green:#15803d;
  --inno-amber:#b45309; --inno-page:#fcfdff; --inno-card:#ffffff; --inno-text:#101b3a;
  --inno-muted:#5b6882; --inno-line:#dce2ee; --inno-soft:#eef2ff;
  --inno-shadow:0 14px 38px rgba(16,27,58,.11); --inno-radius:16px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--inno-text); background:var(--inno-page)!important; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; line-height:1.65; }
a { color:var(--inno-indigo); text-underline-offset:3px; }
a:hover { color:var(--inno-violet); }
:focus-visible { outline:3px solid #8b5cf6; outline-offset:3px; border-radius:7px; }

/* Product header: compact identity, brand mark stays dominant, orange is a small accent only. */
.wh_header {
  min-height:64px;
  padding:0;
  color:white;
  background:var(--inno-navy);
  border:0;
  box-shadow:0 4px 14px rgba(16,27,58,.16);
}
.wh_topic_page .wh_header, .wh_search_page .wh_header { position:sticky; top:0; z-index:1030; }
.wh_header .container-fluid {
  display:flex;
  align-items:center;
  gap:20px;
  min-height:64px;
  max-width:1480px;
  margin:auto;
  padding:0 24px;
}
.wh_logo { flex:0 0 auto; }
.wh_logo img { display:block; max-height:30px; width:auto; }
.wh_publication_title { flex:1 1 auto!important; width:auto!important; max-width:none!important; min-width:0; }
.wh_publication_title > a {
  display:block;
  overflow:hidden;
  padding-left:12px;
  border-left:3px solid #f0a04b;
  color:#f7a600!important;
  font-size:21px!important;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.01em;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wh_publication_title > a:hover { color:#ffc04d!important; border-left-color:#ffc04d; }
.wh_top_menu, .wh_top_menu_and_indexterms_link { display:none!important; }

/* Mobile nav toggle, injected by JS, opens the publication TOC as an overlay drawer. */
.inno-nav-toggle {
  display:none;
  flex:0 0 auto;
  width:32px;
  height:32px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:8px;
  color:#ffffff;
  background:transparent;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.inno-nav-toggle:hover { background:rgba(255,255,255,.1); }

/* Search icon trigger for tablet/mobile, injected by JS next to the header. */
.inno-search-toggle {
  display:none;
  flex:0 0 auto;
  width:32px;
  height:32px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:8px;
  color:#c7cede;
  background:transparent;
  font-size:17px;
  cursor:pointer;
}
.inno-search-toggle:hover { color:#ffffff; background:rgba(255,255,255,.1); }
.inno-search-close, .inno-drawer-close, .inno-drawer-title { display:none; }

body.inno-scroll-lock { overflow:hidden; }

.inno-backdrop {
  position:fixed;
  inset:0;
  z-index:1035;
  display:none;
  background:rgba(16,27,58,.4);
}
.inno-backdrop.inno-open { display:block; }

/* Search: one centered input and button, with no decorative banner. */
.wh_search_input {
  display:block;
  margin:0;
  padding:10px 20px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.wh_topic_page .wh_search_input, .wh_search_page .wh_search_input {
  position:sticky;
  top:64px;
  z-index:1020;
  background:#fcfdff!important;
}
.wh_main_page .wh_search_input {
  position:relative;
  top:auto;
  padding:10px 20px;
  color:#101b3a;
  background:transparent!important;
}
.wh_search_input .search_input {
  display:block;
  width:100%;
  max-width:960px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wh_search_input form {
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:960px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden;
  border:2px solid #315bea!important;
  border-radius:12px!important;
  background:#ffffff!important;
  box-shadow:0 5px 16px rgba(16,27,58,.08)!important;
}
/* Oxygen expands the search component as form > div > input + button. */
.wh_search_input form > div,
.wh_search_input .input-group {
  position:static!important;
  display:flex!important;
  align-items:stretch!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wh_search_input .input-group-btn,
.wh_search_input .search-button {
  position:static!important;
  display:flex!important;
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
}
.wh_welcome:not(:empty) { display:none; }
.wh_search_textfield,
input.wh_search_textfield,
.wh_search_input .form-control {
  float:none!important;
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:46px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  color:#101b3a!important;
  background:#ffffff!important;
  box-shadow:none!important;
  font-size:1.02rem!important;
  line-height:46px!important;
}
.wh_search_textfield::placeholder,
.wh_search_input .form-control::placeholder {
  color:#64748b;
  opacity:1;
}
.wh_search_button,
.wh_search_input button.wh_search_button {
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  height:46px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid #c7d2fe!important;
  border-radius:0!important;
  outline:0!important;
  color:#ffffff!important;
  background:#315bea!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:1.25rem!important;
  line-height:1!important;
}
.wh_search_button:hover, .wh_search_button:focus { background:#2447c6!important; }
.wh_search_button .search_input_text { display:none!important; }
.wh_search_button:before, .wh_search_button:after,
.wh_search_button .glyphicon, .wh_search_button svg, .wh_search_button i {
  box-shadow:none!important;
  font-size:1.3rem!important;
  line-height:1!important;
}

/* Main-page tiles: one accent system with automatic journey grouping. */
.wh_main_page .wh_content_area { max-width:1260px; margin:26px auto 70px; padding:0 24px; }
.wh_tiles { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px!important; align-items:stretch; }
.wh_tiles.inno-grouped { display:block!important; }
.inno-tile-group { margin:0 0 22px; }
.inno-tile-group-title { margin:0 2px 10px; color:#4b5870; font-size:13px; line-height:1.3; font-weight:750; text-transform:uppercase; letter-spacing:.07em; }
.inno-tile-group-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:stretch; }
.inno-tile-group-grid.inno-count-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.inno-tile-group-grid.inno-count-1 { grid-template-columns:minmax(0,1fr); max-width:620px; }
.wh_tile { position:relative; float:none!important; width:100%!important; max-width:none!important; min-height:0; margin:0!important; overflow:hidden; border:1px solid var(--inno-line); border-radius:12px; background:white; box-shadow:none; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; cursor:pointer; }
.wh_tile:hover, .wh_tile:focus-within { border-color:#a5b4fc; box-shadow:0 8px 22px rgba(16,27,58,.08); transform:translateY(-1px); }
.wh_tile > div { height:100%; padding:19px 20px; }
.wh_tile_title { position:relative; z-index:2; margin:0; padding-right:24px; font-size:17px; line-height:1.35; text-align:left; }
.wh_tile_title a { color:var(--inno-text); font-weight:720; text-decoration:none; }
.wh_tile_title:after { content:"\2192"; position:absolute; z-index:2; top:0; right:0; color:var(--inno-indigo); opacity:.7; transition:opacity .16s ease,transform .16s ease; }
.wh_tile:hover .wh_tile_title:after, .wh_tile:focus-within .wh_tile_title:after { opacity:1; transform:translateX(3px); }
.wh_tile_shortdesc { position:relative; z-index:0; margin:.35rem 0 0; color:#4f5d75; text-align:left; font-size:15.5px; line-height:1.5; }
.wh_tile_text:after { display:none; }
/* Reference-tier tiles are flatter but remain clearly interactive. */
.inno-tile-group-reference .wh_tile { background:#f8fafc; border-color:#e2e8f0; box-shadow:none; }
.inno-tile-group-reference .wh_tile:hover, .inno-tile-group-reference .wh_tile:focus-within { background:#ffffff; border-color:#a5b4fc; }

/* Topic layout. */
#wh_topic_container { max-width:1480px; margin:auto; padding:0 22px; }
.wh_tools { margin:16px 0; padding:9px 13px; border:1px solid var(--inno-line); border-radius:12px; background:white; box-shadow:0 4px 14px rgba(16,27,58,.04); }
.wh_breadcrumb ol { margin:0; padding:0; color:#64748b; list-style:none; }
.wh_breadcrumb ol a { color:var(--inno-indigo); }
.wh_content_area { margin-bottom:68px; }
.wh_topic_page .wh_content_area, .wh_search_page .wh_content_area { background:#ffffff; }

/* Publication TOC: a quiet navigation rail instead of a large floating card. */
.wh_publication_toc { position:sticky; top:126px; max-height:calc(100vh - 144px); overflow:auto; padding:8px 16px 24px 0; border:0; border-right:1px solid var(--inno-line); border-radius:0; background:transparent; box-shadow:none; scrollbar-width:thin; }
.wh_publication_toc ul { padding-left:.7rem; }
.wh_publication_toc li { margin:.15rem 0; }
.wh_publication_toc .topicref a { display:block; margin-left:0; padding:.42rem .65rem; border-left:3px solid transparent; border-radius:0 8px 8px 0; color:#526078; text-decoration:none; line-height:1.35; }
.wh_publication_toc .active > .topicref a { color:#3730a3; font-weight:750; background:#eef2ff; border-left-color:var(--inno-indigo); }
.wh_publication_toc a:hover { color:var(--inno-indigo); background:#f8fafc; }

#wh_topic_body { padding:6px clamp(20px,3vw,44px) 48px; }
#wh_topic_toc { position:sticky; top:136px; align-self:flex-start; padding:12px 8px 12px 16px; border-left:1px solid var(--inno-line); }
#wh_topic_toc:before { content:"On this page"; display:block; margin-bottom:9px; color:var(--inno-text); font-size:.76rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
#wh_topic_toc a { color:#64748b; text-decoration:none; font-size:.87rem; }
#wh_topic_toc a:hover { color:var(--inno-indigo); }

.wh_topic_content { color:#26324c; line-height:1.74; }
.wh_topic_content .title.topictitle1 { margin:.25rem 0 .9rem; color:var(--inno-text); font-size:clamp(2rem,3.6vw,2.75rem); line-height:1.12; letter-spacing:-.038em; font-weight:790; }
.wh_topic_content .shortdesc { margin:0 0 1.65rem; padding:0 0 1.1rem; border-bottom:1px solid var(--inno-line); color:var(--inno-muted); font-size:1.08rem; line-height:1.62; }
.wh_topic_content h2, .wh_topic_content .topictitle2 { margin-top:2.1rem; color:var(--inno-navy); font-size:1.5rem; line-height:1.25; letter-spacing:-.022em; }
.wh_topic_content h3, .wh_topic_content .topictitle3 { margin-top:1.65rem; color:var(--inno-navy-2); font-size:1.18rem; font-weight:760; }
.wh_topic_content p { max-width:82ch; }
.wh_topic_content img { max-width:100%; height:auto; border:1px solid var(--inno-line); border-radius:12px; box-shadow:0 9px 26px rgba(16,27,58,.09); cursor:zoom-in; }
.wh_topic_content figure, .fig { margin:1.5rem 0; }
.figcap, figcaption { margin-top:.6rem; color:var(--inno-muted); font-size:.87rem; text-align:center; }

/* Task steps: clean numbered instructions without card boxes. */
.taskbody .steps, .steps { margin:1rem 0 1.35rem; padding-left:2rem; list-style:decimal outside!important; }
.taskbody .steps > li, .steps > li { position:relative; margin:.8rem 0 1.15rem; padding:0; border:0; border-radius:0; background:transparent; list-style:decimal outside!important; break-inside:avoid; }
.taskbody .steps > li::before, .steps > li::before { content:none!important; display:none!important; }
.taskbody .steps > li::marker, .steps > li::marker { color:var(--inno-indigo); font-weight:800; }
.cmd { color:var(--inno-text); font-weight:400; }
.uicontrol { color:var(--inno-navy); font-weight:750; }
.info { margin-top:.55rem; color:var(--inno-muted); }
.prereq, .result, .postreq { margin:1.2rem 0; padding:.95rem 1.05rem; border-radius:12px; border:1px solid var(--inno-line); background:#f8fafc; }
.prereq::before { content:"Before you begin"; display:block; margin-bottom:.3rem; color:var(--inno-blue); font-weight:800; }
.result { background:#f0fdf4; border-color:#bbf7d0; }
.result::before { content:"Result"; display:block; margin-bottom:.3rem; color:var(--inno-green); font-weight:800; }
.postreq { background:#f5f3ff; border-color:#ddd6fe; }
.postreq::before { content:"Next action"; display:block; margin-bottom:.3rem; color:var(--inno-violet); font-weight:800; }

.inno-table-scroll { margin:1.35rem 0; overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid transparent; border-radius:12px; scrollbar-width:thin; }
.inno-table-scroll:focus-visible { border-color:#8b5cf6; outline:0; }
.inno-table-scroll table { margin:0; }
.inno-table-scroll.inno-table-wide table { min-width:720px; }
table { width:100%; min-width:100%; margin:1.35rem 0; border-collapse:separate; border-spacing:0; border:1px solid var(--inno-line); border-radius:12px; background:white; }
th { padding:.75rem .85rem; color:white; background:var(--inno-navy-2); text-align:left; font-size:.87rem; }
td { padding:.75rem .85rem; border-top:1px solid var(--inno-line); vertical-align:top; }
tr:nth-child(even) td { background:#f8fafc; }
pre { overflow:auto; padding:1rem 1.1rem; border:1px solid #273554; border-radius:12px; color:#e2e8f0; background:#101827; box-shadow:0 8px 24px rgba(16,24,39,.14); }
code, .codeph { padding:.14rem .34rem; border-radius:6px; color:#9f1239; background:#fff1f2; font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace; font-size:.88em; }
pre code { padding:0; color:inherit; background:transparent; }
kbd { padding:.12rem .38rem; border:1px solid #cbd5e1; border-bottom-width:2px; border-radius:6px; background:white; font-size:.82em; }

.wh_related_links .related-links, .wh_child_links { margin-top:2rem; padding:1.1rem; border:1px solid var(--inno-line); border-radius:12px; background:white; }
.wh_footer { margin-top:0; padding:18px 24px; color:rgba(255,255,255,.78); background:var(--inno-navy); }
.inno-footer-content { max-width:1240px; margin:auto; display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.inno-footer-links { display:flex; gap:16px; }
.wh_footer a { color:white; }

/* Template interactions. */
.inno-reading-progress { position:fixed; inset:0 auto auto 0; z-index:9999; height:3px; width:0; background:linear-gradient(90deg,var(--inno-indigo),var(--inno-cyan),var(--inno-green)); }
.inno-copy-button { float:right; margin:.55rem .55rem 0 0; padding:.35rem .55rem; border:1px solid rgba(255,255,255,.25); border-radius:7px; color:white; background:rgba(255,255,255,.08); font-size:.75rem; cursor:pointer; }
.inno-copy-button:hover { background:rgba(255,255,255,.16); }
.inno-topic-meta { display:flex; gap:8px; flex-wrap:wrap; margin:-.7rem 0 1.4rem; }
.inno-topic-meta span { padding:.34rem .62rem; border-radius:999px; color:#3730a3; background:#eef2ff; font-size:.77rem; font-weight:700; }
.inno-heading-link { margin-left:.45rem; padding:0 .2rem; border:0; color:#94a3b8; background:transparent; opacity:0; font:inherit; cursor:pointer; }
h2:hover .inno-heading-link,h3:hover .inno-heading-link,.inno-heading-link:focus-visible { opacity:1; color:var(--inno-indigo); }
.inno-image-viewer { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:4vw; background:rgba(2,6,23,.84); opacity:0; pointer-events:none; transition:opacity .18s ease; }
.inno-image-viewer[data-open="true"] { opacity:1; pointer-events:auto; }
.inno-image-viewer figure { max-width:min(1400px,94vw); max-height:90vh; margin:0; }
.inno-image-viewer img { display:block; max-width:100%; max-height:82vh; margin:auto; border-radius:14px; box-shadow:0 30px 80px rgba(0,0,0,.45); }
.inno-image-viewer figcaption { margin-top:10px; color:#e2e8f0; text-align:center; }
.inno-image-close { position:fixed; top:18px; right:18px; width:44px; height:44px; border:1px solid rgba(255,255,255,.25); border-radius:12px; color:white; background:rgba(15,23,42,.75); font-size:26px; cursor:pointer; }
body.inno-image-open { overflow:hidden; }

@media (max-width:1100px) {
  .wh_tiles, .inno-tile-group-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #wh_topic_toc { display:none; }
}
/* Tablet/mobile: TOC becomes an overlay drawer and search becomes a focused overlay. */
@media (max-width:991px) {
  .wh_publication_title > a { font-size:18px!important; }
  .inno-nav-toggle, .inno-search-toggle { display:flex; }

  .wh_publication_toc {
    position:fixed!important;
    top:0;
    bottom:0;
    left:0;
    z-index:1040;
    width:min(340px,86vw);
    max-height:none;
    margin:0;
    padding:64px 16px 24px;
    border:0;
    border-right:0;
    border-radius:0;
    background:#ffffff;
    box-shadow:2px 0 28px rgba(16,27,58,.2);
    transform:translateX(-102%);
    transition:transform .2s ease;
    overflow-y:auto;
  }
  body.inno-toc-open .wh_publication_toc { transform:translateX(0); }
  .inno-drawer-title {
    position:absolute;
    top:20px;
    left:18px;
    display:block;
    color:var(--inno-text);
    font-size:.92rem;
    font-weight:750;
  }
  .inno-drawer-close {
    position:absolute;
    top:13px;
    right:13px;
    display:flex;
    width:36px;
    height:36px;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:9px;
    color:#5b6882;
    background:#f1f5f9;
    cursor:pointer;
  }
  .inno-drawer-close:hover { color:var(--inno-text); background:#e2e8f0; }
  .wh_publication_toc .topicref a { border-left-width:3px; }

  .wh_topic_page .wh_search_input, .wh_search_page .wh_search_input,
  .wh_main_page .wh_search_input { display:none; }
  body.inno-search-open .wh_search_input {
    display:block!important;
    position:fixed!important;
    inset:0!important;
    top:0!important;
    z-index:1045;
    padding:10px 12px!important;
    background:linear-gradient(to bottom,var(--inno-navy) 0,var(--inno-navy) 64px,#ffffff 64px,#ffffff 100%)!important;
  }
  body.inno-search-open .inno-search-close {
    position:absolute;
    top:14px;
    left:10px;
    display:flex;
    width:36px;
    height:36px;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:9px;
    color:#ffffff;
    background:transparent;
    cursor:pointer;
  }
  body.inno-search-open .inno-search-close:hover { background:rgba(255,255,255,.1); }
  body.inno-search-open .wh_search_input .search_input {
    width:calc(100% - 46px)!important;
    max-width:none!important;
    margin:0 0 0 46px!important;
  }
  body.inno-search-open .wh_search_input form {
    width:100%!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    margin:1px 0 0!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:10px!important;
    background:var(--inno-navy-2)!important;
    box-shadow:none!important;
  }
  body.inno-search-open .wh_search_textfield,
  body.inno-search-open .wh_search_input .form-control {
    height:40px!important;
    padding:0 13px!important;
    color:#ffffff!important;
    background:transparent!important;
    font-size:.96rem!important;
    line-height:40px!important;
  }
  body.inno-search-open .wh_search_textfield::placeholder,
  body.inno-search-open .wh_search_input .form-control::placeholder { color:#c7cede; }
  body.inno-search-open .wh_search_button,
  body.inno-search-open .wh_search_input button.wh_search_button {
    flex-basis:44px!important;
    width:44px!important;
    min-width:44px!important;
    height:40px!important;
    border-left:1px solid rgba(255,255,255,.14)!important;
    color:#ffffff!important;
    background:transparent!important;
  }
  body.inno-search-open .wh_search_button:hover,
  body.inno-search-open .wh_search_button:focus { background:rgba(255,255,255,.08)!important; }
  #wh_topic_body { padding-left:14px; padding-right:14px; }
}
@media (max-width:767px) {
  .wh_header { min-height:56px; }
  .wh_header .container-fluid { min-height:56px; gap:10px; padding:0 12px; }
  .wh_logo {
    flex:0 0 31px;
    width:31px;
    height:31px;
    background:url("resources/images/innovapptive-logo-compact.png") center/contain no-repeat;
  }
  .wh_logo img { width:31px!important; height:31px!important; max-height:none; visibility:hidden; }
  .wh_publication_title > a {
    overflow:hidden;
    padding-left:8px;
    border-left-width:2px;
    font-size:16px!important;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .wh_topic_page .wh_header, .wh_search_page .wh_header { position:relative; }
  .wh_tiles, .inno-tile-group-grid, .inno-tile-group-grid.inno-count-2 { grid-template-columns:1fr; }
  .inno-tile-group { margin-bottom:20px; }
  .wh_tile { min-height:0; }
  .wh_main_page .wh_content_area { margin-top:20px; padding:0 14px; }
  #wh_topic_container { padding:0 11px; }
  .wh_tools { border-radius:10px; }
  .taskbody .steps, .steps { padding-left:1.65rem; }
  .wh_topic_content .title.topictitle1 { font-size:1.7rem; }
  .inno-table-scroll.inno-table-wide table { min-width:680px; }
}
@media (max-width:420px) {
  .wh_header .container-fluid { gap:8px; padding:0 9px; }
  .inno-nav-toggle, .inno-search-toggle { width:30px; height:30px; }
  .wh_publication_title > a { font-size:15px!important; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }