/* Thin Toolbar Artwork Polish 5
   Photoshop PNG alpha defines the shell and every visible control surface.
   The layout guide is measurement-only and is intentionally not referenced.
   Thin_BG_v2 owns the visible shell. The artwork and functional command
   container are deliberately unfiltered so neither can form a ghost panel. */
:root {
  --thin-toolbar-width: 158px;
  --thin-toolbar-height: 513.5px;
}

body.dock-mode-vertical .command-dock,
body.dock-mode-tiny.dock-compact-expanded .command-dock {
  display: block;
  width: var(--thin-toolbar-width);
  height: var(--thin-toolbar-height);
  min-height: var(--thin-toolbar-height);
  max-height: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  clip-path: none;
  mask: none;
  -webkit-mask: none;
  filter: none;
  isolation: isolate;
}

body.dock-mode-vertical .command-dock::before,
body.dock-mode-tiny.dock-compact-expanded .command-dock::before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 2.5px;
  width: 138px;
  height: 498px;
  z-index: -1;
  pointer-events: none;
  background: transparent url("assets/thin-toolbar-artwork-polish5/Thin_BG_v2.png") left top / 138px 498px no-repeat;
  filter: none;
}

body.dock-mode-vertical .command-dock::after,
body.dock-mode-tiny.dock-compact-expanded .command-dock::after {
  content: none;
}

body.dock-mode-vertical .dock-compact-toggle,
body.dock-mode-tiny.dock-compact-expanded .dock-compact-toggle {
  display: none !important;
}

body.dock-mode-vertical .dock-brand,
body.dock-mode-tiny.dock-compact-expanded .dock-brand {
  display: block;
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  padding: 0;
  pointer-events: none;
}

body.dock-mode-vertical .dock-brand img,
body.dock-mode-tiny.dock-compact-expanded .dock-brand img {
  display: none !important;
}

body.dock-mode-vertical .dock-brand .app-version,
body.dock-mode-tiny.dock-compact-expanded .dock-brand .app-version {
  display: block !important;
  position: absolute;
  left: 16.25px;
  bottom: 20px;
  width: auto;
  max-width: 72px;
  padding: 1px 4px 2px;
  color: #e7f2fc;
  font: 700 7.5px/1.15 system-ui, "Segoe UI", sans-serif;
  letter-spacing: .01em;
  white-space: nowrap;
  background: rgba(2, 20, 39, .58);
  border: 1px solid rgba(137, 194, 237, .68);
  border-radius: 7px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
}

body.dock-mode-vertical .dock-file-links,
body.dock-mode-vertical .dock-actions,
body.dock-mode-vertical .dock-footer,
body.dock-mode-tiny.dock-compact-expanded .dock-file-links,
body.dock-mode-tiny.dock-compact-expanded .dock-actions,
body.dock-mode-tiny.dock-compact-expanded .dock-footer {
  display: contents !important;
}

body.dock-mode-vertical .dock-rule,
body.dock-mode-tiny.dock-compact-expanded .dock-rule {
  display: none !important;
}

body.dock-mode-vertical .dock-command,
body.dock-mode-vertical .dock-defaults-link,
body.dock-mode-vertical .native-show-in-folder,
body.dock-mode-vertical .dock-rate-control,
body.dock-mode-tiny.dock-compact-expanded .dock-command,
body.dock-mode-tiny.dock-compact-expanded .dock-defaults-link,
body.dock-mode-tiny.dock-compact-expanded .native-show-in-folder,
body.dock-mode-tiny.dock-compact-expanded .dock-rate-control {
  position: absolute;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: transparent;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  text-decoration: none;
  filter: none;
  font-size: 0;
  line-height: 0;
}

body.dock-mode-vertical .dock-command > *,
body.dock-mode-vertical .dock-defaults-link > *,
body.dock-mode-vertical .native-show-in-folder > *,
body.dock-mode-vertical .dock-rate-control > *,
body.dock-mode-tiny.dock-compact-expanded .dock-command > *,
body.dock-mode-tiny.dock-compact-expanded .dock-defaults-link > *,
body.dock-mode-tiny.dock-compact-expanded .native-show-in-folder > *,
body.dock-mode-tiny.dock-compact-expanded .dock-rate-control > * {
  opacity: 0;
}

