/*
 * Publik backoffice visual override.
 *
 * Backoffice scope starts at body[data-gadjo="true"] so public portals,
 * login pages and custom frontoffice pages are not restyled. A very small
 * public-form scope at the end only neutralizes legacy inline info callouts
 * generated by the assistant.
 */

@media screen {
  html:has(> body[data-gadjo="true"]) {
    background: #f6f7f7 !important;
    background-image: none !important;
  }

  body[data-gadjo="true"] {
    --bo-bg: #f6f7f7;
    --bo-surface: #ffffff;
    --bo-surface-muted: #f0f1f1;
    --bo-surface-soft: #fafafa;
    --bo-border: #d9dddd;
    --bo-border-strong: #bcc4c4;
    --bo-text: #1d2a2e;
    --bo-muted: #5f6f73;
    --bo-primary: #2f6f5e;
    --bo-primary-hover: #245447;
    --bo-primary-soft: #f4f5f5;
    --bo-primary-border: #c2d8cf;
    --bo-on-primary: #ffffff;
    --bo-on-soft: #1d2a2e;
    --bo-section-bg: #ffffff;
    --bo-accent: #b85f00;
    --bo-danger: #b42318;
    --bo-warning: #946200;
    --bo-success: #2d7d46;
    --bo-success-bg: #f4f5f5;
    --bo-success-border: #a8d8bb;
    --bo-warning-bg: #fff6df;
    --bo-warning-border: #e4c56f;
    --bo-danger-bg: #fff4f2;
    --bo-danger-border: #f1b9b3;
    --bo-info: #2f6f5e;
    --bo-info-bg: #f4f5f5;
    --bo-info-border: #c8ded5;
    --bo-radius: 8px;
    --bo-radius-sm: 6px;
    --bo-sidepage-left-space: 36px;
    --bo-sidepage-icon-width: 48px;
    --bo-sidepage-label-width: 210px;
    --bo-sidepage-expanded-width: 224px;
    --bo-sidepage-content-offset: calc(var(--bo-sidepage-icon-width) + var(--bo-sidepage-label-width));
    --bo-shadow: 0 8px 24px rgba(25, 40, 45, 0.08);
    --bo-shadow-soft: 0 2px 8px rgba(25, 40, 45, 0.07);
    --bo-shadow-hover: 0 10px 28px rgba(25, 40, 45, 0.12);
    --bo-focus-ring: 0 0 0 3px rgba(47, 111, 94, 0.16);
    --bo-transition: 160ms ease;
    --blue: var(--bo-primary);
    --blue-dusty: var(--bo-primary-hover);
    --blue-dark: #172326;
    --primary-color: var(--bo-primary);
    --link-color: var(--bo-primary);
    --accent-color: var(--bo-primary);
    --outline-color: var(--bo-primary);
    --highlight-gradient: linear-gradient(90deg, #172326 0%, var(--bo-primary) 100%);
    color: var(--bo-text);
    background: var(--bo-bg);
    font-size: 13px;
    line-height: 1.45;
    accent-color: var(--bo-primary);
  }

  body[data-gadjo="true"] *,
  body[data-gadjo="true"] *::before,
  body[data-gadjo="true"] *::after {
    box-sizing: border-box;
  }

  body[data-gadjo="true"] a,
  body[data-gadjo="true"] button.link {
    color: var(--bo-primary);
    border-bottom-color: rgba(47, 111, 94, 0.3);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
  }

  body[data-gadjo="true"] a:hover,
  body[data-gadjo="true"] button.link:hover {
    color: var(--bo-primary-hover);
    border-bottom-color: currentColor;
  }

  body[data-gadjo="true"] a[href="#main-content"],
  body[data-gadjo="true"] a[href="#content"],
  body[data-gadjo="true"] .skip-link {
    color: var(--bo-primary-hover) !important;
    border-color: var(--bo-primary-border) !important;
  }

  body[data-gadjo="true"] a[href="#main-content"]:focus-visible,
  body[data-gadjo="true"] a[href="#content"]:focus-visible,
  body[data-gadjo="true"] .skip-link:focus-visible {
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary) !important;
    border-color: transparent !important;
  }

  body[data-gadjo="true"] :focus-visible {
    outline: 3px solid rgba(184, 95, 0, 0.35);
    outline-offset: 2px;
    border-radius: 4px;
  }

  body[data-gadjo="true"] [style*="#e7f3ff" i],
  body[data-gadjo="true"] [style*="#d9edf7" i],
  body[data-gadjo="true"] [style*="#cfe2ff" i],
  body[data-gadjo="true"] [style*="#99ccff" i],
  body[data-gadjo="true"] [style*="#6699ff" i],
  body[data-gadjo="true"] [style*="#87ceeb" i],
  body[data-gadjo="true"] [style*="#b0c4de" i] {
    color: var(--bo-text) !important;
    background: var(--bo-info-bg) !important;
    background-color: var(--bo-info-bg) !important;
    border-color: var(--bo-info-border) !important;
    border-left-color: var(--bo-primary) !important;
  }

  body[data-gadjo="true"] [style*="background:#007bff" i],
  body[data-gadjo="true"] [style*="background: #007bff" i],
  body[data-gadjo="true"] [style*="background-color:#007bff" i],
  body[data-gadjo="true"] [style*="background-color: #007bff" i],
  body[data-gadjo="true"] [style*="background:#0d6efd" i],
  body[data-gadjo="true"] [style*="background: #0d6efd" i],
  body[data-gadjo="true"] [style*="background-color:#0d6efd" i],
  body[data-gadjo="true"] [style*="background-color: #0d6efd" i],
  body[data-gadjo="true"] [style*="background:#1565c0" i],
  body[data-gadjo="true"] [style*="background: #1565c0" i],
  body[data-gadjo="true"] [style*="background-color:#1565c0" i],
  body[data-gadjo="true"] [style*="background-color: #1565c0" i],
  body[data-gadjo="true"] [style*="background:#1976d2" i],
  body[data-gadjo="true"] [style*="background: #1976d2" i],
  body[data-gadjo="true"] [style*="background-color:#1976d2" i],
  body[data-gadjo="true"] [style*="background-color: #1976d2" i],
  body[data-gadjo="true"] [style*="background:#2196f3" i],
  body[data-gadjo="true"] [style*="background: #2196f3" i],
  body[data-gadjo="true"] [style*="background-color:#2196f3" i],
  body[data-gadjo="true"] [style*="background-color: #2196f3" i] {
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary) !important;
    background-color: var(--bo-primary) !important;
    border-color: var(--bo-primary) !important;
  }

  body[data-gadjo="true"] [style*="#007bff" i],
  body[data-gadjo="true"] [style*="#0d6efd" i],
  body[data-gadjo="true"] [style*="#1565c0" i],
  body[data-gadjo="true"] [style*="#1976d2" i],
  body[data-gadjo="true"] [style*="#2196f3" i] {
    border-color: var(--bo-primary) !important;
    border-left-color: var(--bo-primary) !important;
  }

  @media (prefers-reduced-motion: no-preference) {
    body[data-gadjo="true"] a,
    body[data-gadjo="true"] button,
    body[data-gadjo="true"] input,
    body[data-gadjo="true"] select,
    body[data-gadjo="true"] textarea,
    body[data-gadjo="true"] ul.apps li[class*="icon-"] a,
    body[data-gadjo="true"] #sidepage ul#sidepage-menu li a,
    body[data-gadjo="true"] #sidepage ul#sidepage-menu li a::before,
    body[data-gadjo="true"] ul.objects-list li,
    body[data-gadjo="true"] #pages-list div.page,
    body[data-gadjo="true"] div.cell-list > div,
    body[data-gadjo="true"] div.objects-list > div,
    body[data-gadjo="true"] .bo-status-pill,
    body[data-gadjo="true"] .bo-copy-button,
    body[data-gadjo="true"] .gadjo-dropdown ul li a,
    body[data-gadjo="true"] #appbar span.actions .extra-actions-menu li a,
    body[data-gadjo="true"] div.menu-opener span.actions .extra-actions-menu li a {
      transition:
        color var(--bo-transition),
        background-color var(--bo-transition),
        border-color var(--bo-transition),
        box-shadow var(--bo-transition),
        transform var(--bo-transition);
    }
  }

  body[data-gadjo="true"] #top {
    height: 0;
  }

  body[data-gadjo="true"] div#header {
    height: 64px;
    background: var(--bo-surface);
    border-bottom: 1px solid var(--bo-border);
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] div#header h1 {
    height: 64px;
    line-height: 64px;
    color: var(--bo-text);
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: 0;
    padding-left: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-gadjo="true"] div#header h1 a {
    display: inline-block;
    max-width: min(32rem, calc(100vw - 10rem));
    overflow: hidden;
    color: var(--bo-muted);
    opacity: 1;
    padding-inline: 16px;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
  }

  body[data-gadjo="true"] div#header h1.breadcrumbs a {
    padding-right: 2.6rem;
  }

  body[data-gadjo="true"] div#header h1 a:hover {
    color: var(--bo-primary);
  }

  body[data-gadjo="true"] div#header h1.breadcrumbs a::after {
    height: 64px;
    width: 64px;
    border-color: var(--bo-border-strong);
    border-left-color: var(--bo-border-strong);
    border-bottom-color: var(--bo-border-strong);
    opacity: 0.8;
    left: auto;
    right: 0;
  }

  body[data-gadjo="true"] ul.user-info {
    top: 8px;
    right: 10px;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background: transparent;
    font-weight: 600;
  }

  body[data-gadjo="true"] ul.user-info li {
    height: 48px;
    line-height: 48px;
    color: var(--bo-text);
  }

  body[data-gadjo="true"] ul.user-info a {
    color: inherit;
  }

  body[data-gadjo="true"] #toplinks a.login-link,
  body[data-gadjo="true"] #toplinks a.account-link,
  body[data-gadjo="true"] #toplinks a.registration,
  body[data-gadjo="true"] #toplinks a.logout {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0.4rem 0.72rem;
    color: var(--bo-text) !important;
    background: var(--bo-surface) !important;
    border: 1px solid var(--bo-border-strong) !important;
    border-radius: 8px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
  }

  body[data-gadjo="true"] #toplinks a.login-link:hover,
  body[data-gadjo="true"] #toplinks a.account-link:hover,
  body[data-gadjo="true"] #toplinks a.registration:hover,
  body[data-gadjo="true"] #toplinks a.logout:hover,
  body[data-gadjo="true"] #toplinks a.login-link:focus-visible,
  body[data-gadjo="true"] #toplinks a.account-link:focus-visible,
  body[data-gadjo="true"] #toplinks a.registration:focus-visible,
  body[data-gadjo="true"] #toplinks a.logout:focus-visible {
    color: var(--bo-primary-hover) !important;
    background: var(--bo-surface-soft) !important;
    border-color: var(--bo-primary-border) !important;
  }

  body[data-gadjo="true"] ul.user-info .ui-platform-name {
    max-width: 18rem;
    padding: 0 1rem;
    background: var(--bo-surface-muted);
    color: var(--bo-text);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    text-transform: none;
  }

  body[data-gadjo="true"] ul.user-info .ui-platform-name a {
    color: var(--bo-text);
  }

  body[data-gadjo="true"] ul.user-info .ui-avatar {
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin-left: 0.6rem;
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-radius: 50%;
    font-size: 1rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
  }

  body[data-gadjo="true"] ul.user-info .ui-name {
    color: var(--bo-muted);
    padding-left: 0.4rem;
  }

  body[data-gadjo="true"] ul.user-info .ui-logout button {
    height: 42px;
    margin-left: 0.35rem;
    color: var(--bo-muted);
    border-radius: 8px;
  }

  body[data-gadjo="true"] ul.user-info .ui-logout button:hover {
    color: var(--bo-danger);
    background: #fff0ee;
  }

  body[data-gadjo="true"] ul.user-info .ui-logout button::after {
    padding: 0 0.9rem;
  }

  body[data-gadjo="true"] #main {
    min-height: calc(100vh - 64px);
    background: var(--bo-bg);
  }

  body[data-gadjo="true"] div#main-content {
    margin: 1.25rem;
    min-height: calc(100vh - 96px);
    overflow-x: auto;
  }

  @media screen and (min-width: 761px) {
    body[data-gadjo="true"]:has(#sidepage ul#sidepage-menu) #main {
      margin-left: var(--bo-sidepage-content-offset);
    }

    body[data-gadjo="true"]:has(#sidepage ul#sidepage-menu) div#main-content {
      margin-left: 1.25rem;
    }

    body[data-gadjo="true"]:has(#sidepage ul#sidepage-menu) div#header {
      margin-left: var(--bo-sidepage-left-space);
    }

    body[data-gadjo="true"]:has(#sidepage ul#sidepage-menu) div#header h1 {
      padding-left: calc(var(--bo-sidepage-label-width) + var(--bo-sidepage-left-space));
    }
  }

  body[data-gadjo="true"] div#content {
    color: var(--bo-text);
  }

  body[data-gadjo="true"] #more-user-links {
    margin-bottom: 0.75rem;
    color: var(--bo-muted);
  }

  body[data-gadjo="true"] #breadcrumb a,
  body[data-gadjo="true"] #more-user-links a {
    color: var(--bo-muted);
  }

  body[data-gadjo="true"] #appbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.2rem;
    padding: 0 0 0.8rem;
    border-bottom: 1px solid var(--bo-border);
  }

  body[data-gadjo="true"] #main-content > h2,
  body[data-gadjo="true"] #appbar > h2,
  body[data-gadjo="true"] #appbar .appbar--title,
  body[data-gadjo="true"] #main-content .top-title h2,
  body[data-gadjo="true"] #content h2 {
    top: 0;
    margin: 0 0 1rem;
    padding: 0;
    color: var(--bo-text);
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] #appbar .appbar--title {
    position: relative;
    padding-left: 0.78rem;
  }

  body[data-gadjo="true"] #appbar .appbar--title::before {
    position: absolute;
    top: 0.18rem;
    bottom: 0.18rem;
    left: 0;
    width: 4px;
    min-height: 1.25rem;
    background: var(--bo-primary);
    border-radius: 999px;
    content: "";
  }

  body[data-gadjo="true"] #appbar span.actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
  }

  body[data-gadjo="true"] #appbar span.actions > * {
    margin-left: 0;
  }

  body[data-gadjo="true"] #sidepage {
    color: var(--bo-text);
  }

  body[data-gadjo="true"] #sidepage span#applabel {
    visibility: visible;
    height: 64px;
    line-height: 64px;
    background: var(--bo-surface);
    border-bottom: 1px solid var(--bo-border);
  }

  body[data-gadjo="true"] #sidepage span#applabel::before {
    top: 52px;
    background: var(--bo-primary);
    color: var(--bo-on-primary);
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu {
    padding-top: 0.75rem;
    background: var(--bo-surface);
    border-right: 1px solid var(--bo-border);
    box-shadow: 8px 0 22px rgba(24, 37, 41, 0.07);
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu::before {
    width: 36px;
    background: #172326;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li {
    line-height: 1.25;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a {
    margin: 0.12rem 0.45rem 0.12rem 0;
    padding: 0.64rem 0.7rem 0.64rem 49px;
    color: var(--bo-muted);
    border-radius: 8px 0 0 8px;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a:hover,
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li.active a {
    color: var(--bo-on-soft);
    background: var(--bo-primary-soft);
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li:hover::after,
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li.active::after,
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li.active:hover::after {
    right: 0;
    top: 20%;
    width: 4px;
    height: 60%;
    background: var(--bo-primary);
    border-radius: 8px 0 0 8px;
    transform: none;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a[class*="icon-"] {
    position: relative;
    padding-left: 54px;
    background-image: none !important;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a[class*="icon-"]::before {
    position: absolute;
    top: 50%;
    left: 11px;
    width: 30px;
    height: 30px;
    color: var(--bo-primary);
    background: var(--bo-surface);
    border: 1px solid var(--bo-primary-border);
    border-radius: 8px;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    transform: translateY(-50%);
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a[class*="icon-"]:hover::before,
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li.active a[class*="icon-"]::before {
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-color: var(--bo-primary);
    box-shadow: 0 4px 10px rgba(47, 111, 94, 0.2);
  }

  @media screen and (min-width: 761px) {
    body[data-gadjo="true"] #sidepage {
      width: var(--bo-sidepage-expanded-width);
      overflow: visible;
    }

    body[data-gadjo="true"] #sidepage span#applabel {
      width: var(--bo-sidepage-content-offset);
      padding-right: 2.1rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    body[data-gadjo="true"] #sidepage span#applabel::before {
      right: -10px;
      transform: rotate(180deg);
    }

    body[data-gadjo="true"] #sidepage ul#sidepage-menu,
    body[data-gadjo="true"] #sidepage ul#sidepage-menu li {
      overflow: visible;
    }

    body[data-gadjo="true"] #sidepage ul#sidepage-menu {
      left: var(--bo-sidepage-left-space);
      width: var(--bo-sidepage-expanded-width);
    }

    body[data-gadjo="true"] #sidepage ul#sidepage-menu li a {
      display: block;
      padding-right: 0.85rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.95rem;
      font-weight: 700;
      text-indent: 0;
    }

    body[data-gadjo="true"] #sidepage ul#sidepage-menu li a::before {
      display: block;
      font-size: 14px;
      text-indent: 0;
    }
  }

  body[data-gadjo="true"] ul.apps li[class*="icon-"] a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    min-height: 122px;
    padding: 4.45rem 0.8rem 0.9rem;
    color: var(--bo-text);
    background: var(--bo-surface) !important;
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
    line-height: 1.25;
    text-align: center;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] ul.apps li[class*="icon-"] a:hover,
  body[data-gadjo="true"] ul.apps li[class*="icon-"] a:focus-visible {
    color: var(--bo-on-soft);
    background: var(--bo-primary-soft) !important;
    border-color: var(--bo-primary-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-hover);
    transform: translateY(-2px);
  }

  body[data-gadjo="true"] ul.apps li[class*="icon-"] a::before {
    position: absolute;
    top: 1rem;
    left: 50%;
    width: 42px;
    height: 42px;
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-radius: 8px;
    font-family: FontAwesome;
    font-size: 1.35rem;
    line-height: 42px;
    text-align: center;
    transform: translateX(-50%);
    box-shadow: 0 6px 14px rgba(47, 111, 94, 0.2);
  }

  body[data-gadjo="true"] ul.apps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 160px));
    gap: 0.85rem;
    align-items: stretch;
    justify-content: start;
  }

  body[data-gadjo="true"] ul.apps li {
    float: none;
    display: block;
    margin: 0;
  }

  body[data-gadjo="true"] ul.apps li a {
    width: 100%;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-add::before,
  body[data-gadjo="true"] ul.apps li.icon-add a::before { content: "\f067"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-agendas::before,
  body[data-gadjo="true"] ul.apps li.icon-agendas a::before { content: "\f073"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-announces::before,
  body[data-gadjo="true"] ul.apps li.icon-announces a::before { content: "\f0a1"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-api::before,
  body[data-gadjo="true"] ul.apps li.icon-api a::before { content: "\f0ec"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-authentic::before,
  body[data-gadjo="true"] ul.apps li.icon-authentic a::before { content: "\f084"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-bankcard::before,
  body[data-gadjo="true"] ul.apps li.icon-bankcard a::before { content: "\f09d"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-bijoe::before,
  body[data-gadjo="true"] ul.apps li.icon-bijoe a::before { content: "\f080"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-book::before,
  body[data-gadjo="true"] ul.apps li.icon-book a::before { content: "\f02d"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-calendar::before,
  body[data-gadjo="true"] ul.apps li.icon-calendar a::before { content: "\f133"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-cards::before,
  body[data-gadjo="true"] ul.apps li.icon-cards a::before { content: "\f0ce"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-categories::before,
  body[data-gadjo="true"] ul.apps li.icon-categories a::before { content: "\f02c"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-chrono::before,
  body[data-gadjo="true"] ul.apps li.icon-chrono a::before { content: "\f017"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-clock::before,
  body[data-gadjo="true"] ul.apps li.icon-clock a::before { content: "\f017"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-combo::before,
  body[data-gadjo="true"] ul.apps li.icon-combo a::before { content: "\f0db"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-corbo::before,
  body[data-gadjo="true"] ul.apps li.icon-corbo a::before { content: "\f0a1"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-counter::before,
  body[data-gadjo="true"] ul.apps li.icon-counter a::before { content: "\f0ae"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-data::before,
  body[data-gadjo="true"] ul.apps li.icon-data a::before { content: "\f1c0"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-facturier::before,
  body[data-gadjo="true"] ul.apps li.icon-facturier a::before { content: "\f1ec"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-fargo::before,
  body[data-gadjo="true"] ul.apps li.icon-fargo a::before { content: "\f07c"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-forms::before,
  body[data-gadjo="true"] ul.apps li.icon-forms a::before { content: "\f0f6"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-gis::before,
  body[data-gadjo="true"] ul.apps li.icon-gis a::before { content: "\f041"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-grid::before,
  body[data-gadjo="true"] ul.apps li.icon-grid a::before { content: "\f00a"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-home::before,
  body[data-gadjo="true"] ul.apps li.icon-home a::before { content: "\f015"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-hobo::before,
  body[data-gadjo="true"] ul.apps li.icon-hobo a::before { content: "\f0e8"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-identity-management::before,
  body[data-gadjo="true"] ul.apps li.icon-identity-management a::before { content: "\f2bb"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-lingo::before,
  body[data-gadjo="true"] ul.apps li.icon-lingo a::before { content: "\f153"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-mail::before,
  body[data-gadjo="true"] ul.apps li.icon-mail a::before { content: "\f0e0"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-management::before,
  body[data-gadjo="true"] ul.apps li.icon-management a::before { content: "\f0b1"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-mandaye::before,
  body[data-gadjo="true"] ul.apps li.icon-mandaye a::before { content: "\f0ec"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-organizational-units::before,
  body[data-gadjo="true"] ul.apps li.icon-organizational-units a::before { content: "\f0e8"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-passerelle::before,
  body[data-gadjo="true"] ul.apps li.icon-passerelle a::before { content: "\f1e6"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-password::before,
  body[data-gadjo="true"] ul.apps li.icon-password a::before { content: "\f023"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-phone::before,
  body[data-gadjo="true"] ul.apps li.icon-phone a::before { content: "\f095"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-portal::before,
  body[data-gadjo="true"] ul.apps li.icon-portal a::before { content: "\f0ac"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-portal-agent::before,
  body[data-gadjo="true"] ul.apps li.icon-portal-agent a::before { content: "\f0c0"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-porte-doc::before,
  body[data-gadjo="true"] ul.apps li.icon-porte-doc a::before { content: "\f07b"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-roles::before,
  body[data-gadjo="true"] ul.apps li.icon-roles a::before { content: "\f0c0"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-security::before,
  body[data-gadjo="true"] ul.apps li.icon-security a::before { content: "\f132"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-services::before,
  body[data-gadjo="true"] ul.apps li.icon-services a::before { content: "\f085"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-settings::before,
  body[data-gadjo="true"] ul.apps li.icon-settings a::before { content: "\f013"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-statistics::before,
  body[data-gadjo="true"] ul.apps li.icon-statistics a::before { content: "\f080"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-studio::before,
  body[data-gadjo="true"] ul.apps li.icon-studio a::before { content: "\f1fc"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-submission::before,
  body[data-gadjo="true"] ul.apps li.icon-submission a::before { content: "\f044"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-system::before,
  body[data-gadjo="true"] ul.apps li.icon-system a::before { content: "\f108"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-texts::before,
  body[data-gadjo="true"] ul.apps li.icon-texts a::before { content: "\f031"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-theme::before,
  body[data-gadjo="true"] ul.apps li.icon-theme a::before { content: "\f1fc"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-users::before,
  body[data-gadjo="true"] ul.apps li.icon-users a::before { content: "\f007"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-wcs::before,
  body[data-gadjo="true"] ul.apps li.icon-wcs a::before { content: "\f0f6"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-welco::before,
  body[data-gadjo="true"] ul.apps li.icon-welco a::before { content: "\f1d8"; }
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a.icon-workflows::before,
  body[data-gadjo="true"] ul.apps li.icon-workflows a::before { content: "\f074"; }

  body[data-gadjo="true"] .services {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr));
    gap: 0.9rem;
    align-items: stretch;
  }

  body[data-gadjo="true"] .services .service-card {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--bo-text);
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  body[data-gadjo="true"] .services .service-card .menu-opener {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 2;
    float: none;
  }

  body[data-gadjo="true"] .services .service-card .service-infos,
  body[data-gadjo="true"] .services .service-card .service-anchor,
  body[data-gadjo="true"] .services .service-card .service {
    height: 100%;
  }

  body[data-gadjo="true"] .services .service-card .service-infos {
    width: auto;
    padding: 0;
    border: 0;
  }

  body[data-gadjo="true"] .services .service-card .service-anchor {
    display: block;
    color: inherit;
    border: 0;
    text-decoration: none;
  }

  body[data-gadjo="true"] .services .service-card .service {
    position: relative;
    min-height: 7.35rem;
    padding: 1rem 3.15rem 1rem 1rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-left: 4px solid var(--bo-primary);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
    transition:
      border-color var(--bo-transition),
      box-shadow var(--bo-transition),
      transform var(--bo-transition);
  }

  body[data-gadjo="true"] .services .service-card:hover .service,
  body[data-gadjo="true"] .services .service-card:focus-within .service {
    border-color: var(--bo-primary-border);
    box-shadow: var(--bo-shadow-hover);
    transform: translateY(-2px);
  }

  body[data-gadjo="true"] .services .service-card.op-ok .service,
  body[data-gadjo="true"] .services .service.op-ok {
    border-left-color: var(--bo-success);
  }

  body[data-gadjo="true"] .services .service-card.op-nok .service,
  body[data-gadjo="true"] .services .service.op-nok {
    background: #fffafa;
    border-left-color: var(--bo-danger);
  }

  body[data-gadjo="true"] .services .service-title {
    position: relative;
    min-height: 2.55rem;
    margin: 0 0 0.85rem;
    padding-left: 3.05rem;
    padding-right: 2rem;
    color: var(--bo-text);
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.18;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] .services .service-title::before {
    content: "\f108";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-radius: 8px;
    font-family: FontAwesome;
    font-size: 1.05rem;
    line-height: 1;
    box-shadow: 0 6px 14px rgba(47, 111, 94, 0.16);
  }

  body[data-gadjo="true"] .services .service-card[data-service-slug*="authentic"] .service-title::before { content: "\f084"; }
  body[data-gadjo="true"] .services .service-card[data-service-slug*="wcs"] .service-title::before { content: "\f0f6"; }
  body[data-gadjo="true"] .services .service-card[data-service-slug*="passerelle"] .service-title::before { content: "\f1e6"; }
  body[data-gadjo="true"] .services .service-card[data-service-slug*="combo"] .service-title::before { content: "\f0ac"; }
  body[data-gadjo="true"] .services .service-card[data-service-slug*="portal-agent"] .service-title::before { content: "\f0c0"; }
  body[data-gadjo="true"] .services .service-card[data-service-slug*="fargo"] .service-title::before { content: "\f07c"; }
  body[data-gadjo="true"] .services .service-card[data-service-slug*="welco"] .service-title::before { content: "\f1d8"; }
  body[data-gadjo="true"] .services .service-card[data-service-slug*="chrono"] .service-title::before { content: "\f073"; }
  body[data-gadjo="true"] .services .service-card[data-service-slug*="lingo"] .service-title::before { content: "\f153"; }

  body[data-gadjo="true"] .services .service-card.op-ok .service-title::after,
  body[data-gadjo="true"] .services .service.op-ok .service-title::after {
    content: "\f00c";
    position: absolute;
    top: 0.15rem;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    color: #245c38;
    background: #f4fbf6;
    border: 1px solid var(--bo-success-border);
    border-radius: 999px;
    font-family: FontAwesome;
    font-size: 0.75rem;
    line-height: 1;
  }

  body[data-gadjo="true"] .services .service-card.op-nok .service-title::after,
  body[data-gadjo="true"] .services .service.op-nok .service-title::after {
    content: "\f00d";
    color: var(--bo-danger);
    background: var(--bo-danger-bg);
    border-color: var(--bo-danger-border);
  }

  body[data-gadjo="true"] .services .service-title br {
    display: none;
  }

  body[data-gadjo="true"] .services .service-label {
    display: block;
    margin-top: 0.2rem;
    color: var(--bo-muted);
    font-size: 0.88rem;
    font-weight: 650;
    line-height: 1.25;
  }

  body[data-gadjo="true"] .services .service-url {
    display: block;
    margin-top: 0.12rem;
    color: var(--bo-primary-hover);
    font-size: 0.8rem;
    font-weight: 650;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] .services .service-status-items {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    margin: 0;
  }

  body[data-gadjo="true"] .services .service-status-items span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.65rem;
    margin: 0;
    padding: 0.18rem 0.55rem;
    color: var(--bo-muted);
    background: var(--bo-surface-muted);
    border: 1px solid var(--bo-border);
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.1;
  }

  body[data-gadjo="true"] .services .service-status-items span:not([style*="display: none"]) {
    display: inline-flex !important;
  }

  body[data-gadjo="true"] .services .service-status-items span::before {
    content: "\f111";
    color: var(--bo-muted);
    font-family: FontAwesome;
    font-size: 0.55rem;
    line-height: 1;
  }

  body[data-gadjo="true"] .services .service-status-items span.op-ok,
  body[data-gadjo="true"] .services .service-status-items .security.sec-0,
  body[data-gadjo="true"] .services .service-status-items .security.sec-1 {
    color: #245c38;
    background: #f4fbf6;
    border-color: var(--bo-success-border);
  }

  body[data-gadjo="true"] .services .service-status-items span.op-ok::before,
  body[data-gadjo="true"] .services .service-status-items .security.sec-0::before,
  body[data-gadjo="true"] .services .service-status-items .security.sec-1::before {
    content: "\f00c";
    color: var(--bo-success);
  }

  body[data-gadjo="true"] .services .service-status-items span.op-nok {
    color: var(--bo-danger);
    background: var(--bo-danger-bg);
    border-color: var(--bo-danger-border);
  }

  body[data-gadjo="true"] .services .service-status-items span.op-nok::before {
    content: "\f00d";
    color: var(--bo-danger);
  }

  body[data-gadjo="true"] .services .service-status-items .security::before {
    content: "\f132";
    color: var(--bo-warning);
  }

  body[data-gadjo="true"] .services .service-status-items .security.sec-2 {
    color: var(--bo-warning);
    background: var(--bo-warning-bg);
    border-color: var(--bo-warning-border);
  }

  body[data-gadjo="true"] .services .service-status-items .security.sec-3,
  body[data-gadjo="true"] .services .service-status-items .security.sec-4 {
    color: var(--bo-danger);
    background: var(--bo-danger-bg);
    border-color: var(--bo-danger-border);
  }

  body[data-gadjo="true"] .services .service-status-items .security.sec-3::before,
  body[data-gadjo="true"] .services .service-status-items .security.sec-4::before {
    color: var(--bo-danger);
  }

  body[data-gadjo="true"] #portal-agent-content .cell,
  body[data-gadjo="true"] #portal-agent-content .cell--body {
    min-width: 0;
  }

  body[data-gadjo="true"] #portal-agent-content .cell--body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    gap: 1rem;
    align-items: start;
  }

  body[data-gadjo="true"] #portal-agent-content .services {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 1rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-left: 4px solid var(--bo-primary);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] #portal-agent-content .services h3 {
    margin: 0 0 0.75rem;
    color: var(--bo-text);
    font-size: 1.05rem;
    font-weight: 850;
    line-height: 1.2;
  }

  body[data-gadjo="true"] #portal-agent-content .services ul.apps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
    gap: 0.65rem;
    align-items: stretch;
    justify-content: stretch;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  body[data-gadjo="true"] #portal-agent-content .services ul.apps li {
    float: none;
    display: block;
    width: auto;
    height: auto !important;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  body[data-gadjo="true"] #portal-agent-content .services ul.apps li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto !important;
    min-height: 3rem;
    padding: 0.72rem 0.85rem;
    color: var(--bo-text);
    background: var(--bo-surface-soft) !important;
    border: 1px solid var(--bo-border);
    border-left: 4px solid var(--bo-primary);
    border-radius: 8px;
    box-shadow: none;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    transition:
      background-color var(--bo-transition),
      border-color var(--bo-transition),
      box-shadow var(--bo-transition);
  }

  body[data-gadjo="true"] #portal-agent-content .services ul.apps li a:hover,
  body[data-gadjo="true"] #portal-agent-content .services ul.apps li a:focus-visible {
    color: var(--bo-on-soft);
    background: var(--bo-primary-soft) !important;
    border-color: var(--bo-primary-border);
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] #portal-agent-content .services ul.apps li a::before {
    content: none !important;
    display: none !important;
  }

  body[data-gadjo="true"]:has(.services) #sidebar a.button.button-paragraph {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    min-height: 2.65rem;
    margin-bottom: 0.45rem;
    padding: 0.6rem 0.72rem;
    color: var(--bo-text) !important;
    background: var(--bo-surface-soft) !important;
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: none;
  }

  body[data-gadjo="true"]:has(.services) #sidebar a.button.button-paragraph::after {
    content: "\f105";
    flex: 0 0 auto;
    color: var(--bo-primary);
    font-family: FontAwesome;
    font-size: 0.9rem;
  }

  body[data-gadjo="true"]:has(.services) #sidebar a.button.button-paragraph:hover,
  body[data-gadjo="true"]:has(.services) #sidebar a.button.button-paragraph:focus-visible {
    color: var(--bo-on-soft) !important;
    background: var(--bo-primary-soft) !important;
    border-color: var(--bo-primary-border);
  }

  body[data-gadjo="true"] div.bo-block,
  body[data-gadjo="true"] div.section,
  body[data-gadjo="true"] div.a2-block,
  body[data-gadjo="true"] #sidebar,
  body[data-gadjo="true"] .pk-tabs,
  body[data-gadjo="true"] .ui-dialog,
  body[data-gadjo="true"] .cell {
    color: var(--bo-text);
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] div.bo-block,
  body[data-gadjo="true"] div.section,
  body[data-gadjo="true"] div.a2-block {
    padding: 1rem;
  }

  body[data-gadjo="true"] div.bo-block h2,
  body[data-gadjo="true"] div.section h2,
  body[data-gadjo="true"] div.a2-block h2 {
    margin: -1rem -1rem 1rem;
    padding: 0.85rem 1rem;
    color: var(--bo-text);
    font-size: 1.15rem;
    font-weight: 700;
    border-bottom: 1px solid var(--bo-border);
    background: var(--bo-surface-soft);
    border-radius: 8px 8px 0 0;
  }

  body[data-gadjo="true"] div.section > h3:first-child:not(.section--title) {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    margin: -1rem -1rem 0.85rem;
    padding: 0.7rem 1rem;
    color: var(--bo-text) !important;
    background: var(--bo-section-bg) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--bo-border) !important;
    border-left: 4px solid var(--bo-primary) !important;
    border-radius: 8px 8px 0 0;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0;
  }

  body[data-gadjo="true"] .section--title,
  body[data-gadjo="true"] div.section h2.section--title,
  body[data-gadjo="true"] div.section h3.section--title {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0.65rem;
    min-width: 0;
    min-height: 2.75rem;
    margin: -1rem -1rem 0.85rem;
    padding: 0.7rem 0.8rem 0.7rem 1rem;
    color: var(--bo-text) !important;
    background: var(--bo-section-bg) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--bo-border) !important;
    border-left: 4px solid var(--bo-primary) !important;
    border-radius: 8px 8px 0 0;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: left !important;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] h3.section--title {
    font-size: 1.02rem;
  }

  body[data-gadjo="true"] .section--title.foldable--title::after {
    content: none !important;
    display: none !important;
  }

  body[data-gadjo="true"] .section--title::before,
  body[data-gadjo="true"] div.section h2.section--title::before,
  body[data-gadjo="true"] div.section h3.section--title::before {
    content: "\f02e";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border: 1px solid rgba(47, 111, 94, 0.16);
    border-radius: 8px;
    font-family: FontAwesome;
    font-size: 0.95rem;
    line-height: 1;
  }

  body[data-gadjo="true"] .section--title .foldable--trigger {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    margin-left: auto;
    padding: 0;
    color: var(--bo-primary) !important;
    background: var(--bo-surface) !important;
    border: 1px solid rgba(47, 111, 94, 0.16) !important;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: none;
  }

  body[data-gadjo="true"] .section--title .foldable--trigger::after {
    content: "";
    display: block;
    width: 0.48rem;
    height: 0.48rem;
    margin-top: -0.15rem;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transform-origin: center;
    transition: transform var(--bo-transition);
  }

  body[data-gadjo="true"] .section.folded .section--title .foldable--trigger::after,
  body[data-gadjo="true"] .foldable.folded .section--title .foldable--trigger::after {
    margin-top: 0;
    margin-left: -0.15rem;
    transform: rotate(-45deg);
  }

  body[data-gadjo="true"] .section--title .foldable--trigger:hover,
  body[data-gadjo="true"] .section--title .foldable--trigger:focus-visible {
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary) !important;
    border-color: var(--bo-primary) !important;
  }

  /* Categories de modeles de fiche : le markup WCS utilise des sections foldable,
     pas une classe .category. */
  body[data-gadjo="true"].section-cards :is(#content, #main-content) div.section.foldable[data-section-folded-pref-name^="folded-admin-cards-category-"] {
    background: var(--bo-surface);
    border-left: 4px solid var(--bo-primary);
    box-shadow: var(--bo-shadow);
  }

  body[data-gadjo="true"].section-cards :is(#content, #main-content) div.section.foldable[data-section-folded-pref-name^="folded-admin-cards-category-"] > .section--title {
    color: var(--bo-text) !important;
    background: var(--bo-surface-soft) !important;
    border-left: 0 !important;
  }

  body[data-gadjo="true"].section-cards :is(#content, #main-content) div.section.foldable[data-section-folded-pref-name^="folded-admin-cards-category-"] > .section--title::before {
    content: "\f02c";
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-color: rgba(47, 111, 94, 0.16);
  }

  body[data-gadjo="true"].section-cards :is(#content, #main-content) div.section.foldable[data-section-folded-pref-name^="folded-admin-cards-category-"] > ul.objects-list.single-links li {
    background: var(--bo-surface) !important;
    border-color: var(--bo-primary-border) !important;
  }

  body[data-gadjo="true"].section-cards :is(#content, #main-content) div.section.foldable[data-section-folded-pref-name^="folded-admin-cards-category-"] > ul.objects-list.single-links li > a:first-child {
    color: var(--bo-text) !important;
    background: transparent !important;
  }

  body[data-gadjo="true"] #sidebar {
    position: relative;
    margin: 1.25rem 1.25rem 1.25rem 0;
    padding: 1rem;
    max-width: 24rem;
    color: var(--bo-muted);
  }

  body[data-gadjo="true"] #sidebar #sidebar-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.9rem;
    left: -2.1rem;
    z-index: 20;
    width: 2.1rem;
    height: 2.7rem;
    min-width: 2.1rem;
    min-height: 2.7rem;
    padding: 0;
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary) !important;
    border: 1px solid var(--bo-primary-hover) !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 4px 12px rgba(25, 40, 45, 0.16);
    cursor: pointer;
    font-size: 0;
    line-height: 1;
  }

  body[data-gadjo="true"] #sidebar #sidebar-toggle::before {
    content: "\f053";
    font-family: FontAwesome;
    font-size: 0.9rem;
    line-height: 1;
  }

  body[data-gadjo="true"] #sidebar #sidebar-toggle:hover,
  body[data-gadjo="true"] #sidebar #sidebar-toggle:focus-visible {
    background: var(--bo-primary-hover) !important;
    border-color: var(--bo-primary-hover) !important;
  }

  body[data-gadjo="true"] #sidebar form {
    padding: 0;
  }

  body[data-gadjo="true"] details > summary::before {
    color: var(--bo-primary) !important;
  }

  body[data-gadjo="true"] details > summary:hover {
    color: var(--bo-primary-hover) !important;
  }

  body[data-gadjo="true"] ul.messages {
    max-width: none;
  }

  body[data-gadjo="true"] ul.messages li,
  body[data-gadjo="true"] div.infonotice,
  body[data-gadjo="true"] div.successnotice,
  body[data-gadjo="true"] div.warningnotice,
  body[data-gadjo="true"] div.errornotice,
  body[data-gadjo="true"] div.pk-success,
  body[data-gadjo="true"] div.pk-information,
  body[data-gadjo="true"] div.pk-attention,
  body[data-gadjo="true"] div.pk-error {
    margin: 0 0 1rem;
    padding: 0.85rem 1rem 0.85rem 3rem;
    color: var(--bo-text);
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-left: 4px solid var(--bo-primary);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] ul.messages li::before,
  body[data-gadjo="true"] div.infonotice::before,
  body[data-gadjo="true"] div.successnotice::before,
  body[data-gadjo="true"] div.warningnotice::before,
  body[data-gadjo="true"] div.errornotice::before,
  body[data-gadjo="true"] div.pk-success::before,
  body[data-gadjo="true"] div.pk-information::before,
  body[data-gadjo="true"] div.pk-attention::before,
  body[data-gadjo="true"] div.pk-error::before {
    left: 1rem;
    color: var(--bo-primary);
  }

  body[data-gadjo="true"] ul.messages li.info,
  body[data-gadjo="true"] div.infonotice,
  body[data-gadjo="true"] div.pk-information {
    background: var(--bo-info-bg);
    border-color: var(--bo-info-border);
    border-left-color: var(--bo-info);
  }

  body[data-gadjo="true"] ul.messages li.info::before,
  body[data-gadjo="true"] div.infonotice::before,
  body[data-gadjo="true"] div.pk-information::before {
    color: var(--bo-info);
  }

  body[data-gadjo="true"] ul.messages li.success,
  body[data-gadjo="true"] div.successnotice,
  body[data-gadjo="true"] div.pk-success {
    background: var(--bo-success-bg);
    border-color: var(--bo-success-border);
    border-left-color: var(--bo-success);
  }

  body[data-gadjo="true"] ul.messages li.success::before,
  body[data-gadjo="true"] div.successnotice::before,
  body[data-gadjo="true"] div.pk-success::before {
    color: var(--bo-success);
  }

  body[data-gadjo="true"] ul.messages li.warning,
  body[data-gadjo="true"] div.warningnotice,
  body[data-gadjo="true"] div.pk-attention {
    background: var(--bo-warning-bg);
    border-color: var(--bo-warning-border);
    border-left-color: var(--bo-warning);
  }

  body[data-gadjo="true"] ul.messages li.warning::before,
  body[data-gadjo="true"] div.warningnotice::before,
  body[data-gadjo="true"] div.pk-attention::before {
    color: var(--bo-warning);
  }

  body[data-gadjo="true"] ul.messages li.error,
  body[data-gadjo="true"] div.errornotice,
  body[data-gadjo="true"] div.pk-error {
    background: var(--bo-danger-bg);
    border-color: var(--bo-danger-border);
    border-left-color: var(--bo-danger);
  }

  body[data-gadjo="true"] ul.messages li.error::before,
  body[data-gadjo="true"] div.errornotice::before,
  body[data-gadjo="true"] div.pk-error::before {
    color: var(--bo-danger);
  }

  body[data-gadjo="true"] ul.messages li a.close,
  body[data-gadjo="true"] div.infonotice a.close,
  body[data-gadjo="true"] div.successnotice a.close,
  body[data-gadjo="true"] div.warningnotice a.close,
  body[data-gadjo="true"] div.errornotice a.close {
    color: var(--bo-muted);
    border: 0;
    border-radius: 50%;
  }

  body[data-gadjo="true"] ul.messages li a.close:hover,
  body[data-gadjo="true"] div.infonotice a.close:hover,
  body[data-gadjo="true"] div.successnotice a.close:hover,
  body[data-gadjo="true"] div.warningnotice a.close:hover,
  body[data-gadjo="true"] div.errornotice a.close:hover {
    color: var(--bo-on-primary);
    background: var(--bo-primary);
  }

  body[data-gadjo="true"] #content p.empty,
  body[data-gadjo="true"] #content div.empty,
  body[data-gadjo="true"] #content .empty-message,
  body[data-gadjo="true"] #content p.no-items,
  body[data-gadjo="true"] #content div.no-items,
  body[data-gadjo="true"] #content .no-results {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin: 0 0 1rem;
    padding: 0.9rem 1rem;
    color: var(--bo-muted);
    background: var(--bo-surface-soft);
    border: 1px dashed var(--bo-border-strong);
    border-radius: 8px;
    box-shadow: none;
  }

  body[data-gadjo="true"] #content p.empty::before,
  body[data-gadjo="true"] #content div.empty::before,
  body[data-gadjo="true"] #content .empty-message::before,
  body[data-gadjo="true"] #content p.no-items::before,
  body[data-gadjo="true"] #content div.no-items::before,
  body[data-gadjo="true"] #content .no-results::before {
    content: "\f05a";
    flex: 0 0 auto;
    color: var(--bo-info);
    font-family: FontAwesome;
    line-height: 1.45;
  }

  body[data-gadjo="true"] #content .big-msg-info {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.85rem;
    max-width: 44rem;
    min-height: 7.5rem;
    margin: 1.1rem 0;
    padding: 1.15rem 1.25rem;
    color: var(--bo-text);
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-left: 4px solid var(--bo-primary);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
    font-weight: 600;
    line-height: 1.45;
  }

  body[data-gadjo="true"] #content .big-msg-info::before {
    content: "\f0eb";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-radius: 8px;
    font-family: FontAwesome;
    font-size: 1rem;
    line-height: 1;
  }

  body[data-gadjo="true"] table.main,
  body[data-gadjo="true"] table.pk-compact-table,
  body[data-gadjo="true"] table.search-users,
  body[data-gadjo="true"] .table-container table {
    width: 100%;
    overflow: hidden;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] table.main caption,
  body[data-gadjo="true"] table.pk-compact-table caption,
  body[data-gadjo="true"] table.search-users caption,
  body[data-gadjo="true"] .table-container table caption {
    padding: 0.6rem 0;
    color: var(--bo-muted);
    font-weight: 700;
    text-align: left;
  }

  body[data-gadjo="true"] table.main th,
  body[data-gadjo="true"] table.pk-compact-table th,
  body[data-gadjo="true"] table.search-users th,
  body[data-gadjo="true"] .table-container table th {
    padding: 0.8rem 0.9rem;
    color: var(--bo-text);
    font-weight: 700;
    text-align: left;
    background: var(--bo-surface-muted);
    border-bottom: 1px solid var(--bo-border);
    vertical-align: bottom;
  }

  body[data-gadjo="true"] table.main td,
  body[data-gadjo="true"] table.pk-compact-table td,
  body[data-gadjo="true"] table.search-users td,
  body[data-gadjo="true"] .table-container table td {
    padding: 0.75rem 0.9rem;
    background: var(--bo-surface);
    border-bottom: 1px solid #e8eeee;
    vertical-align: middle;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] table.main th a,
  body[data-gadjo="true"] table.pk-compact-table th a,
  body[data-gadjo="true"] table.search-users th a,
  body[data-gadjo="true"] .table-container table th a {
    color: inherit;
    border-bottom: 0;
  }

  body[data-gadjo="true"] table.main tr:nth-child(even) td,
  body[data-gadjo="true"] table.pk-compact-table tr:nth-child(even) td,
  body[data-gadjo="true"] table.search-users tr:nth-child(even) td,
  body[data-gadjo="true"] .table-container table tr:nth-child(even) td {
    background: var(--bo-surface-soft);
  }

  body[data-gadjo="true"] table.main tr:hover td,
  body[data-gadjo="true"] table.pk-compact-table tr:hover td,
  body[data-gadjo="true"] table.search-users tr:hover td,
  body[data-gadjo="true"] .table-container table tr:hover td {
    background: var(--bo-primary-soft);
    color: var(--bo-on-soft);
  }

  body[data-gadjo="true"] table.clickable-rows {
    cursor: pointer;
  }

  body[data-gadjo="true"] .bo-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    border-radius: 8px;
    -webkit-overflow-scrolling: touch;
  }

  body[data-gadjo="true"] .bo-table-scroll:focus-visible {
    outline: 3px solid rgba(184, 95, 0, 0.35);
    outline-offset: 2px;
  }

  body[data-gadjo="true"] .bo-table-scroll.bo-has-horizontal-scroll {
    box-shadow: inset 0 -2px 0 rgba(47, 111, 94, 0.16);
  }

  body[data-gadjo="true"] table.main tr.active td,
  body[data-gadjo="true"] table.pk-compact-table tr.active td,
  body[data-gadjo="true"] table.search-users tr.active td,
  body[data-gadjo="true"] .table-container table tr.active td {
    background: #dceee7;
  }

  body[data-gadjo="true"] table.main tr:last-child td,
  body[data-gadjo="true"] table.pk-compact-table tr:last-child td,
  body[data-gadjo="true"] table.search-users tr:last-child td,
  body[data-gadjo="true"] .table-container table tr:last-child td {
    border-bottom: 0;
  }

  body[data-gadjo="true"] table.main td.checkbox,
  body[data-gadjo="true"] table.pk-compact-table td.checkbox,
  body[data-gadjo="true"] table.search-users td.checkbox,
  body[data-gadjo="true"] .table-container table td.checkbox {
    width: 2.75rem;
    text-align: center;
  }

  body[data-gadjo="true"] td.price,
  body[data-gadjo="true"] td.amount,
  body[data-gadjo="true"] td.numeric,
  body[data-gadjo="true"] th.price,
  body[data-gadjo="true"] th.amount,
  body[data-gadjo="true"] th.numeric {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }

  body[data-gadjo="true"] td.actions,
  body[data-gadjo="true"] th.actions,
  body[data-gadjo="true"] table.main td:last-child.actions,
  body[data-gadjo="true"] table.pk-compact-table td:last-child.actions {
    width: 1%;
    text-align: right;
    white-space: nowrap;
  }

  body[data-gadjo="true"] td.date,
  body[data-gadjo="true"] td.datetime,
  body[data-gadjo="true"] td.time,
  body[data-gadjo="true"] th.date,
  body[data-gadjo="true"] th.datetime,
  body[data-gadjo="true"] th.time {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  body[data-gadjo="true"] ul.objects-list {
    display: grid;
    gap: 0.45rem;
    margin: 0 0 1rem;
  }

  body[data-gadjo="true"] ul.objects-list li {
    min-width: 0;
    min-height: auto;
    line-height: 1.45;
    padding: 0.75rem 0.9rem;
    color: var(--bo-text);
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] ul.objects-list.single-links li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(4, auto);
    gap: 0.45rem;
    align-items: center;
    line-height: 1.45;
  }

  body[data-gadjo="true"] ul.objects-list.single-links li a {
    padding: 0.75rem 0.9rem;
  }

  body[data-gadjo="true"] ul.objects-list.single-links li > a:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.connectors {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(22rem, 100%), 1fr));
    gap: 0.9rem;
    clear: both;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.connectors li.connector {
    position: relative;
    float: none;
    display: block;
    width: auto;
    height: auto;
    min-height: 10rem;
    margin: 0;
    padding: 0;
    line-height: 1.25;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.connectors li.connector > a:first-child {
    position: relative;
    display: block;
    height: 100%;
    min-height: 10rem;
    padding: 0.9rem 1rem 1rem;
    color: var(--bo-text);
    text-align: center;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    border-bottom: 0;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.connectors li.connector > a:first-child::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    margin: 0.25rem auto 0.75rem;
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-radius: 10px;
    font-family: FontAwesome;
    font-size: 1.7rem;
    line-height: 1;
    box-shadow: 0 6px 14px rgba(47, 111, 94, 0.16);
  }

  body[data-gadjo="true"] ul.objects-list.single-links.connectors li.connector span.connector-name {
    position: static;
    display: block;
    width: auto;
    margin: 0 0 0.35rem;
    color: var(--bo-text);
    font-weight: 800;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.connectors li.connector span.connector-details {
    position: static;
    display: block;
    width: auto;
    color: var(--bo-muted);
    font-size: 0.88rem;
    font-weight: 600;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.connectors.add-connector li.connector,
  body[data-gadjo="true"] ul.objects-list.single-links.connectors.add-connector li.connector > a:first-child {
    min-height: 7.5rem;
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links {
    gap: 0.38rem;
    margin-top: 0.2rem;
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links li,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li {
    min-height: 3.2rem;
    padding: 0.25rem;
    background: var(--bo-surface);
    border-color: #e1eaea;
    box-shadow: none;
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links li:hover,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li:hover,
  body[data-gadjo="true"] div.section > ul.objects-list.single-links li:focus-within,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li:focus-within {
    background: #f7fbf9;
    border-color: var(--bo-primary-border);
    box-shadow: var(--bo-shadow-soft);
    transform: translateY(-1px);
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links li > a:first-child,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li > a:first-child {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 2.7rem;
    padding: 0.55rem 0.65rem;
    color: var(--bo-text);
    border-bottom: 0;
    font-weight: 500;
  }

  body[data-gadjo="true"] div.section > .section--title,
  body[data-gadjo="true"] div.section > .section--title > span {
    font-weight: 850 !important;
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links li > a:first-child::before,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li > a:first-child::before {
    content: "\f15c";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border: 1px solid rgba(47, 111, 94, 0.16);
    border-radius: 8px;
    font-family: FontAwesome;
    font-size: 0.9rem;
    line-height: 1;
  }

  body[data-gadjo="true"].section-forms div.section,
  body[data-gadjo="true"].section-workflows div.section,
  body[data-gadjo="true"].section-management div.section,
  body[data-gadjo="true"].section-submission div.section {
    padding: 0.75rem;
  }

  body[data-gadjo="true"].section-forms div.section > .section--title,
  body[data-gadjo="true"].section-workflows div.section > .section--title,
  body[data-gadjo="true"].section-management div.section > .section--title,
  body[data-gadjo="true"].section-submission div.section > .section--title {
    min-height: 2.45rem;
    margin: -0.75rem -0.75rem 0.55rem;
    padding: 0.55rem 0.65rem 0.55rem 0.8rem;
    font-size: 0.98rem;
  }

  body[data-gadjo="true"].section-forms div.section > ul.objects-list.single-links,
  body[data-gadjo="true"].section-workflows div.section > ul.objects-list.single-links,
  body[data-gadjo="true"].section-management div.section > ul.objects-list.single-links,
  body[data-gadjo="true"].section-submission div.section > ul.objects-list.single-links,
  body[data-gadjo="true"].section-forms div.section > div > ul.objects-list.single-links,
  body[data-gadjo="true"].section-workflows div.section > div > ul.objects-list.single-links,
  body[data-gadjo="true"].section-management div.section > div > ul.objects-list.single-links,
  body[data-gadjo="true"].section-submission div.section > div > ul.objects-list.single-links {
    gap: 0.26rem;
  }

  body[data-gadjo="true"].section-forms div.section > ul.objects-list.single-links li,
  body[data-gadjo="true"].section-workflows div.section > ul.objects-list.single-links li,
  body[data-gadjo="true"].section-management div.section > ul.objects-list.single-links li,
  body[data-gadjo="true"].section-submission div.section > ul.objects-list.single-links li,
  body[data-gadjo="true"].section-forms div.section > div > ul.objects-list.single-links li,
  body[data-gadjo="true"].section-workflows div.section > div > ul.objects-list.single-links li,
  body[data-gadjo="true"].section-management div.section > div > ul.objects-list.single-links li,
  body[data-gadjo="true"].section-submission div.section > div > ul.objects-list.single-links li {
    min-height: 2.75rem;
    padding: 0.18rem;
    border-left: 3px solid transparent;
  }

  body[data-gadjo="true"].section-forms div.section > ul.objects-list.single-links li:nth-child(even),
  body[data-gadjo="true"].section-workflows div.section > ul.objects-list.single-links li:nth-child(even),
  body[data-gadjo="true"].section-management div.section > ul.objects-list.single-links li:nth-child(even),
  body[data-gadjo="true"].section-submission div.section > ul.objects-list.single-links li:nth-child(even),
  body[data-gadjo="true"].section-forms div.section > div > ul.objects-list.single-links li:nth-child(even),
  body[data-gadjo="true"].section-workflows div.section > div > ul.objects-list.single-links li:nth-child(even),
  body[data-gadjo="true"].section-management div.section > div > ul.objects-list.single-links li:nth-child(even),
  body[data-gadjo="true"].section-submission div.section > div > ul.objects-list.single-links li:nth-child(even) {
    background: #fbfcfc;
  }

  body[data-gadjo="true"].section-forms div.section > ul.objects-list.single-links li:hover,
  body[data-gadjo="true"].section-workflows div.section > ul.objects-list.single-links li:hover,
  body[data-gadjo="true"].section-management div.section > ul.objects-list.single-links li:hover,
  body[data-gadjo="true"].section-submission div.section > ul.objects-list.single-links li:hover,
  body[data-gadjo="true"].section-forms div.section > div > ul.objects-list.single-links li:hover,
  body[data-gadjo="true"].section-workflows div.section > div > ul.objects-list.single-links li:hover,
  body[data-gadjo="true"].section-management div.section > div > ul.objects-list.single-links li:hover,
  body[data-gadjo="true"].section-submission div.section > div > ul.objects-list.single-links li:hover,
  body[data-gadjo="true"].section-forms div.section > ul.objects-list.single-links li:focus-within,
  body[data-gadjo="true"].section-workflows div.section > ul.objects-list.single-links li:focus-within,
  body[data-gadjo="true"].section-management div.section > ul.objects-list.single-links li:focus-within,
  body[data-gadjo="true"].section-submission div.section > ul.objects-list.single-links li:focus-within,
  body[data-gadjo="true"].section-forms div.section > div > ul.objects-list.single-links li:focus-within,
  body[data-gadjo="true"].section-workflows div.section > div > ul.objects-list.single-links li:focus-within,
  body[data-gadjo="true"].section-management div.section > div > ul.objects-list.single-links li:focus-within,
  body[data-gadjo="true"].section-submission div.section > div > ul.objects-list.single-links li:focus-within {
    border-left-color: var(--bo-primary);
  }

  body[data-gadjo="true"].section-forms div.section > ul.objects-list.single-links li > a:first-child,
  body[data-gadjo="true"].section-workflows div.section > ul.objects-list.single-links li > a:first-child,
  body[data-gadjo="true"].section-management div.section > ul.objects-list.single-links li > a:first-child,
  body[data-gadjo="true"].section-submission div.section > ul.objects-list.single-links li > a:first-child,
  body[data-gadjo="true"].section-forms div.section > div > ul.objects-list.single-links li > a:first-child,
  body[data-gadjo="true"].section-workflows div.section > div > ul.objects-list.single-links li > a:first-child,
  body[data-gadjo="true"].section-management div.section > div > ul.objects-list.single-links li > a:first-child,
  body[data-gadjo="true"].section-submission div.section > div > ul.objects-list.single-links li > a:first-child {
    min-height: 2.35rem;
    padding: 0.42rem 0.55rem;
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links li:hover > a:first-child,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li:hover > a:first-child,
  body[data-gadjo="true"] div.section > ul.objects-list.single-links li:focus-within > a:first-child,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li:focus-within > a:first-child {
    color: var(--bo-on-soft);
  }

  body[data-gadjo="true"] ul.objects-list li:hover,
  body[data-gadjo="true"] ul.objects-list.single-links li:hover {
    background: var(--bo-primary-soft);
    border-color: var(--bo-primary-border);
    color: var(--bo-on-soft);
  }

  body[data-gadjo="true"] ul.objects-list li:focus-within,
  body[data-gadjo="true"] #pages-list div.page:focus-within,
  body[data-gadjo="true"] div.cell-list > div:focus-within,
  body[data-gadjo="true"] div.objects-list > div:focus-within,
  body[data-gadjo="true"] .cell:focus-within {
    border-color: var(--bo-primary-border);
    box-shadow: var(--bo-focus-ring);
  }

  body[data-gadjo="true"] ul.objects-list li.disabled {
    color: var(--bo-muted);
    background: #eef2f2;
    border-color: var(--bo-border);
    box-shadow: none;
  }

  body[data-gadjo="true"] ul.objects-list li span.extra-info {
    display: inline-block;
    margin-left: 0.35rem;
    color: var(--bo-muted);
    font-size: 0.9em;
    font-weight: 400;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links li > a:first-child span.extra-info,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li > a:first-child span.extra-info {
    font-weight: 400;
  }

  body[data-gadjo="true"] ul.objects-list li span.identifier,
  body[data-gadjo="true"] ul.objects-list li span.slug,
  body[data-gadjo="true"] ul.objects-list li span.url,
  body[data-gadjo="true"] .meta code,
  body[data-gadjo="true"] .extra-info code {
    color: var(--bo-muted);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.92em;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] ul.objects-list li span.badge,
  body[data-gadjo="true"] ul.objects-list li span.tag,
  body[data-gadjo="true"] #content span.category,
  body[data-gadjo="true"] #content a.category,
  body[data-gadjo="true"] #content span.category-badge,
  body[data-gadjo="true"] #content span.category-label,
  body[data-gadjo="true"] span.badge,
  body[data-gadjo="true"] span.tag {
    position: static;
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0.1rem 0.55rem;
    color: var(--bo-on-soft);
    background: var(--bo-primary-soft);
    border: 1px solid var(--bo-primary-border);
    border-radius: 999px;
    font-weight: 800;
    line-height: 1.2;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] #content div.category,
  body[data-gadjo="true"] #content li.category,
  body[data-gadjo="true"] #content .category-block {
    color: var(--bo-text);
    background: var(--bo-surface-soft);
    border: 1px solid var(--bo-border);
    border-left: 4px solid var(--bo-primary-border);
    border-radius: 8px;
  }

  body[data-gadjo="true"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  body[data-gadjo="true"] select,
  body[data-gadjo="true"] textarea,
  body[data-gadjo="true"] .godo--editor {
    min-height: 2.5rem;
    padding: 0.55rem 0.7rem;
    color: var(--bo-text);
    background: var(--bo-surface);
    border: 1px solid var(--bo-border-strong);
    border-radius: 6px;
    box-shadow: inset 0 1px 2px rgba(25, 40, 45, 0.04);
    max-width: 100%;
  }

  body[data-gadjo="true"] textarea {
    min-height: 7rem;
  }

  body[data-gadjo="true"] input:not([type="checkbox"]):not([type="radio"]):focus,
  body[data-gadjo="true"] select:focus,
  body[data-gadjo="true"] textarea:focus,
  body[data-gadjo="true"] .godo--editor:focus-within {
    border-color: var(--bo-primary);
    box-shadow: var(--bo-focus-ring);
  }

  body[data-gadjo="true"] input::placeholder,
  body[data-gadjo="true"] textarea::placeholder {
    color: #7d8b8f;
    opacity: 1;
  }

  body[data-gadjo="true"] input[aria-invalid="true"],
  body[data-gadjo="true"] textarea[aria-invalid="true"],
  body[data-gadjo="true"] select[aria-invalid="true"],
  body[data-gadjo="true"] .widget-with-error input,
  body[data-gadjo="true"] .widget-with-error select,
  body[data-gadjo="true"] .widget-with-error textarea {
    border-color: var(--bo-danger);
    box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.12);
  }

  body[data-gadjo="true"] input[readonly],
  body[data-gadjo="true"] textarea[readonly],
  body[data-gadjo="true"] select[readonly] {
    color: var(--bo-muted);
    background: var(--bo-surface-soft);
  }

  body[data-gadjo="true"] input[type="search"] {
    padding-left: 0.9rem;
  }

  body[data-gadjo="true"] label {
    color: var(--bo-text);
    font-weight: 600;
  }

  body[data-gadjo="true"] form div.widget.required div.title label::after,
  body[data-gadjo="true"] form div.widget div.title label.required::after {
    content: " *";
    color: var(--bo-danger);
    font-weight: 800;
  }

  body[data-gadjo="true"] .widget-with-error div.title label {
    color: var(--bo-danger);
  }

  body[data-gadjo="true"] .hint,
  body[data-gadjo="true"] span.helptext,
  body[data-gadjo="true"] .helptext,
  body[data-gadjo="true"] .comment-field {
    color: var(--bo-muted);
  }

  body[data-gadjo="true"] button,
  body[data-gadjo="true"] input[type="submit"],
  body[data-gadjo="true"] input[type="button"],
  body[data-gadjo="true"] input[type="reset"],
  body[data-gadjo="true"] a.button,
  body[data-gadjo="true"] a.pk-button,
  body[data-gadjo="true"] .pk-button,
  body[data-gadjo="true"] #appbar span.actions a,
  body[data-gadjo="true"] div.buttons input,
  body[data-gadjo="true"] div.buttons button {
    min-height: 2.35rem;
    padding: 0.52rem 0.9rem;
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border: 1px solid transparent;
    border-radius: 6px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
    appearance: none;
    box-shadow: none;
  }

  body[data-gadjo="true"] button:hover,
  body[data-gadjo="true"] input[type="submit"]:hover,
  body[data-gadjo="true"] input[type="button"]:hover,
  body[data-gadjo="true"] a.button:hover,
  body[data-gadjo="true"] a.pk-button:hover,
  body[data-gadjo="true"] .pk-button:hover,
  body[data-gadjo="true"] #appbar span.actions a:hover,
  body[data-gadjo="true"] div.buttons input:hover,
  body[data-gadjo="true"] div.buttons button:hover {
    color: var(--bo-on-primary);
    background: var(--bo-primary-hover);
    border-color: transparent;
  }

  body[data-gadjo="true"] button:not(.link):not(.cancel-button):not([name="cancel"]):not(.delete):not(.delete-button):not(.inverted-button):not(.ui-dialog-titlebar-close):not(.bo-copy-button):not([disabled]):not([aria-disabled="true"]),
  body[data-gadjo="true"] input[type="submit"]:not(.cancel-button):not(.delete-button):not([disabled]):not([aria-disabled="true"]),
  body[data-gadjo="true"] input[type="button"]:not(.cancel-button):not(.delete-button):not([disabled]):not([aria-disabled="true"]),
  body[data-gadjo="true"] a.button:not(.cancel):not(.delete):not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"]),
  body[data-gadjo="true"] a.pk-button:not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"]),
  body[data-gadjo="true"] .pk-button:not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"]),
  body[data-gadjo="true"] #appbar span.actions > a:not(.extra-actions-menu-opener):not(.cancel):not(.delete):not(.disabled):not([aria-disabled="true"]),
  body[data-gadjo="true"] form#wf-actions div.buttons button:not(.cancel-button):not(.delete-button):not([disabled]):not([aria-disabled="true"]),
  body[data-gadjo="true"] form#wf-actions div.buttons input[type="submit"]:not(.cancel-button):not(.delete-button):not([disabled]):not([aria-disabled="true"]) {
    color: var(--bo-on-primary) !important;
  }

  body[data-gadjo="true"] button:not(.link):not(.cancel-button):not([name="cancel"]):not(.delete):not(.delete-button):not(.inverted-button):not(.ui-dialog-titlebar-close):not(.bo-copy-button):not([disabled]):not([aria-disabled="true"]) *,
  body[data-gadjo="true"] a.button:not(.cancel):not(.delete):not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"]) *,
  body[data-gadjo="true"] a.pk-button:not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"]) *,
  body[data-gadjo="true"] .pk-button:not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"]) *,
  body[data-gadjo="true"] #appbar span.actions > a:not(.extra-actions-menu-opener):not(.cancel):not(.delete):not(.disabled):not([aria-disabled="true"]) * {
    color: inherit !important;
  }

  body[data-gadjo="true"] button:not(.link):not(.cancel-button):not([name="cancel"]):not(.delete):not(.delete-button):not(.inverted-button):not(.ui-dialog-titlebar-close):not(.bo-copy-button):not([disabled]):not([aria-disabled="true"])::before,
  body[data-gadjo="true"] button:not(.link):not(.cancel-button):not([name="cancel"]):not(.delete):not(.delete-button):not(.inverted-button):not(.ui-dialog-titlebar-close):not(.bo-copy-button):not([disabled]):not([aria-disabled="true"])::after,
  body[data-gadjo="true"] a.button:not(.cancel):not(.delete):not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"])::before,
  body[data-gadjo="true"] a.button:not(.cancel):not(.delete):not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"])::after,
  body[data-gadjo="true"] a.pk-button:not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"])::before,
  body[data-gadjo="true"] a.pk-button:not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"])::after,
  body[data-gadjo="true"] .pk-button:not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"])::before,
  body[data-gadjo="true"] .pk-button:not(.pk-button-cancel):not(.pk-button-delete):not(.inverted-button):not(.disabled):not([aria-disabled="true"])::after {
    color: inherit !important;
  }

  body[data-gadjo="true"] .section--title .foldable--trigger {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    padding: 0;
    overflow: hidden;
    color: var(--bo-primary) !important;
    background: var(--bo-surface) !important;
    border: 1px solid rgba(47, 111, 94, 0.16) !important;
    border-radius: 8px;
    font-size: 0;
    line-height: 1;
    text-indent: 0;
    box-shadow: none;
  }

  body[data-gadjo="true"] #main .section--title button.foldable--trigger,
  body[data-gadjo="true"] #content .section--title button.foldable--trigger {
    color: var(--bo-primary) !important;
    background: var(--bo-surface) !important;
    border-color: rgba(47, 111, 94, 0.16) !important;
  }

  body[data-gadjo="true"] .section--title .foldable--trigger:hover,
  body[data-gadjo="true"] .section--title .foldable--trigger:focus-visible {
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary) !important;
    border-color: var(--bo-primary) !important;
  }

  body[data-gadjo="true"] #main .section--title button.foldable--trigger:hover,
  body[data-gadjo="true"] #main .section--title button.foldable--trigger:focus-visible,
  body[data-gadjo="true"] #content .section--title button.foldable--trigger:hover,
  body[data-gadjo="true"] #content .section--title button.foldable--trigger:focus-visible {
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary) !important;
    border-color: var(--bo-primary) !important;
  }


  body[data-gadjo="true"] a.button.button-paragraph,
  body[data-gadjo="true"] a.pk-button.button-paragraph,
  body[data-gadjo="true"] .button-paragraph.pk-button {
    color: var(--bo-on-primary) !important;
  }

  body[data-gadjo="true"] a.button.button-paragraph *,
  body[data-gadjo="true"] a.pk-button.button-paragraph *,
  body[data-gadjo="true"] .button-paragraph.pk-button * {
    color: inherit !important;
  }

  body[data-gadjo="true"] a.button.button-paragraph p,
  body[data-gadjo="true"] a.pk-button.button-paragraph p,
  body[data-gadjo="true"] .button-paragraph.pk-button p {
    opacity: 0.9;
  }

  body[data-gadjo="true"] #sidebar h3 {
    margin: 1.05rem 0 0.55rem;
    padding-top: 0.85rem;
    color: var(--bo-muted);
    border-top: 1px solid var(--bo-border);
    font-size: 0.82rem;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  body[data-gadjo="true"] #sidebar h3:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }

  body[data-gadjo="true"] #sidebar a.button.button-paragraph,
  body[data-gadjo="true"] #sidebar a.pk-button.button-paragraph {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    min-height: 2.35rem;
    margin: 0 0 0.45rem;
    padding: 0.55rem 0.7rem;
    color: var(--bo-text) !important;
    background: var(--bo-surface) !important;
    border: 1px solid var(--bo-border);
    border-radius: 6px;
    box-shadow: none;
    font-weight: 750;
  }

  body[data-gadjo="true"] #sidebar a.button.button-paragraph::after,
  body[data-gadjo="true"] #sidebar a.pk-button.button-paragraph::after {
    content: "\f105";
    flex: 0 0 auto;
    color: var(--bo-primary);
    font-family: FontAwesome;
    font-size: 0.85rem;
    line-height: 1;
  }

  body[data-gadjo="true"] #sidebar h3:first-child + a.button.button-paragraph,
  body[data-gadjo="true"] #sidebar h3:first-child + a.pk-button.button-paragraph {
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary) !important;
    border-color: var(--bo-primary) !important;
    box-shadow: 0 6px 14px rgba(47, 111, 94, 0.16);
  }

  body[data-gadjo="true"] #sidebar h3:first-child + a.button.button-paragraph::after,
  body[data-gadjo="true"] #sidebar h3:first-child + a.pk-button.button-paragraph::after {
    color: currentColor;
  }

  body[data-gadjo="true"] #sidebar a.button.button-paragraph:hover,
  body[data-gadjo="true"] #sidebar a.button.button-paragraph:focus-visible,
  body[data-gadjo="true"] #sidebar a.pk-button.button-paragraph:hover,
  body[data-gadjo="true"] #sidebar a.pk-button.button-paragraph:focus-visible {
    color: var(--bo-primary-hover) !important;
    background: var(--bo-primary-soft) !important;
    border-color: var(--bo-primary-border) !important;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] #sidebar h3:first-child + a.button.button-paragraph:hover,
  body[data-gadjo="true"] #sidebar h3:first-child + a.button.button-paragraph:focus-visible,
  body[data-gadjo="true"] #sidebar h3:first-child + a.pk-button.button-paragraph:hover,
  body[data-gadjo="true"] #sidebar h3:first-child + a.pk-button.button-paragraph:focus-visible {
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary-hover) !important;
    border-color: var(--bo-primary-hover) !important;
  }

  body[data-gadjo="true"] #studio {
    --blue: var(--bo-primary);
    --blue-dusty: var(--bo-primary-hover);
    --blue-dark: #172326;
    --primary-color: var(--bo-primary);
    --link-color: var(--bo-primary);
    --accent-color: var(--bo-primary);
    --outline-color: var(--bo-primary);
  }

  body[data-gadjo="true"] #studio-search-button {
    border-color: rgba(255, 255, 255, 0.42) !important;
  }

  body[data-gadjo="true"] #studio-search-button:hover,
  body[data-gadjo="true"] #studio-search-button:focus-visible {
    color: var(--bo-primary) !important;
    background: var(--bo-on-primary) !important;
    border-color: transparent !important;
  }

  body[data-gadjo="true"] #studio-search-form,
  body[data-gadjo="true"] #studio-search-results,
  body[data-gadjo="true"] #studio div.paragraph {
    color: var(--bo-text);
    background-color: var(--bo-surface);
    border: 1px solid var(--bo-border) !important;
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] #studio div.paragraph h3 {
    color: var(--bo-text);
  }

  body[data-gadjo="true"] #studio .paragraph ul li .timestamp {
    color: var(--bo-muted);
  }

  body[data-gadjo="true"] #studio a.studio-error-link {
    color: var(--bo-danger) !important;
    background: var(--bo-danger-bg) !important;
    border-color: var(--bo-danger-border) !important;
    border-left-color: var(--bo-danger) !important;
  }

  body[data-gadjo="true"] #studio a.studio-error-link:hover,
  body[data-gadjo="true"] #studio a.studio-error-link:focus-visible {
    color: var(--bo-danger) !important;
    background: #ffebe7 !important;
    border-color: var(--bo-danger) !important;
  }

  body[data-gadjo="true"] button.cancel-button,
  body[data-gadjo="true"] button[name="cancel"],
  body[data-gadjo="true"] input.cancel-button,
  body[data-gadjo="true"] a.cancel,
  body[data-gadjo="true"] a.pk-button-cancel,
  body[data-gadjo="true"] .inverted-button {
    color: var(--bo-primary);
    background: var(--bo-surface);
    border-color: var(--bo-border-strong);
  }

  body[data-gadjo="true"] button.cancel-button:hover,
  body[data-gadjo="true"] button[name="cancel"]:hover,
  body[data-gadjo="true"] input.cancel-button:hover,
  body[data-gadjo="true"] a.cancel:hover,
  body[data-gadjo="true"] a.pk-button-cancel:hover,
  body[data-gadjo="true"] .inverted-button:hover {
    color: var(--bo-on-soft);
    background: var(--bo-primary-soft);
    border-color: var(--bo-primary-border);
  }

  body[data-gadjo="true"] button.delete,
  body[data-gadjo="true"] button.delete-button,
  body[data-gadjo="true"] input.delete-button,
  body[data-gadjo="true"] a.delete,
  body[data-gadjo="true"] a.pk-button-delete {
    color: #ffffff;
    background: var(--bo-danger);
    border-color: var(--bo-danger);
  }

  body[data-gadjo="true"] button:disabled,
  body[data-gadjo="true"] input:disabled,
  body[data-gadjo="true"] select:disabled,
  body[data-gadjo="true"] textarea:disabled,
  body[data-gadjo="true"] a.disabled,
  body[data-gadjo="true"] [aria-disabled="true"] {
    color: var(--bo-muted);
    background: #eef2f2;
    border-color: var(--bo-border);
    opacity: 0.62;
    cursor: not-allowed;
  }

  body[data-gadjo="true"] button:disabled:hover,
  body[data-gadjo="true"] input:disabled:hover,
  body[data-gadjo="true"] a.disabled:hover,
  body[data-gadjo="true"] [aria-disabled="true"]:hover {
    color: var(--bo-muted);
    background: #eef2f2;
    border-color: var(--bo-border);
  }

  body[data-gadjo="true"] button.link {
    min-height: auto;
    padding: 0;
    color: var(--bo-primary);
    background: transparent;
    border: 0;
    border-bottom: 1px dotted rgba(47, 111, 94, 0.3);
    border-radius: 0;
    font-weight: 600;
  }

  body[data-gadjo="true"] button.link:hover {
    color: var(--bo-primary-hover);
    background: transparent;
    border-bottom-color: currentColor;
  }

  body[data-gadjo="true"] ul.user-info .ui-logout button {
    min-height: 42px;
    padding: 0;
    color: var(--bo-muted);
    background: transparent;
    border: 0;
  }

  body[data-gadjo="true"] ul.user-info .ui-logout button:hover {
    color: var(--bo-danger);
    background: #fff0ee;
  }

  body[data-gadjo="true"] #content button[class^="icon-"],
  body[data-gadjo="true"] #content button[class*=" icon-"],
  body[data-gadjo="true"] #content a[class^="icon-"],
  body[data-gadjo="true"] #content a[class*=" icon-"],
  body[data-gadjo="true"] ul.objects-list.single-links li a.link-action-icon,
  body[data-gadjo="true"] ul.objects-list.single-links li a.link-action-text,
  body[data-gadjo="true"] ul.objects-list.single-links li a.delete {
    position: static;
    inset: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0.35rem;
    color: var(--bo-primary);
    background: var(--bo-surface);
    border: 1px solid rgba(47, 111, 94, 0.18);
    border-radius: 6px;
  }

  body[data-gadjo="true"] #content button[class^="icon-"]::before,
  body[data-gadjo="true"] #content button[class*=" icon-"]::before,
  body[data-gadjo="true"] #content a[class^="icon-"]::before,
  body[data-gadjo="true"] #content a[class*=" icon-"]::before {
    margin-right: 0.35rem;
  }

  body[data-gadjo="true"] ul.objects-list.single-links li a.link-action-icon,
  body[data-gadjo="true"] ul.objects-list.single-links li a.delete {
    width: 2.25rem;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
  }

  body[data-gadjo="true"] ul.objects-list.single-links li a.link-action-icon::before,
  body[data-gadjo="true"] ul.objects-list.single-links li a.delete::before {
    margin: 0;
    padding: 0 !important;
    font-family: FontAwesome;
    font-size: 1rem;
    line-height: 1;
  }

  body[data-gadjo="true"] ul.objects-list.single-links li a.link-action-icon::before {
    content: "\f044";
  }

  body[data-gadjo="true"] ul.objects-list.single-links.application-content li a.link-action-icon,
  body[data-gadjo="true"] ul.objects-list.single-links.application-content li a.delete {
    margin-right: 0 !important;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.application-content li a.origins::before {
    content: "\f022";
  }

  body[data-gadjo="true"] ul.objects-list.single-links.application-content li a.config::before {
    content: "\f0ad";
  }

  body[data-gadjo="true"] ul.objects-list.single-links.application-content li a.config.marker {
    background-image: radial-gradient(closest-side, var(--bo-danger) 100%, transparent);
    background-position: top 0.42rem right 0.42rem;
    background-repeat: no-repeat;
    background-size: 0.38rem 0.38rem;
  }

  body[data-gadjo="true"] h2.application-title {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
  }

  body[data-gadjo="true"] h2.application-title img,
  body[data-gadjo="true"] img.application-logo,
  body[data-gadjo="true"] img.application-icon {
    max-width: 2.65rem;
    max-height: 2.65rem;
    border-radius: 8px;
    object-fit: cover;
  }

  body[data-gadjo="true"] ul.objects-list.single-links li a.icon-edit::before {
    content: "\f040";
  }

  body[data-gadjo="true"] ul.objects-list.single-links li a.icon-view::before,
  body[data-gadjo="true"] ul.objects-list.single-links li a.icon-eye::before {
    content: "\f06e";
  }

  body[data-gadjo="true"] ul.objects-list.single-links li a.icon-duplicate::before,
  body[data-gadjo="true"] ul.objects-list.single-links li a.icon-copy::before {
    content: "\f0c5";
  }

  body[data-gadjo="true"] ul.objects-list.single-links li a.delete::before,
  body[data-gadjo="true"] ul.objects-list.single-links li a.icon-delete::before,
  body[data-gadjo="true"] ul.objects-list.single-links li a.icon-remove::before {
    content: "\f057";
  }

  body[data-gadjo="true"] ul.objects-list.single-links li a.link-action-text {
    min-width: auto;
    padding-inline: 0.65rem;
  }

  body[data-gadjo="true"] #content button[class^="icon-"]:hover,
  body[data-gadjo="true"] #content button[class*=" icon-"]:hover,
  body[data-gadjo="true"] #content a[class^="icon-"]:hover,
  body[data-gadjo="true"] #content a[class*=" icon-"]:hover,
  body[data-gadjo="true"] ul.objects-list.single-links li a.link-action-icon:hover,
  body[data-gadjo="true"] ul.objects-list.single-links li a.link-action-text:hover,
  body[data-gadjo="true"] ul.objects-list.single-links li a.delete:hover {
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-color: var(--bo-primary);
  }

  body[data-gadjo="true"] div.buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
  }

  body[data-gadjo="true"] .bo-copy-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
    color: var(--bo-primary);
    background: var(--bo-surface);
    border: 1px solid rgba(47, 111, 94, 0.18);
    border-radius: 6px;
  }

  body[data-gadjo="true"] .bo-copy-button::before {
    content: "\f0c5";
    font-family: FontAwesome;
    font-size: 0.95rem;
    line-height: 1;
  }

  body[data-gadjo="true"] .bo-copy-button[data-bo-state="copied"] {
    color: #ffffff;
    background: var(--bo-success);
    border-color: var(--bo-success);
  }

  body[data-gadjo="true"] .bo-copy-button[data-bo-state="copied"]::before {
    content: "\f00c";
  }

  body[data-gadjo="true"] .bo-copy-button[data-bo-state="failed"] {
    color: #ffffff;
    background: var(--bo-danger);
    border-color: var(--bo-danger);
  }

  body[data-gadjo="true"] .bo-copy-button[data-bo-state="failed"]::before {
    content: "\f00d";
  }

  body[data-gadjo="true"] .bo-copy-button:hover {
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-color: var(--bo-primary);
  }

  body[data-gadjo="true"] div.buttons button.cancel-button,
  body[data-gadjo="true"] div.buttons button[name="cancel"],
  body[data-gadjo="true"] div.buttons input.cancel-button {
    color: var(--bo-primary);
    background: var(--bo-surface);
    border-color: var(--bo-border-strong);
  }

  body[data-gadjo="true"] div.buttons button.delete,
  body[data-gadjo="true"] div.buttons button.delete-button,
  body[data-gadjo="true"] div.buttons input.delete-button,
  body[data-gadjo="true"] div.buttons button[name="delete"],
  body[data-gadjo="true"] div.buttons button[name="remove"] {
    color: #ffffff;
    background: var(--bo-danger);
    border-color: var(--bo-danger);
  }

  body[data-gadjo="true"] div.buttons button.delete:hover,
  body[data-gadjo="true"] div.buttons button.delete-button:hover,
  body[data-gadjo="true"] div.buttons input.delete-button:hover,
  body[data-gadjo="true"] div.buttons button[name="delete"]:hover,
  body[data-gadjo="true"] div.buttons button[name="remove"]:hover {
    color: #ffffff;
    background: #8f1d14;
    border-color: #8f1d14;
  }

  body[data-gadjo="true"] p.paginator a,
  body[data-gadjo="true"] p.paginator span,
  body[data-gadjo="true"] ul.pagination a,
  body[data-gadjo="true"] ul.pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    margin: 0.12rem;
    padding: 0.25rem 0.55rem;
    color: var(--bo-text);
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-color: var(--bo-border);
    border-radius: 6px;
  }

  body[data-gadjo="true"] p.paginator,
  body[data-gadjo="true"] ul.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    align-items: center;
    margin: 1rem 0;
  }

  body[data-gadjo="true"] p.paginator span.this-page,
  body[data-gadjo="true"] ul.pagination .current {
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-color: var(--bo-primary);
  }

  body[data-gadjo="true"] p.paginator .disabled,
  body[data-gadjo="true"] ul.pagination .disabled {
    color: var(--bo-muted);
    background: #eef2f2;
  }

  body[data-gadjo="true"] .pk-tabs--tab-list,
  body[data-gadjo="true"] .tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.9rem;
    border-bottom: 1px solid var(--bo-border);
  }

  body[data-gadjo="true"] .pk-tabs--button,
  body[data-gadjo="true"] .pk-tabs--tab-list > button,
  body[data-gadjo="true"] .pk-tabs--tab-list > a,
  body[data-gadjo="true"] .tabs button,
  body[data-gadjo="true"] .tabs a {
    min-height: 2.4rem;
    margin-bottom: -1px;
    padding: 0.55rem 0.85rem;
    color: var(--bo-primary) !important;
    background: var(--bo-primary-soft) !important;
    border: 1px solid var(--bo-primary-border) !important;
    border-radius: 6px 6px 0 0;
    font-weight: 700;
  }

  /* pk-tabs uses aria-selected; button.active can be only a marker. */
  body[data-gadjo="true"] .pk-tabs--button[aria-selected="true"],
  body[data-gadjo="true"] .pk-tabs--tab-list > button[aria-selected="true"],
  body[data-gadjo="true"] .pk-tabs--tab-list > a[aria-selected="true"],
  body[data-gadjo="true"] .tabs .active,
  body[data-gadjo="true"] .tabs a.active {
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary) !important;
    border-color: var(--bo-primary) !important;
    border-bottom-color: var(--bo-primary) !important;
    border-left-color: var(--bo-primary) !important;
    font-weight: 800;
  }

  body[data-gadjo="true"] .pk-tabs--button:hover,
  body[data-gadjo="true"] .pk-tabs--tab-list > button:hover,
  body[data-gadjo="true"] .pk-tabs--tab-list > a:hover,
  body[data-gadjo="true"] .tabs button:hover,
  body[data-gadjo="true"] .tabs a:hover {
    color: var(--bo-primary-hover) !important;
    background: var(--bo-primary-border) !important;
  }

  body[data-gadjo="true"] .pk-tabs--button[aria-selected="true"]:hover,
  body[data-gadjo="true"] .pk-tabs--button[aria-selected="true"]:focus,
  body[data-gadjo="true"] .pk-tabs--button[aria-selected="true"]:active,
  body[data-gadjo="true"] .pk-tabs--tab-list > button[aria-selected="true"]:hover,
  body[data-gadjo="true"] .pk-tabs--tab-list > button[aria-selected="true"]:focus,
  body[data-gadjo="true"] .pk-tabs--tab-list > button[aria-selected="true"]:active,
  body[data-gadjo="true"] .pk-tabs--tab-list > a[aria-selected="true"]:hover,
  body[data-gadjo="true"] .pk-tabs--tab-list > a[aria-selected="true"]:focus,
  body[data-gadjo="true"] .pk-tabs--tab-list > a[aria-selected="true"]:active,
  body[data-gadjo="true"] .tabs .active:hover,
  body[data-gadjo="true"] .tabs .active:focus,
  body[data-gadjo="true"] .tabs .active:active,
  body[data-gadjo="true"] .tabs a.active:hover,
  body[data-gadjo="true"] .tabs a.active:focus,
  body[data-gadjo="true"] .tabs a.active:active {
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary) !important;
    border-color: var(--bo-primary) !important;
  }

  body[data-gadjo="true"] .pk-tabs--tab-list button:focus-visible {
    outline-color: var(--bo-primary) !important;
  }

  body[data-gadjo="true"] .field-live-hint button.action {
    color: var(--bo-primary) !important;
  }

  body[data-gadjo="true"] .pk-tabs--container,
  body[data-gadjo="true"] .pk-tabs--tabpanel {
    min-width: 0;
  }

  body[data-gadjo="true"] .ui-dialog {
    overflow: hidden;
  }

  body[data-gadjo="true"] .ui-dialog .ui-dialog-titlebar,
  body[data-gadjo="true"] .ui-widget-header {
    color: var(--bo-text);
    background: var(--bo-surface-muted);
    border: 0;
    border-bottom: 1px solid var(--bo-border);
  }

  body[data-gadjo="true"] .ui-dialog .ui-dialog-content {
    color: var(--bo-text);
    background: var(--bo-surface);
  }

  body[data-gadjo="true"] .ui-dialog .ui-dialog-buttonpane {
    margin: 0;
    padding: 0.75rem 1rem;
    background: var(--bo-surface-soft);
    border-top: 1px solid var(--bo-border);
  }

  body[data-gadjo="true"] #appbar span.actions .extra-actions-menu,
  body[data-gadjo="true"] div.menu-opener span.actions .extra-actions-menu {
    min-width: 15rem;
    padding: 0.35rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow);
  }

  body[data-gadjo="true"] #appbar span.actions .extra-actions-menu li,
  body[data-gadjo="true"] div.menu-opener span.actions .extra-actions-menu li {
    border: 0;
  }

  body[data-gadjo="true"] #appbar span.actions .extra-actions-menu li a,
  body[data-gadjo="true"] div.menu-opener span.actions .extra-actions-menu li a {
    padding: 0.55rem 0.7rem;
    color: var(--bo-text) !important;
    background: transparent !important;
    border: 0;
    border-radius: 6px;
  }

  body[data-gadjo="true"] #appbar span.actions .extra-actions-menu li a:not(.disabled):hover,
  body[data-gadjo="true"] div.menu-opener span.actions .extra-actions-menu li a:not(.disabled):hover {
    color: var(--bo-on-soft) !important;
    background: var(--bo-primary-soft) !important;
  }

  body[data-gadjo="true"] #appbar span.actions a.extra-actions-menu-opener,
  body[data-gadjo="true"] div.menu-opener span.actions a.extra-actions-menu-opener {
    min-width: 2.35rem;
    padding-inline: 0;
    color: var(--bo-primary);
    background: var(--bo-surface);
    border-color: var(--bo-border-strong);
  }

  body[data-gadjo="true"] #appbar span.actions a.extra-actions-menu-opener.open,
  body[data-gadjo="true"] #appbar span.actions a.extra-actions-menu-opener.open:hover,
  body[data-gadjo="true"] div.menu-opener span.actions a.extra-actions-menu-opener.open,
  body[data-gadjo="true"] div.menu-opener span.actions a.extra-actions-menu-opener.open:hover {
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-color: var(--bo-primary);
  }

  body[data-gadjo="true"] form div.widget {
    margin-bottom: 1rem;
  }

  body[data-gadjo="true"] form div.widget div.title {
    margin-bottom: 0.35rem;
  }

  body[data-gadjo="true"] form div.widget div.title label {
    display: inline-block;
    margin-bottom: 0.15rem;
  }

  body[data-gadjo="true"] form div.widget div.content {
    max-width: 70rem;
  }

  body[data-gadjo="true"] form div.widget div.content > input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  body[data-gadjo="true"] form div.widget div.content > select,
  body[data-gadjo="true"] form div.widget div.content > textarea {
    width: min(100%, 36rem);
  }

  body[data-gadjo="true"] .filters input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  body[data-gadjo="true"] .filter-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  body[data-gadjo="true"] .search-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  body[data-gadjo="true"] form.combo-search-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  body[data-gadjo="true"] .filters select,
  body[data-gadjo="true"] .filter-form select,
  body[data-gadjo="true"] .search-form select,
  body[data-gadjo="true"] form.combo-search-form select {
    width: auto;
    min-width: 12rem;
  }

  body[data-gadjo="true"] form ul.login {
    display: grid;
    gap: 0.8rem;
    width: min(100%, 34rem);
    margin: 0;
    padding: 1.25rem 1.4rem;
    list-style: none;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
    justify-items: stretch;
  }

  body[data-gadjo="true"] form ul.login li {
    display: grid;
    grid-template-columns: 8.6rem minmax(12rem, 1fr);
    gap: 0.6rem;
    align-items: center;
    width: 100%;
  }

  body[data-gadjo="true"] form ul.login li:last-child {
    display: flex;
    padding-left: 9.2rem;
  }

  body[data-gadjo="true"] form ul.login label {
    margin: 0;
    text-align: right;
  }

  body[data-gadjo="true"] form ul.errorlist,
  body[data-gadjo="true"] .errorlist {
    margin: 0.35rem 0 0;
    padding: 0.55rem 0.7rem;
    color: var(--bo-danger);
    background: #fff4f2;
    border: 1px solid #f1b9b3;
    border-radius: 6px;
    list-style: none;
  }

  body[data-gadjo="true"] fieldset {
    margin: 1rem 0;
    padding: 1rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
  }

  body[data-gadjo="true"] fieldset legend {
    padding: 0 0.4rem;
    color: var(--bo-text);
    font-weight: 700;
  }

  body[data-gadjo="true"] fieldset.gadjo-foldable legend.gadjo-foldable-widget {
    color: var(--bo-primary-hover);
  }

  body[data-gadjo="true"] .CheckboxesWidget .content ul,
  body[data-gadjo="true"] .RadiobuttonsWidget .content ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  body[data-gadjo="true"] .CheckboxesWidget .content li,
  body[data-gadjo="true"] .RadiobuttonsWidget .content li {
    min-width: 0;
  }

  body[data-gadjo="true"] .CheckboxesWidget .content label,
  body[data-gadjo="true"] .RadiobuttonsWidget .content label {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    width: fit-content;
    padding: 0.28rem 0.45rem;
    background: var(--bo-surface-soft);
    border: 1px solid transparent;
    border-radius: 6px;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] input[type="checkbox"],
  body[data-gadjo="true"] input[type="radio"] {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    margin: 0;
  }

  body[data-gadjo="true"] .CheckboxesWidget .content label:hover,
  body[data-gadjo="true"] .RadiobuttonsWidget .content label:hover {
    border-color: var(--bo-border);
    background: var(--bo-primary-soft);
  }

  body[data-gadjo="true"] .select2-container .select2-selection--single,
  body[data-gadjo="true"] .select2-container .select2-selection--multiple {
    min-height: 2.5rem;
    border: 1px solid var(--bo-border-strong);
    border-radius: 6px;
    background: var(--bo-surface);
  }

  body[data-gadjo="true"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 0.32rem;
    color: var(--bo-text);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body[data-gadjo="true"] .select2-container--default.select2-container--focus .select2-selection--single,
  body[data-gadjo="true"] .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--bo-primary);
    box-shadow: var(--bo-focus-ring);
  }

  body[data-gadjo="true"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: 100%;
    color: var(--bo-on-soft);
    background: var(--bo-primary-soft);
    border-color: rgba(47, 111, 94, 0.18);
    border-radius: 999px;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--bo-on-soft);
  }

  body[data-gadjo="true"] .select2-dropdown {
    border-color: var(--bo-border-strong);
    border-radius: 6px;
    box-shadow: var(--bo-shadow);
  }

  body[data-gadjo="true"] .select2-results__option--highlighted,
  body[data-gadjo="true"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #ffffff;
    background: var(--bo-primary);
  }

  body[data-gadjo="true"] .gadjo-multi-select-widget--field,
  body[data-gadjo="true"] .file-upload-widget,
  body[data-gadjo="true"] .fileinfo,
  body[data-gadjo="true"] .fileprogress {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    padding: 0.55rem;
    background: var(--bo-surface-soft);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    min-width: 0;
  }

  body[data-gadjo="true"] .file-upload-widget input[type="file"],
  body[data-gadjo="true"] .fileinfo a,
  body[data-gadjo="true"] .fileprogress span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-gadjo="true"] .fileprogress .bar,
  body[data-gadjo="true"] .fileprogressbar {
    height: 0.55rem;
    background: var(--bo-primary-soft);
    border-radius: 999px;
    overflow: hidden;
  }

  body[data-gadjo="true"] .gadjo-multi-select-widget--button-remove,
  body[data-gadjo="true"] .gadjo-multi-select-widget--button-add {
    min-width: 2.35rem;
    padding-inline: 0.65rem;
  }

  body[data-gadjo="true"] .image-preview,
  body[data-gadjo="true"] .thumbnail,
  body[data-gadjo="true"] .fileinfo img {
    max-width: 100%;
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] div.table-container {
    overflow-x: auto;
    border-radius: 8px;
  }

  body[data-gadjo="true"] .filters,
  body[data-gadjo="true"] .filter-form,
  body[data-gadjo="true"] .criterias,
  body[data-gadjo="true"] .search-form,
  body[data-gadjo="true"] form.combo-search-form {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: end;
    margin: 0 0 1rem;
    padding: 0.8rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] .filters::before,
  body[data-gadjo="true"] .filter-form::before,
  body[data-gadjo="true"] .criterias::before,
  body[data-gadjo="true"] .search-form::before,
  body[data-gadjo="true"] form.combo-search-form::before {
    content: "\f002";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    min-height: 2.4rem;
    align-self: stretch;
    color: var(--bo-primary);
    background: var(--bo-surface);
    border: 1px solid var(--bo-primary-border);
    border-radius: 8px;
    font-family: FontAwesome;
    font-size: 0.95rem;
  }

  body[data-gadjo="true"] .criterias::before {
    content: "\f0b0";
  }

  body[data-gadjo="true"] .filters .widget,
  body[data-gadjo="true"] .filter-form .widget,
  body[data-gadjo="true"] .criterias .widget,
  body[data-gadjo="true"] .search-form .widget,
  body[data-gadjo="true"] form.combo-search-form .widget {
    margin-bottom: 0;
    min-width: 0;
  }

  body[data-gadjo="true"] .filters label,
  body[data-gadjo="true"] .filter-form label,
  body[data-gadjo="true"] .criterias label,
  body[data-gadjo="true"] .search-form label,
  body[data-gadjo="true"] form.combo-search-form label {
    color: var(--bo-muted);
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  body[data-gadjo="true"] .filters button,
  body[data-gadjo="true"] .filter-form button,
  body[data-gadjo="true"] .search-form button,
  body[data-gadjo="true"] form.combo-search-form button {
    margin-bottom: 0;
  }

  body[data-gadjo="true"] ul.biglist,
  body[data-gadjo="true"] ul.cell-list,
  body[data-gadjo="true"] ul.objects-list {
    list-style: none;
  }

  body[data-gadjo="true"] ul.biglist li,
  body[data-gadjo="true"] ul.cell-list li {
    margin-bottom: 0.45rem;
    padding: 0.75rem 0.9rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] .status,
  body[data-gadjo="true"] .label,
  body[data-gadjo="true"] .meta,
  body[data-gadjo="true"] .extra-info {
    color: var(--bo-muted);
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] .meta-success,
  body[data-gadjo="true"] .success .meta,
  body[data-gadjo="true"] .status-success {
    color: var(--bo-success);
  }

  body[data-gadjo="true"] .meta-warning,
  body[data-gadjo="true"] .warning .meta,
  body[data-gadjo="true"] .status-warning {
    color: var(--bo-warning);
  }

  body[data-gadjo="true"] .meta-error,
  body[data-gadjo="true"] .error .meta,
  body[data-gadjo="true"] .status-error {
    color: var(--bo-danger);
  }

  body[data-gadjo="true"] .status-success,
  body[data-gadjo="true"] .status-warning,
  body[data-gadjo="true"] .status-error,
  body[data-gadjo="true"] .status-draft,
  body[data-gadjo="true"] .status-disabled {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0.1rem 0.55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-weight: 700;
  }

  body[data-gadjo="true"] .status-success {
    background: var(--bo-surface-soft);
    border-color: var(--bo-success-border);
  }

  body[data-gadjo="true"] .status-warning,
  body[data-gadjo="true"] .status-draft {
    background: #fff6df;
  }

  body[data-gadjo="true"] .status-error {
    background: #fff4f2;
  }

  body[data-gadjo="true"] .status-disabled {
    color: var(--bo-muted);
    background: #eef2f2;
  }

  body[data-gadjo="true"] .bo-status-pill {
    --bo-status-color: var(--bo-on-soft);
    --bo-status-bg: var(--bo-primary-soft);
    --bo-status-border: rgba(47, 111, 94, 0.18);
    --bo-status-item-bg: var(--bo-primary);
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
    min-height: 1.9rem;
    padding: 0.22rem 0.65rem;
    color: var(--bo-status-color);
    background: var(--bo-status-bg);
    border: 1px solid var(--bo-status-border);
    border-radius: 999px;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] .bo-status-pill::before {
    content: "\f111";
    flex: 0 0 auto;
    font-family: FontAwesome;
    font-size: 0.72rem;
    line-height: 1;
  }

  body[data-gadjo="true"] .bo-status-pill[data-bo-status="success"] {
    --bo-status-color: var(--bo-on-primary);
    --bo-status-bg: var(--bo-success);
    --bo-status-border: var(--bo-success);
    --bo-status-item-bg: var(--bo-success);
  }

  body[data-gadjo="true"] .bo-status-pill[data-bo-status="success"]::before {
    content: "\f00c";
  }

  body[data-gadjo="true"] .bo-status-pill[data-bo-status="warning"] {
    --bo-status-color: var(--bo-on-soft);
    --bo-status-bg: var(--bo-warning-bg);
    --bo-status-border: var(--bo-warning-border);
    --bo-status-item-bg: var(--bo-warning);
  }

  body[data-gadjo="true"] .bo-status-pill[data-bo-status="warning"]::before {
    content: "\f017";
  }

  body[data-gadjo="true"] .bo-status-pill[data-bo-status="danger"] {
    --bo-status-color: var(--bo-on-soft);
    --bo-status-bg: var(--bo-danger-bg);
    --bo-status-border: var(--bo-danger-border);
    --bo-status-item-bg: var(--bo-danger);
  }

  body[data-gadjo="true"] .bo-status-pill[data-bo-status="danger"]::before {
    content: "\f071";
  }

  body[data-gadjo="true"] .bo-status-pill[data-bo-status="neutral"]::before {
    content: "\f05a";
  }

  body[data-gadjo="true"] .snapshot-list,
  body[data-gadjo="true"] .inspect-tabs,
  body[data-gadjo="true"] .test-tool-result,
  body[data-gadjo="true"] .workflow-status,
  body[data-gadjo="true"] .cell-properties,
  body[data-gadjo="true"] .page-options {
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] .section.foldable,
  body[data-gadjo="true"] .foldable.foldable-ready,
  body[data-gadjo="true"] div.cell.foldable {
    overflow: hidden;
  }

  body[data-gadjo="true"] .gadjo-foldable-widget,
  body[data-gadjo="true"] .foldable.foldable-ready .foldable--trigger,
  body[data-gadjo="true"] div.cell.foldable .cell--title {
    cursor: pointer;
  }

  body[data-gadjo="true"] .gadjo-folded,
  body[data-gadjo="true"] .foldable.folded {
    background: var(--bo-surface-soft);
  }

  body[data-gadjo="true"] .ui-sortable-placeholder,
  body[data-gadjo="true"] .cell-list .placeholder {
    min-height: 3rem;
    background: var(--bo-primary-soft);
    border: 1px dashed var(--bo-primary);
    border-radius: 8px;
    visibility: visible !important;
  }

  body[data-gadjo="true"].dragging-cell .cell,
  body[data-gadjo="true"] .ui-sortable-helper {
    box-shadow: var(--bo-shadow);
  }

  body[data-gadjo="true"] #appbar.highlight {
    padding: 1rem;
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border: 1px solid var(--bo-primary);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] #appbar.studio-appbar {
    border-color: var(--bo-primary) !important;
  }

  body[data-gadjo="true"] #appbar.highlight h2,
  body[data-gadjo="true"] #appbar.highlight a {
    color: var(--bo-on-primary);
  }

  body[data-gadjo="true"] #appbar h2 span.tag {
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
    margin-left: 0.5rem;
    padding: 0.1rem 0.65rem;
    color: var(--bo-on-soft);
    background: var(--bo-primary-soft);
    border: 1px solid rgba(47, 111, 94, 0.18);
    border-radius: 999px;
    font-size: 0.78rem;
    vertical-align: middle;
  }

  body[data-gadjo="true"] .extra-actions-menu.open,
  body[data-gadjo="true"] .gadjo-dropdown.gadjo-opened ul {
    z-index: 1250;
  }

  body[data-gadjo="true"] .gadjo-dropdown button {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
  }

  body[data-gadjo="true"] .gadjo-dropdown button::after {
    padding-left: 0;
  }

  body[data-gadjo="true"] .gadjo-dropdown ul {
    overflow: auto;
    min-width: 13rem;
    max-width: min(22rem, calc(100vw - 2rem));
    max-height: min(28rem, calc(100vh - 5rem));
    padding: 0.35rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow);
  }

  body[data-gadjo="true"] .gadjo-dropdown ul li a {
    display: block;
    padding: 0.55rem 0.7rem;
    color: var(--bo-text) !important;
    background: transparent !important;
    border: 0;
    border-radius: 6px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] .gadjo-dropdown ul li a:focus,
  body[data-gadjo="true"] .gadjo-dropdown ul li a:hover {
    color: var(--bo-on-soft) !important;
    background: var(--bo-primary-soft) !important;
    text-decoration: none;
  }

  body[data-gadjo="true"] .gadjo-back-to-top a {
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border: 0;
    border-radius: 999px;
    box-shadow: var(--bo-shadow);
  }

  body[data-gadjo="true"] div.ui-dialog {
    z-index: 1300 !important;
    max-width: min(58rem, calc(100vw - 2rem));
    min-width: min(24rem, calc(100vw - 2rem));
    color: var(--bo-text);
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow);
  }

  body[data-gadjo="true"] .ui-widget-overlay {
    opacity: 1;
    background: rgba(23, 35, 38, 0.38);
    backdrop-filter: blur(2px);
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    display: block;
    max-width: calc(100% - 3rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--bo-text);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0;
  }

  body[data-gadjo="true"] div.ui-dialog > .ui-dialog-content {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 0.55rem;
    right: 0.55rem;
    min-width: 2rem;
    min-height: 2rem;
    color: transparent;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
    background: var(--bo-primary-soft);
    border-color: var(--bo-primary-border);
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick::after {
    color: var(--bo-primary);
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-buttonpane button {
    margin: 0;
  }

  body[data-gadjo="true"] #pages-list div.page,
  body[data-gadjo="true"] div.cell-list > div,
  body[data-gadjo="true"] div.objects-list > div {
    color: var(--bo-text);
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] #pages-list div.page,
  body[data-gadjo="true"] div.objects-list > div {
    gap: 0.45rem;
    padding: 0.45rem 0.65rem;
    margin-bottom: 0.45rem;
    min-width: 0;
  }

  body[data-gadjo="true"] div.cell > h3 {
    gap: 0.35rem;
    flex-wrap: wrap;
    min-width: 0;
    padding: 0.65rem 2rem 0.65rem 0;
    color: var(--bo-text);
    background: var(--bo-surface-soft);
    border-bottom: 1px solid var(--bo-border);
    white-space: normal;
  }

  body[data-gadjo="true"] div.cell h3 .group1,
  body[data-gadjo="true"] div.page .group1 {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body[data-gadjo="true"] div.cell h3 a,
  body[data-gadjo="true"] div.cell h3 span:first-child,
  body[data-gadjo="true"] div.page .group1 a,
  body[data-gadjo="true"] div.page .label {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] div.cell h3 span.visibility-summary,
  body[data-gadjo="true"] div.page span.visibility-summary,
  body[data-gadjo="true"] div.cell h3 span.extra-css-class {
    display: inline-flex;
    max-width: min(28rem, 55%);
    color: var(--bo-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-gadjo="true"] div.cell h3 span.invalid,
  body[data-gadjo="true"] ul.list-of-links span.invalid,
  body[data-gadjo="true"] .invalid {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--bo-danger);
  }

  body[data-gadjo="true"] span.handle,
  body[data-gadjo="true"] div.cell > h3 .handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    min-height: 1.8rem;
    color: var(--bo-muted);
    background: transparent;
    border-radius: 6px;
    cursor: grab;
  }

  body[data-gadjo="true"] span.handle:hover,
  body[data-gadjo="true"] div.cell > h3 .handle:hover {
    color: var(--bo-primary);
    background: var(--bo-surface);
    box-shadow: inset 0 0 0 1px var(--bo-primary-border);
  }

  body[data-gadjo="true"].dragging-cell span.handle,
  body[data-gadjo="true"] .ui-sortable-helper span.handle {
    cursor: grabbing;
  }

  body[data-gadjo="true"] #assets-browser {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    min-width: 0;
  }

  body[data-gadjo="true"] #assets-listing {
    min-width: 0;
    overflow-x: auto;
  }

  body[data-gadjo="true"] #asset-preview {
    min-width: 16rem;
    max-width: 32rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
  }

  body[data-gadjo="true"] #asset-preview img,
  body[data-gadjo="true"] img.page-picture,
  body[data-gadjo="true"] ul.gallery li img {
    background-color: #e2e8e8;
    border: 1px solid var(--bo-border);
    border-radius: 8px;
  }

  body[data-gadjo="true"] #assets-listing table td.actions {
    width: auto;
    white-space: nowrap;
  }

  body[data-gadjo="true"] #assets-listing table td.actions a {
    margin-inline: 0.12rem;
  }

  body[data-gadjo="true"] ul.multisort li,
  body[data-gadjo="true"] ul.gallery li,
  body[data-gadjo="true"] .wcs-cards-cell--grid,
  body[data-gadjo="true"] .wcs-cards-cell--grid-cell,
  body[data-gadjo="true"] .cell-properties,
  body[data-gadjo="true"] .data-source-widget {
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
  }

  body[data-gadjo="true"] .wcs-cards-cell--grid-options,
  body[data-gadjo="true"] .wcs-cards-cell--grid-cells[class*="fx-grid--"],
  body[data-gadjo="true"] .wcs-cards-cell--grid-buttons {
    padding: 0.55rem;
    background: var(--bo-surface-soft);
  }

  body[data-gadjo="true"] .wcs-cards-cell--grid-cell {
    gap: 0.45rem;
    margin: 0.35rem 0;
    padding: 0.65rem;
    min-width: 0;
  }

  body[data-gadjo="true"] .wcs-cards-cell--grid-cell label,
  body[data-gadjo="true"] .wcs-cards-cell--grid-cell .cell-form,
  body[data-gadjo="true"] .cell-properties,
  body[data-gadjo="true"] .page-options {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] .wcs-cards-cell--grid-cell-placeholder {
    min-height: 4rem;
    background: var(--bo-primary-soft);
    border: 1px dashed var(--bo-primary);
    border-radius: 8px;
  }

  body[data-gadjo="true"] .wcs-cards-cell--grid-cell-buttons,
  body[data-gadjo="true"] .cell-properties--buttons,
  body[data-gadjo="true"] .data-source-widget,
  body[data-gadjo="true"] .layout-selection-widget,
  body[data-gadjo="true"] .colour-or-text-input {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
  }

  body[data-gadjo="true"] .cell-properties .refresh-button,
  body[data-gadjo="true"] .cell-properties .duplicate-button,
  body[data-gadjo="true"] .cell-properties .delete-button,
  body[data-gadjo="true"] #assets-listing table td.actions a.overwrite,
  body[data-gadjo="true"] #assets-listing table td.actions a.delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    min-height: 2.25rem;
    color: var(--bo-primary);
    background: var(--bo-surface);
    border: 1px solid var(--bo-primary-border);
    border-radius: 6px;
  }

  body[data-gadjo="true"] .cell-properties .delete-button,
  body[data-gadjo="true"] #assets-listing table td.actions a.delete {
    color: var(--bo-danger);
    background: #fff4f2;
    border-color: #f1b9b3;
  }

  body[data-gadjo="true"] .cell-properties .refresh-button:hover,
  body[data-gadjo="true"] .cell-properties .duplicate-button:hover,
  body[data-gadjo="true"] #assets-listing table td.actions a.overwrite:hover {
    color: #ffffff;
    background: var(--bo-primary);
    border-color: var(--bo-primary);
  }

  body[data-gadjo="true"] .cell-properties .delete-button:hover,
  body[data-gadjo="true"] #assets-listing table td.actions a.delete:hover {
    color: #ffffff;
    background: var(--bo-danger);
    border-color: var(--bo-danger);
  }

  body[data-gadjo="true"] div#rub_service,
  body[data-gadjo="true"] .form-content--sidebox {
    color: var(--bo-text);
  }

  body[data-gadjo="true"] div#rub_service > h2,
  body[data-gadjo="true"] .form-content--title {
    margin: 0 0 1rem;
    color: var(--bo-text);
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
  }

  body[data-gadjo="true"] .form-content--sidebox,
  body[data-gadjo="true"] div#tracking-code,
  body[data-gadjo="true"] div#receipt-intro,
  body[data-gadjo="true"] .gru-content #disclose-dataview {
    padding: 1rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] .form-content--sidebox:has(.bo-status-pill[data-bo-status="success"]) {
    background: var(--bo-surface);
    border-color: var(--bo-success-border);
  }

  body[data-gadjo="true"] .form-content--sidebox:has(.bo-status-pill[data-bo-status="warning"]) {
    background: #fffdf5;
    border-color: var(--bo-warning-border);
  }

  body[data-gadjo="true"] .form-content--sidebox:has(.bo-status-pill[data-bo-status="danger"]) {
    background: #fffafa;
    border-color: var(--bo-danger-border);
  }

  body[data-gadjo="true"] div#side:has(#steps.wcs-steps) {
    width: 100%;
    margin: 0 0 1rem;
    padding: 0.8rem;
    color: var(--bo-text);
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps {
    overflow-x: auto;
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps.steps-1 {
    display: none;
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps ol.wcs-steps--list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: normal;
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps li.wcs-step {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    margin: 0;
    padding: 0.25rem 0.42rem 0.25rem 0.25rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps .wcs-step--marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    margin: 0 0.45rem 0 0;
    padding: 0;
    color: var(--bo-muted);
    background: var(--bo-surface-muted);
    border: 1px solid var(--bo-border-strong);
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    font-variant-numeric: tabular-nums;
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps .wcs-step--marker-total {
    display: none;
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps .wcs-step--label {
    margin: 0;
    color: var(--bo-muted);
    font-weight: 700;
    line-height: 1.2;
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps .wcs-step.current {
    background: var(--bo-primary-soft);
    border-color: var(--bo-primary-border);
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps .wcs-step.current .wcs-step--marker {
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-color: var(--bo-primary);
    box-shadow: 0 4px 10px rgba(47, 111, 94, 0.18);
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps .wcs-step.current .wcs-step--label {
    color: var(--bo-text);
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps .wcs-step.step-before .wcs-step--marker {
    color: var(--bo-on-primary);
    background: var(--bo-success);
    border-color: var(--bo-success);
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps .wcs-step.step-before:hover,
  body[data-gadjo="true"] div#side #steps.wcs-steps .wcs-step.step-before:focus-within {
    background: var(--bo-primary-soft);
    border-color: var(--bo-primary-border);
  }

  body[data-gadjo="true"] div#tracking-code h3,
  body[data-gadjo="true"] .form-content--sidebox h3 {
    margin: 0 0 0.6rem;
    color: var(--bo-text);
    font-size: 1rem;
    font-weight: 700;
  }

  body[data-gadjo="true"] .form-content--sidebox p.status {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    margin: 0 0 0.65rem;
    color: var(--bo-text);
    font-weight: 700;
  }

  body[data-gadjo="true"] .form-content--sidebox p.status.bo-status-pill {
    width: fit-content;
    margin-bottom: 0.75rem;
    padding: 0.38rem 0.75rem;
    color: var(--bo-status-color);
    background: var(--bo-status-bg);
    border-color: var(--bo-status-border);
    border-radius: 999px;
  }

  body[data-gadjo="true"] .form-content--sidebox p.status span.item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.55rem;
    height: 1.55rem;
    padding-inline: 0.35rem;
    color: #ffffff;
    background: var(--bo-status-item-bg, var(--bo-primary));
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
  }

  body[data-gadjo="true"] div#tracking-code a {
    display: inline-block;
    max-width: 100%;
    color: var(--bo-primary-hover);
    font-size: 1.2rem;
    font-weight: 700;
    border-bottom: 0;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] div#tracking-code .bo-copy-button {
    margin-left: 0.45rem;
    vertical-align: middle;
  }

  body[data-gadjo="true"] div#rub_service div.dataview,
  body[data-gadjo="true"] div#rub_service .drafts-recall,
  body[data-gadjo="true"] div#rub_service form.quixote,
  body[data-gadjo="true"] form#wf-actions {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] form#wf-actions,
  body[data-gadjo="true"] form#wf-actions p,
  body[data-gadjo="true"] form#wf-actions li,
  body[data-gadjo="true"] form#wf-actions label,
  body[data-gadjo="true"] form#wf-actions legend,
  body[data-gadjo="true"] form#wf-actions div.title label,
  body[data-gadjo="true"] form#wf-actions .content,
  body[data-gadjo="true"] form#wf-actions .hint {
    font-weight: 400;
  }

  body[data-gadjo="true"] form#wf-actions strong,
  body[data-gadjo="true"] form#wf-actions b {
    font-weight: 600;
  }

  body[data-gadjo="true"] div#rub_service div.dataview > p {
    margin: 0;
    color: var(--bo-muted);
  }

  body[data-gadjo="true"] div#rub_service h3,
  body[data-gadjo="true"] div#rub_service div.dataview div.title h3,
  body[data-gadjo="true"] div#rub_service div.dataview div.subtitle h4 {
    margin: 0.35rem 0 0.5rem;
    padding: 0 0 0.45rem;
    color: var(--bo-text);
    border: 0;
    border-bottom: 1px solid var(--bo-border);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
  }

  body[data-gadjo="true"] div#rub_service div.dataview div.title h3 {
    display: flex;
    gap: 0.5rem;
    align-items: center;
  }

  body[data-gadjo="true"] div#rub_service div.dataview div.title h3::before {
    content: "";
    width: 0.35rem;
    height: 1.35rem;
    background: var(--bo-primary);
    border-radius: 999px;
  }

  body[data-gadjo="true"] div.dataview div.field {
    display: grid;
    grid-template-columns: minmax(10rem, 16rem) minmax(0, 1fr);
    gap: 0.55rem 1rem;
    align-items: start;
    margin: 0;
    padding: 0.7rem 0.85rem;
    background: var(--bo-surface-soft);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
  }

  body[data-gadjo="true"] div.dataview div.field.status {
    background: var(--bo-primary-soft);
    border-color: var(--bo-primary-border);
  }

  body[data-gadjo="true"] div.dataview div.field.status:has(.bo-status-pill[data-bo-status="success"]) {
    background: var(--bo-success-bg);
    border-color: var(--bo-success-border);
  }

  body[data-gadjo="true"] div.dataview div.field.status:has(.bo-status-pill[data-bo-status="warning"]) {
    background: var(--bo-warning-bg);
    border-color: var(--bo-warning-border);
  }

  body[data-gadjo="true"] div.dataview div.field.status:has(.bo-status-pill[data-bo-status="danger"]) {
    background: var(--bo-danger-bg);
    border-color: var(--bo-danger-border);
  }

  body[data-gadjo="true"] div.dataview .label {
    margin: 0;
    color: var(--bo-muted);
    font-size: 0.88rem;
    font-weight: 700;
    text-transform: uppercase;
  }

  body[data-gadjo="true"] div.dataview .value {
    display: block;
    min-width: 0;
    margin: 0;
    color: var(--bo-text);
    font-weight: 600;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] div.section:has(#sect-backoffice-data-label) > .section--title {
    font-weight: 600;
  }

  body[data-gadjo="true"] #sect-backoffice-data .label {
    font-weight: 500;
    text-transform: none;
  }

  body[data-gadjo="true"] #sect-backoffice-data .value {
    font-weight: 400;
  }

  body[data-gadjo="true"] div.dataview .value.bo-status-pill {
    display: inline-flex;
    width: fit-content;
    color: var(--bo-status-color);
    background: var(--bo-status-bg);
    border-color: var(--bo-status-border);
    font-weight: 800;
  }

  body[data-gadjo="true"] #sect-backoffice-data .value.bo-status-pill {
    font-weight: 600;
  }

  body[data-gadjo="true"] div.dataview .value p,
  body[data-gadjo="true"] div.dataview .value div,
  body[data-gadjo="true"] div.dataview .value pre {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] div.dataview .value pre {
    white-space: pre-wrap;
  }

  body[data-gadjo="true"] div.dataview .field-type-items .value ul,
  body[data-gadjo="true"] div.dataview .value ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  body[data-gadjo="true"] div.dataview .field-type-items .value li,
  body[data-gadjo="true"] div.dataview .value ul li {
    padding: 0.18rem 0.55rem;
    color: var(--bo-on-soft);
    background: var(--bo-primary-soft);
    border: 1px solid rgba(47, 111, 94, 0.16);
    border-radius: 999px;
  }

  body[data-gadjo="true"] div.dataview .field-type-block,
  body[data-gadjo="true"] div.dataview div.page {
    display: block;
    padding: 0.9rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
  }

  body[data-gadjo="true"] div.file-field,
  body[data-gadjo="true"] div.dataview .value a[href*="/download"],
  body[data-gadjo="true"] ul#evolutions p.wf-attachment {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    max-width: 100%;
    padding: 0.35rem 0.6rem;
    color: var(--bo-on-soft);
    background: var(--bo-primary-soft);
    border: 1px solid rgba(47, 111, 94, 0.18);
    border-radius: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body[data-gadjo="true"] div.file-field a,
  body[data-gadjo="true"] div.dataview .value a[href*="/download"],
  body[data-gadjo="true"] ul#evolutions p.wf-attachment a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-gadjo="true"] div.file-field::before,
  body[data-gadjo="true"] div.dataview .value a[href*="/download"]::before,
  body[data-gadjo="true"] ul#evolutions p.wf-attachment::before {
    content: "\f0c6";
    font-family: FontAwesome;
  }

  body[data-gadjo="true"] ul#evolutions,
  body[data-gadjo="true"] dl#evolutions {
    position: relative;
    display: grid;
    gap: 0.95rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
  }

  body[data-gadjo="true"] ul#evolutions::after {
    top: 1.2rem;
    left: 1.05rem;
    width: 2px;
    height: calc(100% - 1.2rem);
    background: var(--bo-border-strong);
    border-radius: 999px;
  }

  body[data-gadjo="true"] ul#evolutions > li {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    gap: 0.65rem;
    margin: 0;
    position: relative;
  }

  body[data-gadjo="true"] ul#evolutions > li::after {
    content: none;
  }

  body[data-gadjo="true"] ul#evolutions li span.item {
    position: relative;
    top: auto;
    left: auto;
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 2.1rem;
    height: 2.1rem;
    margin-top: 0.25rem;
    background: var(--bo-surface) !important;
    border: 2px solid var(--bo-primary);
    box-shadow: 0 0 0 4px var(--bo-bg);
  }

  body[data-gadjo="true"] ul#evolutions li span.item::before {
    left: 50%;
    top: 50%;
    width: 0.55rem;
    height: 0.55rem;
    background: var(--bo-primary);
    transform: translate(-50%, -50%);
  }

  body[data-gadjo="true"] ul#evolutions .evolution-metadata,
  body[data-gadjo="true"] ul#evolutions li div.msg {
    grid-column: 2;
    min-width: 0;
    margin: 0;
    padding: 0.85rem 1rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] ul#evolutions .evolution-metadata {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    align-items: center;
    padding-bottom: 0.75rem;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: var(--bo-surface-soft);
  }

  body[data-gadjo="true"] ul#evolutions .evolution-metadata + div.msg {
    border-radius: 0 0 8px 8px;
  }

  body[data-gadjo="true"] ul#evolutions span.time,
  body[data-gadjo="true"] ul#evolutions span.datetime,
  body[data-gadjo="true"] ul#evolutions span.user {
    display: inline-flex;
    color: var(--bo-muted);
    opacity: 1;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] ul#evolutions span.status {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0.1rem 0.55rem;
    color: #ffffff;
    background: var(--bo-primary);
    border-radius: 999px;
    font-weight: 600;
  }

  body[data-gadjo="true"] ul#evolutions span.status.bo-status-pill {
    color: var(--bo-status-color);
    background: var(--bo-status-bg);
    border-color: var(--bo-status-border);
  }

  body[data-gadjo="true"] ul#evolutions li div.msg div.comment,
  body[data-gadjo="true"] ul#evolutions li div.form-summary {
    margin-top: 0.6rem;
    padding: 0.75rem;
    color: var(--bo-text);
    background: var(--bo-surface-soft);
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] form#wf-actions h3 {
    margin-bottom: 0;
    font-weight: 600;
  }

  body[data-gadjo="true"] form#wf-actions div.buttons {
    min-width: 0;
  }

  body[data-gadjo="true"] form#wf-actions div.buttons button,
  body[data-gadjo="true"] form#wf-actions div.buttons input,
  body[data-gadjo="true"] form#wf-actions div.buttons a {
    min-width: 0;
    font-weight: 600;
  }

  body[data-gadjo="true"] dl#evolutions dt,
  body[data-gadjo="true"] dl#evolutions dd {
    margin: 0;
    padding: 0.8rem 1rem;
    background: var(--bo-surface);
    border: 1px solid var(--bo-border);
  }

  body[data-gadjo="true"] dl#evolutions dt {
    color: var(--bo-muted);
    background: var(--bo-surface-soft);
    border-radius: 8px 8px 0 0;
    font-weight: 600;
  }

  body[data-gadjo="true"] dl#evolutions dd {
    border-top: 0;
    border-radius: 0 0 8px 8px;
    box-shadow: var(--bo-shadow-soft);
  }

  body[data-gadjo="true"] pre,
  body[data-gadjo="true"] code,
  body[data-gadjo="true"] textarea.code {
    color: #172326;
    background: #f3f6f6;
    border: 1px solid var(--bo-border);
    border-radius: 6px;
  }

  body[data-gadjo="true"] .bo-copyable {
    position: relative;
    max-width: 100%;
  }

  body[data-gadjo="true"] .bo-copyable > pre {
    padding-right: 3.35rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] .bo-copyable > .bo-copy-button {
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
    z-index: 1;
  }

  body[data-gadjo="true"] pre {
    padding: 0.85rem;
    overflow: auto;
  }

  body[data-gadjo="true"] #gadjo-ajax-error {
    right: 1rem;
    bottom: 1rem;
    color: #ffffff;
    background: var(--bo-danger);
    border: 0;
    border-radius: 8px;
    box-shadow: var(--bo-shadow);
  }
}

