/* Smart Nautilus live CSS migration, 8 October 2026. Site-specific Docman, Record Book and vessel registration rules retained. Obsolete Zita layout/global table rules omitted. */
.jqtree-toggler:before,
.jqtree-toggler-left {
  transform: scale(0);
  opacity: 0;
}

.k-icon-home {
  margin-right: 5px;
  margin-left: 0;
}

.jqtree-icon {
  color: black;
  font-size: 16px;
}

.k-tree {
  font-size: 16px;
}

.k-ui-namespace ul,
.k-ui-namespace ol {
  padding: 0;
  margin: 0 0 20px 8px;
}

.k-breadcrumb {
  color: black;
}

.whitespace_preserver {
  display: inline-block;
  font-size: 15px;
  line-height: 28px;
  height: 28px;
  margin: auto;
}

.k-icon-document-image {
  transform: scale(0);
  opacity: 0;
}

.koowa_wrapped_content {
  text-align: match-parent;
}

.koowa_media__item__thumbnail img {
  display: inline-block;
  vertical-align: middle;
  /*  max-width: 82%; */
  border-radius: 4px;
}

.k-ui-namespace .koowa_media--gallery .koowa_media__item__link .jqtree-title {
  vertical-align: top;
  height: 100%;
  width: 85%;
  font-size: 17px;
}

.koowa_media {
  vertical-align: top;
}

.docman_list_sidebar {
  width: 30%;
}

/*.koowa_media__item {
  min-width: 40%;
} */

.k-icon-document-pdf:before {
  content: "";
  color: red;
}

/* ============================================================
   SMART NAUTILUS — REPORTS LIBRARY TREE
   WordPress page: /reports-library-tree/
   Page ID: 535
   ============================================================ */

/* ------------------------------------------------------------
   SMART NAUTILUS PALETTE
   ------------------------------------------------------------ */

body.page-id-535 {
  --sn-navy: #1F3F55;
  --sn-marine-blue: #1F5F8B;
  --sn-dark-blue: #174A6D;
  --sn-sky: #EAF2F8;
  --sn-sky-border: #B8CEDD;
  --sn-teal: #28777A;
  --sn-teal-soft: #EEF6F5;
  --sn-teal-border: #B8D6D1;
  --sn-text: #263746;
  --sn-muted: #637381;
  --sn-line: #D8E3EA;
  --sn-white: #FFFFFF;
}

/* ------------------------------------------------------------
   SWITCH-TO-TABLE-LAYOUT LINK
   ------------------------------------------------------------ */

body.page-id-535 #post-535 figure.wp-block-image {
  margin: 0 0 16px 22px;
}

body.page-id-535 #post-535 figure.wp-block-image a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-height: 48px;
  padding: 6px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 8px;
  background: var(--sn-white);
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-535 #post-535 figure.wp-block-image a:hover,
body.page-id-535 #post-535 figure.wp-block-image a:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-sky);
  box-shadow: 0 5px 16px rgba(31, 63, 85, 0.13);
  transform: translateY(-1px);
}

body.page-id-535 #post-535 figure.wp-block-image img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body.page-id-535 #post-535 figure.wp-block-image figcaption {
  margin-top: 4px;
  color: var(--sn-muted);
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}

/* ------------------------------------------------------------
   REPORTS LIBRARY TREE INTRODUCTION
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .sn-library-intro {
  max-width: 780px;
  margin: 0 0 24px;
  padding: 18px 20px;
  border-left: 4px solid var(--sn-marine-blue);
  border-radius: 0 8px 8px 0;
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .sn-library-intro__eyebrow {
  margin: 0 0 5px;
  color: var(--sn-marine-blue);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-id-535 #post-535 .sn-library-intro__text {
  margin: 0;
  color: var(--sn-text);
  line-height: 1.6;
}

body.page-id-535 #post-535 .sn-library-intro a {
  color: var(--sn-marine-blue);
  font-weight: 700;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-535 #post-535 .sn-library-intro a:hover,
body.page-id-535 #post-535 .sn-library-intro a:focus {
  color: var(--sn-dark-blue);
  text-decoration-color: currentColor;
}

/* ------------------------------------------------------------
   DOCMAN FOLDER TREE
   Exact Docman structure:
   .docman_list_layout--tree
   .docman_list__sidebar
   .k-tree
   .jqtree-tree
   .jqtree-element
   .jqtree-title
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .com_docman .docman_list_layout--tree {
  max-width: 940px;
}

body.page-id-535 #post-535 .com_docman .docman_list__sidebar {
  width: 100%;
  max-width: none;
}

body.page-id-535 #post-535 .com_docman .k-tree {
  overflow: hidden;
  border: 1px solid var(--sn-sky-border);
  border-radius: 10px;
  background: var(--sn-white);
  box-shadow: 0 2px 8px rgba(31, 63, 85, 0.06);
  font-size: 15px;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree,
body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
  margin-left: 22px;
  border-left: 1px solid var(--sn-line);
}

body.page-id-535 #post-535 .com_docman .jqtree-tree li {
  margin: 0;
  padding: 0;
}

body.page-id-535 #post-535 .com_docman .jqtree-element {
  display: flex;
  align-items: center;
  min-height: 42px;
  margin: 0;
  padding: 7px 12px;
  border-bottom: 1px solid #EEF3F6;
  color: var(--sn-text);
  transition: background-color 160ms ease, color 160ms ease;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree > li > .jqtree-element {
  min-height: 48px;
  background: #F8FBFD;
  color: var(--sn-navy);
  font-size: 16px;
  font-weight: 400;
}

body.page-id-535 #post-535 .com_docman .jqtree-element:hover {
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .com_docman .jqtree-tree > li:last-child > .jqtree-element {
  border-bottom: 0;
}

/* Restore visible expand/collapse controls on this page only. */

body.page-id-535 #post-535 .com_docman .jqtree-toggler,
body.page-id-535 #post-535 .com_docman .jqtree-toggler-left {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
  border-radius: 4px;
  color: var(--sn-marine-blue);
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  transform: none !important;
  opacity: 1 !important;
}

body.page-id-535 #post-535 .com_docman .jqtree-toggler:hover,
body.page-id-535 #post-535 .com_docman .jqtree-toggler:focus {
  background: var(--sn-sky-border);
  color: var(--sn-dark-blue);
  outline: none;
}

body.page-id-535 #post-535 .com_docman .jqtree-icon {
  flex: 0 0 25px;
  margin-right: 7px;
  color: var(--sn-teal);
  font-size: 17px;
  text-align: center;
}

body.page-id-535 #post-535 .com_docman .jqtree-title {
  min-width: 0;
  color: inherit;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.35;
}

body.page-id-535 #post-535 .com_docman .jqtree-title:hover {
  color: var(--sn-dark-blue);
  text-decoration: underline;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-535 #post-535 .com_docman .jqtree-selected,
body.page-id-535 #post-535 .com_docman .jqtree-selected .jqtree-title {
  background: var(--sn-teal-soft);
  color: var(--sn-teal);
}

/* ------------------------------------------------------------
   DOCMAN ACTION TOOLBAR
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .com_docman #toolbar-actionbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 0;
  padding: 14px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 10px;
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid var(--sn-marine-blue);
  border-radius: 6px;
  background: var(--sn-marine-blue);
  color: var(--sn-white);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button:hover,
body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button:focus {
  border-color: var(--sn-dark-blue);
  background: var(--sn-dark-blue);
  color: var(--sn-white);
  box-shadow: 0 4px 12px rgba(31, 63, 85, 0.18);
  transform: translateY(-1px);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload {
  border-color: var(--sn-teal);
  background: var(--sn-white);
  color: var(--sn-teal);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload:hover,
body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload:focus {
  border-color: var(--sn-teal);
  background: var(--sn-teal);
  color: var(--sn-white);
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 640px) {
  body.page-id-535 #post-535 figure.wp-block-image {
    float: none;
    margin: 0 0 18px;
    text-align: left;
  }

  body.page-id-535 #post-535 figure.wp-block-image figcaption {
    text-align: left;
  }

  body.page-id-535 #post-535 .sn-library-intro {
    padding: 16px;
  }

  body.page-id-535 #post-535 .com_docman .jqtree-element {
    min-height: 40px;
    padding: 7px 8px;
  }

  body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
    margin-left: 14px;
  }

  body.page-id-535 #post-535 .com_docman #toolbar-actionbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button {
    width: 100%;
  }
}

/* ============================================================
   SMART NAUTILUS — REPORTS LIBRARY TABLE
   WordPress page: /reports-library-table/
   Page ID: 245

   Category-only styling:
   does not alter Docman photo/document galleries.
   ============================================================ */

/* ------------------------------------------------------------
   SMART NAUTILUS PALETTE
   ------------------------------------------------------------ */

body.page-id-245 {
  --sn-navy: #1F3F55;
  --sn-marine-blue: #1F5F8B;
  --sn-dark-blue: #174A6D;
  --sn-sky: #EAF2F8;
  --sn-sky-border: #B8CEDD;
  --sn-teal: #28777A;
  --sn-teal-soft: #EEF6F5;
  --sn-teal-border: #B8D6D1;
  --sn-text: #263746;
  --sn-muted: #637381;
  --sn-line: #D8E3EA;
  --sn-white: #FFFFFF;
  --sn-danger: #B54842;
}

/* ------------------------------------------------------------
   SWITCH-TO-TREE-LAYOUT LINK
   ------------------------------------------------------------ */

