@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    --ls-sidebar-user: #01312A;
    --ls-sidebar-admin: #052d2d;
    --ls-accent: #ed6b00;
    --ls-brand-green: #00663f;
    --ls-card-header-bg: #ffffff;
    --ls-card-header-text: #1a1f2e;
    --ls-card-header-muted: #5c667a;

    --bs-body-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --bs-body-bg: #FCFCF9;
    --bs-body-color: #1a1f2e;
    --bs-primary: #01312A;
    --bs-primary-rgb: 1, 49, 42;
    --bs-link-color: #00663f;
    --bs-link-color-rgb: 0, 102, 63;
    --bs-link-hover-color: #004d30;
    --bs-link-hover-color-rgb: 0, 77, 48;
    --bs-border-color: #dde3ea;
    --bs-border-radius: 0.5rem;
    --bs-success: #027a48;
    --bs-danger: #b42318;
    --bs-warning: #c45c00;
    --bs-font-weight-bold: 600;
}

h5,
.h5 {
    font-size: 1rem;
}

.fw-bold {
    font-weight: 600 !important;
}

strong,
b {
    font-weight: 600;
}

.btn-primary {
    --bs-btn-bg: var(--ls-sidebar-user);
    --bs-btn-border-color: var(--ls-sidebar-user);
    --bs-btn-hover-bg: #001f1a;
    --bs-btn-hover-border-color: #001f1a;
    --bs-btn-active-bg: #001f1a;
    --bs-btn-active-border-color: #001f1a;
    --bs-btn-disabled-bg: var(--ls-sidebar-user);
    --bs-btn-disabled-border-color: var(--ls-sidebar-user);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-opacity: 0.55;
}

.ls-sidebar {
    width: 15rem;
    background: var(--ls-sidebar-user);
}

.ls-sidebar-admin {
    background: var(--ls-sidebar-admin);
}

.ls-sidebar .nav-link {
    color: rgba(255, 255, 255, 0.85);
    border-radius: var(--bs-border-radius);
    padding: 0.65rem 0.75rem;
}

.ls-sidebar .nav-link:hover,
.ls-sidebar .nav-link:focus {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.ls-sidebar .nav-link.active {
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
    font-weight: 600;
}

.ls-sidebar-admin .nav-link.active {
    background: rgba(237, 107, 0, 0.18);
    box-shadow: inset 3px 0 0 var(--ls-accent);
}

.ls-sidebar .nav-link-muted {
    margin-top: 1rem;
    font-size: 0.85rem;
    opacity: 0.85;
}

.ls-content-column {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.ls-logo-mark {
    width: auto;
    flex-shrink: 0;
}

.ls-logo-mark--icon {
    height: 2.25rem;
}

.ls-logo-mark--lettering {
    height: 2rem;
    max-width: 100%;
}

.ls-logo-mark--auth.ls-logo-mark--lettering {
    height: 2.75rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.ls-logo-mark--auth.ls-logo-mark--vertical {
    height: 9rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.ls-logo-mark--header.ls-logo-mark--icon {
    height: 1.75rem;
    display: block;
}

.ls-brand {
    display: block;
    margin-bottom: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: inherit;
    text-decoration: none;
}

.ls-brand:hover,
.ls-brand:focus {
    color: inherit;
    text-decoration: none;
    opacity: 0.92;
}

.ls-brand > .ls-brand__lettering {
    display: block;
}

.ls-brand > .ls-brand__icon {
    display: none;
}

.ls-sidebar--icon-only .ls-brand > .ls-brand__lettering {
    display: none;
}

.ls-sidebar--icon-only .ls-brand > .ls-brand__icon {
    display: block;
}

.ls-brand--header {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
}

.ls-brand--header > .ls-brand__icon {
    display: block;
}

.ls-brand--offcanvas {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0.5rem;
}

.ls-markdown > :first-child {
    margin-top: 0;
}

.ls-markdown > :last-child {
    margin-bottom: 0;
}

.ls-markdown h1,
.ls-markdown h2,
.ls-markdown h3,
.ls-markdown h4 {
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
}

.ls-markdown p,
.ls-markdown ul,
.ls-markdown ol {
    margin-bottom: 0.75rem;
}

.ls-markdown ul,
.ls-markdown ol {
    padding-left: 1.25rem;
}

.ls-markdown a {
    word-break: break-word;
}

.ls-main {
    background-color: #FCFCF9;
}

.ls-main .card {
    background-color: #fff;
    border-color: var(--bs-border-color);
}

.ls-card-header {
    background-color: var(--ls-card-header-bg);
    color: var(--ls-card-header-text);
    border-bottom: 1px solid var(--bs-border-color);
}

.ls-card-header .h5,
.ls-card-header .h6,
.ls-card-header h2,
.ls-card-header h3,
.ls-card-header .small {
    color: inherit;
}

.card-title,
.ls-card-title,
.ls-dash-card__title,
.ls-card-header .h5,
.ls-card-header .h6,
.ls-card-header h2,
.ls-card-header h3 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--ls-brand-green);
    line-height: 1.3;
    margin: 0;
}

.ls-card-subtitle,
.ls-dash-card__subtitle {
    color: var(--ls-card-header-muted);
    font-size: 0.875rem;
    margin: 0.25rem 0 0;
}

.ls-card-action-link,
.ls-dash-card__link,
.ls-card-header .btn-link {
    flex-shrink: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--ls-brand-green);
    text-decoration: none;
    white-space: nowrap;
}

.ls-card-action-link:hover,
.ls-dash-card__link:hover,
.ls-card-header .btn-link:hover {
    color: #01312a;
    text-decoration: none;
}

.ls-card-count-badge {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.2em 0.55em;
    background: rgba(26, 31, 46, 0.1);
    color: var(--ls-card-header-text);
    vertical-align: middle;
}

.ls-avatar {
    width: 2.5rem;
    height: 2.5rem;
    background: #e8f5e9;
    color: var(--ls-brand-green);
}

.ls-icon-box {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius);
}

