/* Scoped to the six guide dialogs; existing controls and disclosures stay intact. */
dialog.guide-entry-v1[open] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: min(860px, calc(100dvh - 32px));
  max-height: calc(100dvh - 32px);
  overflow: hidden;
}
dialog.guide-entry-v1 :is(.bulk-journey-head, .meter-entry-head) {
  /* This is already the non-scrolling grid row; a sticky layer is unnecessary. */
  position: relative;
  padding: 16px 24px 12px;
  border-bottom: 0;
}
dialog.guide-entry-v1 .guide-entry-repeated-direction { display: none; }
dialog.guide-entry-v1 [role="tablist"]:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: min(100%, 650px);
  margin: 8px 0 0;
  padding: 0;
  border: 0;
}
dialog.guide-entry-v1 [role="tablist"] [role="tab"] {
  min-width: 0;
  min-height: 44px;
  padding: 10px 16px;
  border: 2px solid #193c58;
  border-radius: 6px;
  background: #fff;
  color: #12324c;
  box-shadow: none;
  font: inherit;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  cursor: pointer;
}
dialog.guide-entry-v1 [role="tablist"] [role="tab"][aria-selected="true"] {
  background: #ff8b26;
  border-color: #ff8b26;
  color: #102b49;
}
dialog.guide-entry-v1 [role="tablist"] [role="tab"][aria-selected="false"]:hover {
  background: #edf5f8;
}
dialog.guide-entry-v1 [role="tablist"] [role="tab"]:focus-visible {
  outline: 3px solid #12324c;
  outline-offset: 3px;
}
dialog.guide-entry-v1 .guide-entry-or {
  color: #40566c;
  font-size: 14px;
  line-height: 1.3;
}
dialog.guide-entry-v1 :is(.bulk-journey-scroll, .meter-entry-scroll) {
  min-height: 0;
  height: auto;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  touch-action: pan-y pinch-zoom;
  -webkit-overflow-scrolling: touch;
  scroll-padding-block: 16px;
}
@media (max-width: 600px) {
  dialog.guide-entry-v1[open] {
    height: calc(100dvh - 16px);
    max-height: calc(100dvh - 16px);
  }
  dialog.guide-entry-v1 :is(.bulk-journey-head, .meter-entry-head) { padding: 12px 16px 10px; }
  dialog.guide-entry-v1 [role="tablist"] { gap: 8px; }
  dialog.guide-entry-v1 [role="tablist"] [role="tab"] { padding: 10px 8px; font-size: 14px; }
}

/* DIY owner refinement: one content-sized scroll surface, connected visual tabs. */
#meter-entry-dialog.guide-entry-v1[open]{display:block!important;height:fit-content;min-height:0;max-height:calc(100dvh - 32px);padding:0;overflow:hidden!important}
#meter-entry-dialog.guide-entry-v1>.meter-entry-scroll{height:auto!important;min-height:0;max-height:calc(100dvh - 32px)!important;overflow-y:auto;padding:0!important;scroll-padding-block:20px}
#meter-entry-dialog.guide-entry-v1 .meter-entry-head{position:static;padding:20px 24px 0;margin:0;background:#fff;border:0;box-shadow:none}
#meter-entry-dialog.guide-entry-v1 .meter-entry-headline{padding-right:52px;margin:0 0 16px}
#meter-entry-dialog.guide-entry-v1>.meter-entry-close{position:absolute;inset:12px 12px auto auto;z-index:2;margin:0;min-width:44px;min-height:44px}
#meter-entry-dialog.guide-entry-v1 .meter-entry-tabs[role="tablist"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;max-width:none;gap:3px;margin:0;padding:0;border-bottom:2px solid #173a5f}
#meter-entry-dialog.guide-entry-v1 .meter-entry-tabs>[role="tab"]{border:1px solid #b9cbd8;border-bottom:0;border-radius:12px 12px 0 0;background:#eaf2f7;color:#173a5f;min-height:48px;padding:12px 16px;box-shadow:none;margin:0;font:inherit;font-weight:650}
#meter-entry-dialog.guide-entry-v1 .meter-entry-tabs>[role="tab"][aria-selected="true"]{background:#ff8b26;border-color:#ff8b26;color:#102b49}
#meter-entry-dialog.guide-entry-v1 .meter-entry-pane{padding:20px 24px!important;min-height:0;border:0;box-shadow:none}
@media(max-width:600px){
 #meter-entry-dialog.guide-entry-v1[open],#meter-entry-dialog.guide-entry-v1>.meter-entry-scroll{height:fit-content;min-height:0;max-height:calc(100dvh - 16px)!important}
 #meter-entry-dialog.guide-entry-v1 .meter-entry-head{padding:16px 16px 0}
 #meter-entry-dialog.guide-entry-v1 .meter-entry-pane{padding:16px!important}
 #meter-entry-dialog.guide-entry-v1 .meter-entry-tabs>[role="tab"]{padding:10px 8px;font-size:14px}
}

/* Five-guide extension of the installed DIY connected-tab presentation. */
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1[open]{display:block!important;height:fit-content;min-height:0;max-height:calc(100dvh - 32px);padding:0;overflow:hidden!important}
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1>.bulk-journey-scroll{height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;padding:0!important;scroll-padding-block:20px}
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1 .bulk-journey-head{position:static;padding:20px 24px 0;margin:0;background:#fff;border:0;box-shadow:none}
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1 .bulk-journey-head>div:first-child{padding-right:76px;margin:0 0 16px}
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1>.guide-entry-connected-close{position:absolute!important;inset:12px 12px auto auto;z-index:30;margin:0;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #b9cbd8;border-radius:10px;background:#eef3f6;color:#173a5f;font:inherit;cursor:pointer}
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1>.guide-entry-connected-close:focus-visible{outline:3px solid #12324c;outline-offset:3px}
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1 .bulk-journey-head>[data-back]{margin:0 0 12px}
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1 .bulk-journey-head [role="tablist"]:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;max-width:none;gap:3px;margin:0;padding:0;border-bottom:2px solid #173a5f}
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1 .bulk-journey-head [role="tablist"]>[role="tab"]{border:1px solid #b9cbd8;border-bottom:0;border-radius:12px 12px 0 0;background:#eaf2f7;color:#173a5f;min-height:48px;padding:12px 16px;box-shadow:none;margin:0;font:inherit;font-weight:650}
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1 .bulk-journey-head [role="tablist"]>[role="tab"][aria-selected="true"]{background:#ff8b26;border-color:#ff8b26;color:#102b49}
:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1>.bulk-journey-scroll>[role="tabpanel"]{padding:20px 24px!important;min-height:0;border:0;box-shadow:none}
@media(max-width:600px){
 :is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1[open],:is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1>.bulk-journey-scroll{height:fit-content;min-height:0;max-height:calc(100dvh - 16px)!important}
 :is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1 .bulk-journey-head{padding:16px 16px 0}
 :is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1>.bulk-journey-scroll>[role="tabpanel"]{padding:16px!important}
 :is(#broker-guide-journey,#sme-guide-journey,#ci15-journey,#nto-guide-journey,#bill-guide-journey).guide-entry-connected-v1 .bulk-journey-head [role="tablist"]>[role="tab"]{padding:10px 8px;font-size:14px}
}

/* Override the earlier Bill upload-only zero inset now that its header shares the scroll. */
#bill-guide-journey.guide-entry-connected-v1 #bill-guide-journey-upload{padding-top:20px!important}
@media(max-width:600px){#bill-guide-journey.guide-entry-connected-v1 #bill-guide-journey-upload{padding-top:16px!important}}