body.page-id-245 #post-245 figure.wp-block-image {
  margin: 0 0 16px 22px;
}

body.page-id-245 #post-245 figure.wp-block-image a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-height: 48px;
  padding: 6px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 8px;
  background: var(--sn-white);
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-245 #post-245 figure.wp-block-image a:hover,
body.page-id-245 #post-245 figure.wp-block-image a:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-sky);
  box-shadow: 0 5px 16px rgba(31, 63, 85, 0.13);
  transform: translateY(-1px);
}

body.page-id-245 #post-245 figure.wp-block-image img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body.page-id-245 #post-245 figure.wp-block-image figcaption {
  margin-top: 4px;
  color: var(--sn-muted);
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}

/* ------------------------------------------------------------
   PAGE INTRODUCTION
   Styles the existing Reports Library explanatory paragraph.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .entry-header {
  margin-bottom: 12px;
}

body.page-id-245 #post-245 .entry-title {
  color: var(--sn-navy);
  font-weight: 700;
  letter-spacing: -0.02em;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph {
  max-width: 780px;
  margin-bottom: 18px;
  color: var(--sn-text);
  font-size: 16px;
  line-height: 1.65;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a {
  color: var(--sn-marine-blue);
  font-weight: 700;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a:hover,
body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a:focus {
  color: var(--sn-dark-blue);
  text-decoration-color: currentColor;
}

/* ------------------------------------------------------------
   DOCMAN CATEGORY GRID ONLY

   Categories:
   .koowa_media_wrapper--categories

   Photo/document galleries:
   .koowa_media_wrapper--documents

   This distinction keeps inspection photo galleries unchanged.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories {
  margin: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: initial;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--sn-sky-border);
  border-radius: 5px;
  background: var(--sn-white);
  box-shadow: 0 2px 8px rgba(31, 63, 85, 0.06);
  transition: border-color 180ms ease, box-shadow 180ms ease,
        transform 180ms ease;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item:focus-within {
  border-color: var(--sn-marine-blue);
  box-shadow: 0 8px 22px rgba(31, 63, 85, 0.14);
  transform: translateY(-2px);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link {
  display: flex;
  flex: 1 1 auto;
  width: auto;
  min-height: 106px;
  padding: 18px;
  border: 0;
  background: var(--sn-white);
  color: var(--sn-navy);
  text-decoration: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link:focus {
  background: linear-gradient(135deg, var(--sn-white) 0%, var(--sn-sky) 100%);
  color: var(--sn-dark-blue);
  outline: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__content-holder {
  display: flex;
  align-items: center;
  width: 100%;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__label {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 14px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item {
  display: block;
  min-width: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 66px;
  width: 66px;
  height: 54px;
  padding: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container img {
  display: block;
  max-width: 100%;
  max-height: 54px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 3px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container .k-icon-document-folder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: var(--sn-teal-soft);
  color: var(--sn-teal);
  font-size: 25px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_wrapped_content,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .whitespace_preserver,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .overflow_container {
  display: block;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  overflow: visible;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  white-space: normal;
  text-overflow: clip;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .overflow_container > span {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--sn-sky);
  color: var(--sn-marine-blue);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  white-space: nowrap;
}

/* ------------------------------------------------------------
   CATEGORY ADMINISTRATION CONTROLS
   Edit and Delete links are shown only to authorised users.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  margin: 0;
  padding: 9px 14px;
  border-top: 1px solid var(--sn-line);
  border-radius: 0;
  background: #F8FBFD;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 29px;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 5px;
  background: var(--sn-white);
  color: var(--sn-marine-blue);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-marine-blue);
  color: var(--sn-white);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger {
  margin-left: auto;
  border-color: #E3B9B5;
  color: var(--sn-danger);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger:focus {
  border-color: var(--sn-danger);
  background: var(--sn-danger);
  color: var(--sn-white);
}

/* ------------------------------------------------------------
   RESPONSIVE CATEGORY GRID
   ------------------------------------------------------------ */

@media (max-width: 980px) {
  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.page-id-245 #post-245 figure.wp-block-image {
    float: none;
    margin: 0 0 18px;
    text-align: left;
  }

  body.page-id-245 #post-245 figure.wp-block-image figcaption {
    text-align: left;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link {
    min-height: 92px;
    padding: 15px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container {
    flex-basis: 56px;
    width: 56px;
    height: 48px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options {
    padding: 8px 12px;
  }
}



.pswp__button.pswp__button--close {
  padding: 30px;
}

/* ============================================================
   DOCMAN PHOTO GALLERIES — 20% LARGER THUMBNAILS
   Page ID 245: Reports Library table and nested report pages
   ============================================================ */

@media (min-width: 981px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 24%;
    }
}

/* Keep thumbnails comfortably sized on tablets. */
@media (min-width: 641px) and (max-width: 980px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 33.3333%;
    }
}

/* Two large thumbnails per row on phones. */
@media (max-width: 640px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 50%;
    }
}

/* SMART NAUTILUS — BIOFOULING RECORD BOOK TABLE TEXT */
body.page-id-2521 table.bf20-11-tbl.bf-tbl th,
body.page-id-2521 table.bf20-11-tbl.bf-tbl td,
body.page-id-2521 table.bf20-11-tbl.bf-tbl th *,
body.page-id-2521 table.bf20-11-tbl.bf-tbl td * {
    font-size: 13px !important;
}

/* BFMP Vessel Registration form for Vessels CPT */
.nvm-registration {
  --nvm-text: #333333;
  --nvm-border: #dddddd;
  --nvm-blue: #176da3;

  width: 90%;
	color: var(--nvm-text);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.6;
}

/* Introductory text */
.nvm-registration > p {
  margin: 0 0 18px;
}

/* Form width and field spacing */
.nvm-registration form {
  width: 100%;
}

.nvm-registration form > p {
  margin: 0 0 22px;
}

/* Field labels */
.nvm-registration label {
  display: inline-block;
  margin-bottom: 5px;
  color: var(--nvm-text);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

/* Remove the extra line break generated by the form */
.nvm-registration label + br {
  display: none;
}

/* Text, number and date fields */
.nvm-registration input:not([type="hidden"]) {
  display: block;
  width: 100%;
  max-width: 680px;
  min-height: 42px;
  box-sizing: border-box;
  margin: 0;
  padding: 9px 12px;

  background: #ffffff;
  color: var(--nvm-text);
  border: 1px solid var(--nvm-border);
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 3%);

  font: inherit;
  line-height: 1.4;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.nvm-registration input:not([type="hidden"]):focus {
  border-color: var(--nvm-blue);
  outline: 2px solid var(--nvm-blue);
  outline-offset: 2px;
  box-shadow: none;
}

/* Submission explanation */
.nvm-registration form > p:last-of-type {
  max-width: 680px;
  margin-bottom: 20px;
  color: #555555;
  font-size: 14px;
}

/* Submit button */
.nvm-registration button[type="submit"] {
  display: inline-block;
  min-height: 44px;
  padding: 12px 24px;

  background: var(--nvm-blue);
  color: #ffffff;
  border: 1px solid var(--nvm-blue);
  border-radius: 3px;

  font: inherit;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;

  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.nvm-registration button[type="submit"]:hover {
  background: #125780;
  border-color: #125780;
}

.nvm-registration button[type="submit"]:focus-visible {
  outline: 3px solid var(--nvm-blue);
  outline-offset: 3px;
}

/* Validation messages */
.nvm-registration [role="alert"] {
  max-width: 680px;
  box-sizing: border-box;
  margin: 0 0 24px;
  padding: 14px 18px;
  background: #fff5f5;
  color: #8a2424;
  border: 1px solid #e6b7b7;
  border-left: 4px solid #b83232;
  border-radius: 3px;
}

.nvm-registration [role="alert"] ul {
  margin: 0;
  padding-left: 20px;
}

/* Success messages sit outside the form wrapper */
#post-3709 [role="status"] {
  margin: 20px 0;
  padding: 20px;
  background: #f1f8f3;
  color: #245b35;
  border: 1px solid #bdd8c5;
  border-left: 4px solid #39804d;
  border-radius: 3px;
}

#post-3709 [role="status"] h2 {
  margin: 0 0 10px;
  color: inherit;
  font-size: 24px;
}

#post-3709 [role="status"] p {
  margin: 0;
}

/* Mobile */
@media (max-width: 600px) {
  .nvm-registration label {
    font-size: 16px;
  }

  .nvm-registration input:not([type="hidden"]) {
    min-height: 46px;
    font-size: 16px;
  }

  .nvm-registration button[type="submit"] {
    width: 100%;
  }
}
/* Stack each label above its field */
.nvm-registration form > p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.nvm-registration form label {
  display: block;
  width: 100%;
  margin: 0;
}

.nvm-registration form label + br {
  display: none;
}

.nvm-registration form input:not([type="hidden"]) {
  display: block;
  width: 90%;
  max-width: 680px;
  margin: 0;
}
/* Keep the 12-column Record Logbook legible: scroll its existing table wrapper on smaller screens. */
body.page-id-2521 table.bf-tbl { min-width: 1160px; table-layout: auto; overflow-wrap: normal; word-break: normal; }
body.page-id-2521 table.bf-tbl th, body.page-id-2521 table.bf-tbl td { overflow-wrap: normal; word-break: normal; }
body.page-id-2521 table.bf-tbl th { hyphens: none; }
/* Smart Nautilus live CSS migration, 8 October 2026. Site-specific Docman, Record Book and vessel registration rules retained. Obsolete Zita layout/global table rules omitted. */
.jqtree-toggler:before,
.jqtree-toggler-left {
  transform: scale(0);
  opacity: 0;
}