.ls-icon-box .ls-icon {
    width: 1.125rem;
    height: 1.125rem;
}

.ls-icon-tickets {
    background: #fff4e5;
    color: #c45c00;
}

.ls-icon-tasks {
    background: #fef3f2;
    color: #b42318;
}

.ls-icon-announcements {
    background: #e8f5ee;
    color: #00663f;
}

.ls-icon-residents {
    background: #eef2f6;
    color: #5c667a;
}

.ls-icon-announce {
    background: #fff4e5;
    color: var(--ls-accent);
}

.ls-garbage-day {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    flex-shrink: 0;
}

.ls-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.ls-calendar-weekday {
    background: var(--bs-light);
    padding: 0.6rem 0.5rem;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--bs-secondary-color);
    border-bottom: 1px solid var(--bs-border-color);
}

.ls-calendar-day,
.ls-calendar-day-empty {
    min-height: 5.75rem;
    padding: 0.45rem;
    border-right: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    background: #fff;
}

.ls-calendar-day-empty {
    background: #fafbfc;
}

.ls-calendar-day:nth-child(7n),
.ls-calendar-weekday:nth-child(7n) {
    border-right: none;
}

.ls-calendar-day.is-today {
    background: #f3faf6;
    box-shadow: inset 0 0 0 2px var(--ls-brand-green);
}

.ls-cal-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0 0.35rem;
    border-radius: 0.375rem;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1;
}

.ls-cal-badge--task {
    color: #fff;
    padding: 0 0.3rem;
}

.ls-cal-badge--task .ls-icon {
    width: 0.95rem;
    height: 0.95rem;
}

.ls-cal-badge--termin {
    color: #fff;
    padding: 0 0.3rem;
}

.ls-cal-badge--termin .ls-icon {
    width: 0.95rem;
    height: 0.95rem;
}

.ls-garbage-type-pick {
    border: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    color: inherit;
    padding: 0.25rem 0.5rem;
}

.ls-garbage-type-pick:hover,
.ls-garbage-type-pick:focus {
    background: rgba(26, 31, 46, 0.06);
    border: 0;
    box-shadow: none;
    color: inherit;
}

