:root {
    --solny-green: #3bb185;
    --solny-blue: #3f38bf;
    --solny-brand-primary: var(--solny-green);
    --solny-brand-secondary: var(--solny-blue);
    --solny-lilac: #807bc8;
    --solny-dark: #1b1e2b;
    --solny-muted: #6a7083;
    --solny-border: #e2e4ef;
    --solny-bg: #f6f7fb;
    --solny-card: #ffffff;
    --solny-shadow: 0 18px 40px rgba(31, 35, 55, 0.08);
    --solny-control-radius: 12px;
}

.solny-kanban {
    font-family: 'Montserrat', sans-serif;
    color: var(--solny-dark);
    position: relative;
    padding: 24px;
    background: var(--solny-bg);
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: visible;
    --expense-columns: 3;
    --task-columns: 3;
}

.solny-kanban--locked {
    padding: 20px;
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--solny-shadow);
}

.solny-kanban--license-locked {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 28px;
    background:
        radial-gradient(circle at 12% 18%, rgba(59, 177, 133, 0.22), transparent 30%),
        radial-gradient(circle at 88% 12%, rgba(63, 56, 191, 0.2), transparent 28%),
        linear-gradient(135deg, #f6fff9 0%, #f7f8ff 54%, #eef2ff 100%);
}

.solny-license-lock {
    width: min(760px, 100%);
}

.solny-license-lock__card {
    position: relative;
    overflow: hidden;
    padding: 34px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 28px 80px rgba(31, 35, 55, 0.14);
}

.solny-license-lock__card::before {
    content: "";
    position: absolute;
    inset: -120px auto auto -120px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(59, 177, 133, 0.18);
}

.solny-license-lock__badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.08);
    color: var(--solny-blue);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.solny-license-lock h1 {
    position: relative;
    margin: 18px 0 8px;
    color: var(--solny-dark);
    font-size: clamp(30px, 5vw, 48px);
    line-height: 1;
}

.solny-license-lock p {
    position: relative;
    max-width: 560px;
    margin: 0;
    color: var(--solny-muted);
    font-size: 16px;
    line-height: 1.6;
}

.solny-license-lock__meta {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 22px 0;
}

.solny-license-lock__meta div {
    padding: 12px 14px;
    border: 1px solid var(--solny-border);
    border-radius: 16px;
    background: #ffffff;
}

.solny-license-lock__meta span {
    display: block;
    color: var(--solny-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.045em;
}

.solny-license-lock__meta strong {
    display: block;
    margin-top: 4px;
    color: var(--solny-dark);
    font-size: 15px;
}

.solny-license-lock__cta {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--solny-green), #22966f);
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 16px 30px rgba(35, 150, 111, 0.24);
}

.solny-license-lock__cta:hover {
    color: #ffffff;
    transform: translateY(-1px);
}

.solny-license-lock__note {
    position: relative;
    padding: 12px 14px;
    border-radius: 14px;
    background: #fff7ed;
    color: #9a3412;
    font-weight: 700;
}

.solny-kanban__bg {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 10% 10%, rgba(59, 177, 133, 0.15), transparent 45%),
        radial-gradient(circle at 90% 20%, rgba(63, 56, 191, 0.16), transparent 55%),
        radial-gradient(circle at 50% 80%, rgba(128, 123, 200, 0.18), transparent 50%);
    pointer-events: none;
}

.solny-kanban > * {
    position: relative;
    z-index: 1;
}

.solny-kanban__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    background: var(--solny-card);
    border-radius: 20px;
    box-shadow: var(--solny-shadow);
    flex-wrap: wrap;
    position: relative;
    z-index: 200;
}

.solny-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    min-width: 220px;
}

.solny-brand__logo {
    height: 28px;
}

.solny-brand > div {
    min-width: 160px;
}

.solny-brand__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.1;
}

.solny-brand__subtitle {
    font-size: 12px;
    color: var(--solny-muted);
    line-height: 1.2;
}

.solny-topbar__search {
    flex: 1;
    max-width: 520px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 18px;
    border: 1px solid rgba(63, 56, 191, 0.5);
    background: linear-gradient(135deg, #ffffff, #f5f6ff);
    box-shadow: 0 14px 30px rgba(63, 56, 191, 0.2), inset 0 0 0 1px rgba(63, 56, 191, 0.08);
    flex-wrap: wrap;
    z-index: 210;
}

.solny-topbar__search:focus-within {
    border-color: var(--solny-blue);
    box-shadow: 0 16px 34px rgba(63, 56, 191, 0.24), inset 0 0 0 1px rgba(63, 56, 191, 0.12);
}

.solny-topbar__search i {
    color: var(--solny-muted);
}

.solny-topbar__search input {
    flex: 1;
    min-width: 160px;
    padding: 6px 4px;
    border: none;
    background: transparent;
    font-size: 13px;
    outline: none;
    font-family: 'Montserrat', sans-serif;
}

.solny-topbar__search input::placeholder {
    font-family: 'Montserrat', sans-serif;
    color: var(--solny-muted);
}

#solny-search-input::placeholder {
    font-family: 'Montserrat', sans-serif;
}

.solny-topbar__right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-left: auto;
}

.solny-topbar__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.solny-topbar__user {
    display: flex;
    align-items: center;
}

.solny-topbar__group {
    position: relative;
}

.solny-topbar__trigger {
    gap: 10px;
}

.solny-topbar__menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 210px;
    background: #ffffff;
    border: 1px solid #e3e5ef;
    border-radius: 14px;
    box-shadow: 0 16px 30px rgba(31, 35, 55, 0.16);
    padding: 10px;
    display: none;
    flex-direction: column;
    gap: 6px;
    z-index: 40;
}

.solny-topbar__group.is-open .solny-topbar__menu {
    display: flex;
}

.solny-topbar__menu .solny-btn {
    width: 100%;
    justify-content: flex-start;
    border-radius: 12px;
    padding: 10px 12px;
}

.solny-topbar__group.is-active .solny-topbar__trigger {
    background: rgba(63, 56, 191, 0.14);
    color: var(--solny-blue);
    box-shadow: inset 0 0 0 1px rgba(63, 56, 191, 0.2);
}

.solny-topbar__actions [data-view].is-hidden-by-access,
.solny-topbar__actions [data-modal].is-hidden-by-access {
    display: none !important;
}

.solny-btn--icon {
    padding: 10px;
    width: 40px;
    height: 40px;
    justify-content: center;
}

.solny-btn {
    border: none;
    cursor: pointer;
    padding: 10px 16px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.solny-btn__icons {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-topbar__actions .solny-btn {
    border-radius: 12px;
}

.solny-user-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 14px;
    border: 1px solid rgba(63, 56, 191, 0.15);
    background: linear-gradient(135deg, #ffffff, #f1f3ff);
    box-shadow: 0 10px 20px rgba(31, 35, 55, 0.08);
}

.solny-avatar.solny-avatar--topbar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: visible;
    position: relative;
}

.solny-avatar.solny-avatar--topbar::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--solny-green);
    border: 2px solid #fff;
    box-shadow: 0 0 0 3px rgba(59, 177, 133, 0.2);
    bottom: -1px;
    right: -1px;
}

.solny-user-badge__meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1;
    min-width: 0;
}

.solny-user-badge__name {
    font-weight: 600;
    font-size: 12px;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-user-badge__role {
    font-size: 11px;
    color: var(--solny-muted);
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-user-badge__logout {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 10px;
    border: 1px solid rgba(63, 56, 191, 0.15);
    background: #fff;
    color: var(--solny-muted);
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.solny-user-badge__logout:hover {
    color: var(--solny-blue);
    border-color: rgba(63, 56, 191, 0.3);
    box-shadow: 0 8px 16px rgba(63, 56, 191, 0.18);
    transform: translateY(-1px);
}

.solny-user-badge__logout i {
    font-size: 12px;
}

.solny-btn i {
    font-size: 14px;
}

.solny-btn--primary {
    background: linear-gradient(120deg, var(--solny-brand-primary, var(--solny-green)), var(--solny-brand-secondary, var(--solny-blue)));
    color: #fff;
    box-shadow: 0 12px 24px rgba(63, 56, 191, 0.2);
}

.solny-btn--ticket-send {
    border-radius: 12px;
}

.solny-btn--email {
    border-radius: 10px;
    font-weight: 600;
    gap: 8px;
    display: inline-flex;
    align-items: center;
}

.solny-btn--email.is-loading {
    opacity: 0.85;
    pointer-events: none;
}

.solny-btn.is-loading {
    opacity: 0.85;
    pointer-events: none;
}

.solny-btn--email.is-sent {
    background: linear-gradient(120deg, #3bb185, #35a375);
}

.solny-spinner {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-top-color: #fff;
    animation: solny-spin 0.8s linear infinite;
}

@keyframes solny-spin {
    to {
        transform: rotate(360deg);
    }
}

.solny-btn--ghost {
    background: #f0f2f7;
    color: var(--solny-dark);
}

.solny-btn--danger {
    background: #ffecec;
    color: #b33a3a;
    box-shadow: inset 0 0 0 1px #f2c1c1;
}

.solny-btn--danger:hover {
    background: #ffdede;
}

.solny-archive {
    padding: 28px 28px 40px;
}

.solny-archive__toolbar {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto;
    grid-template-areas: "filters filters";
    gap: 14px 18px;
    align-items: end;
    margin-bottom: 18px;
}

.solny-archive__title {
    grid-area: title;
    min-width: 0;
}

.solny-archive__title h2 {
    margin: 0;
    font-size: 22px;
}

.solny-archive__title span {
    color: var(--solny-muted);
    font-size: 12px;
}

.solny-archive__meta {
    display: none;
}

.solny-archive__meta .solny-badge {
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    border: 1px solid transparent;
    appearance: none;
    font-family: inherit;
}

.solny-archive__meta .solny-badge.is-active {
    box-shadow: inset 0 0 0 1px rgba(31, 35, 55, 0.12), 0 10px 20px rgba(31, 35, 55, 0.1);
    transform: translateY(-1px);
}

.solny-archive__meta .solny-badge:hover {
    transform: translateY(-1px);
}

.solny-archive__filters {
    grid-area: filters;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
    align-self: center;
}

.solny-archive__filters-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 14px;
    align-items: flex-start;
    overflow: visible;
}

.solny-archive__filters-left {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 10px;
    min-width: 0;
    overflow: visible;
    padding-bottom: 2px;
}

.solny-archive__filter-group--doc-meta {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    overflow: visible;
    position: relative;
}

.solny-archive__filters-side {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}

.solny-archive__filters-side .solny-archive__filter-group--admin {
    order: 1;
}

.solny-archive__filters-side .solny-archive__manager-control {
    order: 2;
}

.solny-archive__stats {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 18px;
}

.solny-archive__active-filters {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    padding-top: 0;
    flex: 0 0 auto;
}

.solny-archive__active-hint {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #24335f;
    margin-right: 2px;
    white-space: nowrap;
}

.solny-archive__filter-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    overflow: visible;
}

.solny-archive__filter-group--admin {
    margin-left: 0;
}

.solny-archive__filter-group--admin .solny-archive__admin-btn {
    padding-left: 10px;
    padding-right: 10px;
}

.solny-archive__manager-control {
    margin-left: 0;
    min-width: 300px;
    max-width: 360px;
}

.solny-archive__filter-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--solny-muted);
    margin-right: 2px;
}

.solny-archive-filter-select {
    min-width: 250px;
    width: 270px;
    position: relative;
    z-index: 20;
    --archive-filter-color: #3f38bf;
    --archive-filter-bg: rgba(63, 56, 191, 0.1);
    --archive-filter-border: rgba(63, 56, 191, 0.32);
}

.solny-archive-filter-select.is-open {
    z-index: 420;
}

.solny-archive-filter-select .solny-select__trigger {
    min-height: 42px;
    width: 100%;
    justify-content: space-between;
    background: linear-gradient(135deg, #fff 0%, var(--archive-filter-bg) 100%);
    border-color: var(--archive-filter-border);
    color: #18213f;
}

.solny-archive-filter-select .solny-select__value {
    min-width: 0;
    flex: 1;
}

.solny-archive-filter-select .solny-select__value > i,
.solny-archive-filter-select .solny-select__trigger > i {
    color: var(--archive-filter-color);
}

.solny-archive-filter-select .solny-select__meta {
    background: var(--archive-filter-bg);
    border: 1px solid var(--archive-filter-border);
    color: var(--archive-filter-color);
}

.solny-archive-filter-select .solny-select__value > span:not(.solny-select__meta):not(.solny-badge__alert) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-archive-filter-select .solny-select__option {
    gap: 9px;
    border: 1px solid transparent;
    color: #1b2441;
}

.solny-archive-filter-select .solny-badge__alert {
    margin-left: auto;
}

.solny-archive-filter-select .solny-select__menu {
    left: 0;
    right: auto;
    min-width: 100%;
    z-index: 430;
}

.solny-archive-filter-select .solny-select__option > i {
    color: var(--archive-filter-color);
}

.solny-archive-filter-select .solny-select__option .solny-select__option-count {
    background: var(--archive-filter-bg);
    border: 1px solid var(--archive-filter-border);
    border-radius: 999px;
    padding: 2px 7px;
    border-color: var(--archive-filter-border);
    color: var(--archive-filter-color);
}

.solny-archive-filter-select .solny-select__option.is-active {
    background: var(--archive-filter-bg);
    border-color: var(--archive-filter-border);
    color: #121a35;
}

.solny-archive-active-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 7px 10px;
    border: 1px solid var(--archive-filter-border);
    border-radius: 10px;
    background: var(--archive-filter-bg);
    color: #17203c;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.solny-archive-active-chip i {
    color: var(--archive-filter-color);
}

.solny-archive__reset-filter {
    border: 1px solid rgba(214, 95, 11, 0.42);
    background: linear-gradient(135deg, #ff9f1a 0%, #d65f0b 100%);
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 22px rgba(214, 95, 11, 0.18);
}

.solny-archive__reset-filter:hover {
    border-color: rgba(214, 95, 11, 0.62);
    background: linear-gradient(135deg, #ffae33 0%, #c94d00 100%);
    color: #fff;
}

.solny-archive__filters .solny-badge {
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    border: 1px solid transparent;
    appearance: none;
    font-family: inherit;
    white-space: nowrap;
}

.solny-archive__filters .solny-badge--muted {
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    border-color: rgba(63, 56, 191, 0.2);
}

.solny-archive__filters .solny-badge--muted:hover {
    background: rgba(63, 56, 191, 0.16);
    color: #2d2aac;
    border-color: rgba(63, 56, 191, 0.3);
    box-shadow: 0 10px 18px rgba(63, 56, 191, 0.15);
}

.solny-archive__filters .solny-badge--muted.is-active {
    background: linear-gradient(135deg, #3f38bf 0%, #2f2db4 100%);
    color: #ffffff;
    border-color: rgba(47, 45, 180, 0.75);
    box-shadow: 0 12px 20px rgba(47, 45, 180, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.solny-archive__filters .solny-badge.is-active {
    box-shadow: inset 0 0 0 1px rgba(31, 35, 55, 0.12), 0 10px 20px rgba(31, 35, 55, 0.08);
    transform: translateY(-1px);
}

.solny-archive__filters .solny-badge--muted.is-active {
    box-shadow: 0 12px 20px rgba(47, 45, 180, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.solny-archive__filters .solny-badge--customer,
.solny-archive__meta .solny-badge--customer {
    background: rgba(63, 128, 255, 0.12);
    color: #2c64cc;
    border-color: rgba(63, 128, 255, 0.3);
}

.solny-archive__filters .solny-badge--customer:hover,
.solny-archive__meta .solny-badge--customer:hover {
    background: rgba(63, 128, 255, 0.2);
    color: #214fa8;
    border-color: rgba(63, 128, 255, 0.42);
    box-shadow: 0 10px 18px rgba(63, 128, 255, 0.2);
}

.solny-archive__filters .solny-badge--customer.is-active,
.solny-archive__meta .solny-badge--customer.is-active {
    background: linear-gradient(135deg, #3f80ff 0%, #2e69dd 100%);
    color: #ffffff;
    border-color: rgba(46, 105, 221, 0.76);
    box-shadow: 0 12px 20px rgba(46, 105, 221, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.solny-archive__filters .solny-badge--awaiting,
.solny-archive__meta .solny-badge--awaiting {
    background: linear-gradient(135deg, rgba(255, 190, 82, 0.24) 0%, rgba(255, 125, 79, 0.2) 100%);
    color: #8f2f00;
    border-color: rgba(244, 112, 59, 0.38);
}

.solny-archive__filters .solny-badge--awaiting:hover,
.solny-archive__meta .solny-badge--awaiting:hover {
    background: linear-gradient(135deg, rgba(255, 177, 64, 0.34) 0%, rgba(244, 98, 49, 0.28) 100%);
    color: #742300;
    border-color: rgba(234, 93, 47, 0.52);
    box-shadow: 0 10px 18px rgba(239, 120, 53, 0.26);
}

.solny-archive__filters .solny-badge--awaiting.is-active,
.solny-archive__meta .solny-badge--awaiting.is-active {
    background: linear-gradient(135deg, #ffb347 0%, #ef5b38 100%);
    color: #ffffff;
    border-color: rgba(232, 87, 41, 0.8);
    box-shadow: 0 12px 20px rgba(232, 95, 43, 0.34), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.solny-archive__filters .solny-badge--awaiting .solny-badge__alert,
.solny-archive__meta .solny-badge--awaiting .solny-badge__alert {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    background: rgba(225, 61, 26, 0.14);
    color: #c52d09;
    border: 1px solid rgba(213, 57, 22, 0.26);
}

.solny-archive__filters .solny-badge--awaiting.is-active .solny-badge__alert,
.solny-archive__meta .solny-badge--awaiting.is-active .solny-badge__alert {
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.36);
}

.solny-archive__filters .solny-badge--paid,
.solny-archive__meta .solny-badge--paid {
    background: rgba(59, 177, 133, 0.14);
    color: #1d8d66;
    border-color: rgba(59, 177, 133, 0.34);
}

.solny-archive__filters .solny-badge--paid:hover,
.solny-archive__meta .solny-badge--paid:hover {
    background: rgba(59, 177, 133, 0.24);
    color: #136f4f;
    border-color: rgba(59, 177, 133, 0.46);
    box-shadow: 0 10px 18px rgba(59, 177, 133, 0.2);
}

.solny-archive__filters .solny-badge--paid.is-active,
.solny-archive__meta .solny-badge--paid.is-active {
    background: linear-gradient(135deg, #3bb185 0%, #2c9a70 100%);
    color: #ffffff;
    border-color: rgba(44, 154, 112, 0.78);
    box-shadow: 0 12px 20px rgba(44, 154, 112, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.solny-archive__filters .solny-badge--accent,
.solny-archive__meta .solny-badge--accent {
    background: rgba(63, 56, 191, 0.14);
    color: #3f38bf;
    border-color: rgba(63, 56, 191, 0.32);
}

.solny-archive__filters .solny-badge--accent:hover,
.solny-archive__meta .solny-badge--accent:hover {
    background: rgba(63, 56, 191, 0.24);
    color: #2f2db4;
    border-color: rgba(63, 56, 191, 0.46);
    box-shadow: 0 10px 18px rgba(63, 56, 191, 0.2);
}

.solny-archive__filters .solny-badge--accent.is-active,
.solny-archive__meta .solny-badge--accent.is-active {
    background: linear-gradient(135deg, #3f38bf 0%, #2f2db4 100%);
    color: #ffffff;
    border-color: rgba(47, 45, 180, 0.78);
    box-shadow: 0 12px 20px rgba(47, 45, 180, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.solny-archive__filters .solny-badge--danger,
.solny-archive__meta .solny-badge--danger {
    background: rgba(215, 91, 91, 0.14);
    color: #b54848;
    border-color: rgba(215, 91, 91, 0.32);
}

.solny-archive__filters .solny-badge--danger:hover,
.solny-archive__meta .solny-badge--danger:hover {
    background: rgba(215, 91, 91, 0.24);
    color: #9f3333;
    border-color: rgba(215, 91, 91, 0.46);
    box-shadow: 0 10px 18px rgba(215, 91, 91, 0.2);
}

.solny-archive__filters .solny-badge--danger.is-active,
.solny-archive__meta .solny-badge--danger.is-active {
    background: linear-gradient(135deg, #d75b5b 0%, #bf4747 100%);
    color: #ffffff;
    border-color: rgba(191, 71, 71, 0.78);
    box-shadow: 0 12px 20px rgba(191, 71, 71, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.solny-invoice-counter__summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.solny-invoice-counter__table-wrap {
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    overflow: auto;
    max-height: 58vh;
    background: #fff;
}

.solny-invoice-counter__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.solny-invoice-counter__table th,
.solny-invoice-counter__table td {
    padding: 8px 10px;
    border-bottom: 1px solid #eef1f8;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.solny-invoice-counter__table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f7f9ff;
    color: #5b6180;
    font-weight: 700;
}

.solny-archive__list {
    column-count: 2;
    column-gap: 14px;
}

@media (min-width: 1460px) {
    .solny-archive__filters-main {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .solny-archive__filter-group--prefix {
        min-width: 0;
    }
    .solny-archive__manager-control {
        flex: 0 0 340px;
        min-width: 340px;
    }
    .solny-archive__filter-group--admin {
        flex: 0 0 auto;
    }
}

@media (max-width: 1360px) {
    .solny-archive__toolbar {
        grid-template-columns: 1fr;
        grid-template-areas: "filters";
        gap: 12px;
    }
    .solny-archive__filters-main {
        grid-template-columns: 1fr;
    }
    .solny-archive__filters-side {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .solny-archive__manager-control {
        width: min(100%, 380px);
        max-width: 100%;
    }
}

.solny-archive-card__badges {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.solny-archive-card {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #e3e5ef;
    padding: 16px 18px;
    box-shadow: 0 12px 24px rgba(31, 35, 55, 0.06);
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin: 0 0 14px;
    break-inside: avoid;
}

.solny-archive-card.is-storno {
    border-color: rgba(215, 91, 91, 0.4);
    background: rgba(215, 91, 91, 0.06);
}

.solny-archive-card--nested {
    margin: 0;
    border-radius: 14px;
    padding: 14px;
    box-shadow: 0 8px 16px rgba(31, 35, 55, 0.05);
}

.solny-archive-customer-card {
    background: #ffffff;
    border: 1px solid rgba(36, 178, 112, 0.24);
    border-radius: 18px;
    padding: 16px 18px;
    margin: 0 0 14px;
    break-inside: avoid;
    box-shadow: 0 12px 24px rgba(31, 35, 55, 0.06);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-archive-doc.is-highlight {
    border-color: rgba(63, 56, 191, 0.48);
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.16);
}

.solny-archive-customer-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.solny-archive-customer-card__identity {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.solny-archive-customer-card__identity .solny-avatar {
    width: 30px;
    height: 30px;
    font-size: 12px;
}

.solny-archive-customer-card__title {
    font-weight: 700;
    font-size: 15px;
    color: #1f2538;
}

.solny-archive-customer-card__meta {
    margin-top: 2px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-archive-customer-card__email {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #5a6280;
}

.solny-archive-customer-card__orders {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 2px;
}

.solny-archive-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.solny-archive-card__title {
    font-weight: 600;
    font-size: 14px;
}

.solny-archive-card__meta {
    font-size: 12px;
    color: var(--solny-muted);
    margin-top: 4px;
}

.solny-archive-card__file a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--solny-blue);
    text-decoration: none;
}

.solny-archive-card__file em {
    font-style: normal;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-archive-card__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.solny-archive-card__actions .solny-btn[data-action="archive-open-order"] {
    border-color: rgba(63, 56, 191, 0.28);
    color: #2f2db4;
    background: rgba(63, 56, 191, 0.09);
}

.solny-archive-card__actions .solny-btn[data-action="archive-open-order"]:hover {
    background: rgba(63, 56, 191, 0.16);
    border-color: rgba(63, 56, 191, 0.4);
    color: #25239a;
}

.solny-archive-card__actions .solny-btn[data-action="storno-open-all"],
.solny-archive-card__actions .solny-btn[data-action="storno-remove-all"] {
    border-color: rgba(215, 91, 91, 0.32);
    color: #b54848;
    background: rgba(215, 91, 91, 0.12);
}

.solny-archive-card__actions .solny-btn[data-action="storno-open-all"]:hover,
.solny-archive-card__actions .solny-btn[data-action="storno-remove-all"]:hover {
    background: rgba(215, 91, 91, 0.2);
    border-color: rgba(215, 91, 91, 0.45);
    color: #a23f3f;
}

.solny-archive-docs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 8px;
}

.solny-archive-docs--storno {
    padding-top: 10px;
    border-top: 1px dashed rgba(215, 91, 91, 0.35);
}

.solny-archive-doc {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #f7f8fc;
}

.solny-archive-doc.is-storno {
    background: rgba(215, 91, 91, 0.08);
}

.solny-archive-doc.is-gutschrift {
    border: 1px solid rgba(244, 131, 35, 0.28);
    background: linear-gradient(135deg, rgba(255, 248, 238, 0.96), rgba(255, 255, 255, 0.92));
    box-shadow: inset 4px 0 0 rgba(244, 131, 35, 0.82);
}

.solny-archive-doc.is-gutschrift .solny-archive-doc__chip:first-child {
    border-color: rgba(244, 131, 35, 0.28);
    background: rgba(244, 131, 35, 0.12);
    color: #8a3d06;
}

.solny-archive-doc.is-paid {
    border: 1px solid rgba(36, 178, 112, 0.34);
    background: linear-gradient(135deg, rgba(238, 252, 244, 0.98), rgba(255, 255, 255, 0.94));
    box-shadow: inset 4px 0 0 rgba(36, 178, 112, 0.82), 0 12px 26px rgba(36, 178, 112, 0.08);
}

.solny-archive-doc.is-paid .solny-archive-doc__main a {
    color: #103f2a;
}

.solny-archive-doc.is-paid .solny-archive-doc__chip.is-paid {
    border: 1px solid rgba(36, 178, 112, 0.34);
    background: linear-gradient(135deg, rgba(36, 178, 112, 0.18), rgba(20, 215, 143, 0.13));
    color: #146b43;
}

.solny-archive-doc.is-paid .solny-archive-doc__amount {
    border-color: rgba(36, 178, 112, 0.34);
    background: rgba(255, 255, 255, 0.82);
}

.solny-archive-doc.is-paid .solny-archive-doc__amount-line strong {
    color: #146b43;
}

.solny-archive-doc.is-paid .solny-archive-doc__amount-hint {
    color: #24835f;
    font-weight: 700;
}

.solny-archive-doc.is-linked-source,
.solny-archive-doc.is-linked-storno {
    position: relative;
}

.solny-archive-doc.is-linked-source {
    border: 1px solid rgba(63, 56, 191, 0.24);
    box-shadow: inset 0 0 0 1px rgba(63, 56, 191, 0.06);
}

.solny-archive-doc.is-linked-storno {
    border: 1px dashed rgba(215, 91, 91, 0.42);
    box-shadow: inset 0 0 0 1px rgba(215, 91, 91, 0.12);
}

.solny-archive-doc.is-linked-source + .solny-archive-doc.is-linked-storno {
    margin-top: 4px;
}

.solny-archive-chain {
    --solny-chain-x: 12px;
    --solny-chain-gap: 8px;
    --solny-chain-entry-x: 26px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--solny-chain-gap);
    padding: 10px;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(63, 56, 191, 0.04), rgba(215, 91, 91, 0.04));
}

.solny-archive-chain__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 2px 16px;
    font-size: 11px;
    font-weight: 700;
    color: #4d54a9;
}

.solny-archive-chain__item {
    position: relative;
    padding-left: var(--solny-chain-entry-x);
}

.solny-archive-chain__item::before {
    content: "";
    position: absolute;
    left: var(--solny-chain-x);
    top: 50%;
    width: calc(var(--solny-chain-entry-x) - var(--solny-chain-x));
    height: 2px;
    background: rgba(63, 56, 191, 0.45);
    border-radius: 2px;
    transform: translateY(-50%);
}

.solny-archive-chain__item.is-child::before {
    background: rgba(215, 91, 91, 0.45);
}

.solny-archive-chain__item.is-root::after,
.solny-archive-chain__item.is-child::after {
    content: "";
    position: absolute;
    left: var(--solny-chain-x);
    width: 2px;
    border-radius: 2px;
    pointer-events: none;
}

.solny-archive-chain__item.is-root::after {
    top: 50%;
    bottom: calc(var(--solny-chain-gap) / -2);
    background: linear-gradient(180deg, rgba(63, 56, 191, 0.55), rgba(215, 91, 91, 0.42));
}

.solny-archive-chain__item.is-child::after {
    top: calc(var(--solny-chain-gap) / -2);
    bottom: 50%;
    background: rgba(215, 91, 91, 0.42);
}

.solny-archive-chain__item.is-child:not(.is-last)::after {
    bottom: calc(var(--solny-chain-gap) / -2);
}

.solny-archive-chain__point {
    position: absolute;
    left: var(--solny-chain-x);
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    z-index: 2;
    background: #fff;
    color: #3f38bf;
    border: 1px solid rgba(63, 56, 191, 0.28);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8);
}

.solny-archive-chain__point.is-storno {
    color: #b54848;
    border-color: rgba(215, 91, 91, 0.35);
}

.solny-archive-doc__main {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.solny-archive-doc__main a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--solny-blue);
    text-decoration: none;
}

.solny-archive-doc__main em {
    font-style: normal;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-archive-doc__meta {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-archive-doc__details {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.solny-archive-doc__detail {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 7px;
    border-radius: 8px;
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    font-size: 11px;
    line-height: 1.2;
    border: 1px solid rgba(63, 56, 191, 0.12);
}

.solny-archive-doc__detail i {
    font-size: 10px;
}

.solny-archive-doc__detail--link {
    cursor: pointer;
    font-family: inherit;
    appearance: none;
}

.solny-archive-doc__detail--link:hover {
    background: rgba(63, 56, 191, 0.14);
}

.solny-archive-doc__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
}

.solny-archive-doc__chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
}

.solny-archive-doc__chip i {
    font-size: 10px;
}

.solny-archive-doc__chip.is-warning {
    background: rgba(243, 156, 18, 0.16);
    color: #b87400;
}

.solny-archive-doc__chip.is-critical,
.solny-archive-doc__chip.is-overdue {
    background: rgba(215, 91, 91, 0.16);
    color: #b54848;
}

.solny-archive-doc__chip.is-paid {
    background: rgba(55, 190, 95, 0.16);
    color: #25964d;
}

.solny-archive-doc__chip--generated {
    background: rgba(36, 101, 203, 0.12);
    color: #1f56b0;
    border: 1px solid rgba(36, 101, 203, 0.22);
}

.solny-archive-doc__chip--invoice-number {
    background: rgba(36, 101, 203, 0.14);
    color: #1f56b0;
    border: 1px solid rgba(36, 101, 203, 0.24);
}

.solny-archive-doc__chip--invoice-number .solny-archive-doc__chip-remove {
    margin-left: 2px;
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 999px;
    background: rgba(31, 86, 176, 0.14);
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.solny-archive-doc__chip--invoice-number .solny-archive-doc__chip-remove:hover {
    background: rgba(31, 86, 176, 0.24);
}

.solny-archive-doc__chip--invoice-number .solny-archive-doc__chip-remove i {
    font-size: 9px;
}

.solny-archive-doc__chip--manager {
    gap: 6px;
    padding: 2px 8px 2px 4px;
    background: rgba(59, 177, 133, 0.16);
    color: #24835f;
    border: 1px solid rgba(59, 177, 133, 0.24);
}

.solny-archive-doc__chip--manager .solny-avatar {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    font-size: 9px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
}

.solny-archive-doc__storno {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    font-size: 11px;
    color: var(--solny-muted);
    margin-top: 6px;
}

.solny-archive-doc__storno .solny-badge {
    margin-left: 0;
}

.solny-archive-doc__storno-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    font-weight: 600;
    font-size: 10px;
}

.solny-archive-doc__storno-chip i {
    font-size: 10px;
}

.solny-archive-doc__storno-reason {
    margin-top: 6px;
    font-size: 11px;
    color: #b54848;
    font-weight: 600;
}

.solny-archive-doc__roadmap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    color: #3251b0;
    background: rgba(50, 81, 176, 0.1);
    border: 1px solid rgba(50, 81, 176, 0.2);
}

.solny-archive-doc__roadmap.is-storno {
    color: #a23f3f;
    background: rgba(215, 91, 91, 0.1);
    border-color: rgba(215, 91, 91, 0.24);
}

.solny-archive-doc__roadmap-icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 0 0 1px rgba(63, 56, 191, 0.18);
    font-size: 10px;
}

.solny-archive-doc__relation {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    padding: 5px 9px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid rgba(63, 56, 191, 0.18);
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
}

.solny-archive-doc__relation.is-storno {
    border-color: rgba(215, 91, 91, 0.24);
    background: rgba(215, 91, 91, 0.12);
    color: #a63c3c;
}

.solny-archive-doc__relation-link {
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 2px;
    padding: 0;
}

.solny-archive-doc__relation-link:hover {
    opacity: 0.86;
}

.solny-archive-doc__note,
.solny-archive-card__note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    background: rgba(63, 56, 191, 0.12);
    color: #3f38bf;
    font-size: 12px;
    font-weight: 600;
}

.solny-archive-doc__note i,
.solny-archive-card__note i {
    font-size: 12px;
}

.solny-archive-doc__note--paid {
    background: rgba(55, 190, 95, 0.14);
    color: #23904b;
}

.solny-archive-doc__hint {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-archive-note {
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px dashed #d4d8e6;
    background: #f6f7fb;
}

.solny-archive-note__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.solny-archive-doc__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 248px;
    flex: 0 0 248px;
}

.solny-archive-doc__amount {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #dbe1ee;
    background: #ffffff;
}

.solny-archive-doc__amount-line {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.solny-archive-doc__amount-line span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: var(--solny-muted);
    text-transform: uppercase;
}

.solny-archive-doc__amount-line strong {
    font-size: 13px;
    color: #1f2538;
}

.solny-archive-doc__amount-rest {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #51607f;
}

.solny-archive-doc__amount.is-open .solny-archive-doc__amount-rest {
    color: #8f6500;
}

.solny-archive-doc__amount.is-paid .solny-archive-doc__amount-rest {
    color: #24835f;
}

.solny-archive-doc__amount-hint {
    font-size: 10px;
    color: #6d768d;
}

.solny-archive-doc__amount-breakdown {
    margin-top: 2px;
    padding-top: 4px;
    border-top: 1px dashed #e3e8f3;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.solny-archive-doc__amount-breakdown-line {
    font-size: 10px;
    line-height: 1.35;
    color: #5b6681;
}

.solny-archive-doc__amount-breakdown-line.is-caption {
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #7a849e;
}

.solny-archive-doc__amount-breakdown-line.is-final {
    font-weight: 700;
    color: #2f4f93;
}

.solny-archive-doc__action-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-archive-doc__btn {
    width: 100%;
    justify-content: center;
    border-radius: 9px;
    border: 1px solid rgba(27, 30, 43, 0.12);
}

.solny-archive-doc__btn--paid {
    background: rgba(55, 190, 95, 0.16);
    color: #1f8e4a;
    border-color: rgba(55, 190, 95, 0.28);
}

.solny-archive-doc__btn--paid.is-paid {
    background: rgba(55, 190, 95, 0.24);
}

.solny-archive-doc__btn--storno {
    background: rgba(215, 91, 91, 0.14);
    color: #b54848;
    border-color: rgba(215, 91, 91, 0.28);
}

.solny-archive-doc__btn--delete {
    background: rgba(224, 82, 82, 0.16);
    color: #a93535;
    border-color: rgba(224, 82, 82, 0.34);
}

.solny-archive-doc__btn--delete:hover {
    background: rgba(224, 82, 82, 0.24);
    border-color: rgba(224, 82, 82, 0.42);
}

.solny-archive-card__partial-action {
    margin-top: 2px;
    padding-top: 4px;
    display: flex;
    justify-content: flex-start;
}

.solny-archive-card__partial-btn {
    width: auto;
    justify-content: flex-start;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.26);
    background: rgba(63, 56, 191, 0.1);
    color: #2f2db4;
    font-weight: 600;
}

.solny-archive-card__partial-btn:hover {
    background: rgba(63, 56, 191, 0.16);
    border-color: rgba(63, 56, 191, 0.34);
}

.solny-archive-card__quick-invoice {
    margin-top: 4px;
    padding: 12px;
    border-radius: 12px;
    border: 1px dashed rgba(63, 56, 191, 0.28);
    background: linear-gradient(180deg, rgba(63, 56, 191, 0.08), rgba(63, 56, 191, 0.03));
    display: grid;
    gap: 10px;
}

.solny-archive-card__quick-invoice-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.solny-archive-card__quick-invoice-head strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: #2e34a5;
}

.solny-archive-card__quick-invoice-head span {
    font-size: 11px;
    color: #626d8b;
}

.solny-archive-card__quick-invoice-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-archive-card__quick-btn {
    min-width: 170px;
    justify-content: center;
}

.solny-archive-card__quick-btn.is-partial {
    border-color: rgba(63, 56, 191, 0.3);
    color: #2f2db4;
    background: rgba(63, 56, 191, 0.12);
}

.solny-archive-card__quick-btn.is-partial:hover {
    background: rgba(63, 56, 191, 0.18);
    border-color: rgba(63, 56, 191, 0.4);
}

.solny-archive-card__quick-btn.is-full {
    box-shadow: 0 8px 16px rgba(63, 56, 191, 0.22);
}

.solny-archive-card__quick-btn.is-gutschrift {
    color: #a44811;
    border-color: rgba(242, 123, 38, 0.36);
    background: linear-gradient(135deg, rgba(255, 145, 35, 0.16), rgba(255, 102, 20, 0.08));
}

.solny-archive-card__quick-btn.is-gutschrift:hover {
    background: linear-gradient(135deg, rgba(255, 145, 35, 0.24), rgba(255, 102, 20, 0.14));
    border-color: rgba(242, 123, 38, 0.5);
}

@media (max-width: 900px) {
    .solny-archive-doc {
        flex-direction: column;
    }

    .solny-archive-doc__actions {
        width: 100%;
        min-width: 0;
        flex: 1 1 auto;
    }
}

.solny-archive-doc__reason {
    width: 100%;
    min-height: 56px;
    resize: vertical;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #e3e5ef;
    background: #ffffff;
    font-size: 12px;
    color: var(--solny-dark);
    margin-top: 6px;
    display: none;
}

.solny-archive-doc__reason[readonly] {
    background: #f6f7fb;
    color: #6a7083;
}

.solny-archive-card__reason {
    width: 100%;
    min-height: 56px;
    resize: vertical;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #e3e5ef;
    background: #ffffff;
    font-size: 12px;
    color: var(--solny-dark);
    margin-top: 4px;
    display: none;
}

.solny-archive-card__reason[readonly] {
    background: #f6f7fb;
    color: #6a7083;
}

.solny-archive-doc__reason.is-visible,
.solny-archive-card__reason.is-visible {
    display: block;
}

#solny-modal-invoice-paid .solny-modal__dialog {
    width: min(760px, 100%);
}

.solny-archive-paid__meta {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid #e3e5ef;
    background: #f7f8fc;
    margin-bottom: 14px;
}

.solny-archive-paid__line {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2f3448;
    font-size: 13px;
}

.solny-archive-paid-files {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 26px;
}

.solny-archive-paid-file {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--solny-blue);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

#solny-modal-invoice-paid #solny-invoice-paid-note {
    min-height: 90px;
    resize: vertical;
}

.solny-topbar__actions .solny-btn.is-active {
    background: rgba(63, 56, 191, 0.14);
    color: var(--solny-blue);
    box-shadow: inset 0 0 0 1px rgba(63, 56, 191, 0.2);
}

.solny-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 20px rgba(31, 35, 55, 0.12);
}

.solny-kanban__stats {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.solny-stat-card {
    background: var(--solny-card);
    border-radius: 20px;
    padding: 20px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 16px;
    box-shadow: var(--solny-shadow);
}

.solny-stat-card__title {
    font-size: 13px;
    color: var(--solny-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.solny-stat-card__value {
    font-size: 28px;
    font-weight: 700;
    margin: 8px 0;
}

.solny-stat-card__subtitle {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-stat-card__legend {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.solny-stat-card--monthly {
    grid-template-columns: 1fr;
}

.solny-pill {
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f0f2f7;
    color: var(--solny-muted);
}

.solny-pill--income {
    background: rgba(59, 177, 133, 0.18);
    color: var(--solny-green);
}

.solny-pill--expense {
    background: rgba(128, 123, 200, 0.18);
    color: var(--solny-lilac);
}

.solny-monthly-chart {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(32px, 1fr);
    align-items: end;
    gap: 8px;
    height: 160px;
    margin-top: 12px;
}

.solny-month {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.solny-month__bars {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 120px;
}

.solny-month__bar {
    width: 10px;
    border-radius: 6px;
    background: var(--solny-blue);
    height: var(--bar-height, 20%);
}

.solny-month__bar--income {
    background: linear-gradient(180deg, var(--solny-green), rgba(59, 177, 133, 0.4));
}

.solny-month__bar--expense {
    background: linear-gradient(180deg, var(--solny-lilac), rgba(128, 123, 200, 0.4));
}

.solny-month__label {
    font-size: 10px;
    color: var(--solny-muted);
}

.solny-chart {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 120px;
    background: linear-gradient(180deg, rgba(63, 56, 191, 0.08), transparent);
    padding: 12px;
    border-radius: 16px;
}

.solny-chart__bar {
    flex: 1;
    background: linear-gradient(180deg, var(--solny-blue), var(--solny-lilac));
    border-radius: 8px 8px 4px 4px;
    height: var(--bar-height, 20%);
    min-height: 2px;
}

.solny-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    grid-column: 1 / -1;
}

.solny-search__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 24px;
}

.solny-search-chip {
    background: rgba(63, 56, 191, 0.1);
    color: var(--solny-blue);
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-search-chip__remove {
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--solny-blue);
    font-size: 12px;
    line-height: 1;
}

.solny-search-chip__lock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #5e6592;
    font-size: 10px;
    background: rgba(94, 101, 146, 0.12);
    border-radius: 999px;
}

.solny-search__suggestions {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border: none !important;
    border-radius: 12px;
    max-height: 240px;
    overflow-y: auto;
    z-index: 220;
    box-shadow: 0 14px 28px rgba(27, 30, 43, 0.12);
    font-family: inherit;
}

.solny-search-item {
    width: 100%;
    text-align: left;
    border: none;
    background: transparent;
    padding: 10px 12px;
    font-size: 12px;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.solny-search-item em {
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--solny-muted);
}

.solny-search-item span {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-search-item__company {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--solny-muted);
    margin-left: 10px;
}

.solny-search-item__company img {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    object-fit: cover;
}

.solny-search-item:hover {
    background: #f6f7fb;
}

.solny-stats-hero {
    background: var(--solny-card);
    border-radius: 24px;
    padding: 24px;
    box-shadow: var(--solny-shadow);
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    overflow: visible;
}

.solny-stats-hero__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.solny-stats__controls {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.solny-stats__controls select {
    border: 1px solid var(--solny-border);
    border-radius: var(--solny-control-radius);
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    background: #f6f7fb;
    font-family: inherit;
    height: 40px;
}

.solny-control {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--solny-muted);
}

.solny-control label {
    letter-spacing: 0.4px;
    font-weight: 600;
}

.solny-control--manager {
    min-width: 240px;
}

.solny-control--status-filter {
    min-width: 240px;
}

.solny-select__meta {
    font-size: 11px;
    color: var(--solny-muted);
    background: #eef1f7;
    padding: 2px 6px;
    border-radius: 999px;
    line-height: 1.2;
    margin-left: auto;
}

.solny-select__option-count {
    margin-left: auto;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-manager-filter {
    position: relative;
    min-width: 240px;
}

.solny-manager-filter__trigger {
    border: 1px solid var(--solny-border);
    border-radius: var(--solny-control-radius);
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    background: #f6f7fb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    font-family: inherit;
    color: var(--solny-dark);
    height: 40px;
    width: 100%;
}

.solny-manager-filter.is-open .solny-manager-filter__trigger {
    border-color: var(--solny-blue);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
}

.solny-manager-filter__value {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
}

.solny-manager-filter__icon {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--filter-color, var(--solny-blue)), #ffffff 86%);
    color: var(--filter-color, var(--solny-blue));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.solny-manager-filter__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.solny-manager-filter__text strong {
    font-size: 12px;
    color: var(--solny-dark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-manager-filter__text span {
    font-size: 10px;
    color: var(--solny-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-manager-filter__count {
    font-size: 10px;
    font-weight: 700;
    color: var(--solny-green);
    background: rgba(59, 177, 133, 0.15);
    padding: 3px 8px;
    border-radius: 999px;
    white-space: nowrap;
    margin-left: auto;
}

.solny-manager-filter__self {
    font-size: 10px;
    font-weight: 700;
    color: var(--solny-blue);
    background: rgba(63, 56, 191, 0.12);
    padding: 3px 6px;
    border-radius: 999px;
    white-space: nowrap;
}

.solny-manager-filter__panel {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: 320px;
    max-width: 90vw;
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 16px;
    padding: 10px;
    box-shadow: var(--solny-shadow);
    display: none;
    z-index: 320;
}

.solny-manager-filter.is-open .solny-manager-filter__panel {
    display: block;
}

.solny-manager-filter__search {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    background: #f6f7fb;
    margin-bottom: 8px;
}

.solny-manager-filter__search i {
    color: var(--solny-muted);
}

.solny-manager-filter__search input {
    border: none;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    font-family: inherit;
    color: var(--solny-dark);
    width: 100%;
    outline: none;
}

.solny-manager-filter__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 320px;
    overflow-y: auto;
    padding-right: 4px;
}

.solny-manager-filter__empty {
    display: none;
    font-size: 12px;
    color: var(--solny-muted);
    text-align: center;
    padding: 8px 6px;
}

.solny-manager-filter__empty.is-visible {
    display: block;
}

.solny-manager-card {
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    background: #fff;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-align: left;
    transition: border 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.solny-manager-card:hover {
    border-color: rgba(63, 56, 191, 0.2);
    box-shadow: 0 10px 18px rgba(15, 18, 36, 0.08);
    transform: translateY(-1px);
}

.solny-manager-card.is-active {
    border-color: rgba(59, 177, 133, 0.6);
    background: rgba(59, 177, 133, 0.08);
    box-shadow: 0 10px 18px rgba(59, 177, 133, 0.18);
}

.solny-manager-card.is-hidden {
    display: none;
}

.solny-manager-card--all {
    background: #f6f7fb;
}

.solny-manager-card__icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--filter-color, var(--solny-blue)), #ffffff 86%);
    color: var(--filter-color, var(--solny-blue));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.solny-manager-card__icon img,
.solny-manager-filter__icon img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.solny-manager-card__info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.solny-manager-card__name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--solny-dark);
    min-width: 0;
}

.solny-manager-card__name span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-manager-card__badge {
    font-size: 9px;
    font-weight: 700;
    color: var(--solny-blue);
    background: rgba(63, 56, 191, 0.12);
    padding: 2px 6px;
    border-radius: 999px;
    white-space: nowrap;
}

.solny-manager-card__meta {
    font-size: 11px;
    color: var(--solny-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-manager-card__stats {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.solny-manager-card__count {
    font-size: 14px;
    font-weight: 700;
    color: var(--solny-dark);
}

.solny-manager-card__label {
    font-size: 10px;
    color: var(--solny-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

@media (max-width: 900px) {
    .solny-control--manager,
    .solny-manager-filter {
        width: 100%;
    }

    .solny-manager-filter__panel {
        right: auto;
        left: 0;
        width: 100%;
    }
}

.solny-date-filter {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: flex-end;
}

.solny-date-range {
    position: relative;
    display: inline-flex;
    width: auto;
}

.solny-date-range__trigger {
    border: 1px solid var(--solny-border);
    border-radius: var(--solny-control-radius);
    padding: 6px 8px;
    font-size: 12px;
    background: #f6f7fb;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    width: auto;
    cursor: text;
    font-family: inherit;
    color: var(--solny-dark);
    height: 40px;
}

.solny-date-range__trigger:focus-within {
    border-color: var(--solny-blue);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
}

.solny-date-range__input {
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    color: var(--solny-dark);
    width: 10ch;
    min-width: 10ch;
    outline: none;
}

.solny-term-date {
    width: 100%;
}

.solny-term-date .solny-date-range {
    width: 100%;
}

.solny-term-date-range .solny-date-range__trigger {
    width: 100%;
    background: #ffffff;
    justify-content: space-between;
    gap: 8px;
}

.solny-term-date-range .solny-date-range__input {
    width: 100%;
    min-width: 0;
}

.solny-term-date-range .solny-date-range__divider {
    display: none;
}

.solny-term-date-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.solny-date-range__input::placeholder {
    color: var(--solny-muted);
}

.solny-date-range__divider {
    color: var(--solny-muted);
    font-size: 12px;
}

.solny-date-range__toggle {
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--solny-muted);
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.solny-date-range__toggle:hover {
    color: var(--solny-blue);
}

.solny-date-range__panel {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: 280px;
    max-width: 90vw;
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: var(--solny-control-radius);
    padding: 12px;
    box-shadow: var(--solny-shadow);
    display: none;
    z-index: 360;
}

#solny-modal-status-action .solny-date-range__panel {
    z-index: 1200;
}

.solny-date-range.is-open .solny-date-range__panel {
    display: block;
}

.solny-date-range__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
    color: var(--solny-muted);
    margin-bottom: 10px;
}

.solny-date-range__summary span {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-date-chip {
    border: 1px solid var(--solny-border);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    background: #f6f7fb;
    cursor: pointer;
    font-family: inherit;
    color: var(--solny-dark);
}

.solny-date-chip:hover {
    border-color: var(--solny-blue);
    color: var(--solny-blue);
}

.solny-date-chip--today {
    border-color: var(--solny-blue);
    color: var(--solny-blue);
    background: rgba(63, 56, 191, 0.12);
    font-weight: 600;
}

.solny-date-chip.is-active {
    background: rgba(59, 177, 133, 0.2);
    border-color: var(--solny-green);
    color: var(--solny-green);
}

.solny-date-chip--today.is-active {
    background: var(--solny-green);
    color: #fff;
    box-shadow: 0 8px 16px rgba(59, 177, 133, 0.2);
}

.solny-date-range__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

.solny-date-range__header .solny-btn {
    border-radius: 10px;
    padding: 6px 8px;
}

.solny-date-range__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    text-align: center;
}

.solny-date-range__label {
    font-size: 10px;
    color: var(--solny-muted);
}

.solny-date-range__cell {
    border: none;
    background: #f6f7fb;
    border-radius: 8px;
    padding: 6px 0;
    font-size: 11px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.solny-date-range__cell:focus-visible {
    outline: 2px solid rgba(63, 56, 191, 0.25);
    outline-offset: 1px;
}

.solny-date-range__cell.is-muted {
    background: transparent;
    cursor: default;
}

.solny-date-range__cell.is-disabled {
    background: #eef0f7;
    color: #9ca3bf;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.75;
}

.solny-date-range__cell:not(.is-muted):not(.is-disabled):hover {
    background: rgba(63, 56, 191, 0.08);
    color: var(--solny-blue);
}

.solny-date-range__cell.is-today {
    box-shadow: inset 0 0 0 1px var(--solny-blue);
}

.solny-date-range__cell.is-in-range {
    background: rgba(59, 177, 133, 0.18);
    color: var(--solny-green);
}

.solny-date-range__cell.is-in-range:not(.is-range-start):not(.is-range-end) {
    border-radius: 0;
}

.solny-date-range__cell.is-range-start,
.solny-date-range__cell.is-range-end {
    background: var(--solny-green);
    color: #fff;
}

.solny-date-range__cell.is-range-start {
    border-radius: var(--solny-control-radius);
}

.solny-date-range__cell.is-range-end {
    border-radius: var(--solny-control-radius);
}

.solny-select {
    position: relative;
}

.solny-select__trigger {
    border: 1px solid var(--solny-border);
    border-radius: var(--solny-control-radius);
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 600;
    background: #f6f7fb;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: inherit;
    color: var(--solny-dark);
    height: 40px;
}

.solny-select__value {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#solny-customer-status-filter .solny-select__trigger,
#solny-customer-timer-filter .solny-select__trigger {
    width: 100%;
    justify-content: space-between;
    padding: 6px 10px;
}

#solny-customer-status-filter .solny-select__value,
#solny-customer-timer-filter .solny-select__value {
    min-width: 0;
    flex: 1;
}

#solny-customer-status-filter .solny-select__menu,
#solny-customer-timer-filter .solny-select__menu {
    left: 0;
    right: auto;
    min-width: 100%;
}

.solny-select__menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 200px;
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: var(--solny-control-radius);
    padding: 6px;
    box-shadow: var(--solny-shadow);
    display: none;
    z-index: 260;
}

.solny-select.is-open .solny-select__menu {
    display: block;
}

.solny-select:focus-within .solny-select__menu {
    display: block;
}

.solny-select.is-readonly .solny-select__menu,
.solny-select.is-disabled .solny-select__menu,
.solny-select.is-readonly:focus-within .solny-select__menu,
.solny-select.is-disabled:focus-within .solny-select__menu {
    display: none;
}

.solny-select.is-readonly .solny-select__trigger,
.solny-select.is-disabled .solny-select__trigger {
    cursor: not-allowed;
}

.solny-select__option {
    width: 100%;
    border: none;
    background: transparent;
    padding: 8px 10px;
    border-radius: var(--solny-control-radius);
    font-size: 12px;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--solny-dark);
}

.solny-select__option:hover {
    background: #f6f7fb;
}

.solny-select__option.is-active {
    background: rgba(63, 56, 191, 0.12);
    color: var(--solny-blue);
}

.solny-stats-hero__summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.solny-summary-card {
    background: #f6f7fb;
    border-radius: 16px;
    padding: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.solny-summary-card__icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(63, 56, 191, 0.12);
    color: var(--solny-blue);
}

.solny-summary-card__icon--income {
    background: rgba(59, 177, 133, 0.18);
    color: var(--solny-green);
}

.solny-summary-card__icon--expense {
    background: rgba(128, 123, 200, 0.18);
    color: var(--solny-lilac);
}

.solny-summary-card__icon--storno {
    background: rgba(212, 17, 17, 0.11);
    color: #d41111;
}

.solny-summary-card__icon--profit {
    background: rgba(63, 56, 191, 0.18);
    color: var(--solny-blue);
}

.solny-summary-card__label {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-summary-card__value {
    font-size: 16px;
    font-weight: 700;
}

.solny-stats-hero__chart {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.solny-chart--wide {
    height: 180px;
    gap: 8px;
}

.solny-chart--line {
    display: block;
    position: relative;
    overflow: hidden;
}

.solny-chart__svg {
    width: 100%;
    height: 100%;
    display: block;
}

.solny-line {
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.solny-line--income {
    stroke: var(--solny-green);
}

.solny-line--expense {
    stroke: var(--solny-lilac);
    stroke-dasharray: 4 4;
}

.solny-line__point {
    fill: #fff;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.solny-line__point--income {
    stroke: var(--solny-green);
}

.solny-line__point--expense {
    stroke: var(--solny-lilac);
}

.solny-chart-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    background: #1b1e2b;
    color: #fff;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 11px;
    pointer-events: none;
    opacity: 0;
    transform: translate(-999px, -999px);
    transition: opacity 0.15s ease;
    z-index: 10;
    min-width: 140px;
}

.solny-chart-tooltip.is-visible {
    opacity: 1;
}

.solny-chart-tooltip__title {
    font-weight: 600;
    margin-bottom: 4px;
}

.solny-chart-tooltip__row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
}

.solny-chart__group {
    flex: 1;
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 100%;
}

.solny-chart__bar--income {
    background: linear-gradient(180deg, var(--solny-green), rgba(59, 177, 133, 0.35));
}

.solny-chart__bar--expense {
    background: linear-gradient(180deg, var(--solny-lilac), rgba(128, 123, 200, 0.35));
}

.solny-chart__labels {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: var(--solny-muted);
}

.solny-stat {
    background: var(--solny-card);
    padding: 14px 16px;
    border-radius: 16px;
    display: flex;
    gap: 12px;
    align-items: center;
    box-shadow: var(--solny-shadow);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.solny-stat:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 20px rgba(31, 35, 55, 0.12);
}

.solny-stat.is-active {
    border: 1px solid color-mix(in srgb, var(--stat-color, var(--solny-blue)), #ffffff 40%);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--stat-color, var(--solny-blue)), #ffffff 65%), var(--solny-shadow);
}

.solny-stat__icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--stat-bg, rgba(63, 56, 191, 0.12)) !important;
    color: var(--stat-color, var(--solny-blue)) !important;
}

.solny-stat__label {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-stat__value {
    font-size: 14px;
    font-weight: 600;
}

.solny-kanban__body {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    height: calc(100vh - 320px);
    min-height: 360px;
    max-height: calc(100vh - 320px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.solny-view {
    display: none;
}

#solny-kanban-app[data-view="kanban"] .solny-view--kanban,
#solny-kanban-app[data-view="expenses"] .solny-view--expenses,
#solny-kanban-app[data-view="invoice-archive"] .solny-view--invoice-archive,
#solny-kanban-app[data-view="tasks"] .solny-view--tasks,
#solny-kanban-app[data-view="products"] .solny-view--products,
#solny-kanban-app[data-view="tickets"] .solny-view--tickets,
#solny-kanban-app[data-view="livechat"] .solny-view--livechat,
#solny-kanban-app[data-view="users"] .solny-view--users {
    display: block;
}

.solny-products {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 20px;
}

.solny-products__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    background: #fff;
    border-radius: 18px;
    border: 1px solid var(--solny-border);
    box-shadow: var(--solny-shadow);
    flex-wrap: wrap;
}

.solny-products__title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.solny-products__title span {
    display: block;
    font-size: 12px;
    color: var(--solny-muted);
    margin-top: 4px;
}

.solny-products__category-manager {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.solny-products__category-input {
    min-width: 220px;
}

.solny-products__category-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-products__actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-category-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #f6f7fb;
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-dark);
}

.solny-category-chip__name {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-category-chip__btn {
    border: 0;
    background: transparent;
    color: var(--solny-muted);
    cursor: pointer;
    padding: 0 2px;
}

.solny-category-chip__btn:hover {
    color: var(--solny-dark);
}

.solny-products__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-products__filters .solny-btn {
    border-radius: 10px;
}

.solny-products__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 256px));
    gap: 16px;
    justify-content: start;
}

.solny-product-transfer {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.solny-product-transfer__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.solny-product-transfer__card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    background: #fff;
    padding: 14px;
}

.solny-product-transfer__file {
    font-size: 12px;
    color: var(--solny-muted);
    word-break: break-word;
}

.solny-product-transfer__summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
}

.solny-product-transfer__summary > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    background: #fff;
    font-size: 12px;
}

.solny-product-transfer__errors {
    margin-top: 10px;
    border: 1px solid rgba(231, 76, 60, 0.3);
    border-radius: 10px;
    background: rgba(231, 76, 60, 0.06);
    color: #af2f2f;
    font-size: 12px;
    padding: 10px 12px;
    max-height: 220px;
    overflow: auto;
}

.solny-product-transfer__errors > div + div {
    margin-top: 6px;
}

.solny-kanban-backup {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.solny-kanban-backup__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.solny-kanban-backup__card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    background: #fff;
    padding: 12px;
}

.solny-kanban-backup__card-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

.solny-kanban-backup__result {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-kanban-backup__log {
    max-height: 180px;
    overflow: auto;
    border: 1px dashed var(--solny-border);
    border-radius: 10px;
    background: #fff;
    padding: 8px 10px;
    font-size: 12px;
}

.solny-kanban-backup__log-line + .solny-kanban-backup__log-line {
    margin-top: 4px;
}

.solny-kanban-backup__log-line.is-error {
    color: #b0382d;
}

.solny-kanban-backup__log-line.is-success {
    color: #1f8f4f;
}

.solny-product-card {
    border: 1px solid var(--solny-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--solny-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    max-width: 256px;
    min-height: 100%;
}

.solny-product-card__media {
    height: 160px;
    background: #f6f7fb;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    border-bottom: 1px solid var(--solny-border);
    overflow: hidden;
}

.solny-product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.solny-product-card__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--solny-muted);
    font-size: 22px;
}

.solny-product-card__body {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 auto;
}

.solny-product-card__title {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-product-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 7px;
    border: 1px solid rgba(31, 35, 55, 0.2);
    background: rgba(31, 35, 55, 0.08);
    color: var(--solny-dark);
}

.solny-product-card__badge i {
    font-size: 10px;
}

.solny-product-card__badge--partner {
    color: #1d56d8;
    background: rgba(26, 102, 255, 0.1);
    border-color: rgba(26, 102, 255, 0.28);
}

.solny-product-card__badge--partner-company {
    gap: 5px;
    color: var(--partner-company-color, #1f7f5b);
    background: color-mix(in srgb, var(--partner-company-color, #1f7f5b), #ffffff 86%);
    border-color: color-mix(in srgb, var(--partner-company-color, #1f7f5b), #ffffff 64%);
}

.solny-product-card__badge--partner-company img {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    object-fit: cover;
}

.solny-product-card__badge--partner-company > span {
    max-width: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-product-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-product-card__price {
    font-weight: 700;
    color: var(--solny-dark);
}

.solny-product-card__attrs {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3f38bf;
    border: 1px solid #dfe4f2;
    font-weight: 600;
    font-size: 11px;
}

.solny-product-card__attrs.is-empty {
    background: #fff3cd;
    color: #b45309;
    border-color: #fbd38d;
}

.solny-product-card__categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.solny-product-card__categories span,
.solny-product-card__category-more {
    padding: 3px 8px;
    border-radius: 10px;
    background: rgba(63, 56, 191, 0.12);
    font-size: 11px;
    font-weight: 600;
    color: var(--solny-primary);
    border: 1px solid rgba(63, 56, 191, 0.18);
}

.solny-product-card__category-more {
    cursor: pointer;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.2;
}

.solny-product-card__category-more:hover {
    background: rgba(63, 56, 191, 0.2);
}

.solny-product-card__category-extra {
    display: none;
    width: 100%;
    padding-top: 2px;
    gap: 6px;
    flex-wrap: wrap;
}

.solny-product-card__categories.is-expanded .solny-product-card__category-extra {
    display: flex;
}

.solny-product-card__categories.is-expanded .solny-product-card__category-more {
    background: rgba(63, 56, 191, 0.24);
}

.solny-product-card__category-more {
    color: var(--solny-primary);
}

.solny-product-card__categories.is-empty {
    color: var(--solny-muted);
    font-size: 11px;
}

.solny-product-card__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px 12px;
    border-top: 1px solid var(--solny-border);
    margin-top: auto;
    background: linear-gradient(180deg, #ffffff 0%, #f7f8ff 100%);
}

.solny-product-card__actions .solny-btn {
    border-radius: 10px;
}

.solny-product-card__actions [data-action="edit-product"] {
    flex: 1 1 auto;
    justify-content: center;
    min-height: 34px;
    background: linear-gradient(180deg, #eff5ff 0%, #e3edff 100%);
    border: 1px solid rgba(26, 102, 255, 0.3);
    color: #1d56d8;
    font-weight: 700;
}

.solny-product-card__actions [data-action="edit-product"]:hover {
    background: linear-gradient(180deg, #e3edff 0%, #d5e6ff 100%);
    border-color: rgba(26, 102, 255, 0.46);
}

.solny-product-card__actions [data-action="delete-product"] {
    min-width: 38px;
    min-height: 34px;
    justify-content: center;
    padding: 0;
    background: linear-gradient(180deg, #fff2f0 0%, #ffe8e4 100%);
    border: 1px solid rgba(224, 73, 62, 0.34);
    color: #c74338;
}

.solny-product-card__actions [data-action="delete-product"]:hover {
    background: linear-gradient(180deg, #ffe8e4 0%, #ffddd8 100%);
    border-color: rgba(224, 73, 62, 0.52);
    color: #aa332a;
}

.solny-attribute-list {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 10px;
}

.solny-attribute-list > .solny-attribute-row {
    grid-column: 1 / -1;
}

.solny-attribute-list > .solny-attribute-group-zone {
    grid-column: 1 / -1;
}

.solny-attribute-list:empty {
    min-height: 74px;
    border: 1px dashed rgba(63, 56, 191, 0.24);
    border-radius: 10px;
    background: rgba(63, 56, 191, 0.03);
    padding: 8px;
}

.solny-attribute-library {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.solny-attribute-library .solny-input-with-icon {
    min-width: 240px;
}

#solny-product-form [data-action="add-product-attribute"] {
    border: 1px solid #b7c5f8;
    border-radius: 8px;
    background: linear-gradient(180deg, #edf2ff 0%, #e2eaff 100%);
    color: #2d3e95;
    min-height: 38px;
    padding: 8px 14px;
    box-shadow: 0 2px 0 rgba(45, 62, 149, 0.08);
}

#solny-product-form [data-action="add-product-attribute"]:hover {
    background: linear-gradient(180deg, #e4ebff 0%, #d8e3ff 100%);
    border-color: #9fb2f6;
    color: #24337f;
}

#solny-product-form [data-action="add-product-attribute"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(45, 62, 149, 0.2);
}

.solny-product-upload .solny-avatar-upload__preview {
    width: 88px;
    height: 88px;
    border-radius: 12px;
    overflow: hidden;
    background: #eef1f7;
}

.solny-product-upload .solny-avatar-upload__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.solny-product-upload .solny-avatar {
    width: 88px;
    height: 88px;
    font-size: 20px;
}

.solny-product-partner-doc {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
    border-radius: 14px;
    padding: 12px;
}

.solny-product-partner-doc__toolbar {
    grid-column: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%);
    box-shadow: 0 8px 18px rgba(29, 39, 84, 0.05);
}

.solny-product-partner-doc__toolbar .solny-btn,
.solny-product-partner-doc__toolbar .solny-product-partner-doc__upload {
    width: 100%;
    justify-content: center;
    border-radius: 10px;
    min-height: 40px;
    font-weight: 700;
    font-size: 13px;
}

.solny-product-partner-doc__toolbar .solny-btn,
.solny-product-partner-doc__toolbar .solny-product-partner-doc__upload {
    border: 1px solid transparent;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.solny-product-partner-doc__toolbar .solny-product-partner-doc__upload {
    background: rgba(26, 102, 255, 0.1);
    border-color: rgba(26, 102, 255, 0.28);
    color: #1a66ff;
}

.solny-product-partner-doc__toolbar [data-action="product-partner-doc-pick-media"] {
    background: rgba(111, 91, 245, 0.1);
    border-color: rgba(111, 91, 245, 0.26);
    color: #5b47da;
}

.solny-product-partner-doc__toolbar [data-action="product-partner-doc-scan"] {
    background: rgba(22, 160, 133, 0.11);
    border-color: rgba(22, 160, 133, 0.3);
    color: #0f8a72;
}

.solny-product-partner-doc__toolbar [data-action="product-partner-doc-remove"] {
    background: rgba(224, 73, 62, 0.1);
    border-color: rgba(224, 73, 62, 0.28);
    color: #d1453a;
}

.solny-product-partner-doc__toolbar .solny-btn:hover,
.solny-product-partner-doc__toolbar .solny-product-partner-doc__upload:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(28, 34, 66, 0.1);
}

.solny-product-partner-doc__toolbar .solny-product-partner-doc__upload:hover {
    background: rgba(26, 102, 255, 0.16);
    border-color: rgba(26, 102, 255, 0.42);
}

.solny-product-partner-doc__toolbar [data-action="product-partner-doc-pick-media"]:hover {
    background: rgba(111, 91, 245, 0.16);
    border-color: rgba(111, 91, 245, 0.4);
}

.solny-product-partner-doc__toolbar [data-action="product-partner-doc-scan"]:hover {
    background: rgba(22, 160, 133, 0.17);
    border-color: rgba(22, 160, 133, 0.44);
}

.solny-product-partner-doc__toolbar [data-action="product-partner-doc-remove"]:hover {
    background: rgba(224, 73, 62, 0.17);
    border-color: rgba(224, 73, 62, 0.44);
}

.solny-product-partner-doc__toolbar .solny-btn:disabled,
.solny-product-partner-doc__toolbar .solny-product-partner-doc__upload.is-loading {
    opacity: 0.56;
    box-shadow: none;
    transform: none;
}

.solny-product-partner-doc__upload.is-loading {
    pointer-events: none;
    opacity: 0.75;
}

.solny-product-partner-doc__file {
    display: inline-flex;
    align-items: center;
    grid-column: 1 / -1;
    min-height: 40px;
    width: 100%;
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(26, 102, 255, 0.09);
    border: 1px solid rgba(26, 102, 255, 0.24);
    color: #234297;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.solny-product-partner-doc__partners {
    grid-column: 2;
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f9faff 100%);
    box-shadow: 0 8px 18px rgba(29, 39, 84, 0.05);
    width: 100%;
    max-width: none;
}

.solny-product-partner-doc__partners-head {
    display: grid;
    gap: 4px;
}

.solny-product-partner-doc__partners-head strong {
    font-size: 14px;
    color: #1d2754;
}

.solny-product-partner-doc__partners-head span {
    font-size: 12px;
    color: #5d6d98;
}

.solny-product-partner-doc__partners-search {
    position: relative;
    width: 100%;
    max-width: none;
}

.solny-product-partner-doc__partners-search input {
    width: 100%;
    min-height: 44px;
    border-radius: 11px;
    border: 1px solid rgba(63, 56, 191, 0.28);
    background: #ffffff;
    color: #1f2856;
    font-size: 14px;
    font-weight: 600;
    padding-left: 40px;
}

.solny-product-partner-doc__partners-search input::placeholder {
    color: #7b86ab;
    font-weight: 500;
}

.solny-product-partner-doc__partners-search > i {
    left: 13px;
    color: #4a5a86;
    font-size: 14px;
}

.solny-product-partner-doc__partners-search input:focus {
    border-color: #3f38bf;
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.14);
}

.solny-product-partner-doc__partners-search .solny-suggestions--dropdown {
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    min-width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    box-shadow: 0 18px 36px rgba(24, 30, 58, 0.16);
    max-height: 260px;
    z-index: 60;
}

.solny-product-partner-doc__partners-search .solny-suggestion {
    display: grid;
    gap: 2px;
    padding: 10px 11px;
    text-align: left;
    border-bottom: 1px solid rgba(63, 56, 191, 0.1);
    color: #1f2856;
    font-size: 13px;
    font-weight: 700;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.solny-product-partner-doc__partners-search .solny-suggestion:last-child {
    border-bottom: none;
}

.solny-product-partner-doc__partners-search .solny-suggestion small {
    font-size: 11px;
    color: #61729d;
    font-weight: 600;
}

.solny-product-partner-doc__partners-search .solny-suggestion:hover {
    background: rgba(63, 56, 191, 0.09);
    color: #2c3794;
}

.solny-product-partner-doc__partners-search .solny-empty {
    padding: 10px 11px;
    font-size: 12px;
    color: #6b789e;
}

.solny-product-partner-doc__partners-selected {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
    max-width: none;
}

.solny-product-partner-doc__partners-selected .solny-empty {
    width: 100%;
    text-align: left;
    font-size: 12px;
    padding: 2px 0;
    color: #6a769a;
}

.solny-recipient-card--partner-doc {
    border-color: rgba(63, 56, 191, 0.22);
    background: linear-gradient(150deg, #ffffff 0%, #f5f8ff 52%, #f1f7ff 100%);
    box-shadow: 0 12px 24px rgba(31, 39, 86, 0.08);
    border-radius: 14px;
}

.solny-recipient-card--partner-doc:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 26px rgba(31, 39, 86, 0.11);
}

.solny-recipient-card--partner-doc .solny-recipient-card__meta {
    gap: 6px;
}

.solny-recipient-card--partner-doc .solny-recipient-card__meta span {
    background: rgba(63, 56, 191, 0.09);
    border-color: rgba(63, 56, 191, 0.2);
    color: #465277;
}

.solny-recipient-card--partner-doc .solny-recipient-card__meta i {
    color: #3f38bf;
}

.solny-recipient-card--partner-doc .solny-recipient-card__header strong {
    font-size: 15px;
}

.solny-partner-doc__company-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    color: var(--partner-company-color, #3f38bf);
    background: color-mix(in srgb, var(--partner-company-color, #3f38bf), #ffffff 86%);
    border: 1px solid color-mix(in srgb, var(--partner-company-color, #3f38bf), #ffffff 68%);
}

.solny-recipient-card__remove--partner-doc {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border-color: rgba(224, 73, 62, 0.34);
    color: #d1453a;
    background: rgba(224, 73, 62, 0.12);
}

.solny-recipient-card__remove--partner-doc:hover {
    border-color: rgba(224, 73, 62, 0.56);
    background: rgba(224, 73, 62, 0.22);
    color: #aa2f29;
}

.solny-product-partner-doc__scan {
    grid-column: 1 / -1;
    border-top: 1px dashed rgba(63, 56, 191, 0.2);
    padding: 14px 12px 0;
    display: grid;
    gap: 10px;
}

.solny-product-partner-doc__scan.is-hidden,
.solny-product-partner-doc__target.is-hidden {
    display: none;
}

.solny-product-partner-doc__scan-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-product-partner-doc__scan-head > strong {
    font-size: 13px;
    color: #1f2b58;
}

.solny-product-partner-doc__mode {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.solny-product-partner-doc__mode .solny-btn {
    min-height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.24);
    color: #31408d;
    background: #ffffff;
    font-weight: 700;
}

.solny-product-partner-doc__mode .solny-btn.is-active {
    background: #eef2ff;
    border-color: #3f38bf;
    color: #252f7e;
}

.solny-product-partner-doc__target {
    display: grid;
    gap: 6px;
}

.solny-product-partner-doc__target label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #59627f;
}

.solny-product-partner-doc__target select {
    min-height: 38px;
    border-radius: 9px;
    border: 1px solid rgba(63, 56, 191, 0.22);
    background: #ffffff;
    padding: 8px 10px;
    font-weight: 600;
}

.solny-product-partner-doc__content {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(380px, 1fr);
    gap: 14px;
    min-height: 0;
    padding: 12px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.66);
    align-items: stretch;
}

.solny-product-partner-doc__map {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: stretch;
    align-content: start;
    gap: 10px;
    max-height: none;
    overflow: visible;
    min-height: 100%;
    min-width: 0;
    padding: 0;
}

.solny-product-partner-doc__page {
    width: 100%;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 10px;
    background: #ffffff;
    overflow: visible;
    box-sizing: border-box;
}

.solny-product-partner-doc__page-head {
    padding: 7px 9px;
    background: #eef2ff;
    border-bottom: 1px solid rgba(63, 56, 191, 0.14);
    font-size: 11px;
    font-weight: 700;
    color: #31408d;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.solny-product-partner-doc__page-canvas {
    --partner-stage-inset: 0px;
    position: relative;
    width: 100%;
    min-height: 180px;
    aspect-ratio: calc(1 / var(--partner-page-ratio, 1.4142));
    overflow: visible;
    box-sizing: border-box;
    padding: 0;
    background:
        repeating-linear-gradient(
            0deg,
            rgba(63, 56, 191, 0.05) 0,
            rgba(63, 56, 191, 0.05) 1px,
            transparent 1px,
            transparent 24px
        ),
        repeating-linear-gradient(
            90deg,
            rgba(63, 56, 191, 0.05) 0,
            rgba(63, 56, 191, 0.05) 1px,
            transparent 1px,
            transparent 24px
        ),
        #ffffff;
}

.solny-product-partner-doc__page-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
    pointer-events: none;
}

.solny-product-partner-doc__page-bg iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    opacity: 0.58;
    background: #ffffff;
}

.solny-product-partner-doc__page-fade {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.34);
}

.solny-product-partner-doc__field {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(63, 56, 191, 0.36);
    border-radius: 6px;
    background: rgba(63, 56, 191, 0.18);
    color: #273796;
    padding: 0;
    min-width: 12px;
    min-height: 12px;
    cursor: pointer;
}

.solny-product-partner-doc__field i {
    font-size: 10px;
    pointer-events: none;
}

.solny-product-partner-doc__field-label {
    position: absolute;
    left: calc(100% + 4px);
    top: 50%;
    transform: translateY(-50%);
    max-width: 160px;
    padding: 2px 5px;
    border-radius: 5px;
    background: rgba(19, 28, 67, 0.84);
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

.solny-product-partner-doc__field.is-type-checkbox,
.solny-product-partner-doc__field.is-type-radio {
    background: rgba(59, 177, 133, 0.18);
    border-color: rgba(59, 177, 133, 0.45);
    color: #1f835f;
}

.solny-product-partner-doc__field.is-type-number {
    background: rgba(255, 136, 26, 0.18);
    border-color: rgba(255, 136, 26, 0.45);
    color: #b45e11;
}

.solny-product-partner-doc__field.is-type-select {
    background: rgba(26, 102, 255, 0.16);
    border-color: rgba(26, 102, 255, 0.44);
    color: #2152bd;
}

.solny-product-partner-doc__field.is-pending {
    box-shadow: 0 0 0 2px rgba(59, 177, 133, 0.35);
}

.solny-product-partner-doc__fields {
    display: grid;
    gap: 8px;
    min-height: 0;
    max-height: none;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    align-content: start;
    padding: 8px 14px 8px 4px;
    box-sizing: border-box;
}

#solny-modal-product .solny-product-partner-doc__scan {
    padding: 16px 16px 0;
}

#solny-modal-product .solny-product-partner-doc__content {
    padding: 16px;
}

#solny-modal-product .solny-product-partner-doc__page {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

#solny-modal-product .solny-product-partner-doc__page-canvas {
    --partner-stage-inset: 0px;
}

#solny-modal-product .solny-product-partner-doc__fields {
    padding: 10px 12px 10px 8px;
    box-sizing: border-box;
}

#solny-modal-product .solny-modal__dialog {
    width: min(1480px, calc(100vw - 16px));
    max-height: calc(100vh - 20px);
}

#solny-modal-product .solny-modal__body {
    padding: 22px 24px;
    overflow-x: auto;
    overflow-y: auto;
}

#solny-modal-product .solny-product-modal__footer {
    gap: 10px;
}

#solny-modal-product .solny-product-modal__footer .solny-btn {
    min-height: 42px;
    border-radius: 10px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

#solny-modal-product .solny-product-modal__close,
#solny-modal-product .solny-product-modal__preview {
    border: 1px solid rgba(63, 56, 191, 0.32);
    background: linear-gradient(180deg, #ffffff 0%, #f5f6ff 100%);
    color: #2d3370;
    box-shadow: 0 5px 12px rgba(63, 56, 191, 0.12);
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

#solny-modal-product .solny-product-modal__close:hover,
#solny-modal-product .solny-product-modal__preview:hover {
    transform: translateY(-1px);
    border-color: rgba(63, 56, 191, 0.46);
    box-shadow: 0 8px 16px rgba(63, 56, 191, 0.2);
    background: linear-gradient(180deg, #ffffff 0%, #edefff 100%);
}

#solny-modal-product .solny-product-modal__close:focus-visible,
#solny-modal-product .solny-product-modal__preview:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.2), 0 8px 16px rgba(63, 56, 191, 0.18);
}

#solny-modal-product .solny-product-modal__close.is-suggested {
    border-color: rgba(32, 152, 108, 0.52);
    background: linear-gradient(180deg, #f4fff8 0%, #e6faef 100%);
    color: #186f50;
    box-shadow: 0 8px 16px rgba(32, 152, 108, 0.22);
}

#solny-modal-product .solny-modal__footer .solny-btn[form="solny-product-form"] {
    border-radius: 10px;
    min-height: 42px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
    border: 1px solid rgba(49, 184, 132, 0.46);
    background: linear-gradient(180deg, #3ebf8d 0%, #2fa976 100%);
    color: #ffffff;
    box-shadow: 0 8px 16px rgba(36, 132, 97, 0.22);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, filter 0.16s ease;
}

#solny-modal-product .solny-modal__footer .solny-btn[form="solny-product-form"] i,
#solny-modal-product .solny-modal__footer .solny-btn[form="solny-product-form"] .solny-spinner {
    font-size: 13px;
}

#solny-modal-product .solny-modal__footer .solny-btn[form="solny-product-form"]:hover:not(:disabled) {
    transform: translateY(-1px);
    border-color: rgba(36, 132, 97, 0.58);
    box-shadow: 0 11px 20px rgba(36, 132, 97, 0.28);
}

#solny-modal-product .solny-modal__footer .solny-btn[form="solny-product-form"]:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: 0 6px 12px rgba(36, 132, 97, 0.22);
}

#solny-modal-product .solny-modal__footer .solny-btn[form="solny-product-form"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(47, 169, 118, 0.25), 0 8px 16px rgba(36, 132, 97, 0.22);
}

#solny-modal-product .solny-modal__footer .solny-btn[form="solny-product-form"]:disabled {
    filter: saturate(0.72);
    opacity: 0.86;
    cursor: not-allowed;
    transform: none;
    box-shadow: 0 4px 10px rgba(36, 132, 97, 0.14);
}

#solny-modal-product .solny-modal__footer .solny-btn[form="solny-product-form"].is-loading {
    background: linear-gradient(180deg, #34b384 0%, #2c9467 100%);
}

#solny-modal-product .solny-modal__footer .solny-btn[form="solny-product-form"].is-saved {
    border-color: rgba(28, 115, 84, 0.56);
    background: linear-gradient(180deg, #2fa976 0%, #258860 100%);
}

#solny-modal-product .solny-modal__footer .solny-btn[form="solny-product-form"].is-error {
    border-color: rgba(207, 69, 58, 0.52);
    background: linear-gradient(180deg, #e46456 0%, #c9483b 100%);
    box-shadow: 0 8px 16px rgba(168, 47, 38, 0.24);
}

.solny-product-partner-doc__list-item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: stretch;
    gap: 8px;
}

.solny-product-partner-doc__list-open {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    align-items: center;
    gap: 9px;
    width: 100%;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 9px;
    background: #ffffff;
    padding: 9px 10px;
    text-align: left;
    cursor: pointer;
    color: inherit;
    font-family: "Montserrat", "Inter", "Segoe UI", Arial, sans-serif;
}

.solny-product-partner-doc__list-open:hover {
    border-color: rgba(63, 56, 191, 0.34);
    background: #f8f9ff;
}

.solny-product-partner-doc__list-item.is-mapped .solny-product-partner-doc__list-open {
    border-color: rgba(49, 184, 132, 0.45);
    background: #f8fffb;
}

.solny-product-partner-doc__list-item.is-mapped .solny-product-partner-doc__list-open:hover {
    border-color: rgba(49, 184, 132, 0.62);
    background: #f1fff8;
}

.solny-product-partner-doc__list-rename {
    width: 34px;
    min-width: 34px;
    border: 1px solid rgba(63, 56, 191, 0.22);
    border-radius: 9px;
    background: #ffffff;
    color: #2d3f96;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.solny-product-partner-doc__list-rename:hover {
    border-color: rgba(63, 56, 191, 0.38);
    background: #eef2ff;
}

.solny-product-partner-doc__list-item.is-pending {
    background: transparent;
}

.solny-product-partner-doc__list-item.is-pending .solny-product-partner-doc__list-open {
    border-color: rgba(59, 177, 133, 0.62);
    background: rgba(59, 177, 133, 0.08);
}

.solny-product-partner-doc__list-item.is-pending .solny-product-partner-doc__list-rename {
    border-color: rgba(59, 177, 133, 0.5);
    color: #1f835f;
    background: #f4fff9;
}

.solny-product-partner-doc__list-icon {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(63, 56, 191, 0.14);
    color: #2d3f96;
}

.solny-product-partner-doc__list-icon.is-type-checkbox,
.solny-product-partner-doc__list-icon.is-type-radio {
    background: rgba(59, 177, 133, 0.14);
    color: #1f835f;
}

.solny-product-partner-doc__list-icon.is-type-number {
    background: rgba(255, 136, 26, 0.16);
    color: #b45e11;
}

.solny-product-partner-doc__list-icon.is-type-select {
    background: rgba(26, 102, 255, 0.16);
    color: #2152bd;
}

.solny-product-partner-doc__list-check {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 1px solid rgba(101, 112, 151, 0.45);
    background: #ffffff;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.solny-product-partner-doc__list-check i {
    font-size: 9px;
    opacity: 0;
    transform: scale(0.65);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.solny-product-partner-doc__list-check.is-checked {
    border-color: #31b884;
    background: #31b884;
    color: #ffffff;
}

.solny-product-partner-doc__list-check.is-checked i {
    opacity: 1;
    transform: scale(1);
}

.solny-product-partner-doc__list-main {
    display: grid;
    gap: 2px;
}

.solny-product-partner-doc__list-main strong {
    font-size: 13px;
    color: #1b2554;
}

.solny-product-partner-doc__list-main small {
    font-size: 11px;
    color: #647097;
}

.solny-product-partner-doc__list-side {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.solny-product-partner-doc__list-meta,
.solny-product-partner-doc__list-required,
.solny-product-partner-doc__list-id {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 700;
}

.solny-product-partner-doc__list-meta {
    background: rgba(26, 102, 255, 0.13);
    color: #1f58ce;
}

.solny-product-partner-doc__list-id {
    background: rgba(63, 56, 191, 0.1);
    color: #2d3f96;
}

.solny-product-partner-doc__list-required {
    background: rgba(224, 73, 62, 0.12);
    color: #d1453a;
}

.solny-attribute-groups {
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f6f7ff 100%);
    padding: 10px;
    margin-top: 10px;
    display: grid;
    gap: 8px;
}

.solny-attribute-groups__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.solny-attribute-groups__head strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: #28345f;
}

.solny-attribute-groups__hint {
    font-size: 11px;
    color: #697296;
}

.solny-attribute-groups__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-attribute-groups__summary {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.solny-attribute-groups__pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 4px 9px;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 24%);
    background: #ffffff;
    color: #2b3764;
    font-size: 11px;
    font-weight: 700;
}

.solny-attribute-groups__pill b {
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.12);
    color: #2f3d8d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
}

.solny-attribute-groups__pill small {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 7px;
    background: rgba(47, 184, 132, 0.14);
    color: #237254;
    font-size: 10px;
    font-weight: 700;
}

.solny-attribute-groups__empty {
    font-size: 12px;
    color: #6f7899;
    background: rgba(63, 56, 191, 0.06);
    border: 1px dashed rgba(63, 56, 191, 0.22);
    border-radius: 10px;
    padding: 10px 12px;
}

.solny-attribute-group-zone {
    min-height: 72px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 18%);
    border-radius: 10px;
    background: #ffffff;
    color: #2b3764;
    padding: 8px 10px;
    display: grid;
    gap: 8px;
    cursor: default;
}

.solny-attribute-group-zone--w100 { grid-column: span 12; }
.solny-attribute-group-zone--w75 { grid-column: span 9; }
.solny-attribute-group-zone--w66 { grid-column: span 8; }
.solny-attribute-group-zone--w50 { grid-column: span 6; }
.solny-attribute-group-zone--w33 { grid-column: span 4; }
.solny-attribute-group-zone--w25 { grid-column: span 3; }

.solny-attribute-group-zone__head {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.solny-sort-tools {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-sort-tools__shift {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
}

.solny-sort-handle,
.solny-sort-jump {
    min-height: 30px;
    min-width: 30px;
    padding: 0;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.solny-sort-handle {
    cursor: grab;
    color: #30407a;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 24%);
    background: #fff;
}

.solny-sort-handle:hover {
    color: #2c3fb2;
    border-color: color-mix(in srgb, var(--solny-border), #3f38bf 38%);
}

.solny-sort-handle:active {
    cursor: grabbing;
}

.solny-sort-jump {
    color: #3a4c8b;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 18%);
    background: #fff;
}

.solny-sort-jump:hover {
    color: #2f44b2;
    border-color: color-mix(in srgb, var(--solny-border), #3f38bf 36%);
    background: #f8f9ff;
}

.solny-attribute-group-zone__sort,
.solny-attribute-row__sort {
    align-self: center;
}

.solny-attribute-group-zone__drag {
    min-height: 30px;
    min-width: 30px;
}

.solny-attribute-group-zone__name-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.solny-attribute-group-zone__name {
    width: 100%;
    min-height: 32px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    border-radius: 8px;
    background: #fff;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 700;
    color: #2b3764;
}

.solny-attribute-group-zone__head > span {
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.12);
    color: #2f3d8d;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.solny-attribute-group-zone__remove {
    min-height: 32px;
    min-width: 32px;
    padding: 0;
    border-radius: 8px;
}

.solny-attribute-group-zone__rows {
    min-height: 76px;
    border: 1px dashed rgba(63, 56, 191, 0.26);
    border-radius: 10px;
    background: rgba(63, 56, 191, 0.03);
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-attribute-group-zone__repeat {
    white-space: nowrap;
}

.solny-attribute-group-zone__repeat .solny-switch__label {
    font-size: 11px;
    font-weight: 600;
}

.solny-attribute-group-zone__card {
    white-space: nowrap;
}

.solny-attribute-group-zone__card .solny-switch__label {
    font-size: 11px;
    font-weight: 600;
}

.solny-attribute-group-zone__width {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 700;
    color: #445188;
}

.solny-attribute-group-zone__width-select {
    min-height: 30px;
    padding: 4px 8px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 18%);
    border-radius: 8px;
    background: #fff;
    color: #253164;
    font-size: 12px;
    font-weight: 700;
}

.solny-attribute-group-zone__rows:empty::before {
    content: 'Felder hier ablegen';
    font-size: 12px;
    color: #7983a6;
    font-weight: 600;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.solny-attribute-group-zone.is-drop-target {
    border-color: #2fb884;
    box-shadow: 0 0 0 2px rgba(47, 184, 132, 0.18);
    background: #f1fbf6;
}

.solny-attribute-group-zone.is-dragging-group {
    opacity: 0.62;
}

.solny-attribute-group-zone.is-drop-target .solny-attribute-group-zone__rows {
    border-color: rgba(47, 184, 132, 0.6);
    background: rgba(47, 184, 132, 0.08);
}

.solny-attribute-row {
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    background: #fff;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-pdf-footer-wrap.is-hidden {
    display: none;
}

.solny-pdf-prefix-link-wrap.is-hidden {
    display: none;
}

.solny-pdf-prefix-link-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-pdf-prefix-link-option {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.solny-pdf-prefix-link-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.solny-pdf-prefix-link-option span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 7px 10px;
    border: 1px solid rgba(63, 56, 191, 0.22);
    border-radius: 8px;
    background: #ffffff;
    color: #20284f;
    font-size: 12px;
    font-weight: 700;
}

.solny-pdf-prefix-link-option input:checked + span {
    border-color: rgba(47, 184, 132, 0.55);
    background: rgba(47, 184, 132, 0.12);
    color: #1e7a5a;
}

.solny-attribute-row__head {
    display: grid;
    grid-template-columns: auto minmax(200px, 1.22fr) minmax(128px, 0.84fr) minmax(106px, 0.66fr) minmax(228px, 1.1fr) minmax(214px, 1fr) minmax(126px, 0.74fr) auto;
    gap: 10px;
    align-items: end;
}

.solny-attribute-drag {
    align-self: center;
}

.solny-attribute-row.is-dragging {
    opacity: 0.6;
}

.solny-product-attr-range.is-hidden,
.solny-product-attr-unit.is-hidden,
.solny-attribute-row__options.is-hidden,
.solny-attribute-row__html.is-hidden {
    display: none;
}

.solny-product-attr-range,
.solny-product-attr-unit {
    grid-row: 3;
    align-self: start;
}

.solny-product-attr-range {
    grid-column: 5 / 7;
}

.solny-product-attr-unit {
    grid-column: 7 / 8;
}

.solny-product-attr-repeat .solny-switch {
    margin-top: 2px;
}

.solny-product-attr-hint-wrap,
.solny-product-attr-default-wrap {
    grid-row: 2;
    align-self: start;
}

.solny-product-attr-hint-toggle-wrap {
    grid-row: 2;
    grid-column: 2 / 3;
    align-self: start;
}

.solny-product-attr-hint-wrap {
    grid-column: 3 / 5;
}

.solny-product-attr-default-wrap {
    grid-column: 5 / 7;
}

.solny-product-attr-hint-wrap.is-hidden {
    display: none;
}

.solny-product-attr-icon-control {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-product-attr-icon-preview {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 28%);
    background: color-mix(in srgb, #ffffff, #3f38bf 6%);
    color: #3f38bf;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    font-size: 13px;
}

.solny-product-attr-icon-control.is-custom .solny-product-attr-icon-preview {
    border-color: rgba(45, 191, 113, 0.58);
    color: #2f9f63;
    background: rgba(47, 184, 132, 0.1);
}

.solny-product-attr-icon-control.is-disabled .solny-product-attr-icon-preview {
    border-color: rgba(215, 77, 77, 0.44);
    color: #c94343;
    background: rgba(225, 75, 75, 0.1);
}

.solny-product-attr-icon-control .solny-product-attr-icon {
    min-width: 0;
}

.solny-product-attr-partner-picker {
    position: relative;
    display: block;
}

.solny-product-attr-partner-picker input[type="search"] {
    min-height: 34px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    border-radius: 9px;
    background: #ffffff;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #25305b;
    width: 100%;
}

.solny-product-attr-partner-suggestions {
    display: none;
    max-height: 230px;
    overflow-y: auto;
}

.solny-product-attr-partner-suggestions.is-visible {
    display: block;
}

.solny-product-attr-partner-suggestions .solny-suggestion.is-selected {
    background: rgba(47, 184, 132, 0.14);
    border-left: 3px solid #2fb884;
    padding-left: 7px;
}

.solny-product-attr-partner-suggestions .solny-suggestion strong {
    font-size: 12px;
    font-weight: 700;
    color: #27335d;
}

.solny-product-attr-icon-combobox {
    width: 100%;
    min-height: 34px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    border-radius: 9px;
    background: #ffffff;
    color: #25305b;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 0 8px 0 10px;
}

.solny-product-attr-icon-combobox > i {
    font-size: 12px;
    color: #6f789c;
}

.solny-product-attr-icon-combo {
    min-width: 0;
    border: none;
    outline: none;
    min-height: 30px;
    background: transparent;
    color: #1f294d;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
}

.solny-product-attr-icon-combo::placeholder {
    color: #7f87a7;
}

.solny-product-attr-icon-toggle {
    min-height: 34px;
    min-width: 28px;
    border: none;
    border-radius: 7px;
    background: rgba(63, 56, 191, 0.08);
    color: #25305b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.solny-product-attr-icon-toggle:hover {
    background: rgba(63, 56, 191, 0.16);
}

.solny-product-attr-icon-toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.22);
}

.solny-product-attr-icon-clear {
    min-width: 34px;
    min-height: 34px;
    border: 1px solid rgba(216, 73, 73, 0.26);
    border-radius: 9px;
    background: #fff4f4;
    color: #ca4242;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: transform 0.15s ease, border-color 0.2s ease;
}

.solny-product-attr-icon-clear:hover {
    border-color: rgba(216, 73, 73, 0.4);
    transform: translateY(-1px);
}

.solny-product-attr-icon-clear.is-hidden {
    display: none;
}

.solny-product-attr-icon-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 42px;
    right: 0;
    z-index: 32;
    display: none;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 18%);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 16px 32px rgba(23, 31, 64, 0.14);
    padding: 8px;
    gap: 8px;
}

.solny-product-attr-icon-control.is-open .solny-product-attr-icon-dropdown {
    display: grid;
}

.solny-product-attr-icon-dropdown__list {
    max-height: 260px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding-right: 2px;
}

.solny-product-attr-icon-item {
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 15%);
    background: #fdfdff;
    border-radius: 8px;
    min-height: 42px;
    display: grid;
    grid-template-columns: 32px 1fr;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    text-align: left;
    color: #24315d;
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.15s ease;
}

.solny-product-attr-icon-item:hover {
    border-color: color-mix(in srgb, var(--solny-border), #3f38bf 34%);
    background: #f5f7ff;
    transform: translateY(-1px);
}

.solny-product-attr-icon-item.is-selected {
    border-color: rgba(39, 112, 255, 0.46);
    background: rgba(42, 123, 255, 0.12);
}

.solny-product-attr-icon-item--auto {
    grid-column: 1 / -1;
    border-style: dashed;
}

.solny-product-attr-icon-item--off {
    grid-column: 1 / -1;
}

.solny-product-attr-icon-item__glyph {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: rgba(63, 56, 191, 0.08);
    border: 1px solid rgba(63, 56, 191, 0.14);
    color: #3f38bf;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.solny-product-attr-icon-item__meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.solny-product-attr-icon-item__meta strong {
    font-size: 11px;
    line-height: 1.15;
    font-weight: 700;
    color: #212a51;
}

.solny-product-attr-icon-item__meta small {
    font-size: 10px;
    line-height: 1.1;
    color: #6b7495;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-product-attr-icon-empty {
    grid-column: 1 / -1;
    min-height: 38px;
    border-radius: 8px;
    border: 1px dashed color-mix(in srgb, var(--solny-border), #3f38bf 24%);
    color: #64709b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 700;
}

.solny-attribute-row__image {
    display: grid;
    grid-template-columns: auto auto auto auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #2f4aa8 18%);
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

.solny-attribute-row__image-input {
    display: none;
}

.solny-attribute-row__image-pick {
    min-height: 32px;
    border-radius: 7px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #1f2953;
}

.solny-attribute-row__image-pick:hover {
    color: #22338a;
}

.solny-attribute-row__image-mode {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #2d3b70;
}

.solny-attribute-row__image-mode > span {
    white-space: nowrap;
}

.solny-attribute-row__image-mode select {
    min-height: 32px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #334ca8 20%);
    border-radius: 7px;
    background: #ffffff;
    color: #1f2853;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
}

.solny-attribute-row__image-clear {
    min-height: 32px;
    min-width: 32px;
    border-radius: 7px;
    padding: 0;
    color: #bf3f3f;
}

.solny-attribute-row__image-clear:hover {
    color: #a42f2f;
}

.solny-attribute-row__image-clear.is-hidden {
    display: none;
}

.solny-attribute-row__image-preview {
    width: 42px;
    height: 42px;
    border-radius: 7px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 18%);
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6f7694;
    flex: 0 0 42px;
}

.solny-attribute-row__image-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.solny-attribute-row__image-preview.is-empty {
    color: #62709c;
}

.solny-attribute-row__image-preview.is-empty i {
    font-size: 14px;
}

.solny-attribute-row__html {
    border-top: 1px dashed var(--solny-border);
    padding-top: 10px;
    display: grid;
    gap: 6px;
}

.solny-attribute-row__html > label {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    color: #576184;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-product-attr-html-editor {
    display: grid;
    gap: 8px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 18%);
    border-radius: 8px;
    padding: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
}

.solny-product-attr-html-editor__modes {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.solny-product-attr-html-editor__modes .solny-product-attr-html-mode {
    border-radius: 7px;
    min-height: 30px;
    padding: 0 10px;
    color: #25305b;
    border-color: color-mix(in srgb, var(--solny-border), #3f38bf 18%);
}

.solny-product-attr-html-editor__modes .solny-product-attr-html-mode.is-active {
    background: rgba(63, 56, 191, 0.12);
    border-color: rgba(63, 56, 191, 0.34);
    color: #2e2f84;
}

.solny-product-attr-html-editor__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 6px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    border-radius: 7px;
    background: #ffffff;
}

.solny-product-attr-html-editor__toolbar.is-hidden {
    display: none;
}

.solny-product-attr-html-editor__toolbar .solny-btn {
    min-width: 30px;
    min-height: 30px;
    border-radius: 7px;
    padding: 0 9px;
    color: #1f2853;
    border-color: color-mix(in srgb, var(--solny-border), #3f38bf 22%);
    background: #f7f8ff;
}

.solny-product-attr-html-editor__toolbar .solny-btn:hover {
    background: #eef1ff;
    border-color: rgba(63, 56, 191, 0.3);
}

.solny-product-attr-html-visual,
.solny-attribute-row__html textarea {
    width: 100%;
    min-height: 150px;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    background: #ffffff;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.45;
    font-family: "Montserrat", "Inter", "Segoe UI", Arial, sans-serif;
    color: #1f2853;
}

.solny-product-attr-html-visual {
    overflow: auto;
    outline: none;
    white-space: normal;
}

.solny-product-attr-html-visual:focus {
    border-color: rgba(63, 56, 191, 0.46);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
}

.solny-product-attr-html-visual.is-hidden,
.solny-attribute-row__html textarea.is-hidden {
    display: none;
}

.solny-product-attr-html-visual img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}

.solny-product-attr-html-visual ul,
.solny-product-attr-html-visual ol {
    padding-left: 18px;
}

.solny-product-attr-html-visual h1,
.solny-product-attr-html-visual h2,
.solny-product-attr-html-visual h3 {
    margin: 8px 0 6px;
    line-height: 1.25;
}

.solny-html-divider {
    --solny-divider-height: 24px;
    width: 100%;
    height: var(--solny-divider-height);
    min-height: 1px;
    display: flex;
    align-items: center;
    pointer-events: none;
    user-select: none;
}

.solny-html-divider > span {
    width: 100%;
    border-top: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 24%);
}

.solny-product-attr-html-visual .solny-html-divider,
.solny-attr-html-content .solny-html-divider,
#solny-task-form-fields .solny-task-form-html-content .solny-html-divider {
    margin: 0;
}

.solny-product-attr-html-editor__note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #42558f;
    background: rgba(63, 56, 191, 0.08);
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 7px;
    padding: 6px 8px;
}

.solny-product-attr-html-editor__note i {
    color: #3f38bf;
}

.solny-attribute-row__html textarea {
    resize: vertical;
}

.solny-attr-range-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}

.solny-attr-range-inputs input {
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
}

.solny-attribute-row__options {
    border-top: 1px dashed var(--solny-border);
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-attribute-options-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-attribute-option {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(260px, 1.2fr) minmax(180px, 1fr) auto auto auto auto auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
}

.solny-attribute-option.is-multi {
    grid-template-columns: minmax(180px, 1fr) minmax(280px, 1.3fr) auto auto;
}

.solny-attribute-option.is-sync-enabled {
    border-style: dashed;
}

.solny-attribute-option.is-mapped {
    border-color: color-mix(in srgb, #2fb884, #3f38bf 26%);
    box-shadow: inset 0 0 0 1px rgba(47, 184, 132, 0.16);
}

.solny-attribute-option__mapped {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(63, 56, 191, 0.11);
    color: #2d3f96;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.solny-attribute-option__mapped.is-hidden {
    display: none;
}

.solny-attribute-option__field {
    display: grid;
    gap: 6px;
}

.solny-attribute-option__field > span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5f6885;
}

.solny-attribute-option__field input[type="text"] {
    min-height: 38px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 14%);
    border-radius: 9px;
    background: #ffffff;
    padding: 8px 10px;
    font-weight: 600;
}

.solny-attribute-option__partner-picker {
    position: relative;
    display: block;
}

.solny-attribute-option__partner-picker input[type="search"] {
    min-height: 38px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    border-radius: 9px;
    background: #ffffff;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
}

.solny-product-attr-option-partner-suggestions {
    display: none;
    max-height: 230px;
    overflow-y: auto;
}

.solny-product-attr-option-partner-suggestions.is-visible {
    display: block;
}

.solny-product-attr-option-partner-suggestions .solny-suggestion.is-selected {
    background: rgba(47, 184, 132, 0.14);
    border-left: 3px solid #2fb884;
    padding-left: 7px;
}

.solny-product-attr-option-partner-suggestions .solny-suggestion strong {
    font-size: 12px;
    font-weight: 700;
    color: #27335d;
}

.solny-attribute-option__field--value input:disabled {
    background: #f3f6ff;
    color: #6a7396;
    cursor: not-allowed;
}

.solny-attribute-option__sync,
.solny-attribute-option__remove {
    min-height: 38px;
    min-width: 38px;
    border-radius: 9px;
    padding: 0 10px;
    border: 1px solid transparent;
}

.solny-attribute-option__sync {
    background: #eef2ff;
    color: #3f38bf;
    border-color: rgba(63, 56, 191, 0.22);
}

.solny-attribute-option__sync.is-active {
    background: #e7f0ff;
    color: #1a66ff;
    border-color: rgba(26, 102, 255, 0.3);
}

.solny-attribute-option__remove {
    background: #fff1f0;
    color: #e0493e;
    border-color: rgba(224, 73, 62, 0.25);
}

.solny-attribute-option__color {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.solny-attribute-option__color.is-hidden {
    display: none;
}

.solny-attribute-option__color .solny-switch {
    margin: 0;
}

.solny-attribute-option__color .solny-product-attr-option-color {
    width: 38px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.22);
    padding: 0;
    background: #fff;
}

.solny-attribute-option__color .solny-product-attr-option-color.is-hidden {
    display: none;
}

.solny-attribute-option__image {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.solny-attribute-option__image.is-hidden {
    display: none;
}

.solny-attribute-option__image .solny-switch {
    margin: 0;
}

.solny-attribute-option__image-tools {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-attribute-option__image-tools.is-hidden {
    display: none;
}

.solny-attribute-option__image-pick {
    min-height: 34px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.22);
    background: #f4f7ff;
    color: #1f2853;
    gap: 6px;
}

.solny-attribute-option__image-clear {
    min-height: 34px;
    min-width: 34px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid rgba(224, 73, 62, 0.25);
    background: #fff1f0;
    color: #e0493e;
}

.solny-attribute-option__image-preview {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    background: #ffffff;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7280a8;
    flex: 0 0 34px;
}

.solny-attribute-option__image-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.solny-attribute-option__image-preview.is-empty img {
    display: none;
}

.solny-attribute-options-hint {
    margin-top: 2px;
}

.solny-attribute-add-option {
    align-self: flex-start;
    width: auto;
    max-width: 100%;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid rgba(31, 40, 83, 0.24);
    background: linear-gradient(180deg, #f2f6ff 0%, #e8efff 100%);
    color: #1f3fa8;
    font-size: 12px;
    font-weight: 700;
    gap: 7px;
    box-shadow: none;
}

.solny-attribute-add-option i {
    font-size: 11px;
}

.solny-attribute-add-option__label {
    line-height: 1;
}

.solny-attribute-add-option:hover {
    border-color: rgba(31, 64, 168, 0.42);
    background: linear-gradient(180deg, #eaf1ff 0%, #dde8ff 100%);
    color: #17348f;
}

.solny-attribute-add-option:active {
    transform: translateY(1px);
}

.solny-attribute-remove {
    min-width: 34px;
    width: 34px;
    height: 34px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    justify-self: end;
    border-radius: 8px;
    padding: 0;
    border: 1px solid rgba(224, 73, 62, 0.24);
    background: #fff3f3;
    color: #d84a3f;
}

.solny-attribute-remove i {
    line-height: 1;
}

.solny-attribute-remove:hover {
    background: #ffe8e8;
    border-color: rgba(216, 74, 63, 0.38);
    color: #c43830;
}

.solny-attribute-remove:active {
    transform: translateY(1px);
}

.solny-attribute-option input[type="color"] {
    width: 40px;
    height: 38px;
    padding: 0;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 14%);
}

.solny-product-attribute-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.solny-product-attr-action {
    min-height: 40px;
    border-radius: 12px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: "Montserrat", "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    border-width: 1px;
}

.solny-product-attr-action i {
    font-size: 13px;
}

.solny-product-attr-action--add {
    color: #2755c2;
    border-color: rgba(39, 85, 194, 0.36);
    background: linear-gradient(180deg, #f3f8ff 0%, #e8f1ff 100%);
}

.solny-product-attr-action--add:hover {
    color: #1d47af;
    border-color: rgba(39, 85, 194, 0.54);
    background: linear-gradient(180deg, #eaf2ff 0%, #dbe8ff 100%);
}

.solny-product-attr-action--group {
    color: #5140b6;
    border-color: rgba(81, 64, 182, 0.38);
    background: linear-gradient(180deg, #f4f2ff 0%, #ebe8ff 100%);
}

.solny-product-attr-action--group:hover {
    color: #43349e;
    border-color: rgba(81, 64, 182, 0.56);
    background: linear-gradient(180deg, #efecff 0%, #e4defd 100%);
}

.solny-product-attr-action--conditions {
    color: #1e7d5b;
    border-color: rgba(47, 161, 117, 0.4);
    background: linear-gradient(180deg, #ecfbf4 0%, #dff7ec 100%);
}

.solny-product-attr-action--conditions:hover {
    color: #18664a;
    border-color: rgba(47, 161, 117, 0.58);
    background: linear-gradient(180deg, #e1f8ec 0%, #d2f2e3 100%);
}

.solny-product-conditions-counter {
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    padding: 0 7px;
    background: rgba(20, 120, 84, 0.14);
    color: #1b7a58;
    border: 1px solid rgba(20, 120, 84, 0.28);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.solny-product-conditions-counter.is-empty {
    background: rgba(68, 79, 124, 0.1);
    color: #5f6b95;
    border-color: rgba(68, 79, 124, 0.22);
}

#solny-modal-product-conditions .solny-modal__dialog {
    width: min(1680px, calc(100vw - 18px));
    max-height: calc(100vh - 18px);
}

#solny-modal-product-conditions .solny-modal__body {
    padding: 16px 18px;
    overflow: hidden;
}

.solny-modal__dialog--product-condition-link {
    width: min(920px, calc(100vw - 24px));
    font-family: "Montserrat", "Inter", "Segoe UI", Arial, sans-serif;
}

.solny-product-conditions {
    display: grid;
    gap: 12px;
}

.solny-product-conditions__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.solny-product-conditions__toolbar-main {
    display: grid;
    gap: 2px;
}

.solny-product-conditions__toolbar-main strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #24315a;
}

.solny-product-conditions__toolbar-main span {
    font-size: 12px;
    color: #6d789a;
}

.solny-product-conditions__toolbar-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-product-conditions__pending {
    min-height: 34px;
    border-radius: 10px;
    border: 1px dashed rgba(26, 102, 255, 0.4);
    background: rgba(26, 102, 255, 0.07);
    color: #214fbd;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
}

.solny-product-conditions__pending.is-hidden {
    display: none;
}

.solny-product-conditions__workspace {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr) 340px;
    gap: 12px;
    min-height: 620px;
    height: min(74vh, 820px);
}

.solny-product-conditions__palette {
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 18%);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-height: 0;
}

.solny-product-conditions__palette-head {
    padding: 10px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 14%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #2a3764;
}

.solny-product-conditions__palette-head span {
    min-width: 34px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #32429f;
    font-size: 11px;
}

.solny-product-conditions__palette-search {
    padding: 10px 10px 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 10%);
}

.solny-product-conditions__palette-list {
    padding: 10px;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    gap: 8px;
    scrollbar-gutter: stable;
}

.solny-product-conditions__palette-list::-webkit-scrollbar {
    width: 10px;
}

.solny-product-conditions__palette-list::-webkit-scrollbar-track {
    background: rgba(63, 56, 191, 0.06);
    border-radius: 999px;
}

.solny-product-conditions__palette-list::-webkit-scrollbar-thumb {
    background: rgba(53, 84, 205, 0.33);
    border-radius: 999px;
}

.solny-product-conditions__palette-list::-webkit-scrollbar-thumb:hover {
    background: rgba(53, 84, 205, 0.48);
}

.solny-product-conditions-palette-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    background: #fff;
    padding: 8px;
}

.solny-product-conditions-palette-row.is-added {
    border-color: rgba(47, 184, 132, 0.42);
    background: linear-gradient(180deg, #f6fff9 0%, #ffffff 100%);
}

.solny-product-conditions-palette-row__body {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.solny-product-conditions-palette-row__type {
    display: inline-flex;
    align-items: center;
    justify-self: flex-start;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.1);
    color: #31409b;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.solny-product-conditions-palette-row__body strong {
    color: #1e2a53;
    font-size: 12px;
    line-height: 1.25;
}

.solny-product-conditions-palette-row__body small {
    color: #6f7b9e;
    font-size: 11px;
    line-height: 1.25;
}

.solny-product-conditions-palette-row__action {
    align-self: center;
    min-width: 98px;
    min-height: 30px;
    border: 1px solid rgba(40, 93, 255, 0.35);
    border-radius: 8px;
    background: linear-gradient(180deg, #f7fbff 0%, #edf4ff 100%);
    color: #2440aa;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    padding: 0 10px;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, transform .12s ease;
}

.solny-product-conditions-palette-row__action:hover {
    border-color: rgba(26, 102, 255, 0.58);
    background: linear-gradient(180deg, #f2f8ff 0%, #e3eeff 100%);
    color: #163aaf;
    box-shadow: 0 6px 14px rgba(26, 102, 255, 0.16);
}

.solny-product-conditions-palette-row__action:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(26, 102, 255, 0.22), 0 6px 14px rgba(26, 102, 255, 0.16);
}

.solny-product-conditions-palette-row__action:active {
    transform: translateY(1px);
}

.solny-product-conditions-palette-row__action.is-focus {
    border-color: rgba(47, 184, 132, 0.46);
    background: linear-gradient(180deg, #f1fff8 0%, #e7fff3 100%);
    color: #1f8a60;
}

.solny-product-conditions__canvas-scroll {
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 18%);
    border-radius: 12px;
    background:
        radial-gradient(circle at 1px 1px, rgba(63, 56, 191, 0.09) 1px, transparent 0) 0 0 / 18px 18px,
        linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    overflow: auto;
    position: relative;
}

#solny-modal-product-conditions.is-space-pan .solny-product-conditions__canvas-scroll {
    cursor: grab;
}

#solny-modal-product-conditions.is-space-pan .solny-product-conditions-node {
    cursor: inherit;
}

.solny-product-conditions__canvas-scroll.is-panning {
    cursor: grabbing;
}

.solny-product-conditions__canvas {
    position: relative;
    min-width: 2200px;
    min-height: 1400px;
}

.solny-product-conditions__svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    z-index: 1;
}

.solny-product-conditions__nodes {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.solny-product-conditions-node {
    position: absolute;
    width: 280px;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 18%);
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(27, 36, 78, 0.08);
    padding: 10px 12px;
    display: grid;
    gap: 4px;
    cursor: grab;
    transition: border-color .16s ease, box-shadow .16s ease, transform .12s ease;
    user-select: none;
}

.solny-product-conditions-node:hover {
    border-color: rgba(63, 56, 191, 0.44);
    box-shadow: 0 12px 22px rgba(24, 34, 77, 0.13);
}

.solny-product-conditions-node.is-dragging {
    cursor: grabbing;
    opacity: .94;
    transform: scale(1.01);
    z-index: 15;
}

.solny-product-conditions-node.is-link-source {
    border-color: rgba(26, 102, 255, 0.64);
    box-shadow: 0 0 0 2px rgba(26, 102, 255, 0.2), 0 10px 22px rgba(26, 102, 255, 0.15);
}

.solny-product-conditions-node.is-link-target {
    border-style: dashed;
}

.solny-product-conditions-node.is-link-drop-target {
    border-color: rgba(26, 102, 255, 0.68);
    box-shadow: 0 0 0 3px rgba(26, 102, 255, 0.18), 0 12px 24px rgba(26, 102, 255, 0.18);
}

.solny-product-conditions-node.is-type-group {
    background: linear-gradient(180deg, #f5f8ff 0%, #ffffff 100%);
}

.solny-product-conditions-node.is-type-option {
    background: linear-gradient(180deg, #f3fff8 0%, #ffffff 100%);
    border-color: rgba(47, 184, 132, 0.4);
}

.solny-product-conditions-node.is-type-setting {
    background: linear-gradient(180deg, #fff8ef 0%, #ffffff 100%);
    border-color: rgba(255, 136, 26, 0.36);
}

.solny-product-conditions-node__head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.solny-product-conditions-node__head-actions {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-product-conditions-node__type {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.11);
    color: #31409b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.solny-product-conditions-node__link {
    min-width: 42px;
    min-height: 30px;
    border-radius: 999px;
    padding: 0 8px;
    color: #3451ca;
    border: 1px solid rgba(53, 84, 205, 0.34) !important;
    background: linear-gradient(180deg, #fbfdff 0%, #eef3ff 100%) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 700;
}

.solny-product-conditions-node__link:hover {
    border-color: rgba(26, 102, 255, 0.55) !important;
    color: #1a47d8;
    box-shadow: 0 6px 14px rgba(26, 102, 255, 0.16);
}

.solny-product-conditions-node__link.is-linked {
    border-color: rgba(26, 102, 255, 0.62) !important;
    background: linear-gradient(180deg, #f5f9ff 0%, #e7efff 100%) !important;
    color: #163eaf;
    box-shadow: 0 5px 12px rgba(22, 62, 175, 0.16);
}

.solny-product-conditions-node__link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(26, 102, 255, 0.22), 0 6px 14px rgba(26, 102, 255, 0.16);
}

.solny-product-conditions-node__link-count {
    min-width: 16px;
    height: 16px;
    border-radius: 999px;
    background: rgba(53, 84, 205, 0.15);
    color: #2e46ae;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

.solny-product-conditions-node__link-count.is-zero {
    background: rgba(111, 123, 158, 0.12);
    color: #7a86ab;
}

.solny-product-conditions-node__link--left {
    justify-self: flex-start;
}

.solny-product-conditions-node__link--right {
    justify-self: flex-end;
}

.solny-product-conditions-node__visibility {
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 8px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    line-height: 1;
    color: #6074b2;
    border: 1px solid rgba(97, 121, 188, 0.24) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f3f6ff 100%) !important;
}

.solny-product-conditions-node__visibility i {
    margin: 0;
    display: block;
    font-size: 13px;
    line-height: 1;
    pointer-events: none;
}

.solny-product-conditions-node__visibility:hover {
    color: #415fb8;
    border-color: rgba(65, 95, 184, 0.44) !important;
}

.solny-product-conditions-node__visibility.is-active {
    color: #1f7f5b;
    border-color: rgba(31, 127, 91, 0.45) !important;
    background: linear-gradient(180deg, #f4fff9 0%, #e9fff3 100%) !important;
    box-shadow: 0 0 0 2px rgba(31, 127, 91, 0.14);
}

.solny-product-conditions-node__remove {
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 8px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #bd3b4f;
    border: 1px solid rgba(189, 59, 79, 0.28) !important;
    background: linear-gradient(180deg, #fffafc 0%, #fff0f4 100%) !important;
    line-height: 1;
}

.solny-product-conditions-node__remove i {
    margin: 0;
    display: block;
    font-size: 13px;
    line-height: 1;
    pointer-events: none;
}

.solny-product-conditions-node__remove:hover {
    color: #a63144;
    border-color: rgba(166, 49, 68, 0.44) !important;
    box-shadow: 0 6px 14px rgba(166, 49, 68, 0.17);
}

.solny-product-conditions-node strong {
    color: #1e2a53;
    font-size: 12px;
    line-height: 1.25;
}

.solny-product-conditions-node small {
    color: #6f7b9e;
    font-size: 11px;
    line-height: 1.3;
}

.solny-product-conditions-node__state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    justify-self: flex-start;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.solny-product-conditions-node__state.is-default-hidden {
    color: #1f7f5b;
    background: rgba(31, 127, 91, 0.12);
}

.solny-product-conditions-node__options {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed rgba(52, 81, 202, 0.22);
    display: grid;
    gap: 6px;
}

.solny-product-conditions-node-option {
    border: 1px solid rgba(47, 184, 132, 0.34);
    background: linear-gradient(180deg, #f6fff9 0%, #ffffff 100%);
    border-radius: 10px;
    padding: 7px 8px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: start;
    gap: 6px;
    transition: border-color .14s ease, box-shadow .14s ease, transform .12s ease;
}

.solny-product-conditions-node-option:hover {
    border-color: rgba(47, 184, 132, 0.5);
    box-shadow: 0 4px 12px rgba(47, 184, 132, 0.12);
}

.solny-product-conditions-node-option__body {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.solny-product-conditions-node-option__type {
    display: inline-flex;
    align-items: center;
    justify-self: flex-start;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(47, 184, 132, 0.14);
    color: #2e986f;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.solny-product-conditions-node-option__state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    justify-self: flex-start;
    margin-top: 3px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.solny-product-conditions-node-option__state.is-default-hidden {
    color: #1f7f5b;
    background: rgba(31, 127, 91, 0.12);
}

.solny-product-conditions-node-option strong {
    color: #1d2a4e;
    font-size: 12px;
    line-height: 1.2;
}

.solny-product-conditions-node-option small {
    color: #6a7699;
    font-size: 11px;
    line-height: 1.2;
}

.solny-product-conditions-node__link--mini {
    min-width: 40px;
    min-height: 26px;
    border-radius: 999px;
    margin-top: 1px;
    padding: 0 7px;
}

.solny-product-conditions-node-option.is-link-source,
.solny-product-conditions-node.is-link-source {
    border-color: rgba(26, 102, 255, 0.64);
    box-shadow: 0 0 0 2px rgba(26, 102, 255, 0.2), 0 10px 22px rgba(26, 102, 255, 0.15);
}

.solny-product-conditions-node-option.is-link-target,
.solny-product-conditions-node.is-link-target {
    border-style: dashed;
}

.solny-product-conditions-node-option.is-link-drop-target,
.solny-product-conditions-node.is-link-drop-target {
    border-color: rgba(26, 102, 255, 0.68);
    box-shadow: 0 0 0 3px rgba(26, 102, 255, 0.18), 0 12px 24px rgba(26, 102, 255, 0.18);
}

@keyframes solny-product-condition-node-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(26, 102, 255, 0.36), 0 10px 20px rgba(22, 43, 110, 0.08);
    }
    65% {
        box-shadow: 0 0 0 8px rgba(26, 102, 255, 0), 0 14px 24px rgba(26, 102, 255, 0.14);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(26, 102, 255, 0), 0 8px 20px rgba(22, 43, 110, 0.08);
    }
}

.solny-product-conditions-node.is-focus-pulse,
.solny-product-conditions-node-option.is-focus-pulse {
    border-color: rgba(26, 102, 255, 0.64);
    animation: solny-product-condition-node-pulse .9s ease-out 1;
}

.solny-product-conditions-link {
    fill: none;
    stroke: rgba(63, 56, 191, 0.62);
    stroke-width: 2.4;
    stroke-dasharray: 7 6;
    pointer-events: none;
}

.solny-product-conditions-link.is-active {
    stroke: #1a66ff;
    stroke-width: 3;
    stroke-dasharray: 9 6;
}

.solny-product-conditions-link-hit {
    fill: none;
    stroke: transparent;
    stroke-width: 16;
    pointer-events: auto;
    cursor: pointer;
}

.solny-product-conditions-link-hit:hover + .solny-product-conditions-link {
    stroke: rgba(26, 102, 255, 0.88);
    stroke-width: 3;
}

.solny-product-conditions-link-draft {
    fill: none;
    stroke: rgba(26, 102, 255, 0.76);
    stroke-width: 2.6;
    stroke-dasharray: 8 7;
    pointer-events: none;
}

.solny-product-conditions-link-draft.is-ready {
    stroke: rgba(47, 184, 132, 0.84);
}

.solny-product-conditions-link-controls {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 3;
}

.solny-product-conditions-link-edit {
    position: absolute;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 28px;
    border-radius: 999px;
    padding: 0;
    background: linear-gradient(180deg, #ffffff 0%, #eef3ff 100%) !important;
    border: 1px solid rgba(53, 84, 205, 0.42);
    color: #2946b3;
    box-shadow: 0 4px 12px rgba(41, 70, 179, 0.14);
    pointer-events: auto;
    cursor: pointer;
    z-index: 12;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease, transform .12s ease;
}

.solny-product-conditions-link-edit:hover {
    border-color: rgba(26, 102, 255, 0.64);
    background: linear-gradient(180deg, #f8fbff 0%, #e8f0ff 100%);
    color: #1a47d8;
    box-shadow: 0 7px 16px rgba(26, 102, 255, 0.18);
}

.solny-product-conditions-link-edit.is-active {
    border-color: rgba(26, 102, 255, 0.54);
    background: linear-gradient(180deg, #f4f9ff 0%, #e0ecff 100%);
    box-shadow: 0 0 0 2px rgba(26, 102, 255, 0.18), 0 7px 16px rgba(26, 102, 255, 0.18);
}

.solny-product-conditions-link-edit:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(26, 102, 255, 0.24), 0 7px 16px rgba(26, 102, 255, 0.2);
}

.solny-product-conditions-link-edit:active {
    transform: translate(-50%, -50%) scale(0.98);
}

.solny-product-conditions__sidebar {
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 18%);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.solny-product-conditions__sidebar-head {
    padding: 10px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 14%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #2a3764;
}

.solny-product-conditions__sidebar-head span {
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #32429f;
    font-size: 11px;
}

.solny-product-conditions__sidebar-list {
    padding: 10px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-product-conditions__empty {
    border: 1px dashed rgba(63, 56, 191, 0.28);
    border-radius: 10px;
    background: rgba(63, 56, 191, 0.05);
    color: #66739a;
    padding: 10px;
    font-size: 12px;
    text-align: center;
}

.solny-product-conditions-sidebar-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
    padding: 7px;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    background: #fff;
}

.solny-product-conditions-sidebar-row.is-active {
    border-color: rgba(26, 102, 255, 0.54);
    box-shadow: 0 0 0 2px rgba(26, 102, 255, 0.15);
}

.solny-product-conditions-sidebar-row__main {
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    display: grid;
    gap: 2px;
    padding: 0;
}

.solny-product-conditions-sidebar-row__main strong {
    font-size: 11px;
    font-weight: 700;
    color: #233261;
}

.solny-product-conditions-sidebar-row__main span {
    color: #7380a5;
    font-size: 10px;
}

.solny-product-conditions-sidebar-row__main small {
    color: #536694;
    font-size: 11px;
    font-weight: 600;
}

.solny-product-conditions-sidebar-row__delete {
    min-width: 30px;
    min-height: 30px;
    padding: 0;
    border-radius: 8px;
    color: #d1453a;
}

.solny-input-like {
    min-height: 38px;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 16%);
    background: #f8f9ff;
    padding: 8px 10px;
    font-size: 12px;
    color: #2a3764;
    display: flex;
    align-items: center;
}

.solny-product-condition-link__conditions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-product-condition-link-row {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr) minmax(0, 0.82fr) minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    padding: 8px;
    overflow: hidden;
}

.solny-product-condition-link-row__source,
.solny-product-condition-link-row__operator,
.solny-product-condition-link-row__value,
.solny-product-condition-link-row__action,
.solny-product-condition-link-row__action-value {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    border-radius: 7px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 14%);
    padding: 7px 9px;
    background: #fff;
    font-size: 12px;
    color: #263260;
}

.solny-product-condition-link-row__value:disabled {
    background: #f1f4ff;
    color: #7d86a5;
    cursor: not-allowed;
}

.solny-product-condition-link-row__action-value:disabled {
    background: #f1f4ff;
    color: #7d86a5;
    cursor: not-allowed;
}

.solny-product-condition-link-row__action-value.is-hidden {
    display: none;
}

.solny-product-condition-link-row__remove {
    min-height: 36px;
    min-width: auto;
    padding: 0 10px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
    color: #aa2d3a;
    border-color: rgba(170, 45, 58, 0.28);
    background: linear-gradient(180deg, #fff7f8 0%, #ffeef1 100%);
}

.solny-product-condition-link-row__remove i {
    font-size: 12px;
}

.solny-product-condition-link-row__remove span {
    font-size: 11px;
    font-weight: 700;
}

.solny-product-condition-link-row__remove:hover {
    color: #90202f;
    border-color: rgba(144, 32, 47, 0.36);
    background: linear-gradient(180deg, #fff1f4 0%, #ffe5ea 100%);
}

.solny-product-condition-link__add-btn {
    margin-top: 2px;
    min-height: 34px;
    border-radius: 7px;
    border: 1px solid rgba(63, 56, 191, 0.34);
    background: linear-gradient(180deg, #f8f9ff 0%, #eef1ff 100%);
    color: #2b36ad;
    font-weight: 700;
}

.solny-product-condition-link__add-btn:hover {
    border-color: rgba(52, 46, 176, 0.48);
    background: linear-gradient(180deg, #f3f6ff 0%, #e4eaff 100%);
    color: #212c96;
}

.solny-product-condition-link__add-btn i {
    font-size: 12px;
}

#solny-modal-product-condition-link .solny-modal__body,
#solny-modal-product-condition-link .solny-modal__footer,
#solny-modal-product-condition-link .solny-modal__header {
    font-family: "Montserrat", "Inter", "Segoe UI", Arial, sans-serif;
}

.solny-item__attributes {
    margin-top: 8px;
    padding: 10px;
    border-radius: 12px;
    background: #f7f8fc;
    border: 1px solid var(--solny-border);
    overflow: visible;
}

.solny-attr.is-condition-hidden,
.solny-attr-group.is-condition-hidden {
    display: none !important;
}

.solny-attr.is-condition-hidden-keep-total,
.solny-attr-group.is-condition-hidden-keep-total {
    display: none !important;
}

.solny-attr-option.is-condition-hidden {
    display: none !important;
}

.solny-task-field-card.is-condition-hidden,
.solny-task-form-attribute-group.is-condition-hidden {
    display: none !important;
}

.solny-task-field-card.is-condition-hidden-keep-total,
.solny-task-form-attribute-group.is-condition-hidden-keep-total {
    display: none !important;
}

#solny-task-form-fields-section .solny-checkbox.is-condition-hidden,
#solny-task-form-fields-section .solny-radio.is-condition-hidden {
    display: none !important;
}

.solny-item__attributes-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    font-weight: 600;
    font-size: 12px;
    color: var(--solny-dark);
    margin-bottom: 6px;
}

.solny-item__attributes-heading {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.solny-item__attributes-save-meta {
    grid-column: auto;
    grid-row: auto;
    justify-self: auto;
    justify-content: flex-start;
    min-height: 0;
}

.solny-item__attributes-save-meta .solny-task-form-fields__save-badge {
    min-height: 26px;
    padding: 0 8px;
    font-size: 11px;
}

.solny-item__attributes-save-meta .solny-task-form-fields__save-badge.has-avatar {
    gap: 5px;
}

.solny-item__attributes-save-meta .solny-task-form-fields__save-avatar {
    width: 18px;
    height: 18px;
    min-width: 18px;
    font-size: 8px;
    margin-right: 1px;
}

.solny-item__attributes-save-task {
    cursor: pointer;
    appearance: none;
    font: inherit;
    min-height: 26px;
    padding: 0 8px;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.24);
    background: rgba(63, 56, 191, 0.06);
    color: #394487;
}

.solny-item__attributes-save-task:hover {
    border-color: rgba(63, 56, 191, 0.34);
    background: rgba(63, 56, 191, 0.12);
    color: #2f397a;
}

.solny-item__attributes-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 8px;
    overflow: visible;
    max-width: 100%;
    padding: 2px 0;
}

.solny-item__attributes-download {
    min-height: 34px;
    border-radius: 10px;
    padding: 0 11px;
    background: linear-gradient(180deg, #eff5ff 0%, #e5efff 100%);
    border: 1px solid rgba(26, 102, 255, 0.28);
    color: #1d56d8;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    letter-spacing: 0.1px;
}

.solny-item__attributes-fill {
    min-height: 34px;
    border-radius: 10px;
    padding: 0 11px;
    background: linear-gradient(180deg, #f2ecff 0%, #e8deff 100%);
    border: 1px solid rgba(93, 76, 210, 0.34);
    color: #4e3ab8;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    letter-spacing: 0.1px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.solny-item__attributes-fill:hover {
    background: linear-gradient(180deg, #e8ddff 0%, #dccdff 100%);
    border-color: rgba(93, 76, 210, 0.5);
}

.solny-item__attributes-download:hover {
    background: linear-gradient(180deg, #e3edff 0%, #d6e6ff 100%);
    border-color: rgba(26, 102, 255, 0.42);
}

.solny-item__attributes-send {
    min-height: 34px;
    border-radius: 10px;
    padding: 0 11px;
    background: linear-gradient(180deg, #e8f9f1 0%, #dbf4e8 100%);
    border: 1px solid rgba(59, 177, 133, 0.38);
    color: #1f7f5b;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    letter-spacing: 0.1px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.solny-item__attributes-send:hover {
    background: linear-gradient(180deg, #dbf3e9 0%, #cdeedc 100%);
    border-color: rgba(59, 177, 133, 0.54);
}

.solny-item__attributes-fill i,
.solny-item__attributes-send i,
.solny-item__attributes-download i {
    font-size: 12px;
}

.solny-item__attributes-send-company {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 2px;
    padding: 3px 7px;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--partner-company-color, #1f7f5b), #ffffff 64%);
    background: color-mix(in srgb, var(--partner-company-color, #1f7f5b), #ffffff 85%);
    color: var(--partner-company-color, #1f7f5b);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
}

.solny-item__attributes-send-company img {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    object-fit: cover;
}

.solny-item__attributes-send-company i {
    font-size: 10px;
}

.solny-item__attributes-send-company.is-missing {
    border-color: rgba(224, 73, 62, 0.28);
    background: rgba(224, 73, 62, 0.1);
    color: #b84039;
}

@media (max-width: 880px) {
    .solny-item__attributes-heading {
        width: 100%;
        justify-content: space-between;
    }
    .solny-item__attributes-actions {
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1360px) {
    .solny-product-conditions__workspace {
        grid-template-columns: 280px minmax(0, 1fr) 300px;
    }
}

@media (max-width: 1140px) {
    #solny-modal-product-conditions .solny-modal__body {
        overflow: auto;
    }

    .solny-product-conditions__workspace {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .solny-product-conditions__palette {
        min-height: 240px;
    }

    .solny-product-conditions__sidebar {
        min-height: 220px;
    }
}

@media (max-width: 820px) {
    .solny-product-condition-link-row {
        grid-template-columns: 1fr;
    }

    .solny-product-condition-link-row__remove {
        width: fit-content;
    }
}

.solny-attr-list {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 8px;
    align-content: start;
}

.solny-attr-empty {
    grid-column: 1 / -1;
}

.solny-attr-group {
    grid-column: 1 / -1;
    display: grid;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 11px;
    background: rgba(63, 56, 191, 0.03);
}

.solny-attr-group--w100 { grid-column: span 12; }
.solny-attr-group--w75 { grid-column: span 9; }
.solny-attr-group--w66 { grid-column: span 8; }
.solny-attr-group--w50 { grid-column: span 6; }
.solny-attr-group--w33 { grid-column: span 4; }
.solny-attr-group--w25 { grid-column: span 3; }

.solny-attr-group__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #2f3d8e;
}

.solny-attr-group__meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-attr-group__repeatable-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 8px;
    background: rgba(47, 184, 132, 0.14);
    color: #237254;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.solny-attr-group__repeat-instance {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.1);
    color: #2f3d8d;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.solny-attr-group__controls {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.solny-attr-group__list {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 8px;
}

.solny-attr {
    grid-column: span 12;
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(220px, 2fr) minmax(120px, 160px);
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
}

.solny-attr--w100 { grid-column: span 12; }
.solny-attr--w75 { grid-column: span 9; }
.solny-attr--w66 { grid-column: span 8; }
.solny-attr--w50 { grid-column: span 6; }
.solny-attr--w33 { grid-column: span 4; }
.solny-attr--w25 { grid-column: span 3; }

/* Order item attributes should stay linear regardless of constructor width rules. */
.solny-item__attributes .solny-attr-list,
.solny-item__attributes .solny-attr-group__list {
    grid-template-columns: minmax(0, 1fr);
}

.solny-item__attributes .solny-attr-group,
.solny-item__attributes .solny-attr-group--w25,
.solny-item__attributes .solny-attr-group--w33,
.solny-item__attributes .solny-attr-group--w50,
.solny-item__attributes .solny-attr-group--w66,
.solny-item__attributes .solny-attr-group--w75,
.solny-item__attributes .solny-attr-group--w100 {
    grid-column: 1 / -1;
}

.solny-item__attributes .solny-attr,
.solny-item__attributes .solny-attr--w25,
.solny-item__attributes .solny-attr--w33,
.solny-item__attributes .solny-attr--w50,
.solny-item__attributes .solny-attr--w66,
.solny-item__attributes .solny-attr--w75,
.solny-item__attributes .solny-attr--w100 {
    grid-column: 1 / -1;
}

.solny-attr.is-repeatable {
    border-style: dashed;
}

.solny-attr__image {
    grid-column: 1 / -1;
    border-radius: 9px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    background: rgba(63, 56, 191, 0.03);
    overflow: hidden;
}

.solny-attr__image img {
    width: 100%;
    display: block;
    max-height: 180px;
    object-fit: cover;
}

.solny-attr__image.is-mode-left-mini img {
    height: 100%;
    max-height: none;
}

.solny-attr.is-image-left-mini {
    grid-template-columns: 66px minmax(120px, 1fr) minmax(220px, 2fr) minmax(120px, 160px);
    align-items: start;
    gap: 10px 12px;
}

.solny-attr.is-image-left-mini .solny-attr__image {
    grid-column: 1;
    grid-row: 1 / span 4;
    width: 66px;
    height: 66px;
    margin: 0;
    align-self: start;
}

.solny-attr.is-image-left-mini .solny-attr__head {
    grid-column: 2;
}

.solny-attr.is-image-left-mini .solny-attr-control {
    grid-column: 3;
}

.solny-attr.is-image-left-mini .solny-attr-price {
    grid-column: 4;
    align-self: center;
}

.solny-attr.is-image-left-mini .solny-attr-hint {
    grid-column: 2 / span 3;
}

.solny-attr--html {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

.solny-attr.is-excluded {
    opacity: 0.65;
    background: #f7f7fb;
}

.solny-attr__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-dark);
}

.solny-attr__head > label {
    margin: 0;
}

.solny-attr__head-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.solny-attr-repeatable-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 8px;
    background: rgba(63, 56, 191, 0.12);
    color: #2d3f96;
    font-size: 10px;
    font-weight: 700;
}

.solny-attr-repeat-instance {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.1);
    color: #2f3d8d;
    font-size: 10px;
    font-weight: 700;
}

.solny-attr-repeat-controls {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.solny-attr-repeat-btn {
    min-width: 24px;
    min-height: 24px;
    padding: 0;
    border-radius: 7px;
}

.solny-attr-repeat-btn--remove {
    color: #b23b3b;
}

.solny-attr-include {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--solny-muted);
    white-space: nowrap;
}

.solny-attr-control {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.solny-attr-html-content {
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 9px;
    background: #ffffff;
    padding: 10px 12px;
    min-height: 44px;
    font-size: 12px;
    line-height: 1.45;
}

.solny-attr-html-empty {
    border: 1px dashed rgba(63, 56, 191, 0.26);
    border-radius: 9px;
    background: rgba(63, 56, 191, 0.04);
    padding: 10px 12px;
    font-size: 11px;
    color: #6b7392;
}

.solny-attr-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-attr-multi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
}

.solny-attr-multi__part {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.solny-attr-multi__part > span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #5f6885;
}

.solny-attr-option {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 10px;
    background: rgba(63, 56, 191, 0.08);
    font-size: 11px;
}

.solny-attr-option--radio[style*="--attr-color"],
.solny-attr-option--check[style*="--attr-color"] {
    background: color-mix(in srgb, var(--attr-color), #ffffff 82%);
    border: 1px solid color-mix(in srgb, var(--attr-color), #ffffff 60%);
}

.solny-attr-option--radio input,
.solny-attr-option--check input {
    margin: 0;
}

.solny-attr-size {
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-attr-unit {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-attr-hint {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 11px;
    color: var(--solny-muted);
    grid-column: 2;
    margin-top: -2px;
}

.solny-attr-hint__line {
    display: block;
}

.solny-attr-price {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: var(--solny-muted);
    justify-content: flex-end;
}

.solny-attr-price span {
    font-weight: 600;
    color: var(--solny-dark);
}

.solny-attr-price-input {
    width: 120px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    padding: 4px 8px;
    font-size: 12px;
    background: #fff;
}

.solny-attr-input,
.solny-attr select.solny-attr-input {
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    padding: 6px 10px;
    font-size: 12px;
    background: #fff;
    width: 100%;
}

.solny-attr select.solny-attr-input {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #6a7083 50%),
        linear-gradient(135deg, #6a7083 50%, transparent 50%);
    background-position: calc(100% - 16px) 14px, calc(100% - 11px) 14px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: 24px;
}

@media (max-width: 860px) {
    .solny-attribute-list {
        grid-template-columns: 1fr;
    }
    .solny-attribute-group-zone,
    .solny-attribute-group-zone--w25,
    .solny-attribute-group-zone--w33,
    .solny-attribute-group-zone--w50,
    .solny-attribute-group-zone--w66,
    .solny-attribute-group-zone--w75,
    .solny-attribute-group-zone--w100 {
        grid-column: 1 / -1;
    }
    .solny-attribute-group-zone__width {
        margin-left: auto;
    }
    .solny-attribute-group-zone__width-select {
        min-width: 84px;
    }
    .solny-attr-list,
    .solny-attr-group__list {
        grid-template-columns: 1fr;
    }
    .solny-attr,
    .solny-attr--w25,
    .solny-attr--w33,
    .solny-attr--w50,
    .solny-attr--w66,
    .solny-attr--w75,
    .solny-attr--w100,
    .solny-attr-group,
    .solny-attr-group--w25,
    .solny-attr-group--w33,
    .solny-attr-group--w50,
    .solny-attr-group--w66,
    .solny-attr-group--w75,
    .solny-attr-group--w100 {
        grid-column: 1 / -1;
    }
    .solny-attr {
        grid-template-columns: 1fr;
        align-items: start;
    }
    .solny-attr.is-image-left-mini {
        grid-template-columns: 1fr;
    }
    .solny-attr.is-image-left-mini .solny-attr__image {
        grid-column: 1 / -1;
        grid-row: auto;
        width: 100%;
        height: auto;
    }
    .solny-attr.is-image-left-mini .solny-attr__image.is-mode-left-mini img {
        height: auto;
        max-height: 180px;
    }
    .solny-attr.is-image-left-mini .solny-attr__head,
    .solny-attr.is-image-left-mini .solny-attr-control,
    .solny-attr.is-image-left-mini .solny-attr-price,
    .solny-attr.is-image-left-mini .solny-attr-hint {
        grid-column: 1 / -1;
    }
    .solny-attr-price {
        justify-content: flex-start;
    }
    .solny-item__adjustment-body {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .solny-product-partner-doc {
        grid-template-columns: 1fr;
    }
    .solny-product-partner-doc__toolbar,
    .solny-product-partner-doc__partners {
        grid-column: 1;
    }
    .solny-attribute-groups__head {
        flex-direction: column;
        align-items: stretch;
    }
    .solny-attribute-row__head {
        grid-template-columns: auto 1fr;
    }
    .solny-product-attr-hint-wrap,
    .solny-product-attr-default-wrap,
    .solny-product-attr-hint-toggle-wrap,
    .solny-product-attr-range,
    .solny-product-attr-unit {
        grid-row: auto;
        grid-column: 1 / -1;
    }
    .solny-attribute-row__image {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .solny-product-attr-icon-dropdown {
        left: 0;
    }
    .solny-product-attr-icon-dropdown__list {
        grid-template-columns: 1fr;
    }
    .solny-attribute-option {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .solny-attribute-option.is-multi {
        grid-template-columns: 1fr;
    }

    .solny-attribute-option .solny-product-attr-option-color {
        width: 100%;
    }
    .solny-attribute-option__image {
        flex-wrap: wrap;
    }
    .solny-attribute-option__image-tools {
        width: 100%;
    }
    .solny-attribute-option__image-pick {
        flex: 1 1 auto;
        justify-content: center;
    }
    .solny-product-partner-doc__content {
        grid-template-columns: 1fr;
    }
    .solny-product-partner-doc__fields {
        min-height: 0;
        max-height: none;
        height: auto;
        overflow: visible;
        padding-right: 0;
    }
}

@media (max-width: 640px) {
    .solny-product-partner-doc__toolbar {
        grid-template-columns: 1fr;
    }
}
.solny-expenses {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 20px;
}

.solny-expenses__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    background: #fff;
    border-radius: 18px;
    border: 1px solid var(--solny-border);
    box-shadow: var(--solny-shadow);
}

.solny-expenses__title {
    font-size: 18px;
    font-weight: 700;
}

.solny-expenses__subtitle {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-expenses__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.solny-expenses__stats {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.solny-expenses__list {
    display: grid;
    grid-template-columns: repeat(var(--expense-columns, 3), minmax(240px, 1fr));
    gap: 16px;
}

.solny-tasks {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 20px;
}

.solny-tasks .solny-btn {
    border-radius: 10px;
}

.solny-users {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 20px;
}

.solny-users__header {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.solny-users__search {
    flex: 1;
    min-width: 260px;
}

.solny-search--inline {
    width: 100%;
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    padding: 10px 12px;
    box-shadow: var(--solny-shadow);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    position: relative;
}

.solny-search--inline .solny-search__suggestions {
    z-index: 260;
}

.solny-search--inline input {
    font-weight: 600;
}

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

.solny-users__list {
    display: grid;
    grid-template-columns: repeat(var(--user-columns, 3), minmax(260px, 1fr));
    gap: 16px;
}

.solny-tickets {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr) 320px;
    gap: 16px;
    padding: 16px 0;
}

.solny-tickets__sidebar,
.solny-tickets__detail,
.solny-tickets__aside {
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 16px;
    padding: 16px;
    min-height: 520px;
}

.solny-ticket-list__header {
    margin-bottom: 12px;
}

.solny-ticket-list__label {
    margin: 8px 0 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-muted);
    text-transform: uppercase;
}

.solny-ticket-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-ticket-filters .solny-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-ticket-filters .solny-btn i {
    color: var(--status-color, var(--solny-blue));
}

.solny-ticket-filter__count {
    background: color-mix(in srgb, var(--status-color, var(--solny-blue)), #ffffff 75%);
    border-radius: 999px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 600;
}

.solny-ticket-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-ticket-card {
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    padding: 12px;
    background: #f7f8fc;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
}

.solny-ticket-card.is-active {
    border-color: var(--solny-primary);
    background: #eef0ff;
}

.solny-ticket-card__title {
    font-weight: 600;
    margin-bottom: 6px;
}

.solny-ticket-card__ref {
    font-size: 11px;
    color: var(--solny-muted);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.solny-ticket-card__meta {
    font-size: 12px;
    color: var(--solny-muted);
    margin-bottom: 8px;
}

.solny-ticket-card__status {
    font-size: 12px;
    color: var(--solny-text);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 10px;
    background: rgba(63, 56, 191, 0.1);
}

.solny-ticket-card__status i {
    color: var(--status-color, var(--solny-primary));
}

.solny-ticket-card__unread {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #e74c3c;
    margin-left: 8px;
}

.solny-ticket-card__delivery {
    margin-top: 6px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-ticket-card__status-note {
    font-size: 11px;
    font-weight: 600;
    color: var(--status-color, var(--solny-primary));
    margin-left: 8px;
}

.solny-ticket-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.solny-ticket-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    background: rgba(63, 56, 191, 0.08);
    color: var(--badge-color, #3f38bf);
}

.solny-ticket-card__badge i {
    font-size: 11px;
}

.solny-ticket-actions {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-end;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.solny-ticket-actions__buttons {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-ticket-detail__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--solny-border);
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.solny-ticket-detail__title {
    font-weight: 600;
    font-size: 18px;
}

.solny-ticket-detail__meta {
    font-size: 12px;
    color: var(--solny-muted);
    margin-top: 4px;
}

.solny-ticket-detail__status .solny-status-dropdown {
    min-width: 180px;
}

.solny-ticket-thread {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 560px;
    overflow: auto;
    padding-right: 4px;
    background: #f7f8fc;
    border-radius: 14px;
    padding: 12px;
    position: relative;
    z-index: 1;
}

.solny-ticket-thread--chat .solny-ticket-message {
    max-width: 72%;
}

.solny-ticket-thread--chat .solny-ticket-message.is-manager {
    align-self: flex-end;
}

.solny-ticket-thread--chat .solny-ticket-message.is-customer {
    align-self: flex-start;
}

.solny-ticket-message {
    background: #f7f8fc;
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    padding: 12px;
}

.solny-ticket-message.is-manager {
    background: rgba(59, 177, 133, 0.08);
}

.solny-ticket-message.is-customer {
    background: rgba(63, 56, 191, 0.08);
}

.solny-ticket-message.is-highlight {
    border-color: rgba(63, 56, 191, 0.6);
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.12);
}

.solny-ticket-message.is-typing {
    background: rgba(59, 177, 133, 0.06);
    border-style: dashed;
}

.solny-ticket-message.is-typing .solny-ticket-message__body {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.solny-ticket-message.is-typing.has-text .solny-ticket-message__body {
    display: block;
}

.solny-ticket-message.is-typing.has-text .solny-ticket-message__body em {
    font-style: italic;
    color: var(--solny-muted);
}

.solny-ticket-message.is-typing .solny-ticket-message__body span {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: rgba(59, 177, 133, 0.6);
    animation: solny-livechat-dots 1s infinite ease-in-out;
}

.solny-ticket-message.is-typing .solny-ticket-message__body span:nth-child(2) {
    animation-delay: 0.2s;
}

.solny-ticket-message.is-typing .solny-ticket-message__body span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes solny-livechat-dots {
    0%, 80%, 100% {
        transform: scale(0.8);
        opacity: 0.4;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

.solny-ticket-message__meta {
    font-size: 12px;
    color: var(--solny-muted);
    margin-bottom: 6px;
}

.solny-ticket-message a {
    color: #3f38bf;
    text-decoration: underline;
}

.solny-ticket-message__status {
    font-weight: 600;
    color: var(--solny-dark);
}

.solny-ticket-message__files {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.solny-ticket-message__file {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid rgba(63, 56, 191, 0.15);
    border-radius: 8px;
    background: #f6f7fb;
    color: #2d2f3a;
    font-size: 11px;
    text-decoration: none;
}

.solny-ticket-message__file i {
    color: #3f38bf;
    font-size: 12px;
}

.solny-ticket-message__file em {
    font-style: normal;
    color: var(--solny-muted);
    margin-left: 4px;
}

.solny-ticket-reply {
    margin-top: 16px;
}

.solny-ticket-reply__title {
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-ticket-reply__actions {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
}

.solny-mailbox {
    margin-top: 14px;
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    padding: 12px;
    background: #f7f8fc;
}

.solny-mailbox__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.solny-mailbox__sync {
    margin-left: 8px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-mailbox__folders {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
}

.solny-mailbox__folder {
    width: 100%;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 6px 10px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    cursor: pointer;
}

.solny-mailbox__folder.is-active {
    border-color: var(--solny-blue);
    background: rgba(63, 56, 191, 0.08);
}

.solny-mailbox__badge {
    background: var(--solny-blue);
    color: #fff;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 600;
}

.solny-mailbox__messages {
    display: grid;
    gap: 8px;
    max-height: 240px;
    overflow: auto;
    min-height: 240px;
}

.solny-mailbox__group-title {
    font-size: 11px;
    text-transform: uppercase;
    color: var(--solny-muted);
    margin: 6px 0 4px;
}

.solny-mailbox__group {
    border-top: 1px dashed var(--solny-border);
    padding-top: 8px;
    margin-top: 8px;
}

.solny-mailbox__group summary {
    cursor: pointer;
    font-size: 12px;
    color: var(--solny-dark);
    margin-bottom: 6px;
}

.solny-mailbox__group-list {
    display: grid;
    gap: 6px;
}

.solny-mailbox__message {
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    padding: 8px 10px;
    background: #fff;
    cursor: pointer;
    user-select: none;
}

.solny-mailbox__message.is-active {
    border-color: var(--solny-blue);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
}

.solny-mailbox__message.is-unread {
    border-color: rgba(63, 56, 191, 0.3);
    background: rgba(63, 56, 191, 0.06);
}

.solny-mailbox__subject {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 4px;
}

.solny-mailbox__meta {
    font-size: 11px;
    color: var(--solny-muted);
    margin-bottom: 6px;
}

.solny-mailbox__status {
    display: flex;
    gap: 6px;
    margin-bottom: 6px;
}

.solny-mailbox__actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.solny-mailbox__body {
    display: none;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--solny-border);
    font-size: 12px;
    color: var(--solny-dark);
}

.solny-mailbox__message.is-open .solny-mailbox__body {
    display: block;
}

.solny-ticket-customer__name {
    font-weight: 600;
    margin-bottom: 4px;
}

.solny-ticket-customer__meta {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-ticket-customer__header {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
}

.solny-ticket-order-current {
    display: grid;
    gap: 10px;
}

.solny-ticket-order-current__title {
    font-weight: 600;
    font-size: 14px;
}

.solny-ticket-order-current__status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--status-color, var(--solny-blue)), #ffffff 85%);
    border: 1px solid color-mix(in srgb, var(--status-color, var(--solny-blue)), #ffffff 65%);
    font-size: 12px;
    color: var(--solny-dark);
}

.solny-ticket-order-current__status i {
    color: var(--status-color, var(--solny-blue));
}

.solny-ticket-order-current__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-panel {
    margin-bottom: 12px;
}

.solny-tickets__aside {
    display: flex;
    flex-direction: column;
}

.solny-ticket-stat {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    padding: 4px 0;
}

.solny-ticket-order {
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
    background: #f7f8fc;
    margin-bottom: 6px;
    font-size: 12px;
}

.solny-ticket-order__meta {
    color: var(--solny-muted);
    margin-top: 4px;
    font-size: 11px;
}

.solny-ticket-company {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--company-color, var(--solny-blue)), #ffffff 85%);
    border: 1px solid color-mix(in srgb, var(--company-color, var(--solny-blue)), #ffffff 65%);
    margin-top: 10px;
}

.solny-ticket-company img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
}

.solny-ticket-company__name {
    font-weight: 600;
    font-size: 12px;
}

.solny-ticket-company__meta {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-ticket-link {
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--solny-blue);
    text-decoration: none;
}

.solny-ticket-link:hover {
    text-decoration: underline;
}

.solny-template-tags {
    margin-top: 12px;
    padding: 12px;
    border: 1px dashed var(--solny-border);
    border-radius: 12px;
    background: #f7f8fc;
}

.solny-template-tags__title {
    font-weight: 600;
    margin-bottom: 8px;
}

.solny-template-tags__list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-template-tag {
    border: 1px solid var(--solny-border);
    background: #fff;
    border-radius: 10px;
    padding: 6px 8px;
    font-size: 12px;
    cursor: pointer;
}

.solny-template-tag:hover {
    border-color: var(--solny-blue);
    color: var(--solny-blue);
}

.solny-view--tickets .solny-editor {
    min-height: 120px;
}

.solny-field-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #f6f7fb;
    font-size: 12px;
    font-weight: 600;
}

.solny-field-pill[data-state="ok"] {
    background: rgba(59, 177, 133, 0.12);
    color: #207a5c;
    border-color: rgba(59, 177, 133, 0.3);
}

.solny-imap-samples {
    margin-top: 12px;
    display: grid;
    gap: 8px;
}

.solny-imap-sample {
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    padding: 10px 12px;
    background: #f7f8fc;
    font-size: 12px;
}

.solny-imap-sample__row {
    font-weight: 600;
    margin-bottom: 4px;
}

.solny-imap-sample__meta {
    color: var(--solny-muted);
}

.solny-field-pill[data-state="error"] {
    background: rgba(231, 76, 60, 0.12);
    color: #b03a2e;
    border-color: rgba(231, 76, 60, 0.3);
}

.solny-field-pill[data-state="muted"] {
    color: var(--solny-muted);
}

.solny-user-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid var(--solny-border);
    box-shadow: var(--solny-shadow);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.solny-user-card__head {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.solny-user-card__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 180px;
}

.solny-user-card__title {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-user-card__number {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: var(--solny-blue);
    background: rgba(63, 56, 191, 0.12);
    border: 1px solid rgba(63, 56, 191, 0.22);
    padding: 2px 6px;
    border-radius: 7px;
    line-height: 1.1;
}

.solny-user-card__info strong {
    font-size: 15px;
}

.solny-user-card__info span {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-user-card__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-avatar-upload {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border-radius: 14px;
    border: 1px dashed var(--solny-border);
    background: #f7f8fe;
    flex-wrap: wrap;
}

.solny-avatar-upload__preview {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #eef1f7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.solny-avatar-upload__preview .solny-avatar {
    width: 56px;
    height: 56px;
    font-size: 16px;
}

.solny-avatar-upload__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.solny-avatar-upload__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 180px;
}

.solny-avatar-upload__title {
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-dark);
}

.solny-avatar-upload__hint {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-avatar-upload__btn {
    position: relative;
    overflow: hidden;
}

.solny-avatar-upload__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    opacity: 0;
}

.solny-avatar-upload__btn.is-loading,
.solny-avatar-upload__btn.is-disabled {
    opacity: 0.7;
}

.solny-avatar-upload__delete.is-hidden {
    display: none;
}

.solny-avatar-upload__delete.is-disabled {
    opacity: 0.7;
}

.solny-avatar-upload__progress {
    width: 100%;
    height: 6px;
    background: #e6e9f3;
    border-radius: 999px;
    overflow: hidden;
    display: none;
}

.solny-avatar-upload__progress.is-active {
    display: block;
}

.solny-avatar-upload__progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #3f38bf, #3bb185);
    transition: width 0.2s ease;
}

.solny-user-card__details {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px 16px;
    background: #f9f9fc;
    border-radius: 12px;
    padding: 12px;
    border: 1px solid var(--solny-border);
}

.solny-user-card__row {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-user-card__row strong {
    font-size: 12px;
    color: var(--solny-dark);
}

.solny-user-card__address {
    display: flex;
    flex-direction: column;
    gap: 6px;
    grid-column: span 2;
}

.solny-user-card__label {
    font-size: 11px;
    font-weight: 600;
    color: var(--solny-muted);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-user-card__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    color: var(--solny-dark);
}

.solny-role-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--role-color, #3f38bf), #ffffff 84%);
    color: var(--role-color, #3f38bf);
    font-weight: 600;
    font-size: 12px;
}

.solny-company-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 84%);
    color: var(--company-color, #3f38bf);
    font-weight: 600;
    font-size: 12px;
}

.solny-company-badge img {
    width: 22px;
    height: 22px;
    border-radius: 8px;
    object-fit: cover;
}

.solny-company-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--company-color, #3f38bf);
    display: inline-block;
}

.solny-user-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-user-card__actions .solny-btn {
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 12px;
}

.solny-company-picker .solny-input-with-icon input {
    height: 40px;
}

.solny-company-picker .solny-suggestions {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 260;
}

.solny-suggestion--company {
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-suggestion--company img {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    object-fit: cover;
}

.solny-company-picker .solny-selected-chip img {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    object-fit: cover;
}

.solny-company-picker {
    position: relative;
}

.solny-company-picker .solny-input-with-icon {
    width: 100%;
}

#solny-user-company-search {
    width: 100%;
}

.solny-company-picker-input {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 5px 7px !important;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(24, 31, 62, 0.06);
}

.solny-company-picker-input.has-company {
    border-color: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 58%);
    background: linear-gradient(90deg, color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 91%), #ffffff 46%);
}

.solny-company-picker-input > i {
    display: none !important;
}

.solny-company-picker-input__icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 86%);
    color: var(--company-color, #3f38bf);
    border: 1px solid color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 65%);
}

.solny-company-picker-input__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #ffffff;
}

.solny-company-picker-input input[type="search"] {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #171b32;
    font-weight: 850;
}

.solny-company-picker-input input[type="search"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

.solny-company-picker-input__clear {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 84%);
    color: color-mix(in srgb, var(--company-color, #3f38bf), #111827 20%);
    cursor: pointer;
}

.solny-company-picker .solny-suggestions--dropdown {
    max-height: min(430px, 72vh);
    overflow: auto;
    padding: 8px;
    background: #ffffff;
}

.solny-company-suggestion-row {
    position: relative;
    display: block;
    width: 100%;
}

.solny-company-picker .solny-suggestion--company {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    width: 100%;
    padding: 8px;
    border-radius: 8px;
}

.solny-company-suggestion-row.has-edit .solny-suggestion--company,
.solny-company-suggestion-row.has-edit .solny-onboarding-invite-company-suggestion {
    padding-right: 44px;
}

.solny-company-suggestion-edit {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    z-index: 2;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f6f7ff;
    color: #3f38bf;
    cursor: pointer;
}

.solny-company-suggestion-edit:hover {
    transform: translateY(-50%) scale(1.03);
    border-color: rgba(63, 56, 191, 0.32);
    background: #eceeff;
}

.solny-company-picker .solny-suggestion--company.is-loading,
.solny-onboarding-invite-company-suggestion.is-loading {
    opacity: 0.72;
    cursor: wait;
    pointer-events: none;
}

.solny-company-picker .solny-suggestion--company img,
.solny-company-picker .solny-suggestion--company > i {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    object-fit: contain;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(63, 56, 191, 0.09);
    color: #3f38bf;
}

.solny-company-picker .solny-suggestion--company strong {
    display: block;
    color: #171b32;
    font-size: 13px;
    font-weight: 900;
}

.solny-company-picker .solny-suggestion--company small {
    display: block;
    color: #6a7083;
    font-size: 11px;
    font-weight: 750;
}

.solny-company-create-trigger {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 9px;
    width: 100%;
    margin-top: 6px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 64%);
    border-radius: 8px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 91%), #ffffff);
    color: #171b32;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
}

.solny-company-create-trigger > span {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 84%);
    color: var(--company-color, #3f38bf);
}

.solny-company-create-trigger img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #ffffff;
}

.solny-company-create-trigger strong {
    font-size: 13px;
    font-weight: 900;
}

.solny-company-create-trigger > i {
    justify-self: center;
    color: var(--company-color, #3f38bf);
}

.solny-company-create-trigger:hover {
    border-color: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 48%);
    background: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 88%);
}

.solny-company-create-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: 18px;
}

.solny-company-create-modal__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(16, 18, 35, 0.48);
    cursor: pointer;
}

.solny-company-create-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(720px, 100%);
    border: 1px solid color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 58%);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 26px 72px rgba(12, 17, 38, 0.28);
    overflow: hidden;
}

.solny-company-create-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border-bottom: 1px solid rgba(63, 56, 191, 0.12);
    background: linear-gradient(90deg, color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 88%), #ffffff);
}

.solny-company-create-modal__header > div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.solny-company-create-modal__header span {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 84%);
    color: var(--company-color, #3f38bf);
}

.solny-company-create-modal__header img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #ffffff;
}

.solny-company-create-modal__header strong {
    color: #171b32;
    font-size: 16px;
    font-weight: 950;
}

.solny-company-create-modal__close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: rgba(63, 56, 191, 0.08);
    color: #302c9f;
    cursor: pointer;
}

.solny-company-create-modal .solny-company-create-inline {
    margin: 0;
    padding: 14px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

.solny-company-create-inline {
    display: grid;
    gap: 10px;
    margin-top: 6px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 66%);
    border-radius: 8px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 91%), rgba(255, 255, 255, 0.98) 48%),
        #ffffff;
    box-shadow: inset 3px 0 0 var(--company-color, #3f38bf);
}

.solny-company-create-inline__head {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.solny-company-create-inline__head > span {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 84%);
    color: var(--company-color, #3f38bf);
    flex: 0 0 34px;
}

.solny-company-create-inline__head img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #ffffff;
}

.solny-company-create-inline__head strong {
    display: block;
    color: #171b32;
    font-size: 13px;
    font-weight: 900;
}

.solny-company-create-inline__head small {
    display: block;
    color: #6a7083;
    font-size: 11px;
    font-weight: 750;
}

.solny-company-create-inline__fields {
    display: grid;
    grid-template-columns: minmax(140px, 0.72fr) minmax(260px, 1.15fr) 78px minmax(148px, auto);
    gap: 10px;
    align-items: end;
}

.solny-company-create-inline__fields label {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-company-create-inline__fields label > span {
    color: #3a4158;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solny-company-create-inline__fields input[type="text"],
.solny-company-create-inline__fields input[type="url"],
.solny-company-create-inline__fields input[type="color"] {
    min-height: 38px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 8px;
    background: #ffffff;
    color: #171b32;
    font-weight: 800;
}

.solny-company-create-inline__fields input[type="color"] {
    width: 100%;
    padding: 4px;
}

.solny-company-create-inline__logo {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
}

.solny-company-create-inline__logo img,
.solny-company-create-inline__logo > i {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    object-fit: contain;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(63, 56, 191, 0.08);
    color: var(--company-color, #3f38bf);
}

.solny-company-create-inline__upload,
.solny-company-create-inline__save,
.solny-company-create-inline__delete {
    min-height: 38px;
    border: 0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 11px;
    font-family: inherit;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
}

.solny-company-create-inline__upload {
    background: rgba(63, 56, 191, 0.08);
    color: #302c9f;
}

.solny-company-create-inline__save {
    background: linear-gradient(120deg, var(--company-color, #3f38bf), #25206f);
    color: #ffffff;
}

.solny-company-create-inline__delete {
    width: 38px;
    min-width: 38px;
    padding: 0;
    background: #fff0ef;
    color: #b42318;
    border: 1px solid rgba(180, 35, 24, 0.18);
}

.solny-company-create-inline__delete span {
    display: none;
}

.solny-company-create-inline__actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: max-content;
}

.solny-company-create-inline__upload:disabled,
.solny-company-create-inline__save:disabled,
.solny-company-create-inline__delete:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

@media (max-width: 900px) {
    .solny-company-create-inline__fields {
        grid-template-columns: 1fr;
    }

    .solny-company-create-inline__logo {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .solny-company-create-inline__actions {
        width: 100%;
        justify-content: flex-end;
    }

    .solny-company-create-inline__actions .solny-company-create-inline__save {
        flex: 1;
    }

    .solny-company-create-inline__actions .solny-company-create-inline__delete {
        flex: 0 0 38px;
    }

    .solny-company-create-modal__dialog {
        max-height: calc(100vh - 36px);
        overflow: auto;
    }
}

.solny-role-style-row {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr 1.2fr auto;
    gap: 12px;
    align-items: end;
    padding: 12px;
    border-radius: 14px;
    background: #f9f9fc;
    border: 1px solid var(--solny-border);
    margin-bottom: 10px;
}

.solny-role-style-row.is-hidden {
    display: grid !important;
    opacity: 0.6;
}

.solny-role-style-row__name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 600;
    font-size: 13px;
    color: var(--solny-dark);
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--solny-border);
}

.solny-role-style-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.solny-role-style-row__lock {
    font-size: 12px;
    color: var(--solny-muted);
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #fff;
}

.solny-role-style-group {
    margin-bottom: 18px;
}

.solny-role-style-group__title {
    font-weight: 700;
    font-size: 13px;
    color: var(--solny-dark);
    margin: 6px 0 12px;
}

.solny-role-style-group__toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #f8f9fd;
    font-weight: 600;
    cursor: pointer;
}

.solny-role-style-group__toggle i {
    transition: transform 0.2s ease;
}

.solny-role-style-group__body {
    margin-top: 12px;
}

.solny-role-style-group.is-collapsed .solny-role-style-group__body {
    display: none;
}

.solny-role-style-group.is-collapsed .solny-role-style-group__toggle i {
    transform: rotate(-90deg);
}

.solny-tasks__filters {
    margin: 12px 0 16px;
}

.solny-tasks__filters:empty {
    display: none;
    margin: 0;
}

.solny-task-filters__row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-task-filter__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #fff;
    font-weight: 600;
    font-size: 12px;
    color: var(--solny-dark);
    cursor: pointer;
    position: relative;
}

.solny-task-filter__count {
    margin-left: 2px;
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.12);
    color: #3f38bf;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

.solny-task-filter__btn > i {
    color: var(--task-filter-color, var(--solny-blue));
}

.solny-task-filter__btn.is-active {
    border-color: color-mix(in srgb, var(--task-filter-color, var(--solny-blue)), #ffffff 55%);
    background: color-mix(in srgb, var(--task-filter-color, var(--solny-blue)), #ffffff 86%);
}

.solny-task-filter__btn.is-active .solny-task-filter__count {
    background: color-mix(in srgb, var(--task-filter-color, var(--solny-blue)), #ffffff 72%);
    color: color-mix(in srgb, var(--task-filter-color, #3f38bf), #000000 18%);
}

.solny-task-filter__combo-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 2px;
    margin-right: 2px;
    flex: 0 0 auto;
}

.solny-task-filter__combo-plus {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    border: 1px solid color-mix(in srgb, var(--task-filter-color, #3f38bf), #ffffff 40%);
    background: color-mix(in srgb, var(--task-filter-color, #3f38bf), #ffffff 80%);
    color: color-mix(in srgb, var(--task-filter-color, #3f38bf), #000000 14%);
}

.solny-task-filter__combo-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid color-mix(in srgb, var(--task-filter-color, #3f38bf), #ffffff 44%);
    background: color-mix(in srgb, var(--task-filter-color, #3f38bf), #ffffff 85%);
    color: color-mix(in srgb, var(--task-filter-color, #3f38bf), #000000 18%);
    max-width: 122px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-task-filter__combo-link i {
    font-size: 9px;
}

.solny-task-filter__alerts {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 2px;
    flex: 0 0 auto;
}

.solny-task-filter__alerts:empty {
    display: none;
}

.solny-task-filter__alert {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    min-height: 18px;
    border-radius: 999px;
    padding: 2px 5px;
    border: 1px solid rgba(63, 56, 191, 0.24);
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.solny-task-filter__alert i {
    font-size: 9px;
}

.solny-task-filter__alert b {
    font-size: 10px;
    line-height: 1;
}

.solny-task-filter__alert i,
.solny-task-filter__alert b {
    color: inherit;
}

.solny-task-filter__alert.is-overdue {
    border-color: rgba(215, 91, 91, 0.38);
    background: rgba(215, 91, 91, 0.12);
    color: #b54848;
}

.solny-task-filter__alert.is-active {
    border-color: rgba(59, 177, 133, 0.4);
    background: rgba(59, 177, 133, 0.14);
    color: #238863;
}

.solny-task-filter__alert.is-next {
    border-color: rgba(63, 56, 191, 0.35);
    background: rgba(63, 56, 191, 0.12);
    color: #3f38bf;
}

@media (max-width: 900px) {
    .solny-role-style-row {
        grid-template-columns: 1fr;
    }
}

.solny-role-create {
    margin-top: 12px;
    padding: 12px;
    border-radius: 12px;
    border: 1px dashed var(--solny-border);
    background: #f8f9fd;
}

.solny-role-create .solny-form__grid {
    margin-bottom: 10px;
}

.solny-tasks__calendar {
    background: #fff;
    border-radius: 18px;
    border: 1px solid var(--solny-border);
    box-shadow: var(--solny-shadow);
    padding: 16px;
    overflow: visible;
}

.solny-task-calendar__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    position: relative;
    z-index: 3000;
}

.solny-task-calendar__range {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 15px;
}

.solny-task-calendar__controls {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    position: relative;
    z-index: 3001;
    overflow: visible;
    min-width: 0;
    padding: 2px 0;
}

.solny-task-calendar__controls > .solny-btn,
.solny-task-calendar__controls > #solny-task-view {
    flex: 0 0 auto;
}

.solny-task-calendar__controls > .solny-task-filters__row--calendar {
    flex: 1 1 auto;
    min-width: 0;
}

.solny-task-calendar__controls > .solny-control--manager {
    flex: 0 0 auto;
    margin-left: auto;
    position: relative;
    z-index: 3400;
}

.solny-task-calendar__controls > .solny-task-archive-trigger {
    flex: 0 0 auto;
}

.solny-task-archive-trigger {
    position: relative;
    gap: 7px;
    border-color: rgba(63, 56, 191, 0.24);
    color: #2f3348;
    background: linear-gradient(135deg, #ffffff, #f4f6ff);
}

.solny-task-archive-trigger:hover {
    border-color: rgba(63, 56, 191, 0.42);
    color: #3f38bf;
    background: linear-gradient(135deg, #ffffff, #eef1ff);
}

.solny-task-archive-trigger__count {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 800;
    color: #3f38bf;
    background: rgba(63, 56, 191, 0.09);
    border: 1px solid rgba(63, 56, 191, 0.18);
}

.solny-task-filter-mobile {
    display: none;
}

.solny-task-filter-mobile-select .solny-select__trigger {
    width: 100%;
    justify-content: space-between;
    padding: 8px 10px;
    min-height: 42px;
}

.solny-task-filter-mobile-select .solny-select__value {
    min-width: 0;
    width: 100%;
    justify-content: space-between;
    gap: 8px;
}

.solny-task-filter-mobile__count {
    margin-left: auto;
    min-width: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.12);
    color: var(--solny-blue);
    font-size: 11px;
    font-weight: 800;
    text-align: center;
}

.solny-task-filter-mobile-select .solny-select__menu {
    left: 0;
    right: auto;
    min-width: 100%;
    max-width: 100%;
    z-index: 3800;
}

.solny-task-calendar__controls.is-crowded {
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 8px;
}

.solny-task-calendar__controls.is-crowded > .solny-btn,
.solny-task-calendar__controls.is-crowded > #solny-task-view {
    order: 1;
}

.solny-task-calendar__controls.is-crowded > .solny-control--manager {
    order: 2;
    margin-left: auto;
}

.solny-task-calendar__controls.is-crowded > .solny-task-archive-trigger {
    order: 2;
}

.solny-task-calendar__controls.is-crowded > .solny-task-filters__row--calendar {
    order: 3;
    flex: 1 0 100%;
    width: 100%;
}

.solny-task-calendar__controls.is-crowded .solny-task-filters__row--calendar {
    flex-wrap: wrap;
    overflow: visible;
}

.solny-task-calendar__controls .solny-manager-filter.is-open {
    z-index: 3600;
}

.solny-task-calendar__controls .solny-manager-filter__panel {
    z-index: 3700;
}

.solny-task-calendar__status {
    grid-column: 1 / -1;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow-x: auto;
    padding: 2px 0;
}

.solny-task-filters__row--calendar {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.solny-task-filters__row--calendar .solny-task-filter__btn {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: var(--solny-control-radius);
    font-size: 12px;
}

.solny-task-calendar__active-filters {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    flex: 0 0 auto;
}

.solny-task-calendar__active-hint {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--solny-muted);
    font-size: 12px;
    font-weight: 600;
}

.solny-task-calendar__active-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(63, 56, 191, 0.28);
    background: rgba(63, 56, 191, 0.1);
    color: #2f2a78;
    font-size: 12px;
    font-weight: 700;
}

.solny-task-calendar__grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: stretch;
    gap: 8px;
    position: relative;
    overflow: visible;
}

.solny-task-calendar__label {
    font-size: 12px;
    color: var(--solny-muted);
    text-align: center;
}

.solny-task-calendar__cell {
    --day-rows: 0;
    --day-rows-expanded: var(--day-rows);
    --day-row-height: 34px;
    background: #f9f9fc;
    border-radius: 14px;
    padding: 8px;
    min-height: max(92px, calc(46px + (var(--day-rows) * var(--day-row-height))));
    height: auto;
    border: 1px solid var(--solny-border);
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
    align-self: stretch;
    overflow: visible;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

.solny-task-calendar__cell:hover {
    z-index: 10;
}

.solny-task-calendar__cell.is-past {
    background: #f2f3f8;
    border-color: rgba(106, 112, 131, 0.18);
}

.solny-task-calendar__cell.is-past .solny-task-calendar__date {
    color: var(--solny-muted);
}

.solny-task-calendar__cell.is-muted {
    background: transparent;
    border-style: dashed;
    opacity: 0.4;
}

.solny-task-calendar__cell.is-today {
    border-color: rgba(63, 56, 191, 0.35);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
    background: rgba(63, 56, 191, 0.04);
}

.solny-task-calendar__cell:not(.is-muted):hover {
    border-color: rgba(63, 56, 191, 0.35);
    box-shadow: 0 10px 20px rgba(31, 35, 55, 0.12);
    transform: translateY(-2px);
}

.solny-task-calendar__date {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 2;
}

.solny-task-calendar__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 700;
    background: rgba(63, 56, 191, 0.14);
    color: var(--solny-blue);
}

.solny-task-calendar__cell.is-today .solny-task-calendar__date {
    color: var(--solny-blue);
    background: rgba(63, 56, 191, 0.12);
    border-radius: 8px;
    padding: 3px 8px;
    display: inline-flex;
    align-self: flex-start;
}

.solny-task-calendar__items {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: static;
}

.solny-task-calendar__items .solny-task-mini.solny-task-mini--month-hidden {
    display: none;
}

.solny-task-calendar__cell.has-overflow {
    padding-bottom: 8px;
    cursor: default;
}

.solny-task-calendar__cell.has-overflow .solny-task-calendar__items {
    overflow: visible;
}

.solny-task-calendar__cell.has-overflow.is-expanded {
    min-height: max(92px, calc(46px + (var(--day-rows-expanded) * var(--day-row-height))));
    z-index: 12;
    padding-bottom: 10px;
}

.solny-task-calendar__cell.is-empty-day {
    min-height: 84px;
}

.solny-task-calendar__cell.has-overflow.is-expanded .solny-task-calendar__items {
    overflow: visible;
}

.solny-task-calendar__cell.has-overflow.is-expanded .solny-task-calendar__items .solny-task-mini.solny-task-mini--month-hidden {
    display: flex;
}

.solny-task-calendar__cell.has-overflow.is-expanded .solny-task-more {
    border-color: rgba(63, 56, 191, 0.42);
    background: rgba(63, 56, 191, 0.2);
}

.solny-task-month-mobile {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

.solny-task-month-mobile__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.solny-task-month-mobile__title {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.solny-task-month-mobile__title strong {
    font-size: 14px;
    line-height: 1.3;
}

.solny-task-month-mobile__title span {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-task-month-mobile__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-task-month-mobile__filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid rgba(63, 56, 191, 0.22);
    background: rgba(63, 56, 191, 0.06);
    border-radius: 12px;
    padding: 8px 10px;
}

.solny-task-month-mobile__filter > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--solny-blue);
}

.solny-task-month-mobile__day {
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    background: #f9f9fc;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-task-month-mobile__day.is-today {
    border-color: rgba(63, 56, 191, 0.35);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.1);
    background: rgba(63, 56, 191, 0.04);
}

.solny-task-month-mobile__day-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
}

.solny-task-month-mobile__day-title > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-task-month-mobile__day-title > span:last-child {
    min-width: 24px;
    height: 24px;
    border-radius: 999px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    background: rgba(63, 56, 191, 0.12);
    color: var(--solny-blue);
}

.solny-task-mini {
    background: color-mix(in srgb, var(--task-color), #ffffff 82%);
    color: var(--task-color);
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--task-color), #ffffff 58%);
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 650;
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
    line-height: 1.2;
    z-index: 1;
    min-height: 30px;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--task-color), transparent 86%);
}

.solny-task-mini:hover {
    z-index: 1900;
}

.solny-task-mini.is-open {
    z-index: 1901;
}

.solny-task-mini i {
    font-size: 11px;
}

.solny-task-mini > i {
    flex: 0 0 auto;
}

.solny-task-mini__label {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-task-mini__state-badge {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.02em;
    border: 1px solid rgba(63, 56, 191, 0.28);
    background: rgba(63, 56, 191, 0.14);
    color: var(--solny-blue);
    flex: 0 0 auto;
    white-space: nowrap;
}

.solny-task-mini__state-badge i {
    font-size: 9px;
}

.solny-task-mini__state-badge.is-overdue {
    border-color: rgba(215, 91, 91, 0.35);
    background: rgba(215, 91, 91, 0.16);
    color: #b54848;
}

.solny-task-mini__state-badge.is-active {
    border-color: rgba(59, 177, 133, 0.42);
    background: rgba(59, 177, 133, 0.2);
    color: #2d9a72;
}

.solny-task-mini__state-badge.is-next {
    border-color: rgba(63, 56, 191, 0.34);
    background: rgba(63, 56, 191, 0.14);
    color: #3f38bf;
}

.solny-task-mini__state-badge.is-done {
    border-color: rgba(59, 177, 133, 0.4);
    background: rgba(59, 177, 133, 0.18);
    color: #268f69;
}

.solny-task-mini__state-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 0 color-mix(in srgb, currentColor, transparent 35%);
    animation: solny-online-pulse 1.6s ease-out infinite;
}

.solny-task-mini.solny-task-mini--overdue {
    background: linear-gradient(118deg, rgba(215, 91, 91, 0.24) 0%, color-mix(in srgb, var(--task-color), #ffffff 82%) 58%);
    border-color: rgba(215, 91, 91, 0.48);
    color: #a74444;
}

.solny-task-mini.solny-task-mini--overdue > i {
    color: #c04e4e;
}

.solny-task-mini.solny-task-mini--active {
    background: linear-gradient(118deg, rgba(59, 177, 133, 0.2) 0%, color-mix(in srgb, var(--task-color), #ffffff 80%) 62%);
    border-color: rgba(59, 177, 133, 0.45);
    box-shadow: 0 5px 14px rgba(59, 177, 133, 0.2);
}

.solny-task-mini.solny-task-mini--next {
    background: linear-gradient(118deg, rgba(63, 56, 191, 0.16) 0%, color-mix(in srgb, var(--task-color), #ffffff 84%) 62%);
    border-color: rgba(63, 56, 191, 0.4);
}

.solny-task-mini__warning {
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 700;
    border: 1px solid rgba(215, 91, 91, 0.34);
    background: rgba(215, 91, 91, 0.14);
    color: #b54848;
}

.solny-task-mini__warning i {
    font-size: 10px;
}

@keyframes solny-online-pulse {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb, currentColor, transparent 35%);
    }
    70% {
        box-shadow: 0 0 0 6px color-mix(in srgb, currentColor, transparent 100%);
    }
    100% {
        box-shadow: 0 0 0 0 color-mix(in srgb, currentColor, transparent 100%);
    }
}

.solny-task-mini.is-start:not(.is-end) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.solny-task-mini.is-end:not(.is-start) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.solny-task-mini:not(.is-start):not(.is-end) {
    border-radius: 4px;
}

.solny-task-mini__tooltip {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: min(300px, calc(100vw - 40px));
    max-width: min(300px, calc(100vw - 40px));
    padding: 10px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid var(--solny-border);
    box-shadow: var(--solny-shadow);
    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 3900;
}

.solny-task-calendar__grid > .solny-task-calendar__cell:nth-child(7n) .solny-task-mini__tooltip,
.solny-task-calendar__grid > .solny-task-calendar__cell:nth-child(7n-1) .solny-task-mini__tooltip {
    left: auto;
    right: 0;
}

.solny-task-mini__tooltip::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 8px;
}

.solny-task-mini:hover .solny-task-mini__tooltip,
.solny-task-mini.is-open .solny-task-mini__tooltip,
.solny-task-mini__tooltip:hover {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    visibility: visible;
}

.solny-task-mini__title {
    font-weight: 600;
    margin-bottom: 4px;
}

.solny-task-mini__meta {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-task-mini__meta i {
    margin-right: 4px;
    color: var(--solny-blue);
}

.solny-task-mini__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
    color: var(--solny-muted);
    margin-top: 6px;
}

.solny-task-mini__row > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.solny-task-mini__avatars {
    display: flex;
    gap: 4px;
}

.solny-task-mini__note {
    margin-top: 6px;
    font-size: 11px;
    color: var(--solny-dark);
}

.solny-task-mini__more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 8px;
    padding: 6px 10px;
    margin-top: 6px;
    border: 1px solid rgba(63, 56, 191, 0.24);
    background: rgba(63, 56, 191, 0.1);
    color: var(--solny-blue);
    font-weight: 700;
}

.solny-task-mini__more i {
    font-size: 12px;
}

@media (min-width: 901px) {
    .solny-task-calendar__grid .solny-task-mini,
    .solny-task-week .solny-task-mini {
        min-height: 34px;
        padding: 8px 10px;
        font-size: 12.5px;
        border-radius: 11px;
        gap: 8px;
    }

    .solny-task-calendar__grid .solny-task-mini__state-badge,
    .solny-task-week .solny-task-mini__state-badge {
        font-size: 10px;
        padding: 2px 7px;
    }
}

.solny-task-card__more {
    border-radius: 8px;
}

.solny-task-week {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    position: relative;
    overflow: visible;
}

.solny-task-week__day {
    background: #f9f9fc;
    border-radius: 14px;
    border: 1px solid var(--solny-border);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.solny-task-week__day:hover {
    z-index: 3;
}

.solny-task-week__day.is-past {
    background: #f2f3f8;
    border-color: rgba(106, 112, 131, 0.18);
}

.solny-task-week__day.is-today {
    border-color: rgba(63, 56, 191, 0.42);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.14);
    background: rgba(63, 56, 191, 0.05);
}

.solny-task-week__label {
    font-size: 12px;
    font-weight: 600;
}

.solny-task-week__day.is-today .solny-task-week__label {
    color: var(--solny-blue);
    font-weight: 700;
}

.solny-task-week__items {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.solny-task-dayview {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-task-dayview__grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-task-dayview__row {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 12px;
    align-items: flex-start;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(106, 112, 131, 0.18);
}

.solny-task-dayview__row--all {
    border-bottom: 1px solid var(--solny-border);
}

.solny-task-dayview__hour {
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-muted);
}

.solny-task-dayview__items {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.solny-task-dayview__item {
    border-radius: 12px;
    padding: 8px 10px;
    background: color-mix(in srgb, var(--task-color, var(--solny-blue)), #ffffff 85%);
    border: 1px solid color-mix(in srgb, var(--task-color, var(--solny-blue)), #ffffff 65%);
    color: var(--solny-dark);
    cursor: pointer;
}

.solny-task-dayview__title {
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.solny-task-dayview__title i {
    color: var(--task-color, var(--solny-blue));
}

.solny-task-dayview__meta {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-task-dayview__empty {
    min-height: 12px;
}

.solny-task-year {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

.solny-task-year__month {
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    padding: 12px;
    background: #f9f9fc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
}

.solny-task-more {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    position: relative;
    z-index: 3;
    margin-top: 2px;
    width: 100%;
    max-width: 100%;
    padding: 6px 9px;
    border-radius: 999px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
    color: #272267;
    border: 1px solid rgba(63, 56, 191, 0.28);
    background: rgba(63, 56, 191, 0.16);
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.solny-task-more:hover {
    border-color: rgba(63, 56, 191, 0.42);
    background: rgba(63, 56, 191, 0.24);
    transform: translateY(-1px);
}

.solny-task-more.has-overdue {
    border-color: rgba(215, 91, 91, 0.42);
    background: rgba(215, 91, 91, 0.14);
}

.solny-task-more.has-active {
    border-color: rgba(59, 177, 133, 0.42);
    background: rgba(59, 177, 133, 0.14);
}

.solny-task-more.has-next {
    border-color: rgba(63, 56, 191, 0.42);
    background: rgba(63, 56, 191, 0.2);
}

.solny-task-more__main {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.solny-task-more__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    color: #f8f8ff;
    background: color-mix(in srgb, var(--solny-blue), #1a173f 28%);
    box-shadow: 0 2px 8px rgba(31, 35, 55, 0.2);
}

.solny-task-more.has-overdue .solny-task-more__count {
    background: #c84a3a;
}

.solny-task-more.has-active .solny-task-more__count {
    background: #2f9f74;
}

.solny-task-more__label {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    font-weight: 700;
    color: inherit;
    letter-spacing: 0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-task-more__meta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    flex: 0 0 auto;
}

.solny-task-more__meta > i {
    font-size: 10px;
    opacity: 0.85;
}

.solny-task-more__state {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    border-radius: 999px;
    padding: 2px 5px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    border: 1px solid rgba(63, 56, 191, 0.3);
    background: rgba(63, 56, 191, 0.12);
    color: var(--solny-blue);
}

.solny-task-more__state i {
    font-size: 8px;
}

.solny-task-more__state.is-overdue {
    border-color: rgba(215, 91, 91, 0.36);
    background: rgba(215, 91, 91, 0.14);
    color: #b54848;
}

.solny-task-more__state.is-active {
    border-color: rgba(59, 177, 133, 0.4);
    background: rgba(59, 177, 133, 0.16);
    color: #2d9a72;
}

.solny-task-more__state.is-next {
    border-color: rgba(63, 56, 191, 0.34);
    background: rgba(63, 56, 191, 0.14);
    color: #3f38bf;
}

.solny-task-more__state-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 0 color-mix(in srgb, currentColor, transparent 35%);
    animation: solny-online-pulse 1.6s ease-out infinite;
}

.solny-tasks__cards {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.solny-task-zone {
    border: 1px solid var(--solny-border);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: var(--solny-shadow);
    overflow: hidden;
}

.solny-task-zone__toggle {
    width: 100%;
    border: 0;
    background: linear-gradient(135deg, #fbfcff 0%, #f4f6ff 100%);
    color: var(--solny-dark);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    text-align: left;
}

.solny-task-zone__title-wrap {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.solny-task-zone__icon {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--solny-blue);
    background: rgba(63, 56, 191, 0.12);
    flex-shrink: 0;
}

.solny-task-zone__title {
    font-size: 14px;
    font-weight: 700;
}

.solny-task-zone__warning {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(231, 76, 60, 0.14);
    color: #c0392b;
    font-size: 11px;
    font-weight: 700;
}

.solny-task-zone__warning.is-active {
    background: rgba(59, 177, 133, 0.16);
    color: #267d60;
}

.solny-task-zone__meta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.solny-task-zone__count {
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    background: rgba(63, 56, 191, 0.12);
    color: #272267;
    white-space: nowrap;
}

.solny-task-zone__chevron {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6f7592;
    transition: transform 0.2s ease;
}

.solny-task-zone.is-collapsed .solny-task-zone__chevron {
    transform: rotate(-90deg);
}

.solny-task-zone__body {
    border-top: 1px solid var(--solny-border);
}

.solny-task-zone__grid {
    display: grid;
    grid-template-columns: repeat(var(--task-columns, 3), minmax(260px, 1fr));
    gap: 16px;
    padding: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcff 100%);
    align-items: stretch;
}

.solny-task-zone__empty {
    padding: 14px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-task-zone.is-collapsed .solny-task-zone__body {
    display: none;
}

.solny-task-zone.is-overdue .solny-task-zone__toggle {
    background: linear-gradient(135deg, #fff8f8 0%, #fff2f2 100%);
}

.solny-task-zone.is-overdue .solny-task-zone__icon {
    color: #cf483a;
    background: rgba(231, 76, 60, 0.16);
}

.solny-task-zone.is-done .solny-task-zone__icon {
    color: #2f916f;
    background: rgba(59, 177, 133, 0.16);
}

.solny-task-card {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        color-mix(in srgb, var(--task-status-color, #3f38bf) 4%, #ffffff 96%) 100%
    );
    border-radius: 16px;
    border: 1px solid var(--solny-border);
    padding: 16px;
    box-shadow: var(--solny-shadow);
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 100%;
}

.solny-task-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 20px rgba(31, 35, 55, 0.12);
}

.solny-task-card.is-highlight {
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.4), var(--solny-shadow);
}

.solny-task-card.is-time-overdue {
    border-color: rgba(231, 76, 60, 0.45);
    box-shadow: 0 0 0 1px rgba(231, 76, 60, 0.2), var(--solny-shadow);
}

.solny-task-card.is-active-now {
    border-color: rgba(59, 177, 133, 0.55);
    background: linear-gradient(130deg, #ffffff 0%, #f4fffa 52%, #eff9ff 100%);
    box-shadow: 0 0 0 1px rgba(59, 177, 133, 0.2), 0 10px 24px rgba(59, 177, 133, 0.2);
    animation: solny-task-active-glow 3s ease-in-out infinite;
}

.solny-task-card.is-next-up {
    border-color: rgba(63, 56, 191, 0.5);
    background: linear-gradient(130deg, #ffffff 0%, #f6f7ff 58%, #f2f8ff 100%);
    box-shadow: 0 0 0 1px rgba(63, 56, 191, 0.18), 0 10px 20px rgba(63, 56, 191, 0.14);
    animation: solny-task-next-glow 3.2s ease-in-out infinite;
}

.solny-task-card.is-upcoming {
    border-bottom-width: 2px;
    border-bottom-color: color-mix(in srgb, var(--task-status-color, var(--solny-blue)) 62%, #ffffff 38%);
}

@keyframes solny-task-active-glow {
    0%, 100% {
        box-shadow: 0 0 0 1px rgba(59, 177, 133, 0.2), 0 10px 24px rgba(59, 177, 133, 0.2);
    }
    50% {
        box-shadow: 0 0 0 2px rgba(59, 177, 133, 0.3), 0 14px 28px rgba(59, 177, 133, 0.28);
    }
}

@keyframes solny-task-next-glow {
    0%, 100% {
        box-shadow: 0 0 0 1px rgba(63, 56, 191, 0.18), 0 10px 20px rgba(63, 56, 191, 0.14);
    }
    50% {
        box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.28), 0 14px 26px rgba(63, 56, 191, 0.2);
    }
}

.solny-task-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-task-card__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--task-status-color, var(--solny-blue));
    background: color-mix(in srgb, var(--task-status-color, var(--solny-blue)) 9%, #ffffff 91%);
    border: 1px solid color-mix(in srgb, var(--task-status-color, var(--solny-blue)) 34%, #ffffff 66%);
    border-radius: 999px;
    padding: 5px 9px;
    font-weight: 600;
}

.solny-task-card__status i {
    color: var(--task-status-color, var(--solny-blue));
}

.solny-task-card__status-main {
    font-weight: 700;
    color: inherit;
}

.solny-task-card__status-flag {
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    background: rgba(106, 112, 131, 0.14);
    color: #4f566f;
}

.solny-task-card__status.is-overdue {
    background: color-mix(in srgb, #dc5f4d 11%, color-mix(in srgb, var(--task-status-color, var(--solny-blue)) 8%, #ffffff 92%));
    border-color: color-mix(in srgb, var(--task-status-color, var(--solny-blue)) 38%, #ffffff 62%);
    color: var(--task-status-color, var(--solny-blue));
}

.solny-task-card__status.is-overdue .solny-task-card__status-flag {
    background: rgba(231, 76, 60, 0.18);
    color: #bf3d30;
}

.solny-task-card__status.is-active {
    background: rgba(59, 177, 133, 0.12);
    border-color: rgba(59, 177, 133, 0.38);
    color: #24694f;
}

.solny-task-card__status.is-active .solny-task-card__status-flag {
    background: rgba(59, 177, 133, 0.2);
    color: #1f7c5b;
}

.solny-task-card__status.is-next {
    background: rgba(63, 56, 191, 0.12);
    border-color: rgba(63, 56, 191, 0.34);
    color: #312b88;
}

.solny-task-card__status.is-next .solny-task-card__status-flag {
    background: rgba(63, 56, 191, 0.2);
    color: #3f38bf;
}

.solny-task-card__date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid rgba(106, 112, 131, 0.24);
    background: rgba(106, 112, 131, 0.08);
    color: #2f3348;
    max-width: 72%;
}

.solny-task-card__date-icon {
    width: 18px;
    height: 18px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(106, 112, 131, 0.14);
    color: #4f566f;
    flex-shrink: 0;
}

.solny-task-card__date-main {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.solny-task-card__date-day {
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.solny-task-card__date-time {
    font-weight: 700;
    color: #3f38bf;
    white-space: nowrap;
}

.solny-task-card__date.is-overdue {
    border-color: rgba(231, 76, 60, 0.42);
    background: rgba(231, 76, 60, 0.1);
    color: #aa362a;
}

.solny-task-card__date.is-overdue .solny-task-card__date-icon {
    background: rgba(231, 76, 60, 0.18);
    color: #bf3d30;
}

.solny-task-card__date.is-overdue .solny-task-card__date-time {
    color: #bf3d30;
}

.solny-task-card__date.is-active {
    border-color: rgba(59, 177, 133, 0.45);
    background: rgba(59, 177, 133, 0.12);
    color: #25674f;
}

.solny-task-card__date.is-active .solny-task-card__date-icon {
    background: rgba(59, 177, 133, 0.2);
    color: #2f916f;
}

.solny-task-card__date.is-active .solny-task-card__date-time {
    color: #1e8a67;
}

.solny-task-card__date.is-next {
    border-color: rgba(63, 56, 191, 0.38);
    background: rgba(63, 56, 191, 0.1);
    color: #312b88;
}

.solny-task-card__date.is-next .solny-task-card__date-icon {
    background: rgba(63, 56, 191, 0.18);
    color: #3f38bf;
}

.solny-task-card__date.is-next .solny-task-card__date-time {
    color: #2f3fb6;
}

.solny-task-card__date.is-upcoming {
    border-color: rgba(106, 112, 131, 0.24);
    background: rgba(106, 112, 131, 0.08);
    color: #2f3348;
}

.solny-task-card__title {
    font-size: 15px;
    font-weight: 600;
}

.solny-task-card__meta {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-task-card__timeline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}

.solny-task-card__timeline.is-overdue {
    background: rgba(231, 76, 60, 0.14);
    color: #bf3d30;
}

.solny-task-card__timeline.is-active {
    background: rgba(59, 177, 133, 0.16);
    color: #257e5f;
}

.solny-task-card__timeline.is-next {
    background: rgba(63, 56, 191, 0.13);
    color: #2d2887;
}

.solny-task-card__live-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 12px;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    background-image: linear-gradient(120deg, #23a276 0%, #3bb185 45%, #4cc59b 70%, #23a276 100%);
    background-size: 220% 100%;
    animation: solny-task-live-cta-flow 2.8s linear infinite;
}

@keyframes solny-task-live-cta-flow {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 220% 50%;
    }
}

.solny-task-card__next-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 12px;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    background-image: linear-gradient(120deg, #3f38bf 0%, #4f6ae0 48%, #2f8ee0 78%, #3f38bf 100%);
    background-size: 220% 100%;
    animation: solny-task-next-cta-flow 3.4s linear infinite;
}

@keyframes solny-task-next-cta-flow {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 220% 50%;
    }
}

.solny-task-card__subtasks {
    font-size: 12px;
    color: var(--solny-muted);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-task-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-task-tag {
    padding: 4px 8px;
    border-radius: 10px;
    background: #f0f2f7;
    font-size: 11px;
}

.solny-task-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
}

.solny-task-card__lead {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
}

.solny-task-card__assignees {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}

.solny-task-card__assignee {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.solny-task-card__assignee-mark {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    line-height: 1;
    box-shadow: 0 0 0 1px rgba(12, 26, 75, 0.08);
}

.solny-task-card__assignee.is-confirmed .solny-task-card__assignee-mark {
    background: #3bb185;
    color: #ffffff;
}

.solny-task-card__assignee.is-pending .solny-task-card__assignee-mark {
    background: #fff3cc;
    color: #d18a00;
}

.solny-task-card__assignee-empty {
    font-size: 11px;
    font-weight: 700;
    color: #8b92ab;
    padding: 3px 6px;
    border: 1px dashed rgba(139, 146, 171, 0.45);
}

.solny-task-card__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-task-card__confirm {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid rgba(59, 177, 133, 0.42);
    color: #1f7a5b;
    background: rgba(59, 177, 133, 0.12);
    font-weight: 700;
}

.solny-task-card__confirm-main {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.solny-task-card__confirm-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 44px;
    padding: 2px 7px;
    border-radius: 8px;
    border: 1px solid rgba(59, 177, 133, 0.34);
    background: rgba(255, 255, 255, 0.76);
    font-size: 11px;
    line-height: 1.1;
    color: #1f7a5b;
}

.solny-task-card__confirm-count b {
    font-weight: 800;
}

.solny-task-card__confirm:hover {
    border-color: rgba(59, 177, 133, 0.62);
    background: rgba(59, 177, 133, 0.2);
}

.solny-task-card__confirm.is-overdue:not(.is-confirmed):not(:disabled) {
    border-color: rgba(236, 176, 64, 0.62);
    color: #9a6100;
    background: rgba(255, 206, 84, 0.2);
}

.solny-task-card__confirm.is-overdue:not(.is-confirmed):not(:disabled):hover {
    border-color: rgba(236, 176, 64, 0.82);
    background: rgba(255, 206, 84, 0.3);
}

.solny-task-card__confirm.is-overdue:not(.is-confirmed):not(:disabled) .solny-task-card__confirm-count {
    border-color: rgba(236, 176, 64, 0.58);
    color: #9a6100;
    background: rgba(255, 250, 235, 0.92);
}

.solny-task-card__confirm.is-confirmed,
.solny-task-card__confirm:disabled {
    border-color: rgba(63, 56, 191, 0.26);
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
    opacity: 1;
}

.solny-task-card__confirm.is-confirmed .solny-task-card__confirm-count,
.solny-task-card__confirm:disabled .solny-task-card__confirm-count {
    border-color: rgba(63, 56, 191, 0.34);
    color: #3f38bf;
}

.solny-task-card__confirm.is-loading {
    pointer-events: none;
    opacity: 0.7;
}

.solny-task-card__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 13px;
    border-radius: 10px;
    border: 1px solid rgba(63, 56, 191, 0.28);
    color: #ffffff;
    background-image: linear-gradient(120deg, #3f38bf 0%, #4f6ae0 52%, #2f8ee0 85%, #3f38bf 100%);
    background-size: 220% 100%;
    font-weight: 700;
    box-shadow: 0 6px 14px rgba(63, 56, 191, 0.2);
}

.solny-task-card__more i {
    opacity: 0.92;
}

.solny-task-card__more:hover {
    filter: brightness(1.04);
    box-shadow: 0 8px 18px rgba(63, 56, 191, 0.26);
}

.solny-task-card__more.is-overdue {
    border-color: rgba(231, 76, 60, 0.38);
    background-image: linear-gradient(120deg, #c84a3a 0%, #dc5f4d 55%, #f0785f 85%, #c84a3a 100%);
}

.solny-task-card__more.is-active {
    border-color: rgba(59, 177, 133, 0.42);
    background-image: linear-gradient(120deg, #23a276 0%, #3bb185 50%, #4cc59b 82%, #23a276 100%);
    animation: solny-task-more-cta-flow 4.2s linear infinite;
}

.solny-task-card__more.is-next {
    border-color: rgba(63, 56, 191, 0.42);
    background-image: linear-gradient(120deg, #3f38bf 0%, #4f6ae0 52%, #2f8ee0 85%, #3f38bf 100%);
    animation: solny-task-more-cta-flow 4.2s linear infinite;
}

.solny-task-card__more.is-upcoming {
    border-color: color-mix(in srgb, var(--task-status-color, var(--solny-blue)) 52%, #ffffff 48%);
    background-image: linear-gradient(
        120deg,
        color-mix(in srgb, var(--task-status-color, var(--solny-blue)) 78%, #ffffff 22%) 0%,
        color-mix(in srgb, var(--task-status-color, var(--solny-blue)) 90%, #000000 10%) 56%,
        color-mix(in srgb, var(--task-status-color, var(--solny-blue)) 78%, #ffffff 22%) 100%
    );
}

@keyframes solny-task-more-cta-flow {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 220% 50%;
    }
}

.solny-subtasks {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-subtask {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    border-radius: 12px;
    border: 1px solid var(--solny-border);
    background: #f9f9fc;
}

.solny-chat {
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    padding: 12px;
    background: #f9f9fc;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 220px;
    overflow: auto;
}

.solny-chat__message {
    background: #fff;
    border-radius: 12px;
    padding: 8px 10px;
    border: 1px solid var(--solny-border);
}

.solny-chat__title {
    font-weight: 600;
    font-size: 12px;
}

.solny-chat__text {
    font-size: 12px;
    margin-top: 4px;
}

.solny-chat__meta {
    font-size: 11px;
    color: var(--solny-muted);
    margin-top: 4px;
}

.solny-chat__input {
    display: flex;
    gap: 8px;
    align-items: center;
}

.solny-checkbox-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
}

.solny-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--solny-muted);
}

#solny-task-form-fields-section .solny-checkbox,
#solny-task-form-fields-section .solny-radio {
    font-size: 13px;
    font-weight: 600;
    color: #1b1e2b;
}

#solny-task-form-fields-section .solny-checkbox,
#solny-task-form-fields-section .solny-radio {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    background: #fff;
    color: #1b1e2b;
    border: 1px solid rgba(63, 56, 191, 0.18);
    min-height: 36px;
    cursor: pointer;
}

#solny-task-form-fields-section .solny-checkbox:has(input:checked),
#solny-task-form-fields-section .solny-radio:has(input:checked) {
    border-color: rgba(63, 56, 191, 0.45);
    background: rgba(63, 56, 191, 0.06);
}

#solny-task-form-fields-section .solny-checkbox:has(input:checked) .solny-choice__label,
#solny-task-form-fields-section .solny-radio:has(input:checked) .solny-choice__label,
#solny-task-form-fields-section .solny-checkbox:has(input:checked) .solny-choice__icon,
#solny-task-form-fields-section .solny-radio:has(input:checked) .solny-choice__icon {
    color: #3f38bf;
}

#solny-task-form-fields-section .solny-checkbox.has-option-color .solny-choice__label,
#solny-task-form-fields-section .solny-radio.has-option-color .solny-choice__label {
    color: #1b1e2b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

#solny-task-form-fields-section .solny-checkbox.has-option-color .solny-choice__label::after,
#solny-task-form-fields-section .solny-radio.has-option-color .solny-choice__label::after {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 6px;
    background: var(--solny-option-color);
    border: 1px solid rgba(17, 24, 39, 0.22);
    box-sizing: border-box;
    flex: 0 0 18px;
}

#solny-task-form-fields-section .solny-checkbox.has-option-color:has(input:checked) .solny-choice__label,
#solny-task-form-fields-section .solny-radio.has-option-color:has(input:checked) .solny-choice__label {
    color: #1b1e2b;
}

#solny-task-form-fields-section .solny-checkbox.has-option-image .solny-choice__label,
#solny-task-form-fields-section .solny-radio.has-option-image .solny-choice__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

#solny-task-form-fields-section .solny-choice__media {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    background: #ffffff;
    overflow: hidden;
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#solny-task-form-fields-section .solny-choice__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#solny-task-form-fields-section .solny-choice__text {
    min-width: 0;
    line-height: 1.25;
}

#solny-task-form-fields-section .solny-checkbox input,
#solny-task-form-fields-section .solny-radio input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

#solny-task-form-fields-section .solny-checkbox,
#solny-task-form-fields-section .solny-radio {
    position: relative;
}

.solny-checkbox input {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid var(--solny-border);
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.solny-checkbox input:checked {
    background: var(--solny-blue);
    border-color: var(--solny-blue);
}

.solny-checkbox input:checked::after {
    content: '';
    width: 6px;
    height: 10px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    position: absolute;
    top: 1px;
}

.solny-radio {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-radio input {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid var(--solny-border);
    background: #fff;
    position: relative;
    cursor: pointer;
}

.solny-radio input:checked {
    border-color: var(--solny-blue);
}

.solny-radio input:checked::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--solny-blue);
    position: absolute;
    top: 3px;
    left: 3px;
}

.solny-radio-group {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, max-content));
    gap: 6px;
    justify-content: start;
}

.solny-choice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    margin-right: 8px;
    color: #7c82a3;
}

.solny-choice__icon .fa-solid {
    display: none;
}

#solny-task-form-fields-section .solny-checkbox input:checked + .solny-choice__icon,
#solny-task-form-fields-section .solny-radio input:checked + .solny-choice__icon {
    color: #3f38bf;
}

#solny-task-form-fields-section .solny-checkbox input:checked + .solny-choice__icon .fa-solid,
#solny-task-form-fields-section .solny-radio input:checked + .solny-choice__icon .fa-solid {
    display: inline-block;
}

#solny-task-form-fields-section .solny-checkbox input:checked + .solny-choice__icon .fa-regular,
#solny-task-form-fields-section .solny-radio input:checked + .solny-choice__icon .fa-regular {
    display: none;
}

.solny-choice__label {
    font-weight: 600;
}

#solny-task-form-fields-section .solny-form__group.is-error .solny-field-label strong {
    color: #e74c3c;
}

#solny-task-form-fields-section .solny-form__group.is-error .solny-checkbox span,
#solny-task-form-fields-section .solny-form__group.is-error .solny-radio span {
    border-color: rgba(231, 76, 60, 0.6);
    background: rgba(231, 76, 60, 0.06);
}

#solny-task-form-fields-section .solny-form__group.is-error .solny-checkbox,
#solny-task-form-fields-section .solny-form__group.is-error .solny-radio {
    border-color: rgba(231, 76, 60, 0.6);
    background: rgba(231, 76, 60, 0.06);
}

.solny-task-form-status__badge.is-overdue {
    background: rgba(231, 76, 60, 0.12);
    color: #e74c3c;
}

.solny-status-progress__warning {
    margin: 10px 0 6px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(243, 156, 18, 0.12);
    color: #b9770e;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-task-form-actions .solny-btn--ghost {
    border-radius: 10px;
}

.solny-expense-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid var(--solny-border);
    padding: 14px 16px;
    box-shadow: var(--solny-shadow);
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.solny-expense-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 20px rgba(31, 35, 55, 0.12);
}

.solny-expense-card.is-highlight {
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.4), var(--solny-shadow);
}

.solny-expense-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.solny-expense-card__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--status-color, var(--solny-blue));
}

.solny-expense-card__status i {
    font-size: 12px;
}

.solny-expense-card__title {
    font-size: 14px;
    font-weight: 600;
}

.solny-expense-card__meta {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-expense-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.solny-expense-card__amount {
    font-size: 16px;
    font-weight: 700;
}

.solny-expense-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-expense-tag {
    padding: 4px 8px;
    border-radius: 10px;
    font-size: 11px;
    background: rgba(63, 56, 191, 0.1);
    color: var(--solny-blue);
}

.solny-board {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 10px;
    width: 100%;
    max-width: 100%;
    min-height: max(460px, calc(100dvh - 320px));
    align-items: flex-start;
    scrollbar-gutter: stable;
    --columns-per-view: 4;
    -webkit-overflow-scrolling: touch;
}

.solny-column {
    height: auto;
    min-height: 100%;
    min-width: 240px;
    flex: 0 0 calc((100% - (var(--columns-per-view, 4) - 1) * 16px) / var(--columns-per-view, 4));
    background: rgba(255, 255, 255, 0.7);
    border-radius: 18px;
    padding: 14px;
    border: 1px solid var(--solny-border);
    animation: solny-rise 0.5s ease var(--delay, 0ms) both;
    display: flex;
    flex-direction: column;
}

.solny-board.is-refreshing .solny-column {
    animation: none;
}

.solny-column.is-highlight {
    border-color: rgba(63, 56, 191, 0.4);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.2), var(--solny-shadow);
}

.solny-column.is-disabled {
    opacity: 0.7;
    pointer-events: none;
}

.solny-column__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.solny-column__desc {
    font-size: 12px;
    color: var(--solny-muted);
    margin-top: 6px;
}

.solny-chip {
    width: 30px;
    min-width: 30px;
    height: 30px;
    flex: 0 0 30px;
    box-sizing: border-box;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--chip-color), #ffffff 70%);
    color: var(--chip-color);
}

.solny-badge {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(59, 177, 133, 0.15);
    color: var(--solny-green);
    font-size: 11px;
    margin-left: auto;
}

.solny-badge--muted {
    background: rgba(106, 112, 131, 0.16);
    color: #6a7083;
}

.solny-badge--accent {
    background: rgba(63, 56, 191, 0.16);
    color: #3f38bf;
    border: 1px solid rgba(63, 56, 191, 0.28);
}

.solny-badge i {
    font-size: 11px;
}

.solny-badge--danger {
    background: rgba(215, 91, 91, 0.16);
    color: #b54848;
    border: 1px solid rgba(215, 91, 91, 0.28);
}

.solny-order-prefix-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
}

.solny-order-prefix-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-order-prefix-row .solny-input-with-icon {
    flex: 1;
}

.solny-order-prefix-scope {
    min-width: 170px;
    max-width: 220px;
}

.solny-order-prefix-storno {
    white-space: nowrap;
}

.solny-order-prefix-invoice {
    white-space: nowrap;
}

.solny-order-prefix-quick-invoice {
    white-space: nowrap;
}

.solny-order-prefix-gutschrift {
    white-space: nowrap;
}

.solny-order-prefix-gutschrift-counter {
    white-space: nowrap;
}

.solny-order-prefix-offer-date-toggle-wrap {
    white-space: nowrap;
}

.solny-order-prefix-post-doc {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    width: 100%;
}

.solny-order-prefix-post-doc-status {
    min-width: 240px;
    flex: 1 1 240px;
}

.solny-order-prefix-post-doc-task {
    white-space: nowrap;
}

.solny-order-prefix-post-doc-task.is-disabled {
    opacity: 0.55;
}

.solny-order-prefix-title {
    flex: 1 1 100%;
    min-width: 220px;
}

.solny-order-prefix-title-2 {
    flex: 1 1 100%;
    min-width: 220px;
}

.solny-order-prefix-partial-header,
.solny-order-prefix-final-header {
    flex: 1 1 100%;
    min-width: 260px;
}

.solny-order-prefix-storno-title,
.solny-order-prefix-storno-subtitle {
    flex: 1 1 100%;
    min-width: 260px;
}

.solny-order-prefix-term-value {
    width: 140px;
    min-width: 120px;
}

.solny-order-prefix-term-text {
    flex: 1 1 100%;
    min-width: 260px;
}

.solny-prefix-term-value {
    width: 140px;
    min-width: 120px;
}

.solny-order-prefix-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.solny-order-prefix-scope-picker {
    min-width: 170px;
}

.solny-cards {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 220px;
    flex: 1;
    align-content: flex-start;
}

@keyframes solny-rise {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.solny-cards.is-dragover {
    outline: 2px dashed var(--solny-blue);
    outline-offset: 6px;
}

.solny-card {
    background: var(--solny-card);
    border-radius: 16px;
    padding: 12px;
    box-shadow: var(--solny-shadow);
    cursor: grab;
    border-style: solid;
    border-color: var(--customer-status-color, transparent);
    border-width: 1px 1px 3px 1px;
    transition: transform 0.2s ease, border-color 0.2s ease;
    position: relative;
}

.solny-card.has-action {
    padding-bottom: 54px;
}

.solny-card:hover {
    transform: translateY(-2px);
    border-color: var(--customer-status-color, rgba(63, 56, 191, 0.2));
}

.solny-card.is-customer-overdue {
    border-color: #e74c3c;
    box-shadow: 0 0 0 1px rgba(231, 76, 60, 0.22), var(--solny-shadow);
}

.solny-card.is-customer-overdue:hover {
    border-color: #e74c3c;
}

.solny-card.is-dragging {
    opacity: 0.6;
}

.solny-card.is-highlight {
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.4), var(--solny-shadow);
}

.solny-card__header {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-card__header-left {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-card__number {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 8px;
    font-weight: 700;
    color: var(--chip-color, #3f38bf);
    background: color-mix(in srgb, var(--chip-color, #3f38bf), #ffffff 95%);
    border: 0px;
}

.solny-card__number i {
    font-size: 11px;
}

.solny-card__status-icon {
    font-size: 11px;
}

.solny-card__status-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
}

.solny-card__status-customer {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    color: var(--customer-color, #3f38bf);
    background: color-mix(in srgb, var(--customer-color, #3f38bf), #ffffff 85%);
    border: 1px solid color-mix(in srgb, var(--customer-color, #3f38bf), #ffffff 65%);
}

.solny-card__status-customer i {
    font-size: 11px;
}

.solny-card__status-task {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--task-color, #3f38bf), #ffffff 65%);
    background: color-mix(in srgb, var(--task-color, #3f38bf), #ffffff 85%);
    color: var(--task-color, #3f38bf);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.solny-card__status-task:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
}

.solny-card__status-task i {
    font-size: 11px;
}

.solny-card__status-task.is-done {
    color: #2ecc71;
    border-color: rgba(46, 204, 113, 0.4);
    background: rgba(46, 204, 113, 0.12);
}

.solny-card__status-task.is-overdue {
    color: #e74c3c;
    border-color: rgba(231, 76, 60, 0.4);
    background: rgba(231, 76, 60, 0.12);
}

.solny-card__status-timer {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    color: var(--timer-color, #3f38bf);
    border: 1px solid color-mix(in srgb, var(--timer-color, #3f38bf), #ffffff 70%);
}

.solny-card__status-timer.is-overdue {
    background: rgba(231, 76, 60, 0.12);
    color: #e74c3c;
    border-color: rgba(231, 76, 60, 0.35);
}

.solny-card__status-timer i {
    font-size: 11px;
}

.solny-card__status-timer--aux {
    background: color-mix(in srgb, var(--timer-color, #3f38bf), #ffffff 90%);
    border-color: color-mix(in srgb, var(--timer-color, #3f38bf), #ffffff 62%);
    max-width: 100%;
}

.solny-card__status-timer--aux,
.solny-card__status-timer--aux.is-overdue {
    color: var(--timer-color, #3f38bf);
    background: color-mix(in srgb, var(--timer-color, #3f38bf), #ffffff 90%);
    border-color: color-mix(in srgb, var(--timer-color, #3f38bf), #ffffff 62%);
}

.solny-card__status-timer--aux small {
    font-size: 9px;
    font-weight: 800;
    opacity: 0.72;
    white-space: nowrap;
}

.solny-card.has-timer::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle at 100% 0%, var(--timer-glow, rgba(63, 56, 191, 0.15)) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
    border-top-right-radius: 16px;
}

.solny-card__title {
    font-weight: 600;
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-card__customer-name {
    font-weight: 600;
}

.solny-card__customer-number {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: var(--solny-blue);
    background: rgba(63, 56, 191, 0.12);
    border: 1px solid rgba(63, 56, 191, 0.22);
    padding: 2px 6px;
    border-radius: 7px;
    line-height: 1.1;
}

.solny-card__company-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--company-color, var(--solny-blue));
    background: color-mix(in srgb, var(--company-color, var(--solny-blue)), #ffffff 82%);
    border: 1px solid color-mix(in srgb, var(--company-color, var(--solny-blue)), #ffffff 65%);
    padding: 4px 8px;
    border-radius: 10px;
    margin-top: 4px;
    align-self: flex-start;
}

.solny-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 6px;
}

.solny-card__badges .solny-card__company-badge {
    margin-top: 0;
}

.solny-card__role-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--role-color, var(--solny-blue));
    background: color-mix(in srgb, var(--role-color, var(--solny-blue)), #ffffff 84%);
    border: 1px solid color-mix(in srgb, var(--role-color, var(--solny-blue)), #ffffff 65%);
    padding: 6px 8px;
    border-radius: 10px;
    align-self: flex-start;
}

.solny-card__role-badge i {
    font-size: 12px;
}

.solny-card__company-badge img {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    object-fit: cover;
}

.solny-card__meta {
    font-size: 12px;
    color: var(--solny-muted);
    margin-top: 4px;
}

.solny-card__items {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed rgba(63, 56, 191, 0.18);
}

.solny-card__item-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--solny-dark);
}

.solny-card__item-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--customer-status-color, #3f38bf);
    flex: 0 0 auto;
}

.solny-card__item-text {
    font-weight: 600;
    color: var(--solny-text);
    flex: 1;
}

.solny-card__item-price {
    font-weight: 600;
    color: var(--solny-dark);
    white-space: nowrap;
}

.solny-card__meta--receipt {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.solny-card__meta--receipt .solny-card__meta-label {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 10px;
    color: var(--solny-muted);
}

.solny-card__meta--receipt .solny-card__meta-count {
    font-size: 12px;
    color: var(--solny-dark);
}

.solny-card__meta--receipt .solny-card__meta-sep {
    color: var(--solny-muted);
}

.solny-card__meta--receipt .solny-card__meta-date {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.solny-card__total-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-card__coupon-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 10px;
    border: 1px solid rgba(59, 177, 133, 0.35);
    background: rgba(59, 177, 133, 0.12);
    color: #2e9c72;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.solny-card__coupon-badge i {
    font-size: 11px;
}

.solny-card__badges-inline {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.solny-card__mini-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 7px;
    border-radius: 9px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.solny-card__mini-badge i {
    font-size: 10px;
}

.solny-card__mini-badge--delivery {
    border-color: rgba(59, 177, 133, 0.28);
    background: rgba(59, 177, 133, 0.12);
    color: #2f9f79;
}

.solny-card__mini-badge--order-discount {
    border-color: rgba(245, 133, 22, 0.32);
    background: rgba(245, 133, 22, 0.13);
    color: #b45309;
    font-weight: 800;
}

.solny-card__mini-badge--storno {
    border-color: rgba(215, 91, 91, 0.3);
    background: rgba(215, 91, 91, 0.16);
    color: #b54848;
}

.solny-card__action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
    margin: 0;
    position: absolute;
    right: 12px;
    bottom: 12px;
}

.solny-card__action-avatars {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 4px;
}

.solny-avatar--xs {
    width: 18px;
    height: 18px;
    font-size: 9px;
}

.solny-avatar--more {
    background: rgba(63, 56, 191, 0.12);
    color: #3f38bf;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.solny-card__action-edit {
    padding: 4px 6px;
    border-radius: 8px;
}

.solny-card__action.is-done {
    background: rgba(59, 177, 133, 0.12);
    color: #3bb185;
}

.solny-card__action.is-warning {
    background: rgba(243, 156, 18, 0.16);
    color: #f39c12;
}

.solny-card__action-count {
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.06);
}

.solny-card__action-due {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-status-progress__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.solny-status-progress__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 6px;
}

.solny-status-progress__status.is-waiting {
    color: #f39c12;
}

.solny-status-progress__status.is-done {
    color: #3bb185;
}

.solny-status-progress__time {
    font-weight: 500;
    color: var(--solny-muted);
    margin-left: 6px;
}

.solny-status-progress__confirm {
    margin-top: 8px;
    padding: 8px 10px;
    border: 1px dashed var(--solny-border);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-status-action-stage .solny-stage-assignees {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.solny-stage-due-fields {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.solny-stage-due-days.is-hidden,
.solny-stage-date-range.is-hidden {
    display: none;
}

.solny-stage-date-range .solny-date-range__panel {
    min-width: 280px;
}

.solny-time-range {
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-status-progress__stage {
    border: 1px solid #e7e9f2;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 10px;
    background: #f8f9fd;
    border-left: 4px solid var(--stage-color, #3f38bf);
    display: grid;
    gap: 8px;
}

.solny-status-progress__header-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.solny-status-progress__right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.solny-status-progress__avatars {
    display: flex;
    gap: 4px;
}

.solny-status-progress__action-icons {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.solny-status-progress__action-icons .solny-btn {
    padding: 6px 8px;
    min-height: auto;
}

.solny-status-progress__actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 6px;
}

.solny-status-progress__actions .solny-btn {
    padding: 8px 12px;
    font-size: 12px;
}

.solny-status-progress__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    background: color-mix(in srgb, var(--badge-color) 18%, #fff);
    color: var(--badge-color);
    border: 1px solid color-mix(in srgb, var(--badge-color) 40%, #fff);
    white-space: nowrap;
}

.solny-status-progress__stage.is-done {
    border-color: rgba(59, 177, 133, 0.4);
    background: rgba(59, 177, 133, 0.08);
}

.solny-status-progress__stage.is-overdue {
    border-left-color: #e74c3c;
}

.solny-status-progress__title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 2px;
}

.solny-status-progress__meta {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-status-progress__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 12px;
}

.solny-status-progress__remaining {
    font-size: 12px;
    color: #3f38bf;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-status-progress__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.solny-status-progress__remaining.is-overdue {
    color: #e74c3c;
}

.solny-status-progress__btn {
    border-radius: 10px;
}

.solny-status-progress__count {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-muted);
}

.solny-status-action-stages {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 58vh;
    overflow-y: auto;
    overflow-x: visible;
    padding-right: 4px;
}

.solny-status-action-stage {
    border: 1px solid #e7e9f2;
    border-radius: 14px;
    padding: 12px;
    background: #f9faff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-status-action-stage__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 12px;
}

.solny-status-action-stage__fields {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-task-form-actions {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
}

.solny-task-form-actions .solny-btn--ghost {
    border: 1px solid rgba(63, 56, 191, 0.3);
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    font-weight: 600;
}

.solny-task-form-actions .solny-btn--primary {
    background: linear-gradient(120deg, #3bb185, #3f38bf);
    border: none;
    color: #fff;
    font-weight: 700;
}

#solny-task-form-fields-section {
    max-width: 100%;
    overflow: hidden;
    background: #f8f9fd;
    border: 1px solid #e7e9f2;
    border-radius: 10px;
    padding: 14px;
}

.solny-task-form-fields__toolbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    margin: 12px 0 0;
    gap: 10px;
}

.solny-task-form-fields__toolbar > [data-action="task-order-fields-save-order"] {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
}

.solny-task-form-fields__save-meta {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-height: 34px;
}

.solny-task-form-fields__save-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    background: rgba(63, 56, 191, 0.08);
    color: #394487;
    font-size: 12px;
    font-weight: 600;
}

.solny-task-form-fields__save-badge.is-user {
    border-color: rgba(59, 177, 133, 0.28);
    background: rgba(59, 177, 133, 0.12);
    color: #1b7c57;
}

.solny-task-form-fields__save-badge.is-synced {
    border-color: rgba(59, 177, 133, 0.34);
    background: rgba(59, 177, 133, 0.15);
    color: #1b7c57;
}

.solny-task-form-fields__save-badge.is-dirty {
    border-color: rgba(198, 67, 67, 0.35);
    background: rgba(204, 69, 69, 0.14);
    color: #a53a3a;
}

.solny-task-form-fields__save-badge.is-empty {
    border-color: rgba(124, 132, 169, 0.26);
    background: rgba(124, 132, 169, 0.1);
    color: #65709a;
}

.solny-task-form-fields__save-badge i {
    font-size: 11px;
    opacity: 0.9;
}

.solny-item__attributes .solny-item__attributes-save-meta {
    grid-column: auto;
    grid-row: auto;
    justify-self: auto;
    justify-content: flex-start;
    min-height: 0;
}

.solny-item__attributes .solny-item__attributes-save-meta .solny-task-form-fields__save-badge {
    min-height: 26px;
    padding: 0 8px;
    font-size: 11px;
}

.solny-task-form-fields__toolbar.is-hidden {
    display: none;
}

@media (max-width: 880px) {
    .solny-task-form-fields__toolbar {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .solny-task-form-fields__toolbar > [data-action="task-order-fields-save-order"] {
        grid-column: auto;
    }
    .solny-task-form-fields__save-meta {
        grid-column: auto;
        justify-self: center;
        justify-content: center;
    }
    .solny-item__attributes .solny-item__attributes-save-meta {
        justify-self: auto;
        justify-content: flex-start;
    }
}

#solny-task-form-fields-section [data-action="task-order-fields-save-order"] {
    min-height: 42px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 700;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 52%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--solny-blue), #ffffff 93%) 0%, color-mix(in srgb, var(--solny-blue), #ffffff 87%) 100%);
    color: #2f3790;
    box-shadow: 0 2px 8px rgba(46, 56, 128, 0.1);
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease;
}

#solny-task-form-fields-section [data-action="task-order-fields-save-order"]:not(:disabled):hover {
    border-color: color-mix(in srgb, var(--solny-blue), #ffffff 40%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--solny-blue), #ffffff 90%) 0%, color-mix(in srgb, var(--solny-blue), #ffffff 82%) 100%);
    box-shadow: 0 4px 12px rgba(46, 56, 128, 0.14);
    transform: translateY(-1px);
}

#solny-task-form-fields-section [data-action="task-order-fields-save-order"]:disabled {
    background: #f1f3fa;
    border-color: #d6dced;
    color: #98a2bf;
    box-shadow: none;
    cursor: not-allowed;
}

#solny-task-form-fields-section [data-action="task-order-fields-save-order"].is-synced-idle,
#solny-task-form-fields-section [data-action="task-order-fields-save-order"].is-synced-idle:disabled {
    border-color: rgba(49, 166, 122, 0.48);
    background: linear-gradient(180deg, rgba(59, 177, 133, 0.14) 0%, rgba(59, 177, 133, 0.2) 100%);
    color: #187a5a;
    box-shadow: 0 3px 10px rgba(49, 166, 122, 0.18);
    cursor: default;
    opacity: 1;
}

#solny-task-form-fields-section [data-action="task-order-fields-save-order"].is-loading {
    opacity: 1;
    pointer-events: none;
    border-color: color-mix(in srgb, var(--solny-blue), #ffffff 40%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--solny-blue), #ffffff 88%) 0%, color-mix(in srgb, var(--solny-blue), #ffffff 80%) 100%);
    color: #2d368a;
    box-shadow: 0 4px 12px rgba(46, 56, 128, 0.14);
}

#solny-task-form-fields-section [data-action="task-order-fields-save-order"].is-success {
    border-color: rgba(49, 166, 122, 0.5);
    background: linear-gradient(180deg, rgba(59, 177, 133, 0.16) 0%, rgba(59, 177, 133, 0.22) 100%);
    color: #187a5a;
    box-shadow: 0 4px 12px rgba(49, 166, 122, 0.2);
}

#solny-task-form-fields-section [data-action="task-order-fields-save-order"].is-error {
    border-color: rgba(198, 67, 67, 0.5);
    background: linear-gradient(180deg, rgba(204, 69, 69, 0.14) 0%, rgba(204, 69, 69, 0.2) 100%);
    color: #a93737;
    box-shadow: 0 4px 12px rgba(198, 67, 67, 0.18);
}

#solny-task-order-products-section {
    max-width: 100%;
    overflow: visible;
    background: linear-gradient(160deg, #f8f9ff, #f4f7ff 62%);
    border: 1px solid #dde4fa;
    border-radius: 16px;
    padding: 14px;
}

#solny-task-order-products-section.is-disabled {
    opacity: 0.72;
}

.solny-task-order-products__toolbar {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.solny-task-order-products__toolbar .solny-btn {
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 7px 12px;
    min-height: 34px;
    font-weight: 600;
    box-shadow: none;
}

.solny-task-order-products__toolbar .solny-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(35, 43, 79, 0.14);
}

.solny-task-order-products__toolbar .solny-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(37, 48, 117, 0.22);
}

.solny-task-order-products__toolbar [data-action="task-order-products-toggle-all"] {
    border-color: #c3cffc;
    background: #eef2ff;
    color: #2f44a6;
}

.solny-task-order-products__toolbar [data-action="task-order-products-toggle-all"]:hover {
    border-color: #aebdfb;
    background: #e4eaff;
}

.solny-task-order-products__toolbar [data-action="task-order-products-toggle-all"][aria-expanded="true"] {
    border-color: #9aaef8;
    background: #dce5ff;
    color: #26388f;
}

.solny-task-order-products__toolbar [data-action="task-order-products-add-order-item"] {
    border-color: #9dd8bc;
    background: #eaf9f1;
    color: #1b7f57;
}

.solny-task-order-products__toolbar [data-action="task-order-products-add-order-item"]:hover {
    border-color: #83cdac;
    background: #ddf5e8;
}

.solny-task-order-products__toolbar [data-action="task-order-products-open-order"] {
    border-color: #f2c69f;
    background: #fff2e5;
    color: #a85d22;
}

.solny-task-order-products__toolbar [data-action="task-order-products-open-order"]:hover {
    border-color: #eab786;
    background: #ffe9d5;
}

.solny-task-order-products__quick-add {
    --solny-task-quick-control-height: 48px;
    display: grid;
    grid-template-columns: minmax(320px, 1.9fr) minmax(96px, 0.55fr) auto auto;
    gap: 10px;
    align-items: end;
    border: 1px solid #dde5fa;
    border-radius: 14px;
    background: linear-gradient(145deg, #ffffff, #f8faff 75%);
    padding: 10px;
    margin-bottom: 10px;
}

.solny-task-order-products__quick-add .solny-form__group {
    margin: 0;
}

.solny-task-order-products__quick-add .solny-form__group label {
    font-size: 11px;
    font-weight: 700;
    color: #5f6b94;
    margin-bottom: 4px;
}

.solny-task-order-products__quick-add .solny-form__group input:not([type="checkbox"]):not([type="radio"]),
.solny-task-order-products__quick-add .solny-form__group select {
    min-height: var(--solny-task-quick-control-height);
}

.solny-task-order-products__quick-order {
    grid-column: 1 / -1;
}

.solny-task-order-products__quick-order-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid #d6dff8;
    background: #f7f9ff;
    color: #485684;
    font-size: 11px;
    font-weight: 600;
}

.solny-task-order-products__quick-order-badge strong {
    color: var(--solny-blue);
    font-weight: 700;
}

.solny-task-order-products__quick-order-badge small {
    color: #66739e;
}

.solny-task-order-products__quick-order-badge em {
    font-style: normal;
    color: #8a95ba;
}

.solny-task-order-products__quick-add-search {
    min-width: 0;
}

.solny-task-order-products__quick-add-search .solny-input-with-icon {
    position: relative;
    width: 100%;
    min-width: 0;
}

.solny-task-order-products__quick-add-search .solny-input-with-icon input:not([type="checkbox"]):not([type="radio"]) {
    width: 100%;
    padding-left: 40px;
}

.solny-task-order-products__quick-add-search .solny-input-with-icon > i {
    left: 14px;
}

#solny-task-order-products-quick-suggestions {
    max-height: 310px;
    overflow: auto;
    z-index: 20;
}

#solny-task-order-products-quick-suggestions .solny-suggestion--product {
    width: 100%;
    text-align: left;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 9px 10px;
}

#solny-task-order-products-quick-suggestions .solny-suggestion--product:last-child {
    border-bottom: none;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__media {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    border: 1px solid #dbe2f6;
    background: #f7f9ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8e97b7;
    overflow: hidden;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__content {
    display: grid;
    gap: 5px;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__head {
    display: grid;
    gap: 4px;
    min-width: 0;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__head strong {
    font-size: 13px;
    line-height: 1.25;
    color: var(--solny-text);
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__badges {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 5px;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__badge {
    display: flex !important;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 8px;
    border: 1px solid rgba(31, 35, 55, 0.2);
    background: rgba(31, 35, 55, 0.08);
    color: #1f2337;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__badge i {
    font-size: 10px;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__badge--partner {
    color: #1d56d8;
    background: rgba(26, 102, 255, 0.1);
    border-color: rgba(26, 102, 255, 0.28);
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__badge--company {
    color: var(--partner-company-color, #1f7f5b);
    background: color-mix(in srgb, var(--partner-company-color, #1f7f5b), #ffffff 86%);
    border-color: color-mix(in srgb, var(--partner-company-color, #1f7f5b), #ffffff 64%);
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__badge--company img {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    object-fit: cover;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__badge--company b {
    display: block;
    max-width: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    min-width: 0;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #68739a;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__meta-item i {
    color: #5a6ca6;
    font-size: 11px;
}

#solny-task-order-products-quick-suggestions .solny-task-order-product-suggestion__price {
    margin-left: auto;
    font-size: 12px;
    font-weight: 800;
    color: #243055;
}

.solny-task-order-products__quick-add-clarify .solny-switch {
    min-height: 40px;
}

.solny-task-order-products__quick-add-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.solny-task-order-products__quick-add-actions .solny-btn {
    min-height: var(--solny-task-quick-control-height);
    height: var(--solny-task-quick-control-height);
    padding: 0 20px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 700;
}

.solny-task-order-products__quick-add-actions .solny-btn--primary {
    border: none;
    background: linear-gradient(130deg, #3c65ff, #2fb477);
    color: #fff;
    font-weight: 700;
}

.solny-task-order-products__quick-add-actions .solny-btn--primary:disabled {
    background: linear-gradient(130deg, #b7bfd8, #a9b3cf);
    color: #eef2ff;
}

.solny-task-order-products__quick-add-actions .solny-btn--primary.is-ready:not(:disabled) {
    box-shadow: 0 10px 22px rgba(59, 89, 191, 0.28);
}

.solny-task-order-products__quick-add-actions .solny-btn--primary.is-success {
    background: linear-gradient(130deg, #2fb477, #2aa16a);
    color: #fff;
}

.solny-task-order-products {
    display: grid;
    gap: 10px;
}

.solny-task-order-products__group {
    border: 1px solid #e1e7fa;
    border-radius: 14px;
    background: #fff;
    padding: 10px;
    display: grid;
    gap: 8px;
}

.solny-task-order-products__group-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-task-order-products__group-title strong {
    font-size: 13px;
    color: var(--solny-blue);
}

.solny-task-order-products__group-title span {
    font-size: 12px;
    color: var(--solny-text);
}

.solny-task-order-products__group-title small {
    margin-left: auto;
    font-size: 11px;
    color: var(--solny-muted);
    padding: 3px 7px;
    border-radius: 999px;
    border: 1px solid #dde2f3;
    background: #f8faff;
}

.solny-task-order-products__group-open {
    margin-left: auto;
    min-height: 30px;
    padding: 0 9px;
    border-color: color-mix(in srgb, var(--solny-blue), #ffffff 62%);
    color: var(--solny-blue);
    background: color-mix(in srgb, var(--solny-blue), #ffffff 92%);
}

.solny-task-order-products__group-open i {
    font-size: 12px;
}

.solny-task-order-products__group-open + small {
    margin-left: 0;
}

.solny-task-order-products__list {
    display: grid;
    gap: 8px;
}

.solny-task-order-product {
    width: 100%;
    border: 1px solid #dbe1f5;
    border-radius: 12px;
    background: #fff;
    padding: 9px 10px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    gap: 10px;
    align-items: center;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}

.solny-task-order-product__media {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid #dbe2f6;
    overflow: hidden;
    background: #f7f9ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8e97b7;
    flex-shrink: 0;
}

.solny-task-order-product__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.solny-task-order-product__media.is-placeholder i {
    font-size: 15px;
}

.solny-task-order-product:hover {
    border-color: color-mix(in srgb, var(--solny-blue), #ffffff 48%);
    box-shadow: 0 8px 20px rgba(38, 60, 124, 0.08);
}

.solny-task-order-product.is-selected {
    border-color: color-mix(in srgb, #30b980, #ffffff 40%);
    background: linear-gradient(140deg, rgba(48, 185, 128, 0.1), rgba(48, 185, 128, 0.04));
}

.solny-task-order-product__main {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.solny-task-order-product__main strong {
    font-size: 13px;
    line-height: 1.25;
    color: var(--solny-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-task-order-product__main span {
    font-size: 11px;
    color: var(--solny-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-task-order-product__badges {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-task-order-product__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    padding: 3px 8px;
    border: 1px solid #d8def0;
    background: #f7f9ff;
    font-size: 10px;
    font-weight: 700;
    color: #5d678f;
}

.solny-task-order-product__badge.is-clarify {
    border-color: color-mix(in srgb, #ff8d2e, #ffffff 45%);
    background: color-mix(in srgb, #ff8d2e, #ffffff 88%);
    color: #d86a0d;
}

.solny-task-order-product__badge.is-muted {
    opacity: 0.78;
}

.solny-task-order-product__badge.is-progress {
    border-color: color-mix(in srgb, #4f7cff, #ffffff 40%);
    background: color-mix(in srgb, #4f7cff, #ffffff 90%);
    color: #3659bc;
}

.solny-task-order-product__badge.is-progress.is-complete {
    border-color: color-mix(in srgb, #2fb076, #ffffff 42%);
    background: color-mix(in srgb, #2fb076, #ffffff 89%);
    color: #1b8b5a;
}

.solny-task-order-product__toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
    font-size: 11px;
    font-weight: 700;
    color: var(--solny-muted);
}

.solny-task-order-product.is-selected .solny-task-order-product__toggle {
    color: #1e8f64;
}

.solny-task-order-product__remove {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    border: 1px solid #f1cad1;
    background: #fff3f5;
    color: #c44f64;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.solny-task-order-product__remove:hover {
    border-color: #e79baa;
    background: #ffe8ed;
    color: #b84257;
}

.solny-task-order-product__remove.is-loading {
    pointer-events: none;
    opacity: 0.6;
}

@media (max-width: 1200px) {
    .solny-task-order-products__quick-add {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solny-task-order-products__quick-add .solny-task-order-products__quick-add-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .solny-task-order-products__quick-add {
        grid-template-columns: 1fr;
    }

    .solny-task-order-products__quick-add-actions {
        justify-content: flex-start;
    }

    .solny-task-order-product {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .solny-task-order-product__badges,
    .solny-task-order-product__toggle {
        grid-column: 1 / -1;
    }

    .solny-task-order-product__badges,
    .solny-task-order-product__toggle {
        justify-content: flex-start;
    }

    .solny-task-order-products__group-title small {
        margin-left: 0;
    }
}

.solny-task-form-status__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(243, 156, 18, 0.12);
    color: #f39c12;
}

.solny-task-form-status__badge.is-done {
    background: rgba(59, 177, 133, 0.12);
    color: #3bb185;
}

.solny-task-form-status__badge.is-ready {
    background: rgba(63, 56, 191, 0.12);
    color: #3f38bf;
}

.solny-field-required,
.solny-field-optional {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solny-field-required {
    width: 15px;
    min-width: 15px;
    height: 15px;
    padding: 0;
    background: rgba(231, 76, 60, 0.14);
    color: #e74c3c;
    transition: background 0.18s ease, color 0.18s ease;
}

.solny-field-required i {
    font-size: 7px;
    line-height: 1;
}

.solny-field-required.is-complete {
    background: rgba(47, 184, 132, 0.18);
    color: #1f8a64;
}

.solny-field-optional {
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
}

.solny-field-optional i {
    font-size: 9px;
}

.solny-task-form-confirm {
    border: 1px dashed var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 12px;
    color: var(--solny-muted);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}

.solny-task-form-actions > .solny-btn {
    width: fit-content;
}

.solny-task-form-actions .solny-task-form-status {
    display: flex;
    align-items: center;
    gap: 10px;
}

.solny-status-history {
    margin-top: 16px;
    border-top: 1px solid var(--solny-border);
    padding-top: 12px;
}

.solny-status-history__toggle {
    border: 1px solid var(--solny-border);
    background: #fff;
    color: var(--solny-text);
    font-weight: 600;
}

.solny-status-history__list {
    margin-top: 10px;
    display: grid;
    gap: 8px;
}

.solny-status-history__list.is-hidden {
    display: none;
}

.solny-status-history__item {
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 10px 12px;
    background: #f9faff;
}

.solny-status-history__title {
    font-weight: 700;
    font-size: 13px;
}

.solny-status-history__meta {
    margin-top: 4px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-status-history__details-toggle {
    margin-top: 8px;
}

.solny-status-history__details {
    margin-top: 10px;
    border-top: 1px dashed var(--solny-border);
    padding-top: 10px;
    display: grid;
    gap: 10px;
}

.solny-status-history__details.is-hidden {
    display: none;
}

.solny-status-history__stage-title {
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 6px;
}

.solny-status-history__stage-fields {
    display: grid;
    gap: 8px;
}

.solny-history-field {
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
    background: #fff;
}

.solny-history-field__label {
    font-size: 11px;
    font-weight: 700;
    color: var(--solny-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solny-history-field__value {
    margin-top: 4px;
    font-size: 12px;
    color: var(--solny-text);
}

#solny-task-form-fields {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    align-items: stretch;
}

.solny-form__group {
    min-width: 0;
}

.solny-task-form-manual-grid,
.solny-task-form-product-fields {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
}

#solny-task-form-fields .solny-task-field-card {
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 14%);
    border-radius: 8px;
    padding: 10px 11px;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcff 100%);
    box-shadow: 0 4px 10px rgba(36, 44, 79, 0.05);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

#solny-task-form-fields .solny-task-field-card.is-current {
    border-color: rgba(63, 56, 191, 0.62);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.14), 0 4px 10px rgba(36, 44, 79, 0.05);
}

#solny-task-form-fields .solny-task-field-card__image {
    margin: 0 0 8px;
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid rgba(63, 56, 191, 0.18);
    background: rgba(63, 56, 191, 0.03);
}

#solny-task-form-fields .solny-task-field-card__image img {
    width: 100%;
    display: block;
    max-height: 180px;
    object-fit: cover;
}

#solny-task-form-fields .solny-task-field-card.has-field-image.is-image-left-mini {
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    gap: 6px 10px;
    align-items: start;
    align-content: start;
}

#solny-task-form-fields .solny-task-field-card.has-field-image.is-image-left-mini > .solny-task-field-card__image {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 66px;
    height: 66px;
    margin: 0;
    align-self: start;
}

#solny-task-form-fields .solny-task-field-card.has-field-image.is-image-left-mini > .solny-task-field-card__image img {
    height: 100%;
    max-height: none;
}

#solny-task-form-fields .solny-task-field-card.has-field-image.is-image-left-mini > :not(.solny-task-field-card__image) {
    grid-column: 2;
}

#solny-task-form-fields .solny-task-field-card.has-field-image.is-image-left-mini > label {
    margin-bottom: 7px;
}

#solny-task-form-fields .solny-task-field-card > label {
    display: block;
    margin-bottom: 7px;
}

#solny-task-form-fields .solny-task-field-card__hint-top {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: #2f4689;
    line-height: 1.25;
}

#solny-task-form-fields .solny-task-field-card__hint-top i {
    font-size: 11px;
    color: #2b7ec8;
}

#solny-task-form-fields .solny-task-field-card__label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

#solny-task-form-fields .solny-field-label {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

#solny-task-form-fields .solny-field-label__icon {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: 1px solid rgba(63, 56, 191, 0.24);
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex: 0 0 24px;
}

#solny-task-form-fields .solny-field-label strong {
    font-size: 13px;
    color: #1f2853;
}

#solny-task-form-fields .solny-form__group[data-field-width="100"] {
    grid-column: span 12;
}

#solny-task-form-fields .solny-form__group[data-field-width="75"] {
    grid-column: span 9;
}

#solny-task-form-fields .solny-form__group[data-field-width="66"] {
    grid-column: span 8;
}

#solny-task-form-fields .solny-form__group[data-field-width="50"] {
    grid-column: span 6;
}

#solny-task-form-fields .solny-form__group[data-field-width="33"] {
    grid-column: span 4;
}

#solny-task-form-fields .solny-form__group[data-field-width="25"] {
    grid-column: span 3;
}

.solny-task-form-product-group {
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 12%);
    border-radius: 9px;
    background: linear-gradient(180deg, #ffffff 0%, #fdfdff 100%);
    padding: 13px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
    box-shadow: 0 6px 18px rgba(35, 43, 79, 0.06);
}

.solny-task-form-product-group__head {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2d3a70;
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px dashed rgba(63, 56, 191, 0.18);
    padding-bottom: 8px;
}

.solny-task-form-product-group__media {
    width: 34px;
    height: 34px;
    border-radius: 7px;
    border: 1px solid rgba(63, 56, 191, 0.22);
    background: #eef0ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #3f38bf;
    flex: 0 0 34px;
}

.solny-task-form-product-group__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solny-task-form-product-group__media.is-placeholder i {
    font-size: 13px;
}

.solny-task-form-attribute-group {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#solny-task-form-fields .solny-task-form-attribute-group.is-card {
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 14%);
    border-radius: 8px;
    background: #ffffff;
    padding: 8px 10px;
}

#solny-task-form-fields .solny-task-form-attribute-group.is-card .solny-task-form-product-fields {
    gap: 5px 5px;
}

#solny-task-form-fields .solny-task-form-attribute-group.is-card .solny-form__group {
    gap: 0;
}

#solny-task-form-fields .solny-task-form-attribute-group.is-card .solny-task-field-card.has-field-image.is-image-left-mini {
    row-gap: 6px;
    column-gap: 12px;
}

#solny-task-form-fields .solny-task-form-attribute-group.is-card .solny-task-field-card {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    padding: 0;
}

#solny-task-form-fields .solny-task-form-attribute-group.is-card .solny-checkbox,
#solny-task-form-fields .solny-task-form-attribute-group.is-card .solny-radio {
    padding: 8px 16px;
    min-height: 36px;
}

#solny-task-form-fields .solny-task-form-attribute-group.is-card .solny-choice__icon {
    margin-right: 0;
}

#solny-task-form-fields .solny-task-form-attribute-group.is-card .solny-task-field-card.is-type-checklist .solny-radio-group {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 7px;
}

#solny-task-form-fields .solny-task-form-attribute-group.is-card .solny-task-field-card.is-type-checklist .solny-checkbox {
    flex: 1 1 130px;
    width: auto;
    max-width: 100%;
}

#solny-task-form-fields .solny-task-field-card.is-type-checklist .solny-radio-group:has(input[data-field-group-card="1"]) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 7px;
}

#solny-task-form-fields .solny-task-field-card.is-type-checklist .solny-checkbox:has(input[data-field-group-card="1"]) {
    flex: 1 1 130px;
    width: auto;
    max-width: 100%;
}

.solny-task-form-attribute-group--w100 { grid-column: span 12; }
.solny-task-form-attribute-group--w75 { grid-column: span 9; }
.solny-task-form-attribute-group--w66 { grid-column: span 8; }
.solny-task-form-attribute-group--w50 { grid-column: span 6; }
.solny-task-form-attribute-group--w33 { grid-column: span 4; }
.solny-task-form-attribute-group--w25 { grid-column: span 3; }

.solny-task-form-attribute-group.is-repeat-instance {
    padding-top: 8px;
    border-top: 1px dashed rgba(63, 56, 191, 0.16);
}

.solny-task-form-attribute-group__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    color: #6a7294;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solny-task-form-attribute-group__meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-task-form-field-repeat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-task-form-field-repeat__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 8px;
    background: rgba(47, 184, 132, 0.14);
    color: #237254;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.solny-task-form-field-repeat__instance {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.1);
    color: #2f3d8d;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.solny-task-form-field-repeat__controls {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.solny-task-form-attribute-group__repeatable-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 8px;
    background: rgba(47, 184, 132, 0.14);
    color: #237254;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.solny-task-form-attribute-group__repeat-instance {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.1);
    color: #2f3d8d;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.solny-task-form-attribute-group__controls {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.solny-task-form-repeat-btn {
    min-width: 24px;
    min-height: 24px;
    padding: 0;
    border-radius: 7px;
}

.solny-task-form-repeat-btn--remove {
    color: #b23b3b;
}

.solny-task-form-number {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.solny-task-form-number input[type="number"] {
    flex: 1 1 auto;
    min-width: 0;
}

.solny-task-form-number__unit {
    font-size: 12px;
    font-weight: 700;
    color: #666f92;
    white-space: nowrap;
    flex: 0 0 auto;
}

#solny-task-form-fields .solny-task-form-number__hint {
    margin-top: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #6a7294;
}

#solny-task-form-fields .solny-task-field-card__hint {
    margin-top: 0;
    font-size: 11px;
    font-weight: 600;
    color: #1f2853;
    line-height: 1.35;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

#solny-task-form-fields .solny-task-field-card__hint i {
    color: #1f2853;
    font-size: 11px;
    flex: 0 0 auto;
}

#solny-task-form-fields .solny-task-form-multi {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
}

#solny-task-form-fields .solny-task-form-multi__part {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 0;
    min-width: 0;
}

#solny-task-form-fields .solny-task-field-card input[type="text"],
#solny-task-form-fields .solny-task-field-card input[type="number"],
#solny-task-form-fields .solny-task-field-card select,
#solny-task-form-fields .solny-task-field-card textarea {
    min-height: 40px;
    border-radius: 7px;
    border-color: rgba(63, 56, 191, 0.24);
    background: #ffffff;
    font-weight: 600;
}

#solny-task-form-fields .solny-task-field-card input:focus,
#solny-task-form-fields .solny-task-field-card select:focus,
#solny-task-form-fields .solny-task-field-card textarea:focus {
    border-color: #3f38bf;
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.12);
}

#solny-task-form-fields .solny-task-field-card .solny-radio-group {
    gap: 7px;
}

#solny-task-form-fields .solny-task-field-card--html {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    overflow: hidden;
}

#solny-task-form-fields .solny-task-form-html-content {
    padding: 0;
}

#solny-task-form-fields .solny-task-form-html-empty {
    padding: 12px;
    color: #6a7294;
    font-size: 12px;
}

#solny-task-form.is-order-item-fill-mode .solny-form__section {
    display: none;
}

#solny-task-form.is-order-item-fill-mode #solny-task-form-fields-section {
    display: block;
    margin-top: 0;
}

#solny-task-form.is-order-item-fill-mode #solny-task-form-fields-section .solny-task-form-fields__toolbar {
    display: none !important;
}

@media (max-width: 720px) {
    .solny-task-form-manual-grid,
    .solny-task-form-product-fields {
        grid-template-columns: 1fr;
    }
    .solny-task-form-attribute-group,
    .solny-task-form-attribute-group--w25,
    .solny-task-form-attribute-group--w33,
    .solny-task-form-attribute-group--w50,
    .solny-task-form-attribute-group--w66,
    .solny-task-form-attribute-group--w75,
    .solny-task-form-attribute-group--w100 {
        grid-column: 1 / -1;
    }
    .solny-task-form-attribute-group__title {
        flex-wrap: wrap;
    }
    .solny-task-form-attribute-group__meta {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    #solny-task-form-fields .solny-task-field-card__label-row {
        align-items: flex-start;
    }
    .solny-task-form-field-repeat {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    #solny-task-form-fields .solny-form__group[data-field-width] {
        grid-column: span 1;
    }
    .solny-radio-group {
        grid-template-columns: 1fr;
    }
    #solny-task-form-fields .solny-task-field-card.has-field-image.is-image-left-mini {
        grid-template-columns: 1fr;
    }
    #solny-task-form-fields .solny-task-field-card.has-field-image.is-image-left-mini > .solny-task-field-card__image {
        grid-column: 1 / -1;
        grid-row: auto;
        width: 100%;
        height: auto;
    }
    #solny-task-form-fields .solny-task-field-card.has-field-image.is-image-left-mini > .solny-task-field-card__image img {
        height: auto;
        max-height: 180px;
    }
    #solny-task-form-fields .solny-task-field-card.has-field-image.is-image-left-mini > :not(.solny-task-field-card__image) {
        grid-column: 1 / -1;
    }
}

.solny-delivery-card {
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    padding: 12px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-delivery-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.solny-delivery-card__customer {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.solny-delivery-card__customer-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.solny-delivery-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-delivery-card__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-delivery-card__address {
    font-weight: 600;
}

.solny-delivery-card__phone {
    color: var(--solny-muted);
    font-size: 12px;
}

.solny-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    background: color-mix(in srgb, var(--status-color) 18%, #fff);
    color: var(--status-color);
    margin-left: 8px;
}

.solny-status-action-required {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--solny-muted);
    margin-left: auto;
}

.solny-status-action-required input {
    accent-color: #3f38bf;
}

.solny-file-field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-file-field__button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-text);
    cursor: pointer;
    width: fit-content;
}

.solny-file-field__button input[type=\"file\"] {
    display: none;
}

.solny-file-input {
    width: 100%;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-text);
}

.solny-file-input::file-selector-button {
    margin-right: 10px;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.3);
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    font-weight: 700;
    cursor: pointer;
}

.solny-file-field__list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.solny-file-progress {
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.12);
    overflow: hidden;
}

.solny-file-progress__bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(120deg, #3bb185, #3f38bf);
    transition: width 0.2s ease;
}

.solny-file-field__progress {
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.12);
    overflow: hidden;
    display: flex;
    align-items: center;
}

.solny-file-field__progress.is-hidden {
    display: none;
}

.solny-file-field__bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(120deg, #3bb185, #3f38bf);
    transition: width 0.2s ease;
}

.solny-file-field__percent {
    margin-left: 8px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-file-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #f9faff;
    font-size: 12px;
}

.solny-file-chip a {
    color: var(--solny-blue);
    text-decoration: none;
}

.solny-expense-docs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
    margin-top: 8px;
}

.solny-expense-doc {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid var(--solny-border);
    background: #fff;
    color: var(--solny-text);
    text-decoration: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.solny-expense-doc:hover {
    border-color: rgba(63, 56, 191, 0.35);
    box-shadow: 0 8px 18px rgba(63, 56, 191, 0.12);
    transform: translateY(-1px);
}

.solny-expense-doc.is-pending {
    border-style: dashed;
    background: #f9faff;
}

.solny-expense-doc__preview {
    height: 90px;
    border-radius: 10px;
    background: #f3f4ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3f38bf;
    font-size: 26px;
    overflow: hidden;
}

.solny-expense-doc__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.solny-expense-doc__name {
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-text);
    word-break: break-word;
}

.solny-expense-doc__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-expense-doc__meta i {
    color: #3f38bf;
}

.solny-order-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.solny-order-table th,
.solny-order-table td {
    border: 1px solid var(--solny-border);
    padding: 8px;
    text-align: left;
}

.solny-order-table--simple .solny-order-table__detail td {
    font-size: 11px;
    color: var(--solny-muted);
    background: #fbfcff;
    border-left: 3px solid #e1e4f2;
    padding: 6px 8px 6px 18px;
}

.solny-order-vat-actions,
.solny-order-coupon-actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.solny-coupon-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #f9faff;
    font-size: 12px;
    margin-top: 8px;
}

.solny-coupon-badge {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #f9faff;
    font-size: 12px;
    margin-top: 8px;
}

.solny-coupon-badge span {
    display: block;
    color: var(--solny-muted);
    font-size: 11px;
}

.solny-coupon-badge strong {
    font-size: 13px;
}

.solny-quick-coupon {
    padding: 10px;
    border-radius: 12px;
    border: 1px solid var(--solny-border);
    background: #f8f9fd;
    margin-bottom: 10px;
}

.solny-quick-coupon__row {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 6px;
}

.solny-quick-coupon__row input {
    max-width: 120px;
}

.solny-suggestion__title {
    font-weight: 600;
    font-size: 12px;
}

.solny-suggestion__meta {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-order-coupon-create {
    margin-top: 10px;
    padding: 10px;
    border-radius: 12px;
    border: 1px dashed var(--solny-border);
    background: #f8f9fd;
}

.solny-order-coupon-create.is-hidden {
    display: none;
}

.solny-vat-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

.solny-vat-grid {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
}

.solny-vat-grid > div {
    flex: 1 1 240px;
}

.solny-vat-controls {
    flex: 0 0 auto;
}

.solny-vat-controls .solny-hint {
    margin-top: 6px;
}

.solny-vat-controls {
    justify-self: start;
}

.solny-vat-toggle {
    background: #f8f9fd;
    border: 1px solid var(--solny-border);
    padding: 8px 10px;
    border-radius: 10px;
}

@media (max-width: 900px) {
    .solny-vat-grid {
        grid-template-columns: 1fr;
    }
}

.solny-vat-status {
    font-size: 12px;
    font-weight: 600;
    color: #f39c12;
}

.solny-vat-status.is-active {
    color: #3bb185;
}

.solny-delivery-grid {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: nowrap;
}

.solny-delivery-grid > div {
    flex: 1 1 240px;
}

.solny-delivery-controls {
    flex: 0 0 auto;
}

.solny-delivery-controls .solny-hint {
    margin-top: 6px;
}

.solny-delivery-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    background: #f8f9fd;
    border: 1px solid var(--solny-border);
    padding: 8px 10px;
    border-radius: 10px;
}

.solny-delivery-status {
    font-size: 12px;
    font-weight: 600;
    color: #f39c12;
}

.solny-delivery-status.is-active {
    color: #3bb185;
}

#solny-modal-order .solny-delivery-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    align-items: end;
    gap: 14px;
}

#solny-modal-order .solny-form__group.solny-delivery-grid {
    display: grid !important;
    grid-template-columns: minmax(240px, 1fr) auto;
    align-items: end;
    gap: 14px;
}

@media (max-width: 900px) {
    #solny-modal-order .solny-delivery-grid {
        grid-template-columns: 1fr;
    }
}

#solny-modal-order .solny-form__group input:not([type="checkbox"]):not([type="radio"]),
#solny-modal-order .solny-form__group textarea,
#solny-modal-order .solny-form__group select {
    border-radius: 8px;
    height: 40px;
    width: 100%;
    font-size: 13px;
    padding-left: 26px;
}

#solny-modal-order #solny-order-items .solny-form__group input:not([type="checkbox"]):not([type="radio"]),
#solny-modal-order #solny-order-items .solny-form__group textarea,
#solny-modal-order #solny-order-items .solny-form__group select,
#solny-modal-order .solny-item .solny-form__group input:not([type="checkbox"]):not([type="radio"]),
#solny-modal-order .solny-item .solny-form__group textarea,
#solny-modal-order .solny-item .solny-form__group select {
    padding-left: 12px;
}

#solny-modal-order #solny-order-items .solny-form__group input:not([type="checkbox"]):not([type="radio"]),
#solny-modal-order #solny-order-items .solny-form__group textarea,
#solny-modal-order #solny-order-items .solny-form__group select {
    padding-left: 12px;
}

#solny-modal-order .solny-order-item-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 12px 0 16px;
}

#solny-modal-order .solny-order-add-item,
#solny-modal-order .solny-order-discount-btn {
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #1d9d65;
    border-radius: 10px;
    background: linear-gradient(135deg, #24b270 0%, #19a76f 48%, #0f8f68 100%);
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(25, 167, 111, 0.22);
    font-weight: 800;
    letter-spacing: 0.01em;
}

#solny-modal-order .solny-order-discount-btn {
    border-color: #d97312;
    background: linear-gradient(135deg, #ff9f1c 0%, #f58516 48%, #d85d10 100%);
    box-shadow: 0 14px 28px rgba(245, 133, 22, 0.22);
}

#solny-modal-order .solny-order-add-item i,
#solny-modal-order .solny-order-discount-btn i {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.18);
}

#solny-modal-order .solny-order-add-item:hover,
#solny-modal-order .solny-order-add-item:focus-visible {
    background: linear-gradient(135deg, #2fc17e 0%, #1fad75 50%, #10936b 100%);
    box-shadow: 0 16px 32px rgba(25, 167, 111, 0.3);
    transform: translateY(-1px);
}

#solny-modal-order .solny-order-discount-btn:hover,
#solny-modal-order .solny-order-discount-btn:focus-visible {
    background: linear-gradient(135deg, #ffad33 0%, #f28a1a 48%, #d86513 100%);
    box-shadow: 0 16px 32px rgba(245, 133, 22, 0.3);
    transform: translateY(-1px);
}

#solny-modal-order .solny-order-discount {
    margin: -2px 0 14px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid rgba(245, 133, 22, 0.24);
    border-left: 4px solid #f58516;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255, 248, 236, 0.96), rgba(255, 255, 255, 0.98));
    box-shadow: 0 10px 22px rgba(245, 133, 22, 0.08);
}

#solny-modal-order .solny-order-discount[hidden] {
    display: none !important;
}

#solny-modal-order .solny-order-discount__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    font-weight: 800;
    color: #6f3a09;
}

#solny-modal-order .solny-order-discount__head > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#solny-modal-order .solny-order-discount__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.8fr) minmax(150px, 0.55fr);
    gap: 10px;
    align-items: end;
}

#solny-modal-order .solny-order-discount__field label {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 800;
    color: #7a4a13;
}

#solny-modal-order .solny-order-discount__field input,
#solny-modal-order .solny-order-discount__field select {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    border: 1px solid rgba(245, 133, 22, 0.24);
    border-radius: 8px;
    background: #ffffff;
    color: var(--solny-text);
    font-weight: 700;
    min-width: 0;
}

#solny-modal-order .solny-order-discount__value {
    position: relative;
    min-width: 0;
}

#solny-modal-order .solny-order-discount__value input {
    padding-right: 42px;
}

#solny-modal-order .solny-order-discount__suffix {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    font-weight: 900;
    color: #c45a0d;
}

#solny-modal-order .solny-order-discount-type-toggle {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 4px;
    border: 1px solid rgba(245, 133, 22, 0.2);
    border-radius: 8px;
    background: rgba(255, 248, 236, 0.7);
}

#solny-modal-order .solny-order-discount-type-option {
    min-width: 0;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #6d7284;
    font-weight: 800;
    cursor: pointer;
}

#solny-modal-order .solny-order-discount-type-option.is-active {
    border-color: rgba(245, 133, 22, 0.42);
    background: #ffffff;
    color: #b45309;
    box-shadow: 0 6px 14px rgba(245, 133, 22, 0.12);
}

#solny-modal-order .solny-order-discount__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

#solny-modal-order .solny-order-discount__footer .solny-hint {
    margin: 0;
}

#solny-modal-order .solny-order-discount-apply {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 0 14px;
    border: 1px solid #178f64;
    border-radius: 8px;
    background: linear-gradient(135deg, #24b270, #128760);
    color: #ffffff;
    font-weight: 850;
    box-shadow: 0 10px 20px rgba(18, 135, 96, 0.18);
    cursor: pointer;
}

.solny-order-summary {
    margin-top: 10px;
    border-top: 1px dashed var(--solny-border);
    padding-top: 10px;
    display: grid;
    gap: 6px;
}

.solny-order-summary__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-order-summary__row--total {
    font-size: 14px;
    font-weight: 700;
    color: var(--solny-text);
}

.solny-order-summary__row--discount {
    padding-top: 4px;
    color: #b34c12;
}

.solny-order-summary__row--discount strong {
    color: #b34c12;
}

.solny-order-summary__row--final {
    margin-top: 2px;
    padding-top: 8px;
    border-top: 1px solid rgba(25, 167, 111, 0.26);
    font-size: 15px;
    font-weight: 900;
    color: #0f8f68;
}

@media (max-width: 760px) {
    #solny-modal-order .solny-order-discount__grid {
        grid-template-columns: 1fr;
    }

    #solny-modal-order .solny-order-discount__footer {
        align-items: stretch;
        flex-direction: column;
    }

    #solny-modal-order .solny-order-discount-apply {
        width: 100%;
    }

    #solny-modal-order .solny-order-add-item,
    #solny-modal-order .solny-order-discount-btn {
        width: 100%;
        justify-content: center;
    }
}

.solny-order-pdf-partial__row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

#solny-modal-order .solny-order-pdf-partial,
#solny-modal-order .solny-order-pdf-partial[hidden] {
    display: none !important;
}

#solny-order-partial-summary {
    min-width: 160px;
    text-align: center;
}

.solny-partial-invoice {
    display: grid;
    gap: 16px;
}

.solny-partial-invoice__summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    padding: 12px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(59, 177, 133, 0.07));
    border: 1px solid rgba(63, 56, 191, 0.14);
}

.solny-partial-invoice__summary .solny-partial-metric {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(63, 56, 191, 0.1);
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-partial-invoice__summary .solny-partial-metric__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.solny-partial-invoice__summary .solny-partial-metric__badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgba(63, 56, 191, 0.26);
    background: rgba(63, 56, 191, 0.12);
    color: #3f38bf;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.solny-partial-invoice__summary .solny-partial-metric__badge i {
    font-size: 10px;
}

.solny-partial-invoice__summary .solny-partial-metric strong {
    font-size: 18px;
    line-height: 1.1;
    color: var(--solny-text);
}

.solny-partial-invoice__controls {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    align-items: end;
}

.solny-partial-issuer-picker {
    gap: 8px;
    position: relative;
}

.solny-partial-issuer-picker .solny-input-with-icon {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.solny-partial-issuer-picker .solny-input-with-icon > i {
    display: none;
}

.solny-partial-issuer-picker .solny-partial-created-by-search {
    flex: 1 1 120px;
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding-left: 12px;
    background: #fff;
}

.solny-partial-issuer-picker .solny-partial-created-by-search:focus {
    border-color: var(--solny-blue);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
}

.solny-partial-issuer-picker.has-issuer .solny-partial-created-by-search {
    display: none;
}

.solny-partial-issuer-picker #solny-partial-created-by-chip {
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
    z-index: 3;
    pointer-events: none;
}

.solny-partial-issuer-picker.has-issuer .solny-input-with-icon {
    width: fit-content;
    max-width: 100%;
    min-height: 38px;
    padding: 0 8px;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    background: #fff;
}

.solny-partial-issuer-picker #solny-partial-created-by-chip:empty {
    display: none;
}

.solny-partial-issuer-picker #solny-partial-created-by-chip .solny-hint {
    display: none;
}

.solny-partial-issuer-picker #solny-partial-created-by-chip .solny-manager-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    min-height: 28px;
    padding: 4px 7px;
    border-radius: 8px;
    background: rgba(63, 56, 191, 0.08);
    border: 1px solid rgba(63, 56, 191, 0.16);
    color: #2f2b9f;
    box-shadow: 0 8px 18px rgba(24, 31, 62, 0.08);
    overflow: hidden;
    pointer-events: auto;
}

.solny-partial-issuer-picker .solny-partial-issuer-chip__avatar {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    font-size: 10px;
}

.solny-partial-issuer-picker .solny-partial-issuer-chip__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-partial-issuer-picker #solny-partial-created-by-chip .solny-manager-chip__remove {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    margin-left: 0;
    color: #2f2b9f;
}

.solny-partial-issuer-picker .solny-suggestions {
    z-index: 280;
    margin-top: 2px;
}

.solny-partial-issuer-picker .solny-suggestions--dropdown {
    top: calc(100% + 2px);
}

.solny-partial-issuer-picker .solny-suggestion--person {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) 18px;
    gap: 8px;
    align-items: center;
}

.solny-partial-issuer-picker .solny-suggestion--person .solny-suggestion__avatar {
    width: 24px;
    height: 24px;
    font-size: 10px;
}

.solny-partial-invoice__toggles {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.solny-partial-invoice__items .solny-item__controls {
    display: flex;
    justify-content: flex-end;
}

.solny-partial-invoice__items .solny-item__drag,
.solny-partial-invoice__items .solny-item__remove {
    display: none !important;
}

.solny-partial-invoice__items .solny-item__row {
    grid-template-columns: 32px minmax(180px, 1fr) minmax(74px, 0.22fr) minmax(0, 1.45fr);
    align-items: end;
    width: 100%;
}

.solny-partial-invoice__items .solny-item__row > * {
    min-width: 0;
}

.solny-partial-invoice__items .solny-item.is-collapsed .solny-item__include {
    display: flex;
}

.solny-partial-invoice__items .solny-product-search {
    pointer-events: none;
    background: #f2f4fb;
}

.solny-partial-badge {
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    background: #eef2ff;
    border: 1px solid #d8defc;
}

.solny-item.is-accounted {
    border-color: rgba(59, 177, 133, 0.35);
    box-shadow: inset 0 0 0 1px rgba(59, 177, 133, 0.15);
}

.solny-config.is-accounted,
.solny-attr.is-accounted {
    background: #eefcf6;
    border-color: rgba(59, 177, 133, 0.35);
}

.solny-partial-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    color: #2b8a57;
    background: rgba(59, 177, 133, 0.16);
    border: 1px solid rgba(59, 177, 133, 0.32);
    margin-left: auto;
}

.solny-partial-invoice__totals {
    display: grid;
    gap: 6px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px dashed var(--solny-border);
    background: #fcfdff;
    font-size: 13px;
}

.solny-partial-invoice__totals .solny-partial-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.solny-partial-invoice__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px;
    padding: 10px;
    border: 1px solid #dbe2f8;
    border-radius: 12px;
    background: linear-gradient(180deg, #f9fbff 0%, #f3f7ff 100%);
}

.solny-partial-invoice__actions .solny-btn {
    width: 100%;
    justify-content: center;
}

.solny-partial-invoice__actions .solny-btn[disabled],
.solny-partial-invoice__actions .solny-btn.is-disabled {
    opacity: 0.55;
    cursor: not-allowed;
    filter: grayscale(0.2);
}

.solny-partial-invoice__actions .solny-btn.is-ready {
    box-shadow: 0 0 0 1px rgba(59, 177, 133, 0.28) inset;
}

.solny-partial-invoice__action-hints {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 2px;
    padding: 9px 11px;
    border-radius: 10px;
    border: 1px solid #d9e1f8;
    background: #f8faff;
    color: #3b4a87;
    font-size: 12px;
    line-height: 1.4;
}

.solny-partial-invoice__action-hints .solny-partial-invoice__action-hint-icon {
    color: #5f72b8;
    font-size: 12px;
    line-height: 1.25;
    margin-top: 2px;
}

.solny-partial-invoice__action-hints.is-success {
    border-color: rgba(59, 177, 133, 0.35);
    background: rgba(59, 177, 133, 0.12);
    color: #206746;
}

.solny-partial-invoice__action-hints.is-success .solny-partial-invoice__action-hint-icon {
    color: #2b8a57;
}

.solny-partial-invoice__action-hints.is-warning {
    border-color: rgba(250, 176, 5, 0.45);
    background: rgba(250, 176, 5, 0.12);
    color: #7a5a08;
}

.solny-partial-invoice__action-hints.is-warning .solny-partial-invoice__action-hint-icon {
    color: #c98a00;
}

@media (max-width: 760px) {
    .solny-partial-invoice__actions {
        grid-template-columns: 1fr;
    }
}

.solny-partial-invoice__history {
    display: grid;
    gap: 10px;
}

.solny-partial-debug {
    border: 1px solid #dbe3ff;
    background: #f8faff;
    border-radius: 10px;
    padding: 10px;
    display: grid;
    gap: 8px;
}

.solny-partial-debug__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.solny-partial-debug__actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-partial-debug__head strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #25348f;
}

.solny-partial-debug__list {
    max-height: 180px;
    overflow: auto;
    display: grid;
    gap: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 11px;
    color: #2d3a86;
}

.solny-partial-debug__row {
    border: 1px solid #d9e0ff;
    border-radius: 8px;
    background: #ffffff;
    padding: 6px 8px;
    white-space: pre-wrap;
    word-break: break-word;
}

.solny-partial-history {
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    padding: 14px;
    background: #fff;
    display: grid;
    gap: 10px;
}

.solny-partial-history__item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px;
    border-radius: 12px;
    background: #f7f8ff;
    border: 1px solid transparent;
}

.solny-partial-history__item.is-open {
    border-color: rgba(63, 56, 191, 0.2);
    box-shadow: 0 12px 24px rgba(63, 56, 191, 0.08);
}

.solny-partial-history__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.solny-partial-history__meta {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-partial-history__actions {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.solny-partial-history__email-btn {
    border-color: rgba(63, 56, 191, 0.26);
    background: rgba(63, 56, 191, 0.08);
    color: #2f2db4;
    font-size: 12px;
    font-weight: 600;
}

.solny-partial-history__rebuild-btn {
    border-color: rgba(63, 56, 191, 0.3);
    background: rgba(63, 56, 191, 0.1);
    color: #2f2db4;
    font-size: 12px;
    font-weight: 600;
}

.solny-partial-history__details {
    display: none;
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed var(--solny-border);
    font-size: 12px;
    color: var(--solny-text);
}

.solny-partial-history__item.is-open .solny-partial-history__details {
    display: block;
}

.solny-partial-history__totals {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.solny-partial-history__totals div {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f7f7fd;
    border: 1px solid #e7e9f2;
    font-size: 11px;
}

.solny-partial-history__totals strong {
    font-size: 12px;
}

.solny-partial-history__items {
    display: grid;
    gap: 8px;
}

.solny-partial-history__item-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    padding: 6px 8px;
    border-radius: 10px;
    background: #fbfcff;
    border: 1px solid #e7e9f2;
}

.solny-partial-history__item-details {
    margin-top: 4px;
    color: var(--solny-muted);
    font-size: 11px;
    line-height: 1.4;
}

.solny-partial-history__item-total {
    font-weight: 600;
    white-space: nowrap;
    align-self: center;
}

.solny-email-items__partial .solny-btn {
    width: 100%;
    justify-content: center;
}

@media (max-width: 900px) {
    .solny-partial-invoice__controls {
        grid-template-columns: 1fr;
    }
    .solny-partial-history__item {
        grid-template-columns: 1fr;
    }
}

.solny-table-wrap {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid var(--solny-border);
    background: #fff;
}

.is-hidden {
    display: none !important;
}

.solny-stage-field {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
}

.solny-card__total {
    font-weight: 700;
}

.solny-avatars {
    display: flex;
    gap: 4px;
}

.solny-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--avatar-bg, rgba(63, 56, 191, 0.1));
    color: var(--avatar-color, var(--solny-blue));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
}

.solny-avatar--image {
    padding: 0;
    overflow: hidden;
    background: #eef1f7;
}

.solny-avatar--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.solny-side {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.solny-panel {
    background: var(--solny-card);
    border-radius: 18px;
    box-shadow: var(--solny-shadow);
    overflow: hidden;
}

.solny-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--solny-border);
}

.solny-panel__header h3 {
    font-size: 14px;
    margin: 0;
}

.solny-panel__body {
    padding: 14px 16px;
    max-height: 320px;
    overflow-y: auto;
}

.solny-notification-center {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
    isolation: isolate;
}

.solny-notification-toggle {
    border: none;
    cursor: pointer;
    background: linear-gradient(130deg, var(--solny-brand-primary, var(--solny-green)), var(--solny-brand-secondary, var(--solny-blue)));
    color: #fff;
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 28px rgba(63, 56, 191, 0.25);
    position: relative;
    font-size: 18px;
    user-select: none;
    -webkit-user-select: none;
    caret-color: transparent;
    -webkit-tap-highlight-color: transparent;
    z-index: 2;
    pointer-events: auto;
}

.solny-notification-toggle::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 22px;
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.35), rgba(255,255,255,0) 55%);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.solny-notification-toggle:hover::after {
    opacity: 1;
}

.solny-notification-toggle:active {
    transform: translateY(1px);
}

.solny-notification-center .fa-solid,
.solny-notification-center .fa-regular {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
}

.solny-notification-center .fa-solid {
    font-weight: 900;
}

.solny-notification-center .fa-regular {
    font-weight: 400;
}

.solny-notification-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ff6b6b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    line-height: 1;
    pointer-events: none;
    user-select: none;
}

.solny-notification-count:empty {
    display: none;
}

.solny-notification-panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + 12px);
    width: 320px;
    max-width: 80vw;
    display: none;
    z-index: 3;
}

.solny-notification-center.is-open .solny-notification-panel {
    display: block;
}

.solny-help-center {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 9998;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
    isolation: isolate;
    font-family: "Montserrat", sans-serif;
}

.solny-help-center.is-hidden {
    display: none;
}

.solny-help-center__toggle {
    border: none;
    cursor: pointer;
    background: linear-gradient(130deg, var(--solny-brand-primary, var(--solny-green)), var(--solny-brand-secondary, var(--solny-blue)));
    color: #fff;
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 28px rgba(63, 56, 191, 0.25);
    position: relative;
    font-size: 18px;
    user-select: none;
    -webkit-user-select: none;
    caret-color: transparent;
    -webkit-tap-highlight-color: transparent;
    z-index: 2;
    pointer-events: auto;
}

.solny-help-center__toggle::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 22px;
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.35), rgba(255,255,255,0) 55%);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.solny-help-center__toggle:hover::after {
    opacity: 1;
}

.solny-help-center__toggle:active {
    transform: translateY(1px);
}

.solny-help-center__count {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ff6b6b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    line-height: 1;
    pointer-events: none;
    user-select: none;
}

.solny-help-center__count:empty {
    display: none;
}

.solny-help-center__panel {
    position: fixed;
    left: 18px;
    top: 92px;
    bottom: 18px;
    width: min(420px, calc(100vw - 36px));
    opacity: 0;
    pointer-events: none;
    transform: translateX(calc(-100% - 28px));
    transition: transform 0.22s ease, opacity 0.22s ease;
    z-index: 9997;
}

.solny-help-center.is-open .solny-help-center__panel {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.solny-help-center__body {
    display: grid;
    gap: 10px;
    max-height: none;
}

.solny-help-center__panel .solny-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid rgba(63, 56, 191, 0.22);
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    box-shadow: 0 18px 38px rgba(29, 52, 120, 0.18);
}

.solny-help-center__panel .solny-panel__header {
    border-bottom: 1px solid rgba(63, 56, 191, 0.18);
    background: linear-gradient(180deg, rgba(26, 102, 255, 0.09), rgba(26, 102, 255, 0.03));
}

.solny-help-center__panel .solny-panel__header h3 {
    color: #22307b;
    font-size: 15px;
    font-weight: 700;
}

.solny-help-center__panel .solny-panel__body {
    flex: 1 1 auto;
    overflow: auto;
    padding-top: 10px;
}

.solny-help-center__section {
    border: 1px solid rgba(63, 56, 191, 0.17);
    border-radius: 8px;
    padding: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    display: grid;
    gap: 8px;
    box-shadow: 0 8px 18px rgba(51, 77, 163, 0.08);
}

.solny-help-center__section.is-timers {
    border-color: color-mix(in srgb, #24b270 30%, #ffffff);
    background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, #24b270 7%, #ffffff) 100%);
}

.solny-help-center__section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.solny-help-center__section-head strong {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #30439d;
}

.solny-help-center__section-head span {
    min-width: 21px;
    height: 21px;
    padding: 0 7px;
    border-radius: 8px;
    background: rgba(255, 95, 116, 0.14);
    color: #d74257;
    font-weight: 700;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.solny-help-center__list {
    display: grid;
    gap: 2px;
}

.solny-help-center__list--flat .solny-help-center__item {
    padding: 5px 0;
    border-bottom: 1px solid rgba(63, 56, 191, 0.12);
}

.solny-help-center__list--flat .solny-help-center__item:last-child {
    border-bottom: none;
}

button.solny-help-center__item,
.solny-help-center__item-open {
    appearance: none;
    border: none;
    background: transparent;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 4px 2px;
    border-radius: 7px;
    text-align: left;
    cursor: pointer;
    transition: background 0.16s ease, transform 0.14s ease;
    font-family: "Montserrat", sans-serif;
}

button.solny-help-center__item:hover,
.solny-help-center__item-open:hover {
    background: rgba(26, 102, 255, 0.1);
    transform: translateX(1px);
}

.solny-help-center__item-head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.solny-help-center__check-inline {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.solny-help-center__check-input-lg {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.solny-help-center__check-ui {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: 2px solid rgba(63, 56, 191, 0.32);
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.solny-help-center__check-ui::after {
    content: "";
    width: 10px;
    height: 6px;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transform: rotate(-45deg) translate(1px, -1px);
    transition: border-color 0.16s ease;
}

.solny-help-center__check-inline:hover .solny-help-center__check-ui {
    border-color: #3f38bf;
    box-shadow: 0 6px 14px rgba(63, 56, 191, 0.16);
}

.solny-help-center__check-input-lg:focus-visible + .solny-help-center__check-ui {
    outline: 2px solid rgba(63, 56, 191, 0.34);
    outline-offset: 2px;
}

.solny-help-center__check-input-lg:checked + .solny-help-center__check-ui {
    border-color: #2ca96e;
    background: rgba(44, 169, 110, 0.14);
}

.solny-help-center__check-input-lg:checked + .solny-help-center__check-ui::after {
    border-left-color: #2ca96e;
    border-bottom-color: #2ca96e;
}

.solny-help-center__item-icon {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    background: rgba(26, 102, 255, 0.14);
    color: #3f38bf;
}

.solny-help-center__item-icon.is-overdue {
    background: rgba(231, 76, 60, 0.14);
    color: #e74c3c;
}

.solny-help-center__item-icon.is-active {
    background: rgba(59, 177, 133, 0.15);
    color: #2ca96e;
}

.solny-help-center__item-icon.is-next,
.solny-help-center__item-icon.is-today {
    background: rgba(63, 56, 191, 0.12);
    color: #3f38bf;
}

.solny-help-center__item-icon.is-status {
    background: rgba(63, 56, 191, 0.12);
    background: color-mix(in srgb, var(--hc-status-color) 16%, #ffffff);
    color: var(--hc-status-color);
}

.solny-help-center__item-icon.is-timer {
    background: color-mix(in srgb, var(--hc-timer-color, #3f38bf) 16%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--hc-timer-color, #3f38bf) 30%, #ffffff);
    color: var(--hc-timer-color, #3f38bf);
}

.solny-help-center__item-icon.is-timer.is-overdue {
    background: color-mix(in srgb, #e74c3c 16%, #ffffff);
    border-color: color-mix(in srgb, #e74c3c 34%, #ffffff);
    color: #e74c3c;
}

.solny-help-center__item--timer {
    border-radius: 8px;
    padding: 6px 5px;
}

.solny-help-center__item--timer:hover {
    background: color-mix(in srgb, var(--hc-timer-color, #3f38bf) 9%, #ffffff);
}

.solny-help-center__item-main {
    display: grid;
    gap: 2px;
    min-width: 0;
    font-family: "Montserrat", sans-serif;
}

.solny-help-center__item-main strong {
    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;
    color: #1b2560;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-help-center__item-main small {
    color: #5b67aa;
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-help-center__item-badges {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 3px;
}

.solny-help-center__item-badge {
    --badge-color: #3f38bf;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    border: 1px solid color-mix(in srgb, var(--badge-color) 28%, #ffffff);
    background: color-mix(in srgb, var(--badge-color) 14%, #ffffff);
    color: color-mix(in srgb, var(--badge-color) 86%, #1e2a5a);
}

.solny-help-center__item-badge i {
    font-size: 10px;
}

.solny-help-center__item-side {
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    color: #3f38bf;
    font-family: "Montserrat", sans-serif;
}

.solny-help-center__item--notice {
    align-items: start;
}

.solny-help-center__item-side-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 104px;
    max-width: 170px;
}

.solny-help-center__item-side-stack small {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #6a75b8;
}

.solny-help-center__item--notice .solny-help-center__item-side {
    white-space: normal;
    text-align: right;
    line-height: 1.2;
}

.solny-help-center__item-side.tone-overdue {
    color: #e74c3c;
}

.solny-help-center__item-side.tone-active {
    color: #2ca96e;
}

.solny-help-center__item-side.tone-next {
    color: #3f38bf;
}

.solny-help-center__item-side.tone-today {
    color: #3f38bf;
}

.solny-help-center__item-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-help-center__item-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.solny-help-center__item-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-left: 38px;
}

.solny-help-center__check-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #1a8f62;
    line-height: 1.2;
    white-space: nowrap;
}

.solny-help-center__check-input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #24b270;
    cursor: pointer;
}

.solny-help-center__check-label {
    line-height: 1.2;
}

.solny-help-center__item-actions .solny-btn {
    min-height: 24px;
    padding: 4px 10px;
    font-size: 11px;
    border-radius: 6px;
    border: 1px solid rgba(63, 56, 191, 0.25);
    background: rgba(63, 56, 191, 0.08);
    color: #2f3f9c;
    box-shadow: none;
}

.solny-help-center__item-actions .solny-btn[data-action="help-center-complete-task"] {
    border-color: rgba(34, 178, 111, 0.32);
    background: rgba(48, 194, 122, 0.14);
    color: #1a8f62;
}

.solny-help-center__item-actions .solny-btn[data-action="help-center-open-task"] {
    border-color: rgba(26, 102, 255, 0.3);
    background: rgba(26, 102, 255, 0.12);
    color: #2357c9;
}

.solny-help-center__item-actions .solny-btn[data-action="help-center-open-order"] {
    border-color: rgba(255, 136, 26, 0.38);
    background: rgba(255, 136, 26, 0.14);
    color: #c86816;
}

.solny-help-center__item-actions .solny-btn:hover,
.solny-help-center__resolve-actions .solny-btn:hover,
.solny-help-center__quick-actions .solny-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(40, 67, 158, 0.15);
}

.solny-help-center__check-row:hover {
    color: #14895b;
}

.solny-help-center__resolve,
.solny-help-center__reason {
    border-top: 1px dashed rgba(63, 56, 191, 0.24);
    padding-top: 7px;
    display: grid;
    gap: 7px;
    margin-left: 38px;
}

.solny-help-center__resolve > span {
    font-size: 12px;
    font-weight: 600;
    color: #2c3b8f;
}

.solny-help-center__resolve-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-help-center__reason textarea {
    width: 100%;
    min-height: 58px;
    resize: vertical;
    border: 1px solid rgba(63, 56, 191, 0.24);
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 12px;
    font-family: inherit;
    background: #fbfdff;
    color: #23307b;
}

.solny-help-center__quick-actions {
    display: grid;
    gap: 8px;
}

.solny-help-center__quick-actions .solny-btn {
    min-height: 32px;
    justify-content: flex-start;
    width: 100%;
    border-radius: 6px;
    border: 1px solid rgba(26, 102, 255, 0.25);
    background: rgba(26, 102, 255, 0.1);
    color: #2258ca;
    box-shadow: none;
}

.solny-help-center__quick-actions .solny-btn[data-action="help-center-create-task"] {
    border-color: rgba(34, 178, 111, 0.32);
    background: rgba(48, 194, 122, 0.15);
    color: #188958;
}

.solny-help-center__quick-actions .solny-btn[data-view="kanban"] {
    border-color: rgba(255, 136, 26, 0.35);
    background: rgba(255, 136, 26, 0.14);
    color: #c86714;
}

.solny-modal__dialog--help-center-complete {
    width: min(560px, 94vw);
}

.solny-help-center-complete__task {
    font-size: 13px;
    font-weight: 700;
    color: #1f2c72;
    margin-bottom: 6px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    background: rgba(63, 56, 191, 0.06);
}

.solny-help-center-complete__context {
    display: grid;
    gap: 8px;
    margin-bottom: 10px;
}

.solny-help-center-complete__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-help-center-complete__chip {
    --chip-color: #3f38bf;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: 7px;
    border: 1px solid color-mix(in srgb, var(--chip-color) 24%, #ffffff);
    background: color-mix(in srgb, var(--chip-color) 12%, #ffffff);
    color: color-mix(in srgb, var(--chip-color) 82%, #1c2b67);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.solny-help-center-complete__chip.is-date {
    --chip-color: #1a66ff;
}

.solny-help-center-complete__chip.is-timeline {
    --chip-color: #3bb185;
}

.solny-help-center-complete__chip.is-timeline.is-overdue {
    --chip-color: #d75b5b;
}

.solny-help-center-complete__chip.is-order {
    --chip-color: #807bc8;
}

.solny-help-center-complete__chip.is-customer {
    --chip-color: #f39c12;
}

.solny-help-center-complete__assignees {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    background: rgba(63, 56, 191, 0.04);
}

.solny-help-center-complete__assignees-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #32439e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-help-center-complete__assignees-value {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.solny-help-center-complete__avatars {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.solny-help-center-complete__avatar-empty {
    font-size: 11px;
    font-weight: 700;
    color: #7b86bd;
}

.solny-help-center-complete__assignees-text {
    font-size: 12px;
    font-weight: 600;
    color: #1f2f75;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}

.solny-help-center-complete__question {
    font-size: 13px;
    font-weight: 600;
    color: #263372;
    margin-bottom: 10px;
}

.solny-help-center-complete__main-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-modal__dialog--help-center-complete .solny-btn {
    border-radius: 10px;
    padding: 9px 14px;
    font-weight: 700;
    border: 1px solid transparent;
    box-shadow: none;
}

.solny-modal__dialog--help-center-complete .solny-btn--ghost {
    background: rgba(63, 56, 191, 0.1);
    color: #2f2db4;
    border-color: rgba(63, 56, 191, 0.28);
}

.solny-modal__dialog--help-center-complete .solny-btn--ghost:hover {
    background: rgba(63, 56, 191, 0.18);
    border-color: rgba(63, 56, 191, 0.4);
    color: #25239a;
    box-shadow: 0 8px 16px rgba(63, 56, 191, 0.18);
}

.solny-modal__dialog--help-center-complete [data-action="help-center-complete-modal-yes"] {
    background: linear-gradient(135deg, #25b070 0%, #1a915c 100%);
    color: #ffffff;
    border-color: rgba(26, 145, 92, 0.76);
    box-shadow: 0 10px 18px rgba(26, 145, 92, 0.26);
}

.solny-modal__dialog--help-center-complete [data-action="help-center-complete-modal-yes"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 20px rgba(26, 145, 92, 0.32);
}

.solny-modal__dialog--help-center-complete [data-action="help-center-complete-modal-no"] {
    background: rgba(215, 91, 91, 0.1);
    color: #b54848;
    border-color: rgba(215, 91, 91, 0.32);
}

.solny-modal__dialog--help-center-complete [data-action="help-center-complete-modal-no"]:hover {
    background: rgba(215, 91, 91, 0.2);
    border-color: rgba(215, 91, 91, 0.48);
    color: #9f3333;
    box-shadow: 0 10px 18px rgba(215, 91, 91, 0.2);
}

.solny-help-center-complete__note-wrap {
    margin-top: 10px;
    display: grid;
    gap: 8px;
}

.solny-help-center-complete__no-block {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed rgba(63, 56, 191, 0.24);
    display: grid;
    gap: 8px;
}

#solny-modal-help-center-task-complete .solny-help-center-complete__no-block[hidden],
#solny-modal-help-center-task-complete .solny-help-center-complete__reason-wrap[hidden] {
    display: none !important;
}

.solny-help-center-complete__mode {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.solny-help-center-complete__mode-btn {
    border: 1px solid rgba(63, 56, 191, 0.28);
    background: rgba(63, 56, 191, 0.08);
    color: #2f2db4;
    border-radius: 10px;
    min-height: 40px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 700;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.solny-help-center-complete__mode-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(63, 56, 191, 0.18);
}

.solny-help-center-complete__mode-btn[data-mode="delete"] {
    border-color: rgba(215, 91, 91, 0.34);
    background: rgba(215, 91, 91, 0.1);
    color: #b54848;
}

.solny-help-center-complete__mode-btn[data-mode="delete"]:hover {
    box-shadow: 0 10px 18px rgba(215, 91, 91, 0.2);
    border-color: rgba(215, 91, 91, 0.44);
    background: rgba(215, 91, 91, 0.18);
}

.solny-help-center-complete__mode-btn[data-mode="delete"].is-active {
    background: linear-gradient(135deg, #d75b5b 0%, #ba4747 100%);
    border-color: rgba(186, 71, 71, 0.86);
    box-shadow: 0 12px 20px rgba(186, 71, 71, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.solny-help-center-complete__mode-btn.is-active {
    background: linear-gradient(135deg, #3f38bf 0%, #2f2db4 100%);
    color: #ffffff;
    border-color: rgba(47, 45, 180, 0.78);
    box-shadow: 0 12px 20px rgba(47, 45, 180, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

@media (max-width: 560px) {
    .solny-help-center-complete__mode {
        grid-template-columns: 1fr;
    }

    .solny-help-center-complete__assignees {
        flex-direction: column;
        align-items: flex-start;
    }

    .solny-help-center-complete__assignees-text {
        max-width: 100%;
    }
}

.solny-help-center-complete__note-toggle {
    margin-top: 2px;
}

.solny-help-center-complete__reason-wrap {
    display: grid;
    gap: 6px;
}

.solny-help-center-complete__reason-wrap label {
    font-size: 12px;
    font-weight: 700;
    color: #30439d;
}

.solny-help-center-complete__reason-wrap textarea {
    width: 100%;
    min-height: 96px;
    resize: vertical;
    border: 1px solid rgba(63, 56, 191, 0.22);
    border-radius: 7px;
    padding: 11px 12px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.01em;
    font-family: "Montserrat", sans-serif;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
    color: #1f2d6d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.solny-help-center-complete__reason-wrap textarea::placeholder {
    color: #6f7db7;
    font-weight: 500;
}

.solny-help-center-complete__reason-wrap textarea:focus {
    outline: none;
    border-color: rgba(26, 102, 255, 0.52);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(26, 102, 255, 0.12);
}

.solny-help-center-complete__no-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.solny-modal__dialog--help-center-complete [data-action="help-center-complete-modal-apply-no"].solny-btn--danger {
    background: rgba(215, 91, 91, 0.14);
    color: #b54848;
    border-color: rgba(215, 91, 91, 0.34);
    box-shadow: none;
}

.solny-modal__dialog--help-center-complete [data-action="help-center-complete-modal-apply-no"].solny-btn--danger:hover {
    background: rgba(215, 91, 91, 0.24);
    color: #9f3333;
    border-color: rgba(215, 91, 91, 0.46);
    box-shadow: 0 10px 18px rgba(215, 91, 91, 0.2);
}

.solny-help-center__panel .solny-btn.solny-btn--ghost {
    background: rgba(26, 102, 255, 0.1);
    color: #2249a8;
}

.solny-help-center__section-head strong,
.solny-help-center__section-head span,
.solny-help-center__item-actions .solny-btn,
.solny-help-center__quick-actions .solny-btn,
.solny-help-center__resolve > span,
.solny-help-center__reason textarea {
    font-family: "Montserrat", sans-serif;
}

.solny-kanban--auth {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    background: radial-gradient(circle at top, #f5f7ff 0%, #f1f3f9 45%, #eef1f7 100%);
    position: relative;
    overflow: hidden;
}

.solny-auth-screen {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solny-auth-screen__shape {
    position: absolute;
    border-radius: 38px;
    opacity: 0.2;
    filter: blur(0);
    pointer-events: none;
}

.solny-auth-screen__shape--one {
    width: 260px;
    height: 180px;
    left: 4%;
    top: 10%;
    background: linear-gradient(135deg, rgba(59, 177, 133, 0.4), rgba(63, 56, 191, 0.35));
    transform: rotate(-8deg);
}

.solny-auth-screen__shape--two {
    width: 220px;
    height: 220px;
    right: 8%;
    bottom: 12%;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.28), rgba(128, 123, 200, 0.35));
    border-radius: 50%;
}

.solny-auth-screen__shape--three {
    width: 140px;
    height: 140px;
    right: 24%;
    top: 18%;
    background: linear-gradient(135deg, rgba(59, 177, 133, 0.35), rgba(255, 255, 255, 0.4));
    transform: rotate(12deg);
}

.solny-auth-screen__shape--four {
    width: 120px;
    height: 120px;
    left: 20%;
    bottom: 16%;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.2), rgba(59, 177, 133, 0.28));
    border-radius: 50%;
}

.solny-auth-screen__shape--five {
    width: 90px;
    height: 160px;
    right: 34%;
    bottom: 8%;
    background: linear-gradient(140deg, rgba(128, 123, 200, 0.25), rgba(255, 255, 255, 0.2));
    transform: rotate(-14deg);
    border-radius: 30px;
}

.solny-auth {
    width: 100%;
    max-width: 520px;
    position: relative;
    z-index: 2;
}

.solny-auth__card {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 18px 60px rgba(24, 30, 54, 0.12);
    padding: 28px 28px 22px;
    border: 1px solid rgba(63, 56, 191, 0.12);
}

.solny-auth__brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.solny-auth__logo {
    height: 40px !important;
    width: auto;
}

.solny-auth__brand .solny-auth__logo {
    height: 40px !important;
    max-height: 40px !important;
}

.solny-auth__title {
    font-weight: 700;
    font-size: 18px;
}

.solny-auth__subtitle {
    font-size: 13px;
    color: var(--solny-muted);
}

.solny-auth__tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
    justify-content: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.solny-auth__tab {
    border: 1px solid rgba(63, 56, 191, 0.2);
    background: #f7f7fd;
    padding: 8px 14px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.solny-auth__tab.is-active {
    background: linear-gradient(120deg, rgba(59, 177, 133, 0.16), rgba(63, 56, 191, 0.16));
    border-color: rgba(63, 56, 191, 0.4);
    color: #3f38bf;
}

.solny-auth__form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    transition: opacity 0.2s ease;
}

.solny-auth__form.is-hidden {
    display: none;
}

.solny-auth__form::before,
.solny-auth__form::after {
    content: '';
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.solny-auth__form::before {
    inset: -6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
    z-index: 4;
}

.solny-auth__form::after {
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    border-radius: 999px;
    border: 3px solid rgba(63, 56, 191, 0.24);
    border-top-color: #3f38bf;
    transform: translate(-50%, -50%) scale(0.92);
    animation: solny-spin 0.8s linear infinite;
    z-index: 5;
}

.solny-auth__submit {
    margin-top: 6px;
    border-radius: 8px;
    font-weight: 700;
    letter-spacing: 0.01em;
    background: linear-gradient(120deg, var(--solny-brand-primary, var(--solny-green)), var(--solny-brand-secondary, var(--solny-blue))) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 10px 24px rgba(63, 56, 191, 0.2);
}

.solny-auth__google {
    margin-top: 6px;
    justify-content: center;
    border-radius: 8px;
    border-color: rgba(63, 56, 191, 0.2);
    background: #fff;
    font-weight: 600;
    color: #3f38bf;
    border-width: 1px;
    box-shadow: 0 10px 20px rgba(63, 56, 191, 0.12);
}

.solny-auth__links {
    margin-top: 8px;
    font-size: 12px;
    color: var(--solny-muted);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.solny-auth__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--solny-primary);
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    font-size: 12px;
}

.solny-auth__password {
    position: relative;
    display: flex;
    align-items: center;
}

.solny-auth__password input {
    padding-right: 44px;
}

.solny-auth__toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: var(--solny-muted);
    cursor: pointer;
    padding: 4px;
    z-index: 2;
    pointer-events: auto;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.solny-auth__form .solny-form__group {
    width: 70% !important;
    margin: 0 auto !important;
}

.solny-auth__form .solny-checkbox--inline {
    width: 70% !important;
    margin: 0 auto !important;
}

.solny-auth__form .solny-form__group input,
.solny-auth__form .solny-form__group select,
.solny-auth__form .solny-form__group textarea {
    width: 100% !important;
}

.solny-auth__submit,
.solny-auth__google,
.solny-auth__back {
    width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.solny-auth__links {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.solny-auth__greeting {
    font-size: 16px;
    font-weight: 700;
    margin: 6px 0 4px;
    color: #1b1e2b;
}

.solny-auth__callout {
    font-size: 13px;
    color: var(--solny-muted);
    margin-bottom: 14px;
}

.solny-auth__form .solny-form__group.is-error input {
    border-color: #e74c3c;
    box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.15);
}

.solny-auth__back {
    border-radius: 8px;
    margin-top: 6px;
}

.solny-auth__message {
    margin-top: 14px;
    font-size: 13px;
    color: var(--solny-muted);
}

.solny-auth__message.is-error {
    color: #e74c3c;
    font-weight: 600;
}

.solny-auth__message.is-success {
    color: #2ecc71;
    font-weight: 600;
}

.solny-auth__message.is-warning {
    color: #f39c12;
    font-weight: 600;
}

.solny-auth__message.is-warning {
    background: linear-gradient(120deg, rgba(243, 156, 18, 0.18), rgba(255, 255, 255, 0.95));
    border: 1px solid rgba(243, 156, 18, 0.35);
    padding: 10px 12px;
    border-radius: 10px;
    width: 70%;
    margin: 10px auto 0;
    text-align: center;
}

.solny-auth__message-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.solny-auth__message-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(243, 156, 18, 0.2);
    color: #c77700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.solny-auth__message.is-warning strong {
    display: block;
    color: #c77700;
    font-size: 13px;
}

.solny-auth__message.is-warning span {
    display: flex;
    font-size: 12px;
    color: #7a5c1f;
}

.solny-auth__message.is-error .solny-auth__message-icon {
    background: rgba(231, 76, 60, 0.15);
    color: #e74c3c;
}

.solny-auth__message.is-success .solny-auth__message-icon {
    background: rgba(46, 204, 113, 0.15);
    color: #2ecc71;
}

.solny-auth__form.is-loading {
    opacity: 1;
    pointer-events: none;
}

.solny-auth__form.is-loading::before,
.solny-auth__form.is-loading::after {
    opacity: 1;
}

.solny-auth__form.is-loading::after {
    transform: translate(-50%, -50%) scale(1);
}

.solny-notice {
    background: #f6f7fb;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid transparent;
}

.solny-notice.is-danger {
    background: #fff4f4;
    border-color: rgba(227, 79, 79, 0.45);
}

.solny-notice.is-danger .solny-notice__title {
    color: #b33a3a;
}

.solny-notice.is-danger .solny-notice__message,
.solny-notice.is-danger .solny-notice__meta {
    color: #b33a3a;
}

.solny-notice.is-read {
    opacity: 0.6;
}

.solny-notice__title {
    font-weight: 600;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.solny-notice__remove {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    background: #fff;
    color: var(--solny-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.solny-notice__remove:hover {
    color: var(--solny-blue);
    border-color: rgba(63, 56, 191, 0.35);
}

.solny-panel__actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-notice__message {
    font-size: 12px;
    color: var(--solny-muted);
    margin-top: 4px;
}

.solny-notice__meta {
    font-size: 11px;
    color: var(--solny-muted);
    margin-top: 6px;
}

.solny-task {
    background: #f6f7fb;
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 8px;
}

.solny-task__title {
    font-weight: 600;
    font-size: 12px;
}

.solny-task__order {
    font-size: 11px;
    color: var(--solny-blue);
    margin-left: 6px;
}

.solny-task__meta {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-calendar {
    margin-bottom: 12px;
}

.solny-calendar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

.solny-calendar__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    text-align: center;
}

.solny-calendar__label {
    font-size: 10px;
    color: var(--solny-muted);
}

.solny-calendar__cell {
    background: #f6f7fb;
    border-radius: 10px;
    padding: 6px 0;
    font-size: 11px;
    cursor: pointer;
    position: relative;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.solny-calendar__cell.is-muted {
    background: transparent;
    cursor: default;
}

.solny-calendar__cell:hover {
    background: rgba(63, 56, 191, 0.08);
}

.solny-calendar__cell.is-today {
    background: rgba(59, 177, 133, 0.2);
    color: var(--solny-green);
    font-weight: 600;
}

.solny-calendar__cell.is-active {
    background: var(--solny-blue);
    color: #fff;
    font-weight: 600;
}

.solny-calendar__dot {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: var(--solny-lilac);
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solny-expense {
    background: #f6f7fb;
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 8px;
}

.solny-expense__title {
    font-weight: 600;
    font-size: 12px;
}

.solny-expense__meta {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-expense__link a {
    font-size: 11px;
    color: var(--solny-blue);
}

.solny-empty {
    font-size: 12px;
    color: var(--solny-muted);
    text-align: center;
    padding: 12px 0;
}

.solny-modal {
    position: fixed;
    inset: 0;
    background: rgba(220, 226, 238, 0.45);
    backdrop-filter: blur(16px) saturate(1.15);
    -webkit-backdrop-filter: blur(16px) saturate(1.15);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 200;
    font-family: 'Montserrat', sans-serif;
}

#solny-modal-order.is-loading .solny-modal__body {
    opacity: 0.7;
    pointer-events: none;
}

.solny-modal.is-open {
    display: flex;
}

#solny-modal-partial-invoice {
    z-index: 260;
}

#solny-modal-archive-full-invoice {
    z-index: 265;
}

#solny-modal-email {
    z-index: 320;
}

#solny-modal-pdf-templates {
    z-index: 340;
}

#solny-modal-pdf-templates .solny-modal__dialog {
    width: min(1120px, calc(100vw - 40px));
    max-width: 100%;
}

#solny-modal-pdf-templates .solny-modal__body {
    min-width: 0;
    overflow: auto;
}

.solny-modal__dialog {
    background: var(--solny-card);
    border-radius: 20px;
    padding: 15px;
    width: min(760px, 100%);
    max-height: 90vh;
    overflow: hidden;
    box-shadow: var(--solny-shadow);
    display: flex;
    flex-direction: column;
}

.solny-modal__dialog--wide {
    width: min(980px, 100%);
}

#solny-modal-order .solny-modal__dialog {
    width: min(800px, 100%);
}

#solny-modal-order .solny-modal__body {
    flex: 1 1 auto;
    min-height: 0;
    padding-bottom: 20px;
}

#solny-modal-order .solny-order-footer {
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 255, 0.98));
    box-shadow: 0 -14px 34px rgba(32, 40, 79, 0.11);
    backdrop-filter: blur(10px);
}

#solny-modal-order .solny-order-footer .solny-btn {
    min-height: 42px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#solny-modal-order .solny-order-footer__email {
    border-color: rgba(22, 114, 184, 0.2);
    background: linear-gradient(135deg, rgba(22, 114, 184, 0.09), rgba(22, 114, 184, 0.16));
    color: #1d5f98;
    font-weight: 800;
}

#solny-modal-order .solny-order-footer__save {
    min-width: 168px;
    border: 1px solid #26209d;
    background: linear-gradient(135deg, #3f38bf 0%, #24b270 100%);
    color: #ffffff;
    font-weight: 900;
    box-shadow: 0 12px 24px rgba(63, 56, 191, 0.24);
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, opacity 0.18s ease;
}

#solny-modal-order .solny-order-footer__save:hover:not(:disabled),
#solny-modal-order .solny-order-footer__save:focus-visible:not(:disabled) {
    background: linear-gradient(135deg, #2f2a8f 0%, #1f9a60 100%);
    color: #ffffff;
    outline: none;
}

#solny-modal-order .solny-order-footer__save.is-loading {
    pointer-events: none;
    opacity: 0.92;
    background: linear-gradient(135deg, #332daf 0%, #1f9a60 100%);
    box-shadow: 0 14px 28px rgba(63, 56, 191, 0.26);
}

#solny-modal-order .solny-order-footer__save.is-saved {
    border-color: #1b8e5c;
    background: linear-gradient(135deg, #22a96f 0%, #3bb185 100%);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(34, 169, 111, 0.24);
}

#solny-modal-order .solny-order-footer__save.is-error {
    border-color: #b91c1c;
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(185, 28, 28, 0.22);
}

@media (max-width: 700px) {
    #solny-modal-order .solny-order-footer {
        padding: 10px;
        align-items: stretch;
        flex-direction: column;
    }

    #solny-modal-order .solny-order-footer .solny-btn,
    #solny-modal-order .solny-order-footer .solny-modal__footer-danger {
        width: 100%;
        margin-right: 0;
    }
}

#solny-modal-archive-full-invoice .solny-modal__dialog {
    width: min(800px, 100%);
}

.solny-archive-full-invoice {
    display: grid;
    gap: 16px;
}

#solny-modal-archive-full-invoice .solny-modal__header h3 {
    letter-spacing: 0.01em;
}

#solny-modal-archive-full-invoice .solny-modal__body {
    padding-top: 18px;
}

.solny-archive-full-invoice__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #3f38bf 20%);
    background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
}

.solny-archive-full-invoice__meta strong {
    font-size: 14px;
    color: #1f2850;
    font-weight: 700;
}

.solny-archive-full-invoice__meta span {
    font-size: 12px;
    color: #5f6a8c;
    font-weight: 600;
}

#solny-modal-archive-full-invoice .solny-form__grid.solny-archive-full-invoice__grid {
    padding-top: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__group--template,
#solny-modal-archive-full-invoice .solny-archive-full-invoice__group--prefix,
#solny-modal-archive-full-invoice .solny-archive-full-invoice__group--term,
#solny-modal-archive-full-invoice .solny-archive-full-invoice__group--preview {
    grid-column: span 1;
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__group--actions {
    grid-column: 1 / -1;
}

#solny-modal-archive-full-invoice .solny-select--order {
    width: 100%;
}

#solny-modal-archive-full-invoice .solny-select--order .solny-select__trigger {
    width: 100%;
    justify-content: space-between;
    border-radius: 8px;
    background: #fff;
    padding: 8px 12px;
    height: 40px;
}

#solny-modal-archive-full-invoice .solny-select--order .solny-select__menu {
    left: 0;
    right: 0;
    min-width: 0;
}

#solny-modal-archive-full-invoice #solny-archive-full-preview {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 10px;
    font-weight: 600;
    color: #2a3562;
    border: 1px solid color-mix(in srgb, var(--solny-border), #2f2db4 20%);
    background: linear-gradient(180deg, #ffffff 0%, #f5f7ff 100%);
}

#solny-modal-archive-full-invoice .solny-order-pdf-actions__row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__action-btn {
    border-radius: 9px;
    border: 1px solid transparent;
    min-height: 40px;
    padding: 0 12px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.01em;
    box-shadow: none;
    white-space: nowrap;
    justify-content: center;
    transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__action-btn i {
    margin-right: 6px;
    font-size: 12px;
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__action-btn.is-download {
    background: rgba(63, 56, 191, 0.14);
    color: #2f2db4;
    border-color: rgba(63, 56, 191, 0.36);
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__action-btn.is-download:hover {
    background: rgba(63, 56, 191, 0.22);
    border-color: rgba(63, 56, 191, 0.48);
    transform: translateY(-1px);
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__action-btn.is-print {
    background: rgba(28, 129, 196, 0.14);
    color: #1c5d93;
    border-color: rgba(28, 129, 196, 0.36);
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__action-btn.is-print:hover {
    background: rgba(28, 129, 196, 0.22);
    border-color: rgba(28, 129, 196, 0.48);
    transform: translateY(-1px);
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__action-btn.is-email {
    background: rgba(27, 151, 111, 0.14);
    color: #186f53;
    border-color: rgba(27, 151, 111, 0.36);
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__action-btn.is-email:hover {
    background: rgba(27, 151, 111, 0.22);
    border-color: rgba(27, 151, 111, 0.48);
    transform: translateY(-1px);
}

#solny-modal-archive-full-invoice .solny-order-pdf-actions__accounting {
    margin: 0;
    padding: 0;
    border: 0;
    color: #1f2850;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

#solny-modal-archive-full-invoice .solny-order-pdf-actions__accounting span {
    color: inherit;
}

#solny-modal-archive-full-invoice .solny-order-pdf-actions__accounting input {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border-width: 1.5px;
    border-color: rgba(63, 56, 191, 0.36);
}

#solny-modal-archive-full-invoice .solny-order-pdf-actions__accounting input:checked::after {
    width: 7px;
    height: 11px;
    top: 1px;
    border-width: 2px;
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__accounting-cta {
    margin-top: 10px;
    min-height: 48px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(63, 56, 191, 0.24);
    background: linear-gradient(180deg, rgba(244, 246, 255, 0.95) 0%, rgba(238, 242, 255, 0.86) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__accounting-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(36, 101, 203, 0.3);
    background: rgba(36, 101, 203, 0.12);
    color: #1f56b0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

#solny-modal-archive-full-invoice .solny-archive-full-invoice__accounting-note i {
    font-size: 11px;
}

#solny-modal-gutschrift .solny-modal__dialog {
    width: min(980px, 100%);
}

.solny-gutschrift {
    display: grid;
    gap: 16px;
}

.solny-gutschrift__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid rgba(244, 131, 35, 0.26);
    background: linear-gradient(180deg, rgba(255, 249, 242, 0.98) 0%, rgba(255, 244, 229, 0.8) 100%);
}

.solny-gutschrift__meta-main {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px 16px;
    flex: 1 1 520px;
}

.solny-gutschrift__meta-main strong {
    font-size: 14px;
    color: #321a08;
    font-weight: 800;
    min-width: 0;
}

.solny-gutschrift__meta-main > span {
    font-size: 12px;
    color: #8a4b16;
    font-weight: 700;
    white-space: nowrap;
}

.solny-gutschrift__open-order {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid rgba(28, 129, 196, 0.28);
    background: rgba(28, 129, 196, 0.1);
    color: #1c5d93;
    font-weight: 800;
    white-space: nowrap;
}

.solny-gutschrift__open-order:hover {
    border-color: rgba(28, 129, 196, 0.42);
    background: rgba(28, 129, 196, 0.16);
}

#solny-modal-gutschrift .solny-form__grid.solny-gutschrift__grid {
    padding-top: 0;
    grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 3fr) minmax(0, 3fr);
    gap: 12px;
}

#solny-modal-gutschrift .solny-gutschrift__group--source[hidden] {
    display: none !important;
}

#solny-modal-gutschrift .solny-gutschrift__group {
    min-width: 0;
}

#solny-modal-gutschrift .solny-select--order,
#solny-modal-gutschrift .solny-gutschrift__group select {
    width: 100%;
}

#solny-modal-gutschrift .solny-select--order .solny-select__trigger,
#solny-modal-gutschrift .solny-gutschrift__group select,
#solny-modal-gutschrift #solny-gutschrift-preview {
    min-height: 42px;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #f27b26 22%);
    background: #ffffff;
}

#solny-modal-gutschrift .solny-select--readonly .solny-select__trigger {
    pointer-events: none;
    color: #7a4a1d;
    background: linear-gradient(180deg, #fff9f2 0%, #fff4e6 100%);
}

#solny-modal-gutschrift #solny-gutschrift-preview {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    font-weight: 700;
    color: #321a08;
    background: linear-gradient(180deg, #ffffff 0%, #fff8ef 100%);
}

.solny-gutschrift-tax {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 9px;
    border: 1px solid rgba(244, 131, 35, 0.24);
    background: linear-gradient(180deg, #ffffff 0%, #fff8ef 100%);
}

.solny-gutschrift-tax .solny-switch__label {
    color: #4a2306;
    font-weight: 800;
    white-space: nowrap;
}

.solny-gutschrift-tax__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 8px;
    border: 1px solid rgba(28, 129, 196, 0.24);
    background: rgba(28, 129, 196, 0.1);
    color: #1c5d93;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.solny-gutschrift-tax__status.is-active {
    border-color: rgba(244, 131, 35, 0.32);
    background: rgba(244, 131, 35, 0.12);
    color: #8a3d06;
}

.solny-gutschrift__summary {
    margin: 0;
    padding: 10px 12px;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid rgba(244, 131, 35, 0.22);
    background: linear-gradient(180deg, rgba(255, 252, 248, 0.96) 0%, rgba(255, 247, 235, 0.86) 100%);
}

.solny-gutschrift__summary .solny-order-summary__row {
    min-height: 24px;
    padding: 2px 0;
    color: #321a08;
    font-size: 13px;
    font-weight: 650;
}

.solny-gutschrift__summary .solny-order-summary__row strong {
    color: #321a08;
    font-weight: 800;
}

.solny-gutschrift__summary .solny-order-summary__row--total {
    margin-top: 2px;
    padding-top: 8px;
    border-top: 1px solid rgba(244, 131, 35, 0.22);
    color: #4a2306;
    font-size: 15px;
    font-weight: 900;
}

.solny-gutschrift__summary .solny-order-summary__row--total strong {
    color: #4a2306;
}

.solny-gutschrift__items-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid rgba(244, 131, 35, 0.22);
    background: rgba(255, 248, 239, 0.72);
}

.solny-gutschrift__items-head strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #4a2306;
}

.solny-gutschrift__items-head span {
    display: block;
    margin-top: 3px;
    color: #775335;
    font-size: 12px;
    font-weight: 600;
}

.solny-gutschrift__add-item {
    border-radius: 9px;
    border: 1px solid rgba(28, 151, 111, 0.35);
    background: linear-gradient(135deg, #2ebe7a 0%, #159a77 100%);
    color: #ffffff;
    min-height: 40px;
    padding: 0 16px;
    font-weight: 800;
}

.solny-gutschrift__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.solny-gutschrift__action-btn {
    min-height: 44px;
    border-radius: 9px;
    justify-content: center;
    font-weight: 800;
    border: 1px solid transparent;
}

.solny-gutschrift__action-btn.is-download {
    background: linear-gradient(135deg, #ff9a23 0%, #e66512 100%);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(230, 101, 18, 0.22);
}

.solny-gutschrift__action-btn.is-print {
    color: #1c5d93;
    border-color: rgba(28, 129, 196, 0.36);
    background: rgba(28, 129, 196, 0.13);
}

.solny-gutschrift__action-btn:disabled {
    opacity: 0.7;
    cursor: wait;
}

@media (max-width: 760px) {
    #solny-modal-gutschrift .solny-form__grid.solny-gutschrift__grid {
        grid-template-columns: 1fr;
    }

    .solny-gutschrift__meta-main {
        grid-template-columns: 1fr;
        gap: 4px;
        flex-basis: 100%;
    }

    .solny-gutschrift__meta-main > span {
        white-space: normal;
    }

    .solny-gutschrift__open-order {
        width: 100%;
        justify-content: center;
    }

    .solny-gutschrift__actions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    #solny-modal-archive-full-invoice .solny-form__grid.solny-archive-full-invoice__grid {
        grid-template-columns: 1fr;
    }

    #solny-modal-archive-full-invoice .solny-archive-full-invoice__group--template,
    #solny-modal-archive-full-invoice .solny-archive-full-invoice__group--prefix,
    #solny-modal-archive-full-invoice .solny-archive-full-invoice__group--term,
    #solny-modal-archive-full-invoice .solny-archive-full-invoice__group--preview,
    #solny-modal-archive-full-invoice .solny-archive-full-invoice__group--actions {
        grid-column: 1 / -1;
    }

    #solny-modal-archive-full-invoice .solny-order-pdf-actions__row {
        grid-template-columns: 1fr;
    }

    #solny-modal-archive-full-invoice .solny-archive-full-invoice__accounting-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

.solny-modal__header {
    padding: 16px 20px;
    border-bottom: 1px solid var(--solny-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.solny-modal__header-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

.solny-settings-wizard-btn {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid rgba(59, 177, 133, 0.34);
    background: linear-gradient(120deg, #3bb185, #3f38bf);
    color: #fff;
    box-shadow: 0 12px 24px rgba(63, 56, 191, 0.16);
}

.solny-settings-wizard-btn:hover,
.solny-settings-wizard-btn:focus {
    color: #fff;
    border-color: rgba(63, 56, 191, 0.38);
    transform: translateY(-1px);
}

@media (max-width: 640px) {
    .solny-modal__header-actions {
        gap: 6px;
    }

    .solny-settings-wizard-btn {
        width: 38px;
        min-width: 38px;
        padding: 8px;
    }

    .solny-settings-wizard-btn span {
        display: none;
    }
}

#solny-modal-order .solny-modal__header {
    align-items: flex-start;
    gap: 16px;
}

#solny-modal-order .solny-modal__title-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
}

#solny-modal-order .solny-modal__title-group h3 {
    margin: 0;
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 20px;
    line-height: 1.2;
}

#solny-modal-order .solny-order-header-status {
    min-width: 0;
    flex: 1 1 auto;
}

.solny-order-header-status .solny-card__header {
    font-size: 11px;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

#solny-modal-order .solny-order-header-status .solny-card__header-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

#solny-modal-order .solny-order-header-status .solny-card__number {
    flex: 0 0 auto;
}

#solny-modal-order .solny-order-header-chip {
    min-width: 0;
    max-width: 210px;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 9px 4px 5px;
    border-radius: 9px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    background: linear-gradient(135deg, #ffffff 0%, rgba(244, 247, 255, 0.94) 100%);
    color: #20284f;
    box-shadow: 0 5px 14px rgba(32, 40, 79, 0.07);
}

#solny-modal-order .solny-order-header-chip--customer {
    border-color: rgba(36, 178, 112, 0.24);
    background: linear-gradient(135deg, #ffffff 0%, rgba(236, 251, 244, 0.94) 100%);
}

#solny-modal-order .solny-order-header-chip--manager {
    max-width: 176px;
    position: relative;
    overflow: visible;
    border-color: rgba(63, 56, 191, 0.2);
    background: linear-gradient(135deg, #ffffff 0%, rgba(242, 241, 255, 0.94) 100%);
}

#solny-modal-order .solny-order-header-chip--manager.is-empty {
    opacity: 0.72;
}

#solny-modal-order .solny-order-header-chip .solny-avatar {
    flex: 0 0 auto;
}

#solny-modal-order .solny-order-header-chip__text {
    min-width: 0;
    display: grid;
    gap: 1px;
    line-height: 1.05;
}

#solny-modal-order .solny-order-header-chip__text strong,
#solny-modal-order .solny-order-header-chip__text small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#solny-modal-order .solny-order-header-chip__text strong {
    font-size: 11px;
    font-weight: 800;
    color: #20284f;
}

#solny-modal-order .solny-order-header-chip__text small {
    font-size: 10px;
    font-weight: 700;
    color: #647091;
}

#solny-modal-order .solny-order-header-chip__more {
    flex: 0 0 auto;
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: rgba(63, 56, 191, 0.12);
    color: #3f38bf;
    font-size: 10px;
    font-weight: 900;
    border: 0;
    cursor: pointer;
    padding: 0 6px;
}

#solny-modal-order .solny-order-header-chip__more:hover,
#solny-modal-order .solny-order-header-chip__more[aria-expanded="true"] {
    background: #3f38bf;
    color: #ffffff;
}

#solny-modal-order .solny-order-header-managers-popover {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 45;
    min-width: 230px;
    max-width: 300px;
    display: none;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    border: 1px solid rgba(63, 56, 191, 0.24);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 18px 38px rgba(32, 40, 79, 0.18);
}

#solny-modal-order .solny-order-header-chip--manager.is-open .solny-order-header-managers-popover {
    display: flex;
}

#solny-modal-order .solny-order-header-managers-popover__row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 6px 7px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(242, 241, 255, 0.86), rgba(255, 255, 255, 0.96));
}

#solny-modal-order .solny-order-header-managers-popover__row > span:last-child {
    min-width: 0;
    display: grid;
    gap: 2px;
}

#solny-modal-order .solny-order-header-managers-popover__row strong,
#solny-modal-order .solny-order-header-managers-popover__row small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#solny-modal-order .solny-order-header-managers-popover__row strong {
    font-size: 11px;
    font-weight: 850;
    color: #20284f;
}

#solny-modal-order .solny-order-header-managers-popover__row small {
    font-size: 10px;
    font-weight: 700;
    color: #647091;
}

@media (max-width: 760px) {
    #solny-modal-order .solny-modal__title-group {
        flex-wrap: wrap;
        gap: 8px;
    }

    #solny-modal-order .solny-modal__title-group h3 {
        font-size: 18px;
    }

    #solny-modal-order .solny-order-header-status {
        flex-basis: 100%;
    }

    #solny-modal-order .solny-order-header-status .solny-card__header-left {
        flex-wrap: wrap;
    }

    #solny-modal-order .solny-order-header-chip {
        max-width: calc(50% - 4px);
    }
}

@media (max-width: 520px) {
    #solny-modal-order .solny-order-header-chip {
        width: 100%;
        max-width: 100%;
    }
}

.solny-order-created-hint {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(59, 177, 133, 0.12);
    color: #237a5c;
    border: 1px solid rgba(59, 177, 133, 0.25);
    font-size: 11px;
    font-weight: 600;
    width: fit-content;
}

.solny-order-created-hint::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--solny-green);
    box-shadow: 0 0 0 3px rgba(59, 177, 133, 0.18);
}

.solny-order-created-hint.is-visible {
    display: inline-flex;
}

.solny-modal__body {
    padding: 20px;
    overflow-y: auto;
}

#solny-modal-user .solny-modal__body {
    overflow-y: auto;
    max-height: 80vh;
}

#solny-modal-task .solny-modal__body {
    max-height: 80vh;
    overflow-y: auto;
}

#solny-modal-status-action .solny-modal__dialog {
    overflow: visible;
    max-height: 92vh;
}

#solny-modal-status-action .solny-modal__body {
    overflow-y: auto;
    overflow-x: visible;
    max-height: 80vh;
    padding-bottom: 260px;
}

.solny-modal__footer {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.solny-email-send-warning {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fff6d8;
    color: #8a5a00;
    border: 1px solid #f0d08a;
    font-size: 12px;
    font-weight: 600;
    opacity: 0;
    pointer-events: none;
    transform: translateY(2px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.solny-email-send-warning i {
    font-size: 12px;
}

.solny-email-send-warning.is-active {
    opacity: 1;
    transform: translateY(0);
}

.solny-email-send-warning.is-info {
    background: rgba(59, 177, 133, 0.14);
    color: #1f7f5b;
    border-color: rgba(59, 177, 133, 0.26);
}

.solny-modal__footer-danger {
    margin-right: auto;
}

#solny-modal-settings .solny-modal__body {
    flex: 1 1 auto;
    min-height: 0;
    padding-bottom: 20px;
}

#solny-modal-settings .solny-settings-footer {
    flex: 0 0 auto;
    z-index: 12;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(242, 251, 247, 0.96));
    box-shadow: 0 -14px 34px rgba(32, 40, 79, 0.11);
    backdrop-filter: blur(10px);
}

#solny-modal-settings .solny-settings-save {
    min-height: 42px;
    min-width: 150px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 18px;
    border: 1px solid #26209d;
    border-radius: 8px;
    background: linear-gradient(135deg, #3f38bf 0%, #24b270 100%);
    color: #ffffff;
    font-weight: 900;
    box-shadow: 0 12px 24px rgba(63, 56, 191, 0.24);
}

#solny-modal-settings .solny-settings-save:hover:not(:disabled),
#solny-modal-settings .solny-settings-save:focus-visible:not(:disabled) {
    background: linear-gradient(135deg, #2f2a8f 0%, #1f9a60 100%);
    color: #ffffff;
    outline: none;
}

#solny-modal-settings .solny-settings-save.is-loading,
#solny-modal-settings .solny-settings-save.is-saved {
    pointer-events: none;
}

#solny-modal-settings .solny-settings-save.is-saved {
    border-color: #1f9a60;
    background: linear-gradient(135deg, #24b270, #37be5f);
}

#solny-modal-settings .solny-settings-save.is-error {
    border-color: #a82020;
    background: linear-gradient(135deg, #cc2626, #f05a42);
}

@media (max-width: 700px) {
    #solny-modal-settings .solny-settings-footer {
        padding: 10px;
        align-items: stretch;
        flex-direction: column;
    }

    #solny-modal-settings .solny-settings-save {
        width: 100%;
    }
}

.solny-user-delete {
    margin-top: 16px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #f2c1c1;
    background: #fff4f4;
}

.solny-user-delete__details summary {
    cursor: pointer;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #b33a3a;
}

.solny-user-transfer {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-user-transfer__options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.solny-user-transfer-picker {
    position: relative;
}

.solny-user-transfer-picker .solny-input-with-icon input {
    width: 100%;
}

.solny-user-transfer-picker .solny-suggestions {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 260;
}

.solny-form__grid {
    padding-top: 15px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

.solny-form__group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
}

.solny-form__group--wide {
    grid-column: 1 / -1;
}

.solny-form__group input:not([type="checkbox"]):not([type="radio"]),
.solny-form__group textarea,
.solny-form__group select {
    padding-left: 25px;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 13px;
    font-family: inherit;
}

.solny-form__group .solny-date-range__input {
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.solny-task-date .solny-date-range__trigger {
    min-height: 48px;
    padding: 0 12px;
    gap: 8px;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #dfe3ff 30%);
    background: linear-gradient(180deg, #ffffff 0%, #f7f8ff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.solny-task-date .solny-date-range__input {
    width: 10ch;
    min-width: 10ch;
    font-weight: 600;
}

.solny-task-date__row {
    display: grid;
    grid-template-columns: minmax(240px, 360px) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

.solny-task-date__row .solny-date-range {
    width: 100%;
    max-width: 380px;
}

.solny-task-date-range:not(.has-end) .solny-date-range__divider,
.solny-task-date-range:not(.has-end) .solny-date-range__input[data-role="end"] {
    display: none;
}

.solny-task-date__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
    min-width: 0;
    width: 100%;
}

.solny-task-date__meta-group {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 6px 10px;
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    background: #fff;
    min-width: 0;
    max-width: 100%;
}

.solny-task-date__meta-group--toggles {
    flex: 1 1 300px;
    flex-wrap: wrap;
}

.solny-task-date__meta-group--times {
    flex: 1 1 320px;
    justify-content: flex-start;
}

.solny-task-date__meta-group.is-hidden {
    display: none;
}

.solny-task-date__meta-label {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--solny-muted);
    white-space: nowrap;
}

.solny-task-date__toggles {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-task-date__switch {
    display: flex;
    align-items: center;
    gap: 6px;
}

.solny-task-date__times {
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    align-items: center;
    gap: 8px;
    min-width: 0;
    width: 100%;
}

.solny-task-date__times.is-hidden {
    display: none;
}

.solny-task-date__time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
    color: var(--solny-muted);
    background: color-mix(in srgb, #ffffff, #eef1ff 34%);
    border: 1px solid color-mix(in srgb, var(--solny-border), #ffffff 20%);
    border-radius: 12px;
    padding: 0 10px;
    min-height: 38px;
    min-width: 0;
    width: 100%;
}

.solny-task-date__time input[type="time"] {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-dark);
    width: 100%;
    min-width: 0;
    max-width: 96px;
    text-align: right;
}

.solny-task-date__time span {
    font-weight: 600;
    color: color-mix(in srgb, var(--solny-muted), #4b4f6d 35%);
}

/* Task modal only: compact controls */
#solny-modal-task #solny-task-form .solny-form__section:first-of-type > .solny-form__grid {
    grid-template-columns: minmax(220px, 0.9fr) minmax(420px, 1.6fr);
    align-items: end;
    gap: 12px 14px;
}

#solny-modal-task #solny-task-form .solny-form__section:first-of-type > .solny-form__grid > .solny-form__group > label {
    font-size: 12px;
    font-weight: 700;
    color: #2c3454;
}

#solny-modal-task #solny-task-form .solny-form__group--task-status {
    min-width: 0;
}

#solny-modal-task #solny-task-form .solny-task-status-control {
    display: grid;
    grid-template-columns: fit-content(290px) 44px auto auto 1fr;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

#solny-modal-task #solny-task-form .solny-task-status-control .solny-status-dropdown {
    min-width: 0;
    width: fit-content;
    max-width: 290px;
    justify-self: start;
}

#solny-modal-task #solny-task-form .solny-task-status-control .solny-status-dropdown__trigger {
    width: fit-content;
    min-width: 172px;
    max-width: 100%;
}

#solny-modal-task #solny-task-form .solny-task-status-control .solny-status-dropdown__value {
    min-width: 0;
}

#solny-modal-task #solny-task-form .solny-task-status-control .solny-status-dropdown__value > span:last-child {
    max-width: 16ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#solny-modal-task #solny-task-form .solny-task-status-indicator {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 10px;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #d9deef 28%);
    background: #f8f9ff;
    color: #646a81;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

#solny-modal-task #solny-task-form .solny-task-status-indicator.is-hidden {
    display: none;
}

#solny-modal-task #solny-task-form .solny-task-status-indicator.is-dirty {
    border-color: rgba(243, 156, 18, 0.35);
    background: rgba(243, 156, 18, 0.12);
    color: #b06a11;
}

#solny-modal-task #solny-task-form .solny-task-status-indicator.is-saved {
    border-color: rgba(59, 177, 133, 0.35);
    background: rgba(59, 177, 133, 0.14);
    color: #2d8f6b;
}

#solny-modal-task #solny-task-form .solny-task-status-indicator.is-info {
    border-color: rgba(63, 56, 191, 0.3);
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
}

#solny-modal-task #solny-task-form .solny-task-status-complete-btn {
    min-height: 40px;
    padding: 0 11px;
    border-radius: 10px;
    white-space: nowrap;
    gap: 8px;
    min-width: 188px;
    justify-content: space-between;
}

#solny-modal-task #solny-task-form .solny-task-status-complete-btn.is-hidden {
    display: none;
}

#solny-modal-task #solny-task-form .solny-task-status-complete-btn .solny-task-card__confirm-main {
    gap: 6px;
}

#solny-modal-task #solny-task-form .solny-task-status-complete-btn .solny-task-status-complete-btn__label {
    white-space: nowrap;
}

#solny-modal-task #solny-task-form .solny-task-status-complete-btn .solny-task-card__confirm-count {
    margin-left: 2px;
}

#solny-modal-task #solny-task-form .solny-task-status-assignees {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 40px;
    padding: 0 2px;
}

#solny-modal-task #solny-task-form .solny-task-status-assignees.is-hidden {
    display: none;
}

#solny-modal-task #solny-task-form .solny-task-status-assignee-avatar.solny-avatar--xs {
    width: 20px;
    height: 20px;
    font-size: 9px;
}

#solny-modal-task #solny-task-form .solny-task-status-assignees .solny-task-card__assignee-mark {
    width: 12px;
    height: 12px;
    right: -1px;
    bottom: -1px;
    border-width: 1.5px;
    font-size: 7px;
}

#solny-modal-task #solny-task-form .solny-task-status-assignee-more {
    width: 20px;
    height: 20px;
    font-size: 9px;
}

#solny-modal-task #solny-task-form .solny-task-status-history-btn {
    grid-column: 2;
    justify-self: start;
    min-height: 40px;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    padding: 0;
    border-radius: 10px;
    font-weight: 700;
    white-space: nowrap;
    justify-content: center;
}

#solny-modal-task #solny-task-form .solny-task-status-history-btn__label {
    display: none;
}

#solny-modal-task #solny-task-form .solny-task-status-history-btn.is-empty,
#solny-modal-task #solny-task-form .solny-task-status-history-btn:disabled {
    opacity: 0.58;
}

#solny-modal-order #solny-order-form .solny-order-status-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

#solny-modal-order #solny-order-form .solny-order-status-control .solny-status-dropdown {
    min-width: 0;
    width: 100%;
}

#solny-modal-order #solny-order-form .solny-order-status-control .solny-status-dropdown__trigger {
    width: 100%;
}

#solny-modal-order #solny-order-form .solny-order-status-history-btn {
    min-height: 44px;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    padding: 0;
    border-radius: 10px;
    font-weight: 700;
    white-space: nowrap;
    justify-content: center;
}

#solny-modal-order #solny-order-form .solny-order-status-history-btn__label {
    display: none;
}

#solny-modal-order #solny-order-form .solny-order-status-history-btn.is-empty,
#solny-modal-order #solny-order-form .solny-order-status-history-btn:disabled {
    opacity: 0.58;
}

#solny-modal-order #solny-order-form .solny-customer-status-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

#solny-modal-order #solny-order-form .solny-customer-status-control .solny-status-dropdown {
    min-width: 0;
    width: 100%;
}

#solny-modal-order #solny-order-form .solny-customer-status-control .solny-status-dropdown__trigger {
    width: 100%;
}

#solny-modal-order #solny-order-form .solny-customer-status-history-btn {
    min-height: 44px;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    padding: 0;
    border-radius: 10px;
    font-weight: 700;
    white-space: nowrap;
    justify-content: center;
}

#solny-modal-order #solny-order-form .solny-customer-status-history-btn__label {
    display: none;
}

#solny-modal-order #solny-order-form .solny-customer-status-history-btn.is-empty,
#solny-modal-order #solny-order-form .solny-customer-status-history-btn:disabled {
    opacity: 0.58;
}

#solny-modal-task #solny-task-form .solny-task-date__row {
    display: grid;
    grid-template-columns: minmax(250px, 360px) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-width: 0;
    width: 100%;
}

#solny-modal-task #solny-task-form .solny-task-date__row .solny-date-range {
    width: 100%;
    max-width: 360px;
    min-width: 0;
}

#solny-modal-task #solny-task-form .solny-task-date .solny-date-range__trigger {
    min-height: 0;
    padding: 0 10px;
    gap: 6px;
    border-radius: 12px;
    border: 1px solid var(--solny-border);
    background: #fff;
    box-shadow: none;
    width: 100%;
    min-width: 178px;
}

#solny-modal-task #solny-task-form .solny-task-date .solny-date-range__divider {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    color: #8b92ab;
    font-size: 12px;
    font-weight: 700;
}

#solny-modal-task #solny-task-form .solny-task-date .solny-date-range__input {
    width: 12ch;
    min-width: 12ch;
    font-size: 13px;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
}

#solny-modal-task #solny-task-form .solny-task-date-range:not(.has-end) .solny-date-range__input[data-role="start"] {
    width: 12.4ch;
    min-width: 12.4ch;
}

#solny-modal-task #solny-task-form .solny-task-date__meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    flex-wrap: nowrap;
}

#solny-modal-task #solny-task-form .solny-task-date__meta-group {
    min-height: 42px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
}

#solny-modal-task #solny-task-form .solny-task-date__meta-group--toggles {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    white-space: nowrap;
    padding-right: 12px;
    border-right: 1px solid color-mix(in srgb, var(--solny-border), #d7dcef 22%);
}

#solny-modal-task #solny-task-form .solny-task-date__meta-group--times {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
    min-width: 0;
    white-space: nowrap;
    padding-left: 4px;
}

#solny-modal-task #solny-task-form .solny-task-date__meta-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

#solny-modal-task #solny-task-form .solny-task-date__toggles {
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 10px;
}

#solny-modal-task #solny-task-form .solny-task-date__switch .solny-switch__label {
    font-weight: 700;
    font-size: 12px;
}

#solny-modal-task #solny-task-form .solny-task-date__times {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    min-width: 0;
}

#solny-modal-task #solny-task-form .solny-task-date__time {
    min-height: 38px;
    border-radius: 10px;
    padding: 0 10px;
    background: color-mix(in srgb, #ffffff, #eef2ff 52%);
    border: 0;
    box-shadow: none;
    min-width: 132px;
    gap: 6px;
}

#solny-modal-task #solny-task-form .solny-task-date__time input[type="time"] {
    width: 100%;
    max-width: none;
    min-width: 104px;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

/* Task modal date row v2: isolated styles to avoid global overrides */
#solny-modal-task #solny-task-form .solny-task-date__row--modal-v2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    min-width: 0;
    width: 100%;
}

#solny-modal-task #solny-task-form .solny-task-date__row--modal-v2 .solny-task-date__range--modal-v2 {
    width: auto;
    max-width: fit-content;
    min-width: 0;
    flex: 0 0 auto;
    justify-self: start;
}

#solny-modal-task #solny-task-form .solny-task-date__row--modal-v2 .solny-task-date__trigger--modal-v2 {
    width: auto;
    max-width: fit-content;
    min-width: 0;
    min-height: 45px;
    padding: 5px 5px 5px 10px;
    gap: 5px;
    border: 0;
    box-shadow: none;
    background: #f6f8ff;
}

#solny-modal-task #solny-task-form .solny-task-date__row--modal-v2 .solny-task-date__input--modal-v2 {
    width: 12ch;
    min-width: 12ch;
    background: #ffffff;
}

#solny-modal-task #solny-task-form .solny-task-date__row--modal-v2 .solny-task-date__divider--modal-v2 {
    width: 12px;
    min-width: 12px;
}

#solny-modal-task #solny-task-form .solny-task-date__row--modal-v2 .solny-task-date__toggle--modal-v2 {
    margin-left: 0;
    margin-right: 4px;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #ffffff;
    color: #3f38bf;
}

#solny-modal-task #solny-task-form .solny-task-date__row--modal-v2 .solny-task-date__add-end {
    display: none;
    align-items: center;
    gap: 5px;
    height: 35px;
    padding: 0 27.3px;
    border: 1px dashed rgba(63, 56, 191, 0.34);
    border-radius: 9px;
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

#solny-modal-task #solny-task-form .solny-task-date__row--modal-v2 .solny-task-date__add-end:hover {
    border-color: rgba(63, 56, 191, 0.52);
    background: rgba(63, 56, 191, 0.13);
}

#solny-modal-task #solny-task-form .solny-task-date__row--modal-v2 .solny-task-date__range--modal-v2:not(.has-end) .solny-task-date__add-end {
    display: inline-flex;
}

#solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-width: 0;
    width: auto;
    max-width: fit-content;
    overflow: hidden;
    flex-wrap: nowrap;
    flex: 1 1 auto;
}

#solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__meta-group--modal-v2 {
    min-width: 0;
    max-width: fit-content;
}

#solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__meta-group--toggles.solny-task-date__meta-group--modal-v2 {
    flex: 0 0 auto;
    padding-right: 8px;
    margin-right: 0;
    border-right: 1px solid color-mix(in srgb, var(--solny-border), #d7dcef 22%);
    justify-content: space-between;
}

#solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__meta-group--times.solny-task-date__meta-group--modal-v2 {
    flex: 0 0 auto;
    justify-content: flex-start;
    padding-left: 8px;
}

#solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__meta-label--modal-v2 {
    font-size: 11px;
    letter-spacing: 0.04em;
}

#solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__times--modal-v2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(102px, 1fr));
    gap: 8px;
    width: auto;
    max-width: fit-content;
    min-width: 0;
}

#solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__time--modal-v2 {
    min-width: 0;
    width: 100%;
    padding: 3px 3px 3px 10px;
    gap: 5px;
}

#solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__time--modal-v2 input[type="time"] {
    min-width: 0;
    width: 100%;
    text-align: left;
    font-size: 11px;
    background: #ffffff;
}

#solny-modal-task #solny-task-form [data-role="task-submit"] {
    min-width: 190px;
    justify-content: center;
    gap: 8px;
}

#solny-modal-task #solny-task-form [data-role="task-submit"].is-saved {
    background: linear-gradient(120deg, #3bb185, #309f73);
    color: #fff;
    box-shadow: 0 10px 20px rgba(59, 177, 133, 0.24);
}

#solny-modal-task #solny-task-form [data-role="task-submit"].is-error {
    background: #fff2f2;
    color: #c14b4b;
    box-shadow: inset 0 0 0 1px rgba(193, 75, 75, 0.26);
}

#solny-modal-task #solny-task-form [data-role="task-submit"].is-error .solny-spinner {
    border-color: rgba(193, 75, 75, 0.28);
    border-top-color: #c14b4b;
}

#solny-modal-task-status-history .solny-modal__dialog,
#solny-modal-order-status-history .solny-modal__dialog,
#solny-modal-customer-status-history .solny-modal__dialog {
    width: min(560px, calc(100vw - 32px));
}

#solny-modal-task-archive .solny-modal__dialog {
    width: min(1040px, calc(100vw - 32px));
}

#solny-modal-task-archive .solny-modal__body {
    max-height: min(72vh, 760px);
    overflow: auto;
}

.solny-task-archive {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.solny-task-archive__empty {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 28px 18px;
    border: 1px dashed rgba(63, 56, 191, 0.28);
    background: linear-gradient(135deg, #ffffff, #f7f8ff);
    color: var(--solny-muted);
    text-align: center;
}

.solny-task-archive__empty i {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #3bb185;
    background: rgba(59, 177, 133, 0.14);
    font-size: 20px;
}

.solny-task-archive__empty strong {
    color: #1b1e2b;
    font-size: 15px;
}

.solny-task-archive__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 12px;
    background: linear-gradient(135deg, #ffffff, #f7f8ff);
}

.solny-task-archive__select-all,
.solny-task-archive__toolbar-count,
.solny-task-archive__admin-note {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2f3348;
    font-size: 12px;
    font-weight: 800;
}

.solny-task-archive__select-all input,
.solny-task-archive__check input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.solny-task-archive__select-all > span,
.solny-task-archive__check > span {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(63, 56, 191, 0.28);
    border-radius: 5px;
    background: #fff;
}

.solny-task-archive__select-all input:checked + span,
.solny-task-archive__check input:checked + span {
    border-color: #3f38bf;
    background: #3f38bf;
}

.solny-task-archive__select-all input:checked + span::after,
.solny-task-archive__check input:checked + span::after {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    font-size: 10px;
}

.solny-task-archive__toolbar-count {
    margin-left: auto;
    padding: 5px 8px;
    border-radius: 9px;
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
}

.solny-task-archive__admin-note {
    color: var(--solny-muted);
}

.solny-task-archive__table-wrap {
    max-width: 100%;
    overflow: auto;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(24, 31, 62, 0.06);
}

.solny-task-archive__table {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

.solny-task-archive__table th,
.solny-task-archive__table td {
    padding: 8px 8px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid rgba(106, 112, 131, 0.12);
}

.solny-task-archive__table th:nth-child(1),
.solny-task-archive__table td:nth-child(1) {
    width: 34px;
}

.solny-task-archive__table th:nth-child(2),
.solny-task-archive__table td:nth-child(2) {
    width: 25%;
}

.solny-task-archive__table th:nth-child(3),
.solny-task-archive__table td:nth-child(3) {
    width: 15%;
}

.solny-task-archive__table th:nth-child(4),
.solny-task-archive__table td:nth-child(4) {
    width: 14%;
}

.solny-task-archive__table th:nth-child(5),
.solny-task-archive__table td:nth-child(5) {
    width: 9%;
}

.solny-task-archive__table th:nth-child(6),
.solny-task-archive__table td:nth-child(6) {
    width: 20%;
}

.solny-task-archive__table th:nth-child(7),
.solny-task-archive__table td:nth-child(7) {
    width: 17%;
}

.solny-task-archive__table th {
    color: #6a7083;
    background: #f7f8ff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.solny-task-archive__row {
    background: linear-gradient(90deg, color-mix(in srgb, var(--task-status-color, #3f38bf) 5%, #ffffff 95%), #ffffff);
}

.solny-task-archive__row:hover {
    background: linear-gradient(90deg, color-mix(in srgb, var(--task-status-color, #3f38bf) 9%, #ffffff 91%), #ffffff);
}

.solny-task-archive__cell-check {
    width: 34px;
}

.solny-task-archive__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.solny-task-archive__task {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-task-archive__status {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--task-status-color, #3f38bf);
    background: color-mix(in srgb, var(--task-status-color, #3f38bf) 14%, #ffffff 86%);
    border: 1px solid color-mix(in srgb, var(--task-status-color, #3f38bf) 30%, #ffffff 70%);
    font-size: 14px;
}

.solny-task-archive__task > div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.solny-task-archive__task strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #171b2d;
    font-size: 13px;
    line-height: 1.25;
}

.solny-task-archive__task small,
.solny-task-archive__task em,
.solny-task-archive__date,
.solny-task-archive__relation {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--solny-muted);
    font-size: 11px;
    line-height: 1.35;
}

.solny-task-archive__task small {
    color: var(--task-status-color, #3f38bf);
    font-weight: 800;
}

.solny-task-archive__task em {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
}

.solny-task-archive__assignees {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 0;
}

.solny-task-archive__assignees > span:not(.solny-avatar) {
    color: var(--solny-muted);
    font-size: 12px;
    font-weight: 700;
}

.solny-task-archive__deleted {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.solny-task-archive__deleted span {
    min-width: 0;
    display: grid;
    gap: 1px;
    color: #2f3348;
    font-size: 12px;
    font-weight: 800;
}

.solny-task-archive__deleted b,
.solny-task-archive__deleted small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-task-archive__deleted small {
    color: var(--solny-muted);
    font-size: 10px;
    font-weight: 700;
}

.solny-task-archive__actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.solny-task-archive__restore {
    min-width: 0;
    padding-inline: 9px;
}

.solny-task-archive__restore span {
    max-width: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-task-archive__delete {
    width: 34px;
    min-width: 34px;
    padding-inline: 0;
    justify-content: center;
    color: #b91c1c;
    border-color: rgba(185, 28, 28, 0.22);
    background: rgba(185, 28, 28, 0.06);
}

.solny-task-archive__restore.is-loading,
.solny-task-archive__delete.is-loading,
.solny-task-archive__bulk-delete.is-loading {
    opacity: 0.75;
    pointer-events: none;
}

#solny-task-status-history-list .solny-empty,
#solny-order-status-history-list .solny-empty,
#solny-customer-status-history-list .solny-empty {
    border: 1px dashed var(--solny-border);
    border-radius: 12px;
    padding: 12px;
    color: var(--solny-muted);
    font-size: 12px;
}

.solny-task-status-history {
    display: grid;
    gap: 10px;
}

.solny-task-status-history__toolbar {
    display: flex;
    justify-content: flex-start;
}

.solny-task-status-history__item {
    display: grid;
    gap: 10px;
    border: 1px solid color-mix(in srgb, var(--status-color, #3f38bf), #dbe1f5 45%);
    border-radius: 12px;
    padding: 10px 12px;
    background: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 93%);
}

.solny-task-status-history__item.is-current {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 35%);
}

.solny-task-status-history__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.solny-task-status-history__badge {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.solny-task-status-history__badge strong {
    font-size: 13px;
}

.solny-task-status-history__current {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: color-mix(in srgb, var(--status-color, #3f38bf), #1a1f30 15%);
    background: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 80%);
    border-radius: 999px;
    padding: 4px 8px;
}

.solny-task-status-history__actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-task-status-history__meta {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-task-status-history__meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.solny-task-status-history__event {
    color: #5f6780;
}

.solny-task-status-history__completed {
    border-radius: 999px;
    padding: 4px 8px;
    font-weight: 700;
}

.solny-task-status-history__completed.is-done {
    color: #207d5d;
    background: rgba(59, 177, 133, 0.15);
}

.solny-task-status-history__completed.is-open {
    color: #575f79;
    background: rgba(87, 95, 121, 0.12);
}

.solny-task-status-history__confirmations {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-task-status-history__confirm-user {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 8px;
    border: 1px solid rgba(59, 177, 133, 0.28);
    background: rgba(59, 177, 133, 0.12);
    color: #1f7a59;
    font-size: 11px;
    line-height: 1.2;
}

.solny-task-status-history__confirm-user i {
    font-size: 10px;
}

.solny-task-status-history__confirm-user b {
    font-weight: 700;
}

.solny-task-status-history__confirm-user small {
    color: #356a57;
    font-size: 10px;
    font-weight: 600;
}

@media (max-width: 640px) {
    .solny-task-archive__toolbar {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .solny-task-archive__toolbar-count {
        margin-left: 0;
    }

    .solny-task-archive__table {
        min-width: 720px;
    }

    #solny-modal-order #solny-order-form .solny-order-status-control {
        grid-template-columns: 1fr;
    }

    #solny-modal-order #solny-order-form .solny-customer-status-control {
        grid-template-columns: 1fr;
    }

    #solny-modal-order #solny-order-form .solny-order-status-history-btn {
        width: 100%;
        min-width: 0;
        max-width: none;
        justify-content: center;
    }

    #solny-modal-order #solny-order-form .solny-order-status-history-btn__label {
        display: inline;
    }

    #solny-modal-order #solny-order-form .solny-customer-status-history-btn {
        width: 100%;
        min-width: 0;
        max-width: none;
        justify-content: center;
    }

    #solny-modal-order #solny-order-form .solny-customer-status-history-btn__label {
        display: inline;
    }

    .solny-task-status-history__top {
        flex-wrap: wrap;
    }

    .solny-task-status-history__actions {
        width: 100%;
    }
}

@media (max-width: 1180px) {
    #solny-modal-task #solny-task-form .solny-form__section:first-of-type > .solny-form__grid {
        grid-template-columns: 1fr;
    }

    #solny-modal-task #solny-task-form .solny-task-date__row {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    #solny-modal-task #solny-task-form .solny-task-date__meta {
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }
}

@media (max-width: 1380px) {
    #solny-modal-task #solny-task-form .solny-task-date__row--modal-v2 {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    #solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 {
        flex-wrap: wrap;
        overflow: visible;
        width: 100%;
        max-width: 100%;
    }

    #solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__meta-group--toggles.solny-task-date__meta-group--modal-v2,
    #solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__meta-group--times.solny-task-date__meta-group--modal-v2 {
        width: 100%;
        max-width: 100%;
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
    }

    #solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__meta-group--times.solny-task-date__meta-group--modal-v2 {
        justify-content: flex-start;
    }

    #solny-modal-task #solny-task-form .solny-task-date__meta--modal-v2 .solny-task-date__times--modal-v2 {
        width: 100%;
        max-width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 840px) {
    #solny-modal-task #solny-task-form .solny-task-status-control {
        grid-template-columns: 1fr;
    }

    #solny-modal-task #solny-task-form .solny-task-status-control .solny-status-dropdown {
        min-width: 100%;
        width: 100%;
        max-width: none;
        justify-self: stretch;
    }

    #solny-modal-task #solny-task-form .solny-task-status-control .solny-status-dropdown__trigger {
        width: 100%;
    }

    #solny-modal-task #solny-task-form .solny-task-status-history-btn {
        grid-column: auto;
    }

    #solny-modal-task #solny-task-form .solny-task-status-complete-btn,
    #solny-modal-task #solny-task-form .solny-task-status-history-btn,
    #solny-modal-task #solny-task-form .solny-task-status-indicator {
        width: 100%;
    }

    #solny-modal-task #solny-task-form .solny-task-status-assignees {
        justify-content: flex-start;
    }

    #solny-modal-task #solny-task-form .solny-task-status-complete-btn {
        justify-content: space-between;
    }

    #solny-modal-task #solny-task-form .solny-task-date__meta {
        flex-wrap: wrap;
        width: 100%;
        margin-left: 0;
    }

    #solny-modal-task #solny-task-form .solny-task-date__meta-group--times,
    #solny-modal-task #solny-task-form .solny-task-date__meta-group--toggles {
        width: 100%;
        white-space: normal;
    }

    #solny-modal-task #solny-task-form .solny-task-date__meta-group--toggles {
        padding-right: 0;
        border-right: 0;
    }

    #solny-modal-task #solny-task-form .solny-task-date__meta-group--times {
        padding-left: 0;
    }

    #solny-modal-task #solny-task-form .solny-task-date__toggles {
        flex-wrap: wrap;
    }

    #solny-modal-task #solny-task-form .solny-task-date__times {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1240px) {
    .solny-task-date__row {
        grid-template-columns: 1fr;
    }

    .solny-task-date__row .solny-date-range {
        max-width: none;
    }
}

@media (max-width: 720px) {
    .solny-task-date__row {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .solny-task-date__meta-group {
        flex: 1 1 100%;
        flex-wrap: wrap;
    }

    .solny-task-date__meta-group--times {
        justify-content: flex-start;
    }

    .solny-task-date__times {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solny-task-date__time {
        width: 100%;
    }
}

.solny-file-upload__input {
    display: none;
}

.solny-file-upload__drop {
    border: 1px dashed var(--solny-border);
    border-radius: 12px;
    padding: 14px;
    background: #f7f9ff;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.solny-file-upload__drop.is-dragover {
    border-color: var(--solny-primary);
    background: #eef2ff;
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.12);
}

.solny-file-upload__content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.solny-file-upload__icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(63, 56, 191, 0.12);
    color: var(--solny-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.solny-file-upload__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-file-upload__text strong {
    color: var(--solny-dark);
    font-size: 13px;
}

.solny-file-upload__btn {
    margin-left: auto;
}

.solny-file-upload__list {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.solny-file-upload__archive-toggle {
    margin-top: 10px;
    padding: 8px 10px;
    border: 1px solid rgba(36, 178, 112, 0.28);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(36, 178, 112, 0.1), rgba(31, 128, 255, 0.07));
    color: #174735;
    font-weight: 700;
}

.solny-file-upload__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #fff;
    font-size: 12px;
}

.solny-file-upload__name {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.solny-file-upload__name span {
    overflow-wrap: anywhere;
}

.solny-file-upload__size {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-file-upload__remove {
    border: 0;
    background: transparent;
    color: #d14b4b;
    font-weight: 700;
    cursor: pointer;
}

.solny-form__section {
    margin-top: 18px;
}

#solny-modal-order .solny-form__section {
    padding: 12px;
    background: #fbfcff;
    border: 1px solid #e6e9f3;
    border-radius: 8px;
}

#solny-modal-order .solny-form__group input:not([type="checkbox"]):not([type="radio"]),
#solny-modal-order .solny-form__group textarea,
#solny-modal-order .solny-form__group select {
    border-radius: 8px;
    height: 40px;
    width: 100%;
    font-size: 13px;
}

#solny-modal-order .solny-form__group textarea {
    height: auto;
    min-height: 96px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#solny-modal-order .solny-btn {
    border-radius: 8px;
}

#solny-modal-order .solny-vat-grid {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
}

#solny-modal-order .solny-form__group.solny-vat-grid {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
}

#solny-modal-order .solny-vat-grid > div {
    flex: 1 1 auto;
}

#solny-modal-order .solny-vat-controls {
    flex: 0 0 auto;
}

@media (max-width: 900px) {
    #solny-modal-order .solny-vat-grid {
        flex-wrap: wrap;
    }
}

#solny-modal-order .solny-selected-chip,
#solny-modal-order .solny-manager-chip,
#solny-modal-order .solny-toggle-pill span,
#solny-modal-order .solny-status-badge {
    border-radius: 8px;
}

#solny-modal-order .solny-input-with-icon input {
    height: 40px;
}

#solny-modal-order .solny-input-with-icon select,
#solny-modal-order .solny-input-with-icon textarea {
    height: 40px;
}

#solny-modal-order .solny-input-with-icon i {
    pointer-events: none;
}

#solny-modal-order .solny-order-native-select {
    display: none !important;
}

#solny-modal-email .solny-order-native-select {
    display: none !important;
}

#solny-modal-order .solny-select--order {
    width: 100%;
}

#solny-modal-email .solny-select--email-pdf {
    width: 100%;
}

#solny-modal-order .solny-select--order .solny-select__trigger {
    width: 100%;
    justify-content: space-between;
    border-radius: 8px;
    background: #fff;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    text-align: left;
}

#solny-modal-email .solny-select--email-pdf .solny-select__trigger {
    width: 100%;
    justify-content: space-between;
    border-radius: 8px;
    background: #fff;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    text-align: left;
}

#solny-modal-order .solny-select--order .solny-select__trigger:focus {
    outline: none;
    border-color: var(--solny-blue);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
}

#solny-modal-email .solny-select--email-pdf .solny-select__trigger:focus {
    outline: none;
    border-color: var(--solny-blue);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
}

#solny-modal-order .solny-select--order .solny-select__trigger i {
    color: var(--solny-muted);
}

#solny-modal-email .solny-select--email-pdf .solny-select__trigger i {
    color: var(--solny-muted);
}

#solny-modal-order .solny-select--order .solny-select__value i {
    color: var(--solny-muted);
}

#solny-modal-email .solny-select--email-pdf .solny-select__value i {
    color: var(--solny-muted);
}

#solny-modal-email .solny-select--email-pdf.is-readonly .solny-select__trigger {
    border-color: rgba(63, 56, 191, 0.24);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(55, 190, 95, 0.08));
    color: #20284f;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.62);
}

#solny-modal-email .solny-select--email-pdf.is-readonly .solny-select__trigger > i {
    color: var(--solny-blue);
    opacity: 0.55;
}

#solny-modal-email .solny-select--email-pdf .solny-select__menu {
    left: 0;
    right: 0;
    min-width: 0;
    max-height: 260px;
    overflow-y: auto;
    z-index: 520;
}

#solny-modal-email .solny-email-pdf-preview-group[hidden] {
    display: none !important;
}

#solny-modal-order .solny-select--order.is-readonly .solny-select__trigger {
    border-color: rgba(63, 56, 191, 0.24);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(55, 190, 95, 0.08));
    color: #20284f;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.62);
}

#solny-modal-order .solny-select--order.is-readonly .solny-select__trigger > i {
    color: var(--solny-blue);
    opacity: 0.55;
}

#solny-modal-order .solny-order-pdf-actions {
    grid-column: span 2;
}

#solny-modal-order .solny-order-pdf-preview-group[hidden] {
    display: none !important;
}

#solny-modal-order .solny-order-pdf-accounting-group {
    grid-column: 1 / -1;
}

#solny-modal-order .solny-order-pdf-actions__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
}

#solny-modal-order .solny-order-pdf-action-btn {
    width: 100%;
    min-height: 44px;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.01em;
    box-shadow: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

#solny-modal-order .solny-order-pdf-action-btn i {
    font-size: 14px;
}

#solny-modal-order .solny-order-pdf-action-btn.is-download {
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.16), rgba(63, 56, 191, 0.08));
    color: #2f2db4;
    border-color: rgba(63, 56, 191, 0.34);
}

#solny-modal-order .solny-order-pdf-action-btn.is-download:hover {
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.24), rgba(63, 56, 191, 0.12));
    border-color: rgba(63, 56, 191, 0.48);
    box-shadow: 0 8px 18px rgba(63, 56, 191, 0.12);
    transform: translateY(-1px);
}

#solny-modal-order .solny-order-pdf-action-btn.is-print {
    background: linear-gradient(135deg, rgba(28, 129, 196, 0.16), rgba(28, 129, 196, 0.08));
    color: #1c5d93;
    border-color: rgba(28, 129, 196, 0.34);
}

#solny-modal-order .solny-order-pdf-action-btn.is-print:hover {
    background: linear-gradient(135deg, rgba(28, 129, 196, 0.24), rgba(28, 129, 196, 0.12));
    border-color: rgba(28, 129, 196, 0.48);
    box-shadow: 0 8px 18px rgba(28, 129, 196, 0.12);
    transform: translateY(-1px);
}

#solny-modal-order .solny-order-pdf-action-btn.is-loading {
    cursor: wait;
    pointer-events: none;
    color: #2f3348;
    border-color: rgba(63, 56, 191, 0.28);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.14), rgba(59, 177, 133, 0.11));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.55);
    transform: none;
}

#solny-modal-order .solny-order-pdf-action-btn.is-success {
    color: #0f7a52;
    border-color: rgba(59, 177, 133, 0.32);
    background: rgba(59, 177, 133, 0.12);
}

#solny-modal-order .solny-order-pdf-action-btn.is-error {
    color: #b91c1c;
    border-color: rgba(185, 28, 28, 0.28);
    background: rgba(185, 28, 28, 0.09);
}

#solny-modal-order .solny-order-pdf-actions__accounting-cta {
    margin-top: 0;
    min-height: 48px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(63, 56, 191, 0.24);
    background: linear-gradient(180deg, rgba(244, 246, 255, 0.96) 0%, rgba(238, 242, 255, 0.86) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#solny-modal-order .solny-order-pdf-actions__accounting {
    margin: 0;
    padding: 0;
    border: 0;
    color: #1f2850;
    font-size: 13px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1.2;
    white-space: nowrap;
}

#solny-modal-order .solny-order-pdf-actions__accounting span {
    color: inherit;
}

#solny-modal-order .solny-order-pdf-actions__accounting input {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 7px;
    border-width: 1.5px;
    border-color: rgba(63, 56, 191, 0.42);
}

#solny-modal-order .solny-order-pdf-actions__accounting input:checked::after {
    width: 7px;
    height: 12px;
    top: 2px;
    left: 7px;
    border-width: 2px;
}

#solny-modal-order .solny-order-pdf-actions__accounting-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(36, 101, 203, 0.3);
    background: rgba(36, 101, 203, 0.12);
    color: #1f56b0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

#solny-modal-order .solny-order-pdf-actions__accounting-note.is-pending {
    border-color: rgba(243, 156, 18, 0.34);
    background: rgba(243, 156, 18, 0.12);
    color: #9a5700;
}

#solny-modal-order .solny-order-pdf-actions__accounting-note.is-success {
    border-color: rgba(36, 178, 112, 0.34);
    background: rgba(36, 178, 112, 0.12);
    color: #146b42;
}

#solny-modal-order .solny-order-pdf-actions__accounting-note.is-muted {
    border-color: rgba(28, 129, 196, 0.24);
    background: rgba(28, 129, 196, 0.08);
    color: #1c5d93;
}

#solny-modal-order .solny-order-pdf-actions__accounting-note.is-error {
    border-color: rgba(215, 91, 91, 0.34);
    background: rgba(215, 91, 91, 0.12);
    color: #9d2f2f;
}

#solny-modal-order .solny-order-pdf-actions__accounting-note i {
    font-size: 11px;
}

#solny-modal-order .solny-select--order .solny-select__menu {
    left: 0;
    right: 0;
    min-width: 0;
    max-height: 260px;
    overflow-y: auto;
    z-index: 520;
}

#solny-modal-order .solny-select--order .solny-select__option {
    font-size: 13px;
}

.solny-select__placeholder {
    color: var(--solny-muted);
    font-weight: 500;
}

.solny-selected-chip__info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.solny-selected-chip__email {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-selected-chip__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.solny-selected-chip__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    padding: 2px 6px;
    border-radius: 7px;
    line-height: 1.1;
    border: 1px solid rgba(63, 56, 191, 0.22);
    background: rgba(63, 56, 191, 0.12);
    color: var(--solny-blue);
}

.solny-selected-chip__badge--role {
    border-color: color-mix(in srgb, var(--role-color, #3f38bf), #ffffff 55%);
    background: color-mix(in srgb, var(--role-color, #3f38bf), #ffffff 85%);
    color: var(--role-color, var(--solny-blue));
}

.solny-selected-chip__badge--role i {
    font-size: 11px;
}

#solny-modal-order .solny-status-select__field select {
    height: 40px;
}

.solny-section__title {
    font-weight: 600;
    margin-bottom: 8px;
}

.solny-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.solny-section__actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.solny-btn--compact {
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 999px;
}

.solny-section--collapsible .solny-section__title {
    margin-bottom: 0;
}

.solny-section--collapsible .solny-section__body {
    display: none;
}

.solny-section--collapsible.is-open .solny-section__body {
    display: block;
}

.solny-switch {
    display: inline-flex;
    align-items: center;
    gap: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-muted);
}

.solny-switch input {
    appearance: none;
    width: 36px;
    height: 20px;
    border-radius: 999px;
    background: #e1e4ef;
    border: 1px solid #d4d8e6;
    position: relative;
    padding: 0;
    flex-shrink: 0;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.solny-switch input::after {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 1px;
    left: 1px;
    transition: transform 0.2s ease;
    box-shadow: 0 2px 4px rgba(31, 35, 55, 0.15);
}

.solny-switch input:checked {
    background: var(--solny-green);
    border-color: var(--solny-green);
}

.solny-switch input:checked::after {
    transform: translateX(16px);
}

.solny-switch--compact input {
    width: 30px;
    height: 18px;
}

.solny-switch--compact input::after {
    width: 14px;
    height: 14px;
}

.solny-switch--compact input:checked::after {
    transform: translateX(12px);
}

.solny-switch__label {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-switch--inline {
    margin-top: 10px;
}

.solny-section__switch {
    margin-left: auto;
}

.solny-customer-mode {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border-radius: 999px;
    background: #f6f7fb;
    border: 1px solid var(--solny-border);
    margin-bottom: 12px;
}

.solny-toggle-pill {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
}

.solny-toggle-pill input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.solny-toggle-pill span {
    padding: 6px 12px;
    border-radius: 999px;
    color: var(--solny-muted);
}

.solny-toggle-pill input:checked + span {
    background: #fff;
    color: var(--solny-dark);
    box-shadow: 0 6px 14px rgba(31, 35, 55, 0.12);
}

#solny-modal-order .solny-customer-mode {
    gap: 8px;
    padding: 5px;
    border-radius: 12px;
    background: linear-gradient(180deg, #f2f5ff 0%, #ebefff 100%);
    border-color: color-mix(in srgb, var(--solny-blue), #ffffff 66%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

#solny-modal-order .solny-customer-mode .solny-toggle-pill span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #34417f;
    transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

#solny-modal-order .solny-customer-mode .solny-toggle-pill span i {
    font-size: 12px;
    color: #3f49a9;
}

#solny-modal-order .solny-customer-mode .solny-toggle-pill input:checked + span {
    background: #ffffff;
    color: #1f2853;
    border-color: color-mix(in srgb, var(--solny-blue), #ffffff 58%);
    box-shadow: 0 7px 16px rgba(63, 56, 191, 0.15);
}

#solny-modal-order .solny-customer-mode .solny-toggle-pill input:checked + span i {
    color: var(--solny-blue);
}

.solny-selected-customer {
    margin-top: 6px;
}

.solny-customer-create-group {
    display: none;
}

#solny-modal-order .solny-customer-create-group {
    grid-column: 1 / -1;
}

#solny-modal-order .solny-customer-create {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 74%);
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
}

#solny-modal-order .solny-customer-create__head {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    align-items: baseline;
}

#solny-modal-order .solny-customer-create__title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #1f2853;
}

#solny-modal-order .solny-customer-create__title i {
    color: var(--solny-blue);
}

#solny-modal-order .solny-customer-create__sub {
    font-size: 11px;
    font-weight: 600;
    color: #57639a;
}

#solny-modal-order .solny-customer-create__legend {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

#solny-modal-order .solny-customer-create__legend-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 3px 8px;
}

#solny-modal-order .solny-customer-create__legend-item.is-required {
    color: #9b2727;
    background: rgba(208, 59, 59, 0.12);
    border: 1px solid rgba(208, 59, 59, 0.35);
}

#solny-modal-order .solny-customer-create__legend-item.is-optional {
    color: #20519c;
    background: rgba(45, 107, 214, 0.12);
    border: 1px solid rgba(45, 107, 214, 0.35);
}

#solny-modal-order .solny-customer-create__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

#solny-modal-order .solny-customer-create__grid .solny-form__group {
    gap: 4px;
}

#solny-modal-order .solny-customer-create__field-tag {
    margin-left: 6px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 1px 7px;
}

#solny-modal-order .solny-customer-create__field-tag.is-required {
    color: #9b2727;
    background: rgba(208, 59, 59, 0.12);
}

#solny-modal-order .solny-customer-create__field-tag.is-optional {
    color: #20519c;
    background: rgba(45, 107, 214, 0.12);
}

#solny-modal-order .solny-customer-create__grid .solny-status-dropdown__trigger {
    min-height: 38px;
}

#solny-modal-order .solny-order-company-picker {
    position: relative;
}

#solny-modal-order .solny-order-company-picker .solny-input-with-icon input {
    height: 40px;
    border-color: color-mix(in srgb, var(--solny-blue), #ffffff 70%);
}

#solny-modal-order .solny-order-company-picker .solny-suggestions {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 540;
    max-height: 260px;
    overflow-y: auto;
}

#solny-modal-order .solny-order-company-picker .solny-selected-list {
    margin-top: 6px;
}

#solny-modal-order .solny-order-company-picker .solny-selected-chip {
    background: rgba(63, 56, 191, 0.12);
    color: #22327e;
    border: 1px solid rgba(63, 56, 191, 0.22);
}

#solny-modal-order .solny-order-company-option {
    gap: 8px;
    align-items: center;
}

#solny-modal-order .solny-order-company-option.is-selected {
    border-color: rgba(63, 56, 191, 0.34);
    background: rgba(63, 56, 191, 0.12);
}

#solny-modal-order .solny-order-company-option__fallback {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 80%);
    color: var(--company-color, #3f38bf);
}

#solny-modal-order .solny-order-company-option__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#solny-modal-order .solny-order-company-option > i {
    margin-left: auto;
    color: #2a4db1;
    font-size: 12px;
}

#solny-modal-order .solny-customer-create__more {
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 76%);
    border-radius: 8px;
    background: #fff;
    padding: 8px 10px;
}

#solny-modal-order .solny-customer-create__more summary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #243170;
    list-style: none;
}

#solny-modal-order .solny-customer-create__more summary::-webkit-details-marker {
    display: none;
}

#solny-modal-order .solny-customer-create__more summary i {
    color: #2f3ea1;
    transition: transform .16s ease;
}

#solny-modal-order .solny-customer-create__more[open] summary i {
    transform: rotate(180deg);
}

#solny-modal-order .solny-customer-create__grid--extra {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 84%);
}

#solny-modal-order .solny-customer-create__actions {
    display: grid;
    gap: 7px;
}

#solny-modal-order .solny-customer-create__submit {
    width: fit-content;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 62%);
    background: linear-gradient(180deg, #4f5cff 0%, #3f38bf 100%);
    color: #fff;
}

#solny-modal-order .solny-customer-create__submit:hover {
    filter: brightness(1.02);
}

#solny-modal-order .solny-customer-create__submit.is-loading {
    opacity: 0.95;
}

#solny-modal-order .solny-customer-create__submit.is-success {
    border-color: rgba(20, 150, 95, 0.5);
    background: linear-gradient(180deg, #1fac6f 0%, #15975f 100%);
}

#solny-modal-order .solny-customer-create__submit.is-error {
    border-color: rgba(182, 64, 64, 0.5);
    background: linear-gradient(180deg, #dc6464 0%, #c14b4b 100%);
}

#solny-modal-order .solny-customer-create__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
}

#solny-modal-order .solny-customer-create__status i {
    font-size: 12px;
}

#solny-modal-order .solny-customer-create__status.is-muted {
    color: #415089;
}

#solny-modal-order .solny-customer-create__status.is-loading {
    color: #2e3b81;
}

#solny-modal-order .solny-customer-create__status.is-success {
    color: #12825a;
}

#solny-modal-order .solny-customer-create__status.is-error {
    color: #b24343;
}

#solny-modal-order .solny-customer-create__hint {
    font-size: 11px;
    line-height: 1.45;
    color: #32407a;
    border-top: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 78%);
    padding-top: 8px;
}

#solny-modal-order .solny-customer-create .solny-form__group.is-invalid > label {
    color: #a82f2f;
}

#solny-modal-order .solny-customer-create input.is-invalid,
#solny-modal-order .solny-customer-create select.is-invalid,
#solny-modal-order .solny-customer-create .solny-status-dropdown__trigger.is-invalid {
    border-color: rgba(199, 53, 53, 0.72) !important;
    box-shadow: 0 0 0 2px rgba(199, 53, 53, 0.16);
}

#solny-modal-order .solny-customer-create__field-error {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #ad3434;
    line-height: 1.35;
}

.solny-customer-quick-actions {
    margin-top: 8px;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    background: linear-gradient(180deg, #f7f9ff 0%, #f2f6ff 100%);
    display: grid;
    gap: 8px;
}

.solny-customer-quick-actions__title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--solny-dark);
}

.solny-customer-quick-actions__title i {
    color: var(--solny-blue);
}

.solny-customer-quick-actions__address {
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-text);
    line-height: 1.4;
}

.solny-customer-quick-actions__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-customer-quick-actions__buttons .solny-btn {
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.24);
    background: #fff;
    color: #2d3592;
    box-shadow: none;
    font-weight: 700;
}

.solny-customer-quick-actions__buttons .solny-btn i {
    font-size: 13px;
}

.solny-customer-quick-actions__buttons .solny-btn[data-action="task-link-open-map"] {
    border-color: rgba(37, 89, 215, 0.3);
    background: rgba(37, 89, 215, 0.1);
    color: #2149a9;
}

.solny-customer-quick-actions__buttons .solny-btn[data-action="task-link-open-route"] {
    border-color: rgba(24, 154, 112, 0.34);
    background: rgba(24, 154, 112, 0.1);
    color: #0f7f59;
}

.solny-customer-quick-actions__buttons .solny-btn[data-action="task-link-call"] {
    border-color: rgba(241, 137, 0, 0.36);
    background: rgba(241, 137, 0, 0.12);
    color: #b76400;
}

.solny-customer-quick-actions__buttons .solny-btn[data-action="task-link-open-map"]:hover {
    background: rgba(37, 89, 215, 0.16);
    border-color: rgba(37, 89, 215, 0.45);
}

.solny-customer-quick-actions__buttons .solny-btn[data-action="task-link-open-route"]:hover {
    background: rgba(24, 154, 112, 0.16);
    border-color: rgba(24, 154, 112, 0.5);
}

.solny-customer-quick-actions__buttons .solny-btn[data-action="task-link-call"]:hover {
    background: rgba(241, 137, 0, 0.18);
    border-color: rgba(241, 137, 0, 0.52);
}

.solny-customer-quick-actions.is-inline-chip {
    margin-top: 0;
    padding: 8px 9px;
    border-radius: 8px;
    gap: 6px;
    border-color: rgba(63, 56, 191, 0.2);
    background: color-mix(in srgb, #f7f9ff, #ffffff 24%);
}

.solny-customer-quick-actions.is-inline-chip .solny-customer-quick-actions__title {
    font-size: 11px;
}

.solny-customer-quick-actions.is-inline-chip .solny-customer-quick-actions__address {
    font-size: 11px;
    font-weight: 600;
}

.solny-customer-quick-actions.is-inline-chip .solny-customer-quick-actions__buttons {
    gap: 6px;
}

.solny-customer-quick-actions.is-inline-chip .solny-customer-quick-actions__buttons .solny-btn {
    min-height: 32px;
    padding: 6px 10px;
    border-radius: 7px;
    font-size: 11px;
}

.solny-customer-quick-actions.is-inline-chip .solny-customer-quick-actions__note {
    font-size: 10px;
}

.solny-customer-quick-actions__note {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-customer-quick-actions--warning {
    background: #fff7f2;
    border-color: #f5d0b8;
}

.solny-customer-quick-actions__warning {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    color: #b35a2e;
    line-height: 1.4;
}

.solny-customer-quick-actions__warning i {
    margin-top: 2px;
}

.solny-task-links-quick-actions {
    width: 100%;
    margin-top: 8px;
}

.solny-selected-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.solny-selected-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.1);
    color: var(--solny-blue);
    font-size: 12px;
}

.solny-avatar--sm {
    width: 30px;
    height: 30px;
    font-size: 10px;
}

.solny-avatar--lg {
    width: 40px;
    height: 40px;
    font-size: 14px;
}

.solny-avatar--xs {
    width: 18px;
    height: 18px;
    font-size: 9px;
}

.solny-avatar--customer {
    --avatar-bg: rgba(63, 56, 191, 0.12);
    --avatar-color: var(--solny-blue);
}

.solny-avatar--manager {
    --avatar-bg: rgba(59, 177, 133, 0.18);
    --avatar-color: var(--solny-green);
}

.solny-selected-chip span {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-selected-chip .solny-selected-chip__badge {
    font-size: 10px;
    font-weight: 700;
    color: var(--solny-blue);
}

.solny-selected-chip .solny-selected-chip__badge--role {
    color: var(--role-color, var(--solny-blue));
}

.solny-selected-chip__remove {
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--solny-blue);
    font-size: 14px;
    line-height: 1;
}

.solny-manager-picker {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-manager-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-manager-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(59, 177, 133, 0.15);
    color: var(--solny-green);
    font-size: 12px;
    font-weight: 600;
}

.solny-manager-chip__remove {
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--solny-green);
    font-size: 14px;
    line-height: 1;
}

.solny-notify-options {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.solny-pwa-icon-preview {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #cad2f6 24%);
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f8ff 100%);
    max-width: 100%;
}

.solny-pwa-icon-preview__tile {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #ccd3fb 26%);
    background: rgba(63, 56, 191, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex: 0 0 52px;
}

.solny-pwa-icon-preview__tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.solny-pwa-icon-preview__tile::before {
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 7px;
    border: 2px dashed rgba(63, 56, 191, 0.45);
    background: rgba(63, 56, 191, 0.08);
}

.solny-pwa-icon-preview.has-image .solny-pwa-icon-preview__tile::before {
    display: none;
}

.solny-pwa-icon-preview.has-image .solny-pwa-icon-preview__tile img {
    display: block;
}

.solny-pwa-icon-preview__meta {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.solny-pwa-icon-preview__meta strong {
    font-size: 13px;
    color: var(--solny-dark);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-pwa-icon-preview__meta small {
    font-size: 11px;
    color: var(--solny-muted);
    line-height: 1.2;
}

.solny-hint {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-hint--with-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.solny-hint--with-action .solny-btn {
    flex: 0 0 auto;
}

.solny-push-debug {
    border: 1px solid color-mix(in srgb, var(--solny-border), #cfd4f3 28%);
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
    padding: 12px;
    display: grid;
    gap: 10px;
}

.solny-push-debug__status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--solny-muted);
}

.solny-push-debug__status.is-ok {
    color: #1c8f63;
}

.solny-push-debug__status.is-error {
    color: #c44b56;
}

.solny-push-debug__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-push-debug__chip {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #fff 15%);
    background: rgba(128, 123, 200, 0.08);
    color: #5a5e74;
}

.solny-push-debug__chip small {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.solny-push-debug__chip b {
    font-size: 11px;
    font-weight: 800;
}

.solny-push-debug__chip.is-ok {
    background: rgba(59, 177, 133, 0.12);
    border-color: rgba(59, 177, 133, 0.35);
    color: #1f9466;
}

.solny-push-debug__chip.is-warn {
    background: rgba(255, 168, 54, 0.13);
    border-color: rgba(255, 168, 54, 0.35);
    color: #b66f12;
}

.solny-push-debug__chip.is-error {
    background: rgba(215, 91, 91, 0.12);
    border-color: rgba(215, 91, 91, 0.32);
    color: #b84e4e;
}

.solny-push-debug__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-push-debug__target {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 8px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #cdd3f8 20%);
    border-radius: 11px;
    background: #fff;
    min-height: 38px;
}

.solny-push-debug__target > span {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--solny-muted);
    font-weight: 700;
}

.solny-push-debug__target select {
    border: none;
    background: transparent;
    color: var(--solny-dark);
    font-size: 12px;
    font-weight: 600;
    min-width: 180px;
    max-width: 320px;
    outline: none;
    font-family: 'Montserrat', sans-serif;
}

.solny-push-debug__log {
    margin: 0;
    border: 1px dashed color-mix(in srgb, var(--solny-border), #d6dcff 28%);
    border-radius: 10px;
    padding: 9px 10px;
    background: #f7f8ff;
    color: #51556d;
    font-size: 11px;
    line-height: 1.4;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    max-height: 180px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

.solny-push-subscribers-list {
    display: grid;
    gap: 10px;
}

.solny-push-subscriber {
    border: 1px solid color-mix(in srgb, var(--solny-border), #d9defc 26%);
    border-radius: 14px;
    padding: 10px 12px;
    background: #fff;
    display: grid;
    gap: 7px;
}

.solny-push-subscriber.is-on {
    border-color: rgba(59, 177, 133, 0.4);
    box-shadow: inset 0 0 0 1px rgba(59, 177, 133, 0.14);
}

.solny-push-subscriber__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.solny-push-subscriber__identity {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.solny-push-subscriber__identity strong {
    font-size: 13px;
    color: var(--solny-dark);
}

.solny-push-subscriber__identity span {
    font-size: 11px;
    color: var(--solny-muted);
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-push-subscriber__badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 11px;
    font-weight: 700;
}

.solny-push-subscriber__badge.is-on {
    background: rgba(59, 177, 133, 0.13);
    color: #1f9466;
}

.solny-push-subscriber__badge.is-off {
    background: rgba(128, 123, 200, 0.12);
    color: #615b9d;
}

.solny-push-subscriber__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-push-subscriber__meta span {
    font-size: 11px;
    color: #636886;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.solny-push-subscriber__error {
    font-size: 11px;
    color: #b84e4e;
    background: rgba(215, 91, 91, 0.12);
    border: 1px solid rgba(215, 91, 91, 0.3);
    border-radius: 9px;
    padding: 6px 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-push-subscriber__tokens {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-push-subscriber-token {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 9px;
    border: 1px solid var(--solny-border);
    padding: 4px 7px;
    font-size: 11px;
    background: #f7f8ff;
}

.solny-push-subscriber-token span {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    color: #525776;
}

.solny-push-subscriber-token small {
    color: var(--solny-muted);
    text-transform: uppercase;
    font-size: 10px;
}

.solny-push-subscriber-token.is-active {
    border-color: rgba(59, 177, 133, 0.35);
    background: rgba(59, 177, 133, 0.1);
}

.solny-push-visual-stack {
    position: fixed;
    top: 88px;
    right: 16px;
    z-index: 4050;
    display: grid;
    gap: 10px;
    max-width: min(420px, calc(100vw - 24px));
}

.solny-push-visual {
    border: 1px solid rgba(130, 124, 208, 0.32);
    background: linear-gradient(140deg, rgba(255,255,255,0.98), rgba(244, 245, 255, 0.98));
    color: #2a2f48;
    border-radius: 14px;
    padding: 9px 10px;
    box-shadow: 0 16px 34px rgba(31, 36, 70, 0.2);
    display: grid;
    grid-template-columns: 26px 1fr 18px;
    align-items: center;
    gap: 8px;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    border-left: 4px solid #3f38bf;
}

.solny-push-visual.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.solny-push-visual.is-success {
    border-left-color: #3bb185;
}

.solny-push-visual.is-warn {
    border-left-color: #ff9f24;
}

.solny-push-visual.is-push {
    border-left-color: #3f38bf;
}

.solny-push-visual__icon {
    width: 26px;
    height: 26px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(63, 56, 191, 0.13);
    color: #3f38bf;
}

.solny-push-visual__text {
    display: grid;
    gap: 2px;
    min-width: 0;
    text-align: left;
}

.solny-push-visual__text strong {
    font-size: 12px;
    line-height: 1.2;
}

.solny-push-visual__text span {
    font-size: 11px;
    color: #5e6485;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-push-visual__close {
    color: #8b90ad;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 640px) {
    .solny-push-debug__target {
        width: 100%;
        justify-content: space-between;
    }

    .solny-push-debug__target select {
        min-width: 0;
        max-width: 100%;
        flex: 1 1 auto;
    }
}

.solny-input-with-icon {
    position: relative;
}

.solny-input-with-icon > i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--solny-muted);
    pointer-events: none;
}

.solny-input-with-icon input {
    padding-left: 34px;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.solny-input-with-icon select {
    padding-left: 34px;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.solny-input-with-icon textarea {
    padding-left: 34px;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.solny-email-recipient {
    position: relative;
}

.solny-email-recipient .solny-input-with-icon {
    width: 100%;
}

.solny-email-recipient__input {
    position: relative;
    width: 100%;
    min-width: 0;
}

.solny-email-recipient__input input {
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
    padding-left: 64px;
    padding-right: clamp(120px, 24vw, 200px);
}

.solny-email-recipient__input-icon {
    color: var(--solny-muted);
}

.solny-email-recipient__input > i {
    left: 16px;
    font-size: 14px;
}

.solny-email-recipient__clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--solny-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.solny-email-recipient__clear:hover {
    color: var(--solny-blue);
    background: rgba(63, 56, 191, 0.08);
}

.solny-email-recipient__role {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
}

.solny-email-recipient__role-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid var(--solny-border);
    background: #f6f7fb;
    color: var(--solny-muted);
    font-size: 11px;
    cursor: pointer;
    max-width: 150px;
    font-family: inherit;
}

.solny-email-recipient__role-trigger i {
    font-size: 12px;
}

.solny-email-recipient__role-trigger span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90px;
}

.solny-email-recipient__role.is-active .solny-email-recipient__role-trigger {
    color: var(--role-color, var(--solny-blue));
    border-color: color-mix(in srgb, var(--role-color, var(--solny-blue)), #ffffff 55%);
    background: color-mix(in srgb, var(--role-color, var(--solny-blue)), #ffffff 85%);
}

.solny-email-recipient__role.is-active .solny-email-recipient__role-trigger i {
    color: var(--role-color, var(--solny-blue));
}

.solny-email-recipient__role-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    min-width: 220px;
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    padding: 8px;
    box-shadow: var(--solny-shadow);
    display: none;
    z-index: 170;
}

.solny-email-recipient__role.is-open .solny-email-recipient__role-menu {
    display: block;
}

.solny-email-recipient__role-item {
    width: 100%;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 8px 10px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
}

.solny-email-recipient__role-item:hover {
    background: #f6f7fb;
    border-color: rgba(63, 56, 191, 0.2);
}

.solny-email-recipient__role-item.is-active {
    border-color: color-mix(in srgb, var(--role-color, var(--solny-blue)), #ffffff 60%);
    background: color-mix(in srgb, var(--role-color, var(--solny-blue)), #ffffff 85%);
    color: var(--role-color, var(--solny-blue));
}

.solny-email-recipient__role-item i {
    color: var(--role-color, var(--solny-blue));
}

.solny-email-recipient__role-item[data-role=""] {
    --role-color: var(--solny-blue);
}

.solny-email-recipient__role-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
}

.solny-email-recipient__dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    box-shadow: var(--solny-shadow);
    z-index: 160;
    display: none;
}

.solny-email-recipient.is-open .solny-email-recipient__dropdown {
    display: block;
}

.solny-email-recipient__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    border-bottom: 1px solid var(--solny-border);
    background: #fbfcff;
    border-radius: 12px 12px 0 0;
}

.solny-email-recipient__suggestions {
    max-height: 320px;
    overflow-y: auto;
    padding: 10px;
    display: grid;
    gap: 10px;
}

.solny-email-recipient__empty {
    font-size: 12px;
    color: var(--solny-muted);
    padding: 6px 4px;
}

.solny-recipient-card {
    display: grid;
    grid-template-columns: 40px 1fr auto;
    gap: 10px;
    align-items: start;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid var(--solny-border);
    background: #fff;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    font-family: inherit;
}

.solny-recipient-card:hover {
    border-color: rgba(63, 56, 191, 0.3);
    box-shadow: 0 12px 22px rgba(23, 28, 47, 0.08);
    transform: translateY(-1px);
}

.solny-recipient-card__avatar .solny-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 12px;
}

.solny-recipient-card__body {
    display: grid;
    gap: 6px;
}

.solny-recipient-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.solny-recipient-card__header strong {
    font-size: 13px;
    color: var(--solny-text);
}

.solny-recipient-card__company {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-recipient-card__company i {
    color: var(--solny-blue);
    font-size: 12px;
}

.solny-recipient-card__company img {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
}

.solny-recipient-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-recipient-card__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f3f5ff;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 85%);
}

.solny-recipient-card__meta i {
    font-size: 11px;
    color: var(--solny-blue);
}

.solny-recipient-card > i {
    align-self: center;
    color: var(--solny-muted);
    font-size: 12px;
}

@media (max-width: 700px) {
    .solny-email-recipient__input input {
        padding-right: 130px;
    }

    .solny-email-recipient__role-trigger {
        max-width: 110px;
        font-size: 10px;
    }

    .solny-email-recipient__role-trigger span {
        max-width: 60px;
    }
}

.solny-email-recipient__selected {
    margin-top: 10px;
    display: grid;
    gap: 8px;
}

.solny-recipient-card--selected {
    cursor: default;
}

.solny-recipient-card__remove {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    background: #fff;
    color: var(--solny-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.solny-recipient-card__remove:hover {
    color: #d14b4b;
    border-color: rgba(209, 75, 75, 0.5);
}

.solny-input-with-icon input:focus {
    border-color: var(--solny-blue);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
}

.solny-input-with-icon select:focus,
.solny-input-with-icon textarea:focus {
    border-color: var(--solny-blue);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
}

.solny-status-dropdown {
    position: relative;
    width: 100%;
}

.solny-status-dropdown__trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--solny-border);
    border-radius: 8px;
    background: #fff;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--solny-dark);
    font-family: inherit;
    height: 40px;
    cursor: pointer;
    text-align: left;
}

.solny-status-dropdown__trigger i {
    color: var(--solny-muted);
}

.solny-status-dropdown__value {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#solny-modal-order #solny-customer-status .solny-status-dropdown__value {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

#solny-modal-order #solny-customer-status .solny-status-dropdown__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#solny-modal-order #solny-customer-status .solny-status-dropdown__timer {
    margin-left: auto;
    flex: 0 0 auto;
    max-width: 46%;
    padding: 3px 7px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--timer-color, #3f38bf), #ffffff 90%);
}

#solny-modal-order #solny-customer-status .solny-status-dropdown__timer span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-status-dropdown__placeholder {
    color: var(--solny-muted);
    font-weight: 500;
}

.solny-status-dropdown__menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    box-shadow: var(--solny-shadow);
    padding: 6px;
    display: none;
    max-height: 240px;
    overflow-y: auto;
    z-index: 140;
}

.solny-status-dropdown.is-open .solny-status-dropdown__menu {
    display: block;
}

.solny-status-dropdown__option {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    color: var(--solny-dark);
    text-align: left;
}

.solny-status-dropdown__option:hover {
    background: #f3f5fb;
}

.solny-status-dropdown__option.is-selected {
    background: color-mix(in srgb, var(--status-color, var(--solny-blue)), #ffffff 85%);
    border-color: color-mix(in srgb, var(--status-color, var(--solny-blue)), #ffffff 60%);
}

.solny-status-dropdown__label {
    font-weight: 600;
}

.solny-status-dot {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--status-color, var(--solny-blue)), #ffffff 82%);
    color: var(--status-color, var(--solny-blue));
    border: 1px solid color-mix(in srgb, var(--status-color, var(--solny-blue)), #ffffff 60%);
    font-size: 12px;
}

.solny-status-select {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 8px;
}

.solny-status-select__field {
    position: relative;
    display: flex;
    align-items: center;
}

.solny-status-select__field select {
    appearance: none;
    background: #fff;
    padding-right: 32px;
}

.solny-status-select__field i {
    position: absolute;
    right: 12px;
    color: var(--solny-muted);
    pointer-events: none;
}

.solny-status-preview {
    min-height: 30px;
    display: flex;
    align-items: center;
}

.solny-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 10px;
    color: var(--status-color, var(--solny-blue));
    background: color-mix(in srgb, var(--status-color, var(--solny-blue)), #ffffff 82%);
    border: 1px solid color-mix(in srgb, var(--status-color, var(--solny-blue)), #ffffff 60%);
}

.solny-status-badge i {
    font-size: 12px;
}

.solny-suggestions {
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    margin-top: 4px;
    max-height: 180px;
    overflow-y: auto;
    position: relative;
    z-index: 80;
}

.solny-suggestions:empty {
    display: none;
}

.solny-suggestion {
    padding: 8px 10px;
    font-size: 12px;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid var(--solny-border);
    background: transparent;
}

.solny-suggestion span:not(.solny-avatar) {
    display: block;
    color: var(--solny-muted);
    font-size: 11px;
}

.solny-suggestion:hover {
    background: #f6f7fb;
}

.solny-suggestions--dropdown {
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    width: 100%;
    min-width: 0;
    margin-top: 0;
    border-radius: 8px;
    box-shadow: var(--solny-shadow);
    z-index: 60;
}

.solny-product-search {
    position: relative;
    z-index: 1;
}

.solny-product-search + .solny-product-id + .solny-suggestions,
.solny-product-search + input + .solny-suggestions {
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    width: 100%;
    margin-top: 0;
    border-radius: 8px;
    box-shadow: var(--solny-shadow);
    z-index: 100;
}

.solny-item .solny-form__group {
    position: relative;
}

.solny-form__group--partial-price {
    display: grid;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
}

.solny-partial-price-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.solny-partial-price-title {
    color: var(--solny-muted);
    font-size: 12px;
    font-weight: 700;
}

.solny-partial-price-mode-toggle {
    flex: 0 0 auto;
    max-width: 150px;
    min-height: 34px;
    padding: 4px 8px;
    border-radius: 8px;
    background: #f7f8ff;
    border: 1px solid rgba(63, 56, 191, 0.12);
    white-space: nowrap;
}

.solny-partial-price-mode-toggle .solny-switch__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-form__group--partial-price.is-split-mode .solny-partial-price-mode-toggle {
    background: rgba(59, 177, 133, 0.1);
    border-color: rgba(59, 177, 133, 0.24);
}

.solny-partial-price-inline {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.solny-form__group--partial-price.is-closed .solny-partial-price-mode-toggle {
    display: none;
}

.solny-partial-price-inline .solny-item-price {
    flex: 0 1 130px;
    width: 130px;
    min-width: 78px;
    min-height: 34px;
    font-weight: 800;
}

.solny-partial-price-inline .solny-item-price[readonly] {
    background: #f7f8ff;
    border-color: rgba(63, 56, 191, 0.16);
    color: #1b1e2b;
    cursor: default;
}

.solny-partial-invoice__items .solny-item-price-meta {
    flex: 1 1 160px;
    margin-top: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    font-size: 12px;
    color: var(--solny-muted);
    width: auto;
    max-width: 100%;
    min-width: 0;
}

.solny-form__group--partial-price:not(.is-split-mode) .solny-item-price-meta {
    display: none;
}

.solny-partial-invoice__items .solny-item-price-meta > div {
    display: grid;
    gap: 1px;
    min-width: 0;
    padding: 5px 7px;
    border-radius: 9px;
    background: #f7f8ff;
    border: 1px solid rgba(63, 56, 191, 0.1);
}

.solny-partial-invoice__items .solny-item-price-meta > div.is-open {
    background: rgba(59, 177, 133, 0.09);
    border-color: rgba(59, 177, 133, 0.24);
}

.solny-partial-invoice__items .solny-item-price-meta > div.is-after {
    background: rgba(63, 56, 191, 0.07);
}

.solny-partial-invoice__items .solny-item-price-meta span {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    white-space: nowrap;
}

.solny-partial-invoice__items .solny-item-price-meta strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 800;
    color: var(--solny-dark);
}

.solny-partial-invoice__items .solny-item-price-history {
    position: relative;
    z-index: 2;
    width: 34px;
    height: 34px;
    min-height: 34px;
    flex: 0 0 34px;
    margin-top: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border-color: rgba(63, 56, 191, 0.18);
    background: rgba(63, 56, 191, 0.07);
    color: #3331b5;
    font-size: 13px;
    font-weight: 700;
}

.solny-partial-invoice__items .solny-item.is-price-clamped .solny-item-price {
    border-color: rgba(215, 91, 91, 0.65);
    box-shadow: 0 0 0 3px rgba(215, 91, 91, 0.12);
}

.solny-partial-item-history {
    display: grid;
    gap: 14px;
}

.solny-partial-item-history__summary {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) repeat(4, minmax(92px, auto));
    gap: 12px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(59, 177, 133, 0.07));
}

.solny-partial-item-history__summary div,
.solny-partial-item-history__amounts div {
    display: grid;
    gap: 2px;
}

.solny-partial-item-history__summary span,
.solny-partial-item-history__amounts span {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--solny-muted);
}

.solny-partial-item-history__list {
    display: grid;
    gap: 10px;
}

.solny-partial-item-history__entry {
    display: grid;
    grid-template-columns: 38px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid var(--solny-border);
    background: #fff;
    box-shadow: 0 10px 24px rgba(24, 31, 62, 0.06);
}

.solny-partial-item-history__index {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #3f38bf;
    color: #fff;
    font-weight: 900;
}

.solny-partial-item-history__main {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.solny-partial-item-history__main span {
    color: var(--solny-muted);
    font-size: 12px;
}

.solny-partial-item-history__amounts {
    display: grid;
    grid-template-columns: repeat(3, minmax(96px, auto));
    gap: 8px;
}

.solny-partial-item-history__amounts div {
    padding: 8px 10px;
    border-radius: 10px;
    background: #f7f8ff;
    border: 1px solid #e7e9f2;
    text-align: right;
}

@media (max-width: 760px) {
    .solny-partial-price-inline {
        flex-wrap: wrap;
    }

    .solny-partial-price-inline .solny-item-price-meta {
        grid-column: 1 / -1;
        width: 100%;
    }

    .solny-partial-issuer-picker.has-issuer .solny-partial-created-by-search {
        padding-left: 12px;
        padding-right: 12px;
    }

    .solny-partial-issuer-picker #solny-partial-created-by-chip {
        max-width: 100%;
        margin-top: 0;
    }

    .solny-partial-price-head {
        align-items: flex-start;
    }

    .solny-partial-invoice__items .solny-item-price-meta {
        grid-template-columns: repeat(2, minmax(90px, 1fr));
    }

    .solny-partial-invoice__items .solny-item-price-history {
        width: 34px;
        justify-content: center;
    }

    .solny-partial-item-history__summary,
    .solny-partial-item-history__entry,
    .solny-partial-item-history__amounts {
        grid-template-columns: 1fr;
    }

    .solny-partial-item-history__amounts div {
        text-align: left;
    }
}

.solny-item .solny-suggestions {
    margin-top: 0;
}

.solny-ticket-manager-picker .solny-suggestions--dropdown {
    z-index: 160;
}

.solny-customer-search-group,
.solny-manager-picker .solny-form__group {
    position: relative;
}

.solny-customer-search-group .solny-input-with-icon,
.solny-manager-picker .solny-input-with-icon {
    width: 100%;
}

.solny-item {
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 12px;
    background: #fff;
}

.solny-item__row {
    display: grid;
    grid-template-columns: 44px 1.5fr 0.5fr 0.6fr auto;
    gap: 12px;
    align-items: end;
}

.solny-item__row.is-with-clarify {
    grid-template-columns: 44px minmax(0, 1.45fr) 0.5fr 0.6fr auto auto;
}

.solny-item__clarify-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-self: stretch;
    justify-content: flex-end;
}

.solny-item__clarify-switch {
    min-height: 32px;
    padding: 0 8px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 66%);
    border-radius: 10px;
    background: color-mix(in srgb, var(--solny-blue), #ffffff 93%);
}

.solny-item__clarify-switch .solny-switch__label {
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
}

.solny-item__controls {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
}

.solny-item__controls .solny-btn {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, transform .12s ease;
}

.solny-item__controls .solny-btn:hover {
    transform: translateY(0);
    box-shadow: 0 8px 14px rgba(33, 57, 150, 0.16);
}

.solny-item__remove {
    color: #b54545;
    border: 1px solid rgba(181, 69, 69, 0.34) !important;
    background: linear-gradient(180deg, #fff7f7 0%, #ffecec 100%) !important;
}

.solny-item__remove:hover {
    color: #972f2f;
    border-color: rgba(151, 47, 47, 0.48) !important;
    background: linear-gradient(180deg, #fff2f2 0%, #ffe2e2 100%) !important;
}

.solny-item__remove:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(181, 69, 69, 0.2);
}

.solny-item__drag {
    cursor: grab;
    color: #5f6d9a;
    border: 1px solid rgba(95, 109, 154, 0.26) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f2f5ff 100%) !important;
}

.solny-item__drag:hover {
    color: #3f4e84;
    border-color: rgba(63, 78, 132, 0.4) !important;
}

.solny-item__drag:active {
    cursor: grabbing;
    transform: scale(0.98);
}

.solny-item__toggle {
    color: #2f4fba;
    border: 1px solid rgba(47, 79, 186, 0.34) !important;
    background: linear-gradient(180deg, #f9fbff 0%, #eaf1ff 100%) !important;
}

.solny-item__toggle[aria-expanded="true"] {
    color: #1f3fab;
    border-color: rgba(31, 63, 171, 0.46) !important;
    background: linear-gradient(180deg, #f3f8ff 0%, #dee9ff 100%) !important;
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.12);
}

.solny-item__toggle[aria-expanded="false"] {
    color: #5f6f9a;
    border-color: rgba(95, 111, 154, 0.3) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f3f6ff 100%) !important;
}

#solny-email-items .solny-item__controls,
#solny-ticket-items .solny-item__controls,
#solny-expense-items .solny-item__controls {
    display: none;
}

.solny-item__toggle i {
    transition: transform 0.22s ease, color 0.16s ease;
}

.solny-item__toggle[aria-expanded="true"] i {
    transform: rotate(0deg);
}

.solny-item__toggle[aria-expanded="false"] i {
    transform: rotate(-90deg);
}

.solny-item.is-collapsed .solny-item__adjustments,
.solny-item.is-collapsed .solny-item__attributes,
.solny-item.is-collapsed .solny-item__configs,
.solny-item.is-collapsed .solny-item__include {
    display: none;
}

.solny-item.is-collapsed .solny-item__toggle i {
    transform: rotate(-90deg);
}

.solny-item.is-dragging {
    opacity: 0.6;
}

.solny-item__include {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-top: 10px;
    padding: 8px 10px;
    border: 1px dashed var(--solny-border);
    border-radius: 10px;
    background: #f7f8fc;
}

.solny-item__include .solny-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--solny-text);
}

.solny-item.is-excluded {
    opacity: 0.65;
    background: #fafbff;
}

.solny-item__adjustments {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
}

.solny-item__adjustment {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    background: #f7f8fc;
}

.solny-item__adjustment.is-collapsed .solny-item__adjustment-body {
    display: none;
}

.solny-item__adjustment-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.solny-item__adjustment-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.solny-item__adjustment-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.solny-item__label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--solny-muted);
}

.solny-item__adjustment-input {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

.solny-item__adjustment-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.solny-item__adjustment-inline select {
    flex: 1;
}

.solny-item__mini-btn {
    height: 32px;
    padding: 0 10px;
    border-radius: 8px;
}

.solny-item__adjustment-input input,
.solny-item__adjustment-field input,
.solny-item__adjustment-field select {
    width: 100%;
    height: 32px;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    padding: 4px 8px;
    font-size: 12px;
    background: #fff;
}

.solny-item__suffix {
    font-size: 11px;
    color: var(--solny-muted);
    white-space: nowrap;
}

.solny-order-prefix-map {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}

.solny-order-prefix-map__row {
    display: grid;
    grid-template-columns: 1fr 160px;
    gap: 12px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    background: #ffffff;
}

.solny-order-prefix-map__label {
    font-size: 12px;
    color: var(--solny-text);
}

.solny-order-prefix-map__select {
    width: 100%;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    padding: 4px 8px;
    font-size: 12px;
    background: #fff;
}

#solny-email-items .solny-item__adjustments,
#solny-ticket-items .solny-item__adjustments,
#solny-expense-items .solny-item__adjustments {
    display: none;
}

.solny-item__configs {
    margin-top: 12px;
}

.solny-item__configs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 6px;
}

.solny-config {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr 0.4fr auto;
    gap: 8px;
    margin-bottom: 8px;
}

.solny-config.is-excluded {
    opacity: 0.6;
}

.solny-config-include {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--solny-muted);
    white-space: nowrap;
}

.solny-partial-invoice__items .solny-config {
    grid-template-columns: 0.9fr 1.2fr 0.5fr auto auto;
    align-items: center;
}

.solny-config input {
    border-radius: 10px;
    padding: 8px;
    border: 1px solid var(--solny-border);
    font-size: 12px;
}

.solny-manager-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
}

#solny-task-form .solny-manager-list,
.solny-task-assignee-picker .solny-manager-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.solny-task-links-grid--modal {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

.solny-task-links-grid--modal .solny-form__group {
    margin-bottom: 0;
}

.solny-task-links-grid--modal .solny-input-with-icon {
    position: relative;
}

.solny-task-links-grid--modal .solny-input-with-icon > i {
    left: 12px;
    width: 18px;
    text-align: center;
    pointer-events: none;
}

.solny-task-links-grid--modal .solny-input-with-icon input,
.solny-task-links-grid--modal .solny-input-with-icon select,
.solny-task-links-grid--modal .solny-input-with-icon textarea {
    padding-left: 40px !important;
    width: 100%;
}

#solny-task-form .solny-task-links-section .solny-form__group input:not([type="checkbox"]):not([type="radio"]),
#solny-task-form .solny-task-links-section .solny-form__group textarea,
#solny-task-form .solny-task-links-section .solny-form__group select {
    padding-left: 30px;
}

.solny-task-links-grid--modal .solny-suggestions--dropdown {
    left: 0;
    right: 0;
}

.solny-task-links-grid--modal .solny-selected-list {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.solny-task-links-grid--modal .solny-task-order-forms-switch {
    margin-top: 10px;
    padding: 6px 8px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 62%);
    border-radius: 10px;
    background: color-mix(in srgb, var(--solny-blue), #ffffff 92%);
}

.solny-task-links-grid--modal .solny-task-order-forms-switch .solny-switch__label {
    font-size: 11px;
    line-height: 1.25;
    white-space: normal;
}

.solny-task-links-grid--modal .solny-task-order-forms-hint {
    margin-top: 6px;
    font-size: 10px;
    line-height: 1.35;
}

.solny-task-links-grid--modal .solny-selected-chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid var(--solny-border);
    background: #fff;
    box-shadow: 0 6px 16px rgba(23, 28, 47, 0.06);
}

.solny-task-links-grid--modal .solny-selected-chip strong {
    display: block;
    font-size: 12px;
}

.solny-task-links-grid--modal .solny-selected-chip span {
    display: block;
    font-size: 8px;
    color: var(--solny-muted);
}

.solny-task-links-grid--modal .solny-selected-chip__remove {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    background: #fff;
    font-size: 14px;
}

.solny-task-links-grid--modal .solny-selected-chip--task-order {
    --status-color: var(--solny-blue);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border-color: color-mix(in srgb, var(--status-color), #ffffff 68%);
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--status-color), #ffffff 95%),
        #ffffff 72%
    );
}

.solny-task-links-grid--modal .solny-selected-chip--task-order .solny-selected-chip__info {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.solny-task-links-grid--modal .solny-selected-chip--task-order strong {
    color: var(--solny-text);
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-task-links-grid--modal .solny-selected-chip--task-order > .solny-selected-chip__info > span {
    font-size: 10px;
    color: var(--solny-muted);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-task-links-grid--modal .solny-selected-chip--task-order .solny-selected-chip__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 1px;
}

.solny-task-links-grid--modal .solny-selected-chip--task-order .solny-selected-chip__badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 7px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--status-color, #3f38bf);
    border: 1px solid color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 66%);
    background: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 86%);
}

.solny-task-links-grid--modal .solny-selected-chip--task-order .solny-selected-chip__badge i {
    font-size: 10px;
}

.solny-task-links-grid--modal .solny-selected-chip--task-order .solny-selected-chip__badge span {
    display: inline;
    font-size: 10px;
    color: inherit;
}

.solny-task-links-grid--modal .solny-selected-chip--task-order .solny-selected-chip__actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-task-links-grid--modal .solny-selected-chip--task-order .solny-selected-chip__open,
.solny-task-links-grid--modal .solny-selected-chip--task-order .solny-selected-chip__remove {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--status-color), #ffffff 58%);
    background: #ffffff;
    color: var(--status-color);
    cursor: pointer;
}

.solny-task-links-grid--modal .solny-selected-chip--task-order .solny-selected-chip__open:hover,
.solny-task-links-grid--modal .solny-selected-chip--task-order .solny-selected-chip__remove:hover {
    background: color-mix(in srgb, var(--status-color), #ffffff 92%);
}

.solny-task-links-grid--modal .solny-task-assignee-column .solny-manager-list {
    display: none;
}

#solny-modal-task .solny-task-notify-inline {
    display: block;
    margin-top: 10px;
}

#solny-modal-task .solny-task-notify-section {
    width: 100%;
}

#solny-modal-task .solny-task-notify-section .solny-form__group {
    margin: 0;
}

#solny-modal-task .solny-task-notify-panel {
    border: none;
    border-radius: 14px;
    background: #f7f8ff;
    padding: 11px 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 8px;
    width: 100%;
}

#solny-modal-task .solny-task-notify-panel__head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    grid-column: 1 / -1;
}

#solny-modal-task .solny-task-notify-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: color-mix(in srgb, var(--solny-blue), #ffffff 86%);
    color: var(--solny-blue);
    font-size: 12px;
}

#solny-modal-task .solny-task-notify-panel__titles {
    display: grid;
    gap: 2px;
    min-width: 0;
}

#solny-modal-task .solny-task-notify-panel__titles strong {
    font-size: 12px;
    line-height: 1.25;
    color: var(--solny-text);
}

#solny-modal-task .solny-task-notify-panel__titles span {
    font-size: 10px;
    color: var(--solny-muted);
    line-height: 1.3;
}

#solny-modal-task .solny-task-notify-panel__head-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

#solny-modal-task .solny-task-notify-panel__toggle {
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 58%);
    background: #ffffff;
    color: var(--solny-blue);
    font-size: 10px;
    font-weight: 700;
    padding: 6px 10px;
}

#solny-modal-task .solny-task-notify-panel__toggle:hover {
    background: color-mix(in srgb, var(--solny-blue), #ffffff 90%);
}

#solny-modal-task .solny-task-notify-rows {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 8px;
    min-width: 0;
}

#solny-modal-task .solny-task-reminder-row {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

#solny-modal-task .solny-task-notify-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px 12px;
    padding: 7px 9px;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 72%);
    background: rgba(255, 255, 255, 0.85);
    min-width: 0;
    width: 100%;
}

#solny-modal-task .solny-task-notify-row--reminder {
    border-color: color-mix(in srgb, #1a66ff, #ffffff 72%);
    background: linear-gradient(
        135deg,
        rgba(26, 102, 255, 0.08),
        rgba(26, 102, 255, 0.03)
    );
}

#solny-modal-task .solny-task-notify-row__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--solny-text);
    white-space: nowrap;
}

#solny-modal-task .solny-task-notify-row .solny-notify-options {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-end;
    justify-self: end;
    min-width: 0;
    white-space: nowrap;
}

#solny-modal-task .solny-task-notify-row .solny-switch {
    margin: 0;
    gap: 6px;
}

#solny-modal-task .solny-task-notify-row .solny-switch__label {
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
}

#solny-modal-task .solny-task-reminder-presets {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    grid-column: 1 / 2;
    min-width: 0;
}

#solny-modal-task .solny-task-reminder-custom {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    min-width: 0;
    grid-column: 2 / 3;
    justify-content: flex-end;
}

#solny-modal-task .solny-task-reminder-custom__label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--solny-muted);
    margin-right: 2px;
}

#solny-modal-task .solny-task-reminder-custom__controls {
    display: grid;
    grid-template-columns: 68px 82px auto;
    gap: 6px;
    align-items: center;
    width: auto;
    min-width: 0;
    white-space: nowrap;
}

#solny-modal-task .solny-task-reminder-custom__controls input,
#solny-modal-task .solny-task-reminder-custom__controls select {
    width: 100%;
    height: 30px;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 72%);
    background: #fff;
    padding: 0 8px;
    font-size: 10px;
}

#solny-modal-task .solny-task-reminder-custom__list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 0;
    min-width: 0;
    grid-column: 1 / -1;
    justify-content: flex-end;
}

#solny-modal-task .solny-task-reminder-custom [data-action="task-reminder-add"] {
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 60%);
    background: color-mix(in srgb, var(--solny-blue), #ffffff 88%);
    color: var(--solny-blue);
    font-weight: 700;
    box-shadow: none;
}

#solny-modal-task .solny-task-reminder-custom [data-action="task-reminder-add"]:hover {
    background: color-mix(in srgb, var(--solny-blue), #ffffff 82%);
    border-color: color-mix(in srgb, var(--solny-blue), #ffffff 45%);
}

#solny-modal-task .solny-task-reminder-custom-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px 5px 10px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 66%);
    background: color-mix(in srgb, var(--solny-blue), #ffffff 88%);
    color: var(--solny-blue);
    font-size: 10px;
    font-weight: 600;
}

#solny-modal-task .solny-task-reminder-custom-chip b {
    font-weight: 700;
}

#solny-modal-task .solny-task-reminder-custom-chip__remove {
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: rgba(63, 56, 191, 0.16);
    color: var(--solny-blue);
    padding: 0;
}

#solny-modal-task .solny-task-reminder-custom-chip__remove i {
    font-size: 10px;
}

#solny-modal-task .solny-task-reminder-chip {
    position: relative;
    display: inline-flex;
    margin: 0;
    cursor: pointer;
}

#solny-modal-task .solny-task-reminder-chip input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

#solny-modal-task .solny-task-reminder-chip span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 72%);
    background: #fff;
    color: var(--solny-muted);
    font-size: 10px;
    font-weight: 600;
    transition: all 0.18s ease;
}

#solny-modal-task .solny-task-reminder-chip input:checked + span {
    border-color: var(--solny-blue);
    background: color-mix(in srgb, var(--solny-blue), #ffffff 84%);
    color: var(--solny-blue);
    box-shadow: 0 4px 12px rgba(63, 56, 191, 0.16);
}

#solny-modal-task .solny-task-notify-inline .solny-hint {
    margin: 0;
    font-size: 10px;
    color: var(--solny-muted);
    grid-column: 1 / -1;
}

#solny-modal-task .solny-task-notify-panel.is-details-collapsed .solny-task-reminder-row,
#solny-modal-task .solny-task-notify-panel.is-details-collapsed .solny-task-reminder-custom__list,
#solny-modal-task .solny-task-notify-panel.is-details-collapsed .solny-task-reminder-summary,
#solny-modal-task .solny-task-notify-panel.is-details-collapsed .solny-task-reminder-runtime,
#solny-modal-task .solny-task-notify-panel.is-details-collapsed .solny-hint {
    display: none !important;
}

#solny-modal-task .solny-task-reminder-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 7px 9px;
    border-radius: 10px;
    border: 1px dashed color-mix(in srgb, var(--solny-blue), #ffffff 62%);
    background: color-mix(in srgb, var(--solny-blue), #ffffff 92%);
    grid-column: 1 / -1;
}

#solny-modal-task .solny-task-reminder-summary__title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--solny-muted);
}

#solny-modal-task .solny-task-reminder-summary__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    background: var(--solny-blue);
    color: #fff;
    padding: 0 6px;
}

#solny-modal-task .solny-task-reminder-summary__channels {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

#solny-modal-task .solny-task-reminder-summary__metas {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

#solny-modal-task .solny-task-reminder-summary__meta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid #d6d9e6;
    background: #fff;
    color: var(--solny-muted);
}

#solny-modal-task .solny-task-reminder-summary__meta.is-sent {
    border-color: rgba(59, 177, 133, 0.35);
    color: #238a67;
    background: rgba(59, 177, 133, 0.12);
}

#solny-modal-task .solny-task-reminder-summary__meta.is-due {
    border-color: rgba(255, 136, 26, 0.4);
    color: #b5621d;
    background: rgba(255, 136, 26, 0.14);
}

#solny-modal-task .solny-task-reminder-summary__meta.is-waiting {
    border-color: rgba(39, 123, 255, 0.35);
    color: #2566c9;
    background: rgba(39, 123, 255, 0.12);
}

#solny-modal-task .solny-task-reminder-summary__meta.is-error {
    border-color: rgba(215, 91, 91, 0.35);
    color: #be4a4a;
    background: rgba(215, 91, 91, 0.12);
}

#solny-modal-task .solny-task-reminder-summary__channel {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 68%);
    background: #fff;
    color: var(--solny-blue);
}

#solny-modal-task .solny-task-reminder-summary__channel.is-muted {
    border-color: #d6d9e6;
    color: var(--solny-muted);
}

#solny-modal-task .solny-task-reminder-summary__items {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

#solny-modal-task .solny-task-reminder-summary__item {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 68%);
    background: #fff;
    color: var(--solny-text);
}

#solny-modal-task .solny-task-reminder-summary__item-statuses {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

#solny-modal-task .solny-task-reminder-summary__item-status {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 6px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    border: 1px solid #d6d9e6;
    color: var(--solny-muted);
    background: #fff;
}

#solny-modal-task .solny-task-reminder-summary__item-status.is-sent {
    border-color: rgba(59, 177, 133, 0.35);
    color: #238a67;
    background: rgba(59, 177, 133, 0.12);
}

#solny-modal-task .solny-task-reminder-summary__item-status.is-due {
    border-color: rgba(255, 136, 26, 0.4);
    color: #b5621d;
    background: rgba(255, 136, 26, 0.14);
}

#solny-modal-task .solny-task-reminder-summary__item-status.is-waiting {
    border-color: rgba(39, 123, 255, 0.35);
    color: #2566c9;
    background: rgba(39, 123, 255, 0.12);
}

#solny-modal-task .solny-task-reminder-summary__item-status.is-error {
    border-color: rgba(215, 91, 91, 0.35);
    color: #be4a4a;
    background: rgba(215, 91, 91, 0.12);
}

#solny-modal-task .solny-task-reminder-summary__state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    border: 1px solid #d6d9e6;
    background: #fff;
    color: var(--solny-muted);
}

#solny-modal-task .solny-task-reminder-summary__state.is-empty {
    border-color: rgba(215, 91, 91, 0.32);
    color: #c05555;
}

#solny-modal-task .solny-task-reminder-runtime {
    display: grid;
    gap: 6px;
    padding: 8px 9px;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--solny-blue), #ffffff 66%);
    background: #fff;
    grid-column: 1 / -1;
}

#solny-modal-task .solny-task-reminder-runtime__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

#solny-modal-task .solny-task-reminder-runtime__head-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

#solny-modal-task .solny-task-reminder-runtime__head strong {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--solny-muted);
}

#solny-modal-task .solny-task-reminder-runtime__actions {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

#solny-modal-task .solny-task-reminder-runtime__toggle {
    border-radius: 8px;
}

#solny-modal-task .solny-task-reminder-runtime.is-collapsed .solny-task-reminder-runtime__actions,
#solny-modal-task .solny-task-reminder-runtime.is-collapsed .solny-task-reminder-runtime__meta,
#solny-modal-task .solny-task-reminder-runtime.is-collapsed .solny-task-reminder-runtime__list {
    display: none;
}

#solny-modal-task .solny-task-reminder-runtime__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 10px;
    color: var(--solny-muted);
}

#solny-modal-task .solny-task-reminder-runtime__meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid #d6d9e6;
    background: #fff;
}

#solny-modal-task .solny-task-reminder-runtime__meta b {
    color: var(--solny-text);
}

#solny-modal-task .solny-task-reminder-runtime__list {
    display: grid;
    gap: 4px;
}

#solny-modal-task .solny-task-reminder-runtime__row {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    color: var(--solny-muted);
    padding: 4px 6px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--solny-blue), #ffffff 92%);
}

#solny-modal-task .solny-task-reminder-runtime__row b {
    color: var(--solny-text);
    font-size: 10px;
}

#solny-modal-task .solny-task-reminder-runtime__row small {
    grid-column: 1 / -1;
    color: var(--solny-text);
    opacity: 0.82;
}

@media (max-width: 900px) {
    #solny-modal-task .solny-task-notify-panel {
        grid-template-columns: 1fr;
    }
    #solny-modal-task .solny-task-notify-rows {
        grid-template-columns: 1fr;
    }
    #solny-modal-task .solny-task-reminder-row {
        grid-template-columns: 1fr;
    }
    #solny-modal-task .solny-task-notify-row {
        grid-template-columns: 1fr;
        align-items: center;
    }
    #solny-modal-task .solny-task-notify-row .solny-notify-options {
        justify-content: flex-start;
        justify-self: start;
    }
    #solny-modal-task .solny-task-reminder-presets,
    #solny-modal-task .solny-task-reminder-custom {
        grid-column: 1 / -1;
    }
    #solny-modal-task .solny-task-reminder-custom {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    #solny-modal-task .solny-task-notify-panel {
        padding: 12px;
    }
    #solny-modal-task .solny-task-reminder-presets {
        gap: 6px;
    }
    #solny-modal-task .solny-task-reminder-custom__controls {
        grid-template-columns: 1fr 1fr;
    }
    #solny-modal-task .solny-task-reminder-custom__controls button {
        grid-column: 1 / -1;
        justify-self: start;
    }
    #solny-modal-task .solny-task-reminder-runtime__head {
        align-items: flex-start;
        flex-direction: column;
    }
    #solny-modal-task .solny-task-reminder-runtime__head-actions {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    #solny-modal-task .solny-task-reminder-runtime__actions {
        width: 100%;
        justify-content: flex-start;
    }
    #solny-modal-task .solny-task-reminder-chip span {
        font-size: 10px;
        padding: 5px 9px;
    }
}

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

.solny-task-links-grid--modal .solny-selected-chip--customer {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--status-color, var(--solny-border)), #ffffff 60%);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 92%),
        #ffffff 70%);
    box-shadow: 0 8px 18px rgba(23, 28, 47, 0.08);
}

.solny-task-links-grid--modal .solny-selected-chip--customer .solny-selected-chip__head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.solny-task-links-grid--modal .solny-selected-chip--customer .solny-avatar {
    display: flex;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 10px;
}

.solny-task-links-grid--modal .solny-selected-chip--customer .solny-selected-chip__info {
    display: grid;
    gap: 4px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-task-links-grid--modal .solny-selected-chip--customer strong {
    font-size: 12px;
    color: var(--solny-text);
}

.solny-task-links-grid--modal .solny-chip-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    background: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 85%);
    border: 1px solid color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 65%);
    color: var(--status-color, #3f38bf);
}

.solny-task-links-grid--modal .solny-chip-status i {
    font-size: 11px;
}

.solny-task-links-grid--modal .solny-chip-badges {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    font-size: 8px;
}

.solny-task-links-grid--modal .solny-chip-badges > span {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    line-height: 1;
}

.solny-task-links-grid--modal .solny-chip-company,
.solny-task-links-grid--modal .solny-chip-role,
.solny-task-links-grid--modal .solny-chip-timer {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 600;
    border: 1px solid transparent;
}

.solny-task-links-grid--modal .solny-chip-company {
    background: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 90%);
    border-color: color-mix(in srgb, var(--company-color, #3f38bf), #ffffff 70%);
    color: var(--company-color, #3f38bf);
}

.solny-task-links-grid--modal .solny-chip-company img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover;
}

.solny-task-links-grid--modal .solny-chip-role {
    background: color-mix(in srgb, var(--role-color, #3f38bf), #ffffff 90%);
    border-color: color-mix(in srgb, var(--role-color, #3f38bf), #ffffff 70%);
    color: var(--role-color, #3f38bf);
}

.solny-task-links-grid--modal .solny-chip-timer {
    background: color-mix(in srgb, var(--timer-color, #3f38bf), #ffffff 90%);
    border-color: color-mix(in srgb, var(--timer-color, #3f38bf), #ffffff 70%);
    color: var(--timer-color, #3f38bf);
}

.solny-task-links-grid--modal .solny-chip-timer.is-overdue {
    color: #e74c3c;
    border-color: rgba(231, 76, 60, 0.35);
    background: rgba(231, 76, 60, 0.12);
}

.solny-task-links-grid--modal .solny-selected-chip--customer .solny-selected-chip__remove {
    border-radius: 10px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.solny-task-links-grid--modal .solny-selected-chip--customer .solny-selected-chip__quick-actions {
    grid-column: 1 / -1;
}

.solny-task-links-grid--modal .solny-selected-chip--customer .solny-customer-quick-actions__title span,
.solny-task-links-grid--modal .solny-selected-chip--customer .solny-customer-quick-actions__warning span {
    display: inline;
    font-size: inherit;
    color: inherit;
}

#solny-modal-task #solny-task-subtasks {
    display: grid;
    gap: 10px;
}

#solny-modal-task #solny-task-subtasks .solny-subtask {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    background: #fff;
    box-shadow: 0 8px 16px rgba(23, 28, 47, 0.06);
}

#solny-modal-task #solny-task-subtasks .solny-subtask-title {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    padding: 8px 10px;
    font-size: 13px;
}

#solny-modal-task #solny-task-subtasks .solny-subtask-remove {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    align-content: center;
    justify-content: center;
}

#solny-modal-task #solny-task-subtasks .solny-checkbox--inline {
    margin: 0;
}

#solny-modal-task [data-action="add-subtask"] {
    margin-top: 10px;
    border-radius: 8px;
    font-weight: 600;
    color: var(--solny-blue);
    border: 1px dashed color-mix(in srgb, var(--solny-blue), #ffffff 55%);
    background: color-mix(in srgb, var(--solny-blue), #ffffff 90%);
}

.solny-task-links-grid--modal .solny-manager-chips {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

.solny-task-links-grid--modal .solny-manager-chip {
    display: grid;
    grid-template-columns: 34px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid var(--solny-border);
    background: #fff;
    box-shadow: 0 8px 18px rgba(23, 28, 47, 0.08);
}

.solny-task-links-grid--modal .solny-manager-chip__info {
    display: grid;
    gap: 4px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-task-links-grid--modal .solny-manager-chip__info strong {
    font-size: 12px;
    color: var(--solny-text);
}

.solny-task-links-grid--modal .solny-manager-chip__meta {
    display: block;
}

.solny-task-links-grid--modal .solny-manager-chip__company,
.solny-task-links-grid--modal .solny-manager-chip__role {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    background: color-mix(in srgb, var(--company-color, var(--role-color, #3f38bf)), #ffffff 85%);
    border: 1px solid color-mix(in srgb, var(--company-color, var(--role-color, #3f38bf)), #ffffff 65%);
    color: var(--company-color, var(--role-color, #3f38bf));
}

.solny-task-links-grid--modal .solny-manager-chip__company img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover;
}

.solny-task-links-grid--modal .solny-manager-chip__remove {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    background: #fff;
    font-size: 14px;
}

.solny-task-links-grid--modal .solny-task-assignee-column .solny-manager-list {
    grid-template-columns: 1fr;
}

@media (max-width: 900px) {
    #solny-task-form .solny-task-links-grid--modal {
        grid-template-columns: 1fr;
    }
    .solny-modal__dialog--wide .solny-task-links-grid--modal {
        grid-template-columns: 1fr;
    }
}

.solny-manager-list.is-hidden {
    display: none;
}

.solny-manager {
    background: #f6f7fb;
    border-radius: 12px;
    padding: 8px 12px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: border 0.2s ease, background 0.2s ease;
}

.solny-manager input {
    accent-color: var(--solny-blue);
}

.solny-manager:hover {
    border-color: rgba(63, 56, 191, 0.2);
    background: #fff;
}

.solny-manager input:checked + span {
    color: var(--solny-blue);
    font-weight: 600;
}

.solny-suggestions--manager {
    margin-top: 6px;
}

.solny-suggestion {
    width: 100%;
    text-align: left;
}

.solny-suggestion--person {
    display: flex;
    align-items: center;
    gap: 10px;
}

.solny-suggestion--person strong {
    font-size: 12px;
}

.solny-suggestion__info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.solny-suggestion--person i {
    color: var(--solny-muted);
}

.solny-status-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.solny-status-list.is-sorting .solny-status-row:not(.is-dragging) {
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.solny-status-row {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 16px;
    padding: 12px;
}

.solny-status-row.is-removed-from-kanban {
    border-color: rgba(255, 146, 20, 0.34);
    background: linear-gradient(135deg, rgba(255, 250, 241, 0.96), rgba(255, 255, 255, 0.96));
    box-shadow: inset 4px 0 0 rgba(255, 146, 20, 0.72);
}

.solny-status-row.is-removed-from-list {
    display: none;
}

.solny-status-row.is-dragging {
    opacity: 0.62;
    transform: scale(0.995);
    border-color: rgba(31, 128, 255, 0.42);
    box-shadow: 0 16px 34px rgba(31, 128, 255, 0.18);
}

.solny-status-row__header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.solny-status-row__drag,
.solny-status-row [data-action="toggle-status-row"] {
    width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.solny-status-row__drag {
    border: 1px solid rgba(31, 128, 255, 0.24);
    background: linear-gradient(135deg, rgba(31, 128, 255, 0.13), rgba(59, 177, 133, 0.12));
    color: #1c5db5;
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.solny-status-row.is-dragging .solny-status-row__drag {
    cursor: grabbing;
}

.solny-status-row [data-action="toggle-status-row"] {
    border-color: rgba(63, 56, 191, 0.24) !important;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.14), rgba(31, 128, 255, 0.12)) !important;
    color: #2b3190 !important;
}

.solny-status-row.is-open [data-action="toggle-status-row"] {
    background: linear-gradient(135deg, #3f38bf, #1f80ff) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(63, 56, 191, 0.22);
}

.solny-status-row.is-open [data-action="toggle-status-row"] i {
    transform: rotate(180deg);
}

.solny-status-row__title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.solny-status-row__badges {
    display: inline-flex;
    gap: 6px;
    margin-left: auto;
}

.solny-status-row__body {
    display: none;
    flex-direction: column;
    gap: 12px;
    max-width: 100%;
}

.solny-status-row.is-open .solny-status-row__body {
    display: flex;
}

.solny-status-row__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.solny-status-row__action {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-status-templates {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-status-templates__title {
    font-weight: 600;
    font-size: 12px;
}

.solny-status-templates__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-status-wc-email {
    border: 1px solid rgba(63, 56, 191, 0.22);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.06), rgba(59, 177, 133, 0.08));
    padding: 12px;
    display: grid;
    gap: 10px;
}

.solny-status-wc-email__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.solny-status-wc-email__head > div:first-child {
    display: grid;
    gap: 3px;
}

.solny-status-wc-email__head strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #202852;
    font-size: 13px;
}

.solny-status-wc-email__head strong i {
    color: #3f38bf;
}

.solny-status-wc-email__head > div:first-child > span {
    color: #59617e;
    font-size: 12px;
    font-weight: 600;
}

.solny-status-wc-email__toggles {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.solny-status-wc-email__toggle {
    min-height: 32px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.72);
    padding: 5px 9px;
    color: #202852;
}

.solny-status-wc-email__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 10px;
}

.solny-status-wc-email-card {
    border-color: rgba(63, 56, 191, 0.2) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    padding: 10px !important;
    gap: 5px !important;
    min-height: 0 !important;
}

.solny-status-wc-email-card:hover {
    border-color: rgba(63, 56, 191, 0.42) !important;
    background: #ffffff !important;
}

.solny-status-wc-email-card__head,
.solny-status-wc-email-card__meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.solny-status-wc-email-card__audience,
.solny-status-wc-email-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 22px;
    padding: 3px 7px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.solny-status-wc-email-card__audience.is-admin {
    color: #2b3190;
    background: rgba(63, 56, 191, 0.12);
}

.solny-status-wc-email-card__audience.is-customer {
    color: #14764f;
    background: rgba(59, 177, 133, 0.14);
}

.solny-status-wc-email-card__badge {
    color: #2457b4;
    background: rgba(31, 128, 255, 0.12);
}

.solny-status-wc-email-card__badge.is-edited {
    color: #8f4b00;
    background: rgba(255, 146, 20, 0.16);
}

.solny-status-wc-email-card__title {
    color: #171d3d;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.solny-status-wc-email-card__desc {
    color: #535c7a;
    font-size: 11px;
    line-height: 1.35;
}

.solny-status-wc-email-card__meta small {
    color: #66708f;
    font-size: 10px;
    font-weight: 700;
}

.solny-status-wc-email-card__edit {
    justify-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 8px;
    color: #ffffff;
    background: linear-gradient(135deg, #3f38bf, #1f80ff);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.solny-status-wc-email-empty {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px dashed rgba(59, 177, 133, 0.34);
    background: rgba(59, 177, 133, 0.08);
    color: #146244;
    font-size: 12px;
    font-weight: 700;
}

.solny-status-custom-email {
    border: 1px solid rgba(59, 177, 133, 0.24);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(59, 177, 133, 0.07), rgba(31, 128, 255, 0.06));
    padding: 12px;
    display: grid;
    gap: 10px;
}

.solny-status-custom-email__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.solny-status-custom-email__head > div {
    display: grid;
    gap: 3px;
}

.solny-status-custom-email__head strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #17385d;
    font-size: 13px;
}

.solny-status-custom-email__head strong i {
    color: #1f80ff;
}

.solny-status-custom-email__head span {
    color: #4d6078;
    font-size: 12px;
    font-weight: 600;
}

.solny-status-custom-email__templates {
    border-color: rgba(31, 128, 255, 0.32) !important;
    background: linear-gradient(135deg, rgba(31, 128, 255, 0.14), rgba(59, 177, 133, 0.16)) !important;
    color: #164c9f !important;
    border-radius: 10px !important;
}

.solny-status-custom-email__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.solny-status-custom-email__channel {
    display: grid;
    grid-template-columns: auto minmax(160px, 1fr);
    gap: 8px 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(31, 128, 255, 0.18);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.78);
}

.solny-status-custom-email__channel select {
    width: 100%;
    min-height: 34px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 9px;
    background: #ffffff;
    color: #1b2449;
    font-size: 12px;
    font-weight: 700;
}

.solny-status-custom-email__channel > span {
    grid-column: 1 / -1;
    color: #5d6b85;
    font-size: 11px;
    font-weight: 700;
}

.solny-status-template {
    border: 1px solid #e5e8f1;
    border-radius: 14px;
    padding: 10px;
    background: #fff;
}

.solny-status-template__header {
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-status-template__header input {
    flex: 1;
}

.solny-status-template__stages {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.solny-status-stage {
    border: 1px solid #eef0f6;
    border-radius: 12px;
    padding: 10px;
    background: #f9faff;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-status-stage__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) auto;
    gap: 10px;
    align-items: end;
}

.solny-status-stage__due {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 6px;
}

.solny-status-stage__time {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.solny-status-stage__time-label {
    font-size: 11px;
    color: var(--solny-muted);
    min-width: 52px;
}

.solny-status-action-order {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid #e7e9f2;
    background: #f9faff;
    margin-bottom: 10px;
}

.solny-status-action-order__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.solny-status-action-order__meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-status-action-order__meta strong {
    font-size: 13px;
    color: var(--solny-text);
}

.solny-status-action-order__company {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--company-color, var(--solny-blue));
    background: color-mix(in srgb, var(--company-color, var(--solny-blue)), #ffffff 82%);
    border: 1px solid color-mix(in srgb, var(--company-color, var(--solny-blue)), #ffffff 65%);
    padding: 4px 8px;
    border-radius: 999px;
}

.solny-status-action-order__company img {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

.solny-status-stage__period {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.solny-status-stage__period.is-hidden {
    display: none;
}

.solny-assignee-card {
    display: grid;
    grid-template-columns: 18px 32px 1fr;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid #e7e9f2;
    background: #fff;
    cursor: pointer;
}

.solny-assignee-card input[type="checkbox"] {
    margin: 0;
}

.solny-assignee-card__info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
}

.solny-assignee-card__info strong {
    font-size: 13px;
}

.solny-assignee-card__company,
.solny-assignee-card__role {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-assignee-card__company img {
    width: 14px;
    height: 14px;
    border-radius: 4px;
}

.solny-assignee-card__company i,
.solny-assignee-card__role i {
    color: var(--role-color, var(--solny-blue));
}

.solny-file-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-file-field__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--solny-muted);
}


.solny-status-stage__fields {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-role-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-role-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
}

.solny-role-chip input {
    display: none;
}

.solny-role-chip span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    color: var(--role-color, var(--solny-blue));
    background: color-mix(in srgb, var(--role-color, var(--solny-blue)), #ffffff 82%);
    cursor: pointer;
}

.solny-role-chip input:checked + span {
    border-color: var(--role-color, var(--solny-blue));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--role-color, var(--solny-blue)), #ffffff 60%);
}

.solny-role-chip__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    background: color-mix(in srgb, var(--role-color, var(--solny-blue)), #ffffff 86%);
    color: var(--role-color, var(--solny-blue));
    font-size: 12px;
}

.solny-role-chip__btn.is-active {
    border-color: var(--role-color, var(--solny-blue));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--role-color, var(--solny-blue)), #ffffff 60%);
}

.solny-customer-status-row,
.solny-expense-status-row,
.solny-task-status-row,
.solny-customer-timer-row {
    display: grid;
    gap: 10px;
    align-items: end;
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 16px;
    padding: 12px;
}

.solny-customer-status-row {
    grid-template-columns: minmax(160px, 1fr) 110px minmax(140px, 1fr) 120px;
}

.solny-expense-status-row {
    grid-template-columns: minmax(160px, 1fr) 110px minmax(140px, 1fr) minmax(160px, 1fr) 120px;
}

.solny-task-status-row {
    grid-template-columns: minmax(0, 1.15fr) 96px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(180px, 0.95fr);
    border-color: color-mix(in srgb, var(--solny-border), #dbe0ff 36%);
    background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
}

.solny-customer-timer-row {
    grid-template-columns: minmax(160px, 1fr) 110px minmax(140px, 1fr) minmax(200px, 1fr) minmax(180px, 1fr) minmax(140px, 1fr) 120px;
}

.solny-customer-status-row__cell,
.solny-expense-status-row__cell,
.solny-task-status-row__cell,
.solny-customer-timer-row__cell {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
}

.solny-customer-timer-custom .solny-customer-timer-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: 8px;
}

.solny-customer-timer-fields input {
    width: 100%;
}

.solny-customer-timer-mode {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 8px;
}

.solny-customer-timer-mode .solny-toggle-pill {
    min-height: 38px;
    justify-content: center;
}

.solny-customer-timer-mode .solny-toggle-pill span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-customer-status-row__actions,
.solny-expense-status-row__actions,
.solny-task-status-row__actions,
.solny-customer-timer-row__actions {
    align-items: center;
    justify-content: center;
}

.solny-customer-timer-row__task .solny-switch {
    align-self: flex-start;
}

.solny-customer-status-row input[type="text"],
.solny-expense-status-row input[type="text"],
.solny-task-status-row input[type="text"],
.solny-customer-timer-row input[type="text"],
.solny-customer-timer-row select {
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 12px;
    font-family: inherit;
}

.solny-customer-status-row input[type="color"],
.solny-expense-status-row input[type="color"],
.solny-task-status-row input[type="color"],
.solny-customer-timer-row input[type="color"] {
    width: 100%;
    height: 36px;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 2px;
    background: #fff;
}

#solny-modal-settings .solny-customer-status-settings-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.45fr);
    gap: 12px;
    align-items: end;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(36, 178, 112, 0.08));
}

#solny-modal-settings .solny-customer-status-settings-head strong {
    display: block;
    color: #20284f;
    font-size: 14px;
    font-weight: 800;
}

#solny-modal-settings .solny-customer-status-settings-head span {
    display: block;
    margin-top: 3px;
    color: #5e6688;
    font-size: 12px;
    font-weight: 600;
}

#solny-modal-settings .solny-customer-status-search input {
    min-height: 38px;
    border-radius: 9px;
}

#solny-modal-settings .solny-customer-status-add {
    grid-template-columns: minmax(190px, 1fr) 40px 44px max-content auto;
    align-items: end;
    gap: 8px;
    margin-top: 12px;
    padding: 9px;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 70%);
    background: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 94%) 100%);
}

#solny-modal-settings .solny-customer-status-add.has-timer {
    grid-template-columns: minmax(190px, 1fr) 40px 44px max-content max-content auto;
}

#solny-modal-settings .solny-customer-status-add .solny-switch input:checked,
#solny-modal-settings .solny-customer-status-row .solny-switch input:checked {
    background: var(--customer-status-color, #24b270);
    border-color: var(--customer-status-color, #24b270);
}

#solny-modal-settings .solny-customer-status-add .solny-switch input:not(:checked),
#solny-modal-settings .solny-customer-status-row .solny-switch input:not(:checked) {
    border-color: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 72%);
    background: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 86%);
}

#solny-modal-settings .solny-customer-status-add .solny-input-with-icon input {
    min-height: 40px;
    padding: 8px 12px 8px 42px;
    border-color: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 72%);
    border-radius: 8px;
    background: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 96%);
    font-weight: 700;
}

#solny-modal-settings .solny-customer-status-add .solny-input-with-icon > i {
    left: 14px;
    z-index: 1;
    width: 16px;
    text-align: center;
    color: color-mix(in srgb, var(--customer-status-color, #3f38bf), #20284f 24%);
}

#solny-modal-settings .solny-customer-status-add__timer-toggle {
    width: max-content;
    min-width: 96px;
    min-height: 40px;
    flex: 0 0 auto;
    gap: 7px;
    justify-content: center;
    padding: 0 7px;
    border: 1px solid color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 66%);
    border-radius: 8px;
    background: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 92%);
    color: #20284f;
    white-space: nowrap;
}

#solny-modal-settings .solny-customer-status-add__timer-toggle .solny-switch__label {
    color: #20284f;
    font-weight: 800;
}

#solny-modal-settings .solny-customer-status-add__timer[hidden] {
    display: none !important;
}

#solny-modal-settings .solny-customer-status-add__timer {
    display: grid;
    grid-template-columns: 76px 72px 72px minmax(118px, auto);
    gap: 6px;
    align-items: center;
    width: max-content;
    min-width: max-content;
    max-width: 100%;
    overflow: visible;
    padding: 5px;
    border: 1px solid color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 66%);
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 94%) 100%);
}

#solny-modal-settings .solny-customer-status-add__timer .solny-customer-time-control input,
#solny-modal-settings .solny-customer-status-add__timer .solny-customer-time-control select {
    min-height: 32px;
    border: 1px solid color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 72%);
    border-radius: 8px;
    padding: 6px 9px;
    background: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 97%);
    color: #20284f;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
    box-shadow: none;
}

#solny-modal-settings .solny-customer-status-add__timer .solny-customer-time-control select {
    padding-right: 24px;
}

#solny-modal-settings .solny-customer-status-add__task {
    min-height: 32px;
    min-width: max-content;
    gap: 7px;
    align-items: center;
    white-space: nowrap;
}

#solny-modal-settings .solny-customer-status-add__task .solny-switch__label {
    color: color-mix(in srgb, var(--customer-status-color, #3f38bf), #20284f 44%);
    font-weight: 800;
}

#solny-modal-settings .solny-customer-status-add__button {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid color-mix(in srgb, var(--customer-status-color, #24b270), #20284f 8%);
    border-radius: 8px;
    background: linear-gradient(135deg, var(--customer-status-color, #24b270) 0%, color-mix(in srgb, var(--customer-status-color, #24b270), #ffffff 16%) 100%);
    color: #ffffff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--customer-status-color, #24b270), transparent 78%);
}

#solny-modal-settings .solny-customer-status-add__button:hover,
#solny-modal-settings .solny-customer-status-add__button:focus-visible {
    background: linear-gradient(135deg, color-mix(in srgb, var(--customer-status-color, #24b270), #20284f 12%) 0%, var(--customer-status-color, #24b270) 100%);
    border-color: color-mix(in srgb, var(--customer-status-color, #24b270), #20284f 18%);
    color: #ffffff;
    outline: none;
}

#solny-modal-settings .solny-customer-status-add__button i {
    margin: 0;
}

#solny-modal-settings .solny-customer-status-row {
    display: block;
    width: 100%;
    padding: 12px;
    border-radius: 10px;
    border-color: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 70%);
    background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 94%) 100%);
}

#solny-modal-settings .solny-customer-status-row[hidden] {
    display: none !important;
}

#solny-modal-settings .solny-customer-status-row__layout {
    display: grid;
    grid-template-columns: minmax(250px, 1fr) 40px 44px 86px 44px;
    grid-template-areas:
        "preview color icon toggle remove";
    gap: 8px;
    align-items: end;
}

#solny-modal-settings .solny-customer-status-row.has-timer .solny-customer-status-row__layout {
    grid-template-columns: minmax(220px, 0.86fr) 40px 44px 82px minmax(318px, 1fr) 44px;
    grid-template-areas:
        "preview color icon toggle timer remove";
}

#solny-modal-settings .solny-customer-status-row__preview {
    grid-area: preview;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 44px;
    padding: 5px 0;
}

#solny-modal-settings .solny-customer-status-row__icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--customer-status-color, #3f38bf);
    background: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 86%);
    border: 1px solid color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 64%);
}

#solny-modal-settings .solny-customer-status-row__title {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

#solny-modal-settings .solny-customer-status-row__title-main {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

#solny-modal-settings .solny-customer-status-row__title strong {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 6px;
    color: #20284f;
    font-size: 14px;
    font-weight: 800;
    outline: none;
}

#solny-modal-settings .solny-customer-status-row.is-title-editing .solny-customer-status-row__title strong {
    overflow: visible;
    white-space: normal;
    background: #ffffff;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 70%);
}

#solny-modal-settings .solny-customer-status-title-edit {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 70%);
    border-radius: 7px;
    color: var(--customer-status-color, #3f38bf);
    background: #ffffff;
    cursor: pointer;
}

#solny-modal-settings .solny-customer-status-title-edit i {
    font-size: 11px;
}

#solny-modal-settings .solny-customer-status-row__title small {
    color: #617096;
    font-size: 11px;
    font-weight: 700;
}

#solny-modal-settings .solny-customer-status-row__remove {
    grid-area: remove;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    align-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b82020;
    border-color: rgba(184, 32, 32, 0.2);
    background: rgba(184, 32, 32, 0.06);
}

#solny-modal-settings .solny-customer-status-row__remove i {
    margin: 0;
    line-height: 1;
}

#solny-modal-settings .solny-customer-status-row__cell--color {
    grid-area: color;
    min-width: 0;
}

#solny-modal-settings .solny-customer-status-row__cell--icon {
    grid-area: icon;
    min-width: 0;
}

#solny-modal-settings .solny-customer-status-row__timer-toggle {
    grid-area: toggle;
    min-height: 44px;
    align-self: end;
    justify-content: center;
    padding: 0 4px;
}

#solny-modal-settings .solny-customer-status-timer-panel {
    display: grid;
    grid-area: timer;
    grid-template-columns: 68px 64px 64px minmax(96px, auto);
    gap: 6px;
    align-items: center;
    justify-content: start;
    min-width: 0;
    padding: 6px;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 72%);
    background: rgba(255, 255, 255, 0.76);
}

#solny-modal-settings .solny-customer-status-row:not(.has-timer) .solny-customer-status-timer-panel {
    display: none;
}

#solny-modal-settings .solny-customer-status-row input[type="number"],
#solny-modal-settings .solny-customer-status-row input[type="search"],
#solny-modal-settings .solny-customer-status-row select {
    border: 1px solid var(--solny-border);
    border-radius: 9px;
    padding: 8px 10px;
    font-size: 12px;
    font-family: inherit;
    background: #ffffff;
}

#solny-modal-settings .solny-customer-time-control {
    display: grid;
    gap: 4px;
}

#solny-modal-settings .solny-customer-time-control span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #5e6688;
    font-size: 11px;
    font-weight: 800;
}

#solny-modal-settings .solny-customer-time-control span i {
    color: var(--customer-status-color, #3f38bf);
}

#solny-modal-settings .solny-customer-time-control input,
#solny-modal-settings .solny-customer-time-control select {
    width: 100%;
    min-height: 34px;
    font-weight: 800;
}

#solny-modal-settings .solny-customer-status-row__task {
    align-self: end;
    min-height: 34px;
    display: flex;
    align-items: center;
}

#solny-modal-settings .solny-customer-status-row__task .solny-switch {
    min-height: 34px;
    align-items: center;
}

#solny-modal-settings .solny-customer-status-color-field {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border: 1px solid color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 68%);
    border-radius: 8px;
    background: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 92%);
    overflow: hidden;
}

#solny-modal-settings .solny-customer-status-color-field .solny-customer-status-color {
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0 !important;
    border: 0;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    display: block;
    overflow: hidden;
    -webkit-appearance: none;
    appearance: none;
}

#solny-modal-settings .solny-customer-status-color-field .solny-customer-status-color::-webkit-color-swatch-wrapper {
    padding: 0;
    border-radius: 6px;
}

#solny-modal-settings .solny-customer-status-color-field .solny-customer-status-color::-webkit-color-swatch {
    border: 0;
    border-radius: 6px;
}

#solny-modal-settings .solny-customer-status-color-field .solny-customer-status-color::-moz-color-swatch {
    border: 0;
    border-radius: 6px;
}

#solny-modal-settings .solny-customer-status-icon-field {
    position: relative;
}

#solny-modal-settings .solny-customer-status-icon-trigger {
    width: 44px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 64%);
    color: var(--customer-status-color, #3f38bf);
    background: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 88%);
    cursor: pointer;
}

#solny-modal-settings .solny-customer-status-icon-trigger i {
    font-size: 16px;
}

#solny-modal-settings .solny-customer-status-icon-menu {
    position: absolute;
    z-index: 40;
    right: 0;
    left: auto;
    top: calc(100% + 6px);
    display: none;
    width: 284px;
    max-height: 220px;
    overflow: auto;
    padding: 7px;
    border-radius: 9px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(32, 40, 79, 0.14);
}

#solny-modal-settings .solny-customer-status-icon-field:focus-within .solny-customer-status-icon-menu,
#solny-modal-settings .solny-customer-status-icon-menu:hover {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
}

#solny-modal-settings .solny-customer-status-icon-choice {
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    background: #ffffff;
    color: #20284f;
    cursor: pointer;
}

#solny-modal-settings .solny-customer-status-icon-choice.is-active {
    border-color: var(--customer-status-color, #3f38bf);
    color: var(--customer-status-color, #3f38bf);
    background: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 86%);
}

@media (max-width: 1320px) {
    #solny-modal-settings .solny-customer-status-add {
        grid-template-columns: minmax(180px, 1fr) 40px 44px max-content auto;
    }

    #solny-modal-settings .solny-customer-status-add.has-timer {
        grid-template-columns: minmax(180px, 1fr) 40px 44px max-content max-content auto;
    }

    #solny-modal-settings .solny-customer-status-add__timer {
        grid-template-columns: 70px 68px 68px minmax(106px, auto);
    }

    #solny-modal-settings .solny-customer-status-row__layout {
        grid-template-columns: minmax(210px, 1fr) 40px 44px 80px 44px;
        grid-template-areas:
            "preview color icon toggle remove";
    }

    #solny-modal-settings .solny-customer-status-row.has-timer .solny-customer-status-row__layout {
        grid-template-columns: minmax(190px, 0.82fr) 40px 44px 78px minmax(292px, 1fr) 44px;
        grid-template-areas:
            "preview color icon toggle timer remove";
    }

    #solny-modal-settings .solny-customer-status-timer-panel {
        grid-template-columns: 60px 58px 58px minmax(92px, auto);
    }
}

@media (max-width: 900px) {
    #solny-modal-settings .solny-customer-status-add {
        grid-template-columns: minmax(0, 1fr) 44px 44px auto;
    }

    #solny-modal-settings .solny-customer-status-add__timer {
        grid-column: 1 / -1;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
        min-width: 0;
    }

    #solny-modal-settings .solny-customer-status-add__button {
        grid-column: 1 / -1;
    }

    #solny-modal-settings .solny-customer-status-row__layout {
        grid-template-columns: minmax(0, 1fr) 62px 44px;
        grid-template-areas:
            "preview preview remove"
            "color icon toggle"
            "timer timer timer";
    }

    #solny-modal-settings .solny-customer-status-row__timer-toggle {
        justify-content: flex-start;
    }

    #solny-modal-settings .solny-customer-status-timer-panel {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

#solny-modal-order .solny-customer-timer-group[hidden] {
    display: none !important;
}

.solny-status-add--timer {
    display: grid;
    gap: 10px;
    align-items: end;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.solny-status-add--timer select {
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 12px;
    font-family: inherit;
    background: #fff;
}

.solny-status-add--task {
    align-items: end;
}

.solny-task-status-row__cell--done .solny-switch {
    align-self: flex-start;
}

.solny-task-status-row__cell--done,
.solny-task-status-row__cell--preview {
    align-self: stretch;
    justify-content: space-between;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--solny-border), #ffffff 24%);
    border-radius: 12px;
    background: #fff;
}

.solny-task-status-row__cell--done > label,
.solny-task-status-row__cell--preview > label {
    font-weight: 700;
    color: color-mix(in srgb, var(--solny-dark), #5b5f7a 30%);
}

.solny-task-status-row__actions {
    align-items: stretch;
    justify-content: flex-start;
    min-width: 0;
}

.solny-task-status-row__action-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

.solny-task-status-row__sort {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.solny-task-status-row__sort .solny-btn {
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0;
    justify-content: center;
}

.solny-task-status-row__remove {
    flex: 1 1 116px;
    min-height: 34px;
    padding: 0 10px;
    white-space: nowrap;
}

.solny-task-status-preview {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--task-status-preview, #3f38bf), #ffffff 64%);
    background: color-mix(in srgb, var(--task-status-preview, #3f38bf), #ffffff 90%);
    color: color-mix(in srgb, var(--task-status-preview, #3f38bf), #000000 14%);
    font-size: 12px;
    font-weight: 700;
}

.solny-task-status-preview i {
    font-size: 13px;
}

.solny-order-customer-meta {
    gap: 10px;
}

#solny-order-form.is-customer-mode-new .solny-order-customer-meta {
    display: none;
}

.solny-order-customer-meta__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
}

.solny-order-customer-meta__row .solny-form__group {
    min-width: 0;
}

.solny-order-customer-meta__row > .solny-form__group:first-child {
    grid-column: 1 / -1;
}

.solny-customer-timer-custom {
    --custom-timer-color: #3f38bf;
    margin-top: 10px;
    width: 100%;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #ffffff 70%);
    border-left: 4px solid var(--custom-timer-color);
    border-radius: 10px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--custom-timer-color), #ffffff 91%), #ffffff 72%);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-customer-timer-custom__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.solny-customer-timer-custom__head .solny-customer-timer-custom__toggle {
    margin-left: auto;
}

.solny-customer-aux-timer-history-btn {
    min-width: 42px;
    min-height: 38px;
    justify-content: center;
}

.solny-customer-aux-timer-history-btn.is-empty,
.solny-customer-aux-timer-history-btn:disabled {
    opacity: 0.55;
}

.solny-customer-timer-custom__intro {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.solny-customer-timer-custom__intro strong,
.solny-customer-timer-custom__intro small {
    display: block;
}

.solny-customer-timer-custom__intro strong {
    color: #20284f;
    font-size: 14px;
    font-weight: 800;
}

.solny-customer-timer-custom__intro small {
    margin-top: 2px;
    color: #5e6688;
    font-size: 12px;
    font-weight: 600;
}

.solny-customer-timer-custom.has-created-status .solny-customer-timer-custom__intro strong {
    color: var(--custom-timer-color);
}

.solny-customer-timer-custom__mark {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--custom-timer-color);
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #ffffff 62%);
    background: rgba(255, 255, 255, 0.76);
}

.solny-customer-timer-custom__mark i {
    display: block;
    line-height: 1;
    font-size: 14px;
}

.solny-customer-timer-custom__toggle {
    white-space: nowrap;
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #ffffff 62%);
    background: linear-gradient(135deg, var(--custom-timer-color), color-mix(in srgb, var(--custom-timer-color), #000000 15%));
    color: #ffffff;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--custom-timer-color), transparent 76%);
}

.solny-customer-timer-custom.is-open .solny-customer-timer-custom__toggle {
    color: #ffffff;
    border-color: color-mix(in srgb, var(--custom-timer-color), #ffffff 52%);
    background: linear-gradient(135deg, color-mix(in srgb, var(--custom-timer-color), #000000 8%), var(--custom-timer-color));
}

.solny-customer-timer-remaining {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--timer-color, #3f38bf), #ffffff 70%);
    background: color-mix(in srgb, var(--timer-color, #3f38bf), #ffffff 86%);
    color: var(--timer-color, #3f38bf);
    width: fit-content;
}

.solny-customer-timer-remaining.is-empty {
    display: none;
}

.solny-customer-timer-custom__body {
    display: none;
    flex-direction: column;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(63, 56, 191, 0.14);
}

.solny-customer-timer-custom.is-open .solny-customer-timer-custom__body {
    display: flex;
}

.solny-customer-timer-custom__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: end;
}

.solny-customer-timer-custom__pickers {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    align-items: stretch;
}

.solny-customer-timer-duration,
.solny-customer-timer-fixed {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-customer-timer-custom .solny-customer-timer-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    align-items: end;
    width: 100%;
    max-width: 100%;
    padding: 6px;
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #ffffff 68%);
    border-radius: 9px;
    background: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--custom-timer-color), #ffffff 94%) 100%);
}

.solny-customer-timer-custom .solny-customer-time-control {
    display: grid;
    gap: 4px;
}

.solny-customer-timer-custom .solny-customer-time-control span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #5e6688;
    font-size: 11px;
    font-weight: 800;
}

.solny-customer-timer-custom .solny-customer-time-control span i {
    color: var(--custom-timer-color);
}

.solny-customer-timer-duration.is-hidden,
.solny-customer-timer-fixed.is-hidden {
    display: none;
}

.solny-custom-timer-input,
.solny-custom-timer-time {
    min-height: 34px;
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #ffffff 72%);
    border-radius: 8px;
    padding: 6px 9px;
    width: 100%;
    font-size: 12px;
    font-weight: 800;
    color: var(--solny-dark) !important;
    background: color-mix(in srgb, var(--custom-timer-color), #ffffff 97%);
}

.solny-customer-timer-custom .solny-customer-timer-fields .solny-custom-timer-input {
    text-align: left;
}

.solny-customer-timer-custom .solny-customer-timer-fields .solny-custom-timer-input::-webkit-outer-spin-button,
.solny-customer-timer-custom .solny-customer-timer-fields .solny-custom-timer-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.solny-customer-timer-custom .solny-customer-timer-fields .solny-custom-timer-input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.solny-custom-timer-input::placeholder,
.solny-custom-timer-time::placeholder {
    color: var(--solny-muted);
}

.solny-custom-timer-fixed__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.solny-custom-timer-fixed__date,
.solny-custom-timer-fixed__date .solny-date-range,
.solny-custom-timer-fixed__date .solny-date-range__trigger {
    width: 100%;
}

.solny-custom-timer-date-range .solny-date-range__trigger {
    background: #ffffff;
    min-height: 42px;
    padding: 8px 10px;
}

.solny-custom-timer-date-range .solny-date-range__input {
    width: 100%;
    min-width: 0;
    font-size: 15px;
    font-weight: 600;
}

.solny-custom-timer-fixed__grid .solny-custom-timer-time {
    width: 100%;
    min-height: 42px;
}

.solny-customer-timer-custom__picker {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
}

.solny-customer-timer-custom__notify {
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #ffffff 70%);
    border-radius: 9px;
    background: color-mix(in srgb, var(--custom-timer-color), #ffffff 95%);
}

.solny-custom-timer-notify-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.solny-custom-timer-notify-options .solny-switch {
    min-height: 38px;
    justify-content: center;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #ffffff 68%);
    border-radius: 9px;
    background: #ffffff;
    color: #20284f;
}

.solny-custom-timer-notify-options .solny-switch:has(input:checked) {
    border-color: color-mix(in srgb, var(--custom-timer-color), #ffffff 35%);
    background: color-mix(in srgb, var(--custom-timer-color), #ffffff 90%);
    color: color-mix(in srgb, var(--custom-timer-color), #000000 18%);
}

.solny-custom-timer-palette {
    display: grid;
    gap: 8px;
}

.solny-custom-timer-palette {
    grid-template-columns: repeat(auto-fill, minmax(32px, 32px));
}

.solny-custom-timer-icon-picker {
    --customer-status-color: var(--custom-timer-color);
}

.solny-custom-timer-icon-quick {
    --customer-status-color: var(--custom-timer-color);
    display: grid;
    grid-template-columns: repeat(6, 38px);
    gap: 8px;
    align-items: start;
    max-width: 100%;
}

.solny-custom-timer-icon-quick-btn {
    width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #ffffff 64%);
    color: var(--custom-timer-color);
    background: #ffffff;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.solny-custom-timer-icon-quick-btn i {
    font-size: 15px;
}

.solny-custom-timer-icon-quick-btn.is-active {
    border-color: var(--custom-timer-color);
    color: #ffffff;
    background: var(--custom-timer-color);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--custom-timer-color), transparent 78%);
}

#solny-modal-order .solny-custom-timer-icon-field {
    position: relative;
    width: 38px;
    --customer-status-color: var(--custom-timer-color);
}

#solny-modal-order .solny-custom-timer-icon-trigger {
    width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #ffffff 64%);
    color: #ffffff;
    background: linear-gradient(135deg, var(--custom-timer-color), color-mix(in srgb, var(--custom-timer-color), #000000 12%));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--custom-timer-color), transparent 80%);
    cursor: pointer;
}

#solny-modal-order .solny-custom-timer-icon-trigger.is-active,
#solny-modal-order .solny-custom-timer-icon-field.is-menu-open .solny-custom-timer-icon-trigger {
    border-color: var(--custom-timer-color);
    background: var(--custom-timer-color);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--custom-timer-color), transparent 76%),
        0 10px 22px color-mix(in srgb, var(--custom-timer-color), transparent 76%);
}

#solny-modal-order .solny-custom-timer-icon-trigger i {
    font-size: 16px;
}

#solny-modal-order .solny-custom-timer-icon-field .solny-customer-status-icon-menu {
    position: fixed;
    z-index: 420;
    left: var(--custom-icon-menu-left, 0);
    top: var(--custom-icon-menu-top, 0);
    display: none;
    width: 284px;
    max-height: 220px;
    overflow: auto;
    padding: 7px;
    border-radius: 9px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(32, 40, 79, 0.14);
}

#solny-modal-order .solny-custom-timer-icon-field:focus-within .solny-customer-status-icon-menu,
#solny-modal-order .solny-custom-timer-icon-field.is-menu-open .solny-customer-status-icon-menu,
#solny-modal-order .solny-custom-timer-icon-field .solny-customer-status-icon-menu:hover {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
}

#solny-modal-order .solny-custom-timer-icon-field .solny-customer-status-icon-choice {
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    background: #ffffff;
    color: #20284f;
    cursor: pointer;
}

#solny-modal-order .solny-custom-timer-icon-field .solny-customer-status-icon-choice.is-active {
    border-color: var(--custom-timer-color);
    color: var(--custom-timer-color);
    background: color-mix(in srgb, var(--custom-timer-color), #ffffff 86%);
}

.solny-custom-timer-color {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 2px solid transparent;
    background: var(--chip-color);
    cursor: pointer;
}

.solny-custom-timer-color.is-active {
    border-color: var(--custom-timer-color);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--custom-timer-color), transparent 78%);
}

.solny-custom-timer-color--native {
    position: relative;
    display: inline-grid;
    place-items: center;
    color: #ffffff;
    overflow: hidden;
}

.solny-custom-timer-color--native input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.solny-custom-timer-color--native i {
    position: relative;
    z-index: 1;
    font-size: 11px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.solny-customer-timer-custom__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
}

.solny-customer-timer-custom__actions .solny-btn {
    justify-content: center;
}

.solny-customer-timer-custom__actions [data-action="apply-custom-timer"] {
    width: 100%;
}

.solny-customer-timer-custom__actions [data-action="apply-custom-timer"] {
    min-height: 48px;
    gap: 9px;
    border-radius: 9px;
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #000000 6%);
    background: linear-gradient(135deg, var(--custom-timer-color), color-mix(in srgb, var(--custom-timer-color), #000000 17%));
    color: #ffffff;
    font-weight: 900;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--custom-timer-color), transparent 78%);
}

.solny-customer-timer-custom__actions [data-action="apply-custom-timer"]:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px color-mix(in srgb, var(--custom-timer-color), transparent 74%);
}

.solny-customer-timer-custom__actions [data-action="apply-custom-timer"].is-loading {
    opacity: 0.82;
    cursor: wait;
}

.solny-customer-timer-custom__actions [data-action="apply-custom-timer"].is-saved {
    background: linear-gradient(135deg, #24b270, #198c5b);
    border-color: #198c5b;
}

.solny-customer-timer-custom__actions [data-action="apply-custom-timer"].is-error {
    background: linear-gradient(135deg, #e74c3c, #b72d22);
    border-color: #b72d22;
}

.solny-customer-timer-custom__actions [data-action="clear-custom-timer"] {
    min-height: 48px;
    gap: 7px;
    border-radius: 9px;
    border: 1px solid rgba(231, 76, 60, 0.26);
    color: #b72d22;
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.08), rgba(255, 255, 255, 0.96));
    font-weight: 900;
}

.solny-customer-timer-custom__actions [data-action="clear-custom-timer"][hidden] {
    display: none;
}

.solny-customer-timer-custom__actions [data-action="clear-custom-timer"]:hover:not(:disabled) {
    border-color: rgba(231, 76, 60, 0.42);
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.14), #ffffff);
    transform: translateY(-1px);
}

.solny-customer-timer-custom__actions [data-action="clear-custom-timer"].is-loading {
    opacity: 0.82;
    cursor: wait;
}

.solny-customer-timer-custom__actions [data-action="clear-custom-timer"].is-cleared {
    color: #198c5b;
    border-color: rgba(36, 178, 112, 0.38);
    background: linear-gradient(135deg, rgba(36, 178, 112, 0.14), #ffffff);
}

.solny-customer-timer-custom__actions [data-action="clear-custom-timer"].is-error {
    color: #ffffff;
    border-color: #b72d22;
    background: linear-gradient(135deg, #e74c3c, #b72d22);
}

@media (max-width: 700px) {
    .solny-customer-timer-custom__head {
        flex-direction: column;
        align-items: stretch;
    }

    .solny-customer-timer-custom__grid,
    .solny-customer-timer-custom__pickers {
        grid-template-columns: 1fr;
    }

    .solny-customer-timer-custom .solny-customer-timer-fields {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .solny-customer-timer-custom__toggle {
        width: 100%;
        justify-content: center;
    }

    .solny-customer-timer-custom__actions {
        grid-template-columns: 1fr;
    }

    .solny-customer-timer-custom__actions .solny-btn {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .solny-customer-timer-custom .solny-customer-timer-fields {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    #solny-modal-order .solny-order-pdf-actions {
        grid-column: 1 / -1;
    }

    #solny-modal-order .solny-order-pdf-actions__row {
        grid-template-columns: 1fr;
    }

    #solny-modal-order .solny-order-pdf-actions__accounting-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    #solny-modal-order .solny-order-pdf-actions__accounting {
        white-space: normal;
    }

    #solny-modal-order .solny-order-pdf-actions__accounting-note {
        white-space: normal;
    }

    #solny-modal-order .solny-customer-create__grid {
        grid-template-columns: 1fr;
    }

    .solny-order-customer-meta__row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .solny-customer-timer-mode {
        grid-template-columns: 1fr;
    }

    .solny-custom-timer-fixed__grid {
        grid-template-columns: 1fr;
    }
}

.solny-modal__dialog--alert {
    width: min(520px, 92vw);
}

.solny-modal__dialog--order-doc-status {
    width: min(560px, 94vw);
}

.solny-order-doc-status__message {
    margin-bottom: 10px;
}

.solny-order-doc-status__target {
    margin-bottom: 12px;
    font-weight: 600;
    color: var(--solny-ink);
}

.solny-order-doc-status__task-toggle {
    margin-top: 2px;
}

#solny-modal-alert.is-danger .solny-modal__dialog {
    border: 1px solid rgba(227, 79, 79, 0.45);
    padding: 8px;
}

.solny-alert-message {
    background: #f6f7fb;
    border-radius: 12px;
    padding: 12px;
    font-size: 14px;
    color: var(--solny-ink);
}

#solny-modal-alert.is-danger .solny-alert-message {
    background: #fff4f4;
    color: #b33a3a;
}

.solny-modal__dialog--overdue-alerts {
    width: min(900px, 96vw);
}

.solny-overdue-alerts__summary {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(255, 185, 75, 0.2) 0%, rgba(239, 91, 56, 0.14) 100%);
    border: 1px solid rgba(240, 102, 54, 0.28);
    color: #7b2b00;
}

.solny-overdue-alerts__summary strong {
    font-size: 14px;
    line-height: 1.3;
}

.solny-overdue-alerts__summary span {
    font-size: 12px;
}

.solny-overdue-alerts__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: min(56vh, 520px);
    overflow-y: auto;
    padding-right: 2px;
}

.solny-overdue-alert {
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 12px;
    background: #ffffff;
    padding: 12px 12px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-overdue-alert__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 10px;
}

.solny-overdue-alert__head strong {
    font-size: 13px;
    color: #1f2232;
}

.solny-overdue-alert__head span {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-overdue-alert__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    font-size: 12px;
    color: #4c5063;
}

.solny-overdue-alert__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-overdue-alert__meta .fa-solid,
.solny-overdue-alert__meta .fa-regular {
    color: #d4562b;
}

.solny-overdue-alert__meta--soft .fa-solid,
.solny-overdue-alert__meta--soft .fa-regular {
    color: #6f75a1;
}

.solny-overdue-alert__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-overdue-alert__mute {
    margin-left: auto;
    font-size: 12px;
}

.solny-overdue-alerts__hint {
    margin-top: 12px;
    color: var(--solny-muted);
    font-size: 12px;
}

#solny-overdue-notify-role-list,
#solny-overdue-notify-user-list {
    max-height: 190px;
    overflow-y: auto;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    padding: 8px;
    background: #f7f8fc;
}

.solny-status-row__cell {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
}

.solny-status-row__cell--wide {
    grid-column: span 2;
}

.solny-status-action-fields {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 8px;
    padding: 10px;
    border-radius: 12px;
    background: #f7f8fc;
    border: 1px solid #e5e8f1;
}

.solny-status-action-fields__row {
    display: grid;
    grid-template-columns: 1fr 120px;
    gap: 10px;
    align-items: center;
}

.solny-status-action-fields__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-status-action-field {
    display: grid;
    grid-template-columns: 1fr 140px 1fr auto;
    gap: 8px;
    align-items: center;
}

.solny-status-action-field input,
.solny-status-action-field select {
    width: 100%;
}

.solny-status-row__actions {
    align-items: center;
    justify-content: center;
}

.solny-status-row__delete,
.solny-status-row__remove-kanban,
.solny-status-row__restore {
    width: 100%;
    min-height: 38px;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 8px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.solny-status-row__delete {
    color: #9b2116;
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.13), rgba(255, 146, 20, 0.12));
    border-color: rgba(231, 76, 60, 0.26);
}

.solny-status-row__remove-kanban {
    color: #9a4d00;
    background: linear-gradient(135deg, rgba(255, 146, 20, 0.16), rgba(255, 207, 77, 0.18));
    border-color: rgba(255, 146, 20, 0.32);
}

.solny-status-row__restore {
    color: #126845;
    background: linear-gradient(135deg, rgba(59, 177, 133, 0.16), rgba(31, 128, 255, 0.1));
    border-color: rgba(59, 177, 133, 0.32);
}

.solny-status-row__delete:hover,
.solny-status-row__remove-kanban:hover,
.solny-status-row__restore:hover {
    transform: translateY(-1px);
}

.solny-status-row input[type="text"],
.solny-status-row input[type="number"] {
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 12px;
    font-family: inherit;
}

.solny-status-row input[type="color"] {
    width: 100%;
    height: 36px;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 2px;
    background: #fff;
}

.solny-status-slug {
    font-size: 10px;
    color: var(--solny-muted);
}

.solny-status-lock {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
}

.solny-status-add {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.solny-status-add input,
.solny-status-add select {
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 12px;
    font-family: inherit;
}

.solny-status-add input[type="color"] {
    height: 36px;
    padding: 2px;
}

.solny-status-add--order {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(59, 177, 133, 0.28);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(59, 177, 133, 0.08), rgba(31, 128, 255, 0.06)),
        #ffffff;
}

.solny-status-add__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.solny-status-add__head strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #17385d;
    font-size: 14px;
}

.solny-status-add__head strong i {
    color: #24a56f;
}

.solny-status-add__head span {
    display: block;
    margin-top: 3px;
    color: #4d6078;
    font-size: 12px;
    font-weight: 600;
}

.solny-status-add__grid {
    display: grid;
    grid-template-columns: minmax(190px, 1.4fr) minmax(150px, 1fr) 74px minmax(170px, 1fr) 96px auto;
    gap: 10px;
    align-items: end;
}

.solny-status-add__field {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-status-add__field > span {
    color: #202852;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.solny-status-add__field input {
    width: 100%;
    min-height: 38px;
    border-color: rgba(63, 56, 191, 0.2);
    background: rgba(255, 255, 255, 0.92);
    color: #171d3d;
    font-weight: 700;
}

.solny-status-add__field--color input {
    height: 38px;
    padding: 3px;
}

.solny-status-add__icon-picker {
    --customer-status-color: #3bb185;
}

#solny-modal-settings .solny-status-add__icon-picker .solny-customer-status-icon-trigger {
    width: 100%;
    min-width: 46px;
}

#solny-modal-settings .solny-status-icon-menu {
    width: 324px;
    max-height: 286px;
    padding: 8px;
}

#solny-modal-settings .solny-status-add__icon-picker:focus-within .solny-status-icon-menu,
#solny-modal-settings .solny-status-icon-menu:hover {
    display: block;
}

#solny-modal-settings .solny-status-icon-search {
    position: relative;
    margin-bottom: 8px;
}

#solny-modal-settings .solny-status-icon-search i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #5d6b85;
    font-size: 12px;
}

#solny-modal-settings .solny-status-icon-search input {
    width: 100%;
    min-height: 34px;
    padding: 7px 10px 7px 30px;
    border: 1px solid rgba(31, 128, 255, 0.2);
    border-radius: 9px;
    background: #f8fbff;
    color: #171d3d;
    font-size: 12px;
    font-weight: 700;
}

#solny-modal-settings .solny-status-icon-choices {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
}

#solny-modal-settings .solny-status-icon-empty {
    grid-column: 1 / -1;
    padding: 10px;
    border-radius: 9px;
    background: rgba(31, 128, 255, 0.08);
    color: #174a91;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

.solny-status-add__create {
    min-height: 38px;
    border: 1px solid rgba(59, 177, 133, 0.44);
    border-radius: 10px;
    padding: 0 16px;
    background: linear-gradient(135deg, #2abf7a, #158f63);
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(42, 191, 122, 0.2);
}

.solny-status-add__create:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 28px rgba(42, 191, 122, 0.26);
}

.solny-status-restore {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(31, 128, 255, 0.22);
    border-radius: 10px;
    background: rgba(31, 128, 255, 0.07);
}

.solny-status-restore.is-empty {
    opacity: 0.72;
}

.solny-status-restore__toggle {
    width: 100%;
    min-height: 42px;
    border: 0;
    background: transparent;
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 10px;
    align-items: center;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

.solny-status-restore__toggle:disabled {
    cursor: not-allowed;
}

.solny-status-restore__toggle > i {
    color: #174a91;
    transition: transform 0.16s ease;
}

.solny-status-restore.is-open .solny-status-restore__toggle > i {
    transform: rotate(180deg);
}

.solny-status-restore__text {
    display: grid;
    gap: 2px;
}

.solny-status-restore__text strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #174a91;
    font-size: 12px;
}

.solny-status-restore__text span {
    color: #4d6078;
    font-size: 11px;
    font-weight: 700;
}

.solny-status-restore__count {
    min-width: 28px;
    min-height: 24px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1f80ff, #3f38bf);
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

.solny-status-restore.is-empty .solny-status-restore__count {
    background: rgba(31, 128, 255, 0.16);
    color: #174a91;
}

.solny-status-restore__body {
    display: grid;
    grid-template-columns: minmax(210px, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.solny-status-restore__body[hidden] {
    display: none;
}

.solny-status-restore select {
    width: 100%;
    min-height: 36px;
    border-color: rgba(31, 128, 255, 0.28);
    background: #ffffff;
    color: #171d3d;
    font-weight: 800;
}

.solny-status-restore__button {
    min-height: 36px;
    border: 1px solid rgba(31, 128, 255, 0.36);
    border-radius: 10px;
    padding: 0 12px;
    background: linear-gradient(135deg, rgba(31, 128, 255, 0.16), rgba(59, 177, 133, 0.18));
    color: #164c9f;
    font-size: 12px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
}

.solny-status-restore__button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.solny-status-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.solny-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #f6f7fb;
    border-radius: 999px;
    font-size: 12px;
}

.solny-tag__remove {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--solny-muted);
    padding: 0;
}

.solny-editor {
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    min-height: 160px;
    padding: 12px;
    background: #fff;
}

.solny-editor.is-code {
    font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    white-space: pre-wrap;
    background: #f9fafc;
    overflow: auto;
}

.solny-editor table {
    width: 100%;
    border-collapse: collapse;
    margin: 8px 0;
}

.solny-editor table:not(.solny-email-header-block) th,
.solny-editor table:not(.solny-email-header-block) td {
    border: 1px solid var(--solny-border);
    padding: 6px;
    font-size: 12px;
}

.solny-editor table.solny-email-header-block td,
.solny-editor table.solny-email-header-block th {
    border: none;
}

.solny-editor__toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    padding: 8px;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    background: #f6f7fb;
}

.solny-editor__toolbar-group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-editor__toolbar .solny-btn {
    padding: 6px 8px;
    font-size: 12px;
    border-radius: 8px;
}

.solny-editor__toolbar .solny-btn.is-active {
    background: var(--solny-primary);
    color: #fff;
    border-color: transparent;
}

.solny-editor__toolbar select {
    height: 32px;
    border-radius: 8px;
    border: 1px solid var(--solny-border);
    padding: 6px 10px;
    font-size: 12px;
    font-family: inherit;
    background: #fff;
}

.solny-editor__upload {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.solny-choice {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border-radius: 12px;
    background: #f6f7fb;
    border: 1px solid var(--solny-border);
}

.solny-choice__option {
    position: relative;
    cursor: pointer;
}

.solny-choice__option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.solny-choice__option span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--solny-muted);
}

.solny-choice__option input:checked + span {
    background: #fff;
    color: var(--solny-dark);
    box-shadow: var(--solny-shadow);
}

.solny-choice__option.is-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.solny-email-items-toggle {
    margin-top: 10px;
}

.solny-email-items {
    display: none;
    margin-top: 12px;
}

.solny-email-items.is-active {
    display: block;
}

.solny-email-items__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0;
}

.solny-email-items-preview {
    display: none;
    margin-top: 10px;
    border: 1px dashed #e3e5ef;
    border-radius: 12px;
    padding: 10px 12px;
    background: #f9fafc;
}

.solny-email-items-preview.is-active {
    display: block;
}

.solny-email-items-preview.is-loading {
    opacity: 0.6;
}

.solny-email-items-preview__title {
    font-size: 11px;
    color: var(--solny-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
    margin-bottom: 8px;
}

.solny-email-items-preview__content {
    background: #fff;
    border: 1px solid #e3e5ef;
    border-radius: 10px;
    padding: 8px;
    overflow-x: auto;
}

.solny-email-items-preview__empty {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-email-order-actions {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-email-order-actions__row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.solny-email-order-actions__row .solny-btn--primary {
    margin-bottom: 12px;
}

.solny-pdf-options {
    display: none;
    margin-top: 12px;
}

.solny-pdf-options.is-active {
    display: grid;
    gap: 16px;
}

.solny-order-pdf-actions__row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.solny-order-pdf-actions__row .solny-btn {
    white-space: nowrap;
}

.solny-order-pdf-actions__accounting {
    margin-top: 8px;
}

.solny-prefix-term-disabled-hint {
    margin-top: 0;
}

.solny-prefix-term-disabled-badge-inline {
    display: none !important;
}

.solny-prefix-term-disabled-hint .solny-badge {
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border-radius: 7px;
    font-weight: 600;
}

.solny-prefix-term-disabled-hint__text {
    line-height: 1.2;
}

.solny-hidden {
    display: none !important;
}

.solny-email-log {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    background: #f6f7fb;
}

.solny-email-log__item {
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
}

.solny-email-log__title {
    font-weight: 600;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.solny-email-log__meta,
.solny-email-log__to {
    font-size: 11px;
    color: var(--solny-muted);
    margin-top: 2px;
}

.solny-email-log__subject {
    font-size: 11px;
    color: var(--solny-dark);
    margin-top: 2px;
    font-weight: 600;
}

.solny-email-log__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    margin-top: 6px;
}

.solny-email-log__status--sent {
    color: #3f38bf;
    background: rgba(63, 56, 191, 0.12);
}

.solny-email-log__status--opened {
    color: #3bb185;
    background: rgba(59, 177, 133, 0.16);
}

.solny-email-log__status--clicked {
    color: #807bc8;
    background: rgba(128, 123, 200, 0.18);
}

.solny-email-log__status--error {
    color: #d75b5b;
    background: rgba(215, 91, 91, 0.14);
}

.solny-email-log__files {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.solny-email-log__file {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: 1px solid rgba(63, 56, 191, 0.32);
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(59, 177, 133, 0.08));
    color: var(--solny-dark);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 10px 18px rgba(63, 56, 191, 0.12);
}

.solny-email-log__file i {
    color: #3f38bf;
    font-size: 14px;
}

.solny-email-log__file em {
    font-style: normal;
    color: var(--solny-muted);
    font-weight: 500;
}

.solny-email-log__file:hover {
    border-color: #3f38bf;
}

.solny-email-log__error {
    font-size: 11px;
    color: #d75b5b;
    margin-top: 4px;
}

.solny-email-log__latest {
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    padding: 12px;
}

.solny-email-log__timeline {
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f6f7fb;
    font-size: 11px;
    color: var(--solny-muted);
    display: grid;
    gap: 4px;
}

.solny-email-log__timeline strong {
    color: var(--solny-dark);
}

.solny-email-log__toggle {
    margin: 10px 0;
}

.solny-email-log__interaction {
    margin-top: 6px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f6f7fb;
    font-size: 11px;
    color: var(--solny-muted);
    display: grid;
    gap: 4px;
}

.solny-email-log__interaction strong {
    color: var(--solny-dark);
}

.solny-email-log__list {
    display: none;
    flex-direction: column;
    gap: 8px;
}

.solny-email-log.is-open .solny-email-log__list {
    display: flex;
}

.solny-email-debug {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    background: #f6f7fb;
}

.solny-email-debug__item {
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 10px;
    font-size: 11px;
}

.solny-email-debug__title {
    font-weight: 600;
    margin-bottom: 6px;
}

.solny-email-debug__row {
    color: var(--solny-muted);
    margin-top: 2px;
}

.solny-email-debug__row strong {
    color: var(--solny-dark);
}

.solny-email-debug__error {
    color: #d75b5b;
    margin-top: 6px;
}

.solny-templates {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 16px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.solny-templates__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.solny-templates__editor,
#solny-pdf-template-form {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

#solny-pdf-editor,
#solny-pdf-footer-editor {
    max-width: 100%;
    box-sizing: border-box;
    overflow: auto;
}

#solny-pdf-editor img,
#solny-pdf-footer-editor img {
    max-width: 100%;
    height: auto;
}

#solny-pdf-editor table[role="presentation"],
#solny-pdf-footer-editor table[role="presentation"] {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0;
    border-collapse: collapse;
    table-layout: auto;
}

#solny-pdf-editor table[role="presentation"] th,
#solny-pdf-editor table[role="presentation"] td,
#solny-pdf-footer-editor table[role="presentation"] th,
#solny-pdf-footer-editor table[role="presentation"] td {
    border: 0;
    padding: 0;
}

.solny-template-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px;
    background: #f6f7fb;
    border-radius: 12px;
    border: none;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
}

.solny-template-item small {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #3bb185;
    font-size: 11px;
    font-weight: 700;
}

.solny-template-item.is-protected {
    border: 1px solid rgba(63, 56, 191, 0.14);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(59, 177, 133, 0.06));
}

.solny-template-item.is-protected > span {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.solny-template-item.is-protected > span i,
.solny-template-lock {
    color: #3f38bf;
}

.solny-template-item:hover {
    background: rgba(63, 56, 191, 0.1);
}

.solny-template-group {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-template-group__title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6a7083;
    padding: 6px 4px;
}

.solny-template-item__title {
    font-weight: 600;
    color: #1b1e2b;
}

.solny-template-item__desc {
    font-size: 12px;
    color: #6a7083;
    margin-top: 4px;
}

.solny-template-item--system {
    align-items: flex-start;
    flex-direction: column;
    display: flex;
}

.solny-template-item__badge {
    margin-top: 6px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #3f38bf;
}

.solny-order-rules {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
}

.solny-ticket-role-rules {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-ticket-role-rules__head {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 10px;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6a7083;
    padding: 4px 6px;
}

.solny-ticket-role-rule {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid #e7e9f2;
    border-radius: 10px;
    background: #f9f9fc;
}

.solny-ticket-role-rule__label {
    font-weight: 600;
    color: #1b1e2b;
    font-size: 13px;
}

.solny-ticket-role-rule__select {
    width: 100%;
}

.solny-module-access-rules {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.solny-module-access-rule {
    border: 1px solid color-mix(in srgb, var(--role-color, #3f38bf) 18%, #e7e9f2);
    border-radius: 10px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 5%, #ffffff);
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: inset 4px 0 0 color-mix(in srgb, var(--role-color, #3f38bf) 80%, #ffffff);
}

.solny-module-access-rule.is-closed {
    border-style: dashed;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 3%, #ffffff);
    box-shadow: inset 4px 0 0 color-mix(in srgb, var(--role-color, #3f38bf) 45%, #ffffff);
}

.solny-module-access-rule__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.solny-module-access-rule__actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-module-access-rule__action {
    border-radius: 8px !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    min-height: auto !important;
}

.solny-module-access-rule__label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 850;
    color: #1b1e2b;
}

.solny-module-access-rule__label i {
    color: var(--role-color, #3f38bf);
}

.solny-module-access-rule__label small {
    min-width: 36px;
    padding: 2px 7px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 12%, #ffffff);
    color: color-mix(in srgb, var(--role-color, #3f38bf) 82%, #171b32);
    font-size: 10px;
    font-weight: 900;
    text-align: center;
}

.solny-module-access-rule__modules {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 8px;
}

.solny-module-access-rule__module {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--role-color, #3f38bf) 16%, #e3e5ef);
    border-radius: 8px;
    background: #ffffff;
    font-size: 12px;
    color: #4a5064;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.solny-module-access-rule__module input {
    width: 17px;
    height: 17px;
    margin: 0;
    appearance: none;
    position: relative;
    border: 2px solid color-mix(in srgb, var(--role-color, #3f38bf) 34%, #ffffff);
    border-radius: 5px;
    background: #fff;
}

.solny-module-access-rule__module input::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    opacity: 0;
    transform: rotate(45deg) scale(0.7);
    transition: opacity 0.14s ease, transform 0.14s ease;
}

.solny-module-access-rule__module input:checked {
    border-color: var(--role-color, #3f38bf);
    background: linear-gradient(135deg, var(--role-color, #3f38bf), color-mix(in srgb, var(--role-color, #3f38bf) 74%, #3bb185));
}

.solny-module-access-rule__module input:checked::after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

.solny-module-access-rule__module.is-selected {
    border-color: color-mix(in srgb, var(--role-color, #3f38bf) 36%, #ffffff);
    background: color-mix(in srgb, var(--role-color, #3f38bf) 10%, #ffffff);
    transform: translateY(-1px);
}

.solny-module-access-rule__module span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-module-access-rule__module i {
    color: var(--role-color, #3f38bf);
}

.solny-manager-filter__locked {
    border: 1px solid var(--solny-border);
    border-radius: var(--solny-control-radius);
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    background: #f6f7fb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--solny-dark);
    min-height: 40px;
    width: 100%;
}

.solny-order-rule {
    padding: 12px;
    border: 1px solid #e7e9f2;
    border-radius: 12px;
    background: #f9f9fc;
}

.solny-order-rule__customer,
.solny-order-rule__customer-role {
    display: none;
}

.solny-order-rule--customer .solny-order-rule__customer {
    display: block;
}

.solny-order-rule--customer_role .solny-order-rule__customer-role {
    display: block;
}

.solny-order-rule__status {
    display: none;
}

.solny-order-rule--order_status .solny-order-rule__status {
    display: block;
}

.solny-order-rule__customer-suggestions {
    position: relative;
    z-index: 10;
}

.solny-order-rule__actions {
    display: flex;
    align-items: flex-end;
}

.solny-multi-select {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.solny-order-rule__roles-suggestions,
.solny-order-rule__users-suggestions {
    position: relative;
    z-index: 10;
}

.solny-toast {
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: #fff;
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: var(--solny-shadow);
    font-size: 13px;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 300;
}

.solny-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.solny-toast[data-type="error"] {
    border-left: 4px solid #d75b5b;
}

.solny-toast[data-type="success"] {
    border-left: 4px solid var(--solny-green);
}

.solny-push-consent {
    position: fixed;
    inset: 0;
    z-index: 4100;
    display: none;
}

.solny-push-consent.is-open {
    display: block;
}

.solny-push-consent__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 22, 42, 0.42);
    backdrop-filter: blur(3px);
}

.solny-push-consent__dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(560px, calc(100vw - 28px));
    border-radius: 20px;
    padding: 20px;
    border: 1px solid rgba(125, 118, 220, 0.32);
    background:
        radial-gradient(120% 130% at 12% -20%, rgba(63, 56, 191, 0.16), rgba(63, 56, 191, 0) 58%),
        radial-gradient(120% 130% at 100% 120%, rgba(59, 177, 133, 0.2), rgba(59, 177, 133, 0) 55%),
        #ffffff;
    box-shadow: 0 26px 60px rgba(23, 24, 41, 0.28);
    display: grid;
    gap: 14px;
}

.solny-push-consent__head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.solny-push-consent__icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: linear-gradient(135deg, #3f38bf, #3bb185);
    box-shadow: 0 8px 20px rgba(63, 56, 191, 0.3);
    flex: 0 0 auto;
}

.solny-push-consent__titles {
    display: grid;
    gap: 4px;
}

.solny-push-consent__titles strong {
    font-size: 20px;
    line-height: 1.2;
    color: #222536;
}

.solny-push-consent__titles span {
    font-size: 13px;
    color: #5e637d;
}

.solny-push-consent__features {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-push-consent__features span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: #434a6b;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(144, 149, 197, 0.35);
}

.solny-push-consent__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-push-consent__actions .solny-btn {
    min-height: 42px;
}

@media (max-width: 1024px) {
    .solny-kanban__body {
        grid-template-columns: 1fr;
    }

    .solny-side {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .solny-panel {
        flex: 1 1 300px;
    }

    .solny-stat-card {
        grid-template-columns: 1fr;
    }

    .solny-archive__list {
        column-count: 1;
    }

    .solny-archive__manager-control {
        margin-left: 0;
        width: 100%;
    }

    .solny-expenses__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .solny-status-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solny-customer-status-row,
    .solny-expense-status-row,
    .solny-task-status-row,
    .solny-customer-timer-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solny-customer-search-group .solny-input-with-icon,
    .solny-manager-picker .solny-input-with-icon,
    .solny-suggestions--dropdown {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .solny-kanban {
        padding: 16px;
    }

    .solny-topbar__right {
        width: 100%;
        justify-content: space-between;
    }

    .solny-topbar__actions {
        width: 100%;
    }

    .solny-push-consent__dialog {
        width: calc(100vw - 20px);
        border-radius: 16px;
        padding: 16px;
    }

    .solny-push-consent__titles strong {
        font-size: 17px;
    }

    .solny-topbar__user {
        width: 100%;
    }

    .solny-user-badge {
        width: 100%;
        justify-content: space-between;
    }

    .solny-user-badge__logout-text {
        display: none;
    }

    .solny-item__row {
        grid-template-columns: 1fr;
    }

    .solny-partial-invoice__items .solny-item__row {
        grid-template-columns: 1fr;
    }

    .solny-item__row.is-with-clarify {
        grid-template-columns: 1fr;
    }

    .solny-expenses__list {
        grid-template-columns: 1fr;
    }

    .solny-tasks__cards {
        gap: 12px;
    }

    .solny-task-zone__toggle {
        padding: 10px 12px;
    }

    .solny-task-zone__grid {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .solny-task-card__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .solny-task-card__date {
        max-width: 100%;
    }

    .solny-task-card__actions {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .solny-task-week {
        grid-template-columns: 1fr;
    }

    .solny-config {
        grid-template-columns: 1fr;
    }

    .solny-templates {
        grid-template-columns: 1fr;
    }

    .solny-status-row {
        grid-template-columns: 1fr;
    }

    .solny-customer-status-row,
    .solny-expense-status-row,
    .solny-task-status-row,
    .solny-customer-timer-row {
        grid-template-columns: 1fr;
    }

    .solny-status-add {
        grid-template-columns: 1fr;
    }

    .solny-status-add__grid,
    .solny-status-restore,
    .solny-status-restore__body {
        grid-template-columns: 1fr;
    }

    .solny-status-add__create,
    .solny-status-restore__button {
        width: 100%;
    }

    .solny-monthly-chart {
        grid-auto-columns: minmax(24px, 1fr);
    }

    .solny-notification-center {
        right: 16px;
        bottom: 16px;
    }

    .solny-notification-panel {
        width: 90vw;
    }

    .solny-help-center {
        left: 16px;
        bottom: 16px;
    }

    .solny-help-center__panel {
        top: 74px;
        left: 12px;
        right: 12px;
        bottom: 84px;
        width: auto;
        transform: translateY(16px);
    }

    .solny-help-center__body {
        max-height: none;
    }

    .solny-help-center.is-open .solny-help-center__panel {
        transform: translateY(0);
    }
}

.solny-livechat-screen {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr) 320px;
    gap: 16px;
    padding: 16px 0;
}

.solny-livechat__sidebar,
.solny-livechat__detail,
.solny-livechat__aside {
    background: #ffffff;
    border: 1px solid var(--solny-border);
    border-radius: 16px;
    padding: 16px;
    min-height: 520px;
}

.solny-livechat-list__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.solny-livechat-list__title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
}

.solny-livechat-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.solny-livechat-filters .solny-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-livechat-filter__count {
    background: rgba(63, 56, 191, 0.12);
    color: var(--solny-dark);
    border-radius: 999px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 600;
}

.solny-livechat-search {
    position: relative;
    margin-bottom: 10px;
}

.solny-livechat-search input {
    width: 100%;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    padding: 8px 12px 8px 32px;
    font-size: 13px;
    background: #f9faff;
}

.solny-livechat-search i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--solny-muted);
}

.solny-livechat-card {
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    padding: 10px 12px;
    display: grid;
    gap: 6px;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.solny-livechat-card + .solny-livechat-card {
    margin-top: 10px;
}

.solny-livechat-card:hover {
    border-color: rgba(63, 56, 191, 0.4);
    box-shadow: 0 12px 24px rgba(26, 26, 46, 0.08);
    transform: translateY(-1px);
}

.solny-livechat-card.is-active {
    border-color: var(--solny-blue);
    box-shadow: 0 12px 24px rgba(63, 56, 191, 0.15);
}

.solny-livechat-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.solny-livechat-card__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-livechat-card__manager {
    display: inline-flex;
    align-items: center;
}

.solny-livechat-card__manager .solny-avatar {
    box-shadow: 0 0 0 2px #fff;
}

.solny-livechat-card__name {
    font-weight: 600;
    font-size: 14px;
}

.solny-livechat-card__meta {
    font-size: 11px;
    color: var(--solny-dark);
    background: rgba(63, 56, 191, 0.08);
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 999px;
    padding: 2px 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    width: fit-content;
}

.solny-livechat-card__message {
    font-size: 12px;
    color: var(--solny-dark);
}

.solny-livechat-card__time {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-livechat-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #d1d5e5;
}

.solny-livechat-dot.is-online {
    background: #36bf91;
    box-shadow: 0 0 0 3px rgba(54, 191, 145, 0.2);
}

.solny-livechat-unread {
    background: #3f38bf;
    color: #fff;
    border-radius: 999px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 600;
}

.solny-livechat-detail__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.solny-livechat-detail__title {
    font-weight: 600;
    font-size: 16px;
}

.solny-livechat-detail__status {
    font-size: 12px;
    color: var(--solny-muted);
    display: flex;
    align-items: center;
    gap: 6px;
}

.solny-livechat-detail__location {
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-livechat-detail__location i {
    color: var(--solny-primary);
}

.solny-livechat-detail__wait {
    background: rgba(231, 76, 60, 0.12);
    color: #e74c3c;
    padding: 2px 8px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 11px;
}

.solny-livechat-detail__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-livechat-detail__manager-panel {
    margin-bottom: 12px;
}

.solny-livechat-detail__manager-panel .solny-form__section {
    margin-top: 0;
    padding: 12px;
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    background: #fbfcff;
}

.solny-livechat-detail__manager-panel .solny-section__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 13px;
}

.solny-livechat-assign {
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 6px 10px;
    font-size: 12px;
    background: #fff;
}

.solny-livechat-greeting-select {
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 6px 10px;
    font-size: 12px;
    background: #fff;
    max-width: 180px;
}

.solny-livechat-detail__manager {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-livechat-detail__manager-name {
    font-weight: 600;
    color: var(--solny-dark);
}

.solny-livechat-detail__manager-meta {
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-livechat-detail__pinned {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(59, 177, 133, 0.12);
    border: 1px solid var(--solny-border);
    font-size: 12px;
    color: var(--solny-dark);
    margin-top: 6px;
}

.solny-livechat-detail__pinned.is-empty {
    background: rgba(231, 76, 60, 0.08);
    color: #c0392b;
}

.solny-livechat-detail__pinned-label {
    font-weight: 600;
}

.solny-livechat-detail__pinned-user {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.solny-ticket-message.is-pending {
    opacity: 0.6;
}

.solny-ticket-message.is-failed {
    border-color: rgba(231, 76, 60, 0.6);
}

.solny-livechat-catalog {
    margin-top: 12px;
    padding: 10px;
    border-radius: 12px;
    background: #f7f8ff;
    border: 1px dashed var(--solny-border);
}

.solny-livechat-catalog__title {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}

.solny-livechat-catalog__search {
    position: relative;
}

.solny-livechat-catalog__search input {
    width: 100%;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 12px;
}

.solny-livechat-catalog-results {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    background: #fff;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(26, 26, 46, 0.12);
    z-index: 10;
    max-height: 220px;
    overflow: auto;
    display: none;
}

.solny-livechat-catalog-results.is-visible {
    display: block;
}

.solny-livechat-catalog-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--solny-border);
    cursor: pointer;
    font-size: 12px;
}

.solny-livechat-catalog-item:last-child {
    border-bottom: none;
}

.solny-livechat-catalog-item img {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    object-fit: cover;
    background: #f3f4f9;
}

.solny-livechat-catalog-item__placeholder {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #eef0f7;
}

.solny-livechat-catalog-item strong {
    font-size: 12px;
}

.solny-livechat-input {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-top: 12px;
}

.solny-livechat-input__meta {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-livechat-input__manager {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.08);
    border: 1px solid var(--solny-border);
    font-weight: 600;
}

.solny-livechat-input__manager .solny-avatar {
    width: 20px;
    height: 20px;
}

.solny-livechat-input textarea {
    flex: 1;
    min-height: 44px;
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    padding: 8px 12px;
    font-size: 13px;
    resize: vertical;
}

.solny-livechat-input .solny-btn {
    padding: 10px 14px;
}

.solny-livechat-empty {
    font-size: 13px;
    color: var(--solny-muted);
    padding: 12px 0;
}

.solny-livechat-aside__card {
    border: 1px solid var(--solny-border);
    border-radius: 14px;
    padding: 12px;
    display: grid;
    gap: 8px;
}

.solny-livechat-aside__task {
    justify-self: start;
}

.solny-livechat-aside__card textarea {
    width: 100%;
    border: 1px solid var(--solny-border);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 12px;
    resize: vertical;
}

.solny-livechat-aside__card + .solny-livechat-aside__card {
    margin-top: 12px;
}

.solny-livechat-aside__title {
    font-weight: 600;
    font-size: 14px;
}

.solny-livechat-aside__manager {
    display: flex;
    align-items: center;
    gap: 10px;
}

.solny-livechat-aside__meta {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-livechat-orders {
    display: grid;
    gap: 8px;
}

.solny-livechat-order {
    border: 1px solid var(--solny-border);
    border-radius: 12px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.solny-livechat-order__meta {
    font-size: 12px;
    color: var(--solny-muted);
}

.solny-livechat-message--catalog {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.12);
    color: var(--solny-dark);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.solny-livechat-message--catalog i {
    color: var(--solny-blue);
}

@media (max-width: 1200px) {
    .solny-livechat-screen {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .solny-kanban input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
    .solny-kanban select,
    .solny-kanban textarea,
    .solny-auth input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
    .solny-auth select,
    .solny-auth textarea {
        font-size: 16px !important;
    }
}

@media (max-width: 900px) {
    .solny-modal {
        padding: 10px;
        overflow-x: hidden;
        touch-action: pan-y;
        overscroll-behavior-x: none;
    }

    .solny-modal__dialog {
        width: 100%;
        max-width: 100%;
        max-height: calc(100dvh - 20px);
        border-radius: 16px;
        overflow-x: hidden;
        touch-action: pan-y;
        overscroll-behavior-x: none;
    }

    .solny-modal__header {
        padding: 12px 14px;
        gap: 10px;
        align-items: flex-start;
    }

    .solny-modal__title-group {
        min-width: 0;
        flex: 1 1 auto;
    }

    .solny-modal__title-group h3 {
        margin: 0;
        font-size: 18px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .solny-modal__body {
        padding: 14px;
        overflow-x: hidden;
        touch-action: pan-y;
        overscroll-behavior-x: none;
        -webkit-overflow-scrolling: touch;
    }

    .solny-modal__body > * {
        min-width: 0;
        max-width: 100%;
    }

    #solny-modal-order .solny-modal__title-group {
        width: 100%;
        min-width: 0;
        flex-wrap: wrap;
    }

    #solny-modal-order .solny-order-header-status {
        width: auto;
        min-width: min(100%, 280px);
        flex: 1 1 100%;
    }

    #solny-modal-order .solny-order-header-status .solny-card__header {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        min-width: 0;
    }

    #solny-modal-order .solny-order-header-status .solny-card__header-left,
    #solny-modal-order .solny-order-header-status .solny-card__status-wrap {
        min-width: 0;
        justify-content: flex-start;
        text-align: left;
    }

    #solny-modal-order .solny-order-header-status .solny-card__number,
    #solny-modal-order .solny-order-header-chip,
    #solny-modal-order .solny-order-created-hint {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .solny-modal__dialog {
        -webkit-text-size-adjust: 100%;
    }

    .solny-modal__dialog input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
    .solny-modal__dialog select,
    .solny-modal__dialog textarea,
    .solny-modal__dialog [contenteditable="true"] {
        font-size: 16px !important;
    }

    .solny-customer-quick-actions__buttons {
        display: grid;
        grid-template-columns: 1fr;
    }

    .solny-customer-quick-actions__buttons .solny-btn {
        width: 100%;
        justify-content: center;
    }

    .solny-products__actions {
        margin-left: 0;
        width: 100%;
    }

    .solny-products__actions .solny-btn {
        width: 100%;
        justify-content: center;
    }

    .solny-product-transfer__grid {
        grid-template-columns: 1fr;
    }

    .solny-kanban-backup__grid {
        grid-template-columns: 1fr;
    }

    .solny-task-calendar__header {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .solny-task-calendar__range {
        width: 100%;
        justify-content: space-between;
        font-size: 14px;
    }

    .solny-task-calendar__range .solny-btn {
        min-width: 42px;
        min-height: 42px;
    }

    .solny-task-calendar__controls {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        min-width: 0;
    }

    .solny-task-calendar__controls > * {
        min-width: 0;
        max-width: 100%;
    }

    .solny-task-calendar__controls .solny-control--manager,
    .solny-task-calendar__controls .solny-manager-filter {
        min-width: 0;
    }

    .solny-task-calendar__controls > .solny-control--manager {
        margin-left: 0;
    }

    .solny-task-calendar__controls .solny-manager-filter__trigger {
        min-height: 42px;
        height: auto;
        padding: 8px 10px;
    }

    .solny-task-calendar__controls > .solny-btn {
        width: 100%;
        justify-content: center;
        min-height: 42px;
    }

    .solny-task-calendar__status {
        width: 100%;
        gap: 10px;
        overflow-x: visible;
    }

    .solny-task-filters__row--calendar {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .solny-task-calendar__controls > .solny-task-filters__row--calendar {
        display: none;
    }

    .solny-task-filter-mobile {
        display: grid;
        gap: 6px;
        order: 2;
        width: 100%;
    }

    .solny-task-filter-mobile__label {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        font-weight: 700;
        color: var(--solny-muted);
    }

    .solny-task-filter-mobile-select {
        width: 100%;
    }

    .solny-task-filter-mobile-select .solny-select__menu {
        position: absolute;
        inset: calc(100% + 6px) 0 auto 0;
    }

    .solny-task-filters__row--calendar .solny-task-filter__btn {
        flex: 0 0 auto;
        min-height: 42px;
    }

    .solny-task-filter__combo-link {
        max-width: 86px;
    }

    .solny-task-filter__alerts {
        gap: 3px;
    }

    .solny-task-filter__alert {
        padding: 2px 4px;
        min-height: 16px;
    }

    #solny-task-view {
        width: 100%;
        min-width: 0;
    }

    #solny-task-view .solny-select__trigger {
        width: 100%;
        min-width: 0;
        justify-content: space-between;
        padding: 8px 10px;
    }

    #solny-task-view .solny-select__value {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #solny-task-view .solny-select__menu {
        left: 0;
        right: auto;
        min-width: 100%;
        max-width: 100%;
    }

    .solny-task-week__day {
        padding: 14px;
        border-radius: 16px;
        gap: 10px;
    }

    .solny-task-week__label {
        font-size: 15px;
        font-weight: 700;
    }

    .solny-task-week .solny-task-mini,
    .solny-task-month-mobile .solny-task-mini {
        padding: 10px 12px;
        border-radius: 12px;
        font-size: 14px;
        font-weight: 700;
        gap: 8px;
        min-height: 46px;
        line-height: 1.3;
    }

    .solny-task-week .solny-task-mini i,
    .solny-task-month-mobile .solny-task-mini i {
        font-size: 13px;
    }

    .solny-task-week .solny-task-mini,
    .solny-task-month-mobile .solny-task-mini {
        overflow: visible;
    }

    .solny-task-week .solny-task-mini__tooltip,
    .solny-task-month-mobile .solny-task-mini__tooltip {
        top: calc(100% + 8px);
        width: min(300px, calc(100vw - 36px));
        max-width: calc(100vw - 36px);
        padding: 14px;
        border-radius: 14px;
        border-color: rgba(63, 56, 191, 0.2);
        box-shadow: 0 16px 34px rgba(17, 23, 43, 0.18);
    }

    .solny-task-week .solny-task-mini__title,
    .solny-task-month-mobile .solny-task-mini__title {
        font-size: 15px;
        line-height: 1.3;
        margin-bottom: 6px;
        font-weight: 700;
    }

    .solny-task-week .solny-task-mini__meta,
    .solny-task-week .solny-task-mini__row,
    .solny-task-week .solny-task-mini__note,
    .solny-task-month-mobile .solny-task-mini__meta,
    .solny-task-month-mobile .solny-task-mini__row,
    .solny-task-month-mobile .solny-task-mini__note {
        font-size: 13px;
        line-height: 1.35;
    }

    .solny-task-week .solny-task-mini__row,
    .solny-task-week .solny-task-mini__note,
    .solny-task-month-mobile .solny-task-mini__row,
    .solny-task-month-mobile .solny-task-mini__note {
        margin-top: 8px;
    }

    .solny-task-week .solny-task-mini__more,
    .solny-task-month-mobile .solny-task-mini__more {
        width: 100%;
        min-height: 40px;
        font-size: 14px;
        margin-top: 10px;
    }

    .solny-task-calendar__grid--mobile-month {
        gap: 6px;
    }

    .solny-task-calendar__grid--mobile-month .solny-task-calendar__label {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.02em;
    }

    .solny-task-calendar__grid--mobile-month .solny-task-calendar__cell {
        min-height: 0;
        height: auto;
        padding: 8px 4px;
        border-radius: 12px;
        gap: 4px;
        align-items: center;
        justify-content: center;
        transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }

    .solny-task-calendar__grid--mobile-month .solny-task-calendar__cell.is-muted {
        border-radius: 10px;
        min-height: 0;
        padding: 0;
    }

    .solny-task-calendar__cell--mobile {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        cursor: pointer;
    }

    .solny-task-calendar__cell--mobile .solny-task-calendar__date {
        font-size: 14px;
        line-height: 1;
    }

    .solny-task-calendar__grid--mobile-month .solny-task-calendar__cell.is-today .solny-task-calendar__date {
        padding: 0;
        border-radius: 0;
        background: transparent;
    }

    .solny-task-calendar__cell--mobile.is-selected {
        border-color: rgba(63, 56, 191, 0.5);
        box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.16);
        background: rgba(63, 56, 191, 0.08);
    }

    .solny-task-month-mobile__header {
        flex-wrap: wrap;
    }

    .solny-task-month-mobile__filter {
        flex-wrap: wrap;
    }

    .solny-task-month-mobile__filter .solny-btn {
        width: 100%;
        justify-content: center;
        min-height: 40px;
    }

    .solny-task-month-mobile__header .solny-btn {
        width: 100%;
        justify-content: center;
        min-height: 40px;
    }
}

.solny-onboarding {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    font-family: 'Montserrat', sans-serif;
}

.solny-onboarding__backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 10%, rgba(59, 177, 133, 0.26), transparent 30%),
        radial-gradient(circle at 90% 15%, rgba(63, 56, 191, 0.24), transparent 34%),
        linear-gradient(135deg, rgba(10, 15, 36, 0.78), rgba(19, 25, 53, 0.88));
    backdrop-filter: blur(10px);
}

.solny-onboarding__dialog {
    position: relative;
    width: min(1080px, 100%);
    max-height: min(760px, calc(100vh - 48px));
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(246,248,255,0.98));
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.32);
}

.solny-onboarding__steps {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 26px;
    background:
        radial-gradient(circle at 12% 8%, rgba(59, 177, 133, 0.38), transparent 34%),
        linear-gradient(180deg, #172044, #23245d);
    color: #fff;
}

.solny-onboarding-step {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    cursor: default;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 11px;
    padding: 12px 13px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: transparent;
    color: rgba(255, 255, 255, 0.74);
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
}

.solny-onboarding-step:disabled {
    opacity: 1;
}

.solny-onboarding-step.is-clickable {
    cursor: pointer;
}

.solny-onboarding-step.is-clickable:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.solny-onboarding-step i {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.1);
}

.solny-onboarding-step.is-active {
    color: #fff;
    background: rgba(255, 255, 255, 0.13);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.solny-onboarding-step.is-done i {
    background: rgba(59, 177, 133, 0.9);
    color: #fff;
}

.solny-onboarding__main {
    min-width: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    max-height: inherit;
    overflow: hidden;
}

.solny-onboarding-hero,
.solny-onboarding-panel {
    overflow: auto;
    padding: 38px;
}

.solny-onboarding-hero__badge,
.solny-onboarding-kicker {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.solny-onboarding h2 {
    margin: 16px 0 8px;
    color: #171b32;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.solny-onboarding p {
    max-width: 720px;
    margin: 0;
    color: #5a6176;
    font-size: 15px;
    line-height: 1.6;
}

.solny-onboarding-cards,
.solny-onboarding-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}

.solny-onboarding-cards article,
.solny-onboarding-summary div {
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(226, 228, 239, 0.92);
    border-radius: 20px;
    background: linear-gradient(145deg, #fff, #f8faff);
}

.solny-onboarding-cards i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 14px;
    background: rgba(59, 177, 133, 0.14);
    color: #147757;
}

.solny-onboarding-cards strong,
.solny-onboarding-summary strong {
    display: block;
    color: #171b32;
    font-size: 15px;
    font-weight: 900;
}

.solny-onboarding-cards span,
.solny-onboarding-summary span {
    display: block;
    margin-top: 6px;
    color: #6b7286;
    font-size: 12px;
    line-height: 1.45;
}

.solny-onboarding-branding {
    display: grid;
    gap: 16px;
    margin-top: 24px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--brand-secondary, #3f38bf), #ffffff 74%);
    border-radius: 18px;
    background:
        radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--brand-primary, #3bb185), transparent 82%), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 249, 255, 0.96));
    box-shadow: 0 18px 42px rgba(24, 31, 62, 0.08);
}

.solny-onboarding-branding__head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.solny-onboarding-branding__head > span {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--brand-primary, #3bb185), var(--brand-secondary, #3f38bf));
    color: #fff;
}

.solny-onboarding-branding__head strong {
    display: block;
    color: #171b32;
    font-size: 17px;
    font-weight: 900;
}

.solny-onboarding-branding__head small {
    display: block;
    margin-top: 3px;
    color: #6b7286;
    font-size: 12px;
    font-weight: 700;
}

.solny-onboarding-branding__preview {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(220px, 0.7fr);
    gap: 12px;
}

.solny-onboarding-brand-preview,
.solny-onboarding-auth-preview,
.solny-onboarding-pwa-preview {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(226, 228, 239, 0.9);
    border-radius: 14px;
    background: #fff;
}

.solny-onboarding-brand-preview {
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--brand-primary, #3bb185), #ffffff 88%), #fff 44%),
        #fff;
}

.solny-onboarding-auth-preview {
    background:
        radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--brand-secondary, #3f38bf), transparent 82%), transparent 46%),
        #fff;
}

.solny-onboarding-brand-preview .solny-brand,
.solny-onboarding-auth-preview .solny-auth__brand {
    min-width: 0;
    padding: 0;
}

.solny-onboarding-branding__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.solny-onboarding-branding__grid label {
    min-width: 0;
    display: grid;
    gap: 7px;
}

.solny-onboarding-branding__grid label > span {
    color: #505975;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.solny-onboarding-branding__grid input {
    width: 100%;
    min-height: 40px;
    border: 1px solid rgba(226, 228, 239, 0.95);
    border-radius: 10px;
    background: #fff;
    color: #171b32;
    font-size: 13px;
    font-weight: 800;
}

.solny-onboarding-brand-color input[type="color"] {
    min-height: 44px;
    padding: 4px;
    cursor: pointer;
}

.solny-onboarding-brand-logo-control {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(226, 228, 239, 0.95);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
}

.solny-onboarding-brand-logo-control.is-dark {
    background:
        linear-gradient(135deg, rgba(23, 27, 50, 0.96), rgba(63, 56, 191, 0.72));
}

.solny-onboarding-brand-logo-control img {
    width: 46px;
    height: 46px;
    object-fit: contain;
    border-radius: 10px;
    background: rgba(246, 248, 255, 0.9);
}

.solny-onboarding-brand-logo-control.is-dark img {
    background: rgba(255, 255, 255, 0.08);
}

.solny-onboarding-brand-logo-control input {
    min-width: 0;
}

.solny-onboarding-brand-logo-control button {
    min-height: 38px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--brand-primary, #3bb185), var(--brand-secondary, #3f38bf));
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
}

.solny-onboarding-field {
    display: grid;
    gap: 8px;
    margin-top: 26px;
    max-width: 480px;
}

.solny-onboarding-field span,
.solny-onboarding-status-wrap__head strong {
    color: #171b32;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solny-onboarding-field select {
    min-height: 52px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 16px;
    background: #fff;
    color: #171b32;
    font-size: 16px;
    font-weight: 800;
}

.solny-onboarding__hint {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(59, 177, 133, 0.1);
    color: #147757;
    font-size: 12px;
    font-weight: 800;
}

.solny-onboarding-choice {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 24px;
}

.solny-onboarding-choice label {
    display: grid;
    gap: 8px;
    padding: 18px;
    border: 1px solid rgba(226, 228, 239, 0.95);
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
}

.solny-onboarding-choice label.is-selected {
    border-color: rgba(59, 177, 133, 0.46);
    box-shadow: 0 16px 32px rgba(25, 109, 83, 0.12);
}

.solny-onboarding-choice input {
    width: 18px;
    height: 18px;
}

.solny-onboarding-choice strong {
    color: #171b32;
    font-size: 15px;
    font-weight: 900;
}

.solny-onboarding-choice span {
    color: #6b7286;
    font-size: 12px;
    line-height: 1.45;
}

.solny-onboarding-status-wrap {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid rgba(226, 228, 239, 0.95);
    border-radius: 20px;
    background: rgba(248, 250, 255, 0.78);
}

.solny-onboarding-status-wrap[hidden] {
    display: none;
}

.solny-onboarding-status-wrap__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.solny-onboarding-status-list {
    display: grid;
    gap: 9px;
}

.solny-onboarding-status {
    display: grid;
    grid-template-columns: 36px minmax(160px, 1.4fr) 54px minmax(160px, 1fr) 38px;
    gap: 9px;
    align-items: center;
}

.solny-onboarding-status__drag {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
    font-weight: 900;
}

.solny-onboarding-status input {
    min-height: 38px;
    border: 1px solid rgba(226, 228, 239, 0.95);
    border-radius: 12px;
    background: #fff;
    color: #171b32;
    font-weight: 700;
}

.solny-onboarding-status__remove {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 12px;
    background: rgba(215, 91, 91, 0.12);
    color: #b02b2b;
    cursor: pointer;
}

.solny-onboarding__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 24px;
    border-top: 1px solid rgba(226, 228, 239, 0.95);
    background: rgba(255, 255, 255, 0.9);
}

.solny-onboarding__footer > div {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.solny-onboarding__footer-left {
    justify-content: flex-start !important;
    align-items: center;
}

.solny-onboarding__footer-actions {
    align-items: center;
}

.solny-onboarding__footer .solny-btn {
    min-height: 42px;
    border-radius: 999px;
    font-weight: 900;
}

@media (max-width: 860px) {
    .solny-onboarding {
        padding: 12px;
    }

    .solny-onboarding__dialog {
        grid-template-columns: 1fr;
        max-height: calc(100vh - 24px);
    }

    .solny-onboarding__steps {
        display: flex;
        overflow-x: auto;
        padding: 14px;
    }

    .solny-onboarding-step {
        flex: 0 0 auto;
    }

    .solny-onboarding-hero,
    .solny-onboarding-panel {
        padding: 24px;
    }

    .solny-onboarding-cards,
    .solny-onboarding-summary,
    .solny-onboarding-choice {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-status {
        grid-template-columns: 32px 1fr 44px;
    }

    .solny-onboarding-status__icon {
        grid-column: 2 / -1;
    }

    .solny-onboarding__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-onboarding__footer > div,
    .solny-onboarding__footer .solny-btn {
        width: 100%;
    }
}

/* Final onboarding overrides: keep this block after the base onboarding CSS. */
.solny-onboarding input[type="checkbox"],
.solny-onboarding input[type="radio"] {
    accent-color: #3bb185;
}

.solny-onboarding-choice-card {
    position: relative;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: start;
    min-height: 118px;
    overflow: hidden;
}

.solny-onboarding-choice-card input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.solny-onboarding-choice-card::after {
    content: '';
    position: absolute;
    inset: auto -38px -58px auto;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(59, 177, 133, 0.18), transparent 66%);
    opacity: 0;
    transition: opacity 0.18s ease;
}

.solny-onboarding-choice-card.is-selected::after {
    opacity: 1;
}

.solny-onboarding-choice__mark {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(63, 56, 191, 0.24);
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 5px #fff;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.solny-onboarding-choice-card.is-selected .solny-onboarding-choice__mark {
    border-color: #3bb185;
    background: #3bb185;
    box-shadow: inset 0 0 0 5px #fff, 0 10px 24px rgba(59, 177, 133, 0.22);
}

.solny-onboarding-choice__content {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 7px;
}

.solny-onboarding-standard-wrap {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid rgba(226, 228, 239, 0.95);
    border-radius: 20px;
    background:
        radial-gradient(circle at 8% 0%, rgba(63, 56, 191, 0.08), transparent 28%),
        rgba(248, 250, 255, 0.9);
}

.solny-onboarding-standard-wrap[hidden] {
    display: none;
}

.solny-onboarding-status-wrap__head > span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.09);
    color: #3f38bf;
    font-size: 11px;
    font-weight: 900;
}

.solny-onboarding-preview-statuses {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.solny-onboarding-preview-status {
    display: grid;
    grid-template-columns: 28px 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-height: 52px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--status-color, #3bb185), #ffffff 72%);
    border-radius: 16px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--status-color, #3bb185), #ffffff 91%), #ffffff);
}

.solny-onboarding-preview-status__number {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: color-mix(in srgb, var(--status-color, #3bb185), #ffffff 84%);
    color: color-mix(in srgb, var(--status-color, #3bb185), #111827 22%);
    font-size: 11px;
    font-weight: 900;
}

.solny-onboarding-preview-status strong {
    min-width: 0;
    overflow: hidden;
    color: #171b32;
    font-size: 13px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-status-list {
    margin-top: 12px;
}

.solny-onboarding-status-list.is-sorting .solny-onboarding-status:not(.is-dragging) {
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.solny-onboarding-status.solny-status-row {
    display: flex;
    padding: 10px;
    border-color: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 54%);
    border-radius: 18px;
    background:
        radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--status-color, #3f38bf), transparent 76%), transparent 38%),
        linear-gradient(135deg, color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 91%), #ffffff);
    box-shadow: 0 10px 24px rgba(24, 31, 62, 0.05);
}

.solny-onboarding-status.solny-status-row.is-dragging {
    opacity: 0.62;
    transform: scale(0.992);
    border-color: rgba(59, 177, 133, 0.46);
    box-shadow: 0 18px 40px rgba(59, 177, 133, 0.2);
}

.solny-onboarding-status__header {
    display: grid;
    grid-template-columns: 36px minmax(190px, 1fr) minmax(150px, 0.8fr) minmax(160px, 0.8fr) 38px;
    gap: 10px;
    width: 100%;
}

.solny-onboarding-status__title {
    min-width: 0;
}

.solny-onboarding-status__title input {
    min-height: 38px;
    border: 1px solid rgba(226, 228, 239, 0.95);
    border-radius: 12px;
    background: #fff;
    color: #171b32;
    font-weight: 800;
}

.solny-onboarding-status__title input {
    width: 100%;
    min-width: 0;
}

.solny-onboarding-color-control,
.solny-onboarding-icon-control {
    display: grid;
    gap: 6px;
}

.solny-onboarding-color-control > span,
.solny-onboarding-icon-control > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #505975;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.solny-onboarding-icon-control > span i {
    color: var(--status-color, #3f38bf);
}

.solny-onboarding-icon-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 6px;
    border: 1px solid rgba(226, 228, 239, 0.95);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.74);
}

.solny-onboarding-icon-option {
    min-width: 0;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 7px;
    border: 1px solid rgba(226, 228, 239, 0.9);
    border-radius: 11px;
    background: #fff;
    color: #505975;
    cursor: pointer;
    font-size: 10px;
    font-weight: 900;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.solny-onboarding-icon-option i {
    color: var(--status-color, #3f38bf);
    font-size: 13px;
}

.solny-onboarding-icon-option span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-icon-option:hover,
.solny-onboarding-icon-option.is-selected {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 45%);
    background: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 91%);
    box-shadow: 0 8px 18px rgba(24, 31, 62, 0.12);
    color: #171b32;
}

.solny-onboarding-status__remove {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 12px;
    background: rgba(215, 91, 91, 0.12);
    color: #b02b2b;
    cursor: pointer;
}

@media (max-width: 860px) {
    .solny-onboarding-branding__preview,
    .solny-onboarding-branding__grid {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-brand-logo-control {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .solny-onboarding-brand-logo-control button {
        grid-column: 1 / -1;
    }

    .solny-onboarding-choice-card {
        min-height: 0;
    }

    .solny-onboarding-status__header {
        grid-template-columns: 36px minmax(0, 1fr) 38px;
    }

    .solny-onboarding-status__title {
        grid-column: 2 / -1;
    }

    .solny-onboarding-color-control {
        grid-column: 2;
    }

    .solny-onboarding-icon-control {
        grid-column: 2 / -1;
    }

    .solny-onboarding-status__remove {
        grid-column: 3;
        grid-row: 3;
    }
}

.solny-onboarding__dialog {
    border-radius: 18px;
}

.solny-onboarding-step,
.solny-onboarding-cards article,
.solny-onboarding-summary div,
.solny-onboarding-choice label,
.solny-onboarding-standard-wrap,
.solny-onboarding-status-wrap,
.solny-onboarding-status.solny-status-row {
    border-radius: 14px;
}

.solny-onboarding-choice-card {
    min-height: 104px;
}

.solny-onboarding-choice-card.is-disabled {
    opacity: 0.52;
    cursor: not-allowed;
}

.solny-onboarding__footer {
    border-top: 1px solid rgba(63, 56, 191, 0.16);
    background:
        radial-gradient(circle at 0% 50%, rgba(59, 177, 133, 0.14), transparent 28%),
        linear-gradient(135deg, rgba(247, 250, 255, 0.98), rgba(239, 248, 245, 0.98));
}

.solny-onboarding__footer .solny-btn {
    border-radius: 12px;
}

.solny-onboarding .solny-btn--ghost {
    border-color: rgba(63, 56, 191, 0.22);
    background: rgba(63, 56, 191, 0.08);
    color: #2f2a8f;
}

.solny-onboarding-required {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid rgba(59, 177, 133, 0.3);
    border-radius: 12px;
    background: rgba(59, 177, 133, 0.1);
    color: #147757;
    font-size: 12px;
    font-weight: 900;
}

.solny-onboarding-required.is-warning {
    border-color: rgba(215, 91, 91, 0.28);
    background: rgba(215, 91, 91, 0.09);
    color: #b51f2f;
}

.solny-onboarding-required.is-unlocked {
    border-color: rgba(63, 56, 191, 0.24);
    background: rgba(63, 56, 191, 0.08);
    color: #2f2a8f;
}

.solny-onboarding-required small {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.72);
    color: inherit;
    font-size: 10px;
    font-weight: 900;
}

.solny-onboarding-required[data-onboarding-action="unlock-admin-exit"] {
    cursor: pointer;
}

.solny-onboarding-required[data-onboarding-action="unlock-admin-exit"]:hover {
    border-color: rgba(63, 56, 191, 0.34);
    background: rgba(63, 56, 191, 0.08);
    color: #2f2a8f;
}

.solny-onboarding__exit {
    border-color: rgba(63, 56, 191, 0.24) !important;
    color: #2f2a8f !important;
}

.solny-onboarding-vat {
    display: grid;
    gap: 14px;
    margin-top: 20px;
    padding: 16px;
    border: 1px solid rgba(59, 177, 133, 0.22);
    border-radius: 14px;
    background:
        radial-gradient(circle at 0% 0%, rgba(59, 177, 133, 0.14), transparent 32%),
        rgba(255, 255, 255, 0.88);
}

.solny-onboarding-vat__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.solny-onboarding-vat__head span,
.solny-onboarding-vat__head strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #171b32;
    font-size: 12px;
    font-weight: 900;
}

.solny-onboarding-vat__head strong {
    padding: 6px 9px;
    border-radius: 10px;
    background: rgba(59, 177, 133, 0.12);
    color: #147757;
}

.solny-onboarding-vat .solny-onboarding-choice {
    margin-top: 0;
}

.solny-onboarding-choice--vat .solny-onboarding-choice-card {
    min-height: 82px;
}

.solny-onboarding-vat__fields {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 10px;
}

.solny-onboarding-vat__fields[hidden],
.solny-onboarding-vat__existing[hidden] {
    display: none;
}

.solny-onboarding-vat__fields label {
    display: grid;
    gap: 6px;
}

.solny-onboarding-vat__fields span {
    color: #171b32;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.solny-onboarding-vat__fields input,
.solny-onboarding-vat__existing select {
    min-height: 42px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 12px;
    background: #fff;
    color: #171b32;
    font-weight: 800;
}

.solny-onboarding-status.solny-status-row {
    position: relative;
    overflow: visible;
    border-width: 1px;
}

.solny-onboarding-status__header {
    grid-template-columns: 36px minmax(190px, 1fr) minmax(150px, 0.72fr) minmax(150px, 0.72fr) 38px;
}

.solny-onboarding-color-control,
.solny-onboarding-icon-control {
    position: relative;
    align-self: stretch;
}

.solny-onboarding-picker-trigger {
    width: 100%;
    min-height: 42px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 58%);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.86);
    color: #171b32;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    text-align: left;
}

.solny-onboarding-picker-trigger > span:not(.solny-onboarding-picker-color-dot) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-picker-trigger i:first-child {
    color: var(--status-color, #3f38bf);
}

.solny-onboarding-picker-color-dot {
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    border-radius: 8px;
    background: var(--swatch-color, #3f38bf);
    box-shadow: 0 0 0 1px rgba(24, 31, 62, 0.1);
}

.solny-onboarding-picker-dropdown {
    position: absolute;
    z-index: 25;
    top: calc(100% + 8px);
    right: 0;
    width: min(360px, 78vw);
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 58%);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 22px 48px rgba(24, 31, 62, 0.18);
}

.solny-onboarding-picker-search {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    padding: 8px 10px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 10px;
    background: rgba(63, 56, 191, 0.06);
    color: #3f38bf;
}

.solny-onboarding-picker-search input {
    width: 100%;
    min-height: 26px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #171b32;
    font-weight: 800;
}

.solny-onboarding-icon-list,
.solny-onboarding-color-list {
    display: grid;
    max-height: 260px;
    overflow: auto;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
}

.solny-onboarding-icon-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.solny-onboarding-color-list {
    grid-template-columns: 1fr;
}

.solny-onboarding-icon-option,
.solny-onboarding-color-option {
    min-width: 0;
    min-height: 42px;
    display: grid;
    align-items: center;
    gap: 8px;
    padding: 8px 9px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background: #fff;
    color: #171b32;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
    text-align: left;
}

.solny-onboarding-icon-option {
    grid-template-columns: 22px minmax(0, 1fr);
}

.solny-onboarding-color-option {
    grid-template-columns: 24px minmax(0, 1fr) auto;
}

.solny-onboarding-icon-option i {
    color: var(--status-color, #3f38bf);
    font-size: 15px;
}

.solny-onboarding-color-option > span {
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    border-radius: 8px;
    background: var(--swatch-color, #3f38bf);
    box-shadow: 0 0 0 1px rgba(24, 31, 62, 0.11);
}

.solny-onboarding-icon-option span,
.solny-onboarding-color-option strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-color-option small {
    color: color-mix(in srgb, var(--swatch-color, #3f38bf), #171b32 22%);
    font-size: 10px;
    font-weight: 900;
}

.solny-onboarding-icon-option:hover,
.solny-onboarding-icon-option.is-selected,
.solny-onboarding-color-option:hover,
.solny-onboarding-color-option.is-selected {
    border-color: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 45%);
    background: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 92%);
    box-shadow: 0 8px 18px rgba(24, 31, 62, 0.1);
}

.solny-onboarding-picker-empty {
    padding: 12px;
    border: 1px dashed rgba(63, 56, 191, 0.22);
    border-radius: 10px;
    color: #3f38bf;
    font-size: 12px;
    font-weight: 900;
}

.solny-onboarding-add-status {
    width: 100%;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    margin-top: 14px;
    padding: 14px;
    border: 1px solid rgba(59, 177, 133, 0.35);
    border-radius: 14px;
    background:
        radial-gradient(circle at 0% 0%, rgba(59, 177, 133, 0.18), transparent 34%),
        linear-gradient(135deg, rgba(236, 250, 245, 0.96), rgba(244, 247, 255, 0.96));
    color: #147757;
    cursor: pointer;
    text-align: left;
}

.solny-onboarding-add-status > span {
    grid-row: span 2;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #3bb185;
    color: #fff;
}

.solny-onboarding-add-status strong {
    color: #147757;
    font-size: 14px;
    font-weight: 900;
}

.solny-onboarding-add-status small {
    color: #2b6e57;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 860px) {
    .solny-onboarding-vat__fields,
    .solny-onboarding-status__header {
        grid-template-columns: 36px minmax(0, 1fr) 38px;
    }

    .solny-onboarding-vat__fields {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-picker-dropdown {
        left: 0;
        right: auto;
        width: min(340px, calc(100vw - 48px));
    }
}

/* Compact, sharper onboarding controls. Keep this block last to override older rounded/neutral rules. */
.solny-onboarding__dialog {
    border-radius: 10px;
}

.solny-onboarding-step,
.solny-onboarding-cards article,
.solny-onboarding-summary div,
.solny-onboarding-choice label,
.solny-onboarding-standard-wrap,
.solny-onboarding-status-wrap,
.solny-onboarding-status.solny-status-row,
.solny-onboarding-vat,
.solny-onboarding-picker-dropdown,
.solny-onboarding-add-status {
    border-radius: 8px;
}

.solny-onboarding__footer .solny-btn,
.solny-onboarding-required,
.solny-onboarding-vat__head strong,
.solny-onboarding-vat__fields input,
.solny-onboarding-vat__existing select,
.solny-onboarding-picker-trigger,
.solny-onboarding-picker-search,
.solny-onboarding-icon-option,
.solny-onboarding-color-option,
.solny-onboarding-picker-empty,
.solny-onboarding-status__remove,
.solny-onboarding-add-status > span,
.solny-onboarding-picker-color-dot,
.solny-onboarding-color-option > span {
    border-radius: 6px;
}

.solny-onboarding__footer {
    background:
        radial-gradient(circle at 0% 50%, rgba(59, 177, 133, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(239, 247, 255, 0.98), rgba(232, 250, 243, 0.98));
}

.solny-onboarding-status.solny-status-row {
    border-color: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 50%);
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 90%), rgba(255, 255, 255, 0.96) 48%),
        #fff;
    box-shadow: inset 4px 0 0 var(--status-color, #3f38bf), 0 10px 24px rgba(24, 31, 62, 0.08);
}

.solny-onboarding-picker-trigger,
.solny-onboarding-icon-option,
.solny-onboarding-color-option {
    background: color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 96%);
    color: #171b32;
}

.solny-onboarding-status__remove {
    background: rgba(215, 91, 91, 0.14);
    color: #a52121;
}

/* Onboarding picker refinements: system icon list, real custom color, compact VAT fields. */
.solny-onboarding-choice--vat {
    grid-template-columns: repeat(2, minmax(180px, 280px));
    justify-content: start;
}

.solny-onboarding-choice--vat .solny-onboarding-choice-card {
    min-height: 72px;
    padding: 12px;
}

.solny-onboarding-vat__fields {
    width: fit-content;
    max-width: 100%;
    grid-template-columns: 96px minmax(170px, 250px);
    align-items: end;
}

.solny-onboarding-vat__fields input {
    min-height: 38px;
    padding: 7px 9px;
}

.solny-onboarding-vat__existing {
    max-width: 360px;
}

.solny-onboarding-picker-dropdown {
    width: min(330px, 72vw);
}

.solny-onboarding-icon-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: 300px;
}

.solny-onboarding-icon-option {
    min-height: 48px;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 5px;
    padding: 8px 6px;
    text-align: center;
}

.solny-onboarding-icon-option i {
    font-size: 17px;
}

.solny-onboarding-icon-option span {
    width: 100%;
    font-size: 10px;
}

.solny-onboarding-custom-color {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px;
    align-items: center;
    gap: 10px;
    margin-bottom: 9px;
    padding: 9px 10px;
    border: 1px solid color-mix(in srgb, var(--swatch-color, #3f38bf), #ffffff 58%);
    border-radius: 6px;
    background: color-mix(in srgb, var(--swatch-color, #3f38bf), #ffffff 93%);
}

.solny-onboarding-custom-color span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #171b32;
    font-size: 12px;
    font-weight: 900;
}

.solny-onboarding-custom-color span i {
    color: var(--swatch-color, #3f38bf);
}

.solny-onboarding-native-color,
.solny-onboarding-native-expense-color {
    width: 52px;
    height: 34px;
    padding: 2px;
    border: 1px solid rgba(63, 56, 191, 0.22);
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
}

.solny-onboarding-native-color::-webkit-color-swatch-wrapper,
.solny-onboarding-native-expense-color::-webkit-color-swatch-wrapper {
    padding: 0;
}

.solny-onboarding-native-color::-webkit-color-swatch,
.solny-onboarding-native-color::-moz-color-swatch,
.solny-onboarding-native-expense-color::-webkit-color-swatch,
.solny-onboarding-native-expense-color::-moz-color-swatch {
    border: 0;
    border-radius: 4px;
}

@media (max-width: 860px) {
    .solny-onboarding-choice--vat,
    .solny-onboarding-vat__fields {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .solny-onboarding-icon-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.solny-onboarding-vat__note {
    min-height: 72px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    max-width: 360px;
    padding: 12px;
    border: 1px solid rgba(59, 177, 133, 0.28);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(59, 177, 133, 0.13), rgba(31, 128, 255, 0.08));
    color: #17385d;
    font-size: 12px;
    font-weight: 800;
}

.solny-onboarding-vat__note i {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #3bb185;
    color: #fff;
}

.solny-onboarding-vat__fields {
    width: min(100%, 620px);
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.solny-onboarding-vat-row {
    display: grid;
    grid-template-columns: 104px 98px minmax(160px, 1fr) 36px;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.07), rgba(59, 177, 133, 0.07));
}

.solny-onboarding-vat-row__badge {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 9px;
    border-radius: 6px;
    background: #3bb185;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.solny-onboarding-vat-row__badge span,
.solny-onboarding-vat-row__badge i {
    color: #fff !important;
    font-weight: 950 !important;
}

.solny-onboarding-vat-row label {
    display: grid;
    gap: 5px;
}

.solny-onboarding-vat-row label span {
    color: #171b32;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.solny-onboarding-vat-row input {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 6px;
    background: #fff;
    color: #171b32;
    font-weight: 800;
}

.solny-onboarding-vat-remove {
    width: 36px;
    height: 38px;
    border: 1px solid rgba(215, 91, 91, 0.24);
    border-radius: 6px;
    background: rgba(215, 91, 91, 0.12);
    color: #a52121;
    cursor: pointer;
}

.solny-onboarding-vat-remove:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.solny-onboarding-vat-add {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    padding: 0 14px;
    border: 1px solid rgba(59, 177, 133, 0.38);
    border-radius: 8px;
    background: linear-gradient(135deg, #3bb185, #178f68);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 12px 22px rgba(59, 177, 133, 0.22);
}

@media (max-width: 860px) {
    .solny-onboarding-vat-row {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-vat-add {
        width: 100%;
    }
}

/* Onboarding status DND: full-card drag preview and visible insertion gaps. */
.solny-onboarding-status-list {
    position: relative;
}

.solny-onboarding-status-list.is-sorting {
    cursor: grabbing;
}

.solny-onboarding-status.solny-status-row {
    position: relative;
    transition: margin 0.14s ease, transform 0.14s ease, opacity 0.14s ease, box-shadow 0.14s ease;
}

.solny-onboarding-status.solny-status-row.is-dragging {
    opacity: 0.34;
    transform: scale(0.985);
    box-shadow: inset 4px 0 0 var(--status-color, #3f38bf), 0 8px 18px rgba(24, 31, 62, 0.08);
}

.solny-onboarding-status.is-drop-before {
    margin-top: 18px;
}

.solny-onboarding-status.is-drop-after {
    margin-bottom: 18px;
}

.solny-onboarding-status.is-drop-before::before,
.solny-onboarding-status.is-drop-after::after,
.solny-onboarding-status-list.is-drop-end::after {
    content: '';
    position: absolute;
    left: 12px;
    right: 12px;
    height: 6px;
    border-radius: 6px;
    background: linear-gradient(90deg, #3bb185, #3f38bf);
    box-shadow: 0 0 0 4px rgba(59, 177, 133, 0.12), 0 10px 22px rgba(59, 177, 133, 0.24);
    pointer-events: none;
}

.solny-onboarding-status.is-drop-before::before {
    top: -12px;
}

.solny-onboarding-status.is-drop-after::after {
    bottom: -12px;
}

.solny-onboarding-status-list.is-drop-end::after {
    position: relative;
    display: block;
    left: auto;
    right: auto;
    margin: 12px 12px 2px;
}

.solny-onboarding-status-drag-preview {
    box-sizing: border-box;
    opacity: 0.96;
    transform: rotate(-1deg);
    border-color: rgba(59, 177, 133, 0.58) !important;
    background: #ffffff !important;
    box-shadow: 0 24px 54px rgba(24, 31, 62, 0.24), inset 4px 0 0 var(--status-color, #3f38bf) !important;
}

.solny-onboarding-status-drag-preview * {
    pointer-events: none !important;
}

.solny-onboarding-status__drag {
    cursor: grab;
}

.solny-onboarding-status-list.is-sorting .solny-onboarding-status__drag,
.solny-onboarding-status__drag:active {
    cursor: grabbing;
}

.solny-onboarding-vat-add,
.solny-onboarding-vat-add span,
.solny-onboarding-vat-add i,
.solny-onboarding-task-card__head button,
.solny-onboarding-task-card__head button i {
    color: #fff !important;
    font-weight: 950 !important;
}

.solny-onboarding-task-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
    gap: 14px;
    align-items: start;
    width: min(100%, 980px);
}

.solny-onboarding-task-card {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-left: 5px solid #3f38bf;
    border-radius: 8px;
    background:
        radial-gradient(circle at 12% 0%, rgba(59, 177, 133, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
    box-shadow: 0 16px 34px rgba(23, 27, 50, 0.08);
}

.solny-onboarding-task-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.solny-onboarding-task-card__head div {
    display: grid;
    gap: 3px;
}

.solny-onboarding-task-card__head strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #171b32;
    font-size: 14px;
    font-weight: 950;
}

.solny-onboarding-task-card__head span {
    color: #3f38bf;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solny-onboarding-task-card__head button {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(135deg, #3bb185, #178f68);
    box-shadow: 0 12px 22px rgba(59, 177, 133, 0.22);
    cursor: pointer;
}

.solny-onboarding-users-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(130px, 1fr));
    gap: 10px;
    margin: 14px 0;
    width: min(100%, 760px);
}

.solny-onboarding-users-stats article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-left: 4px solid #3f38bf;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(59, 177, 133, 0.08));
}

.solny-onboarding-users-stats i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #3f38bf;
    color: #fff;
}

.solny-onboarding-users-stats span {
    color: #3f38bf;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.solny-onboarding-users-stats strong {
    color: #171b32;
    font-size: 20px;
    font-weight: 950;
}

.solny-onboarding-role-access {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
}

.solny-onboarding-role-access section,
.solny-onboarding-role-styles {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 14px 30px rgba(24, 31, 62, 0.07);
}

.solny-onboarding-role-access__head,
.solny-onboarding-role-styles__head,
.solny-onboarding-role-create__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.solny-onboarding-role-create__head {
    justify-content: flex-start;
}

.solny-onboarding-role-create__head > span {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--role-color, #3bb185);
    color: #fff;
}

.solny-onboarding-role-access__head strong,
.solny-onboarding-role-styles__head strong,
.solny-onboarding-role-create__head strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #171b32;
    font-size: 14px;
    font-weight: 950;
}

.solny-onboarding-role-access__head span,
.solny-onboarding-role-styles__head span,
.solny-onboarding-role-create__head small {
    color: #596079;
    font-size: 11px;
    font-weight: 800;
}

.solny-onboarding-role-access__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
}

.solny-onboarding-role-access__list--tasks,
.solny-onboarding-role-access__list--orders {
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
}

.solny-onboarding-role-access-option {
    min-width: 0;
    position: relative;
    display: grid;
    grid-template-columns: 18px 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--role-color, #3f38bf) 28%, transparent);
    border-radius: 7px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 8%, #ffffff);
    cursor: pointer;
}

.solny-onboarding-role-access-option input {
    width: 18px;
    height: 18px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    display: inline-grid;
    place-items: center;
    border: 2px solid color-mix(in srgb, var(--role-color, #3f38bf) 62%, #ffffff);
    border-radius: 5px;
    background: #fff;
    accent-color: var(--role-color, #3f38bf);
    cursor: pointer;
    box-shadow: 0 3px 8px color-mix(in srgb, var(--role-color, #3f38bf) 16%, transparent);
}

.solny-onboarding-role-access-option input::after {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-size: 10px;
    font-weight: 900;
    color: #fff;
    transform: scale(0);
    transition: transform 0.14s ease;
}

.solny-onboarding-role-access-option input:checked {
    border-color: var(--role-color, #3f38bf);
    background: var(--role-color, #3f38bf);
}

.solny-onboarding-role-access-option input:checked::after {
    transform: scale(1);
}

.solny-onboarding-role-access-option > span {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 18%, #ffffff);
    color: var(--role-color, #3f38bf);
}

.solny-onboarding-role-access-option strong {
    min-width: 0;
    overflow: hidden;
    color: #171b32;
    font-size: 12px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-role-access-option em {
    color: #8c6b18;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.solny-onboarding-role-access-option.is-selected {
    background: color-mix(in srgb, var(--role-color, #3f38bf) 15%, #ffffff);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--role-color, #3f38bf) 58%, #ffffff);
}

.solny-onboarding-role-access-option.is-selected > span {
    background: var(--role-color, #3f38bf);
    color: #fff;
}

.solny-onboarding-role-access-option.is-muted {
    opacity: 0.62;
}

.solny-onboarding-access {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.solny-onboarding-access-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
}

.solny-onboarding-access-card,
.solny-onboarding-module-access {
    min-width: 0;
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.05), rgba(59, 177, 133, 0.06)), #fff;
    box-shadow: 0 14px 30px rgba(24, 31, 62, 0.06);
}

.solny-onboarding-access-card--main {
    grid-column: 1 / -1;
}

.solny-onboarding-access-card__head {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.solny-onboarding-access-card__head > span {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: linear-gradient(135deg, #3bb185, #3f38bf);
    color: #fff;
}

.solny-onboarding-access-card__head div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.solny-onboarding-access-card__head strong {
    color: #171b32;
    font-size: 14px;
    font-weight: 950;
}

.solny-onboarding-access-card__head small {
    color: #596079;
    font-size: 11px;
    font-weight: 800;
}

.solny-onboarding-access-switches {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.solny-onboarding-access-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.solny-onboarding-access-fields label {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-onboarding-access-fields label > span {
    color: #171b32;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-onboarding-access-fields input,
.solny-onboarding-access-fields select {
    width: 100%;
    min-height: 38px;
    min-width: 0;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 7px;
    background: #fff;
    color: #171b32;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    box-sizing: border-box;
}

.solny-onboarding-access-role-list {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    max-height: 310px;
    overflow: auto;
    padding-right: 3px;
}

.solny-onboarding-auth-role-option {
    grid-template-columns: 18px 30px minmax(0, 1fr);
}

.solny-onboarding-module-access-list {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.solny-onboarding-module-access-role {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--role-color, #3f38bf) 22%, #ffffff);
    border-radius: 8px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 7%, #ffffff);
    box-shadow: inset 4px 0 0 var(--role-color, #3f38bf);
}

.solny-onboarding-module-access-role.is-closed {
    border-style: dashed;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 5%, #ffffff);
    box-shadow: inset 4px 0 0 color-mix(in srgb, var(--role-color, #3f38bf) 58%, #ffffff);
}

.solny-onboarding-module-access-role header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.solny-onboarding-module-access-role header > div:first-child {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.solny-onboarding-module-access-role header > div:first-child > span {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-row: span 2;
    border-radius: 6px;
    background: var(--role-color, #3f38bf);
    color: #fff;
}

.solny-onboarding-module-access-role header strong {
    overflow: hidden;
    color: #171b32;
    font-size: 13px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-module-access-role header small {
    color: color-mix(in srgb, var(--role-color, #3f38bf) 78%, #171b32);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.solny-onboarding-module-access-role header > div:last-child {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
}

.solny-onboarding-module-access-role header button {
    min-height: 30px;
    padding: 5px 9px;
    border: 1px solid color-mix(in srgb, var(--role-color, #3f38bf) 24%, #ffffff);
    border-radius: 6px;
    background: #fff;
    color: var(--role-color, #3f38bf);
    cursor: pointer;
    font-size: 11px;
    font-weight: 950;
}

.solny-onboarding-module-access-modules {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: 7px;
}

.solny-onboarding-module-access-module {
    min-width: 0;
    display: grid;
    grid-template-columns: 18px 26px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding: 7px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.84);
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.solny-onboarding-module-access-module input {
    width: 18px;
    height: 18px;
    margin: 0;
    appearance: none;
    position: relative;
    border: 2px solid color-mix(in srgb, var(--role-color, #3f38bf) 36%, #ffffff);
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
}

.solny-onboarding-module-access-module input::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    opacity: 0;
    transform: rotate(45deg) scale(0.7);
    transition: opacity 0.14s ease, transform 0.14s ease;
}

.solny-onboarding-module-access-module input:checked {
    border-color: var(--role-color, #3f38bf);
    background: linear-gradient(135deg, var(--role-color, #3f38bf), color-mix(in srgb, var(--role-color, #3f38bf) 72%, #3bb185));
}

.solny-onboarding-module-access-module input:checked::after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

.solny-onboarding-module-access-module > span {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 14%, #ffffff);
    color: var(--role-color, #3f38bf);
}

.solny-onboarding-module-access-module strong {
    overflow: hidden;
    color: #171b32;
    font-size: 11px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-module-access-module.is-selected {
    border-color: color-mix(in srgb, var(--role-color, #3f38bf) 36%, #ffffff);
    background: color-mix(in srgb, var(--role-color, #3f38bf) 12%, #ffffff);
    transform: translateY(-1px);
}

.solny-onboarding-module-access-module:not(.is-selected) {
    color: color-mix(in srgb, #171b32 65%, #ffffff);
}

.solny-onboarding-module-access-module:not(.is-selected) > span {
    opacity: 0.66;
    filter: saturate(0.75);
}

.solny-onboarding-module-access-role.is-closed .solny-onboarding-module-access-module {
    background: rgba(255, 255, 255, 0.66);
}

.solny-onboarding-task-role-option,
.solny-onboarding-order-role-option {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.solny-onboarding-task-role-option__main {
    min-width: 0;
    display: grid;
    grid-template-columns: 18px 30px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.solny-onboarding-task-role-option__main > span {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 18%, #ffffff);
    color: var(--role-color, #3f38bf);
}

.solny-onboarding-task-role-option.is-selected .solny-onboarding-task-role-option__main > span,
.solny-onboarding-order-role-option.is-selected .solny-onboarding-task-role-option__main > span {
    background: var(--role-color, #3f38bf);
    color: #fff;
}

.solny-onboarding-task-role-mode {
    min-width: 112px;
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
    padding: 3px;
    border: 1px solid color-mix(in srgb, var(--role-color, #3f38bf) 28%, #ffffff);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.86);
}

.solny-onboarding-task-role-mode label {
    position: relative;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 8px;
    border-radius: 5px;
    color: color-mix(in srgb, var(--role-color, #3f38bf) 70%, #171b32);
    cursor: pointer;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-onboarding-task-role-mode input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.solny-onboarding-task-role-mode label.is-selected {
    background: var(--role-color, #3f38bf);
    color: #fff;
}

.solny-onboarding-task-role-mode.is-disabled {
    opacity: 0.46;
}

.solny-onboarding-task-role-mode.is-disabled label {
    cursor: not-allowed;
}

.solny-onboarding-role-create {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(132px, 0.7fr) minmax(150px, 1fr) 68px minmax(130px, 0.72fr) minmax(132px, 0.55fr);
    align-items: end;
    gap: 10px;
    margin-top: 4px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--role-color, #3bb185) 26%, transparent);
    border-left: 4px solid var(--role-color, #3bb185);
    border-radius: 8px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--role-color, #3bb185) 10%, #fff), rgba(255, 255, 255, 0.96) 48%);
}

.solny-onboarding-role-create__head {
    grid-column: auto;
    align-self: center;
    min-width: 0;
}

.solny-onboarding-role-create__head > div {
    min-width: 0;
}

.solny-onboarding-role-create__head strong,
.solny-onboarding-role-create__head small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-role-create label,
.solny-onboarding-role-row__field {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.solny-onboarding-role-create label span,
.solny-onboarding-role-row__field span {
    color: #171b32;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.solny-onboarding-role-create input,
.solny-onboarding-role-create select,
.solny-onboarding-role-row__field input {
    min-height: 40px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 6px;
    background: #fff;
    color: #171b32;
    font-weight: 850;
}

.solny-onboarding-role-create__button {
    min-width: 0;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 12px;
    white-space: nowrap;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(135deg, var(--role-color, #3bb185), color-mix(in srgb, var(--role-color, #3bb185) 78%, #171b32));
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 950;
    box-shadow: 0 12px 22px color-mix(in srgb, var(--role-color, #3bb185) 22%, transparent);
}

.solny-onboarding-role-create__button i,
.solny-onboarding-role-create__button span {
    color: #fff;
}

.solny-onboarding-role-create__button.is-loading {
    opacity: 0.72;
    cursor: wait;
}

.solny-onboarding-role-group {
    display: grid;
    gap: 9px;
}

.solny-onboarding-role-group__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #171b32;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-onboarding-role-group__title strong {
    min-width: 28px;
    padding: 4px 7px;
    border-radius: 6px;
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
    text-align: center;
}

.solny-onboarding-role-list {
    min-width: 0;
    max-width: 100%;
    display: grid;
    gap: 8px;
}

.solny-onboarding-role-row {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 74px minmax(150px, 0.72fr) 38px;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--role-color, #3f38bf) 26%, transparent);
    border-left: 4px solid var(--role-color, #3f38bf);
    border-radius: 8px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--role-color, #3f38bf) 10%, #fff), #fff 52%),
        #fff;
}

.solny-onboarding-role-row.is-hidden {
    opacity: 0.62;
}

.solny-onboarding-role-row__identity {
    min-width: 0;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
}

.solny-onboarding-role-row__icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--role-color, #3f38bf);
    color: #fff;
}

.solny-onboarding-role-row__icon i {
    color: #fff;
}

.solny-onboarding-role-row__identity strong,
.solny-onboarding-role-row__identity small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-role-row__identity strong {
    color: #171b32;
    font-size: 13px;
    font-weight: 950;
}

.solny-onboarding-role-row__identity small {
    color: color-mix(in srgb, var(--role-color, #3f38bf) 74%, #171b32);
    font-size: 10px;
    font-weight: 850;
}

.solny-onboarding-role-row__field--color input {
    width: 70px;
    padding: 2px;
    cursor: pointer;
}

.solny-onboarding-role-row__field--icon {
    position: relative;
    --status-color: var(--role-color, #3f38bf);
}

.solny-onboarding-role-icon-control {
    min-width: 0;
    position: relative;
    --status-color: var(--role-color, #3f38bf);
}

.solny-onboarding-role-icon-control .solny-onboarding-picker-dropdown {
    left: auto;
    right: 0;
    width: min(360px, 82vw);
}

.solny-onboarding-role-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.solny-onboarding-role-delete,
.solny-onboarding-role-lock {
    width: 38px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.solny-onboarding-role-delete {
    border: 1px solid rgba(215, 91, 91, 0.24);
    background: rgba(215, 91, 91, 0.12);
    color: #a52121;
    cursor: pointer;
}

.solny-onboarding-role-lock {
    border: 1px solid rgba(63, 56, 191, 0.14);
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
}

@media (max-width: 1080px) {
    .solny-onboarding-role-access,
    .solny-onboarding-users-stats,
    .solny-onboarding-access-grid {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-access-switches,
    .solny-onboarding-access-fields {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-role-row {
        grid-template-columns: minmax(0, 1fr) 68px minmax(120px, 0.64fr) 38px;
    }
}

@media (max-width: 760px) {
    .solny-onboarding-role-create {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-role-row {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-module-access-role header {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-onboarding-module-access-role header > div:last-child {
        width: 100%;
    }

    .solny-onboarding-module-access-role header button {
        flex: 1;
    }

    .solny-onboarding-module-access-modules {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-task-role-option,
    .solny-onboarding-order-role-option {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-task-role-mode {
        width: 100%;
    }

    .solny-onboarding-role-row__actions {
        justify-content: flex-start;
    }

    .solny-onboarding-role-delete,
    .solny-onboarding-role-lock {
        width: 100%;
    }
}

.solny-onboarding-task-status-list,
.solny-onboarding-task-timer-list {
    display: grid;
    gap: 9px;
}

.solny-onboarding-task-status,
.solny-onboarding-task-timer {
    display: grid;
    grid-template-columns: minmax(130px, 0.9fr) minmax(140px, 1fr) 86px minmax(126px, 0.9fr) auto auto;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--task-color, var(--timer-color, #3f38bf)) 24%, transparent);
    border-left: 4px solid var(--task-color, var(--timer-color, #3f38bf));
    border-radius: 7px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--task-color, var(--timer-color, #3f38bf)) 10%, #fff), #fff 72%);
}

.solny-onboarding-task-timer {
    grid-template-columns: minmax(130px, 0.9fr) minmax(130px, 1fr) 82px minmax(126px, 0.9fr) minmax(150px, 1fr) auto auto;
}

.solny-onboarding-task-status__preview,
.solny-onboarding-task-timer__preview {
    min-height: 42px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 8px;
    padding: 7px 8px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--task-color, var(--timer-color, #3f38bf)) 13%, #fff);
}

.solny-onboarding-task-status__preview span,
.solny-onboarding-task-timer__preview span {
    grid-row: 1 / span 2;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--task-color, var(--timer-color, #3f38bf));
    color: #fff;
}

.solny-onboarding-task-status__preview strong,
.solny-onboarding-task-timer__preview strong {
    overflow: hidden;
    color: #171b32;
    font-size: 12px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-task-status__preview em,
.solny-onboarding-task-timer__preview em {
    width: fit-content;
    padding: 2px 7px;
    border-radius: 5px;
    background: rgba(59, 177, 133, 0.13);
    color: #178f68;
    font-size: 10px;
    font-style: normal;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-onboarding-task-status label,
.solny-onboarding-task-timer label,
.solny-onboarding-task-timer__time label {
    display: grid;
    gap: 5px;
}

.solny-onboarding-task-status label span,
.solny-onboarding-task-timer label span,
.solny-onboarding-task-timer__time label span {
    color: #171b32;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-onboarding-task-status input[type="text"],
.solny-onboarding-task-status input[type="number"],
.solny-onboarding-task-status select,
.solny-onboarding-task-timer input[type="text"],
.solny-onboarding-task-timer input[type="number"],
.solny-onboarding-task-timer select {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 6px;
    background: #fff;
    color: #171b32;
    font-size: 12px;
    font-weight: 850;
}

.solny-onboarding-task-status input[type="color"],
.solny-onboarding-task-timer input[type="color"] {
    width: 82px;
    min-height: 38px;
    padding: 3px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
}

.solny-onboarding-task-timer__time {
    display: grid;
    grid-template-columns: repeat(3, minmax(42px, 1fr));
    gap: 6px;
}

.solny-onboarding-task-status__done,
.solny-onboarding-task-timer__notify {
    min-height: 38px;
    display: inline-flex !important;
    align-items: center;
    gap: 8px !important;
    padding: 7px 9px;
    border: 1px solid rgba(59, 177, 133, 0.22);
    border-radius: 6px;
    background: rgba(59, 177, 133, 0.1);
    color: #171b32;
    cursor: pointer;
}

.solny-onboarding-task-status__done input,
.solny-onboarding-task-timer__notify input {
    width: 17px;
    height: 17px;
    accent-color: #3bb185;
}

.solny-onboarding-task-status__done span,
.solny-onboarding-task-timer__notify span {
    color: #178f68 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: none !important;
}

.solny-onboarding-task-status__actions {
    display: inline-flex;
    gap: 5px;
}

.solny-onboarding-task-status__actions button,
.solny-onboarding-task-timer__remove {
    width: 34px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 6px;
    background: #fff;
    color: #3f38bf;
    cursor: pointer;
}

.solny-onboarding-task-status__actions button:last-child,
.solny-onboarding-task-timer__remove {
    border-color: rgba(215, 91, 91, 0.22);
    background: rgba(215, 91, 91, 0.1);
    color: #a52121;
}

.solny-onboarding-task-status__actions button:disabled,
.solny-onboarding-task-timer__remove:disabled {
    cursor: not-allowed;
    opacity: 0.38;
}

@media (max-width: 1180px) {
    .solny-onboarding-task-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 920px) {
    .solny-onboarding-task-status,
    .solny-onboarding-task-timer {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-task-card__head {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-onboarding-task-card__head button {
        width: 100%;
    }
}

/* Onboarding Aufgaben: timer belongs to the status row, not to a separate block. */
.solny-onboarding-task-grid {
    grid-template-columns: 1fr;
    width: min(100%, 940px);
}

.solny-onboarding-task-status {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 0;
    padding: 0;
    overflow: visible;
}

.solny-onboarding-task-status__main {
    display: grid;
    grid-template-columns: minmax(150px, 0.9fr) minmax(160px, 1fr) 86px minmax(126px, 0.9fr) auto auto;
    align-items: end;
    gap: 8px;
    padding: 10px;
}

.solny-onboarding-task-status__timer {
    display: grid;
    gap: 9px;
    padding: 10px;
    border-top: 1px solid color-mix(in srgb, var(--task-color, #3f38bf) 18%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--task-color, #3f38bf) 8%, #fff), #fff);
}

.solny-onboarding-task-status-timer-toggle {
    min-height: 40px;
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px !important;
    width: fit-content;
    padding: 7px 11px;
    border: 1px solid color-mix(in srgb, var(--task-color, #3f38bf) 28%, transparent);
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
}

.solny-onboarding-task-status-timer-toggle input {
    width: 18px;
    height: 18px;
    accent-color: var(--task-color, #3f38bf);
}

.solny-onboarding-task-status-timer-toggle span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #171b32 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-transform: none !important;
}

.solny-onboarding-task-status-timer-toggle span i {
    color: var(--task-color, #3f38bf);
}

.solny-onboarding-task-status__timer.is-enabled .solny-onboarding-task-status-timer-toggle {
    background: color-mix(in srgb, var(--task-color, #3f38bf) 12%, #fff);
}

.solny-onboarding-task-status-timer-fields {
    display: grid;
    grid-template-columns: minmax(210px, 0.58fr) minmax(170px, 0.42fr);
    gap: 10px;
    align-items: end;
}

.solny-onboarding-task-status-timer-fields[hidden] {
    display: none !important;
}

.solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__time {
    max-width: 340px;
}

.solny-onboarding-task-status-timer-fields input[type="number"] {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 6px;
    background: #fff;
    color: #171b32;
    font-size: 12px;
    font-weight: 850;
}

.solny-onboarding-task-icon-control {
    display: grid;
    gap: 5px;
    align-self: end;
}

.solny-onboarding-task-field-label {
    color: #171b32;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

@media (max-width: 980px) {
    .solny-onboarding-task-status__main,
    .solny-onboarding-task-status-timer-fields {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-task-status-timer-toggle {
        width: 100%;
    }
}

/* Large onboarding workspace with stable in-dialog scrolling. */
.solny-onboarding {
    padding: 14px;
}

.solny-onboarding__dialog {
    width: min(1180px, calc(100vw - 28px));
    height: min(94vh, 980px);
    max-height: calc(100vh - 28px);
}

.solny-onboarding__main {
    min-height: 0;
}

.solny-onboarding-hero,
.solny-onboarding-panel {
    min-height: 0;
    overscroll-behavior: contain;
    scroll-behavior: auto;
}

@media (max-width: 780px) {
    .solny-onboarding {
        padding: 8px;
    }

    .solny-onboarding__dialog {
        width: calc(100vw - 16px);
        height: calc(100dvh - 16px);
        max-height: calc(100dvh - 16px);
    }
}

/* Aufgaben rows use the same visual grammar as Bestellstatus rows. */
.solny-onboarding-task-status-list {
    position: relative;
}

.solny-onboarding-task-status-list.is-sorting {
    cursor: grabbing;
}

.solny-onboarding-task-status.solny-status-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 50%);
    border-radius: 8px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--status-color, #3f38bf), #ffffff 90%), rgba(255, 255, 255, 0.96) 48%),
        #fff;
    box-shadow: inset 4px 0 0 var(--status-color, #3f38bf), 0 10px 24px rgba(24, 31, 62, 0.08);
    overflow: visible;
    transition: transform 0.14s ease, opacity 0.14s ease, box-shadow 0.14s ease;
}

.solny-onboarding-task-status__header {
    display: grid;
    grid-template-columns: 36px minmax(190px, 1fr) minmax(150px, 0.72fr) minmax(150px, 0.72fr) minmax(112px, 0.42fr) 38px;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.solny-onboarding-task-status__title {
    min-width: 0;
}

.solny-onboarding-task-status__title em {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-left: 8px;
    padding: 3px 7px;
    border-radius: 5px;
    background: rgba(59, 177, 133, 0.13);
    color: #178f68;
    font-size: 10px;
    font-style: normal;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-onboarding-task-status__drag {
    cursor: grab;
}

.solny-onboarding-task-status__drag:active,
.solny-onboarding-task-status-list.is-sorting .solny-onboarding-task-status__drag {
    cursor: grabbing;
}

.solny-onboarding-task-status.solny-status-row.is-dragging {
    opacity: 0.34;
    transform: scale(0.985);
    box-shadow: inset 4px 0 0 var(--status-color, #3f38bf), 0 8px 18px rgba(24, 31, 62, 0.08);
}

.solny-onboarding-task-status__done {
    align-self: stretch;
    justify-content: center;
}

.solny-onboarding-task-color-control,
.solny-onboarding-task-icon-control {
    align-self: stretch;
}

.solny-onboarding-task-status__timer {
    margin: 0 10px 10px 46px;
    border: 1px solid color-mix(in srgb, var(--status-color, #3f38bf) 18%, transparent);
    border-radius: 7px;
}

.solny-onboarding-status.is-drop-before::before,
.solny-onboarding-status.is-drop-after::after,
.solny-onboarding-task-status.is-drop-before::before,
.solny-onboarding-task-status.is-drop-after::after,
.solny-onboarding-status-list.is-drop-end::after,
.solny-onboarding-task-status-list.is-drop-end::after {
    display: none !important;
    content: none !important;
}

/* Stable DnD placeholder: real list item placed between rows, not inside a row. */
.solny-dnd-placeholder {
    box-sizing: border-box;
    width: 100%;
    height: 54px;
    margin: 0;
    border: 1px dashed rgba(63, 56, 191, 0.38) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(90deg, rgba(63, 56, 191, 0.08), rgba(59, 177, 133, 0.1)),
        repeating-linear-gradient(90deg, rgba(63, 56, 191, 0.08) 0 12px, rgba(63, 56, 191, 0.03) 12px 24px) !important;
    box-shadow: inset 4px 0 0 #3bb185, 0 10px 22px rgba(59, 177, 133, 0.12) !important;
    pointer-events: none !important;
}

@media (max-width: 980px) {
    .solny-onboarding-task-status__header {
        grid-template-columns: 36px minmax(0, 1fr) 38px;
    }

    .solny-onboarding-task-status__title {
        grid-column: 2 / -1;
    }

    .solny-onboarding-task-color-control,
    .solny-onboarding-task-icon-control,
    .solny-onboarding-task-status__done {
        grid-column: 2 / -1;
    }

    .solny-onboarding-task-status__remove {
        grid-column: 3;
        grid-row: 1;
    }

    .solny-onboarding-task-status__timer {
        margin-left: 10px;
    }
}

/* DnD controls with explicit up/down actions. */
.solny-onboarding-status__header,
.solny-onboarding-task-status__header {
    grid-template-columns: 42px minmax(190px, 1fr) minmax(150px, 0.72fr) minmax(150px, 0.72fr) minmax(112px, 0.42fr) 38px;
}

.solny-onboarding-status__header {
    grid-template-columns: 42px minmax(190px, 1fr) minmax(150px, 0.8fr) minmax(160px, 0.8fr) 38px;
}

.solny-onboarding-dnd-controls {
    width: 38px;
    display: grid;
    grid-template-rows: 18px 30px 18px;
    align-items: center;
    justify-items: center;
    gap: 2px;
}

.solny-onboarding-dnd-controls .solny-status-row__drag {
    width: 30px;
    height: 30px;
    min-height: 30px;
    border-radius: 8px;
}

.solny-onboarding-dnd-arrow {
    width: 24px;
    height: 18px;
    min-height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 6px;
    background: rgba(63, 56, 191, 0.07);
    color: #3f38bf;
    cursor: pointer;
    font-size: 10px;
}

.solny-onboarding-dnd-arrow:hover:not(:disabled) {
    border-color: rgba(59, 177, 133, 0.34);
    background: rgba(59, 177, 133, 0.13);
    color: #178f68;
}

.solny-onboarding-dnd-arrow:disabled {
    cursor: not-allowed;
    opacity: 0.32;
}

.solny-dnd-placeholder {
    height: 46px;
    background:
        linear-gradient(90deg, rgba(63, 56, 191, 0.07), rgba(59, 177, 133, 0.11)),
        repeating-linear-gradient(90deg, rgba(63, 56, 191, 0.08) 0 12px, rgba(63, 56, 191, 0.02) 12px 24px) !important;
}

.solny-onboarding-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

@media (max-width: 1180px) {
    .solny-onboarding-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .solny-onboarding-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .solny-onboarding-cards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .solny-onboarding-status__header,
    .solny-onboarding-task-status__header {
        grid-template-columns: 42px minmax(0, 1fr) 38px;
    }
}

/* Onboarding DnD UX cleanup: arrows sit to the right of the grip, wrappers stay light. */
.solny-onboarding-status-wrap,
.solny-onboarding-task-card {
    padding: 0;
    border: 0;
    border-left: 0;
    background: transparent;
    box-shadow: none;
}

.solny-onboarding-status-wrap__head,
.solny-onboarding-task-card__head {
    margin-bottom: 12px;
    padding: 0 2px;
}

.solny-onboarding-status__header {
    grid-template-columns: 70px minmax(180px, 1fr) minmax(146px, 0.74fr) minmax(152px, 0.74fr) 38px;
    align-items: center;
}

.solny-onboarding-task-status__header {
    grid-template-columns: 70px minmax(180px, 1fr) minmax(140px, 0.66fr) minmax(140px, 0.66fr) minmax(108px, 0.42fr) 38px;
    align-items: center;
}

.solny-onboarding-dnd-controls {
    width: 66px;
    display: grid;
    grid-template-columns: 34px 24px;
    grid-template-rows: none;
    align-items: center;
    justify-items: start;
    justify-content: start;
    gap: 6px;
}

.solny-onboarding-dnd-controls .solny-status-row__drag {
    width: 34px;
    height: 36px;
    min-height: 36px;
    border-radius: 7px;
}

.solny-onboarding-dnd-arrows {
    display: grid;
    grid-template-rows: repeat(2, 16px);
    gap: 4px;
}

.solny-onboarding-dnd-arrow {
    width: 24px;
    height: 16px;
    min-height: 16px;
    border-radius: 5px;
}

.solny-dnd-placeholder {
    height: var(--solny-dnd-placeholder-height, 58px);
    min-height: 46px;
    border-radius: 7px !important;
}

.solny-onboarding-add-task-status {
    margin-top: 12px;
}

.solny-onboarding-task-status__timer {
    margin-left: 80px;
}

.solny-onboarding-status__title .solny-chip,
.solny-onboarding-task-status__title .solny-chip {
    width: 36px;
    min-width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 9px;
}

.solny-onboarding-status__title .solny-chip i,
.solny-onboarding-task-status__title .solny-chip i {
    width: 18px;
    min-width: 18px;
    text-align: center;
    font-size: 15px;
    line-height: 1;
}

.solny-onboarding-task-status__done {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 40px;
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 8px !important;
    padding: 7px 12px 7px 52px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 8px;
    background: rgba(63, 56, 191, 0.055);
    color: #171b32;
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.solny-onboarding-task-status__done input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.solny-onboarding-task-status__done::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 32px;
    height: 18px;
    border-radius: 999px;
    background: rgba(23, 27, 50, 0.16);
    transform: translateY(-50%);
    transition: background 0.16s ease;
}

.solny-onboarding-task-status__done::after {
    content: '';
    position: absolute;
    left: 13px;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(24, 31, 62, 0.22);
    transform: translateY(-50%);
    transition: left 0.16s ease, background 0.16s ease;
}

.solny-onboarding-task-status__done:has(input:checked) {
    border-color: rgba(59, 177, 133, 0.36);
    background: rgba(59, 177, 133, 0.12);
    color: #147757;
}

.solny-onboarding-task-status__done:has(input:checked)::before {
    background: linear-gradient(135deg, #3f38bf, #3bb185);
}

.solny-onboarding-task-status__done:has(input:checked)::after {
    left: 27px;
    background: #fff;
}

.solny-onboarding-task-status__done span {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    color: currentColor !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1.1;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    text-transform: none !important;
    white-space: nowrap;
}

.solny-onboarding-color-control .solny-onboarding-picker-dropdown {
    width: max-content;
    min-width: min(280px, calc(100vw - 48px));
    max-width: min(320px, calc(100vw - 48px));
    padding: 8px;
}

.solny-onboarding-color-control .solny-onboarding-custom-color {
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 8px;
    margin-bottom: 7px;
    padding: 7px 8px;
    box-sizing: border-box;
}

.solny-onboarding-color-control .solny-onboarding-native-color,
.solny-onboarding-color-control .solny-onboarding-native-task-color,
.solny-onboarding-color-control .solny-onboarding-native-expense-color {
    width: 44px;
    max-width: 44px;
    height: 32px;
    box-sizing: border-box;
}

.solny-onboarding-color-control .solny-onboarding-picker-search {
    margin-bottom: 7px;
    padding: 7px 8px;
}

.solny-onboarding-color-control .solny-onboarding-color-list {
    gap: 6px;
}

.solny-onboarding-color-control .solny-onboarding-color-option {
    min-height: 38px;
    padding: 6px 8px;
}

@media (max-width: 1180px) {
    .solny-onboarding-status__header,
    .solny-onboarding-task-status__header {
        grid-template-columns: 70px minmax(0, 1fr) 38px;
    }

    .solny-onboarding-status__title,
    .solny-onboarding-task-status__title {
        grid-column: 2 / 3;
    }

    .solny-onboarding-status__remove,
    .solny-onboarding-task-status__remove {
        grid-column: 3;
        grid-row: 1;
    }

    .solny-onboarding-status__header > .solny-onboarding-color-control,
    .solny-onboarding-status__header > .solny-onboarding-icon-control,
    .solny-onboarding-task-status__header > .solny-onboarding-task-color-control,
    .solny-onboarding-task-status__header > .solny-onboarding-task-icon-control,
    .solny-onboarding-task-status__done {
        grid-column: 2 / -1;
    }
}

@media (max-width: 680px) {
    .solny-onboarding-status__header,
    .solny-onboarding-task-status__header {
        grid-template-columns: minmax(0, 1fr) 38px;
    }

    .solny-onboarding-dnd-controls {
        grid-column: 1 / 2;
        grid-row: 1;
        width: 66px;
    }

    .solny-onboarding-status__title,
    .solny-onboarding-task-status__title {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .solny-onboarding-status__remove,
    .solny-onboarding-task-status__remove {
        grid-column: 2;
        grid-row: 1;
    }

    .solny-onboarding-status__header > .solny-onboarding-color-control,
    .solny-onboarding-status__header > .solny-onboarding-icon-control,
    .solny-onboarding-task-status__header > .solny-onboarding-task-color-control,
    .solny-onboarding-task-status__header > .solny-onboarding-task-icon-control,
    .solny-onboarding-task-status__done {
        grid-column: 1 / -1;
    }

    .solny-onboarding-task-status__timer {
        margin-left: 10px;
    }
}

/* Timer row: keep status timer controls in one compact horizontal line on desktop. */
.solny-onboarding-task-status__timer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 10px 10px;
    padding: 8px;
}

.solny-onboarding-task-status-timer-toggle {
    flex: 0 0 auto;
    min-height: 38px;
    margin: 0;
    white-space: nowrap;
}

.solny-onboarding-task-status-timer-fields {
    flex: 1 1 auto;
    display: flex;
    align-items: end;
    gap: 10px;
    min-width: 0;
}

.solny-onboarding-task-status-timer-fields[hidden] {
    display: none !important;
}

.solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__time {
    flex: 1 1 260px;
    display: grid;
    grid-template-columns: repeat(3, minmax(64px, 1fr));
    gap: 8px;
    max-width: none;
    min-width: 210px;
}

.solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__notify {
    flex: 0 0 auto;
    min-height: 38px;
    margin: 0;
    white-space: nowrap;
}

/* Onboarding expenses setup. */
.solny-onboarding-expense-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    max-width: 980px;
    margin-top: 18px;
}

.solny-onboarding-expense-columns {
    width: fit-content;
    max-width: 100%;
    display: grid;
    grid-template-columns: 42px minmax(190px, 1fr) 92px;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(59, 177, 133, 0.24);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(59, 177, 133, 0.12), rgba(63, 56, 191, 0.06));
}

.solny-onboarding-expense-columns > span {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #3bb185;
    color: #fff;
}

.solny-onboarding-expense-columns strong {
    display: block;
    color: #171b32;
    font-size: 13px;
    font-weight: 950;
}

.solny-onboarding-expense-columns small {
    display: block;
    margin-top: 2px;
    color: rgba(23, 27, 50, 0.62);
    font-size: 11px;
    font-weight: 800;
}

.solny-onboarding-expense-columns input {
    width: 92px;
    min-height: 40px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 7px;
    background: #fff;
    color: #171b32;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
}

.solny-onboarding-expense-status-list {
    display: grid;
    gap: 10px;
    max-width: 980px;
    margin-top: 14px;
}

.solny-onboarding-expense-status {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(150px, 0.62fr) minmax(150px, 0.62fr) 38px;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--expense-color, #3f38bf) 24%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--expense-color, #3f38bf) 10%, #fff), #fff 68%);
    box-shadow: inset 4px 0 0 var(--expense-color, #3f38bf), 0 10px 24px rgba(24, 31, 62, 0.06);
}

.solny-onboarding-expense-status > * {
    min-width: 0;
}

.solny-onboarding-expense-status__preview {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 3px 10px;
    align-items: center;
}

.solny-onboarding-expense-status__preview .solny-chip {
    grid-row: 1 / span 2;
    width: 36px;
    min-width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 9px;
}

.solny-onboarding-expense-status__preview input {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 7px;
    background: #fff;
    color: #171b32;
    font-size: 12px;
    font-weight: 900;
}

.solny-onboarding-expense-status__preview small {
    overflow: hidden;
    color: var(--expense-color, #3f38bf);
    font-size: 10px;
    font-weight: 900;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.solny-onboarding-expense-status__remove {
    width: 38px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    border: 1px solid rgba(215, 91, 91, 0.2);
    border-radius: 7px;
    background: rgba(215, 91, 91, 0.1);
    color: #a52121;
    cursor: pointer;
}

.solny-onboarding-expense-status__remove:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.solny-onboarding-add-expense-status {
    max-width: 980px;
}

/* Onboarding PDF template setup. */
.solny-onboarding-pdf-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    margin-top: 18px;
    box-sizing: border-box;
    overflow: hidden;
}

.solny-onboarding-pdf-list,
.solny-onboarding-pdf-template-editor {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background:
        radial-gradient(circle at 0 0, rgba(59, 177, 133, 0.12), transparent 32%),
        #fff;
    box-shadow: 0 12px 28px rgba(24, 31, 62, 0.06);
}

.solny-onboarding-pdf-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 12px;
}

.solny-onboarding-pdf-list__head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-width: 190px;
    padding: 0 10px 0 0;
    border-right: 1px solid rgba(63, 56, 191, 0.1);
    border-bottom: 0;
}

.solny-onboarding-pdf-list__head span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #171b32;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-pdf-list__head strong {
    min-width: 30px;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #3f38bf;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-pdf-list__items {
    display: flex;
    flex: 1 1 360px;
    flex-wrap: wrap;
    gap: 8px;
    max-height: none;
    overflow: auto;
    padding-right: 2px;
}

.solny-onboarding-pdf-template-item,
.solny-onboarding-pdf-new {
    width: auto;
    display: grid;
    gap: 5px;
    padding: 10px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 8px;
    background: rgba(63, 56, 191, 0.04);
    color: #171b32;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.solny-onboarding-pdf-template-item {
    min-width: 190px;
    max-width: 260px;
    flex: 1 1 190px;
}

.solny-onboarding-pdf-template-item:hover,
.solny-onboarding-pdf-template-item.is-active {
    border-color: rgba(63, 56, 191, 0.28);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.12), rgba(59, 177, 133, 0.08));
    box-shadow: inset 4px 0 0 #3f38bf;
}

.solny-onboarding-pdf-template-item.is-protected {
    border-color: rgba(63, 56, 191, 0.18);
    background:
        linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(59, 177, 133, 0.06)),
        #fff;
}

.solny-onboarding-pdf-template-item strong {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #171b32;
    font-size: 13px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-pdf-template-item strong i {
    flex: 0 0 auto;
    color: #3f38bf;
    font-size: 11px;
}

.solny-onboarding-pdf-template-item small {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.solny-onboarding-pdf-template-item small span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.72);
    color: #3f38bf;
    font-size: 10px;
    font-weight: 900;
}

.solny-onboarding-pdf-template-item small .solny-onboarding-pdf-lock {
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
}

.solny-onboarding-pdf-list__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
}

.solny-onboarding-pdf-new,
.solny-onboarding-pdf-restore,
.solny-onboarding-pdf-import,
.solny-onboarding-pdf-export,
.solny-onboarding-pdf-delete {
    min-height: 40px;
    display: inline-grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 7px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-pdf-new {
    border-color: rgba(59, 177, 133, 0.26);
    background: rgba(59, 177, 133, 0.08);
    color: #147757;
}

.solny-onboarding-pdf-restore {
    border-color: rgba(63, 56, 191, 0.24);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(128, 123, 200, 0.08));
    color: #3f38bf;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.solny-onboarding-pdf-restore.is-restoring {
    cursor: wait;
    border-color: rgba(63, 56, 191, 0.3);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.96), rgba(128, 123, 200, 0.9));
    color: #fff;
    box-shadow: 0 10px 22px rgba(63, 56, 191, 0.16);
}

.solny-onboarding-pdf-restore.is-restored {
    border-color: rgba(59, 177, 133, 0.34);
    background: linear-gradient(135deg, #3bb185, #147757);
    color: #fff;
    box-shadow: 0 10px 22px rgba(59, 177, 133, 0.16);
}

.solny-onboarding-pdf-restore.is-error {
    border-color: rgba(215, 91, 91, 0.34);
    background: linear-gradient(135deg, #d75b5b, #a52121);
    color: #fff;
    box-shadow: 0 10px 22px rgba(215, 91, 91, 0.14);
}

.solny-onboarding-pdf-import,
.solny-onboarding-pdf-export {
    background: #fff;
    color: #3f38bf;
}

.solny-onboarding-pdf-delete {
    border-color: rgba(215, 91, 91, 0.22);
    background: rgba(215, 91, 91, 0.09);
    color: #a52121;
}

.solny-onboarding-pdf-delete:disabled {
    cursor: not-allowed;
    filter: grayscale(1);
    opacity: 0.45;
}

.solny-onboarding-pdf-empty {
    padding: 12px;
    border: 1px dashed rgba(63, 56, 191, 0.18);
    border-radius: 8px;
    color: rgba(23, 27, 50, 0.62);
    font-size: 12px;
    font-weight: 800;
}

.solny-onboarding-pdf-template-editor {
    display: grid;
    gap: 12px;
    padding: 12px;
    box-shadow: inset 4px 0 0 #3f38bf, 0 12px 28px rgba(24, 31, 62, 0.06);
}

.solny-onboarding-pdf-editor-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 0.42fr);
    gap: 10px;
    align-items: end;
}

.solny-onboarding-pdf-editor-head label,
.solny-onboarding-pdf-code {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-onboarding-pdf-editor-head label > span,
.solny-onboarding-pdf-code > span {
    color: #171b32;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-onboarding-pdf-code,
.solny-onboarding-pdf-options,
.solny-onboarding-pdf-actions,
.solny-onboarding-pdf-actions__buttons,
.solny-onboarding-pdf-toolbar,
.solny-onboarding-pdf-tags {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.solny-onboarding-pdf-template-name,
.solny-onboarding-pdf-content,
.solny-onboarding-pdf-footer-content {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 8px;
    background: #fff;
    color: #171b32;
    font-family: inherit;
    font-size: 12px;
    font-weight: 850;
    box-sizing: border-box;
}

.solny-onboarding-pdf-template-name {
    min-height: 42px;
}

.solny-onboarding-pdf-content,
.solny-onboarding-pdf-footer-content {
    min-height: 210px;
    padding: 10px;
    line-height: 1.45;
    font-family: Montserrat, Arial, sans-serif;
    font-weight: 650;
    overflow: auto;
}

.solny-onboarding-pdf-content img,
.solny-onboarding-pdf-footer-content img {
    max-width: 100%;
    height: auto;
}

.solny-onboarding-pdf-content table[role="presentation"],
.solny-onboarding-pdf-footer-content table[role="presentation"] {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0;
    border-collapse: collapse;
    table-layout: auto;
}

.solny-onboarding-pdf-content table[role="presentation"] th,
.solny-onboarding-pdf-content table[role="presentation"] td,
.solny-onboarding-pdf-footer-content table[role="presentation"] th,
.solny-onboarding-pdf-footer-content table[role="presentation"] td {
    border: 0;
    padding: 0;
}

.solny-onboarding-pdf-footer-content {
    min-height: 120px;
}

.solny-onboarding-pdf-preview {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(59, 177, 133, 0.18);
    border-radius: 9px;
    background: rgba(59, 177, 133, 0.05);
}

.solny-onboarding-pdf-preview__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #147757;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-pdf-preview-frame {
    max-height: 420px;
    overflow: auto;
    padding: 14px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.solny-onboarding-pdf-preview-frame table {
    max-width: 100%;
}

.solny-onboarding-pdf-preview-footer {
    margin-top: auto;
    padding-top: 14px;
}

.solny-onboarding-pdf-content.is-code,
.solny-onboarding-pdf-footer-content.is-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre-wrap;
}

.solny-onboarding-pdf-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 7px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.06), rgba(59, 177, 133, 0.06));
}

.solny-onboarding-pdf-toolbar + .solny-editor {
    border-radius: 0 0 8px 8px;
}

.solny-onboarding-pdf-toolbar .solny-editor__toolbar-group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
}

.solny-onboarding-pdf-toolbar .solny-btn {
    min-height: 30px;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 12px;
}

.solny-onboarding-pdf-company {
    border: 1px solid rgba(59, 177, 133, 0.18);
    border-radius: 9px;
    background:
        linear-gradient(135deg, rgba(59, 177, 133, 0.08), rgba(255, 255, 255, 0.94)),
        #fff;
    box-shadow: inset 4px 0 0 #3bb185;
}

.solny-onboarding-pdf-company summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    color: #147757;
    cursor: pointer;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-pdf-company summary span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.solny-onboarding-pdf-company summary i {
    margin-right: 7px;
}

.solny-onboarding-pdf-company summary span i {
    margin-right: 0;
}

.solny-onboarding-pdf-company-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 5px 8px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.solny-onboarding-pdf-company-status.is-ok {
    border: 1px solid rgba(59, 177, 133, 0.24);
    background: rgba(59, 177, 133, 0.1);
    color: #147757;
}

.solny-onboarding-pdf-company-status.is-warning {
    border: 1px solid rgba(215, 91, 91, 0.22);
    background: rgba(215, 91, 91, 0.09);
    color: #a52121;
}

.solny-onboarding-pdf-company__intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 12px 10px;
    color: rgba(23, 27, 50, 0.68);
    font-size: 11px;
    font-weight: 850;
}

.solny-onboarding-pdf-company__intro > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.solny-onboarding-pdf-company-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    padding: 0 12px 12px;
}

.solny-onboarding-pdf-company-grid label {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-onboarding-company-logo-field {
    grid-column: span 2;
}

.solny-onboarding-company-logo-control {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
}

.solny-onboarding-company-logo-control img {
    width: 56px;
    height: 36px;
    object-fit: contain;
    border: 1px solid rgba(63, 56, 191, 0.13);
    border-radius: 7px;
    background:
        linear-gradient(45deg, rgba(63, 56, 191, 0.06) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(63, 56, 191, 0.06) 25%, transparent 25%),
        #fff;
}

.solny-onboarding-company-logo-control--dark img {
    border-color: rgba(255, 255, 255, 0.2);
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.16), transparent 32%),
        linear-gradient(135deg, #3bb185, #3f38bf 62%, #171b32);
    box-shadow: inset 0 0 0 1px rgba(23, 27, 50, 0.18), 0 8px 18px rgba(24, 31, 62, 0.12);
}

.solny-onboarding-company-upload {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 7px;
    background: #3f38bf;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 950;
}

.solny-onboarding-company-upload:disabled {
    cursor: wait;
    opacity: 0.72;
}

.solny-onboarding-pdf-company-grid label > span {
    color: #171b32;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-onboarding-pdf-company-grid input {
    width: 100%;
    min-height: 36px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 7px;
    background: #fff;
    color: #171b32;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
}

.solny-onboarding-pdf-company-grid label.is-required > span::after {
    content: ' *';
    color: #d75b5b;
}

.solny-onboarding-pdf-company-grid label.is-missing input,
.solny-onboarding-pdf-company-grid input.is-invalid {
    border-color: rgba(215, 91, 91, 0.56);
    background: rgba(215, 91, 91, 0.045);
    box-shadow: 0 0 0 3px rgba(215, 91, 91, 0.08);
}

.solny-onboarding-pdf-company-grid input[type="color"] {
    height: 36px;
    min-height: 36px;
    padding: 4px;
    cursor: pointer;
}

.solny-onboarding-pdf-company-grid input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.solny-onboarding-pdf-company-grid input[type="color"]::-webkit-color-swatch {
    border: 0;
    border-radius: 5px;
}

.solny-onboarding-pdf-company-grid small {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    color: #3f38bf;
    font-size: 10px;
    font-weight: 900;
}

.solny-onboarding-pdf-company-grid small span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-pdf-company-grid small b {
    flex: 0 0 auto;
    padding: 3px 5px;
    border-radius: 5px;
    background: rgba(215, 91, 91, 0.09);
    color: #a52121;
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-onboarding-pdf-options {
    display: grid;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(63, 56, 191, 0.1);
    border-radius: 9px;
    background: rgba(63, 56, 191, 0.035);
}

.solny-onboarding-pdf-prefix-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.solny-onboarding-pdf-prefix {
    position: relative;
    cursor: pointer;
}

.solny-onboarding-pdf-prefix input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.solny-onboarding-pdf-prefix span {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 7px;
    background: #fff;
    color: #171b32;
    font-size: 11px;
    font-weight: 950;
}

.solny-onboarding-pdf-prefix input:checked + span {
    border-color: rgba(59, 177, 133, 0.34);
    background: rgba(59, 177, 133, 0.12);
    color: #147757;
}

.solny-onboarding-pdf-tags {
    border: 1px solid rgba(63, 56, 191, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
}

.solny-onboarding-pdf-tags summary {
    padding: 9px 11px;
    color: #3f38bf;
    cursor: pointer;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-pdf-tags div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 11px 11px;
}

.solny-onboarding-pdf-tag {
    padding: 5px 7px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 6px;
    background: rgba(63, 56, 191, 0.07);
    color: #3f38bf;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
}

.solny-onboarding-pdf-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 2px;
}

.solny-onboarding-pdf-actions > span {
    color: rgba(23, 27, 50, 0.64);
    font-size: 11px;
    font-weight: 800;
}

.solny-onboarding-pdf-actions__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.solny-onboarding-pdf-preview-open,
.solny-onboarding-pdf-test-download {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 12px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 7px;
    background: #fff;
    color: #3f38bf;
    cursor: pointer;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-pdf-test-download {
    border-color: rgba(59, 177, 133, 0.28);
    background: linear-gradient(135deg, rgba(59, 177, 133, 0.12), rgba(63, 56, 191, 0.08));
    color: #147757;
}

.solny-onboarding-pdf-save {
    min-width: 190px;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.solny-onboarding-pdf-save.is-saving {
    cursor: wait;
    border-color: rgba(63, 56, 191, 0.28);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.95), rgba(47, 128, 237, 0.88));
    color: #fff;
    box-shadow: 0 12px 24px rgba(63, 56, 191, 0.18);
}

.solny-onboarding-pdf-save.is-saved {
    border-color: rgba(59, 177, 133, 0.34);
    background: linear-gradient(135deg, #3bb185, #147757);
    color: #fff;
    box-shadow: 0 12px 24px rgba(59, 177, 133, 0.18);
}

.solny-onboarding-pdf-save.is-error {
    border-color: rgba(215, 91, 91, 0.34);
    background: linear-gradient(135deg, #d75b5b, #a52121);
    color: #fff;
    box-shadow: 0 12px 24px rgba(215, 91, 91, 0.16);
}

.solny-onboarding-preview-modal {
    position: fixed;
    inset: 0;
    z-index: 100010;
    display: grid;
    place-items: center;
    padding: 22px;
}

.solny-onboarding-preview-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(14, 18, 38, 0.58);
    backdrop-filter: blur(8px);
}

.solny-onboarding-preview-modal__dialog {
    position: relative;
    width: min(1180px, 96vw);
    max-height: 92vh;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 26px 70px rgba(14, 18, 38, 0.28);
}

.solny-onboarding-preview-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(63, 56, 191, 0.1);
    background:
        linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(59, 177, 133, 0.06)),
        #fff;
}

.solny-onboarding-preview-modal__head > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.solny-onboarding-preview-modal__head span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #3f38bf;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-preview-modal__head strong {
    color: #171b32;
    font-size: 13px;
    font-weight: 950;
}

.solny-onboarding-preview-modal__close {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(215, 91, 91, 0.2);
    border-radius: 7px;
    background: rgba(215, 91, 91, 0.09);
    color: #a52121;
    cursor: pointer;
}

.solny-onboarding-preview-modal .solny-onboarding-pdf-preview-frame {
    max-height: none;
    height: 100%;
    overflow: auto;
    padding: 22px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background:
        linear-gradient(90deg, rgba(63, 56, 191, 0.04) 1px, transparent 1px),
        linear-gradient(0deg, rgba(63, 56, 191, 0.04) 1px, transparent 1px),
        #eef1f7;
    background-size: 18px 18px;
}

.solny-onboarding-pdf-a4-page {
    width: 210mm;
    min-height: 297mm;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 14mm 12mm;
    box-sizing: border-box;
    background: #fff;
    color: #1b1e2b;
    box-shadow: 0 16px 44px rgba(14, 18, 38, 0.18);
    transform-origin: top center;
}

.solny-onboarding-pdf-a4-page img {
    max-width: 100%;
}

@media (max-width: 980px) {
    .solny-onboarding-pdf-layout {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-pdf-list__items {
        max-height: none;
    }

    .solny-onboarding-pdf-editor-head {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-pdf-company-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .solny-onboarding-pdf-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-onboarding-pdf-save {
        width: 100%;
    }

    .solny-onboarding-pdf-company__intro {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-onboarding-pdf-company summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .solny-onboarding-pdf-company-grid {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-company-logo-field {
        grid-column: auto;
    }

    .solny-onboarding-company-logo-control {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .solny-onboarding-company-upload {
        grid-column: 1 / -1;
    }
}

/* Onboarding e-mail template setup. */
.solny-onboarding-email-layout {
    display: grid;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    margin-top: 18px;
    box-sizing: border-box;
    overflow: hidden;
}

.solny-onboarding-email-list,
.solny-onboarding-email-template-editor {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background:
        radial-gradient(circle at 0 0, rgba(63, 56, 191, 0.12), transparent 30%),
        #fff;
    box-shadow: 0 12px 28px rgba(24, 31, 62, 0.06);
}

.solny-onboarding-email-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 12px;
}

.solny-onboarding-email-list__head {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 210px;
    padding-right: 10px;
    border-right: 1px solid rgba(63, 56, 191, 0.1);
}

.solny-onboarding-email-list__head span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #171b32;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-email-list__head strong {
    min-width: 30px;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #3f38bf;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-email-list__items {
    display: flex;
    flex: 1 1 360px;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.solny-onboarding-email-template-item {
    flex: 1 1 190px;
    max-width: 280px;
    display: grid;
    gap: 5px;
    padding: 10px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 8px;
    background: rgba(63, 56, 191, 0.04);
    color: #171b32;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.solny-onboarding-email-template-item:hover,
.solny-onboarding-email-template-item.is-active {
    border-color: rgba(63, 56, 191, 0.28);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.12), rgba(59, 177, 133, 0.08));
    box-shadow: inset 4px 0 0 #3f38bf;
}

.solny-onboarding-email-template-item strong {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #171b32;
    font-size: 13px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-email-template-item strong i {
    flex: 0 0 auto;
    color: #3f38bf;
    font-size: 11px;
}

.solny-onboarding-email-template-item small {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.solny-onboarding-email-template-item small span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.76);
    color: #3f38bf;
    font-size: 10px;
    font-weight: 900;
}

.solny-onboarding-email-template-item small .solny-onboarding-email-lock {
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
}

.solny-onboarding-email-list__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
}

.solny-onboarding-email-new,
.solny-onboarding-email-import,
.solny-onboarding-email-export,
.solny-onboarding-email-delete {
    min-height: 40px;
    display: inline-grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 7px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-email-new {
    border-color: rgba(59, 177, 133, 0.26);
    background: rgba(59, 177, 133, 0.08);
    color: #147757;
}

.solny-onboarding-email-import,
.solny-onboarding-email-export {
    background: #fff;
    color: #3f38bf;
}

.solny-onboarding-email-delete {
    border-color: rgba(215, 91, 91, 0.22);
    background: rgba(215, 91, 91, 0.09);
    color: #a52121;
}

.solny-onboarding-email-delete:disabled {
    cursor: not-allowed;
    filter: grayscale(1);
    opacity: 0.45;
}

.solny-onboarding-email-empty {
    padding: 12px;
    border: 1px dashed rgba(63, 56, 191, 0.18);
    border-radius: 8px;
    color: rgba(23, 27, 50, 0.62);
    font-size: 12px;
    font-weight: 800;
}

.solny-onboarding-email-branding {
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(59, 177, 133, 0.18);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(59, 177, 133, 0.08), rgba(255, 255, 255, 0.94)),
        #fff;
    box-shadow: inset 4px 0 0 #3bb185, 0 12px 28px rgba(24, 31, 62, 0.05);
}

.solny-onboarding-email-branding__head,
.solny-onboarding-email-social__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.solny-onboarding-email-branding__head strong,
.solny-onboarding-email-social__head strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #147757;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-email-branding__head span {
    color: rgba(23, 27, 50, 0.64);
    font-size: 11px;
    font-weight: 800;
}

.solny-onboarding-email-branding-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.solny-onboarding-email-branding-grid label {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-onboarding-email-branding-grid label > span,
.solny-onboarding-email-social-row label > span {
    color: #171b32;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-onboarding-email-branding-grid input,
.solny-onboarding-email-social-row input {
    width: 100%;
    min-height: 36px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 7px;
    background: #fff;
    color: #171b32;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    box-sizing: border-box;
}

.solny-onboarding-email-branding-grid input[type="color"] {
    height: 36px;
    min-height: 36px;
    padding: 4px;
    cursor: pointer;
}

.solny-onboarding-email-branding-grid input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.solny-onboarding-email-branding-grid input[type="color"]::-webkit-color-swatch {
    border: 0;
    border-radius: 5px;
}

.solny-onboarding-email-social {
    display: grid;
    gap: 9px;
}

.solny-onboarding-email-social-add {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(59, 177, 133, 0.24);
    border-radius: 7px;
    background: rgba(59, 177, 133, 0.1);
    color: #147757;
    cursor: pointer;
    font-size: 11px;
    font-weight: 950;
}

.solny-onboarding-email-social-list {
    display: grid;
    gap: 8px;
}

.solny-onboarding-email-social-row {
    display: grid;
    grid-template-columns: minmax(120px, 0.7fr) minmax(180px, 1fr) minmax(180px, 1fr) 38px;
    gap: 8px;
    align-items: end;
    padding: 9px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.82);
}

.solny-onboarding-email-social-row label {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-onboarding-email-social-icon-control {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
    min-width: 0;
}

.solny-onboarding-email-social-icon-control img {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 7px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.06), rgba(59, 177, 133, 0.06)), #fff;
    object-fit: contain;
    padding: 6px;
    box-sizing: border-box;
}

.solny-onboarding-email-social-icon-control img:not([src]),
.solny-onboarding-email-social-icon-control img[src=""] {
    opacity: 0.34;
}

.solny-onboarding-email-social-icon-upload {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 7px;
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    cursor: pointer;
    font-size: 11px;
    font-weight: 950;
    white-space: nowrap;
}

.solny-onboarding-email-social-icon-upload:disabled {
    cursor: wait;
    opacity: 0.72;
}

.solny-onboarding-email-social-remove {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(215, 91, 91, 0.2);
    border-radius: 7px;
    background: rgba(215, 91, 91, 0.09);
    color: #a52121;
    cursor: pointer;
}

.solny-onboarding-email-template-editor {
    display: grid;
    gap: 12px;
    padding: 12px;
    box-shadow: inset 4px 0 0 #3f38bf, 0 12px 28px rgba(24, 31, 62, 0.06);
}

.solny-onboarding-email-editor-head,
.solny-onboarding-email-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-items: end;
}

.solny-onboarding-email-editor-head label,
.solny-onboarding-email-options label,
.solny-onboarding-email-code {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-onboarding-email-editor-head label > span,
.solny-onboarding-email-options label > span,
.solny-onboarding-email-code > span {
    color: #171b32;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-onboarding-email-template-name,
.solny-onboarding-email-template-subject,
.solny-onboarding-email-template-category,
.solny-onboarding-email-button-text,
.solny-onboarding-email-button-url,
.solny-onboarding-email-content {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 8px;
    background: #fff;
    color: #171b32;
    font-family: inherit;
    font-size: 12px;
    font-weight: 850;
    box-sizing: border-box;
}

.solny-onboarding-email-content {
    min-height: 230px;
    padding: 10px;
    line-height: 1.45;
    font-family: Montserrat, Arial, sans-serif;
    font-weight: 650;
    overflow: auto;
}

.solny-onboarding-email-content.is-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre-wrap;
}

.solny-onboarding-email-content img {
    max-width: 100%;
    height: auto;
}

.solny-token-preview--social {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    vertical-align: middle;
}

.solny-token-preview--social a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 0 !important;
}

.solny-token-preview--social img {
    width: auto;
    max-width: 24px;
    height: 20px;
    object-fit: contain;
}

.solny-onboarding-email-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 7px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.06), rgba(59, 177, 133, 0.06));
}

.solny-onboarding-email-toolbar + .solny-editor {
    border-radius: 0 0 8px 8px;
}

.solny-onboarding-email-toolbar .solny-editor__toolbar-group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
}

.solny-onboarding-email-toolbar .solny-btn {
    min-height: 30px;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 12px;
}

.solny-onboarding-email-field {
    min-height: 30px;
    max-width: 240px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 6px;
    background: #fff;
    color: #171b32;
    font-size: 12px;
    font-weight: 850;
}

.solny-onboarding-email-tags {
    border: 1px solid rgba(63, 56, 191, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
}

.solny-onboarding-email-tags summary {
    padding: 9px 11px;
    color: #3f38bf;
    cursor: pointer;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-email-tags div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 150px;
    overflow: auto;
    padding: 0 11px 11px;
}

.solny-onboarding-email-tag {
    padding: 5px 7px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 6px;
    background: rgba(63, 56, 191, 0.07);
    color: #3f38bf;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
}

.solny-onboarding-email-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.solny-onboarding-email-actions > span {
    color: rgba(23, 27, 50, 0.64);
    font-size: 11px;
    font-weight: 800;
}

.solny-onboarding-email-save {
    min-width: 210px;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.solny-onboarding-email-save.is-saving {
    cursor: wait;
    border-color: rgba(63, 56, 191, 0.28);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.95), rgba(47, 128, 237, 0.88));
    color: #fff;
    box-shadow: 0 12px 24px rgba(63, 56, 191, 0.18);
}

.solny-onboarding-email-save.is-saved {
    border-color: rgba(59, 177, 133, 0.34);
    background: linear-gradient(135deg, #3bb185, #147757);
    color: #fff;
    box-shadow: 0 12px 24px rgba(59, 177, 133, 0.18);
}

.solny-onboarding-email-save.is-error {
    border-color: rgba(215, 91, 91, 0.34);
    background: linear-gradient(135deg, #d75b5b, #a52121);
    color: #fff;
    box-shadow: 0 12px 24px rgba(215, 91, 91, 0.16);
}

@media (max-width: 980px) {
    .solny-onboarding-email-editor-head,
    .solny-onboarding-email-options {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-email-branding-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solny-onboarding-email-social-row {
        grid-template-columns: minmax(0, 1fr) 38px;
    }

    .solny-onboarding-email-social-row label {
        grid-column: 1;
    }

    .solny-onboarding-email-social-icon-control {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .solny-onboarding-email-social-icon-upload {
        grid-column: 1 / -1;
    }

    .solny-onboarding-email-social-remove {
        grid-column: 2;
        grid-row: 1;
    }

    .solny-onboarding-email-list__head {
        width: 100%;
        border-right: 0;
    }
}

@media (max-width: 680px) {
    .solny-onboarding-email-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-onboarding-email-save {
        width: 100%;
    }

    .solny-onboarding-email-branding__head,
    .solny-onboarding-email-social__head {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-onboarding-email-branding-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .solny-onboarding-task-status__timer {
        align-items: stretch;
        flex-direction: column;
        margin: 0 10px 10px;
    }

    .solny-onboarding-task-status-timer-toggle,
    .solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__notify {
        width: 100%;
    }

    .solny-onboarding-task-status-timer-fields {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__time {
        min-width: 0;
    }
}

@media (max-width: 980px) {
    .solny-onboarding-expense-status {
        grid-template-columns: minmax(0, 1fr) 38px;
    }

    .solny-onboarding-expense-status__preview,
    .solny-onboarding-expense-color-control,
    .solny-onboarding-expense-icon-control {
        grid-column: 1 / -1;
    }

    .solny-onboarding-expense-status__remove {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 680px) {
    .solny-onboarding-expense-columns {
        width: 100%;
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .solny-onboarding-expense-columns input {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* Timer toggle as a compact Solny switch instead of a raw checkbox. */
.solny-onboarding-task-status-timer-toggle,
.solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__notify {
    position: relative;
    min-height: 40px;
    padding: 8px 11px 8px 46px;
    border: 1px solid color-mix(in srgb, var(--task-color, #3f38bf) 22%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--task-color, #3f38bf) 7%, #fff), #fff);
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--task-color, #3f38bf) 60%, #3bb185);
}

.solny-onboarding-task-status-timer-toggle input,
.solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__notify input {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 26px;
    height: 16px;
    margin: 0;
    border: 0;
    opacity: 0;
    transform: translateY(-50%);
}

.solny-onboarding-task-status-timer-toggle::before,
.solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__notify::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 28px;
    height: 17px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 999px;
    background: rgba(23, 27, 50, 0.12);
    transform: translateY(-50%);
    transition: background 0.16s ease, border-color 0.16s ease;
}

.solny-onboarding-task-status-timer-toggle::after,
.solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__notify::after {
    content: '';
    position: absolute;
    left: 13px;
    top: 50%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(24, 31, 62, 0.22);
    transform: translateY(-50%);
    transition: left 0.16s ease, background 0.16s ease;
}

.solny-onboarding-task-status-timer-toggle:has(input:checked)::before,
.solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__notify:has(input:checked)::before {
    border-color: color-mix(in srgb, var(--task-color, #3f38bf) 44%, #3bb185);
    background: linear-gradient(135deg, var(--task-color, #3f38bf), #3bb185);
}

.solny-onboarding-task-status-timer-toggle:has(input:checked)::after,
.solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__notify:has(input:checked)::after {
    left: 24px;
}

.solny-onboarding-task-status-timer-toggle span,
.solny-onboarding-task-status-timer-fields .solny-onboarding-task-timer__notify span {
    color: #171b32 !important;
}

/* Onboarding accounting setup. */
.solny-onboarding-accounting-usage {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    align-items: end;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 22px;
}

.solny-onboarding-field--compact {
    margin: 0;
    max-width: none;
}

.solny-onboarding-field--compact select {
    min-height: 42px;
    border-radius: 7px;
    font-size: 13px;
}

.solny-onboarding-accounting-list {
    display: grid;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 14px;
}

.solny-onboarding-accounting-row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px;
    align-items: center;
    padding: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(63, 56, 191, 0.07), rgba(255, 255, 255, 0.98) 42%),
        #fff;
    box-shadow: inset 4px 0 0 #3f38bf, 0 10px 22px rgba(24, 31, 62, 0.06);
}

.solny-onboarding-accounting-row > * {
    min-width: 0;
}

.solny-onboarding-accounting-row__main {
    grid-column: span 2;
    min-width: 0;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.solny-onboarding-accounting-row > .solny-onboarding-accounting-scope {
    grid-column: span 2;
}

.solny-onboarding-accounting-prefix-field {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.solny-onboarding-accounting-prefix-field span,
.solny-onboarding-accounting-details label span,
.solny-onboarding-accounting-add label span {
    color: #171b32;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-onboarding-accounting-prefix-field input,
.solny-onboarding-accounting-details input,
.solny-onboarding-accounting-add input {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 7px;
    background: #fff;
    color: #171b32;
    font-size: 12px;
    font-weight: 900;
}

.solny-onboarding-accounting-prefix-field small {
    overflow: hidden;
    color: #3f38bf;
    font-size: 10px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-accounting-row__badge {
    width: 44px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #3f38bf;
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    letter-spacing: 0.04em;
}

.solny-onboarding-accounting-row__main strong {
    display: block;
    color: #171b32;
    font-size: 13px;
    font-weight: 950;
}

.solny-onboarding-accounting-row__main small {
    display: block;
    margin-top: 2px;
    color: #3f38bf;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.solny-onboarding-accounting-row select {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 7px;
    background: #fff;
    color: #171b32;
    font-size: 12px;
    font-weight: 850;
}

.solny-onboarding-accounting-switches,
.solny-onboarding-accounting-after {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.solny-onboarding-accounting-switches {
    grid-column: span 4;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

.solny-onboarding-accounting-after {
    grid-column: span 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    min-width: 0;
}

.solny-onboarding-accounting-status-select {
    position: relative;
    min-width: 0;
    z-index: 2;
}

.solny-onboarding-accounting-status-select.is-open {
    z-index: 80;
}

.solny-onboarding-accounting-status-trigger {
    width: 100%;
    min-height: 42px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 14px;
    gap: 8px;
    align-items: center;
    padding: 5px 9px 5px 5px;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--accounting-status-color, #3bb185) 22%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--accounting-status-color, #3bb185) 8%, #fff);
    color: #171b32;
    cursor: pointer;
    text-align: left;
}

.solny-onboarding-accounting-status-trigger strong {
    overflow: hidden;
    color: #171b32;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-accounting-status-trigger > .fa-angle-down {
    color: #3f38bf;
    font-size: 11px;
}

.solny-onboarding-accounting-status-preview {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    border-radius: 7px;
    background: var(--accounting-status-color, #3bb185);
    color: #fff;
}

.solny-onboarding-accounting-status-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    width: max-content;
    min-width: 100%;
    max-width: min(360px, calc(100vw - 64px));
    display: grid;
    gap: 5px;
    max-height: 260px;
    overflow: auto;
    padding: 7px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(24, 31, 62, 0.18);
}

.solny-onboarding-accounting-status-option {
    width: auto;
    min-width: 100%;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 14px;
    gap: 8px;
    align-items: center;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #171b32;
    cursor: pointer;
    text-align: left;
}

.solny-onboarding-accounting-status-option span {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: color-mix(in srgb, var(--option-color, #3bb185) 16%, #fff);
    color: var(--option-color, #3bb185);
}

.solny-onboarding-accounting-status-option strong {
    overflow: visible;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.18;
    text-overflow: clip;
    white-space: normal;
}

.solny-onboarding-accounting-status-option:hover,
.solny-onboarding-accounting-status-option.is-selected {
    border-color: color-mix(in srgb, var(--option-color, #3bb185) 28%, transparent);
    background: color-mix(in srgb, var(--option-color, #3bb185) 9%, #fff);
}

.solny-onboarding-accounting-status-option > .fa-check {
    color: var(--option-color, #3bb185);
    font-size: 11px;
}

.solny-onboarding-accounting-remove {
    grid-column: span 1;
    width: 38px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(215, 91, 91, 0.2);
    border-radius: 7px;
    background: rgba(215, 91, 91, 0.1);
    color: #a52121;
    cursor: pointer;
    align-self: center;
    justify-self: end;
}

@media (min-width: 1181px) {
    .solny-onboarding-accounting-row {
        grid-template-columns:
            minmax(0, 0.95fr)
            minmax(0, 0.95fr)
            minmax(0, 1.55fr)
            minmax(0, 2.35fr)
            42px;
    }

    .solny-onboarding-accounting-row__main,
    .solny-onboarding-accounting-row > .solny-onboarding-accounting-scope,
    .solny-onboarding-accounting-switches,
    .solny-onboarding-accounting-after,
    .solny-onboarding-accounting-remove {
        grid-column: auto;
    }
}

.solny-onboarding-accounting-details {
    grid-column: 1 / -1;
    min-width: 0;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
}

.solny-onboarding-accounting-details summary {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    color: #3f38bf;
    cursor: pointer;
    font-size: 12px;
    font-weight: 950;
}

.solny-onboarding-accounting-details__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 12px 12px;
}

.solny-onboarding-accounting-details__grid label {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-onboarding-accounting-details__wide {
    grid-column: 1 / -1;
}

.solny-onboarding-accounting-tags {
    display: grid;
    gap: 8px;
    padding: 0 12px 12px;
}

.solny-onboarding-accounting-tags > span {
    color: #171b32;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-onboarding-accounting-tags div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-onboarding-accounting-tags code {
    padding: 5px 7px;
    border-radius: 6px;
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    font-size: 11px;
    font-weight: 900;
}

.solny-onboarding-accounting-add {
    display: grid;
    grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1.28fr);
    gap: 14px;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin-top: 12px;
    padding: 14px;
    box-sizing: border-box;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background:
        radial-gradient(circle at 0 0, rgba(59, 177, 133, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(63, 56, 191, 0.07), rgba(255, 255, 255, 0.96));
    box-shadow: inset 4px 0 0 #3bb185, 0 10px 24px rgba(24, 31, 62, 0.06);
}

.solny-onboarding-accounting-add__head {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.solny-onboarding-accounting-add__head > span {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(135deg, #3f38bf, #3bb185);
    color: #fff;
    font-size: 17px;
}

.solny-onboarding-accounting-add__head strong {
    display: block;
    color: #171b32;
    font-size: 14px;
    font-weight: 950;
    line-height: 1.16;
}

.solny-onboarding-accounting-add__head small {
    display: block;
    margin-top: 3px;
    color: rgba(23, 27, 50, 0.64);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
}

.solny-onboarding-accounting-add__controls {
    display: grid;
    grid-template-columns: minmax(110px, 0.62fr) minmax(150px, 0.78fr) max-content;
    gap: 10px;
    align-items: end;
    min-width: 0;
}

.solny-onboarding-accounting-add label {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-onboarding-accounting-add select {
    width: 100%;
    min-height: 40px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 7px;
    background: #fff;
    color: #171b32;
    font-size: 12px;
    font-weight: 850;
}

.solny-onboarding-accounting-add-btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(135deg, #3f38bf, #3bb185);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
    margin: 0;
    align-self: end;
    box-shadow: 0 10px 18px rgba(63, 56, 191, 0.16);
}

.solny-onboarding-accounting-add-btn:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
}

.solny-onboarding-accounting-add-btn span {
    color: #fff;
}

.solny-onboarding-mini-switch {
    position: relative;
    min-width: 0;
    max-width: 100%;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 9px 7px 37px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 7px;
    background: rgba(63, 56, 191, 0.04);
    color: #171b32;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.18;
    white-space: normal;
}

.solny-onboarding-accounting-switches .solny-onboarding-mini-switch,
.solny-onboarding-accounting-after .solny-onboarding-mini-switch {
    width: 100%;
    box-sizing: border-box;
    justify-content: flex-start;
}

.solny-onboarding-mini-switch span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.solny-onboarding-mini-switch input {
    position: absolute;
    left: 9px;
    top: 50%;
    width: 20px;
    height: 14px;
    margin: 0;
    opacity: 0;
    transform: translateY(-50%);
}

.solny-onboarding-mini-switch::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 50%;
    width: 22px;
    height: 14px;
    border-radius: 999px;
    background: rgba(23, 27, 50, 0.15);
    transform: translateY(-50%);
}

.solny-onboarding-mini-switch::after {
    content: '';
    position: absolute;
    left: 11px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(24, 31, 62, 0.2);
    transform: translateY(-50%);
    transition: left 0.16s ease;
}

.solny-onboarding-mini-switch:has(input:checked) {
    border-color: rgba(59, 177, 133, 0.3);
    background: rgba(59, 177, 133, 0.1);
    color: #147757;
}

.solny-onboarding-mini-switch:has(input:checked)::before {
    background: linear-gradient(135deg, #3f38bf, #3bb185);
}

.solny-onboarding-mini-switch:has(input:checked)::after {
    left: 19px;
}

.solny-onboarding-mini-switch:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.48;
}

.solny-onboarding-mini-switch--strong {
    min-height: 42px;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), rgba(59, 177, 133, 0.08));
}

@media (max-width: 1180px) {
    .solny-onboarding-accounting-usage,
    .solny-onboarding-accounting-row {
        grid-template-columns: 1fr 1fr;
    }

    .solny-onboarding-accounting-row__main,
    .solny-onboarding-accounting-row > .solny-onboarding-accounting-scope {
        grid-column: span 1;
    }

    .solny-onboarding-accounting-switches,
    .solny-onboarding-accounting-after,
    .solny-onboarding-accounting-details,
    .solny-onboarding-accounting-remove {
        grid-column: 1 / -1;
    }

    .solny-onboarding-accounting-remove {
        width: 100%;
    }

    .solny-onboarding-accounting-add {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-accounting-add__controls {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .solny-onboarding-accounting-add-btn {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .solny-onboarding-accounting-usage,
    .solny-onboarding-accounting-row,
    .solny-onboarding-accounting-after,
    .solny-onboarding-accounting-details__grid {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-accounting-row__main,
    .solny-onboarding-accounting-row > .solny-onboarding-accounting-scope {
        grid-column: 1 / -1;
    }

    .solny-onboarding-accounting-add__controls {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1181px) {
    .solny-onboarding-cards {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) and (min-width: 781px) {
    .solny-onboarding-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.solny-onboarding-invite {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.32fr);
    gap: 14px;
    align-items: start;
}

.solny-onboarding-invite-card,
.solny-onboarding-invite-side article,
.solny-onboarding-invited {
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.06), rgba(59, 177, 133, 0.06)), #fff;
    box-shadow: inset 4px 0 0 #3f38bf, 0 14px 30px rgba(24, 31, 62, 0.07);
}

.solny-onboarding-invite-card {
    padding: 14px;
}

.solny-onboarding-invite-card__head,
.solny-onboarding-invited__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.solny-onboarding-invite-card__head {
    justify-content: flex-start;
}

.solny-onboarding-invite-card__head > span,
.solny-onboarding-invite-side i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(135deg, #3bb185, #3f38bf);
    flex: 0 0 40px;
}

.solny-onboarding-invite-card__head strong,
.solny-onboarding-invite-side strong,
.solny-onboarding-invited__head strong {
    display: block;
    color: #171b32;
    font-size: 15px;
    font-weight: 900;
}

.solny-onboarding-invite-card__head small,
.solny-onboarding-invite-side span,
.solny-onboarding-invited__empty {
    color: #6a7083;
    font-size: 12px;
    font-weight: 700;
}

.solny-onboarding-invite-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.solny-onboarding-invite-grid label {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.solny-onboarding-invite-grid label > span {
    color: #252a43;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.solny-onboarding-invite-grid input,
.solny-onboarding-invite-grid select {
    width: 100%;
    min-height: 46px;
    border: 1px solid rgba(63, 56, 191, 0.2);
    border-radius: 8px;
    background: #fff;
    color: #171b32;
    font-size: 14px;
    font-weight: 800;
    box-shadow: none;
    box-sizing: border-box;
}

.solny-onboarding-invite-grid input:focus,
.solny-onboarding-invite-grid select:focus {
    border-color: #3f38bf;
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.12);
    outline: none;
}

.solny-onboarding-invite-company-field {
    grid-column: 1 / -1;
}

.solny-onboarding-invite-company-logo-control {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.solny-onboarding-invite-company-logo-control img,
.solny-onboarding-invite-company-logo-control > i {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    object-fit: contain;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(63, 56, 191, 0.14);
    background: #ffffff;
    color: var(--company-color, #3f38bf);
}

.solny-onboarding-invite-company-upload,
.solny-onboarding-invite-company-save {
    min-height: 42px;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    font-weight: 900;
}

.solny-onboarding-invite-company-upload {
    padding: 0 12px;
    background: rgba(63, 56, 191, 0.08);
    color: #302c9f;
}

.solny-onboarding-invite-company-save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    background: linear-gradient(120deg, var(--company-color, #3f38bf), #25206f);
    color: #ffffff;
    white-space: nowrap;
}

.solny-onboarding-invite-company-save:disabled,
.solny-onboarding-invite-company-upload:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.solny-company-create-inline .solny-onboarding-invite-company-upload,
.solny-company-create-inline .solny-onboarding-invite-company-save {
    min-height: 38px;
    border-radius: 8px;
    padding: 0 11px;
}

.solny-onboarding-invite-company-picker {
    position: relative;
    display: grid;
    gap: 8px;
}

.solny-onboarding-invite-company-suggestions {
    position: absolute;
    z-index: 30;
    top: 52px;
    left: 0;
    right: 0;
    display: none;
    max-height: min(430px, 72vh);
    overflow: auto;
    padding: 8px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 22px 44px rgba(24, 31, 62, 0.16);
}

.solny-onboarding-invite-company-suggestions.is-open,
.solny-onboarding-invite-company-picker:focus-within .solny-onboarding-invite-company-suggestions:not(:empty) {
    display: grid;
    gap: 6px;
}

.solny-onboarding-invite-company-suggestion {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    width: 100%;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #171b32;
    text-align: left;
    cursor: pointer;
}

.solny-onboarding-invite-company-suggestion:first-child {
    border-color: color-mix(in srgb, var(--solny-brand-primary, #3bb185), #ffffff 65%);
    background: color-mix(in srgb, var(--solny-brand-primary, #3bb185), #ffffff 92%);
}

.solny-onboarding-invite-company-suggestion:hover {
    border-color: rgba(63, 56, 191, 0.22);
    background: rgba(63, 56, 191, 0.06);
}

.solny-onboarding-invite-company-suggestion img,
.solny-onboarding-invite-company-suggestion > i {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    object-fit: cover;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(63, 56, 191, 0.1);
    color: #3f38bf;
}

.solny-onboarding-invite-company-suggestion strong {
    display: block;
    font-size: 13px;
    font-weight: 900;
}

.solny-onboarding-invite-company-suggestion small {
    color: #6a7083;
    font-size: 11px;
    font-weight: 700;
}

.solny-onboarding-invite-company-empty {
    padding: 10px;
    color: #6a7083;
    font-weight: 800;
}

.solny-onboarding-invite-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(63, 56, 191, 0.12);
}

.solny-onboarding-invite-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #6a7083;
    font-size: 12px;
    font-weight: 900;
}

.solny-onboarding-invite-status--sent {
    color: #187a5b;
}

.solny-onboarding-invite-status--error {
    color: #b51f2f;
}

.solny-onboarding-invite-send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #3bb185, #3f38bf);
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(63, 56, 191, 0.2);
}

.solny-onboarding-invite-send:disabled {
    cursor: wait;
    opacity: 0.72;
}

.solny-onboarding-invite-side {
    display: grid;
    gap: 12px;
}

.solny-onboarding-invite-side article {
    display: grid;
    gap: 8px;
    padding: 12px;
}

.solny-onboarding-invited {
    margin-top: 14px;
    padding: 12px;
    box-shadow: inset 4px 0 0 #3bb185, 0 12px 26px rgba(24, 31, 62, 0.06);
}

.solny-onboarding-invited__head {
    margin-bottom: 10px;
}

.solny-onboarding-invited__head span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    border-radius: 8px;
    background: rgba(59, 177, 133, 0.12);
    color: #187a5b;
    font-weight: 900;
}

.solny-onboarding-invited__list {
    display: grid;
    gap: 8px;
}

.solny-onboarding-invited__list article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(59, 177, 133, 0.2);
    border-radius: 8px;
    background: rgba(59, 177, 133, 0.08);
}

.solny-onboarding-invited__list article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    color: #187a5b;
    background: rgba(59, 177, 133, 0.14);
}

.solny-onboarding-invited__list strong {
    display: block;
    color: #171b32;
    font-size: 13px;
    font-weight: 900;
}

.solny-onboarding-invited__list small {
    color: #6a7083;
    font-size: 11px;
    font-weight: 700;
}

@media (max-width: 1020px) {
    .solny-onboarding-invite {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-invite-side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .solny-onboarding-invite-grid,
    .solny-onboarding-invite-side {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-invite-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-onboarding-invite-send {
        width: 100%;
    }
}

.solny-onboarding-invite-role-field {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.solny-onboarding-invite-role-field > span {
    color: #252a43;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.solny-onboarding-invite-company-field {
    grid-column: auto;
}

.solny-onboarding-invite-role-picker {
    position: relative;
    min-height: 46px;
}

.solny-onboarding-invite-role-dropdown {
    position: relative;
    width: 100%;
}

.solny-onboarding-invite-role-trigger,
.solny-onboarding-invite-role-option {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 46px;
    padding: 6px 8px;
    border: 1px solid color-mix(in srgb, var(--role-color, #3f38bf) 24%, #dfe2ee);
    border-radius: 8px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 7%, #ffffff);
    color: #171b32;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
}

.solny-onboarding-invite-role-trigger {
    width: 100%;
    border-color: color-mix(in srgb, var(--role-color, #3f38bf) 38%, #dfe2ee);
    background: linear-gradient(135deg, color-mix(in srgb, var(--role-color, #3f38bf) 12%, #ffffff), #ffffff);
    box-shadow: inset 4px 0 0 var(--role-color, #3f38bf);
}

.solny-onboarding-invite-role-trigger > span,
.solny-onboarding-invite-role-option > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 14%, #ffffff);
    color: var(--role-color, #3f38bf);
}

.solny-onboarding-invite-role-trigger > span {
    background: var(--role-color, #3f38bf);
    color: #fff;
}

.solny-onboarding-invite-role-trigger strong,
.solny-onboarding-invite-role-option strong {
    min-width: 0;
    overflow: hidden;
    color: #171b32;
    font-size: 12px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-invite-role-trigger > .fa-angle-down {
    color: var(--role-color, #3f38bf);
    transition: transform 0.18s ease;
}

.solny-onboarding-invite-role-dropdown.is-open .solny-onboarding-invite-role-trigger > .fa-angle-down {
    transform: rotate(180deg);
}

.solny-onboarding-invite-role-menu {
    position: absolute;
    z-index: 34;
    top: calc(100% + 7px);
    left: 0;
    display: none;
    width: max-content;
    min-width: min(100%, 260px);
    max-width: min(420px, calc(100vw - 48px));
    max-height: 280px;
    overflow: auto;
    padding: 7px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 22px 44px rgba(24, 31, 62, 0.16);
}

.solny-onboarding-invite-role-dropdown.is-open .solny-onboarding-invite-role-menu {
    display: grid;
    gap: 6px;
}

.solny-onboarding-invite-role-menu .solny-onboarding-invite-role-option {
    width: 100%;
    min-width: 230px;
}

.solny-onboarding-invite-role-option > .fa-check {
    color: transparent;
}

.solny-onboarding-invite-role-option.is-selected {
    border-color: color-mix(in srgb, var(--role-color, #3f38bf) 72%, #ffffff);
    background: linear-gradient(135deg, color-mix(in srgb, var(--role-color, #3f38bf) 18%, #ffffff), #ffffff);
    box-shadow: inset 4px 0 0 var(--role-color, #3f38bf);
}

.solny-onboarding-invite-role-option.is-selected > span {
    background: var(--role-color, #3f38bf);
    color: #fff;
}

.solny-onboarding-invite-role-option.is-selected > .fa-check {
    color: var(--role-color, #3f38bf);
}

.solny-onboarding-invite-role-empty {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 12px;
    border: 1px dashed rgba(63, 56, 191, 0.26);
    border-radius: 8px;
    color: #6a7083;
    font-weight: 800;
}

.solny-onboarding-invited__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 12px;
    padding: 10px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.72);
}

.solny-onboarding-invited-select-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #252a43;
    font-size: 12px;
    font-weight: 900;
}

.solny-onboarding-invited__notice {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    padding: 9px 10px;
    border: 1px solid rgba(245, 126, 15, 0.22);
    border-radius: 9px;
    background: rgba(245, 126, 15, 0.08);
    color: #9a4b05;
    font-size: 12px;
    font-weight: 900;
}

.solny-onboarding-invited-select-all input,
.solny-onboarding-invite-queue-check {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin: 0;
    border: 2px solid color-mix(in srgb, var(--role-color, #3f38bf) 48%, #dfe2ee);
    border-radius: 5px;
    appearance: none;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.solny-onboarding-invited-select-all input:checked,
.solny-onboarding-invite-queue-check:checked {
    border-color: var(--role-color, #3f38bf);
    background: var(--role-color, #3f38bf);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4 5.2 5 8.5 12.6 1.4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 9px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--role-color, #3f38bf) 14%, transparent);
}

.solny-onboarding-invite-queue-check:disabled {
    cursor: not-allowed;
    opacity: 0.72;
}

.solny-onboarding-invited-send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #3bb185, #3f38bf);
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(63, 56, 191, 0.18);
    transition: transform 0.16s ease, box-shadow 0.16s ease, opacity 0.16s ease;
}

.solny-onboarding-invited-send:not(:disabled):hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(63, 56, 191, 0.24);
}

.solny-onboarding-invited-send:disabled {
    cursor: not-allowed;
    opacity: 0.54;
}

.solny-onboarding-invited-send.is-sending {
    cursor: wait;
    opacity: 0.82;
}

.solny-onboarding-invited__list .solny-onboarding-invite-queue-card {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch;
    min-width: 0;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--role-color, #3f38bf) 22%, #e7e9f2);
    border-radius: 9px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--role-color, #3f38bf) 7%, #ffffff), #ffffff);
    box-shadow: inset 4px 0 0 color-mix(in srgb, var(--role-color, #3f38bf) 62%, #ffffff), 0 8px 18px rgba(24, 31, 62, 0.05);
}

.solny-onboarding-invite-queue-card.is-selected {
    border-color: color-mix(in srgb, var(--role-color, #3f38bf) 42%, #ffffff);
    background: linear-gradient(135deg, color-mix(in srgb, var(--role-color, #3f38bf) 11%, #ffffff), #ffffff);
}

.solny-onboarding-invite-queue-card.is-sent {
    --role-color: #3bb185;
    opacity: 0.9;
}

.solny-onboarding-invite-queue-card.is-error {
    --role-color: #d75b5b;
}

.solny-onboarding-invite-queue-top,
.solny-onboarding-invite-queue-bottom {
    display: grid;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.solny-onboarding-invite-queue-top {
    grid-template-columns: 74px minmax(0, 1fr) max-content;
}

.solny-onboarding-invite-queue-bottom {
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding-top: 9px;
    border-top: 1px solid color-mix(in srgb, var(--role-color, #3f38bf) 16%, #e7e9f2);
}

.solny-onboarding-invite-queue-select {
    display: grid;
    grid-template-columns: 20px 38px;
    gap: 10px;
    align-items: center;
    margin: 0;
    min-width: 0;
}

.solny-onboarding-invite-queue-role {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--role-color, #3f38bf), color-mix(in srgb, var(--role-color, #3f38bf) 72%, #171b32));
    color: #fff;
    font-size: 15px;
    box-shadow: 0 10px 18px color-mix(in srgb, var(--role-color, #3f38bf) 22%, transparent);
}

.solny-onboarding-invite-queue-main {
    min-width: 0;
}

.solny-onboarding-invite-queue-card strong {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #171b32;
    font-size: 13px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-onboarding-invite-queue-card small {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    min-height: 24px;
    margin-top: 4px;
    padding: 0 8px;
    border-radius: 7px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 10%, #ffffff);
    color: var(--role-color, #3f38bf);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.solny-onboarding-invite-queue-card em {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    color: #6a7083;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.solny-onboarding-invite-queue-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 0;
}

.solny-onboarding-invite-queue-contact span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    max-width: 100%;
    padding: 0 9px;
    border: 1px solid rgba(63, 56, 191, 0.1);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.72);
    color: #4f566f;
    font-size: 11px;
    font-weight: 800;
}

.solny-onboarding-invite-queue-contact i {
    color: var(--role-color, #3f38bf);
}

.solny-onboarding-invite-queue-status {
    display: inline-flex;
    align-items: center;
    justify-self: end;
    justify-content: center;
    gap: 6px;
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 30px;
    padding: 0 9px;
    border-radius: 7px;
    background: color-mix(in srgb, var(--role-color, #3f38bf) 12%, #ffffff);
    color: var(--role-color, #3f38bf);
    box-sizing: border-box;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
}

.solny-onboarding-invite-queue-status > span {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: auto;
    min-width: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
}

.solny-onboarding-invite-queue-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    gap: 7px;
    width: auto;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid rgba(215, 91, 91, 0.25);
    border-radius: 8px;
    background: rgba(215, 91, 91, 0.08);
    color: #b51f2f;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
}

.solny-onboarding-invite-queue-remove:disabled {
    cursor: wait;
    opacity: 0.5;
}

@media (max-width: 980px) {
    .solny-onboarding-invite-role-menu {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 680px) {
    .solny-onboarding-invite-company-field {
        grid-column: 1 / -1;
    }

    .solny-onboarding-invited__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-onboarding-invited-send {
        width: 100%;
    }

    .solny-onboarding-invited__list .solny-onboarding-invite-queue-card {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-invite-queue-top {
        grid-template-columns: 66px minmax(0, 1fr);
    }

    .solny-onboarding-invite-queue-status {
        grid-column: 1 / -1;
        justify-self: start;
        width: fit-content;
    }

    .solny-onboarding-invite-queue-bottom {
        grid-template-columns: 1fr;
    }

    .solny-onboarding-invite-queue-remove {
        justify-self: start;
    }
}