.k-icon-home {
  margin-right: 5px;
  margin-left: 0;
}

.jqtree-icon {
  color: black;
  font-size: 16px;
}

.k-tree {
  font-size: 16px;
}

.k-ui-namespace ul,
.k-ui-namespace ol {
  padding: 0;
  margin: 0 0 20px 8px;
}

.k-breadcrumb {
  color: black;
}

.whitespace_preserver {
  display: inline-block;
  font-size: 15px;
  line-height: 28px;
  height: 28px;
  margin: auto;
}

.k-icon-document-image {
  transform: scale(0);
  opacity: 0;
}

.koowa_wrapped_content {
  text-align: match-parent;
}

.koowa_media__item__thumbnail img {
  display: inline-block;
  vertical-align: middle;
  /*  max-width: 82%; */
  border-radius: 4px;
}

.k-ui-namespace .koowa_media--gallery .koowa_media__item__link .jqtree-title {
  vertical-align: top;
  height: 100%;
  width: 85%;
  font-size: 17px;
}

.koowa_media {
  vertical-align: top;
}

.docman_list_sidebar {
  width: 30%;
}

/*.koowa_media__item {
  min-width: 40%;
} */

.k-icon-document-pdf:before {
  content: "";
  color: red;
}

/* ============================================================
   SMART NAUTILUS — REPORTS LIBRARY TREE
   WordPress page: /reports-library-tree/
   Page ID: 535
   ============================================================ */

/* ------------------------------------------------------------
   SMART NAUTILUS PALETTE
   ------------------------------------------------------------ */

body.page-id-535 {
  --sn-navy: #1F3F55;
  --sn-marine-blue: #1F5F8B;
  --sn-dark-blue: #174A6D;
  --sn-sky: #EAF2F8;
  --sn-sky-border: #B8CEDD;
  --sn-teal: #28777A;
  --sn-teal-soft: #EEF6F5;
  --sn-teal-border: #B8D6D1;
  --sn-text: #263746;
  --sn-muted: #637381;
  --sn-line: #D8E3EA;
  --sn-white: #FFFFFF;
}

/* ------------------------------------------------------------
   SWITCH-TO-TABLE-LAYOUT LINK
   ------------------------------------------------------------ */

body.page-id-535 #post-535 figure.wp-block-image {
  margin: 0 0 16px 22px;
}

body.page-id-535 #post-535 figure.wp-block-image a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-height: 48px;
  padding: 6px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 8px;
  background: var(--sn-white);
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-535 #post-535 figure.wp-block-image a:hover,
body.page-id-535 #post-535 figure.wp-block-image a:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-sky);
  box-shadow: 0 5px 16px rgba(31, 63, 85, 0.13);
  transform: translateY(-1px);
}

body.page-id-535 #post-535 figure.wp-block-image img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body.page-id-535 #post-535 figure.wp-block-image figcaption {
  margin-top: 4px;
  color: var(--sn-muted);
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}

/* ------------------------------------------------------------
   REPORTS LIBRARY TREE INTRODUCTION
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .sn-library-intro {
  max-width: 780px;
  margin: 0 0 24px;
  padding: 18px 20px;
  border-left: 4px solid var(--sn-marine-blue);
  border-radius: 0 8px 8px 0;
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .sn-library-intro__eyebrow {
  margin: 0 0 5px;
  color: var(--sn-marine-blue);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-id-535 #post-535 .sn-library-intro__text {
  margin: 0;
  color: var(--sn-text);
  line-height: 1.6;
}

body.page-id-535 #post-535 .sn-library-intro a {
  color: var(--sn-marine-blue);
  font-weight: 700;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-535 #post-535 .sn-library-intro a:hover,
body.page-id-535 #post-535 .sn-library-intro a:focus {
  color: var(--sn-dark-blue);
  text-decoration-color: currentColor;
}

/* ------------------------------------------------------------
   DOCMAN FOLDER TREE
   Exact Docman structure:
   .docman_list_layout--tree
   .docman_list__sidebar
   .k-tree
   .jqtree-tree
   .jqtree-element
   .jqtree-title
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .com_docman .docman_list_layout--tree {
  max-width: 940px;
}

body.page-id-535 #post-535 .com_docman .docman_list__sidebar {
  width: 100%;
  max-width: none;
}

body.page-id-535 #post-535 .com_docman .k-tree {
  overflow: hidden;
  border: 1px solid var(--sn-sky-border);
  border-radius: 10px;
  background: var(--sn-white);
  box-shadow: 0 2px 8px rgba(31, 63, 85, 0.06);
  font-size: 15px;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree,
body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
  margin-left: 22px;
  border-left: 1px solid var(--sn-line);
}

body.page-id-535 #post-535 .com_docman .jqtree-tree li {
  margin: 0;
  padding: 0;
}

body.page-id-535 #post-535 .com_docman .jqtree-element {
  display: flex;
  align-items: center;
  min-height: 42px;
  margin: 0;
  padding: 7px 12px;
  border-bottom: 1px solid #EEF3F6;
  color: var(--sn-text);
  transition: background-color 160ms ease, color 160ms ease;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree > li > .jqtree-element {
  min-height: 48px;
  background: #F8FBFD;
  color: var(--sn-navy);
  font-size: 16px;
  font-weight: 400;
}

body.page-id-535 #post-535 .com_docman .jqtree-element:hover {
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .com_docman .jqtree-tree > li:last-child > .jqtree-element {
  border-bottom: 0;
}

/* Restore visible expand/collapse controls on this page only. */

body.page-id-535 #post-535 .com_docman .jqtree-toggler,
body.page-id-535 #post-535 .com_docman .jqtree-toggler-left {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
  border-radius: 4px;
  color: var(--sn-marine-blue);
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  transform: none !important;
  opacity: 1 !important;
}

body.page-id-535 #post-535 .com_docman .jqtree-toggler:hover,
body.page-id-535 #post-535 .com_docman .jqtree-toggler:focus {
  background: var(--sn-sky-border);
  color: var(--sn-dark-blue);
  outline: none;
}

body.page-id-535 #post-535 .com_docman .jqtree-icon {
  flex: 0 0 25px;
  margin-right: 7px;
  color: var(--sn-teal);
  font-size: 17px;
  text-align: center;
}

body.page-id-535 #post-535 .com_docman .jqtree-title {
  min-width: 0;
  color: inherit;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.35;
}

body.page-id-535 #post-535 .com_docman .jqtree-title:hover {
  color: var(--sn-dark-blue);
  text-decoration: underline;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-535 #post-535 .com_docman .jqtree-selected,
body.page-id-535 #post-535 .com_docman .jqtree-selected .jqtree-title {
  background: var(--sn-teal-soft);
  color: var(--sn-teal);
}

/* ------------------------------------------------------------
   DOCMAN ACTION TOOLBAR
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .com_docman #toolbar-actionbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 0;
  padding: 14px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 10px;
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid var(--sn-marine-blue);
  border-radius: 6px;
  background: var(--sn-marine-blue);
  color: var(--sn-white);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button:hover,
body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button:focus {
  border-color: var(--sn-dark-blue);
  background: var(--sn-dark-blue);
  color: var(--sn-white);
  box-shadow: 0 4px 12px rgba(31, 63, 85, 0.18);
  transform: translateY(-1px);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload {
  border-color: var(--sn-teal);
  background: var(--sn-white);
  color: var(--sn-teal);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload:hover,
body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload:focus {
  border-color: var(--sn-teal);
  background: var(--sn-teal);
  color: var(--sn-white);
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 640px) {
  body.page-id-535 #post-535 figure.wp-block-image {
    float: none;
    margin: 0 0 18px;
    text-align: left;
  }

  body.page-id-535 #post-535 figure.wp-block-image figcaption {
    text-align: left;
  }

  body.page-id-535 #post-535 .sn-library-intro {
    padding: 16px;
  }

  body.page-id-535 #post-535 .com_docman .jqtree-element {
    min-height: 40px;
    padding: 7px 8px;
  }

  body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
    margin-left: 14px;
  }

  body.page-id-535 #post-535 .com_docman #toolbar-actionbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button {
    width: 100%;
  }
}

/* ============================================================
   SMART NAUTILUS — REPORTS LIBRARY TABLE
   WordPress page: /reports-library-table/
   Page ID: 245

   Category-only styling:
   does not alter Docman photo/document galleries.
   ============================================================ */

/* ------------------------------------------------------------
   SMART NAUTILUS PALETTE
   ------------------------------------------------------------ */

body.page-id-245 {
  --sn-navy: #1F3F55;
  --sn-marine-blue: #1F5F8B;
  --sn-dark-blue: #174A6D;
  --sn-sky: #EAF2F8;
  --sn-sky-border: #B8CEDD;
  --sn-teal: #28777A;
  --sn-teal-soft: #EEF6F5;
  --sn-teal-border: #B8D6D1;
  --sn-text: #263746;
  --sn-muted: #637381;
  --sn-line: #D8E3EA;
  --sn-white: #FFFFFF;
  --sn-danger: #B54842;
}

/* ------------------------------------------------------------
   SWITCH-TO-TREE-LAYOUT LINK
   ------------------------------------------------------------ */

body.page-id-245 #post-245 figure.wp-block-image {
  margin: 0 0 16px 22px;
}