@media screen {
  body:not([data-gadjo="true"]) #rub_service [style*="#e7f3ff" i],
  body:not([data-gadjo="true"]) #rub_service [style*="#d9edf7" i],
  body:not([data-gadjo="true"]) #rub_service [style*="#cfe2ff" i],
  body:not([data-gadjo="true"]) #rub_service [style*="#99ccff" i],
  body:not([data-gadjo="true"]) form.quixote [style*="#e7f3ff" i],
  body:not([data-gadjo="true"]) form.quixote [style*="#d9edf7" i],
  body:not([data-gadjo="true"]) form.quixote [style*="#cfe2ff" i],
  body:not([data-gadjo="true"]) form.quixote [style*="#99ccff" i] {
    color: #1d2a2e !important;
    background: #f4f5f5 !important;
    background-color: #f4f5f5 !important;
    border-color: #c8ded5 !important;
    border-left-color: #2f6f5e !important;
  }

  body:not([data-gadjo="true"]) #rub_service [style*="#007bff" i],
  body:not([data-gadjo="true"]) #rub_service [style*="#0d6efd" i],
  body:not([data-gadjo="true"]) #rub_service [style*="#1565c0" i],
  body:not([data-gadjo="true"]) form.quixote [style*="#007bff" i],
  body:not([data-gadjo="true"]) form.quixote [style*="#0d6efd" i],
  body:not([data-gadjo="true"]) form.quixote [style*="#1565c0" i] {
    border-color: #2f6f5e !important;
    border-left-color: #2f6f5e !important;
  }
}