.ls-garbage-type-pick.is-selected,
.ls-garbage-type-pick.is-selected:hover,
.ls-garbage-type-pick.is-selected:focus {
    background: rgba(0, 102, 63, 0.1);
    border: 0;
    box-shadow: none;
    color: inherit;
}

.ls-garbage-plan-calendar.has-selected-type .ls-calendar-day[data-date] {
    cursor: pointer;
}

.ls-garbage-plan-calendar.has-selected-type .ls-calendar-day[data-date]:hover {
    background: #f3faf6;
}

.ls-cal-badge-btn {
    border: 0;
    cursor: pointer;
}

.ls-calendar-grid .ls-cal-badge-btn {
    cursor: pointer;
}

.ls-cal-badge-btn:hover {
    filter: brightness(0.92);
}

/* —— Top navigation (Dashboard & Admin) —— */

.ls-area-topnav {
    --ls-app-bg: #FCFCF9;
    background: var(--ls-app-bg);
}

.ls-topbar {
    background: #fff;
    border-bottom: 1px solid var(--bs-border-color);
    position: sticky;
    top: 0;
    z-index: 1030;
    box-shadow: 0 1px 2px rgba(26, 31, 46, 0.04);
}

.ls-topbar__inner {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0.85rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.ls-brand--topbar {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    flex-shrink: 0;
}

.ls-brand--topbar > .ls-brand__icon {
    display: block;
    height: 2rem;
}

.ls-topnav {
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    flex: 1 1 auto;
    min-width: 0;
}

.ls-topnav--dense {
    gap: 0.05rem;
}

.ls-topnav--dense .ls-topnav__link {
    padding: 0.4rem 0.65rem;
    font-size: 0.84rem;
}

.ls-topnav__link {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    color: #5c667a;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: nowrap;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.ls-topnav__link:hover,
.ls-topnav__link:focus {
    color: var(--ls-brand-green);
    background: rgba(0, 102, 63, 0.07);
}

.ls-topnav__link.active {
    color: var(--ls-sidebar-user);
    background: rgba(1, 49, 42, 0.08);
    font-weight: 600;
}

.ls-topnav__divider {
    width: 1px;
    height: 1.25rem;
    background: var(--bs-border-color);
    flex-shrink: 0;
    margin: 0 0.35rem;
}

.ls-area-admin .ls-topnav__link.active {
    background: rgba(237, 107, 0, 0.1);
}

.ls-topbar__actions {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-shrink: 0;
}

.ls-topbar-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0.35rem;
    border: 0;
    background: transparent;
    color: #5c667a;
    text-decoration: none;
    border-radius: 0.375rem;
    line-height: 1;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.ls-topbar-icon-link:hover,
.ls-topbar-icon-link:focus {
    color: var(--ls-brand-green);
    background: rgba(0, 102, 63, 0.07);
}

.ls-topbar-icon-link--light {
    color: rgba(255, 255, 255, 0.8);
}

.ls-topbar-icon-link--light:hover,
.ls-topbar-icon-link--light:focus {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
}

.ls-topbar-icon-link .ls-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.ls-topbar-icon-link.is-active {
    color: var(--ls-brand-green);
    background: rgba(0, 102, 63, 0.1);
}

.ls-notification-trigger {
    display: inline-flex;
}

.ls-postfach-trigger {
    display: inline-flex;
}

.ls-notification-modal .modal-body {
    max-height: min(24rem, calc(100vh - 12rem));
}

.ls-notification-panel__empty {
    padding: 1.25rem 1rem;
}

.ls-notification-list {
    max-height: min(24rem, calc(100vh - 12rem));
    overflow-y: auto;
}

.ls-notification-list__item {
    display: block;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid rgba(221, 227, 234, 0.7);
    transition: background-color 0.15s ease;
}

.ls-notification-list__item:hover,
.ls-notification-list__item:focus {
    background: rgba(0, 102, 63, 0.05);
    color: inherit;
}

.ls-notification-list__type {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ls-brand-green);
    margin-bottom: 0.15rem;
}

.ls-notification-list__title {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
}

.ls-notification-list__meta {
    display: block;
    font-size: 0.78rem;
    color: #8a94a6;
    margin-top: 0.15rem;
}

.ls-notification-badge {
    position: absolute;
    bottom: 0.2rem;
    right: 0.15rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: #d92d20;
    border: 2px solid #fff;
    box-sizing: content-box;
    pointer-events: none;
}

.ls-topnav-mobile {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ls-topnav-offcanvas {
    width: min(18rem, 85vw);
    border-right: 1px solid var(--bs-border-color);
}

.ls-topnav-offcanvas .offcanvas-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.ls-topnav-offcanvas .offcanvas-body {
    padding: 0.75rem 1rem 1.25rem;
}

.ls-topnav-offcanvas .ls-brand--offcanvas > .ls-brand__icon {
    height: 2rem;
}

.ls-topnav-mobile__link {
    display: block;
    padding: 0.65rem 0.85rem;
    border-radius: 999px;
    color: #1a1f2e;
    text-decoration: none;
    font-weight: 500;
}

.ls-topnav-mobile__link:hover,
.ls-topnav-mobile__link:focus {
    background: rgba(0, 102, 63, 0.07);
    color: var(--ls-brand-green);
}

.ls-topnav-mobile__link.active {
    background: rgba(1, 49, 42, 0.08);
    color: var(--ls-sidebar-user);
    font-weight: 600;
}

.ls-area-admin .ls-topnav-mobile__link.active {
    background: rgba(237, 107, 0, 0.1);
}

.ls-topnav-mobile__link--muted {
    color: #5c667a;
    font-size: 0.9rem;
}

.ls-topnav-mobile__divider {
    margin: 0.35rem 0;
    opacity: 1;
    border-color: var(--bs-border-color);
}

.ls-mobile-tabbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background: #fff;
    border-top: 1px solid var(--bs-border-color);
    box-shadow: 0 -4px 16px rgba(26, 31, 46, 0.06);
    padding-bottom: env(safe-area-inset-bottom, 0);
}

.ls-mobile-tabbar__inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: end;
    gap: 0.25rem;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0.35rem 0.5rem 0.45rem;
}