body.page-id-245 #post-245 figure.wp-block-image a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-height: 48px;
  padding: 6px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 8px;
  background: var(--sn-white);
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-245 #post-245 figure.wp-block-image a:hover,
body.page-id-245 #post-245 figure.wp-block-image a:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-sky);
  box-shadow: 0 5px 16px rgba(31, 63, 85, 0.13);
  transform: translateY(-1px);
}

body.page-id-245 #post-245 figure.wp-block-image img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body.page-id-245 #post-245 figure.wp-block-image figcaption {
  margin-top: 4px;
  color: var(--sn-muted);
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}

/* ------------------------------------------------------------
   PAGE INTRODUCTION
   Styles the existing Reports Library explanatory paragraph.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .entry-header {
  margin-bottom: 12px;
}

body.page-id-245 #post-245 .entry-title {
  color: var(--sn-navy);
  font-weight: 700;
  letter-spacing: -0.02em;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph {
  max-width: 780px;
  margin-bottom: 18px;
  color: var(--sn-text);
  font-size: 16px;
  line-height: 1.65;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a {
  color: var(--sn-marine-blue);
  font-weight: 700;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a:hover,
body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a:focus {
  color: var(--sn-dark-blue);
  text-decoration-color: currentColor;
}

/* ------------------------------------------------------------
   DOCMAN CATEGORY GRID ONLY

   Categories:
   .koowa_media_wrapper--categories

   Photo/document galleries:
   .koowa_media_wrapper--documents

   This distinction keeps inspection photo galleries unchanged.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories {
  margin: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: initial;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--sn-sky-border);
  border-radius: 5px;
  background: var(--sn-white);
  box-shadow: 0 2px 8px rgba(31, 63, 85, 0.06);
  transition: border-color 180ms ease, box-shadow 180ms ease,
        transform 180ms ease;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item:focus-within {
  border-color: var(--sn-marine-blue);
  box-shadow: 0 8px 22px rgba(31, 63, 85, 0.14);
  transform: translateY(-2px);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link {
  display: flex;
  flex: 1 1 auto;
  width: auto;
  min-height: 106px;
  padding: 18px;
  border: 0;
  background: var(--sn-white);
  color: var(--sn-navy);
  text-decoration: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link:focus {
  background: linear-gradient(135deg, var(--sn-white) 0%, var(--sn-sky) 100%);
  color: var(--sn-dark-blue);
  outline: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__content-holder {
  display: flex;
  align-items: center;
  width: 100%;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__label {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 14px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item {
  display: block;
  min-width: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 66px;
  width: 66px;
  height: 54px;
  padding: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container img {
  display: block;
  max-width: 100%;
  max-height: 54px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 3px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container .k-icon-document-folder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: var(--sn-teal-soft);
  color: var(--sn-teal);
  font-size: 25px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_wrapped_content,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .whitespace_preserver,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .overflow_container {
  display: block;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  overflow: visible;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  white-space: normal;
  text-overflow: clip;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .overflow_container > span {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--sn-sky);
  color: var(--sn-marine-blue);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  white-space: nowrap;
}

/* ------------------------------------------------------------
   CATEGORY ADMINISTRATION CONTROLS
   Edit and Delete links are shown only to authorised users.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  margin: 0;
  padding: 9px 14px;
  border-top: 1px solid var(--sn-line);
  border-radius: 0;
  background: #F8FBFD;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 29px;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 5px;
  background: var(--sn-white);
  color: var(--sn-marine-blue);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-marine-blue);
  color: var(--sn-white);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger {
  margin-left: auto;
  border-color: #E3B9B5;
  color: var(--sn-danger);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger:focus {
  border-color: var(--sn-danger);
  background: var(--sn-danger);
  color: var(--sn-white);
}

/* ------------------------------------------------------------
   RESPONSIVE CATEGORY GRID
   ------------------------------------------------------------ */

@media (max-width: 980px) {
  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.page-id-245 #post-245 figure.wp-block-image {
    float: none;
    margin: 0 0 18px;
    text-align: left;
  }

  body.page-id-245 #post-245 figure.wp-block-image figcaption {
    text-align: left;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link {
    min-height: 92px;
    padding: 15px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container {
    flex-basis: 56px;
    width: 56px;
    height: 48px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options {
    padding: 8px 12px;
  }
}



.pswp__button.pswp__button--close {
  padding: 30px;
}

/* ============================================================
   DOCMAN PHOTO GALLERIES — 20% LARGER THUMBNAILS
   Page ID 245: Reports Library table and nested report pages
   ============================================================ */

@media (min-width: 981px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 24%;
    }
}

/* Keep thumbnails comfortably sized on tablets. */
@media (min-width: 641px) and (max-width: 980px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 33.3333%;
    }
}

/* Two large thumbnails per row on phones. */
@media (max-width: 640px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 50%;
    }
}

/* SMART NAUTILUS — BIOFOULING RECORD BOOK TABLE TEXT */
body.page-id-2521 table.bf20-11-tbl.bf-tbl th,
body.page-id-2521 table.bf20-11-tbl.bf-tbl td,
body.page-id-2521 table.bf20-11-tbl.bf-tbl th *,
body.page-id-2521 table.bf20-11-tbl.bf-tbl td * {
    font-size: 13px !important;
}

/* BFMP Vessel Registration form for Vessels CPT */
.nvm-registration {
  --nvm-text: #333333;
  --nvm-border: #dddddd;
  --nvm-blue: #176da3;

  width: 90%;
	color: var(--nvm-text);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.6;
}

/* Introductory text */
.nvm-registration > p {
  margin: 0 0 18px;
}

/* Form width and field spacing */
.nvm-registration form {
  width: 100%;
}

.nvm-registration form > p {
  margin: 0 0 22px;
}

/* Field labels */
.nvm-registration label {
  display: inline-block;
  margin-bottom: 5px;
  color: var(--nvm-text);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

/* Remove the extra line break generated by the form */
.nvm-registration label + br {
  display: none;
}

/* Text, number and date fields */
.nvm-registration input:not([type="hidden"]) {
  display: block;
  width: 100%;
  max-width: 680px;
  min-height: 42px;
  box-sizing: border-box;
  margin: 0;
  padding: 9px 12px;

  background: #ffffff;
  color: var(--nvm-text);
  border: 1px solid var(--nvm-border);
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 3%);

  font: inherit;
  line-height: 1.4;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.nvm-registration input:not([type="hidden"]):focus {
  border-color: var(--nvm-blue);
  outline: 2px solid var(--nvm-blue);
  outline-offset: 2px;
  box-shadow: none;
}

/* Submission explanation */
.nvm-registration form > p:last-of-type {
  max-width: 680px;
  margin-bottom: 20px;
  color: #555555;
  font-size: 14px;
}

/* Submit button */
.nvm-registration button[type="submit"] {
  display: inline-block;
  min-height: 44px;
  padding: 12px 24px;

  background: var(--nvm-blue);
  color: #ffffff;
  border: 1px solid var(--nvm-blue);
  border-radius: 3px;

  font: inherit;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;

  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.nvm-registration button[type="submit"]:hover {
  background: #125780;
  border-color: #125780;
}

.nvm-registration button[type="submit"]:focus-visible {
  outline: 3px solid var(--nvm-blue);
  outline-offset: 3px;
}

/* Validation messages */
.nvm-registration [role="alert"] {
  max-width: 680px;
  box-sizing: border-box;
  margin: 0 0 24px;
  padding: 14px 18px;
  background: #fff5f5;
  color: #8a2424;
  border: 1px solid #e6b7b7;
  border-left: 4px solid #b83232;
  border-radius: 3px;
}

.nvm-registration [role="alert"] ul {
  margin: 0;
  padding-left: 20px;
}

/* Success messages sit outside the form wrapper */
#post-3709 [role="status"] {
  margin: 20px 0;
  padding: 20px;
  background: #f1f8f3;
  color: #245b35;
  border: 1px solid #bdd8c5;
  border-left: 4px solid #39804d;
  border-radius: 3px;
}

#post-3709 [role="status"] h2 {
  margin: 0 0 10px;
  color: inherit;
  font-size: 24px;
}

#post-3709 [role="status"] p {
  margin: 0;
}

/* Mobile */
@media (max-width: 600px) {
  .nvm-registration label {
    font-size: 16px;
  }

  .nvm-registration input:not([type="hidden"]) {
    min-height: 46px;
    font-size: 16px;
  }

  .nvm-registration button[type="submit"] {
    width: 100%;
  }
}
/* Stack each label above its field */
.nvm-registration form > p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.nvm-registration form label {
  display: block;
  width: 100%;
  margin: 0;
}

.nvm-registration form label + br {
  display: none;
}

.nvm-registration form input:not([type="hidden"]) {
  display: block;
  width: 90%;
  max-width: 680px;
  margin: 0;
}
/* Outlined transparent Smart Nautilus logo, 8 October 2026. */
.sn-brand .custom-logo-link{background:transparent;}
/* Smart Nautilus live CSS migration, 8 October 2026. Site-specific Docman, Record Book and vessel registration rules retained. Obsolete Zita layout/global table rules omitted. */
.jqtree-toggler:before,
.jqtree-toggler-left {
  transform: scale(0);
  opacity: 0;
}

.k-icon-home {
  margin-right: 5px;
  margin-left: 0;
}

.jqtree-icon {
  color: black;
  font-size: 16px;
}

.k-tree {
  font-size: 16px;
}