@media screen and (max-width: 900px) {
  body[data-gadjo="true"] {
    font-size: 13px;
    -webkit-text-size-adjust: 100%;
    --bo-mobile-bar-height: calc(60px + env(safe-area-inset-top, 0px));
  }

  body[data-gadjo="true"] div#header {
    height: 60px;
  }

  body[data-gadjo="true"] div#header h1 {
    height: 60px;
    line-height: 60px;
    font-size: 1.2rem;
    max-width: calc(100% - 3.75rem);
    padding-left: 0.8rem;
  }

  body[data-gadjo="true"] div#header h1.breadcrumbs a {
    max-width: calc(100vw - 5rem);
    padding-left: 0.7rem;
    padding-right: 2.4rem;
  }

  body[data-gadjo="true"] ul.user-info {
    top: 6px;
    right: 6px;
  }

  body[data-gadjo="true"] div#main-content {
    margin: 0;
    padding: 0.55rem;
    width: 100%;
    max-width: 100vw;
    min-height: auto;
    overflow-x: visible;
  }

  body[data-gadjo="true"] div.bo-block,
  body[data-gadjo="true"] div.section,
  body[data-gadjo="true"] div.a2-block,
  body[data-gadjo="true"] #sidebar,
  body[data-gadjo="true"] .pk-tabs,
  body[data-gadjo="true"] .cell {
    padding: 0.65rem;
  }

  body[data-gadjo="true"] #appbar {
    display: block;
    margin-bottom: 1.1rem;
    padding-bottom: 0.15rem;
    clear: both;
  }

  body[data-gadjo="true"] #appbar > h2,
  body[data-gadjo="true"] #appbar .appbar--title,
  body[data-gadjo="true"] #content h2 {
    font-size: 1.28rem;
    line-height: 1.25;
    margin-bottom: 0.75rem;
  }

  body[data-gadjo="true"] h2.application-title {
    gap: 0.5rem;
    align-items: flex-start;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] h2.application-title img {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
  }

  body[data-gadjo="true"] #appbar span.actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.45rem;
    margin-top: 0.65rem;
    margin-bottom: 0.4rem;
    position: static;
    align-items: stretch;
  }

  body[data-gadjo="true"] #appbar span.actions > * {
    text-align: center;
  }

  body[data-gadjo="true"] #sidebar {
    position: static !important;
    float: none !important;
    clear: both;
    width: 100% !important;
    margin: 0.9rem 0;
    max-width: none;
  }

  body[data-gadjo="true"] #sidebar #sidebar-toggle {
    display: inline-flex !important;
    top: 0.55rem;
    right: 0.55rem;
    left: auto;
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
    min-height: 2.4rem;
    border: 1px solid var(--bo-primary-hover) !important;
    border-radius: 8px;
  }

  body[data-gadjo="true"] #sidebar #sidebar-toggle::before {
    content: "\f0b0";
  }

  body[data-gadjo="true"] #sidebar form {
    width: 100%;
  }

  body[data-gadjo="true"] #sidepage {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: var(--bo-mobile-bar-height) !important;
    padding-top: env(safe-area-inset-top, 0px);
    z-index: 1000;
    overflow: hidden !important;
    text-align: left;
  }

  body[data-gadjo="true"][data-has-sidepage] #header {
    margin-top: var(--bo-mobile-bar-height);
    margin-left: 0;
  }

  body[data-gadjo="true"][data-has-sidepage] #main,
  body[data-gadjo="true"].sidepage-expanded #main,
  body[data-gadjo="true"]:has(#sidepage ul#sidepage-menu) #main {
    margin-left: 0 !important;
  }

  body[data-gadjo="true"] #main {
    display: block !important;
  }

  body[data-gadjo="true"]:has(#sidepage ul#sidepage-menu) div#header,
  body[data-gadjo="true"][data-has-sidepage] div#header {
    margin-left: 0 !important;
  }

  body[data-gadjo="true"]:has(#sidepage ul#sidepage-menu) div#main-content {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  body[data-gadjo="true"].sidepage-expanded #sidepage {
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: var(--bo-surface);
  }

  body[data-gadjo="true"].sidepage-expanded {
    overflow: hidden;
  }

  body[data-gadjo="true"] #sidepage span#applabel {
    width: 100% !important;
    height: 60px !important;
    line-height: 60px !important;
    padding-left: 68px !important;
    background: var(--bo-surface);
    border-bottom: 1px solid var(--bo-border);
  }

  body[data-gadjo="true"] #sidepage span#applabel::before {
    content: "\f0c9" !important;
    display: block !important;
    top: env(safe-area-inset-top, 0px) !important;
    left: 0 !important;
    right: auto !important;
    width: 60px !important;
    height: 60px !important;
    color: var(--bo-on-primary);
    background: var(--bo-primary);
    border-radius: 0;
    box-shadow: none;
    font-size: 1.25rem;
    line-height: 60px !important;
    transform: none !important;
  }

  body[data-gadjo="true"].sidepage-expanded #sidepage span#applabel::before {
    content: "\f00d" !important;
    right: auto !important;
    transform: none !important;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    position: relative;
    z-index: 2;
    left: 0 !important;
    width: 100% !important;
    min-height: auto;
    max-height: calc(100vh - var(--bo-mobile-bar-height));
    max-height: calc(100dvh - var(--bo-mobile-bar-height));
    overflow-y: auto;
    padding-top: 0.35rem;
    background: var(--bo-surface);
    border-right: 0;
    box-shadow: 0 14px 30px rgba(25, 40, 45, 0.14);
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu::before {
    content: none;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li {
    float: none !important;
    width: auto !important;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5.8rem;
    margin: 0;
    padding: 3.4rem 0.7rem 0.9rem;
    border-radius: 0;
    overflow-wrap: anywhere;
    text-align: center;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a[class*="icon-"] {
    padding: 3.35rem 0.65rem 0.85rem;
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li a[class*="icon-"]::before {
    top: 0.85rem;
    left: 50%;
    transform: translateX(-50%);
  }

  body[data-gadjo="true"] #sidepage ul#sidepage-menu li:hover::after,
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li.active::after,
  body[data-gadjo="true"] #sidepage ul#sidepage-menu li.active:hover::after {
    content: none;
  }

  body[data-gadjo="true"] table.main,
  body[data-gadjo="true"] table.pk-compact-table,
  body[data-gadjo="true"] .table-container table {
    display: block;
    width: 100%;
    overflow-x: auto;
    font-size: 0.95rem;
    white-space: nowrap;
  }

  body[data-gadjo="true"] .bo-table-scroll,
  body[data-gadjo="true"] div.table-container {
    max-width: 100%;
    overflow-x: auto;
  }

  body[data-gadjo="true"] table.main th,
  body[data-gadjo="true"] table.pk-compact-table th,
  body[data-gadjo="true"] table.main td,
  body[data-gadjo="true"] table.pk-compact-table td,
  body[data-gadjo="true"] .table-container table th,
  body[data-gadjo="true"] .table-container table td {
    padding: 0.62rem 0.7rem;
  }

  body[data-gadjo="true"] form ul.login {
    width: 100%;
    padding: 1rem;
  }

  body[data-gadjo="true"] form ul.login li {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }

  body[data-gadjo="true"] form ul.login li:last-child {
    padding-left: 0;
  }

  body[data-gadjo="true"] form ul.login label {
    text-align: left;
    justify-self: start;
  }

  body[data-gadjo="true"] form ul.login input:not([type="hidden"]) {
    width: 100%;
  }

  body[data-gadjo="true"] .section--title,
  body[data-gadjo="true"] div.section h2.section--title,
  body[data-gadjo="true"] div.section h3.section--title {
    min-height: 2.55rem;
    margin: -0.65rem -0.65rem 0.55rem;
    padding: 0.62rem 0.65rem;
    font-size: 0.98rem;
  }

  body[data-gadjo="true"] .section--title::before,
  body[data-gadjo="true"] div.section h2.section--title::before,
  body[data-gadjo="true"] div.section h3.section--title::before,
  body[data-gadjo="true"] .section--title .foldable--trigger {
    width: 1.9rem;
    min-width: 1.9rem;
    height: 1.9rem;
    min-height: 1.9rem;
  }

  body[data-gadjo="true"] form ul.login li:last-child button {
    width: 100%;
  }

  body[data-gadjo="true"] .filters,
  body[data-gadjo="true"] .filter-form,
  body[data-gadjo="true"] .criterias,
  body[data-gadjo="true"] .search-form,
  body[data-gadjo="true"] form.combo-search-form {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    padding: 0.75rem;
  }

  body[data-gadjo="true"] .filters::before,
  body[data-gadjo="true"] .filter-form::before,
  body[data-gadjo="true"] .criterias::before,
  body[data-gadjo="true"] .search-form::before,
  body[data-gadjo="true"] form.combo-search-form::before {
    display: none;
  }

  body[data-gadjo="true"] .filters label,
  body[data-gadjo="true"] .filter-form label,
  body[data-gadjo="true"] .criterias label,
  body[data-gadjo="true"] .search-form label,
  body[data-gadjo="true"] form.combo-search-form label {
    font-size: 0.78rem;
  }

  body[data-gadjo="true"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  body[data-gadjo="true"] select,
  body[data-gadjo="true"] textarea,
  body[data-gadjo="true"] .select2-container {
    width: 100% !important;
    max-width: 100%;
  }

  body[data-gadjo="true"] div.buttons {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  body[data-gadjo="true"] div.buttons input,
  body[data-gadjo="true"] div.buttons button,
  body[data-gadjo="true"] #appbar span.actions a,
  body[data-gadjo="true"] #appbar span.actions button {
    width: 100%;
    min-height: 2.6rem;
  }

  body[data-gadjo="true"] #appbar span.actions > a:not(.extra-actions-menu-opener),
  body[data-gadjo="true"] #appbar span.actions > button:not(.extra-actions-menu-opener) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] #appbar span.actions > a.extra-actions-menu-opener,
  body[data-gadjo="true"] div.menu-opener span.actions > a.extra-actions-menu-opener {
    justify-self: end;
    width: 2.6rem !important;
    min-width: 2.6rem;
    max-width: 2.6rem;
    padding-inline: 0 !important;
    color: var(--bo-primary) !important;
    background: var(--bo-surface) !important;
    border-color: var(--bo-border-strong) !important;
  }

  body[data-gadjo="true"] #appbar span.actions > a.extra-actions-menu-opener.open,
  body[data-gadjo="true"] div.menu-opener span.actions > a.extra-actions-menu-opener.open {
    color: var(--bo-on-primary) !important;
    background: var(--bo-primary) !important;
    border-color: var(--bo-primary) !important;
  }

  body[data-gadjo="true"] #appbar span.actions > ul.extra-actions-menu {
    grid-column: 1 / -1;
  }

  body[data-gadjo="true"] .bo-copy-button {
    width: 2.6rem;
    min-width: 2.6rem;
    min-height: 2.6rem;
  }

  body[data-gadjo="true"] ul.objects-list.single-links li a.link-action-icon,
  body[data-gadjo="true"] ul.objects-list.single-links li a.link-action-text,
  body[data-gadjo="true"] ul.objects-list.single-links li a.delete {
    position: static;
    margin: 0.45rem 0.45rem 0.45rem 0;
  }

  body[data-gadjo="true"] ul.objects-list.single-links li {
    grid-template-columns: 1fr;
  }

  body[data-gadjo="true"] ul.objects-list.single-links li > a:first-child {
    white-space: normal;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.application-content li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.application-content li > a:first-child {
    flex: 1 0 100%;
    min-height: auto;
    padding: 0.62rem;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.application-content li > a:first-child span.tag-error {
    display: inline-flex;
    margin: 0 0.35rem 0.25rem 0;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.application-content li > a:first-child span.extra-info {
    display: block;
    margin: 0.25rem 0 0;
  }

  body[data-gadjo="true"] ul.objects-list.single-links.application-content li a.link-action-icon,
  body[data-gadjo="true"] ul.objects-list.single-links.application-content li a.delete {
    flex: 0 0 2.55rem;
    width: 2.55rem;
    min-width: 2.55rem;
    min-height: 2.55rem;
    margin: 0 !important;
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links li,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li {
    min-height: auto;
    padding: 0.2rem;
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links li > a:first-child,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li > a:first-child {
    display: grid;
    grid-template-columns: 1.9rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0.22rem 0.55rem;
    align-items: center;
    min-height: 2.6rem;
    padding: 0.5rem;
    overflow: visible;
    text-overflow: clip;
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links li > a:first-child::before,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li > a:first-child::before {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 1.9rem;
    height: 1.9rem;
  }

  body[data-gadjo="true"] div.section > ul.objects-list.single-links li > a:first-child span.badge,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li > a:first-child span.badge,
  body[data-gadjo="true"] div.section > ul.objects-list.single-links li > a:first-child span.tag,
  body[data-gadjo="true"] div.section > div > ul.objects-list.single-links li > a:first-child span.tag {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    min-height: 1.7rem;
    margin: 0.05rem 0 0;
    padding: 0.12rem 0.5rem;
    font-size: 0.82rem;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] ul.objects-list li span.extra-info {
    display: block;
    margin: 0.25rem 0 0;
  }

  body[data-gadjo="true"] ul.apps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
  }

  body[data-gadjo="true"] ul.apps li[class*="icon-"] a {
    min-height: 112px;
    padding: 4.1rem 0.55rem 0.75rem;
    font-size: 0.95rem;
  }

  body[data-gadjo="true"] ul.apps li[class*="icon-"] a::before {
    width: 38px;
    height: 38px;
    line-height: 38px;
  }

  body[data-gadjo="true"] .services {
    grid-template-columns: 1fr;
    gap: 0.7rem;
  }

  body[data-gadjo="true"] .services .service-card .service {
    min-height: auto;
    padding: 0.85rem;
  }

  body[data-gadjo="true"] .services .service-card .menu-opener {
    top: 0.55rem;
    right: 0.55rem;
  }

  body[data-gadjo="true"] .services .service-title {
    padding-right: 2.8rem;
    font-size: 1rem;
  }

  body[data-gadjo="true"] .services .service-status-items span {
    min-height: 1.8rem;
  }

  body[data-gadjo="true"] #portal-agent-content .cell--body {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  body[data-gadjo="true"] #portal-agent-content .services {
    padding: 0.8rem;
  }

  body[data-gadjo="true"] #portal-agent-content .services ul.apps {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  body[data-gadjo="true"] #portal-agent-content .services ul.apps li a {
    height: auto !important;
    min-height: 2.75rem;
    padding: 0.65rem 0.75rem;
    font-size: 0.95rem;
  }

  body[data-gadjo="true"] #content p.empty,
  body[data-gadjo="true"] #content div.empty,
  body[data-gadjo="true"] #content .empty-message,
  body[data-gadjo="true"] #content p.no-items,
  body[data-gadjo="true"] #content div.no-items,
  body[data-gadjo="true"] #content .no-results {
    padding: 0.8rem;
  }

  body[data-gadjo="true"] #gadjo-ajax-error {
    left: 0.55rem;
    right: 0.55rem;
    bottom: max(0.55rem, env(safe-area-inset-bottom, 0px));
    max-width: calc(100vw - 1.1rem);
    padding: 0.75rem 0.9rem;
    font-size: 0.95rem;
    line-height: 1.25;
  }

  body[data-gadjo="true"] #appbar,
  body[data-gadjo="true"] #appbar span.actions,
  body[data-gadjo="true"] div.menu-opener,
  body[data-gadjo="true"] div.menu-opener span.actions {
    position: relative;
  }

  body[data-gadjo="true"] #appbar span.actions .extra-actions-menu.open,
  body[data-gadjo="true"] div.menu-opener span.actions .extra-actions-menu.open {
    position: absolute !important;
    top: calc(100% + 0.35rem);
    right: 0 !important;
    left: auto !important;
    width: min(20rem, calc(100vw - 1.1rem)) !important;
    max-width: calc(100vw - 1.1rem) !important;
    padding: 0.45rem !important;
    color: var(--bo-text) !important;
    background: var(--bo-surface) !important;
    border: 1px solid var(--bo-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--bo-shadow) !important;
    text-align: left !important;
  }

  body[data-gadjo="true"] #appbar span.actions .extra-actions-menu.open li a,
  body[data-gadjo="true"] div.menu-opener span.actions .extra-actions-menu.open li a,
  body[data-gadjo="true"] .gadjo-dropdown.gadjo-opened ul li a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: 100% !important;
    min-height: 2.45rem;
    padding: 0.65rem 0.75rem !important;
    color: var(--bo-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 6px !important;
    text-align: left !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body[data-gadjo="true"] #appbar span.actions .extra-actions-menu.open li a:not(.disabled):focus,
  body[data-gadjo="true"] #appbar span.actions .extra-actions-menu.open li a:not(.disabled):hover,
  body[data-gadjo="true"] div.menu-opener span.actions .extra-actions-menu.open li a:not(.disabled):focus,
  body[data-gadjo="true"] div.menu-opener span.actions .extra-actions-menu.open li a:not(.disabled):hover,
  body[data-gadjo="true"] .gadjo-dropdown.gadjo-opened ul li a:not(.disabled):focus,
  body[data-gadjo="true"] .gadjo-dropdown.gadjo-opened ul li a:not(.disabled):hover {
    color: var(--bo-on-soft) !important;
    background: var(--bo-primary-soft) !important;
  }

  body[data-gadjo="true"] .gadjo-dropdown ul {
    right: auto;
    left: 0;
    max-width: calc(100vw - 1.8rem);
  }

  body[data-gadjo="true"] .gadjo-dropdown ul.gadjo-dropdown-right {
    right: 0;
    left: auto;
  }

  body[data-gadjo="true"] div.ui-dialog {
    position: fixed !important;
    top: max(0.75rem, env(safe-area-inset-top, 0px)) !important;
    bottom: max(0.75rem, env(safe-area-inset-bottom, 0px)) !important;
    left: 0.9rem !important;
    right: 0.9rem !important;
    display: flex;
    flex-direction: column;
    width: auto !important;
    height: auto !important;
    max-width: none;
    min-width: 0;
    max-height: none !important;
    box-sizing: border-box;
    overflow: hidden;
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-titlebar {
    flex: 0 0 auto;
    padding-right: 3rem;
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-content,
  body[data-gadjo="true"] div.ui-dialog .ui-widget-content {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    white-space: normal;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-buttonpane {
    flex: 0 0 auto;
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  body[data-gadjo="true"] div.ui-dialog .ui-dialog-buttonpane button {
    width: 100%;
  }

  body[data-gadjo="true"] #assets-browser,
  body[data-gadjo="true"] .data-source-widget,
  body[data-gadjo="true"] .layout-selection-widget,
  body[data-gadjo="true"] .colour-or-text-input,
  body[data-gadjo="true"] .cell-properties--buttons,
  body[data-gadjo="true"] .wcs-cards-cell--grid-cell-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  body[data-gadjo="true"] #assets-browser #assets-listing,
  body[data-gadjo="true"] #asset-preview {
    width: 100%;
  }

  body[data-gadjo="true"] div.cell > h3,
  body[data-gadjo="true"] #pages-list div.page {
    min-width: 0;
    overflow: hidden;
  }

  body[data-gadjo="true"] div.cell h3 span.visibility-summary,
  body[data-gadjo="true"] div.page span.visibility-summary {
    max-width: 100%;
  }

  body[data-gadjo="true"] .bo-copyable > pre {
    padding-right: 0.85rem;
    padding-top: 3.25rem;
  }

  body[data-gadjo="true"] .bo-copyable > .bo-copy-button {
    top: 0.55rem;
    right: 0.55rem;
  }

  body[data-gadjo="true"] .gadjo-back-to-top {
    right: max(1rem, env(safe-area-inset-right, 0px));
    bottom: max(1rem, env(safe-area-inset-bottom, 0px));
  }

  body[data-gadjo="true"] .form-content--sidebox,
  body[data-gadjo="true"] div#side:has(#steps.wcs-steps),
  body[data-gadjo="true"] div#tracking-code,
  body[data-gadjo="true"] div#receipt-intro,
  body[data-gadjo="true"] div#rub_service div.dataview,
  body[data-gadjo="true"] div#rub_service .drafts-recall,
  body[data-gadjo="true"] div#rub_service form.quixote,
  body[data-gadjo="true"] form#wf-actions {
    padding: 0.85rem;
    min-width: 0;
    overflow-x: hidden;
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps ol.wcs-steps--list {
    flex-wrap: nowrap;
    gap: 0.45rem;
    overflow-x: auto;
    padding-bottom: 0.1rem;
  }

  body[data-gadjo="true"] div#side #steps.wcs-steps li.wcs-step {
    flex: 0 0 auto;
    max-width: 15rem;
  }

  body[data-gadjo="true"] form#wf-actions *,
  body[data-gadjo="true"] form#wf-actions div.buttons {
    min-width: 0;
    max-width: 100%;
  }

  body[data-gadjo="true"] form#wf-actions div.buttons {
    width: 100%;
    padding-inline: 0;
    overflow-x: hidden;
  }

  body[data-gadjo="true"] form#wf-actions div.buttons > * {
    margin-inline: 0 !important;
    max-width: 100%;
  }

  body[data-gadjo="true"] form#wf-actions div.buttons button,
  body[data-gadjo="true"] form#wf-actions div.buttons .cancel-button,
  body[data-gadjo="true"] form#wf-actions div.buttons .delete-button {
    display: block;
    width: 100%;
    white-space: normal;
  }

  body[data-gadjo="true"] div.dataview div.field {
    grid-template-columns: 1fr;
    gap: 0.28rem;
    padding: 0.7rem;
  }

  body[data-gadjo="true"] div.dataview .label {
    font-size: 0.78rem;
  }

  body[data-gadjo="true"] div.dataview .field-type-items .value ul,
  body[data-gadjo="true"] div.dataview .value ul {
    display: grid;
    grid-template-columns: 1fr;
  }

  body[data-gadjo="true"] ul#evolutions {
    gap: 0.75rem;
  }

  body[data-gadjo="true"] ul#evolutions::after {
    left: 0.9rem;
  }

  body[data-gadjo="true"] ul#evolutions > li {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.5rem;
  }

  body[data-gadjo="true"] ul#evolutions li span.item {
    width: 1.8rem;
    height: 1.8rem;
  }

  body[data-gadjo="true"] ul#evolutions .evolution-metadata,
  body[data-gadjo="true"] ul#evolutions li div.msg {
    padding: 0.7rem;
  }

  body[data-gadjo="true"] ul#evolutions .evolution-metadata {
    display: grid;
    grid-template-columns: 1fr;
  }

  body[data-gadjo="true"] div.file-field,
  body[data-gadjo="true"] div.dataview .value a[href*="/download"],
  body[data-gadjo="true"] ul#evolutions p.wf-attachment {
    width: 100%;
    justify-content: flex-start;
  }
}

