:root {
    --bg: #f4f8fb;
    --surface: #fff;
    --soft: #eef6fb;
    --text: #17324d;
    --muted: #5f7488;
    --border: #d8e6ef;
    --primary: #0b73b7;
    --danger: #b42318;
    --shadow: 0 12px 30px rgba(26,64,96,.08);
}

* { box-sizing: border-box; }
html { font-size: 18px; }
body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text);
    background: var(--bg);
    line-height: 1.5;
}

a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }

.container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(12px);
}

.header-inner {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 76px;
    padding: 8px 0;
    flex-wrap: wrap;
}

.brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    color: var(--text);
}

.brand-logo {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    object-fit: cover;
    display: block;
    box-shadow: 0 8px 18px rgba(26,64,96,.16);
}

.main-nav {
    display: flex;
    gap: 8px;
    flex: 1 1 620px;
    flex-wrap: wrap;
    align-items: center;
}
.nav-item {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.has-submenu > a::after {
    content: " ▾";
    font-size: .75em;
}

.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow);
    padding: 8px;
    margin-top: 0;
    z-index: 30;
}

.nav-item:hover .submenu,
.nav-item:focus-within .submenu {
    display: grid;
    gap: 4px;
}

.submenu a {
    display: block;
    white-space: nowrap;
    padding: 9px 10px;
    border-radius: 10px;
}

.submenu a:hover {
    background: var(--soft);
    text-decoration: none;
}


.main-nav a,
.account-nav a,
.account-role {
    color: var(--text);
    font-size: .84rem;
}

.main-nav a {
    padding: 7px 8px;
    border-radius: 10px;
}

.main-nav .nav-top {
    font-weight: 700;
}

.main-nav a:hover {
    background: var(--soft);
    text-decoration: none;
}

.account-nav {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-left: auto;
    flex-wrap: wrap;
}

.account-name { font-weight: 800; }
.account-role {
    color: var(--muted);
    background: var(--soft);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 7px 10px;
}

main { padding: 28px 0 64px; }

.hero {
    background: linear-gradient(135deg,#e9f7ff 0%,#fff 100%);
    border: 1px solid var(--border);
    border-radius: 28px;
    padding: 44px;
    margin-bottom: 24px;
    box-shadow: var(--shadow);
}

.hero h1 {
    margin: 0 0 12px;
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 1.05;
    max-width: 900px;
}

.hero h2 {
    font-size: clamp(1.35rem, 2vw, 2rem);
    margin: 0 0 14px;
    color: var(--primary);
}

.hero p {
    max-width: 780px;
    font-size: 1.1rem;
    color: var(--muted);
}

.eyebrow {
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--primary);
    font-weight: 700;
    font-size: .78rem;
}

.card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 24px;
    box-shadow: var(--shadow);
    margin-bottom: 24px;
}

.card h1,
.card h2 { margin-top: 0; }
.narrow { max-width: 620px; margin-left: auto; margin-right: auto; }

.grid { display: grid; gap: 24px; }
.cards-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.cards-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }

.metric span { color: var(--muted); display: block; }
.metric strong { display: block; font-size: 2.6rem; line-height: 1.1; margin: 8px 0; }

.button,
button.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 12px;
    border: 1px solid var(--primary);
    background: var(--primary);
    color: white;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.button:hover,
button.button:hover { text-decoration: none; }
.button.ghost { background: transparent; color: var(--primary); }
.button.danger { background: var(--danger); border-color: var(--danger); }
.button.small { min-height: 34px; padding: 6px 10px; font-size: .9rem; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }

.form { display: grid; gap: 16px; }
.form-row { display: grid; gap: 6px; font-weight: 700; }
.form-row small,
.muted { color: var(--muted); font-weight: 400; }

input,
select,
textarea {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 10px 12px;
    font: inherit;
    color: var(--text);
    background: white;
}

textarea { resize: vertical; }
.checkbox { display: flex; gap: 8px; align-items: center; }
.checkbox input,
.role-list input { width: auto; }
.field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.inline-form { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.table-wrap { overflow-x: auto; }

table { width: 100%; border-collapse: collapse; }
th,
td { border-bottom: 1px solid var(--border); padding: 10px 12px; text-align: left; vertical-align: top; }
th { background: var(--soft); font-size: .9rem; }

.color-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
.flash { padding: 14px 16px; border-radius: 14px; margin-bottom: 16px; border: 1px solid var(--border); }
.flash.success { background: #ecfdf3; }
.flash.info { background: #ecfdf3; border-color: #12b76a; color: #027a48; }
.flash.warning { background: #fff7e6; }
.flash.danger { background: #fff1f0; }

.definition-list { display: grid; grid-template-columns: minmax(140px,240px) 1fr; gap: 10px 18px; }
.definition-list dt { font-weight: 800; }
.definition-list dd { margin: 0; color: var(--muted); }
.timeline { display: grid; gap: 14px; }
.timeline-entry { border-left: 4px solid var(--primary); padding: 2px 0 2px 16px; }
.timeline-entry h2 { font-size: 1.05rem; margin: 3px 0; }
.timeline-entry time,
.timeline-entry small { color: var(--muted); }

.placeholder-chat { display: grid; gap: 12px; max-width: 780px; margin: 18px 0; }
.chat-message { padding: 14px 16px; border-radius: 16px; max-width: 80%; }
.chat-message.bot { background: var(--soft); }
.chat-message.user { background: var(--primary); color: white; justify-self: end; }

.role-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; min-width: 340px; }
.admin-user-form { display: contents; }
.chart { width: 100%; min-height: 280px; border: 1px solid var(--border); border-radius: 16px; background: white; }
.changelog,
.debug { white-space: pre-wrap; background: #102033; color: #eef6fb; border-radius: 16px; padding: 18px; overflow-x: auto; }
.steps li { margin-bottom: 10px; }

.feature-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
    margin-top: 18px;
}

.feature-item {
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--soft);
    padding: 14px 16px;
    font-weight: 700;
    min-height: 58px;
    display: flex;
    align-items: center;
}

.feature-highlight {
    grid-column: 1 / -1;
    justify-content: center;
    text-align: center;
    font-weight: 900;
    background: #fff;
    border: 2px solid var(--primary);
}


.no-aquarium-warning {
    color: #b42318;
    font-weight: 900;
}

.no-aquarium-warning-input {
    color: #b42318;
    font-weight: 900;
}

.notice { border-color: #f4b400; background: #fffaf0; }
.notice h2 { color: #835400; }
.dashboard-welcome { background: linear-gradient(135deg,#fff 0%,#eef6fb 100%); }

.placeholder-page { min-height: 220px; }
.placeholder-text { font-size: 1.2rem; font-weight: 700; }

.information-page .lead {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--primary);
}

.info-sections {
    display: grid;
    gap: 18px;
}

.info-section {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    padding: 18px;
}

.info-section h3 {
    margin-top: 0;
    color: var(--primary);
}

.info-side {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--soft);
    font-weight: 800;
    text-align: center;
}


.site-footer { color: var(--muted); border-top: 1px solid var(--border); padding: 24px 0; }
.site-footer .container { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.footer-version-line { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.footer-build-label { color: var(--primary); font-weight: 700; }
.footer-impressum-link, .footer-legal-link { color: var(--primary); font-weight: 700; text-decoration: none; }
.footer-impressum-link:hover, .footer-impressum-link:focus-visible, .footer-legal-link:hover, .footer-legal-link:focus-visible { text-decoration: underline; }
.impressum-placeholder { font-weight: 700; }

@media (max-width: 900px) {
    .header-inner { align-items: flex-start; }
    .main-nav { order: 3; width: 100%; flex: 1 1 100%; }
    .submenu { position: static; width: 100%; margin-top: 4px; }
    .nav-item { flex-wrap: wrap; }
    .account-nav { order: 2; }
    .cards-2,
    .cards-3 { grid-template-columns: 1fr; }
    .hero { padding: 28px; }
    .field-grid { grid-template-columns: 1fr; }
}



@media (max-width: 700px) {
    html { font-size: 17px; }
    .feature-list { grid-template-columns: 1fr; }
    .feature-highlight { grid-column: auto; }
    .account-nav { width: 100%; justify-content: flex-start; margin-left: 0; }
    .role-list { min-width: 0; grid-template-columns: 1fr; }
}

.traffic-light-section {
    border-color: var(--primary);
    background: linear-gradient(135deg, #fff 0%, var(--soft) 100%);
}

.traffic-light {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: #fff;
    margin: 6px 0 10px;
}

.traffic-dot {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    opacity: .22;
    border: 2px solid rgba(23,50,77,.18);
}

.traffic-dot.red { background: #d92d20; }
.traffic-dot.yellow { background: #f6c344; }
.traffic-dot.green { background: #12b76a; }
.traffic-dot.active {
    opacity: 1;
    box-shadow: 0 0 0 4px rgba(11,115,183,.12), 0 6px 14px rgba(26,64,96,.18);
}

.account-nav {
    align-items: flex-start;
}

.account-user-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.account-role {
    color: var(--muted);
    background: var(--soft);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 7px 10px;
    font-size: 11px;
    line-height: 1.25;
    min-width: 110px;
}

.account-role strong {
    display: block;
    margin-bottom: 4px;
    color: var(--text);
}

.account-role-list {
    list-style: disc;
    margin: 0;
    padding-left: 16px;
    max-height: calc(4 * 1.25em);
    overflow-y: auto;
}

.account-role-list li {
    margin: 0;
}

.construction-visual {
    display: grid;
    justify-items: center;
    gap: 10px;
    margin-top: 20px;
}

.construction-visual img {
    width: min(100%, 420px);
    height: auto;
    display: block;
}

.dashboard-welcome .lead {
    color: var(--primary);
    font-size: 1.1rem;
}

.account-role,
.account-role-title,
.account-role-list,
.account-role-list li {
    font-size: 10px;
    font-weight: 400;
}

.account-role-title {
    display: block;
    margin-bottom: 4px;
    color: var(--text);
}

.account-role strong {
    font-weight: 400;
}

.admin-users-page,
.admin-users-page table,
.admin-users-page input,
.admin-users-page select,
.admin-users-page button,
.admin-users-page small {
    font-size: 11px;
}

.admin-users-heading {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.admin-users-heading h1 {
    margin: 0;
}

.user-counts {
    text-align: right;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
}

.admin-users-page .role-list {
    grid-template-columns: 1fr;
    min-width: 170px;
    gap: 4px;
}

.admin-users-page th,
.admin-users-page td {
    padding: 7px 8px;
}



@media (max-width: 700px) {
    .admin-users-heading {
        display: block;
    }
    .user-counts {
        text-align: left;
        margin-top: 8px;
    }
}


.admin-pending-alert {
    color: #d92d20;
    font-weight: 900;
}

.user-search-form {
    display: flex;
    gap: 10px;
    align-items: end;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.user-search-form label {
    display: grid;
    gap: 4px;
    font-weight: 700;
    min-width: 260px;
}

.admin-users-page {
    font-size: 11px;
}

.admin-users-title-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.admin-users-title-row h1 {
    margin-bottom: 0;
}

.user-counts {
    text-align: right;
    font-weight: 700;
    line-height: 1.45;
}

.admin-users-page th,
.admin-users-page td,
.admin-users-page input,
.admin-users-page select,
.admin-users-page button,
.admin-users-page .button {
    font-size: 11px;
}



@media (max-width: 700px) {
    .user-counts {
        text-align: left;
    }
}

.admin-appointments-page th,
.admin-appointments-page td,
.admin-appointments-page input,
.admin-appointments-page select,
.admin-appointments-page button,
.admin-appointments-page .button {
    font-size: 12px;
}

.admin-appointments-page input[name="action_date"] {
    min-width: 130px;
}


.inline-options {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.checkbox-group {
    border: 0;
    padding: 0;
    margin: 0;
}

.club-select-row {
    margin-top: -8px;
}


.profile-incomplete-notice {
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: var(--soft);
    font-weight: 700;
}


.diary-page table td {
    vertical-align: top;
}

.diary-page small {
    color: var(--muted);
}


.admin-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0;
}

.admin-diary-page textarea {
    width: 100%;
    min-width: 220px;
    resize: vertical;
}


.diary-page select {
    min-width: 150px;
}


.count-alert {
    color: var(--danger);
    font-weight: 700;
}

.user-identity-cell {
    line-height: 1.45;
}

.user-prefix {
    display: inline-block;
    min-width: 22px;
    font-weight: 700;
}

.public-welcome-title {
    white-space: nowrap;
}

.public-welcome-text {
    max-width: 900px;
    margin-top: 0;
}

@media (max-width: 760px) {
    .public-welcome-title {
        white-space: normal;
    }
}


.diary-create-page textarea {
    width: 100%;
    resize: vertical;
}

.diary-create-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
    margin-top: 18px;
}

.diary-create-actions .two-line {
    line-height: 1.15;
    min-height: 48px;
}


.aquarium-name-badge {
    display: inline-block;
    min-width: 90px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.18);
    color: #111;
    font-weight: 800;
}

.number-cell {
    text-align: right;
    white-space: nowrap;
}

.aquarium-overview-page .actions {
    margin: 16px 0 20px;
}

.aquarium-readonly-fields {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.placeholder-aquarium-field {
    margin: 14px 0 18px;
    max-width: 420px;
}

.aquarium-color-select,
.select-has-colored-content {
    font-weight: 700;
    color: #001f3d;
}

.select-has-colored-content:focus,
.select-has-colored-content:focus-visible,
.select-has-colored-content.select-is-open {
    border-color: #000;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .12);
}

.select-has-colored-content option {
    font-weight: 700;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.volume-calculator-page h1 {
    margin-bottom: 18px;
}

.volume-calculator-page p {
    line-height: 1.65;
}

.thin-info-frame {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 14px 16px;
    margin: 14px 0;
    background: #fff;
}

.thin-info-frame p:first-child {
    margin-top: 0;
}

.thin-info-frame p:last-child {
    margin-bottom: 0;
}

.volume-calculator-selection {
    margin-top: 24px;
}

.volume-calculator-selection h2 {
    font-size: 1.1rem;
    margin: 0 0 10px;
}

.volume-calculator-select-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.volume-calculator-select-form select {
    width: min(100%, 420px);
}

.volume-design-form {
    margin-top: 24px;
    gap: 8px;
}

.volume-design-block {
    margin: 0;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--soft);
}

.volume-design-block h2 {
    margin: 0 0 14px;
    font-size: 1.1rem;
}

.volume-field-grid {
    display: grid;
    gap: 14px;
}

.volume-field-grid.three-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.volume-design-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-weight: 800;
}

.volume-design-field input {
    width: 100%;
    min-height: 42px;
    background: #fff;
}

.volume-design-text {
    grid-column: span 2;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #fff;
}

.volume-design-text p {
    margin: 0;
}

.volume-wide-text {
    margin: 14px 0 0;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #fff;
}

.volume-toggle-group,
.volume-reef-group {
    margin-bottom: 10px;
}

.volume-toggle-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
}

.volume-toggle-group > span {
    display: inline-flex;
    align-items: center;
}

.volume-conditional-fields[hidden] {
    display: none !important;
}

.stacked-options {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.volume-result-fields {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.volume-result-fields .form-row {
    margin: 0;
}

@media (max-width: 860px) {
    .volume-field-grid.three-columns,
    .volume-result-fields {
        grid-template-columns: 1fr;
    }

    .volume-design-text {
        grid-column: span 1;
    }
}


.diary-rules-overview {
    margin: 18px 0 22px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--soft);
}

.diary-rules-overview h2 {
    margin-top: 0;
    font-size: 1.2rem;
}

.diary-rules-overview table td:first-child {
    font-weight: 800;
    white-space: nowrap;
}

.diary-origin-badge {
    display: inline-block;
    min-width: 82px;
    padding: 5px 9px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.18);
    font-size: .9rem;
    font-weight: 800;
    text-align: center;
}

.diary-origin-badge.manual {
    background: #fff8ce;
}

.diary-origin-badge.machine {
    background: #e8f4ff;
}

.water-values-aquarium-form .form-row {
    flex: 1 1 100%;
    max-width: 100%;
}

.water-values-aquarium-form .aquarium-color-select {
    width: 100%;
}

.aquarium-overview-page .aquarium-name-badge {
    min-width: 10ch;
    text-align: center;
}

.aquarium-overview-page .aquarium-name-badge.aquarium-name-long {
    min-width: 15ch;
}



.profile-user-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.profile-user-row .form-row {
    margin: 0;
    height: 100%;
}

.profile-user-row .form-row input {
    min-height: 42px;
}

.welcome-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 31, 61, .35);
}

.welcome-modal-window {
    width: min(100%, 620px);
    max-height: calc(100vh - 48px);
    overflow: auto;
    border-radius: 22px;
    border: 1px solid var(--border);
    background: #fff;
    box-shadow: 0 24px 80px rgba(0, 31, 61, .25);
    padding: 28px;
}

.welcome-modal-window h2 {
    margin-top: 0;
}

.welcome-modal-window ol {
    padding-left: 22px;
}

.delete-confirm-box {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--soft);
}

.button-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 14px;
}

@media (max-width: 720px) {
    .profile-user-row {
        grid-template-columns: 1fr;
    }
}

.volume-design-field small {
    color: var(--muted);
    font-weight: 600;
}

.volume-result-fields input[readonly] {
    font-weight: 800;
    text-align: right;
}

.volume-result-warning {
    margin: 10px 0 0;
    color: #027a48;
    font-weight: 700;
}


/* v0.03b: Beckenübersicht tabellarisch ausrichten */
.aquarium-overview-table th,
.aquarium-overview-table td {
    vertical-align: middle;
}

.aquarium-overview-table .aquarium-column-name {
    min-width: 14ch;
}

.aquarium-overview-table .aquarium-column-date {
    min-width: 12ch;
    white-space: nowrap;
}

.aquarium-overview-table .aquarium-column-volume {
    min-width: 13ch;
    text-align: right;
    white-space: nowrap;
}

.aquarium-overview-note {
    margin: 12px 0 0;
    color: var(--muted);
    font-size: .95rem;
}

/* v0.03g: Profilfelder und Ja/Nein-Auswahlen ausrichten */
.profile-user-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.inline-question-row {
    grid-template-columns: minmax(220px, 1fr) auto;
    align-items: center;
    column-gap: 16px;
    row-gap: 4px;
}

.inline-question-row small {
    grid-column: 1 / -1;
}

.inline-question-row .inline-options {
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.aquarium-all-page .intro-text {
    max-width: 920px;
}

.aquarium-all-page .intro-text p {
    margin: 0 0 12px;
}


.aquarium-all-empty-row td {
    color: var(--muted);
    font-weight: 700;
}

/* v0.03g: Profil-Kopf wie abgestimmte Vorlage ausrichten */
.profile-user-row {
    grid-template-columns: minmax(260px, 1fr) minmax(220px, 1fr);
    column-gap: 18px;
    row-gap: 10px;
    align-items: start;
    max-width: 720px;
}

.profile-user-row .form-row {
    display: grid;
    grid-template-rows: auto minmax(60px, auto) auto;
    align-items: start;
}

.profile-user-row .form-row > span {
    min-height: 28px;
}

.profile-user-row .form-row input {
    min-height: 60px;
    font-weight: 800;
}

@media (max-width: 720px) {
    .profile-user-row {
        grid-template-columns: 1fr;
        max-width: none;
    }
}


/* v0.03k: Alle Becken - Tabellenkopf gemäß Excel-Vorlage */
.aquarium-all-table-wrap {
    overflow-x: auto;
}

.aquarium-all-table {
    width: 100%;
    min-width: 980px;
    table-layout: fixed;
    border-collapse: collapse;
    border: 3px solid #000;
    background: #fff;
}

.aquarium-all-table col.col-username { width: 13.5%; }
.aquarium-all-table col.col-volume { width: 12.5%; }
.aquarium-all-table col.col-stock-fish,
.aquarium-all-table col.col-stock-invertebrates,
.aquarium-all-table col.col-stock-corals,
.aquarium-all-table col.col-stock-other { width: 7.5%; }
.aquarium-all-table col.col-start { width: 8%; }
.aquarium-all-table col.col-icp { width: 8%; }
.aquarium-all-table col.col-supply { width: 11%; }
.aquarium-all-table col.col-advisor { width: 7.5%; }
.aquarium-all-table col.col-status { width: 9.5%; }

.aquarium-all-table thead th {
    border: 2px solid #000;
    color: var(--text);
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.15;
    padding: 9px 6px;
    background: #fff;
}

.aquarium-all-table thead tr:last-child th,
.aquarium-all-table thead th[rowspan] {
    border-bottom-width: 3px;
}

.aquarium-all-table tbody td {
    border: 1px solid #000;
    text-align: center;
    vertical-align: middle;
    padding: 8px 6px;
}

.aquarium-all-table tbody tr:first-child td {
    border-top-width: 3px;
}

/* v0.03k: Berater-Anzeigefeld im Profil und in der Admin-Nutzeransicht */
.profile-advisor-display {
    min-height: 24px;
    margin-top: 8px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #fff;
    color: var(--text);
    font-weight: 800;
    line-height: 1.2;
    padding: 4px 8px;
}

.profile-advisor-display.has-advisor {
    color: #87cefa;
    border-color: #87cefa;
}

.profile-advisor-test-label {
    display: block;
    margin-top: 3px;
    font-size: 10px;
    line-height: 1.1;
    color: var(--muted);
}

.admin-advisor-display {
    max-width: 120px;
    min-height: 20px;
    margin-top: 6px;
    padding: 3px 6px;
}

.admin-advisor-test-label {
    margin-left: 0;
}


/* v0.03k: Profilfelder kompakter, temporäre Kontrolllinie für Höhenabgleich */
.profile-card .form {
    gap: 12px;
}

.profile-card input,
.profile-card select,
.profile-card textarea {
    padding: 7px 12px;
    min-height: 42px;
    border-radius: 10px;
}

.profile-card .form-row {
    gap: 4px;
}

.profile-card .profile-user-row {
    max-width: 720px;
    align-items: start;
}

.profile-card .profile-user-row .form-row {
    grid-template-rows: auto auto auto;
}

.profile-card .profile-user-row .form-row > span {
    min-height: 24px;
}

.profile-card .profile-user-row .form-row input {
    min-height: 42px;
    padding: 7px 14px;
    border-top: 2px solid #e00000;
    font-weight: 800;
}

.profile-card .profile-advisor-display {
    width: 100%;
    min-height: 42px;
    margin-top: 8px;
    padding: 7px 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-weight: 800;
}

.profile-card .profile-advisor-test-label {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.1;
}

/* v0.03m: Profil-Höhenabgleich anhand Kontrolllinien */
.profile-card .profile-top-align-row {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
    column-gap: 22px;
    row-gap: 8px;
    align-items: start;
    max-width: 720px;
}

.profile-card .profile-top-field {
    display: grid;
    grid-template-rows: 26px 42px auto;
    gap: 4px;
    align-items: start;
    margin: 0;
}

.profile-card .profile-top-label {
    min-height: 26px;
    display: flex;
    align-items: end;
    font-weight: 800;
    line-height: 1.1;
}

.profile-card .profile-top-field > input {
    height: 42px;
    min-height: 42px;
    padding: 7px 14px;
    box-sizing: border-box;
    border-top: 2px solid #e00000;
    font-weight: 800;
}

.profile-card .profile-top-field .profile-username-help {
    margin: 0;
    color: var(--muted);
    font-weight: 400;
    line-height: 1.45;
}

.profile-card .profile-top-field .profile-advisor-display {
    width: 100%;
    min-height: 42px;
    height: 42px;
    margin-top: 0;
    padding: 7px 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-weight: 800;
}

.profile-card .profile-top-field .profile-advisor-test-label {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.1;
}

@media (max-width: 720px) {
    .profile-card .profile-top-align-row {
        grid-template-columns: 1fr;
        max-width: none;
    }
}

/* v0.03m: Benutzer-Rollen Suchzeile und rechter Nutzerzahl-Block */
.admin-users-page .user-search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.admin-users-page .user-search-form label {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    font-weight: 700;
}

.admin-users-page .user-search-form label span {
    white-space: nowrap;
}

.admin-users-page .user-search-form input[type="search"] {
    width: 260px;
}

.admin-users-page .user-counts .advisor-count-label {
    text-align: right;
    font-weight: 700;
    line-height: 1.45;
}

/* v0.03o: Benutzer-Rollen Kopfbereich und Berater-Zählung */
.admin-users-page .admin-users-title-row {
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 12px;
    padding: 0 0 8px;
}

.admin-users-page .admin-users-title-row h1 {
    margin: 0;
    line-height: 1.1;
}

.admin-users-page .user-counts {
    margin-top: 0;
    margin-left: auto;
    text-align: right;
    line-height: 1.45;
    white-space: nowrap;
}

.admin-users-page .user-search-form {
    margin-top: 0;
    margin-bottom: 18px;
}

.admin-users-page .user-counts .advisor-count-red {
    color: #d00000;
}

.admin-users-page .user-counts .advisor-count-blue {
    color: #006bb6;
}

.admin-users-page .user-counts .advisor-count-green {
    color: #1b7f2a;
}



@media (max-width: 700px) {
    .admin-users-page .admin-users-title-row {
        flex-wrap: wrap;
    }

    .admin-users-page .user-counts {
        width: 100%;
        text-align: left;
        margin-left: 0;
        margin-top: 8px;
    }
}

/* v0.03o: Benutzer-Rollen kompakter Kopfbereich mit Suchzeile direkt unter der Überschrift */
.admin-users-page .admin-users-compact-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.admin-users-page .admin-users-heading-search {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
}

.admin-users-page .admin-users-heading-search h1 {
    margin: 0;
    line-height: 1.05;
}

.admin-users-page .admin-users-heading-search .user-search-form {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.admin-users-page .admin-users-heading-search .user-search-form label {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.admin-users-page .admin-users-heading-search .user-search-form input[type="search"] {
    width: 230px;
    max-width: 100%;
}

.admin-users-page .admin-users-compact-head .user-counts {
    display: grid;
    gap: 3px;
    align-content: start;
    justify-items: end;
    margin-top: 0;
    line-height: 1.22;
    text-align: right;
}



@media (max-width: 700px) {
    .admin-users-page .admin-users-compact-head {
        flex-wrap: wrap;
    }

    .admin-users-page .admin-users-compact-head .user-counts {
        width: 100%;
        justify-items: start;
        text-align: left;
        margin-left: 0;
    }
}


/* v0.03p: Benutzer-Rollen Spalten-Optimierung */
.admin-users-page .admin-users-table {
    table-layout: fixed;
    min-width: 1040px;
}

.admin-users-page .admin-users-table col.col-user { width: 14%; }
.admin-users-page .admin-users-table col.col-email { width: 16%; }
.admin-users-page .admin-users-table col.col-login-date { width: 8%; }
.admin-users-page .admin-users-table col.col-business { width: 5%; }
.admin-users-page .admin-users-table col.col-status { width: 9%; }
.admin-users-page .admin-users-table col.col-roles { width: 30%; }
.admin-users-page .admin-users-table col.col-logout-date { width: 9%; }
.admin-users-page .admin-users-table col.col-action { width: 9%; }

.admin-users-page .admin-users-table .compact-col {
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
}

.admin-users-page .admin-users-table .date-col,
.admin-users-page .admin-users-table .business-col,
.admin-users-page .admin-users-table .status-col,
.admin-users-page .admin-users-table .logout-col {
    text-align: left;
}

.admin-users-page .admin-users-table .business-col {
    text-align: center;
}

.admin-users-page .admin-users-table .status-col select {
    width: 100%;
    min-width: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.admin-users-page .admin-users-table .action-col {
    text-align: right;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}

.admin-users-page .admin-users-table .action-col form {
    display: inline-flex;
    justify-content: flex-end;
}

.admin-users-page .admin-users-table .roles-col {
    padding-left: 8px;
    padding-right: 8px;
}


/* v0.03q: Benutzer-Rollen zweispaltige Rollenanzeige nach Vorgabe */
.admin-users-page .admin-users-table .role-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 4px 14px;
    min-width: 260px;
    align-items: start;
}

.admin-users-page .admin-users-table .role-list label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    line-height: 1.25;
}



@media (max-width: 700px) {
    .admin-users-page .admin-users-table .role-list {
        grid-template-columns: 1fr;
        min-width: 0;
    }
}

/* v0.03r: Futterübersicht Text- und Layoutseite ohne technische Speicherung */
.food-overview-page .food-intro-text {
    max-width: 980px;
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
}

.food-overview-page .food-intro-text p {
    margin: 0;
}

.food-filter-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 18px 0;
}

.food-tank-select-label {
    font-weight: 800;
}

.food-tank-select {
    min-width: 240px;
}

.food-missing-button {
    white-space: nowrap;
}

.food-overview-table th,
.food-overview-table td {
    vertical-align: middle;
}

.food-overview-table th {
    white-space: nowrap;
}

.food-empty-row td {
    color: var(--muted);
    font-style: italic;
    text-align: center;
}

.food-overview-check-cell {
    text-align: center;
    width: 44px;
}

.food-overview-row-check {
    width: 18px;
    height: 18px;
}


/* v0.03s: Futter aufnehmen und Futterübersicht als reine Text-/Layoutseiten */
.food-type-page .food-intro-text,
.food-overview-page .food-intro-text {
    max-width: 980px;
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
}

.food-type-page .food-intro-text p,
.food-overview-page .food-intro-text p {
    margin: 0;
}

.food-small-heading {
    font-size: 1rem;
    line-height: 1.35;
    margin: 18px 0 12px;
    font-weight: 800;
}

.food-form-layout {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px 16px;
    margin: 12px 0 18px;
}

.food-form-layout .form-field {
    display: grid;
    gap: 5px;
}

.food-form-layout label {
    font-weight: 800;
}

.food-form-layout input,
.food-form-layout select,
.food-form-layout textarea {
    min-height: 34px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #f7f9fb;
}

.food-form-field-wide {
    grid-column: span 2;
}

.food-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 14px;
}

.food-empty-row td {
    color: #b00020;
    font-style: italic;
    text-align: center;
    font-weight: 700;
}

.food-table-note {
    margin-top: 10px;
    font-size: 0.92rem;
    color: var(--muted);
}

@media (max-width: 800px) {
    .food-form-layout {
        grid-template-columns: 1fr;
    }

    .food-form-field-wide {
        grid-column: auto;
    }
}

/* v0.03t/v0.03u: Futterübersicht mit Becken-Auswahl, Verlinkung und zweigeteilter Tabelle */
.food-filter-row .aquarium-color-select {
    min-width: 240px;
}

/* v0.03u: Becken, Auswahlliste und Button auf einer Linie */
.food-overview-page .food-filter-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}

.food-overview-page .food-filter-row .aquarium-color-select,
.food-overview-page .food-filter-row .food-tank-select {
    flex: 0 0 260px;
}

.food-overview-page .food-filter-row .food-missing-button {
    flex: 0 0 auto;
}

@media (max-width: 760px) {
    .food-overview-page .food-filter-row {
        flex-wrap: wrap;
    }
}

.food-deleted-separator {
    display: grid;
    gap: 8px;
    margin: 18px 0 14px;
    align-items: center;
}

.food-deleted-separator hr {
    width: 100%;
    border: 0;
    border-top: 1px solid var(--border);
    margin: 0;
}

.food-deleted-separator p {
    margin: 0;
    color: #003b7a;
    font-weight: 800;
}

.food-overview-all-page .food-table-wrap {
    margin-top: 16px;
}

/* v0.03v: F-Kürzel als Layoutspalte/-feld in Futterübersicht und Futter aufnehmen ergänzt. */

/* v0.03w: Futterart-Auswahlliste mit 1:1-Anzeige des F-Kürzels. */
.food-form-layout select {
    min-height: 34px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #f7f9fb;
    padding: 6px 10px;
    font: inherit;
}

.food-form-layout .food-code-field {
    justify-items: start;
}

.food-form-layout .food-code-display {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    width: 7.5ch;
    max-width: 7.5ch;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #f7f9fb;
    padding: 6px 8px;
    color: var(--text);
    font: inherit;
    font-weight: 800;
    pointer-events: none;
    user-select: none;
}

/* v0.03x: Futtersorte, Hersteller/Marke, Intervall und Fütterungsart als Auswahllisten ergänzt. */

/* v0.03y/v0.03z: Info-Punkt am Feld Aquariumverein und Glasstärke */
.label-with-info {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.info-dot {
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #87cefa;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.info-dot:focus-visible {
    outline: 2px solid #003b73;
    outline-offset: 2px;
}

.info-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 31, 61, .28);
}

.info-modal-backdrop[hidden] {
    display: none;
}

.info-modal-window {
    width: min(100%, 420px);
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 60px rgba(0, 31, 61, .22);
    padding: 22px;
}

.info-modal-window h2 {
    margin-top: 0;
    margin-bottom: 12px;
}

.info-modal-window p {
    margin-bottom: 18px;
}


/* v0.03z: Futterart/Futtersorte-Verknüpfung und Info-Punkte auf ca. 4 mm. */
.food-small-heading {
    scroll-margin-top: 12px;
}

/* v0.04h: Futter aufnehmen: Standard-Innenabstand und 80px Außenabstand unter dem Formularblock. */
.food-type-page {
    padding-bottom: 24px;
    margin-bottom: 80px;
}

.food-form-missing-note {
    margin: 10px 0 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.food-overview-page .food-filter-row .food-form-button {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* v0.04g: Futter-Formular und Futterart/Futtersorte-Regeln FU, G und O. */
.food-form-page .food-form-empty-note {
    color: #b00020;
    font-weight: 800;
}


/* v0.04h: Startblock Informationen und Futter-Formular Vorschlagslayout. */
.info-start-block .checkbox-inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-weight: 800;
}

.info-start-block input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

.food-form-page .food-form-intro {
    margin: 0 0 14px;
}

.food-suggestion-wrap {
    overflow-x: auto;
    margin-top: 14px;
    max-width: 790px;
    padding-bottom: 8px;
}

.food-suggestion-table {
    width: max-content;
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 790px;
}

.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child {
    width: 160px;
}

.food-suggestion-table th:not(:first-child),
.food-suggestion-table td:not(:first-child) {
    width: 210px;
}

.food-suggestion-table th,
.food-suggestion-table td {
    border: 1px solid var(--border);
    padding: 6px;
    vertical-align: middle;
}

.food-suggestion-table th {
    background: #e9f3fb;
    font-weight: 800;
    text-align: left;
}

.food-suggestion-table .food-suggestion-field-name {
    width: 160px;
    font-weight: 800;
    color: var(--text);
    background: #f7f9fb;
}

.food-suggestion-table input {
    width: 100%;
    min-height: 32px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: #fff;
    padding: 5px 7px;
    font: inherit;
}

.food-suggestion-column[hidden],
.food-suggestion-cell[hidden] {
    display: none;
}

.food-form-button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}


/* v0.04k: Futter-Formular Prüfung, TXT-Dialog und maximal 3 sichtbare Vorschlags-Spalten mit Scrollleiste. */
.food-form-help {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: 0.9rem;
}

.food-suggestion-message {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #e5a3a3;
    border-radius: 9px;
    background: #fff4f4;
    color: #8f0000;
    font-weight: 700;
}

.food-suggestion-table input.food-suggestion-input-error {
    border-color: #b00020;
    box-shadow: 0 0 0 2px rgba(176, 0, 32, 0.12);
}

.food-suggestion-dialog {
    width: min(780px, calc(100vw - 32px));
    max-height: calc(100vh - 80px);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.25);
}

.food-suggestion-dialog::backdrop {
    background: rgba(0, 0, 0, 0.42);
}

.food-suggestion-dialog-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.food-suggestion-dialog-head h2 {
    margin: 0;
}

.food-suggestion-dialog-content {
    display: grid;
    gap: 12px;
}

.food-suggestion-file {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 10px;
    background: #f7f9fb;
}

.food-suggestion-file h3 {
    margin: 0 0 8px;
    font-size: 1rem;
}

.food-suggestion-file pre {
    margin: 0;
    white-space: pre-wrap;
    overflow-x: auto;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px;
}

/* v0.04l: Admin-Kontrolle für gespeicherte Futter-Vorschläge. */
.admin-food-suggestions-toolbar {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    flex-wrap: wrap;
    margin: 16px 0 18px;
}

.food-suggestion-fill {
    flex: 1 1 520px;
    min-width: 280px;
}

.food-suggestion-fill-bar {
    height: 18px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: #fff;
    overflow: hidden;
}

.food-suggestion-fill-bar span {
    display: block;
    height: 100%;
    background: var(--primary);
}

.food-suggestion-fill-scale {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 4px;
    font-size: 0.78rem;
    color: var(--muted);
    font-weight: 700;
}

.food-suggestion-fill-text {
    margin-top: 4px;
    font-size: 0.9rem;
    font-weight: 800;
}

.admin-food-suggestions-page table input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

/* v0.04m: Futter-Formular Zusatztext, Vorprüfung, www.-Prüfung und feste Spalte Vorschlag1. */
.food-form-description-note {
    margin: 12px 0 14px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #f7f9fb;
}

.food-form-description-note p {
    margin: 0 0 8px;
}

.food-form-description-note p:last-child {
    margin-bottom: 0;
}

.food-form-prerequisite-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px dashed var(--border);
    border-radius: 10px;
    background: #fff;
}

.food-form-prerequisite-note span {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 9px;
    font-weight: 800;
    font-size: 0.86rem;
}

.food-form-prerequisite-note .status-ok {
    background: #e8f7ee;
    color: #176132;
}

.food-form-prerequisite-note .status-open {
    background: #fff4f4;
    color: #8f0000;
}

.food-form-prerequisite-note small {
    flex-basis: 100%;
    color: var(--muted);
}

.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
}

.food-suggestion-table th[data-suggestion-column="1"],
.food-suggestion-table td[data-suggestion-column="1"] {
    position: sticky;
    left: 160px;
    z-index: 3;
    background: #fff;
}

.food-suggestion-table thead th:first-child,
.food-suggestion-table thead th[data-suggestion-column="1"] {
    z-index: 6;
    background: #e9f3fb;
}

.food-suggestion-table td:first-child,
.food-suggestion-table .food-suggestion-field-name {
    background: #f7f9fb;
}

.food-suggestion-table td[data-suggestion-column="1"] {
    box-shadow: 4px 0 6px rgba(0, 0, 0, 0.04);
}


/* v0.04n: Feldname-Spalte festhalten, Vorschlagsspalten 10 % breiter, Kopier-Prüfsperre entfernt. */
.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child,
.food-suggestion-table .food-suggestion-field-name {
    position: sticky;
    left: 0;
    z-index: 8;
}

.food-suggestion-table thead th:first-child {
    z-index: 10;
    background: #e9f3fb;
}

.food-suggestion-table .food-suggestion-field-name {
    background: #f7f9fb;
    box-shadow: 4px 0 6px rgba(0, 0, 0, 0.04);
}

/* v0.04o: Hersteller-Hinweis, Kopieren letzter gültiger Vorschlag, doppelte Futterart/Futtersorte sperren. */
.food-form-manufacturer-hint {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #d8c37a;
    border-radius: 9px;
    background: #fffbe6;
    color: #604800;
    font-weight: 800;
}

button.button:disabled,
button.button[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(0.15);
}

/* v0.04p: Scrollbalken immer sichtbar, nur Feldname fest, Info-Punkt und Anmerkung-Autohöhe. */
.food-suggestion-wrap {
    overflow-x: scroll;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.food-suggestion-wrap::-webkit-scrollbar:horizontal {
    height: 2mm;
}

.food-suggestion-wrap::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 73, 120, 0.45);
}

.food-suggestion-wrap::-webkit-scrollbar-track {
    background: rgba(0, 73, 120, 0.08);
}

.food-suggestion-table th[data-suggestion-column="1"],
.food-suggestion-table td[data-suggestion-column="1"] {
    position: static !important;
    left: auto !important;
    z-index: auto !important;
    box-shadow: none !important;
}

.food-suggestion-table thead th[data-suggestion-column="1"] {
    position: static !important;
    left: auto !important;
    z-index: auto !important;
    background: #e9f3fb;
}

.food-suggestion-table td[data-suggestion-column="1"] {
    background: #fff;
}

.food-suggestion-table textarea {
    width: 100%;
    min-height: calc(2.7em + 14px);
    border: 1px solid var(--border);
    border-radius: 7px;
    background: #fff;
    padding: 5px 7px;
    font: inherit;
    line-height: 1.35;
    resize: none;
    overflow: hidden;
}

.food-suggestion-table textarea.food-suggestion-input-error {
    border-color: #b00020;
    box-shadow: 0 0 0 2px rgba(176, 0, 32, 0.12);
}

.food-suggestion-info-dot {
    width: 4mm;
    height: 4mm;
    min-width: 4mm;
    min-height: 4mm;
    line-height: 4mm;
    font-size: 11px;
    font-weight: 800;
    background: #87cefa;
    color: #fff;
}

.food-suggestion-copy-button {
    margin-left: 1cm;
}

.food-form-button-row {
    align-items: center;
}

/* v0.04q: Futter-Info als Seiten-Dialog, schrittweise Vorschlagsspalten und Technikseiten. */
.food-suggestion-info-dialog {
    width: min(520px, calc(100vw - 32px));
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 22px 24px 24px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
    color: var(--text);
}

.food-suggestion-info-dialog::backdrop {
    background: rgba(31, 41, 51, 0.42);
}

.food-suggestion-info-dialog h2 {
    margin: 0 0 14px;
    font-size: 1.45rem;
}

.food-suggestion-info-dialog p {
    margin: 0 0 22px;
    line-height: 1.55;
}

.technology-description-block,
.technology-entry-block,
.technology-table-block {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #f7f9fb;
}

.technology-description-block p {
    margin: 0 0 12px;
}

.technology-description-block p:last-child {
    margin-bottom: 0;
}

.technology-filter-form {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.technology-overview-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.technology-overview-table th,
.technology-overview-table td {
    border: 1px solid var(--border);
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

.technology-overview-table th {
    background: #e9f3fb;
    font-weight: 800;
}

.technology-entry-block h2 {
    margin: 0 0 12px;
    font-size: 1.15rem;
}

.technology-entry-fields {
    display: grid;
    grid-template-columns: minmax(220px, 420px);
    gap: 12px;
}

.technology-entry-fields input,
.technology-entry-fields select {
    width: 100%;
}

.technology-action-row {
    margin-top: 14px;
}

.technology-note {
    margin-top: 10px;
    color: var(--muted);
    font-size: 0.92rem;
}

/* v0.04r: Technik anlegen einzeilig, Futter-Anmerkung oben, Becken-Platzhalter normal. */
.technology-entry-fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.technology-entry-fields .form-field {
    display: grid;
    grid-template-columns: minmax(170px, 240px) minmax(220px, 420px);
    align-items: center;
    gap: 12px;
}

.technology-entry-fields .form-field label {
    font-weight: 800;
    margin: 0;
}

.technology-entry-fields input,
.technology-entry-fields select {
    width: 100%;
}

.food-suggestion-table .food-suggestion-note-row td {
    vertical-align: top;
}

.food-suggestion-table .food-suggestion-note-row .food-suggestion-field-name {
    padding-top: 12px;
}

.food-suggestion-table .food-suggestion-note-row textarea {
    display: block;
    vertical-align: top;
}

.aquarium-create-page input,
.aquarium-create-page select {
    font-weight: 400;
}

.aquarium-create-page input::placeholder {
    font-weight: 400;
}

.aquarium-create-page input::-webkit-input-placeholder {
    font-weight: 400;
}

.aquarium-create-page input::-moz-placeholder {
    font-weight: 400;
}





.aquarium-date-picker-shell {
    position: relative;
    display: block;
}

.aquarium-date-picker-shell .aquarium-start-date-input {
    padding-right: 58px;
}

.aquarium-date-picker-shell .aquarium-start-native-date {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 100%;
    padding: 0;
    border-left: 1px solid var(--border);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    color: transparent;
    cursor: pointer;
}

@media (max-width: 700px) {
    .technology-entry-fields .form-field {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}



/* v0.04s: Technik-Becken-Auswahl und Beckenstart-Kalender-Icon. */
.aquarium-date-picker-shell .aquarium-start-native-date {
    color: var(--text);
    text-indent: 999px;
    overflow: hidden;
}

.aquarium-date-picker-shell .aquarium-start-native-date::-webkit-calendar-picker-indicator {
    opacity: 1;
    cursor: pointer;
    margin-right: 12px;
}

.technology-entry-fields .aquarium-color-select {
    width: 100%;
}

/* v0.04t: Kostenübersicht und Korrekturen Futter-Formular Scroll/Becken-Zeile. */
.food-form-aquarium-filter {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    margin: 12px 0 10px;
}

.food-form-aquarium-filter label {
    font-weight: 800;
    margin: 0;
}

.food-form-aquarium-filter .aquarium-color-select {
    min-width: 220px;
    max-width: 320px;
}

.food-suggestion-wrap {
    overflow-x: scroll !important;
    scrollbar-gutter: stable both-edges;
    scrollbar-width: auto;
    max-width: 790px;
    padding-bottom: 5mm;
}

.food-suggestion-wrap::-webkit-scrollbar:horizontal {
    height: 5mm;
}

.food-suggestion-table {
    min-width: 1315px;
}

.food-suggestion-table th:not(:first-child),
.food-suggestion-table td:not(:first-child) {
    width: 231px;
}

.costs-info-block,
.costs-form-block {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #f7f9fb;
}

.costs-info-block p {
    margin: 0 0 12px;
}

.costs-info-block p:last-child {
    margin-bottom: 0;
}

.costs-overview-form {
    display: grid;
    gap: 14px;
}

.costs-power-block {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 260px) minmax(180px, 260px);
    gap: 12px;
    align-items: end;
}

.costs-inline-field label,
.costs-aquarium-filter-row label,
.costs-analysis-choice legend {
    font-weight: 800;
}

.costs-euro-input {
    display: flex;
    align-items: center;
    gap: 8px;
}

.costs-euro-input input {
    max-width: 130px;
}

.costs-euro-input span {
    font-weight: 800;
}

.costs-analysis-choice {
    border: 0;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.costs-analysis-choice legend {
    margin-bottom: 6px;
    width: 100%;
}

.costs-analysis-choice label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.costs-aquarium-filter-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.costs-aquarium-filter-row .aquarium-color-select {
    min-width: 220px;
    max-width: 340px;
}

.costs-overview-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.costs-overview-table th,
.costs-overview-table td {
    border: 1px solid var(--border);
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

.costs-overview-table th {
    background: #e9f3fb;
    font-weight: 800;
}

.costs-note {
    margin-top: 10px;
    color: var(--muted);
    font-size: 0.92rem;
}

@media (max-width: 800px) {
    .costs-power-block {
        grid-template-columns: 1fr;
    }

    .food-form-aquarium-filter,
    .costs-aquarium-filter-row {
        flex-wrap: wrap;
    }
}


/* v0.04u: Futter-Formular mit 3 festen Vorschlagsspalten ohne Kopieren/Scroll-Probleme. */
.food-suggestion-wrap {
    overflow-x: visible !important;
    max-width: none !important;
    padding-bottom: 0 !important;
}

.food-suggestion-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
}

.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child,
.food-suggestion-table .food-suggestion-field-name {
    width: 160px !important;
}

.food-suggestion-table th:not(:first-child),
.food-suggestion-table td:not(:first-child) {
    width: auto !important;
}

.food-suggestion-table input,
.food-suggestion-table textarea {
    width: 100%;
    box-sizing: border-box;
}

/* v0.04v: Futter-Formular ohne Scrollbalken, 3 gleichgroße Eingabespalten, schmalere Feldname-Spalte. */
.food-suggestion-wrap {
    overflow-x: visible !important;
    max-width: none !important;
    width: 100% !important;
    padding-bottom: 0 !important;
}

.food-suggestion-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child,
.food-suggestion-table .food-suggestion-field-name {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
}

.food-suggestion-table th:not(:first-child),
.food-suggestion-table td:not(:first-child) {
    width: calc((100% - 125px) / 3) !important;
}

.food-suggestion-table input,
.food-suggestion-table textarea {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.technology-action-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.food-form-layout .aquarium-color-select {
    width: 100%;
}


/* v0.04w: Futter aufnehmen - Futterart + F-Kürzel zusammen maximal so breit wie Intervall; rote Becken-Warnung und einheitliche Buttonreihe. */
.food-type-page .no-aquarium-warning {
    margin: 12px 0 10px;
}

.food-type-page .food-form-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.food-type-page .food-form-layout .form-field {
    grid-column: span 2;
    min-width: 0;
}

.food-type-page .food-form-layout .food-type-field,
.food-type-page .food-form-layout .food-code-field {
    grid-column: span 1;
}

.food-type-page .food-form-field-wide {
    grid-column: span 4;
}

.food-type-page .food-form-layout select,
.food-type-page .food-form-layout input,
.food-type-page .food-form-layout textarea,
.food-type-page .food-code-display {
    width: 100%;
    box-sizing: border-box;
}

.food-type-page .food-action-row .button,
.food-type-page .food-action-row button.button {
    min-width: 220px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}

@media (max-width: 800px) {
    .food-type-page .food-form-layout {
        grid-template-columns: 1fr;
    }
    .food-type-page .food-form-layout .form-field,
    .food-type-page .food-form-layout .food-type-field,
    .food-type-page .food-form-layout .food-code-field,
    .food-type-page .food-form-field-wide {
        grid-column: auto;
    }
    .food-type-page .food-action-row .button,
    .food-type-page .food-action-row button.button {
        width: 100%;
        min-width: 0;
    }
}


/* v0.04x: Technik-Übersicht Becken-Zeile einzeilig, rote Technik-Hinweise und aktive Futter-Buttons einheitlich. */
.technology-filter-form {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.technology-filter-form .form-field {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    margin: 0;
}

.technology-filter-form label {
    font-weight: 800;
    margin: 0;
}

.technology-filter-form .aquarium-color-select {
    min-width: 220px;
    max-width: 360px;
}

.technology-empty-warning {
    color: #b00020;
    font-weight: 800;
}

.food-type-page .food-action-row .button,
.food-type-page .food-action-row button.button {
    flex: 0 0 245px;
    width: 245px;
    min-width: 245px;
    max-width: 245px;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 12px;
    border-color: var(--primary);
    background: var(--primary);
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
}

@media (max-width: 760px) {
    .technology-filter-form,
    .technology-filter-form .form-field {
        flex-wrap: wrap;
    }

    .food-type-page .food-action-row .button,
    .food-type-page .food-action-row button.button {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
        min-width: 0;
    }
}


/* v0.04y: Wunschbesatz-Verlinkung, F-Kürzel rechts am Futtersorte-Feld und variable Buttonbreiten. */
.food-type-page .food-form-layout .food-code-field {
    justify-items: end;
    align-items: end;
}

.food-type-page .food-form-layout .food-code-field label {
    justify-self: end;
}

.food-type-page .food-code-display {
    width: 7.5ch !important;
    min-width: 7.5ch !important;
    max-width: 7.5ch !important;
    justify-self: end;
}

.food-type-page .food-action-row .button,
.food-type-page .food-action-row button.button {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    min-height: 44px;
    padding: 10px 16px;
    white-space: nowrap;
}

.food-overview-page .food-filter-row .button,
.food-overview-page .food-filter-row button.button {
    min-height: 42px;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    line-height: 1.2;
}

@media (max-width: 760px) {
    .food-type-page .food-action-row .button,
    .food-type-page .food-action-row button.button {
        flex: 0 1 auto;
        width: auto;
        max-width: 100%;
    }
}


/* v0.04z: Button-Schriftgrößen Futter aufnehmen/Futterübersicht angleichen. */
.food-type-page .food-action-row .button,
.food-type-page .food-action-row button.button {
    font-size: 1rem;
}

.food-type-page .food-action-row button[type="submit"] {
    font-size: 1rem;
}

.food-overview-page .food-filter-row button[type="submit"],
.food-overview-page .food-filter-row .button {
    font-size: 1rem;
}


/* v0.05a Login-Daten Protokoll */
.admin-login-data-toolbar {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
}
.admin-login-data-table th,
.admin-login-data-table td {
    white-space: nowrap;
}


/* v0.05b: Kostenübersicht Berechnungsmodi pro Tag / Monat / Jahr. */
.costs-aquarium-filter-row .cost-mode-button {
    border: 0;
    color: #fff;
    font-weight: 800;
    min-height: 38px;
    box-shadow: none;
}

.cost-mode-day { background: #d5bf4c; }
.cost-mode-month { background: #e29283; }
.cost-mode-year { background: #d857cc; }

.cost-mode-button.active,
.cost-mode-button:focus-visible {
    outline: 3px solid rgba(17, 24, 39, 0.28);
    outline-offset: 2px;
    filter: saturate(1.15) brightness(1.04);
}

.cost-mode-button:hover { filter: brightness(0.95); }

.costs-calculation-title {
    margin: 0 0 12px;
    font-size: 1.15rem;
    font-weight: 900;
}

.cost-heading-day { color: #d5bf4c; }
.cost-heading-month { color: #e29283; }
.cost-heading-year { color: #d857cc; }

/* v0.05c: Kostenübersicht Stromdaten speichern und Kostenmodi erst nach Pflichtfeldern aktivieren. */
.costs-power-block {
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 220px) minmax(180px, 240px) auto;
}

.costs-save-action {
    display: flex;
    align-items: end;
    justify-content: flex-start;
}

.costs-save-action .button {
    min-height: 38px;
    white-space: nowrap;
}

.costs-required-warning {
    margin: 12px 0 0;
    color: #b00020;
    font-weight: 400;
}

.cost-mode-button:disabled,
.cost-mode-button[aria-disabled="true"] {
    opacity: 0.45;
    cursor: not-allowed;
    filter: grayscale(0.25);
}

.cost-mode-button:disabled:hover,
.cost-mode-button[aria-disabled="true"]:hover {
    filter: grayscale(0.25);
}

@media (max-width: 980px) {
    .costs-power-block {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .costs-power-block {
        grid-template-columns: 1fr;
    }
}


/* v0.05d: Kostenübersicht Stromdaten-Reihenfolge, Farben und Ausrichtung. */
.costs-required-warning {
    color: #b00020;
    font-weight: 400;
}

.cost-mode-day { background: #d5bf4c; }
.cost-mode-month { background: #e29283; }
.cost-mode-year { background: #d857cc; }

.costs-overview-table .number-col,
.costs-overview-table .cost-value,
.costs-overview-table .cost-mode-heading {
    text-align: right;
}

.cost-heading-day { color: #d5bf4c; }
.cost-heading-month { color: #e29283; }
.cost-heading-year { color: #d857cc; }

/* v0.05e: Kostenübersicht Hinweis bei fehlender Beckenauswahl. */
.costs-selection-warning {
    color: #b00020;
    font-weight: 400;
}


/* v0.05g: Futter-Formular Feldname-Spalte verbreitern und Fehlertexte ohne Fettschrift. */
.food-suggestion-message {
    font-weight: 400 !important;
}

.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child,
.food-suggestion-table .food-suggestion-field-name {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    white-space: nowrap;
}

.food-suggestion-table th:not(:first-child),
.food-suggestion-table td:not(:first-child) {
    width: calc((100% - 170px) / 3) !important;
}

/* v0.05h: Technik-Prüfungen, Technikübersicht-Spalten und Futter-ABC. */
.technology-overview-table .technology-date-column {
    width: 118px;
    min-width: 118px;
    max-width: 118px;
    text-align: left;
}

.technology-overview-table .technology-maintenance-column {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    white-space: normal;
}

.food-abc-page .food-abc-block {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #f7f9fb;
}

.food-abc-page .food-abc-block h2 {
    margin: 0 0 10px;
    font-size: 1.1rem;
}

.food-abc-page .food-abc-block p {
    margin: 0 0 8px;
}

.food-abc-page .food-abc-block ul {
    margin: 0;
    padding-left: 22px;
}


/* v0.05j: Lesebestätigung, Login-Daten-Markierung und Technikübersicht-Datum. */
.read-receipt-form {
    text-align: left;
}

.read-receipt-form .checkbox-inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    white-space: nowrap;
}

.admin-login-data-toolbar {
    justify-content: space-between;
}

.admin-login-data-mark-all {
    margin-left: auto;
    background: #f522ee !important;
    border-color: #f522ee !important;
    color: #fff !important;
}

.technology-overview-date-form {
    margin: 0;
}

.technology-overview-date-input {
    min-width: 145px;
    width: 100%;
}


/* v0.05k: Technik-Prüfungen, Login-Daten-Pagination und Kostenposition-Platzhalter. */
button.is-disabled,
button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.technology-overview-date-input {
    min-width: 145px;
    width: 100%;
    box-sizing: border-box;
}

.admin-login-data-table th a {
    color: inherit;
    text-decoration: none;
}

.admin-login-data-table th a:hover,
.admin-login-data-table th a:focus-visible {
    text-decoration: underline;
}

.pagination-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.open-topic-note {
    color: #b00020;
    font-weight: 400;
}


/* v0.05l: Entkoppelte Datumsauswahl in der Technik-Übersicht. */
.technology-overview-date-input::-webkit-calendar-picker-indicator {
    cursor: pointer;
}


/* v0.05m: Kalender-Icon sichtbar in Technik-Übersicht und Beckenstart wie Einsatz am. */
.technology-overview-date-shell {
    display: block;
    position: relative;
    width: 100%;
}

.technology-overview-date-input,
.technology-like-date-input {
    min-height: 38px;
    padding-right: 12px;
    box-sizing: border-box;
}

.technology-overview-date-input::-webkit-calendar-picker-indicator,
.technology-like-date-input::-webkit-calendar-picker-indicator {
    opacity: 1;
    display: block;
    cursor: pointer;
}

.technology-overview-date-input {
    min-width: 155px;
}


/* v0.05n: Festes sichtbares Kalender-Icon für Datumsfelder und Besatz-Information. */
.calendar-input-shell {
    position: relative;
    display: block;
    width: 100%;
}

.calendar-input-shell input[type="date"] {
    width: 100%;
    min-height: 38px;
    padding-right: 46px;
    box-sizing: border-box;
}

.calendar-icon-button {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 40px;
    height: calc(100% - 2px);
    border: 0;
    border-left: 1px solid var(--border);
    border-radius: 0 8px 8px 0;
    background: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.calendar-icon-button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.technology-entry-date-shell,
.aquarium-beckenstart-date-shell {
    max-width: 100%;
}

.livestock-info-page .livestock-info-text-block p {
    margin-bottom: 1rem;
}

.livestock-analysis-choice {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.livestock-analysis-choice label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* v0.05o: Besatz anlegen feste 6-spaltige Positionierung. */
.livestock-create-page p {
    margin-bottom: 1rem;
}

.livestock-create-subtitle {
    margin-top: 1.5rem;
}

.livestock-position-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 1rem;
}

.livestock-position-table th,
.livestock-position-table td {
    padding: 8px 10px;
    vertical-align: middle;
}

.livestock-position-table th {
    width: 11%;
    text-align: left;
    font-weight: 700;
    white-space: nowrap;
}

.livestock-position-table td {
    width: 22%;
}

.livestock-position-table th:nth-child(3),
.livestock-position-table td:nth-child(4),
.livestock-position-table th:nth-child(5),
.livestock-position-table td:nth-child(6) {
    border-left: 1px solid var(--border);
}

.livestock-position-table input,
.livestock-position-table select {
    width: 100%;
    min-height: 38px;
    box-sizing: border-box;
}

.livestock-date-shell input[type="text"] {
    width: 100%;
    min-height: 38px;
    padding-right: 46px;
    box-sizing: border-box;
}

.livestock-hidden-date-picker {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    opacity: 0;
    pointer-events: none;
}

.field-with-suffix {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

@media (max-width: 900px) {
    .livestock-position-table {
        table-layout: auto;
        min-width: 900px;
    }

    .livestock-position-form {
        overflow-x: auto;
    }
}


/* v0.05p: Besatz anlegen Erweiterungen, Info-Modal und Datumsfelder */
.livestock-position-table select,
.livestock-position-table input {
    width: 100%;
    box-sizing: border-box;
}

.livestock-group-label {
    white-space: nowrap;
}

.livestock-tiergroup-info-dialog {
    width: fit-content;
    max-width: min(92vw, 420px);
    padding: 22px;
}

.livestock-tiergroup-info-dialog::backdrop {
    background: rgba(0, 0, 0, 0.42);
}

.livestock-number-input {
    text-align: right;
}

.food-in-use-date-shell,
.technology-overview-date-shell {
    display: block;
    max-width: 100%;
}

.food-in-use-date-shell input[type="date"],
.technology-overview-date-shell input[type="date"] {
    width: 100%;
    min-height: 38px;
    padding-right: 46px;
    box-sizing: border-box;
}

.technology-overview-date-form {
    margin: 0;
}

.technology-overview-date-column {
    min-width: 180px;
}

.technology-overview-table .technology-date-column {
    min-width: 180px;
}

/* v0.05q: Besatz-Dynamik, blaue VTG4-Info und saubere Datumsfelder. */
.is-hidden {
    display: none !important;
}

.livestock-vtg4-block {
    margin-top: 14px;
    padding: 14px 16px;
    border: 1px solid #9fc9ef;
    border-radius: 12px;
    background: #eaf5ff;
    color: #003b73;
}

.livestock-vtg4-block strong {
    display: block;
    margin-bottom: 6px;
}

.livestock-vtg4-block p {
    margin: 0;
    line-height: 1.45;
}

.livestock-tiergroup-info-dialog {
    width: min(680px, calc(100vw - 32px));
    max-height: calc(100vh - 40px);
    overflow: auto;
}

.livestock-tiergroup-info-list {
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
}

.livestock-tiergroup-info-block {
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #f8fbfe;
}

.livestock-tiergroup-info-block h3 {
    margin: 0 0 4px;
    font-size: 1rem;
}

.livestock-tiergroup-info-block p {
    margin: 0;
}

.aquarianer-help-info-dialog {
    width: min(620px, calc(100vw - 32px));
}

.aquarianer-help-info-dialog .strong-line {
    font-weight: 800;
}

/* Bei nativen Datumsfeldern gibt es nur das Browser-Kalender-Icon, keinen zweiten Button. */
.calendar-input-shell input[type="date"]:not(.livestock-hidden-date-picker):not(.aqua-hidden-date-picker) {
    padding-right: 12px;
}

.aqua-hidden-date-picker,
.livestock-hidden-date-picker {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    opacity: 0;
    pointer-events: none;
}

.aqua-text-date-shell input[type="text"] {
    width: 100%;
    min-height: 38px;
    padding-right: 46px;
    box-sizing: border-box;
}


/* v0.05r: Datumsfelder aus der Oberfläche entfernt, Feld-/Spaltennamen bleiben erhalten. */
.date-field-removed {
    display: inline-flex;
    align-items: center;
    min-height: 2.6rem;
    color: var(--muted);
}


/* v0.05s: Datums-Vortexte bleiben sichtbar, Datums-Eingabefelder bleiben entfernt. */
.date-field-placeholder,
.date-field-removed {
    display: block;
    min-height: 2.7rem;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0.75rem;
    background: transparent;
}
.livestock-date-placeholder {
    min-height: 2.7rem;
}


/* v0.05t_2: Futter aufnehmen - Text-Datumsfeld mit sichtbarem Kalender-Icon im Feld. */
.food-in-use-date-shell {
    position: relative;
    display: block;
    width: 100%;
}
.food-in-use-date-shell input[type="text"] {
    width: 100%;
    min-height: 38px;
    padding-right: 46px;
    box-sizing: border-box;
}
.food-in-use-date-shell .calendar-icon-button {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 40px;
    height: calc(100% - 2px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* v0.05t_3: Futter aufnehmen - Kalender-Icon-Rahmen exakt an Eingabefeld-Höhe anpassen. */
.food-in-use-date-shell {
    display: flex;
    align-items: stretch;
    width: 100%;
}
.food-in-use-date-shell input[type="text"] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: auto;
    padding-right: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.food-in-use-date-shell .calendar-icon-button {
    position: static;
    flex: 0 0 40px;
    width: 40px;
    height: auto;
    min-height: 0;
    align-self: stretch;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid var(--border);
    border-left: 0;
    border-radius: 0 12px 12px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.food-in-use-date-shell .calendar-icon-button:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}


/* v0.05t_4: Futter aufnehmen - im Einsatz seit Feldhöhe an Standardfelder angleichen */
.food-in-use-date-shell,
.calendar-input-shell.food-in-use-date-shell {
    min-height: 44px;
    height: 44px;
    align-items: stretch;
}

.food-in-use-date-shell input[type="text"],
.calendar-input-shell.food-in-use-date-shell input[type="text"] {
    height: 44px;
    min-height: 44px;
    box-sizing: border-box;
}

.food-in-use-date-shell .calendar-icon-button,
.calendar-input-shell.food-in-use-date-shell .calendar-icon-button {
    height: 44px;
    min-height: 44px;
    box-sizing: border-box;
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.food-form-layout .food-note-third-column,
.food-note-third-column {
    grid-column: 3;
}



/* v0.05t_4_Bild: Futter aufnehmen - Positionen laut Bildkorrektur
   - im Einsatz seit nach links
   - Anmerkung ganz rechts
   - obere Linie beider Felder ausrichten
*/
.food-form-layout {
    align-items: start;
}

.food-form-layout .food-in-use-field,
.food-in-use-field {
    grid-column: 1 !important;
    align-self: start !important;
}

.food-form-layout .food-note-third-column,
.food-note-third-column,
.food-form-layout .food-note-field,
.food-note-field {
    grid-column: 3 !important;
    align-self: start !important;
}

.food-form-layout .food-note-third-column textarea,
.food-note-third-column textarea,
.food-note-field textarea {
    min-height: 118px;
}



/* v0.05t_4_Bild_1: Futter aufnehmen - Korrektur nach Bild
   - Anmerkung bleibt an aktueller Position
   - im Einsatz seit nach oben, Oberkante bündig mit Anmerkung
   - Futterart breiter, F-Kürzel bleibt an Position/Breite
*/
.food-type-page .food-form-layout {
    align-items: start;
}

.food-type-page .food-form-layout .food-in-use-field,
.food-in-use-field {
    grid-column: 1 / span 2 !important;
    grid-row: 3 !important;
    align-self: start !important;
}

.food-type-page .food-form-layout .food-note-third-column,
.food-type-page .food-form-layout .food-note-field,
.food-note-third-column,
.food-note-field {
    grid-column: 3 !important;
    align-self: start !important;
}

.food-type-page .food-form-layout .food-type-field {
    width: calc(100% + 72px);
    max-width: calc(100% + 72px);
    overflow: visible;
    z-index: 1;
}

.food-type-page .food-form-layout .food-type-field select {
    width: 100%;
}

.food-type-page .food-form-layout .food-code-field {
    grid-column: 4 !important;
    justify-items: end;
    align-items: end;
    z-index: 2;
}



/* v0.05u: Futter aufnehmen - Anmerkung ab aktueller linker Position bis Blockende verbreitern. */
.food-type-page .food-form-layout .food-note-third-column,
.food-type-page .food-form-layout .food-note-field,
.food-note-third-column,
.food-note-field {
    grid-column: 3 / -1 !important;
    align-self: start !important;
}

.food-type-page .food-form-layout .food-note-third-column textarea,
.food-type-page .food-form-layout .food-note-field textarea,
.food-note-third-column textarea,
.food-note-field textarea {
    width: 100% !important;
    box-sizing: border-box;
}

/* v0.05u: Berater freischalten */
.advisor-unlock-page .advisor-intro-text p {
    margin: 0 0 1rem;
}

.advisor-requirements-grid {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 10px 22px;
    align-items: center;
    max-width: 680px;
    margin: 14px 0 8px;
}

.advisor-requirements-label {
    font-weight: 700;
}

.advisor-passive-lights {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.advisor-passive-lights .traffic-dot {
    opacity: 0.38;
    box-shadow: none;
}

.advisor-check-form {
    display: grid;
    grid-template-columns: minmax(260px, 420px) auto;
    gap: 12px 18px;
    align-items: stretch;
    max-width: 760px;
}

.advisor-check-fields {
    display: grid;
    gap: 10px;
}

.advisor-check-fields .form-field {
    display: grid;
    gap: 5px;
}

.advisor-check-fields input {
    width: 100%;
    min-height: 38px;
    box-sizing: border-box;
}

.advisor-check-button {
    min-width: 130px;
    min-height: 86px;
    align-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.advisor-check-message {
    grid-column: 1 / -1;
    margin: 2px 0 0;
}

.advisor-check-message.error {
    color: #b00020;
    font-weight: 400;
}

.advisor-check-message.success {
    color: #0b7a3b;
    font-weight: 700;
}

@media (max-width: 760px) {
    .advisor-requirements-grid,
    .advisor-check-form {
        grid-template-columns: 1fr;
    }
    .advisor-check-button {
        min-height: 44px;
        width: 100%;
    }
}

/* v0.05v: Gemeinsames Datumsfeld-Design wie „im Einsatz seit“. */
.aqua-date-picker-shell {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 44px;
    height: 44px;
}
.aqua-date-picker-shell input[type="text"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    padding-right: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-sizing: border-box;
}
.aqua-date-picker-shell .calendar-icon-button {
    position: static;
    flex: 0 0 40px;
    width: 40px;
    height: 44px;
    min-height: 44px;
    align-self: stretch;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid var(--border);
    border-left: 0;
    border-radius: 0 12px 12px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.technology-overview-date-form {
    margin: 0;
}
.technology-overview-date-form .aqua-date-picker-shell {
    min-width: 170px;
}
.livestock-position-table .aqua-date-picker-shell,
.livestock-position-table .aqua-date-picker-shell input[type="text"],
.livestock-position-table .aqua-date-picker-shell .calendar-icon-button {
    min-height: 38px;
    height: 38px;
}



/* v0.05v_5: Futterübersicht - Löschen/Passiv setzen bestätigt */
.food-delete-button {
    background: #a8e6a3;
    border-color: #7bcf75;
    color: #113b16;
}
.food-delete-button:hover,
.food-delete-button:focus {
    background: #95dc8f;
    color: #113b16;
}
.food-overview-check-cell {
    text-align: center;
    white-space: nowrap;
}
.food-overview-row-check {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #a8e6a3;
}


/* v0.05v_6: Futterübersicht Löschen-Farbe/Einblenden und Besatz-Design. */
.food-overview-delete-header {
    background: #a8e6a3;
    color: #113b16;
}
.food-delete-button.is-hidden,
.food-delete-button[hidden] {
    display: none !important;
}
.food-delete-button:not(.is-hidden) {
    display: inline-flex;
}
.livestock-price-label {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.15;
    white-space: normal;
}
.livestock-price-input,
.livestock-age-output {
    text-align: right;
}


/* v0.05v_7: Technik-Filterzeile einheitlich hoch und Beckenstart-Anzeige abgesichert. */
.technology-filter-form {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-wrap: nowrap;
    margin-top: 16px;
}
.technology-filter-form .form-field {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex: 0 1 auto;
    margin: 0;
}
.technology-filter-form label {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin: 0;
    font-weight: 800;
    white-space: nowrap;
}
.technology-filter-form .aquarium-color-select,
.technology-filter-form select,
.technology-filter-form .button {
    min-height: 44px;
    height: 44px;
    box-sizing: border-box;
}
.technology-filter-form .aquarium-color-select {
    min-width: 220px;
    max-width: 360px;
}
.technology-filter-form .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 18px;
    white-space: nowrap;
    line-height: 1.2;
}

@media (max-width: 760px) {
    .technology-filter-form,
    .technology-filter-form .form-field {
        flex-wrap: wrap;
    }
    .technology-filter-form .form-field,
    .technology-filter-form .aquarium-color-select,
    .technology-filter-form .button {
        width: 100%;
        max-width: none;
    }
}


/* v0.05v_8: sichtbare Feldprüfung für Technik anlegen. */
.technology-validation-message {
    display: none;
    margin: 16px 0 0;
    padding: 12px 14px;
    border: 1px solid #f3c56b;
    border-radius: 10px;
    background: #fff8e8;
    color: #5a3b00;
    font-weight: 600;
}

.technology-validation-message.is-visible {
    display: block;
}

.technology-validation-message ul {
    margin: 8px 0 0 20px;
    padding: 0;
    font-weight: 500;
}

.technology-entry-fields .form-field.is-invalid input,
.technology-entry-fields .form-field.is-invalid select,
.technology-entry-fields .form-field.is-invalid .calendar-input-shell {
    border-color: #d9534f;
    box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.12);
}

/* v0.06a: Wasserwerte-Uhrzeit, Futter-Kürzel, Besatz-Größe und neue Info-Darstellung. */
.food-overview-table .food-code-column {
    width: 48px;
    max-width: 48px;
    text-align: center;
    white-space: nowrap;
}

.livestock-size-label {
    white-space: normal;
    line-height: 1.15;
}

.livestock-size-input-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.livestock-size-input {
    text-align: right;
}

.livestock-size-suffix {
    font-weight: 700;
    color: var(--text);
    white-space: nowrap;
}

.livestock-action-row {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-wrap: nowrap;
    margin-top: 18px;
}

.livestock-action-row .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    white-space: nowrap;
}

.aquarianer-help-info-dialog .aquarianer-help-steps {
    margin: 12px 0 0;
    font-weight: 800;
}

.aquarianer-help-info-dialog .aquarianer-help-steps p {
    margin: 0 0 8px;
}

.aquarianer-help-info-dialog .aquarianer-help-step-mid {
    margin-left: 3cm;
}

.aquarianer-help-info-dialog .aquarianer-help-step-right {
    margin-left: 10cm;
}

.aquarianer-help-info-dialog .aquarianer-help-final {
    margin-top: 0;
    font-weight: 800;
}

@media (max-width: 900px) {
    .livestock-action-row {
        flex-wrap: wrap;
    }
    .livestock-action-row .button {
        flex: 1 1 220px;
    }
    .aquarianer-help-info-dialog .aquarianer-help-step-mid,
    .aquarianer-help-info-dialog .aquarianer-help-step-right {
        margin-left: 0;
    }
}

/* v0.06b: Wasserwerte-Datum/Uhrzeit, Info-Dialog-Ausrichtung und Beraterprüfung. */
.water-values-datetime-row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(140px, 220px);
    gap: 12px 18px;
    align-items: end;
}
.water-values-datetime-row .form-row {
    margin: 0;
}
.water-values-datetime-row input[type="time"] {
    min-height: 44px;
}

.aquarianer-help-info-dialog .aquarianer-help-step-left,
.aquarianer-help-info-dialog .aquarianer-help-step-mid,
.aquarianer-help-info-dialog .aquarianer-help-step-right {
    margin-left: 0;
    width: 100%;
}
.aquarianer-help-info-dialog .aquarianer-help-step-left {
    text-align: left;
}
.aquarianer-help-info-dialog .aquarianer-help-step-mid {
    text-align: center;
}
.aquarianer-help-info-dialog .aquarianer-help-step-right {
    text-align: right;
}

.advisor-check-form {
    display: block;
    max-width: 820px;
}
.advisor-username-line {
    display: grid;
    grid-template-columns: minmax(260px, 420px) auto;
    gap: 12px 18px;
    align-items: end;
}
.advisor-check-action {
    display: grid;
    gap: 8px;
    align-items: start;
}
.advisor-check-button {
    min-width: 210px;
    min-height: 44px;
    align-self: end;
}
.advisor-check-message {
    margin: 0;
}
.advisor-release-section {
    border-color: rgba(11, 122, 59, 0.35);
}

@media (max-width: 760px) {
    .water-values-datetime-row,
    .advisor-username-line {
        grid-template-columns: 1fr;
    }
    .advisor-check-button {
        width: 100%;
    }
}

/* v0.06c: Beraterfreischaltung Feldbreiten, Freischaltungsdialog und reine Anzeige. */
.advisor-check-fields-v06c {
    display: grid;
    grid-template-columns: minmax(260px, 420px) auto;
    gap: 12px 18px;
    align-items: end;
    max-width: 820px;
}
.advisor-check-field-fixed,
.advisor-check-field-fixed input {
    width: 100%;
    max-width: 420px;
}
.advisor-check-action-inline {
    align-self: end;
}
.advisor-check-message-cell {
    min-height: 44px;
    display: flex;
    align-items: center;
}
.advisor-release-form {
    margin-top: 12px;
}
.advisor-release-note {
    margin-top: 12px;
    font-weight: 700;
}
.advisor-release-note.success {
    color: #0b7a3b;
}
.advisor-start-window {
    width: min(100%, 460px);
}
.advisor-start-window form {
    margin-top: 18px;
}
.advisor-view-banner {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid rgba(11, 122, 59, .35);
    border-radius: 14px;
    background: #eefaf1;
    color: #0b4d27;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}
.advisor-view-banner .advisor-view-end {
    margin-left: auto;
}
body:has(.advisor-view-banner) main form button[type="submit"],
body:has(.advisor-view-banner) main form input[type="submit"] {
    opacity: .6;
}

@media (max-width: 760px) {
    .advisor-check-fields-v06c {
        grid-template-columns: 1fr;
    }
    .advisor-check-field-fixed,
    .advisor-check-field-fixed input,
    .advisor-check-button {
        max-width: none;
        width: 100%;
    }
    .advisor-check-message-cell {
        min-height: 0;
    }
    .advisor-view-banner .advisor-view-end {
        margin-left: 0;
    }
}

/* v0.06d: Beratungsstatus neben Abmelden und Profil-Info zur Beraterfunktion. */
.account-action-line {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.account-advisor-status {
    white-space: nowrap;
    font-size: .86rem;
    line-height: 1.2;
}
.account-advisor-status.active {
    color: #d00000;
    font-weight: 800;
}
.account-advisor-status.ended {
    color: var(--text);
    font-weight: 400;
}
.profile-card .profile-advisor-display.has-advisor {
    justify-content: space-between;
    gap: 8px;
}
.profile-advisor-info-dot {
    width: 4mm;
    height: 4mm;
    min-width: 4mm;
    min-height: 4mm;
    border: 0;
    border-radius: 50%;
    background: #87cefa;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}
.profile-advisor-info-dot:focus-visible {
    outline: 2px solid #003b73;
    outline-offset: 2px;
}
.profile-advisor-info-window {
    width: min(820px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow: auto;
}
.profile-advisor-info-window p {
    margin-bottom: 14px;
    line-height: 1.5;
}

.profile-advisor-info-subtitle {
    color: #0b5ed7;
    font-size: 1rem;
    font-weight: 800;
    margin: 0 0 14px;
}
.profile-advisor-info-subtitle:focus {
    outline: none;
}
.profile-advisor-info-window ul {
    margin: -6px 0 14px 22px;
    padding: 0;
}
.profile-advisor-info-window .button {
    margin-top: 4px;
}

/* v0.06g: i-Punkt und Bestätigung zum Aqua-Service Datenprojekt im Profil. */
.profile-all-tanks-row .profile-all-tanks-label {
    gap: 6px;
    align-items: center;
}
.profile-data-project-info-dot {
    width: 4mm;
    height: 4mm;
    min-width: 4mm;
    min-height: 4mm;
    border: 0;
    border-radius: 50%;
    background: #87cefa;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}
.profile-data-project-info-dot:focus-visible {
    outline: 2px solid #003b73;
    outline-offset: 2px;
}
.profile-data-project-warning {
    margin-left: 1.5em;
    color: #d00000;
    font-weight: 800;
    font-size: 1.05rem;
    line-height: 1;
}
.profile-first-login-field {
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    line-height: 1.2;
}
.profile-first-login-field input {
    width: 86px;
    min-height: 20px;
    padding: 2px 5px;
    font-size: 10px;
    line-height: 1.2;
}
.profile-data-project-info-window {
    width: min(880px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow: auto;
}
.profile-data-project-info-window h3 {
    margin: 14px 0 8px;
}
.profile-data-project-info-window p {
    margin-bottom: 12px;
    line-height: 1.5;
}
.profile-data-project-info-window ul {
    margin: 0 0 14px 22px;
    padding: 0;
}
.profile-data-project-info-window li {
    margin-bottom: 6px;
}
.profile-data-project-confirm {
    margin: 14px 0;
    align-items: flex-start;
}
.profile-data-project-info-window .button {
    margin-top: 4px;
}

/* v0.06h: Tester-Änderungsfenster nach neuen Menüs/Feldern/i-Punkten. */
.tester-update-window {
    width: min(900px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow: auto;
}
.tester-update-window p {
    margin-bottom: 16px;
}
.tester-update-list {
    overflow-x: auto;
    margin: 12px 0 18px;
}
.tester-update-list table {
    width: 100%;
    border-collapse: collapse;
    min-width: 680px;
}
.tester-update-list th,
.tester-update-list td {
    border: 1px solid var(--border);
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}
.tester-update-list th {
    background: var(--soft);
}
.tester-update-window form {
    margin-top: 14px;
}

/* v0.06i: Alle-Becken-Spalten kompakter und zweizeilige Köpfe. */
.aquarium-all-table col.col-username { width: 14%; }
.aquarium-all-table col.col-volume { width: 6.2%; }
.aquarium-all-table col.col-start { width: 8%; }
.aquarium-all-table col.col-supply { width: 13%; }
.aquarium-all-table col.col-advisor { width: 5.5%; }
.aquarium-all-table col.col-status { width: 5.5%; }
.aquarium-all-table .aquarium-all-compact-head {
    width: 1%;
    white-space: nowrap;
    overflow-wrap: normal;
}
.aquarium-all-table .aquarium-all-advisor-cell {
    font-weight: 800;
}
.aquarium-all-table .aquarium-all-status-cell,
.aquarium-all-table .aquarium-all-advisor-cell {
    white-space: nowrap;
}


/* v0.06k: Becken kopieren und minimale Volumen-Spalte. */
.aquarium-all-table col.col-volume { width: 6.2%; }
.aquarium-copy-status {
    margin: 14px 0 18px;
}
.aquarium-copy-status-title {
    display: block;
    font-weight: 800;
    margin-bottom: 6px;
}
.aquarium-copy-error {
    color: #c00000;
    font-weight: 800;
    margin: 6px 0 0;
}
.aquarium-copy-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 8px;
}
.aquarium-copy-name-block {
    margin-top: 18px;
}
.aquarium-copy-page select:disabled {
    background: #f5f5f5;
    color: var(--muted);
}

/* v0.06m: neue Tagebuch-Anzeigetabellen. */
.diary-table-wrap {
    overflow-x: auto;
}
.diary-table {
    min-width: 1280px;
    table-layout: auto;
}
.diary-table th,
.diary-table td {
    white-space: nowrap;
    vertical-align: top;
}
.diary-table td:nth-child(5),
.diary-table td:nth-child(6) {
    white-space: normal;
    min-width: 180px;
}
.diary-aquarium-name {
    font-weight: 800;
}

/* v0.06n: Tagebucheintrag erstellen - neue Feldlogik. */
.diary-create-v006n-form .diary-date-picker-shell input[readonly] {
    background: #fff;
    cursor: default;
}
.diary-profile-snapshot {
    font-size: 0.92rem;
    line-height: 1.45;
}
.notice.error {
    border-color: #b91c1c;
    background: #fff1f2;
    color: #7f1d1d;
}


.diary-entry-type-ak-grid {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 90px;
    gap: 12px;
    align-items: end;
}

.diary-entry-type-ak-grid .diary-ak-field {
    display: grid;
    gap: 6px;
    font-weight: 700;
}

.diary-entry-type-ak-grid .diary-ak-field input[readonly] {
    text-align: center;
    font-weight: 700;
}

@media (max-width: 640px) {
    .diary-entry-type-ak-grid {
        grid-template-columns: 1fr;
    }
}


/* v0.06u: Mein Tagebuch - Datum kompakt und Status direkt neben Aktion. */
.diary-table .diary-col-datum {
    width: 88px;
    min-width: 88px;
    max-width: 88px;
    text-align: center;
}
.diary-table th.diary-col-datum,
.diary-table td.diary-col-datum {
    white-space: nowrap;
}

/* v0.06v: Tagebuch lösch-Datum und Admin-Löschspalte. */
.diary-table th.diary-col-loesch_datum,
.diary-table td.diary-col-loesch_datum {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    white-space: nowrap;
    text-align: center;
}
.diary-table th.diary-col-loeschen,
.diary-table td.diary-col-loeschen {
    width: 74px;
    min-width: 74px;
    max-width: 74px;
    text-align: center;
}
.admin-diary-toolbar {
    margin: 0 0 12px;
}


/* v0.06w: Absatz zwischen Projektunterstützung und gelesen-Checkbox. */
.aqua-service-read-spacer {
    margin: 1rem 0 0;
    min-height: 0.75rem;
}

/* v0.06y: Mein Tagebuch Datum-TB mit Uhrzeit und Profil-Datenprojekt-Hinweis. */
.diary-table .diary-col-datum,
.diary-table th.diary-col-datum,
.diary-table td.diary-col-datum {
    width: 118px;
    min-width: 118px;
    max-width: 118px;
    white-space: nowrap;
    text-align: center;
}
.profile-data-project-read-confirm {
    color: #138a36;
    font-size: 1rem;
    font-weight: 400;
    margin-left: 8px;
}
.profile-data-project-info-window #profile-data-project-info-title:focus {
    outline: none;
}


/* v0.06z: Deine Beckenübersicht Versorgungsspalte und rote nicht-berechnet-Hinweise. */
.aquarium-overview-table .aquarium-column-supply {
    min-width: 14ch;
    white-space: nowrap;
}
.aquarium-value-missing {
    color: #c1121f;
    font-weight: 700;
}

/* v0.07a: Admin-Tagebuch Anzeige und Vereinsdaten-Abgleich. */
.profile-all-tanks-row .profile-all-tanks-label {
    gap: 10mm;
}
.profile-data-project-prompt {
    display: block;
    color: #c1121f;
    font-weight: 800;
}
.admin-club-data-table-wrap {
    overflow-x: auto;
}
.admin-club-data-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}
.admin-club-data-table th,
.admin-club-data-table td {
    border-bottom: 1px solid var(--border);
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}
.admin-club-data-table th {
    background: var(--soft);
}


/* v0.07c: Handy-Nummer im Profil mit Ländersymbol und Ländervorwahl. */
.phone-country-input {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
}
.phone-country-input select {
    flex: 0 0 260px;
    min-width: 260px;
}
.phone-country-input input {
    flex: 1 1 auto;
    min-width: 160px;
}
@media (max-width: 720px) {
    .phone-country-input {
        flex-direction: column;
        align-items: stretch;
    }
    .phone-country-input select,
    .phone-country-input input {
        width: 100%;
        min-width: 0;
    }
}


/* v0.07d: Breitere Ländervorwahl und Vereinsdaten-Abgleich. */
.admin-club-data-table tr.club-phone-match td {
    background: #d9f7d9;
}

/* v0.07e: Hinweisdialog bei aktivem roten i der Aquarienverwaltung. */
.aquarienverwaltung-attention-modal {
    align-items: flex-start;
    justify-content: center;
    padding-top: calc(var(--header-height, 72px) + 12px);
}
.aquarienverwaltung-attention-window {
    width: 70vw;
    max-width: 70vw;
    min-height: 70vh;
    max-height: calc(100vh - var(--header-height, 72px) - 32px);
    overflow-y: auto;
}
.aquarienverwaltung-attention-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.aquarienverwaltung-attention-counter {
    font-weight: 700;
    color: #7f1d1d;
}

/* v0.07e: Art des Eintrages und A_K auf einer Linie. */
.diary-entry-type-ak-row {
    grid-template-columns: 180px minmax(260px, 1fr);
    align-items: end;
}
.diary-entry-type-ak-row > span {
    padding-bottom: 10px;
}
.diary-ak-info-bottom {
    margin-top: 4px;
}
.diary-technology-hint[hidden] {
    display: none !important;
}
@media (max-width: 700px) {
    .diary-entry-type-ak-row {
        grid-template-columns: 1fr;
    }
    .diary-entry-type-ak-row > span {
        padding-bottom: 0;
    }
}

/* v0.07f: Hinweisfenster offene Fragen - Zähler ohne Vortext rechtsbündig. */
.aquarienverwaltung-attention-counter {
    min-width: 2.5em;
    text-align: right;
    display: inline-block;
}


/* v0.07g: Hinweisfenster offene Fragen auf 70% Bildgröße und unterhalb des Headers. */
@media (max-width: 760px) {
    .aquarienverwaltung-attention-window {
        width: calc(100vw - 28px);
        max-width: calc(100vw - 28px);
        min-height: 70vh;
    }
}

/* v0.07h: Sortierbare Tagebuch-Tabellen */
.sortable-table th[data-sortable-column] {
    cursor: pointer;
    user-select: none;
}
.sortable-table th[data-sortable-column]::after {
    content: ' ⇅';
    font-weight: normal;
    opacity: .55;
}
.sortable-table th[data-sort-direction="asc"]::after {
    content: ' ▲';
    opacity: .9;
}
.sortable-table th[data-sort-direction="desc"]::after {
    content: ' ▼';
    opacity: .9;
}

/* v0.07k: Bereiche sperren, solange kein Becken angelegt ist. */
.info-block.is-disabled { opacity: 0.65; }
.is-disabled { cursor: not-allowed; }


/* v0.07o: Tagebuch-Prüfung, Technik-Spalten und kompakte Datum-Anzeige. */
.diary-validation-hints {
    margin-top: 12px;
}
.diary-create-actions .button.is-disabled,
.diary-create-actions .button:disabled {
    opacity: .55;
    cursor: not-allowed;
}
.technology-overview-table th.technology-date-column,
.technology-overview-table td.technology-date-column,
.technology-overview-table .technology-date-column {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    white-space: normal;
}
.technology-overview-table .technology-overview-date-form .aqua-date-picker-shell,
.technology-overview-table .technology-overview-date-shell,
.technology-overview-table .technology-overview-date-input {
    max-width: 104px;
}
.diary-page .diary-table .diary-col-datum,
.diary-page .diary-table th.diary-col-datum,
.diary-page .diary-table td.diary-col-datum {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
}

/* v0.07r: Tagebucheintrag erstellen - Platzhalter/Felder normalgewichtig und wie Futter aufnehmen gestaltet. */
.diary-create-page .diary-create-intro {
    margin: 0 0 16px;
    max-width: 980px;
    line-height: 1.5;
}

.diary-create-page .form-row input,
.diary-create-page .form-row select,
.diary-create-page .form-row textarea {
    min-height: 34px;
    border-radius: 8px;
    background: #f7f9fb;
    font-weight: 400;
}

.diary-create-page .form-row input::placeholder,
.diary-create-page .form-row textarea::placeholder,
.diary-create-page .form-row select,
.diary-create-page .form-row select option {
    font-weight: 400;
}

.diary-create-page .diary-volume-hint {
    margin-top: -6px;
}


/* v0.07t: Tagebucheintrag erstellen - Statushinweis, Becken/Datum nebeneinander und Sprungpunkt. */
.diary-create-page .diary-create-unfinished-note {
    margin: -4px 0 12px;
    color: #c1121f;
    font-weight: 400;
}

.diary-create-page .diary-top-field-row {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr);
    gap: 16px;
    align-items: start;
}

.diary-create-page .diary-top-field-row .form-row {
    margin: 0;
}

.diary-create-page .diary-aquarium-field {
    scroll-margin-top: calc(var(--header-height, 72px) + 2px);
}

@media (max-width: 720px) {
    .diary-create-page .diary-top-field-row {
        grid-template-columns: 1fr;
    }
}

/* v0.07w: Sprungpunkte unterhalb des Headers für Besatz und Technik. */
.livestock-create-page [data-livestock-entry-anchor],
.technology-create-page [data-technology-aquarium-field] {
    scroll-margin-top: calc(var(--header-height, 72px) + 2px);
}


/* v0.07z: Besatz anlegen neue Oberfläche nach Excel-Vorgabe. */
.livestock-create-v007z .livestock-surface-only-note {
    margin: 12px 0 18px;
}

.livestock-surface-form {
    margin-top: 14px;
}

.livestock-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 16px 18px;
    align-items: start;
}

.livestock-form-grid .form-field,
.livestock-observation-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-form-grid label,
.livestock-observation-field label {
    font-weight: 700;
}

.livestock-form-grid input,
.livestock-form-grid select,
.livestock-observation-field textarea {
    width: 100%;
    box-sizing: border-box;
}

.livestock-unit-field .field-with-suffix span {
    min-width: 28px;
    font-weight: 700;
}

.livestock-info-block {
    margin-top: 20px;
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #f8fbff;
}

.livestock-info-block h2 {
    margin: 0 0 10px;
}

.livestock-info-block p:last-child {
    margin-bottom: 0;
}

.livestock-observation-field {
    margin-top: 18px;
}

.livestock-observation-field textarea {
    resize: vertical;
    min-height: 96px;
}

.livestock-character-counter {
    margin: 4px 0 0;
    font-size: 0.92rem;
    color: var(--muted);
    text-align: right;
}

.livestock-action-row button[disabled] {
    cursor: not-allowed;
    opacity: 0.72;
}

@media (max-width: 760px) {
    .livestock-form-grid {
        grid-template-columns: 1fr;
    }
}

/* v0.08a: Besatz-Becken-Übersicht nach Excel-Vorgabe. */
.livestock-aquarium-overview-page .table-wrap {
    margin-top: 18px;
}

.livestock-aquarium-overview-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 720px;
}

.livestock-aquarium-overview-table th,
.livestock-aquarium-overview-table td {
    border: 1px solid var(--border);
    padding: 10px 12px;
    vertical-align: middle;
    background: var(--surface);
}

.livestock-aquarium-overview-table thead th,
.livestock-aquarium-overview-table tfoot th,
.livestock-aquarium-overview-table tfoot td,
.livestock-overview-volume-row th,
.livestock-overview-volume-row td {
    background: var(--soft);
    font-weight: 700;
}

.livestock-overview-group-column {
    min-width: 260px;
    text-align: left;
}

.livestock-aquarium-overview-table .number-cell {
    text-align: center;
    white-space: nowrap;
}

.livestock-overview-missing {
    color: var(--muted);
    font-style: italic;
}

.livestock-overview-note {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 8px 0 0;
}

/* v0.08b: Besatz anlegen zweispaltige Oberfläche und Feldüberschriften über den Feldern. */
.livestock-create-v008b {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-form-grid-v008b {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.livestock-form-grid-v008b .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-form-grid-v008b .livestock-full-row {
    grid-column: 1 / -1;
}

.livestock-lexicon-line {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.livestock-lexicon-link {
    white-space: nowrap;
    font-weight: 700;
}

.livestock-age-output[readonly] {
    background: var(--soft);
    color: var(--text);
}

.livestock-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

@media (max-width: 760px) {
    .livestock-form-grid-v008b,
    .livestock-lexicon-line {
        grid-template-columns: 1fr;
    }
}

/* v0.08c: Besatz anlegen gemischte Positionierung und Datumsprüfung. */
.livestock-create-v008c {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-form-grid-v008c {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.livestock-form-grid-v008c .form-field,
.livestock-date-three-row .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-form-grid-v008c .livestock-full-row {
    grid-column: 1 / -1;
}

.livestock-date-three-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 16px 18px;
    align-items: start;
}

.livestock-date-compare-error {
    margin: 4px 0 0;
    color: var(--danger, #b00020);
    font-size: 0.92rem;
    font-weight: 700;
}

.livestock-form-grid-v008c input.field-invalid,
.livestock-form-grid-v008c select.field-invalid {
    border-color: var(--danger, #b00020);
}

.livestock-tiergroup-info-modal .livestock-tiergroup-info-dialog {
    width: min(680px, calc(100vw - 32px));
    max-height: calc(100vh - 40px);
    overflow: auto;
}

@media (max-width: 900px) {
    .livestock-date-three-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .livestock-form-grid-v008c,
    .livestock-lexicon-line {
        grid-template-columns: 1fr;
    }
}

/* v0.08d: Besatz anlegen Namensbereich, Eingabebereinigung und Tiergruppen-Infofenster. */
.livestock-create-v008d {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-form-grid-v008d {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.livestock-form-grid-v008d .form-field,
.livestock-name-right-column .form-field,
.livestock-date-three-row .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-form-grid-v008d .livestock-full-row {
    grid-column: 1 / -1;
}

.livestock-name-layout {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
    gap: 16px 18px;
    align-items: start;
}

.livestock-name-right-column {
    display: grid;
    gap: 16px;
}

.livestock-form-grid-v008d input.field-invalid,
.livestock-form-grid-v008d select.field-invalid {
    border-color: var(--danger, #b00020);
}

.livestock-tiergroup-info-modal {
    align-items: flex-start;
    padding-top: 0;
}

.livestock-tiergroup-info-modal .livestock-tiergroup-info-dialog {
    width: 60vw;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - var(--livestock-tiergroup-info-top, 72px) - 24px);
    margin-top: var(--livestock-tiergroup-info-top, calc(var(--header-height, 72px) + 20px));
    overflow: auto;
}

@media (max-width: 900px) {
    .livestock-name-layout,
    .livestock-date-three-row {
        grid-template-columns: 1fr;
    }

    .livestock-tiergroup-info-modal .livestock-tiergroup-info-dialog {
        width: calc(100vw - 32px);
    }
}

@media (max-width: 760px) {
    .livestock-form-grid-v008d,
    .livestock-lexicon-line {
        grid-template-columns: 1fr;
    }
}

/* v0.08e: Besatz anlegen Lexikon-Link unter Eingabefeld und Zahlenfelder. */
.livestock-create-v008e {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-form-grid-v008e {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.livestock-form-grid-v008e .form-field,
.livestock-name-right-column .form-field,
.livestock-date-three-row .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-form-grid-v008e .livestock-full-row {
    grid-column: 1 / -1;
}

.livestock-form-grid-v008e .livestock-lexicon-line {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    align-items: start;
}

.livestock-form-grid-v008e .livestock-lexicon-link {
    justify-self: start;
}

.livestock-form-grid-v008e .livestock-number-right {
    text-align: right;
}

.livestock-form-grid-v008e input.field-invalid,
.livestock-form-grid-v008e select.field-invalid {
    border-color: var(--danger, #b00020);
}

@media (max-width: 900px) {
    .livestock-form-grid-v008e .livestock-name-layout,
    .livestock-form-grid-v008e .livestock-date-three-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .livestock-form-grid-v008e {
        grid-template-columns: 1fr;
    }
}

/* v0.08f: Feldkombinationen je Tiergruppe für Besatz anlegen. */
.livestock-create-v008f {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-form-grid-v008f {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.livestock-form-grid-v008f .form-field,
.livestock-name-right-column .form-field,
.livestock-date-three-row .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-form-grid-v008f .livestock-full-row {
    grid-column: 1 / -1;
}

.livestock-form-grid-v008f .livestock-lexicon-line {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    align-items: start;
}

.livestock-form-grid-v008f .livestock-lexicon-link {
    justify-self: start;
}

.livestock-form-grid-v008f .livestock-number-right {
    text-align: right;
}

.livestock-form-grid-v008f input.field-invalid,
.livestock-form-grid-v008f select.field-invalid,
.livestock-form-grid-v008f textarea.field-invalid {
    border-color: var(--danger, #b00020);
}

.livestock-form-grid-v008f .livestock-field-hidden-placeholder {
    visibility: hidden;
    pointer-events: none;
}

.livestock-form-grid-v008f .livestock-required-error {
    margin: 4px 0 0;
    color: var(--danger, #b00020);
    font-size: 0.92rem;
    font-weight: 700;
}

@media (max-width: 900px) {
    .livestock-form-grid-v008f .livestock-name-layout,
    .livestock-form-grid-v008f .livestock-date-three-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .livestock-form-grid-v008f {
        grid-template-columns: 1fr;
    }
}

/* v0.08g: Tiergruppen-Infotexte, Lexikon-Hinweis in Farbmorphe-Zeile und Browser-Zurücksetzung. */
.livestock-create-v008g {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-form-grid-v008g .livestock-farbmorphe-line {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) auto minmax(190px, 0.8fr);
    gap: 10px;
    align-items: center;
}

.livestock-form-grid-v008g .livestock-farbmorphe-line input {
    min-width: 0;
}

.livestock-form-grid-v008g .livestock-lexicon-copy-note {
    align-self: stretch;
    display: flex;
    align-items: center;
    border: 1px solid var(--border, #d5dde7);
    border-radius: 8px;
    padding: 5px 8px;
    background: var(--soft, #f6f8fb);
    color: var(--muted, #5d6b7a);
    font-size: 0.78rem;
    line-height: 1.15;
}

.livestock-create-v008g [data-livestock-tiergroup-display-info-text] {
    white-space: normal;
}

@media (max-width: 900px) {
    .livestock-form-grid-v008g .livestock-farbmorphe-line {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .livestock-form-grid-v008g .livestock-lexicon-copy-note {
        align-self: auto;
    }
}

/* v0.08h: Besatz speichern, Kopiermodus und Besatzübersicht. */
.livestock-create-v008h .livestock-farbmorphe-line {
    grid-template-columns: minmax(0, 1fr) auto minmax(120px, 150px);
    gap: 6px;
    width: 100%;
}

.livestock-create-v008h .livestock-farbmorphe-line .livestock-lexicon-link {
    font-size: 0.92rem;
}

.livestock-create-v008h .livestock-farbmorphe-line .livestock-lexicon-copy-note {
    font-size: 0.72rem;
    line-height: 1.12;
    padding: 4px 6px;
}

.livestock-create-v008h input[readonly],
.livestock-create-v008h select:disabled {
    background: var(--soft, #f6f8fb);
    cursor: not-allowed;
}

.livestock-overview-v008h .livestock-overview-filter-form {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
    gap: 14px 16px;
    align-items: end;
    margin: 16px 0 20px;
}

.livestock-overview-v008h .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-overview-filter-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.livestock-overview-block-heading {
    margin-top: 22px;
    margin-bottom: 10px;
}

.livestock-overview-table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
}

.livestock-overview-table th,
.livestock-overview-table td {
    border: 1px solid var(--border, #d5dde7);
    padding: 9px 10px;
    vertical-align: middle;
    background: var(--surface, #fff);
}

.livestock-overview-table thead th {
    background: var(--soft, #f6f8fb);
    font-weight: 800;
    text-align: left;
}

.livestock-overview-table th button {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.livestock-overview-table .number-cell {
    text-align: right;
    white-space: nowrap;
}

.livestock-overview-footnote {
    margin-top: 14px;
    color: var(--muted, #5d6b7a);
    font-size: 0.92rem;
}

@media (max-width: 900px) {
    .livestock-overview-v008h .livestock-overview-filter-form {
        grid-template-columns: 1fr;
    }

    .livestock-create-v008h .livestock-farbmorphe-line {
        grid-template-columns: 1fr;
    }
}

/* v0.08i: Lexikon-Aufruf und Hinweis stehen unter Wissenschaftlicher Name, in Linie zur Farbmorphe-Zeile. */
.livestock-create-v008i .livestock-name-layout {
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
    align-items: start;
}

.livestock-create-v008i .livestock-scientific-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-create-v008i .livestock-lexicon-under-scientific {
    display: grid;
    grid-template-columns: auto minmax(150px, 1fr);
    gap: 8px;
    align-items: stretch;
    margin-top: 32px;
    max-width: 100%;
}

.livestock-create-v008i .livestock-lexicon-under-scientific .livestock-lexicon-link {
    display: flex;
    align-items: center;
    min-height: 42px;
    white-space: nowrap;
    font-size: 0.92rem;
}

.livestock-create-v008i .livestock-lexicon-under-scientific .livestock-lexicon-copy-note {
    display: flex;
    align-items: center;
    min-height: 42px;
    border: 1px solid var(--border, #d5dde7);
    border-radius: 8px;
    padding: 4px 6px;
    background: var(--soft, #f6f8fb);
    color: var(--muted, #5d6b7a);
    font-size: 0.72rem;
    line-height: 1.12;
    box-sizing: border-box;
}

.livestock-create-v008i .livestock-farbmorphe-line {
    display: block;
    width: 100%;
}

.livestock-create-v008i .livestock-farbmorphe-line input {
    width: 100%;
}

@media (max-width: 900px) {
    .livestock-create-v008i .livestock-lexicon-under-scientific {
        grid-template-columns: 1fr;
        margin-top: 8px;
    }
}

/* v0.08j: Besatz anlegen Lexikon-Zeile nach Vorlage und Besatzübersicht-Kopf mit Such-X. */
.livestock-create-v008j .livestock-name-layout-v008j {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
    gap: 16px 18px;
    align-items: start;
}

.livestock-create-v008j .livestock-scientific-row,
.livestock-create-v008j .livestock-german-name-row,
.livestock-create-v008j .livestock-farbmorphe-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-create-v008j .livestock-lexicon-under-scientific {
    display: grid;
    grid-template-columns: auto minmax(150px, 1fr);
    gap: 8px;
    align-items: stretch;
    margin-top: 25px;
    max-width: 100%;
}

.livestock-create-v008j .livestock-lexicon-under-scientific .livestock-lexicon-link,
.livestock-create-v008j .livestock-lexicon-under-scientific .livestock-lexicon-copy-note {
    min-height: 42px;
    box-sizing: border-box;
}

.livestock-create-v008j .livestock-lexicon-under-scientific .livestock-lexicon-link {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 0.92rem;
}

.livestock-create-v008j .livestock-lexicon-under-scientific .livestock-lexicon-copy-note {
    display: flex;
    align-items: center;
    border: 1px solid var(--border, #d5dde7);
    border-radius: 8px;
    padding: 4px 6px;
    background: var(--soft, #f6f8fb);
    color: var(--muted, #5d6b7a);
    font-size: 0.72rem;
    line-height: 1.12;
}

.livestock-create-v008j .livestock-farbmorphe-line {
    display: block;
    width: 100%;
}

.livestock-create-v008j .livestock-farbmorphe-line input {
    width: 100%;
}

.livestock-overview-v008j .livestock-overview-filter-form-v008j {
    display: grid;
    grid-template-columns: minmax(280px, 0.95fr) minmax(360px, 1.35fr);
    gap: 14px 22px;
    align-items: end;
    margin: 16px 0 20px;
}

.livestock-overview-v008j .livestock-overview-filter-block {
    display: grid;
    gap: 6px;
}

.livestock-overview-v008j .livestock-overview-filter-heading {
    font-weight: 800;
    color: var(--text, #001f3d);
}

.livestock-overview-v008j .livestock-overview-filter-row {
    display: grid;
    grid-template-columns: minmax(170px, 1fr) auto;
    gap: 8px;
    align-items: end;
}

.livestock-overview-v008j .livestock-overview-filter-row .button {
    white-space: nowrap;
    min-height: 42px;
}

.livestock-overview-v008j .livestock-overview-search-field {
    min-width: 0;
}

.livestock-overview-v008j .livestock-overview-search-shell {
    position: relative;
    display: block;
}

.livestock-overview-v008j .livestock-overview-search-shell input {
    width: 100%;
    padding-right: 42px;
}

.livestock-overview-v008j .livestock-overview-search-clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--muted, #5d6b7a);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.livestock-overview-v008j .livestock-overview-search-clear:hover,
.livestock-overview-v008j .livestock-overview-search-clear:focus-visible {
    background: var(--soft, #f6f8fb);
    color: var(--text, #001f3d);
    outline: none;
}

@media (max-width: 900px) {
    .livestock-create-v008j .livestock-name-layout-v008j,
    .livestock-overview-v008j .livestock-overview-filter-form-v008j {
        grid-template-columns: 1fr;
    }

    .livestock-create-v008j .livestock-lexicon-under-scientific {
        grid-template-columns: 1fr;
        margin-top: 0;
    }

    .livestock-overview-v008j .livestock-overview-filter-row {
        grid-template-columns: 1fr;
    }
}


/* v0.08k: Kopie-Hinweis direkt unter Wissenschaftlicher Name und Deutscher Name. */
.livestock-create-v008k .livestock-copy-note-v008k {
    grid-column: 1 / -1;
    margin: -4px 0 2px;
    font-size: 0.92rem;
}

/* v0.08l: Besatz speichern nur bei erfüllten Pflichtangaben aktiv; Tagebuch Haupt-Thema Info. */
.livestock-create-v008l .livestock-save-lock-hint {
    margin-top: 10px;
    font-size: 0.92rem;
}

.livestock-create-v008l .livestock-save-lock-hint ul {
    margin: 6px 0 0 18px;
    padding: 0;
}

.livestock-create-v008l .livestock-action-row .button.is-disabled,
.livestock-create-v008l .livestock-action-row .button[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.6;
}

.diary-main-topic-label {
    align-items: baseline;
}

.diary-main-topic-help {
    color: var(--link, #0b75c9);
    font-size: 0.82rem;
    font-weight: 700;
}

.diary-main-topic-info-dialog p {
    line-height: 1.45;
}


/* v0.08m: Becken kopieren, Tagebuch-Suche, Profil-Hinweis und Technikübersicht. */
.aquarium-copy-page .aquarium-copy-error {
    color: #c1121f;
    font-weight: 800;
    margin: 8px 0 12px;
}
.aquarium-copy-page .aquarium-copy-description {
    margin: 0 0 16px;
    color: var(--muted, #5d6b7a);
}
.profile-all-tanks-row .profile-data-project-prompt {
    margin-left: calc(100% - 42px);
    max-width: 220px;
    text-align: left;
}
.diary-page .diary-search-form {
    max-width: 760px;
}
.diary-page .diary-search-form.livestock-overview-filter-form-v008j {
    grid-template-columns: minmax(360px, 1fr);
}
.technology-overview-table {
    width: 100%;
    table-layout: auto;
}
.technology-overview-table th,
.technology-overview-table td {
    vertical-align: top;
}
.technology-overview-table .technology-date-column {
    width: 138px;
    min-width: 128px;
}
.technology-overview-table .technology-maintenance-column {
    width: 150px;
    min-width: 140px;
}
.technology-overview-table .technology-abbau-column {
    width: 155px;
    min-width: 145px;
}
.admin-users-table th a {
    color: inherit;
    text-decoration: none;
}
.admin-users-table th a:hover,
.admin-users-table th a:focus-visible {
    text-decoration: underline;
}


/* v0.08n: Kostenrechner/Kostenbuch, Besatzübersicht, Tagebuch, Admin und Technik-Layout. */
.costs-book-table,
.costs-overview-table {
    width: 100%;
    border-collapse: collapse;
}
.costs-book-table th,
.costs-book-table td {
    border: 1px solid var(--border);
    padding: 8px;
    text-align: left;
}
.livestock-overview-v008n .livestock-overview-filter-form-v008j {
    grid-template-columns: minmax(420px, 1.05fr) minmax(360px, 1fr);
}
.livestock-overview-v008n .livestock-overview-filter-block-aquarium .livestock-overview-filter-row {
    grid-template-columns: minmax(160px, 1fr) auto auto;
}
.livestock-overview-create-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.diary-page .diary-search-form-v008n {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(260px, .7fr) minmax(520px, 1.3fr);
    gap: 14px 22px;
    align-items: end;
    margin: 16px 0 20px;
}
.diary-page .diary-search-form-v008n .livestock-overview-filter-heading {
    font-weight: 800;
}
.diary-page .diary-search-row-v008n {
    display: grid;
    grid-template-columns: minmax(180px, .5fr) auto auto;
    gap: 8px;
    align-items: end;
}
.diary-page .diary-search-field-v008n input {
    height: 42px;
}
.diary-page .diary-search-button-v008n,
.diary-page .diary-create-button-v008n {
    min-height: 42px;
    white-space: nowrap;
}
.diary-machine-note-v008n {
    margin-top: 14px;
}
.admin-users-page .admin-users-table col.col-user { width: 14%; }
.admin-users-page .admin-users-table col.col-email { width: 16%; }
.admin-users-page .admin-users-table col.col-login-date { width: 9%; }
.admin-users-page .admin-users-table col.col-business { width: 5%; }
.admin-users-page .admin-users-table col.col-status { width: 9%; }
.admin-users-page .admin-users-table col.col-roles { width: 27%; }
.admin-users-page .admin-users-table col.col-logout-date { width: 10%; }
.admin-users-page .admin-users-table col.col-action { width: 10%; }
.admin-users-page .admin-users-table .roles-col {
    padding-left: 4px;
    padding-right: 4px;
}
.admin-users-page .admin-users-table .role-list {
    gap: 3px 8px;
    min-width: 230px;
}
.admin-users-page .admin-users-table .date-col a,
.admin-users-page .admin-users-table .logout-col a {
    display: inline-block;
    line-height: 1.05;
}
.technology-overview-page .technology-table-block {
    border: 1px solid var(--border);
    padding: 0;
    overflow-x: auto;
}
.technology-overview-page .technology-overview-table {
    border-collapse: collapse;
    border: 0;
    margin: 0;
}
.technology-overview-page .technology-overview-table th,
.technology-overview-page .technology-overview-table td {
    border: 0;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.technology-overview-page .technology-overview-table th:last-child,
.technology-overview-page .technology-overview-table td:last-child {
    border-right: 0;
}
.technology-overview-page .technology-overview-table tbody tr:last-child td {
    border-bottom: 0;
}
@media (max-width: 900px) {
    .livestock-overview-v008n .livestock-overview-filter-form-v008j,
    .diary-page .diary-search-form-v008n {
        grid-template-columns: 1fr;
    }
    .livestock-overview-v008n .livestock-overview-filter-block-aquarium .livestock-overview-filter-row,
    .diary-page .diary-search-row-v008n {
        grid-template-columns: 1fr;
    }
}
.diary-page .livestock-overview-filter-block {
    display: grid;
    gap: 6px;
}
.diary-page .livestock-overview-search-shell {
    position: relative;
    display: block;
}
.diary-page .livestock-overview-search-shell input {
    width: 100%;
    padding-right: 42px;
}
.diary-page .livestock-overview-search-clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--muted, #5d6b7a);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}
.diary-page .livestock-overview-search-clear:hover,
.diary-page .livestock-overview-search-clear:focus-visible {
    background: var(--soft, #f6f8fb);
    color: var(--text, #001f3d);
    outline: none;
}


/* v0.08o: Technik-Tabellenbreiten und Mein-Tagebuch-Kopfbereich gemäß Vorlage. */
.technology-overview-page .technology-table-block {
    border: 0;
    padding: 0;
    overflow-x: auto;
    background: transparent;
}
.technology-overview-page .technology-overview-table {
    border-collapse: collapse;
    border: 1px solid var(--border);
    table-layout: auto;
}
.technology-overview-page .technology-overview-table th,
.technology-overview-page .technology-overview-table td {
    border: 1px solid var(--border) !important;
}
.technology-overview-page .technology-overview-table .technology-aquarium-column {
    width: 15ch;
    min-width: 11ch;
    max-width: 15ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.technology-overview-page .technology-overview-table .technology-device-column {
    width: 18ch;
    min-width: 13ch;
    max-width: 18ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.technology-overview-page .technology-overview-table .technology-brand-column {
    width: 18ch;
    min-width: 12ch;
    max-width: 18ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.diary-page .diary-search-form-v008o {
    max-width: none;
    margin: 16px 0 20px;
}
.diary-filter-grid-v008o {
    display: grid;
    grid-template-columns: minmax(180px, 0.9fr) auto minmax(220px, 0.75fr) auto auto;
    gap: 8px;
    align-items: end;
}
.diary-filter-heading-v008o {
    font-weight: 800;
    line-height: 1.2;
}
.diary-filter-heading-becken-v008o {
    grid-column: 1 / 3;
}
.diary-filter-heading-search-v008o {
    grid-column: 3 / 6;
}
.diary-aquarium-field-v008o,
.diary-search-field-v008o {
    margin: 0;
}
.diary-page .diary-aquarium-field-v008o select,
.diary-page .diary-search-field-v008o input {
    height: 42px;
}
.diary-page .diary-show-button-v008o,
.diary-page .diary-search-button-v008o,
.diary-page .diary-create-button-v008o {
    min-height: 42px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.diary-page .diary-search-field-v008o .livestock-overview-search-shell {
    position: relative;
    display: block;
}
.diary-page .diary-search-field-v008o input {
    width: 100%;
    padding-right: 42px;
}
@media (max-width: 980px) {
    .diary-filter-grid-v008o {
        grid-template-columns: 1fr;
    }
    .diary-filter-heading-becken-v008o,
    .diary-filter-heading-search-v008o {
        grid-column: auto;
    }
}


/* v0.08p: Datentabellen mit sichtbaren, schmalen Spalten- und Zeilentrennlinien.
   Bewusst auf Seiten-Datentabellen begrenzt, damit interne Layout-/Hinweistabellen unberührt bleiben. */
.card .table-wrap > table,
.card .technology-table-block > table,
.card .costs-table-block > table,
.card .food-suggestion-table {
    border-collapse: collapse;
    border-left: 1px solid var(--datatable-line, #d8e0ea);
    border-right: 1px solid var(--datatable-line, #d8e0ea);
}

.card .table-wrap > table th,
.card .table-wrap > table td,
.card .technology-table-block > table th,
.card .technology-table-block > table td,
.card .costs-table-block > table th,
.card .costs-table-block > table td,
.card .food-suggestion-table th,
.card .food-suggestion-table td {
    border-left: 1px solid var(--datatable-line, #d8e0ea);
    border-right: 1px solid var(--datatable-line, #d8e0ea);
    border-top: 1px solid var(--datatable-line, #d8e0ea);
    border-bottom: 1px solid var(--datatable-line, #d8e0ea);
}

.card .table-wrap > table th:first-child,
.card .table-wrap > table td:first-child,
.card .technology-table-block > table th:first-child,
.card .technology-table-block > table td:first-child,
.card .costs-table-block > table th:first-child,
.card .costs-table-block > table td:first-child,
.card .food-suggestion-table th:first-child,
.card .food-suggestion-table td:first-child {
    border-left: 1px solid var(--datatable-line, #d8e0ea);
}

.card .table-wrap > table th:last-child,
.card .table-wrap > table td:last-child,
.card .technology-table-block > table th:last-child,
.card .technology-table-block > table td:last-child,
.card .costs-table-block > table th:last-child,
.card .costs-table-block > table td:last-child,
.card .food-suggestion-table th:last-child,
.card .food-suggestion-table td:last-child {
    border-right: 1px solid var(--datatable-line, #d8e0ea);
}

/* v0.08p: Technik-Übersicht - Becken/Gerät/Marke auf Eingabe-/Auswahllängen begrenzen. */
.technology-overview-page .technology-overview-table .technology-aquarium-column {
    width: 17ch;
    min-width: 12ch;
    max-width: 17ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.technology-overview-page .technology-overview-table .technology-device-column {
    width: 18ch;
    min-width: 13ch;
    max-width: 18ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.technology-overview-page .technology-overview-table .technology-brand-column {
    width: 18ch;
    min-width: 12ch;
    max-width: 18ch;
    white-space: normal;
    overflow-wrap: anywhere;
}


/* v0.08q: Technik-Übersicht - Abbau-am-Spalte und Datumsfeld ohne unnötige Überbreite. */
.technology-overview-page .technology-overview-table {
    width: max-content;
    max-width: 100%;
}
.technology-overview-page .technology-overview-table th.technology-abbau-column,
.technology-overview-page .technology-overview-table td.technology-abbau-column,
.technology-overview-page .technology-overview-table .technology-abbau-column {
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
}
.technology-overview-page .technology-overview-table .technology-overview-date-form {
    width: 120px;
    max-width: 120px;
    margin: 0;
}
.technology-overview-page .technology-overview-table .technology-overview-date-form .aqua-date-picker-shell {
    width: 120px;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 42px;
    min-height: 42px;
}
.technology-overview-page .technology-overview-table .technology-overview-date-form .aqua-date-picker-shell input[type="text"] {
    width: 84px;
    min-width: 0;
    height: 42px;
    min-height: 42px;
    padding-left: 10px;
    padding-right: 8px;
    font-size: .95rem;
}
.technology-overview-page .technology-overview-table .technology-overview-date-form .aqua-date-picker-shell .calendar-icon-button {
    flex-basis: 36px;
    width: 36px;
    height: 42px;
    min-height: 42px;
}
@media (max-width: 760px) {
    .technology-overview-page .technology-table-block {
        overflow-x: auto;
    }
    .technology-overview-page .technology-overview-table {
        max-width: none;
    }
}


/* v0.08r: Mein Tagebuch - Tabellenbreiten auf Eingabebreiten reduzieren, Informationen flexibel umbrechen. */
.diary-page .diary-table-wrap {
    overflow-x: auto;
}
.diary-page .diary-table.diary-table-v008r {
    width: 100%;
    min-width: 760px;
    table-layout: fixed;
}
.diary-page .diary-table.diary-table-v008r th,
.diary-page .diary-table.diary-table-v008r td {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-beckenname,
.diary-page .diary-table.diary-table-v008r td.diary-col-beckenname {
    width: 15ch;
    min-width: 11ch;
    max-width: 15ch;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-datum,
.diary-page .diary-table.diary-table-v008r td.diary-col-datum {
    width: 10ch;
    min-width: 10ch;
    max-width: 10ch;
    white-space: nowrap;
    text-align: center;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-thema,
.diary-page .diary-table.diary-table-v008r td.diary-col-thema {
    width: 16ch;
    min-width: 12ch;
    max-width: 16ch;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-art_des_eintrages,
.diary-page .diary-table.diary-table-v008r td.diary-col-art_des_eintrages {
    width: 22ch;
    min-width: 14ch;
    max-width: 22ch;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-aktion,
.diary-page .diary-table.diary-table-v008r td.diary-col-aktion {
    width: 18ch;
    min-width: 12ch;
    max-width: 18ch;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-informationen,
.diary-page .diary-table.diary-table-v008r td.diary-col-informationen {
    width: auto;
    min-width: 24ch;
    white-space: pre-line;
    overflow-wrap: anywhere;
}
@media (max-width: 820px) {
    .diary-page .diary-table.diary-table-v008r {
        min-width: 720px;
    }
}

/* v0.08t: Profil-Hinweis, Header-Rollenblock und Mein-Tagebuch-Filter. */
.account-nav .account-action-line {
    align-items: center;
}
.account-nav .account-role.account-role-v008t {
    border-radius: 14px;
    padding: 6px 10px;
    min-width: 96px;
    max-width: 150px;
    min-height: 42px;
    max-height: 42px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.account-nav .account-role.account-role-v008t .account-role-list {
    margin: 0;
    padding-left: 14px;
    max-height: 2.4em;
    overflow: hidden;
    line-height: 1.2;
}
.account-nav .account-role.account-role-v008t .account-role-list li {
    margin: 0;
    font-size: 11px;
    line-height: 1.2;
}
.account-nav .account-role-title {
    display: none;
}
.profile-all-tanks-row .profile-all-tanks-label {
    gap: 6px;
    align-items: flex-start;
}
.profile-data-project-info-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.profile-all-tanks-row .profile-data-project-prompt {
    margin-left: 0;
    max-width: 92px;
    color: #c1121f;
    font-size: 0.72rem;
    font-weight: 400;
    line-height: 1.15;
    text-align: left;
}
.profile-first-login-field {
    display: none !important;
}
.diary-page .diary-filter-grid-v008o {
    grid-template-columns: minmax(180px, 260px) auto minmax(420px, 1fr) auto auto;
}
.diary-page .diary-filter-heading-becken-v008o {
    grid-column: 1 / 3;
}
.diary-page .diary-filter-heading-search-v008o {
    grid-column: 3 / 6;
}
.diary-page .diary-aquarium-field-v008o select {
    max-width: 260px;
}
.diary-page .diary-search-field-v008o input {
    min-width: 420px;
}
@media (max-width: 980px) {
    .diary-page .diary-filter-grid-v008o {
        grid-template-columns: 1fr;
    }
    .diary-page .diary-search-field-v008o input {
        min-width: 0;
    }
    .diary-page .diary-aquarium-field-v008o select {
        max-width: none;
    }
}

/* v0.08u: Aktionsbuttons je Becken-Zeile in Deine Beckenübersicht. */
.aquarium-overview-table .aquarium-column-actions {
    min-width: 30ch;
    white-space: nowrap;
}

.aquarium-overview-row-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.aquarium-overview-row-actions .button.small {
    padding: 6px 10px;
    font-size: .88rem;
}


/* v0.08v: Beckenübersicht Aktionbereich und Art-des-Beckens-Spalte. */
.aquarium-overview-page .aquarium-overview-action-bar {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
.aquarium-overview-action-select {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}
.aquarium-overview-action-select select {
    min-width: 190px;
    max-width: 260px;
}
.aquarium-overview-table .aquarium-column-type {
    min-width: 18ch;
    max-width: 24ch;
    white-space: normal;
}
.aquarium-all-table .col-type {
    width: 16ch;
}


/* v0.08w: Becken in Tabellen als farbiger Text ohne Farbblock. */
.aquarium-table-name {
    font-weight: 800;
    background: transparent !important;
    white-space: nowrap;
}

.aquarium-value-missing {
    display: inline-block;
    line-height: 1.12;
    white-space: normal;
    text-align: center;
}

/* v0.08y Korrektur: Beckenfarben dauerhaft für Becken-Auswahllisten und Tabellen-Becken-Spalten absichern. */
.aquarium-color-select,
select[data-aquarium-select="1"] {
    font-weight: 800 !important;
}

.aquarium-color-select option[data-color],
select[data-aquarium-select="1"] option[data-color] {
    font-weight: 800 !important;
}

.aquarium-color-select.select-selected-color,
select[data-aquarium-select="1"].select-selected-color {
    background-image: none !important;
    font-weight: 800 !important;
}

.aquarium-table-name {
    font-weight: 800 !important;
    background: transparent !important;
    white-space: nowrap;
}


/* v0.09c: Beckenfarben neutralisieren - Auswahllisten und Spalten weiß/schwarz. */
.aquarium-color-select,
select[data-aquarium-select="1"],
.aquarium-color-select.select-selected-color,
select[data-aquarium-select="1"].select-selected-color {
    background: #ffffff !important;
    color: #000000 !important;
}

.aquarium-color-select option,
select[data-aquarium-select="1"] option,
.aquarium-color-select option[data-color],
select[data-aquarium-select="1"] option[data-color] {
    background: #ffffff !important;
    color: #000000 !important;
}

.aquarium-table-name,
.aquarium-name-badge {
    background: #ffffff !important;
    color: #000000 !important;
}


/* v0.09d: Besatzübersicht - B_id als erste schmale Nummernspalte. */
.livestock-overview-table {
    min-width: 880px;
}
.livestock-overview-table th.livestock-col-b-id,
.livestock-overview-table td.livestock-col-b-id {
    width: 6ch;
    min-width: 6ch;
    max-width: 6ch;
    text-align: right;
    white-space: nowrap;
}

/* v0.09d: Mein Tagebuch - Becken und Datum-TB so breit, dass Maximalwerte nicht in die Spaltenlinie laufen. */
.diary-page .diary-table.diary-table-v009d {
    min-width: 860px;
    table-layout: fixed;
}
.diary-page .diary-table.diary-table-v009d th,
.diary-page .diary-table.diary-table-v009d td {
    box-sizing: border-box;
}
.diary-page .diary-table.diary-table-v009d th.diary-col-beckenname,
.diary-page .diary-table.diary-table-v009d td.diary-col-beckenname {
    width: 18ch;
    min-width: 18ch;
    max-width: 18ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.diary-page .diary-table.diary-table-v009d td.diary-col-beckenname .aquarium-table-name {
    white-space: normal;
    overflow-wrap: anywhere;
}
.diary-page .diary-table.diary-table-v009d th.diary-col-datum,
.diary-page .diary-table.diary-table-v009d td.diary-col-datum {
    width: 13ch;
    min-width: 13ch;
    max-width: 13ch;
    white-space: nowrap;
    text-align: center;
}

/* v0.09e/v0.09f: Beckenlaufnummer farbig anzeigen; v0.09f erweitert auf 01-20. */
.aquarium-sequence-number-v009e {
    display: inline-block;
    min-width: 2ch;
    font-weight: 700;
    text-align: right;
    background: transparent !important;
}
.livestock-overview-table td.livestock-col-b-id .aquarium-sequence-number-v009e {
    width: 100%;
    text-align: right;
}
.diary-page .diary-table.diary-table-v009d td.diary-col-beckenname .aquarium-sequence-number-v009e {
    margin-right: 0.35ch;
}


/* v0.09f: Rollenabhängige Beckenanzahl und feste Beckenlaufnummer 01-20. */
.aquarium-role-limit-hint-v009f {
    color: #d00000 !important;
    font-weight: 700;
}
.aquarium-table-name .aquarium-sequence-number-v009e,
.aquarium-name-badge .aquarium-sequence-number-v009e,
.livestock-overview-table .aquarium-sequence-number-v009e,
.diary-table .aquarium-sequence-number-v009e {
    color: var(--aquarium-sequence-color, currentColor) !important;
}
.aquarium-sequence-number-20 {
    text-shadow: 0 0 1px #000000;
}
.button.disabled,
.button[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}


/* v0.09g: ADMIN-Anmeldedatenübersicht Spaltenbreiten, Sortier-Icon, Nutzer-ID und senkrechter Speichern-Button. */
.admin-users-page .admin-users-table col.col-user { width: 15%; }
.admin-users-page .admin-users-table col.col-email { width: 16%; }
.admin-users-page .admin-users-table col.col-login-date { width: 10%; }
.admin-users-page .admin-users-table col.col-business { width: 7%; }
.admin-users-page .admin-users-table col.col-status { width: 9%; }
.admin-users-page .admin-users-table col.col-roles { width: 26%; }
.admin-users-page .admin-users-table col.col-logout-date { width: 10%; }
.admin-users-page .admin-users-table col.col-action { width: 7%; }
.admin-users-page .admin-users-table .date-col,
.admin-users-page .admin-users-table .business-col,
.admin-users-page .admin-users-table .logout-col {
    min-width: 92px;
    text-align: center;
}
.admin-users-page .admin-users-table .business-col {
    min-width: 74px;
}
.admin-users-page .admin-users-table .admin-users-sort-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 100%;
    line-height: 1.05;
    white-space: normal;
    text-align: center;
}
.admin-users-page .admin-users-table .admin-users-sort-text {
    display: inline-block;
}
.admin-users-page .admin-users-table .admin-users-sort-icon {
    display: inline-block;
    flex: 0 0 auto;
    min-width: 12px;
    font-weight: 800;
}
.admin-users-page .admin-users-table .user-identity-cell .user-prefix {
    min-width: 22px;
    display: inline-block;
}
.admin-users-page .admin-users-table .action-col {
    text-align: center;
    white-space: nowrap;
}
.admin-users-page .admin-users-table .action-col form {
    justify-content: center;
}
.admin-users-page .admin-users-table .admin-users-save-vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    min-width: 28px;
    width: 28px;
    min-height: 82px;
    padding: 8px 4px;
    line-height: 1;
    text-align: center;
}

/* v0.09h: Besatzübersicht - eine Kopfzeile, feste passende Spaltenbreiten und dezente Trennlinien zwischen Becken-Gruppen. */
.livestock-overview-table.livestock-overview-table-v009h {
    width: 100%;
    min-width: 940px;
    table-layout: fixed;
    border-collapse: collapse;
}
.livestock-overview-table-v009h col.livestock-col-b-id { width: 5.5%; }
.livestock-overview-table-v009h col.livestock-col-tiergruppe { width: 13.5%; }
.livestock-overview-table-v009h col.livestock-col-scientific { width: 28%; }
.livestock-overview-table-v009h col.livestock-col-anzahl { width: 7.5%; }
.livestock-overview-table-v009h col.livestock-col-groesse { width: 7.5%; }
.livestock-overview-table-v009h col.livestock-col-besitz { width: 12%; }
.livestock-overview-table-v009h col.livestock-col-alter { width: 19%; }
.livestock-overview-table-v009h col.livestock-col-status { width: 7%; }
.livestock-overview-table-v009h th,
.livestock-overview-table-v009h td {
    box-sizing: border-box;
    overflow-wrap: anywhere;
    vertical-align: middle;
}
.livestock-overview-table-v009h th button {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    text-align: left;
    line-height: 1.15;
}
.livestock-overview-table-v009h th.number-cell button,
.livestock-overview-table-v009h td.number-cell {
    text-align: right;
}
.livestock-overview-table-v009h th.livestock-col-b-id,
.livestock-overview-table-v009h td.livestock-col-b-id {
    width: auto;
    min-width: 0;
    max-width: none;
}
.livestock-overview-table-v009h td.livestock-col-b-id .aquarium-sequence-number-v009e {
    width: auto;
    min-width: 2ch;
}
.livestock-overview-table-v009h .livestock-overview-group-separator td {
    height: 8px;
    padding: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 2px solid #d4e3ec;
    background: #f8fbfd;
    line-height: 0;
}

/* v0.09i: Besatzübersicht ohne Becken-Trennzeilen, optische Kopieroptionen und Rollenhinweis neben der Überschrift. */
.livestock-overview-table-v009i .livestock-overview-group-separator {
    display: none !important;
}
.livestock-overview-table-v009i tbody tr {
    border-top: 0;
}
.aquarium-create-title-row-v009i {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-bottom: 4px;
}
.aquarium-create-title-row-v009i h1 {
    margin-bottom: 0;
}
.aquarium-role-limit-hint-inline-v009i {
    display: inline-block;
    font-size: 0.84rem;
    line-height: 1.25;
    margin: 0;
}
.aquarium-copy-thought-v009i {
    margin: 8px 0 12px;
    padding: 10px 12px;
    border: 1px solid #d7e2ec;
    border-radius: 10px;
    background: #f8fbfd;
}
.aquarium-copy-thought-note-v009i {
    margin: 0 0 8px;
    color: #c00000;
    font-weight: 800;
}
.aquarium-copy-checkbox-line-v009i {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 6px 0;
    line-height: 1.35;
}
.aquarium-copy-checkbox-line-v009i input[type="checkbox"] {
    margin-top: 2px;
}
.aquarium-copy-info-box-v009i {
    margin-top: 10px;
    padding: 9px 10px;
    border-left: 4px solid #6b7c8f;
    background: #ffffff;
    color: #2b3440;
}


/* v0.09j: Besatz anlegen - Rollenhinweis oben rechts und Lexikon-Zeile sauber ausgerichtet. */
.livestock-create-title-row-v009j {
    display: flex;
    align-items: center;
    gap: 12px 18px;
    margin-bottom: 20px;
    width: 100%;
}
.livestock-create-title-row-v009j h1 {
    margin: 0;
    flex: 0 0 auto;
}
.livestock-role-limit-hint-title-v009j {
    margin-left: auto;
    font-size: 0.78rem;
    line-height: 1.2;
    white-space: nowrap;
    text-align: right;
    max-width: min(420px, 60%);
}
.livestock-create-v009j #livestock_aquarium_field label .aquarium-role-limit-hint-v009f {
    display: none !important;
}
.livestock-create-v009j .livestock-lexicon-under-scientific {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    width: 100%;
    max-width: 100%;
}
.livestock-create-v009j .livestock-lexicon-under-scientific .livestock-lexicon-link {
    flex: 0 0 auto;
    min-height: 32px;
    padding: 5px 7px;
    font-size: 0.82rem;
    line-height: 1.1;
}
.livestock-create-v009j .livestock-lexicon-under-scientific .livestock-lexicon-copy-note {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 32px;
    padding: 4px 6px;
    font-size: 0.68rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
}
@media (max-width: 900px) {
    .livestock-create-title-row-v009j {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
    .livestock-role-limit-hint-title-v009j {
        margin-left: 0;
        max-width: 100%;
        white-space: normal;
        text-align: left;
    }
    .livestock-create-v009j .livestock-lexicon-under-scientific {
        flex-wrap: wrap;
    }
}

/* v0.09k: Besatz anlegen - Lexikon/Hinweis/Farbmorphe und Oberfläche-Felder 2. */
.livestock-create-v009k .livestock-name-layout-v008j {
    align-items: start;
}
.livestock-create-v009k .livestock-lexicon-under-scientific {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    margin-top: 0;
    width: auto;
    max-width: 100%;
}
.livestock-create-v009k .livestock-lexicon-under-scientific .livestock-lexicon-link {
    flex: 0 0 auto;
    min-height: 30px;
    padding: 5px 8px;
    font-size: 0.82rem;
    line-height: 1.1;
    white-space: nowrap;
}
.livestock-create-v009k .livestock-lexicon-under-scientific .livestock-lexicon-copy-note {
    display: block;
    flex: 0 0 auto;
    width: 300px;
    max-width: 100%;
    min-height: 0;
    padding: 5px 7px;
    font-size: 0.68rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}
.livestock-create-v009k .livestock-farbmorphe-row {
    align-items: flex-start;
}
.livestock-create-v009k .livestock-farbmorphe-line {
    width: auto;
    max-width: 100%;
}
.livestock-create-v009k .livestock-farbmorphe-line input {
    width: 265px;
    max-width: 100%;
}
.livestock-create-v009k .livestock-double-surface-field-v009k {
    align-items: flex-start;
}
.livestock-create-v009k .livestock-double-field-grid-v009k {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: nowrap;
    max-width: 100%;
}
.livestock-create-v009k .livestock-double-field-item-v009k {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 0 auto;
    max-width: 100%;
}
.livestock-create-v009k .livestock-size-double-v009k .livestock-double-field-item-v009k {
    width: 190px;
}
.livestock-create-v009k .livestock-price-double-v009k .livestock-double-field-item-v009k {
    width: 160px;
}
.livestock-create-v009k .livestock-double-field-item-v009k .field-with-suffix {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
}
.livestock-create-v009k .livestock-surface-only-input-v009k {
    background: #f8fbff;
    color: var(--muted, #5d6b7a);
    cursor: default;
}
@media (max-width: 900px) {
    .livestock-create-v009k .livestock-double-field-grid-v009k {
        flex-wrap: wrap;
    }
    .livestock-create-v009k .livestock-size-double-v009k .livestock-double-field-item-v009k,
    .livestock-create-v009k .livestock-price-double-v009k .livestock-double-field-item-v009k {
        width: min(220px, 100%);
    }
}


/* v0.09l: Besatz anlegen - Anzahl-Oberflächenfeld, Farbmorphe nach rechts und Kaufpreisfelder unten ausrichten. */
.livestock-create-v009l .livestock-name-layout-v009l {
    grid-template-columns: minmax(250px, 1fr) 150px minmax(260px, 1fr);
    gap: 16px 18px;
    align-items: start;
}
.livestock-create-v009l .livestock-scientific-row {
    grid-column: 1 / 3;
}
.livestock-create-v009l .livestock-german-name-row {
    grid-column: 3 / 4;
}
.livestock-create-v009l .livestock-copy-note {
    grid-column: 1 / -1;
}
.livestock-create-v009l .livestock-lexicon-under-scientific {
    grid-column: 1 / 2;
}
.livestock-create-v009l .livestock-anzahl-surface-row-v009l {
    grid-column: 2 / 3;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-self: start;
}
.livestock-create-v009l .livestock-anzahl-surface-row-v009l input {
    width: 100%;
    min-width: 0;
    text-align: right;
}
.livestock-create-v009l .livestock-farbmorphe-row {
    grid-column: 3 / 4;
}
.livestock-create-v009l .livestock-farbmorphe-line input {
    width: 270px;
    max-width: 100%;
}
.livestock-create-v009l .livestock-size-double-v009k,
.livestock-create-v009l .livestock-price-double-v009k {
    align-self: end;
}
.livestock-create-v009l .livestock-price-double-v009k .livestock-double-field-grid-v009k {
    align-items: end;
}
.livestock-create-v009l .livestock-price-double-v009k .livestock-double-field-item-v009k {
    width: 165px;
}
.livestock-create-v009l .livestock-surface-only-input-v009l {
    background: #f8fbff;
    color: var(--muted, #5d6b7a);
}
@media (max-width: 900px) {
    .livestock-create-v009l .livestock-name-layout-v009l {
        grid-template-columns: 1fr;
    }
    .livestock-create-v009l .livestock-scientific-row,
    .livestock-create-v009l .livestock-german-name-row,
    .livestock-create-v009l .livestock-lexicon-under-scientific,
    .livestock-create-v009l .livestock-anzahl-surface-row-v009l,
    .livestock-create-v009l .livestock-farbmorphe-row {
        grid-column: 1 / -1;
    }
    .livestock-create-v009l .livestock-anzahl-surface-row-v009l input {
        width: min(150px, 100%);
    }
    .livestock-create-v009l .livestock-size-double-v009k,
    .livestock-create-v009l .livestock-price-double-v009k {
        align-self: start;
    }
}

/* v0.09m: Besatz anlegen - dynamische optische Kaufdatum-/Kaufpreis-Blöcke bis 15 Stück. */
.livestock-create-v009m .livestock-anzahl-surface-row-v009l {
    width: 150px;
}
.livestock-create-v009m .livestock-anzahl-surface-row-v009l input {
    width: 150px;
    max-width: 100%;
}
.livestock-create-v009m .livestock-size-double-v009k {
    align-self: start;
}
.livestock-create-v009m .livestock-size-double-v009k .livestock-double-field-grid-v009k {
    gap: 12px;
}
.livestock-create-v009m .livestock-size-double-v009k .livestock-double-field-item-v009k {
    width: 175px;
}
.livestock-create-v009m .livestock-size-double-v009k .field-with-suffix {
    width: 155px;
    max-width: 100%;
}
.livestock-create-v009m .livestock-purchase-blocks-field-v009m {
    grid-column: 1 / -1;
    width: 100%;
    align-self: start;
}
.livestock-create-v009m .livestock-purchase-blocks-grid-v009m {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 14px;
    width: 100%;
    align-items: start;
}
.livestock-create-v009m .livestock-purchase-block-v009m {
    display: grid;
    grid-template-columns: minmax(116px, 1fr) minmax(116px, 1fr);
    gap: 8px;
    align-items: end;
    min-width: 0;
}
.livestock-create-v009m .livestock-purchase-mini-field-v009m {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.livestock-create-v009m .livestock-purchase-mini-field-v009m label {
    min-height: 2.2em;
    line-height: 1.1;
    display: flex;
    align-items: flex-end;
    gap: 4px;
    flex-wrap: wrap;
}
.livestock-create-v009m .livestock-purchase-mini-field-v009m input,
.livestock-create-v009m .livestock-price-shell-v009m {
    width: 100%;
    min-width: 0;
}
.livestock-create-v009m .livestock-purchase-date-input-v009m {
    text-align: left;
}
.livestock-create-v009m .livestock-price-shell-v009m {
    grid-template-columns: minmax(0, 1fr) auto;
}
.livestock-create-v009m .livestock-purchase-block-v009m[hidden] {
    display: none !important;
}
@media (max-width: 1100px) {
    .livestock-create-v009m .livestock-purchase-blocks-grid-v009m {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 720px) {
    .livestock-create-v009m .livestock-purchase-blocks-grid-v009m,
    .livestock-create-v009m .livestock-purchase-block-v009m {
        grid-template-columns: 1fr;
    }
    .livestock-create-v009m .livestock-size-double-v009k .livestock-double-field-grid-v009k {
        flex-wrap: wrap;
    }
}


/* v0.09n: Besatz anlegen - Größe links und Kaufpreis rechts in getrennten Blöcken. */
.livestock-create-v009n .livestock-size-blocks-field-v009n,
.livestock-create-v009n .livestock-price-blocks-field-v009n {
    align-self: start;
}
.livestock-create-v009n .livestock-size-blocks-grid-v009n,
.livestock-create-v009n .livestock-price-blocks-grid-v009n {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    width: 100%;
    align-items: start;
}
.livestock-create-v009n .livestock-size-mini-field-v009n,
.livestock-create-v009n .livestock-price-mini-field-v009n {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.livestock-create-v009n .livestock-size-mini-field-v009n label,
.livestock-create-v009n .livestock-price-mini-field-v009n label {
    line-height: 1.15;
    min-height: 2.6em;
    display: flex;
    align-items: flex-end;
}
.livestock-create-v009n .livestock-size-shell-v009n,
.livestock-create-v009n .livestock-price-shell-v009n {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
}
.livestock-create-v009n .livestock-size-mini-field-v009n input,
.livestock-create-v009n .livestock-price-mini-field-v009n input {
    width: 100%;
    min-width: 0;
}
.livestock-create-v009n [data-livestock-size-block-v009n][hidden],
.livestock-create-v009n [data-livestock-price-block-v009n][hidden] {
    display: none !important;
}
@media (max-width: 900px) {
    .livestock-create-v009n .livestock-size-blocks-grid-v009n,
    .livestock-create-v009n .livestock-price-blocks-grid-v009n {
        grid-template-columns: 1fr;
    }
}


/* v0.09o: Besatz anlegen - Korrektur auf 3 Spalten je Block. */
.livestock-create-v009o .livestock-size-blocks-grid-v009n,
.livestock-create-v009o .livestock-price-blocks-grid-v009n {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) {
    .livestock-create-v009o .livestock-size-blocks-grid-v009n,
    .livestock-create-v009o .livestock-price-blocks-grid-v009n {
        grid-template-columns: 1fr;
    }
}


/* v0.09p: Besatz anlegen - schmale Blöcke, Kaufpreis zweizeilig und cm im Eingabefeld. */
.livestock-create-v009p .livestock-size-blocks-grid-v009n,
.livestock-create-v009p .livestock-price-blocks-grid-v009n {
    gap: 10px 10px;
}
.livestock-create-v009p .livestock-size-shell-inside-v009p,
.livestock-create-v009p .livestock-price-shell-v009n {
    position: relative;
}
.livestock-create-v009p .livestock-size-shell-inside-v009p {
    display: block;
    width: 100%;
}
.livestock-create-v009p .livestock-size-shell-inside-v009p input {
    padding-right: 2.1em;
}
.livestock-create-v009p .livestock-size-unit-inside-v009p {
    position: absolute;
    right: 0.55rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--muted, #5d6b7a);
    font-size: 0.95em;
}
.livestock-create-v009p .livestock-price-label-v009p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    line-height: 1.05;
}
.livestock-create-v009p .livestock-price-label-v009p span {
    display: block;
}
.livestock-create-v009p .livestock-size-mini-field-v009n label,
.livestock-create-v009p .livestock-price-mini-field-v009n label {
    min-height: 2.25em;
}
@media (min-width: 901px) {
    .livestock-create-v009p .livestock-size-blocks-field-v009n,
    .livestock-create-v009p .livestock-price-blocks-field-v009n {
        max-width: 520px;
    }
}


/* v0.09q: Besatz anlegen - feste Formularbreite, 2 Größe + 2 Kaufpreis je Zeile. */
.livestock-create-v009q .livestock-surface-form,
.livestock-create-v009q .livestock-form-grid-v009q {
    max-width: 100%;
    overflow-x: hidden;
}
.livestock-create-v009q .livestock-size-blocks-field-v009n,
.livestock-create-v009q .livestock-price-blocks-field-v009n {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.livestock-create-v009q .livestock-size-blocks-grid-v009n,
.livestock-create-v009q .livestock-price-blocks-grid-v009n {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 10px;
    width: 100%;
    max-width: 100%;
}
.livestock-create-v009q .livestock-size-mini-field-v009n,
.livestock-create-v009q .livestock-price-mini-field-v009n {
    min-width: 0;
}
.livestock-create-v009q .livestock-size-shell-inside-v009p,
.livestock-create-v009q .livestock-price-shell-inside-v009q {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.livestock-create-v009q .livestock-size-shell-inside-v009p input,
.livestock-create-v009q .livestock-price-shell-inside-v009q input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.livestock-create-v009q .livestock-size-shell-inside-v009p input {
    padding-right: 2.65em;
}
.livestock-create-v009q .livestock-price-shell-inside-v009q input {
    padding-right: 1.75em;
}
.livestock-create-v009q .livestock-size-unit-inside-v009p,
.livestock-create-v009q .livestock-price-unit-inside-v009q {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--muted, #5d6b7a);
    font-size: 0.95em;
    min-width: auto;
    font-weight: 700;
}
.livestock-create-v009q .livestock-size-unit-inside-v009p {
    right: 0.55rem;
}
.livestock-create-v009q .livestock-price-unit-inside-v009q {
    right: 0.55rem;
}
.livestock-create-v009q .livestock-price-label-v009p {
    line-height: 1.05;
}
.livestock-create-v009q .livestock-size-mini-field-v009n label,
.livestock-create-v009q .livestock-price-mini-field-v009n label {
    min-height: 2.35em;
}
@media (max-width: 900px) {
    .livestock-create-v009q .livestock-size-blocks-grid-v009n,
    .livestock-create-v009q .livestock-price-blocks-grid-v009n {
        grid-template-columns: 1fr;
    }
}


/* v0.09q-Bild_01: Besatz anlegen Neustart nur mit Überschrift, rotem Text, Becken/Tiergruppe, Wissenschaftlicher Name/Deutscher Name. */
.livestock-create-v009qbild01 {
    --livestock-qb01-col: 320px;
    --livestock-qb01-gap: 16px;
    --livestock-qb01-width: 656px;
}
.livestock-create-v009qbild01 .livestock-surface-form,
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 {
    width: var(--livestock-qb01-width);
    max-width: var(--livestock-qb01-width);
    min-width: var(--livestock-qb01-width);
    overflow: hidden;
}
.livestock-create-v009qbild01 .livestock-create-title-row-v009j {
    width: var(--livestock-qb01-width);
    max-width: var(--livestock-qb01-width);
    gap: var(--livestock-qb01-gap);
    align-items: flex-start;
}
.livestock-create-v009qbild01 .livestock-role-limit-hint-title-v009j {
    max-width: 300px;
    text-align: right;
    font-size: 0.82rem;
    line-height: 1.2;
}
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 {
    display: grid;
    grid-template-columns: var(--livestock-qb01-col) var(--livestock-qb01-col);
    gap: 16px;
    align-items: start;
}
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 > .form-field,
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 > .livestock-name-layout {
    min-width: 0;
}
.livestock-create-v009qbild01 #livestock_aquarium_field,
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 > .form-field:nth-of-type(2) {
    width: var(--livestock-qb01-col);
}
.livestock-create-v009qbild01 .livestock-name-layout {
    grid-column: 1 / -1;
    width: var(--livestock-qb01-width);
    display: grid;
    grid-template-columns: var(--livestock-qb01-col) var(--livestock-qb01-col);
    gap: 16px;
    align-items: start;
}
.livestock-create-v009qbild01 .livestock-name-layout .livestock-scientific-row,
.livestock-create-v009qbild01 .livestock-name-layout .livestock-german-name-row {
    width: var(--livestock-qb01-col);
}
.livestock-create-v009qbild01 input[type="text"],
.livestock-create-v009qbild01 select,
.livestock-create-v009qbild01 .aquarium-select-shell {
    width: 100%;
    box-sizing: border-box;
}
.livestock-create-v009qbild01 .livestock-name-layout > :not(.livestock-scientific-row):not(.livestock-german-name-row) {
    display: none !important;
}
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 > .livestock-date-three-row,
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 > [data-livestock-field="groesse_zum_kaufdatum_cm"],
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 > [data-livestock-field="kaufpreis_je_tier"],
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 > [data-livestock-field="stock"],
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 > [data-livestock-field="anzahl_polypen"],
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 > [data-livestock-field="nachzucht"],
.livestock-create-v009qbild01 .livestock-form-grid-v009qbild01 > .livestock-breeder-field,
.livestock-create-v009qbild01 .livestock-info-block,
.livestock-create-v009qbild01 .livestock-observation-field,
.livestock-create-v009qbild01 .livestock-action-row,
.livestock-create-v009qbild01 .livestock-save-lock-hint,
.livestock-create-v009qbild01 .notice.success.livestock-copy-note,
.livestock-create-v009qbild01 .notice.warning.livestock-save-lock-hint {
    display: none !important;
}


/* v0.09q-Bild_02: Deutscher Name wieder in die rechte feste Spalte setzen. */
.livestock-create-v009qbild01 .livestock-name-layout .livestock-scientific-row {
    grid-column: 1 / 2 !important;
}
.livestock-create-v009qbild01 .livestock-name-layout .livestock-german-name-row {
    grid-column: 2 / 3 !important;
    display: flex !important;
}


/* v0.09q-Bild_03: oberer Grundaufbau konsequent neu festgelegt. */
.livestock-create-v009qbild03 {
    --livestock-qb03-col: 320px;
    --livestock-qb03-gap: 16px;
    --livestock-qb03-width: 656px;
}
.livestock-create-v009qbild03 .livestock-create-title-row-v009j,
.livestock-create-v009qbild03 .livestock-surface-form,
.livestock-create-v009qbild03 .livestock-form-grid-v009qbild03,
.livestock-create-v009qbild03 .livestock-name-layout {
    width: var(--livestock-qb03-width) !important;
    max-width: var(--livestock-qb03-width) !important;
    min-width: var(--livestock-qb03-width) !important;
    box-sizing: border-box;
}
.livestock-create-v009qbild03 .livestock-create-title-row-v009j {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--livestock-qb03-gap);
    align-items: start;
}
.livestock-create-v009qbild03 .livestock-role-limit-hint-title-v009j {
    justify-self: end;
    text-align: right;
    max-width: 240px;
    font-size: 0.82rem;
    line-height: 1.2;
}
.livestock-create-v009qbild03 .livestock-form-grid-v009qbild03 {
    display: grid !important;
    grid-template-columns: var(--livestock-qb03-col) var(--livestock-qb03-col) !important;
    grid-auto-rows: auto;
    gap: var(--livestock-qb03-gap) !important;
    align-items: start;
    overflow: hidden;
}
.livestock-create-v009qbild03 #livestock_aquarium_field {
    grid-column: 1 / 2 !important;
    width: var(--livestock-qb03-col) !important;
    display: block !important;
}
.livestock-create-v009qbild03 .livestock-form-grid-v009qbild03 > .form-field:nth-of-type(2) {
    grid-column: 2 / 3 !important;
    width: var(--livestock-qb03-col) !important;
    display: block !important;
}
.livestock-create-v009qbild03 .livestock-name-layout {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: var(--livestock-qb03-col) var(--livestock-qb03-col) !important;
    gap: var(--livestock-qb03-gap) !important;
    align-items: start;
}
.livestock-create-v009qbild03 .livestock-name-layout .livestock-scientific-row {
    grid-column: 1 / 2 !important;
    width: var(--livestock-qb03-col) !important;
    display: block !important;
}
.livestock-create-v009qbild03 .livestock-name-layout .livestock-german-name-row {
    grid-column: 2 / 3 !important;
    width: var(--livestock-qb03-col) !important;
    display: block !important;
}
.livestock-create-v009qbild03 input[type="text"],
.livestock-create-v009qbild03 select,
.livestock-create-v009qbild03 .aquarium-select-shell {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
.livestock-create-v009qbild03 .livestock-form-grid-v009qbild03 > :not(#livestock_aquarium_field):not(.livestock-name-layout):not(.form-field:nth-of-type(2)) {
    display: none !important;
}
.livestock-create-v009qbild03 .livestock-name-layout > :not(.livestock-scientific-row):not(.livestock-german-name-row) {
    display: none !important;
}
.livestock-create-v009qbild03 .livestock-form-grid-v009qbild03 > .livestock-date-three-row,
.livestock-create-v009qbild03 .livestock-form-grid-v009qbild03 > .livestock-full-row,
.livestock-create-v009qbild03 .livestock-info-block,
.livestock-create-v009qbild03 .livestock-observation-field,
.livestock-create-v009qbild03 .livestock-action-row,
.livestock-create-v009qbild03 .livestock-save-lock-hint,
.livestock-create-v009qbild03 .notice.success.livestock-copy-note,
.livestock-create-v009qbild03 .notice.warning.livestock-save-lock-hint {
    display: none !important;
}


/* v0.09q-Bild_04: Namensblock sichtbar halten, nur Zusatzfelder darin ausblenden. */
.livestock-create-v009qbild04 .livestock-name-layout {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 320px 320px !important;
    gap: 16px !important;
    width: 656px !important;
    max-width: 656px !important;
    min-width: 656px !important;
}
.livestock-create-v009qbild04 .livestock-name-layout.livestock-full-row {
    display: grid !important;
}
.livestock-create-v009qbild04 .livestock-name-layout .livestock-scientific-row {
    display: block !important;
    grid-column: 1 / 2 !important;
    width: 320px !important;
}
.livestock-create-v009qbild04 .livestock-name-layout .livestock-german-name-row {
    display: block !important;
    grid-column: 2 / 3 !important;
    width: 320px !important;
}
.livestock-create-v009qbild04 .livestock-form-grid-v009qbild04 > .livestock-name-layout {
    display: grid !important;
}
.livestock-create-v009qbild04 .livestock-form-grid-v009qbild04 > .livestock-date-three-row,
.livestock-create-v009qbild04 .livestock-form-grid-v009qbild04 > .livestock-info-block,
.livestock-create-v009qbild04 .livestock-form-grid-v009qbild04 > .livestock-observation-field,
.livestock-create-v009qbild04 .livestock-form-grid-v009qbild04 > .livestock-action-row,
.livestock-create-v009qbild04 .livestock-form-grid-v009qbild04 > .notice,
.livestock-create-v009qbild04 .livestock-form-grid-v009qbild04 > .livestock-save-lock-hint {
    display: none !important;
}
.livestock-create-v009qbild04 .livestock-name-layout > :not(.livestock-scientific-row):not(.livestock-german-name-row) {
    display: none !important;
}


/* v0.09q-Bild_05: sichtbaren oberen Block technisch neu aufgebaut, alte Formularstruktur ausgeblendet. */
.livestock-create-v009qbild05 {
    --livestock-qb05-col: 320px;
    --livestock-qb05-gap: 16px;
    --livestock-qb05-width: 656px;
}
.livestock-create-v009qbild05 .livestock-create-title-row-v009j {
    width: var(--livestock-qb05-width) !important;
    max-width: var(--livestock-qb05-width) !important;
    min-width: var(--livestock-qb05-width) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--livestock-qb05-gap);
    align-items: start;
    box-sizing: border-box;
}
.livestock-create-v009qbild05 .livestock-role-limit-hint-title-v009j {
    justify-self: end;
    text-align: right;
    max-width: 240px;
    font-size: 0.82rem;
    line-height: 1.2;
}
.livestock-create-v009qbild05 .livestock-qbild05-layout {
    width: var(--livestock-qb05-width);
    max-width: var(--livestock-qb05-width);
    min-width: var(--livestock-qb05-width);
    display: grid;
    grid-template-columns: var(--livestock-qb05-col) var(--livestock-qb05-col);
    gap: var(--livestock-qb05-gap);
    align-items: start;
    box-sizing: border-box;
}
.livestock-create-v009qbild05 .livestock-qbild05-field {
    width: var(--livestock-qb05-col);
    min-width: var(--livestock-qb05-col);
    max-width: var(--livestock-qb05-col);
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-sizing: border-box;
}
.livestock-create-v009qbild05 .livestock-qbild05-field input[type="text"],
.livestock-create-v009qbild05 .livestock-qbild05-field select,
.livestock-create-v009qbild05 .livestock-qbild05-field .aquarium-select-shell {
    width: var(--livestock-qb05-col) !important;
    min-width: var(--livestock-qb05-col) !important;
    max-width: var(--livestock-qb05-col) !important;
    box-sizing: border-box;
}
.livestock-create-v009qbild05 #livestock_surface_form {
    display: none !important;
}


/* v0.09q-Bild_06: feste Breite 500 px, Wissenschaftlicher Name 400 px mit Lexikon-Aufruf, Deutscher Name 400 px. */
.livestock-create-v009qbild06 {
    --livestock-qb06-width: 500px;
    --livestock-qb06-col: 242px;
    --livestock-qb06-gap: 16px;
    --livestock-qb06-name: 400px;
}
.livestock-create-v009qbild06 .livestock-create-title-row-v009j {
    width: var(--livestock-qb06-width) !important;
    max-width: var(--livestock-qb06-width) !important;
    min-width: var(--livestock-qb06-width) !important;
}
.livestock-create-v009qbild06 .livestock-role-limit-hint-title-v009j {
    max-width: 180px;
}
.livestock-create-v009qbild06 .livestock-qbild06-layout {
    width: var(--livestock-qb06-width) !important;
    max-width: var(--livestock-qb06-width) !important;
    min-width: var(--livestock-qb06-width) !important;
    display: grid;
    grid-template-columns: var(--livestock-qb06-col) var(--livestock-qb06-col);
    gap: var(--livestock-qb06-gap);
    align-items: start;
    box-sizing: border-box;
}
.livestock-create-v009qbild06 .livestock-qbild06-field {
    width: var(--livestock-qb06-col);
    min-width: var(--livestock-qb06-col);
    max-width: var(--livestock-qb06-col);
}
.livestock-create-v009qbild06 .livestock-qbild06-field input[type="text"],
.livestock-create-v009qbild06 .livestock-qbild06-field select,
.livestock-create-v009qbild06 .livestock-qbild06-field .aquarium-select-shell {
    width: var(--livestock-qb06-col) !important;
    min-width: var(--livestock-qb06-col) !important;
    max-width: var(--livestock-qb06-col) !important;
}
.livestock-create-v009qbild06 .livestock-qbild06-name-row {
    grid-column: 1 / -1;
    width: var(--livestock-qb06-width);
    display: grid;
    grid-template-columns: var(--livestock-qb06-name) auto;
    gap: 12px;
    align-items: end;
}
.livestock-create-v009qbild06 .livestock-qbild06-name-field {
    width: var(--livestock-qb06-name);
    min-width: var(--livestock-qb06-name);
    max-width: var(--livestock-qb06-name);
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-sizing: border-box;
}
.livestock-create-v009qbild06 .livestock-qbild06-name-field input[type="text"] {
    width: var(--livestock-qb06-name) !important;
    min-width: var(--livestock-qb06-name) !important;
    max-width: var(--livestock-qb06-name) !important;
    box-sizing: border-box;
}
.livestock-create-v009qbild06 .livestock-qbild06-lexicon {
    align-self: end;
    white-space: nowrap;
    margin-bottom: 0.45rem;
}
.livestock-create-v009qbild06 .livestock-qbild06-german-row {
    grid-column: 1 / 2;
}
.livestock-create-v009qbild06 #livestock_surface_form {
    display: none !important;
}


/* v0.09q-Bild_07: Feldüberschriften fett, Becken/Tiergruppe Auswahl 75 px, kleiner Lexikon-Link mit Hinweis. */
.livestock-create-v009qbild07 {
    --livestock-qb07-width: 500px;
    --livestock-qb07-col: 242px;
    --livestock-qb07-gap: 16px;
    --livestock-qb07-name: 400px;
    --livestock-qb07-short: 75px;
}
.livestock-create-v009qbild07 .livestock-create-title-row-v009j,
.livestock-create-v009qbild07 .livestock-qbild06-layout {
    width: var(--livestock-qb07-width) !important;
    max-width: var(--livestock-qb07-width) !important;
    min-width: var(--livestock-qb07-width) !important;
}
.livestock-create-v009qbild07 .livestock-qbild06-layout {
    grid-template-columns: var(--livestock-qb07-col) var(--livestock-qb07-col);
    gap: var(--livestock-qb07-gap);
}
.livestock-create-v009qbild07 .livestock-qbild06-layout label {
    font-weight: 700 !important;
}
.livestock-create-v009qbild07 .livestock-qbild06-field {
    width: var(--livestock-qb07-col);
    min-width: var(--livestock-qb07-col);
    max-width: var(--livestock-qb07-col);
}
.livestock-create-v009qbild07 .livestock-qbild06-field input[type="text"],
.livestock-create-v009qbild07 .livestock-qbild06-field select,
.livestock-create-v009qbild07 .livestock-qbild06-field .aquarium-select-shell {
    box-sizing: border-box;
}
.livestock-create-v009qbild07 .livestock-qbild06-field:first-child .aquarium-select-shell,
.livestock-create-v009qbild07 .livestock-qbild06-field:first-child .aquarium-select-shell select,
.livestock-create-v009qbild07 #livestock_qbild05_aquarium_id {
    width: var(--livestock-qb07-short) !important;
    min-width: var(--livestock-qb07-short) !important;
    max-width: var(--livestock-qb07-short) !important;
}
.livestock-create-v009qbild07 #livestock_qbild05_tiergruppe {
    width: var(--livestock-qb07-short) !important;
    min-width: var(--livestock-qb07-short) !important;
    max-width: var(--livestock-qb07-short) !important;
}
.livestock-create-v009qbild07 .livestock-qbild06-name-row {
    width: var(--livestock-qb07-width);
    grid-template-columns: var(--livestock-qb07-name) auto;
    gap: 12px;
    align-items: start;
}
.livestock-create-v009qbild07 .livestock-qbild06-name-field,
.livestock-create-v009qbild07 .livestock-qbild06-german-row {
    width: var(--livestock-qb07-name);
    min-width: var(--livestock-qb07-name);
    max-width: var(--livestock-qb07-name);
}
.livestock-create-v009qbild07 .livestock-qbild06-name-field input[type="text"],
.livestock-create-v009qbild07 .livestock-qbild06-german-row input[type="text"] {
    width: var(--livestock-qb07-name) !important;
    min-width: var(--livestock-qb07-name) !important;
    max-width: var(--livestock-qb07-name) !important;
}
.livestock-create-v009qbild07 .livestock-qbild07-lexicon-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-top: 1.8rem;
}
.livestock-create-v009qbild07 .livestock-qbild07-lexicon {
    font-size: 0.82rem;
    line-height: 1.1;
    white-space: nowrap;
}
.livestock-create-v009qbild07 .livestock-qbild07-lexicon-note {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.2;
    color: #4a5568;
    max-width: 78px;
}


/* v0.09q-Bild_08: sichtbare Hilfslinien und weiße Gesamtfläche auf 500 px begrenzt. */
.livestock-create-v009qbild08 {
    width: 500px !important;
    max-width: 500px !important;
    min-width: 500px !important;
    box-sizing: border-box;
    overflow: hidden;
}

/* Der große weiße Bereich ist die Card / der Content-Container. */
section.card.livestock-create-page.livestock-create-v009qbild08 {
    width: 500px !important;
    max-width: 500px !important;
    min-width: 500px !important;
    padding: 12px !important;
    box-sizing: border-box;
}

/* Inhalt innerhalb der 500-px-Card passend reduzieren. */
.livestock-create-v009qbild08 {
    --livestock-qb08-card-width: 500px;
    --livestock-qb08-inner-width: 476px;
    --livestock-qb08-gap: 16px;
    --livestock-qb08-col: 230px;
    --livestock-qb08-name: 360px;
}

.livestock-create-v009qbild08 .livestock-create-title-row-v009j,
.livestock-create-v009qbild08 .livestock-qbild06-layout {
    width: var(--livestock-qb08-inner-width) !important;
    max-width: var(--livestock-qb08-inner-width) !important;
    min-width: var(--livestock-qb08-inner-width) !important;
}

.livestock-create-v009qbild08 .livestock-qbild06-layout {
    grid-template-columns: var(--livestock-qb08-col) var(--livestock-qb08-col) !important;
    gap: var(--livestock-qb08-gap) !important;
}

.livestock-create-v009qbild08 .livestock-qbild06-field {
    width: var(--livestock-qb08-col) !important;
    min-width: var(--livestock-qb08-col) !important;
    max-width: var(--livestock-qb08-col) !important;
}

.livestock-create-v009qbild08 .livestock-qbild06-name-row {
    width: var(--livestock-qb08-inner-width) !important;
    max-width: var(--livestock-qb08-inner-width) !important;
    min-width: var(--livestock-qb08-inner-width) !important;
    grid-template-columns: var(--livestock-qb08-name) auto !important;
}

.livestock-create-v009qbild08 .livestock-qbild06-name-field,
.livestock-create-v009qbild08 .livestock-qbild06-german-row {
    width: var(--livestock-qb08-name) !important;
    min-width: var(--livestock-qb08-name) !important;
    max-width: var(--livestock-qb08-name) !important;
}

.livestock-create-v009qbild08 .livestock-qbild06-name-field input[type="text"],
.livestock-create-v009qbild08 .livestock-qbild06-german-row input[type="text"] {
    width: var(--livestock-qb08-name) !important;
    min-width: var(--livestock-qb08-name) !important;
    max-width: var(--livestock-qb08-name) !important;
}

/* Hilfslinien für Anmerkungen: äußere Begrenzung, Zeilen und senkrechte Teilung. */
.livestock-create-v009qbild08 .livestock-create-title-row-v009j,
.livestock-create-v009qbild08 .livestock-qbild06-layout,
.livestock-create-v009qbild08 .livestock-qbild06-field,
.livestock-create-v009qbild08 .livestock-qbild06-name-row,
.livestock-create-v009qbild08 .livestock-qbild06-name-field,
.livestock-create-v009qbild08 .livestock-qbild06-german-row,
.livestock-create-v009qbild08 .livestock-qbild07-lexicon-panel {
    outline: 1px dashed rgba(180, 0, 0, 0.75);
    outline-offset: 0;
}

/* Waagrechte sichtbare Linie je Zeilenblock. */
.livestock-create-v009qbild08 .livestock-create-title-row-v009j,
.livestock-create-v009qbild08 .livestock-qbild06-layout > .livestock-qbild06-field,
.livestock-create-v009qbild08 .livestock-qbild06-name-row,
.livestock-create-v009qbild08 .livestock-qbild06-german-row {
    border-top: 1px solid rgba(0, 85, 170, 0.65);
    padding-top: 6px;
}

/* Senkrechte sichtbare Trennlinie zwischen linker und rechter Spalte. */
.livestock-create-v009qbild08 .livestock-qbild06-layout {
    position: relative;
}
.livestock-create-v009qbild08 .livestock-qbild06-layout::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--livestock-qb08-col) + 8px);
    width: 1px;
    background: rgba(0, 85, 170, 0.75);
    pointer-events: none;
}

/* Senkrechte Markierung nach dem 360-px-Namensfeld. */
.livestock-create-v009qbild08 .livestock-qbild06-name-row {
    position: relative;
}
.livestock-create-v009qbild08 .livestock-qbild06-name-row::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--livestock-qb08-name);
    width: 1px;
    background: rgba(0, 85, 170, 0.75);
    pointer-events: none;
}


/* v0.09q-Bild_09: äußerer weißer Container selbst fest auf 500 px. */
section.card.livestock-create-page.livestock-create-v009qbild09,
.card.livestock-create-page.livestock-create-v009qbild09 {
    display: block !important;
    position: relative;
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    inline-size: 500px !important;
    flex: 0 0 500px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-create-v009qbild09 {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    inline-size: 500px !important;
    box-sizing: border-box !important;
}
/* Falls die Seite den Container über ein Raster oder Flex-Layout streckt, hier bewusst stoppen. */
.livestock-create-v009qbild09.grid,
.grid > .livestock-create-v009qbild09,
.cards-2 > .livestock-create-v009qbild09,
.cards-3 > .livestock-create-v009qbild09 {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    flex: 0 0 500px !important;
    justify-self: start !important;
}
/* Innerer sichtbarer Arbeitsbereich innerhalb der 500-px-Card. */
.livestock-create-v009qbild09 {
    --livestock-qb09-card-width: 500px;
    --livestock-qb09-inner-width: 476px;
    --livestock-qb09-gap: 16px;
    --livestock-qb09-col: 230px;
    --livestock-qb09-name: 360px;
}
.livestock-create-v009qbild09 .livestock-create-title-row-v009j,
.livestock-create-v009qbild09 .livestock-qbild06-layout {
    width: var(--livestock-qb09-inner-width) !important;
    min-width: var(--livestock-qb09-inner-width) !important;
    max-width: var(--livestock-qb09-inner-width) !important;
}
.livestock-create-v009qbild09 .livestock-qbild06-layout {
    grid-template-columns: var(--livestock-qb09-col) var(--livestock-qb09-col) !important;
    gap: var(--livestock-qb09-gap) !important;
}
.livestock-create-v009qbild09 .livestock-qbild06-field {
    width: var(--livestock-qb09-col) !important;
    min-width: var(--livestock-qb09-col) !important;
    max-width: var(--livestock-qb09-col) !important;
}
.livestock-create-v009qbild09 .livestock-qbild06-name-row {
    width: var(--livestock-qb09-inner-width) !important;
    min-width: var(--livestock-qb09-inner-width) !important;
    max-width: var(--livestock-qb09-inner-width) !important;
    grid-template-columns: var(--livestock-qb09-name) auto !important;
}
.livestock-create-v009qbild09 .livestock-qbild06-name-field,
.livestock-create-v009qbild09 .livestock-qbild06-german-row {
    width: var(--livestock-qb09-name) !important;
    min-width: var(--livestock-qb09-name) !important;
    max-width: var(--livestock-qb09-name) !important;
}
.livestock-create-v009qbild09 .livestock-qbild06-name-field input[type="text"],
.livestock-create-v009qbild09 .livestock-qbild06-german-row input[type="text"] {
    width: var(--livestock-qb09-name) !important;
    min-width: var(--livestock-qb09-name) !important;
    max-width: var(--livestock-qb09-name) !important;
}


/* v0.09q-Bild_10: sichtbare px-Angaben für Fenster und alle eingeblendeten Felder. */
section.card.livestock-create-page.livestock-create-v009qbild10,
.card.livestock-create-page.livestock-create-v009qbild10 {
    position: relative;
}
section.card.livestock-create-page.livestock-create-v009qbild10::before {
    content: "Gesamtfenster 500 px";
    position: absolute;
    left: 12px;
    bottom: 6px;
    font-size: 12px;
    line-height: 1;
    color: #003a9b;
    background: #fff;
    border: 1px solid #003a9b;
    padding: 2px 6px;
    z-index: 5;
}
.livestock-create-v009qbild10 .livestock-create-title-row-v009j::after {
    content: "Titelzeile 476 px";
    position: absolute;
    right: 0;
    top: -18px;
    font-size: 11px;
    color: #003a9b;
    background: #fff;
    border: 1px solid #003a9b;
    padding: 1px 5px;
}
.livestock-create-v009qbild10 .livestock-create-title-row-v009j {
    position: relative;
}
.livestock-create-v009qbild10 .livestock-qbild10-measure {
    position: relative;
}
.livestock-create-v009qbild10 .livestock-qbild10-measure::after {
    position: absolute;
    font-size: 11px;
    line-height: 1;
    color: #003a9b;
    background: #fff;
    border: 1px solid #003a9b;
    padding: 1px 5px;
    z-index: 4;
    white-space: nowrap;
}
.livestock-create-v009qbild10 .livestock-qbild10-measure-becken::after {
    content: "Block 230 px / Feld 75 px";
    left: 0;
    top: -14px;
}
.livestock-create-v009qbild10 .livestock-qbild10-measure-tiergruppe::after {
    content: "Block 230 px / Feld 75 px";
    left: 0;
    top: -14px;
}
.livestock-create-v009qbild10 .livestock-qbild10-measure-name-row::after {
    content: "Namezeile 476 px";
    left: 140px;
    top: -14px;
}
.livestock-create-v009qbild10 .livestock-qbild10-measure-wissname::after {
    content: "Feld 360 px";
    left: 130px;
    bottom: -16px;
}
.livestock-create-v009qbild10 .livestock-qbild10-measure-lexikon::after {
    content: "Bereich 104 px";
    right: 0;
    bottom: -16px;
}
.livestock-create-v009qbild10 .livestock-qbild10-measure-deutschname::after {
    content: "Feld 360 px";
    left: 130px;
    top: -14px;
}
/* Zusätzliche sichtbare Messlinien pro Feldbereich. */
.livestock-create-v009qbild10 .livestock-qbild10-measure-becken::before,
.livestock-create-v009qbild10 .livestock-qbild10-measure-tiergruppe::before,
.livestock-create-v009qbild10 .livestock-qbild10-measure-wissname::before,
.livestock-create-v009qbild10 .livestock-qbild10-measure-lexikon::before,
.livestock-create-v009qbild10 .livestock-qbild10-measure-deutschname::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    border-top: 2px solid rgba(255, 0, 140, 0.75);
    z-index: 3;
}
.livestock-create-v009qbild10 .livestock-qbild10-measure-wissname::before,
.livestock-create-v009qbild10 .livestock-qbild10-measure-lexikon::before,
.livestock-create-v009qbild10 .livestock-qbild10-measure-deutschname::before {
    top: auto;
    bottom: -6px;
}


/* v0.09q-Bild_11: deutlich sichtbare px-Angaben direkt im Layout. */
.livestock-create-v009qbild11 .livestock-qbild11-total-note {
    width: 476px;
    max-width: 476px;
    min-width: 476px;
    margin: 0 0 10px 0;
    padding: 4px 8px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    color: #003a9b;
    background: #ffffff;
    border: 2px solid #003a9b;
}
.livestock-create-v009qbild11 .livestock-qbild11-field-note {
    display: inline-block;
    margin-top: 6px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    color: #003a9b;
    background: #ffffff;
    border: 2px solid #003a9b;
    border-radius: 2px;
    vertical-align: top;
}
.livestock-create-v009qbild11 .livestock-qbild10-measure::after,
.livestock-create-v009qbild11 .livestock-create-title-row-v009j::after,
.livestock-create-v009qbild11 section.card.livestock-create-page.livestock-create-v009qbild10::before {
    display: none !important;
}
/* Bild_11 behält die Hilfslinien bei, verstärkt aber die Messnotizen. */
.livestock-create-v009qbild11 .livestock-qbild10-measure-becken::before,
.livestock-create-v009qbild11 .livestock-qbild10-measure-tiergruppe::before,
.livestock-create-v009qbild11 .livestock-qbild10-measure-wissname::before,
.livestock-create-v009qbild11 .livestock-qbild10-measure-lexikon::before,
.livestock-create-v009qbild11 .livestock-qbild10-measure-deutschname::before {
    border-top-width: 3px;
}


/* v0.09q-Bild_13: Basis Bild_11, bestehende Feldformatierung erhalten, neue feste Werte. */
section.card.livestock-create-page.livestock-create-v009qbild13,
.card.livestock-create-page.livestock-create-v009qbild13 {
    display: block !important;
    position: relative;
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
    flex: 0 0 550px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.livestock-create-v009qbild13 {
    --qb13-card: 550px;
    --qb13-inner: 526px;
    --qb13-gap: 6px;
    --qb13-block: 260px;
    --qb13-select: 250px;
    --qb13-name: 380px;
    --qb13-lex: 140px;
    --qb13-farb: 280px;
    --qb13-anzahl: 50px;
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    box-sizing: border-box !important;
}

.livestock-create-v009qbild13 .livestock-create-title-row-v009j,
.livestock-create-v009qbild13 .livestock-qbild11-total-note,
.livestock-create-v009qbild13 .livestock-qbild13-layout {
    width: var(--qb13-inner) !important;
    min-width: var(--qb13-inner) !important;
    max-width: var(--qb13-inner) !important;
    box-sizing: border-box !important;
}

.livestock-create-v009qbild13 .livestock-create-title-row-v009j {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 180px !important;
    column-gap: 8px !important;
    align-items: start !important;
}

.livestock-create-v009qbild13 .livestock-role-limit-hint-title-v009j {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    white-space: normal !important;
    text-align: right !important;
    line-height: 1.15 !important;
}

.livestock-create-v009qbild13 .livestock-qbild11-total-note {
    width: var(--qb13-inner) !important;
    margin-bottom: 10px !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-layout {
    display: grid !important;
    grid-template-columns: var(--qb13-block) var(--qb13-block) !important;
    gap: 14px var(--qb13-gap) !important;
    align-items: start !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-field {
    width: var(--qb13-block) !important;
    min-width: var(--qb13-block) !important;
    max-width: var(--qb13-block) !important;
    box-sizing: border-box !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-field .aquarium-select-shell,
.livestock-create-v009qbild13 .livestock-qbild13-field .aquarium-select-shell select,
.livestock-create-v009qbild13 .livestock-qbild13-field select {
    width: var(--qb13-select) !important;
    min-width: var(--qb13-select) !important;
    max-width: var(--qb13-select) !important;
    box-sizing: border-box !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-name-grid {
    grid-column: 1 / -1 !important;
    width: var(--qb13-inner) !important;
    min-width: var(--qb13-inner) !important;
    max-width: var(--qb13-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb13-name) var(--qb13-lex) !important;
    grid-template-rows: auto auto !important;
    gap: 10px var(--qb13-gap) !important;
    align-items: start !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-name-field {
    width: var(--qb13-name) !important;
    min-width: var(--qb13-name) !important;
    max-width: var(--qb13-name) !important;
    box-sizing: border-box !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-name-field input[type="text"] {
    width: var(--qb13-name) !important;
    min-width: var(--qb13-name) !important;
    max-width: var(--qb13-name) !important;
    box-sizing: border-box !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-lexicon-panel {
    grid-column: 2 / 3 !important;
    grid-row: 1 / span 2 !important;
    width: var(--qb13-lex) !important;
    min-width: var(--qb13-lex) !important;
    max-width: var(--qb13-lex) !important;
    align-self: stretch !important;
    padding-top: 1.55rem !important;
    box-sizing: border-box !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-farbmorphe-field {
    grid-column: 1 / 2 !important;
    width: var(--qb13-farb) !important;
    min-width: var(--qb13-farb) !important;
    max-width: var(--qb13-farb) !important;
    box-sizing: border-box !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-farbmorphe-field input[type="text"] {
    width: var(--qb13-farb) !important;
    min-width: var(--qb13-farb) !important;
    max-width: var(--qb13-farb) !important;
    box-sizing: border-box !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-anzahl-field {
    grid-column: 1 / 2 !important;
    width: var(--qb13-anzahl) !important;
    min-width: var(--qb13-anzahl) !important;
    max-width: var(--qb13-anzahl) !important;
    box-sizing: border-box !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-anzahl-field input[type="text"] {
    width: var(--qb13-anzahl) !important;
    min-width: var(--qb13-anzahl) !important;
    max-width: var(--qb13-anzahl) !important;
    box-sizing: border-box !important;
}

/* Bild_13: Hilfslinien und sichtbare px-Angaben fortführen. */
.livestock-create-v009qbild13 .livestock-qbild13-layout,
.livestock-create-v009qbild13 .livestock-qbild13-field,
.livestock-create-v009qbild13 .livestock-qbild13-name-grid,
.livestock-create-v009qbild13 .livestock-qbild13-name-field,
.livestock-create-v009qbild13 .livestock-qbild13-lexicon-panel,
.livestock-create-v009qbild13 .livestock-qbild13-farbmorphe-field,
.livestock-create-v009qbild13 .livestock-qbild13-anzahl-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    outline-offset: 0 !important;
    position: relative !important;
}

.livestock-create-v009qbild13 .livestock-qbild13-layout::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--qb13-block) + 3px);
    width: 1px;
    background: rgba(0, 85, 170, 0.75);
    pointer-events: none;
}

.livestock-create-v009qbild13 .livestock-create-title-row-v009j,
.livestock-create-v009qbild13 .livestock-qbild13-field,
.livestock-create-v009qbild13 .livestock-qbild13-name-grid,
.livestock-create-v009qbild13 .livestock-qbild13-farbmorphe-field,
.livestock-create-v009qbild13 .livestock-qbild13-anzahl-field {
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
}

.livestock-create-v009qbild13 .livestock-qbild10-measure::after,
.livestock-create-v009qbild13 .livestock-create-title-row-v009j::after {
    display: none !important;
}

.livestock-create-v009qbild13 .livestock-qbild11-field-note {
    display: inline-block !important;
    margin-top: 6px !important;
    padding: 2px 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #003a9b !important;
    background: #ffffff !important;
    border: 2px solid #003a9b !important;
    border-radius: 2px !important;
    vertical-align: top !important;
}

.livestock-create-v009qbild13 #livestock_surface_form {
    display: none !important;
}


/* v0.09q-Bild_14: Auswahllisten 250 px, Anzahl 70 px neben Farbmorphe. */
section.card.livestock-create-page.livestock-create-v009qbild14,
.card.livestock-create-page.livestock-create-v009qbild14 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild14 {
    --qb14-card: 550px;
    --qb14-inner: 526px;
    --qb14-gap: 6px;
    --qb14-block: 260px;
    --qb14-select: 250px;
    --qb14-name: 380px;
    --qb14-lex: 140px;
    --qb14-farb: 280px;
    --qb14-anzahl: 70px;
}
.livestock-create-v009qbild14 .livestock-qbild13-layout {
    width: var(--qb14-inner) !important;
    min-width: var(--qb14-inner) !important;
    max-width: var(--qb14-inner) !important;
    grid-template-columns: var(--qb14-block) var(--qb14-block) !important;
    gap: 14px var(--qb14-gap) !important;
}
.livestock-create-v009qbild14 .livestock-qbild13-field {
    width: var(--qb14-block) !important;
    min-width: var(--qb14-block) !important;
    max-width: var(--qb14-block) !important;
}
.livestock-create-v009qbild14 .livestock-qbild13-field .aquarium-select-shell,
.livestock-create-v009qbild14 .livestock-qbild13-field .aquarium-select-shell select,
.livestock-create-v009qbild14 .livestock-qbild13-field select {
    width: var(--qb14-select) !important;
    min-width: var(--qb14-select) !important;
    max-width: var(--qb14-select) !important;
}
.livestock-create-v009qbild14 .livestock-qbild13-name-grid {
    width: var(--qb14-inner) !important;
    min-width: var(--qb14-inner) !important;
    max-width: var(--qb14-inner) !important;
    grid-template-columns: var(--qb14-name) var(--qb14-lex) !important;
}
.livestock-create-v009qbild14 .livestock-qbild13-name-field {
    width: var(--qb14-name) !important;
    min-width: var(--qb14-name) !important;
    max-width: var(--qb14-name) !important;
}
.livestock-create-v009qbild14 .livestock-qbild13-name-field input[type="text"] {
    width: var(--qb14-name) !important;
    min-width: var(--qb14-name) !important;
    max-width: var(--qb14-name) !important;
}
.livestock-create-v009qbild14 .livestock-qbild13-lexicon-panel {
    width: var(--qb14-lex) !important;
    min-width: var(--qb14-lex) !important;
    max-width: var(--qb14-lex) !important;
}
.livestock-create-v009qbild14 .livestock-qbild14-farbmorphe-field {
    grid-column: 1 / 2 !important;
    width: var(--qb14-farb) !important;
    min-width: var(--qb14-farb) !important;
    max-width: var(--qb14-farb) !important;
}
.livestock-create-v009qbild14 .livestock-qbild14-farbmorphe-field input[type="text"] {
    width: var(--qb14-farb) !important;
    min-width: var(--qb14-farb) !important;
    max-width: var(--qb14-farb) !important;
}
.livestock-create-v009qbild14 .livestock-qbild14-anzahl-field {
    grid-column: 2 / 3 !important;
    align-self: start !important;
    justify-self: start !important;
    width: var(--qb14-anzahl) !important;
    min-width: var(--qb14-anzahl) !important;
    max-width: var(--qb14-anzahl) !important;
}
.livestock-create-v009qbild14 .livestock-qbild14-anzahl-field input[type="text"] {
    width: var(--qb14-anzahl) !important;
    min-width: var(--qb14-anzahl) !important;
    max-width: var(--qb14-anzahl) !important;
}
/* Hilfslinien und Notizen beibehalten */
.livestock-create-v009qbild14 .livestock-qbild13-layout,
.livestock-create-v009qbild14 .livestock-qbild13-field,
.livestock-create-v009qbild14 .livestock-qbild13-name-grid,
.livestock-create-v009qbild14 .livestock-qbild13-name-field,
.livestock-create-v009qbild14 .livestock-qbild13-lexicon-panel,
.livestock-create-v009qbild14 .livestock-qbild14-farbmorphe-field,
.livestock-create-v009qbild14 .livestock-qbild14-anzahl-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
}


/* v0.09q-Bild_15: Korrektur der tatsächlichen Auswahllistenbreite auf 250 px. */
section.card.livestock-create-page.livestock-create-v009qbild15,
.card.livestock-create-page.livestock-create-v009qbild15 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild15 {
    --qb15-select: 250px;
    --qb15-farb: 280px;
    --qb15-anzahl: 70px;
}
/* Die alten Bild_07-ID-Regeln (75 px) werden hier gezielt mit gleicher/höherer Spezifität überschrieben. */
.livestock-create-v009qbild15 #livestock_qbild05_aquarium_id,
.livestock-create-v009qbild15 .livestock-qbild13-field:first-child .aquarium-select-shell,
.livestock-create-v009qbild15 .livestock-qbild13-field:first-child .aquarium-select-shell select,
.livestock-create-v009qbild15 .livestock-qbild13-field:first-child .aquarium-color-select {
    width: var(--qb15-select) !important;
    min-width: var(--qb15-select) !important;
    max-width: var(--qb15-select) !important;
    inline-size: var(--qb15-select) !important;
    box-sizing: border-box !important;
    flex: 0 0 var(--qb15-select) !important;
}
.livestock-create-v009qbild15 #livestock_qbild05_tiergruppe,
.livestock-create-v009qbild15 .livestock-qbild13-field:nth-child(2) select {
    width: var(--qb15-select) !important;
    min-width: var(--qb15-select) !important;
    max-width: var(--qb15-select) !important;
    inline-size: var(--qb15-select) !important;
    box-sizing: border-box !important;
    flex: 0 0 var(--qb15-select) !important;
}
/* Sicherheitshalber auch die Feldblöcke selbst unverändert beibehalten. */
.livestock-create-v009qbild15 .livestock-qbild13-field {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
}
.livestock-create-v009qbild15 .livestock-qbild14-farbmorphe-field input[type="text"] {
    width: var(--qb15-farb) !important;
    min-width: var(--qb15-farb) !important;
    max-width: var(--qb15-farb) !important;
}
.livestock-create-v009qbild15 .livestock-qbild14-anzahl-field,
.livestock-create-v009qbild15 .livestock-qbild14-anzahl-field input[type="text"] {
    width: var(--qb15-anzahl) !important;
    min-width: var(--qb15-anzahl) !important;
    max-width: var(--qb15-anzahl) !important;
}


/* v0.09q-Bild_16: Auswahllisten bleiben 250 px breit, aber wieder mit normaler Select-Höhe. */
section.card.livestock-create-page.livestock-create-v009qbild16,
.card.livestock-create-page.livestock-create-v009qbild16 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}

.livestock-create-v009qbild16 {
    --qb16-select: 250px;
    --qb16-select-height: 58px;
    --qb16-farb: 280px;
    --qb16-anzahl: 70px;
}

/* Becken: tatsächliches Select-Feld 250 px breit, normale Höhe. */
.livestock-create-v009qbild16 #livestock_qbild05_aquarium_id,
.livestock-create-v009qbild16 .livestock-qbild13-field:first-child .aquarium-select-shell,
.livestock-create-v009qbild16 .livestock-qbild13-field:first-child .aquarium-select-shell select,
.livestock-create-v009qbild16 .livestock-qbild13-field:first-child .aquarium-color-select {
    width: var(--qb16-select) !important;
    min-width: var(--qb16-select) !important;
    max-width: var(--qb16-select) !important;
    inline-size: var(--qb16-select) !important;
    height: var(--qb16-select-height) !important;
    min-height: var(--qb16-select-height) !important;
    max-height: var(--qb16-select-height) !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    display: block !important;
    line-height: 1.25 !important;
    padding: 10px 12px !important;
    overflow: hidden !important;
}

/* Tiergruppe: tatsächliches Select-Feld 250 px breit, normale Höhe. */
.livestock-create-v009qbild16 #livestock_qbild05_tiergruppe,
.livestock-create-v009qbild16 .livestock-qbild13-field:nth-child(2) select {
    width: var(--qb16-select) !important;
    min-width: var(--qb16-select) !important;
    max-width: var(--qb16-select) !important;
    inline-size: var(--qb16-select) !important;
    height: var(--qb16-select-height) !important;
    min-height: var(--qb16-select-height) !important;
    max-height: var(--qb16-select-height) !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    display: block !important;
    line-height: 1.25 !important;
    padding: 10px 12px !important;
    overflow: hidden !important;
}

/* Die Feldblöcke dürfen höher sein wegen Messnotiz, aber die Auswahlliste selbst bleibt flach. */
.livestock-create-v009qbild16 .livestock-qbild13-field {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.livestock-create-v009qbild16 .livestock-qbild14-farbmorphe-field input[type="text"] {
    width: var(--qb16-farb) !important;
    min-width: var(--qb16-farb) !important;
    max-width: var(--qb16-farb) !important;
}

.livestock-create-v009qbild16 .livestock-qbild14-anzahl-field,
.livestock-create-v009qbild16 .livestock-qbild14-anzahl-field input[type="text"] {
    width: var(--qb16-anzahl) !important;
    min-width: var(--qb16-anzahl) !important;
    max-width: var(--qb16-anzahl) !important;
}


/* v0.09q-Bild_17: Becken und Tiergruppe als einfache Standard-Selects mit korrekter Höhe. */
section.card.livestock-create-page.livestock-create-v009qbild17,
.card.livestock-create-page.livestock-create-v009qbild17 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild17 {
    --qb17-select-width: 250px;
    --qb17-select-height: 56px;
}
/* Vorherige spezielle Aquarium-Select-Darstellung für Bild_17 bewusst neutralisieren. */
.livestock-create-v009qbild17 .livestock-qbild13-field .aquarium-select-shell {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.livestock-create-v009qbild17 .livestock-qbild17-simple-select,
.livestock-create-v009qbild17 #livestock_qbild05_aquarium_id,
.livestock-create-v009qbild17 #livestock_qbild05_tiergruppe {
    display: block !important;
    width: var(--qb17-select-width) !important;
    min-width: var(--qb17-select-width) !important;
    max-width: var(--qb17-select-width) !important;
    height: var(--qb17-select-height) !important;
    min-height: var(--qb17-select-height) !important;
    max-height: var(--qb17-select-height) !important;
    padding: 10px 12px !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--text) !important;
    font: inherit !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}
/* Sicherstellen, dass der Feldblock nicht künstlich hoch wird. */
.livestock-create-v009qbild17 .livestock-qbild13-field {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}
.livestock-create-v009qbild17 .livestock-qbild11-field-note {
    margin-top: 8px !important;
}


/* v0.09q-Bild_18: alle sichtbaren Felder auf feste Höhe 44 px, Info-Link wieder verknüpft. */
section.card.livestock-create-page.livestock-create-v009qbild18,
.card.livestock-create-page.livestock-create-v009qbild18 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild18 {
    --qb18-field-height: 44px;
    --qb18-select-width: 250px;
    --qb18-name-width: 380px;
    --qb18-farb-width: 280px;
    --qb18-anzahl-width: 70px;
}
/* i-Punkt wieder als Link zur Informationsseite, aber optisch wie bisher. */
.livestock-create-v009qbild18 .livestock-qbild18-info-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
/* Alle sichtbaren Auswahlfelder und Eingabefelder erhalten feste Höhe 44 px. */
.livestock-create-v009qbild18 .livestock-qbild17-simple-select,
.livestock-create-v009qbild18 #livestock_qbild05_aquarium_id,
.livestock-create-v009qbild18 #livestock_qbild05_tiergruppe,
.livestock-create-v009qbild18 #livestock_qbild06_wissenschaftlicher_name,
.livestock-create-v009qbild18 #livestock_qbild06_deutscher_name,
.livestock-create-v009qbild18 #livestock_qbild13_farbmorphe_name,
.livestock-create-v009qbild18 #livestock_qbild13_anzahl {
    height: var(--qb18-field-height) !important;
    min-height: var(--qb18-field-height) !important;
    max-height: var(--qb18-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    line-height: 1.2 !important;
}
.livestock-create-v009qbild18 .livestock-qbild17-simple-select,
.livestock-create-v009qbild18 #livestock_qbild05_aquarium_id,
.livestock-create-v009qbild18 #livestock_qbild05_tiergruppe {
    width: var(--qb18-select-width) !important;
    min-width: var(--qb18-select-width) !important;
    max-width: var(--qb18-select-width) !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    background: #fff !important;
}
.livestock-create-v009qbild18 #livestock_qbild06_wissenschaftlicher_name,
.livestock-create-v009qbild18 #livestock_qbild06_deutscher_name {
    width: var(--qb18-name-width) !important;
    min-width: var(--qb18-name-width) !important;
    max-width: var(--qb18-name-width) !important;
}
.livestock-create-v009qbild18 #livestock_qbild13_farbmorphe_name {
    width: var(--qb18-farb-width) !important;
    min-width: var(--qb18-farb-width) !important;
    max-width: var(--qb18-farb-width) !important;
}
.livestock-create-v009qbild18 #livestock_qbild13_anzahl {
    width: var(--qb18-anzahl-width) !important;
    min-width: var(--qb18-anzahl-width) !important;
    max-width: var(--qb18-anzahl-width) !important;
    text-align: left !important;
}
/* Sicherstellen, dass Wrapper die Feldhöhe nicht unnötig aufblasen. */
.livestock-create-v009qbild18 .livestock-qbild13-field,
.livestock-create-v009qbild18 .livestock-qbild13-name-field,
.livestock-create-v009qbild18 .livestock-qbild14-farbmorphe-field,
.livestock-create-v009qbild18 .livestock-qbild14-anzahl-field {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
}


/* v0.09q-Bild_19: Lexikon linksbündig mit 30 px Abstand, Farbmorphe angepasst, neue Felder. */
section.card.livestock-create-page.livestock-create-v009qbild19,
.card.livestock-create-page.livestock-create-v009qbild19 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild19 {
    --qb19-field-height: 44px;
    --qb19-select-width: 250px;
    --qb19-name-width: 380px;
    --qb19-lex-width: 116px;
    --qb19-lex-gap: 30px;
    --qb19-farb-note-width: 240px;
    --qb19-farb-input-width: 250px;
    --qb19-anzahl-width: 70px;
    --qb19-small-width: 150px;
}
.livestock-create-v009qbild19 .livestock-qbild13-name-grid {
    width: 526px !important;
    min-width: 526px !important;
    max-width: 526px !important;
    grid-template-columns: var(--qb19-name-width) var(--qb19-lex-width) !important;
    column-gap: var(--qb19-lex-gap) !important;
    row-gap: 10px !important;
}
.livestock-create-v009qbild19 .livestock-qbild13-lexicon-panel {
    width: var(--qb19-lex-width) !important;
    min-width: var(--qb19-lex-width) !important;
    max-width: var(--qb19-lex-width) !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    align-items: flex-start !important;
    justify-self: start !important;
    text-align: left !important;
}
.livestock-create-v009qbild19 .livestock-qbild13-lexicon-panel .livestock-lexicon-link,
.livestock-create-v009qbild19 .livestock-qbild13-lexicon-panel .livestock-qbild07-lexicon,
.livestock-create-v009qbild19 .livestock-qbild13-lexicon-panel a {
    display: inline-block !important;
    align-self: flex-start !important;
    text-align: left !important;
    margin-left: 0 !important;
}
.livestock-create-v009qbild19 #livestock_qbild13_farbmorphe_name {
    width: var(--qb19-farb-input-width) !important;
    min-width: var(--qb19-farb-input-width) !important;
    max-width: var(--qb19-farb-input-width) !important;
    height: var(--qb19-field-height) !important;
    min-height: var(--qb19-field-height) !important;
    max-height: var(--qb19-field-height) !important;
}
.livestock-create-v009qbild19 .livestock-qbild19-farbmorphe-field {
    width: var(--qb19-farb-input-width) !important;
    min-width: var(--qb19-farb-input-width) !important;
    max-width: var(--qb19-farb-input-width) !important;
}
.livestock-create-v009qbild19 .livestock-qbild19-anzahl-field {
    grid-column: 2 / 3 !important;
    width: var(--qb19-anzahl-width) !important;
    min-width: var(--qb19-anzahl-width) !important;
    max-width: var(--qb19-anzahl-width) !important;
    justify-self: start !important;
    align-self: start !important;
}
.livestock-create-v009qbild19 #livestock_qbild13_anzahl {
    width: var(--qb19-anzahl-width) !important;
    min-width: var(--qb19-anzahl-width) !important;
    max-width: var(--qb19-anzahl-width) !important;
    height: var(--qb19-field-height) !important;
    min-height: var(--qb19-field-height) !important;
    max-height: var(--qb19-field-height) !important;
}
.livestock-create-v009qbild19 .livestock-qbild19-small-field {
    grid-column: 1 / 2 !important;
    width: var(--qb19-small-width) !important;
    min-width: var(--qb19-small-width) !important;
    max-width: var(--qb19-small-width) !important;
    justify-self: start !important;
}
.livestock-create-v009qbild19 #livestock_qbild19_erworben_am,
.livestock-create-v009qbild19 #livestock_qbild19_im_becken_seit,
.livestock-create-v009qbild19 #livestock_qbild19_alter {
    width: var(--qb19-small-width) !important;
    min-width: var(--qb19-small-width) !important;
    max-width: var(--qb19-small-width) !important;
    height: var(--qb19-field-height) !important;
    min-height: var(--qb19-field-height) !important;
    max-height: var(--qb19-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    line-height: 1.2 !important;
}
/* Alle neuen Felder und Notizen visuell im gleichen Bild-Stil halten. */
.livestock-create-v009qbild19 .livestock-qbild19-farbmorphe-field,
.livestock-create-v009qbild19 .livestock-qbild19-anzahl-field,
.livestock-create-v009qbild19 .livestock-qbild19-small-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
}


/* v0.09q-Bild_20: Datumslogik und Datumsdesign von Beckenstart am auf erworben am und im Becken seit übernehmen. */
section.card.livestock-create-page.livestock-create-v009qbild20,
.card.livestock-create-page.livestock-create-v009qbild20 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild20 {
    --qb20-date-width: 150px;
    --qb20-field-height: 44px;
}
/* Beide Datumsfelder erhalten denselben Aufbau wie Beckenstart am / aqua_date_input_with_picker. */
.livestock-create-v009qbild20 .livestock-qbild20-date-field {
    width: var(--qb20-date-width) !important;
    min-width: var(--qb20-date-width) !important;
    max-width: var(--qb20-date-width) !important;
}
.livestock-create-v009qbild20 .livestock-qbild20-date-field .aqua-date-picker-shell {
    width: var(--qb20-date-width) !important;
    min-width: var(--qb20-date-width) !important;
    max-width: var(--qb20-date-width) !important;
    height: var(--qb20-field-height) !important;
    min-height: var(--qb20-field-height) !important;
    max-height: var(--qb20-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
}
.livestock-create-v009qbild20 .livestock-qbild20-date-field .aqua-date-picker-shell input[type="text"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: var(--qb20-field-height) !important;
    min-height: var(--qb20-field-height) !important;
    max-height: var(--qb20-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
}
.livestock-create-v009qbild20 .livestock-qbild20-date-field .aqua-date-picker-shell .calendar-icon-button {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: var(--qb20-field-height) !important;
    min-height: var(--qb20-field-height) !important;
    max-height: var(--qb20-field-height) !important;
    align-self: stretch !important;
}
/* Alter bleibt Textfeld, nur die beiden Datumsfelder übernehmen die Beckenstart-Logik. */


/* v0.09q-Bild_23: sauberer Neuaufbau ab Bild_20 mit korrekter Reihenfolge und sichtbaren Kalender-Icons. */
section.card.livestock-create-page.livestock-create-v009qbild23,
.card.livestock-create-page.livestock-create-v009qbild23 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild23 {
    --qb23-inner: 526px;
    --qb23-gap: 8px;
    --qb23-field-height: 44px;
    --qb23-farb-width: 250px;
    --qb23-anzahl-width: 70px;
    --qb23-date-width: 150px;
    --qb23-date-input-width: 110px;
    --qb23-date-icon-width: 40px;
    --qb23-metric-width: 100px;
}
.livestock-create-v009qbild23 .livestock-qbild13-layout {
    grid-template-columns: 260px 260px !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-row {
    grid-column: 1 / -1 !important;
    width: var(--qb23-inner) !important;
    min-width: var(--qb23-inner) !important;
    max-width: var(--qb23-inner) !important;
    display: grid !important;
    column-gap: var(--qb23-gap) !important;
    row-gap: 0 !important;
    align-items: start !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-row-primary {
    grid-template-columns: var(--qb23-farb-width) var(--qb23-anzahl-width) 1fr !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-row-secondary {
    grid-template-columns: var(--qb23-date-width) var(--qb23-date-width) var(--qb23-date-width) !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-row-tertiary,
.livestock-create-v009qbild23 .livestock-qbild23-row-quaternary {
    grid-template-columns: var(--qb23-metric-width) 1fr !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-farbmorphe-field {
    width: var(--qb23-farb-width) !important;
    min-width: var(--qb23-farb-width) !important;
    max-width: var(--qb23-farb-width) !important;
}
.livestock-create-v009qbild23 #livestock_qbild13_farbmorphe_name {
    width: var(--qb23-farb-width) !important;
    min-width: var(--qb23-farb-width) !important;
    max-width: var(--qb23-farb-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-anzahl-field {
    width: var(--qb23-anzahl-width) !important;
    min-width: var(--qb23-anzahl-width) !important;
    max-width: var(--qb23-anzahl-width) !important;
}
.livestock-create-v009qbild23 #livestock_qbild13_anzahl {
    width: var(--qb23-anzahl-width) !important;
    min-width: var(--qb23-anzahl-width) !important;
    max-width: var(--qb23-anzahl-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-date-field,
.livestock-create-v009qbild23 .livestock-qbild23-alter-field {
    width: var(--qb23-date-width) !important;
    min-width: var(--qb23-date-width) !important;
    max-width: var(--qb23-date-width) !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-date-field .aqua-date-picker-shell {
    width: var(--qb23-date-width) !important;
    min-width: var(--qb23-date-width) !important;
    max-width: var(--qb23-date-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-date-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 var(--qb23-date-input-width) !important;
    width: var(--qb23-date-input-width) !important;
    min-width: var(--qb23-date-input-width) !important;
    max-width: var(--qb23-date-input-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-date-field .aqua-date-picker-shell .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--qb23-date-icon-width) !important;
    width: var(--qb23-date-icon-width) !important;
    min-width: var(--qb23-date-icon-width) !important;
    max-width: var(--qb23-date-icon-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild23 #livestock_qbild19_alter {
    width: var(--qb23-date-width) !important;
    min-width: var(--qb23-date-width) !important;
    max-width: var(--qb23-date-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-metric-field {
    width: var(--qb23-metric-width) !important;
    min-width: var(--qb23-metric-width) !important;
    max-width: var(--qb23-metric-width) !important;
}
.livestock-create-v009qbild23 .livestock-qbild23-metric-field label {
    display: block !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}
.livestock-create-v009qbild23 #livestock_qbild23_groesse_kaufdatum_1,
.livestock-create-v009qbild23 #livestock_qbild23_kaufpreis_tier_1 {
    width: var(--qb23-metric-width) !important;
    min-width: var(--qb23-metric-width) !important;
    max-width: var(--qb23-metric-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
}
.livestock-create-v009qbild23 #livestock_qbild23_groesse_kaufdatum_1::placeholder,
.livestock-create-v009qbild23 #livestock_qbild23_kaufpreis_tier_1::placeholder {
    text-align: right !important;
}


/* v0.09q-Bild_24: Anzahl an Ausgangsposition, darunter erworben am / im Becken seit / Alter. */
section.card.livestock-create-page.livestock-create-v009qbild24,
.card.livestock-create-page.livestock-create-v009qbild24 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild24 {
    --qb24-inner: 526px;
    --qb24-gap: 8px;
    --qb24-field-height: 44px;
    --qb24-farb-width: 250px;
    --qb24-right-width: 150px;
    --qb24-anzahl-width: 70px;
    --qb24-date-width: 150px;
    --qb24-date-input-width: 110px;
    --qb24-date-icon-width: 40px;
    --qb24-metric-width: 100px;
}
.livestock-create-v009qbild24 .livestock-qbild24-layout {
    grid-column: 1 / -1 !important;
    width: var(--qb24-inner) !important;
    min-width: var(--qb24-inner) !important;
    max-width: var(--qb24-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb24-farb-width) var(--qb24-right-width) 1fr !important;
    column-gap: var(--qb24-gap) !important;
    align-items: start !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-left-column,
.livestock-create-v009qbild24 .livestock-qbild24-right-stack {
    display: grid !important;
    row-gap: 12px !important;
    align-content: start !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-left-column {
    grid-column: 1 / 2 !important;
    grid-template-columns: var(--qb24-farb-width) !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-right-stack {
    grid-column: 2 / 3 !important;
    grid-template-columns: var(--qb24-right-width) !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-farbmorphe-field {
    width: var(--qb24-farb-width) !important;
    min-width: var(--qb24-farb-width) !important;
    max-width: var(--qb24-farb-width) !important;
}
.livestock-create-v009qbild24 #livestock_qbild13_farbmorphe_name {
    width: var(--qb24-farb-width) !important;
    min-width: var(--qb24-farb-width) !important;
    max-width: var(--qb24-farb-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-anzahl-field {
    width: var(--qb24-anzahl-width) !important;
    min-width: var(--qb24-anzahl-width) !important;
    max-width: var(--qb24-anzahl-width) !important;
}
.livestock-create-v009qbild24 #livestock_qbild13_anzahl {
    width: var(--qb24-anzahl-width) !important;
    min-width: var(--qb24-anzahl-width) !important;
    max-width: var(--qb24-anzahl-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-date-field,
.livestock-create-v009qbild24 .livestock-qbild24-alter-field {
    width: var(--qb24-date-width) !important;
    min-width: var(--qb24-date-width) !important;
    max-width: var(--qb24-date-width) !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-date-field .aqua-date-picker-shell {
    width: var(--qb24-date-width) !important;
    min-width: var(--qb24-date-width) !important;
    max-width: var(--qb24-date-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-date-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 var(--qb24-date-input-width) !important;
    width: var(--qb24-date-input-width) !important;
    min-width: var(--qb24-date-input-width) !important;
    max-width: var(--qb24-date-input-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-date-field .aqua-date-picker-shell .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--qb24-date-icon-width) !important;
    width: var(--qb24-date-icon-width) !important;
    min-width: var(--qb24-date-icon-width) !important;
    max-width: var(--qb24-date-icon-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild24 #livestock_qbild19_alter {
    width: var(--qb24-date-width) !important;
    min-width: var(--qb24-date-width) !important;
    max-width: var(--qb24-date-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-metric-field {
    width: var(--qb24-metric-width) !important;
    min-width: var(--qb24-metric-width) !important;
    max-width: var(--qb24-metric-width) !important;
}
.livestock-create-v009qbild24 .livestock-qbild24-metric-field label {
    display: block !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}
.livestock-create-v009qbild24 #livestock_qbild23_groesse_kaufdatum_1,
.livestock-create-v009qbild24 #livestock_qbild23_kaufpreis_tier_1 {
    width: var(--qb24-metric-width) !important;
    min-width: var(--qb24-metric-width) !important;
    max-width: var(--qb24-metric-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
}
.livestock-create-v009qbild24 #livestock_qbild23_groesse_kaufdatum_1::placeholder,
.livestock-create-v009qbild24 #livestock_qbild23_kaufpreis_tier_1::placeholder {
    text-align: right !important;
}


/* v0.09q-Bild_26: Anzahl exakt an Position aus Bild_24; linke Reihenfolge angepasst. */
section.card.livestock-create-page.livestock-create-v009qbild26,
.card.livestock-create-page.livestock-create-v009qbild26 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild26 {
    --qb26-inner: 526px;
    --qb26-gap: 8px;
    --qb26-field-height: 44px;
    --qb26-left-width: 250px;
    --qb26-right-width: 150px;
    --qb26-anzahl-width: 70px;
    --qb26-date-width: 150px;
    --qb26-date-input-width: 110px;
    --qb26-date-icon-width: 40px;
    --qb26-metric-width: 100px;
}
.livestock-create-v009qbild26 .livestock-qbild26-layout {
    grid-column: 1 / -1 !important;
    width: var(--qb26-inner) !important;
    min-width: var(--qb26-inner) !important;
    max-width: var(--qb26-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb26-left-width) var(--qb26-right-width) 1fr !important;
    column-gap: var(--qb26-gap) !important;
    align-items: start !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-left-stack,
.livestock-create-v009qbild26 .livestock-qbild26-right-stack {
    display: grid !important;
    row-gap: 12px !important;
    align-content: start !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-left-stack {
    grid-column: 1 / 2 !important;
    grid-template-columns: var(--qb26-left-width) !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-right-stack {
    grid-column: 2 / 3 !important;
    grid-template-columns: var(--qb26-right-width) !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-farbmorphe-field {
    width: var(--qb26-left-width) !important;
    min-width: var(--qb26-left-width) !important;
    max-width: var(--qb26-left-width) !important;
}
.livestock-create-v009qbild26 #livestock_qbild13_farbmorphe_name {
    width: var(--qb26-left-width) !important;
    min-width: var(--qb26-left-width) !important;
    max-width: var(--qb26-left-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
/* Anzahl exakt wie in Bild_24 im rechten oberen Stapel. */
.livestock-create-v009qbild26 .livestock-qbild26-anzahl-field {
    width: var(--qb26-anzahl-width) !important;
    min-width: var(--qb26-anzahl-width) !important;
    max-width: var(--qb26-anzahl-width) !important;
}
.livestock-create-v009qbild26 #livestock_qbild13_anzahl {
    width: var(--qb26-anzahl-width) !important;
    min-width: var(--qb26-anzahl-width) !important;
    max-width: var(--qb26-anzahl-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-date-field,
.livestock-create-v009qbild26 .livestock-qbild26-alter-field {
    width: var(--qb26-date-width) !important;
    min-width: var(--qb26-date-width) !important;
    max-width: var(--qb26-date-width) !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-date-field .aqua-date-picker-shell {
    width: var(--qb26-date-width) !important;
    min-width: var(--qb26-date-width) !important;
    max-width: var(--qb26-date-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-date-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 var(--qb26-date-input-width) !important;
    width: var(--qb26-date-input-width) !important;
    min-width: var(--qb26-date-input-width) !important;
    max-width: var(--qb26-date-input-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-date-field .aqua-date-picker-shell .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--qb26-date-icon-width) !important;
    width: var(--qb26-date-icon-width) !important;
    min-width: var(--qb26-date-icon-width) !important;
    max-width: var(--qb26-date-icon-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild26 #livestock_qbild19_alter {
    width: var(--qb26-date-width) !important;
    min-width: var(--qb26-date-width) !important;
    max-width: var(--qb26-date-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-metric-field {
    width: var(--qb26-metric-width) !important;
    min-width: var(--qb26-metric-width) !important;
    max-width: var(--qb26-metric-width) !important;
}
.livestock-create-v009qbild26 .livestock-qbild26-metric-field label {
    display: block !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}
.livestock-create-v009qbild26 #livestock_qbild23_groesse_kaufdatum_1,
.livestock-create-v009qbild26 #livestock_qbild23_kaufpreis_tier_1 {
    width: var(--qb26-metric-width) !important;
    min-width: var(--qb26-metric-width) !important;
    max-width: var(--qb26-metric-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
}
.livestock-create-v009qbild26 #livestock_qbild23_groesse_kaufdatum_1::placeholder,
.livestock-create-v009qbild26 #livestock_qbild23_kaufpreis_tier_1::placeholder {
    text-align: right !important;
}


/* v0.09r: vollständige Version auf Basis v0.09q-Bild_26.
   Bild-Hilfslinien und px-Angaben bleiben gemäß Auftrag sichtbar. */
section.card.livestock-create-page.livestock-create-v009r,
.card.livestock-create-page.livestock-create-v009r {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}


/* v0.09r-Bild_27: Unter Farbmorphe/Anzahl folgt eine neue 3-Spalten-Zeile 160/160/150 px. */
section.card.livestock-create-page.livestock-create-v009qbild27,
.card.livestock-create-page.livestock-create-v009qbild27 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild27 {
    --qb27-inner: 526px;
    --qb27-gap: 8px;
    --qb27-row-gap: 14px;
    --qb27-field-height: 44px;
    --qb27-farbmorphe-width: 250px;
    --qb27-anzahl-width: 70px;
    --qb27-date-left-width: 160px;
    --qb27-date-middle-width: 160px;
    --qb27-date-input-width: 120px;
    --qb27-date-icon-width: 40px;
    --qb27-alter-width: 150px;
    --qb27-metric-width: 100px;
}
.livestock-create-v009qbild27 .livestock-qbild27-layout {
    grid-column: 1 / -1 !important;
    width: var(--qb27-inner) !important;
    min-width: var(--qb27-inner) !important;
    max-width: var(--qb27-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb27-inner) !important;
    row-gap: var(--qb27-row-gap) !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-top-row,
.livestock-create-v009qbild27 .livestock-qbild27-three-row,
.livestock-create-v009qbild27 .livestock-qbild27-metric-stack {
    display: grid !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-top-row {
    grid-template-columns: var(--qb27-farbmorphe-width) var(--qb27-anzahl-width) !important;
    column-gap: calc(var(--qb27-gap) * 2) !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-three-row {
    grid-template-columns: var(--qb27-date-left-width) var(--qb27-date-middle-width) var(--qb27-alter-width) !important;
    column-gap: var(--qb27-gap) !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-metric-stack {
    grid-template-columns: var(--qb27-metric-width) !important;
    row-gap: 12px !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    outline-offset: 0 !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-farbmorphe-field {
    width: var(--qb27-farbmorphe-width) !important;
    min-width: var(--qb27-farbmorphe-width) !important;
    max-width: var(--qb27-farbmorphe-width) !important;
}
.livestock-create-v009qbild27 #livestock_qbild13_farbmorphe_name {
    width: var(--qb27-farbmorphe-width) !important;
    min-width: var(--qb27-farbmorphe-width) !important;
    max-width: var(--qb27-farbmorphe-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-anzahl-field {
    width: var(--qb27-anzahl-width) !important;
    min-width: var(--qb27-anzahl-width) !important;
    max-width: var(--qb27-anzahl-width) !important;
}
.livestock-create-v009qbild27 #livestock_qbild13_anzahl {
    width: var(--qb27-anzahl-width) !important;
    min-width: var(--qb27-anzahl-width) !important;
    max-width: var(--qb27-anzahl-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-date-left-field {
    width: var(--qb27-date-left-width) !important;
    min-width: var(--qb27-date-left-width) !important;
    max-width: var(--qb27-date-left-width) !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-date-middle-field {
    width: var(--qb27-date-middle-width) !important;
    min-width: var(--qb27-date-middle-width) !important;
    max-width: var(--qb27-date-middle-width) !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-create-v009qbild27 .livestock-qbild27-date-middle-field .aqua-date-picker-shell {
    width: var(--qb27-date-left-width) !important;
    min-width: var(--qb27-date-left-width) !important;
    max-width: var(--qb27-date-left-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-create-v009qbild27 .livestock-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 var(--qb27-date-input-width) !important;
    width: var(--qb27-date-input-width) !important;
    min-width: var(--qb27-date-input-width) !important;
    max-width: var(--qb27-date-input-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-create-v009qbild27 .livestock-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--qb27-date-icon-width) !important;
    width: var(--qb27-date-icon-width) !important;
    min-width: var(--qb27-date-icon-width) !important;
    max-width: var(--qb27-date-icon-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-alter-field {
    width: var(--qb27-alter-width) !important;
    min-width: var(--qb27-alter-width) !important;
    max-width: var(--qb27-alter-width) !important;
}
.livestock-create-v009qbild27 #livestock_qbild19_alter {
    width: var(--qb27-alter-width) !important;
    min-width: var(--qb27-alter-width) !important;
    max-width: var(--qb27-alter-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-metric-field {
    width: var(--qb27-metric-width) !important;
    min-width: var(--qb27-metric-width) !important;
    max-width: var(--qb27-metric-width) !important;
}
.livestock-create-v009qbild27 .livestock-qbild27-metric-field label {
    display: block !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}
.livestock-create-v009qbild27 #livestock_qbild23_groesse_kaufdatum_1,
.livestock-create-v009qbild27 #livestock_qbild23_kaufpreis_tier_1 {
    width: var(--qb27-metric-width) !important;
    min-width: var(--qb27-metric-width) !important;
    max-width: var(--qb27-metric-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
}
.livestock-create-v009qbild27 #livestock_qbild23_groesse_kaufdatum_1::placeholder,
.livestock-create-v009qbild27 #livestock_qbild23_kaufpreis_tier_1::placeholder {
    text-align: right !important;
}


/* v0.09r-Bild_28: nach Bild_27 wieder 2-spaltig weiter, Größe/Kaufpreis im gemeinsamen Rahmen, danach zusätzliche 250-px-Felder. */
section.card.livestock-create-page.livestock-create-v009qbild28,
.card.livestock-create-page.livestock-create-v009qbild28 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild28 {
    --qb28-inner: 526px;
    --qb28-gap: 8px;
    --qb28-row-gap: 14px;
    --qb28-field-height: 44px;
    --qb28-farbmorphe-width: 250px;
    --qb28-anzahl-width: 70px;
    --qb28-date-left-width: 160px;
    --qb28-date-middle-width: 160px;
    --qb28-date-input-width: 120px;
    --qb28-date-icon-width: 40px;
    --qb28-alter-width: 150px;
    --qb28-metric-width: 115px;
    --qb28-metric-group-gap: 8px;
    --qb28-single-width: 250px;
}
.livestock-create-v009qbild28 .livestock-qbild28-layout {
    grid-column: 1 / -1 !important;
    width: var(--qb28-inner) !important;
    min-width: var(--qb28-inner) !important;
    max-width: var(--qb28-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb28-inner) !important;
    row-gap: var(--qb28-row-gap) !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-top-row,
.livestock-create-v009qbild28 .livestock-qbild28-three-row {
    display: grid !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-top-row {
    grid-template-columns: var(--qb28-farbmorphe-width) var(--qb28-anzahl-width) !important;
    column-gap: calc(var(--qb28-gap) * 2) !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-three-row {
    grid-template-columns: var(--qb28-date-left-width) var(--qb28-date-middle-width) var(--qb28-alter-width) !important;
    column-gap: var(--qb28-gap) !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    outline-offset: 0 !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-farbmorphe-field {
    width: var(--qb28-farbmorphe-width) !important;
    min-width: var(--qb28-farbmorphe-width) !important;
    max-width: var(--qb28-farbmorphe-width) !important;
}
.livestock-create-v009qbild28 #livestock_qbild13_farbmorphe_name {
    width: var(--qb28-farbmorphe-width) !important;
    min-width: var(--qb28-farbmorphe-width) !important;
    max-width: var(--qb28-farbmorphe-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-anzahl-field {
    width: var(--qb28-anzahl-width) !important;
    min-width: var(--qb28-anzahl-width) !important;
    max-width: var(--qb28-anzahl-width) !important;
}
.livestock-create-v009qbild28 #livestock_qbild13_anzahl {
    width: var(--qb28-anzahl-width) !important;
    min-width: var(--qb28-anzahl-width) !important;
    max-width: var(--qb28-anzahl-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-date-left-field {
    width: var(--qb28-date-left-width) !important;
    min-width: var(--qb28-date-left-width) !important;
    max-width: var(--qb28-date-left-width) !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-date-middle-field {
    width: var(--qb28-date-middle-width) !important;
    min-width: var(--qb28-date-middle-width) !important;
    max-width: var(--qb28-date-middle-width) !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-date-left-field .aqua-date-picker-shell,
.livestock-create-v009qbild28 .livestock-qbild28-date-middle-field .aqua-date-picker-shell {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-create-v009qbild28 .livestock-qbild28-date-middle-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 var(--qb28-date-input-width) !important;
    width: var(--qb28-date-input-width) !important;
    min-width: var(--qb28-date-input-width) !important;
    max-width: var(--qb28-date-input-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-create-v009qbild28 .livestock-qbild28-date-middle-field .aqua-date-picker-shell .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--qb28-date-icon-width) !important;
    width: var(--qb28-date-icon-width) !important;
    min-width: var(--qb28-date-icon-width) !important;
    max-width: var(--qb28-date-icon-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-alter-field {
    width: var(--qb28-alter-width) !important;
    min-width: var(--qb28-alter-width) !important;
    max-width: var(--qb28-alter-width) !important;
}
.livestock-create-v009qbild28 #livestock_qbild19_alter {
    width: var(--qb28-alter-width) !important;
    min-width: var(--qb28-alter-width) !important;
    max-width: var(--qb28-alter-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-pair-frame {
    width: calc((var(--qb28-metric-width) * 2) + var(--qb28-metric-group-gap) + 12px) !important;
    min-width: calc((var(--qb28-metric-width) * 2) + var(--qb28-metric-group-gap) + 12px) !important;
    max-width: calc((var(--qb28-metric-width) * 2) + var(--qb28-metric-group-gap) + 12px) !important;
    display: grid !important;
    grid-template-columns: var(--qb28-metric-width) var(--qb28-metric-width) !important;
    column-gap: var(--qb28-metric-group-gap) !important;
    padding: 6px !important;
    border: 2px solid rgba(0, 85, 170, 0.35) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    background: rgba(245, 249, 255, 0.45) !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-metric-field {
    width: var(--qb28-metric-width) !important;
    min-width: var(--qb28-metric-width) !important;
    max-width: var(--qb28-metric-width) !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-metric-field label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    min-height: 32px !important;
}
.livestock-create-v009qbild28 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-create-v009qbild28 #livestock_qbild28_kaufpreis_tier_1 {
    width: var(--qb28-metric-width) !important;
    min-width: var(--qb28-metric-width) !important;
    max-width: var(--qb28-metric-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
    text-align: left !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-single-field {
    width: var(--qb28-single-width) !important;
    min-width: var(--qb28-single-width) !important;
    max-width: var(--qb28-single-width) !important;
}
.livestock-create-v009qbild28 #livestock_qbild28_stock,
.livestock-create-v009qbild28 #livestock_qbild28_anzahl_polypen,
.livestock-create-v009qbild28 #livestock_qbild28_nachzucht,
.livestock-create-v009qbild28 #livestock_qbild28_zuechter_name {
    width: var(--qb28-single-width) !important;
    min-width: var(--qb28-single-width) !important;
    max-width: var(--qb28-single-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    text-align: left !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-nachzucht-field select {
    appearance: auto !important;
}


/* Korrektur Bild_28: die 3-spaltige Zeile aus Bild_27 bleibt erhalten; ab Größe/Kaufpreis geht es sichtbar wieder 2-spaltig weiter. */
.livestock-create-v009qbild28 .livestock-qbild28-layout {
    grid-column: 1 / -1 !important;
    width: var(--qb27-inner) !important;
    min-width: var(--qb27-inner) !important;
    max-width: var(--qb27-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb27-inner) !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-two-column-note {
    color: rgba(0, 85, 170, 0.95) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    padding-left: 2px !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-pair-frame {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 2px solid rgba(0, 85, 170, 0.38) !important;
    border-radius: 10px !important;
    background: rgba(245, 249, 255, 0.55) !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-followup-stack {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 250px !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-single-field {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild28 .livestock-qbild28-metric-field label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    min-height: 32px !important;
}
.livestock-create-v009qbild28 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-create-v009qbild28 #livestock_qbild28_kaufpreis_tier_1 {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
    text-align: left !important;
}
.livestock-create-v009qbild28 #livestock_qbild28_stock,
.livestock-create-v009qbild28 #livestock_qbild28_anzahl_polypen,
.livestock-create-v009qbild28 #livestock_qbild28_nachzucht,
.livestock-create-v009qbild28 #livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    text-align: left !important;
}


/* Bild_28-Hardfix: Breiten direkt an den Bild-28-Klassen/IDs setzen, ohne Abhängigkeit von der Elternklasse. */
.livestock-qbild28-layout {
    grid-column: 1 / -1 !important;
    width: 526px !important;
    min-width: 526px !important;
    max-width: 526px !important;
    display: grid !important;
    grid-template-columns: 526px !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
    justify-items: start !important;
    box-sizing: border-box !important;
}
.livestock-qbild28-layout .livestock-qbild27-top-row {
    display: grid !important;
    grid-template-columns: 250px 70px !important;
    column-gap: 16px !important;
    align-items: start !important;
    justify-items: start !important;
    width: 336px !important;
    min-width: 336px !important;
    max-width: 336px !important;
}
.livestock-qbild28-layout .livestock-qbild27-three-row {
    display: grid !important;
    grid-template-columns: 160px 160px 150px !important;
    column-gap: 8px !important;
    align-items: start !important;
    justify-items: start !important;
    width: 486px !important;
    min-width: 486px !important;
    max-width: 486px !important;
}
.livestock-qbild28-layout .livestock-qbild27-field,
.livestock-qbild28-layout .livestock-qbild28-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    outline-offset: 0 !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    justify-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}
.livestock-qbild28-layout .livestock-qbild27-farbmorphe-field,
#livestock_qbild13_farbmorphe_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
.livestock-qbild28-layout .livestock-qbild27-anzahl-field,
#livestock_qbild13_anzahl {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
}
#livestock_qbild13_farbmorphe_name,
#livestock_qbild13_anzahl,
#livestock_qbild19_alter,
#livestock_qbild28_groesse_kaufdatum_1,
#livestock_qbild28_kaufpreis_tier_1,
#livestock_qbild28_stock,
#livestock_qbild28_anzahl_polypen,
#livestock_qbild28_nachzucht,
#livestock_qbild28_zuechter_name {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
}
.livestock-qbild28-layout .livestock-qbild27-date-left-field,
.livestock-qbild28-layout .livestock-qbild27-date-middle-field {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}
.livestock-qbild28-layout .livestock-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-qbild28-layout .livestock-qbild27-date-middle-field .aqua-date-picker-shell {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-qbild28-layout .livestock-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-qbild28-layout .livestock-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
    padding: 8px !important;
}
.livestock-qbild28-layout .livestock-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-qbild28-layout .livestock-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
.livestock-qbild28-layout .livestock-qbild27-alter-field,
#livestock_qbild19_alter {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
}
.livestock-qbild28-two-column-note {
    color: rgba(0, 85, 170, 0.95) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    padding-left: 2px !important;
    justify-self: start !important;
}
.livestock-qbild28-pair-frame {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 2px solid rgba(0, 85, 170, 0.38) !important;
    border-radius: 10px !important;
    background: rgba(245, 249, 255, 0.55) !important;
    box-sizing: border-box !important;
    justify-self: start !important;
}
.livestock-qbild28-metric-field {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
}
.livestock-qbild28-metric-field label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    min-height: 32px !important;
}
#livestock_qbild28_groesse_kaufdatum_1,
#livestock_qbild28_kaufpreis_tier_1 {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    padding: 8px 10px !important;
    text-align: left !important;
}
.livestock-qbild28-followup-stack,
.livestock-qbild28-single-field,
#livestock_qbild28_stock,
#livestock_qbild28_anzahl_polypen,
#livestock_qbild28_nachzucht,
#livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
.livestock-qbild28-followup-stack {
    display: grid !important;
    grid-template-columns: 250px !important;
    row-gap: 14px !important;
    align-items: start !important;
    justify-items: start !important;
    justify-self: start !important;
}
#livestock_qbild28_stock,
#livestock_qbild28_anzahl_polypen,
#livestock_qbild28_nachzucht,
#livestock_qbild28_zuechter_name {
    padding: 8px 12px !important;
    text-align: left !important;
}


/* Bild_29 - Hardfix: tatsächliche Breiten der neuen Felder werden zusätzlich mit höchster Spezifität gesetzt. */
section.card.livestock-create-page.livestock-create-v009qbild29,
.card.livestock-create-page.livestock-create-v009qbild29 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild29 #livestock_qbild13_farbmorphe_name { width:250px !important; min-width:250px !important; max-width:250px !important; inline-size:250px !important; }
.livestock-create-v009qbild29 #livestock_qbild13_anzahl { width:70px !important; min-width:70px !important; max-width:70px !important; inline-size:70px !important; }
.livestock-create-v009qbild29 #livestock_qbild19_alter { width:150px !important; min-width:150px !important; max-width:150px !important; inline-size:150px !important; }
.livestock-create-v009qbild29 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-create-v009qbild29 #livestock_qbild28_kaufpreis_tier_1 { width:115px !important; min-width:115px !important; max-width:115px !important; inline-size:115px !important; }
.livestock-create-v009qbild29 #livestock_qbild28_stock,
.livestock-create-v009qbild29 #livestock_qbild28_anzahl_polypen,
.livestock-create-v009qbild29 #livestock_qbild28_nachzucht,
.livestock-create-v009qbild29 #livestock_qbild28_zuechter_name { width:250px !important; min-width:250px !important; max-width:250px !important; inline-size:250px !important; }
.livestock-create-v009qbild29 .livestock-qbild29-pair-frame { width:250px !important; min-width:250px !important; max-width:250px !important; grid-template-columns:115px 115px !important; }
.livestock-create-v009qbild29 .livestock-qbild29-followup-stack { width:250px !important; min-width:250px !important; max-width:250px !important; grid-template-columns:250px !important; }
.livestock-create-v009qbild29 .livestock-qbild27-top-row { width:336px !important; grid-template-columns:250px 70px !important; }
.livestock-create-v009qbild29 .livestock-qbild27-three-row { width:486px !important; grid-template-columns:160px 160px 150px !important; }
.livestock-create-v009qbild29 .livestock-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-create-v009qbild29 .livestock-qbild27-date-middle-field .aqua-date-picker-shell { width:160px !important; min-width:160px !important; max-width:160px !important; }
.livestock-create-v009qbild29 .livestock-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-create-v009qbild29 .livestock-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"] { width:120px !important; min-width:120px !important; max-width:120px !important; }
.livestock-create-v009qbild29 .livestock-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-create-v009qbild29 .livestock-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button { width:40px !important; min-width:40px !important; max-width:40px !important; }


/* Bild_30 - Rahmenstärke und zweispaltige Folgefelder korrigiert. */
section.card.livestock-create-page.livestock-create-v009qbild30,
.card.livestock-create-page.livestock-create-v009qbild30 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild30 .livestock-qbild30-pair-frame {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    border: 4px solid rgba(0, 85, 170, 0.55) !important;
    background: #efefef !important;
}
.livestock-create-v009qbild30 .livestock-qbild30-followup-grid {
    width: 508px !important;
    min-width: 508px !important;
    max-width: 508px !important;
    display: grid !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 8px !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
}
.livestock-create-v009qbild30 #livestock_qbild28_stock,
.livestock-create-v009qbild30 #livestock_qbild28_anzahl_polypen,
.livestock-create-v009qbild30 #livestock_qbild28_nachzucht,
.livestock-create-v009qbild30 #livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    inline-size: 250px !important;
}


/* Bild_31 - Feldregeln und Formate präzisiert. */
section.card.livestock-create-page.livestock-create-v009qbild31,
.card.livestock-create-page.livestock-create-v009qbild31 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild31 .livestock-qbild27-three-row {
    width: 516px !important;
    grid-template-columns: 175px 175px 150px !important;
}
.livestock-create-v009qbild31 .livestock-qbild27-date-left-field,
.livestock-create-v009qbild31 .livestock-qbild27-date-middle-field {
    width: 175px !important;
    min-width: 175px !important;
    max-width: 175px !important;
}
.livestock-create-v009qbild31 .livestock-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-create-v009qbild31 .livestock-qbild27-date-middle-field .aqua-date-picker-shell {
    width: 175px !important;
    min-width: 175px !important;
    max-width: 175px !important;
}
.livestock-create-v009qbild31 .livestock-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-create-v009qbild31 .livestock-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"] {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
}
.livestock-create-v009qbild31 .livestock-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-create-v009qbild31 .livestock-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}
.livestock-create-v009qbild31 #livestock_qbild13_anzahl {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: right !important;
}
.livestock-create-v009qbild31 #livestock_qbild19_alter {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
}
.livestock-create-v009qbild31 #livestock_qbild28_anzahl_polypen {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    text-align: right !important;
}
.livestock-create-v009qbild31 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-create-v009qbild31 #livestock_qbild28_kaufpreis_tier_1 {
    text-align: right !important;
}


/* Bild_32 - Tiergruppen-Infotext, Beobachtungsfeld und Datumsbreiten ergänzt. */
section.card.livestock-create-page.livestock-create-v009qbild32,
.card.livestock-create-page.livestock-create-v009qbild32 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild32 .livestock-qbild27-three-row {
    width: 486px !important;
    grid-template-columns: 160px 160px 150px !important;
}
.livestock-create-v009qbild32 .livestock-qbild27-date-left-field,
.livestock-create-v009qbild32 .livestock-qbild27-date-middle-field {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}
.livestock-create-v009qbild32 .livestock-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-create-v009qbild32 .livestock-qbild27-date-middle-field .aqua-date-picker-shell,
.livestock-create-v009qbild32 .livestock-date-three-row .livestock-date-shell {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}
.livestock-create-v009qbild32 .livestock-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-create-v009qbild32 .livestock-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"],
.livestock-create-v009qbild32 .livestock-date-three-row .livestock-date-shell input[type="text"] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}
.livestock-create-v009qbild32 .livestock-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-create-v009qbild32 .livestock-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-create-v009qbild32 .livestock-date-three-row .livestock-date-shell .calendar-icon-button {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}
.livestock-create-v009qbild32 .livestock-qbild32-info-block {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    margin-left: -12px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(0, 85, 170, 0.28) !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild32 .livestock-qbild32-info-block h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
}
.livestock-create-v009qbild32 .livestock-qbild32-info-block p {
    margin: 0 !important;
}
.livestock-create-v009qbild32 .livestock-qbild32-observation-block {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    margin-left: -12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 12px !important;
    border: 1px solid rgba(0, 85, 170, 0.28) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild32 .livestock-qbild32-observation-block textarea {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 96px !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild32 .livestock-info-block h2 {
    margin: 0 0 10px !important;
}
.livestock-create-v009qbild32 .livestock-observation-field {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
}


/* Bild_33 - Datumsfelder erworben am und im Becken seit auf 100 px + Kalender-Icon reduziert. */
section.card.livestock-create-page.livestock-create-v009qbild33,
.card.livestock-create-page.livestock-create-v009qbild33 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild33 .livestock-qbild27-three-row {
    width: 446px !important;
    grid-template-columns: 140px 140px 150px !important;
}
.livestock-create-v009qbild33 .livestock-qbild27-date-left-field,
.livestock-create-v009qbild33 .livestock-qbild27-date-middle-field {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}
.livestock-create-v009qbild33 .livestock-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-create-v009qbild33 .livestock-qbild27-date-middle-field .aqua-date-picker-shell,
.livestock-create-v009qbild33 .livestock-date-three-row .livestock-date-shell {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}
.livestock-create-v009qbild33 .livestock-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-create-v009qbild33 .livestock-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"],
.livestock-create-v009qbild33 .livestock-date-three-row .livestock-date-shell input[type="text"] {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
}
.livestock-create-v009qbild33 .livestock-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-create-v009qbild33 .livestock-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-create-v009qbild33 .livestock-date-three-row .livestock-date-shell .calendar-icon-button {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}


/* Bild_34 - Datumsfelder mit echtem 100px-Textfeld + 40px-Kalender-Icon = 140px Gesamtbreite. */
section.card.livestock-create-page.livestock-create-v009qbild34,
.card.livestock-create-page.livestock-create-v009qbild34 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild34 .livestock-qbild27-three-row {
    width: 446px !important;
    grid-template-columns: 140px 140px 150px !important;
}
.livestock-create-v009qbild34 .livestock-qbild27-date-left-field,
.livestock-create-v009qbild34 .livestock-qbild27-date-middle-field {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}
.livestock-create-v009qbild34 .livestock-qbild27-date-left-field > div,
.livestock-create-v009qbild34 .livestock-qbild27-date-middle-field > div {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild34 .livestock-qbild34-date-shell,
.livestock-create-v009qbild34 .livestock-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-create-v009qbild34 .livestock-qbild27-date-middle-field .aqua-date-picker-shell {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild34 #livestock_qbild19_erworben_am,
.livestock-create-v009qbild34 #livestock_qbild19_im_becken_seit,
.livestock-create-v009qbild34 .livestock-qbild34-date-shell input[type="text"] {
    flex: 0 0 100px !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 8px 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild34 .livestock-qbild34-date-shell .calendar-icon-button,
.livestock-create-v009qbild34 .livestock-qbild27-date-left-field .calendar-icon-button,
.livestock-create-v009qbild34 .livestock-qbild27-date-middle-field .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Bild_35 - Datumsfelder als echte 140px-Date-Combo-Felder mit sichtbar erzwungenem Kalender-Button. */
section.card.livestock-create-page.livestock-create-v009qbild35,
.card.livestock-create-page.livestock-create-v009qbild35 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild35 .livestock-qbild27-three-row {
    width: 446px !important;
    grid-template-columns: 140px 140px 150px !important;
}
.livestock-create-v009qbild35 .livestock-qbild27-date-left-field,
.livestock-create-v009qbild35 .livestock-qbild27-date-middle-field {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}
.livestock-create-v009qbild35 .livestock-qbild27-date-left-field > div,
.livestock-create-v009qbild35 .livestock-qbild27-date-middle-field > div {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild35 .livestock-qbild35-date-shell,
.livestock-create-v009qbild35 .livestock-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-create-v009qbild35 .livestock-qbild27-date-middle-field .aqua-date-picker-shell {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild35 #livestock_qbild19_erworben_am,
.livestock-create-v009qbild35 #livestock_qbild19_im_becken_seit,
.livestock-create-v009qbild35 .livestock-qbild35-date-shell input[type="text"] {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 0 100px !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 8px 8px !important;
    padding-right: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild35 .livestock-qbild35-date-shell .calendar-icon-button,
.livestock-create-v009qbild35 .livestock-qbild27-date-left-field .calendar-icon-button,
.livestock-create-v009qbild35 .livestock-qbild27-date-middle-field .calendar-icon-button {
    position: static !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--border) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #f3f4f6 !important;
    color: #0b4ea2 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.livestock-create-v009qbild35 .livestock-qbild35-date-shell .calendar-icon-button::before,
.livestock-create-v009qbild35 .livestock-qbild27-date-left-field .calendar-icon-button::before,
.livestock-create-v009qbild35 .livestock-qbild27-date-middle-field .calendar-icon-button::before {
    content: "📅";
    display: block;
    font-size: 18px;
    line-height: 1;
}
.livestock-create-v009qbild35 .livestock-qbild35-date-shell .aqua-hidden-date-picker,
.livestock-create-v009qbild35 .livestock-qbild35-date-shell .livestock-hidden-date-picker,
.livestock-create-v009qbild35 .livestock-qbild27-date-left-field .aqua-hidden-date-picker,
.livestock-create-v009qbild35 .livestock-qbild27-date-middle-field .aqua-hidden-date-picker {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}


/* Bild_36 - Datumsfelder als echte 160px-Date-Combo-Felder mit sichtbar erzwungenem Kalender-Button. */
section.card.livestock-create-page.livestock-create-v009qbild36,
.card.livestock-create-page.livestock-create-v009qbild36 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild36 .livestock-qbild27-three-row {
    width: 486px !important;
    grid-template-columns: 160px 160px 150px !important;
}
.livestock-create-v009qbild36 .livestock-qbild27-date-left-field,
.livestock-create-v009qbild36 .livestock-qbild27-date-middle-field {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}
.livestock-create-v009qbild36 .livestock-qbild27-date-left-field > div,
.livestock-create-v009qbild36 .livestock-qbild27-date-middle-field > div {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild36 .livestock-qbild36-date-shell,
.livestock-create-v009qbild36 .livestock-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-create-v009qbild36 .livestock-qbild27-date-middle-field .aqua-date-picker-shell {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild36 #livestock_qbild19_erworben_am,
.livestock-create-v009qbild36 #livestock_qbild19_im_becken_seit,
.livestock-create-v009qbild36 .livestock-qbild36-date-shell input[type="text"] {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 8px 8px !important;
    padding-right: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild36 .livestock-qbild36-date-shell .calendar-icon-button,
.livestock-create-v009qbild36 .livestock-qbild27-date-left-field .calendar-icon-button,
.livestock-create-v009qbild36 .livestock-qbild27-date-middle-field .calendar-icon-button {
    position: static !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--border) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #f3f4f6 !important;
    color: #0b4ea2 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.livestock-create-v009qbild36 .livestock-qbild36-date-shell .calendar-icon-button::before,
.livestock-create-v009qbild36 .livestock-qbild27-date-left-field .calendar-icon-button::before,
.livestock-create-v009qbild36 .livestock-qbild27-date-middle-field .calendar-icon-button::before {
    content: "📅";
    display: block;
    font-size: 18px;
    line-height: 1;
}
.livestock-create-v009qbild36 .livestock-qbild36-date-shell .aqua-hidden-date-picker,
.livestock-create-v009qbild36 .livestock-qbild36-date-shell .livestock-hidden-date-picker,
.livestock-create-v009qbild36 .livestock-qbild27-date-left-field .aqua-hidden-date-picker,
.livestock-create-v009qbild36 .livestock-qbild27-date-middle-field .aqua-hidden-date-picker {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}


/* Bild_37 - Korrektur Date-Combo: 160px Gesamt = 120px Textfeld + 40px sichtbarer Kalender-Button.
   Wichtig: In Bild_36 war die Außenbreite zwar gesetzt, aber durch ältere Regeln/Padding war die nutzbare Anzeige nicht sauber. */
section.card.livestock-create-page.livestock-create-v009qbild37,
.card.livestock-create-page.livestock-create-v009qbild37 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild37 .livestock-qbild27-three-row {
    width: 486px !important;
    min-width: 486px !important;
    max-width: 486px !important;
    grid-template-columns: 160px 160px 150px !important;
    column-gap: 8px !important;
}
.livestock-create-v009qbild37 .livestock-qbild27-date-left-field,
.livestock-create-v009qbild37 .livestock-qbild27-date-middle-field,
.livestock-create-v009qbild37 .livestock-qbild27-date-left-field > div,
.livestock-create-v009qbild37 .livestock-qbild27-date-middle-field > div {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    inline-size: 160px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.livestock-create-v009qbild37 .livestock-qbild37-date-shell,
.livestock-create-v009qbild37 .livestock-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-create-v009qbild37 .livestock-qbild27-date-middle-field .aqua-date-picker-shell {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    inline-size: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild37 #livestock_qbild19_erworben_am,
.livestock-create-v009qbild37 #livestock_qbild19_im_becken_seit,
.livestock-create-v009qbild37 .livestock-qbild37-date-shell input[type="text"] {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    inline-size: 120px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}
.livestock-create-v009qbild37 .livestock-qbild37-date-shell .calendar-icon-button,
.livestock-create-v009qbild37 .livestock-qbild27-date-left-field .calendar-icon-button,
.livestock-create-v009qbild37 .livestock-qbild27-date-middle-field .calendar-icon-button {
    position: static !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    inline-size: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--border) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #f3f4f6 !important;
    color: #0b4ea2 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.livestock-create-v009qbild37 .livestock-qbild37-date-shell .calendar-icon-button::before,
.livestock-create-v009qbild37 .livestock-qbild27-date-left-field .calendar-icon-button::before,
.livestock-create-v009qbild37 .livestock-qbild27-date-middle-field .calendar-icon-button::before {
    content: "📅" !important;
    display: block !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    text-align: center !important;
    font-size: 18px !important;
    line-height: 44px !important;
}
.livestock-create-v009qbild37 .livestock-qbild37-date-shell .aqua-hidden-date-picker,
.livestock-create-v009qbild37 .livestock-qbild37-date-shell .livestock-hidden-date-picker,
.livestock-create-v009qbild37 .livestock-qbild27-date-left-field .aqua-hidden-date-picker,
.livestock-create-v009qbild37 .livestock-qbild27-date-middle-field .aqua-hidden-date-picker {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    inline-size: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    appearance: none !important;
}


/* Bild_38 - Info/Beobachtungen auf 500 px und rechte Spaltenfelder links zur Mittellinie ausgerichtet. */
section.card.livestock-create-page.livestock-create-v009qbild38,
.card.livestock-create-page.livestock-create-v009qbild38 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild38 .livestock-qbild32-info-block {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    margin-left: 0 !important;
    justify-self: start !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild38 .livestock-qbild32-info-block h3,
.livestock-create-v009qbild38 .livestock-info-block h2 {
    margin: 0 0 8px !important;
}
.livestock-create-v009qbild38 .livestock-qbild32-observation-block,
.livestock-create-v009qbild38 .livestock-observation-field {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    margin-left: 0 !important;
    justify-self: start !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild38 .livestock-qbild32-observation-block textarea {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* Rechte Spalte optisch links zur Mittellinie halten */
.livestock-create-v009qbild38 .livestock-qbild30-followup-grid {
    width: 508px !important;
    min-width: 508px !important;
    max-width: 508px !important;
    justify-items: start !important;
    align-items: start !important;
}
.livestock-create-v009qbild38 .livestock-qbild28-polypen-field,
.livestock-create-v009qbild38 .livestock-qbild28-zuechter-field {
    justify-self: start !important;
    margin-left: 0 !important;
    align-self: start !important;
}
.livestock-create-v009qbild38 .livestock-qbild28-polypen-field label,
.livestock-create-v009qbild38 .livestock-qbild28-zuechter-field label,
.livestock-create-v009qbild38 .livestock-qbild28-polypen-field .livestock-qbild11-field-note,
.livestock-create-v009qbild38 .livestock-qbild28-zuechter-field .livestock-qbild11-field-note {
    text-align: left !important;
}


/* Bild_39 - Doppel-Absicherung der Bild_38-Vorgaben: inline im HTML + CSS-Hardfix. */
section.card.livestock-create-page.livestock-create-v009qbild39,
.card.livestock-create-page.livestock-create-v009qbild39 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
/* Vorgabe 1/2: Information zu .... = 500 px */
.livestock-create-v009qbild39 .livestock-qbild39-info-block,
.livestock-create-v009qbild39 .livestock-qbild32-info-block,
.livestock-create-v009qbild38.livestock-create-v009qbild39 .livestock-qbild32-info-block {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    inline-size: 500px !important;
    margin-left: 0 !important;
    justify-self: start !important;
    box-sizing: border-box !important;
}
/* Vorgabe 2/2: Eigene Beobachtungen = 500 px / Rahmen */
.livestock-create-v009qbild39 .livestock-qbild39-observation-block,
.livestock-create-v009qbild39 .livestock-qbild32-observation-block,
.livestock-create-v009qbild39 .livestock-observation-field,
.livestock-create-v009qbild38.livestock-create-v009qbild39 .livestock-qbild32-observation-block {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    inline-size: 500px !important;
    margin-left: 0 !important;
    justify-self: start !important;
    border: 1px solid rgba(0, 85, 170, 0.28) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild39 #livestock_qbild32_eigene_beobachtungen,
.livestock-create-v009qbild39 .livestock-qbild32-observation-block textarea,
.livestock-create-v009qbild39 .livestock-observation-field textarea {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* Vorgabe 1/2: rechte Spalte startet exakt an der Mittellinie = 250 px */
.livestock-create-v009qbild39 .livestock-qbild39-followup-grid,
.livestock-create-v009qbild39 .livestock-qbild30-followup-grid {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    inline-size: 500px !important;
    display: grid !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 0 !important;
    row-gap: 14px !important;
    justify-items: start !important;
    align-items: start !important;
    box-sizing: border-box !important;
}
/* Vorgabe 2/2: Anzahl Polypen / Köpfen und Name des Züchters links zur Mittellinie */
.livestock-create-v009qbild39 .livestock-qbild28-polypen-field,
.livestock-create-v009qbild39 .livestock-qbild28-zuechter-field {
    grid-column: 2 / 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    inline-size: 250px !important;
    text-align: left !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild39 #livestock_qbild28_anzahl_polypen,
.livestock-create-v009qbild39 #livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    inline-size: 250px !important;
    box-sizing: border-box !important;
}
.livestock-create-v009qbild39 .livestock-qbild28-stock-field,
.livestock-create-v009qbild39 .livestock-qbild28-nachzucht-field {
    grid-column: 1 / 2 !important;
    justify-self: start !important;
    margin-left: 0 !important;
}
/* dieselbe Vorgabe zusätzlich für das reale Formular, falls nicht der obere Testblock gerendert wird */
.livestock-create-v009qbild39 .livestock-form-grid [data-livestock-field="anzahl_polypen"],
.livestock-create-v009qbild39 .livestock-form-grid [data-livestock-field="zuechter_name"] {
    justify-self: start !important;
    margin-left: 0 !important;
    text-align: left !important;
}


/* Bild_40 - rechte Felder nach rechts ausrichten (doppelt abgesichert: CSS + Inline). */
section.card.livestock-create-page.livestock-create-v009qbild40,
.card.livestock-create-page.livestock-create-v009qbild40 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-v009qbild40 .livestock-qbild39-followup-grid,
.livestock-create-v009qbild40 .livestock-qbild30-followup-grid {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 0 !important;
    justify-items: stretch !important;
}
.livestock-create-v009qbild40 .livestock-qbild28-polypen-field,
.livestock-create-v009qbild40 .livestock-qbild28-zuechter-field {
    justify-self: end !important;
    margin-left: auto !important;
    align-items: flex-end !important;
    text-align: right !important;
}
.livestock-create-v009qbild40 .livestock-qbild28-polypen-field label,
.livestock-create-v009qbild40 .livestock-qbild28-zuechter-field label,
.livestock-create-v009qbild40 .livestock-qbild28-polypen-field .livestock-qbild11-field-note,
.livestock-create-v009qbild40 .livestock-qbild28-zuechter-field .livestock-qbild11-field-note {
    width: 250px !important;
    text-align: right !important;
}
.livestock-create-v009qbild40 #livestock_qbild28_anzahl_polypen,
.livestock-create-v009qbild40 #livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    margin-left: auto !important;
    display: block !important;
}


/* Bild 41 - technischer Neuaufbau des Zusatzbereichs als saubere Komponente. */
section.card.livestock-create-page.livestock-create-bild41,
.card.livestock-create-page.livestock-create-bild41 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-bild41 .livestock-b41-layout {
    grid-column: 1 / -1 !important;
    width: 526px !important;
    min-width: 526px !important;
    max-width: 526px !important;
    display: grid !important;
    grid-template-columns: 526px !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-top-row {
    width: 336px !important;
    display: grid !important;
    grid-template-columns: 250px 70px !important;
    column-gap: 16px !important;
    align-items: start !important;
}
.livestock-create-bild41 .livestock-b41-date-row {
    width: 486px !important;
    display: grid !important;
    grid-template-columns: 160px 160px 150px !important;
    column-gap: 8px !important;
    align-items: start !important;
}
.livestock-create-bild41 .livestock-b41-field {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-farbmorphe-field,
.livestock-create-bild41 .livestock-b41-farbmorphe-field input,
.livestock-create-bild41 #livestock_qbild13_farbmorphe_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-anzahl-field,
.livestock-create-bild41 .livestock-b41-anzahl-field input,
.livestock-create-bild41 #livestock_qbild13_anzahl {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    box-sizing: border-box !important;
    text-align: right !important;
}
.livestock-create-bild41 .livestock-b41-date-field,
.livestock-create-bild41 .livestock-b41-date-wrap {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-date-shell,
.livestock-create-bild41 .livestock-b41-date-wrap .aqua-date-picker-shell {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-date-shell input[type="text"],
.livestock-create-bild41 .livestock-b41-date-wrap .aqua-date-picker-shell input[type="text"],
.livestock-create-bild41 #livestock_qbild19_erworben_am,
.livestock-create-bild41 #livestock_qbild19_im_becken_seit {
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 8px 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-date-shell .calendar-icon-button,
.livestock-create-bild41 .livestock-b41-date-wrap .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--border) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #f3f4f6 !important;
    color: #0b4ea2 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.livestock-create-bild41 .livestock-b41-date-shell .calendar-icon-button::before,
.livestock-create-bild41 .livestock-b41-date-wrap .calendar-icon-button::before {
    content: "📅";
    display: block;
    font-size: 18px;
    line-height: 1;
}
.livestock-create-bild41 .livestock-b41-date-shell .aqua-hidden-date-picker,
.livestock-create-bild41 .livestock-b41-date-wrap .aqua-hidden-date-picker,
.livestock-create-bild41 .livestock-b41-date-shell .livestock-hidden-date-picker,
.livestock-create-bild41 .livestock-b41-date-wrap .livestock-hidden-date-picker {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}
.livestock-create-bild41 .livestock-b41-alter-field,
.livestock-create-bild41 .livestock-b41-alter-field input,
.livestock-create-bild41 #livestock_qbild19_alter {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-two-column-note {
    color: rgba(0, 85, 170, 0.95) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    padding-left: 2px !important;
}
.livestock-create-bild41 .livestock-b41-pair-frame {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-metric-field,
.livestock-create-bild41 .livestock-b41-metric-field input,
.livestock-create-bild41 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-create-bild41 #livestock_qbild28_kaufpreis_tier_1 {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-metric-field label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    min-height: 32px !important;
}
.livestock-create-bild41 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-create-bild41 #livestock_qbild28_kaufpreis_tier_1 {
    text-align: right !important;
}
.livestock-create-bild41 .livestock-b41-extra-grid {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    display: grid !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 0 !important;
    row-gap: 14px !important;
    align-items: start !important;
    justify-items: stretch !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-extra-field,
.livestock-create-bild41 .livestock-b41-extra-field input,
.livestock-create-bild41 .livestock-b41-extra-field select,
.livestock-create-bild41 #livestock_qbild28_stock,
.livestock-create-bild41 #livestock_qbild28_anzahl_polypen,
.livestock-create-bild41 #livestock_qbild28_nachzucht,
.livestock-create-bild41 #livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-left-field {
    justify-self: start !important;
    margin-left: 0 !important;
    align-items: stretch !important;
    text-align: left !important;
}
.livestock-create-bild41 .livestock-b41-right-field {
    justify-self: end !important;
    margin-left: auto !important;
    align-items: stretch !important;
}
.livestock-create-bild41 .livestock-b41-right-field label,
.livestock-create-bild41 .livestock-b41-right-field .livestock-qbild11-field-note {
    width: 250px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-polypen-field input {
    text-align: right !important;
}
.livestock-create-bild41 .livestock-b41-zuechter-field input {
    text-align: left !important;
}
.livestock-create-bild41 .livestock-b41-info-block,
.livestock-create-bild41 .livestock-b41-observation-block {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    justify-self: start !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}
.livestock-create-bild41 .livestock-b41-info-block {
    padding: 14px 16px !important;
    border: 1px solid rgba(0, 85, 170, 0.28) !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
}
.livestock-create-bild41 .livestock-b41-info-block h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
}
.livestock-create-bild41 .livestock-b41-info-block p {
    margin: 0 !important;
}
.livestock-create-bild41 .livestock-b41-observation-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 12px !important;
    border: 1px solid rgba(0, 85, 170, 0.28) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}
.livestock-create-bild41 .livestock-b41-observation-block textarea,
.livestock-create-bild41 #livestock_qbild32_eigene_beobachtungen {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 96px !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}


/* Bild 42 - rechter Spaltenabstand 20 px, Überschriften rechtsseitiger Felder linksbündig. */
section.card.livestock-create-page.livestock-create-bild42,
.card.livestock-create-page.livestock-create-bild42 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-create-bild42 .livestock-b41-extra-grid {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
}
.livestock-create-bild42 .livestock-b41-right-field {
    justify-self: start !important;
    margin-left: 0 !important;
    align-items: stretch !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
.livestock-create-bild42 .livestock-b41-right-field label,
.livestock-create-bild42 .livestock-b41-right-field .livestock-qbild11-field-note {
    width: 250px !important;
    text-align: left !important;
    box-sizing: border-box !important;
}
.livestock-create-bild42 .livestock-b41-polypen-field input,
.livestock-create-bild42 .livestock-b41-zuechter-field input {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: block !important;
}
.livestock-create-bild42 .livestock-b41-polypen-field input {
    text-align: right !important;
}
.livestock-create-bild42 .livestock-b41-zuechter-field input {
    text-align: left !important;
}


/* Bild 43 - Aktionsbuttons unter Eigene Beobachtungen. */
.livestock-create-bild43 .livestock-action-row {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
}
.livestock-create-bild43 .livestock-save-lock-hint {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
}


/* Bild 44 - sichtbaren Block unter Eigene Beobachtungen vergrößert und Aktionsbuttons sichtbar gemacht. */
.livestock-create-bild44 .livestock-b41-layout {
    row-gap: 14px !important;
}
.livestock-create-bild44 .livestock-b44-visible-action-row {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-self: start !important;
    margin-left: 0 !important;
}
.livestock-create-bild44 .livestock-b44-visible-save-lock-hint {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    justify-self: start !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}
.livestock-create-bild44 .livestock-b44-form-action-row,
.livestock-create-bild44 .livestock-b44-form-save-lock-hint {
    display: none !important;
}

/* Bild 45 - feste Höhe für Untermenü Besatz anlegen. */
section.card.livestock-create-page.livestock-create-bild45,
.card.livestock-create-page.livestock-create-bild45 {
    height: 2000px !important;
    min-height: 2000px !important;
    box-sizing: border-box !important;
}


/* Bild 46 - feste Höhe für Untermenü Besatz anlegen von 2000px auf 1800px reduziert. */
section.card.livestock-create-page.livestock-create-bild46,
.card.livestock-create-page.livestock-create-bild46 {
    height: 1800px !important;
    min-height: 1800px !important;
}


/* Bild 47 - feste sichtbare Höhe für Untermenü Besatz anlegen mit Scrollbereich. */
section.card.livestock-create-page.livestock-create-bild47,
.card.livestock-create-page.livestock-create-bild47 {
    height: 1800px !important;
    min-height: 1800px !important;
    max-height: 1800px !important;
    overflow-y: auto !important;
}

/* Bild 48 - sichtbaren Layoutblock für Buttonbereich erweitern und Buttonzeile sichtbar erzwingen. */
.livestock-create-bild48 .livestock-b41-layout {
    height: auto !important;
    min-height: 1200px !important;
    overflow: visible !important;
}
.livestock-create-bild48 .livestock-b44-visible-action-row {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.livestock-create-bild48 .livestock-b44-visible-action-row .button {
    visibility: visible !important;
    opacity: 1 !important;
}
.livestock-create-bild48 .livestock-b44-visible-save-lock-hint {
    visibility: visible !important;
    opacity: 1 !important;
}


/* v0.09u - Besatz anlegen + Musterseite: gezielte Layoutkorrekturen. */
section.card.livestock-create-page.livestock-create-v009u,
.card.livestock-create-page.livestock-create-v009u {
    /* Versionsklasse für v0.09u, Breitenbasis bleibt unverändert. */
}
/* Kaufpreis zu Tier 1: nur das Eingabefeld rechts um 20 px reduzieren, Feldblock bleibt 115 px. */
.livestock-create-v009u #livestock_qbild28_kaufpreis_tier_1 {
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;
    inline-size: 95px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 20px !important;
    display: block !important;
}
/* Alter: nur das Anzeigefeld um 30 px nach rechts vergrößern. */
.livestock-create-v009u #livestock_qbild19_alter {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    inline-size: 180px !important;
    box-sizing: border-box !important;
    display: block !important;
}
/* Rote/magenta Hilfslinien und rote Konturen bei den genannten Feldern entfernen. */
.livestock-create-v009u .livestock-qbild10-measure-becken::before,
.livestock-create-v009u .livestock-qbild10-measure-tiergruppe::before,
.livestock-create-v009u .livestock-qbild10-measure-wissname::before,
.livestock-create-v009u .livestock-qbild10-measure-lexikon::before,
.livestock-create-v009u .livestock-qbild10-measure-deutschname::before {
    content: none !important;
    display: none !important;
    border-top: 0 !important;
}
.livestock-create-v009u .livestock-qbild10-measure-becken,
.livestock-create-v009u .livestock-qbild10-measure-tiergruppe,
.livestock-create-v009u .livestock-qbild10-measure-wissname,
.livestock-create-v009u .livestock-qbild10-measure-lexikon,
.livestock-create-v009u .livestock-qbild10-measure-deutschname,
.livestock-create-v009u .livestock-qbild13-name-grid,
.livestock-create-v009u .livestock-qbild13-name-field,
.livestock-create-v009u .livestock-qbild13-lexicon-panel,
.livestock-create-v009u .livestock-qbild13-field {
    outline: 0 !important;
    outline-offset: 0 !important;
}
/* Nur Untermenü Besatz anlegen: Mittellinie entfernen. Musterseite bleibt davon unberührt. */
.livestock-create-v009u-main .livestock-qbild13-layout::before {
    content: none !important;
    display: none !important;
    background: transparent !important;
    width: 0 !important;
}

/* v0.09w: Admin-Vergleichstabelle wissenschaftlicher/deutscher Besatzname. */
.admin-livestock-name-toolbar {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.admin-livestock-name-search {
    display: flex;
    align-items: end;
    gap: .75rem;
    flex-wrap: wrap;
}

.admin-livestock-name-search label {
    font-weight: 700;
}

.admin-livestock-name-search input[type="search"] {
    min-width: 280px;
}

.admin-livestock-name-table th,
.admin-livestock-name-table td {
    white-space: nowrap;
}


/* v0.09x - Besatz anlegen: blaue Hilfslinien/rote Rahmen entfernen und Lexikonblock rahmen. */
.livestock-create-v009x .livestock-qbild06-layout::before,
.livestock-create-v009x .livestock-qbild06-name-row::before,
.livestock-create-v009x .livestock-qbild13-layout::before,
.livestock-create-v009x .livestock-qbild10-measure::before,
.livestock-create-v009x .livestock-qbild10-measure::after,
.livestock-create-v009x .livestock-create-title-row-v009j::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
}

.livestock-create-v009x .livestock-create-title-row-v009j,
.livestock-create-v009x .livestock-qbild06-layout,
.livestock-create-v009x .livestock-qbild06-field,
.livestock-create-v009x .livestock-qbild06-name-row,
.livestock-create-v009x .livestock-qbild06-name-field,
.livestock-create-v009x .livestock-qbild06-german-row,
.livestock-create-v009x .livestock-qbild13-layout,
.livestock-create-v009x .livestock-create-title-row-v009j,
.livestock-create-v009x .livestock-qbild13-field,
.livestock-create-v009x .livestock-qbild13-name-grid,
.livestock-create-v009x .livestock-qbild13-name-field,
.livestock-create-v009x .livestock-qbild13-farbmorphe-field,
.livestock-create-v009x .livestock-qbild13-anzahl-field,
.livestock-create-v009x .livestock-qbild14-farbmorphe-field,
.livestock-create-v009x .livestock-qbild14-anzahl-field,
.livestock-create-v009x .livestock-qbild19-farbmorphe-field,
.livestock-create-v009x .livestock-qbild19-anzahl-field,
.livestock-create-v009x .livestock-qbild19-small-field,
.livestock-create-v009x .livestock-qbild23-field,
.livestock-create-v009x .livestock-qbild24-field,
.livestock-create-v009x .livestock-qbild27-field,
.livestock-create-v009x .livestock-qbild28-field,
.livestock-create-v009x .livestock-qbild28-layout .livestock-qbild27-field,
.livestock-create-v009x .livestock-qbild28-layout .livestock-qbild28-field {
    outline: 0 !important;
    outline-offset: 0 !important;
    border-top: 0 !important;
}

.livestock-create-v009x .livestock-qbild13-field,
.livestock-create-v009x .livestock-qbild13-name-grid,
.livestock-create-v009x .livestock-qbild13-farbmorphe-field,
.livestock-create-v009x .livestock-qbild13-anzahl-field,
.livestock-create-v009x .livestock-qbild14-farbmorphe-field,
.livestock-create-v009x .livestock-qbild14-anzahl-field,
.livestock-create-v009x .livestock-qbild19-farbmorphe-field,
.livestock-create-v009x .livestock-qbild19-anzahl-field,
.livestock-create-v009x .livestock-qbild19-small-field,
.livestock-create-v009x .livestock-qbild23-field,
.livestock-create-v009x .livestock-qbild24-field,
.livestock-create-v009x .livestock-qbild27-field,
.livestock-create-v009x .livestock-qbild28-field,
.livestock-create-v009x .livestock-qbild28-layout .livestock-qbild27-field,
.livestock-create-v009x .livestock-qbild28-layout .livestock-qbild28-field {
    padding-top: 0 !important;
}

.livestock-create-v009x .livestock-qbild13-lexicon-panel,
.livestock-create-v009x .livestock-qbild07-lexicon-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 8px !important;
    border: 2px solid #000 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    outline: 0 !important;
}

.livestock-create-v009x .livestock-qbild13-lexicon-panel .livestock-lexicon-link,
.livestock-create-v009x .livestock-qbild07-lexicon-panel .livestock-lexicon-link,
.livestock-create-v009x .livestock-qbild07-lexicon {
    align-self: flex-start !important;
    margin: 0 !important;
}

.livestock-create-v009x .livestock-qbild07-lexicon-note,
.livestock-create-v009x .livestock-lexicon-copy-note {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px 7px !important;
    border: 1px solid #e8f5ff !important;
    border-radius: 6px !important;
    background: #e8f5ff !important;
    color: var(--text, #17202a) !important;
    box-sizing: border-box !important;
}

.livestock-create-v009x .livestock-lexicon-under-scientific {
    padding: 8px !important;
    border: 2px solid #000 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

/* v0.09y - Besatz anlegen: sichtbares Layout bereinigen und Speicherfreigabe unterstützen. */
section.card.livestock-create-page.livestock-create-v009y.livestock-create-v009qbild13,
.card.livestock-create-page.livestock-create-v009y.livestock-create-v009qbild13,
.livestock-create-v009y .livestock-create-title-row-v009j,
.livestock-create-v009y .livestock-qbild05-layout,
.livestock-create-v009y .livestock-qbild06-layout,
.livestock-create-v009y .livestock-qbild06-field,
.livestock-create-v009y .livestock-qbild06-name-row,
.livestock-create-v009y .livestock-qbild06-name-field,
.livestock-create-v009y .livestock-qbild06-german-row,
.livestock-create-v009y .livestock-qbild07-lexicon-panel,
.livestock-create-v009y .livestock-qbild13-layout,
.livestock-create-v009y .livestock-qbild13-field,
.livestock-create-v009y .livestock-qbild13-name-grid,
.livestock-create-v009y .livestock-qbild13-name-field,
.livestock-create-v009y .livestock-qbild13-lexicon-panel,
.livestock-create-v009y .livestock-qbild13-farbmorphe-field,
.livestock-create-v009y .livestock-qbild13-anzahl-field,
.livestock-create-v009y .livestock-b41-layout,
.livestock-create-v009y .livestock-b41-field {
    outline: 0 !important;
    outline-offset: 0 !important;
}

.livestock-create-v009y .livestock-create-title-row-v009j,
.livestock-create-v009y .livestock-qbild06-layout > .livestock-qbild06-field,
.livestock-create-v009y .livestock-qbild06-name-row,
.livestock-create-v009y .livestock-qbild06-german-row,
.livestock-create-v009y .livestock-qbild13-field,
.livestock-create-v009y .livestock-qbild13-name-grid,
.livestock-create-v009y .livestock-qbild13-farbmorphe-field,
.livestock-create-v009y .livestock-qbild13-anzahl-field {
    border-top: 0 !important;
}

.livestock-create-v009y .livestock-qbild06-layout::before,
.livestock-create-v009y .livestock-qbild06-name-row::before,
.livestock-create-v009y .livestock-qbild13-layout::before,
.livestock-create-v009y .livestock-qbild10-measure::before,
.livestock-create-v009y .livestock-qbild10-measure::after,
.livestock-create-v009y .livestock-create-title-row-v009j::after,
section.card.livestock-create-page.livestock-create-v009y.livestock-create-v009qbild10::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
}

.livestock-create-v009y .livestock-qbild07-lexicon-panel,
.livestock-create-v009y .livestock-qbild13-lexicon-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 8px !important;
    border: 2px solid #000 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.livestock-create-v009y .livestock-qbild07-lexicon,
.livestock-create-v009y .livestock-qbild07-lexicon-panel .livestock-lexicon-link,
.livestock-create-v009y .livestock-qbild13-lexicon-panel .livestock-lexicon-link {
    align-self: flex-start !important;
    margin: 0 !important;
}

.livestock-create-v009y .livestock-qbild07-lexicon-note,
.livestock-create-v009y .livestock-lexicon-copy-note {
    display: block !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 6px 7px !important;
    border: 1px solid #e8f5ff !important;
    border-radius: 6px !important;
    background: #e8f5ff !important;
    color: var(--text, #17202a) !important;
    box-sizing: border-box !important;
}

.livestock-create-v009y input.field-invalid,
.livestock-create-v009y select.field-invalid,
.livestock-create-v009y textarea.field-invalid {
    border-color: var(--danger, #b00020) !important;
    box-shadow: 0 0 0 1px var(--danger, #b00020) !important;
}


/* v0.10a - Besatz anlegen: Cursor-Sprung bereinigen, Anzahl verkleinern und Info-Box ergänzen. */
.livestock-create-v010a .livestock-qbild07-lexicon-panel a,
.livestock-create-v010a #livestock_qbild19_alter,
.livestock-create-v010a #livestock_alter {
    pointer-events: auto;
}

.livestock-create-v010a .livestock-b41-top-row {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    grid-template-columns: 250px 70px 174px !important;
    column-gap: 8px !important;
    align-items: end !important;
    box-sizing: border-box !important;
}

.livestock-create-v010a .livestock-b41-anzahl-field {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    box-sizing: border-box !important;
}

.livestock-create-v010a #livestock_qbild13_anzahl {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
    text-align: right !important;
}

.livestock-create-v010a .livestock-b41-anzahl-info-v010a {
    width: 174px !important;
    min-width: 174px !important;
    max-width: 174px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 6px 7px !important;
    border: 1px solid #e8f5ff !important;
    border-radius: 6px !important;
    background: #e8f5ff !important;
    color: var(--text, #17202a) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}

/* v0.10b - Besatz anlegen: Alter anzeigen und Größe/Kaufpreis je Tiernummer als Paar-Blöcke. */
.livestock-create-v010b .livestock-b41-pair-grid-v010b {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    display: grid !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
    align-items: start !important;
    justify-items: stretch !important;
    box-sizing: border-box !important;
}

.livestock-create-v010b .livestock-b41-pair-frame-v010b[hidden] {
    display: none !important;
}

.livestock-create-v010b .livestock-b41-pair-frame-v010b {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}

.livestock-create-v010b .livestock-b41-metric-shell-v010b {
    position: relative !important;
    display: block !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    box-sizing: border-box !important;
}

.livestock-create-v010b .livestock-b41-metric-shell-v010b input {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    padding-right: 31px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-create-v010b .livestock-b41-price-shell-v010b input {
    padding-right: 24px !important;
}

.livestock-create-v010b .livestock-b41-metric-unit-v010b {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

@media (max-width: 700px) {
    .livestock-create-v010b .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10c - Besatz anlegen: Stock/Polypen abhängig vom wissenschaftlichen Namen, Namensfelder sperren und Größe/Kaufpreis-Felder angleichen. */
.livestock-create-v010c .livestock-name-lock-hint-v010c {
    grid-column: 1 / -1 !important;
    color: #b00020 !important;
    font-weight: 700 !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
}

.livestock-create-v010c .livestock-name-lock-hint-v010c[hidden],
.livestock-create-v010c [data-livestock-surface-field-wrapper-v010c][hidden] {
    display: none !important;
}

.livestock-create-v010c #livestock_qbild06_wissenschaftlicher_name:disabled,
.livestock-create-v010c #livestock_qbild06_deutscher_name:disabled {
    background: #f3f6f9 !important;
    cursor: not-allowed !important;
    opacity: .78 !important;
}

.livestock-create-v010c .livestock-b41-pair-grid-v010b {
    grid-template-columns: 228px 228px !important;
}

.livestock-create-v010c .livestock-b41-pair-frame-v010b {
    width: 228px !important;
    min-width: 228px !important;
    max-width: 228px !important;
    grid-template-columns: 100px 100px !important;
}

.livestock-create-v010c .livestock-b41-metric-shell-v010b,
.livestock-create-v010c .livestock-b41-metric-field,
.livestock-create-v010c .livestock-b41-metric-field label {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    box-sizing: border-box !important;
}

.livestock-create-v010c .livestock-b41-metric-shell-v010b input,
.livestock-create-v010c #livestock_qbild28_groesse_kaufdatum_1,
.livestock-create-v010c #livestock_qbild28_kaufpreis_tier_1 {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    inline-size: 100px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 26px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-create-v010c .livestock-b41-price-shell-v010b input,
.livestock-create-v010c #livestock_qbild28_kaufpreis_tier_1 {
    padding-right: 22px !important;
}

.livestock-create-v010c .livestock-b41-metric-unit-v010b {
    right: 7px !important;
}

@media (max-width: 700px) {
    .livestock-create-v010c .livestock-b41-pair-grid-v010b {
        grid-template-columns: 228px !important;
        width: 228px !important;
        min-width: 228px !important;
        max-width: 228px !important;
    }
}

/* v0.10d - Besatz anlegen: Sperrhinweis nach oben setzen und Größe/Kaufpreis-Felder wirklich einheitlich darstellen. */
.livestock-create-v010d .livestock-name-lock-hint-v010d {
    width: 650px !important;
    max-width: 100% !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    color: #b00020 !important;
    font-weight: 700 !important;
    font-size: 1.08rem !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
}

.livestock-create-v010d .livestock-name-lock-hint-v010d[hidden] {
    display: none !important;
}

.livestock-create-v010d .livestock-b41-pair-grid-v010b {
    width: 416px !important;
    min-width: 416px !important;
    max-width: 416px !important;
    grid-template-columns: 198px 198px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
}

.livestock-create-v010d .livestock-b41-pair-frame-v010b {
    width: 198px !important;
    min-width: 198px !important;
    max-width: 198px !important;
    grid-template-columns: 85px 85px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}

.livestock-create-v010d .livestock-b41-metric-field,
.livestock-create-v010d .livestock-b41-metric-field label,
.livestock-create-v010d .livestock-b41-metric-shell-v010b {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
    box-sizing: border-box !important;
}

.livestock-create-v010d .livestock-b41-metric-field label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.06 !important;
    min-height: 38px !important;
    white-space: normal !important;
}

.livestock-create-v010d .livestock-b41-metric-shell-v010b {
    position: relative !important;
    display: block !important;
}

.livestock-create-v010d .livestock-b41-metric-shell-v010b input,
.livestock-create-v010d [id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010d [id^="livestock_qbild28_kaufpreis_tier_"] {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
    inline-size: 85px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px 24px 8px 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-create-v010d .livestock-b41-price-shell-v010b input,
.livestock-create-v010d [id^="livestock_qbild28_kaufpreis_tier_"] {
    padding-right: 20px !important;
}

.livestock-create-v010d .livestock-b41-metric-unit-v010b {
    position: absolute !important;
    right: 7px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

@media (max-width: 700px) {
    .livestock-create-v010d .livestock-b41-pair-grid-v010b {
        grid-template-columns: 198px !important;
        width: 198px !important;
        min-width: 198px !important;
        max-width: 198px !important;
    }
}

/* v0.10e - Besatz anlegen: Fehlertext-Zeile oben, Tab-Fokus und Größe/Kaufpreis-Block wieder in v0.10b-Größe. */
.livestock-create-v010e .livestock-entry-status-hint-v010e {
    width: var(--livestock-qb05-width, 656px) !important;
    max-width: var(--livestock-qb05-width, 656px) !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    color: #b00020 !important;
    font-weight: 700 !important;
    font-size: 1.08rem !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e .livestock-entry-status-hint-v010e[hidden] {
    display: none !important;
}

.livestock-create-v010e .livestock-qbild18-info-link {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    cursor: pointer !important;
}

.livestock-create-v010e .livestock-b41-pair-grid-v010b {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
}

.livestock-create-v010e .livestock-b41-pair-frame-v010b {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    grid-template-columns: 100px 100px !important;
    column-gap: 18px !important;
    justify-content: center !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e .livestock-b41-metric-field,
.livestock-create-v010e .livestock-b41-metric-field label,
.livestock-create-v010e .livestock-b41-metric-shell-v010b {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e .livestock-b41-metric-shell-v010b input,
.livestock-create-v010e [id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e [id^="livestock_qbild28_kaufpreis_tier_"] {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    inline-size: 100px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px 24px 8px 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e .livestock-b41-price-shell-v010b input,
.livestock-create-v010e [id^="livestock_qbild28_kaufpreis_tier_"] {
    padding-right: 20px !important;
}

.livestock-create-v010e .livestock-b41-metric-unit-v010b {
    right: 7px !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e1 - Besatz anlegen: Größe/Kaufpreis-Feldbreite wieder wie v0.10b, Blockgröße bleibt v0.10e. */
.livestock-create-v010e1 .livestock-b41-pair-grid-v010b {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
}

.livestock-create-v010e1 .livestock-b41-pair-frame-v010b {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    justify-content: stretch !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e1 .livestock-b41-metric-field,
.livestock-create-v010e1 .livestock-b41-metric-field label,
.livestock-create-v010e1 .livestock-b41-metric-shell-v010b {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e1 .livestock-b41-metric-shell-v010b input,
.livestock-create-v010e1 [id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e1 [id^="livestock_qbild28_kaufpreis_tier_"] {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    inline-size: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px 31px 8px 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e1 .livestock-b41-price-shell-v010b input,
.livestock-create-v010e1 [id^="livestock_qbild28_kaufpreis_tier_"] {
    padding-right: 24px !important;
}

.livestock-create-v010e1 .livestock-b41-metric-unit-v010b {
    right: 8px !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e1 .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e2 - Besatz anlegen: Größen-Überschrift breiter, Kaufdatum und Ziffer bleiben zusammen. */
.livestock-create-v010e2 .livestock-b41-size-label-v010e2 {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    min-height: 32px !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e2 .livestock-b41-size-label-v010e2 span:nth-child(2) {
    white-space: nowrap !important;
}


/* v0.10e3 - Besatz anlegen: Kaufpreis-Eingabefeld 5 px breiter, damit € im Feld bleibt. */
.livestock-create-v010e3 .livestock-b41-price-shell-v010b input,
.livestock-create-v010e3 [id^="livestock_qbild28_kaufpreis_tier_"] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    inline-size: 120px !important;
}


/* v0.10e4 - Besatz anlegen: Größe/Kaufpreis-Feldhüllen fest setzen; cm/€ bleiben innerhalb der Eingabefelder. */
.livestock-create-v010e4 .livestock-b41-metric-field,
.livestock-create-v010e4 .livestock-b41-metric-shell-v010b {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e4 .livestock-b41-metric-shell-v010b {
    position: relative !important;
    display: block !important;
    flex: 0 0 115px !important;
    overflow: visible !important;
}

.livestock-create-v010e4 .livestock-b41-metric-shell-v010b input,
.livestock-create-v010e4 [id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e4 [id^="livestock_qbild28_kaufpreis_tier_"] {
    display: block !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    inline-size: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e4 .livestock-b41-size-shell-v010b input,
.livestock-create-v010e4 [id^="livestock_qbild28_groesse_kaufdatum_"] {
    padding: 8px 31px 8px 7px !important;
}

.livestock-create-v010e4 .livestock-b41-price-shell-v010b input,
.livestock-create-v010e4 [id^="livestock_qbild28_kaufpreis_tier_"] {
    padding: 8px 24px 8px 7px !important;
}

.livestock-create-v010e4 .livestock-b41-metric-unit-v010b {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    display: inline-block !important;
    min-width: auto !important;
    pointer-events: none !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}


/* v0.10e5 - Diagnose: sichtbare technische Rahmen nur im Bereich Größe/Kaufpreis. */
.livestock-create-v010e5 .livestock-b41-pair-grid-v010b {
    outline: 4px solid #e60000 !important; /* rot: Gesamtbereich Größe/Kaufpreis */
    outline-offset: 4px !important;
}

.livestock-create-v010e5 .livestock-b41-pair-frame-v010b {
    outline: 4px solid #ff9900 !important; /* orange: Tierblock */
    outline-offset: -2px !important;
}

.livestock-create-v010e5 .livestock-b41-pair-frame-v010b > .livestock-b41-metric-field:nth-child(1) {
    outline: 3px solid #00a000 !important; /* grün: Größen-Feldblock */
    outline-offset: 0 !important;
}

.livestock-create-v010e5 .livestock-b41-pair-frame-v010b > .livestock-b41-metric-field:nth-child(2) {
    outline: 3px solid #0066ff !important; /* blau: Kaufpreis-Feldblock */
    outline-offset: 0 !important;
}

.livestock-create-v010e5 .livestock-b41-pair-frame-v010b > .livestock-b41-metric-field:nth-child(1) > label {
    outline: 2px dashed #008000 !important; /* grün gestrichelt: Größen-Überschrift */
    outline-offset: -1px !important;
}

.livestock-create-v010e5 .livestock-b41-pair-frame-v010b > .livestock-b41-metric-field:nth-child(2) > label {
    outline: 2px dashed #003399 !important; /* dunkelblau gestrichelt: Kaufpreis-Überschrift */
    outline-offset: -1px !important;
}

.livestock-create-v010e5 .livestock-b41-size-shell-v010b {
    outline: 3px solid #8000ff !important; /* violett: direkte Feldhülle Größe */
    outline-offset: 2px !important;
}

.livestock-create-v010e5 .livestock-b41-price-shell-v010b {
    outline: 3px solid #ff00aa !important; /* magenta: direkte Feldhülle Kaufpreis */
    outline-offset: 2px !important;
}

.livestock-create-v010e5 .livestock-b41-metric-shell-v010b input,
.livestock-create-v010e5 [id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e5 [id^="livestock_qbild28_kaufpreis_tier_"] {
    outline: 2px solid #000000 !important; /* schwarz: tatsächliches Input-Element */
    outline-offset: -4px !important;
}

.livestock-create-v010e5 .livestock-b41-metric-unit-v010b {
    outline: 2px solid #ff1493 !important; /* pink: Suffix cm / € */
    outline-offset: 1px !important;
    background: rgba(255,255,255,0.75) !important;
}


/* v0.10e6 - Besatz anlegen: Suffix cm/€ fest in der Eingabefeld-Hülle verankern. */
.livestock-create-v010e6 .livestock-b41-pair-grid-v010b,
.livestock-create-v010e6 .livestock-b41-pair-frame-v010b,
.livestock-create-v010e6 .livestock-b41-metric-field,
.livestock-create-v010e6 .livestock-b41-metric-field label,
.livestock-create-v010e6 .livestock-b41-metric-shell-v010b,
.livestock-create-v010e6 .livestock-b41-metric-shell-v010b input,
.livestock-create-v010e6 .livestock-b41-metric-unit-v010b {
    outline: none !important;
    outline-offset: 0 !important;
}

.livestock-create-v010e6 .livestock-b41-pair-grid-v010b {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    display: grid !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
    align-items: start !important;
    justify-items: stretch !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e6 .livestock-b41-pair-frame-v010b[hidden] {
    display: none !important;
}

.livestock-create-v010e6 .livestock-b41-pair-frame-v010b {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e6 .livestock-b41-metric-field,
.livestock-create-v010e6 .livestock-b41-metric-field label,
.livestock-create-v010e6 .livestock-b41-metric-shell-v010b {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e6 .livestock-b41-size-label-v010e2 {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    min-height: 32px !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e6 .livestock-b41-size-label-v010e2 span:nth-child(2) {
    white-space: nowrap !important;
}

.livestock-create-v010e6 .livestock-b41-metric-shell-v010b {
    --metric-suffix-right: 8px;
    --metric-suffix-gap: 5px;
    --metric-suffix-width: 20px;
    position: relative !important;
    display: block !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
}

.livestock-create-v010e6 .livestock-b41-size-shell-v010b {
    --metric-suffix-width: 24px;
}

.livestock-create-v010e6 .livestock-b41-price-shell-v010b {
    --metric-suffix-width: 14px;
}

.livestock-create-v010e6 .livestock-b41-metric-shell-v010b > input,
.livestock-create-v010e6 .livestock-b41-metric-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e6 .livestock-b41-metric-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    padding-right: calc(var(--metric-suffix-width) + var(--metric-suffix-gap) + var(--metric-suffix-right)) !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e6 .livestock-b41-metric-unit-v010b {
    position: absolute !important;
    right: var(--metric-suffix-right) !important;
    top: 0 !important;
    bottom: 0 !important;
    width: var(--metric-suffix-width) !important;
    min-width: var(--metric-suffix-width) !important;
    max-width: var(--metric-suffix-width) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    transform: none !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e6 .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e7 - Besatz anlegen: Suffixe cm/€ fest innerhalb der jeweiligen Eingabefeld-Hülle verankern. */
.livestock-create-v010e7 .livestock-b41-size-shell-v010b,
.livestock-create-v010e7 .livestock-b41-price-shell-v010b {
    --metric-suffix-right-v010e7: 8px;
    --metric-suffix-gap-v010e7: 5px;
    --metric-suffix-width-v010e7: 20px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-create-v010e7 .livestock-b41-size-shell-v010b {
    --metric-suffix-width-v010e7: 24px;
}

.livestock-create-v010e7 .livestock-b41-price-shell-v010b {
    --metric-suffix-width-v010e7: 14px;
}

.livestock-create-v010e7 .livestock-b41-size-shell-v010b > input,
.livestock-create-v010e7 .livestock-b41-price-shell-v010b > input,
.livestock-create-v010e7 .livestock-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e7 .livestock-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: calc(var(--metric-suffix-width-v010e7) + var(--metric-suffix-gap-v010e7) + var(--metric-suffix-right-v010e7)) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-create-v010e7 .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b,
.livestock-create-v010e7 .livestock-b41-price-shell-v010b > .livestock-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e7) !important;
    min-width: var(--metric-suffix-width-v010e7) !important;
    max-width: var(--metric-suffix-width-v010e7) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e7) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e7 .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}



/* v0.10e8 - Besatz anlegen: Suffixe und Platzhalter feinjustiert und fest verankert. */
.livestock-create-v010e8 .livestock-b41-size-shell-v010b,
.livestock-create-v010e8 .livestock-b41-price-shell-v010b {
    --metric-suffix-right-v010e8: 16px;
    --metric-suffix-gap-v010e8: 5px;
    --metric-suffix-width-v010e8: 20px;
    --metric-input-padding-right-v010e8: 37px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-create-v010e8 .livestock-b41-size-shell-v010b {
    --metric-suffix-width-v010e8: 24px;
    --metric-input-padding-right-v010e8: 41px;
}

.livestock-create-v010e8 .livestock-b41-price-shell-v010b {
    --metric-suffix-width-v010e8: 14px;
    --metric-input-padding-right-v010e8: 29px;
}

.livestock-create-v010e8 .livestock-b41-size-shell-v010b > input,
.livestock-create-v010e8 .livestock-b41-price-shell-v010b > input,
.livestock-create-v010e8 .livestock-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e8 .livestock-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e8) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-create-v010e8 .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b,
.livestock-create-v010e8 .livestock-b41-price-shell-v010b > .livestock-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e8) !important;
    min-width: var(--metric-suffix-width-v010e8) !important;
    max-width: var(--metric-suffix-width-v010e8) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e8) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e8 .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e9 - Besatz anlegen: Suffixe und Platzhalter erneut feinjustiert und fest verankert. */
.livestock-create-v010e9 .livestock-b41-size-shell-v010b,
.livestock-create-v010e9 .livestock-b41-price-shell-v010b {
    --metric-suffix-right-v010e9: 24px;
    --metric-suffix-gap-v010e9: 5px;
    --metric-suffix-width-v010e9: 20px;
    --metric-input-padding-right-v010e9: 37px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-create-v010e9 .livestock-b41-size-shell-v010b {
    --metric-suffix-width-v010e9: 24px;
    --metric-input-padding-right-v010e9: 53px;
}

.livestock-create-v010e9 .livestock-b41-price-shell-v010b {
    --metric-suffix-width-v010e9: 14px;
    --metric-input-padding-right-v010e9: 31px;
}

.livestock-create-v010e9 .livestock-b41-size-shell-v010b > input,
.livestock-create-v010e9 .livestock-b41-price-shell-v010b > input,
.livestock-create-v010e9 .livestock-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e9 .livestock-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e9) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-create-v010e9 .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b,
.livestock-create-v010e9 .livestock-b41-price-shell-v010b > .livestock-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e9) !important;
    min-width: var(--metric-suffix-width-v010e9) !important;
    max-width: var(--metric-suffix-width-v010e9) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e9) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e9 .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e10 - Besatz anlegen: cm-Suffix bleibt, Platzhalter 0,0 weiter links fest verankert. */
.livestock-create-v010e10 .livestock-b41-size-shell-v010b,
.livestock-create-v010e10 .livestock-b41-price-shell-v010b {
    --metric-suffix-right-v010e10: 24px;
    --metric-suffix-gap-v010e10: 5px;
    --metric-suffix-width-v010e10: 20px;
    --metric-input-padding-right-v010e10: 37px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-create-v010e10 .livestock-b41-size-shell-v010b {
    --metric-suffix-width-v010e10: 24px;
    --metric-input-padding-right-v010e10: 65px;
}

.livestock-create-v010e10 .livestock-b41-price-shell-v010b {
    --metric-suffix-width-v010e10: 14px;
    --metric-input-padding-right-v010e10: 31px;
}

.livestock-create-v010e10 .livestock-b41-size-shell-v010b > input,
.livestock-create-v010e10 .livestock-b41-price-shell-v010b > input,
.livestock-create-v010e10 .livestock-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e10 .livestock-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e10) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-create-v010e10 .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b,
.livestock-create-v010e10 .livestock-b41-price-shell-v010b > .livestock-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e10) !important;
    min-width: var(--metric-suffix-width-v010e10) !important;
    max-width: var(--metric-suffix-width-v010e10) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e10) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e10 .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e11 - Besatz anlegen: cm-Suffixposition bleibt, Größenfeld-Platzhalter 0,0 entfernt. */
.livestock-create-v010e11 .livestock-b41-size-shell-v010b,
.livestock-create-v010e11 .livestock-b41-price-shell-v010b {
    --metric-suffix-right-v010e11: 24px;
    --metric-suffix-gap-v010e11: 5px;
    --metric-suffix-width-v010e11: 20px;
    --metric-input-padding-right-v010e11: 37px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-create-v010e11 .livestock-b41-size-shell-v010b {
    --metric-suffix-width-v010e11: 24px;
    --metric-input-padding-right-v010e11: 65px;
}

.livestock-create-v010e11 .livestock-b41-price-shell-v010b {
    --metric-suffix-width-v010e11: 14px;
    --metric-input-padding-right-v010e11: 31px;
}

.livestock-create-v010e11 .livestock-b41-size-shell-v010b > input,
.livestock-create-v010e11 .livestock-b41-price-shell-v010b > input,
.livestock-create-v010e11 .livestock-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e11 .livestock-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e11) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-create-v010e11 .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b,
.livestock-create-v010e11 .livestock-b41-price-shell-v010b > .livestock-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e11) !important;
    min-width: var(--metric-suffix-width-v010e11) !important;
    max-width: var(--metric-suffix-width-v010e11) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e11) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e11 .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e12 - Besatz anlegen: cm-Suffixposition bleibt, Caret-Position im Größenfeld 20 px weiter links verankert. */
.livestock-create-v010e12 .livestock-b41-size-shell-v010b,
.livestock-create-v010e12 .livestock-b41-price-shell-v010b {
    --metric-suffix-right-v010e12: 24px;
    --metric-suffix-gap-v010e12: 5px;
    --metric-suffix-width-v010e12: 20px;
    --metric-input-padding-right-v010e12: 37px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-create-v010e12 .livestock-b41-size-shell-v010b {
    --metric-suffix-width-v010e12: 24px;
    --metric-input-padding-right-v010e12: 85px;
}

.livestock-create-v010e12 .livestock-b41-price-shell-v010b {
    --metric-suffix-width-v010e12: 14px;
    --metric-input-padding-right-v010e12: 31px;
}

.livestock-create-v010e12 .livestock-b41-size-shell-v010b > input,
.livestock-create-v010e12 .livestock-b41-price-shell-v010b > input,
.livestock-create-v010e12 .livestock-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-create-v010e12 .livestock-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e12) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-create-v010e12 .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b,
.livestock-create-v010e12 .livestock-b41-price-shell-v010b > .livestock-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e12) !important;
    min-width: var(--metric-suffix-width-v010e12) !important;
    max-width: var(--metric-suffix-width-v010e12) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e12) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e12 .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}


/* v0.10e13 - Besatz anlegen: Größe-Eingabezone endet vor dem cm-Suffix; Caret kann nicht mehr im cm-Bereich stehen. */
.livestock-create-v010e13 .livestock-b41-size-shell-v010b {
    --metric-suffix-right-v010e13: 24px;
    --metric-suffix-width-v010e13: 24px;
    --metric-input-usable-width-v010e13: 56px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

.livestock-create-v010e13 .livestock-b41-size-shell-v010b:focus-within {
    outline: 2px solid rgba(11, 115, 183, .16) !important;
    outline-offset: 0 !important;
}

.livestock-create-v010e13 .livestock-b41-size-shell-v010b > input,
.livestock-create-v010e13 .livestock-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"] {
    grid-area: metric-control !important;
    justify-self: start !important;
    align-self: stretch !important;
    display: block !important;
    width: var(--metric-input-usable-width-v010e13) !important;
    min-width: var(--metric-input-usable-width-v010e13) !important;
    max-width: var(--metric-input-usable-width-v010e13) !important;
    inline-size: var(--metric-input-usable-width-v010e13) !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 8px 6px 8px 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: right !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

.livestock-create-v010e13 .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e13) !important;
    min-width: var(--metric-suffix-width-v010e13) !important;
    max-width: var(--metric-suffix-width-v010e13) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e13) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    cursor: default !important;
    user-select: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e13 .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}


/* v0.10e14 - Besatz anlegen: v0.10e13-Gridlogik für cm zurücknehmen; Suffixposition beibehalten, Caret-Zone links davor verankern. */
.livestock-create-v010e14 .livestock-b41-size-shell-v010b {
    --metric-suffix-right-v010e14: 24px;
    --metric-suffix-gap-v010e14: 5px;
    --metric-suffix-width-v010e14: 24px;
    position: relative !important;
    display: block !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

.livestock-create-v010e14 .livestock-b41-size-shell-v010b:focus-within {
    outline: 2px solid rgba(11, 115, 183, .16) !important;
    outline-offset: 0 !important;
}

.livestock-create-v010e14 .livestock-b41-size-shell-v010b > input,
.livestock-create-v010e14 .livestock-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: calc(100% - var(--metric-suffix-right-v010e14) - var(--metric-suffix-width-v010e14) - var(--metric-suffix-gap-v010e14)) !important;
    min-width: calc(100% - var(--metric-suffix-right-v010e14) - var(--metric-suffix-width-v010e14) - var(--metric-suffix-gap-v010e14)) !important;
    max-width: calc(100% - var(--metric-suffix-right-v010e14) - var(--metric-suffix-width-v010e14) - var(--metric-suffix-gap-v010e14)) !important;
    inline-size: calc(100% - var(--metric-suffix-right-v010e14) - var(--metric-suffix-width-v010e14) - var(--metric-suffix-gap-v010e14)) !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 8px 6px 8px 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: right !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

.livestock-create-v010e14 .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b {
    position: absolute !important;
    right: var(--metric-suffix-right-v010e14) !important;
    top: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    transform: none !important;
    width: var(--metric-suffix-width-v010e14) !important;
    min-width: var(--metric-suffix-width-v010e14) !important;
    max-width: var(--metric-suffix-width-v010e14) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    cursor: default !important;
    user-select: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-create-v010e14 .livestock-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}


/* v0.10e15 - Besatz anlegen: nur die cm-Suffixbox 15 px weiter nach rechts setzen; Eingabezone unverändert lassen. */
.livestock-create-v010e15 .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b {
    right: 9px !important;
}

/* v0.10e17 - Besatz anlegen: Größe-Block-1-Positionierung für cm-Suffixbox und Caret-Zone auf alle Größe/Kaufpreis-Blöcke übertragen. */
.livestock-create-v010e17 [data-livestock-metric-pair-v010b] .livestock-b41-size-shell-v010b {
    --metric-suffix-right-v010e17: 9px;
    --metric-input-reference-right-v010e17: 24px;
    --metric-suffix-gap-v010e17: 5px;
    --metric-suffix-width-v010e17: 24px;
    position: relative !important;
    display: block !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

.livestock-create-v010e17 [data-livestock-metric-pair-v010b] .livestock-b41-size-shell-v010b:focus-within {
    outline: 2px solid rgba(11, 115, 183, .16) !important;
    outline-offset: 0 !important;
}

.livestock-create-v010e17 [data-livestock-metric-pair-v010b] .livestock-b41-size-shell-v010b > input,
.livestock-create-v010e17 [data-livestock-metric-pair-v010b] .livestock-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: calc(100% - var(--metric-input-reference-right-v010e17) - var(--metric-suffix-width-v010e17) - var(--metric-suffix-gap-v010e17)) !important;
    min-width: calc(100% - var(--metric-input-reference-right-v010e17) - var(--metric-suffix-width-v010e17) - var(--metric-suffix-gap-v010e17)) !important;
    max-width: calc(100% - var(--metric-input-reference-right-v010e17) - var(--metric-suffix-width-v010e17) - var(--metric-suffix-gap-v010e17)) !important;
    inline-size: calc(100% - var(--metric-input-reference-right-v010e17) - var(--metric-suffix-width-v010e17) - var(--metric-suffix-gap-v010e17)) !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 8px 6px 8px 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: right !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

.livestock-create-v010e17 [data-livestock-metric-pair-v010b] .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b {
    position: absolute !important;
    right: var(--metric-suffix-right-v010e17) !important;
    top: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    transform: none !important;
    width: var(--metric-suffix-width-v010e17) !important;
    min-width: var(--metric-suffix-width-v010e17) !important;
    max-width: var(--metric-suffix-width-v010e17) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    cursor: default !important;
    user-select: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}



/* v0.10e19 - Besatz anlegen: Block 1 bleibt Master; CSS-Zielregeln nur für Folgeblöcke ab Block 2. */
.livestock-create-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-b41-size-shell-v010b {
    --metric-suffix-right-v010e19-size: 9px;
    --metric-input-reference-right-v010e19-size: 24px;
    --metric-suffix-gap-v010e19-size: 5px;
    --metric-suffix-width-v010e19-size: 24px;
    position: relative !important;
    display: block !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

.livestock-create-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-b41-size-shell-v010b > input,
.livestock-create-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: calc(100% - var(--metric-input-reference-right-v010e19-size) - var(--metric-suffix-width-v010e19-size) - var(--metric-suffix-gap-v010e19-size)) !important;
    min-width: calc(100% - var(--metric-input-reference-right-v010e19-size) - var(--metric-suffix-width-v010e19-size) - var(--metric-suffix-gap-v010e19-size)) !important;
    max-width: calc(100% - var(--metric-input-reference-right-v010e19-size) - var(--metric-suffix-width-v010e19-size) - var(--metric-suffix-gap-v010e19-size)) !important;
    inline-size: calc(100% - var(--metric-input-reference-right-v010e19-size) - var(--metric-suffix-width-v010e19-size) - var(--metric-suffix-gap-v010e19-size)) !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 8px 6px 8px 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: right !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

.livestock-create-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-b41-size-shell-v010b > .livestock-b41-metric-unit-v010b {
    position: absolute !important;
    right: var(--metric-suffix-right-v010e19-size) !important;
    top: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    transform: none !important;
    width: var(--metric-suffix-width-v010e19-size) !important;
    min-width: var(--metric-suffix-width-v010e19-size) !important;
    max-width: var(--metric-suffix-width-v010e19-size) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    cursor: default !important;
    user-select: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}

.livestock-create-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-b41-price-shell-v010b {
    --metric-suffix-right-v010e19-price: 24px;
    --metric-suffix-width-v010e19-price: 14px;
    --metric-input-padding-right-v010e19-price: 31px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-create-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-b41-price-shell-v010b > input,
.livestock-create-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e19-price) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-create-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-b41-price-shell-v010b > .livestock-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e19-price) !important;
    min-width: var(--metric-suffix-width-v010e19-price) !important;
    max-width: var(--metric-suffix-width-v010e19-price) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e19-price) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

/* v0.10g: Futter aufnehmen - neue Pflichtfehler-Zeile und gesperrte Aktionsbuttons. */
.food-type-error-line-v010g {
    margin: 4px 0 12px;
    padding: 10px 12px;
    border: 1px solid #b00020;
    border-radius: 10px;
    background: #fff5f5;
    color: #b00020;
    font-weight: 800;
}

.food-type-page .food-action-row button.button:disabled,
.food-type-page .food-action-row button.button[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}


/* v0.10h: Futter aufnehmen - Fehlerzeile im Besatz-Design und Infofenster für Futterart. */
.food-type-page .food-type-error-line-v010h.notice.warning {
    margin: 10px 0 12px;
    padding: 12px 14px;
    border: 1px solid #f4b400;
    border-radius: 14px;
    background: #fffaf0;
    color: #835400;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.35;
    box-sizing: border-box;
}

.food-type-page .food-type-field .label-with-info {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.food-type-page .food-type-info-dot-v010h {
    flex: 0 0 auto;
}

.food-type-info-modal-v010h .food-type-info-dialog-v010h {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

.food-type-info-modal-v010h .food-type-info-dialog-v010h h2:focus {
    outline: none;
}


/* v0.10i Besatz ändern: eigener CSS-Bereich ohne direkte Design-Verknüpfung zu Besatz anlegen.
   Die folgenden Regeln sind aus dem aktuellen Besatz-anlegen-Design in den eigenen
   livestock-edit-Namensraum kopiert. Änderungen an Besatz ändern können dadurch
   später getrennt erfolgen. */
:root {
    --bg: #f4f8fb;
    --surface: #fff;
    --soft: #eef6fb;
    --text: #17324d;
    --muted: #5f7488;
    --border: #d8e6ef;
    --primary: #0b73b7;
    --danger: #b42318;
    --shadow: 0 12px 30px rgba(26,64,96,.08);
}

* { box-sizing: border-box; }
html { font-size: 18px; }
body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text);
    background: var(--bg);
    line-height: 1.5;
}

a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }

.container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(12px);
}

.header-inner {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 76px;
    padding: 8px 0;
    flex-wrap: wrap;
}

.brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    color: var(--text);
}

.brand-logo {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    object-fit: cover;
    display: block;
    box-shadow: 0 8px 18px rgba(26,64,96,.16);
}

.main-nav {
    display: flex;
    gap: 8px;
    flex: 1 1 620px;
    flex-wrap: wrap;
    align-items: center;
}
.nav-item {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.has-submenu > a::after {
    content: " ▾";
    font-size: .75em;
}

.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow);
    padding: 8px;
    margin-top: 0;
    z-index: 30;
}

.nav-item:hover .submenu,
.nav-item:focus-within .submenu {
    display: grid;
    gap: 4px;
}

.submenu a {
    display: block;
    white-space: nowrap;
    padding: 9px 10px;
    border-radius: 10px;
}

.submenu a:hover {
    background: var(--soft);
    text-decoration: none;
}


.main-nav a,
.account-nav a,
.account-role {
    color: var(--text);
    font-size: .84rem;
}

.main-nav a {
    padding: 7px 8px;
    border-radius: 10px;
}

.main-nav .nav-top {
    font-weight: 700;
}

.main-nav a:hover {
    background: var(--soft);
    text-decoration: none;
}

.account-nav {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-left: auto;
    flex-wrap: wrap;
}

.account-name { font-weight: 800; }
.account-role {
    color: var(--muted);
    background: var(--soft);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 7px 10px;
}

main { padding: 28px 0 64px; }

.hero {
    background: linear-gradient(135deg,#e9f7ff 0%,#fff 100%);
    border: 1px solid var(--border);
    border-radius: 28px;
    padding: 44px;
    margin-bottom: 24px;
    box-shadow: var(--shadow);
}

.hero h1 {
    margin: 0 0 12px;
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 1.05;
    max-width: 900px;
}

.hero h2 {
    font-size: clamp(1.35rem, 2vw, 2rem);
    margin: 0 0 14px;
    color: var(--primary);
}

.hero p {
    max-width: 780px;
    font-size: 1.1rem;
    color: var(--muted);
}

.eyebrow {
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--primary);
    font-weight: 700;
    font-size: .78rem;
}

.card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 24px;
    box-shadow: var(--shadow);
    margin-bottom: 24px;
}

.card h1,
.card h2 { margin-top: 0; }
.narrow { max-width: 620px; margin-left: auto; margin-right: auto; }

.grid { display: grid; gap: 24px; }
.cards-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.cards-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }

.metric span { color: var(--muted); display: block; }
.metric strong { display: block; font-size: 2.6rem; line-height: 1.1; margin: 8px 0; }

.button,
button.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 12px;
    border: 1px solid var(--primary);
    background: var(--primary);
    color: white;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.button:hover,
button.button:hover { text-decoration: none; }
.button.ghost { background: transparent; color: var(--primary); }
.button.danger { background: var(--danger); border-color: var(--danger); }
.button.small { min-height: 34px; padding: 6px 10px; font-size: .9rem; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }

.form { display: grid; gap: 16px; }
.form-row { display: grid; gap: 6px; font-weight: 700; }
.form-row small,
.muted { color: var(--muted); font-weight: 400; }

input,
select,
textarea {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 10px 12px;
    font: inherit;
    color: var(--text);
    background: white;
}

textarea { resize: vertical; }
.checkbox { display: flex; gap: 8px; align-items: center; }
.checkbox input,
.role-list input { width: auto; }
.field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.inline-form { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.table-wrap { overflow-x: auto; }

table { width: 100%; border-collapse: collapse; }
th,
td { border-bottom: 1px solid var(--border); padding: 10px 12px; text-align: left; vertical-align: top; }
th { background: var(--soft); font-size: .9rem; }

.color-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
.flash { padding: 14px 16px; border-radius: 14px; margin-bottom: 16px; border: 1px solid var(--border); }
.flash.success { background: #ecfdf3; }
.flash.info { background: #ecfdf3; border-color: #12b76a; color: #027a48; }
.flash.warning { background: #fff7e6; }
.flash.danger { background: #fff1f0; }

.definition-list { display: grid; grid-template-columns: minmax(140px,240px) 1fr; gap: 10px 18px; }
.definition-list dt { font-weight: 800; }
.definition-list dd { margin: 0; color: var(--muted); }
.timeline { display: grid; gap: 14px; }
.timeline-entry { border-left: 4px solid var(--primary); padding: 2px 0 2px 16px; }
.timeline-entry h2 { font-size: 1.05rem; margin: 3px 0; }
.timeline-entry time,
.timeline-entry small { color: var(--muted); }

.placeholder-chat { display: grid; gap: 12px; max-width: 780px; margin: 18px 0; }
.chat-message { padding: 14px 16px; border-radius: 16px; max-width: 80%; }
.chat-message.bot { background: var(--soft); }
.chat-message.user { background: var(--primary); color: white; justify-self: end; }

.role-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; min-width: 340px; }
.admin-user-form { display: contents; }
.chart { width: 100%; min-height: 280px; border: 1px solid var(--border); border-radius: 16px; background: white; }
.changelog,
.debug { white-space: pre-wrap; background: #102033; color: #eef6fb; border-radius: 16px; padding: 18px; overflow-x: auto; }
.steps li { margin-bottom: 10px; }

.feature-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
    margin-top: 18px;
}

.feature-item {
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--soft);
    padding: 14px 16px;
    font-weight: 700;
    min-height: 58px;
    display: flex;
    align-items: center;
}

.feature-highlight {
    grid-column: 1 / -1;
    justify-content: center;
    text-align: center;
    font-weight: 900;
    background: #fff;
    border: 2px solid var(--primary);
}


.no-aquarium-warning {
    color: #b42318;
    font-weight: 900;
}

.no-aquarium-warning-input {
    color: #b42318;
    font-weight: 900;
}

.notice { border-color: #f4b400; background: #fffaf0; }
.notice h2 { color: #835400; }
.dashboard-welcome { background: linear-gradient(135deg,#fff 0%,#eef6fb 100%); }

.placeholder-page { min-height: 220px; }
.placeholder-text { font-size: 1.2rem; font-weight: 700; }

.information-page .lead {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--primary);
}

.info-sections {
    display: grid;
    gap: 18px;
}

.info-section {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    padding: 18px;
}

.info-section h3 {
    margin-top: 0;
    color: var(--primary);
}

.info-side {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--soft);
    font-weight: 800;
    text-align: center;
}


.site-footer { color: var(--muted); border-top: 1px solid var(--border); padding: 24px 0; }
.site-footer .container { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.footer-version-line { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.footer-build-label { color: var(--primary); font-weight: 700; }
.footer-impressum-link, .footer-legal-link { color: var(--primary); font-weight: 700; text-decoration: none; }
.footer-impressum-link:hover, .footer-impressum-link:focus-visible, .footer-legal-link:hover, .footer-legal-link:focus-visible { text-decoration: underline; }
.impressum-placeholder { font-weight: 700; }

@media (max-width: 900px) {
    .header-inner { align-items: flex-start; }
    .main-nav { order: 3; width: 100%; flex: 1 1 100%; }
    .submenu { position: static; width: 100%; margin-top: 4px; }
    .nav-item { flex-wrap: wrap; }
    .account-nav { order: 2; }
    .cards-2,
    .cards-3 { grid-template-columns: 1fr; }
    .hero { padding: 28px; }
    .field-grid { grid-template-columns: 1fr; }
}



@media (max-width: 700px) {
    html { font-size: 17px; }
    .feature-list { grid-template-columns: 1fr; }
    .feature-highlight { grid-column: auto; }
    .account-nav { width: 100%; justify-content: flex-start; margin-left: 0; }
    .role-list { min-width: 0; grid-template-columns: 1fr; }
}

.traffic-light-section {
    border-color: var(--primary);
    background: linear-gradient(135deg, #fff 0%, var(--soft) 100%);
}

.traffic-light {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: #fff;
    margin: 6px 0 10px;
}

.traffic-dot {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    opacity: .22;
    border: 2px solid rgba(23,50,77,.18);
}

.traffic-dot.red { background: #d92d20; }
.traffic-dot.yellow { background: #f6c344; }
.traffic-dot.green { background: #12b76a; }
.traffic-dot.active {
    opacity: 1;
    box-shadow: 0 0 0 4px rgba(11,115,183,.12), 0 6px 14px rgba(26,64,96,.18);
}

.account-nav {
    align-items: flex-start;
}

.account-user-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.account-role {
    color: var(--muted);
    background: var(--soft);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 7px 10px;
    font-size: 11px;
    line-height: 1.25;
    min-width: 110px;
}

.account-role strong {
    display: block;
    margin-bottom: 4px;
    color: var(--text);
}

.account-role-list {
    list-style: disc;
    margin: 0;
    padding-left: 16px;
    max-height: calc(4 * 1.25em);
    overflow-y: auto;
}

.account-role-list li {
    margin: 0;
}

.construction-visual {
    display: grid;
    justify-items: center;
    gap: 10px;
    margin-top: 20px;
}

.construction-visual img {
    width: min(100%, 420px);
    height: auto;
    display: block;
}

.dashboard-welcome .lead {
    color: var(--primary);
    font-size: 1.1rem;
}

.account-role,
.account-role-title,
.account-role-list,
.account-role-list li {
    font-size: 10px;
    font-weight: 400;
}

.account-role-title {
    display: block;
    margin-bottom: 4px;
    color: var(--text);
}

.account-role strong {
    font-weight: 400;
}

.admin-users-page,
.admin-users-page table,
.admin-users-page input,
.admin-users-page select,
.admin-users-page button,
.admin-users-page small {
    font-size: 11px;
}

.admin-users-heading {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.admin-users-heading h1 {
    margin: 0;
}

.user-counts {
    text-align: right;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
}

.admin-users-page .role-list {
    grid-template-columns: 1fr;
    min-width: 170px;
    gap: 4px;
}

.admin-users-page th,
.admin-users-page td {
    padding: 7px 8px;
}



@media (max-width: 700px) {
    .admin-users-heading {
        display: block;
    }
    .user-counts {
        text-align: left;
        margin-top: 8px;
    }
}


.admin-pending-alert {
    color: #d92d20;
    font-weight: 900;
}

.user-search-form {
    display: flex;
    gap: 10px;
    align-items: end;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.user-search-form label {
    display: grid;
    gap: 4px;
    font-weight: 700;
    min-width: 260px;
}

.admin-users-page {
    font-size: 11px;
}

.admin-users-title-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.admin-users-title-row h1 {
    margin-bottom: 0;
}

.user-counts {
    text-align: right;
    font-weight: 700;
    line-height: 1.45;
}

.admin-users-page th,
.admin-users-page td,
.admin-users-page input,
.admin-users-page select,
.admin-users-page button,
.admin-users-page .button {
    font-size: 11px;
}



@media (max-width: 700px) {
    .user-counts {
        text-align: left;
    }
}

.admin-appointments-page th,
.admin-appointments-page td,
.admin-appointments-page input,
.admin-appointments-page select,
.admin-appointments-page button,
.admin-appointments-page .button {
    font-size: 12px;
}

.admin-appointments-page input[name="action_date"] {
    min-width: 130px;
}


.inline-options {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.checkbox-group {
    border: 0;
    padding: 0;
    margin: 0;
}

.club-select-row {
    margin-top: -8px;
}


.profile-incomplete-notice {
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: var(--soft);
    font-weight: 700;
}


.diary-page table td {
    vertical-align: top;
}

.diary-page small {
    color: var(--muted);
}


.admin-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0;
}

.admin-diary-page textarea {
    width: 100%;
    min-width: 220px;
    resize: vertical;
}


.diary-page select {
    min-width: 150px;
}


.count-alert {
    color: var(--danger);
    font-weight: 700;
}

.user-identity-cell {
    line-height: 1.45;
}

.user-prefix {
    display: inline-block;
    min-width: 22px;
    font-weight: 700;
}

.public-welcome-title {
    white-space: nowrap;
}

.public-welcome-text {
    max-width: 900px;
    margin-top: 0;
}

@media (max-width: 760px) {
    .public-welcome-title {
        white-space: normal;
    }
}


.diary-create-page textarea {
    width: 100%;
    resize: vertical;
}

.diary-create-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
    margin-top: 18px;
}

.diary-create-actions .two-line {
    line-height: 1.15;
    min-height: 48px;
}


.aquarium-name-badge {
    display: inline-block;
    min-width: 90px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.18);
    color: #111;
    font-weight: 800;
}

.number-cell {
    text-align: right;
    white-space: nowrap;
}

.aquarium-overview-page .actions {
    margin: 16px 0 20px;
}

.aquarium-readonly-fields {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.placeholder-aquarium-field {
    margin: 14px 0 18px;
    max-width: 420px;
}

.aquarium-color-select,
.select-has-colored-content {
    font-weight: 700;
    color: #001f3d;
}

.select-has-colored-content:focus,
.select-has-colored-content:focus-visible,
.select-has-colored-content.select-is-open {
    border-color: #000;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .12);
}

.select-has-colored-content option {
    font-weight: 700;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.volume-calculator-page h1 {
    margin-bottom: 18px;
}

.volume-calculator-page p {
    line-height: 1.65;
}

.thin-info-frame {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 14px 16px;
    margin: 14px 0;
    background: #fff;
}

.thin-info-frame p:first-child {
    margin-top: 0;
}

.thin-info-frame p:last-child {
    margin-bottom: 0;
}

.volume-calculator-selection {
    margin-top: 24px;
}

.volume-calculator-selection h2 {
    font-size: 1.1rem;
    margin: 0 0 10px;
}

.volume-calculator-select-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.volume-calculator-select-form select {
    width: min(100%, 420px);
}

.volume-design-form {
    margin-top: 24px;
    gap: 8px;
}

.volume-design-block {
    margin: 0;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--soft);
}

.volume-design-block h2 {
    margin: 0 0 14px;
    font-size: 1.1rem;
}

.volume-field-grid {
    display: grid;
    gap: 14px;
}

.volume-field-grid.three-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.volume-design-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-weight: 800;
}

.volume-design-field input {
    width: 100%;
    min-height: 42px;
    background: #fff;
}

.volume-design-text {
    grid-column: span 2;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #fff;
}

.volume-design-text p {
    margin: 0;
}

.volume-wide-text {
    margin: 14px 0 0;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #fff;
}

.volume-toggle-group,
.volume-reef-group {
    margin-bottom: 10px;
}

.volume-toggle-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
}

.volume-toggle-group > span {
    display: inline-flex;
    align-items: center;
}

.volume-conditional-fields[hidden] {
    display: none !important;
}

.stacked-options {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.volume-result-fields {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.volume-result-fields .form-row {
    margin: 0;
}

@media (max-width: 860px) {
    .volume-field-grid.three-columns,
    .volume-result-fields {
        grid-template-columns: 1fr;
    }

    .volume-design-text {
        grid-column: span 1;
    }
}


.diary-rules-overview {
    margin: 18px 0 22px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--soft);
}

.diary-rules-overview h2 {
    margin-top: 0;
    font-size: 1.2rem;
}

.diary-rules-overview table td:first-child {
    font-weight: 800;
    white-space: nowrap;
}

.diary-origin-badge {
    display: inline-block;
    min-width: 82px;
    padding: 5px 9px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.18);
    font-size: .9rem;
    font-weight: 800;
    text-align: center;
}

.diary-origin-badge.manual {
    background: #fff8ce;
}

.diary-origin-badge.machine {
    background: #e8f4ff;
}

.water-values-aquarium-form .form-row {
    flex: 1 1 100%;
    max-width: 100%;
}

.water-values-aquarium-form .aquarium-color-select {
    width: 100%;
}

.aquarium-overview-page .aquarium-name-badge {
    min-width: 10ch;
    text-align: center;
}

.aquarium-overview-page .aquarium-name-badge.aquarium-name-long {
    min-width: 15ch;
}



.profile-user-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.profile-user-row .form-row {
    margin: 0;
    height: 100%;
}

.profile-user-row .form-row input {
    min-height: 42px;
}

.welcome-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 31, 61, .35);
}

.welcome-modal-window {
    width: min(100%, 620px);
    max-height: calc(100vh - 48px);
    overflow: auto;
    border-radius: 22px;
    border: 1px solid var(--border);
    background: #fff;
    box-shadow: 0 24px 80px rgba(0, 31, 61, .25);
    padding: 28px;
}

.welcome-modal-window h2 {
    margin-top: 0;
}

.welcome-modal-window ol {
    padding-left: 22px;
}

.delete-confirm-box {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--soft);
}

.button-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 14px;
}

@media (max-width: 720px) {
    .profile-user-row {
        grid-template-columns: 1fr;
    }
}

.volume-design-field small {
    color: var(--muted);
    font-weight: 600;
}

.volume-result-fields input[readonly] {
    font-weight: 800;
    text-align: right;
}

.volume-result-warning {
    margin: 10px 0 0;
    color: #027a48;
    font-weight: 700;
}


/* v0.03b: Beckenübersicht tabellarisch ausrichten */
.aquarium-overview-table th,
.aquarium-overview-table td {
    vertical-align: middle;
}

.aquarium-overview-table .aquarium-column-name {
    min-width: 14ch;
}

.aquarium-overview-table .aquarium-column-date {
    min-width: 12ch;
    white-space: nowrap;
}

.aquarium-overview-table .aquarium-column-volume {
    min-width: 13ch;
    text-align: right;
    white-space: nowrap;
}

.aquarium-overview-note {
    margin: 12px 0 0;
    color: var(--muted);
    font-size: .95rem;
}

/* v0.03g: Profilfelder und Ja/Nein-Auswahlen ausrichten */
.profile-user-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.inline-question-row {
    grid-template-columns: minmax(220px, 1fr) auto;
    align-items: center;
    column-gap: 16px;
    row-gap: 4px;
}

.inline-question-row small {
    grid-column: 1 / -1;
}

.inline-question-row .inline-options {
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}

.aquarium-all-page .intro-text {
    max-width: 920px;
}

.aquarium-all-page .intro-text p {
    margin: 0 0 12px;
}


.aquarium-all-empty-row td {
    color: var(--muted);
    font-weight: 700;
}

/* v0.03g: Profil-Kopf wie abgestimmte Vorlage ausrichten */
.profile-user-row {
    grid-template-columns: minmax(260px, 1fr) minmax(220px, 1fr);
    column-gap: 18px;
    row-gap: 10px;
    align-items: start;
    max-width: 720px;
}

.profile-user-row .form-row {
    display: grid;
    grid-template-rows: auto minmax(60px, auto) auto;
    align-items: start;
}

.profile-user-row .form-row > span {
    min-height: 28px;
}

.profile-user-row .form-row input {
    min-height: 60px;
    font-weight: 800;
}

@media (max-width: 720px) {
    .profile-user-row {
        grid-template-columns: 1fr;
        max-width: none;
    }
}


/* v0.03k: Alle Becken - Tabellenkopf gemäß Excel-Vorlage */
.aquarium-all-table-wrap {
    overflow-x: auto;
}

.aquarium-all-table {
    width: 100%;
    min-width: 980px;
    table-layout: fixed;
    border-collapse: collapse;
    border: 3px solid #000;
    background: #fff;
}

.aquarium-all-table col.col-username { width: 13.5%; }
.aquarium-all-table col.col-volume { width: 12.5%; }
.aquarium-all-table col.col-stock-fish,
.aquarium-all-table col.col-stock-invertebrates,
.aquarium-all-table col.col-stock-corals,
.aquarium-all-table col.col-stock-other { width: 7.5%; }
.aquarium-all-table col.col-start { width: 8%; }
.aquarium-all-table col.col-icp { width: 8%; }
.aquarium-all-table col.col-supply { width: 11%; }
.aquarium-all-table col.col-advisor { width: 7.5%; }
.aquarium-all-table col.col-status { width: 9.5%; }

.aquarium-all-table thead th {
    border: 2px solid #000;
    color: var(--text);
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.15;
    padding: 9px 6px;
    background: #fff;
}

.aquarium-all-table thead tr:last-child th,
.aquarium-all-table thead th[rowspan] {
    border-bottom-width: 3px;
}

.aquarium-all-table tbody td {
    border: 1px solid #000;
    text-align: center;
    vertical-align: middle;
    padding: 8px 6px;
}

.aquarium-all-table tbody tr:first-child td {
    border-top-width: 3px;
}

/* v0.03k: Berater-Anzeigefeld im Profil und in der Admin-Nutzeransicht */
.profile-advisor-display {
    min-height: 24px;
    margin-top: 8px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #fff;
    color: var(--text);
    font-weight: 800;
    line-height: 1.2;
    padding: 4px 8px;
}

.profile-advisor-display.has-advisor {
    color: #87cefa;
    border-color: #87cefa;
}

.profile-advisor-test-label {
    display: block;
    margin-top: 3px;
    font-size: 10px;
    line-height: 1.1;
    color: var(--muted);
}

.admin-advisor-display {
    max-width: 120px;
    min-height: 20px;
    margin-top: 6px;
    padding: 3px 6px;
}

.admin-advisor-test-label {
    margin-left: 0;
}


/* v0.03k: Profilfelder kompakter, temporäre Kontrolllinie für Höhenabgleich */
.profile-card .form {
    gap: 12px;
}

.profile-card input,
.profile-card select,
.profile-card textarea {
    padding: 7px 12px;
    min-height: 42px;
    border-radius: 10px;
}

.profile-card .form-row {
    gap: 4px;
}

.profile-card .profile-user-row {
    max-width: 720px;
    align-items: start;
}

.profile-card .profile-user-row .form-row {
    grid-template-rows: auto auto auto;
}

.profile-card .profile-user-row .form-row > span {
    min-height: 24px;
}

.profile-card .profile-user-row .form-row input {
    min-height: 42px;
    padding: 7px 14px;
    border-top: 2px solid #e00000;
    font-weight: 800;
}

.profile-card .profile-advisor-display {
    width: 100%;
    min-height: 42px;
    margin-top: 8px;
    padding: 7px 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-weight: 800;
}

.profile-card .profile-advisor-test-label {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.1;
}

/* v0.03m: Profil-Höhenabgleich anhand Kontrolllinien */
.profile-card .profile-top-align-row {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
    column-gap: 22px;
    row-gap: 8px;
    align-items: start;
    max-width: 720px;
}

.profile-card .profile-top-field {
    display: grid;
    grid-template-rows: 26px 42px auto;
    gap: 4px;
    align-items: start;
    margin: 0;
}

.profile-card .profile-top-label {
    min-height: 26px;
    display: flex;
    align-items: end;
    font-weight: 800;
    line-height: 1.1;
}

.profile-card .profile-top-field > input {
    height: 42px;
    min-height: 42px;
    padding: 7px 14px;
    box-sizing: border-box;
    border-top: 2px solid #e00000;
    font-weight: 800;
}

.profile-card .profile-top-field .profile-username-help {
    margin: 0;
    color: var(--muted);
    font-weight: 400;
    line-height: 1.45;
}

.profile-card .profile-top-field .profile-advisor-display {
    width: 100%;
    min-height: 42px;
    height: 42px;
    margin-top: 0;
    padding: 7px 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-weight: 800;
}

.profile-card .profile-top-field .profile-advisor-test-label {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.1;
}

@media (max-width: 720px) {
    .profile-card .profile-top-align-row {
        grid-template-columns: 1fr;
        max-width: none;
    }
}

/* v0.03m: Benutzer-Rollen Suchzeile und rechter Nutzerzahl-Block */
.admin-users-page .user-search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.admin-users-page .user-search-form label {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    font-weight: 700;
}

.admin-users-page .user-search-form label span {
    white-space: nowrap;
}

.admin-users-page .user-search-form input[type="search"] {
    width: 260px;
}

.admin-users-page .user-counts .advisor-count-label {
    text-align: right;
    font-weight: 700;
    line-height: 1.45;
}

/* v0.03o: Benutzer-Rollen Kopfbereich und Berater-Zählung */
.admin-users-page .admin-users-title-row {
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 12px;
    padding: 0 0 8px;
}

.admin-users-page .admin-users-title-row h1 {
    margin: 0;
    line-height: 1.1;
}

.admin-users-page .user-counts {
    margin-top: 0;
    margin-left: auto;
    text-align: right;
    line-height: 1.45;
    white-space: nowrap;
}

.admin-users-page .user-search-form {
    margin-top: 0;
    margin-bottom: 18px;
}

.admin-users-page .user-counts .advisor-count-red {
    color: #d00000;
}

.admin-users-page .user-counts .advisor-count-blue {
    color: #006bb6;
}

.admin-users-page .user-counts .advisor-count-green {
    color: #1b7f2a;
}



@media (max-width: 700px) {
    .admin-users-page .admin-users-title-row {
        flex-wrap: wrap;
    }

    .admin-users-page .user-counts {
        width: 100%;
        text-align: left;
        margin-left: 0;
        margin-top: 8px;
    }
}

/* v0.03o: Benutzer-Rollen kompakter Kopfbereich mit Suchzeile direkt unter der Überschrift */
.admin-users-page .admin-users-compact-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.admin-users-page .admin-users-heading-search {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
}

.admin-users-page .admin-users-heading-search h1 {
    margin: 0;
    line-height: 1.05;
}

.admin-users-page .admin-users-heading-search .user-search-form {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.admin-users-page .admin-users-heading-search .user-search-form label {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.admin-users-page .admin-users-heading-search .user-search-form input[type="search"] {
    width: 230px;
    max-width: 100%;
}

.admin-users-page .admin-users-compact-head .user-counts {
    display: grid;
    gap: 3px;
    align-content: start;
    justify-items: end;
    margin-top: 0;
    line-height: 1.22;
    text-align: right;
}



@media (max-width: 700px) {
    .admin-users-page .admin-users-compact-head {
        flex-wrap: wrap;
    }

    .admin-users-page .admin-users-compact-head .user-counts {
        width: 100%;
        justify-items: start;
        text-align: left;
        margin-left: 0;
    }
}


/* v0.03p: Benutzer-Rollen Spalten-Optimierung */
.admin-users-page .admin-users-table {
    table-layout: fixed;
    min-width: 1040px;
}

.admin-users-page .admin-users-table col.col-user { width: 14%; }
.admin-users-page .admin-users-table col.col-email { width: 16%; }
.admin-users-page .admin-users-table col.col-login-date { width: 8%; }
.admin-users-page .admin-users-table col.col-business { width: 5%; }
.admin-users-page .admin-users-table col.col-status { width: 9%; }
.admin-users-page .admin-users-table col.col-roles { width: 30%; }
.admin-users-page .admin-users-table col.col-logout-date { width: 9%; }
.admin-users-page .admin-users-table col.col-action { width: 9%; }

.admin-users-page .admin-users-table .compact-col {
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
}

.admin-users-page .admin-users-table .date-col,
.admin-users-page .admin-users-table .business-col,
.admin-users-page .admin-users-table .status-col,
.admin-users-page .admin-users-table .logout-col {
    text-align: left;
}

.admin-users-page .admin-users-table .business-col {
    text-align: center;
}

.admin-users-page .admin-users-table .status-col select {
    width: 100%;
    min-width: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.admin-users-page .admin-users-table .action-col {
    text-align: right;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}

.admin-users-page .admin-users-table .action-col form {
    display: inline-flex;
    justify-content: flex-end;
}

.admin-users-page .admin-users-table .roles-col {
    padding-left: 8px;
    padding-right: 8px;
}


/* v0.03q: Benutzer-Rollen zweispaltige Rollenanzeige nach Vorgabe */
.admin-users-page .admin-users-table .role-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 4px 14px;
    min-width: 260px;
    align-items: start;
}

.admin-users-page .admin-users-table .role-list label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    line-height: 1.25;
}



@media (max-width: 700px) {
    .admin-users-page .admin-users-table .role-list {
        grid-template-columns: 1fr;
        min-width: 0;
    }
}

/* v0.03r: Futterübersicht Text- und Layoutseite ohne technische Speicherung */
.food-overview-page .food-intro-text {
    max-width: 980px;
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
}

.food-overview-page .food-intro-text p {
    margin: 0;
}

.food-filter-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 18px 0;
}

.food-tank-select-label {
    font-weight: 800;
}

.food-tank-select {
    min-width: 240px;
}

.food-missing-button {
    white-space: nowrap;
}

.food-overview-table th,
.food-overview-table td {
    vertical-align: middle;
}

.food-overview-table th {
    white-space: nowrap;
}

.food-empty-row td {
    color: var(--muted);
    font-style: italic;
    text-align: center;
}

.food-overview-check-cell {
    text-align: center;
    width: 44px;
}

.food-overview-row-check {
    width: 18px;
    height: 18px;
}


/* v0.03s: Futter aufnehmen und Futterübersicht als reine Text-/Layoutseiten */
.food-type-page .food-intro-text,
.food-overview-page .food-intro-text {
    max-width: 980px;
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
}

.food-type-page .food-intro-text p,
.food-overview-page .food-intro-text p {
    margin: 0;
}

.food-small-heading {
    font-size: 1rem;
    line-height: 1.35;
    margin: 18px 0 12px;
    font-weight: 800;
}

.food-form-layout {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px 16px;
    margin: 12px 0 18px;
}

.food-form-layout .form-field {
    display: grid;
    gap: 5px;
}

.food-form-layout label {
    font-weight: 800;
}

.food-form-layout input,
.food-form-layout select,
.food-form-layout textarea {
    min-height: 34px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #f7f9fb;
}

.food-form-field-wide {
    grid-column: span 2;
}

.food-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 14px;
}

.food-empty-row td {
    color: #b00020;
    font-style: italic;
    text-align: center;
    font-weight: 700;
}

.food-table-note {
    margin-top: 10px;
    font-size: 0.92rem;
    color: var(--muted);
}

@media (max-width: 800px) {
    .food-form-layout {
        grid-template-columns: 1fr;
    }

    .food-form-field-wide {
        grid-column: auto;
    }
}

/* v0.03t/v0.03u: Futterübersicht mit Becken-Auswahl, Verlinkung und zweigeteilter Tabelle */
.food-filter-row .aquarium-color-select {
    min-width: 240px;
}

/* v0.03u: Becken, Auswahlliste und Button auf einer Linie */
.food-overview-page .food-filter-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}

.food-overview-page .food-filter-row .aquarium-color-select,
.food-overview-page .food-filter-row .food-tank-select {
    flex: 0 0 260px;
}

.food-overview-page .food-filter-row .food-missing-button {
    flex: 0 0 auto;
}

@media (max-width: 760px) {
    .food-overview-page .food-filter-row {
        flex-wrap: wrap;
    }
}

.food-deleted-separator {
    display: grid;
    gap: 8px;
    margin: 18px 0 14px;
    align-items: center;
}

.food-deleted-separator hr {
    width: 100%;
    border: 0;
    border-top: 1px solid var(--border);
    margin: 0;
}

.food-deleted-separator p {
    margin: 0;
    color: #003b7a;
    font-weight: 800;
}

.food-overview-all-page .food-table-wrap {
    margin-top: 16px;
}

/* v0.03v: F-Kürzel als Layoutspalte/-feld in Futterübersicht und Futter aufnehmen ergänzt. */

/* v0.03w: Futterart-Auswahlliste mit 1:1-Anzeige des F-Kürzels. */
.food-form-layout select {
    min-height: 34px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #f7f9fb;
    padding: 6px 10px;
    font: inherit;
}

.food-form-layout .food-code-field {
    justify-items: start;
}

.food-form-layout .food-code-display {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    width: 7.5ch;
    max-width: 7.5ch;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #f7f9fb;
    padding: 6px 8px;
    color: var(--text);
    font: inherit;
    font-weight: 800;
    pointer-events: none;
    user-select: none;
}

/* v0.03x: Futtersorte, Hersteller/Marke, Intervall und Fütterungsart als Auswahllisten ergänzt. */

/* v0.03y/v0.03z: Info-Punkt am Feld Aquariumverein und Glasstärke */
.label-with-info {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.info-dot {
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #87cefa;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.info-dot:focus-visible {
    outline: 2px solid #003b73;
    outline-offset: 2px;
}

.info-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 31, 61, .28);
}

.info-modal-backdrop[hidden] {
    display: none;
}

.info-modal-window {
    width: min(100%, 420px);
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 60px rgba(0, 31, 61, .22);
    padding: 22px;
}

.info-modal-window h2 {
    margin-top: 0;
    margin-bottom: 12px;
}

.info-modal-window p {
    margin-bottom: 18px;
}


/* v0.03z: Futterart/Futtersorte-Verknüpfung und Info-Punkte auf ca. 4 mm. */
.food-small-heading {
    scroll-margin-top: 12px;
}

/* v0.04h: Futter aufnehmen: Standard-Innenabstand und 80px Außenabstand unter dem Formularblock. */
.food-type-page {
    padding-bottom: 24px;
    margin-bottom: 80px;
}

.food-form-missing-note {
    margin: 10px 0 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.food-overview-page .food-filter-row .food-form-button {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* v0.04g: Futter-Formular und Futterart/Futtersorte-Regeln FU, G und O. */
.food-form-page .food-form-empty-note {
    color: #b00020;
    font-weight: 800;
}


/* v0.04h: Startblock Informationen und Futter-Formular Vorschlagslayout. */
.info-start-block .checkbox-inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-weight: 800;
}

.info-start-block input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

.food-form-page .food-form-intro {
    margin: 0 0 14px;
}

.food-suggestion-wrap {
    overflow-x: auto;
    margin-top: 14px;
    max-width: 790px;
    padding-bottom: 8px;
}

.food-suggestion-table {
    width: max-content;
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 790px;
}

.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child {
    width: 160px;
}

.food-suggestion-table th:not(:first-child),
.food-suggestion-table td:not(:first-child) {
    width: 210px;
}

.food-suggestion-table th,
.food-suggestion-table td {
    border: 1px solid var(--border);
    padding: 6px;
    vertical-align: middle;
}

.food-suggestion-table th {
    background: #e9f3fb;
    font-weight: 800;
    text-align: left;
}

.food-suggestion-table .food-suggestion-field-name {
    width: 160px;
    font-weight: 800;
    color: var(--text);
    background: #f7f9fb;
}

.food-suggestion-table input {
    width: 100%;
    min-height: 32px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: #fff;
    padding: 5px 7px;
    font: inherit;
}

.food-suggestion-column[hidden],
.food-suggestion-cell[hidden] {
    display: none;
}

.food-form-button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}


/* v0.04k: Futter-Formular Prüfung, TXT-Dialog und maximal 3 sichtbare Vorschlags-Spalten mit Scrollleiste. */
.food-form-help {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: 0.9rem;
}

.food-suggestion-message {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #e5a3a3;
    border-radius: 9px;
    background: #fff4f4;
    color: #8f0000;
    font-weight: 700;
}

.food-suggestion-table input.food-suggestion-input-error {
    border-color: #b00020;
    box-shadow: 0 0 0 2px rgba(176, 0, 32, 0.12);
}

.food-suggestion-dialog {
    width: min(780px, calc(100vw - 32px));
    max-height: calc(100vh - 80px);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.25);
}

.food-suggestion-dialog::backdrop {
    background: rgba(0, 0, 0, 0.42);
}

.food-suggestion-dialog-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.food-suggestion-dialog-head h2 {
    margin: 0;
}

.food-suggestion-dialog-content {
    display: grid;
    gap: 12px;
}

.food-suggestion-file {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 10px;
    background: #f7f9fb;
}

.food-suggestion-file h3 {
    margin: 0 0 8px;
    font-size: 1rem;
}

.food-suggestion-file pre {
    margin: 0;
    white-space: pre-wrap;
    overflow-x: auto;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px;
}

/* v0.04l: Admin-Kontrolle für gespeicherte Futter-Vorschläge. */
.admin-food-suggestions-toolbar {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    flex-wrap: wrap;
    margin: 16px 0 18px;
}

.food-suggestion-fill {
    flex: 1 1 520px;
    min-width: 280px;
}

.food-suggestion-fill-bar {
    height: 18px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: #fff;
    overflow: hidden;
}

.food-suggestion-fill-bar span {
    display: block;
    height: 100%;
    background: var(--primary);
}

.food-suggestion-fill-scale {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 4px;
    font-size: 0.78rem;
    color: var(--muted);
    font-weight: 700;
}

.food-suggestion-fill-text {
    margin-top: 4px;
    font-size: 0.9rem;
    font-weight: 800;
}

.admin-food-suggestions-page table input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

/* v0.04m: Futter-Formular Zusatztext, Vorprüfung, www.-Prüfung und feste Spalte Vorschlag1. */
.food-form-description-note {
    margin: 12px 0 14px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #f7f9fb;
}

.food-form-description-note p {
    margin: 0 0 8px;
}

.food-form-description-note p:last-child {
    margin-bottom: 0;
}

.food-form-prerequisite-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px dashed var(--border);
    border-radius: 10px;
    background: #fff;
}

.food-form-prerequisite-note span {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px 9px;
    font-weight: 800;
    font-size: 0.86rem;
}

.food-form-prerequisite-note .status-ok {
    background: #e8f7ee;
    color: #176132;
}

.food-form-prerequisite-note .status-open {
    background: #fff4f4;
    color: #8f0000;
}

.food-form-prerequisite-note small {
    flex-basis: 100%;
    color: var(--muted);
}

.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
}

.food-suggestion-table th[data-suggestion-column="1"],
.food-suggestion-table td[data-suggestion-column="1"] {
    position: sticky;
    left: 160px;
    z-index: 3;
    background: #fff;
}

.food-suggestion-table thead th:first-child,
.food-suggestion-table thead th[data-suggestion-column="1"] {
    z-index: 6;
    background: #e9f3fb;
}

.food-suggestion-table td:first-child,
.food-suggestion-table .food-suggestion-field-name {
    background: #f7f9fb;
}

.food-suggestion-table td[data-suggestion-column="1"] {
    box-shadow: 4px 0 6px rgba(0, 0, 0, 0.04);
}


/* v0.04n: Feldname-Spalte festhalten, Vorschlagsspalten 10 % breiter, Kopier-Prüfsperre entfernt. */
.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child,
.food-suggestion-table .food-suggestion-field-name {
    position: sticky;
    left: 0;
    z-index: 8;
}

.food-suggestion-table thead th:first-child {
    z-index: 10;
    background: #e9f3fb;
}

.food-suggestion-table .food-suggestion-field-name {
    background: #f7f9fb;
    box-shadow: 4px 0 6px rgba(0, 0, 0, 0.04);
}

/* v0.04o: Hersteller-Hinweis, Kopieren letzter gültiger Vorschlag, doppelte Futterart/Futtersorte sperren. */
.food-form-manufacturer-hint {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #d8c37a;
    border-radius: 9px;
    background: #fffbe6;
    color: #604800;
    font-weight: 800;
}

button.button:disabled,
button.button[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(0.15);
}

/* v0.04p: Scrollbalken immer sichtbar, nur Feldname fest, Info-Punkt und Anmerkung-Autohöhe. */
.food-suggestion-wrap {
    overflow-x: scroll;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.food-suggestion-wrap::-webkit-scrollbar:horizontal {
    height: 2mm;
}

.food-suggestion-wrap::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 73, 120, 0.45);
}

.food-suggestion-wrap::-webkit-scrollbar-track {
    background: rgba(0, 73, 120, 0.08);
}

.food-suggestion-table th[data-suggestion-column="1"],
.food-suggestion-table td[data-suggestion-column="1"] {
    position: static !important;
    left: auto !important;
    z-index: auto !important;
    box-shadow: none !important;
}

.food-suggestion-table thead th[data-suggestion-column="1"] {
    position: static !important;
    left: auto !important;
    z-index: auto !important;
    background: #e9f3fb;
}

.food-suggestion-table td[data-suggestion-column="1"] {
    background: #fff;
}

.food-suggestion-table textarea {
    width: 100%;
    min-height: calc(2.7em + 14px);
    border: 1px solid var(--border);
    border-radius: 7px;
    background: #fff;
    padding: 5px 7px;
    font: inherit;
    line-height: 1.35;
    resize: none;
    overflow: hidden;
}

.food-suggestion-table textarea.food-suggestion-input-error {
    border-color: #b00020;
    box-shadow: 0 0 0 2px rgba(176, 0, 32, 0.12);
}

.food-suggestion-info-dot {
    width: 4mm;
    height: 4mm;
    min-width: 4mm;
    min-height: 4mm;
    line-height: 4mm;
    font-size: 11px;
    font-weight: 800;
    background: #87cefa;
    color: #fff;
}

.food-suggestion-copy-button {
    margin-left: 1cm;
}

.food-form-button-row {
    align-items: center;
}

/* v0.04q: Futter-Info als Seiten-Dialog, schrittweise Vorschlagsspalten und Technikseiten. */
.food-suggestion-info-dialog {
    width: min(520px, calc(100vw - 32px));
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 22px 24px 24px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
    color: var(--text);
}

.food-suggestion-info-dialog::backdrop {
    background: rgba(31, 41, 51, 0.42);
}

.food-suggestion-info-dialog h2 {
    margin: 0 0 14px;
    font-size: 1.45rem;
}

.food-suggestion-info-dialog p {
    margin: 0 0 22px;
    line-height: 1.55;
}

.technology-description-block,
.technology-entry-block,
.technology-table-block {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #f7f9fb;
}

.technology-description-block p {
    margin: 0 0 12px;
}

.technology-description-block p:last-child {
    margin-bottom: 0;
}

.technology-filter-form {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.technology-overview-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.technology-overview-table th,
.technology-overview-table td {
    border: 1px solid var(--border);
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

.technology-overview-table th {
    background: #e9f3fb;
    font-weight: 800;
}

.technology-entry-block h2 {
    margin: 0 0 12px;
    font-size: 1.15rem;
}

.technology-entry-fields {
    display: grid;
    grid-template-columns: minmax(220px, 420px);
    gap: 12px;
}

.technology-entry-fields input,
.technology-entry-fields select {
    width: 100%;
}

.technology-action-row {
    margin-top: 14px;
}

.technology-note {
    margin-top: 10px;
    color: var(--muted);
    font-size: 0.92rem;
}

/* v0.04r: Technik anlegen einzeilig, Futter-Anmerkung oben, Becken-Platzhalter normal. */
.technology-entry-fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.technology-entry-fields .form-field {
    display: grid;
    grid-template-columns: minmax(170px, 240px) minmax(220px, 420px);
    align-items: center;
    gap: 12px;
}

.technology-entry-fields .form-field label {
    font-weight: 800;
    margin: 0;
}

.technology-entry-fields input,
.technology-entry-fields select {
    width: 100%;
}

.food-suggestion-table .food-suggestion-note-row td {
    vertical-align: top;
}

.food-suggestion-table .food-suggestion-note-row .food-suggestion-field-name {
    padding-top: 12px;
}

.food-suggestion-table .food-suggestion-note-row textarea {
    display: block;
    vertical-align: top;
}

.aquarium-create-page input,
.aquarium-create-page select {
    font-weight: 400;
}

.aquarium-create-page input::placeholder {
    font-weight: 400;
}

.aquarium-create-page input::-webkit-input-placeholder {
    font-weight: 400;
}

.aquarium-create-page input::-moz-placeholder {
    font-weight: 400;
}





.aquarium-date-picker-shell {
    position: relative;
    display: block;
}

.aquarium-date-picker-shell .aquarium-start-date-input {
    padding-right: 58px;
}

.aquarium-date-picker-shell .aquarium-start-native-date {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 100%;
    padding: 0;
    border-left: 1px solid var(--border);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    color: transparent;
    cursor: pointer;
}

@media (max-width: 700px) {
    .technology-entry-fields .form-field {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}



/* v0.04s: Technik-Becken-Auswahl und Beckenstart-Kalender-Icon. */
.aquarium-date-picker-shell .aquarium-start-native-date {
    color: var(--text);
    text-indent: 999px;
    overflow: hidden;
}

.aquarium-date-picker-shell .aquarium-start-native-date::-webkit-calendar-picker-indicator {
    opacity: 1;
    cursor: pointer;
    margin-right: 12px;
}

.technology-entry-fields .aquarium-color-select {
    width: 100%;
}

/* v0.04t: Kostenübersicht und Korrekturen Futter-Formular Scroll/Becken-Zeile. */
.food-form-aquarium-filter {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    margin: 12px 0 10px;
}

.food-form-aquarium-filter label {
    font-weight: 800;
    margin: 0;
}

.food-form-aquarium-filter .aquarium-color-select {
    min-width: 220px;
    max-width: 320px;
}

.food-suggestion-wrap {
    overflow-x: scroll !important;
    scrollbar-gutter: stable both-edges;
    scrollbar-width: auto;
    max-width: 790px;
    padding-bottom: 5mm;
}

.food-suggestion-wrap::-webkit-scrollbar:horizontal {
    height: 5mm;
}

.food-suggestion-table {
    min-width: 1315px;
}

.food-suggestion-table th:not(:first-child),
.food-suggestion-table td:not(:first-child) {
    width: 231px;
}

.costs-info-block,
.costs-form-block {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #f7f9fb;
}

.costs-info-block p {
    margin: 0 0 12px;
}

.costs-info-block p:last-child {
    margin-bottom: 0;
}

.costs-overview-form {
    display: grid;
    gap: 14px;
}

.costs-power-block {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 260px) minmax(180px, 260px);
    gap: 12px;
    align-items: end;
}

.costs-inline-field label,
.costs-aquarium-filter-row label,
.costs-analysis-choice legend {
    font-weight: 800;
}

.costs-euro-input {
    display: flex;
    align-items: center;
    gap: 8px;
}

.costs-euro-input input {
    max-width: 130px;
}

.costs-euro-input span {
    font-weight: 800;
}

.costs-analysis-choice {
    border: 0;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.costs-analysis-choice legend {
    margin-bottom: 6px;
    width: 100%;
}

.costs-analysis-choice label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.costs-aquarium-filter-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.costs-aquarium-filter-row .aquarium-color-select {
    min-width: 220px;
    max-width: 340px;
}

.costs-overview-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.costs-overview-table th,
.costs-overview-table td {
    border: 1px solid var(--border);
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

.costs-overview-table th {
    background: #e9f3fb;
    font-weight: 800;
}

.costs-note {
    margin-top: 10px;
    color: var(--muted);
    font-size: 0.92rem;
}

@media (max-width: 800px) {
    .costs-power-block {
        grid-template-columns: 1fr;
    }

    .food-form-aquarium-filter,
    .costs-aquarium-filter-row {
        flex-wrap: wrap;
    }
}


/* v0.04u: Futter-Formular mit 3 festen Vorschlagsspalten ohne Kopieren/Scroll-Probleme. */
.food-suggestion-wrap {
    overflow-x: visible !important;
    max-width: none !important;
    padding-bottom: 0 !important;
}

.food-suggestion-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
}

.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child,
.food-suggestion-table .food-suggestion-field-name {
    width: 160px !important;
}

.food-suggestion-table th:not(:first-child),
.food-suggestion-table td:not(:first-child) {
    width: auto !important;
}

.food-suggestion-table input,
.food-suggestion-table textarea {
    width: 100%;
    box-sizing: border-box;
}

/* v0.04v: Futter-Formular ohne Scrollbalken, 3 gleichgroße Eingabespalten, schmalere Feldname-Spalte. */
.food-suggestion-wrap {
    overflow-x: visible !important;
    max-width: none !important;
    width: 100% !important;
    padding-bottom: 0 !important;
}

.food-suggestion-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child,
.food-suggestion-table .food-suggestion-field-name {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
}

.food-suggestion-table th:not(:first-child),
.food-suggestion-table td:not(:first-child) {
    width: calc((100% - 125px) / 3) !important;
}

.food-suggestion-table input,
.food-suggestion-table textarea {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.technology-action-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.food-form-layout .aquarium-color-select {
    width: 100%;
}


/* v0.04w: Futter aufnehmen - Futterart + F-Kürzel zusammen maximal so breit wie Intervall; rote Becken-Warnung und einheitliche Buttonreihe. */
.food-type-page .no-aquarium-warning {
    margin: 12px 0 10px;
}

.food-type-page .food-form-layout {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.food-type-page .food-form-layout .form-field {
    grid-column: span 2;
    min-width: 0;
}

.food-type-page .food-form-layout .food-type-field,
.food-type-page .food-form-layout .food-code-field {
    grid-column: span 1;
}

.food-type-page .food-form-field-wide {
    grid-column: span 4;
}

.food-type-page .food-form-layout select,
.food-type-page .food-form-layout input,
.food-type-page .food-form-layout textarea,
.food-type-page .food-code-display {
    width: 100%;
    box-sizing: border-box;
}

.food-type-page .food-action-row .button,
.food-type-page .food-action-row button.button {
    min-width: 220px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}

@media (max-width: 800px) {
    .food-type-page .food-form-layout {
        grid-template-columns: 1fr;
    }
    .food-type-page .food-form-layout .form-field,
    .food-type-page .food-form-layout .food-type-field,
    .food-type-page .food-form-layout .food-code-field,
    .food-type-page .food-form-field-wide {
        grid-column: auto;
    }
    .food-type-page .food-action-row .button,
    .food-type-page .food-action-row button.button {
        width: 100%;
        min-width: 0;
    }
}


/* v0.04x: Technik-Übersicht Becken-Zeile einzeilig, rote Technik-Hinweise und aktive Futter-Buttons einheitlich. */
.technology-filter-form {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.technology-filter-form .form-field {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    margin: 0;
}

.technology-filter-form label {
    font-weight: 800;
    margin: 0;
}

.technology-filter-form .aquarium-color-select {
    min-width: 220px;
    max-width: 360px;
}

.technology-empty-warning {
    color: #b00020;
    font-weight: 800;
}

.food-type-page .food-action-row .button,
.food-type-page .food-action-row button.button {
    flex: 0 0 245px;
    width: 245px;
    min-width: 245px;
    max-width: 245px;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 12px;
    border-color: var(--primary);
    background: var(--primary);
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
}

@media (max-width: 760px) {
    .technology-filter-form,
    .technology-filter-form .form-field {
        flex-wrap: wrap;
    }

    .food-type-page .food-action-row .button,
    .food-type-page .food-action-row button.button {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
        min-width: 0;
    }
}


/* v0.04y: Wunschbesatz-Verlinkung, F-Kürzel rechts am Futtersorte-Feld und variable Buttonbreiten. */
.food-type-page .food-form-layout .food-code-field {
    justify-items: end;
    align-items: end;
}

.food-type-page .food-form-layout .food-code-field label {
    justify-self: end;
}

.food-type-page .food-code-display {
    width: 7.5ch !important;
    min-width: 7.5ch !important;
    max-width: 7.5ch !important;
    justify-self: end;
}

.food-type-page .food-action-row .button,
.food-type-page .food-action-row button.button {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    min-height: 44px;
    padding: 10px 16px;
    white-space: nowrap;
}

.food-overview-page .food-filter-row .button,
.food-overview-page .food-filter-row button.button {
    min-height: 42px;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    line-height: 1.2;
}

@media (max-width: 760px) {
    .food-type-page .food-action-row .button,
    .food-type-page .food-action-row button.button {
        flex: 0 1 auto;
        width: auto;
        max-width: 100%;
    }
}


/* v0.04z: Button-Schriftgrößen Futter aufnehmen/Futterübersicht angleichen. */
.food-type-page .food-action-row .button,
.food-type-page .food-action-row button.button {
    font-size: 1rem;
}

.food-type-page .food-action-row button[type="submit"] {
    font-size: 1rem;
}

.food-overview-page .food-filter-row button[type="submit"],
.food-overview-page .food-filter-row .button {
    font-size: 1rem;
}


/* v0.05a Login-Daten Protokoll */
.admin-login-data-toolbar {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
}
.admin-login-data-table th,
.admin-login-data-table td {
    white-space: nowrap;
}


/* v0.05b: Kostenübersicht Berechnungsmodi pro Tag / Monat / Jahr. */
.costs-aquarium-filter-row .cost-mode-button {
    border: 0;
    color: #fff;
    font-weight: 800;
    min-height: 38px;
    box-shadow: none;
}

.cost-mode-day { background: #d5bf4c; }
.cost-mode-month { background: #e29283; }
.cost-mode-year { background: #d857cc; }

.cost-mode-button.active,
.cost-mode-button:focus-visible {
    outline: 3px solid rgba(17, 24, 39, 0.28);
    outline-offset: 2px;
    filter: saturate(1.15) brightness(1.04);
}

.cost-mode-button:hover { filter: brightness(0.95); }

.costs-calculation-title {
    margin: 0 0 12px;
    font-size: 1.15rem;
    font-weight: 900;
}

.cost-heading-day { color: #d5bf4c; }
.cost-heading-month { color: #e29283; }
.cost-heading-year { color: #d857cc; }

/* v0.05c: Kostenübersicht Stromdaten speichern und Kostenmodi erst nach Pflichtfeldern aktivieren. */
.costs-power-block {
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 220px) minmax(180px, 240px) auto;
}

.costs-save-action {
    display: flex;
    align-items: end;
    justify-content: flex-start;
}

.costs-save-action .button {
    min-height: 38px;
    white-space: nowrap;
}

.costs-required-warning {
    margin: 12px 0 0;
    color: #b00020;
    font-weight: 400;
}

.cost-mode-button:disabled,
.cost-mode-button[aria-disabled="true"] {
    opacity: 0.45;
    cursor: not-allowed;
    filter: grayscale(0.25);
}

.cost-mode-button:disabled:hover,
.cost-mode-button[aria-disabled="true"]:hover {
    filter: grayscale(0.25);
}

@media (max-width: 980px) {
    .costs-power-block {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .costs-power-block {
        grid-template-columns: 1fr;
    }
}


/* v0.05d: Kostenübersicht Stromdaten-Reihenfolge, Farben und Ausrichtung. */
.costs-required-warning {
    color: #b00020;
    font-weight: 400;
}

.cost-mode-day { background: #d5bf4c; }
.cost-mode-month { background: #e29283; }
.cost-mode-year { background: #d857cc; }

.costs-overview-table .number-col,
.costs-overview-table .cost-value,
.costs-overview-table .cost-mode-heading {
    text-align: right;
}

.cost-heading-day { color: #d5bf4c; }
.cost-heading-month { color: #e29283; }
.cost-heading-year { color: #d857cc; }

/* v0.05e: Kostenübersicht Hinweis bei fehlender Beckenauswahl. */
.costs-selection-warning {
    color: #b00020;
    font-weight: 400;
}


/* v0.05g: Futter-Formular Feldname-Spalte verbreitern und Fehlertexte ohne Fettschrift. */
.food-suggestion-message {
    font-weight: 400 !important;
}

.food-suggestion-table th:first-child,
.food-suggestion-table td:first-child,
.food-suggestion-table .food-suggestion-field-name {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    white-space: nowrap;
}

.food-suggestion-table th:not(:first-child),
.food-suggestion-table td:not(:first-child) {
    width: calc((100% - 170px) / 3) !important;
}

/* v0.05h: Technik-Prüfungen, Technikübersicht-Spalten und Futter-ABC. */
.technology-overview-table .technology-date-column {
    width: 118px;
    min-width: 118px;
    max-width: 118px;
    text-align: left;
}

.technology-overview-table .technology-maintenance-column {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    white-space: normal;
}

.food-abc-page .food-abc-block {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #f7f9fb;
}

.food-abc-page .food-abc-block h2 {
    margin: 0 0 10px;
    font-size: 1.1rem;
}

.food-abc-page .food-abc-block p {
    margin: 0 0 8px;
}

.food-abc-page .food-abc-block ul {
    margin: 0;
    padding-left: 22px;
}


/* v0.05j: Lesebestätigung, Login-Daten-Markierung und Technikübersicht-Datum. */
.read-receipt-form {
    text-align: left;
}

.read-receipt-form .checkbox-inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    white-space: nowrap;
}

.admin-login-data-toolbar {
    justify-content: space-between;
}

.admin-login-data-mark-all {
    margin-left: auto;
    background: #f522ee !important;
    border-color: #f522ee !important;
    color: #fff !important;
}

.technology-overview-date-form {
    margin: 0;
}

.technology-overview-date-input {
    min-width: 145px;
    width: 100%;
}


/* v0.05k: Technik-Prüfungen, Login-Daten-Pagination und Kostenposition-Platzhalter. */
button.is-disabled,
button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.technology-overview-date-input {
    min-width: 145px;
    width: 100%;
    box-sizing: border-box;
}

.admin-login-data-table th a {
    color: inherit;
    text-decoration: none;
}

.admin-login-data-table th a:hover,
.admin-login-data-table th a:focus-visible {
    text-decoration: underline;
}

.pagination-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.open-topic-note {
    color: #b00020;
    font-weight: 400;
}


/* v0.05l: Entkoppelte Datumsauswahl in der Technik-Übersicht. */
.technology-overview-date-input::-webkit-calendar-picker-indicator {
    cursor: pointer;
}


/* v0.05m: Kalender-Icon sichtbar in Technik-Übersicht und Beckenstart wie Einsatz am. */
.technology-overview-date-shell {
    display: block;
    position: relative;
    width: 100%;
}

.technology-overview-date-input,
.technology-like-date-input {
    min-height: 38px;
    padding-right: 12px;
    box-sizing: border-box;
}

.technology-overview-date-input::-webkit-calendar-picker-indicator,
.technology-like-date-input::-webkit-calendar-picker-indicator {
    opacity: 1;
    display: block;
    cursor: pointer;
}

.technology-overview-date-input {
    min-width: 155px;
}


/* v0.05n: Festes sichtbares Kalender-Icon für Datumsfelder und Besatz-Information. */
.calendar-input-shell {
    position: relative;
    display: block;
    width: 100%;
}

.calendar-input-shell input[type="date"] {
    width: 100%;
    min-height: 38px;
    padding-right: 46px;
    box-sizing: border-box;
}

.calendar-icon-button {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 40px;
    height: calc(100% - 2px);
    border: 0;
    border-left: 1px solid var(--border);
    border-radius: 0 8px 8px 0;
    background: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.calendar-icon-button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.technology-entry-date-shell,
.aquarium-beckenstart-date-shell {
    max-width: 100%;
}

.livestock-edit-info-page .livestock-edit-info-text-block p {
    margin-bottom: 1rem;
}

.livestock-edit-analysis-choice {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.livestock-edit-analysis-choice label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* v0.05o: Besatz anlegen feste 6-spaltige Positionierung. */
.livestock-edit-page p {
    margin-bottom: 1rem;
}

.livestock-edit-subtitle {
    margin-top: 1.5rem;
}

.livestock-edit-position-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 1rem;
}

.livestock-edit-position-table th,
.livestock-edit-position-table td {
    padding: 8px 10px;
    vertical-align: middle;
}

.livestock-edit-position-table th {
    width: 11%;
    text-align: left;
    font-weight: 700;
    white-space: nowrap;
}

.livestock-edit-position-table td {
    width: 22%;
}

.livestock-edit-position-table th:nth-child(3),
.livestock-edit-position-table td:nth-child(4),
.livestock-edit-position-table th:nth-child(5),
.livestock-edit-position-table td:nth-child(6) {
    border-left: 1px solid var(--border);
}

.livestock-edit-position-table input,
.livestock-edit-position-table select {
    width: 100%;
    min-height: 38px;
    box-sizing: border-box;
}

.livestock-edit-date-shell input[type="text"] {
    width: 100%;
    min-height: 38px;
    padding-right: 46px;
    box-sizing: border-box;
}

.livestock-edit-hidden-date-picker {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    opacity: 0;
    pointer-events: none;
}

.field-with-suffix {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

@media (max-width: 900px) {
    .livestock-edit-position-table {
        table-layout: auto;
        min-width: 900px;
    }

    .livestock-edit-position-form {
        overflow-x: auto;
    }
}


/* v0.05p: Besatz anlegen Erweiterungen, Info-Modal und Datumsfelder */
.livestock-edit-position-table select,
.livestock-edit-position-table input {
    width: 100%;
    box-sizing: border-box;
}

.livestock-edit-group-label {
    white-space: nowrap;
}

.livestock-edit-tiergroup-info-dialog {
    width: fit-content;
    max-width: min(92vw, 420px);
    padding: 22px;
}

.livestock-edit-tiergroup-info-dialog::backdrop {
    background: rgba(0, 0, 0, 0.42);
}

.livestock-edit-number-input {
    text-align: right;
}

.food-in-use-date-shell,
.technology-overview-date-shell {
    display: block;
    max-width: 100%;
}

.food-in-use-date-shell input[type="date"],
.technology-overview-date-shell input[type="date"] {
    width: 100%;
    min-height: 38px;
    padding-right: 46px;
    box-sizing: border-box;
}

.technology-overview-date-form {
    margin: 0;
}

.technology-overview-date-column {
    min-width: 180px;
}

.technology-overview-table .technology-date-column {
    min-width: 180px;
}

/* v0.05q: Besatz-Dynamik, blaue VTG4-Info und saubere Datumsfelder. */
.is-hidden {
    display: none !important;
}

.livestock-edit-vtg4-block {
    margin-top: 14px;
    padding: 14px 16px;
    border: 1px solid #9fc9ef;
    border-radius: 12px;
    background: #eaf5ff;
    color: #003b73;
}

.livestock-edit-vtg4-block strong {
    display: block;
    margin-bottom: 6px;
}

.livestock-edit-vtg4-block p {
    margin: 0;
    line-height: 1.45;
}

.livestock-edit-tiergroup-info-dialog {
    width: min(680px, calc(100vw - 32px));
    max-height: calc(100vh - 40px);
    overflow: auto;
}

.livestock-edit-tiergroup-info-list {
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
}

.livestock-edit-tiergroup-info-block {
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #f8fbfe;
}

.livestock-edit-tiergroup-info-block h3 {
    margin: 0 0 4px;
    font-size: 1rem;
}

.livestock-edit-tiergroup-info-block p {
    margin: 0;
}

.aquarianer-help-info-dialog {
    width: min(620px, calc(100vw - 32px));
}

.aquarianer-help-info-dialog .strong-line {
    font-weight: 800;
}

/* Bei nativen Datumsfeldern gibt es nur das Browser-Kalender-Icon, keinen zweiten Button. */
.calendar-input-shell input[type="date"]:not(.livestock-edit-hidden-date-picker):not(.aqua-hidden-date-picker) {
    padding-right: 12px;
}

.aqua-hidden-date-picker,
.livestock-edit-hidden-date-picker {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    opacity: 0;
    pointer-events: none;
}

.aqua-text-date-shell input[type="text"] {
    width: 100%;
    min-height: 38px;
    padding-right: 46px;
    box-sizing: border-box;
}


/* v0.05r: Datumsfelder aus der Oberfläche entfernt, Feld-/Spaltennamen bleiben erhalten. */
.date-field-removed {
    display: inline-flex;
    align-items: center;
    min-height: 2.6rem;
    color: var(--muted);
}


/* v0.05s: Datums-Vortexte bleiben sichtbar, Datums-Eingabefelder bleiben entfernt. */
.date-field-placeholder,
.date-field-removed {
    display: block;
    min-height: 2.7rem;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0.75rem;
    background: transparent;
}
.livestock-edit-date-placeholder {
    min-height: 2.7rem;
}


/* v0.05t_2: Futter aufnehmen - Text-Datumsfeld mit sichtbarem Kalender-Icon im Feld. */
.food-in-use-date-shell {
    position: relative;
    display: block;
    width: 100%;
}
.food-in-use-date-shell input[type="text"] {
    width: 100%;
    min-height: 38px;
    padding-right: 46px;
    box-sizing: border-box;
}
.food-in-use-date-shell .calendar-icon-button {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 40px;
    height: calc(100% - 2px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* v0.05t_3: Futter aufnehmen - Kalender-Icon-Rahmen exakt an Eingabefeld-Höhe anpassen. */
.food-in-use-date-shell {
    display: flex;
    align-items: stretch;
    width: 100%;
}
.food-in-use-date-shell input[type="text"] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: auto;
    padding-right: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.food-in-use-date-shell .calendar-icon-button {
    position: static;
    flex: 0 0 40px;
    width: 40px;
    height: auto;
    min-height: 0;
    align-self: stretch;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid var(--border);
    border-left: 0;
    border-radius: 0 12px 12px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.food-in-use-date-shell .calendar-icon-button:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}


/* v0.05t_4: Futter aufnehmen - im Einsatz seit Feldhöhe an Standardfelder angleichen */
.food-in-use-date-shell,
.calendar-input-shell.food-in-use-date-shell {
    min-height: 44px;
    height: 44px;
    align-items: stretch;
}

.food-in-use-date-shell input[type="text"],
.calendar-input-shell.food-in-use-date-shell input[type="text"] {
    height: 44px;
    min-height: 44px;
    box-sizing: border-box;
}

.food-in-use-date-shell .calendar-icon-button,
.calendar-input-shell.food-in-use-date-shell .calendar-icon-button {
    height: 44px;
    min-height: 44px;
    box-sizing: border-box;
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.food-form-layout .food-note-third-column,
.food-note-third-column {
    grid-column: 3;
}



/* v0.05t_4_Bild: Futter aufnehmen - Positionen laut Bildkorrektur
   - im Einsatz seit nach links
   - Anmerkung ganz rechts
   - obere Linie beider Felder ausrichten
*/
.food-form-layout {
    align-items: start;
}

.food-form-layout .food-in-use-field,
.food-in-use-field {
    grid-column: 1 !important;
    align-self: start !important;
}

.food-form-layout .food-note-third-column,
.food-note-third-column,
.food-form-layout .food-note-field,
.food-note-field {
    grid-column: 3 !important;
    align-self: start !important;
}

.food-form-layout .food-note-third-column textarea,
.food-note-third-column textarea,
.food-note-field textarea {
    min-height: 118px;
}



/* v0.05t_4_Bild_1: Futter aufnehmen - Korrektur nach Bild
   - Anmerkung bleibt an aktueller Position
   - im Einsatz seit nach oben, Oberkante bündig mit Anmerkung
   - Futterart breiter, F-Kürzel bleibt an Position/Breite
*/
.food-type-page .food-form-layout {
    align-items: start;
}

.food-type-page .food-form-layout .food-in-use-field,
.food-in-use-field {
    grid-column: 1 / span 2 !important;
    grid-row: 3 !important;
    align-self: start !important;
}

.food-type-page .food-form-layout .food-note-third-column,
.food-type-page .food-form-layout .food-note-field,
.food-note-third-column,
.food-note-field {
    grid-column: 3 !important;
    align-self: start !important;
}

.food-type-page .food-form-layout .food-type-field {
    width: calc(100% + 72px);
    max-width: calc(100% + 72px);
    overflow: visible;
    z-index: 1;
}

.food-type-page .food-form-layout .food-type-field select {
    width: 100%;
}

.food-type-page .food-form-layout .food-code-field {
    grid-column: 4 !important;
    justify-items: end;
    align-items: end;
    z-index: 2;
}



/* v0.05u: Futter aufnehmen - Anmerkung ab aktueller linker Position bis Blockende verbreitern. */
.food-type-page .food-form-layout .food-note-third-column,
.food-type-page .food-form-layout .food-note-field,
.food-note-third-column,
.food-note-field {
    grid-column: 3 / -1 !important;
    align-self: start !important;
}

.food-type-page .food-form-layout .food-note-third-column textarea,
.food-type-page .food-form-layout .food-note-field textarea,
.food-note-third-column textarea,
.food-note-field textarea {
    width: 100% !important;
    box-sizing: border-box;
}

/* v0.05u: Berater freischalten */
.advisor-unlock-page .advisor-intro-text p {
    margin: 0 0 1rem;
}

.advisor-requirements-grid {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 10px 22px;
    align-items: center;
    max-width: 680px;
    margin: 14px 0 8px;
}

.advisor-requirements-label {
    font-weight: 700;
}

.advisor-passive-lights {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.advisor-passive-lights .traffic-dot {
    opacity: 0.38;
    box-shadow: none;
}

.advisor-check-form {
    display: grid;
    grid-template-columns: minmax(260px, 420px) auto;
    gap: 12px 18px;
    align-items: stretch;
    max-width: 760px;
}

.advisor-check-fields {
    display: grid;
    gap: 10px;
}

.advisor-check-fields .form-field {
    display: grid;
    gap: 5px;
}

.advisor-check-fields input {
    width: 100%;
    min-height: 38px;
    box-sizing: border-box;
}

.advisor-check-button {
    min-width: 130px;
    min-height: 86px;
    align-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.advisor-check-message {
    grid-column: 1 / -1;
    margin: 2px 0 0;
}

.advisor-check-message.error {
    color: #b00020;
    font-weight: 400;
}

.advisor-check-message.success {
    color: #0b7a3b;
    font-weight: 700;
}

@media (max-width: 760px) {
    .advisor-requirements-grid,
    .advisor-check-form {
        grid-template-columns: 1fr;
    }
    .advisor-check-button {
        min-height: 44px;
        width: 100%;
    }
}

/* v0.05v: Gemeinsames Datumsfeld-Design wie „im Einsatz seit“. */
.aqua-date-picker-shell {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 44px;
    height: 44px;
}
.aqua-date-picker-shell input[type="text"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    padding-right: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-sizing: border-box;
}
.aqua-date-picker-shell .calendar-icon-button {
    position: static;
    flex: 0 0 40px;
    width: 40px;
    height: 44px;
    min-height: 44px;
    align-self: stretch;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid var(--border);
    border-left: 0;
    border-radius: 0 12px 12px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.technology-overview-date-form {
    margin: 0;
}
.technology-overview-date-form .aqua-date-picker-shell {
    min-width: 170px;
}
.livestock-edit-position-table .aqua-date-picker-shell,
.livestock-edit-position-table .aqua-date-picker-shell input[type="text"],
.livestock-edit-position-table .aqua-date-picker-shell .calendar-icon-button {
    min-height: 38px;
    height: 38px;
}



/* v0.05v_5: Futterübersicht - Löschen/Passiv setzen bestätigt */
.food-delete-button {
    background: #a8e6a3;
    border-color: #7bcf75;
    color: #113b16;
}
.food-delete-button:hover,
.food-delete-button:focus {
    background: #95dc8f;
    color: #113b16;
}
.food-overview-check-cell {
    text-align: center;
    white-space: nowrap;
}
.food-overview-row-check {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #a8e6a3;
}


/* v0.05v_6: Futterübersicht Löschen-Farbe/Einblenden und Besatz-Design. */
.food-overview-delete-header {
    background: #a8e6a3;
    color: #113b16;
}
.food-delete-button.is-hidden,
.food-delete-button[hidden] {
    display: none !important;
}
.food-delete-button:not(.is-hidden) {
    display: inline-flex;
}
.livestock-edit-price-label {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.15;
    white-space: normal;
}
.livestock-edit-price-input,
.livestock-edit-age-output {
    text-align: right;
}


/* v0.05v_7: Technik-Filterzeile einheitlich hoch und Beckenstart-Anzeige abgesichert. */
.technology-filter-form {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-wrap: nowrap;
    margin-top: 16px;
}
.technology-filter-form .form-field {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex: 0 1 auto;
    margin: 0;
}
.technology-filter-form label {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin: 0;
    font-weight: 800;
    white-space: nowrap;
}
.technology-filter-form .aquarium-color-select,
.technology-filter-form select,
.technology-filter-form .button {
    min-height: 44px;
    height: 44px;
    box-sizing: border-box;
}
.technology-filter-form .aquarium-color-select {
    min-width: 220px;
    max-width: 360px;
}
.technology-filter-form .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 18px;
    white-space: nowrap;
    line-height: 1.2;
}

@media (max-width: 760px) {
    .technology-filter-form,
    .technology-filter-form .form-field {
        flex-wrap: wrap;
    }
    .technology-filter-form .form-field,
    .technology-filter-form .aquarium-color-select,
    .technology-filter-form .button {
        width: 100%;
        max-width: none;
    }
}


/* v0.05v_8: sichtbare Feldprüfung für Technik anlegen. */
.technology-validation-message {
    display: none;
    margin: 16px 0 0;
    padding: 12px 14px;
    border: 1px solid #f3c56b;
    border-radius: 10px;
    background: #fff8e8;
    color: #5a3b00;
    font-weight: 600;
}

.technology-validation-message.is-visible {
    display: block;
}

.technology-validation-message ul {
    margin: 8px 0 0 20px;
    padding: 0;
    font-weight: 500;
}

.technology-entry-fields .form-field.is-invalid input,
.technology-entry-fields .form-field.is-invalid select,
.technology-entry-fields .form-field.is-invalid .calendar-input-shell {
    border-color: #d9534f;
    box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.12);
}

/* v0.06a: Wasserwerte-Uhrzeit, Futter-Kürzel, Besatz-Größe und neue Info-Darstellung. */
.food-overview-table .food-code-column {
    width: 48px;
    max-width: 48px;
    text-align: center;
    white-space: nowrap;
}

.livestock-edit-size-label {
    white-space: normal;
    line-height: 1.15;
}

.livestock-edit-size-input-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.livestock-edit-size-input {
    text-align: right;
}

.livestock-edit-size-suffix {
    font-weight: 700;
    color: var(--text);
    white-space: nowrap;
}

.livestock-edit-action-row {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-wrap: nowrap;
    margin-top: 18px;
}

.livestock-edit-action-row .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    white-space: nowrap;
}

.aquarianer-help-info-dialog .aquarianer-help-steps {
    margin: 12px 0 0;
    font-weight: 800;
}

.aquarianer-help-info-dialog .aquarianer-help-steps p {
    margin: 0 0 8px;
}

.aquarianer-help-info-dialog .aquarianer-help-step-mid {
    margin-left: 3cm;
}

.aquarianer-help-info-dialog .aquarianer-help-step-right {
    margin-left: 10cm;
}

.aquarianer-help-info-dialog .aquarianer-help-final {
    margin-top: 0;
    font-weight: 800;
}

@media (max-width: 900px) {
    .livestock-edit-action-row {
        flex-wrap: wrap;
    }
    .livestock-edit-action-row .button {
        flex: 1 1 220px;
    }
    .aquarianer-help-info-dialog .aquarianer-help-step-mid,
    .aquarianer-help-info-dialog .aquarianer-help-step-right {
        margin-left: 0;
    }
}

/* v0.06b: Wasserwerte-Datum/Uhrzeit, Info-Dialog-Ausrichtung und Beraterprüfung. */
.water-values-datetime-row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(140px, 220px);
    gap: 12px 18px;
    align-items: end;
}
.water-values-datetime-row .form-row {
    margin: 0;
}
.water-values-datetime-row input[type="time"] {
    min-height: 44px;
}

.aquarianer-help-info-dialog .aquarianer-help-step-left,
.aquarianer-help-info-dialog .aquarianer-help-step-mid,
.aquarianer-help-info-dialog .aquarianer-help-step-right {
    margin-left: 0;
    width: 100%;
}
.aquarianer-help-info-dialog .aquarianer-help-step-left {
    text-align: left;
}
.aquarianer-help-info-dialog .aquarianer-help-step-mid {
    text-align: center;
}
.aquarianer-help-info-dialog .aquarianer-help-step-right {
    text-align: right;
}

.advisor-check-form {
    display: block;
    max-width: 820px;
}
.advisor-username-line {
    display: grid;
    grid-template-columns: minmax(260px, 420px) auto;
    gap: 12px 18px;
    align-items: end;
}
.advisor-check-action {
    display: grid;
    gap: 8px;
    align-items: start;
}
.advisor-check-button {
    min-width: 210px;
    min-height: 44px;
    align-self: end;
}
.advisor-check-message {
    margin: 0;
}
.advisor-release-section {
    border-color: rgba(11, 122, 59, 0.35);
}

@media (max-width: 760px) {
    .water-values-datetime-row,
    .advisor-username-line {
        grid-template-columns: 1fr;
    }
    .advisor-check-button {
        width: 100%;
    }
}

/* v0.06c: Beraterfreischaltung Feldbreiten, Freischaltungsdialog und reine Anzeige. */
.advisor-check-fields-v06c {
    display: grid;
    grid-template-columns: minmax(260px, 420px) auto;
    gap: 12px 18px;
    align-items: end;
    max-width: 820px;
}
.advisor-check-field-fixed,
.advisor-check-field-fixed input {
    width: 100%;
    max-width: 420px;
}
.advisor-check-action-inline {
    align-self: end;
}
.advisor-check-message-cell {
    min-height: 44px;
    display: flex;
    align-items: center;
}
.advisor-release-form {
    margin-top: 12px;
}
.advisor-release-note {
    margin-top: 12px;
    font-weight: 700;
}
.advisor-release-note.success {
    color: #0b7a3b;
}
.advisor-start-window {
    width: min(100%, 460px);
}
.advisor-start-window form {
    margin-top: 18px;
}
.advisor-view-banner {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid rgba(11, 122, 59, .35);
    border-radius: 14px;
    background: #eefaf1;
    color: #0b4d27;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}
.advisor-view-banner .advisor-view-end {
    margin-left: auto;
}
body:has(.advisor-view-banner) main form button[type="submit"],
body:has(.advisor-view-banner) main form input[type="submit"] {
    opacity: .6;
}

@media (max-width: 760px) {
    .advisor-check-fields-v06c {
        grid-template-columns: 1fr;
    }
    .advisor-check-field-fixed,
    .advisor-check-field-fixed input,
    .advisor-check-button {
        max-width: none;
        width: 100%;
    }
    .advisor-check-message-cell {
        min-height: 0;
    }
    .advisor-view-banner .advisor-view-end {
        margin-left: 0;
    }
}

/* v0.06d: Beratungsstatus neben Abmelden und Profil-Info zur Beraterfunktion. */
.account-action-line {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.account-advisor-status {
    white-space: nowrap;
    font-size: .86rem;
    line-height: 1.2;
}
.account-advisor-status.active {
    color: #d00000;
    font-weight: 800;
}
.account-advisor-status.ended {
    color: var(--text);
    font-weight: 400;
}
.profile-card .profile-advisor-display.has-advisor {
    justify-content: space-between;
    gap: 8px;
}
.profile-advisor-info-dot {
    width: 4mm;
    height: 4mm;
    min-width: 4mm;
    min-height: 4mm;
    border: 0;
    border-radius: 50%;
    background: #87cefa;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}
.profile-advisor-info-dot:focus-visible {
    outline: 2px solid #003b73;
    outline-offset: 2px;
}
.profile-advisor-info-window {
    width: min(820px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow: auto;
}
.profile-advisor-info-window p {
    margin-bottom: 14px;
    line-height: 1.5;
}

.profile-advisor-info-subtitle {
    color: #0b5ed7;
    font-size: 1rem;
    font-weight: 800;
    margin: 0 0 14px;
}
.profile-advisor-info-subtitle:focus {
    outline: none;
}
.profile-advisor-info-window ul {
    margin: -6px 0 14px 22px;
    padding: 0;
}
.profile-advisor-info-window .button {
    margin-top: 4px;
}

/* v0.06g: i-Punkt und Bestätigung zum Aqua-Service Datenprojekt im Profil. */
.profile-all-tanks-row .profile-all-tanks-label {
    gap: 6px;
    align-items: center;
}
.profile-data-project-info-dot {
    width: 4mm;
    height: 4mm;
    min-width: 4mm;
    min-height: 4mm;
    border: 0;
    border-radius: 50%;
    background: #87cefa;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}
.profile-data-project-info-dot:focus-visible {
    outline: 2px solid #003b73;
    outline-offset: 2px;
}
.profile-data-project-warning {
    margin-left: 1.5em;
    color: #d00000;
    font-weight: 800;
    font-size: 1.05rem;
    line-height: 1;
}
.profile-first-login-field {
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    line-height: 1.2;
}
.profile-first-login-field input {
    width: 86px;
    min-height: 20px;
    padding: 2px 5px;
    font-size: 10px;
    line-height: 1.2;
}
.profile-data-project-info-window {
    width: min(880px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow: auto;
}
.profile-data-project-info-window h3 {
    margin: 14px 0 8px;
}
.profile-data-project-info-window p {
    margin-bottom: 12px;
    line-height: 1.5;
}
.profile-data-project-info-window ul {
    margin: 0 0 14px 22px;
    padding: 0;
}
.profile-data-project-info-window li {
    margin-bottom: 6px;
}
.profile-data-project-confirm {
    margin: 14px 0;
    align-items: flex-start;
}
.profile-data-project-info-window .button {
    margin-top: 4px;
}

/* v0.06h: Tester-Änderungsfenster nach neuen Menüs/Feldern/i-Punkten. */
.tester-update-window {
    width: min(900px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow: auto;
}
.tester-update-window p {
    margin-bottom: 16px;
}
.tester-update-list {
    overflow-x: auto;
    margin: 12px 0 18px;
}
.tester-update-list table {
    width: 100%;
    border-collapse: collapse;
    min-width: 680px;
}
.tester-update-list th,
.tester-update-list td {
    border: 1px solid var(--border);
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}
.tester-update-list th {
    background: var(--soft);
}
.tester-update-window form {
    margin-top: 14px;
}

/* v0.06i: Alle-Becken-Spalten kompakter und zweizeilige Köpfe. */
.aquarium-all-table col.col-username { width: 14%; }
.aquarium-all-table col.col-volume { width: 6.2%; }
.aquarium-all-table col.col-start { width: 8%; }
.aquarium-all-table col.col-supply { width: 13%; }
.aquarium-all-table col.col-advisor { width: 5.5%; }
.aquarium-all-table col.col-status { width: 5.5%; }
.aquarium-all-table .aquarium-all-compact-head {
    width: 1%;
    white-space: nowrap;
    overflow-wrap: normal;
}
.aquarium-all-table .aquarium-all-advisor-cell {
    font-weight: 800;
}
.aquarium-all-table .aquarium-all-status-cell,
.aquarium-all-table .aquarium-all-advisor-cell {
    white-space: nowrap;
}


/* v0.06k: Becken kopieren und minimale Volumen-Spalte. */
.aquarium-all-table col.col-volume { width: 6.2%; }
.aquarium-copy-status {
    margin: 14px 0 18px;
}
.aquarium-copy-status-title {
    display: block;
    font-weight: 800;
    margin-bottom: 6px;
}
.aquarium-copy-error {
    color: #c00000;
    font-weight: 800;
    margin: 6px 0 0;
}
.aquarium-copy-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 8px;
}
.aquarium-copy-name-block {
    margin-top: 18px;
}
.aquarium-copy-page select:disabled {
    background: #f5f5f5;
    color: var(--muted);
}

/* v0.06m: neue Tagebuch-Anzeigetabellen. */
.diary-table-wrap {
    overflow-x: auto;
}
.diary-table {
    min-width: 1280px;
    table-layout: auto;
}
.diary-table th,
.diary-table td {
    white-space: nowrap;
    vertical-align: top;
}
.diary-table td:nth-child(5),
.diary-table td:nth-child(6) {
    white-space: normal;
    min-width: 180px;
}
.diary-aquarium-name {
    font-weight: 800;
}

/* v0.06n: Tagebucheintrag erstellen - neue Feldlogik. */
.diary-create-v006n-form .diary-date-picker-shell input[readonly] {
    background: #fff;
    cursor: default;
}
.diary-profile-snapshot {
    font-size: 0.92rem;
    line-height: 1.45;
}
.notice.error {
    border-color: #b91c1c;
    background: #fff1f2;
    color: #7f1d1d;
}


.diary-entry-type-ak-grid {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 90px;
    gap: 12px;
    align-items: end;
}

.diary-entry-type-ak-grid .diary-ak-field {
    display: grid;
    gap: 6px;
    font-weight: 700;
}

.diary-entry-type-ak-grid .diary-ak-field input[readonly] {
    text-align: center;
    font-weight: 700;
}

@media (max-width: 640px) {
    .diary-entry-type-ak-grid {
        grid-template-columns: 1fr;
    }
}


/* v0.06u: Mein Tagebuch - Datum kompakt und Status direkt neben Aktion. */
.diary-table .diary-col-datum {
    width: 88px;
    min-width: 88px;
    max-width: 88px;
    text-align: center;
}
.diary-table th.diary-col-datum,
.diary-table td.diary-col-datum {
    white-space: nowrap;
}

/* v0.06v: Tagebuch lösch-Datum und Admin-Löschspalte. */
.diary-table th.diary-col-loesch_datum,
.diary-table td.diary-col-loesch_datum {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    white-space: nowrap;
    text-align: center;
}
.diary-table th.diary-col-loeschen,
.diary-table td.diary-col-loeschen {
    width: 74px;
    min-width: 74px;
    max-width: 74px;
    text-align: center;
}
.admin-diary-toolbar {
    margin: 0 0 12px;
}


/* v0.06w: Absatz zwischen Projektunterstützung und gelesen-Checkbox. */
.aqua-service-read-spacer {
    margin: 1rem 0 0;
    min-height: 0.75rem;
}

/* v0.06y: Mein Tagebuch Datum-TB mit Uhrzeit und Profil-Datenprojekt-Hinweis. */
.diary-table .diary-col-datum,
.diary-table th.diary-col-datum,
.diary-table td.diary-col-datum {
    width: 118px;
    min-width: 118px;
    max-width: 118px;
    white-space: nowrap;
    text-align: center;
}
.profile-data-project-read-confirm {
    color: #138a36;
    font-size: 1rem;
    font-weight: 400;
    margin-left: 8px;
}
.profile-data-project-info-window #profile-data-project-info-title:focus {
    outline: none;
}


/* v0.06z: Deine Beckenübersicht Versorgungsspalte und rote nicht-berechnet-Hinweise. */
.aquarium-overview-table .aquarium-column-supply {
    min-width: 14ch;
    white-space: nowrap;
}
.aquarium-value-missing {
    color: #c1121f;
    font-weight: 700;
}

/* v0.07a: Admin-Tagebuch Anzeige und Vereinsdaten-Abgleich. */
.profile-all-tanks-row .profile-all-tanks-label {
    gap: 10mm;
}
.profile-data-project-prompt {
    display: block;
    color: #c1121f;
    font-weight: 800;
}
.admin-club-data-table-wrap {
    overflow-x: auto;
}
.admin-club-data-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}
.admin-club-data-table th,
.admin-club-data-table td {
    border-bottom: 1px solid var(--border);
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}
.admin-club-data-table th {
    background: var(--soft);
}


/* v0.07c: Handy-Nummer im Profil mit Ländersymbol und Ländervorwahl. */
.phone-country-input {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
}
.phone-country-input select {
    flex: 0 0 260px;
    min-width: 260px;
}
.phone-country-input input {
    flex: 1 1 auto;
    min-width: 160px;
}
@media (max-width: 720px) {
    .phone-country-input {
        flex-direction: column;
        align-items: stretch;
    }
    .phone-country-input select,
    .phone-country-input input {
        width: 100%;
        min-width: 0;
    }
}


/* v0.07d: Breitere Ländervorwahl und Vereinsdaten-Abgleich. */
.admin-club-data-table tr.club-phone-match td {
    background: #d9f7d9;
}

/* v0.07e: Hinweisdialog bei aktivem roten i der Aquarienverwaltung. */
.aquarienverwaltung-attention-modal {
    align-items: flex-start;
    justify-content: center;
    padding-top: calc(var(--header-height, 72px) + 12px);
}
.aquarienverwaltung-attention-window {
    width: 70vw;
    max-width: 70vw;
    min-height: 70vh;
    max-height: calc(100vh - var(--header-height, 72px) - 32px);
    overflow-y: auto;
}
.aquarienverwaltung-attention-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.aquarienverwaltung-attention-counter {
    font-weight: 700;
    color: #7f1d1d;
}

/* v0.07e: Art des Eintrages und A_K auf einer Linie. */
.diary-entry-type-ak-row {
    grid-template-columns: 180px minmax(260px, 1fr);
    align-items: end;
}
.diary-entry-type-ak-row > span {
    padding-bottom: 10px;
}
.diary-ak-info-bottom {
    margin-top: 4px;
}
.diary-technology-hint[hidden] {
    display: none !important;
}
@media (max-width: 700px) {
    .diary-entry-type-ak-row {
        grid-template-columns: 1fr;
    }
    .diary-entry-type-ak-row > span {
        padding-bottom: 0;
    }
}

/* v0.07f: Hinweisfenster offene Fragen - Zähler ohne Vortext rechtsbündig. */
.aquarienverwaltung-attention-counter {
    min-width: 2.5em;
    text-align: right;
    display: inline-block;
}


/* v0.07g: Hinweisfenster offene Fragen auf 70% Bildgröße und unterhalb des Headers. */
@media (max-width: 760px) {
    .aquarienverwaltung-attention-window {
        width: calc(100vw - 28px);
        max-width: calc(100vw - 28px);
        min-height: 70vh;
    }
}

/* v0.07h: Sortierbare Tagebuch-Tabellen */
.sortable-table th[data-sortable-column] {
    cursor: pointer;
    user-select: none;
}
.sortable-table th[data-sortable-column]::after {
    content: ' ⇅';
    font-weight: normal;
    opacity: .55;
}
.sortable-table th[data-sort-direction="asc"]::after {
    content: ' ▲';
    opacity: .9;
}
.sortable-table th[data-sort-direction="desc"]::after {
    content: ' ▼';
    opacity: .9;
}

/* v0.07k: Bereiche sperren, solange kein Becken angelegt ist. */
.info-block.is-disabled { opacity: 0.65; }
.is-disabled { cursor: not-allowed; }


/* v0.07o: Tagebuch-Prüfung, Technik-Spalten und kompakte Datum-Anzeige. */
.diary-validation-hints {
    margin-top: 12px;
}
.diary-create-actions .button.is-disabled,
.diary-create-actions .button:disabled {
    opacity: .55;
    cursor: not-allowed;
}
.technology-overview-table th.technology-date-column,
.technology-overview-table td.technology-date-column,
.technology-overview-table .technology-date-column {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    white-space: normal;
}
.technology-overview-table .technology-overview-date-form .aqua-date-picker-shell,
.technology-overview-table .technology-overview-date-shell,
.technology-overview-table .technology-overview-date-input {
    max-width: 104px;
}
.diary-page .diary-table .diary-col-datum,
.diary-page .diary-table th.diary-col-datum,
.diary-page .diary-table td.diary-col-datum {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
}

/* v0.07r: Tagebucheintrag erstellen - Platzhalter/Felder normalgewichtig und wie Futter aufnehmen gestaltet. */
.diary-create-page .diary-create-intro {
    margin: 0 0 16px;
    max-width: 980px;
    line-height: 1.5;
}

.diary-create-page .form-row input,
.diary-create-page .form-row select,
.diary-create-page .form-row textarea {
    min-height: 34px;
    border-radius: 8px;
    background: #f7f9fb;
    font-weight: 400;
}

.diary-create-page .form-row input::placeholder,
.diary-create-page .form-row textarea::placeholder,
.diary-create-page .form-row select,
.diary-create-page .form-row select option {
    font-weight: 400;
}

.diary-create-page .diary-volume-hint {
    margin-top: -6px;
}


/* v0.07t: Tagebucheintrag erstellen - Statushinweis, Becken/Datum nebeneinander und Sprungpunkt. */
.diary-create-page .diary-create-unfinished-note {
    margin: -4px 0 12px;
    color: #c1121f;
    font-weight: 400;
}

.diary-create-page .diary-top-field-row {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr);
    gap: 16px;
    align-items: start;
}

.diary-create-page .diary-top-field-row .form-row {
    margin: 0;
}

.diary-create-page .diary-aquarium-field {
    scroll-margin-top: calc(var(--header-height, 72px) + 2px);
}

@media (max-width: 720px) {
    .diary-create-page .diary-top-field-row {
        grid-template-columns: 1fr;
    }
}

/* v0.07w: Sprungpunkte unterhalb des Headers für Besatz und Technik. */
.livestock-edit-page [data-livestock-entry-anchor],
.technology-create-page [data-technology-aquarium-field] {
    scroll-margin-top: calc(var(--header-height, 72px) + 2px);
}


/* v0.07z: Besatz anlegen neue Oberfläche nach Excel-Vorgabe. */
.livestock-edit-v007z .livestock-edit-surface-only-note {
    margin: 12px 0 18px;
}

.livestock-edit-surface-form {
    margin-top: 14px;
}

.livestock-edit-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 16px 18px;
    align-items: start;
}

.livestock-edit-form-grid .form-field,
.livestock-edit-observation-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-edit-form-grid label,
.livestock-edit-observation-field label {
    font-weight: 700;
}

.livestock-edit-form-grid input,
.livestock-edit-form-grid select,
.livestock-edit-observation-field textarea {
    width: 100%;
    box-sizing: border-box;
}

.livestock-edit-unit-field .field-with-suffix span {
    min-width: 28px;
    font-weight: 700;
}

.livestock-edit-info-block {
    margin-top: 20px;
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #f8fbff;
}

.livestock-edit-info-block h2 {
    margin: 0 0 10px;
}

.livestock-edit-info-block p:last-child {
    margin-bottom: 0;
}

.livestock-edit-observation-field {
    margin-top: 18px;
}

.livestock-edit-observation-field textarea {
    resize: vertical;
    min-height: 96px;
}

.livestock-edit-character-counter {
    margin: 4px 0 0;
    font-size: 0.92rem;
    color: var(--muted);
    text-align: right;
}

.livestock-edit-action-row button[disabled] {
    cursor: not-allowed;
    opacity: 0.72;
}

@media (max-width: 760px) {
    .livestock-edit-form-grid {
        grid-template-columns: 1fr;
    }
}

/* v0.08a: Besatz-Becken-Übersicht nach Excel-Vorgabe. */
.livestock-edit-aquarium-overview-page .table-wrap {
    margin-top: 18px;
}

.livestock-edit-aquarium-overview-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 720px;
}

.livestock-edit-aquarium-overview-table th,
.livestock-edit-aquarium-overview-table td {
    border: 1px solid var(--border);
    padding: 10px 12px;
    vertical-align: middle;
    background: var(--surface);
}

.livestock-edit-aquarium-overview-table thead th,
.livestock-edit-aquarium-overview-table tfoot th,
.livestock-edit-aquarium-overview-table tfoot td,
.livestock-edit-overview-volume-row th,
.livestock-edit-overview-volume-row td {
    background: var(--soft);
    font-weight: 700;
}

.livestock-edit-overview-group-column {
    min-width: 260px;
    text-align: left;
}

.livestock-edit-aquarium-overview-table .number-cell {
    text-align: center;
    white-space: nowrap;
}

.livestock-edit-overview-missing {
    color: var(--muted);
    font-style: italic;
}

.livestock-edit-overview-note {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 8px 0 0;
}

/* v0.08b: Besatz anlegen zweispaltige Oberfläche und Feldüberschriften über den Feldern. */
.livestock-edit-v008b {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-edit-form-grid-v008b {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.livestock-edit-form-grid-v008b .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-edit-form-grid-v008b .livestock-edit-full-row {
    grid-column: 1 / -1;
}

.livestock-edit-lexicon-line {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.livestock-edit-lexicon-link {
    white-space: nowrap;
    font-weight: 700;
}

.livestock-edit-age-output[readonly] {
    background: var(--soft);
    color: var(--text);
}

.livestock-edit-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

@media (max-width: 760px) {
    .livestock-edit-form-grid-v008b,
    .livestock-edit-lexicon-line {
        grid-template-columns: 1fr;
    }
}

/* v0.08c: Besatz anlegen gemischte Positionierung und Datumsprüfung. */
.livestock-edit-v008c {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-edit-form-grid-v008c {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.livestock-edit-form-grid-v008c .form-field,
.livestock-edit-date-three-row .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-edit-form-grid-v008c .livestock-edit-full-row {
    grid-column: 1 / -1;
}

.livestock-edit-date-three-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 16px 18px;
    align-items: start;
}

.livestock-edit-date-compare-error {
    margin: 4px 0 0;
    color: var(--danger, #b00020);
    font-size: 0.92rem;
    font-weight: 700;
}

.livestock-edit-form-grid-v008c input.field-invalid,
.livestock-edit-form-grid-v008c select.field-invalid {
    border-color: var(--danger, #b00020);
}

.livestock-edit-tiergroup-info-modal .livestock-edit-tiergroup-info-dialog {
    width: min(680px, calc(100vw - 32px));
    max-height: calc(100vh - 40px);
    overflow: auto;
}

@media (max-width: 900px) {
    .livestock-edit-date-three-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .livestock-edit-form-grid-v008c,
    .livestock-edit-lexicon-line {
        grid-template-columns: 1fr;
    }
}

/* v0.08d: Besatz anlegen Namensbereich, Eingabebereinigung und Tiergruppen-Infofenster. */
.livestock-edit-v008d {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-edit-form-grid-v008d {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.livestock-edit-form-grid-v008d .form-field,
.livestock-edit-name-right-column .form-field,
.livestock-edit-date-three-row .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-edit-form-grid-v008d .livestock-edit-full-row {
    grid-column: 1 / -1;
}

.livestock-edit-name-layout {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
    gap: 16px 18px;
    align-items: start;
}

.livestock-edit-name-right-column {
    display: grid;
    gap: 16px;
}

.livestock-edit-form-grid-v008d input.field-invalid,
.livestock-edit-form-grid-v008d select.field-invalid {
    border-color: var(--danger, #b00020);
}

.livestock-edit-tiergroup-info-modal {
    align-items: flex-start;
    padding-top: 0;
}

.livestock-edit-tiergroup-info-modal .livestock-edit-tiergroup-info-dialog {
    width: 60vw;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - var(--livestock-tiergroup-info-top, 72px) - 24px);
    margin-top: var(--livestock-tiergroup-info-top, calc(var(--header-height, 72px) + 20px));
    overflow: auto;
}

@media (max-width: 900px) {
    .livestock-edit-name-layout,
    .livestock-edit-date-three-row {
        grid-template-columns: 1fr;
    }

    .livestock-edit-tiergroup-info-modal .livestock-edit-tiergroup-info-dialog {
        width: calc(100vw - 32px);
    }
}

@media (max-width: 760px) {
    .livestock-edit-form-grid-v008d,
    .livestock-edit-lexicon-line {
        grid-template-columns: 1fr;
    }
}

/* v0.08e: Besatz anlegen Lexikon-Link unter Eingabefeld und Zahlenfelder. */
.livestock-edit-v008e {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-edit-form-grid-v008e {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.livestock-edit-form-grid-v008e .form-field,
.livestock-edit-name-right-column .form-field,
.livestock-edit-date-three-row .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-edit-form-grid-v008e .livestock-edit-full-row {
    grid-column: 1 / -1;
}

.livestock-edit-form-grid-v008e .livestock-edit-lexicon-line {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    align-items: start;
}

.livestock-edit-form-grid-v008e .livestock-edit-lexicon-link {
    justify-self: start;
}

.livestock-edit-form-grid-v008e .livestock-edit-number-right {
    text-align: right;
}

.livestock-edit-form-grid-v008e input.field-invalid,
.livestock-edit-form-grid-v008e select.field-invalid {
    border-color: var(--danger, #b00020);
}

@media (max-width: 900px) {
    .livestock-edit-form-grid-v008e .livestock-edit-name-layout,
    .livestock-edit-form-grid-v008e .livestock-edit-date-three-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .livestock-edit-form-grid-v008e {
        grid-template-columns: 1fr;
    }
}

/* v0.08f: Feldkombinationen je Tiergruppe für Besatz anlegen. */
.livestock-edit-v008f {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-edit-form-grid-v008f {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
}

.livestock-edit-form-grid-v008f .form-field,
.livestock-edit-name-right-column .form-field,
.livestock-edit-date-three-row .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-edit-form-grid-v008f .livestock-edit-full-row {
    grid-column: 1 / -1;
}

.livestock-edit-form-grid-v008f .livestock-edit-lexicon-line {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    align-items: start;
}

.livestock-edit-form-grid-v008f .livestock-edit-lexicon-link {
    justify-self: start;
}

.livestock-edit-form-grid-v008f .livestock-edit-number-right {
    text-align: right;
}

.livestock-edit-form-grid-v008f input.field-invalid,
.livestock-edit-form-grid-v008f select.field-invalid,
.livestock-edit-form-grid-v008f textarea.field-invalid {
    border-color: var(--danger, #b00020);
}

.livestock-edit-form-grid-v008f .livestock-edit-field-hidden-placeholder {
    visibility: hidden;
    pointer-events: none;
}

.livestock-edit-form-grid-v008f .livestock-edit-required-error {
    margin: 4px 0 0;
    color: var(--danger, #b00020);
    font-size: 0.92rem;
    font-weight: 700;
}

@media (max-width: 900px) {
    .livestock-edit-form-grid-v008f .livestock-edit-name-layout,
    .livestock-edit-form-grid-v008f .livestock-edit-date-three-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .livestock-edit-form-grid-v008f {
        grid-template-columns: 1fr;
    }
}

/* v0.08g: Tiergruppen-Infotexte, Lexikon-Hinweis in Farbmorphe-Zeile und Browser-Zurücksetzung. */
.livestock-edit-v008g {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.livestock-edit-form-grid-v008g .livestock-edit-farbmorphe-line {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) auto minmax(190px, 0.8fr);
    gap: 10px;
    align-items: center;
}

.livestock-edit-form-grid-v008g .livestock-edit-farbmorphe-line input {
    min-width: 0;
}

.livestock-edit-form-grid-v008g .livestock-edit-lexicon-copy-note {
    align-self: stretch;
    display: flex;
    align-items: center;
    border: 1px solid var(--border, #d5dde7);
    border-radius: 8px;
    padding: 5px 8px;
    background: var(--soft, #f6f8fb);
    color: var(--muted, #5d6b7a);
    font-size: 0.78rem;
    line-height: 1.15;
}

.livestock-edit-v008g [data-livestock-tiergroup-display-info-text] {
    white-space: normal;
}

@media (max-width: 900px) {
    .livestock-edit-form-grid-v008g .livestock-edit-farbmorphe-line {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .livestock-edit-form-grid-v008g .livestock-edit-lexicon-copy-note {
        align-self: auto;
    }
}

/* v0.08h: Besatz speichern, Kopiermodus und Besatzübersicht. */
.livestock-edit-v008h .livestock-edit-farbmorphe-line {
    grid-template-columns: minmax(0, 1fr) auto minmax(120px, 150px);
    gap: 6px;
    width: 100%;
}

.livestock-edit-v008h .livestock-edit-farbmorphe-line .livestock-edit-lexicon-link {
    font-size: 0.92rem;
}

.livestock-edit-v008h .livestock-edit-farbmorphe-line .livestock-edit-lexicon-copy-note {
    font-size: 0.72rem;
    line-height: 1.12;
    padding: 4px 6px;
}

.livestock-edit-v008h input[readonly],
.livestock-edit-v008h select:disabled {
    background: var(--soft, #f6f8fb);
    cursor: not-allowed;
}

.livestock-edit-overview-v008h .livestock-edit-overview-filter-form {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
    gap: 14px 16px;
    align-items: end;
    margin: 16px 0 20px;
}

.livestock-edit-overview-v008h .form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-edit-overview-filter-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.livestock-edit-overview-block-heading {
    margin-top: 22px;
    margin-bottom: 10px;
}

.livestock-edit-overview-table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
}

.livestock-edit-overview-table th,
.livestock-edit-overview-table td {
    border: 1px solid var(--border, #d5dde7);
    padding: 9px 10px;
    vertical-align: middle;
    background: var(--surface, #fff);
}

.livestock-edit-overview-table thead th {
    background: var(--soft, #f6f8fb);
    font-weight: 800;
    text-align: left;
}

.livestock-edit-overview-table th button {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.livestock-edit-overview-table .number-cell {
    text-align: right;
    white-space: nowrap;
}

.livestock-edit-overview-footnote {
    margin-top: 14px;
    color: var(--muted, #5d6b7a);
    font-size: 0.92rem;
}

@media (max-width: 900px) {
    .livestock-edit-overview-v008h .livestock-edit-overview-filter-form {
        grid-template-columns: 1fr;
    }

    .livestock-edit-v008h .livestock-edit-farbmorphe-line {
        grid-template-columns: 1fr;
    }
}

/* v0.08i: Lexikon-Aufruf und Hinweis stehen unter Wissenschaftlicher Name, in Linie zur Farbmorphe-Zeile. */
.livestock-edit-v008i .livestock-edit-name-layout {
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
    align-items: start;
}

.livestock-edit-v008i .livestock-edit-scientific-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-edit-v008i .livestock-edit-lexicon-under-scientific {
    display: grid;
    grid-template-columns: auto minmax(150px, 1fr);
    gap: 8px;
    align-items: stretch;
    margin-top: 32px;
    max-width: 100%;
}

.livestock-edit-v008i .livestock-edit-lexicon-under-scientific .livestock-edit-lexicon-link {
    display: flex;
    align-items: center;
    min-height: 42px;
    white-space: nowrap;
    font-size: 0.92rem;
}

.livestock-edit-v008i .livestock-edit-lexicon-under-scientific .livestock-edit-lexicon-copy-note {
    display: flex;
    align-items: center;
    min-height: 42px;
    border: 1px solid var(--border, #d5dde7);
    border-radius: 8px;
    padding: 4px 6px;
    background: var(--soft, #f6f8fb);
    color: var(--muted, #5d6b7a);
    font-size: 0.72rem;
    line-height: 1.12;
    box-sizing: border-box;
}

.livestock-edit-v008i .livestock-edit-farbmorphe-line {
    display: block;
    width: 100%;
}

.livestock-edit-v008i .livestock-edit-farbmorphe-line input {
    width: 100%;
}

@media (max-width: 900px) {
    .livestock-edit-v008i .livestock-edit-lexicon-under-scientific {
        grid-template-columns: 1fr;
        margin-top: 8px;
    }
}

/* v0.08j: Besatz anlegen Lexikon-Zeile nach Vorlage und Besatzübersicht-Kopf mit Such-X. */
.livestock-edit-v008j .livestock-edit-name-layout-v008j {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
    gap: 16px 18px;
    align-items: start;
}

.livestock-edit-v008j .livestock-edit-scientific-row,
.livestock-edit-v008j .livestock-edit-german-name-row,
.livestock-edit-v008j .livestock-edit-farbmorphe-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.livestock-edit-v008j .livestock-edit-lexicon-under-scientific {
    display: grid;
    grid-template-columns: auto minmax(150px, 1fr);
    gap: 8px;
    align-items: stretch;
    margin-top: 25px;
    max-width: 100%;
}

.livestock-edit-v008j .livestock-edit-lexicon-under-scientific .livestock-edit-lexicon-link,
.livestock-edit-v008j .livestock-edit-lexicon-under-scientific .livestock-edit-lexicon-copy-note {
    min-height: 42px;
    box-sizing: border-box;
}

.livestock-edit-v008j .livestock-edit-lexicon-under-scientific .livestock-edit-lexicon-link {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 0.92rem;
}

.livestock-edit-v008j .livestock-edit-lexicon-under-scientific .livestock-edit-lexicon-copy-note {
    display: flex;
    align-items: center;
    border: 1px solid var(--border, #d5dde7);
    border-radius: 8px;
    padding: 4px 6px;
    background: var(--soft, #f6f8fb);
    color: var(--muted, #5d6b7a);
    font-size: 0.72rem;
    line-height: 1.12;
}

.livestock-edit-v008j .livestock-edit-farbmorphe-line {
    display: block;
    width: 100%;
}

.livestock-edit-v008j .livestock-edit-farbmorphe-line input {
    width: 100%;
}

.livestock-edit-overview-v008j .livestock-edit-overview-filter-form-v008j {
    display: grid;
    grid-template-columns: minmax(280px, 0.95fr) minmax(360px, 1.35fr);
    gap: 14px 22px;
    align-items: end;
    margin: 16px 0 20px;
}

.livestock-edit-overview-v008j .livestock-edit-overview-filter-block {
    display: grid;
    gap: 6px;
}

.livestock-edit-overview-v008j .livestock-edit-overview-filter-heading {
    font-weight: 800;
    color: var(--text, #001f3d);
}

.livestock-edit-overview-v008j .livestock-edit-overview-filter-row {
    display: grid;
    grid-template-columns: minmax(170px, 1fr) auto;
    gap: 8px;
    align-items: end;
}

.livestock-edit-overview-v008j .livestock-edit-overview-filter-row .button {
    white-space: nowrap;
    min-height: 42px;
}

.livestock-edit-overview-v008j .livestock-edit-overview-search-field {
    min-width: 0;
}

.livestock-edit-overview-v008j .livestock-edit-overview-search-shell {
    position: relative;
    display: block;
}

.livestock-edit-overview-v008j .livestock-edit-overview-search-shell input {
    width: 100%;
    padding-right: 42px;
}

.livestock-edit-overview-v008j .livestock-edit-overview-search-clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--muted, #5d6b7a);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.livestock-edit-overview-v008j .livestock-edit-overview-search-clear:hover,
.livestock-edit-overview-v008j .livestock-edit-overview-search-clear:focus-visible {
    background: var(--soft, #f6f8fb);
    color: var(--text, #001f3d);
    outline: none;
}

@media (max-width: 900px) {
    .livestock-edit-v008j .livestock-edit-name-layout-v008j,
    .livestock-edit-overview-v008j .livestock-edit-overview-filter-form-v008j {
        grid-template-columns: 1fr;
    }

    .livestock-edit-v008j .livestock-edit-lexicon-under-scientific {
        grid-template-columns: 1fr;
        margin-top: 0;
    }

    .livestock-edit-overview-v008j .livestock-edit-overview-filter-row {
        grid-template-columns: 1fr;
    }
}


/* v0.08k: Kopie-Hinweis direkt unter Wissenschaftlicher Name und Deutscher Name. */
.livestock-edit-v008k .livestock-edit-copy-note-v008k {
    grid-column: 1 / -1;
    margin: -4px 0 2px;
    font-size: 0.92rem;
}

/* v0.08l: Besatz speichern nur bei erfüllten Pflichtangaben aktiv; Tagebuch Haupt-Thema Info. */
.livestock-edit-v008l .livestock-edit-save-lock-hint {
    margin-top: 10px;
    font-size: 0.92rem;
}

.livestock-edit-v008l .livestock-edit-save-lock-hint ul {
    margin: 6px 0 0 18px;
    padding: 0;
}

.livestock-edit-v008l .livestock-edit-action-row .button.is-disabled,
.livestock-edit-v008l .livestock-edit-action-row .button[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.6;
}

.diary-main-topic-label {
    align-items: baseline;
}

.diary-main-topic-help {
    color: var(--link, #0b75c9);
    font-size: 0.82rem;
    font-weight: 700;
}

.diary-main-topic-info-dialog p {
    line-height: 1.45;
}


/* v0.08m: Becken kopieren, Tagebuch-Suche, Profil-Hinweis und Technikübersicht. */
.aquarium-copy-page .aquarium-copy-error {
    color: #c1121f;
    font-weight: 800;
    margin: 8px 0 12px;
}
.aquarium-copy-page .aquarium-copy-description {
    margin: 0 0 16px;
    color: var(--muted, #5d6b7a);
}
.profile-all-tanks-row .profile-data-project-prompt {
    margin-left: calc(100% - 42px);
    max-width: 220px;
    text-align: left;
}
.diary-page .diary-search-form {
    max-width: 760px;
}
.diary-page .diary-search-form.livestock-edit-overview-filter-form-v008j {
    grid-template-columns: minmax(360px, 1fr);
}
.technology-overview-table {
    width: 100%;
    table-layout: auto;
}
.technology-overview-table th,
.technology-overview-table td {
    vertical-align: top;
}
.technology-overview-table .technology-date-column {
    width: 138px;
    min-width: 128px;
}
.technology-overview-table .technology-maintenance-column {
    width: 150px;
    min-width: 140px;
}
.technology-overview-table .technology-abbau-column {
    width: 155px;
    min-width: 145px;
}
.admin-users-table th a {
    color: inherit;
    text-decoration: none;
}
.admin-users-table th a:hover,
.admin-users-table th a:focus-visible {
    text-decoration: underline;
}


/* v0.08n: Kostenrechner/Kostenbuch, Besatzübersicht, Tagebuch, Admin und Technik-Layout. */
.costs-book-table,
.costs-overview-table {
    width: 100%;
    border-collapse: collapse;
}
.costs-book-table th,
.costs-book-table td {
    border: 1px solid var(--border);
    padding: 8px;
    text-align: left;
}
.livestock-edit-overview-v008n .livestock-edit-overview-filter-form-v008j {
    grid-template-columns: minmax(420px, 1.05fr) minmax(360px, 1fr);
}
.livestock-edit-overview-v008n .livestock-edit-overview-filter-block-aquarium .livestock-edit-overview-filter-row {
    grid-template-columns: minmax(160px, 1fr) auto auto;
}
.livestock-edit-overview-create-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.diary-page .diary-search-form-v008n {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(260px, .7fr) minmax(520px, 1.3fr);
    gap: 14px 22px;
    align-items: end;
    margin: 16px 0 20px;
}
.diary-page .diary-search-form-v008n .livestock-edit-overview-filter-heading {
    font-weight: 800;
}
.diary-page .diary-search-row-v008n {
    display: grid;
    grid-template-columns: minmax(180px, .5fr) auto auto;
    gap: 8px;
    align-items: end;
}
.diary-page .diary-search-field-v008n input {
    height: 42px;
}
.diary-page .diary-search-button-v008n,
.diary-page .diary-create-button-v008n {
    min-height: 42px;
    white-space: nowrap;
}
.diary-machine-note-v008n {
    margin-top: 14px;
}
.admin-users-page .admin-users-table col.col-user { width: 14%; }
.admin-users-page .admin-users-table col.col-email { width: 16%; }
.admin-users-page .admin-users-table col.col-login-date { width: 9%; }
.admin-users-page .admin-users-table col.col-business { width: 5%; }
.admin-users-page .admin-users-table col.col-status { width: 9%; }
.admin-users-page .admin-users-table col.col-roles { width: 27%; }
.admin-users-page .admin-users-table col.col-logout-date { width: 10%; }
.admin-users-page .admin-users-table col.col-action { width: 10%; }
.admin-users-page .admin-users-table .roles-col {
    padding-left: 4px;
    padding-right: 4px;
}
.admin-users-page .admin-users-table .role-list {
    gap: 3px 8px;
    min-width: 230px;
}
.admin-users-page .admin-users-table .date-col a,
.admin-users-page .admin-users-table .logout-col a {
    display: inline-block;
    line-height: 1.05;
}
.technology-overview-page .technology-table-block {
    border: 1px solid var(--border);
    padding: 0;
    overflow-x: auto;
}
.technology-overview-page .technology-overview-table {
    border-collapse: collapse;
    border: 0;
    margin: 0;
}
.technology-overview-page .technology-overview-table th,
.technology-overview-page .technology-overview-table td {
    border: 0;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.technology-overview-page .technology-overview-table th:last-child,
.technology-overview-page .technology-overview-table td:last-child {
    border-right: 0;
}
.technology-overview-page .technology-overview-table tbody tr:last-child td {
    border-bottom: 0;
}
@media (max-width: 900px) {
    .livestock-edit-overview-v008n .livestock-edit-overview-filter-form-v008j,
    .diary-page .diary-search-form-v008n {
        grid-template-columns: 1fr;
    }
    .livestock-edit-overview-v008n .livestock-edit-overview-filter-block-aquarium .livestock-edit-overview-filter-row,
    .diary-page .diary-search-row-v008n {
        grid-template-columns: 1fr;
    }
}
.diary-page .livestock-edit-overview-filter-block {
    display: grid;
    gap: 6px;
}
.diary-page .livestock-edit-overview-search-shell {
    position: relative;
    display: block;
}
.diary-page .livestock-edit-overview-search-shell input {
    width: 100%;
    padding-right: 42px;
}
.diary-page .livestock-edit-overview-search-clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--muted, #5d6b7a);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}
.diary-page .livestock-edit-overview-search-clear:hover,
.diary-page .livestock-edit-overview-search-clear:focus-visible {
    background: var(--soft, #f6f8fb);
    color: var(--text, #001f3d);
    outline: none;
}


/* v0.08o: Technik-Tabellenbreiten und Mein-Tagebuch-Kopfbereich gemäß Vorlage. */
.technology-overview-page .technology-table-block {
    border: 0;
    padding: 0;
    overflow-x: auto;
    background: transparent;
}
.technology-overview-page .technology-overview-table {
    border-collapse: collapse;
    border: 1px solid var(--border);
    table-layout: auto;
}
.technology-overview-page .technology-overview-table th,
.technology-overview-page .technology-overview-table td {
    border: 1px solid var(--border) !important;
}
.technology-overview-page .technology-overview-table .technology-aquarium-column {
    width: 15ch;
    min-width: 11ch;
    max-width: 15ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.technology-overview-page .technology-overview-table .technology-device-column {
    width: 18ch;
    min-width: 13ch;
    max-width: 18ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.technology-overview-page .technology-overview-table .technology-brand-column {
    width: 18ch;
    min-width: 12ch;
    max-width: 18ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.diary-page .diary-search-form-v008o {
    max-width: none;
    margin: 16px 0 20px;
}
.diary-filter-grid-v008o {
    display: grid;
    grid-template-columns: minmax(180px, 0.9fr) auto minmax(220px, 0.75fr) auto auto;
    gap: 8px;
    align-items: end;
}
.diary-filter-heading-v008o {
    font-weight: 800;
    line-height: 1.2;
}
.diary-filter-heading-becken-v008o {
    grid-column: 1 / 3;
}
.diary-filter-heading-search-v008o {
    grid-column: 3 / 6;
}
.diary-aquarium-field-v008o,
.diary-search-field-v008o {
    margin: 0;
}
.diary-page .diary-aquarium-field-v008o select,
.diary-page .diary-search-field-v008o input {
    height: 42px;
}
.diary-page .diary-show-button-v008o,
.diary-page .diary-search-button-v008o,
.diary-page .diary-create-button-v008o {
    min-height: 42px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.diary-page .diary-search-field-v008o .livestock-edit-overview-search-shell {
    position: relative;
    display: block;
}
.diary-page .diary-search-field-v008o input {
    width: 100%;
    padding-right: 42px;
}
@media (max-width: 980px) {
    .diary-filter-grid-v008o {
        grid-template-columns: 1fr;
    }
    .diary-filter-heading-becken-v008o,
    .diary-filter-heading-search-v008o {
        grid-column: auto;
    }
}


/* v0.08p: Datentabellen mit sichtbaren, schmalen Spalten- und Zeilentrennlinien.
   Bewusst auf Seiten-Datentabellen begrenzt, damit interne Layout-/Hinweistabellen unberührt bleiben. */
.card .table-wrap > table,
.card .technology-table-block > table,
.card .costs-table-block > table,
.card .food-suggestion-table {
    border-collapse: collapse;
    border-left: 1px solid var(--datatable-line, #d8e0ea);
    border-right: 1px solid var(--datatable-line, #d8e0ea);
}

.card .table-wrap > table th,
.card .table-wrap > table td,
.card .technology-table-block > table th,
.card .technology-table-block > table td,
.card .costs-table-block > table th,
.card .costs-table-block > table td,
.card .food-suggestion-table th,
.card .food-suggestion-table td {
    border-left: 1px solid var(--datatable-line, #d8e0ea);
    border-right: 1px solid var(--datatable-line, #d8e0ea);
    border-top: 1px solid var(--datatable-line, #d8e0ea);
    border-bottom: 1px solid var(--datatable-line, #d8e0ea);
}

.card .table-wrap > table th:first-child,
.card .table-wrap > table td:first-child,
.card .technology-table-block > table th:first-child,
.card .technology-table-block > table td:first-child,
.card .costs-table-block > table th:first-child,
.card .costs-table-block > table td:first-child,
.card .food-suggestion-table th:first-child,
.card .food-suggestion-table td:first-child {
    border-left: 1px solid var(--datatable-line, #d8e0ea);
}

.card .table-wrap > table th:last-child,
.card .table-wrap > table td:last-child,
.card .technology-table-block > table th:last-child,
.card .technology-table-block > table td:last-child,
.card .costs-table-block > table th:last-child,
.card .costs-table-block > table td:last-child,
.card .food-suggestion-table th:last-child,
.card .food-suggestion-table td:last-child {
    border-right: 1px solid var(--datatable-line, #d8e0ea);
}

/* v0.08p: Technik-Übersicht - Becken/Gerät/Marke auf Eingabe-/Auswahllängen begrenzen. */
.technology-overview-page .technology-overview-table .technology-aquarium-column {
    width: 17ch;
    min-width: 12ch;
    max-width: 17ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.technology-overview-page .technology-overview-table .technology-device-column {
    width: 18ch;
    min-width: 13ch;
    max-width: 18ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.technology-overview-page .technology-overview-table .technology-brand-column {
    width: 18ch;
    min-width: 12ch;
    max-width: 18ch;
    white-space: normal;
    overflow-wrap: anywhere;
}


/* v0.08q: Technik-Übersicht - Abbau-am-Spalte und Datumsfeld ohne unnötige Überbreite. */
.technology-overview-page .technology-overview-table {
    width: max-content;
    max-width: 100%;
}
.technology-overview-page .technology-overview-table th.technology-abbau-column,
.technology-overview-page .technology-overview-table td.technology-abbau-column,
.technology-overview-page .technology-overview-table .technology-abbau-column {
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
}
.technology-overview-page .technology-overview-table .technology-overview-date-form {
    width: 120px;
    max-width: 120px;
    margin: 0;
}
.technology-overview-page .technology-overview-table .technology-overview-date-form .aqua-date-picker-shell {
    width: 120px;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 42px;
    min-height: 42px;
}
.technology-overview-page .technology-overview-table .technology-overview-date-form .aqua-date-picker-shell input[type="text"] {
    width: 84px;
    min-width: 0;
    height: 42px;
    min-height: 42px;
    padding-left: 10px;
    padding-right: 8px;
    font-size: .95rem;
}
.technology-overview-page .technology-overview-table .technology-overview-date-form .aqua-date-picker-shell .calendar-icon-button {
    flex-basis: 36px;
    width: 36px;
    height: 42px;
    min-height: 42px;
}
@media (max-width: 760px) {
    .technology-overview-page .technology-table-block {
        overflow-x: auto;
    }
    .technology-overview-page .technology-overview-table {
        max-width: none;
    }
}


/* v0.08r: Mein Tagebuch - Tabellenbreiten auf Eingabebreiten reduzieren, Informationen flexibel umbrechen. */
.diary-page .diary-table-wrap {
    overflow-x: auto;
}
.diary-page .diary-table.diary-table-v008r {
    width: 100%;
    min-width: 760px;
    table-layout: fixed;
}
.diary-page .diary-table.diary-table-v008r th,
.diary-page .diary-table.diary-table-v008r td {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-beckenname,
.diary-page .diary-table.diary-table-v008r td.diary-col-beckenname {
    width: 15ch;
    min-width: 11ch;
    max-width: 15ch;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-datum,
.diary-page .diary-table.diary-table-v008r td.diary-col-datum {
    width: 10ch;
    min-width: 10ch;
    max-width: 10ch;
    white-space: nowrap;
    text-align: center;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-thema,
.diary-page .diary-table.diary-table-v008r td.diary-col-thema {
    width: 16ch;
    min-width: 12ch;
    max-width: 16ch;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-art_des_eintrages,
.diary-page .diary-table.diary-table-v008r td.diary-col-art_des_eintrages {
    width: 22ch;
    min-width: 14ch;
    max-width: 22ch;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-aktion,
.diary-page .diary-table.diary-table-v008r td.diary-col-aktion {
    width: 18ch;
    min-width: 12ch;
    max-width: 18ch;
}
.diary-page .diary-table.diary-table-v008r th.diary-col-informationen,
.diary-page .diary-table.diary-table-v008r td.diary-col-informationen {
    width: auto;
    min-width: 24ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
@media (max-width: 820px) {
    .diary-page .diary-table.diary-table-v008r {
        min-width: 720px;
    }
}

/* v0.08t: Profil-Hinweis, Header-Rollenblock und Mein-Tagebuch-Filter. */
.account-nav .account-action-line {
    align-items: center;
}
.account-nav .account-role.account-role-v008t {
    border-radius: 14px;
    padding: 6px 10px;
    min-width: 96px;
    max-width: 150px;
    min-height: 42px;
    max-height: 42px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.account-nav .account-role.account-role-v008t .account-role-list {
    margin: 0;
    padding-left: 14px;
    max-height: 2.4em;
    overflow: hidden;
    line-height: 1.2;
}
.account-nav .account-role.account-role-v008t .account-role-list li {
    margin: 0;
    font-size: 11px;
    line-height: 1.2;
}
.account-nav .account-role-title {
    display: none;
}
.profile-all-tanks-row .profile-all-tanks-label {
    gap: 6px;
    align-items: flex-start;
}
.profile-data-project-info-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.profile-all-tanks-row .profile-data-project-prompt {
    margin-left: 0;
    max-width: 92px;
    color: #c1121f;
    font-size: 0.72rem;
    font-weight: 400;
    line-height: 1.15;
    text-align: left;
}
.profile-first-login-field {
    display: none !important;
}
.diary-page .diary-filter-grid-v008o {
    grid-template-columns: minmax(180px, 260px) auto minmax(420px, 1fr) auto auto;
}
.diary-page .diary-filter-heading-becken-v008o {
    grid-column: 1 / 3;
}
.diary-page .diary-filter-heading-search-v008o {
    grid-column: 3 / 6;
}
.diary-page .diary-aquarium-field-v008o select {
    max-width: 260px;
}
.diary-page .diary-search-field-v008o input {
    min-width: 420px;
}
@media (max-width: 980px) {
    .diary-page .diary-filter-grid-v008o {
        grid-template-columns: 1fr;
    }
    .diary-page .diary-search-field-v008o input {
        min-width: 0;
    }
    .diary-page .diary-aquarium-field-v008o select {
        max-width: none;
    }
}

/* v0.08u: Aktionsbuttons je Becken-Zeile in Deine Beckenübersicht. */
.aquarium-overview-table .aquarium-column-actions {
    min-width: 30ch;
    white-space: nowrap;
}

.aquarium-overview-row-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.aquarium-overview-row-actions .button.small {
    padding: 6px 10px;
    font-size: .88rem;
}


/* v0.08v: Beckenübersicht Aktionbereich und Art-des-Beckens-Spalte. */
.aquarium-overview-page .aquarium-overview-action-bar {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
.aquarium-overview-action-select {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}
.aquarium-overview-action-select select {
    min-width: 190px;
    max-width: 260px;
}
.aquarium-overview-table .aquarium-column-type {
    min-width: 18ch;
    max-width: 24ch;
    white-space: normal;
}
.aquarium-all-table .col-type {
    width: 16ch;
}


/* v0.08w: Becken in Tabellen als farbiger Text ohne Farbblock. */
.aquarium-table-name {
    font-weight: 800;
    background: transparent !important;
    white-space: nowrap;
}

.aquarium-value-missing {
    display: inline-block;
    line-height: 1.12;
    white-space: normal;
    text-align: center;
}

/* v0.08y Korrektur: Beckenfarben dauerhaft für Becken-Auswahllisten und Tabellen-Becken-Spalten absichern. */
.aquarium-color-select,
select[data-aquarium-select="1"] {
    font-weight: 800 !important;
}

.aquarium-color-select option[data-color],
select[data-aquarium-select="1"] option[data-color] {
    font-weight: 800 !important;
}

.aquarium-color-select.select-selected-color,
select[data-aquarium-select="1"].select-selected-color {
    background-image: none !important;
    font-weight: 800 !important;
}

.aquarium-table-name {
    font-weight: 800 !important;
    background: transparent !important;
    white-space: nowrap;
}


/* v0.09c: Beckenfarben neutralisieren - Auswahllisten und Spalten weiß/schwarz. */
.aquarium-color-select,
select[data-aquarium-select="1"],
.aquarium-color-select.select-selected-color,
select[data-aquarium-select="1"].select-selected-color {
    background: #ffffff !important;
    color: #000000 !important;
}

.aquarium-color-select option,
select[data-aquarium-select="1"] option,
.aquarium-color-select option[data-color],
select[data-aquarium-select="1"] option[data-color] {
    background: #ffffff !important;
    color: #000000 !important;
}

.aquarium-table-name,
.aquarium-name-badge {
    background: #ffffff !important;
    color: #000000 !important;
}


/* v0.09d: Besatzübersicht - B_id als erste schmale Nummernspalte. */
.livestock-edit-overview-table {
    min-width: 880px;
}
.livestock-edit-overview-table th.livestock-edit-col-b-id,
.livestock-edit-overview-table td.livestock-edit-col-b-id {
    width: 6ch;
    min-width: 6ch;
    max-width: 6ch;
    text-align: right;
    white-space: nowrap;
}

/* v0.09d: Mein Tagebuch - Becken und Datum-TB so breit, dass Maximalwerte nicht in die Spaltenlinie laufen. */
.diary-page .diary-table.diary-table-v009d {
    min-width: 860px;
    table-layout: fixed;
}
.diary-page .diary-table.diary-table-v009d th,
.diary-page .diary-table.diary-table-v009d td {
    box-sizing: border-box;
}
.diary-page .diary-table.diary-table-v009d th.diary-col-beckenname,
.diary-page .diary-table.diary-table-v009d td.diary-col-beckenname {
    width: 18ch;
    min-width: 18ch;
    max-width: 18ch;
    white-space: normal;
    overflow-wrap: anywhere;
}
.diary-page .diary-table.diary-table-v009d td.diary-col-beckenname .aquarium-table-name {
    white-space: normal;
    overflow-wrap: anywhere;
}
.diary-page .diary-table.diary-table-v009d th.diary-col-datum,
.diary-page .diary-table.diary-table-v009d td.diary-col-datum {
    width: 13ch;
    min-width: 13ch;
    max-width: 13ch;
    white-space: nowrap;
    text-align: center;
}

/* v0.09e/v0.09f: Beckenlaufnummer farbig anzeigen; v0.09f erweitert auf 01-20. */
.aquarium-sequence-number-v009e {
    display: inline-block;
    min-width: 2ch;
    font-weight: 700;
    text-align: right;
    background: transparent !important;
}
.livestock-edit-overview-table td.livestock-edit-col-b-id .aquarium-sequence-number-v009e {
    width: 100%;
    text-align: right;
}
.diary-page .diary-table.diary-table-v009d td.diary-col-beckenname .aquarium-sequence-number-v009e {
    margin-right: 0.35ch;
}


/* v0.09f: Rollenabhängige Beckenanzahl und feste Beckenlaufnummer 01-20. */
.aquarium-role-limit-hint-v009f {
    color: #d00000 !important;
    font-weight: 700;
}
.aquarium-table-name .aquarium-sequence-number-v009e,
.aquarium-name-badge .aquarium-sequence-number-v009e,
.livestock-edit-overview-table .aquarium-sequence-number-v009e,
.diary-table .aquarium-sequence-number-v009e {
    color: var(--aquarium-sequence-color, currentColor) !important;
}
.aquarium-sequence-number-20 {
    text-shadow: 0 0 1px #000000;
}
.button.disabled,
.button[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}


/* v0.09g: ADMIN-Anmeldedatenübersicht Spaltenbreiten, Sortier-Icon, Nutzer-ID und senkrechter Speichern-Button. */
.admin-users-page .admin-users-table col.col-user { width: 15%; }
.admin-users-page .admin-users-table col.col-email { width: 16%; }
.admin-users-page .admin-users-table col.col-login-date { width: 10%; }
.admin-users-page .admin-users-table col.col-business { width: 7%; }
.admin-users-page .admin-users-table col.col-status { width: 9%; }
.admin-users-page .admin-users-table col.col-roles { width: 26%; }
.admin-users-page .admin-users-table col.col-logout-date { width: 10%; }
.admin-users-page .admin-users-table col.col-action { width: 7%; }
.admin-users-page .admin-users-table .date-col,
.admin-users-page .admin-users-table .business-col,
.admin-users-page .admin-users-table .logout-col {
    min-width: 92px;
    text-align: center;
}
.admin-users-page .admin-users-table .business-col {
    min-width: 74px;
}
.admin-users-page .admin-users-table .admin-users-sort-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 100%;
    line-height: 1.05;
    white-space: normal;
    text-align: center;
}
.admin-users-page .admin-users-table .admin-users-sort-text {
    display: inline-block;
}
.admin-users-page .admin-users-table .admin-users-sort-icon {
    display: inline-block;
    flex: 0 0 auto;
    min-width: 12px;
    font-weight: 800;
}
.admin-users-page .admin-users-table .user-identity-cell .user-prefix {
    min-width: 22px;
    display: inline-block;
}
.admin-users-page .admin-users-table .action-col {
    text-align: center;
    white-space: nowrap;
}
.admin-users-page .admin-users-table .action-col form {
    justify-content: center;
}
.admin-users-page .admin-users-table .admin-users-save-vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    min-width: 28px;
    width: 28px;
    min-height: 82px;
    padding: 8px 4px;
    line-height: 1;
    text-align: center;
}

/* v0.09h: Besatzübersicht - eine Kopfzeile, feste passende Spaltenbreiten und dezente Trennlinien zwischen Becken-Gruppen. */
.livestock-edit-overview-table.livestock-edit-overview-table-v009h {
    width: 100%;
    min-width: 940px;
    table-layout: fixed;
    border-collapse: collapse;
}
.livestock-edit-overview-table-v009h col.livestock-edit-col-b-id { width: 5.5%; }
.livestock-edit-overview-table-v009h col.livestock-edit-col-tiergruppe { width: 13.5%; }
.livestock-edit-overview-table-v009h col.livestock-edit-col-scientific { width: 28%; }
.livestock-edit-overview-table-v009h col.livestock-edit-col-anzahl { width: 7.5%; }
.livestock-edit-overview-table-v009h col.livestock-edit-col-groesse { width: 7.5%; }
.livestock-edit-overview-table-v009h col.livestock-edit-col-besitz { width: 12%; }
.livestock-edit-overview-table-v009h col.livestock-edit-col-alter { width: 19%; }
.livestock-edit-overview-table-v009h col.livestock-edit-col-status { width: 7%; }
.livestock-edit-overview-table-v009h th,
.livestock-edit-overview-table-v009h td {
    box-sizing: border-box;
    overflow-wrap: anywhere;
    vertical-align: middle;
}
.livestock-edit-overview-table-v009h th button {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    text-align: left;
    line-height: 1.15;
}
.livestock-edit-overview-table-v009h th.number-cell button,
.livestock-edit-overview-table-v009h td.number-cell {
    text-align: right;
}
.livestock-edit-overview-table-v009h th.livestock-edit-col-b-id,
.livestock-edit-overview-table-v009h td.livestock-edit-col-b-id {
    width: auto;
    min-width: 0;
    max-width: none;
}
.livestock-edit-overview-table-v009h td.livestock-edit-col-b-id .aquarium-sequence-number-v009e {
    width: auto;
    min-width: 2ch;
}
.livestock-edit-overview-table-v009h .livestock-edit-overview-group-separator td {
    height: 8px;
    padding: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 2px solid #d4e3ec;
    background: #f8fbfd;
    line-height: 0;
}

/* v0.09i: Besatzübersicht ohne Becken-Trennzeilen, optische Kopieroptionen und Rollenhinweis neben der Überschrift. */
.livestock-edit-overview-table-v009i .livestock-edit-overview-group-separator {
    display: none !important;
}
.livestock-edit-overview-table-v009i tbody tr {
    border-top: 0;
}
.aquarium-create-title-row-v009i {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-bottom: 4px;
}
.aquarium-create-title-row-v009i h1 {
    margin-bottom: 0;
}
.aquarium-role-limit-hint-inline-v009i {
    display: inline-block;
    font-size: 0.84rem;
    line-height: 1.25;
    margin: 0;
}
.aquarium-copy-thought-v009i {
    margin: 8px 0 12px;
    padding: 10px 12px;
    border: 1px solid #d7e2ec;
    border-radius: 10px;
    background: #f8fbfd;
}
.aquarium-copy-thought-note-v009i {
    margin: 0 0 8px;
    color: #c00000;
    font-weight: 800;
}
.aquarium-copy-checkbox-line-v009i {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 6px 0;
    line-height: 1.35;
}
.aquarium-copy-checkbox-line-v009i input[type="checkbox"] {
    margin-top: 2px;
}
.aquarium-copy-info-box-v009i {
    margin-top: 10px;
    padding: 9px 10px;
    border-left: 4px solid #6b7c8f;
    background: #ffffff;
    color: #2b3440;
}


/* v0.09j: Besatz anlegen - Rollenhinweis oben rechts und Lexikon-Zeile sauber ausgerichtet. */
.livestock-edit-title-row-v009j {
    display: flex;
    align-items: center;
    gap: 12px 18px;
    margin-bottom: 20px;
    width: 100%;
}
.livestock-edit-title-row-v009j h1 {
    margin: 0;
    flex: 0 0 auto;
}
.livestock-edit-role-limit-hint-title-v009j {
    margin-left: auto;
    font-size: 0.78rem;
    line-height: 1.2;
    white-space: nowrap;
    text-align: right;
    max-width: min(420px, 60%);
}
.livestock-edit-v009j #livestock_aquarium_field label .aquarium-role-limit-hint-v009f {
    display: none !important;
}
.livestock-edit-v009j .livestock-edit-lexicon-under-scientific {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    width: 100%;
    max-width: 100%;
}
.livestock-edit-v009j .livestock-edit-lexicon-under-scientific .livestock-edit-lexicon-link {
    flex: 0 0 auto;
    min-height: 32px;
    padding: 5px 7px;
    font-size: 0.82rem;
    line-height: 1.1;
}
.livestock-edit-v009j .livestock-edit-lexicon-under-scientific .livestock-edit-lexicon-copy-note {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 32px;
    padding: 4px 6px;
    font-size: 0.68rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
}
@media (max-width: 900px) {
    .livestock-edit-title-row-v009j {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
    .livestock-edit-role-limit-hint-title-v009j {
        margin-left: 0;
        max-width: 100%;
        white-space: normal;
        text-align: left;
    }
    .livestock-edit-v009j .livestock-edit-lexicon-under-scientific {
        flex-wrap: wrap;
    }
}

/* v0.09k: Besatz anlegen - Lexikon/Hinweis/Farbmorphe und Oberfläche-Felder 2. */
.livestock-edit-v009k .livestock-edit-name-layout-v008j {
    align-items: start;
}
.livestock-edit-v009k .livestock-edit-lexicon-under-scientific {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    margin-top: 0;
    width: auto;
    max-width: 100%;
}
.livestock-edit-v009k .livestock-edit-lexicon-under-scientific .livestock-edit-lexicon-link {
    flex: 0 0 auto;
    min-height: 30px;
    padding: 5px 8px;
    font-size: 0.82rem;
    line-height: 1.1;
    white-space: nowrap;
}
.livestock-edit-v009k .livestock-edit-lexicon-under-scientific .livestock-edit-lexicon-copy-note {
    display: block;
    flex: 0 0 auto;
    width: 300px;
    max-width: 100%;
    min-height: 0;
    padding: 5px 7px;
    font-size: 0.68rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}
.livestock-edit-v009k .livestock-edit-farbmorphe-row {
    align-items: flex-start;
}
.livestock-edit-v009k .livestock-edit-farbmorphe-line {
    width: auto;
    max-width: 100%;
}
.livestock-edit-v009k .livestock-edit-farbmorphe-line input {
    width: 265px;
    max-width: 100%;
}
.livestock-edit-v009k .livestock-edit-double-surface-field-v009k {
    align-items: flex-start;
}
.livestock-edit-v009k .livestock-edit-double-field-grid-v009k {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: nowrap;
    max-width: 100%;
}
.livestock-edit-v009k .livestock-edit-double-field-item-v009k {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 0 auto;
    max-width: 100%;
}
.livestock-edit-v009k .livestock-edit-size-double-v009k .livestock-edit-double-field-item-v009k {
    width: 190px;
}
.livestock-edit-v009k .livestock-edit-price-double-v009k .livestock-edit-double-field-item-v009k {
    width: 160px;
}
.livestock-edit-v009k .livestock-edit-double-field-item-v009k .field-with-suffix {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
}
.livestock-edit-v009k .livestock-edit-surface-only-input-v009k {
    background: #f8fbff;
    color: var(--muted, #5d6b7a);
    cursor: default;
}
@media (max-width: 900px) {
    .livestock-edit-v009k .livestock-edit-double-field-grid-v009k {
        flex-wrap: wrap;
    }
    .livestock-edit-v009k .livestock-edit-size-double-v009k .livestock-edit-double-field-item-v009k,
    .livestock-edit-v009k .livestock-edit-price-double-v009k .livestock-edit-double-field-item-v009k {
        width: min(220px, 100%);
    }
}


/* v0.09l: Besatz anlegen - Anzahl-Oberflächenfeld, Farbmorphe nach rechts und Kaufpreisfelder unten ausrichten. */
.livestock-edit-v009l .livestock-edit-name-layout-v009l {
    grid-template-columns: minmax(250px, 1fr) 150px minmax(260px, 1fr);
    gap: 16px 18px;
    align-items: start;
}
.livestock-edit-v009l .livestock-edit-scientific-row {
    grid-column: 1 / 3;
}
.livestock-edit-v009l .livestock-edit-german-name-row {
    grid-column: 3 / 4;
}
.livestock-edit-v009l .livestock-edit-copy-note {
    grid-column: 1 / -1;
}
.livestock-edit-v009l .livestock-edit-lexicon-under-scientific {
    grid-column: 1 / 2;
}
.livestock-edit-v009l .livestock-edit-anzahl-surface-row-v009l {
    grid-column: 2 / 3;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-self: start;
}
.livestock-edit-v009l .livestock-edit-anzahl-surface-row-v009l input {
    width: 100%;
    min-width: 0;
    text-align: right;
}
.livestock-edit-v009l .livestock-edit-farbmorphe-row {
    grid-column: 3 / 4;
}
.livestock-edit-v009l .livestock-edit-farbmorphe-line input {
    width: 270px;
    max-width: 100%;
}
.livestock-edit-v009l .livestock-edit-size-double-v009k,
.livestock-edit-v009l .livestock-edit-price-double-v009k {
    align-self: end;
}
.livestock-edit-v009l .livestock-edit-price-double-v009k .livestock-edit-double-field-grid-v009k {
    align-items: end;
}
.livestock-edit-v009l .livestock-edit-price-double-v009k .livestock-edit-double-field-item-v009k {
    width: 165px;
}
.livestock-edit-v009l .livestock-edit-surface-only-input-v009l {
    background: #f8fbff;
    color: var(--muted, #5d6b7a);
}
@media (max-width: 900px) {
    .livestock-edit-v009l .livestock-edit-name-layout-v009l {
        grid-template-columns: 1fr;
    }
    .livestock-edit-v009l .livestock-edit-scientific-row,
    .livestock-edit-v009l .livestock-edit-german-name-row,
    .livestock-edit-v009l .livestock-edit-lexicon-under-scientific,
    .livestock-edit-v009l .livestock-edit-anzahl-surface-row-v009l,
    .livestock-edit-v009l .livestock-edit-farbmorphe-row {
        grid-column: 1 / -1;
    }
    .livestock-edit-v009l .livestock-edit-anzahl-surface-row-v009l input {
        width: min(150px, 100%);
    }
    .livestock-edit-v009l .livestock-edit-size-double-v009k,
    .livestock-edit-v009l .livestock-edit-price-double-v009k {
        align-self: start;
    }
}

/* v0.09m: Besatz anlegen - dynamische optische Kaufdatum-/Kaufpreis-Blöcke bis 15 Stück. */
.livestock-edit-v009m .livestock-edit-anzahl-surface-row-v009l {
    width: 150px;
}
.livestock-edit-v009m .livestock-edit-anzahl-surface-row-v009l input {
    width: 150px;
    max-width: 100%;
}
.livestock-edit-v009m .livestock-edit-size-double-v009k {
    align-self: start;
}
.livestock-edit-v009m .livestock-edit-size-double-v009k .livestock-edit-double-field-grid-v009k {
    gap: 12px;
}
.livestock-edit-v009m .livestock-edit-size-double-v009k .livestock-edit-double-field-item-v009k {
    width: 175px;
}
.livestock-edit-v009m .livestock-edit-size-double-v009k .field-with-suffix {
    width: 155px;
    max-width: 100%;
}
.livestock-edit-v009m .livestock-edit-purchase-blocks-field-v009m {
    grid-column: 1 / -1;
    width: 100%;
    align-self: start;
}
.livestock-edit-v009m .livestock-edit-purchase-blocks-grid-v009m {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 14px;
    width: 100%;
    align-items: start;
}
.livestock-edit-v009m .livestock-edit-purchase-block-v009m {
    display: grid;
    grid-template-columns: minmax(116px, 1fr) minmax(116px, 1fr);
    gap: 8px;
    align-items: end;
    min-width: 0;
}
.livestock-edit-v009m .livestock-edit-purchase-mini-field-v009m {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.livestock-edit-v009m .livestock-edit-purchase-mini-field-v009m label {
    min-height: 2.2em;
    line-height: 1.1;
    display: flex;
    align-items: flex-end;
    gap: 4px;
    flex-wrap: wrap;
}
.livestock-edit-v009m .livestock-edit-purchase-mini-field-v009m input,
.livestock-edit-v009m .livestock-edit-price-shell-v009m {
    width: 100%;
    min-width: 0;
}
.livestock-edit-v009m .livestock-edit-purchase-date-input-v009m {
    text-align: left;
}
.livestock-edit-v009m .livestock-edit-price-shell-v009m {
    grid-template-columns: minmax(0, 1fr) auto;
}
.livestock-edit-v009m .livestock-edit-purchase-block-v009m[hidden] {
    display: none !important;
}
@media (max-width: 1100px) {
    .livestock-edit-v009m .livestock-edit-purchase-blocks-grid-v009m {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 720px) {
    .livestock-edit-v009m .livestock-edit-purchase-blocks-grid-v009m,
    .livestock-edit-v009m .livestock-edit-purchase-block-v009m {
        grid-template-columns: 1fr;
    }
    .livestock-edit-v009m .livestock-edit-size-double-v009k .livestock-edit-double-field-grid-v009k {
        flex-wrap: wrap;
    }
}


/* v0.09n: Besatz anlegen - Größe links und Kaufpreis rechts in getrennten Blöcken. */
.livestock-edit-v009n .livestock-edit-size-blocks-field-v009n,
.livestock-edit-v009n .livestock-edit-price-blocks-field-v009n {
    align-self: start;
}
.livestock-edit-v009n .livestock-edit-size-blocks-grid-v009n,
.livestock-edit-v009n .livestock-edit-price-blocks-grid-v009n {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    width: 100%;
    align-items: start;
}
.livestock-edit-v009n .livestock-edit-size-mini-field-v009n,
.livestock-edit-v009n .livestock-edit-price-mini-field-v009n {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.livestock-edit-v009n .livestock-edit-size-mini-field-v009n label,
.livestock-edit-v009n .livestock-edit-price-mini-field-v009n label {
    line-height: 1.15;
    min-height: 2.6em;
    display: flex;
    align-items: flex-end;
}
.livestock-edit-v009n .livestock-edit-size-shell-v009n,
.livestock-edit-v009n .livestock-edit-price-shell-v009n {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
}
.livestock-edit-v009n .livestock-edit-size-mini-field-v009n input,
.livestock-edit-v009n .livestock-edit-price-mini-field-v009n input {
    width: 100%;
    min-width: 0;
}
.livestock-edit-v009n [data-livestock-size-block-v009n][hidden],
.livestock-edit-v009n [data-livestock-price-block-v009n][hidden] {
    display: none !important;
}
@media (max-width: 900px) {
    .livestock-edit-v009n .livestock-edit-size-blocks-grid-v009n,
    .livestock-edit-v009n .livestock-edit-price-blocks-grid-v009n {
        grid-template-columns: 1fr;
    }
}


/* v0.09o: Besatz anlegen - Korrektur auf 3 Spalten je Block. */
.livestock-edit-v009o .livestock-edit-size-blocks-grid-v009n,
.livestock-edit-v009o .livestock-edit-price-blocks-grid-v009n {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) {
    .livestock-edit-v009o .livestock-edit-size-blocks-grid-v009n,
    .livestock-edit-v009o .livestock-edit-price-blocks-grid-v009n {
        grid-template-columns: 1fr;
    }
}


/* v0.09p: Besatz anlegen - schmale Blöcke, Kaufpreis zweizeilig und cm im Eingabefeld. */
.livestock-edit-v009p .livestock-edit-size-blocks-grid-v009n,
.livestock-edit-v009p .livestock-edit-price-blocks-grid-v009n {
    gap: 10px 10px;
}
.livestock-edit-v009p .livestock-edit-size-shell-inside-v009p,
.livestock-edit-v009p .livestock-edit-price-shell-v009n {
    position: relative;
}
.livestock-edit-v009p .livestock-edit-size-shell-inside-v009p {
    display: block;
    width: 100%;
}
.livestock-edit-v009p .livestock-edit-size-shell-inside-v009p input {
    padding-right: 2.1em;
}
.livestock-edit-v009p .livestock-edit-size-unit-inside-v009p {
    position: absolute;
    right: 0.55rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--muted, #5d6b7a);
    font-size: 0.95em;
}
.livestock-edit-v009p .livestock-edit-price-label-v009p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    line-height: 1.05;
}
.livestock-edit-v009p .livestock-edit-price-label-v009p span {
    display: block;
}
.livestock-edit-v009p .livestock-edit-size-mini-field-v009n label,
.livestock-edit-v009p .livestock-edit-price-mini-field-v009n label {
    min-height: 2.25em;
}
@media (min-width: 901px) {
    .livestock-edit-v009p .livestock-edit-size-blocks-field-v009n,
    .livestock-edit-v009p .livestock-edit-price-blocks-field-v009n {
        max-width: 520px;
    }
}


/* v0.09q: Besatz anlegen - feste Formularbreite, 2 Größe + 2 Kaufpreis je Zeile. */
.livestock-edit-v009q .livestock-edit-surface-form,
.livestock-edit-v009q .livestock-edit-form-grid-v009q {
    max-width: 100%;
    overflow-x: hidden;
}
.livestock-edit-v009q .livestock-edit-size-blocks-field-v009n,
.livestock-edit-v009q .livestock-edit-price-blocks-field-v009n {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.livestock-edit-v009q .livestock-edit-size-blocks-grid-v009n,
.livestock-edit-v009q .livestock-edit-price-blocks-grid-v009n {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 10px;
    width: 100%;
    max-width: 100%;
}
.livestock-edit-v009q .livestock-edit-size-mini-field-v009n,
.livestock-edit-v009q .livestock-edit-price-mini-field-v009n {
    min-width: 0;
}
.livestock-edit-v009q .livestock-edit-size-shell-inside-v009p,
.livestock-edit-v009q .livestock-edit-price-shell-inside-v009q {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.livestock-edit-v009q .livestock-edit-size-shell-inside-v009p input,
.livestock-edit-v009q .livestock-edit-price-shell-inside-v009q input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.livestock-edit-v009q .livestock-edit-size-shell-inside-v009p input {
    padding-right: 2.65em;
}
.livestock-edit-v009q .livestock-edit-price-shell-inside-v009q input {
    padding-right: 1.75em;
}
.livestock-edit-v009q .livestock-edit-size-unit-inside-v009p,
.livestock-edit-v009q .livestock-edit-price-unit-inside-v009q {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--muted, #5d6b7a);
    font-size: 0.95em;
    min-width: auto;
    font-weight: 700;
}
.livestock-edit-v009q .livestock-edit-size-unit-inside-v009p {
    right: 0.55rem;
}
.livestock-edit-v009q .livestock-edit-price-unit-inside-v009q {
    right: 0.55rem;
}
.livestock-edit-v009q .livestock-edit-price-label-v009p {
    line-height: 1.05;
}
.livestock-edit-v009q .livestock-edit-size-mini-field-v009n label,
.livestock-edit-v009q .livestock-edit-price-mini-field-v009n label {
    min-height: 2.35em;
}
@media (max-width: 900px) {
    .livestock-edit-v009q .livestock-edit-size-blocks-grid-v009n,
    .livestock-edit-v009q .livestock-edit-price-blocks-grid-v009n {
        grid-template-columns: 1fr;
    }
}


/* v0.09q-Bild_01: Besatz anlegen Neustart nur mit Überschrift, rotem Text, Becken/Tiergruppe, Wissenschaftlicher Name/Deutscher Name. */
.livestock-edit-v009qbild01 {
    --livestock-qb01-col: 320px;
    --livestock-qb01-gap: 16px;
    --livestock-qb01-width: 656px;
}
.livestock-edit-v009qbild01 .livestock-edit-surface-form,
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 {
    width: var(--livestock-qb01-width);
    max-width: var(--livestock-qb01-width);
    min-width: var(--livestock-qb01-width);
    overflow: hidden;
}
.livestock-edit-v009qbild01 .livestock-edit-title-row-v009j {
    width: var(--livestock-qb01-width);
    max-width: var(--livestock-qb01-width);
    gap: var(--livestock-qb01-gap);
    align-items: flex-start;
}
.livestock-edit-v009qbild01 .livestock-edit-role-limit-hint-title-v009j {
    max-width: 300px;
    text-align: right;
    font-size: 0.82rem;
    line-height: 1.2;
}
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 {
    display: grid;
    grid-template-columns: var(--livestock-qb01-col) var(--livestock-qb01-col);
    gap: 16px;
    align-items: start;
}
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 > .form-field,
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 > .livestock-edit-name-layout {
    min-width: 0;
}
.livestock-edit-v009qbild01 #livestock_aquarium_field,
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 > .form-field:nth-of-type(2) {
    width: var(--livestock-qb01-col);
}
.livestock-edit-v009qbild01 .livestock-edit-name-layout {
    grid-column: 1 / -1;
    width: var(--livestock-qb01-width);
    display: grid;
    grid-template-columns: var(--livestock-qb01-col) var(--livestock-qb01-col);
    gap: 16px;
    align-items: start;
}
.livestock-edit-v009qbild01 .livestock-edit-name-layout .livestock-edit-scientific-row,
.livestock-edit-v009qbild01 .livestock-edit-name-layout .livestock-edit-german-name-row {
    width: var(--livestock-qb01-col);
}
.livestock-edit-v009qbild01 input[type="text"],
.livestock-edit-v009qbild01 select,
.livestock-edit-v009qbild01 .aquarium-select-shell {
    width: 100%;
    box-sizing: border-box;
}
.livestock-edit-v009qbild01 .livestock-edit-name-layout > :not(.livestock-edit-scientific-row):not(.livestock-edit-german-name-row) {
    display: none !important;
}
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 > .livestock-edit-date-three-row,
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 > [data-livestock-field="groesse_zum_kaufdatum_cm"],
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 > [data-livestock-field="kaufpreis_je_tier"],
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 > [data-livestock-field="stock"],
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 > [data-livestock-field="anzahl_polypen"],
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 > [data-livestock-field="nachzucht"],
.livestock-edit-v009qbild01 .livestock-edit-form-grid-v009qbild01 > .livestock-edit-breeder-field,
.livestock-edit-v009qbild01 .livestock-edit-info-block,
.livestock-edit-v009qbild01 .livestock-edit-observation-field,
.livestock-edit-v009qbild01 .livestock-edit-action-row,
.livestock-edit-v009qbild01 .livestock-edit-save-lock-hint,
.livestock-edit-v009qbild01 .notice.success.livestock-edit-copy-note,
.livestock-edit-v009qbild01 .notice.warning.livestock-edit-save-lock-hint {
    display: none !important;
}


/* v0.09q-Bild_02: Deutscher Name wieder in die rechte feste Spalte setzen. */
.livestock-edit-v009qbild01 .livestock-edit-name-layout .livestock-edit-scientific-row {
    grid-column: 1 / 2 !important;
}
.livestock-edit-v009qbild01 .livestock-edit-name-layout .livestock-edit-german-name-row {
    grid-column: 2 / 3 !important;
    display: flex !important;
}


/* v0.09q-Bild_03: oberer Grundaufbau konsequent neu festgelegt. */
.livestock-edit-v009qbild03 {
    --livestock-qb03-col: 320px;
    --livestock-qb03-gap: 16px;
    --livestock-qb03-width: 656px;
}
.livestock-edit-v009qbild03 .livestock-edit-title-row-v009j,
.livestock-edit-v009qbild03 .livestock-edit-surface-form,
.livestock-edit-v009qbild03 .livestock-edit-form-grid-v009qbild03,
.livestock-edit-v009qbild03 .livestock-edit-name-layout {
    width: var(--livestock-qb03-width) !important;
    max-width: var(--livestock-qb03-width) !important;
    min-width: var(--livestock-qb03-width) !important;
    box-sizing: border-box;
}
.livestock-edit-v009qbild03 .livestock-edit-title-row-v009j {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--livestock-qb03-gap);
    align-items: start;
}
.livestock-edit-v009qbild03 .livestock-edit-role-limit-hint-title-v009j {
    justify-self: end;
    text-align: right;
    max-width: 240px;
    font-size: 0.82rem;
    line-height: 1.2;
}
.livestock-edit-v009qbild03 .livestock-edit-form-grid-v009qbild03 {
    display: grid !important;
    grid-template-columns: var(--livestock-qb03-col) var(--livestock-qb03-col) !important;
    grid-auto-rows: auto;
    gap: var(--livestock-qb03-gap) !important;
    align-items: start;
    overflow: hidden;
}
.livestock-edit-v009qbild03 #livestock_aquarium_field {
    grid-column: 1 / 2 !important;
    width: var(--livestock-qb03-col) !important;
    display: block !important;
}
.livestock-edit-v009qbild03 .livestock-edit-form-grid-v009qbild03 > .form-field:nth-of-type(2) {
    grid-column: 2 / 3 !important;
    width: var(--livestock-qb03-col) !important;
    display: block !important;
}
.livestock-edit-v009qbild03 .livestock-edit-name-layout {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: var(--livestock-qb03-col) var(--livestock-qb03-col) !important;
    gap: var(--livestock-qb03-gap) !important;
    align-items: start;
}
.livestock-edit-v009qbild03 .livestock-edit-name-layout .livestock-edit-scientific-row {
    grid-column: 1 / 2 !important;
    width: var(--livestock-qb03-col) !important;
    display: block !important;
}
.livestock-edit-v009qbild03 .livestock-edit-name-layout .livestock-edit-german-name-row {
    grid-column: 2 / 3 !important;
    width: var(--livestock-qb03-col) !important;
    display: block !important;
}
.livestock-edit-v009qbild03 input[type="text"],
.livestock-edit-v009qbild03 select,
.livestock-edit-v009qbild03 .aquarium-select-shell {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
.livestock-edit-v009qbild03 .livestock-edit-form-grid-v009qbild03 > :not(#livestock_aquarium_field):not(.livestock-edit-name-layout):not(.form-field:nth-of-type(2)) {
    display: none !important;
}
.livestock-edit-v009qbild03 .livestock-edit-name-layout > :not(.livestock-edit-scientific-row):not(.livestock-edit-german-name-row) {
    display: none !important;
}
.livestock-edit-v009qbild03 .livestock-edit-form-grid-v009qbild03 > .livestock-edit-date-three-row,
.livestock-edit-v009qbild03 .livestock-edit-form-grid-v009qbild03 > .livestock-edit-full-row,
.livestock-edit-v009qbild03 .livestock-edit-info-block,
.livestock-edit-v009qbild03 .livestock-edit-observation-field,
.livestock-edit-v009qbild03 .livestock-edit-action-row,
.livestock-edit-v009qbild03 .livestock-edit-save-lock-hint,
.livestock-edit-v009qbild03 .notice.success.livestock-edit-copy-note,
.livestock-edit-v009qbild03 .notice.warning.livestock-edit-save-lock-hint {
    display: none !important;
}


/* v0.09q-Bild_04: Namensblock sichtbar halten, nur Zusatzfelder darin ausblenden. */
.livestock-edit-v009qbild04 .livestock-edit-name-layout {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 320px 320px !important;
    gap: 16px !important;
    width: 656px !important;
    max-width: 656px !important;
    min-width: 656px !important;
}
.livestock-edit-v009qbild04 .livestock-edit-name-layout.livestock-edit-full-row {
    display: grid !important;
}
.livestock-edit-v009qbild04 .livestock-edit-name-layout .livestock-edit-scientific-row {
    display: block !important;
    grid-column: 1 / 2 !important;
    width: 320px !important;
}
.livestock-edit-v009qbild04 .livestock-edit-name-layout .livestock-edit-german-name-row {
    display: block !important;
    grid-column: 2 / 3 !important;
    width: 320px !important;
}
.livestock-edit-v009qbild04 .livestock-edit-form-grid-v009qbild04 > .livestock-edit-name-layout {
    display: grid !important;
}
.livestock-edit-v009qbild04 .livestock-edit-form-grid-v009qbild04 > .livestock-edit-date-three-row,
.livestock-edit-v009qbild04 .livestock-edit-form-grid-v009qbild04 > .livestock-edit-info-block,
.livestock-edit-v009qbild04 .livestock-edit-form-grid-v009qbild04 > .livestock-edit-observation-field,
.livestock-edit-v009qbild04 .livestock-edit-form-grid-v009qbild04 > .livestock-edit-action-row,
.livestock-edit-v009qbild04 .livestock-edit-form-grid-v009qbild04 > .notice,
.livestock-edit-v009qbild04 .livestock-edit-form-grid-v009qbild04 > .livestock-edit-save-lock-hint {
    display: none !important;
}
.livestock-edit-v009qbild04 .livestock-edit-name-layout > :not(.livestock-edit-scientific-row):not(.livestock-edit-german-name-row) {
    display: none !important;
}


/* v0.09q-Bild_05: sichtbaren oberen Block technisch neu aufgebaut, alte Formularstruktur ausgeblendet. */
.livestock-edit-v009qbild05 {
    --livestock-qb05-col: 320px;
    --livestock-qb05-gap: 16px;
    --livestock-qb05-width: 656px;
}
.livestock-edit-v009qbild05 .livestock-edit-title-row-v009j {
    width: var(--livestock-qb05-width) !important;
    max-width: var(--livestock-qb05-width) !important;
    min-width: var(--livestock-qb05-width) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--livestock-qb05-gap);
    align-items: start;
    box-sizing: border-box;
}
.livestock-edit-v009qbild05 .livestock-edit-role-limit-hint-title-v009j {
    justify-self: end;
    text-align: right;
    max-width: 240px;
    font-size: 0.82rem;
    line-height: 1.2;
}
.livestock-edit-v009qbild05 .livestock-edit-qbild05-layout {
    width: var(--livestock-qb05-width);
    max-width: var(--livestock-qb05-width);
    min-width: var(--livestock-qb05-width);
    display: grid;
    grid-template-columns: var(--livestock-qb05-col) var(--livestock-qb05-col);
    gap: var(--livestock-qb05-gap);
    align-items: start;
    box-sizing: border-box;
}
.livestock-edit-v009qbild05 .livestock-edit-qbild05-field {
    width: var(--livestock-qb05-col);
    min-width: var(--livestock-qb05-col);
    max-width: var(--livestock-qb05-col);
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-sizing: border-box;
}
.livestock-edit-v009qbild05 .livestock-edit-qbild05-field input[type="text"],
.livestock-edit-v009qbild05 .livestock-edit-qbild05-field select,
.livestock-edit-v009qbild05 .livestock-edit-qbild05-field .aquarium-select-shell {
    width: var(--livestock-qb05-col) !important;
    min-width: var(--livestock-qb05-col) !important;
    max-width: var(--livestock-qb05-col) !important;
    box-sizing: border-box;
}
.livestock-edit-v009qbild05 #livestock_surface_form {
    display: none !important;
}


/* v0.09q-Bild_06: feste Breite 500 px, Wissenschaftlicher Name 400 px mit Lexikon-Aufruf, Deutscher Name 400 px. */
.livestock-edit-v009qbild06 {
    --livestock-qb06-width: 500px;
    --livestock-qb06-col: 242px;
    --livestock-qb06-gap: 16px;
    --livestock-qb06-name: 400px;
}
.livestock-edit-v009qbild06 .livestock-edit-title-row-v009j {
    width: var(--livestock-qb06-width) !important;
    max-width: var(--livestock-qb06-width) !important;
    min-width: var(--livestock-qb06-width) !important;
}
.livestock-edit-v009qbild06 .livestock-edit-role-limit-hint-title-v009j {
    max-width: 180px;
}
.livestock-edit-v009qbild06 .livestock-edit-qbild06-layout {
    width: var(--livestock-qb06-width) !important;
    max-width: var(--livestock-qb06-width) !important;
    min-width: var(--livestock-qb06-width) !important;
    display: grid;
    grid-template-columns: var(--livestock-qb06-col) var(--livestock-qb06-col);
    gap: var(--livestock-qb06-gap);
    align-items: start;
    box-sizing: border-box;
}
.livestock-edit-v009qbild06 .livestock-edit-qbild06-field {
    width: var(--livestock-qb06-col);
    min-width: var(--livestock-qb06-col);
    max-width: var(--livestock-qb06-col);
}
.livestock-edit-v009qbild06 .livestock-edit-qbild06-field input[type="text"],
.livestock-edit-v009qbild06 .livestock-edit-qbild06-field select,
.livestock-edit-v009qbild06 .livestock-edit-qbild06-field .aquarium-select-shell {
    width: var(--livestock-qb06-col) !important;
    min-width: var(--livestock-qb06-col) !important;
    max-width: var(--livestock-qb06-col) !important;
}
.livestock-edit-v009qbild06 .livestock-edit-qbild06-name-row {
    grid-column: 1 / -1;
    width: var(--livestock-qb06-width);
    display: grid;
    grid-template-columns: var(--livestock-qb06-name) auto;
    gap: 12px;
    align-items: end;
}
.livestock-edit-v009qbild06 .livestock-edit-qbild06-name-field {
    width: var(--livestock-qb06-name);
    min-width: var(--livestock-qb06-name);
    max-width: var(--livestock-qb06-name);
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-sizing: border-box;
}
.livestock-edit-v009qbild06 .livestock-edit-qbild06-name-field input[type="text"] {
    width: var(--livestock-qb06-name) !important;
    min-width: var(--livestock-qb06-name) !important;
    max-width: var(--livestock-qb06-name) !important;
    box-sizing: border-box;
}
.livestock-edit-v009qbild06 .livestock-edit-qbild06-lexicon {
    align-self: end;
    white-space: nowrap;
    margin-bottom: 0.45rem;
}
.livestock-edit-v009qbild06 .livestock-edit-qbild06-german-row {
    grid-column: 1 / 2;
}
.livestock-edit-v009qbild06 #livestock_surface_form {
    display: none !important;
}


/* v0.09q-Bild_07: Feldüberschriften fett, Becken/Tiergruppe Auswahl 75 px, kleiner Lexikon-Link mit Hinweis. */
.livestock-edit-v009qbild07 {
    --livestock-qb07-width: 500px;
    --livestock-qb07-col: 242px;
    --livestock-qb07-gap: 16px;
    --livestock-qb07-name: 400px;
    --livestock-qb07-short: 75px;
}
.livestock-edit-v009qbild07 .livestock-edit-title-row-v009j,
.livestock-edit-v009qbild07 .livestock-edit-qbild06-layout {
    width: var(--livestock-qb07-width) !important;
    max-width: var(--livestock-qb07-width) !important;
    min-width: var(--livestock-qb07-width) !important;
}
.livestock-edit-v009qbild07 .livestock-edit-qbild06-layout {
    grid-template-columns: var(--livestock-qb07-col) var(--livestock-qb07-col);
    gap: var(--livestock-qb07-gap);
}
.livestock-edit-v009qbild07 .livestock-edit-qbild06-layout label {
    font-weight: 700 !important;
}
.livestock-edit-v009qbild07 .livestock-edit-qbild06-field {
    width: var(--livestock-qb07-col);
    min-width: var(--livestock-qb07-col);
    max-width: var(--livestock-qb07-col);
}
.livestock-edit-v009qbild07 .livestock-edit-qbild06-field input[type="text"],
.livestock-edit-v009qbild07 .livestock-edit-qbild06-field select,
.livestock-edit-v009qbild07 .livestock-edit-qbild06-field .aquarium-select-shell {
    box-sizing: border-box;
}
.livestock-edit-v009qbild07 .livestock-edit-qbild06-field:first-child .aquarium-select-shell,
.livestock-edit-v009qbild07 .livestock-edit-qbild06-field:first-child .aquarium-select-shell select,
.livestock-edit-v009qbild07 #livestock_qbild05_aquarium_id {
    width: var(--livestock-qb07-short) !important;
    min-width: var(--livestock-qb07-short) !important;
    max-width: var(--livestock-qb07-short) !important;
}
.livestock-edit-v009qbild07 #livestock_qbild05_tiergruppe {
    width: var(--livestock-qb07-short) !important;
    min-width: var(--livestock-qb07-short) !important;
    max-width: var(--livestock-qb07-short) !important;
}
.livestock-edit-v009qbild07 .livestock-edit-qbild06-name-row {
    width: var(--livestock-qb07-width);
    grid-template-columns: var(--livestock-qb07-name) auto;
    gap: 12px;
    align-items: start;
}
.livestock-edit-v009qbild07 .livestock-edit-qbild06-name-field,
.livestock-edit-v009qbild07 .livestock-edit-qbild06-german-row {
    width: var(--livestock-qb07-name);
    min-width: var(--livestock-qb07-name);
    max-width: var(--livestock-qb07-name);
}
.livestock-edit-v009qbild07 .livestock-edit-qbild06-name-field input[type="text"],
.livestock-edit-v009qbild07 .livestock-edit-qbild06-german-row input[type="text"] {
    width: var(--livestock-qb07-name) !important;
    min-width: var(--livestock-qb07-name) !important;
    max-width: var(--livestock-qb07-name) !important;
}
.livestock-edit-v009qbild07 .livestock-edit-qbild07-lexicon-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-top: 1.8rem;
}
.livestock-edit-v009qbild07 .livestock-edit-qbild07-lexicon {
    font-size: 0.82rem;
    line-height: 1.1;
    white-space: nowrap;
}
.livestock-edit-v009qbild07 .livestock-edit-qbild07-lexicon-note {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.2;
    color: #4a5568;
    max-width: 78px;
}


/* v0.09q-Bild_08: sichtbare Hilfslinien und weiße Gesamtfläche auf 500 px begrenzt. */
.livestock-edit-v009qbild08 {
    width: 500px !important;
    max-width: 500px !important;
    min-width: 500px !important;
    box-sizing: border-box;
    overflow: hidden;
}

/* Der große weiße Bereich ist die Card / der Content-Container. */
section.card.livestock-edit-page.livestock-edit-v009qbild08 {
    width: 500px !important;
    max-width: 500px !important;
    min-width: 500px !important;
    padding: 12px !important;
    box-sizing: border-box;
}

/* Inhalt innerhalb der 500-px-Card passend reduzieren. */
.livestock-edit-v009qbild08 {
    --livestock-qb08-card-width: 500px;
    --livestock-qb08-inner-width: 476px;
    --livestock-qb08-gap: 16px;
    --livestock-qb08-col: 230px;
    --livestock-qb08-name: 360px;
}

.livestock-edit-v009qbild08 .livestock-edit-title-row-v009j,
.livestock-edit-v009qbild08 .livestock-edit-qbild06-layout {
    width: var(--livestock-qb08-inner-width) !important;
    max-width: var(--livestock-qb08-inner-width) !important;
    min-width: var(--livestock-qb08-inner-width) !important;
}

.livestock-edit-v009qbild08 .livestock-edit-qbild06-layout {
    grid-template-columns: var(--livestock-qb08-col) var(--livestock-qb08-col) !important;
    gap: var(--livestock-qb08-gap) !important;
}

.livestock-edit-v009qbild08 .livestock-edit-qbild06-field {
    width: var(--livestock-qb08-col) !important;
    min-width: var(--livestock-qb08-col) !important;
    max-width: var(--livestock-qb08-col) !important;
}

.livestock-edit-v009qbild08 .livestock-edit-qbild06-name-row {
    width: var(--livestock-qb08-inner-width) !important;
    max-width: var(--livestock-qb08-inner-width) !important;
    min-width: var(--livestock-qb08-inner-width) !important;
    grid-template-columns: var(--livestock-qb08-name) auto !important;
}

.livestock-edit-v009qbild08 .livestock-edit-qbild06-name-field,
.livestock-edit-v009qbild08 .livestock-edit-qbild06-german-row {
    width: var(--livestock-qb08-name) !important;
    min-width: var(--livestock-qb08-name) !important;
    max-width: var(--livestock-qb08-name) !important;
}

.livestock-edit-v009qbild08 .livestock-edit-qbild06-name-field input[type="text"],
.livestock-edit-v009qbild08 .livestock-edit-qbild06-german-row input[type="text"] {
    width: var(--livestock-qb08-name) !important;
    min-width: var(--livestock-qb08-name) !important;
    max-width: var(--livestock-qb08-name) !important;
}

/* Hilfslinien für Anmerkungen: äußere Begrenzung, Zeilen und senkrechte Teilung. */
.livestock-edit-v009qbild08 .livestock-edit-title-row-v009j,
.livestock-edit-v009qbild08 .livestock-edit-qbild06-layout,
.livestock-edit-v009qbild08 .livestock-edit-qbild06-field,
.livestock-edit-v009qbild08 .livestock-edit-qbild06-name-row,
.livestock-edit-v009qbild08 .livestock-edit-qbild06-name-field,
.livestock-edit-v009qbild08 .livestock-edit-qbild06-german-row,
.livestock-edit-v009qbild08 .livestock-edit-qbild07-lexicon-panel {
    outline: 1px dashed rgba(180, 0, 0, 0.75);
    outline-offset: 0;
}

/* Waagrechte sichtbare Linie je Zeilenblock. */
.livestock-edit-v009qbild08 .livestock-edit-title-row-v009j,
.livestock-edit-v009qbild08 .livestock-edit-qbild06-layout > .livestock-edit-qbild06-field,
.livestock-edit-v009qbild08 .livestock-edit-qbild06-name-row,
.livestock-edit-v009qbild08 .livestock-edit-qbild06-german-row {
    border-top: 1px solid rgba(0, 85, 170, 0.65);
    padding-top: 6px;
}

/* Senkrechte sichtbare Trennlinie zwischen linker und rechter Spalte. */
.livestock-edit-v009qbild08 .livestock-edit-qbild06-layout {
    position: relative;
}
.livestock-edit-v009qbild08 .livestock-edit-qbild06-layout::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--livestock-qb08-col) + 8px);
    width: 1px;
    background: rgba(0, 85, 170, 0.75);
    pointer-events: none;
}

/* Senkrechte Markierung nach dem 360-px-Namensfeld. */
.livestock-edit-v009qbild08 .livestock-edit-qbild06-name-row {
    position: relative;
}
.livestock-edit-v009qbild08 .livestock-edit-qbild06-name-row::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--livestock-qb08-name);
    width: 1px;
    background: rgba(0, 85, 170, 0.75);
    pointer-events: none;
}


/* v0.09q-Bild_09: äußerer weißer Container selbst fest auf 500 px. */
section.card.livestock-edit-page.livestock-edit-v009qbild09,
.card.livestock-edit-page.livestock-edit-v009qbild09 {
    display: block !important;
    position: relative;
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    inline-size: 500px !important;
    flex: 0 0 500px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-edit-v009qbild09 {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    inline-size: 500px !important;
    box-sizing: border-box !important;
}
/* Falls die Seite den Container über ein Raster oder Flex-Layout streckt, hier bewusst stoppen. */
.livestock-edit-v009qbild09.grid,
.grid > .livestock-edit-v009qbild09,
.cards-2 > .livestock-edit-v009qbild09,
.cards-3 > .livestock-edit-v009qbild09 {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    flex: 0 0 500px !important;
    justify-self: start !important;
}
/* Innerer sichtbarer Arbeitsbereich innerhalb der 500-px-Card. */
.livestock-edit-v009qbild09 {
    --livestock-qb09-card-width: 500px;
    --livestock-qb09-inner-width: 476px;
    --livestock-qb09-gap: 16px;
    --livestock-qb09-col: 230px;
    --livestock-qb09-name: 360px;
}
.livestock-edit-v009qbild09 .livestock-edit-title-row-v009j,
.livestock-edit-v009qbild09 .livestock-edit-qbild06-layout {
    width: var(--livestock-qb09-inner-width) !important;
    min-width: var(--livestock-qb09-inner-width) !important;
    max-width: var(--livestock-qb09-inner-width) !important;
}
.livestock-edit-v009qbild09 .livestock-edit-qbild06-layout {
    grid-template-columns: var(--livestock-qb09-col) var(--livestock-qb09-col) !important;
    gap: var(--livestock-qb09-gap) !important;
}
.livestock-edit-v009qbild09 .livestock-edit-qbild06-field {
    width: var(--livestock-qb09-col) !important;
    min-width: var(--livestock-qb09-col) !important;
    max-width: var(--livestock-qb09-col) !important;
}
.livestock-edit-v009qbild09 .livestock-edit-qbild06-name-row {
    width: var(--livestock-qb09-inner-width) !important;
    min-width: var(--livestock-qb09-inner-width) !important;
    max-width: var(--livestock-qb09-inner-width) !important;
    grid-template-columns: var(--livestock-qb09-name) auto !important;
}
.livestock-edit-v009qbild09 .livestock-edit-qbild06-name-field,
.livestock-edit-v009qbild09 .livestock-edit-qbild06-german-row {
    width: var(--livestock-qb09-name) !important;
    min-width: var(--livestock-qb09-name) !important;
    max-width: var(--livestock-qb09-name) !important;
}
.livestock-edit-v009qbild09 .livestock-edit-qbild06-name-field input[type="text"],
.livestock-edit-v009qbild09 .livestock-edit-qbild06-german-row input[type="text"] {
    width: var(--livestock-qb09-name) !important;
    min-width: var(--livestock-qb09-name) !important;
    max-width: var(--livestock-qb09-name) !important;
}


/* v0.09q-Bild_10: sichtbare px-Angaben für Fenster und alle eingeblendeten Felder. */
section.card.livestock-edit-page.livestock-edit-v009qbild10,
.card.livestock-edit-page.livestock-edit-v009qbild10 {
    position: relative;
}
section.card.livestock-edit-page.livestock-edit-v009qbild10::before {
    content: "Gesamtfenster 500 px";
    position: absolute;
    left: 12px;
    bottom: 6px;
    font-size: 12px;
    line-height: 1;
    color: #003a9b;
    background: #fff;
    border: 1px solid #003a9b;
    padding: 2px 6px;
    z-index: 5;
}
.livestock-edit-v009qbild10 .livestock-edit-title-row-v009j::after {
    content: "Titelzeile 476 px";
    position: absolute;
    right: 0;
    top: -18px;
    font-size: 11px;
    color: #003a9b;
    background: #fff;
    border: 1px solid #003a9b;
    padding: 1px 5px;
}
.livestock-edit-v009qbild10 .livestock-edit-title-row-v009j {
    position: relative;
}
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure {
    position: relative;
}
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure::after {
    position: absolute;
    font-size: 11px;
    line-height: 1;
    color: #003a9b;
    background: #fff;
    border: 1px solid #003a9b;
    padding: 1px 5px;
    z-index: 4;
    white-space: nowrap;
}
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-becken::after {
    content: "Block 230 px / Feld 75 px";
    left: 0;
    top: -14px;
}
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-tiergruppe::after {
    content: "Block 230 px / Feld 75 px";
    left: 0;
    top: -14px;
}
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-name-row::after {
    content: "Namezeile 476 px";
    left: 140px;
    top: -14px;
}
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-wissname::after {
    content: "Feld 360 px";
    left: 130px;
    bottom: -16px;
}
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-lexikon::after {
    content: "Bereich 104 px";
    right: 0;
    bottom: -16px;
}
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-deutschname::after {
    content: "Feld 360 px";
    left: 130px;
    top: -14px;
}
/* Zusätzliche sichtbare Messlinien pro Feldbereich. */
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-becken::before,
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-tiergruppe::before,
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-wissname::before,
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-lexikon::before,
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-deutschname::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    border-top: 2px solid rgba(255, 0, 140, 0.75);
    z-index: 3;
}
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-wissname::before,
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-lexikon::before,
.livestock-edit-v009qbild10 .livestock-edit-qbild10-measure-deutschname::before {
    top: auto;
    bottom: -6px;
}


/* v0.09q-Bild_11: deutlich sichtbare px-Angaben direkt im Layout. */
.livestock-edit-v009qbild11 .livestock-edit-qbild11-total-note {
    width: 476px;
    max-width: 476px;
    min-width: 476px;
    margin: 0 0 10px 0;
    padding: 4px 8px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    color: #003a9b;
    background: #ffffff;
    border: 2px solid #003a9b;
}
.livestock-edit-v009qbild11 .livestock-edit-qbild11-field-note {
    display: inline-block;
    margin-top: 6px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    color: #003a9b;
    background: #ffffff;
    border: 2px solid #003a9b;
    border-radius: 2px;
    vertical-align: top;
}
.livestock-edit-v009qbild11 .livestock-edit-qbild10-measure::after,
.livestock-edit-v009qbild11 .livestock-edit-title-row-v009j::after,
.livestock-edit-v009qbild11 section.card.livestock-edit-page.livestock-edit-v009qbild10::before {
    display: none !important;
}
/* Bild_11 behält die Hilfslinien bei, verstärkt aber die Messnotizen. */
.livestock-edit-v009qbild11 .livestock-edit-qbild10-measure-becken::before,
.livestock-edit-v009qbild11 .livestock-edit-qbild10-measure-tiergruppe::before,
.livestock-edit-v009qbild11 .livestock-edit-qbild10-measure-wissname::before,
.livestock-edit-v009qbild11 .livestock-edit-qbild10-measure-lexikon::before,
.livestock-edit-v009qbild11 .livestock-edit-qbild10-measure-deutschname::before {
    border-top-width: 3px;
}


/* v0.09q-Bild_13: Basis Bild_11, bestehende Feldformatierung erhalten, neue feste Werte. */
section.card.livestock-edit-page.livestock-edit-v009qbild13,
.card.livestock-edit-page.livestock-edit-v009qbild13 {
    display: block !important;
    position: relative;
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
    flex: 0 0 550px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.livestock-edit-v009qbild13 {
    --qb13-card: 550px;
    --qb13-inner: 526px;
    --qb13-gap: 6px;
    --qb13-block: 260px;
    --qb13-select: 250px;
    --qb13-name: 380px;
    --qb13-lex: 140px;
    --qb13-farb: 280px;
    --qb13-anzahl: 50px;
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009qbild13 .livestock-edit-title-row-v009j,
.livestock-edit-v009qbild13 .livestock-edit-qbild11-total-note,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-layout {
    width: var(--qb13-inner) !important;
    min-width: var(--qb13-inner) !important;
    max-width: var(--qb13-inner) !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009qbild13 .livestock-edit-title-row-v009j {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 180px !important;
    column-gap: 8px !important;
    align-items: start !important;
}

.livestock-edit-v009qbild13 .livestock-edit-role-limit-hint-title-v009j {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    white-space: normal !important;
    text-align: right !important;
    line-height: 1.15 !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild11-total-note {
    width: var(--qb13-inner) !important;
    margin-bottom: 10px !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-layout {
    display: grid !important;
    grid-template-columns: var(--qb13-block) var(--qb13-block) !important;
    gap: 14px var(--qb13-gap) !important;
    align-items: start !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-field {
    width: var(--qb13-block) !important;
    min-width: var(--qb13-block) !important;
    max-width: var(--qb13-block) !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-field .aquarium-select-shell,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-field .aquarium-select-shell select,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-field select {
    width: var(--qb13-select) !important;
    min-width: var(--qb13-select) !important;
    max-width: var(--qb13-select) !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-name-grid {
    grid-column: 1 / -1 !important;
    width: var(--qb13-inner) !important;
    min-width: var(--qb13-inner) !important;
    max-width: var(--qb13-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb13-name) var(--qb13-lex) !important;
    grid-template-rows: auto auto !important;
    gap: 10px var(--qb13-gap) !important;
    align-items: start !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-name-field {
    width: var(--qb13-name) !important;
    min-width: var(--qb13-name) !important;
    max-width: var(--qb13-name) !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-name-field input[type="text"] {
    width: var(--qb13-name) !important;
    min-width: var(--qb13-name) !important;
    max-width: var(--qb13-name) !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-lexicon-panel {
    grid-column: 2 / 3 !important;
    grid-row: 1 / span 2 !important;
    width: var(--qb13-lex) !important;
    min-width: var(--qb13-lex) !important;
    max-width: var(--qb13-lex) !important;
    align-self: stretch !important;
    padding-top: 1.55rem !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-farbmorphe-field {
    grid-column: 1 / 2 !important;
    width: var(--qb13-farb) !important;
    min-width: var(--qb13-farb) !important;
    max-width: var(--qb13-farb) !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-farbmorphe-field input[type="text"] {
    width: var(--qb13-farb) !important;
    min-width: var(--qb13-farb) !important;
    max-width: var(--qb13-farb) !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-anzahl-field {
    grid-column: 1 / 2 !important;
    width: var(--qb13-anzahl) !important;
    min-width: var(--qb13-anzahl) !important;
    max-width: var(--qb13-anzahl) !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-anzahl-field input[type="text"] {
    width: var(--qb13-anzahl) !important;
    min-width: var(--qb13-anzahl) !important;
    max-width: var(--qb13-anzahl) !important;
    box-sizing: border-box !important;
}

/* Bild_13: Hilfslinien und sichtbare px-Angaben fortführen. */
.livestock-edit-v009qbild13 .livestock-edit-qbild13-layout,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-field,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-name-grid,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-name-field,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-lexicon-panel,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-farbmorphe-field,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-anzahl-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    outline-offset: 0 !important;
    position: relative !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild13-layout::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--qb13-block) + 3px);
    width: 1px;
    background: rgba(0, 85, 170, 0.75);
    pointer-events: none;
}

.livestock-edit-v009qbild13 .livestock-edit-title-row-v009j,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-field,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-name-grid,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-farbmorphe-field,
.livestock-edit-v009qbild13 .livestock-edit-qbild13-anzahl-field {
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild10-measure::after,
.livestock-edit-v009qbild13 .livestock-edit-title-row-v009j::after {
    display: none !important;
}

.livestock-edit-v009qbild13 .livestock-edit-qbild11-field-note {
    display: inline-block !important;
    margin-top: 6px !important;
    padding: 2px 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #003a9b !important;
    background: #ffffff !important;
    border: 2px solid #003a9b !important;
    border-radius: 2px !important;
    vertical-align: top !important;
}

.livestock-edit-v009qbild13 #livestock_surface_form {
    display: none !important;
}


/* v0.09q-Bild_14: Auswahllisten 250 px, Anzahl 70 px neben Farbmorphe. */
section.card.livestock-edit-page.livestock-edit-v009qbild14,
.card.livestock-edit-page.livestock-edit-v009qbild14 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild14 {
    --qb14-card: 550px;
    --qb14-inner: 526px;
    --qb14-gap: 6px;
    --qb14-block: 260px;
    --qb14-select: 250px;
    --qb14-name: 380px;
    --qb14-lex: 140px;
    --qb14-farb: 280px;
    --qb14-anzahl: 70px;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild13-layout {
    width: var(--qb14-inner) !important;
    min-width: var(--qb14-inner) !important;
    max-width: var(--qb14-inner) !important;
    grid-template-columns: var(--qb14-block) var(--qb14-block) !important;
    gap: 14px var(--qb14-gap) !important;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild13-field {
    width: var(--qb14-block) !important;
    min-width: var(--qb14-block) !important;
    max-width: var(--qb14-block) !important;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild13-field .aquarium-select-shell,
.livestock-edit-v009qbild14 .livestock-edit-qbild13-field .aquarium-select-shell select,
.livestock-edit-v009qbild14 .livestock-edit-qbild13-field select {
    width: var(--qb14-select) !important;
    min-width: var(--qb14-select) !important;
    max-width: var(--qb14-select) !important;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild13-name-grid {
    width: var(--qb14-inner) !important;
    min-width: var(--qb14-inner) !important;
    max-width: var(--qb14-inner) !important;
    grid-template-columns: var(--qb14-name) var(--qb14-lex) !important;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild13-name-field {
    width: var(--qb14-name) !important;
    min-width: var(--qb14-name) !important;
    max-width: var(--qb14-name) !important;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild13-name-field input[type="text"] {
    width: var(--qb14-name) !important;
    min-width: var(--qb14-name) !important;
    max-width: var(--qb14-name) !important;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild13-lexicon-panel {
    width: var(--qb14-lex) !important;
    min-width: var(--qb14-lex) !important;
    max-width: var(--qb14-lex) !important;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild14-farbmorphe-field {
    grid-column: 1 / 2 !important;
    width: var(--qb14-farb) !important;
    min-width: var(--qb14-farb) !important;
    max-width: var(--qb14-farb) !important;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild14-farbmorphe-field input[type="text"] {
    width: var(--qb14-farb) !important;
    min-width: var(--qb14-farb) !important;
    max-width: var(--qb14-farb) !important;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild14-anzahl-field {
    grid-column: 2 / 3 !important;
    align-self: start !important;
    justify-self: start !important;
    width: var(--qb14-anzahl) !important;
    min-width: var(--qb14-anzahl) !important;
    max-width: var(--qb14-anzahl) !important;
}
.livestock-edit-v009qbild14 .livestock-edit-qbild14-anzahl-field input[type="text"] {
    width: var(--qb14-anzahl) !important;
    min-width: var(--qb14-anzahl) !important;
    max-width: var(--qb14-anzahl) !important;
}
/* Hilfslinien und Notizen beibehalten */
.livestock-edit-v009qbild14 .livestock-edit-qbild13-layout,
.livestock-edit-v009qbild14 .livestock-edit-qbild13-field,
.livestock-edit-v009qbild14 .livestock-edit-qbild13-name-grid,
.livestock-edit-v009qbild14 .livestock-edit-qbild13-name-field,
.livestock-edit-v009qbild14 .livestock-edit-qbild13-lexicon-panel,
.livestock-edit-v009qbild14 .livestock-edit-qbild14-farbmorphe-field,
.livestock-edit-v009qbild14 .livestock-edit-qbild14-anzahl-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
}


/* v0.09q-Bild_15: Korrektur der tatsächlichen Auswahllistenbreite auf 250 px. */
section.card.livestock-edit-page.livestock-edit-v009qbild15,
.card.livestock-edit-page.livestock-edit-v009qbild15 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild15 {
    --qb15-select: 250px;
    --qb15-farb: 280px;
    --qb15-anzahl: 70px;
}
/* Die alten Bild_07-ID-Regeln (75 px) werden hier gezielt mit gleicher/höherer Spezifität überschrieben. */
.livestock-edit-v009qbild15 #livestock_qbild05_aquarium_id,
.livestock-edit-v009qbild15 .livestock-edit-qbild13-field:first-child .aquarium-select-shell,
.livestock-edit-v009qbild15 .livestock-edit-qbild13-field:first-child .aquarium-select-shell select,
.livestock-edit-v009qbild15 .livestock-edit-qbild13-field:first-child .aquarium-color-select {
    width: var(--qb15-select) !important;
    min-width: var(--qb15-select) !important;
    max-width: var(--qb15-select) !important;
    inline-size: var(--qb15-select) !important;
    box-sizing: border-box !important;
    flex: 0 0 var(--qb15-select) !important;
}
.livestock-edit-v009qbild15 #livestock_qbild05_tiergruppe,
.livestock-edit-v009qbild15 .livestock-edit-qbild13-field:nth-child(2) select {
    width: var(--qb15-select) !important;
    min-width: var(--qb15-select) !important;
    max-width: var(--qb15-select) !important;
    inline-size: var(--qb15-select) !important;
    box-sizing: border-box !important;
    flex: 0 0 var(--qb15-select) !important;
}
/* Sicherheitshalber auch die Feldblöcke selbst unverändert beibehalten. */
.livestock-edit-v009qbild15 .livestock-edit-qbild13-field {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
}
.livestock-edit-v009qbild15 .livestock-edit-qbild14-farbmorphe-field input[type="text"] {
    width: var(--qb15-farb) !important;
    min-width: var(--qb15-farb) !important;
    max-width: var(--qb15-farb) !important;
}
.livestock-edit-v009qbild15 .livestock-edit-qbild14-anzahl-field,
.livestock-edit-v009qbild15 .livestock-edit-qbild14-anzahl-field input[type="text"] {
    width: var(--qb15-anzahl) !important;
    min-width: var(--qb15-anzahl) !important;
    max-width: var(--qb15-anzahl) !important;
}


/* v0.09q-Bild_16: Auswahllisten bleiben 250 px breit, aber wieder mit normaler Select-Höhe. */
section.card.livestock-edit-page.livestock-edit-v009qbild16,
.card.livestock-edit-page.livestock-edit-v009qbild16 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}

.livestock-edit-v009qbild16 {
    --qb16-select: 250px;
    --qb16-select-height: 58px;
    --qb16-farb: 280px;
    --qb16-anzahl: 70px;
}

/* Becken: tatsächliches Select-Feld 250 px breit, normale Höhe. */
.livestock-edit-v009qbild16 #livestock_qbild05_aquarium_id,
.livestock-edit-v009qbild16 .livestock-edit-qbild13-field:first-child .aquarium-select-shell,
.livestock-edit-v009qbild16 .livestock-edit-qbild13-field:first-child .aquarium-select-shell select,
.livestock-edit-v009qbild16 .livestock-edit-qbild13-field:first-child .aquarium-color-select {
    width: var(--qb16-select) !important;
    min-width: var(--qb16-select) !important;
    max-width: var(--qb16-select) !important;
    inline-size: var(--qb16-select) !important;
    height: var(--qb16-select-height) !important;
    min-height: var(--qb16-select-height) !important;
    max-height: var(--qb16-select-height) !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    display: block !important;
    line-height: 1.25 !important;
    padding: 10px 12px !important;
    overflow: hidden !important;
}

/* Tiergruppe: tatsächliches Select-Feld 250 px breit, normale Höhe. */
.livestock-edit-v009qbild16 #livestock_qbild05_tiergruppe,
.livestock-edit-v009qbild16 .livestock-edit-qbild13-field:nth-child(2) select {
    width: var(--qb16-select) !important;
    min-width: var(--qb16-select) !important;
    max-width: var(--qb16-select) !important;
    inline-size: var(--qb16-select) !important;
    height: var(--qb16-select-height) !important;
    min-height: var(--qb16-select-height) !important;
    max-height: var(--qb16-select-height) !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    display: block !important;
    line-height: 1.25 !important;
    padding: 10px 12px !important;
    overflow: hidden !important;
}

/* Die Feldblöcke dürfen höher sein wegen Messnotiz, aber die Auswahlliste selbst bleibt flach. */
.livestock-edit-v009qbild16 .livestock-edit-qbild13-field {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.livestock-edit-v009qbild16 .livestock-edit-qbild14-farbmorphe-field input[type="text"] {
    width: var(--qb16-farb) !important;
    min-width: var(--qb16-farb) !important;
    max-width: var(--qb16-farb) !important;
}

.livestock-edit-v009qbild16 .livestock-edit-qbild14-anzahl-field,
.livestock-edit-v009qbild16 .livestock-edit-qbild14-anzahl-field input[type="text"] {
    width: var(--qb16-anzahl) !important;
    min-width: var(--qb16-anzahl) !important;
    max-width: var(--qb16-anzahl) !important;
}


/* v0.09q-Bild_17: Becken und Tiergruppe als einfache Standard-Selects mit korrekter Höhe. */
section.card.livestock-edit-page.livestock-edit-v009qbild17,
.card.livestock-edit-page.livestock-edit-v009qbild17 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild17 {
    --qb17-select-width: 250px;
    --qb17-select-height: 56px;
}
/* Vorherige spezielle Aquarium-Select-Darstellung für Bild_17 bewusst neutralisieren. */
.livestock-edit-v009qbild17 .livestock-edit-qbild13-field .aquarium-select-shell {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.livestock-edit-v009qbild17 .livestock-edit-qbild17-simple-select,
.livestock-edit-v009qbild17 #livestock_qbild05_aquarium_id,
.livestock-edit-v009qbild17 #livestock_qbild05_tiergruppe {
    display: block !important;
    width: var(--qb17-select-width) !important;
    min-width: var(--qb17-select-width) !important;
    max-width: var(--qb17-select-width) !important;
    height: var(--qb17-select-height) !important;
    min-height: var(--qb17-select-height) !important;
    max-height: var(--qb17-select-height) !important;
    padding: 10px 12px !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--text) !important;
    font: inherit !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}
/* Sicherstellen, dass der Feldblock nicht künstlich hoch wird. */
.livestock-edit-v009qbild17 .livestock-edit-qbild13-field {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}
.livestock-edit-v009qbild17 .livestock-edit-qbild11-field-note {
    margin-top: 8px !important;
}


/* v0.09q-Bild_18: alle sichtbaren Felder auf feste Höhe 44 px, Info-Link wieder verknüpft. */
section.card.livestock-edit-page.livestock-edit-v009qbild18,
.card.livestock-edit-page.livestock-edit-v009qbild18 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild18 {
    --qb18-field-height: 44px;
    --qb18-select-width: 250px;
    --qb18-name-width: 380px;
    --qb18-farb-width: 280px;
    --qb18-anzahl-width: 70px;
}
/* i-Punkt wieder als Link zur Informationsseite, aber optisch wie bisher. */
.livestock-edit-v009qbild18 .livestock-edit-qbild18-info-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
/* Alle sichtbaren Auswahlfelder und Eingabefelder erhalten feste Höhe 44 px. */
.livestock-edit-v009qbild18 .livestock-edit-qbild17-simple-select,
.livestock-edit-v009qbild18 #livestock_qbild05_aquarium_id,
.livestock-edit-v009qbild18 #livestock_qbild05_tiergruppe,
.livestock-edit-v009qbild18 #livestock_qbild06_wissenschaftlicher_name,
.livestock-edit-v009qbild18 #livestock_qbild06_deutscher_name,
.livestock-edit-v009qbild18 #livestock_qbild13_farbmorphe_name,
.livestock-edit-v009qbild18 #livestock_qbild13_anzahl {
    height: var(--qb18-field-height) !important;
    min-height: var(--qb18-field-height) !important;
    max-height: var(--qb18-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    line-height: 1.2 !important;
}
.livestock-edit-v009qbild18 .livestock-edit-qbild17-simple-select,
.livestock-edit-v009qbild18 #livestock_qbild05_aquarium_id,
.livestock-edit-v009qbild18 #livestock_qbild05_tiergruppe {
    width: var(--qb18-select-width) !important;
    min-width: var(--qb18-select-width) !important;
    max-width: var(--qb18-select-width) !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    background: #fff !important;
}
.livestock-edit-v009qbild18 #livestock_qbild06_wissenschaftlicher_name,
.livestock-edit-v009qbild18 #livestock_qbild06_deutscher_name {
    width: var(--qb18-name-width) !important;
    min-width: var(--qb18-name-width) !important;
    max-width: var(--qb18-name-width) !important;
}
.livestock-edit-v009qbild18 #livestock_qbild13_farbmorphe_name {
    width: var(--qb18-farb-width) !important;
    min-width: var(--qb18-farb-width) !important;
    max-width: var(--qb18-farb-width) !important;
}
.livestock-edit-v009qbild18 #livestock_qbild13_anzahl {
    width: var(--qb18-anzahl-width) !important;
    min-width: var(--qb18-anzahl-width) !important;
    max-width: var(--qb18-anzahl-width) !important;
    text-align: left !important;
}
/* Sicherstellen, dass Wrapper die Feldhöhe nicht unnötig aufblasen. */
.livestock-edit-v009qbild18 .livestock-edit-qbild13-field,
.livestock-edit-v009qbild18 .livestock-edit-qbild13-name-field,
.livestock-edit-v009qbild18 .livestock-edit-qbild14-farbmorphe-field,
.livestock-edit-v009qbild18 .livestock-edit-qbild14-anzahl-field {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
}


/* v0.09q-Bild_19: Lexikon linksbündig mit 30 px Abstand, Farbmorphe angepasst, neue Felder. */
section.card.livestock-edit-page.livestock-edit-v009qbild19,
.card.livestock-edit-page.livestock-edit-v009qbild19 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild19 {
    --qb19-field-height: 44px;
    --qb19-select-width: 250px;
    --qb19-name-width: 380px;
    --qb19-lex-width: 116px;
    --qb19-lex-gap: 30px;
    --qb19-farb-note-width: 240px;
    --qb19-farb-input-width: 250px;
    --qb19-anzahl-width: 70px;
    --qb19-small-width: 150px;
}
.livestock-edit-v009qbild19 .livestock-edit-qbild13-name-grid {
    width: 526px !important;
    min-width: 526px !important;
    max-width: 526px !important;
    grid-template-columns: var(--qb19-name-width) var(--qb19-lex-width) !important;
    column-gap: var(--qb19-lex-gap) !important;
    row-gap: 10px !important;
}
.livestock-edit-v009qbild19 .livestock-edit-qbild13-lexicon-panel {
    width: var(--qb19-lex-width) !important;
    min-width: var(--qb19-lex-width) !important;
    max-width: var(--qb19-lex-width) !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    align-items: flex-start !important;
    justify-self: start !important;
    text-align: left !important;
}
.livestock-edit-v009qbild19 .livestock-edit-qbild13-lexicon-panel .livestock-edit-lexicon-link,
.livestock-edit-v009qbild19 .livestock-edit-qbild13-lexicon-panel .livestock-edit-qbild07-lexicon,
.livestock-edit-v009qbild19 .livestock-edit-qbild13-lexicon-panel a {
    display: inline-block !important;
    align-self: flex-start !important;
    text-align: left !important;
    margin-left: 0 !important;
}
.livestock-edit-v009qbild19 #livestock_qbild13_farbmorphe_name {
    width: var(--qb19-farb-input-width) !important;
    min-width: var(--qb19-farb-input-width) !important;
    max-width: var(--qb19-farb-input-width) !important;
    height: var(--qb19-field-height) !important;
    min-height: var(--qb19-field-height) !important;
    max-height: var(--qb19-field-height) !important;
}
.livestock-edit-v009qbild19 .livestock-edit-qbild19-farbmorphe-field {
    width: var(--qb19-farb-input-width) !important;
    min-width: var(--qb19-farb-input-width) !important;
    max-width: var(--qb19-farb-input-width) !important;
}
.livestock-edit-v009qbild19 .livestock-edit-qbild19-anzahl-field {
    grid-column: 2 / 3 !important;
    width: var(--qb19-anzahl-width) !important;
    min-width: var(--qb19-anzahl-width) !important;
    max-width: var(--qb19-anzahl-width) !important;
    justify-self: start !important;
    align-self: start !important;
}
.livestock-edit-v009qbild19 #livestock_qbild13_anzahl {
    width: var(--qb19-anzahl-width) !important;
    min-width: var(--qb19-anzahl-width) !important;
    max-width: var(--qb19-anzahl-width) !important;
    height: var(--qb19-field-height) !important;
    min-height: var(--qb19-field-height) !important;
    max-height: var(--qb19-field-height) !important;
}
.livestock-edit-v009qbild19 .livestock-edit-qbild19-small-field {
    grid-column: 1 / 2 !important;
    width: var(--qb19-small-width) !important;
    min-width: var(--qb19-small-width) !important;
    max-width: var(--qb19-small-width) !important;
    justify-self: start !important;
}
.livestock-edit-v009qbild19 #livestock_qbild19_erworben_am,
.livestock-edit-v009qbild19 #livestock_qbild19_im_becken_seit,
.livestock-edit-v009qbild19 #livestock_qbild19_alter {
    width: var(--qb19-small-width) !important;
    min-width: var(--qb19-small-width) !important;
    max-width: var(--qb19-small-width) !important;
    height: var(--qb19-field-height) !important;
    min-height: var(--qb19-field-height) !important;
    max-height: var(--qb19-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    line-height: 1.2 !important;
}
/* Alle neuen Felder und Notizen visuell im gleichen Bild-Stil halten. */
.livestock-edit-v009qbild19 .livestock-edit-qbild19-farbmorphe-field,
.livestock-edit-v009qbild19 .livestock-edit-qbild19-anzahl-field,
.livestock-edit-v009qbild19 .livestock-edit-qbild19-small-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
}


/* v0.09q-Bild_20: Datumslogik und Datumsdesign von Beckenstart am auf erworben am und im Becken seit übernehmen. */
section.card.livestock-edit-page.livestock-edit-v009qbild20,
.card.livestock-edit-page.livestock-edit-v009qbild20 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild20 {
    --qb20-date-width: 150px;
    --qb20-field-height: 44px;
}
/* Beide Datumsfelder erhalten denselben Aufbau wie Beckenstart am / aqua_date_input_with_picker. */
.livestock-edit-v009qbild20 .livestock-edit-qbild20-date-field {
    width: var(--qb20-date-width) !important;
    min-width: var(--qb20-date-width) !important;
    max-width: var(--qb20-date-width) !important;
}
.livestock-edit-v009qbild20 .livestock-edit-qbild20-date-field .aqua-date-picker-shell {
    width: var(--qb20-date-width) !important;
    min-width: var(--qb20-date-width) !important;
    max-width: var(--qb20-date-width) !important;
    height: var(--qb20-field-height) !important;
    min-height: var(--qb20-field-height) !important;
    max-height: var(--qb20-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
}
.livestock-edit-v009qbild20 .livestock-edit-qbild20-date-field .aqua-date-picker-shell input[type="text"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: var(--qb20-field-height) !important;
    min-height: var(--qb20-field-height) !important;
    max-height: var(--qb20-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
}
.livestock-edit-v009qbild20 .livestock-edit-qbild20-date-field .aqua-date-picker-shell .calendar-icon-button {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: var(--qb20-field-height) !important;
    min-height: var(--qb20-field-height) !important;
    max-height: var(--qb20-field-height) !important;
    align-self: stretch !important;
}
/* Alter bleibt Textfeld, nur die beiden Datumsfelder übernehmen die Beckenstart-Logik. */


/* v0.09q-Bild_23: sauberer Neuaufbau ab Bild_20 mit korrekter Reihenfolge und sichtbaren Kalender-Icons. */
section.card.livestock-edit-page.livestock-edit-v009qbild23,
.card.livestock-edit-page.livestock-edit-v009qbild23 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild23 {
    --qb23-inner: 526px;
    --qb23-gap: 8px;
    --qb23-field-height: 44px;
    --qb23-farb-width: 250px;
    --qb23-anzahl-width: 70px;
    --qb23-date-width: 150px;
    --qb23-date-input-width: 110px;
    --qb23-date-icon-width: 40px;
    --qb23-metric-width: 100px;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild13-layout {
    grid-template-columns: 260px 260px !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-row {
    grid-column: 1 / -1 !important;
    width: var(--qb23-inner) !important;
    min-width: var(--qb23-inner) !important;
    max-width: var(--qb23-inner) !important;
    display: grid !important;
    column-gap: var(--qb23-gap) !important;
    row-gap: 0 !important;
    align-items: start !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-row-primary {
    grid-template-columns: var(--qb23-farb-width) var(--qb23-anzahl-width) 1fr !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-row-secondary {
    grid-template-columns: var(--qb23-date-width) var(--qb23-date-width) var(--qb23-date-width) !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-row-tertiary,
.livestock-edit-v009qbild23 .livestock-edit-qbild23-row-quaternary {
    grid-template-columns: var(--qb23-metric-width) 1fr !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-farbmorphe-field {
    width: var(--qb23-farb-width) !important;
    min-width: var(--qb23-farb-width) !important;
    max-width: var(--qb23-farb-width) !important;
}
.livestock-edit-v009qbild23 #livestock_qbild13_farbmorphe_name {
    width: var(--qb23-farb-width) !important;
    min-width: var(--qb23-farb-width) !important;
    max-width: var(--qb23-farb-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-anzahl-field {
    width: var(--qb23-anzahl-width) !important;
    min-width: var(--qb23-anzahl-width) !important;
    max-width: var(--qb23-anzahl-width) !important;
}
.livestock-edit-v009qbild23 #livestock_qbild13_anzahl {
    width: var(--qb23-anzahl-width) !important;
    min-width: var(--qb23-anzahl-width) !important;
    max-width: var(--qb23-anzahl-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-date-field,
.livestock-edit-v009qbild23 .livestock-edit-qbild23-alter-field {
    width: var(--qb23-date-width) !important;
    min-width: var(--qb23-date-width) !important;
    max-width: var(--qb23-date-width) !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-date-field .aqua-date-picker-shell {
    width: var(--qb23-date-width) !important;
    min-width: var(--qb23-date-width) !important;
    max-width: var(--qb23-date-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-date-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 var(--qb23-date-input-width) !important;
    width: var(--qb23-date-input-width) !important;
    min-width: var(--qb23-date-input-width) !important;
    max-width: var(--qb23-date-input-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-date-field .aqua-date-picker-shell .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--qb23-date-icon-width) !important;
    width: var(--qb23-date-icon-width) !important;
    min-width: var(--qb23-date-icon-width) !important;
    max-width: var(--qb23-date-icon-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild23 #livestock_qbild19_alter {
    width: var(--qb23-date-width) !important;
    min-width: var(--qb23-date-width) !important;
    max-width: var(--qb23-date-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-metric-field {
    width: var(--qb23-metric-width) !important;
    min-width: var(--qb23-metric-width) !important;
    max-width: var(--qb23-metric-width) !important;
}
.livestock-edit-v009qbild23 .livestock-edit-qbild23-metric-field label {
    display: block !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}
.livestock-edit-v009qbild23 #livestock_qbild23_groesse_kaufdatum_1,
.livestock-edit-v009qbild23 #livestock_qbild23_kaufpreis_tier_1 {
    width: var(--qb23-metric-width) !important;
    min-width: var(--qb23-metric-width) !important;
    max-width: var(--qb23-metric-width) !important;
    height: var(--qb23-field-height) !important;
    min-height: var(--qb23-field-height) !important;
    max-height: var(--qb23-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
}
.livestock-edit-v009qbild23 #livestock_qbild23_groesse_kaufdatum_1::placeholder,
.livestock-edit-v009qbild23 #livestock_qbild23_kaufpreis_tier_1::placeholder {
    text-align: right !important;
}


/* v0.09q-Bild_24: Anzahl an Ausgangsposition, darunter erworben am / im Becken seit / Alter. */
section.card.livestock-edit-page.livestock-edit-v009qbild24,
.card.livestock-edit-page.livestock-edit-v009qbild24 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild24 {
    --qb24-inner: 526px;
    --qb24-gap: 8px;
    --qb24-field-height: 44px;
    --qb24-farb-width: 250px;
    --qb24-right-width: 150px;
    --qb24-anzahl-width: 70px;
    --qb24-date-width: 150px;
    --qb24-date-input-width: 110px;
    --qb24-date-icon-width: 40px;
    --qb24-metric-width: 100px;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-layout {
    grid-column: 1 / -1 !important;
    width: var(--qb24-inner) !important;
    min-width: var(--qb24-inner) !important;
    max-width: var(--qb24-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb24-farb-width) var(--qb24-right-width) 1fr !important;
    column-gap: var(--qb24-gap) !important;
    align-items: start !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-left-column,
.livestock-edit-v009qbild24 .livestock-edit-qbild24-right-stack {
    display: grid !important;
    row-gap: 12px !important;
    align-content: start !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-left-column {
    grid-column: 1 / 2 !important;
    grid-template-columns: var(--qb24-farb-width) !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-right-stack {
    grid-column: 2 / 3 !important;
    grid-template-columns: var(--qb24-right-width) !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-farbmorphe-field {
    width: var(--qb24-farb-width) !important;
    min-width: var(--qb24-farb-width) !important;
    max-width: var(--qb24-farb-width) !important;
}
.livestock-edit-v009qbild24 #livestock_qbild13_farbmorphe_name {
    width: var(--qb24-farb-width) !important;
    min-width: var(--qb24-farb-width) !important;
    max-width: var(--qb24-farb-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-anzahl-field {
    width: var(--qb24-anzahl-width) !important;
    min-width: var(--qb24-anzahl-width) !important;
    max-width: var(--qb24-anzahl-width) !important;
}
.livestock-edit-v009qbild24 #livestock_qbild13_anzahl {
    width: var(--qb24-anzahl-width) !important;
    min-width: var(--qb24-anzahl-width) !important;
    max-width: var(--qb24-anzahl-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-date-field,
.livestock-edit-v009qbild24 .livestock-edit-qbild24-alter-field {
    width: var(--qb24-date-width) !important;
    min-width: var(--qb24-date-width) !important;
    max-width: var(--qb24-date-width) !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-date-field .aqua-date-picker-shell {
    width: var(--qb24-date-width) !important;
    min-width: var(--qb24-date-width) !important;
    max-width: var(--qb24-date-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-date-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 var(--qb24-date-input-width) !important;
    width: var(--qb24-date-input-width) !important;
    min-width: var(--qb24-date-input-width) !important;
    max-width: var(--qb24-date-input-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-date-field .aqua-date-picker-shell .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--qb24-date-icon-width) !important;
    width: var(--qb24-date-icon-width) !important;
    min-width: var(--qb24-date-icon-width) !important;
    max-width: var(--qb24-date-icon-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild24 #livestock_qbild19_alter {
    width: var(--qb24-date-width) !important;
    min-width: var(--qb24-date-width) !important;
    max-width: var(--qb24-date-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-metric-field {
    width: var(--qb24-metric-width) !important;
    min-width: var(--qb24-metric-width) !important;
    max-width: var(--qb24-metric-width) !important;
}
.livestock-edit-v009qbild24 .livestock-edit-qbild24-metric-field label {
    display: block !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}
.livestock-edit-v009qbild24 #livestock_qbild23_groesse_kaufdatum_1,
.livestock-edit-v009qbild24 #livestock_qbild23_kaufpreis_tier_1 {
    width: var(--qb24-metric-width) !important;
    min-width: var(--qb24-metric-width) !important;
    max-width: var(--qb24-metric-width) !important;
    height: var(--qb24-field-height) !important;
    min-height: var(--qb24-field-height) !important;
    max-height: var(--qb24-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
}
.livestock-edit-v009qbild24 #livestock_qbild23_groesse_kaufdatum_1::placeholder,
.livestock-edit-v009qbild24 #livestock_qbild23_kaufpreis_tier_1::placeholder {
    text-align: right !important;
}


/* v0.09q-Bild_26: Anzahl exakt an Position aus Bild_24; linke Reihenfolge angepasst. */
section.card.livestock-edit-page.livestock-edit-v009qbild26,
.card.livestock-edit-page.livestock-edit-v009qbild26 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild26 {
    --qb26-inner: 526px;
    --qb26-gap: 8px;
    --qb26-field-height: 44px;
    --qb26-left-width: 250px;
    --qb26-right-width: 150px;
    --qb26-anzahl-width: 70px;
    --qb26-date-width: 150px;
    --qb26-date-input-width: 110px;
    --qb26-date-icon-width: 40px;
    --qb26-metric-width: 100px;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-layout {
    grid-column: 1 / -1 !important;
    width: var(--qb26-inner) !important;
    min-width: var(--qb26-inner) !important;
    max-width: var(--qb26-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb26-left-width) var(--qb26-right-width) 1fr !important;
    column-gap: var(--qb26-gap) !important;
    align-items: start !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-left-stack,
.livestock-edit-v009qbild26 .livestock-edit-qbild26-right-stack {
    display: grid !important;
    row-gap: 12px !important;
    align-content: start !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-left-stack {
    grid-column: 1 / 2 !important;
    grid-template-columns: var(--qb26-left-width) !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-right-stack {
    grid-column: 2 / 3 !important;
    grid-template-columns: var(--qb26-right-width) !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-farbmorphe-field {
    width: var(--qb26-left-width) !important;
    min-width: var(--qb26-left-width) !important;
    max-width: var(--qb26-left-width) !important;
}
.livestock-edit-v009qbild26 #livestock_qbild13_farbmorphe_name {
    width: var(--qb26-left-width) !important;
    min-width: var(--qb26-left-width) !important;
    max-width: var(--qb26-left-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
/* Anzahl exakt wie in Bild_24 im rechten oberen Stapel. */
.livestock-edit-v009qbild26 .livestock-edit-qbild26-anzahl-field {
    width: var(--qb26-anzahl-width) !important;
    min-width: var(--qb26-anzahl-width) !important;
    max-width: var(--qb26-anzahl-width) !important;
}
.livestock-edit-v009qbild26 #livestock_qbild13_anzahl {
    width: var(--qb26-anzahl-width) !important;
    min-width: var(--qb26-anzahl-width) !important;
    max-width: var(--qb26-anzahl-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-date-field,
.livestock-edit-v009qbild26 .livestock-edit-qbild26-alter-field {
    width: var(--qb26-date-width) !important;
    min-width: var(--qb26-date-width) !important;
    max-width: var(--qb26-date-width) !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-date-field .aqua-date-picker-shell {
    width: var(--qb26-date-width) !important;
    min-width: var(--qb26-date-width) !important;
    max-width: var(--qb26-date-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-date-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 var(--qb26-date-input-width) !important;
    width: var(--qb26-date-input-width) !important;
    min-width: var(--qb26-date-input-width) !important;
    max-width: var(--qb26-date-input-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-date-field .aqua-date-picker-shell .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--qb26-date-icon-width) !important;
    width: var(--qb26-date-icon-width) !important;
    min-width: var(--qb26-date-icon-width) !important;
    max-width: var(--qb26-date-icon-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild26 #livestock_qbild19_alter {
    width: var(--qb26-date-width) !important;
    min-width: var(--qb26-date-width) !important;
    max-width: var(--qb26-date-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-metric-field {
    width: var(--qb26-metric-width) !important;
    min-width: var(--qb26-metric-width) !important;
    max-width: var(--qb26-metric-width) !important;
}
.livestock-edit-v009qbild26 .livestock-edit-qbild26-metric-field label {
    display: block !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}
.livestock-edit-v009qbild26 #livestock_qbild23_groesse_kaufdatum_1,
.livestock-edit-v009qbild26 #livestock_qbild23_kaufpreis_tier_1 {
    width: var(--qb26-metric-width) !important;
    min-width: var(--qb26-metric-width) !important;
    max-width: var(--qb26-metric-width) !important;
    height: var(--qb26-field-height) !important;
    min-height: var(--qb26-field-height) !important;
    max-height: var(--qb26-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
}
.livestock-edit-v009qbild26 #livestock_qbild23_groesse_kaufdatum_1::placeholder,
.livestock-edit-v009qbild26 #livestock_qbild23_kaufpreis_tier_1::placeholder {
    text-align: right !important;
}


/* v0.09r: vollständige Version auf Basis v0.09q-Bild_26.
   Bild-Hilfslinien und px-Angaben bleiben gemäß Auftrag sichtbar. */
section.card.livestock-edit-page.livestock-edit-v009r,
.card.livestock-edit-page.livestock-edit-v009r {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}


/* v0.09r-Bild_27: Unter Farbmorphe/Anzahl folgt eine neue 3-Spalten-Zeile 160/160/150 px. */
section.card.livestock-edit-page.livestock-edit-v009qbild27,
.card.livestock-edit-page.livestock-edit-v009qbild27 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild27 {
    --qb27-inner: 526px;
    --qb27-gap: 8px;
    --qb27-row-gap: 14px;
    --qb27-field-height: 44px;
    --qb27-farbmorphe-width: 250px;
    --qb27-anzahl-width: 70px;
    --qb27-date-left-width: 160px;
    --qb27-date-middle-width: 160px;
    --qb27-date-input-width: 120px;
    --qb27-date-icon-width: 40px;
    --qb27-alter-width: 150px;
    --qb27-metric-width: 100px;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-layout {
    grid-column: 1 / -1 !important;
    width: var(--qb27-inner) !important;
    min-width: var(--qb27-inner) !important;
    max-width: var(--qb27-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb27-inner) !important;
    row-gap: var(--qb27-row-gap) !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-top-row,
.livestock-edit-v009qbild27 .livestock-edit-qbild27-three-row,
.livestock-edit-v009qbild27 .livestock-edit-qbild27-metric-stack {
    display: grid !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-top-row {
    grid-template-columns: var(--qb27-farbmorphe-width) var(--qb27-anzahl-width) !important;
    column-gap: calc(var(--qb27-gap) * 2) !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-three-row {
    grid-template-columns: var(--qb27-date-left-width) var(--qb27-date-middle-width) var(--qb27-alter-width) !important;
    column-gap: var(--qb27-gap) !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-metric-stack {
    grid-template-columns: var(--qb27-metric-width) !important;
    row-gap: 12px !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    outline-offset: 0 !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-farbmorphe-field {
    width: var(--qb27-farbmorphe-width) !important;
    min-width: var(--qb27-farbmorphe-width) !important;
    max-width: var(--qb27-farbmorphe-width) !important;
}
.livestock-edit-v009qbild27 #livestock_qbild13_farbmorphe_name {
    width: var(--qb27-farbmorphe-width) !important;
    min-width: var(--qb27-farbmorphe-width) !important;
    max-width: var(--qb27-farbmorphe-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-anzahl-field {
    width: var(--qb27-anzahl-width) !important;
    min-width: var(--qb27-anzahl-width) !important;
    max-width: var(--qb27-anzahl-width) !important;
}
.livestock-edit-v009qbild27 #livestock_qbild13_anzahl {
    width: var(--qb27-anzahl-width) !important;
    min-width: var(--qb27-anzahl-width) !important;
    max-width: var(--qb27-anzahl-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-date-left-field {
    width: var(--qb27-date-left-width) !important;
    min-width: var(--qb27-date-left-width) !important;
    max-width: var(--qb27-date-left-width) !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-date-middle-field {
    width: var(--qb27-date-middle-width) !important;
    min-width: var(--qb27-date-middle-width) !important;
    max-width: var(--qb27-date-middle-width) !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-edit-v009qbild27 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell {
    width: var(--qb27-date-left-width) !important;
    min-width: var(--qb27-date-left-width) !important;
    max-width: var(--qb27-date-left-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-edit-v009qbild27 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 var(--qb27-date-input-width) !important;
    width: var(--qb27-date-input-width) !important;
    min-width: var(--qb27-date-input-width) !important;
    max-width: var(--qb27-date-input-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-edit-v009qbild27 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--qb27-date-icon-width) !important;
    width: var(--qb27-date-icon-width) !important;
    min-width: var(--qb27-date-icon-width) !important;
    max-width: var(--qb27-date-icon-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-alter-field {
    width: var(--qb27-alter-width) !important;
    min-width: var(--qb27-alter-width) !important;
    max-width: var(--qb27-alter-width) !important;
}
.livestock-edit-v009qbild27 #livestock_qbild19_alter {
    width: var(--qb27-alter-width) !important;
    min-width: var(--qb27-alter-width) !important;
    max-width: var(--qb27-alter-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-metric-field {
    width: var(--qb27-metric-width) !important;
    min-width: var(--qb27-metric-width) !important;
    max-width: var(--qb27-metric-width) !important;
}
.livestock-edit-v009qbild27 .livestock-edit-qbild27-metric-field label {
    display: block !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}
.livestock-edit-v009qbild27 #livestock_qbild23_groesse_kaufdatum_1,
.livestock-edit-v009qbild27 #livestock_qbild23_kaufpreis_tier_1 {
    width: var(--qb27-metric-width) !important;
    min-width: var(--qb27-metric-width) !important;
    max-width: var(--qb27-metric-width) !important;
    height: var(--qb27-field-height) !important;
    min-height: var(--qb27-field-height) !important;
    max-height: var(--qb27-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
}
.livestock-edit-v009qbild27 #livestock_qbild23_groesse_kaufdatum_1::placeholder,
.livestock-edit-v009qbild27 #livestock_qbild23_kaufpreis_tier_1::placeholder {
    text-align: right !important;
}


/* v0.09r-Bild_28: nach Bild_27 wieder 2-spaltig weiter, Größe/Kaufpreis im gemeinsamen Rahmen, danach zusätzliche 250-px-Felder. */
section.card.livestock-edit-page.livestock-edit-v009qbild28,
.card.livestock-edit-page.livestock-edit-v009qbild28 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild28 {
    --qb28-inner: 526px;
    --qb28-gap: 8px;
    --qb28-row-gap: 14px;
    --qb28-field-height: 44px;
    --qb28-farbmorphe-width: 250px;
    --qb28-anzahl-width: 70px;
    --qb28-date-left-width: 160px;
    --qb28-date-middle-width: 160px;
    --qb28-date-input-width: 120px;
    --qb28-date-icon-width: 40px;
    --qb28-alter-width: 150px;
    --qb28-metric-width: 115px;
    --qb28-metric-group-gap: 8px;
    --qb28-single-width: 250px;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-layout {
    grid-column: 1 / -1 !important;
    width: var(--qb28-inner) !important;
    min-width: var(--qb28-inner) !important;
    max-width: var(--qb28-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb28-inner) !important;
    row-gap: var(--qb28-row-gap) !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-top-row,
.livestock-edit-v009qbild28 .livestock-edit-qbild28-three-row {
    display: grid !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-top-row {
    grid-template-columns: var(--qb28-farbmorphe-width) var(--qb28-anzahl-width) !important;
    column-gap: calc(var(--qb28-gap) * 2) !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-three-row {
    grid-template-columns: var(--qb28-date-left-width) var(--qb28-date-middle-width) var(--qb28-alter-width) !important;
    column-gap: var(--qb28-gap) !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    outline-offset: 0 !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-farbmorphe-field {
    width: var(--qb28-farbmorphe-width) !important;
    min-width: var(--qb28-farbmorphe-width) !important;
    max-width: var(--qb28-farbmorphe-width) !important;
}
.livestock-edit-v009qbild28 #livestock_qbild13_farbmorphe_name {
    width: var(--qb28-farbmorphe-width) !important;
    min-width: var(--qb28-farbmorphe-width) !important;
    max-width: var(--qb28-farbmorphe-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-anzahl-field {
    width: var(--qb28-anzahl-width) !important;
    min-width: var(--qb28-anzahl-width) !important;
    max-width: var(--qb28-anzahl-width) !important;
}
.livestock-edit-v009qbild28 #livestock_qbild13_anzahl {
    width: var(--qb28-anzahl-width) !important;
    min-width: var(--qb28-anzahl-width) !important;
    max-width: var(--qb28-anzahl-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    text-align: right !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-date-left-field {
    width: var(--qb28-date-left-width) !important;
    min-width: var(--qb28-date-left-width) !important;
    max-width: var(--qb28-date-left-width) !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-date-middle-field {
    width: var(--qb28-date-middle-width) !important;
    min-width: var(--qb28-date-middle-width) !important;
    max-width: var(--qb28-date-middle-width) !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-date-left-field .aqua-date-picker-shell,
.livestock-edit-v009qbild28 .livestock-edit-qbild28-date-middle-field .aqua-date-picker-shell {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-edit-v009qbild28 .livestock-edit-qbild28-date-middle-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 var(--qb28-date-input-width) !important;
    width: var(--qb28-date-input-width) !important;
    min-width: var(--qb28-date-input-width) !important;
    max-width: var(--qb28-date-input-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 8px !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-edit-v009qbild28 .livestock-edit-qbild28-date-middle-field .aqua-date-picker-shell .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--qb28-date-icon-width) !important;
    width: var(--qb28-date-icon-width) !important;
    min-width: var(--qb28-date-icon-width) !important;
    max-width: var(--qb28-date-icon-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-alter-field {
    width: var(--qb28-alter-width) !important;
    min-width: var(--qb28-alter-width) !important;
    max-width: var(--qb28-alter-width) !important;
}
.livestock-edit-v009qbild28 #livestock_qbild19_alter {
    width: var(--qb28-alter-width) !important;
    min-width: var(--qb28-alter-width) !important;
    max-width: var(--qb28-alter-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-pair-frame {
    width: calc((var(--qb28-metric-width) * 2) + var(--qb28-metric-group-gap) + 12px) !important;
    min-width: calc((var(--qb28-metric-width) * 2) + var(--qb28-metric-group-gap) + 12px) !important;
    max-width: calc((var(--qb28-metric-width) * 2) + var(--qb28-metric-group-gap) + 12px) !important;
    display: grid !important;
    grid-template-columns: var(--qb28-metric-width) var(--qb28-metric-width) !important;
    column-gap: var(--qb28-metric-group-gap) !important;
    padding: 6px !important;
    border: 2px solid rgba(0, 85, 170, 0.35) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    background: rgba(245, 249, 255, 0.45) !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-metric-field {
    width: var(--qb28-metric-width) !important;
    min-width: var(--qb28-metric-width) !important;
    max-width: var(--qb28-metric-width) !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-metric-field label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    min-height: 32px !important;
}
.livestock-edit-v009qbild28 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-edit-v009qbild28 #livestock_qbild28_kaufpreis_tier_1 {
    width: var(--qb28-metric-width) !important;
    min-width: var(--qb28-metric-width) !important;
    max-width: var(--qb28-metric-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
    text-align: left !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-single-field {
    width: var(--qb28-single-width) !important;
    min-width: var(--qb28-single-width) !important;
    max-width: var(--qb28-single-width) !important;
}
.livestock-edit-v009qbild28 #livestock_qbild28_stock,
.livestock-edit-v009qbild28 #livestock_qbild28_anzahl_polypen,
.livestock-edit-v009qbild28 #livestock_qbild28_nachzucht,
.livestock-edit-v009qbild28 #livestock_qbild28_zuechter_name {
    width: var(--qb28-single-width) !important;
    min-width: var(--qb28-single-width) !important;
    max-width: var(--qb28-single-width) !important;
    height: var(--qb28-field-height) !important;
    min-height: var(--qb28-field-height) !important;
    max-height: var(--qb28-field-height) !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    text-align: left !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-nachzucht-field select {
    appearance: auto !important;
}


/* Korrektur Bild_28: die 3-spaltige Zeile aus Bild_27 bleibt erhalten; ab Größe/Kaufpreis geht es sichtbar wieder 2-spaltig weiter. */
.livestock-edit-v009qbild28 .livestock-edit-qbild28-layout {
    grid-column: 1 / -1 !important;
    width: var(--qb27-inner) !important;
    min-width: var(--qb27-inner) !important;
    max-width: var(--qb27-inner) !important;
    display: grid !important;
    grid-template-columns: var(--qb27-inner) !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-two-column-note {
    color: rgba(0, 85, 170, 0.95) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    padding-left: 2px !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-pair-frame {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 2px solid rgba(0, 85, 170, 0.38) !important;
    border-radius: 10px !important;
    background: rgba(245, 249, 255, 0.55) !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-followup-stack {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 250px !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-single-field {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild28 .livestock-edit-qbild28-metric-field label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    min-height: 32px !important;
}
.livestock-edit-v009qbild28 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-edit-v009qbild28 #livestock_qbild28_kaufpreis_tier_1 {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
    text-align: left !important;
}
.livestock-edit-v009qbild28 #livestock_qbild28_stock,
.livestock-edit-v009qbild28 #livestock_qbild28_anzahl_polypen,
.livestock-edit-v009qbild28 #livestock_qbild28_nachzucht,
.livestock-edit-v009qbild28 #livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    text-align: left !important;
}


/* Bild_28-Hardfix: Breiten direkt an den Bild-28-Klassen/IDs setzen, ohne Abhängigkeit von der Elternklasse. */
.livestock-edit-qbild28-layout {
    grid-column: 1 / -1 !important;
    width: 526px !important;
    min-width: 526px !important;
    max-width: 526px !important;
    display: grid !important;
    grid-template-columns: 526px !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
    justify-items: start !important;
    box-sizing: border-box !important;
}
.livestock-edit-qbild28-layout .livestock-edit-qbild27-top-row {
    display: grid !important;
    grid-template-columns: 250px 70px !important;
    column-gap: 16px !important;
    align-items: start !important;
    justify-items: start !important;
    width: 336px !important;
    min-width: 336px !important;
    max-width: 336px !important;
}
.livestock-edit-qbild28-layout .livestock-edit-qbild27-three-row {
    display: grid !important;
    grid-template-columns: 160px 160px 150px !important;
    column-gap: 8px !important;
    align-items: start !important;
    justify-items: start !important;
    width: 486px !important;
    min-width: 486px !important;
    max-width: 486px !important;
}
.livestock-edit-qbild28-layout .livestock-edit-qbild27-field,
.livestock-edit-qbild28-layout .livestock-edit-qbild28-field {
    outline: 1px dashed rgba(180, 0, 0, 0.75) !important;
    outline-offset: 0 !important;
    border-top: 1px solid rgba(0, 85, 170, 0.65) !important;
    padding-top: 6px !important;
    position: relative !important;
    align-self: start !important;
    justify-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}
.livestock-edit-qbild28-layout .livestock-edit-qbild27-farbmorphe-field,
#livestock_qbild13_farbmorphe_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
.livestock-edit-qbild28-layout .livestock-edit-qbild27-anzahl-field,
#livestock_qbild13_anzahl {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
}
#livestock_qbild13_farbmorphe_name,
#livestock_qbild13_anzahl,
#livestock_qbild19_alter,
#livestock_qbild28_groesse_kaufdatum_1,
#livestock_qbild28_kaufpreis_tier_1,
#livestock_qbild28_stock,
#livestock_qbild28_anzahl_polypen,
#livestock_qbild28_nachzucht,
#livestock_qbild28_zuechter_name {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
}
.livestock-edit-qbild28-layout .livestock-edit-qbild27-date-left-field,
.livestock-edit-qbild28-layout .livestock-edit-qbild27-date-middle-field {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}
.livestock-edit-qbild28-layout .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-edit-qbild28-layout .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.livestock-edit-qbild28-layout .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-edit-qbild28-layout .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"] {
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
    padding: 8px !important;
}
.livestock-edit-qbild28-layout .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-edit-qbild28-layout .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
.livestock-edit-qbild28-layout .livestock-edit-qbild27-alter-field,
#livestock_qbild19_alter {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
}
.livestock-edit-qbild28-two-column-note {
    color: rgba(0, 85, 170, 0.95) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    padding-left: 2px !important;
    justify-self: start !important;
}
.livestock-edit-qbild28-pair-frame {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 2px solid rgba(0, 85, 170, 0.38) !important;
    border-radius: 10px !important;
    background: rgba(245, 249, 255, 0.55) !important;
    box-sizing: border-box !important;
    justify-self: start !important;
}
.livestock-edit-qbild28-metric-field {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
}
.livestock-edit-qbild28-metric-field label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    min-height: 32px !important;
}
#livestock_qbild28_groesse_kaufdatum_1,
#livestock_qbild28_kaufpreis_tier_1 {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    padding: 8px 10px !important;
    text-align: left !important;
}
.livestock-edit-qbild28-followup-stack,
.livestock-edit-qbild28-single-field,
#livestock_qbild28_stock,
#livestock_qbild28_anzahl_polypen,
#livestock_qbild28_nachzucht,
#livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
.livestock-edit-qbild28-followup-stack {
    display: grid !important;
    grid-template-columns: 250px !important;
    row-gap: 14px !important;
    align-items: start !important;
    justify-items: start !important;
    justify-self: start !important;
}
#livestock_qbild28_stock,
#livestock_qbild28_anzahl_polypen,
#livestock_qbild28_nachzucht,
#livestock_qbild28_zuechter_name {
    padding: 8px 12px !important;
    text-align: left !important;
}


/* Bild_29 - Hardfix: tatsächliche Breiten der neuen Felder werden zusätzlich mit höchster Spezifität gesetzt. */
section.card.livestock-edit-page.livestock-edit-v009qbild29,
.card.livestock-edit-page.livestock-edit-v009qbild29 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild29 #livestock_qbild13_farbmorphe_name { width:250px !important; min-width:250px !important; max-width:250px !important; inline-size:250px !important; }
.livestock-edit-v009qbild29 #livestock_qbild13_anzahl { width:70px !important; min-width:70px !important; max-width:70px !important; inline-size:70px !important; }
.livestock-edit-v009qbild29 #livestock_qbild19_alter { width:150px !important; min-width:150px !important; max-width:150px !important; inline-size:150px !important; }
.livestock-edit-v009qbild29 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-edit-v009qbild29 #livestock_qbild28_kaufpreis_tier_1 { width:115px !important; min-width:115px !important; max-width:115px !important; inline-size:115px !important; }
.livestock-edit-v009qbild29 #livestock_qbild28_stock,
.livestock-edit-v009qbild29 #livestock_qbild28_anzahl_polypen,
.livestock-edit-v009qbild29 #livestock_qbild28_nachzucht,
.livestock-edit-v009qbild29 #livestock_qbild28_zuechter_name { width:250px !important; min-width:250px !important; max-width:250px !important; inline-size:250px !important; }
.livestock-edit-v009qbild29 .livestock-edit-qbild29-pair-frame { width:250px !important; min-width:250px !important; max-width:250px !important; grid-template-columns:115px 115px !important; }
.livestock-edit-v009qbild29 .livestock-edit-qbild29-followup-stack { width:250px !important; min-width:250px !important; max-width:250px !important; grid-template-columns:250px !important; }
.livestock-edit-v009qbild29 .livestock-edit-qbild27-top-row { width:336px !important; grid-template-columns:250px 70px !important; }
.livestock-edit-v009qbild29 .livestock-edit-qbild27-three-row { width:486px !important; grid-template-columns:160px 160px 150px !important; }
.livestock-edit-v009qbild29 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-edit-v009qbild29 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell { width:160px !important; min-width:160px !important; max-width:160px !important; }
.livestock-edit-v009qbild29 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-edit-v009qbild29 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"] { width:120px !important; min-width:120px !important; max-width:120px !important; }
.livestock-edit-v009qbild29 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-edit-v009qbild29 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button { width:40px !important; min-width:40px !important; max-width:40px !important; }


/* Bild_30 - Rahmenstärke und zweispaltige Folgefelder korrigiert. */
section.card.livestock-edit-page.livestock-edit-v009qbild30,
.card.livestock-edit-page.livestock-edit-v009qbild30 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild30 .livestock-edit-qbild30-pair-frame {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    border: 4px solid rgba(0, 85, 170, 0.55) !important;
    background: #efefef !important;
}
.livestock-edit-v009qbild30 .livestock-edit-qbild30-followup-grid {
    width: 508px !important;
    min-width: 508px !important;
    max-width: 508px !important;
    display: grid !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 8px !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
}
.livestock-edit-v009qbild30 #livestock_qbild28_stock,
.livestock-edit-v009qbild30 #livestock_qbild28_anzahl_polypen,
.livestock-edit-v009qbild30 #livestock_qbild28_nachzucht,
.livestock-edit-v009qbild30 #livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    inline-size: 250px !important;
}


/* Bild_31 - Feldregeln und Formate präzisiert. */
section.card.livestock-edit-page.livestock-edit-v009qbild31,
.card.livestock-edit-page.livestock-edit-v009qbild31 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild31 .livestock-edit-qbild27-three-row {
    width: 516px !important;
    grid-template-columns: 175px 175px 150px !important;
}
.livestock-edit-v009qbild31 .livestock-edit-qbild27-date-left-field,
.livestock-edit-v009qbild31 .livestock-edit-qbild27-date-middle-field {
    width: 175px !important;
    min-width: 175px !important;
    max-width: 175px !important;
}
.livestock-edit-v009qbild31 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-edit-v009qbild31 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell {
    width: 175px !important;
    min-width: 175px !important;
    max-width: 175px !important;
}
.livestock-edit-v009qbild31 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-edit-v009qbild31 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"] {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
}
.livestock-edit-v009qbild31 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-edit-v009qbild31 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}
.livestock-edit-v009qbild31 #livestock_qbild13_anzahl {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: right !important;
}
.livestock-edit-v009qbild31 #livestock_qbild19_alter {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
}
.livestock-edit-v009qbild31 #livestock_qbild28_anzahl_polypen {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    text-align: right !important;
}
.livestock-edit-v009qbild31 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-edit-v009qbild31 #livestock_qbild28_kaufpreis_tier_1 {
    text-align: right !important;
}


/* Bild_32 - Tiergruppen-Infotext, Beobachtungsfeld und Datumsbreiten ergänzt. */
section.card.livestock-edit-page.livestock-edit-v009qbild32,
.card.livestock-edit-page.livestock-edit-v009qbild32 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild32 .livestock-edit-qbild27-three-row {
    width: 486px !important;
    grid-template-columns: 160px 160px 150px !important;
}
.livestock-edit-v009qbild32 .livestock-edit-qbild27-date-left-field,
.livestock-edit-v009qbild32 .livestock-edit-qbild27-date-middle-field {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}
.livestock-edit-v009qbild32 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-edit-v009qbild32 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell,
.livestock-edit-v009qbild32 .livestock-edit-date-three-row .livestock-edit-date-shell {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}
.livestock-edit-v009qbild32 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-edit-v009qbild32 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"],
.livestock-edit-v009qbild32 .livestock-edit-date-three-row .livestock-edit-date-shell input[type="text"] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}
.livestock-edit-v009qbild32 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-edit-v009qbild32 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-edit-v009qbild32 .livestock-edit-date-three-row .livestock-edit-date-shell .calendar-icon-button {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}
.livestock-edit-v009qbild32 .livestock-edit-qbild32-info-block {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    margin-left: -12px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(0, 85, 170, 0.28) !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild32 .livestock-edit-qbild32-info-block h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
}
.livestock-edit-v009qbild32 .livestock-edit-qbild32-info-block p {
    margin: 0 !important;
}
.livestock-edit-v009qbild32 .livestock-edit-qbild32-observation-block {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    margin-left: -12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 12px !important;
    border: 1px solid rgba(0, 85, 170, 0.28) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild32 .livestock-edit-qbild32-observation-block textarea {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 96px !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild32 .livestock-edit-info-block h2 {
    margin: 0 0 10px !important;
}
.livestock-edit-v009qbild32 .livestock-edit-observation-field {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
}


/* Bild_33 - Datumsfelder erworben am und im Becken seit auf 100 px + Kalender-Icon reduziert. */
section.card.livestock-edit-page.livestock-edit-v009qbild33,
.card.livestock-edit-page.livestock-edit-v009qbild33 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild33 .livestock-edit-qbild27-three-row {
    width: 446px !important;
    grid-template-columns: 140px 140px 150px !important;
}
.livestock-edit-v009qbild33 .livestock-edit-qbild27-date-left-field,
.livestock-edit-v009qbild33 .livestock-edit-qbild27-date-middle-field {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}
.livestock-edit-v009qbild33 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-edit-v009qbild33 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell,
.livestock-edit-v009qbild33 .livestock-edit-date-three-row .livestock-edit-date-shell {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}
.livestock-edit-v009qbild33 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell input[type="text"],
.livestock-edit-v009qbild33 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell input[type="text"],
.livestock-edit-v009qbild33 .livestock-edit-date-three-row .livestock-edit-date-shell input[type="text"] {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
}
.livestock-edit-v009qbild33 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-edit-v009qbild33 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell .calendar-icon-button,
.livestock-edit-v009qbild33 .livestock-edit-date-three-row .livestock-edit-date-shell .calendar-icon-button {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}


/* Bild_34 - Datumsfelder mit echtem 100px-Textfeld + 40px-Kalender-Icon = 140px Gesamtbreite. */
section.card.livestock-edit-page.livestock-edit-v009qbild34,
.card.livestock-edit-page.livestock-edit-v009qbild34 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild34 .livestock-edit-qbild27-three-row {
    width: 446px !important;
    grid-template-columns: 140px 140px 150px !important;
}
.livestock-edit-v009qbild34 .livestock-edit-qbild27-date-left-field,
.livestock-edit-v009qbild34 .livestock-edit-qbild27-date-middle-field {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}
.livestock-edit-v009qbild34 .livestock-edit-qbild27-date-left-field > div,
.livestock-edit-v009qbild34 .livestock-edit-qbild27-date-middle-field > div {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild34 .livestock-edit-qbild34-date-shell,
.livestock-edit-v009qbild34 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-edit-v009qbild34 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild34 #livestock_qbild19_erworben_am,
.livestock-edit-v009qbild34 #livestock_qbild19_im_becken_seit,
.livestock-edit-v009qbild34 .livestock-edit-qbild34-date-shell input[type="text"] {
    flex: 0 0 100px !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 8px 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild34 .livestock-edit-qbild34-date-shell .calendar-icon-button,
.livestock-edit-v009qbild34 .livestock-edit-qbild27-date-left-field .calendar-icon-button,
.livestock-edit-v009qbild34 .livestock-edit-qbild27-date-middle-field .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Bild_35 - Datumsfelder als echte 140px-Date-Combo-Felder mit sichtbar erzwungenem Kalender-Button. */
section.card.livestock-edit-page.livestock-edit-v009qbild35,
.card.livestock-edit-page.livestock-edit-v009qbild35 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild35 .livestock-edit-qbild27-three-row {
    width: 446px !important;
    grid-template-columns: 140px 140px 150px !important;
}
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-left-field,
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-middle-field {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-left-field > div,
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-middle-field > div {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild35 .livestock-edit-qbild35-date-shell,
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild35 #livestock_qbild19_erworben_am,
.livestock-edit-v009qbild35 #livestock_qbild19_im_becken_seit,
.livestock-edit-v009qbild35 .livestock-edit-qbild35-date-shell input[type="text"] {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 0 100px !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 8px 8px !important;
    padding-right: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild35 .livestock-edit-qbild35-date-shell .calendar-icon-button,
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-left-field .calendar-icon-button,
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-middle-field .calendar-icon-button {
    position: static !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--border) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #f3f4f6 !important;
    color: #0b4ea2 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.livestock-edit-v009qbild35 .livestock-edit-qbild35-date-shell .calendar-icon-button::before,
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-left-field .calendar-icon-button::before,
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-middle-field .calendar-icon-button::before {
    content: "📅";
    display: block;
    font-size: 18px;
    line-height: 1;
}
.livestock-edit-v009qbild35 .livestock-edit-qbild35-date-shell .aqua-hidden-date-picker,
.livestock-edit-v009qbild35 .livestock-edit-qbild35-date-shell .livestock-edit-hidden-date-picker,
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-left-field .aqua-hidden-date-picker,
.livestock-edit-v009qbild35 .livestock-edit-qbild27-date-middle-field .aqua-hidden-date-picker {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}


/* Bild_36 - Datumsfelder als echte 160px-Date-Combo-Felder mit sichtbar erzwungenem Kalender-Button. */
section.card.livestock-edit-page.livestock-edit-v009qbild36,
.card.livestock-edit-page.livestock-edit-v009qbild36 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild36 .livestock-edit-qbild27-three-row {
    width: 486px !important;
    grid-template-columns: 160px 160px 150px !important;
}
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-left-field,
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-middle-field {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-left-field > div,
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-middle-field > div {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild36 .livestock-edit-qbild36-date-shell,
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild36 #livestock_qbild19_erworben_am,
.livestock-edit-v009qbild36 #livestock_qbild19_im_becken_seit,
.livestock-edit-v009qbild36 .livestock-edit-qbild36-date-shell input[type="text"] {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 8px 8px !important;
    padding-right: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild36 .livestock-edit-qbild36-date-shell .calendar-icon-button,
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-left-field .calendar-icon-button,
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-middle-field .calendar-icon-button {
    position: static !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--border) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #f3f4f6 !important;
    color: #0b4ea2 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.livestock-edit-v009qbild36 .livestock-edit-qbild36-date-shell .calendar-icon-button::before,
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-left-field .calendar-icon-button::before,
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-middle-field .calendar-icon-button::before {
    content: "📅";
    display: block;
    font-size: 18px;
    line-height: 1;
}
.livestock-edit-v009qbild36 .livestock-edit-qbild36-date-shell .aqua-hidden-date-picker,
.livestock-edit-v009qbild36 .livestock-edit-qbild36-date-shell .livestock-edit-hidden-date-picker,
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-left-field .aqua-hidden-date-picker,
.livestock-edit-v009qbild36 .livestock-edit-qbild27-date-middle-field .aqua-hidden-date-picker {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}


/* Bild_37 - Korrektur Date-Combo: 160px Gesamt = 120px Textfeld + 40px sichtbarer Kalender-Button.
   Wichtig: In Bild_36 war die Außenbreite zwar gesetzt, aber durch ältere Regeln/Padding war die nutzbare Anzeige nicht sauber. */
section.card.livestock-edit-page.livestock-edit-v009qbild37,
.card.livestock-edit-page.livestock-edit-v009qbild37 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild37 .livestock-edit-qbild27-three-row {
    width: 486px !important;
    min-width: 486px !important;
    max-width: 486px !important;
    grid-template-columns: 160px 160px 150px !important;
    column-gap: 8px !important;
}
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-left-field,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-middle-field,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-left-field > div,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-middle-field > div {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    inline-size: 160px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.livestock-edit-v009qbild37 .livestock-edit-qbild37-date-shell,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-left-field .aqua-date-picker-shell,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-middle-field .aqua-date-picker-shell {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    inline-size: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild37 #livestock_qbild19_erworben_am,
.livestock-edit-v009qbild37 #livestock_qbild19_im_becken_seit,
.livestock-edit-v009qbild37 .livestock-edit-qbild37-date-shell input[type="text"] {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    inline-size: 120px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}
.livestock-edit-v009qbild37 .livestock-edit-qbild37-date-shell .calendar-icon-button,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-left-field .calendar-icon-button,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-middle-field .calendar-icon-button {
    position: static !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    inline-size: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--border) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #f3f4f6 !important;
    color: #0b4ea2 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.livestock-edit-v009qbild37 .livestock-edit-qbild37-date-shell .calendar-icon-button::before,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-left-field .calendar-icon-button::before,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-middle-field .calendar-icon-button::before {
    content: "📅" !important;
    display: block !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    text-align: center !important;
    font-size: 18px !important;
    line-height: 44px !important;
}
.livestock-edit-v009qbild37 .livestock-edit-qbild37-date-shell .aqua-hidden-date-picker,
.livestock-edit-v009qbild37 .livestock-edit-qbild37-date-shell .livestock-edit-hidden-date-picker,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-left-field .aqua-hidden-date-picker,
.livestock-edit-v009qbild37 .livestock-edit-qbild27-date-middle-field .aqua-hidden-date-picker {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    inline-size: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    appearance: none !important;
}


/* Bild_38 - Info/Beobachtungen auf 500 px und rechte Spaltenfelder links zur Mittellinie ausgerichtet. */
section.card.livestock-edit-page.livestock-edit-v009qbild38,
.card.livestock-edit-page.livestock-edit-v009qbild38 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild38 .livestock-edit-qbild32-info-block {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    margin-left: 0 !important;
    justify-self: start !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild38 .livestock-edit-qbild32-info-block h3,
.livestock-edit-v009qbild38 .livestock-edit-info-block h2 {
    margin: 0 0 8px !important;
}
.livestock-edit-v009qbild38 .livestock-edit-qbild32-observation-block,
.livestock-edit-v009qbild38 .livestock-edit-observation-field {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    margin-left: 0 !important;
    justify-self: start !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild38 .livestock-edit-qbild32-observation-block textarea {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* Rechte Spalte optisch links zur Mittellinie halten */
.livestock-edit-v009qbild38 .livestock-edit-qbild30-followup-grid {
    width: 508px !important;
    min-width: 508px !important;
    max-width: 508px !important;
    justify-items: start !important;
    align-items: start !important;
}
.livestock-edit-v009qbild38 .livestock-edit-qbild28-polypen-field,
.livestock-edit-v009qbild38 .livestock-edit-qbild28-zuechter-field {
    justify-self: start !important;
    margin-left: 0 !important;
    align-self: start !important;
}
.livestock-edit-v009qbild38 .livestock-edit-qbild28-polypen-field label,
.livestock-edit-v009qbild38 .livestock-edit-qbild28-zuechter-field label,
.livestock-edit-v009qbild38 .livestock-edit-qbild28-polypen-field .livestock-edit-qbild11-field-note,
.livestock-edit-v009qbild38 .livestock-edit-qbild28-zuechter-field .livestock-edit-qbild11-field-note {
    text-align: left !important;
}


/* Bild_39 - Doppel-Absicherung der Bild_38-Vorgaben: inline im HTML + CSS-Hardfix. */
section.card.livestock-edit-page.livestock-edit-v009qbild39,
.card.livestock-edit-page.livestock-edit-v009qbild39 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
/* Vorgabe 1/2: Information zu .... = 500 px */
.livestock-edit-v009qbild39 .livestock-edit-qbild39-info-block,
.livestock-edit-v009qbild39 .livestock-edit-qbild32-info-block,
.livestock-edit-v009qbild38.livestock-edit-v009qbild39 .livestock-edit-qbild32-info-block {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    inline-size: 500px !important;
    margin-left: 0 !important;
    justify-self: start !important;
    box-sizing: border-box !important;
}
/* Vorgabe 2/2: Eigene Beobachtungen = 500 px / Rahmen */
.livestock-edit-v009qbild39 .livestock-edit-qbild39-observation-block,
.livestock-edit-v009qbild39 .livestock-edit-qbild32-observation-block,
.livestock-edit-v009qbild39 .livestock-edit-observation-field,
.livestock-edit-v009qbild38.livestock-edit-v009qbild39 .livestock-edit-qbild32-observation-block {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    inline-size: 500px !important;
    margin-left: 0 !important;
    justify-self: start !important;
    border: 1px solid rgba(0, 85, 170, 0.28) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild39 #livestock_qbild32_eigene_beobachtungen,
.livestock-edit-v009qbild39 .livestock-edit-qbild32-observation-block textarea,
.livestock-edit-v009qbild39 .livestock-edit-observation-field textarea {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* Vorgabe 1/2: rechte Spalte startet exakt an der Mittellinie = 250 px */
.livestock-edit-v009qbild39 .livestock-edit-qbild39-followup-grid,
.livestock-edit-v009qbild39 .livestock-edit-qbild30-followup-grid {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    inline-size: 500px !important;
    display: grid !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 0 !important;
    row-gap: 14px !important;
    justify-items: start !important;
    align-items: start !important;
    box-sizing: border-box !important;
}
/* Vorgabe 2/2: Anzahl Polypen / Köpfen und Name des Züchters links zur Mittellinie */
.livestock-edit-v009qbild39 .livestock-edit-qbild28-polypen-field,
.livestock-edit-v009qbild39 .livestock-edit-qbild28-zuechter-field {
    grid-column: 2 / 3 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    inline-size: 250px !important;
    text-align: left !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild39 #livestock_qbild28_anzahl_polypen,
.livestock-edit-v009qbild39 #livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    inline-size: 250px !important;
    box-sizing: border-box !important;
}
.livestock-edit-v009qbild39 .livestock-edit-qbild28-stock-field,
.livestock-edit-v009qbild39 .livestock-edit-qbild28-nachzucht-field {
    grid-column: 1 / 2 !important;
    justify-self: start !important;
    margin-left: 0 !important;
}
/* dieselbe Vorgabe zusätzlich für das reale Formular, falls nicht der obere Testblock gerendert wird */
.livestock-edit-v009qbild39 .livestock-edit-form-grid [data-livestock-field="anzahl_polypen"],
.livestock-edit-v009qbild39 .livestock-edit-form-grid [data-livestock-field="zuechter_name"] {
    justify-self: start !important;
    margin-left: 0 !important;
    text-align: left !important;
}


/* Bild_40 - rechte Felder nach rechts ausrichten (doppelt abgesichert: CSS + Inline). */
section.card.livestock-edit-page.livestock-edit-v009qbild40,
.card.livestock-edit-page.livestock-edit-v009qbild40 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-v009qbild40 .livestock-edit-qbild39-followup-grid,
.livestock-edit-v009qbild40 .livestock-edit-qbild30-followup-grid {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 0 !important;
    justify-items: stretch !important;
}
.livestock-edit-v009qbild40 .livestock-edit-qbild28-polypen-field,
.livestock-edit-v009qbild40 .livestock-edit-qbild28-zuechter-field {
    justify-self: end !important;
    margin-left: auto !important;
    align-items: flex-end !important;
    text-align: right !important;
}
.livestock-edit-v009qbild40 .livestock-edit-qbild28-polypen-field label,
.livestock-edit-v009qbild40 .livestock-edit-qbild28-zuechter-field label,
.livestock-edit-v009qbild40 .livestock-edit-qbild28-polypen-field .livestock-edit-qbild11-field-note,
.livestock-edit-v009qbild40 .livestock-edit-qbild28-zuechter-field .livestock-edit-qbild11-field-note {
    width: 250px !important;
    text-align: right !important;
}
.livestock-edit-v009qbild40 #livestock_qbild28_anzahl_polypen,
.livestock-edit-v009qbild40 #livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    margin-left: auto !important;
    display: block !important;
}


/* Bild 41 - technischer Neuaufbau des Zusatzbereichs als saubere Komponente. */
section.card.livestock-edit-page.livestock-edit-bild41,
.card.livestock-edit-page.livestock-edit-bild41 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-bild41 .livestock-edit-b41-layout {
    grid-column: 1 / -1 !important;
    width: 526px !important;
    min-width: 526px !important;
    max-width: 526px !important;
    display: grid !important;
    grid-template-columns: 526px !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-top-row {
    width: 336px !important;
    display: grid !important;
    grid-template-columns: 250px 70px !important;
    column-gap: 16px !important;
    align-items: start !important;
}
.livestock-edit-bild41 .livestock-edit-b41-date-row {
    width: 486px !important;
    display: grid !important;
    grid-template-columns: 160px 160px 150px !important;
    column-gap: 8px !important;
    align-items: start !important;
}
.livestock-edit-bild41 .livestock-edit-b41-field {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-farbmorphe-field,
.livestock-edit-bild41 .livestock-edit-b41-farbmorphe-field input,
.livestock-edit-bild41 #livestock_qbild13_farbmorphe_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-anzahl-field,
.livestock-edit-bild41 .livestock-edit-b41-anzahl-field input,
.livestock-edit-bild41 #livestock_qbild13_anzahl {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    box-sizing: border-box !important;
    text-align: right !important;
}
.livestock-edit-bild41 .livestock-edit-b41-date-field,
.livestock-edit-bild41 .livestock-edit-b41-date-wrap {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-date-shell,
.livestock-edit-bild41 .livestock-edit-b41-date-wrap .aqua-date-picker-shell {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-date-shell input[type="text"],
.livestock-edit-bild41 .livestock-edit-b41-date-wrap .aqua-date-picker-shell input[type="text"],
.livestock-edit-bild41 #livestock_qbild19_erworben_am,
.livestock-edit-bild41 #livestock_qbild19_im_becken_seit {
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 8px 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-date-shell .calendar-icon-button,
.livestock-edit-bild41 .livestock-edit-b41-date-wrap .calendar-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--border) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #f3f4f6 !important;
    color: #0b4ea2 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.livestock-edit-bild41 .livestock-edit-b41-date-shell .calendar-icon-button::before,
.livestock-edit-bild41 .livestock-edit-b41-date-wrap .calendar-icon-button::before {
    content: "📅";
    display: block;
    font-size: 18px;
    line-height: 1;
}
.livestock-edit-bild41 .livestock-edit-b41-date-shell .aqua-hidden-date-picker,
.livestock-edit-bild41 .livestock-edit-b41-date-wrap .aqua-hidden-date-picker,
.livestock-edit-bild41 .livestock-edit-b41-date-shell .livestock-edit-hidden-date-picker,
.livestock-edit-bild41 .livestock-edit-b41-date-wrap .livestock-edit-hidden-date-picker {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}
.livestock-edit-bild41 .livestock-edit-b41-alter-field,
.livestock-edit-bild41 .livestock-edit-b41-alter-field input,
.livestock-edit-bild41 #livestock_qbild19_alter {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-two-column-note {
    color: rgba(0, 85, 170, 0.95) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    padding-left: 2px !important;
}
.livestock-edit-bild41 .livestock-edit-b41-pair-frame {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-metric-field,
.livestock-edit-bild41 .livestock-edit-b41-metric-field input,
.livestock-edit-bild41 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-edit-bild41 #livestock_qbild28_kaufpreis_tier_1 {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-metric-field label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    min-height: 32px !important;
}
.livestock-edit-bild41 #livestock_qbild28_groesse_kaufdatum_1,
.livestock-edit-bild41 #livestock_qbild28_kaufpreis_tier_1 {
    text-align: right !important;
}
.livestock-edit-bild41 .livestock-edit-b41-extra-grid {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    display: grid !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 0 !important;
    row-gap: 14px !important;
    align-items: start !important;
    justify-items: stretch !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-extra-field,
.livestock-edit-bild41 .livestock-edit-b41-extra-field input,
.livestock-edit-bild41 .livestock-edit-b41-extra-field select,
.livestock-edit-bild41 #livestock_qbild28_stock,
.livestock-edit-bild41 #livestock_qbild28_anzahl_polypen,
.livestock-edit-bild41 #livestock_qbild28_nachzucht,
.livestock-edit-bild41 #livestock_qbild28_zuechter_name {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-left-field {
    justify-self: start !important;
    margin-left: 0 !important;
    align-items: stretch !important;
    text-align: left !important;
}
.livestock-edit-bild41 .livestock-edit-b41-right-field {
    justify-self: end !important;
    margin-left: auto !important;
    align-items: stretch !important;
}
.livestock-edit-bild41 .livestock-edit-b41-right-field label,
.livestock-edit-bild41 .livestock-edit-b41-right-field .livestock-edit-qbild11-field-note {
    width: 250px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-polypen-field input {
    text-align: right !important;
}
.livestock-edit-bild41 .livestock-edit-b41-zuechter-field input {
    text-align: left !important;
}
.livestock-edit-bild41 .livestock-edit-b41-info-block,
.livestock-edit-bild41 .livestock-edit-b41-observation-block {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    justify-self: start !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild41 .livestock-edit-b41-info-block {
    padding: 14px 16px !important;
    border: 1px solid rgba(0, 85, 170, 0.28) !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
}
.livestock-edit-bild41 .livestock-edit-b41-info-block h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
}
.livestock-edit-bild41 .livestock-edit-b41-info-block p {
    margin: 0 !important;
}
.livestock-edit-bild41 .livestock-edit-b41-observation-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 12px !important;
    border: 1px solid rgba(0, 85, 170, 0.28) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}
.livestock-edit-bild41 .livestock-edit-b41-observation-block textarea,
.livestock-edit-bild41 #livestock_qbild32_eigene_beobachtungen {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 96px !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}


/* Bild 42 - rechter Spaltenabstand 20 px, Überschriften rechtsseitiger Felder linksbündig. */
section.card.livestock-edit-page.livestock-edit-bild42,
.card.livestock-edit-page.livestock-edit-bild42 {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    inline-size: 550px !important;
}
.livestock-edit-bild42 .livestock-edit-b41-extra-grid {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
}
.livestock-edit-bild42 .livestock-edit-b41-right-field {
    justify-self: start !important;
    margin-left: 0 !important;
    align-items: stretch !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
.livestock-edit-bild42 .livestock-edit-b41-right-field label,
.livestock-edit-bild42 .livestock-edit-b41-right-field .livestock-edit-qbild11-field-note {
    width: 250px !important;
    text-align: left !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild42 .livestock-edit-b41-polypen-field input,
.livestock-edit-bild42 .livestock-edit-b41-zuechter-field input {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: block !important;
}
.livestock-edit-bild42 .livestock-edit-b41-polypen-field input {
    text-align: right !important;
}
.livestock-edit-bild42 .livestock-edit-b41-zuechter-field input {
    text-align: left !important;
}


/* Bild 43 - Aktionsbuttons unter Eigene Beobachtungen. */
.livestock-edit-bild43 .livestock-edit-action-row {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
}
.livestock-edit-bild43 .livestock-edit-save-lock-hint {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
}


/* Bild 44 - sichtbaren Block unter Eigene Beobachtungen vergrößert und Aktionsbuttons sichtbar gemacht. */
.livestock-edit-bild44 .livestock-edit-b41-layout {
    row-gap: 14px !important;
}
.livestock-edit-bild44 .livestock-edit-b44-visible-action-row {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-self: start !important;
    margin-left: 0 !important;
}
.livestock-edit-bild44 .livestock-edit-b44-visible-save-lock-hint {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    justify-self: start !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}
.livestock-edit-bild44 .livestock-edit-b44-form-action-row,
.livestock-edit-bild44 .livestock-edit-b44-form-save-lock-hint {
    display: none !important;
}

/* Bild 45 - feste Höhe für Untermenü Besatz anlegen. */
section.card.livestock-edit-page.livestock-edit-bild45,
.card.livestock-edit-page.livestock-edit-bild45 {
    height: 2000px !important;
    min-height: 2000px !important;
    box-sizing: border-box !important;
}


/* Bild 46 - feste Höhe für Untermenü Besatz anlegen von 2000px auf 1800px reduziert. */
section.card.livestock-edit-page.livestock-edit-bild46,
.card.livestock-edit-page.livestock-edit-bild46 {
    height: 1800px !important;
    min-height: 1800px !important;
}


/* Bild 47 - feste sichtbare Höhe für Untermenü Besatz anlegen mit Scrollbereich. */
section.card.livestock-edit-page.livestock-edit-bild47,
.card.livestock-edit-page.livestock-edit-bild47 {
    height: 1800px !important;
    min-height: 1800px !important;
    max-height: 1800px !important;
    overflow-y: auto !important;
}

/* Bild 48 - sichtbaren Layoutblock für Buttonbereich erweitern und Buttonzeile sichtbar erzwingen. */
.livestock-edit-bild48 .livestock-edit-b41-layout {
    height: auto !important;
    min-height: 1200px !important;
    overflow: visible !important;
}
.livestock-edit-bild48 .livestock-edit-b44-visible-action-row {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.livestock-edit-bild48 .livestock-edit-b44-visible-action-row .button {
    visibility: visible !important;
    opacity: 1 !important;
}
.livestock-edit-bild48 .livestock-edit-b44-visible-save-lock-hint {
    visibility: visible !important;
    opacity: 1 !important;
}


/* v0.09u - Besatz anlegen + Musterseite: gezielte Layoutkorrekturen. */
section.card.livestock-edit-page.livestock-edit-v009u,
.card.livestock-edit-page.livestock-edit-v009u {
    /* Versionsklasse für v0.09u, Breitenbasis bleibt unverändert. */
}
/* Kaufpreis zu Tier 1: nur das Eingabefeld rechts um 20 px reduzieren, Feldblock bleibt 115 px. */
.livestock-edit-v009u #livestock_qbild28_kaufpreis_tier_1 {
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;
    inline-size: 95px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 20px !important;
    display: block !important;
}
/* Alter: nur das Anzeigefeld um 30 px nach rechts vergrößern. */
.livestock-edit-v009u #livestock_qbild19_alter {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    inline-size: 180px !important;
    box-sizing: border-box !important;
    display: block !important;
}
/* Rote/magenta Hilfslinien und rote Konturen bei den genannten Feldern entfernen. */
.livestock-edit-v009u .livestock-edit-qbild10-measure-becken::before,
.livestock-edit-v009u .livestock-edit-qbild10-measure-tiergruppe::before,
.livestock-edit-v009u .livestock-edit-qbild10-measure-wissname::before,
.livestock-edit-v009u .livestock-edit-qbild10-measure-lexikon::before,
.livestock-edit-v009u .livestock-edit-qbild10-measure-deutschname::before {
    content: none !important;
    display: none !important;
    border-top: 0 !important;
}
.livestock-edit-v009u .livestock-edit-qbild10-measure-becken,
.livestock-edit-v009u .livestock-edit-qbild10-measure-tiergruppe,
.livestock-edit-v009u .livestock-edit-qbild10-measure-wissname,
.livestock-edit-v009u .livestock-edit-qbild10-measure-lexikon,
.livestock-edit-v009u .livestock-edit-qbild10-measure-deutschname,
.livestock-edit-v009u .livestock-edit-qbild13-name-grid,
.livestock-edit-v009u .livestock-edit-qbild13-name-field,
.livestock-edit-v009u .livestock-edit-qbild13-lexicon-panel,
.livestock-edit-v009u .livestock-edit-qbild13-field {
    outline: 0 !important;
    outline-offset: 0 !important;
}
/* Nur Untermenü Besatz anlegen: Mittellinie entfernen. Musterseite bleibt davon unberührt. */
.livestock-edit-v009u-main .livestock-edit-qbild13-layout::before {
    content: none !important;
    display: none !important;
    background: transparent !important;
    width: 0 !important;
}

/* v0.09w: Admin-Vergleichstabelle wissenschaftlicher/deutscher Besatzname. */
.admin-livestock-name-toolbar {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.admin-livestock-name-search {
    display: flex;
    align-items: end;
    gap: .75rem;
    flex-wrap: wrap;
}

.admin-livestock-name-search label {
    font-weight: 700;
}

.admin-livestock-name-search input[type="search"] {
    min-width: 280px;
}

.admin-livestock-name-table th,
.admin-livestock-name-table td {
    white-space: nowrap;
}


/* v0.09x - Besatz anlegen: blaue Hilfslinien/rote Rahmen entfernen und Lexikonblock rahmen. */
.livestock-edit-v009x .livestock-edit-qbild06-layout::before,
.livestock-edit-v009x .livestock-edit-qbild06-name-row::before,
.livestock-edit-v009x .livestock-edit-qbild13-layout::before,
.livestock-edit-v009x .livestock-edit-qbild10-measure::before,
.livestock-edit-v009x .livestock-edit-qbild10-measure::after,
.livestock-edit-v009x .livestock-edit-title-row-v009j::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
}

.livestock-edit-v009x .livestock-edit-title-row-v009j,
.livestock-edit-v009x .livestock-edit-qbild06-layout,
.livestock-edit-v009x .livestock-edit-qbild06-field,
.livestock-edit-v009x .livestock-edit-qbild06-name-row,
.livestock-edit-v009x .livestock-edit-qbild06-name-field,
.livestock-edit-v009x .livestock-edit-qbild06-german-row,
.livestock-edit-v009x .livestock-edit-qbild13-layout,
.livestock-edit-v009x .livestock-edit-title-row-v009j,
.livestock-edit-v009x .livestock-edit-qbild13-field,
.livestock-edit-v009x .livestock-edit-qbild13-name-grid,
.livestock-edit-v009x .livestock-edit-qbild13-name-field,
.livestock-edit-v009x .livestock-edit-qbild13-farbmorphe-field,
.livestock-edit-v009x .livestock-edit-qbild13-anzahl-field,
.livestock-edit-v009x .livestock-edit-qbild14-farbmorphe-field,
.livestock-edit-v009x .livestock-edit-qbild14-anzahl-field,
.livestock-edit-v009x .livestock-edit-qbild19-farbmorphe-field,
.livestock-edit-v009x .livestock-edit-qbild19-anzahl-field,
.livestock-edit-v009x .livestock-edit-qbild19-small-field,
.livestock-edit-v009x .livestock-edit-qbild23-field,
.livestock-edit-v009x .livestock-edit-qbild24-field,
.livestock-edit-v009x .livestock-edit-qbild27-field,
.livestock-edit-v009x .livestock-edit-qbild28-field,
.livestock-edit-v009x .livestock-edit-qbild28-layout .livestock-edit-qbild27-field,
.livestock-edit-v009x .livestock-edit-qbild28-layout .livestock-edit-qbild28-field {
    outline: 0 !important;
    outline-offset: 0 !important;
    border-top: 0 !important;
}

.livestock-edit-v009x .livestock-edit-qbild13-field,
.livestock-edit-v009x .livestock-edit-qbild13-name-grid,
.livestock-edit-v009x .livestock-edit-qbild13-farbmorphe-field,
.livestock-edit-v009x .livestock-edit-qbild13-anzahl-field,
.livestock-edit-v009x .livestock-edit-qbild14-farbmorphe-field,
.livestock-edit-v009x .livestock-edit-qbild14-anzahl-field,
.livestock-edit-v009x .livestock-edit-qbild19-farbmorphe-field,
.livestock-edit-v009x .livestock-edit-qbild19-anzahl-field,
.livestock-edit-v009x .livestock-edit-qbild19-small-field,
.livestock-edit-v009x .livestock-edit-qbild23-field,
.livestock-edit-v009x .livestock-edit-qbild24-field,
.livestock-edit-v009x .livestock-edit-qbild27-field,
.livestock-edit-v009x .livestock-edit-qbild28-field,
.livestock-edit-v009x .livestock-edit-qbild28-layout .livestock-edit-qbild27-field,
.livestock-edit-v009x .livestock-edit-qbild28-layout .livestock-edit-qbild28-field {
    padding-top: 0 !important;
}

.livestock-edit-v009x .livestock-edit-qbild13-lexicon-panel,
.livestock-edit-v009x .livestock-edit-qbild07-lexicon-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 8px !important;
    border: 2px solid #000 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    outline: 0 !important;
}

.livestock-edit-v009x .livestock-edit-qbild13-lexicon-panel .livestock-edit-lexicon-link,
.livestock-edit-v009x .livestock-edit-qbild07-lexicon-panel .livestock-edit-lexicon-link,
.livestock-edit-v009x .livestock-edit-qbild07-lexicon {
    align-self: flex-start !important;
    margin: 0 !important;
}

.livestock-edit-v009x .livestock-edit-qbild07-lexicon-note,
.livestock-edit-v009x .livestock-edit-lexicon-copy-note {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px 7px !important;
    border: 1px solid #e8f5ff !important;
    border-radius: 6px !important;
    background: #e8f5ff !important;
    color: var(--text, #17202a) !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009x .livestock-edit-lexicon-under-scientific {
    padding: 8px !important;
    border: 2px solid #000 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

/* v0.09y - Besatz anlegen: sichtbares Layout bereinigen und Speicherfreigabe unterstützen. */
section.card.livestock-edit-page.livestock-edit-v009y.livestock-edit-v009qbild13,
.card.livestock-edit-page.livestock-edit-v009y.livestock-edit-v009qbild13,
.livestock-edit-v009y .livestock-edit-title-row-v009j,
.livestock-edit-v009y .livestock-edit-qbild05-layout,
.livestock-edit-v009y .livestock-edit-qbild06-layout,
.livestock-edit-v009y .livestock-edit-qbild06-field,
.livestock-edit-v009y .livestock-edit-qbild06-name-row,
.livestock-edit-v009y .livestock-edit-qbild06-name-field,
.livestock-edit-v009y .livestock-edit-qbild06-german-row,
.livestock-edit-v009y .livestock-edit-qbild07-lexicon-panel,
.livestock-edit-v009y .livestock-edit-qbild13-layout,
.livestock-edit-v009y .livestock-edit-qbild13-field,
.livestock-edit-v009y .livestock-edit-qbild13-name-grid,
.livestock-edit-v009y .livestock-edit-qbild13-name-field,
.livestock-edit-v009y .livestock-edit-qbild13-lexicon-panel,
.livestock-edit-v009y .livestock-edit-qbild13-farbmorphe-field,
.livestock-edit-v009y .livestock-edit-qbild13-anzahl-field,
.livestock-edit-v009y .livestock-edit-b41-layout,
.livestock-edit-v009y .livestock-edit-b41-field {
    outline: 0 !important;
    outline-offset: 0 !important;
}

.livestock-edit-v009y .livestock-edit-title-row-v009j,
.livestock-edit-v009y .livestock-edit-qbild06-layout > .livestock-edit-qbild06-field,
.livestock-edit-v009y .livestock-edit-qbild06-name-row,
.livestock-edit-v009y .livestock-edit-qbild06-german-row,
.livestock-edit-v009y .livestock-edit-qbild13-field,
.livestock-edit-v009y .livestock-edit-qbild13-name-grid,
.livestock-edit-v009y .livestock-edit-qbild13-farbmorphe-field,
.livestock-edit-v009y .livestock-edit-qbild13-anzahl-field {
    border-top: 0 !important;
}

.livestock-edit-v009y .livestock-edit-qbild06-layout::before,
.livestock-edit-v009y .livestock-edit-qbild06-name-row::before,
.livestock-edit-v009y .livestock-edit-qbild13-layout::before,
.livestock-edit-v009y .livestock-edit-qbild10-measure::before,
.livestock-edit-v009y .livestock-edit-qbild10-measure::after,
.livestock-edit-v009y .livestock-edit-title-row-v009j::after,
section.card.livestock-edit-page.livestock-edit-v009y.livestock-edit-v009qbild10::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
}

.livestock-edit-v009y .livestock-edit-qbild07-lexicon-panel,
.livestock-edit-v009y .livestock-edit-qbild13-lexicon-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 8px !important;
    border: 2px solid #000 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009y .livestock-edit-qbild07-lexicon,
.livestock-edit-v009y .livestock-edit-qbild07-lexicon-panel .livestock-edit-lexicon-link,
.livestock-edit-v009y .livestock-edit-qbild13-lexicon-panel .livestock-edit-lexicon-link {
    align-self: flex-start !important;
    margin: 0 !important;
}

.livestock-edit-v009y .livestock-edit-qbild07-lexicon-note,
.livestock-edit-v009y .livestock-edit-lexicon-copy-note {
    display: block !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 6px 7px !important;
    border: 1px solid #e8f5ff !important;
    border-radius: 6px !important;
    background: #e8f5ff !important;
    color: var(--text, #17202a) !important;
    box-sizing: border-box !important;
}

.livestock-edit-v009y input.field-invalid,
.livestock-edit-v009y select.field-invalid,
.livestock-edit-v009y textarea.field-invalid {
    border-color: var(--danger, #b00020) !important;
    box-shadow: 0 0 0 1px var(--danger, #b00020) !important;
}


/* v0.10a - Besatz anlegen: Cursor-Sprung bereinigen, Anzahl verkleinern und Info-Box ergänzen. */
.livestock-edit-v010a .livestock-edit-qbild07-lexicon-panel a,
.livestock-edit-v010a #livestock_qbild19_alter,
.livestock-edit-v010a #livestock_alter {
    pointer-events: auto;
}

.livestock-edit-v010a .livestock-edit-b41-top-row {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    grid-template-columns: 250px 70px 174px !important;
    column-gap: 8px !important;
    align-items: end !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010a .livestock-edit-b41-anzahl-field {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010a #livestock_qbild13_anzahl {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
    text-align: right !important;
}

.livestock-edit-v010a .livestock-edit-b41-anzahl-info-v010a {
    width: 174px !important;
    min-width: 174px !important;
    max-width: 174px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 6px 7px !important;
    border: 1px solid #e8f5ff !important;
    border-radius: 6px !important;
    background: #e8f5ff !important;
    color: var(--text, #17202a) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}

/* v0.10b - Besatz anlegen: Alter anzeigen und Größe/Kaufpreis je Tiernummer als Paar-Blöcke. */
.livestock-edit-v010b .livestock-edit-b41-pair-grid-v010b {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    display: grid !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
    align-items: start !important;
    justify-items: stretch !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010b .livestock-edit-b41-pair-frame-v010b[hidden] {
    display: none !important;
}

.livestock-edit-v010b .livestock-edit-b41-pair-frame-v010b {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010b .livestock-edit-b41-metric-shell-v010b {
    position: relative !important;
    display: block !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010b .livestock-edit-b41-metric-shell-v010b input {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    padding-right: 31px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010b .livestock-edit-b41-price-shell-v010b input {
    padding-right: 24px !important;
}

.livestock-edit-v010b .livestock-edit-b41-metric-unit-v010b {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010b .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10c - Besatz anlegen: Stock/Polypen abhängig vom wissenschaftlichen Namen, Namensfelder sperren und Größe/Kaufpreis-Felder angleichen. */
.livestock-edit-v010c .livestock-edit-name-lock-hint-v010c {
    grid-column: 1 / -1 !important;
    color: #b00020 !important;
    font-weight: 700 !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
}

.livestock-edit-v010c .livestock-edit-name-lock-hint-v010c[hidden],
.livestock-edit-v010c [data-livestock-surface-field-wrapper-v010c][hidden] {
    display: none !important;
}

.livestock-edit-v010c #livestock_qbild06_wissenschaftlicher_name:disabled,
.livestock-edit-v010c #livestock_qbild06_deutscher_name:disabled {
    background: #f3f6f9 !important;
    cursor: not-allowed !important;
    opacity: .78 !important;
}

.livestock-edit-v010c .livestock-edit-b41-pair-grid-v010b {
    grid-template-columns: 228px 228px !important;
}

.livestock-edit-v010c .livestock-edit-b41-pair-frame-v010b {
    width: 228px !important;
    min-width: 228px !important;
    max-width: 228px !important;
    grid-template-columns: 100px 100px !important;
}

.livestock-edit-v010c .livestock-edit-b41-metric-shell-v010b,
.livestock-edit-v010c .livestock-edit-b41-metric-field,
.livestock-edit-v010c .livestock-edit-b41-metric-field label {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010c .livestock-edit-b41-metric-shell-v010b input,
.livestock-edit-v010c #livestock_qbild28_groesse_kaufdatum_1,
.livestock-edit-v010c #livestock_qbild28_kaufpreis_tier_1 {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    inline-size: 100px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 26px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010c .livestock-edit-b41-price-shell-v010b input,
.livestock-edit-v010c #livestock_qbild28_kaufpreis_tier_1 {
    padding-right: 22px !important;
}

.livestock-edit-v010c .livestock-edit-b41-metric-unit-v010b {
    right: 7px !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010c .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 228px !important;
        width: 228px !important;
        min-width: 228px !important;
        max-width: 228px !important;
    }
}

/* v0.10d - Besatz anlegen: Sperrhinweis nach oben setzen und Größe/Kaufpreis-Felder wirklich einheitlich darstellen. */
.livestock-edit-v010d .livestock-edit-name-lock-hint-v010d {
    width: 650px !important;
    max-width: 100% !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    color: #b00020 !important;
    font-weight: 700 !important;
    font-size: 1.08rem !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010d .livestock-edit-name-lock-hint-v010d[hidden] {
    display: none !important;
}

.livestock-edit-v010d .livestock-edit-b41-pair-grid-v010b {
    width: 416px !important;
    min-width: 416px !important;
    max-width: 416px !important;
    grid-template-columns: 198px 198px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
}

.livestock-edit-v010d .livestock-edit-b41-pair-frame-v010b {
    width: 198px !important;
    min-width: 198px !important;
    max-width: 198px !important;
    grid-template-columns: 85px 85px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010d .livestock-edit-b41-metric-field,
.livestock-edit-v010d .livestock-edit-b41-metric-field label,
.livestock-edit-v010d .livestock-edit-b41-metric-shell-v010b {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010d .livestock-edit-b41-metric-field label {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.06 !important;
    min-height: 38px !important;
    white-space: normal !important;
}

.livestock-edit-v010d .livestock-edit-b41-metric-shell-v010b {
    position: relative !important;
    display: block !important;
}

.livestock-edit-v010d .livestock-edit-b41-metric-shell-v010b input,
.livestock-edit-v010d [id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010d [id^="livestock_qbild28_kaufpreis_tier_"] {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
    inline-size: 85px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px 24px 8px 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010d .livestock-edit-b41-price-shell-v010b input,
.livestock-edit-v010d [id^="livestock_qbild28_kaufpreis_tier_"] {
    padding-right: 20px !important;
}

.livestock-edit-v010d .livestock-edit-b41-metric-unit-v010b {
    position: absolute !important;
    right: 7px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010d .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 198px !important;
        width: 198px !important;
        min-width: 198px !important;
        max-width: 198px !important;
    }
}

/* v0.10e - Besatz anlegen: Fehlertext-Zeile oben, Tab-Fokus und Größe/Kaufpreis-Block wieder in v0.10b-Größe. */
.livestock-edit-v010e .livestock-edit-entry-status-hint-v010e {
    width: var(--livestock-qb05-width, 656px) !important;
    max-width: var(--livestock-qb05-width, 656px) !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    color: #b00020 !important;
    font-weight: 700 !important;
    font-size: 1.08rem !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e .livestock-edit-entry-status-hint-v010e[hidden] {
    display: none !important;
}

.livestock-edit-v010e .livestock-edit-qbild18-info-link {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    cursor: pointer !important;
}

.livestock-edit-v010e .livestock-edit-b41-pair-grid-v010b {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
}

.livestock-edit-v010e .livestock-edit-b41-pair-frame-v010b {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    grid-template-columns: 100px 100px !important;
    column-gap: 18px !important;
    justify-content: center !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e .livestock-edit-b41-metric-field,
.livestock-edit-v010e .livestock-edit-b41-metric-field label,
.livestock-edit-v010e .livestock-edit-b41-metric-shell-v010b {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e .livestock-edit-b41-metric-shell-v010b input,
.livestock-edit-v010e [id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e [id^="livestock_qbild28_kaufpreis_tier_"] {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    inline-size: 100px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px 24px 8px 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e .livestock-edit-b41-price-shell-v010b input,
.livestock-edit-v010e [id^="livestock_qbild28_kaufpreis_tier_"] {
    padding-right: 20px !important;
}

.livestock-edit-v010e .livestock-edit-b41-metric-unit-v010b {
    right: 7px !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e1 - Besatz anlegen: Größe/Kaufpreis-Feldbreite wieder wie v0.10b, Blockgröße bleibt v0.10e. */
.livestock-edit-v010e1 .livestock-edit-b41-pair-grid-v010b {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
}

.livestock-edit-v010e1 .livestock-edit-b41-pair-frame-v010b {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    justify-content: stretch !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e1 .livestock-edit-b41-metric-field,
.livestock-edit-v010e1 .livestock-edit-b41-metric-field label,
.livestock-edit-v010e1 .livestock-edit-b41-metric-shell-v010b {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e1 .livestock-edit-b41-metric-shell-v010b input,
.livestock-edit-v010e1 [id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e1 [id^="livestock_qbild28_kaufpreis_tier_"] {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    inline-size: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px 31px 8px 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e1 .livestock-edit-b41-price-shell-v010b input,
.livestock-edit-v010e1 [id^="livestock_qbild28_kaufpreis_tier_"] {
    padding-right: 24px !important;
}

.livestock-edit-v010e1 .livestock-edit-b41-metric-unit-v010b {
    right: 8px !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e1 .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e2 - Besatz anlegen: Größen-Überschrift breiter, Kaufdatum und Ziffer bleiben zusammen. */
.livestock-edit-v010e2 .livestock-edit-b41-size-label-v010e2 {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    min-height: 32px !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e2 .livestock-edit-b41-size-label-v010e2 span:nth-child(2) {
    white-space: nowrap !important;
}


/* v0.10e3 - Besatz anlegen: Kaufpreis-Eingabefeld 5 px breiter, damit € im Feld bleibt. */
.livestock-edit-v010e3 .livestock-edit-b41-price-shell-v010b input,
.livestock-edit-v010e3 [id^="livestock_qbild28_kaufpreis_tier_"] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    inline-size: 120px !important;
}


/* v0.10e4 - Besatz anlegen: Größe/Kaufpreis-Feldhüllen fest setzen; cm/€ bleiben innerhalb der Eingabefelder. */
.livestock-edit-v010e4 .livestock-edit-b41-metric-field,
.livestock-edit-v010e4 .livestock-edit-b41-metric-shell-v010b {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e4 .livestock-edit-b41-metric-shell-v010b {
    position: relative !important;
    display: block !important;
    flex: 0 0 115px !important;
    overflow: visible !important;
}

.livestock-edit-v010e4 .livestock-edit-b41-metric-shell-v010b input,
.livestock-edit-v010e4 [id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e4 [id^="livestock_qbild28_kaufpreis_tier_"] {
    display: block !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    inline-size: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e4 .livestock-edit-b41-size-shell-v010b input,
.livestock-edit-v010e4 [id^="livestock_qbild28_groesse_kaufdatum_"] {
    padding: 8px 31px 8px 7px !important;
}

.livestock-edit-v010e4 .livestock-edit-b41-price-shell-v010b input,
.livestock-edit-v010e4 [id^="livestock_qbild28_kaufpreis_tier_"] {
    padding: 8px 24px 8px 7px !important;
}

.livestock-edit-v010e4 .livestock-edit-b41-metric-unit-v010b {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    display: inline-block !important;
    min-width: auto !important;
    pointer-events: none !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}


/* v0.10e5 - Diagnose: sichtbare technische Rahmen nur im Bereich Größe/Kaufpreis. */
.livestock-edit-v010e5 .livestock-edit-b41-pair-grid-v010b {
    outline: 4px solid #e60000 !important; /* rot: Gesamtbereich Größe/Kaufpreis */
    outline-offset: 4px !important;
}

.livestock-edit-v010e5 .livestock-edit-b41-pair-frame-v010b {
    outline: 4px solid #ff9900 !important; /* orange: Tierblock */
    outline-offset: -2px !important;
}

.livestock-edit-v010e5 .livestock-edit-b41-pair-frame-v010b > .livestock-edit-b41-metric-field:nth-child(1) {
    outline: 3px solid #00a000 !important; /* grün: Größen-Feldblock */
    outline-offset: 0 !important;
}

.livestock-edit-v010e5 .livestock-edit-b41-pair-frame-v010b > .livestock-edit-b41-metric-field:nth-child(2) {
    outline: 3px solid #0066ff !important; /* blau: Kaufpreis-Feldblock */
    outline-offset: 0 !important;
}

.livestock-edit-v010e5 .livestock-edit-b41-pair-frame-v010b > .livestock-edit-b41-metric-field:nth-child(1) > label {
    outline: 2px dashed #008000 !important; /* grün gestrichelt: Größen-Überschrift */
    outline-offset: -1px !important;
}

.livestock-edit-v010e5 .livestock-edit-b41-pair-frame-v010b > .livestock-edit-b41-metric-field:nth-child(2) > label {
    outline: 2px dashed #003399 !important; /* dunkelblau gestrichelt: Kaufpreis-Überschrift */
    outline-offset: -1px !important;
}

.livestock-edit-v010e5 .livestock-edit-b41-size-shell-v010b {
    outline: 3px solid #8000ff !important; /* violett: direkte Feldhülle Größe */
    outline-offset: 2px !important;
}

.livestock-edit-v010e5 .livestock-edit-b41-price-shell-v010b {
    outline: 3px solid #ff00aa !important; /* magenta: direkte Feldhülle Kaufpreis */
    outline-offset: 2px !important;
}

.livestock-edit-v010e5 .livestock-edit-b41-metric-shell-v010b input,
.livestock-edit-v010e5 [id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e5 [id^="livestock_qbild28_kaufpreis_tier_"] {
    outline: 2px solid #000000 !important; /* schwarz: tatsächliches Input-Element */
    outline-offset: -4px !important;
}

.livestock-edit-v010e5 .livestock-edit-b41-metric-unit-v010b {
    outline: 2px solid #ff1493 !important; /* pink: Suffix cm / € */
    outline-offset: 1px !important;
    background: rgba(255,255,255,0.75) !important;
}


/* v0.10e6 - Besatz anlegen: Suffix cm/€ fest in der Eingabefeld-Hülle verankern. */
.livestock-edit-v010e6 .livestock-edit-b41-pair-grid-v010b,
.livestock-edit-v010e6 .livestock-edit-b41-pair-frame-v010b,
.livestock-edit-v010e6 .livestock-edit-b41-metric-field,
.livestock-edit-v010e6 .livestock-edit-b41-metric-field label,
.livestock-edit-v010e6 .livestock-edit-b41-metric-shell-v010b,
.livestock-edit-v010e6 .livestock-edit-b41-metric-shell-v010b input,
.livestock-edit-v010e6 .livestock-edit-b41-metric-unit-v010b {
    outline: none !important;
    outline-offset: 0 !important;
}

.livestock-edit-v010e6 .livestock-edit-b41-pair-grid-v010b {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    display: grid !important;
    grid-template-columns: 250px 250px !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
    align-items: start !important;
    justify-items: stretch !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e6 .livestock-edit-b41-pair-frame-v010b[hidden] {
    display: none !important;
}

.livestock-edit-v010e6 .livestock-edit-b41-pair-frame-v010b {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    display: grid !important;
    grid-template-columns: 115px 115px !important;
    column-gap: 8px !important;
    padding: 6px !important;
    border: 4px solid rgba(0,85,170,0.55) !important;
    border-radius: 10px !important;
    background: #efefef !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e6 .livestock-edit-b41-metric-field,
.livestock-edit-v010e6 .livestock-edit-b41-metric-field label,
.livestock-edit-v010e6 .livestock-edit-b41-metric-shell-v010b {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e6 .livestock-edit-b41-size-label-v010e2 {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
    min-height: 32px !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e6 .livestock-edit-b41-size-label-v010e2 span:nth-child(2) {
    white-space: nowrap !important;
}

.livestock-edit-v010e6 .livestock-edit-b41-metric-shell-v010b {
    --metric-suffix-right: 8px;
    --metric-suffix-gap: 5px;
    --metric-suffix-width: 20px;
    position: relative !important;
    display: block !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
}

.livestock-edit-v010e6 .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-width: 24px;
}

.livestock-edit-v010e6 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-width: 14px;
}

.livestock-edit-v010e6 .livestock-edit-b41-metric-shell-v010b > input,
.livestock-edit-v010e6 .livestock-edit-b41-metric-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e6 .livestock-edit-b41-metric-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    padding-right: calc(var(--metric-suffix-width) + var(--metric-suffix-gap) + var(--metric-suffix-right)) !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e6 .livestock-edit-b41-metric-unit-v010b {
    position: absolute !important;
    right: var(--metric-suffix-right) !important;
    top: 0 !important;
    bottom: 0 !important;
    width: var(--metric-suffix-width) !important;
    min-width: var(--metric-suffix-width) !important;
    max-width: var(--metric-suffix-width) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    transform: none !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e6 .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e7 - Besatz anlegen: Suffixe cm/€ fest innerhalb der jeweiligen Eingabefeld-Hülle verankern. */
.livestock-edit-v010e7 .livestock-edit-b41-size-shell-v010b,
.livestock-edit-v010e7 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-right-v010e7: 8px;
    --metric-suffix-gap-v010e7: 5px;
    --metric-suffix-width-v010e7: 20px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-edit-v010e7 .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-width-v010e7: 24px;
}

.livestock-edit-v010e7 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-width-v010e7: 14px;
}

.livestock-edit-v010e7 .livestock-edit-b41-size-shell-v010b > input,
.livestock-edit-v010e7 .livestock-edit-b41-price-shell-v010b > input,
.livestock-edit-v010e7 .livestock-edit-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e7 .livestock-edit-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: calc(var(--metric-suffix-width-v010e7) + var(--metric-suffix-gap-v010e7) + var(--metric-suffix-right-v010e7)) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-edit-v010e7 .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b,
.livestock-edit-v010e7 .livestock-edit-b41-price-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e7) !important;
    min-width: var(--metric-suffix-width-v010e7) !important;
    max-width: var(--metric-suffix-width-v010e7) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e7) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e7 .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}



/* v0.10e8 - Besatz anlegen: Suffixe und Platzhalter feinjustiert und fest verankert. */
.livestock-edit-v010e8 .livestock-edit-b41-size-shell-v010b,
.livestock-edit-v010e8 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-right-v010e8: 16px;
    --metric-suffix-gap-v010e8: 5px;
    --metric-suffix-width-v010e8: 20px;
    --metric-input-padding-right-v010e8: 37px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-edit-v010e8 .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-width-v010e8: 24px;
    --metric-input-padding-right-v010e8: 41px;
}

.livestock-edit-v010e8 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-width-v010e8: 14px;
    --metric-input-padding-right-v010e8: 29px;
}

.livestock-edit-v010e8 .livestock-edit-b41-size-shell-v010b > input,
.livestock-edit-v010e8 .livestock-edit-b41-price-shell-v010b > input,
.livestock-edit-v010e8 .livestock-edit-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e8 .livestock-edit-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e8) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-edit-v010e8 .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b,
.livestock-edit-v010e8 .livestock-edit-b41-price-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e8) !important;
    min-width: var(--metric-suffix-width-v010e8) !important;
    max-width: var(--metric-suffix-width-v010e8) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e8) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e8 .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e9 - Besatz anlegen: Suffixe und Platzhalter erneut feinjustiert und fest verankert. */
.livestock-edit-v010e9 .livestock-edit-b41-size-shell-v010b,
.livestock-edit-v010e9 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-right-v010e9: 24px;
    --metric-suffix-gap-v010e9: 5px;
    --metric-suffix-width-v010e9: 20px;
    --metric-input-padding-right-v010e9: 37px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-edit-v010e9 .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-width-v010e9: 24px;
    --metric-input-padding-right-v010e9: 53px;
}

.livestock-edit-v010e9 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-width-v010e9: 14px;
    --metric-input-padding-right-v010e9: 31px;
}

.livestock-edit-v010e9 .livestock-edit-b41-size-shell-v010b > input,
.livestock-edit-v010e9 .livestock-edit-b41-price-shell-v010b > input,
.livestock-edit-v010e9 .livestock-edit-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e9 .livestock-edit-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e9) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-edit-v010e9 .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b,
.livestock-edit-v010e9 .livestock-edit-b41-price-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e9) !important;
    min-width: var(--metric-suffix-width-v010e9) !important;
    max-width: var(--metric-suffix-width-v010e9) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e9) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e9 .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e10 - Besatz anlegen: cm-Suffix bleibt, Platzhalter 0,0 weiter links fest verankert. */
.livestock-edit-v010e10 .livestock-edit-b41-size-shell-v010b,
.livestock-edit-v010e10 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-right-v010e10: 24px;
    --metric-suffix-gap-v010e10: 5px;
    --metric-suffix-width-v010e10: 20px;
    --metric-input-padding-right-v010e10: 37px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-edit-v010e10 .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-width-v010e10: 24px;
    --metric-input-padding-right-v010e10: 65px;
}

.livestock-edit-v010e10 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-width-v010e10: 14px;
    --metric-input-padding-right-v010e10: 31px;
}

.livestock-edit-v010e10 .livestock-edit-b41-size-shell-v010b > input,
.livestock-edit-v010e10 .livestock-edit-b41-price-shell-v010b > input,
.livestock-edit-v010e10 .livestock-edit-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e10 .livestock-edit-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e10) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-edit-v010e10 .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b,
.livestock-edit-v010e10 .livestock-edit-b41-price-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e10) !important;
    min-width: var(--metric-suffix-width-v010e10) !important;
    max-width: var(--metric-suffix-width-v010e10) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e10) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e10 .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e11 - Besatz anlegen: cm-Suffixposition bleibt, Größenfeld-Platzhalter 0,0 entfernt. */
.livestock-edit-v010e11 .livestock-edit-b41-size-shell-v010b,
.livestock-edit-v010e11 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-right-v010e11: 24px;
    --metric-suffix-gap-v010e11: 5px;
    --metric-suffix-width-v010e11: 20px;
    --metric-input-padding-right-v010e11: 37px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-edit-v010e11 .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-width-v010e11: 24px;
    --metric-input-padding-right-v010e11: 65px;
}

.livestock-edit-v010e11 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-width-v010e11: 14px;
    --metric-input-padding-right-v010e11: 31px;
}

.livestock-edit-v010e11 .livestock-edit-b41-size-shell-v010b > input,
.livestock-edit-v010e11 .livestock-edit-b41-price-shell-v010b > input,
.livestock-edit-v010e11 .livestock-edit-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e11 .livestock-edit-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e11) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-edit-v010e11 .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b,
.livestock-edit-v010e11 .livestock-edit-b41-price-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e11) !important;
    min-width: var(--metric-suffix-width-v010e11) !important;
    max-width: var(--metric-suffix-width-v010e11) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e11) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e11 .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}

/* v0.10e12 - Besatz anlegen: cm-Suffixposition bleibt, Caret-Position im Größenfeld 20 px weiter links verankert. */
.livestock-edit-v010e12 .livestock-edit-b41-size-shell-v010b,
.livestock-edit-v010e12 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-right-v010e12: 24px;
    --metric-suffix-gap-v010e12: 5px;
    --metric-suffix-width-v010e12: 20px;
    --metric-input-padding-right-v010e12: 37px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-edit-v010e12 .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-width-v010e12: 24px;
    --metric-input-padding-right-v010e12: 85px;
}

.livestock-edit-v010e12 .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-width-v010e12: 14px;
    --metric-input-padding-right-v010e12: 31px;
}

.livestock-edit-v010e12 .livestock-edit-b41-size-shell-v010b > input,
.livestock-edit-v010e12 .livestock-edit-b41-price-shell-v010b > input,
.livestock-edit-v010e12 .livestock-edit-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"],
.livestock-edit-v010e12 .livestock-edit-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e12) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-edit-v010e12 .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b,
.livestock-edit-v010e12 .livestock-edit-b41-price-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e12) !important;
    min-width: var(--metric-suffix-width-v010e12) !important;
    max-width: var(--metric-suffix-width-v010e12) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e12) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e12 .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}


/* v0.10e13 - Besatz anlegen: Größe-Eingabezone endet vor dem cm-Suffix; Caret kann nicht mehr im cm-Bereich stehen. */
.livestock-edit-v010e13 .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-right-v010e13: 24px;
    --metric-suffix-width-v010e13: 24px;
    --metric-input-usable-width-v010e13: 56px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

.livestock-edit-v010e13 .livestock-edit-b41-size-shell-v010b:focus-within {
    outline: 2px solid rgba(11, 115, 183, .16) !important;
    outline-offset: 0 !important;
}

.livestock-edit-v010e13 .livestock-edit-b41-size-shell-v010b > input,
.livestock-edit-v010e13 .livestock-edit-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"] {
    grid-area: metric-control !important;
    justify-self: start !important;
    align-self: stretch !important;
    display: block !important;
    width: var(--metric-input-usable-width-v010e13) !important;
    min-width: var(--metric-input-usable-width-v010e13) !important;
    max-width: var(--metric-input-usable-width-v010e13) !important;
    inline-size: var(--metric-input-usable-width-v010e13) !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 8px 6px 8px 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: right !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

.livestock-edit-v010e13 .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e13) !important;
    min-width: var(--metric-suffix-width-v010e13) !important;
    max-width: var(--metric-suffix-width-v010e13) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e13) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    cursor: default !important;
    user-select: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e13 .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}


/* v0.10e14 - Besatz anlegen: v0.10e13-Gridlogik für cm zurücknehmen; Suffixposition beibehalten, Caret-Zone links davor verankern. */
.livestock-edit-v010e14 .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-right-v010e14: 24px;
    --metric-suffix-gap-v010e14: 5px;
    --metric-suffix-width-v010e14: 24px;
    position: relative !important;
    display: block !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

.livestock-edit-v010e14 .livestock-edit-b41-size-shell-v010b:focus-within {
    outline: 2px solid rgba(11, 115, 183, .16) !important;
    outline-offset: 0 !important;
}

.livestock-edit-v010e14 .livestock-edit-b41-size-shell-v010b > input,
.livestock-edit-v010e14 .livestock-edit-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: calc(100% - var(--metric-suffix-right-v010e14) - var(--metric-suffix-width-v010e14) - var(--metric-suffix-gap-v010e14)) !important;
    min-width: calc(100% - var(--metric-suffix-right-v010e14) - var(--metric-suffix-width-v010e14) - var(--metric-suffix-gap-v010e14)) !important;
    max-width: calc(100% - var(--metric-suffix-right-v010e14) - var(--metric-suffix-width-v010e14) - var(--metric-suffix-gap-v010e14)) !important;
    inline-size: calc(100% - var(--metric-suffix-right-v010e14) - var(--metric-suffix-width-v010e14) - var(--metric-suffix-gap-v010e14)) !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 8px 6px 8px 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: right !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

.livestock-edit-v010e14 .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    position: absolute !important;
    right: var(--metric-suffix-right-v010e14) !important;
    top: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    transform: none !important;
    width: var(--metric-suffix-width-v010e14) !important;
    min-width: var(--metric-suffix-width-v010e14) !important;
    max-width: var(--metric-suffix-width-v010e14) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    cursor: default !important;
    user-select: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .livestock-edit-v010e14 .livestock-edit-b41-pair-grid-v010b {
        grid-template-columns: 250px !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
}


/* v0.10e15 - Besatz anlegen: nur die cm-Suffixbox 15 px weiter nach rechts setzen; Eingabezone unverändert lassen. */
.livestock-edit-v010e15 .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    right: 9px !important;
}

/* v0.10e17 - Besatz anlegen: Größe-Block-1-Positionierung für cm-Suffixbox und Caret-Zone auf alle Größe/Kaufpreis-Blöcke übertragen. */
.livestock-edit-v010e17 [data-livestock-metric-pair-v010b] .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-right-v010e17: 9px;
    --metric-input-reference-right-v010e17: 24px;
    --metric-suffix-gap-v010e17: 5px;
    --metric-suffix-width-v010e17: 24px;
    position: relative !important;
    display: block !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

.livestock-edit-v010e17 [data-livestock-metric-pair-v010b] .livestock-edit-b41-size-shell-v010b:focus-within {
    outline: 2px solid rgba(11, 115, 183, .16) !important;
    outline-offset: 0 !important;
}

.livestock-edit-v010e17 [data-livestock-metric-pair-v010b] .livestock-edit-b41-size-shell-v010b > input,
.livestock-edit-v010e17 [data-livestock-metric-pair-v010b] .livestock-edit-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: calc(100% - var(--metric-input-reference-right-v010e17) - var(--metric-suffix-width-v010e17) - var(--metric-suffix-gap-v010e17)) !important;
    min-width: calc(100% - var(--metric-input-reference-right-v010e17) - var(--metric-suffix-width-v010e17) - var(--metric-suffix-gap-v010e17)) !important;
    max-width: calc(100% - var(--metric-input-reference-right-v010e17) - var(--metric-suffix-width-v010e17) - var(--metric-suffix-gap-v010e17)) !important;
    inline-size: calc(100% - var(--metric-input-reference-right-v010e17) - var(--metric-suffix-width-v010e17) - var(--metric-suffix-gap-v010e17)) !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 8px 6px 8px 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: right !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

.livestock-edit-v010e17 [data-livestock-metric-pair-v010b] .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    position: absolute !important;
    right: var(--metric-suffix-right-v010e17) !important;
    top: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    transform: none !important;
    width: var(--metric-suffix-width-v010e17) !important;
    min-width: var(--metric-suffix-width-v010e17) !important;
    max-width: var(--metric-suffix-width-v010e17) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    cursor: default !important;
    user-select: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}



/* v0.10e19 - Besatz anlegen: Block 1 bleibt Master; CSS-Zielregeln nur für Folgeblöcke ab Block 2. */
.livestock-edit-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-edit-b41-size-shell-v010b {
    --metric-suffix-right-v010e19-size: 9px;
    --metric-input-reference-right-v010e19-size: 24px;
    --metric-suffix-gap-v010e19-size: 5px;
    --metric-suffix-width-v010e19-size: 24px;
    position: relative !important;
    display: block !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}

.livestock-edit-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-edit-b41-size-shell-v010b > input,
.livestock-edit-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-edit-b41-size-shell-v010b > input[id^="livestock_qbild28_groesse_kaufdatum_"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: calc(100% - var(--metric-input-reference-right-v010e19-size) - var(--metric-suffix-width-v010e19-size) - var(--metric-suffix-gap-v010e19-size)) !important;
    min-width: calc(100% - var(--metric-input-reference-right-v010e19-size) - var(--metric-suffix-width-v010e19-size) - var(--metric-suffix-gap-v010e19-size)) !important;
    max-width: calc(100% - var(--metric-input-reference-right-v010e19-size) - var(--metric-suffix-width-v010e19-size) - var(--metric-suffix-gap-v010e19-size)) !important;
    inline-size: calc(100% - var(--metric-input-reference-right-v010e19-size) - var(--metric-suffix-width-v010e19-size) - var(--metric-suffix-gap-v010e19-size)) !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 8px 6px 8px 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: right !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

.livestock-edit-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    position: absolute !important;
    right: var(--metric-suffix-right-v010e19-size) !important;
    top: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    transform: none !important;
    width: var(--metric-suffix-width-v010e19-size) !important;
    min-width: var(--metric-suffix-width-v010e19-size) !important;
    max-width: var(--metric-suffix-width-v010e19-size) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    cursor: default !important;
    user-select: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}

.livestock-edit-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-edit-b41-price-shell-v010b {
    --metric-suffix-right-v010e19-price: 24px;
    --metric-suffix-width-v010e19-price: 14px;
    --metric-input-padding-right-v010e19-price: 31px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px !important;
    grid-template-areas: "metric-control" !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
}

.livestock-edit-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-edit-b41-price-shell-v010b > input,
.livestock-edit-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-edit-b41-price-shell-v010b > input[id^="livestock_qbild28_kaufpreis_tier_"] {
    grid-area: metric-control !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: var(--metric-input-padding-right-v010e19-price) !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

.livestock-edit-v010e19 [data-livestock-metric-pair-v010b]:not([data-livestock-metric-pair-v010b="1"]) .livestock-edit-b41-price-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    grid-area: metric-control !important;
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: stretch !important;
    width: var(--metric-suffix-width-v010e19-price) !important;
    min-width: var(--metric-suffix-width-v010e19-price) !important;
    max-width: var(--metric-suffix-width-v010e19-price) !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 var(--metric-suffix-right-v010e19-price) 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--muted, #5d6b7a) !important;
    font-size: 0.92em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

/* v0.10g: Futter aufnehmen - neue Pflichtfehler-Zeile und gesperrte Aktionsbuttons. */
.food-type-error-line-v010g {
    margin: 4px 0 12px;
    padding: 10px 12px;
    border: 1px solid #b00020;
    border-radius: 10px;
    background: #fff5f5;
    color: #b00020;
    font-weight: 800;
}

.food-type-page .food-action-row button.button:disabled,
.food-type-page .food-action-row button.button[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}


/* v0.10h: Futter aufnehmen - Fehlerzeile im Besatz-Design und Infofenster für Futterart. */
.food-type-page .food-type-error-line-v010h.notice.warning {
    margin: 10px 0 12px;
    padding: 12px 14px;
    border: 1px solid #f4b400;
    border-radius: 14px;
    background: #fffaf0;
    color: #835400;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.35;
    box-sizing: border-box;
}

.food-type-page .food-type-field .label-with-info {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.food-type-page .food-type-info-dot-v010h {
    flex: 0 0 auto;
}

.food-type-info-modal-v010h .food-type-info-dialog-v010h {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

.food-type-info-modal-v010h .food-type-info-dialog-v010h h2:focus {
    outline: none;
}

/* v0.10j: Besatzübersicht Abgangstabelle mit Infofenster und orange Überschrift in Futterübersicht. */
.livestock-overview-departure-section-v010j {
    margin-top: 24px;
}

.livestock-overview-departure-title-v010j {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    color: #003b7a;
    font-size: 1.08rem;
    font-weight: 800;
}

.livestock-overview-departure-info-dot-v010j {
    flex: 0 0 auto;
}

.livestock-overview-departure-info-modal-v010j .livestock-overview-departure-info-dialog-v010j {
    width: min(100%, 560px);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

.livestock-overview-departure-info-modal-v010j .livestock-overview-departure-info-dialog-v010j h2:focus {
    outline: none;
}

.livestock-overview-departure-info-modal-v010j .livestock-overview-departure-info-dialog-v010j h3 {
    margin: 18px 0 8px;
    color: #003b7a;
    font-size: 1rem;
}

.food-deleted-separator p {
    color: #f28c00;
}

/* v0.10j: Infofenster Abgang startet sichtbar oben. */
.livestock-overview-departure-info-modal-v010j {
    align-items: flex-start;
    padding-top: 20px;
}

/* v0.10k: Besatz ändern - abhängige Auswahlfelder und Lexikon-Aufruf optisch ausblenden. */
.livestock-edit-v010k .livestock-edit-lexicon-under-scientific,
.livestock-edit-v010k .livestock-edit-qbild07-lexicon-panel {
    display: none !important;
}

.livestock-edit-v010k #livestock_qbild06_deutscher_name[readonly],
.livestock-edit-v010k #livestock_deutscher_name[readonly] {
    cursor: default;
    background: #f8fafc;
}

/* v0.10m: Besatz ändern - Anzeigefelder und Änderung-am-Datum */
.livestock-edit-v010m .livestock-edit-b41-date-row {
    width: 654px !important;
    min-width: 654px !important;
    max-width: 654px !important;
    grid-template-columns: 160px 160px 150px 160px !important;
    column-gap: 8px !important;
}
.livestock-edit-v010m .livestock-edit-date-three-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.livestock-edit-v010m .livestock-edit-v010m-hidden-field,
.livestock-edit-v010m [data-livestock-field="nachzucht"],
.livestock-edit-v010m [data-livestock-field="zuechter_name"],
.livestock-edit-v010m [data-livestock-field="eigene_beobachtungen"],
.livestock-edit-v010m .livestock-edit-b41-info-block,
.livestock-edit-v010m .livestock-edit-b41-observation-block,
.livestock-edit-v010m .livestock-edit-qbild07-lexicon-panel {
    display: none !important;
}
.livestock-edit-v010m [data-livestock-readonly-display-v010m] {
    background: #f6f8fa !important;
    color: #334155 !important;
    cursor: default !important;
}
.livestock-edit-v010m .livestock-edit-b41-change-date-field-v010m input,
.livestock-edit-v010m .livestock-edit-change-date-field-v010m input {
    background: #fff !important;
}

/* v0.10m: Besatzübersicht - zusätzliche Becken-ID-Spalte */
.livestock-overview-v010m .livestock-overview-table-v009h {
    min-width: 1020px;
}
.livestock-overview-v010m .livestock-overview-table-v009h col.livestock-col-b-id { width: 5%; }
.livestock-overview-v010m .livestock-overview-table-v009h col.livestock-col-aquarium-id { width: 7%; }
.livestock-overview-v010m .livestock-overview-table-v009h col.livestock-col-tiergruppe { width: 12%; }
.livestock-overview-v010m .livestock-overview-table-v009h col.livestock-col-scientific { width: 26%; }
.livestock-overview-v010m .livestock-overview-table-v009h col.livestock-col-anzahl { width: 7%; }
.livestock-overview-v010m .livestock-overview-table-v009h col.livestock-col-groesse { width: 7%; }
.livestock-overview-v010m .livestock-overview-table-v009h col.livestock-col-besitz { width: 12%; }
.livestock-overview-v010m .livestock-overview-table-v009h col.livestock-col-alter { width: 17%; }
.livestock-overview-v010m .livestock-overview-table-v009h col.livestock-col-status { width: 7%; }
.livestock-overview-v010m .livestock-overview-table th.livestock-col-aquarium-id,
.livestock-overview-v010m .livestock-overview-table td.livestock-col-aquarium-id {
    text-align: center;
    white-space: nowrap;
}

/* v0.10n: Besatz ändern - Änderung/Größe/Lebensdauer und Abschluss-Beobachtung */
.livestock-edit-v010n .livestock-edit-b41-date-row {
    width: 486px !important;
    min-width: 486px !important;
    max-width: 486px !important;
    grid-template-columns: 160px 160px 150px !important;
    column-gap: 8px !important;
    row-gap: 10px !important;
}
.livestock-edit-v010n .livestock-edit-b41-change-date-field-v010m,
.livestock-edit-v010n .livestock-edit-b41-size-buy-field-v010n,
.livestock-edit-v010n .livestock-edit-b41-lifespan-field-v010n {
    grid-column: 1 !important;
}
.livestock-edit-v010n .livestock-edit-b41-final-block-v010n {
    display: grid !important;
    grid-template-columns: 320px 320px !important;
    gap: 16px !important;
    margin-top: 14px !important;
    align-items: start !important;
}
.livestock-edit-v010n .livestock-edit-b41-final-block-v010n textarea,
.livestock-edit-v010n .livestock-edit-final-observation-field-v010n textarea,
.livestock-edit-v010n .livestock-edit-observation-field textarea {
    min-height: 92px !important;
    resize: vertical !important;
}
.livestock-edit-v010n .livestock-edit-b41-old-observation-field-v010n textarea[readonly],
.livestock-edit-v010n .livestock-edit-observation-field textarea[readonly] {
    background: #f6f8fa !important;
    color: #334155 !important;
    cursor: default !important;
}
.livestock-edit-v010n .livestock-edit-date-three-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.livestock-edit-v010n .livestock-edit-change-date-field-v010m,
.livestock-edit-v010n .livestock-edit-size-buy-field-v010n,
.livestock-edit-v010n .livestock-edit-lifespan-field-v010n {
    grid-column: 1 !important;
}
.livestock-edit-v010n [data-livestock-field="eigene_beobachtungen"],
.livestock-edit-v010n [data-livestock-field="abschluss_beobachtung"],
.livestock-edit-v010n .livestock-edit-observation-field,
.livestock-edit-v010n .livestock-edit-final-observation-field-v010n {
    display: block !important;
}

/* v0.10s: Besatz anlegen - Infofenster Beckenstart/Datumsfelder. */
.livestock-beckenstart-info-modal-v010s .livestock-beckenstart-info-dialog-v010s {
    max-width: 720px;
}
.livestock-beckenstart-info-modal-v010s .livestock-beckenstart-info-dialog-v010s h2:focus {
    outline: none;
}
.livestock-beckenstart-info-link-v010s {
    margin-left: 6px;
}

/* v0.10u: Besatz ändern - Alter entfernt, Größe beim Kauf oben, Grund der Änderung unter Änderung am. */
.livestock-edit-v010u .livestock-edit-b41-date-row {
    width: 486px !important;
    min-width: 486px !important;
    max-width: 486px !important;
    grid-template-columns: 160px 160px 150px !important;
    column-gap: 8px !important;
    row-gap: 10px !important;
}
.livestock-edit-v010u .livestock-edit-b41-change-date-field-v010m,
.livestock-edit-v010u .livestock-edit-b41-lifespan-field-v010n {
    grid-column: 1 !important;
}
.livestock-edit-v010u .livestock-edit-b41-change-reason-field-v010u {
    grid-column: 1 / span 3 !important;
}
.livestock-edit-v010u .livestock-edit-b41-change-reason-field-v010u select,
.livestock-edit-v010u .livestock-edit-change-reason-field-v010u select {
    width: 100% !important;
    box-sizing: border-box !important;
}
.livestock-edit-v010u .livestock-edit-change-reason-field-v010u {
    grid-column: 1 / span 3 !important;
}

/* v0.10v: Besatz ändern - Lebensdauer, Größe beim Kauf und Grund der Änderung exakt positionieren. */
.livestock-edit-v010v .livestock-edit-b41-date-row {
    width: 526px !important;
    min-width: 526px !important;
    max-width: 526px !important;
    grid-template-columns: 160px 160px 190px !important;
    column-gap: 8px !important;
    row-gap: 10px !important;
    position: relative !important;
}
.livestock-edit-v010v .livestock-edit-b41-size-buy-field-v010u {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
}
.livestock-edit-v010v .livestock-edit-b41-size-buy-field-v010u .livestock-edit-b41-size-shell-v010b,
.livestock-edit-v010v .livestock-edit-b41-size-buy-field-v010u .livestock-edit-b41-metric-shell-v010b,
.livestock-edit-v010v .livestock-edit-b41-size-buy-field-v010u input {
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
}
.livestock-edit-v010v .livestock-edit-b41-lifespan-field-v010n {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-left: 270px !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
}
.livestock-edit-v010v .livestock-edit-b41-lifespan-field-v010n input {
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    box-sizing: border-box !important;
}
.livestock-edit-v010v .livestock-edit-b41-change-reason-field-v010u {
    grid-column: 1 !important;
    grid-row: 3 !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
.livestock-edit-v010v .livestock-edit-b41-change-reason-field-v010u label,
.livestock-edit-v010v .livestock-edit-change-reason-field-v010u label {
    white-space: nowrap !important;
}
.livestock-edit-v010v .livestock-edit-b41-change-reason-field-v010u select,
.livestock-edit-v010v .livestock-edit-change-reason-field-v010u select {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    box-sizing: border-box !important;
}


/* v0.10w3: Besatz ändern - Änderung am fest unter erworben am und Größe-beim-Kauf-Anzeigewert 80 px von rechts. */
.livestock-edit-v010w3 .livestock-edit-b41-change-date-field-v010m {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-left: 0 !important;
}
.livestock-edit-v010w3 .livestock-edit-b41-size-buy-field-v010u #livestock_qbild19_groesse_beim_kauf {
    text-align: right !important;
    padding-right: 80px !important;
    box-sizing: border-box !important;
}

/* v0.10w4: Besatz ändern - Lebensdauer nach links/breiter und Größe-beim-Kauf-Anzeige breiter/rechts. */
.livestock-edit-v010w4 .livestock-edit-b41-lifespan-field-v010n {
    margin-left: 190px !important;
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
}
.livestock-edit-v010w4 .livestock-edit-b41-lifespan-field-v010n input {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
    box-sizing: border-box !important;
}
.livestock-edit-v010w4 .livestock-edit-b41-size-buy-field-v010u {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
.livestock-edit-v010w4 .livestock-edit-b41-size-buy-field-v010u .livestock-edit-b41-size-shell-v010b,
.livestock-edit-v010w4 .livestock-edit-b41-size-buy-field-v010u .livestock-edit-b41-metric-shell-v010b,
.livestock-edit-v010w4 .livestock-edit-b41-size-buy-field-v010u input {
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
}
.livestock-edit-v010w4 .livestock-edit-b41-size-buy-field-v010u #livestock_qbild19_groesse_beim_kauf {
    text-align: right !important;
    padding-right: 100px !important;
    box-sizing: border-box !important;
}



/* v0.10x: Besatz ändern - Grund der Änderung breiter, unterer Feldfehler ausgeblendet, Größe-beim-Kauf-Wert 40 px weiter rechts. */
.livestock-edit-v010x .livestock-edit-b41-change-reason-field-v010u {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
}
.livestock-edit-v010x .livestock-edit-b41-change-reason-field-v010u select,
.livestock-edit-v010x .livestock-edit-change-reason-field-v010u select {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
    box-sizing: border-box !important;
}
.livestock-edit-v010x .livestock-edit-change-reason-error-v010u {
    display: none !important;
}
.livestock-edit-v010x .livestock-edit-b41-size-buy-field-v010u #livestock_qbild19_groesse_beim_kauf {
    text-align: right !important;
    padding-right: 60px !important;
    box-sizing: border-box !important;
}

/* v0.10x1: Besatz ändern - dynamische Formularfläche, reduzierte Felder und einzelner Speichern-Button. */
section.card.livestock-edit-page.livestock-edit-v010x1,
.card.livestock-edit-page.livestock-edit-v010x1 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}
.livestock-edit-v010x1 .livestock-edit-surface-form,
.livestock-edit-v010x1 .livestock-edit-qbild05-layout,
.livestock-edit-v010x1 .livestock-edit-b41-layout {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}
.livestock-edit-v010x1 .livestock-edit-b41-layout {
    row-gap: 14px !important;
    align-content: start !important;
}
.livestock-edit-v010x1 .livestock-edit-b41-final-block-v010n {
    display: grid !important;
    grid-template-columns: 500px !important;
    column-gap: 0 !important;
    row-gap: 14px !important;
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    align-items: start !important;
}
.livestock-edit-v010x1 .livestock-edit-b41-final-block-v010n .livestock-edit-b41-final-observation-field-v010n,
.livestock-edit-v010x1 .livestock-edit-b41-final-block-v010n .livestock-edit-b41-old-observation-field-v010n {
    grid-column: 1 !important;
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
}
.livestock-edit-v010x1 .livestock-edit-b41-final-block-v010n textarea {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    box-sizing: border-box !important;
}
.livestock-edit-v010x1 .livestock-edit-b41-size-buy-field-v010u {
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
}
.livestock-edit-v010x1 .livestock-edit-b41-size-buy-field-v010u .livestock-edit-b41-size-shell-v010b,
.livestock-edit-v010x1 .livestock-edit-b41-size-buy-field-v010u .livestock-edit-b41-metric-shell-v010b,
.livestock-edit-v010x1 .livestock-edit-b41-size-buy-field-v010u input {
    width: 185px !important;
    min-width: 185px !important;
    max-width: 185px !important;
    box-sizing: border-box !important;
}
.livestock-edit-v010x1 .livestock-edit-b41-size-buy-field-v010u .livestock-edit-b41-size-shell-v010b > .livestock-edit-b41-metric-unit-v010b {
    right: 29px !important;
}
.livestock-edit-v010x1 .livestock-edit-b41-size-buy-field-v010u #livestock_qbild19_groesse_beim_kauf {
    text-align: right !important;
    padding-right: 60px !important;
    box-sizing: border-box !important;
}


/* v0.10x2: Besatz anlegen/ändern - dynamische weiße Formularfläche ohne feste Unterhöhe. */
section.card.livestock-create-page.livestock-create-v010x2,
.card.livestock-create-page.livestock-create-v010x2,
section.card.livestock-edit-page.livestock-edit-v010x2,
.card.livestock-edit-page.livestock-edit-v010x2 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}
.livestock-create-v010x2 .livestock-surface-form,
.livestock-create-v010x2 .livestock-qbild05-layout,
.livestock-create-v010x2 .livestock-qbild06-layout,
.livestock-create-v010x2 .livestock-qbild13-layout,
.livestock-create-v010x2 .livestock-b41-layout,
.livestock-edit-v010x2 .livestock-edit-surface-form,
.livestock-edit-v010x2 .livestock-edit-qbild05-layout,
.livestock-edit-v010x2 .livestock-edit-qbild06-layout,
.livestock-edit-v010x2 .livestock-edit-qbild13-layout,
.livestock-edit-v010x2 .livestock-edit-b41-layout {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    align-content: start !important;
}
.livestock-create-v010x2 .livestock-b41-layout,
.livestock-edit-v010x2 .livestock-edit-b41-layout {
    row-gap: 14px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.livestock-create-v010x2 .livestock-b44-visible-action-row,
.livestock-create-v010x2 .livestock-b44-visible-save-lock-hint,
.livestock-edit-v010x2 .livestock-edit-b44-visible-action-row,
.livestock-edit-v010x2 .livestock-edit-b44-visible-save-lock-hint {
    margin-bottom: 0 !important;
}

/* v0.11a: Besatzübersicht - wiederaufgetaucht / zurück in den Bestand */
.livestock-overview-departure-title-v011a {
    display: flex;
    align-items: center;
    gap: 12px;
}

.livestock-overview-departure-title-v011a > span:first-child {
    flex: 1 1 auto;
}

.livestock-overview-departure-actions-v011a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.livestock-overview-return-toggle-v011a {
    white-space: nowrap;
}

.livestock-overview-return-submit-v011a {
    margin-top: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #14823b;
    font-weight: 700;
    cursor: pointer;
}

.livestock-overview-return-submit-v011a:hover,
.livestock-overview-return-submit-v011a:focus {
    text-decoration: underline;
}

.livestock-col-return-v011a {
    text-align: center;
    width: 70px;
}

/* v0.11b: Besatzübersicht - passive Tabelle ohne Anzahl, mit Lebensdauer und schmaler Abgang-Spalte. */
.livestock-overview-v011b .livestock-overview-table-v009h td.livestock-col-alter,
.livestock-overview-v011b .livestock-overview-table-v009h th.livestock-col-alter,
.livestock-overview-v011b .livestock-overview-table-v009h td.livestock-col-status,
.livestock-overview-v011b .livestock-overview-table-v009h th.livestock-col-status {
    white-space: nowrap;
}
.livestock-overview-v011b .livestock-overview-departure-table-v011b {
    min-width: 960px;
}
.livestock-overview-v011b .livestock-overview-departure-table-v011b col.livestock-col-b-id { width: 5%; }
.livestock-overview-v011b .livestock-overview-departure-table-v011b col.livestock-col-aquarium-id { width: 7%; }
.livestock-overview-v011b .livestock-overview-departure-table-v011b col.livestock-col-tiergruppe { width: 13%; }
.livestock-overview-v011b .livestock-overview-departure-table-v011b col.livestock-col-scientific { width: 27%; }
.livestock-overview-v011b .livestock-overview-departure-table-v011b col.livestock-col-groesse { width: 7%; }
.livestock-overview-v011b .livestock-overview-departure-table-v011b col.livestock-col-besitz { width: 12%; }
.livestock-overview-v011b .livestock-overview-departure-table-v011b col.livestock-col-alter { width: 16%; }
.livestock-overview-v011b .livestock-overview-departure-table-v011b col.livestock-col-status { width: 9%; }
.livestock-overview-v011b .livestock-overview-departure-table-v011b col.livestock-col-return-v011a { width: 4%; }

/* v0.11c: Besatzübersicht - kompakte IDs, Rückgabe-Button in der Überschrift und Dauer-Sortierung. */
.livestock-overview-v011c .livestock-overview-table-v009h td.livestock-col-alter {
    text-align: right;
    white-space: nowrap;
}

.livestock-overview-v011c .livestock-overview-table-v009h th.livestock-col-alter button {
    text-align: right;
}

.livestock-overview-v011c .livestock-overview-table-v009h th.livestock-col-aquarium-id button,
.livestock-overview-v011c .livestock-overview-table-v009h td.livestock-col-aquarium-id,
.livestock-overview-v011c .livestock-overview-table-v009h th.livestock-col-return-v011a,
.livestock-overview-v011c .livestock-overview-table-v009h td.livestock-col-return-v011a {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.livestock-overview-v011c .livestock-overview-departure-title-v011c {
    flex-wrap: nowrap;
}

.livestock-overview-v011c .livestock-overview-return-submit-v011a {
    margin: 0 10px 0 12px;
    padding: 2px 8px;
    border: 1px solid #14823b;
    border-radius: 5px;
    background: transparent;
    color: #14823b;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.livestock-overview-v011c .livestock-overview-return-submit-v011a:hover,
.livestock-overview-v011c .livestock-overview-return-submit-v011a:focus {
    text-decoration: none;
    outline: 2px solid rgba(20, 130, 59, 0.25);
    outline-offset: 2px;
}

.livestock-overview-v011c .livestock-overview-departure-table-v011b col.livestock-col-tiergruppe {
    width: 12%;
}

.livestock-overview-v011c .livestock-overview-departure-table-v011b col.livestock-col-scientific {
    width: 26%;
}

.livestock-overview-v011c .livestock-overview-departure-table-v011b col.livestock-col-alter {
    width: 14%;
}

.livestock-overview-v011c .livestock-overview-departure-table-v011b col.livestock-col-return-v011a {
    width: 8%;
    min-width: 80px;
}

.livestock-overview-v011c .livestock-overview-departure-table-v011b th.livestock-col-return-v011a,
.livestock-overview-v011c .livestock-overview-departure-table-v011b td.livestock-col-return-v011a {
    min-width: 80px;
    text-align: center;
}

/* v0.11e: Besatzübersicht - Outline-Buttons und kontrollierte Spaltenbreiten gemäß Ansicht. */
.livestock-overview-v011e .livestock-overview-show-submit-v011e,
.livestock-overview-v011e .livestock-overview-return-submit-v011e {
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 12px;
    border-width: 1px;
    background: #fff;
    box-shadow: none;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    text-decoration: none;
}

.livestock-overview-v011e .livestock-overview-show-submit-v011e {
    border-color: var(--primary, #0b79bf);
    color: var(--primary, #0b79bf);
}

.livestock-overview-v011e .livestock-overview-return-submit-v011e {
    margin: 0 10px 0 12px;
    border-color: #14823b;
    color: #14823b;
}

.livestock-overview-v011e .livestock-overview-show-submit-v011e:hover,
.livestock-overview-v011e .livestock-overview-show-submit-v011e:focus,
.livestock-overview-v011e .livestock-overview-return-submit-v011e:hover,
.livestock-overview-v011e .livestock-overview-return-submit-v011e:focus {
    background: #fff;
    text-decoration: none;
    outline: 2px solid rgba(11, 121, 191, 0.22);
    outline-offset: 2px;
}

.livestock-overview-v011e .livestock-overview-return-submit-v011e:hover,
.livestock-overview-v011e .livestock-overview-return-submit-v011e:focus {
    outline-color: rgba(20, 130, 59, 0.25);
}

.livestock-overview-v011e .livestock-overview-table-v009h {
    table-layout: fixed;
    min-width: 1040px;
}

.livestock-overview-v011e .livestock-overview-table-v009h col.livestock-col-b-id { width: 5%; }
.livestock-overview-v011e .livestock-overview-table-v009h col.livestock-col-aquarium-id { width: 7%; }
.livestock-overview-v011e .livestock-overview-table-v009h col.livestock-col-tiergruppe { width: 12%; }
.livestock-overview-v011e .livestock-overview-table-v009h col.livestock-col-scientific { width: 24%; }
.livestock-overview-v011e .livestock-overview-table-v009h col.livestock-col-anzahl { width: 6%; }
.livestock-overview-v011e .livestock-overview-table-v009h col.livestock-col-groesse { width: 10%; }
.livestock-overview-v011e .livestock-overview-table-v009h col.livestock-col-besitz { width: 12%; }
.livestock-overview-v011e .livestock-overview-table-v009h col.livestock-col-alter { width: 17%; }
.livestock-overview-v011e .livestock-overview-table-v009h col.livestock-col-status { width: 7%; }

.livestock-overview-v011e .livestock-overview-departure-table-v011b col.livestock-col-b-id { width: 5%; }
.livestock-overview-v011e .livestock-overview-departure-table-v011b col.livestock-col-aquarium-id { width: 7%; }
.livestock-overview-v011e .livestock-overview-departure-table-v011b col.livestock-col-tiergruppe { width: 12%; }
.livestock-overview-v011e .livestock-overview-departure-table-v011b col.livestock-col-scientific { width: 26%; }
.livestock-overview-v011e .livestock-overview-departure-table-v011b col.livestock-col-groesse { width: 8%; }
.livestock-overview-v011e .livestock-overview-departure-table-v011b col.livestock-col-besitz { width: 12%; }
.livestock-overview-v011e .livestock-overview-departure-table-v011b col.livestock-col-alter { width: 15%; }
.livestock-overview-v011e .livestock-overview-departure-table-v011b col.livestock-col-status { width: 9%; }
.livestock-overview-v011e .livestock-overview-departure-table-v011b col.livestock-col-return-v011a { width: 6%; min-width: 82px; }

.livestock-overview-v011e .livestock-overview-table-v009h th,
.livestock-overview-v011e .livestock-overview-table-v009h td {
    overflow-wrap: normal;
    word-break: normal;
}

.livestock-overview-v011e .livestock-overview-table-v009h th.livestock-col-groesse,
.livestock-overview-v011e .livestock-overview-table-v009h td.livestock-col-groesse,
.livestock-overview-v011e .livestock-overview-table-v009h th.livestock-col-besitz,
.livestock-overview-v011e .livestock-overview-table-v009h td.livestock-col-besitz,
.livestock-overview-v011e .livestock-overview-table-v009h th.livestock-col-status,
.livestock-overview-v011e .livestock-overview-table-v009h td.livestock-col-status,
.livestock-overview-v011e .livestock-overview-table-v009h th.livestock-col-return-v011a,
.livestock-overview-v011e .livestock-overview-table-v009h td.livestock-col-return-v011a {
    white-space: nowrap;
}

.livestock-overview-v011e .livestock-overview-table-v009h th.livestock-col-return-v011a,
.livestock-overview-v011e .livestock-overview-table-v009h td.livestock-col-return-v011a {
    min-width: 82px;
    text-align: center;
}


/* v0.11g: Besatzübersicht - technische Becken-ID-Spalte ausblenden */
.livestock-overview-v011g .livestock-overview-table-v009h col.livestock-col-aquarium-id,
.livestock-overview-v011g .livestock-overview-table-v009h th.livestock-col-aquarium-id,
.livestock-overview-v011g .livestock-overview-table-v009h td.livestock-col-aquarium-id {
    display: none !important;
}

/* v0.11g: Mein Tagebuch - wissenschaftlichen Namen kompakt umbrechen */
.diary-table-v011g .diary-col-art_des_eintrages .diary-scientific-wrap-v011g {
    display: inline-block;
    line-height: 1.15;
}

/* v0.11h: Anzeigen-Buttons optisch vereinheitlichen wie Besatzübersicht */
.show-button-v011h,
button.show-button-v011h,
.livestock-overview-v011e .livestock-overview-show-submit-v011e {
    background: #fff !important;
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    box-shadow: none;
}

.show-button-v011h:hover,
.show-button-v011h:focus,
button.show-button-v011h:hover,
button.show-button-v011h:focus {
    background: #fff !important;
    color: var(--primary) !important;
    text-decoration: none;
    outline: 2px solid rgba(11, 121, 191, 0.22);
    outline-offset: 2px;
}

.technology-overview-page-v011h .technology-table-block + .technology-table-block {
    margin-top: 28px;
}

.technology-overview-page-v011h .technology-table-block-inactive-v011h h2 {
    margin: 0 0 12px;
}

.technology-aquarium-hardwrap-v011h {
    display: inline-block;
    line-height: 1.15;
    white-space: normal;
}

.cost-position-form-v011h {
    margin-top: 18px;
}

.cost-position-table-v011h {
    display: grid;
    grid-template-columns: minmax(160px, 220px) minmax(220px, 420px);
    gap: 10px 14px;
    max-width: 700px;
}

.cost-position-row-v011h {
    display: contents;
}

.cost-position-row-v011h label {
    font-weight: 700;
    align-self: center;
}

.cost-position-row-v011h input,
.cost-position-row-v011h select,
.cost-position-euro-input-v011h {
    width: 100%;
}

.cost-position-euro-input-v011h {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cost-position-euro-input-v011h span {
    font-weight: 700;
}

.cost-position-action-row-v011h,
.messgeraete-action-row-v011h,
.costs-book-filter-form-v011h,
.appointments-filter-form-v011h {
    margin-top: 18px;
}

.costs-book-filter-form-v011h {
    margin-bottom: 18px;
}

.messgeraet-create-page-v011h p a,
.technology-create-page .technology-description-block a {
    font-weight: 700;
}

@media (max-width: 760px) {
    .cost-position-table-v011h {
        grid-template-columns: 1fr;
    }
    .cost-position-row-v011h {
        display: grid;
        gap: 6px;
    }
}

/* v0.11i: Kostenrechner Stromdaten zweispaltig und mit Gültigkeitsdatum */
.costs-power-block-v011i {
    grid-template-columns: minmax(170px, 240px) minmax(180px, 280px);
    align-items: center;
    max-width: 760px;
}

.costs-two-column-field-v011i,
.costs-two-column-action-v011i {
    display: contents;
}

.costs-two-column-field-v011i label,
.costs-analysis-choice-v011i legend {
    align-self: center;
}

.costs-two-column-field-v011i > input,
.costs-two-column-field-v011i > select,
.costs-two-column-field-v011i > .calendar-input-shell,
.costs-euro-input-v011i,
.costs-two-column-action-v011i > .button {
    max-width: 260px;
    width: 100%;
}

.costs-euro-input-v011i {
    position: relative;
    display: block;
}

.costs-euro-input-v011i input {
    width: 100%;
    max-width: none;
    padding-right: 30px;
}

.costs-euro-input-v011i span {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.costs-analysis-choice-v011i {
    grid-column: 1 / -1;
    margin-top: 6px;
}

@media (max-width: 800px) {
    .costs-power-block-v011i {
        grid-template-columns: 1fr;
        max-width: none;
    }
    .costs-two-column-field-v011i,
    .costs-two-column-action-v011i {
        display: grid;
        gap: 6px;
    }
    .costs-two-column-action-v011i > span {
        display: none;
    }
}

/* v0.11i: Technik-Übersicht zweite Überschrift orange */
.technology-overview-page-v011h .technology-table-block-inactive-v011h h2 {
    color: #d97706;
}

/* v0.11i: Kostenbuch Zeitraum und Ergebniszeile */
.costs-book-filter-form-v011i {
    display: grid;
    gap: 14px;
}

.costs-book-range-row-v011i {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.costs-book-range-row-v011i > label {
    font-weight: 800;
}

.costs-book-range-row-v011i .calendar-input-shell {
    max-width: 170px;
}

.costs-book-table-v011i .costs-book-euro-cell-v011i {
    text-align: right;
    white-space: nowrap;
}

.costs-book-result-row-v011i td {
    font-weight: 800;
    background: #f7f9fb;
    border-top: 2px solid var(--border);
}

/* v0.11i: Technik anlegen Buttons */
.technology-action-row-v011i {
    align-items: center;
    flex-wrap: wrap;
}

.technology-two-line-button-v011i {
    line-height: 1.15;
    white-space: normal;
}

/* v0.11j2: Technik anlegen + Messgerät anlegen - Seiten- und Feldbreiten weiter reduziert.
   Ausgang v0.11j: Seite 1050px -> neu 820px; Felder 320px -> neu 270px. */
.technology-create-page,
.messgeraet-create-page-v011h {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.technology-create-page .technology-entry-fields .form-field,
.messgeraet-create-page-v011h .technology-entry-fields .form-field {
    grid-template-columns: minmax(170px, 240px) minmax(220px, 270px);
}

@media (max-width: 700px) {
    .technology-create-page .technology-entry-fields .form-field,
    .messgeraet-create-page-v011h .technology-entry-fields .form-field {
        grid-template-columns: 1fr;
    }
}



/* v0.11j3: Technik anlegen + Messgerät anlegen - weitere Breitenreduzierung.
   Ausgang v0.11j2: Seite 820px -> neu 670px; Felder 270px -> neu 250px. */
.technology-create-page,
.messgeraet-create-page-v011h {
    max-width: 670px;
}

.technology-create-page .technology-entry-fields .form-field,
.messgeraet-create-page-v011h .technology-entry-fields .form-field {
    grid-template-columns: minmax(170px, 240px) minmax(220px, 250px);
}

.technology-action-row-v011i .technology-two-line-button-v011i {
    line-height: 1.15;
    white-space: normal;
    text-align: center;
}

/* v0.11k1/v0.11k2: Kostenrechner - Stromdaten-Block vierteilig, Seitencontainer/Karte unverändert */
.costs-power-block-v011k1 {
    display: grid;
    grid-template-columns: 260px 80px 130px 100px;
    gap: 8px 16px;
    align-items: start;
    width: 100%;
    max-width: 1130px;
}

.costs-power-block-v011k1 .costs-power-column-v011k1 {
    display: grid;
    gap: 6px;
    align-content: start;
    min-width: 0;
}

.costs-power-block-v011k1 .costs-power-column-v011k1 label,
.costs-power-block-v011k1 .costs-save-label-v011k1 {
    align-self: end;
    font-weight: 800;
    line-height: 1.2;
    min-height: 34px;
}

.costs-power-block-v011k1 .costs-power-provider-v011k1 > input {
    width: 100%;
    max-width: 260px;
}

.costs-power-block-v011k1 .costs-euro-input-v011k1 {
    width: 80px;
    max-width: 80px;
}

.costs-power-block-v011k1 .costs-euro-input-v011k1 input {
    width: 80px;
    max-width: 80px;
    padding-right: 22px;
}

.costs-power-block-v011k1 .costs-euro-input-v011k1 span {
    right: 7px;
}

.costs-power-block-v011k1 .costs-date-v011k1 {
    width: 130px;
    max-width: 130px;
}

.costs-power-block-v011k1 .costs-date-v011k1 input[type="text"] {
    width: 130px;
    max-width: 130px;
    padding-right: 34px;
}

.costs-power-block-v011k1 .costs-date-v011k1 .calendar-icon-button {
    width: 32px;
}

.costs-power-block-v011k1 .costs-power-save-v011k1 > .button {
    width: 100px;
    max-width: 100px;
    min-height: 44px;
    padding-left: 8px;
    padding-right: 8px;
    white-space: normal;
    line-height: 1.1;
}

.costs-analysis-choice-v011k1 {
    grid-column: 1 / -1;
    margin-top: 6px;
}

@media (max-width: 760px) {
    .costs-power-block-v011k1 {
        grid-template-columns: 1fr;
        max-width: none;
    }
    .costs-power-block-v011k1 .costs-power-column-v011k1 label,
    .costs-power-block-v011k1 .costs-save-label-v011k1 {
        min-height: 0;
    }
}


/* v0.11k3: Kostenrechner - Überschriften/Felder zeilenweise, Strompreis 130px, Datum 200px, Button ohne Überschrift */
.costs-power-block-v011k3 {
    grid-template-columns: 260px 130px 200px 100px;
}

.costs-power-block-v011k3 .costs-euro-input-v011k1 {
    width: 130px;
    max-width: 130px;
}

.costs-power-block-v011k3 .costs-euro-input-v011k1 input {
    width: 130px;
    max-width: 130px;
    padding-right: 24px;
}

.costs-power-block-v011k3 .costs-date-v011k1 {
    width: 200px;
    max-width: 200px;
}

.costs-power-block-v011k3 .costs-date-v011k1 input[type="text"] {
    width: 200px;
    max-width: 200px;
}

.costs-power-block-v011k3 .costs-save-label-v011k1 {
    visibility: hidden;
}


/* v0.11k4: Kostenrechner - Radio-Button Kostenanalyse zweizeilig auf Linie des Buttons Stromdaten speichern */
.costs-power-block-v011k4 {
    grid-template-columns: 260px 130px 200px 100px 150px;
}

.costs-power-block-v011k4 .costs-analysis-choice-v011k4 {
    grid-column: auto;
    margin: 0;
    padding: 0;
    border: 0;
    display: grid;
    grid-template-rows: minmax(34px, auto) auto;
    gap: 6px;
    align-self: start;
    min-width: 0;
}

.costs-power-block-v011k4 .costs-analysis-choice-v011k4 legend {
    display: block;
    float: none;
    width: 100%;
    min-height: 34px;
    padding: 0;
    margin: 0;
    font-weight: 800;
    line-height: 1.1;
}

.costs-power-block-v011k4 .costs-analysis-choice-v011k4 legend span {
    display: block;
}

.costs-power-block-v011k4 .costs-analysis-options-v011k4 {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    white-space: nowrap;
}

.costs-power-block-v011k4 .costs-analysis-options-v011k4 label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
}

@media (max-width: 920px) {
    .costs-power-block-v011k4 {
        grid-template-columns: 1fr;
        max-width: none;
    }
    .costs-power-block-v011k4 .costs-analysis-choice-v011k4 legend {
        min-height: 0;
    }
}


/* v0.11k5: Kostenrechner - Stromdatenblock Felder und Bedienelemente exakt auf eine Linie und gleich hoch */
.costs-power-block-v011k5 {
    align-items: start;
}

.costs-power-block-v011k5 .costs-power-column-v011k1 {
    grid-template-rows: 44px 54px;
    gap: 6px;
}

.costs-power-block-v011k5 .costs-analysis-choice-v011k4 {
    grid-template-rows: 44px 54px;
    gap: 6px;
}

.costs-power-block-v011k5 .costs-power-column-v011k1 label,
.costs-power-block-v011k5 .costs-save-label-v011k1,
.costs-power-block-v011k5 .costs-analysis-choice-v011k4 legend {
    min-height: 44px;
    height: 44px;
    line-height: 1.12;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
}

.costs-power-block-v011k5 .costs-analysis-choice-v011k4 legend {
    flex-direction: column;
}

.costs-power-block-v011k5 .costs-power-provider-v011k1 > input,
.costs-power-block-v011k5 .costs-euro-input-v011k1,
.costs-power-block-v011k5 .costs-euro-input-v011k1 input,
.costs-power-block-v011k5 .costs-date-v011k1,
.costs-power-block-v011k5 .costs-date-v011k1 input[type="text"],
.costs-power-block-v011k5 .costs-power-save-v011k1 > .button,
.costs-power-block-v011k5 .costs-analysis-options-v011k4 {
    height: 54px;
    min-height: 54px;
    box-sizing: border-box;
}

.costs-power-block-v011k5 .costs-date-v011k1 .calendar-icon-button {
    height: calc(54px - 2px);
}

.costs-power-block-v011k5 .costs-analysis-options-v011k4 {
    align-items: center;
}

@media (max-width: 920px) {
    .costs-power-block-v011k5 .costs-power-column-v011k1,
    .costs-power-block-v011k5 .costs-analysis-choice-v011k4 {
        grid-template-rows: auto auto;
    }
    .costs-power-block-v011k5 .costs-power-column-v011k1 label,
    .costs-power-block-v011k5 .costs-save-label-v011k1,
    .costs-power-block-v011k5 .costs-analysis-choice-v011k4 legend {
        min-height: 0;
        height: auto;
    }
}


/* v0.11l: Kostenrechner - Stromanbieter zweizeilig, breiteres Feld und Gültigkeitszeilen-Anzeige */
.costs-power-block-v011l {
    grid-template-columns: 340px 130px 200px 100px 150px;
}

.costs-power-block-v011l .costs-power-provider-v011k1 > input {
    width: 340px;
    max-width: 340px;
}

.costs-power-block-v011l .costs-power-provider-v011k1 label {
    flex-direction: column;
}

.costs-power-block-v011l .costs-power-save-v011k1 > .button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.costs-power-duplicate-v011l {
    margin-top: 8px;
}

.costs-display-field-v011l {
    width: 100%;
    height: 54px;
    min-height: 54px;
    box-sizing: border-box;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #f8fafc;
    color: var(--text);
    display: flex;
    align-items: center;
    padding: 0 14px;
}

.costs-display-field-price-v011l {
    justify-content: space-between;
    padding-right: 10px;
}

.costs-display-field-button-placeholder-v011l {
    border-color: transparent;
    background: transparent;
    padding: 0;
}

.costs-radio-display-v011l {
    color: var(--muted);
    pointer-events: none;
}

@media (max-width: 1050px) {
    .costs-power-block-v011l {
        grid-template-columns: 1fr;
        max-width: none;
    }
    .costs-power-block-v011l .costs-power-provider-v011k1 > input,
    .costs-power-block-v011l .costs-euro-input-v011k1,
    .costs-power-block-v011l .costs-euro-input-v011k1 input,
    .costs-power-block-v011l .costs-date-v011k1,
    .costs-power-block-v011l .costs-date-v011k1 input[type="text"],
    .costs-power-block-v011l .costs-power-save-v011k1 > .button {
        width: 100%;
        max-width: none;
    }
}


/* v0.11l1: Kostenrechner - Stromanbieter-Feld sichtbar um 50px verbreitert und Speicherprüfung erweitert */
.costs-power-block-v011l1 {
    grid-template-columns: 390px 130px 200px 100px 150px;
}

.costs-power-block-v011l1 .costs-power-provider-v011k1 > input {
    width: 390px;
    max-width: 390px;
}

@media (max-width: 1100px) {
    .costs-power-block-v011l1 {
        grid-template-columns: 1fr;
        max-width: none;
    }
    .costs-power-block-v011l1 .costs-power-provider-v011k1 > input,
    .costs-power-block-v011l1 .costs-euro-input-v011k1,
    .costs-power-block-v011l1 .costs-euro-input-v011k1 input,
    .costs-power-block-v011l1 .costs-date-v011k1,
    .costs-power-block-v011l1 .costs-date-v011k1 input[type="text"],
    .costs-power-block-v011l1 .costs-power-save-v011k1 > .button {
        width: 100%;
        max-width: none;
    }
}

/* v0.11l2: Kostenrechner - gespeicherte Stromdaten auch nach Ablauf sichtbar unter den neuen Stromfeldern */
.costs-saved-power-heading-v011l2 {
    margin-top: 10px;
    margin-bottom: 4px;
    font-weight: 800;
    color: var(--muted);
}

.costs-power-saved-row-v011l2 {
    margin-top: 4px;
}

.costs-power-saved-row-v011l2 .costs-display-field-v011l {
    background: #f3f4f6;
}

/* v0.11l3: Kostenrechner - Fehlertext am aktuellen Stromblock, 170px Blöcke, abgelaufene Stromdaten einklappbar als Tabelle */
.costs-power-block-v011l3 {
    min-height: 170px;
    box-sizing: border-box;
}

.costs-required-warning-current-v011l3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #b00020;
}

.costs-saved-power-heading-v011l3 {
    margin-top: 10px;
    margin-bottom: 4px;
}

.costs-saved-toggle-v011l3 {
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--muted);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.costs-saved-toggle-symbol-v011l3 {
    font-weight: 900;
    color: var(--text);
    min-width: 12px;
    text-align: center;
}

.costs-expired-power-panel-v011l3 {
    min-height: 130px;
    box-sizing: border-box;
    overflow-x: auto;
}

.costs-expired-power-table-v011l3 {
    border-collapse: separate;
    border-spacing: 0 0;
    table-layout: fixed;
    width: 100%;
    max-width: 1018px;
}

.costs-expired-provider-col-v011l3 { width: 390px; }
.costs-expired-price-col-v011l3 { width: 130px; }
.costs-expired-date-col-v011l3 { width: 200px; }
.costs-expired-button-col-v011l3 { width: 100px; }
.costs-expired-analysis-col-v011l3 { width: 150px; }

.costs-expired-power-table-v011l3 td {
    padding: 0 16px 8px 0;
    border: 0;
    vertical-align: top;
}

.costs-expired-power-table-v011l3 td:last-child {
    padding-right: 0;
}

.costs-expired-display-field-v011l3 {
    width: 100%;
    max-width: 100%;
}

.costs-expired-analysis-display-v011l3 {
    height: 54px;
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .costs-power-block-v011l3,
    .costs-expired-power-panel-v011l3 {
        min-height: 0;
    }

    .costs-expired-power-table-v011l3 {
        min-width: 1018px;
    }
}

/* v0.11l4: Kostenrechner - roter Fehlertext innerhalb des aktuellen Stromdatenfeldes ohne Höhenerhöhung */
.costs-power-block-v011l4 {
    height: 170px;
    min-height: 170px;
    align-content: start;
    overflow: hidden;
}

.costs-power-block-v011l4 .costs-required-warning-current-v011l4 {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0;
    color: #b00020;
    font-weight: 800;
    line-height: 1.2;
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1100px) {
    .costs-power-block-v011l4 {
        height: auto;
        min-height: 0;
        overflow: visible;
    }
}


/* v0.11l5: Kostenrechner - Pflichttext sofort beim Öffnen und innerhalb des aktuellen Stromdatenfeldes */
.costs-power-block-v011l5 .costs-required-warning-current-v011l5[hidden] {
    display: none !important;
}

/* v0.11l6: Kostenrechner - Pflichtfehlertext beim Öffnen sicher sichtbar im aktuellen Stromdatenfeld */
.costs-power-block-v011l6 {
    position: relative;
    height: 170px;
    min-height: 170px;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 38px;
}

.costs-power-block-v011l6 .costs-required-warning-current-v011l6 {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 10px;
    display: block;
    margin: 0;
    padding: 0;
    color: #b00020;
    font-weight: 800;
    line-height: 1.2;
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 2;
}

.costs-power-block-v011l6 .costs-required-warning-current-v011l6[hidden] {
    display: none !important;
}

.costs-power-block-v011l6 .costs-required-warning-current-v011l6.is-visible-v011l6 {
    display: block !important;
}

@media (max-width: 1100px) {
    .costs-power-block-v011l6 {
        height: auto;
        min-height: 0;
        overflow: visible;
        padding-bottom: 14px;
    }
    .costs-power-block-v011l6 .costs-required-warning-current-v011l6 {
        position: static;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        margin-top: 8px;
    }
}


/* v0.11l7: Kostenrechner - roter Fehlertext sichtbar in echter Fettschrift */
.costs-power-block-v011l7 .costs-required-warning-current-v011l7,
.costs-power-block-v011l7 .costs-required-warning-current-v011l7 strong {
    color: #b00020;
    font-weight: 900 !important;
    font-family: inherit;
}

.costs-power-block-v011l7 .costs-required-warning-current-v011l7 strong {
    display: inline;
}


/* v0.11l8: Kostenrechner - roter Fehlertext ohne Fettschrift */
.costs-power-block-v011l8 .costs-required-warning-current-v011l8,
.costs-power-block-v011l8 .costs-required-warning-current-v011l8 strong {
    color: #b00020;
    font-weight: 400 !important;
    font-family: inherit;
}


/* v0.11m: Besatz anlegen Fehlertexte normal, Analyse-Zustimmung Übersicht. */
.livestock-create-page .livestock-required-error,
.livestock-create-page .livestock-date-compare-error,
.livestock-create-page .field-error {
    font-weight: 400 !important;
}

.analysis-consent-page .analysis-consent-table-wrap {
    overflow-x: auto;
    margin-top: 18px;
}

.analysis-consent-page .analysis-consent-table {
    width: auto;
    min-width: 420px;
    table-layout: fixed;
}

.analysis-consent-page .analysis-consent-table th,
.analysis-consent-page .analysis-consent-table td {
    max-width: 200px;
    width: 200px;
}

.analysis-consent-page .analysis-consent-table th:first-child,
.analysis-consent-page .analysis-consent-table td:first-child {
    font-weight: 700;
}

.analysis-consent-page .analysis-consent-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    align-items: center;
}

.analysis-consent-page .analysis-consent-options label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 400;
}

.analysis-consent-page .analysis-consent-actions {
    margin-top: 16px;
}

.step-by-step-guide-page p {
    max-width: 760px;
}

/* v0.11m1: Besatz anlegen - oberer roter Fehlertext ohne Fettschrift. */
.livestock-create-page .livestock-entry-status-hint-v010e,
.livestock-create-page .livestock-entry-status-hint-v010e * {
    font-weight: 400 !important;
}



/* v0.11v: ADMIN > Musterseite komplett sperren; 50 % grauer Schimmer deutlich sichtbar. */
.admin-musterseite-locked-v011v {
    position: relative !important;
    overflow: hidden !important;
}
.admin-musterseite-locked-v011v > *:not(.musterseite-lock-overlay-v011v) {
    filter: blur(2.2px) !important;
    opacity: 0.82 !important;
    user-select: none !important;
}
.admin-musterseite-locked-v011v .musterseite-lock-overlay-v011v {
    position: absolute !important;
    inset: 0 !important;
    z-index: 999 !important;
    background: rgba(120, 120, 120, 0.50) !important;
    backdrop-filter: blur(1.8px) saturate(0.85) !important;
    -webkit-backdrop-filter: blur(1.8px) saturate(0.85) !important;
    border-radius: inherit !important;
    cursor: not-allowed !important;
    pointer-events: auto !important;
}
.admin-musterseite-locked-v011v .musterseite-lock-text-v011v {
    position: absolute !important;
    left: 50% !important;
    z-index: 1000 !important;
    width: min(82%, 760px) !important;
    transform: translateX(-50%) rotate(-14deg) !important;
    color: rgba(26, 88, 190, 0.88) !important;
    font-size: clamp(28px, 4.6vw, 60px) !important;
    line-height: 1.1 !important;
    font-style: italic !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-shadow: 0 2px 10px rgba(255, 255, 255, 0.85) !important;
    user-select: none !important;
}
.admin-musterseite-locked-v011v .musterseite-lock-text-v011v-1 {
    top: 300px !important;
}
.admin-musterseite-locked-v011v .musterseite-lock-text-v011v-2 {
    top: 600px !important;
}
@media (max-width: 720px) {
    .admin-musterseite-locked-v011v .musterseite-lock-text-v011v {
        width: min(88%, 520px) !important;
        font-size: clamp(24px, 8vw, 42px) !important;
    }
}





/* v0.11s: Besatzübersicht - Wiederaufnahme-Buttons sichtbar sperren, wenn Tabelle 2 leer ist. */
.livestock-overview-return-toggle-v011s[disabled],
.livestock-overview-return-submit-v011s[disabled] {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
}

/* v0.11t Schimmer-Fix: 50 % grauer Schimmer sichtbar stärker durch dunkleren Grauwert. */
.admin-musterseite-locked-v011t .musterseite-lock-overlay-v011t,
.admin-musterseite-locked-v011s .musterseite-lock-overlay-v011s,
.admin-musterseite-locked-v011r .musterseite-lock-overlay-v011r,
.admin-musterseite-locked-v011q .musterseite-lock-overlay-v011q,
.admin-musterseite-locked-v011p .musterseite-lock-overlay-v011p {
    background: rgba(120, 120, 120, 0.50) !important;
    backdrop-filter: blur(2.2px) saturate(0.85) !important;
    -webkit-backdrop-filter: blur(2.2px) saturate(0.85) !important;
}
.admin-musterseite-locked-v011t > *:not(.musterseite-lock-overlay-v011t),
.admin-musterseite-locked-v011s > *:not(.musterseite-lock-overlay-v011s),
.admin-musterseite-locked-v011r > *:not(.musterseite-lock-overlay-v011r),
.admin-musterseite-locked-v011q > *:not(.musterseite-lock-overlay-v011q),
.admin-musterseite-locked-v011p > *:not(.musterseite-lock-overlay-v011p) {
    filter: blur(2.2px) !important;
    opacity: 0.82 !important;
}



/* v0.11v: Wasseranalyse anlegen - Grundformular. */
.water-analysis-create-form-v011v {
    display: grid;
    gap: 18px;
    max-width: 760px;
}
.water-analysis-create-form-v011v .form-field {
    display: grid;
    gap: 6px;
}
.water-analysis-create-form-v011v select {
    max-width: 420px;
}
.water-analysis-info-v011v {
    margin: 4px 0 0;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(30, 105, 200, 0.10);
    color: #1557a6;
    border: 1px solid rgba(30, 105, 200, 0.24);
    font-weight: 500;
}
.water-analysis-note-v011v {
    color: #555;
    max-width: 760px;
}



/* v0.12e2: Login Daten Nutzer - Anzeige, Zähler und Zeilenmarkierungen */
.admin-login-toolbar-v012e2 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 14px 0 18px;
}

.login-counter-v012e2 {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.85);
}

.login-counter-info-v012e2 {
    color: #1d4ed8 !important;
    font-weight: 700 !important;
}

.login-counter-danger-v012e2 {
    color: #b91c1c !important;
    font-weight: 700 !important;
}

.admin-login-row-kirsch-v012e2 > td {
    background: #dcfce7 !important;
}

.admin-login-row-gurschler-v012e2 > td {
    background: #fef9c3 !important;
}

.admin-login-row-roessler-v012e2 > td {
    background: #fed7aa !important;
}

.admin-login-row-status-anfrage-v012e2 > td {
    color: #b91c1c !important;
}

/* v0.11x: Technik anlegen - Checkbox Neuanschaffung. */
.technology-new-purchase-field-v011x .technology-new-purchase-check-v011x {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
}
.technology-new-purchase-field-v011x input[type="checkbox"] {
    width: 18px;
    height: 18px;
}


/* v0.11z: Technik anlegen - Neuanschaffung in einer Zeile ausrichten. */
.technology-create-page .technology-entry-fields .technology-new-purchase-field-v011z {
    display: grid !important;
    grid-template-columns: minmax(170px, 240px) minmax(220px, 250px) !important;
    align-items: center !important;
    gap: 12px !important;
}
.technology-create-page .technology-entry-fields .technology-new-purchase-field-v011z > label:first-child {
    margin: 0 !important;
    align-self: center !important;
}
.technology-create-page .technology-entry-fields .technology-new-purchase-check-v011z {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 42px !important;
    width: auto !important;
    margin: 0 !important;
    justify-self: start !important;
    white-space: nowrap !important;
}
.technology-create-page .technology-entry-fields .technology-new-purchase-check-v011z input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}
.technology-create-page .technology-entry-fields .technology-new-purchase-check-v011z span {
    display: inline-block !important;
    margin: 0 !important;
    line-height: 1 !important;
}
@media (max-width: 700px) {
    .technology-create-page .technology-entry-fields .technology-new-purchase-field-v011z {
        grid-template-columns: 1fr !important;
    }
}


/* v0.12c: Hinweis für nicht mehr änderbare abgelaufene Stromdaten. */
.costs-expired-power-note-v012c {
    margin: 0 0 10px 0 !important;
    font-weight: 600 !important;
    color: #6b1f1f !important;
}


/* v0.12d: Kostenrechner - abgelaufene Stromdaten mit gesperrtem Button und Hinweis direkt unter der Zeile. */
.costs-expired-save-button-v012d {
    width: 100% !important;
    min-height: 38px !important;
    cursor: not-allowed !important;
    opacity: 0.62 !important;
}
.costs-expired-note-row-v012d td {
    padding-top: 2px !important;
}
.costs-expired-power-note-v012d {
    margin: 0 0 10px 0 !important;
    font-weight: 600 !important;
    color: #6b1f1f !important;
}


/* v0.12f1: Schritt-für-Schritt-Icon innerhalb der weißen Anzeigefläche. */
.step-guide-card-host-v012f1 {
    position: relative !important;
}
.step-guide-floating-icon-v012f {
    display: none;
}
.step-guide-floating-icon-v012f.step-guide-icon-visible-v012f1 {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.18);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.step-guide-floating-icon-v012f:hover,
.step-guide-floating-icon-v012f:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.24);
}
.step-guide-floating-icon-v012f img {
    display: block;
    width: 48px;
    height: 48px;
}
@media (max-width: 900px) {
    .step-guide-floating-icon-v012f.step-guide-icon-visible-v012f1 {
        top: 24px;
        right: 24px;
    }
}



/* v0.12f2: Schritt-für-Schritt-Icon läuft normal mit dem Inhaltsblock mit und liegt unter dem Sticky-Menü. */
.step-guide-card-host-v012f1 {
    position: relative !important;
}
.step-guide-floating-icon-v012f.step-guide-icon-visible-v012f1 {
    position: absolute !important;
    top: 50px !important;
    right: 50px !important;
    z-index: 1 !important;
}
.site-header {
    z-index: 10 !important;
}
.costs-expired-power-panel-v011l3 {
    min-height: 130px !important;
}
@media (max-width: 900px) {
    .step-guide-floating-icon-v012f.step-guide-icon-visible-v012f1 {
        top: 24px !important;
        right: 24px !important;
    }
}


/* v0.12g: Kostenrechner - rotes/fettes +/- Symbol bei abgelaufenen Stromdaten. */
.costs-saved-toggle-symbol-v011l3 {
    color: #c00000 !important;
    font-weight: 900 !important;
}


/* v0.12h: Warnhinweise im Fenster „Herzlich willkommen!“ nach Zählerstand. */
.aquarienverwaltung-attention-warning {
    margin: 14px 0 0;
    font-weight: 700;
    line-height: 1.45;
}
.aquarienverwaltung-attention-warning-blue {
    color: #38bdf8;
}
.aquarienverwaltung-attention-warning-red {
    color: #f87171;
}


/* v0.12i: Volumenrechner feste reduzierte Breite. */
.card.volume-calculator-page {
    width: 800px !important;
    max-width: 800px !important;
    min-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}
.card.volume-calculator-page .volume-design-form,
.card.volume-calculator-page .volume-design-block,
.card.volume-calculator-page .volume-field-grid,
.card.volume-calculator-page .volume-result-fields {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.card.volume-calculator-page .volume-design-field input,
.card.volume-calculator-page .volume-calculator-select-form select {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
@media (max-width: 860px) {
    .card.volume-calculator-page {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

/* v0.12i1: Volumenrechner Admin-Tester-Rechenergebnisfläche rechts. */
.volume-calculator-admin-layout-v012i1 {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
    width: min(1120px, 100%);
    margin: 0 auto;
}
.volume-calculator-admin-layout-v012i1 > .card.volume-calculator-page {
    flex: 0 0 800px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.volume-calculator-summary-v012i1 {
    flex: 0 0 300px;
    width: 300px;
    max-width: 300px;
    margin: 0 !important;
    align-self: stretch;
    box-sizing: border-box;
}
.volume-calculator-summary-v012i1 > h1 {
    margin: 0 0 18px;
    font-size: 1.15rem;
}
.volume-summary-block-v012i1 {
    margin: 0 0 8px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--soft);
}
.volume-summary-block-v012i1 h2 {
    margin: 0 0 12px;
    font-size: 1.05rem;
}
.volume-summary-block-v012i1 dl {
    margin: 0;
    display: grid;
    gap: 10px;
}
.volume-summary-block-v012i1 dl > div {
    display: grid;
    gap: 3px;
}
.volume-summary-block-v012i1 dt {
    color: var(--muted);
    font-size: .82rem;
    font-weight: 700;
}
.volume-summary-block-v012i1 dd {
    margin: 0;
    font-weight: 800;
}
@media (max-width: 1180px) {
    .volume-calculator-admin-layout-v012i1 {
        flex-direction: column;
        align-items: center;
    }
    .volume-calculator-summary-v012i1 {
        width: 800px;
        max-width: 800px;
        flex-basis: auto;
        align-self: center;
    }
}
@media (max-width: 860px) {
    .volume-calculator-admin-layout-v012i1 {
        width: 100%;
    }
    .volume-calculator-admin-layout-v012i1 > .card.volume-calculator-page,
    .volume-calculator-summary-v012i1 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-basis: auto;
    }
}

/* v0.12i2: Volumenrechner - rechte Kontrollblöcke dynamisch zu den linken Eingabeblöcken ausrichten. */
.volume-calculator-admin-layout-v012i1 {
    align-items: stretch !important;
}
.volume-summary-block-v012i1 {
    box-sizing: border-box !important;
}
.volume-summary-block-v012i1[data-volume-summary-block-v012i2] {
    transition: min-height .15s ease;
}
@media (max-width: 1180px) {
    .volume-calculator-admin-layout-v012i1 {
        flex-direction: row !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 1120px !important;
        max-width: none !important;
    }
    .volume-calculator-admin-layout-v012i1 > .card.volume-calculator-page {
        flex: 0 0 800px !important;
        width: 800px !important;
        max-width: 800px !important;
        min-width: 800px !important;
    }
    .volume-calculator-summary-v012i1 {
        flex: 0 0 300px !important;
        width: 300px !important;
        max-width: 300px !important;
        align-self: stretch !important;
    }
}
@media (max-width: 860px) {
    .volume-calculator-admin-layout-v012i1 {
        flex-direction: row !important;
        width: 1120px !important;
        max-width: none !important;
    }
    .volume-calculator-admin-layout-v012i1 > .card.volume-calculator-page {
        flex: 0 0 800px !important;
        width: 800px !important;
        max-width: 800px !important;
        min-width: 800px !important;
    }
    .volume-calculator-summary-v012i1 {
        flex: 0 0 300px !important;
        width: 300px !important;
        max-width: 300px !important;
        min-width: 300px !important;
    }
}

/* v0.12i3: Volumenrechner - rote Rechenschritte ohne Rahmen in den rechten Kontrollblöcken. */
.volume-summary-calculation-v012i3 {
    display: block !important;
    margin-top: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #ff0000 !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
}
.volume-summary-calculation-v012i3 p {
    margin: 0 0 2px !important;
    color: #ff0000 !important;
}


/* v0.12i4: Volumenrechner - rechte Admin-Tester-Anzeigefläche breiter und Innenrand reduziert. */
main.container:has(.volume-calculator-admin-layout-v012i1) {
    width: min(1270px, calc(100% - 32px)) !important;
    max-width: none !important;
}
.volume-calculator-admin-layout-v012i1 {
    width: 1270px !important;
    max-width: none !important;
    gap: 20px !important;
}
.volume-calculator-summary-v012i1 {
    flex: 0 0 450px !important;
    width: 450px !important;
    min-width: 450px !important;
    max-width: 450px !important;
    padding: 12px !important;
}
@media (max-width: 1302px) {
    main.container:has(.volume-calculator-admin-layout-v012i1) {
        width: calc(100% - 32px) !important;
        overflow-x: auto !important;
    }
    .volume-calculator-admin-layout-v012i1 {
        width: 1270px !important;
        max-width: none !important;
    }
    .volume-calculator-admin-layout-v012i1 > .card.volume-calculator-page {
        flex: 0 0 800px !important;
        width: 800px !important;
        max-width: 800px !important;
        min-width: 800px !important;
    }
    .volume-calculator-summary-v012i1 {
        flex: 0 0 450px !important;
        width: 450px !important;
        max-width: 450px !important;
        min-width: 450px !important;
    }
}


/* v0.12i5: Volumenrechner - rechte Kontrollblöcke zweispaltig und Überschriften grün. */
.volume-calculator-summary-v012i1 .volume-summary-block-v012i1 h2 {
    color: #15803d !important;
}
.volume-calculator-summary-v012i1 .volume-summary-block-v012i1 dl {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 18px !important;
    row-gap: 10px !important;
    align-items: start !important;
}
.volume-calculator-summary-v012i1 .volume-summary-block-v012i1 dl > div:not(.volume-summary-calculation-v012i3) {
    min-width: 0 !important;
    text-align: left !important;
}
.volume-calculator-summary-v012i1 .volume-summary-block-v012i1 dt,
.volume-calculator-summary-v012i1 .volume-summary-block-v012i1 dd {
    text-align: left !important;
}
.volume-calculator-summary-v012i1 .volume-summary-calculation-v012i3 {
    grid-column: 1 / -1 !important;
}

/* v0.12i6: Volumenrechner - linke Fläche 900 px, rechte Admin-Tester-Fläche 400 px, keine Fettschrift rechts. */
.card.volume-calculator-page {
    width: 900px !important;
    max-width: 900px !important;
    min-width: 900px !important;
}
main.container:has(.volume-calculator-admin-layout-v012i1) {
    width: min(1320px, calc(100% - 32px)) !important;
    max-width: none !important;
}
.volume-calculator-admin-layout-v012i1 {
    width: 1320px !important;
    max-width: none !important;
    gap: 20px !important;
}
.volume-calculator-admin-layout-v012i1 > .card.volume-calculator-page {
    flex: 0 0 900px !important;
    width: 900px !important;
    max-width: 900px !important;
    min-width: 900px !important;
}
.volume-calculator-summary-v012i1 {
    flex: 0 0 400px !important;
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
    font-weight: 400 !important;
}
.volume-calculator-summary-v012i1 *,
.volume-calculator-summary-v012i1 h1,
.volume-calculator-summary-v012i1 h2,
.volume-calculator-summary-v012i1 dt,
.volume-calculator-summary-v012i1 dd,
.volume-calculator-summary-v012i1 p,
.volume-calculator-summary-v012i1 strong,
.volume-calculator-summary-v012i1 b,
.volume-calculator-summary-v012i1 .volume-summary-calculation-v012i3,
.volume-calculator-summary-v012i1 .volume-summary-calculation-v012i3 p {
    font-weight: 400 !important;
}
.volume-calculator-summary-v012i1 .volume-summary-block-v012i1 h2 {
    color: #15803d !important;
}
@media (max-width: 1352px) {
    main.container:has(.volume-calculator-admin-layout-v012i1) {
        width: calc(100% - 32px) !important;
        overflow-x: auto !important;
    }
    .volume-calculator-admin-layout-v012i1 {
        width: 1320px !important;
        max-width: none !important;
        flex-direction: row !important;
        align-items: stretch !important;
    }
    .volume-calculator-admin-layout-v012i1 > .card.volume-calculator-page {
        flex: 0 0 900px !important;
        width: 900px !important;
        max-width: 900px !important;
        min-width: 900px !important;
    }
    .volume-calculator-summary-v012i1 {
        flex: 0 0 400px !important;
        width: 400px !important;
        max-width: 400px !important;
        min-width: 400px !important;
    }
}
@media (max-width: 860px) {
    .card.volume-calculator-page {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .volume-calculator-admin-layout-v012i1 > .card.volume-calculator-page {
        flex: 0 0 900px !important;
        width: 900px !important;
        max-width: 900px !important;
        min-width: 900px !important;
    }
}


/* v0.12k: Schritt-für-Schritt-Anker unter dem Header positionieren. */
.step-by-step-guide-page h2[id] {
    scroll-margin-top: 100px;
}

/* v0.12k: Analyse-Zustimmung / Widerspruch. */
.analysis-consent-page .analysis-consent-readonly-value {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
}
.analysis-consent-page .analysis-consent-date {
    display: inline-block;
    margin-left: 10px;
    color: #475569;
    font-size: 0.92rem;
}
.analysis-consent-page .analysis-consent-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.analysis-consent-page .analysis-consent-withdraw-date {
    color: #475569;
}
.analysis-consent-page .analysis-consent-withdraw-message {
    margin-top: 12px;
    color: #b91c1c;
    font-weight: 400;
}
.widerspruch-page table textarea {
    width: 100%;
    min-height: 80px;
}
.widerspruch-page .widerspruch-actions {
    white-space: nowrap;
}

/* v0.12l: Update-Information. */
.update-information-page-v012l .table-wrapper {
    overflow-x: auto;
}
.update-information-table-v012l {
    width: 100%;
    border-collapse: collapse;
}
.update-information-table-v012l th,
.update-information-table-v012l td {
    border: 1px solid #cbd5e1;
    padding: 8px 10px;
    vertical-align: top;
    text-align: left;
}
.update-information-table-v012l th {
    background: #f1f5f9;
}
.update-information-form-v012l {
    margin: 18px 0 24px;
    display: grid;
    gap: 14px;
}
.update-information-form-grid-v012l {
    display: grid;
    grid-template-columns: minmax(140px, 180px) minmax(220px, 1fr) minmax(160px, 220px) auto;
    gap: 12px;
    align-items: end;
}
.update-information-form-v012l label {
    display: grid;
    gap: 6px;
}
.update-information-admin-visible-v012l {
    align-self: center;
}
@media (max-width: 900px) {
    .update-information-form-grid-v012l {
        grid-template-columns: 1fr;
    }
}

/* v0.12m: Update-Information als Tabellen-Eingabezeile. */
.update-information-create-table-form-v012m {
    margin: 18px 0 24px;
}
.update-information-edit-table-v012m input,
.update-information-edit-table-v012m select,
.update-information-edit-table-v012m textarea {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.update-information-edit-table-v012m textarea {
    resize: vertical;
}
.update-information-new-row-v012m td {
    background: #f8fafc;
}
.update-information-page-v012m .admin-pending-alert {
    color: #d92d20;
    font-weight: 900;
}

/* v0.12n: Update-Information-Hinweis als grünes i und klare Rückkehrsteuerung. */
.update-information-pending-alert-v012n {
    color: #15803d;
    font-weight: 900;
}
.livestock-overview-return-submit-v011a[disabled] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* v0.12o Termine */
.appointments-page-v012o h2 {
    margin-top: 28px;
    margin-bottom: 8px;
}
.appointments-action-row-v012o {
    margin: 22px 0 18px;
}
.appointments-table-v012o {
    width: 100%;
    table-layout: fixed;
}
.appointments-col-date-v012o {
    width: 124px;
}
.appointments-col-aquarium-v012o,
.appointments-col-topic-v012o {
    width: 170px;
}
.appointments-col-task-v012o {
    width: auto;
}
.appointments-col-status-v012o {
    width: 105px;
}
.appointments-status-overdue-v012o,
.appointment-status-overdue-v012o {
    color: #c00000;
    font-weight: 700;
}
.appointments-delete-mark-v012o {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    font-size: 0.9rem;
}
.appointments-delete-button-v012o {
    margin-top: 12px;
}
.appointments-modal-backdrop-v012o {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(2, 20, 42, 0.35);
}
.appointments-modal-backdrop-v012o[hidden] {
    display: none;
}
.appointments-modal-window-v012o {
    width: min(460px, 100%);
    padding: 22px;
    border: 1px solid #cfe0ef;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 60px rgba(2, 20, 42, 0.24);
}
.appointments-modal-window-v012o h2 {
    margin-top: 0;
}
.appointments-series-checkbox-v012o {
    margin: 14px 0;
}
@media (max-width: 860px) {
    .appointments-table-v012o {
        min-width: 760px;
    }
}

/* v0.12p: Termin erstellen und Termine-Filter. */
.appointments-filter-form-v012p {
    margin: 20px 0 10px;
}
.appointments-filter-row-v012p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.appointments-filter-row-v012p label {
    margin: 0;
    font-weight: 800;
}
.appointments-filter-row-v012p select {
    min-width: 260px;
}
.appointments-table-v012p td,
.appointments-table-v012p th {
    vertical-align: top;
}
.appointment-create-page-v012p {
    max-width: 920px;
}
.appointment-create-block-v012p {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    max-width: 660px;
}
.appointment-create-block-v012p .form-field {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(280px, 1fr);
    gap: 14px;
    align-items: center;
}
.appointment-create-block-v012p label,
.appointment-create-block-v012p legend {
    font-weight: 800;
}
.appointment-create-block-v012p input[type="date"],
.appointment-create-block-v012p select,
.appointment-create-block-v012p textarea {
    width: 100%;
}
.appointment-create-block-v012p textarea {
    resize: vertical;
}
.appointment-aquarium-control-v012p {
    display: flex;
    align-items: center;
    gap: 10px;
}
.appointment-aquarium-control-v012p select {
    flex: 1 1 auto;
}
.info-dot.appointment-info-dot-v012p,
.step-guide-blue-info-dot-v012p {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 1px solid #0b74bd;
    background: #0b74bd;
    color: #ffffff;
    font-weight: 900;
    line-height: 1;
    font-family: inherit;
}
.info-dot.appointment-info-dot-v012p {
    cursor: pointer;
    padding: 0;
    flex: 0 0 auto;
}
.step-guide-blue-info-dot-v012p {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #87cefa;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    line-height: 15px;
    font-family: inherit;
    vertical-align: baseline;
}
.appointment-recurring-fieldset-v012p {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0;
    padding: 0;
    border: 0;
}
.appointment-recurring-fieldset-v012p legend {
    width: 220px;
    margin: 0;
    float: left;
}
.appointment-recurring-fieldset-v012p label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-weight: 800;
}
.appointment-button-row-v012p {
    margin-top: 24px;
}
.appointment-info-modal-backdrop-v012p {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(2, 20, 42, 0.35);
}
.appointment-info-modal-backdrop-v012p[hidden] {
    display: none;
}
.appointment-info-modal-window-v012p {
    width: min(460px, 100%);
    padding: 22px;
    border: 1px solid #cfe0ef;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 60px rgba(2, 20, 42, 0.24);
}
.appointment-info-modal-window-v012p h2 {
    margin-top: 0;
}
.step-guide-info-dot-note-v012p {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
}
@media (max-width: 760px) {
    .appointment-create-block-v012p .form-field {
        grid-template-columns: 1fr;
    }
    .appointment-recurring-fieldset-v012p {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .appointment-recurring-fieldset-v012p legend {
        width: auto;
        float: none;
    }
}


/* v0.12p1: Termine Filter und Aktionsbuttons auf Desktop in einer Zeile. */
.appointments-toolbar-v012p1 {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 20px 0 18px;
    flex-wrap: nowrap;
}
.appointments-toolbar-v012p1 .appointments-filter-form-v012p,
.appointments-toolbar-v012p1 .appointments-action-row-v012o {
    margin: 0;
}
.appointments-toolbar-v012p1 .appointments-filter-form-v012p {
    flex: 0 0 auto;
}
.appointments-toolbar-v012p1 .appointments-action-row-v012o {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
    white-space: nowrap;
}
.appointments-toolbar-v012p1 .appointments-filter-row-v012p {
    flex-wrap: nowrap;
    margin: 0;
}
.appointments-toolbar-v012p1 .appointments-filter-row-v012p select {
    width: 318px;
    min-width: 260px;
    max-width: 318px;
}
@media (max-width: 1180px) {
    .appointments-toolbar-v012p1 {
        flex-wrap: wrap;
    }
}
@media (max-width: 760px) {
    .appointments-toolbar-v012p1,
    .appointments-toolbar-v012p1 .appointments-action-row-v012o,
    .appointments-toolbar-v012p1 .appointments-filter-row-v012p {
        align-items: stretch;
        flex-direction: column;
    }
    .appointments-toolbar-v012p1 .appointments-filter-row-v012p select,
    .appointments-toolbar-v012p1 .button {
        width: 100%;
        max-width: none;
    }
}


/* v0.12p2: Termin erstellen übernimmt Rahmen und Feldbreiten von Technik anlegen; Button-Zeile bleibt unverändert. */
.appointment-create-page-v012p {
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
}

.appointment-create-block-v012p {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #f7f9fb;
    gap: 10px;
    max-width: none;
}

.appointment-create-block-v012p .form-field,
.appointment-create-block-v012p .appointment-recurring-fieldset-v012p {
    display: grid;
    grid-template-columns: minmax(170px, 240px) minmax(220px, 250px);
    align-items: center;
    gap: 12px;
}

.appointment-create-block-v012p label,
.appointment-create-block-v012p legend {
    margin: 0;
    font-weight: 800;
}

.appointment-create-block-v012p input[type="date"],
.appointment-create-block-v012p select,
.appointment-create-block-v012p textarea {
    width: 100%;
    max-width: 250px;
}

.appointment-aquarium-control-v012p {
    max-width: 250px;
}

.appointment-recurring-fieldset-v012p {
    margin: 0;
    padding: 0;
    border: 0;
}

.appointment-recurring-fieldset-v012p legend {
    width: auto;
    float: none;
}

.appointment-recurring-options-v012p2 {
    display: flex;
    align-items: center;
    gap: 18px;
}

.appointment-recurring-options-v012p2 label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

@media (max-width: 700px) {
    .appointment-create-block-v012p .form-field,
    .appointment-create-block-v012p .appointment-recurring-fieldset-v012p {
        grid-template-columns: 1fr;
    }
    .appointment-create-block-v012p input[type="date"],
    .appointment-create-block-v012p select,
    .appointment-create-block-v012p textarea,
    .appointment-aquarium-control-v012p {
        max-width: none;
    }
}


/* v0.12p4: Schritt-für-Schritt-Icon auf Höhe der Seitenüberschrift ausrichten. */
.step-guide-card-host-v012f1 {
    position: relative !important;
}
.step-guide-card-host-v012f1 > h1:first-child {
    padding-right: 96px !important;
}
.step-guide-floating-icon-v012f.step-guide-icon-visible-v012f1 {
    position: absolute !important;
    top: var(--step-guide-icon-top-v012p4, 28px) !important;
    right: 50px !important;
    z-index: 1 !important;
}
@media (max-width: 900px) {
    .step-guide-card-host-v012f1 > h1:first-child {
        padding-right: 72px !important;
    }
    .step-guide-floating-icon-v012f.step-guide-icon-visible-v012f1 {
        top: var(--step-guide-icon-top-v012p4, 24px) !important;
        right: 24px !important;
    }
}

/* v0.12p6: Info-i-Punkt im Terminformular direkt neben dem Feldnamen Becken positionieren. */
.appointment-label-with-info-v012p6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.appointment-label-with-info-v012p6 label {
    margin: 0;
}

.info-dot.appointment-info-dot-v012p {
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #87cefa;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    line-height: 15px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: 0 0 15px;
}

.appointment-aquarium-control-v012p {
    max-width: 250px;
}

.appointment-aquarium-control-v012p select {
    width: 100%;
}


/* v0.12p7: Termin erstellen - Datumsfeld/Kalender-Icon wie Technik anlegen und Wiederholungsauswahl im Eingabebereich. */
.appointment-create-block-v012p .appointment-date-shell-v012p7 {
    width: 250px;
    max-width: 250px;
}

.appointment-create-block-v012p .appointment-date-shell-v012p7 input[type="text"] {
    width: 210px;
    max-width: 210px;
    height: 44px;
    min-height: 44px;
    font-weight: 400;
}

.appointment-create-block-v012p .appointment-date-shell-v012p7 .calendar-icon-button {
    flex: 0 0 40px;
    width: 40px;
    height: 44px;
    min-height: 44px;
}

.appointment-recurring-row-v012p7 .appointment-recurring-options-v012p7 {
    justify-self: start;
    width: 250px;
    max-width: 250px;
    min-height: 44px;
    align-items: center;
}

.appointment-recurring-options-v012p7 label {
    font-weight: 800;
}

@media (max-width: 700px) {
    .appointment-create-block-v012p .appointment-date-shell-v012p7,
    .appointment-recurring-row-v012p7 .appointment-recurring-options-v012p7 {
        width: 100%;
        max-width: none;
    }
    .appointment-create-block-v012p .appointment-date-shell-v012p7 input[type="text"] {
        width: 100%;
        max-width: none;
    }
}