.k-ui-namespace ul,
.k-ui-namespace ol {
  padding: 0;
  margin: 0 0 20px 8px;
}

.k-breadcrumb {
  color: black;
}

.whitespace_preserver {
  display: inline-block;
  font-size: 15px;
  line-height: 28px;
  height: 28px;
  margin: auto;
}

.k-icon-document-image {
  transform: scale(0);
  opacity: 0;
}

.koowa_wrapped_content {
  text-align: match-parent;
}

.koowa_media__item__thumbnail img {
  display: inline-block;
  vertical-align: middle;
  /*  max-width: 82%; */
  border-radius: 4px;
}

.k-ui-namespace .koowa_media--gallery .koowa_media__item__link .jqtree-title {
  vertical-align: top;
  height: 100%;
  width: 85%;
  font-size: 17px;
}

.koowa_media {
  vertical-align: top;
}

.docman_list_sidebar {
  width: 30%;
}

/*.koowa_media__item {
  min-width: 40%;
} */

.k-icon-document-pdf:before {
  content: "";
  color: red;
}

/* ============================================================
   SMART NAUTILUS — REPORTS LIBRARY TREE
   WordPress page: /reports-library-tree/
   Page ID: 535
   ============================================================ */

/* ------------------------------------------------------------
   SMART NAUTILUS PALETTE
   ------------------------------------------------------------ */

body.page-id-535 {
  --sn-navy: #1F3F55;
  --sn-marine-blue: #1F5F8B;
  --sn-dark-blue: #174A6D;
  --sn-sky: #EAF2F8;
  --sn-sky-border: #B8CEDD;
  --sn-teal: #28777A;
  --sn-teal-soft: #EEF6F5;
  --sn-teal-border: #B8D6D1;
  --sn-text: #263746;
  --sn-muted: #637381;
  --sn-line: #D8E3EA;
  --sn-white: #FFFFFF;
}

/* ------------------------------------------------------------
   SWITCH-TO-TABLE-LAYOUT LINK
   ------------------------------------------------------------ */

body.page-id-535 #post-535 figure.wp-block-image {
  margin: 0 0 16px 22px;
}

body.page-id-535 #post-535 figure.wp-block-image a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-height: 48px;
  padding: 6px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 8px;
  background: var(--sn-white);
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-535 #post-535 figure.wp-block-image a:hover,
body.page-id-535 #post-535 figure.wp-block-image a:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-sky);
  box-shadow: 0 5px 16px rgba(31, 63, 85, 0.13);
  transform: translateY(-1px);
}

body.page-id-535 #post-535 figure.wp-block-image img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body.page-id-535 #post-535 figure.wp-block-image figcaption {
  margin-top: 4px;
  color: var(--sn-muted);
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}

/* ------------------------------------------------------------
   REPORTS LIBRARY TREE INTRODUCTION
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .sn-library-intro {
  max-width: 780px;
  margin: 0 0 24px;
  padding: 18px 20px;
  border-left: 4px solid var(--sn-marine-blue);
  border-radius: 0 8px 8px 0;
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .sn-library-intro__eyebrow {
  margin: 0 0 5px;
  color: var(--sn-marine-blue);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-id-535 #post-535 .sn-library-intro__text {
  margin: 0;
  color: var(--sn-text);
  line-height: 1.6;
}

body.page-id-535 #post-535 .sn-library-intro a {
  color: var(--sn-marine-blue);
  font-weight: 700;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-535 #post-535 .sn-library-intro a:hover,
body.page-id-535 #post-535 .sn-library-intro a:focus {
  color: var(--sn-dark-blue);
  text-decoration-color: currentColor;
}

/* ------------------------------------------------------------
   DOCMAN FOLDER TREE
   Exact Docman structure:
   .docman_list_layout--tree
   .docman_list__sidebar
   .k-tree
   .jqtree-tree
   .jqtree-element
   .jqtree-title
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .com_docman .docman_list_layout--tree {
  max-width: 940px;
}

body.page-id-535 #post-535 .com_docman .docman_list__sidebar {
  width: 100%;
  max-width: none;
}

body.page-id-535 #post-535 .com_docman .k-tree {
  overflow: hidden;
  border: 1px solid var(--sn-sky-border);
  border-radius: 10px;
  background: var(--sn-white);
  box-shadow: 0 2px 8px rgba(31, 63, 85, 0.06);
  font-size: 15px;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree,
body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
  margin-left: 22px;
  border-left: 1px solid var(--sn-line);
}

body.page-id-535 #post-535 .com_docman .jqtree-tree li {
  margin: 0;
  padding: 0;
}

body.page-id-535 #post-535 .com_docman .jqtree-element {
  display: flex;
  align-items: center;
  min-height: 42px;
  margin: 0;
  padding: 7px 12px;
  border-bottom: 1px solid #EEF3F6;
  color: var(--sn-text);
  transition: background-color 160ms ease, color 160ms ease;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree > li > .jqtree-element {
  min-height: 48px;
  background: #F8FBFD;
  color: var(--sn-navy);
  font-size: 16px;
  font-weight: 400;
}

body.page-id-535 #post-535 .com_docman .jqtree-element:hover {
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .com_docman .jqtree-tree > li:last-child > .jqtree-element {
  border-bottom: 0;
}

/* Restore visible expand/collapse controls on this page only. */

body.page-id-535 #post-535 .com_docman .jqtree-toggler,
body.page-id-535 #post-535 .com_docman .jqtree-toggler-left {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
  border-radius: 4px;
  color: var(--sn-marine-blue);
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  transform: none !important;
  opacity: 1 !important;
}

body.page-id-535 #post-535 .com_docman .jqtree-toggler:hover,
body.page-id-535 #post-535 .com_docman .jqtree-toggler:focus {
  background: var(--sn-sky-border);
  color: var(--sn-dark-blue);
  outline: none;
}

body.page-id-535 #post-535 .com_docman .jqtree-icon {
  flex: 0 0 25px;
  margin-right: 7px;
  color: var(--sn-teal);
  font-size: 17px;
  text-align: center;
}

body.page-id-535 #post-535 .com_docman .jqtree-title {
  min-width: 0;
  color: inherit;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.35;
}

body.page-id-535 #post-535 .com_docman .jqtree-title:hover {
  color: var(--sn-dark-blue);
  text-decoration: underline;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-535 #post-535 .com_docman .jqtree-selected,
body.page-id-535 #post-535 .com_docman .jqtree-selected .jqtree-title {
  background: var(--sn-teal-soft);
  color: var(--sn-teal);
}

/* ------------------------------------------------------------
   DOCMAN ACTION TOOLBAR
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .com_docman #toolbar-actionbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 0;
  padding: 14px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 10px;
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid var(--sn-marine-blue);
  border-radius: 6px;
  background: var(--sn-marine-blue);
  color: var(--sn-white);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button:hover,
body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button:focus {
  border-color: var(--sn-dark-blue);
  background: var(--sn-dark-blue);
  color: var(--sn-white);
  box-shadow: 0 4px 12px rgba(31, 63, 85, 0.18);
  transform: translateY(-1px);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload {
  border-color: var(--sn-teal);
  background: var(--sn-white);
  color: var(--sn-teal);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload:hover,
body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload:focus {
  border-color: var(--sn-teal);
  background: var(--sn-teal);
  color: var(--sn-white);
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 640px) {
  body.page-id-535 #post-535 figure.wp-block-image {
    float: none;
    margin: 0 0 18px;
    text-align: left;
  }

  body.page-id-535 #post-535 figure.wp-block-image figcaption {
    text-align: left;
  }

  body.page-id-535 #post-535 .sn-library-intro {
    padding: 16px;
  }

  body.page-id-535 #post-535 .com_docman .jqtree-element {
    min-height: 40px;
    padding: 7px 8px;
  }

  body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
    margin-left: 14px;
  }

  body.page-id-535 #post-535 .com_docman #toolbar-actionbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button {
    width: 100%;
  }
}

/* ============================================================
   SMART NAUTILUS — REPORTS LIBRARY TABLE
   WordPress page: /reports-library-table/
   Page ID: 245

   Category-only styling:
   does not alter Docman photo/document galleries.
   ============================================================ */

/* ------------------------------------------------------------
   SMART NAUTILUS PALETTE
   ------------------------------------------------------------ */

body.page-id-245 {
  --sn-navy: #1F3F55;
  --sn-marine-blue: #1F5F8B;
  --sn-dark-blue: #174A6D;
  --sn-sky: #EAF2F8;
  --sn-sky-border: #B8CEDD;
  --sn-teal: #28777A;
  --sn-teal-soft: #EEF6F5;
  --sn-teal-border: #B8D6D1;
  --sn-text: #263746;
  --sn-muted: #637381;
  --sn-line: #D8E3EA;
  --sn-white: #FFFFFF;
  --sn-danger: #B54842;
}

/* ------------------------------------------------------------
   SWITCH-TO-TREE-LAYOUT LINK
   ------------------------------------------------------------ */

body.page-id-245 #post-245 figure.wp-block-image {
  margin: 0 0 16px 22px;
}

body.page-id-245 #post-245 figure.wp-block-image a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-height: 48px;
  padding: 6px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 8px;
  background: var(--sn-white);
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-245 #post-245 figure.wp-block-image a:hover,
body.page-id-245 #post-245 figure.wp-block-image a:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-sky);
  box-shadow: 0 5px 16px rgba(31, 63, 85, 0.13);
  transform: translateY(-1px);
}