@media screen {
  body .bo-client-assistant {
    --bo-surface: #ffffff;
    --bo-surface-soft: #fafafa;
    --bo-border: #d9dddd;
    --bo-border-strong: #bcc4c4;
    --bo-text: #1d2a2e;
    --bo-muted: #5f6f73;
    --bo-primary: #2f6f5e;
    --bo-primary-hover: #245447;
    --bo-primary-border: #c2d8cf;
    --bo-on-primary: #ffffff;
    --bo-danger: #b42318;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 2147483000;
    display: grid;
    width: min(28rem, calc(100vw - 2rem));
    justify-items: end;
    gap: 0.65rem;
    box-sizing: border-box;
    color: var(--bo-text);
    font-family: inherit;
  }

  body .bo-client-assistant.is-large {
    width: min(52rem, calc(100vw - 2rem));
  }

  /* Coin d'ancrage de la fenetre (cyclable via le bouton fleche de l'en-tete) :
     evite que la fenetre masque la zone de saisie. Defaut = bas-droite. */
  body .bo-client-assistant.is-corner-br {
    top: auto;
    bottom: 1rem;
    left: auto;
    right: 1rem;
    justify-items: end;
  }

  body .bo-client-assistant.is-corner-bl {
    top: auto;
    bottom: 1rem;
    right: auto;
    left: 1rem;
    justify-items: start;
  }

  body .bo-client-assistant.is-corner-tr {
    bottom: auto;
    top: 1rem;
    left: auto;
    right: 1rem;
    justify-items: end;
  }

  body .bo-client-assistant.is-corner-tl {
    bottom: auto;
    top: 1rem;
    right: auto;
    left: 1rem;
    justify-items: start;
  }

  /* En ancrage haut, empiler le panneau au-dessus du lanceur. */
  body .bo-client-assistant.is-corner-tr,
  body .bo-client-assistant.is-corner-tl {
    grid-auto-flow: row;
  }
  body .bo-client-assistant.is-corner-tr .bo-client-assistant-launcher,
  body .bo-client-assistant.is-corner-tl .bo-client-assistant-launcher {
    order: -1;
  }

  body .bo-client-assistant [hidden] {
    display: none !important;
  }

  body .bo-client-assistant-launcher {
    width: 3.25rem;
    height: 3.25rem;
    border: 1px solid var(--bo-primary-hover);
    border-radius: 8px;
    background: var(--bo-primary);
    color: var(--bo-on-primary);
    box-shadow: 0 14px 34px rgba(24, 43, 48, 0.22);
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
  }

  body .bo-client-assistant-launcher:hover,
  body .bo-client-assistant-launcher:focus-visible {
    background: var(--bo-primary-hover);
    color: var(--bo-on-primary);
  }

  body .bo-client-assistant.is-open .bo-client-assistant-launcher {
    display: none;
  }

  body .bo-client-assistant-panel {
    display: none;
    width: 100%;
    max-width: 100%;
    height: min(40rem, calc(100vh - 2rem));
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid var(--bo-border-strong);
    border-radius: 8px;
    background: var(--bo-surface);
    box-shadow: 0 22px 58px rgba(24, 43, 48, 0.26);
  }

  body .bo-client-assistant.is-large .bo-client-assistant-panel {
    height: min(48rem, calc(100vh - 2rem));
  }

  body .bo-client-assistant.is-open .bo-client-assistant-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }

  body .bo-client-assistant-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--bo-border);
    background: #f5f7f6;
  }

  body .bo-client-assistant-title {
    min-width: 0;
  }

  body .bo-client-assistant-header strong {
    display: block;
    color: #172326;
    font-size: 1rem;
    line-height: 1.2;
  }

  body .bo-client-assistant-subtitle {
    display: block;
    max-width: 18rem;
    overflow: hidden;
    color: var(--bo-muted);
    font-size: 0.78rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body .bo-client-assistant-header-actions {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.35rem;
  }

  body .bo-client-assistant-size-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    background: var(--bo-surface);
    color: var(--bo-text);
    font-weight: 800;
    font-size: 0.74rem;
    line-height: 1;
    cursor: pointer;
  }

  body .bo-client-assistant-expand-button {
    position: relative;
    overflow: hidden;
    font-size: 0;
    text-indent: 0 !important;
  }

  body .bo-client-assistant-expand-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 0.82rem;
    height: 0.82rem;
    border: 2px solid currentColor;
    border-radius: 2px;
    content: "" !important;
    transform: translate(-50%, -50%);
  }

  body .bo-client-assistant.is-large .bo-client-assistant-expand-button::before {
    width: 0.9rem;
    height: 2px;
    border: 0;
    border-radius: 999px;
    background: currentColor;
  }

  body .bo-client-assistant-size-button:hover,
  body .bo-client-assistant-size-button:focus-visible,
  body .bo-client-assistant-icon-button:hover,
  body .bo-client-assistant-icon-button:focus-visible {
    border-color: var(--bo-primary-border);
    color: var(--bo-primary-hover);
    background: var(--bo-surface-soft);
  }

  body .bo-client-assistant-icon-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    background: var(--bo-surface);
    color: var(--bo-text);
    font-weight: 800;
    font-size: 0;
    text-indent: 0 !important;
    line-height: 1;
    cursor: pointer;
  }

  body .bo-client-assistant-icon-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.78rem;
    height: 2px;
    background: #ffffff;
    content: "" !important;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  body .bo-client-assistant-icon-button::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.78rem;
    height: 2px;
    background: #ffffff;
    content: "" !important;
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  body .bo-client-assistant-login,
  body .bo-client-assistant-chat {
    min-height: 0;
  }

  body .bo-client-assistant-login {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    padding: 1.1rem;
  }

  body .bo-client-assistant-login strong {
    font-size: 1rem;
  }

  body .bo-client-assistant-login input,
  body .bo-client-assistant-controls textarea,
  body .bo-client-assistant-controls select {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--bo-border-strong);
    border-radius: 8px;
    background: var(--bo-surface);
    color: var(--bo-text);
    box-sizing: border-box;
    font: inherit;
  }

  body .bo-client-assistant-login input {
    min-height: 2.45rem;
    padding: 0.58rem 0.68rem;
  }

  body .bo-client-assistant-login input:focus,
  body .bo-client-assistant-controls textarea:focus,
  body .bo-client-assistant-controls select:focus {
    border-color: var(--bo-primary);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(47, 111, 94, 0.14);
  }

  body .bo-client-assistant-error {
    min-height: 1.2rem;
    margin: 0;
    color: var(--bo-danger);
    font-size: 0.8rem;
  }

  body .bo-client-assistant-chat {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
  }

  body .bo-client-assistant-messages {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 0.65rem;
    overflow-y: auto;
    padding: 1rem;
    background: #f7f9f8;
  }

  body .bo-client-assistant-empty {
    margin: auto;
    color: var(--bo-muted);
    font-size: 0.86rem;
  }

  body .bo-client-assistant-message {
    max-width: 88%;
    padding: 0.68rem 0.78rem;
    border: 1px solid var(--bo-border);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(25, 40, 45, 0.05);
    font-size: 0.9rem;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  body .bo-client-assistant-message-user {
    align-self: flex-end;
    border-color: var(--bo-primary);
    background: var(--bo-primary);
    color: var(--bo-on-primary);
  }

  body .bo-client-assistant-message-assistant {
    align-self: flex-start;
    background: var(--bo-surface);
  }

  /* Rendu Markdown des reponses de l'assistant */
  body .bo-client-assistant-message-md {
    white-space: normal;
  }
  body .bo-client-assistant-message-md > :first-child { margin-top: 0; }
  body .bo-client-assistant-message-md > :last-child { margin-bottom: 0; }
  body .bo-client-assistant-message-md p { margin: 0 0 0.5rem; }
  body .bo-client-assistant-message-md ul,
  body .bo-client-assistant-message-md ol { margin: 0 0 0.5rem; padding-left: 1.25rem; }
  body .bo-client-assistant-message-md li { margin: 0.15rem 0; }
  body .bo-client-assistant-message-md h4,
  body .bo-client-assistant-message-md h5,
  body .bo-client-assistant-message-md h6 { margin: 0.6rem 0 0.35rem; line-height: 1.3; font-size: 0.95rem; }
  body .bo-client-assistant-message-md code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.85em;
    background: rgba(25, 40, 45, 0.07);
    padding: 0.1em 0.35em;
    border-radius: 4px;
  }
  body .bo-client-assistant-message-md pre {
    margin: 0 0 0.5rem;
    padding: 0.6rem 0.7rem;
    background: #1e272c;
    color: #f1f5f7;
    border-radius: 6px;
    overflow-x: auto;
  }
  body .bo-client-assistant-message-md pre code {
    background: none;
    padding: 0;
    color: inherit;
    font-size: 0.82rem;
    white-space: pre;
  }
  body .bo-client-assistant-message-md blockquote {
    margin: 0 0 0.5rem;
    padding: 0.2rem 0.7rem;
    border-left: 3px solid var(--bo-border);
    color: var(--bo-muted);
  }
  body .bo-client-assistant-message-md a {
    color: var(--bo-primary);
    text-decoration: underline;
  }
  body .bo-client-assistant-table-wrap {
    overflow-x: auto;
    margin: 0 0 0.5rem;
  }
  body .bo-client-assistant-message-md table {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.82rem;
  }
  body .bo-client-assistant-message-md th,
  body .bo-client-assistant-message-md td {
    border: 1px solid var(--bo-border);
    padding: 0.3rem 0.5rem;
    text-align: left;
    vertical-align: top;
  }
  body .bo-client-assistant-message-md thead th {
    background: var(--bo-surface-soft);
    font-weight: 700;
  }

  /* Barre d'actions par reponse (copier / export .md) */
  body .bo-client-assistant-message-actions {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.45rem;
    opacity: 0.6;
    transition: opacity 0.12s ease;
  }
  body .bo-client-assistant-message:hover .bo-client-assistant-message-actions,
  body .bo-client-assistant-message:focus-within .bo-client-assistant-message-actions {
    opacity: 1;
  }
  body .bo-client-assistant-msg-action {
    border: 1px solid var(--bo-border);
    background: var(--bo-surface);
    color: var(--bo-muted);
    border-radius: 5px;
    padding: 0.1rem 0.45rem;
    font-size: 0.72rem;
    line-height: 1.5;
    cursor: pointer;
  }
  body .bo-client-assistant-msg-action:hover,
  body .bo-client-assistant-msg-action:focus-visible {
    border-color: var(--bo-primary);
    color: var(--bo-primary);
  }

  /* Barre d'actions sous un bloc de code (telecharger / copier le fichier) */
  body .bo-client-assistant-code-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: -0.25rem 0 0.55rem;
  }

  /* Bouton Envoyer transforme en Stop pendant le streaming */
  body .bo-client-assistant-primary.bo-client-assistant-stop {
    background: var(--bo-danger);
    border-color: var(--bo-danger);
    color: #ffffff;
  }
  body .bo-client-assistant-primary.bo-client-assistant-stop:hover {
    filter: brightness(0.94);
  }

  /* Point 3 : textarea auto-resize + zone de glisser-deposer */
  body .bo-client-assistant textarea {
    resize: none;
    overflow-y: auto;
  }
  body .bo-client-assistant-chat.bo-client-assistant-dragover {
    outline: 2px dashed var(--bo-primary);
    outline-offset: -4px;
    background: rgba(47, 111, 94, 0.04);
  }

  /* Puces fichiers joints, affichees sous le message utilisateur */
  body .bo-client-assistant-message-files {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.4rem;
  }
  body .bo-client-assistant-file-chip {
    font-size: 0.72rem;
    padding: 0.08rem 0.5rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.18);
    color: inherit;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body .bo-client-assistant-message-assistant .bo-client-assistant-file-chip {
    border-color: var(--bo-border);
    background: var(--bo-surface-soft);
  }

  /* Bouton "Nouvelle conversation" dans l'en-tete */
  body .bo-client-assistant-new-button {
    display: inline-flex;
    align-items: center;
    height: 2rem;
    box-sizing: border-box;
    border: 1px solid var(--bo-border);
    background: var(--bo-surface);
    color: var(--bo-muted);
    border-radius: 8px;
    padding: 0 0.55rem;
    font-size: 0.78rem;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
  }
  body .bo-client-assistant-new-button:hover,
  body .bo-client-assistant-new-button:focus-visible {
    border-color: var(--bo-primary);
    color: var(--bo-primary);
  }

  body .bo-client-assistant-status {
    min-height: 1.55rem;
    padding: 0.42rem 1rem;
    border-top: 1px solid var(--bo-border);
    background: #fbfbfb;
    color: var(--bo-muted);
    font-size: 0.78rem;
  }

  body .bo-client-assistant-controls {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.5rem;
    padding: 0.85rem;
    border-top: 1px solid var(--bo-border);
    background: var(--bo-surface);
  }

  body .bo-client-assistant-model,
  body .bo-client-assistant-controls textarea {
    grid-column: 1 / -1;
  }

  body .bo-client-assistant-controls textarea {
    min-height: 5rem;
    max-height: 11rem;
    padding: 0.65rem 0.72rem;
    resize: vertical;
  }

  body .bo-client-assistant-primary,
  body .bo-client-assistant-secondary {
    min-height: 2.35rem;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
  }

  body .bo-client-assistant-primary {
    border: 1px solid var(--bo-primary-hover);
    background: var(--bo-primary);
    color: var(--bo-on-primary);
  }

  body .bo-client-assistant-primary:hover,
  body .bo-client-assistant-primary:focus-visible {
    background: var(--bo-primary-hover);
    color: var(--bo-on-primary);
  }

  body .bo-client-assistant-secondary {
    width: 2.35rem;
    border: 1px solid var(--bo-border-strong);
    background: var(--bo-surface-soft);
    color: var(--bo-text);
  }

  body .bo-client-assistant-secondary:hover,
  body .bo-client-assistant-secondary:focus-visible {
    border-color: var(--bo-primary-border);
    color: var(--bo-primary-hover);
    background: var(--bo-surface);
  }

  body .bo-client-assistant-files {
    align-self: center;
    min-width: 0;
    overflow: hidden;
    color: var(--bo-muted);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body .bo-client-assistant button:disabled,
  body .bo-client-assistant textarea:disabled,
  body .bo-client-assistant select:disabled {
    cursor: wait;
    opacity: 0.68;
  }

  @media (max-width: 640px) {
    body .bo-client-assistant {
      right: auto;
      bottom: max(0.75rem, env(safe-area-inset-bottom));
      left: max(0.75rem, env(safe-area-inset-left));
      width: calc(100vw - 1.5rem);
      justify-items: stretch;
    }

    body .bo-client-assistant-launcher {
      justify-self: end;
    }

    body .bo-client-assistant-panel {
      height: min(37rem, calc(100vh - 1.5rem));
    }

    body .bo-client-assistant-size-button {
      display: none !important;
    }

    body .bo-client-assistant-message {
      max-width: 94%;
    }
  }
}

@media print {
  body[data-gadjo="true"] {
    background: #ffffff;
    color: #000000;
  }

  body[data-gadjo="true"] div.bo-block,
  body[data-gadjo="true"] div.section,
  body[data-gadjo="true"] div.a2-block,
  body[data-gadjo="true"] table.main,
  body[data-gadjo="true"] table.pk-compact-table {
    box-shadow: none;
  }
}