.ls-mobile-tabbar__group {
    display: flex;
    justify-content: space-around;
    gap: 0.15rem;
    min-width: 0;
}

.ls-mobile-tabbar__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    min-width: 0;
    flex: 1 1 0;
    padding: 0.35rem 0.2rem;
    border: 0;
    border-radius: 0.65rem;
    background: transparent;
    color: #8a94a6;
    text-decoration: none;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.ls-mobile-tabbar__item:hover,
.ls-mobile-tabbar__item:focus {
    color: var(--ls-brand-green);
    background: rgba(0, 102, 63, 0.06);
}

.ls-mobile-tabbar__item.is-active {
    color: var(--ls-brand-green);
}

.ls-mobile-tabbar__item--center {
    flex: 0 0 auto;
    width: 3.5rem;
    height: 3.5rem;
    margin-top: -1.1rem;
    margin-inline: 0.15rem;
    padding: 0;
    border-radius: 999px;
    background: var(--ls-sidebar-user);
    color: #fff;
    box-shadow: 0 4px 14px rgba(1, 49, 42, 0.28);
}

.ls-mobile-tabbar__item--center:hover,
.ls-mobile-tabbar__item--center:focus {
    color: #fff;
    background: #024a3a;
}

.ls-mobile-tabbar__item--center.is-active {
    color: #fff;
    background: var(--ls-brand-green);
}

.ls-mobile-tabbar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.ls-mobile-tabbar__icon .ls-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.ls-mobile-tabbar__item--center .ls-mobile-tabbar__icon .ls-icon {
    width: 1.45rem;
    height: 1.45rem;
}

.ls-mobile-tabbar__label {
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ls-mobile-tabbar__item--center .ls-mobile-tabbar__label {
    display: none;
}

.ls-has-mobile-tabbar .ls-app-footer {
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom, 0));
}

@media (max-width: 1199.98px) {
    .ls-has-mobile-tabbar .ls-app-main {
        padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0));
    }
}