body.page-id-245 #post-245 figure.wp-block-image img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body.page-id-245 #post-245 figure.wp-block-image figcaption {
  margin-top: 4px;
  color: var(--sn-muted);
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}

/* ------------------------------------------------------------
   PAGE INTRODUCTION
   Styles the existing Reports Library explanatory paragraph.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .entry-header {
  margin-bottom: 12px;
}

body.page-id-245 #post-245 .entry-title {
  color: var(--sn-navy);
  font-weight: 700;
  letter-spacing: -0.02em;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph {
  max-width: 780px;
  margin-bottom: 18px;
  color: var(--sn-text);
  font-size: 16px;
  line-height: 1.65;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a {
  color: var(--sn-marine-blue);
  font-weight: 700;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a:hover,
body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a:focus {
  color: var(--sn-dark-blue);
  text-decoration-color: currentColor;
}

/* ------------------------------------------------------------
   DOCMAN CATEGORY GRID ONLY

   Categories:
   .koowa_media_wrapper--categories

   Photo/document galleries:
   .koowa_media_wrapper--documents

   This distinction keeps inspection photo galleries unchanged.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories {
  margin: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: initial;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--sn-sky-border);
  border-radius: 5px;
  background: var(--sn-white);
  box-shadow: 0 2px 8px rgba(31, 63, 85, 0.06);
  transition: border-color 180ms ease, box-shadow 180ms ease,
        transform 180ms ease;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item:focus-within {
  border-color: var(--sn-marine-blue);
  box-shadow: 0 8px 22px rgba(31, 63, 85, 0.14);
  transform: translateY(-2px);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link {
  display: flex;
  flex: 1 1 auto;
  width: auto;
  min-height: 106px;
  padding: 18px;
  border: 0;
  background: var(--sn-white);
  color: var(--sn-navy);
  text-decoration: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link:focus {
  background: linear-gradient(135deg, var(--sn-white) 0%, var(--sn-sky) 100%);
  color: var(--sn-dark-blue);
  outline: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__content-holder {
  display: flex;
  align-items: center;
  width: 100%;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__label {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 14px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item {
  display: block;
  min-width: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 66px;
  width: 66px;
  height: 54px;
  padding: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container img {
  display: block;
  max-width: 100%;
  max-height: 54px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 3px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container .k-icon-document-folder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: var(--sn-teal-soft);
  color: var(--sn-teal);
  font-size: 25px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_wrapped_content,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .whitespace_preserver,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .overflow_container {
  display: block;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  overflow: visible;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  white-space: normal;
  text-overflow: clip;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .overflow_container > span {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--sn-sky);
  color: var(--sn-marine-blue);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  white-space: nowrap;
}

/* ------------------------------------------------------------
   CATEGORY ADMINISTRATION CONTROLS
   Edit and Delete links are shown only to authorised users.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  margin: 0;
  padding: 9px 14px;
  border-top: 1px solid var(--sn-line);
  border-radius: 0;
  background: #F8FBFD;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 29px;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 5px;
  background: var(--sn-white);
  color: var(--sn-marine-blue);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-marine-blue);
  color: var(--sn-white);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger {
  margin-left: auto;
  border-color: #E3B9B5;
  color: var(--sn-danger);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger:focus {
  border-color: var(--sn-danger);
  background: var(--sn-danger);
  color: var(--sn-white);
}

/* ------------------------------------------------------------
   RESPONSIVE CATEGORY GRID
   ------------------------------------------------------------ */

@media (max-width: 980px) {
  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.page-id-245 #post-245 figure.wp-block-image {
    float: none;
    margin: 0 0 18px;
    text-align: left;
  }

  body.page-id-245 #post-245 figure.wp-block-image figcaption {
    text-align: left;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link {
    min-height: 92px;
    padding: 15px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container {
    flex-basis: 56px;
    width: 56px;
    height: 48px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options {
    padding: 8px 12px;
  }
}



.pswp__button.pswp__button--close {
  padding: 30px;
}

/* ============================================================
   DOCMAN PHOTO GALLERIES — 20% LARGER THUMBNAILS
   Page ID 245: Reports Library table and nested report pages
   ============================================================ */

@media (min-width: 981px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 24%;
    }
}

/* Keep thumbnails comfortably sized on tablets. */
@media (min-width: 641px) and (max-width: 980px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 33.3333%;
    }
}

/* Two large thumbnails per row on phones. */
@media (max-width: 640px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 50%;
    }
}

/* SMART NAUTILUS — BIOFOULING RECORD BOOK TABLE TEXT */
body.page-id-2521 table.bf20-11-tbl.bf-tbl th,
body.page-id-2521 table.bf20-11-tbl.bf-tbl td,
body.page-id-2521 table.bf20-11-tbl.bf-tbl th *,
body.page-id-2521 table.bf20-11-tbl.bf-tbl td * {
    font-size: 13px !important;
}

/* BFMP Vessel Registration form for Vessels CPT */
.nvm-registration {
  --nvm-text: #333333;
  --nvm-border: #dddddd;
  --nvm-blue: #176da3;

  width: 90%;
	color: var(--nvm-text);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.6;
}

/* Introductory text */
.nvm-registration > p {
  margin: 0 0 18px;
}

/* Form width and field spacing */
.nvm-registration form {
  width: 100%;
}

.nvm-registration form > p {
  margin: 0 0 22px;
}

/* Field labels */
.nvm-registration label {
  display: inline-block;
  margin-bottom: 5px;
  color: var(--nvm-text);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

/* Remove the extra line break generated by the form */
.nvm-registration label + br {
  display: none;
}

/* Text, number and date fields */
.nvm-registration input:not([type="hidden"]) {
  display: block;
  width: 100%;
  max-width: 680px;
  min-height: 42px;
  box-sizing: border-box;
  margin: 0;
  padding: 9px 12px;

  background: #ffffff;
  color: var(--nvm-text);
  border: 1px solid var(--nvm-border);
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 3%);

  font: inherit;
  line-height: 1.4;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.nvm-registration input:not([type="hidden"]):focus {
  border-color: var(--nvm-blue);
  outline: 2px solid var(--nvm-blue);
  outline-offset: 2px;
  box-shadow: none;
}

/* Submission explanation */
.nvm-registration form > p:last-of-type {
  max-width: 680px;
  margin-bottom: 20px;
  color: #555555;
  font-size: 14px;
}

/* Submit button */
.nvm-registration button[type="submit"] {
  display: inline-block;
  min-height: 44px;
  padding: 12px 24px;

  background: var(--nvm-blue);
  color: #ffffff;
  border: 1px solid var(--nvm-blue);
  border-radius: 3px;

  font: inherit;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;

  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.nvm-registration button[type="submit"]:hover {
  background: #125780;
  border-color: #125780;
}

.nvm-registration button[type="submit"]:focus-visible {
  outline: 3px solid var(--nvm-blue);
  outline-offset: 3px;
}

/* Validation messages */
.nvm-registration [role="alert"] {
  max-width: 680px;
  box-sizing: border-box;
  margin: 0 0 24px;
  padding: 14px 18px;
  background: #fff5f5;
  color: #8a2424;
  border: 1px solid #e6b7b7;
  border-left: 4px solid #b83232;
  border-radius: 3px;
}

.nvm-registration [role="alert"] ul {
  margin: 0;
  padding-left: 20px;
}

/* Success messages sit outside the form wrapper */
#post-3709 [role="status"] {
  margin: 20px 0;
  padding: 20px;
  background: #f1f8f3;
  color: #245b35;
  border: 1px solid #bdd8c5;
  border-left: 4px solid #39804d;
  border-radius: 3px;
}

#post-3709 [role="status"] h2 {
  margin: 0 0 10px;
  color: inherit;
  font-size: 24px;
}

#post-3709 [role="status"] p {
  margin: 0;
}

/* Mobile */
@media (max-width: 600px) {
  .nvm-registration label {
    font-size: 16px;
  }

  .nvm-registration input:not([type="hidden"]) {
    min-height: 46px;
    font-size: 16px;
  }

  .nvm-registration button[type="submit"] {
    width: 100%;
  }
}
/* Stack each label above its field */
.nvm-registration form > p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.nvm-registration form label {
  display: block;
  width: 100%;
  margin: 0;
}

.nvm-registration form label + br {
  display: none;
}

.nvm-registration form input:not([type="hidden"]) {
  display: block;
  width: 90%;
  max-width: 680px;
  margin: 0;
}
/* Keep the 12-column Record Logbook legible: scroll its existing table wrapper on smaller screens. */
body.page-id-2521 table.bf-tbl { min-width: 1160px; table-layout: auto; overflow-wrap: normal; word-break: normal; }
body.page-id-2521 table.bf-tbl th, body.page-id-2521 table.bf-tbl td { overflow-wrap: normal; word-break: normal; }
body.page-id-2521 table.bf-tbl th { hyphens: none; }
/* Smart Nautilus live CSS migration, 8 October 2026. Site-specific Docman, Record Book and vessel registration rules retained. Obsolete Zita layout/global table rules omitted. */
.jqtree-toggler:before,
.jqtree-toggler-left {
  transform: scale(0);
  opacity: 0;
}

.k-icon-home {
  margin-right: 5px;
  margin-left: 0;
}

.jqtree-icon {
  color: black;
  font-size: 16px;
}

.k-tree {
  font-size: 16px;
}

.k-ui-namespace ul,
.k-ui-namespace ol {
  padding: 0;
  margin: 0 0 20px 8px;
}