body.dock-mode-vertical .dock-command:hover,
body.dock-mode-vertical .dock-defaults-link:hover,
body.dock-mode-vertical .native-show-in-folder:hover,
body.dock-mode-vertical .dock-rate-control:hover,
body.dock-mode-tiny.dock-compact-expanded .dock-command:hover,
body.dock-mode-tiny.dock-compact-expanded .dock-defaults-link:hover,
body.dock-mode-tiny.dock-compact-expanded .native-show-in-folder:hover,
body.dock-mode-tiny.dock-compact-expanded .dock-rate-control:hover {
  color: transparent;
  background-color: transparent;
}

body.dock-mode-vertical .dock-command:focus-visible,
body.dock-mode-vertical .dock-defaults-link:focus-visible,
body.dock-mode-vertical .native-show-in-folder:focus-visible,
body.dock-mode-vertical .dock-rate-control:focus-visible,
body.dock-mode-tiny.dock-compact-expanded .dock-command:focus-visible,
body.dock-mode-tiny.dock-compact-expanded .dock-defaults-link:focus-visible,
body.dock-mode-tiny.dock-compact-expanded .native-show-in-folder:focus-visible,
body.dock-mode-tiny.dock-compact-expanded .dock-rate-control:focus-visible {
  outline: none;
  filter: drop-shadow(0 0 2px rgba(134, 216, 255, .82));
}

body.dock-mode-vertical .dock-defaults-link,
body.dock-mode-tiny.dock-compact-expanded .dock-defaults-link {
  left: 51.75px;
  top: 76px;
  width: 97px;
  height: 33.5px;
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_MyDefaults.png");
  background-size: 97px 33.5px;
}
body.dock-mode-vertical .dock-defaults-link:hover,
body.dock-mode-vertical .dock-defaults-link:focus-visible,
body.dock-mode-tiny.dock-compact-expanded .dock-defaults-link:hover,
body.dock-mode-tiny.dock-compact-expanded .dock-defaults-link:focus-visible {
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_MyDefaults_Hover.png");
}

body.dock-mode-vertical .dock-command,
body.dock-mode-tiny.dock-compact-expanded .dock-command {
  left: 7.25px;
  width: 140.5px;
  height: 50px;
  background-size: 140.5px 50px;
}
body.dock-mode-vertical #new,
body.dock-mode-tiny.dock-compact-expanded #new {
  top: 114px;
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_New.png");
}
body.dock-mode-vertical #new:hover,
body.dock-mode-vertical #new:focus-visible,
body.dock-mode-tiny.dock-compact-expanded #new:hover,
body.dock-mode-tiny.dock-compact-expanded #new:focus-visible { background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_New_Hover.png"); }
body.dock-mode-vertical #openButton,
body.dock-mode-tiny.dock-compact-expanded #openButton {
  top: 155.5px;
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_Open.png");
}
body.dock-mode-vertical #openButton:hover,
body.dock-mode-vertical #openButton:focus-visible,
body.dock-mode-tiny.dock-compact-expanded #openButton:hover,
body.dock-mode-tiny.dock-compact-expanded #openButton:focus-visible { background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_Open_Hover.png"); }
body.dock-mode-vertical #save,
body.dock-mode-tiny.dock-compact-expanded #save {
  top: 196.5px;
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_Save.png");
}
body.dock-mode-vertical #save:hover,
body.dock-mode-vertical #save:focus-visible,
body.dock-mode-tiny.dock-compact-expanded #save:hover,
body.dock-mode-tiny.dock-compact-expanded #save:focus-visible { background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_Save_Hover.png"); }
body.dock-mode-vertical #saveAs,
body.dock-mode-tiny.dock-compact-expanded #saveAs {
  top: 237.5px;
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_SaveAs.png");
}
body.dock-mode-vertical #saveAs:hover,
body.dock-mode-vertical #saveAs:focus-visible,
body.dock-mode-tiny.dock-compact-expanded #saveAs:hover,
body.dock-mode-tiny.dock-compact-expanded #saveAs:focus-visible { background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_SaveAs_Hover.png"); }
body.dock-mode-vertical #print,
body.dock-mode-tiny.dock-compact-expanded #print {
  top: 278.5px;
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_Print.png");
}
body.dock-mode-vertical #print:hover,
body.dock-mode-vertical #print:focus-visible,
body.dock-mode-tiny.dock-compact-expanded #print:hover,
body.dock-mode-tiny.dock-compact-expanded #print:focus-visible { background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_Print_Hover.png"); }