.ls-app-main {
    padding: 1.5rem 1.25rem 2.5rem;
    background-color: #FCFCF9;
}

.ls-app-footer {
    padding: 0.75rem 1.25rem 1.25rem;
    text-align: center;
}

.ls-app-footer__text {
    font-size: 0.6875rem;
    color: #8a94a6;
    text-align: center;
}

.ls-app-footer a.ls-app-footer__link,
.ls-app-footer a.ls-app-footer__link:link,
.ls-app-footer a.ls-app-footer__link:visited {
    color: var(--ls-brand-green);
    text-decoration: none;
}

.ls-app-footer a.ls-app-footer__link:hover,
.ls-app-footer a.ls-app-footer__link:focus,
.ls-app-footer a.ls-app-footer__link:active {
    color: var(--ls-brand-green);
    text-decoration: underline;
}

.ls-area-topnav .ls-content-column {
    max-width: 80rem;
}

.ls-party-table > :not(caption) > * > * {
    box-shadow: none;
}

.ls-party-table thead th {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ls-card-header-muted);
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
}

.ls-party-table tbody td {
    font-size: 0.8125rem;
    line-height: 1.4;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    vertical-align: middle;
}

.ls-party-table__label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ls-card-header-text);
}

.ls-party-table__person {
    font-weight: 600;
    color: var(--ls-card-header-text);
}

.ls-party-table__role,
.ls-party-table__empty {
    font-size: 0.6875rem;
    color: #8a94a6;
}

.ls-party-table tbody tr.ls-party-table__group--alt > * {
    background-color: #f8f9fb;
}

.ls-party-table tbody tr:hover > * {
    background-color: rgba(0, 102, 63, 0.05);
}

.ls-area-topnav .card {
    border: 0;
    box-shadow: 0 0.125rem 0.75rem rgba(26, 31, 46, 0.06);
    border-radius: 1rem;
    overflow: hidden;
    background-color: #fff;
}

.ls-area-topnav .ls-card-header {
    background: #fff;
    border-bottom: 1px solid rgba(221, 227, 234, 0.85);
    padding-top: 1.1rem;
    padding-bottom: 1rem;
}

.ls-area-topnav .list-group-item {
    background-color: #fff;
    border-color: rgba(221, 227, 234, 0.85);
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}

.ls-area-topnav .btn {
    border-radius: 999px;
}

.ls-area-topnav .btn-primary {
    box-shadow: 0 1px 2px rgba(1, 49, 42, 0.15);
}

.ls-area-topnav .alert {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.125rem 0.5rem rgba(26, 31, 46, 0.05);
}

.ls-area-topnav .ls-avatar {
    background: rgba(0, 102, 63, 0.1);
}

.ls-user-menu {
    display: inline-flex;
}

.ls-user-menu__toggle {
    border: 0;
    padding: 0;
    cursor: pointer;
}

.ls-user-menu__toggle:hover,
.ls-user-menu__toggle:focus,
.ls-user-menu__toggle.show {
    background: rgba(0, 102, 63, 0.16);
    color: var(--ls-brand-green);
}

.ls-user-menu__toggle.is-active {
    background: rgba(0, 102, 63, 0.2);
    box-shadow: inset 0 0 0 2px rgba(0, 102, 63, 0.35);
}

.ls-user-menu__panel {
    min-width: 11rem;
    padding: 0.35rem;
    margin-top: 0.5rem !important;
    border: 0;
    border-radius: 0.75rem;
    box-shadow: 0 0.35rem 1rem rgba(26, 31, 46, 0.12);
}

.ls-user-menu__item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.9375rem;
}

.ls-user-menu__item .ls-icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.ls-sms-row-link {
    cursor: pointer;
}

.ls-sms-row-link--active {
    background: rgba(0, 102, 63, 0.06);
}

.ls-area-topnav .ls-calendar-grid {
    border-radius: 1rem;
    box-shadow: 0 0.125rem 0.75rem rgba(26, 31, 46, 0.06);
    border: 0;
}

.ls-area-topnav .ls-icon-box {
    border-radius: 0.75rem;
}