.k-breadcrumb {
  color: black;
}

.whitespace_preserver {
  display: inline-block;
  font-size: 15px;
  line-height: 28px;
  height: 28px;
  margin: auto;
}

.k-icon-document-image {
  transform: scale(0);
  opacity: 0;
}

.koowa_wrapped_content {
  text-align: match-parent;
}

.koowa_media__item__thumbnail img {
  display: inline-block;
  vertical-align: middle;
  /*  max-width: 82%; */
  border-radius: 4px;
}

.k-ui-namespace .koowa_media--gallery .koowa_media__item__link .jqtree-title {
  vertical-align: top;
  height: 100%;
  width: 85%;
  font-size: 17px;
}

.koowa_media {
  vertical-align: top;
}

.docman_list_sidebar {
  width: 30%;
}

/*.koowa_media__item {
  min-width: 40%;
} */

.k-icon-document-pdf:before {
  content: "";
  color: red;
}

/* ============================================================
   SMART NAUTILUS — REPORTS LIBRARY TREE
   WordPress page: /reports-library-tree/
   Page ID: 535
   ============================================================ */

/* ------------------------------------------------------------
   SMART NAUTILUS PALETTE
   ------------------------------------------------------------ */

body.page-id-535 {
  --sn-navy: #1F3F55;
  --sn-marine-blue: #1F5F8B;
  --sn-dark-blue: #174A6D;
  --sn-sky: #EAF2F8;
  --sn-sky-border: #B8CEDD;
  --sn-teal: #28777A;
  --sn-teal-soft: #EEF6F5;
  --sn-teal-border: #B8D6D1;
  --sn-text: #263746;
  --sn-muted: #637381;
  --sn-line: #D8E3EA;
  --sn-white: #FFFFFF;
}

/* ------------------------------------------------------------
   SWITCH-TO-TABLE-LAYOUT LINK
   ------------------------------------------------------------ */

body.page-id-535 #post-535 figure.wp-block-image {
  margin: 0 0 16px 22px;
}

body.page-id-535 #post-535 figure.wp-block-image a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-height: 48px;
  padding: 6px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 8px;
  background: var(--sn-white);
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-535 #post-535 figure.wp-block-image a:hover,
body.page-id-535 #post-535 figure.wp-block-image a:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-sky);
  box-shadow: 0 5px 16px rgba(31, 63, 85, 0.13);
  transform: translateY(-1px);
}

body.page-id-535 #post-535 figure.wp-block-image img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body.page-id-535 #post-535 figure.wp-block-image figcaption {
  margin-top: 4px;
  color: var(--sn-muted);
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}

/* ------------------------------------------------------------
   REPORTS LIBRARY TREE INTRODUCTION
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .sn-library-intro {
  max-width: 780px;
  margin: 0 0 24px;
  padding: 18px 20px;
  border-left: 4px solid var(--sn-marine-blue);
  border-radius: 0 8px 8px 0;
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .sn-library-intro__eyebrow {
  margin: 0 0 5px;
  color: var(--sn-marine-blue);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-id-535 #post-535 .sn-library-intro__text {
  margin: 0;
  color: var(--sn-text);
  line-height: 1.6;
}

body.page-id-535 #post-535 .sn-library-intro a {
  color: var(--sn-marine-blue);
  font-weight: 700;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-535 #post-535 .sn-library-intro a:hover,
body.page-id-535 #post-535 .sn-library-intro a:focus {
  color: var(--sn-dark-blue);
  text-decoration-color: currentColor;
}

/* ------------------------------------------------------------
   DOCMAN FOLDER TREE
   Exact Docman structure:
   .docman_list_layout--tree
   .docman_list__sidebar
   .k-tree
   .jqtree-tree
   .jqtree-element
   .jqtree-title
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .com_docman .docman_list_layout--tree {
  max-width: 940px;
}

body.page-id-535 #post-535 .com_docman .docman_list__sidebar {
  width: 100%;
  max-width: none;
}

body.page-id-535 #post-535 .com_docman .k-tree {
  overflow: hidden;
  border: 1px solid var(--sn-sky-border);
  border-radius: 10px;
  background: var(--sn-white);
  box-shadow: 0 2px 8px rgba(31, 63, 85, 0.06);
  font-size: 15px;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree,
body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
  margin-left: 22px;
  border-left: 1px solid var(--sn-line);
}

body.page-id-535 #post-535 .com_docman .jqtree-tree li {
  margin: 0;
  padding: 0;
}

body.page-id-535 #post-535 .com_docman .jqtree-element {
  display: flex;
  align-items: center;
  min-height: 42px;
  margin: 0;
  padding: 7px 12px;
  border-bottom: 1px solid #EEF3F6;
  color: var(--sn-text);
  transition: background-color 160ms ease, color 160ms ease;
}

body.page-id-535 #post-535 .com_docman .jqtree-tree > li > .jqtree-element {
  min-height: 48px;
  background: #F8FBFD;
  color: var(--sn-navy);
  font-size: 16px;
  font-weight: 400;
}

body.page-id-535 #post-535 .com_docman .jqtree-element:hover {
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .com_docman .jqtree-tree > li:last-child > .jqtree-element {
  border-bottom: 0;
}

/* Restore visible expand/collapse controls on this page only. */

body.page-id-535 #post-535 .com_docman .jqtree-toggler,
body.page-id-535 #post-535 .com_docman .jqtree-toggler-left {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
  border-radius: 4px;
  color: var(--sn-marine-blue);
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  transform: none !important;
  opacity: 1 !important;
}

body.page-id-535 #post-535 .com_docman .jqtree-toggler:hover,
body.page-id-535 #post-535 .com_docman .jqtree-toggler:focus {
  background: var(--sn-sky-border);
  color: var(--sn-dark-blue);
  outline: none;
}

body.page-id-535 #post-535 .com_docman .jqtree-icon {
  flex: 0 0 25px;
  margin-right: 7px;
  color: var(--sn-teal);
  font-size: 17px;
  text-align: center;
}

body.page-id-535 #post-535 .com_docman .jqtree-title {
  min-width: 0;
  color: inherit;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.35;
}

body.page-id-535 #post-535 .com_docman .jqtree-title:hover {
  color: var(--sn-dark-blue);
  text-decoration: underline;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-535 #post-535 .com_docman .jqtree-selected,
body.page-id-535 #post-535 .com_docman .jqtree-selected .jqtree-title {
  background: var(--sn-teal-soft);
  color: var(--sn-teal);
}

/* ------------------------------------------------------------
   DOCMAN ACTION TOOLBAR
   ------------------------------------------------------------ */

body.page-id-535 #post-535 .com_docman #toolbar-actionbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 0;
  padding: 14px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 10px;
  background: var(--sn-sky);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid var(--sn-marine-blue);
  border-radius: 6px;
  background: var(--sn-marine-blue);
  color: var(--sn-white);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button:hover,
body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button:focus {
  border-color: var(--sn-dark-blue);
  background: var(--sn-dark-blue);
  color: var(--sn-white);
  box-shadow: 0 4px 12px rgba(31, 63, 85, 0.18);
  transform: translateY(-1px);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload {
  border-color: var(--sn-teal);
  background: var(--sn-white);
  color: var(--sn-teal);
}

body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload:hover,
body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button-upload:focus {
  border-color: var(--sn-teal);
  background: var(--sn-teal);
  color: var(--sn-white);
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 640px) {
  body.page-id-535 #post-535 figure.wp-block-image {
    float: none;
    margin: 0 0 18px;
    text-align: left;
  }

  body.page-id-535 #post-535 figure.wp-block-image figcaption {
    text-align: left;
  }

  body.page-id-535 #post-535 .sn-library-intro {
    padding: 16px;
  }

  body.page-id-535 #post-535 .com_docman .jqtree-element {
    min-height: 40px;
    padding: 7px 8px;
  }

  body.page-id-535 #post-535 .com_docman .jqtree-tree ul {
    margin-left: 14px;
  }

  body.page-id-535 #post-535 .com_docman #toolbar-actionbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body.page-id-535 #post-535 .com_docman #toolbar-actionbar .k-button {
    width: 100%;
  }
}

/* ============================================================
   SMART NAUTILUS — REPORTS LIBRARY TABLE
   WordPress page: /reports-library-table/
   Page ID: 245

   Category-only styling:
   does not alter Docman photo/document galleries.
   ============================================================ */

/* ------------------------------------------------------------
   SMART NAUTILUS PALETTE
   ------------------------------------------------------------ */

body.page-id-245 {
  --sn-navy: #1F3F55;
  --sn-marine-blue: #1F5F8B;
  --sn-dark-blue: #174A6D;
  --sn-sky: #EAF2F8;
  --sn-sky-border: #B8CEDD;
  --sn-teal: #28777A;
  --sn-teal-soft: #EEF6F5;
  --sn-teal-border: #B8D6D1;
  --sn-text: #263746;
  --sn-muted: #637381;
  --sn-line: #D8E3EA;
  --sn-white: #FFFFFF;
  --sn-danger: #B54842;
}

/* ------------------------------------------------------------
   SWITCH-TO-TREE-LAYOUT LINK
   ------------------------------------------------------------ */

body.page-id-245 #post-245 figure.wp-block-image {
  margin: 0 0 16px 22px;
}

body.page-id-245 #post-245 figure.wp-block-image a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-height: 48px;
  padding: 6px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 8px;
  background: var(--sn-white);
  transition: background-color 180ms ease, border-color 180ms ease,
        box-shadow 180ms ease, transform 180ms ease;
}