body.dock-mode-vertical .dock-save-state,
body.dock-mode-tiny.dock-compact-expanded .dock-save-state {
  display: block;
  position: absolute;
  left: 14.75px;
  top: 332px;
  width: 127.5px;
  max-width: none;
  height: 22.5px;
  min-height: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent url("assets/thin-toolbar-artwork-polish3/Thin_Status_New.png") center / 127.5px 22.5px no-repeat;
  border: 0;
  border-radius: 0;
}
body.dock-mode-vertical.invoice-associated:not(.invoice-dirty) .dock-save-state,
body.dock-mode-tiny.dock-compact-expanded.invoice-associated:not(.invoice-dirty) .dock-save-state {
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Status_Saved.png");
}
body.dock-mode-vertical.invoice-dirty .dock-save-state,
body.dock-mode-tiny.dock-compact-expanded.invoice-dirty .dock-save-state {
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Status_Unsaved.png");
}
body.dock-mode-vertical .dock-save-state > *,
body.dock-mode-tiny.dock-compact-expanded .dock-save-state > * {
  display: none !important;
}
body.dock-mode-vertical .dock-save-state::before,
body.dock-mode-vertical .dock-save-state::after,
body.dock-mode-tiny.dock-compact-expanded .dock-save-state::before,
body.dock-mode-tiny.dock-compact-expanded .dock-save-state::after {
  content: none !important;
  display: none !important;
}

body.dock-mode-vertical .dock-current-filename,
body.dock-mode-tiny.dock-compact-expanded .dock-current-filename {
  display: block;
  position: absolute;
  left: 14.75px;
  top: 356.5px;
  width: 128px;
  height: 27px;
  box-sizing: border-box;
  margin: 0;
  padding: 7px;
  overflow: hidden;
  color: #edf5fd;
  font: 600 9px/13px system-ui, "Segoe UI", sans-serif;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  appearance: none;
  text-decoration: none;
  background: transparent url("assets/thin-toolbar-artwork-polish5/Thin_FIleName_Field.png") center / 128px 27px no-repeat;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body.dock-mode-vertical .dock-current-filename:focus-visible,
body.dock-mode-tiny.dock-compact-expanded .dock-current-filename:focus-visible {
  outline: none;
  filter: drop-shadow(0 0 2px rgba(134, 216, 255, .82));
}

body.dock-mode-vertical .dock-file-links .native-show-in-folder,
body.dock-mode-tiny.dock-compact-expanded .dock-file-links .native-show-in-folder {
  left: 14.75px;
  top: 385px;
  width: 127px;
  height: 23.5px;
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_ShowInFolder.png");
  background-size: 127px 23.5px;
}
body.dock-mode-vertical .dock-file-links .native-show-in-folder:not([hidden]),
body.dock-mode-tiny.dock-compact-expanded .dock-file-links .native-show-in-folder:not([hidden]) { display: block !important; }
body.dock-mode-vertical .native-show-in-folder:hover,
body.dock-mode-vertical .native-show-in-folder:focus-visible,
body.dock-mode-tiny.dock-compact-expanded .native-show-in-folder:hover,
body.dock-mode-tiny.dock-compact-expanded .native-show-in-folder:focus-visible {
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_ShowInFolder_Hover.png");
}

body.dock-mode-vertical .dock-rate-control,
body.dock-mode-tiny.dock-compact-expanded .dock-rate-control {
  left: 8.25px;
  top: 423px;
  width: 140.5px;
  height: 50px;
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_RateManagement.png");
  background-size: 140.5px 50px;
}
body.dock-mode-vertical .dock-rate-control:hover,
body.dock-mode-vertical .dock-rate-control:focus-visible,
body.dock-mode-tiny.dock-compact-expanded .dock-rate-control:hover,
body.dock-mode-tiny.dock-compact-expanded .dock-rate-control:focus-visible {
  background-image: url("assets/thin-toolbar-artwork-polish3/Thin_Btn_RateManagement_Hover.png");
}

body.dock-mode-vertical .dock-offline,
body.dock-mode-tiny.dock-compact-expanded .dock-offline {
  position: absolute;
  left: 17px;
  right: 17px;
  bottom: 4px;
  font-size: 7px;
  text-align: right;
}

/* Full and Captain editions intentionally share the same shell height and
   element coordinates. When Captain authorization removes Rates, this fixed
   slot simply reveals the nautical background beneath it. */

@media print {
  .command-dock { display: none !important; }
}