.ls-area-topnav .row.g-3 > [class*='col-'] > .card .card-body,
.ls-area-topnav .row.g-4 > [class*='col-'] > .card .card-body {
    padding: 1.25rem;
}

.ls-area-topnav h2.h3 {
    letter-spacing: -0.02em;
}

.ls-calendar-page-layout {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.ls-calendar-page-main {
    min-width: 0;
}

.ls-calendar-page-sidebar {
    min-width: 0;
}

.ls-calendar-termine .card {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .ls-calendar-page-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

.ls-announcement-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: stretch;
}

.ls-announcement-cards > .card {
    flex: 1 1 calc(25% - 0.75rem);
    min-width: min(100%, 15rem);
    margin-bottom: 0;
}

.ls-announcement-cards--stack {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1rem;
}

.ls-announcement-cards--stack > .card {
    flex: 0 0 auto;
    min-width: 0;
    width: 100%;
}

.ls-pinnwand-own .card {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .ls-announcement-cards > .card {
        flex: 1 1 calc(50% - 0.5rem);
    }
}

@media (max-width: 575.98px) {
    .ls-announcement-cards > .card {
        flex: 1 1 100%;
    }
}

.ls-pin-type-icon {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius);
}

.ls-pin-type-icon .ls-icon {
    width: 1.125rem;
    height: 1.125rem;
}

.ls-pin-type--wichtiges {
    background: #fefce8;
    color: #a16207;
}

.ls-pin-type--ankuendigung {
    background: #eff8ff;
    color: #175cd3;
}

.ls-pin-type--nachbarschaftliches {
    background: #ecfdf3;
    color: #027a48;
}

.ls-pin-type--warnung {
    background: #fff1f3;
    color: #c01048;
}

.ls-pin-type--mitteilung {
    background: #eef2f6;
    color: #475467;
}