body.page-id-245 #post-245 figure.wp-block-image a:hover,
body.page-id-245 #post-245 figure.wp-block-image a:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-sky);
  box-shadow: 0 5px 16px rgba(31, 63, 85, 0.13);
  transform: translateY(-1px);
}

body.page-id-245 #post-245 figure.wp-block-image img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body.page-id-245 #post-245 figure.wp-block-image figcaption {
  margin-top: 4px;
  color: var(--sn-muted);
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}

/* ------------------------------------------------------------
   PAGE INTRODUCTION
   Styles the existing Reports Library explanatory paragraph.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .entry-header {
  margin-bottom: 12px;
}

body.page-id-245 #post-245 .entry-title {
  color: var(--sn-navy);
  font-weight: 700;
  letter-spacing: -0.02em;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph {
  max-width: 780px;
  margin-bottom: 18px;
  color: var(--sn-text);
  font-size: 16px;
  line-height: 1.65;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a {
  color: var(--sn-marine-blue);
  font-weight: 700;
  text-decoration-color: var(--sn-sky-border);
  text-underline-offset: 3px;
}

body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a:hover,
body.page-id-245 #post-245 .entry-content > p.wp-block-paragraph a:focus {
  color: var(--sn-dark-blue);
  text-decoration-color: currentColor;
}

/* ------------------------------------------------------------
   DOCMAN CATEGORY GRID ONLY

   Categories:
   .koowa_media_wrapper--categories

   Photo/document galleries:
   .koowa_media_wrapper--documents

   This distinction keeps inspection photo galleries unchanged.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories {
  margin: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: initial;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--sn-sky-border);
  border-radius: 5px;
  background: var(--sn-white);
  box-shadow: 0 2px 8px rgba(31, 63, 85, 0.06);
  transition: border-color 180ms ease, box-shadow 180ms ease,
        transform 180ms ease;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item:focus-within {
  border-color: var(--sn-marine-blue);
  box-shadow: 0 8px 22px rgba(31, 63, 85, 0.14);
  transform: translateY(-2px);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link {
  display: flex;
  flex: 1 1 auto;
  width: auto;
  min-height: 106px;
  padding: 18px;
  border: 0;
  background: var(--sn-white);
  color: var(--sn-navy);
  text-decoration: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link:focus {
  background: linear-gradient(135deg, var(--sn-white) 0%, var(--sn-sky) 100%);
  color: var(--sn-dark-blue);
  outline: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__content-holder {
  display: flex;
  align-items: center;
  width: 100%;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__label {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 14px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item {
  display: block;
  min-width: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 66px;
  width: 66px;
  height: 54px;
  padding: 0;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container img {
  display: block;
  max-width: 100%;
  max-height: 54px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 3px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container .k-icon-document-folder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: var(--sn-teal-soft);
  color: var(--sn-teal);
  font-size: 25px;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_wrapped_content,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .whitespace_preserver,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .overflow_container {
  display: block;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  overflow: visible;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  white-space: normal;
  text-overflow: clip;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .overflow_container > span {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--sn-sky);
  color: var(--sn-marine-blue);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  white-space: nowrap;
}

/* ------------------------------------------------------------
   CATEGORY ADMINISTRATION CONTROLS
   Edit and Delete links are shown only to authorised users.
   ------------------------------------------------------------ */

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  margin: 0;
  padding: 9px 14px;
  border-top: 1px solid var(--sn-line);
  border-radius: 0;
  background: #F8FBFD;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 29px;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid var(--sn-sky-border);
  border-radius: 5px;
  background: var(--sn-white);
  color: var(--sn-marine-blue);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn:focus {
  border-color: var(--sn-marine-blue);
  background: var(--sn-marine-blue);
  color: var(--sn-white);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger {
  margin-left: auto;
  border-color: #E3B9B5;
  color: var(--sn-danger);
}

body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger:hover,
body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options .btn-danger:focus {
  border-color: var(--sn-danger);
  background: var(--sn-danger);
  color: var(--sn-white);
}

/* ------------------------------------------------------------
   RESPONSIVE CATEGORY GRID
   ------------------------------------------------------------ */

@media (max-width: 980px) {
  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.page-id-245 #post-245 figure.wp-block-image {
    float: none;
    margin: 0 0 18px;
    text-align: left;
  }

  body.page-id-245 #post-245 figure.wp-block-image figcaption {
    text-align: left;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__link {
    min-height: 92px;
    padding: 15px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_header__item--image_container {
    flex-basis: 56px;
    width: 56px;
    height: 48px;
  }

  body.page-id-245 #post-245 .com_docman .koowa_media_wrapper--categories .koowa_media__item__options {
    padding: 8px 12px;
  }
}



.pswp__button.pswp__button--close {
  padding: 30px;
}

/* ============================================================
   DOCMAN PHOTO GALLERIES — 20% LARGER THUMBNAILS
   Page ID 245: Reports Library table and nested report pages
   ============================================================ */

@media (min-width: 981px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 24%;
    }
}

/* Keep thumbnails comfortably sized on tablets. */
@media (min-width: 641px) and (max-width: 980px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 33.3333%;
    }
}

/* Two large thumbnails per row on phones. */
@media (max-width: 640px) {
    body.page-id-245 #post-245 .com_docman
    .koowa_media_wrapper--documents
    .koowa_media__item {
        width: 50%;
    }
}

/* SMART NAUTILUS — BIOFOULING RECORD BOOK TABLE TEXT */
body.page-id-2521 table.bf20-11-tbl.bf-tbl th,
body.page-id-2521 table.bf20-11-tbl.bf-tbl td,
body.page-id-2521 table.bf20-11-tbl.bf-tbl th *,
body.page-id-2521 table.bf20-11-tbl.bf-tbl td * {
    font-size: 13px !important;
}

/* BFMP Vessel Registration form for Vessels CPT */
.nvm-registration {
  --nvm-text: #333333;
  --nvm-border: #dddddd;
  --nvm-blue: #176da3;

  width: 90%;
	color: var(--nvm-text);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.6;
}

/* Introductory text */
.nvm-registration > p {
  margin: 0 0 18px;
}

/* Form width and field spacing */
.nvm-registration form {
  width: 100%;
}

.nvm-registration form > p {
  margin: 0 0 22px;
}

/* Field labels */
.nvm-registration label {
  display: inline-block;
  margin-bottom: 5px;
  color: var(--nvm-text);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

/* Remove the extra line break generated by the form */
.nvm-registration label + br {
  display: none;
}

/* Text, number and date fields */
.nvm-registration input:not([type="hidden"]) {
  display: block;
  width: 100%;
  max-width: 680px;
  min-height: 42px;
  box-sizing: border-box;
  margin: 0;
  padding: 9px 12px;

  background: #ffffff;
  color: var(--nvm-text);
  border: 1px solid var(--nvm-border);
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 3%);

  font: inherit;
  line-height: 1.4;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.nvm-registration input:not([type="hidden"]):focus {
  border-color: var(--nvm-blue);
  outline: 2px solid var(--nvm-blue);
  outline-offset: 2px;
  box-shadow: none;
}

/* Submission explanation */
.nvm-registration form > p:last-of-type {
  max-width: 680px;
  margin-bottom: 20px;
  color: #555555;
  font-size: 14px;
}

/* Submit button */
.nvm-registration button[type="submit"] {
  display: inline-block;
  min-height: 44px;
  padding: 12px 24px;

  background: var(--nvm-blue);
  color: #ffffff;
  border: 1px solid var(--nvm-blue);
  border-radius: 3px;

  font: inherit;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;

  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.nvm-registration button[type="submit"]:hover {
  background: #125780;
  border-color: #125780;
}

.nvm-registration button[type="submit"]:focus-visible {
  outline: 3px solid var(--nvm-blue);
  outline-offset: 3px;
}

/* Validation messages */
.nvm-registration [role="alert"] {
  max-width: 680px;
  box-sizing: border-box;
  margin: 0 0 24px;
  padding: 14px 18px;
  background: #fff5f5;
  color: #8a2424;
  border: 1px solid #e6b7b7;
  border-left: 4px solid #b83232;
  border-radius: 3px;
}

.nvm-registration [role="alert"] ul {
  margin: 0;
  padding-left: 20px;
}

/* Success messages sit outside the form wrapper */
#post-3709 [role="status"] {
  margin: 20px 0;
  padding: 20px;
  background: #f1f8f3;
  color: #245b35;
  border: 1px solid #bdd8c5;
  border-left: 4px solid #39804d;
  border-radius: 3px;
}

#post-3709 [role="status"] h2 {
  margin: 0 0 10px;
  color: inherit;
  font-size: 24px;
}

#post-3709 [role="status"] p {
  margin: 0;
}

/* Mobile */
@media (max-width: 600px) {
  .nvm-registration label {
    font-size: 16px;
  }

  .nvm-registration input:not([type="hidden"]) {
    min-height: 46px;
    font-size: 16px;
  }

  .nvm-registration button[type="submit"] {
    width: 100%;
  }
}
/* Stack each label above its field */
.nvm-registration form > p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.nvm-registration form label {
  display: block;
  width: 100%;
  margin: 0;
}

.nvm-registration form label + br {
  display: none;
}

.nvm-registration form input:not([type="hidden"]) {
  display: block;
  width: 90%;
  max-width: 680px;
  margin: 0;
}