.ls-pin-card-border.ls-pin-type--wichtiges { border-color: #ca8a04 !important; }
.ls-pin-card-border.ls-pin-type--ankuendigung { border-color: #2e90fa !important; }
.ls-pin-card-border.ls-pin-type--nachbarschaftliches { border-color: #12b76a !important; }
.ls-pin-card-border.ls-pin-type--warnung { border-color: #f63d68 !important; }
.ls-pin-card-border.ls-pin-type--mitteilung { border-color: #667085 !important; }

.ls-pin-card__meta {
    margin-top: 0.75rem;
    padding-top: 0.65rem;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: #8a94a6;
}

.ls-task-row__meta {
    margin-top: 0.15rem;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: #8a94a6;
}

.ls-ticket-row__meta {
    margin-top: 0.15rem;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: #8a94a6;
}

.ls-area-topnav .badge.rounded-pill {
    border-radius: 999px !important;
}

.ls-btn-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.ls-btn-icon.btn {
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-padding-x: 0.875rem;
    --bs-btn-font-size: 0.8125rem;
    --bs-btn-line-height: 1.4;
}

.ls-btn-icon.btn .ls-icon {
    width: 1em;
    height: 1em;
}

.ls-btn-icon-only {
    justify-content: center;
    gap: 0;
    padding: 0.25rem 0.45rem;
}

.ls-icon-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0.35rem;
    border: 0;
    background: transparent;
    text-decoration: none;
    border-radius: 0.375rem;
    line-height: 1;
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.ls-icon-action--edit {
    color: #5c667a;
}

.ls-icon-action--edit:hover,
.ls-icon-action--edit:focus {
    color: var(--ls-brand-green);
    background: rgba(0, 102, 63, 0.07);
}

.ls-icon-action--delete {
    color: #b42318;
}

.ls-icon-action--delete:hover,
.ls-icon-action--delete:focus {
    color: #912018;
    background: rgba(180, 35, 24, 0.08);
}

.ls-icon-action .ls-icon {
    width: 1.125rem;
    height: 1.125rem;
}

.ls-action-buttons {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-left: auto;
}

td.ls-action-buttons-cell {
    text-align: right;
    white-space: nowrap;
}

td.ls-action-buttons-cell .ls-action-buttons {
    margin-left: 0;
    width: 100%;
}

.ls-icon {
    width: 1.125em;
    height: 1.125em;
    flex-shrink: 0;
}

/* Dashboard widget cards (overview) */
.ls-dash-card {
    border-color: var(--bs-border-color);
    overflow: hidden;
    background-color: #fff;
}

.ls-dash-card__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border-bottom: 1px solid var(--bs-border-color);
}

.ls-dash-card--accent-head .ls-dash-card__head {
    background: var(--ls-sidebar-user);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.ls-dash-card--accent-head .ls-dash-card__title {
    color: #fff;
}

.ls-dash-card--accent-head .ls-dash-card__subtitle {
    color: rgba(255, 255, 255, 0.88);
}

.ls-dash-card--accent-head .ls-dash-card__link {
    color: #fff;
}

.ls-dash-card--accent-head .ls-dash-card__link:hover {
    color: rgba(255, 255, 255, 0.85);
}

.ls-dash-card__link {
    padding-top: 0.1rem;
}

.ls-dash-card__empty {
    padding: 2rem 1.25rem;
    text-align: center;
    color: var(--ls-card-header-muted);
    font-size: 0.95rem;
}

.ls-dash-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ls-dash-list__item {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.95rem 1.25rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.ls-dash-list__item:last-child {
    border-bottom: none;
}

.ls-dash-list__main {
    flex: 1;
    min-width: 0;
}

.ls-dash-list__title {
    font-size: 14px;
    font-weight: 600;
    color: var(--ls-card-header-text);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ls-dash-list__meta {
    font-size: 0.8125rem;
    color: var(--ls-card-header-muted);
    margin-top: 0.15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ls-dash-pin-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
}

.ls-dash-pin-icon .ls-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.ls-dash-list--pin .ls-dash-list__item {
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.ls-dash-ticket-id {
    flex-shrink: 0;
    width: 2.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #98a2b3;
}

.ls-dash-task-check {
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    border: 1.5px solid #98a2b3;
    border-radius: 0.2rem;
    margin-top: 0.15rem;
}

.ls-dash-list--task .ls-dash-list__item {
    align-items: flex-start;
}

.ls-dash-list--task .ls-dash-list__meta {
    font-size: 0.6875rem;
    color: #8a94a6;
}

.ls-dash-badge {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.ls-dash-badge--ticket-new {
    background: #fff4e5;
    color: #c45c00;
}

.ls-dash-badge--ticket-open {
    background: #fffaeb;
    color: #b54708;
}

.ls-dash-badge--ticket-progress {
    background: #ecfdf3;
    color: #027a48;
}

.ls-dash-badge--ticket-done {
    background: #eef2f6;
    color: #667085;
}

.ls-dash-badge--due-neutral {
    background: #eef2f6;
    color: #475467;
}

.ls-dash-badge--due-overdue {
    background: #fef3f2;
    color: #b42318;
}

.ls-dash-badge--task-review {
    background: #eff8ff;
    color: #175cd3;
}

.ls-ticket-feedback {
    padding: 0.65rem 0.75rem;
    border-radius: 0.65rem;
    background: #f8f9fb;
    border: 1px solid rgba(221, 227, 234, 0.9);
}

.ls-ticket-feedback__label {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8a94a6;
    margin-bottom: 0.25rem;
}

.ls-ticket-feedback__assignee {
    font-size: 0.75rem;
    font-weight: 600;
    color: #475467;
    margin-bottom: 0.35rem;
}

.ls-ticket-feedback__text {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #1a1f2e;
}

.ls-ticket-feedback__text--empty {
    color: #8a94a6;
    font-style: italic;
}

/* Admin (/ls-king) — typography aligned with dashboard */
.ls-area-admin .table thead th {
    font-weight: 600;
    font-size: 0.875rem;
}

.ls-area-admin .fs-2 {
    font-weight: 600;
}

.ls-area-admin .ls-announcement-cards > .card.ls-dash-card {
    overflow: hidden;
}

.ls-house-docs-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 991.98px) {
    .ls-house-docs-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}