: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;
}

/* Expenses workspace: supplier invoices, categories and payment schedule. */
#solny-kanban-app[data-view="expenses"] .solny-kanban__content {
    background:
        radial-gradient(circle at 8% 0%, rgba(59, 177, 133, 0.08), transparent 30%),
        radial-gradient(circle at 88% 5%, rgba(63, 56, 191, 0.08), transparent 32%),
        #f5f6fa;
}

.solny-expenses {
    display: grid;
    gap: 14px;
}

.solny-expenses__head { order: 1; }
.solny-expenses__alerts { order: 2; }
.solny-expenses__stats { order: 3; }
.solny-expenses__toolbar { order: 4; }
.solny-expenses__list { order: 5; }
.solny-expenses__debug-actions { order: 6; }

.solny-expenses__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    padding: 4px 2px;
}

.solny-expenses__head > div:first-child {
    flex: 1 1 360px;
    min-width: 280px;
}

.solny-expenses__head h2 {
    margin: 5px 0 2px;
    font-size: clamp(22px, 2vw, 30px);
    letter-spacing: -0.04em;
}

.solny-expenses__head p {
    margin: 0;
    color: var(--solny-muted, #73788c);
    font-weight: 500;
}

.solny-expenses__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #3f38bf;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.solny-expenses__head-controls {
    display: flex;
    flex: 0 1 auto;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 10px;
    margin-left: auto;
}

.solny-expenses__head-controls .solny-control > label {
    color: #737b90;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.solny-control--expense-period { width: 132px; }
.solny-control--expense-period .solny-select,
.solny-control--expense-period .solny-select__trigger { width: 100%; }
.solny-expenses__head-controls .solny-select__trigger,
.solny-expenses__head-controls .solny-date-range__trigger,
.solny-expenses__head-controls .solny-manager-filter__trigger {
    min-height: 40px;
    border-radius: 8px;
    background: #fff;
}
.solny-expenses__head-controls .solny-date-range__panel,
.solny-expenses__head-controls .solny-manager-filter__panel { z-index: 430; }
.solny-control--expense-manager,
.solny-control--expense-manager .solny-manager-filter { width: 280px; }
.solny-control--expense-manager .solny-manager-filter__count { border-radius: 6px; }

.solny-expenses__alerts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.solny-expenses__alerts.is-empty { display: none; }

.solny-expenses__alerts button {
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 11px;
    border: 1px solid color-mix(in srgb, var(--alert-color) 24%, #e2e4ef);
    border-left: 4px solid var(--alert-color);
    border-radius: 9px;
    padding: 10px 13px;
    background: linear-gradient(100deg, color-mix(in srgb, var(--alert-color) 8%, #fff), #fff 68%);
    color: var(--alert-color);
    text-align: left;
}

.solny-expenses__alerts button > i { font-size: 18px; }
.solny-expenses__alerts button span { display: grid; gap: 2px; }
.solny-expenses__alerts button b { color: #1b1e2b; font-size: 12px; }
.solny-expenses__alerts button small { color: #73788c; font-size: 10px; font-weight: 600; }

.solny-expenses__stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.solny-expenses__kpi {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid #e2e4ef;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(29, 35, 62, 0.05);
}

.solny-expenses__kpi > i {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    border-radius: 8px;
    color: var(--kpi-color);
    background: color-mix(in srgb, var(--kpi-color) 12%, #fff);
}

.solny-expenses__kpi div { min-width: 0; display: grid; gap: 3px; }
.solny-expenses__kpi span { color: #73788c; font-size: 11px; font-weight: 700; }
.solny-expenses__kpi strong { overflow: hidden; font-size: 19px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }

.solny-expenses__toolbar {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 11px 12px;
    border: 1px solid #e2e4ef;
    border-radius: 10px;
    background: #fff;
}

.solny-expenses__toolbar label { display: grid; gap: 4px; min-width: 150px; }
.solny-expenses__toolbar label > span { color: #8a90a3; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; }
.solny-expenses__toolbar select {
    height: 38px;
    max-width: 230px;
    border: 1px solid #dde0eb;
    border-radius: 7px;
    padding: 0 30px 0 10px;
    background: #f8f9fc;
    color: #303445;
    font: 600 11px Montserrat, sans-serif;
}

.solny-expenses__filters-reset {
    height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
    border: 1px solid rgba(229, 72, 77, 0.2);
    border-radius: 7px;
    padding: 0 12px;
    background: rgba(229, 72, 77, 0.07);
    color: #c6284b;
    font: 700 10px Montserrat, sans-serif;
}

.solny-expenses__list {
    display: block;
    overflow: hidden;
    border: 1px solid #e2e4ef;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(29, 35, 62, 0.06);
}

.solny-expense-ledger__head,
.solny-expense-ledger__row {
    display: grid;
    grid-template-columns: 126px minmax(210px, 1.4fr) minmax(145px, 0.9fr) 132px minmax(150px, 0.9fr) 145px minmax(100px, 0.55fr);
    align-items: center;
    gap: 12px;
}

.solny-expense-ledger__head {
    padding: 9px 13px;
    background: #f7f8fc;
    color: #8a90a3;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.solny-expense-card.solny-expense-ledger__row {
    min-height: 76px;
    padding: 10px 13px;
    border: 0;
    border-bottom: 1px solid #eceef5;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    transition: background 0.16s ease, box-shadow 0.16s ease;
}

.solny-expense-card.solny-expense-ledger__row:last-child { border-bottom: 0; }
.solny-expense-card.solny-expense-ledger__row:hover { transform: none; background: #fafafe; box-shadow: inset 3px 0 0 var(--payment-color); }

.solny-expense-ledger__status { display: grid; gap: 4px; }
.solny-expense-ledger__status > span {
    width: max-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 7px;
    background: color-mix(in srgb, var(--payment-color) 11%, #fff);
    color: var(--payment-color);
    font-size: 10px;
    font-weight: 800;
}
.solny-expense-ledger__status small,
.solny-expense-ledger__category small,
.solny-expense-ledger__dates small,
.solny-expense-ledger__amount small { color: #8a90a3; font-size: 9px; font-weight: 600; }

.solny-expense-ledger__supplier { display: flex; align-items: center; gap: 9px; min-width: 0; }
.solny-expense-ledger__supplier > span { min-width: 0; display: grid; gap: 3px; }
.solny-expense-ledger__supplier strong,
.solny-expense-ledger__supplier small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-ledger__supplier strong { font-size: 11px; }
.solny-expense-ledger__supplier small { color: #73788c; font-size: 9px; font-weight: 600; }

.solny-expense-ledger__category { display: grid; gap: 4px; min-width: 0; }
.solny-expense-ledger__category > span { display: flex; align-items: center; gap: 7px; color: var(--category-color); font-size: 10px; font-weight: 800; }
.solny-expense-ledger__category > span i { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 5px; background: color-mix(in srgb, var(--category-color) 11%, #fff); }

.solny-expense-ledger__dates { display: grid; gap: 4px; }
.solny-expense-ledger__dates strong { font-size: 10px; }
.solny-expense-ledger__dates small.is-overdue { color: #d75b5b; font-weight: 800; }

.solny-expense-ledger__payment { display: grid; gap: 6px; }
.solny-expense-ledger__payment > div { height: 6px; overflow: hidden; border-radius: 4px; background: #eceef5; }
.solny-expense-ledger__payment > div span { display: block; height: 100%; background: var(--payment-color); }
.solny-expense-ledger__payment small { color: #73788c; font-size: 9px; font-weight: 700; }

.solny-expense-ledger__amount { display: grid; gap: 3px; text-align: right; }
.solny-expense-ledger__amount strong { font-size: 13px; font-variant-numeric: tabular-nums; }
.solny-expense-ledger__more { display: flex; align-items: center; justify-content: flex-end; gap: 8px; color: #8a90a3; }
.solny-expense-ledger__more > span { display: flex; align-items: center; justify-content: flex-end; gap: 7px; min-width: 0; }
.solny-expense-ledger__more b { overflow: hidden; max-width: 72px; color: #3f38bf; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

#solny-modal-expense .solny-modal__dialog { width: min(1320px, calc(100vw - 34px)); max-width: 1320px; }
.solny-expense-form__invoice-grid { grid-template-columns: repeat(4, minmax(150px, 1fr)); }
.solny-expense-form__invoice-grid .solny-form__group--wide { grid-column: span 2; }

.solny-expense-payments .solny-section__header { align-items: flex-start; }
.solny-expense-payments__summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 12px 0; }
.solny-expense-payments__summary > span { display: grid; gap: 4px; padding: 10px 12px; border: 1px solid #e2e4ef; border-radius: 8px; background: #f8f9fc; }
.solny-expense-payments__summary small { color: #8a90a3; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.solny-expense-payments__summary strong { font-size: 13px; }
.solny-expense-payments__summary .is-paid { color: #3bb185; }
.solny-expense-payments__summary .is-open,
.solny-expense-payments__summary .is-warning { color: #d75b5b; }

.solny-expense-installments { display: grid; gap: 8px; }
.solny-expense-installment {
    display: grid;
    grid-template-columns: 30px minmax(130px, 1.2fr) 105px 126px 105px 126px minmax(145px, 1fr) 34px;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border: 1px solid #e2e4ef;
    border-radius: 9px;
    background: #fff;
}
.solny-expense-installment label { display: grid; gap: 4px; min-width: 0; }
.solny-expense-installment label > span { color: #8a90a3; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.solny-expense-installment input { width: 100%; min-width: 0; height: 36px; border: 1px solid #dde0eb; border-radius: 7px; padding: 0 8px; background: #f8f9fc; font: 600 10px Montserrat, sans-serif; }
.solny-expense-installment__index { width: 28px; height: 36px; display: grid; place-items: center; border-radius: 7px; background: rgba(63, 56, 191, 0.1); color: #3f38bf; font-size: 11px; font-weight: 800; }
.solny-expense-installment__remove { width: 34px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(229, 72, 77, 0.18); border-radius: 7px; background: rgba(229, 72, 77, 0.08); color: #c6284b; }
.solny-expense-installments__empty { display: flex; align-items: center; gap: 9px; padding: 13px; border: 1px dashed #d9dce8; border-radius: 8px; color: #73788c; font-size: 10px; font-weight: 600; }

.solny-expense-category-settings__list { display: grid; gap: 8px; margin: 12px 0; }
.solny-expense-category-row {
    display: grid;
    grid-template-columns: 38px minmax(150px, 1fr) 145px 70px 175px 145px minmax(180px, 1.3fr) 36px;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--category-color) 20%, #e2e4ef);
    border-left: 4px solid var(--category-color);
    border-radius: 9px;
    background: #fff;
}
.solny-expense-category-row.is-child { margin-left: 34px; background: #fafafe; }
.solny-expense-category-row label { display: grid; gap: 4px; min-width: 0; }
.solny-expense-category-row label > span { color: #8a90a3; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.solny-expense-category-row input,
.solny-expense-category-row select { width: 100%; height: 36px; min-width: 0; border: 1px solid #dde0eb; border-radius: 7px; padding: 0 8px; background: #f8f9fc; font: 600 10px Montserrat, sans-serif; }
.solny-expense-category-row__color input { padding: 3px; }
.solny-expense-category-row__preview { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; background: color-mix(in srgb, var(--category-color) 12%, #fff); color: var(--category-color); }
.solny-expense-category-row__remove { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(229, 72, 77, 0.18); border-radius: 7px; background: rgba(229, 72, 77, 0.08); color: #c6284b; }

.solny-expense-recurrence-settings__list { display: grid; gap: 8px; margin: 12px 0; }
.solny-expense-recurrence-row {
    display: grid;
    grid-template-columns: 38px minmax(150px, 0.8fr) 70px 175px minmax(220px, 1.4fr) 36px;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--recurrence-color) 20%, #e2e4ef);
    border-left: 4px solid var(--recurrence-color);
    border-radius: 9px;
    background: #fff;
}
.solny-expense-recurrence-row label { display: grid; gap: 4px; min-width: 0; }
.solny-expense-recurrence-row label > span { color: #8a90a3; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.solny-expense-recurrence-row input { width: 100%; height: 36px; min-width: 0; padding: 0 8px; border: 1px solid #dde0eb; border-radius: 7px; background: #f8f9fc; font: 600 10px Montserrat, sans-serif; }
.solny-expense-recurrence-row__color input { padding: 3px; }
.solny-expense-recurrence-row__preview { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; color: var(--recurrence-color); background: color-mix(in srgb, var(--recurrence-color) 12%, #fff); }
.solny-expense-recurrence-row__remove { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(229, 72, 77, 0.18); border-radius: 7px; color: #c6284b; background: rgba(229, 72, 77, 0.08); }
.solny-expense-recurrence-row__remove:disabled { opacity: 0.35; cursor: not-allowed; }

.solny-user-supplier-categories__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
    margin-top: 10px;
}
.solny-user-supplier-categories > .solny-hint {
    margin-top: 14px;
}
.solny-user-supplier-category-node {
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--category-color, #3f38bf) 18%, #e2e4ef);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.solny-user-supplier-category-node.is-child {
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
}
.solny-user-supplier-category__head { min-width: 0; }
.solny-user-supplier-category-node.has-children > .solny-user-supplier-category__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 54px;
    align-items: stretch;
}
.solny-user-supplier-category {
    position: relative;
    display: grid;
    grid-template-columns: 20px 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 58px;
    padding: 9px 10px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--category-color) 7%, #fff), #fff 72%);
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease;
}
.solny-user-supplier-category input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.solny-user-supplier-category__check {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--category-color) 32%, #cfd3df);
    border-radius: 5px;
    color: transparent;
    background: #fff;
    font-size: 10px;
}
.solny-user-supplier-category:has(input:checked) .solny-user-supplier-category__check {
    border-color: var(--category-color);
    color: #fff;
    background: var(--category-color);
}
.solny-user-supplier-category:has(input:checked) {
    background: linear-gradient(135deg, color-mix(in srgb, var(--category-color) 14%, #fff), #fff 76%);
}
.solny-user-supplier-category__icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: var(--category-color);
    background: color-mix(in srgb, var(--category-color) 12%, #fff);
}
.solny-user-supplier-category__copy { min-width: 0; display: grid; gap: 3px; }
.solny-user-supplier-category__copy strong { color: #252a3f; font-size: 12px; line-height: 1.25; }
.solny-user-supplier-category__copy small { color: #7d8496; font-size: 9px; line-height: 1.35; overflow-wrap: anywhere; }
.solny-user-supplier-category__toggle {
    display: grid;
    grid-template-columns: auto auto;
    place-content: center;
    align-items: center;
    gap: 6px;
    min-width: 54px;
    padding: 0 8px;
    border: 0;
    border-left: 1px solid color-mix(in srgb, var(--category-color) 16%, #e2e4ef);
    color: var(--category-color);
    background: color-mix(in srgb, var(--category-color) 10%, #fff);
    cursor: pointer;
}
.solny-user-supplier-category__toggle:hover,
.solny-user-supplier-category__toggle:focus-visible {
    outline: none;
    background: color-mix(in srgb, var(--category-color) 18%, #fff);
}
.solny-user-supplier-category__toggle b {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    color: #fff;
    background: var(--category-color);
    box-shadow: 0 4px 10px color-mix(in srgb, var(--category-color) 28%, transparent);
    font-size: 10px;
    font-weight: 900;
}
.solny-user-supplier-category__toggle i {
    font-size: 12px;
    font-weight: 900;
    transition: transform 0.18s ease;
}
.solny-user-supplier-category-node.is-open > .solny-user-supplier-category__head .solny-user-supplier-category__toggle i {
    transform: rotate(180deg);
}
.solny-user-supplier-category__children {
    position: relative;
    display: grid;
    gap: 1px;
    padding: 2px 0 4px 25px;
    background: #fafbfe;
}
.solny-user-supplier-category-node.has-children:not(.is-open) > .solny-user-supplier-category__children {
    display: none;
}
.solny-user-supplier-category__children::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 12px;
    left: 17px;
    width: 1px;
    background: color-mix(in srgb, var(--category-color, #3f38bf) 22%, #dfe2eb);
}
.solny-user-supplier-category-node.is-child > .solny-user-supplier-category__head .solny-user-supplier-category {
    min-height: 52px;
    padding: 7px 9px 7px 0;
    background: transparent;
}
.solny-user-supplier-category-node.is-child > .solny-user-supplier-category__head .solny-user-supplier-category::before {
    content: "";
    width: 8px;
    height: 1px;
    position: absolute;
    left: -8px;
    top: 26px;
    background: color-mix(in srgb, var(--category-color) 30%, #dfe2eb);
}
.solny-user-supplier-category-node.is-child.has-children > .solny-user-supplier-category__head .solny-user-supplier-category__toggle {
    border-left-color: color-mix(in srgb, var(--category-color) 12%, #e2e4ef);
    background: transparent;
}

@media (max-width: 1280px) {
    .solny-expenses__stats { grid-template-columns: repeat(3, 1fr); }
    .solny-expense-ledger__head { display: none; }
    .solny-expense-ledger__row { grid-template-columns: 120px minmax(190px, 1.3fr) minmax(135px, 0.8fr) 120px minmax(140px, 0.8fr) 130px 70px; }
    .solny-expense-form__invoice-grid { grid-template-columns: repeat(3, 1fr); }
    .solny-expense-installment { grid-template-columns: 30px repeat(3, minmax(110px, 1fr)) 34px; }
    .solny-expense-installment__note { grid-column: span 2; }
    .solny-expense-category-row { grid-template-columns: 38px repeat(3, minmax(130px, 1fr)) 36px; }
    .solny-expense-category-row__description { grid-column: span 2; }
    .solny-expense-recurrence-row { grid-template-columns: 38px repeat(3, minmax(130px, 1fr)) 36px; }
    .solny-expense-recurrence-row__description { grid-column: span 2; }
}

@media (max-width: 860px) {
    .solny-expenses__head { align-items: flex-start; flex-direction: column; }
    .solny-expenses__head-controls { width: 100%; margin-left: 0; justify-content: flex-start; }
    .solny-expenses__head-controls > .solny-control,
    .solny-expenses__head-controls > .solny-date-filter,
    .solny-control--expense-manager,
    .solny-control--expense-manager .solny-manager-filter { width: 100%; }
    .solny-expenses__head-controls .solny-date-filter .solny-control,
    .solny-expenses__head-controls .solny-date-range { width: 100%; }
    .solny-expenses__stats { grid-template-columns: repeat(2, 1fr); }
    .solny-expenses__toolbar { align-items: stretch; flex-direction: column; }
    .solny-expenses__toolbar label,
    .solny-expenses__toolbar select { width: 100%; max-width: none; }
    .solny-expenses__filters-reset { justify-content: center; margin-left: 0; }
    .solny-expense-ledger__row { grid-template-columns: 1fr 1fr; gap: 10px; }
    .solny-expense-ledger__supplier { grid-column: 1 / -1; }
    .solny-expense-ledger__amount { text-align: left; }
    .solny-expense-ledger__more { grid-column: 1 / -1; justify-content: space-between; }
    .solny-expense-form__invoice-grid { grid-template-columns: 1fr 1fr; }
    .solny-expense-payments__summary { grid-template-columns: 1fr 1fr; }
    .solny-expense-installment { grid-template-columns: 30px 1fr 1fr; }
    .solny-expense-installment__note { grid-column: span 2; }
    .solny-expense-category-row,
    .solny-expense-category-row.is-child { grid-template-columns: 38px 1fr 1fr; margin-left: 0; }
    .solny-expense-category-row__description { grid-column: span 2; }
    .solny-expense-recurrence-row { grid-template-columns: 38px 1fr 1fr; }
    .solny-expense-recurrence-row__description { grid-column: span 2; }
    .solny-user-supplier-categories__grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .solny-expenses__stats,
    .solny-expense-payments__summary,
    .solny-expense-form__invoice-grid,
    .solny-user-supplier-categories__grid { grid-template-columns: 1fr; }
    .solny-expense-form__invoice-grid .solny-form__group--wide { grid-column: auto; }
    .solny-expense-installment { grid-template-columns: 30px 1fr; }
    .solny-expense-installment__note { grid-column: auto; }
    .solny-expense-category-row,
    .solny-expense-category-row.is-child { grid-template-columns: 38px 1fr; }
    .solny-expense-category-row__description { grid-column: auto; }
    .solny-expense-recurrence-row { grid-template-columns: 38px 1fr; }
    .solny-expense-recurrence-row__description { grid-column: auto; }
}

.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-view].is-hidden-by-feature,
.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-user-badge__profile {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 3px 5px 3px 2px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

.solny-user-badge__profile:hover,
.solny-user-badge__profile:focus-visible {
    background: rgba(63, 56, 191, 0.08);
    box-shadow: 0 0 0 2px rgba(63, 56, 191, 0.1);
    outline: none;
}

.solny-user-badge__edit {
    flex: 0 0 auto;
    color: #777da0;
    font-size: 10px;
    opacity: 0;
    transform: translateX(-2px);
    transition: opacity 0.18s ease, transform 0.18s ease, color 0.18s ease;
}

.solny-user-badge__profile:hover .solny-user-badge__edit,
.solny-user-badge__profile:focus-visible .solny-user-badge__edit {
    color: var(--solny-blue);
    opacity: 1;
    transform: translateX(0);
}

.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-paid .solny-archive-doc__amount.is-partial-open {
    border-color: rgba(245, 126, 15, 0.32);
    background: rgba(255, 255, 255, 0.88);
}

.solny-archive-doc.is-paid .solny-archive-doc__amount.is-partial-open .solny-archive-doc__amount-line strong {
    color: #1f2538;
}

.solny-archive-doc.is-paid .solny-archive-doc__amount.is-partial-open .solny-archive-doc__amount-hint {
    color: #8a5a00;
}

.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(59, 177, 133, 0.22);
    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 .solny-archive-doc__amount-rest.is-paid {
    color: #24835f;
}

.solny-archive-doc__amount .solny-archive-doc__amount-rest.is-awaiting-invoice {
    color: #0f6fbd;
}

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

.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-partial-history {
    color: #2f5f91;
    border-color: rgba(47, 95, 145, 0.28);
    background: rgba(47, 95, 145, 0.09);
}

.solny-archive-card__quick-btn.is-partial-history:hover {
    background: rgba(47, 95, 145, 0.15);
    border-color: rgba(47, 95, 145, 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-control--questionnaire-filter {
    min-width: 210px;
    width: 210px;
}

.solny-questionnaire-kanban-filter .solny-select__trigger {
    width: 100%;
    min-width: 210px;
    justify-content: space-between;
    padding: 6px 10px;
}

.solny-questionnaire-kanban-filter .solny-select__value {
    min-width: 0;
    flex: 1;
}

.solny-questionnaire-kanban-filter .solny-select__value > span:not(.solny-select__meta) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-questionnaire-kanban-filter .solny-select__menu {
    left: 0;
    right: auto;
    min-width: 100%;
}

.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="telephony"] .solny-view--telephony,
#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__missed-call-badge {
    appearance: none;
    border: 1px solid rgba(214, 69, 65, 0.32);
    background: linear-gradient(135deg, rgba(255, 240, 238, 0.98), rgba(255, 248, 232, 0.96));
    color: #c0392b;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 9px;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(214, 69, 65, 0.12);
    transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease;
}

.solny-card__missed-call-badge.is-no-answer {
    border-color: rgba(230, 126, 34, 0.34);
    background: linear-gradient(135deg, rgba(255, 247, 234, 0.98), rgba(255, 252, 240, 0.96));
    color: #b85f14;
    box-shadow: 0 8px 18px rgba(230, 126, 34, 0.12);
}

.solny-card__missed-call-badge.is-no-answer:hover {
    border-color: rgba(230, 126, 34, 0.58);
    box-shadow: 0 10px 22px rgba(230, 126, 34, 0.18);
}

.solny-card__missed-call-badge.is-no-answer small {
    color: #9d5415;
}

.solny-card__missed-call-badge span {
    white-space: nowrap;
}

.solny-card__missed-call-badge small {
    color: #8f3c32;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    opacity: 0.9;
}

.solny-card__missed-call-badge:hover {
    transform: translateY(-1px);
    border-color: rgba(214, 69, 65, 0.55);
    box-shadow: 0 10px 22px rgba(214, 69, 65, 0.18);
}

.solny-card__missed-call-badge i {
    font-size: 12px;
}

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

.solny-order-note-form-group {
    display: none !important;
}

.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;
    min-width: 0;
}

.solny-card__questionnaire-score {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 24px;
    padding: 0 7px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 8px;
    background: rgba(63, 56, 191, 0.08);
    color: #312e91;
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.solny-card__questionnaire-score i {
    font-size: 10px;
}

.solny-card__questionnaire-score.is-hot {
    border-color: rgba(34, 163, 107, 0.28);
    background: rgba(34, 163, 107, 0.12);
    color: #128056;
}

.solny-card__questionnaire-score.is-warm {
    border-color: rgba(216, 137, 18, 0.3);
    background: rgba(245, 158, 11, 0.13);
    color: #a16207;
}

.solny-card__questionnaire-score.is-cold {
    border-color: rgba(215, 91, 91, 0.28);
    background: rgba(255, 92, 132, 0.11);
    color: #bf244d;
}

.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__open {
    display: contents;
    color: inherit;
    text-decoration: none;
}

.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;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 11px;
    color: var(--solny-muted);
}

.solny-expense-doc__meta > span,
.solny-expense-doc__actions,
.solny-expense-doc__actions a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.solny-expense-doc__actions { margin-left: auto; }
.solny-expense-doc__actions a {
    min-height: 28px;
    padding: 0 8px;
    border: 1px solid #dfe2ed;
    border-radius: 7px;
    color: #3f38bf;
    background: #fff;
    text-decoration: none;
    font-size: 9px;
    font-weight: 750;
}
.solny-expense-doc__actions a:hover {
    border-color: rgba(63, 56, 191, 0.35);
    background: #f5f4ff;
}

.solny-expense-doc__meta i,
.solny-expense-doc__actions 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-storno {
    background: #fff7f7;
    border-color: rgba(212, 17, 17, 0.18);
}

.solny-partial-history__item.is-storno .solny-partial-history__meta {
    color: #8a4a4a;
}

.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-icon.is-missed-call {
    background: rgba(214, 69, 65, 0.14);
    border: 1px solid rgba(214, 69, 65, 0.24);
    color: #c0392b;
}

.solny-help-center__item-icon.is-missed-call.is-no-answer {
    background: rgba(230, 126, 34, 0.14);
    border-color: rgba(230, 126, 34, 0.26);
    color: #b85f14;
}

.solny-help-center__item--missed-call {
    border-radius: 8px;
    padding: 6px 5px;
}

.solny-help-center__item--missed-call:hover {
    background: rgba(214, 69, 65, 0.08);
}

.solny-help-center__item--missed-call.is-no-answer:hover {
    background: rgba(230, 126, 34, 0.08);
}

.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__email.is-locked,
.solny-btn.is-locked[data-action="send-email"] {
    border-color: rgba(138, 96, 10, 0.22);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(245, 158, 11, 0.2));
    color: #8a5a00;
}

#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-modal-order .solny-order-modal__close {
    border-color: rgba(224, 72, 108, 0.24) !important;
    background: rgba(255, 92, 132, 0.1) !important;
    color: #c51f4a !important;
}

#solny-modal-order .solny-order-modal__close:hover {
    border-color: rgba(224, 72, 108, 0.36) !important;
    background: rgba(255, 92, 132, 0.16) !important;
}

.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);
}

.solny-gmail-oauth {
    display: grid;
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.06), rgba(59, 177, 133, 0.08));
}

.solny-gmail-oauth.is-highlighted {
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.22), 0 18px 34px rgba(30, 42, 80, 0.14);
}

.solny-gmail-oauth__status {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(138, 96, 10, 0.22);
    border-radius: 12px;
    background: rgba(245, 158, 11, 0.1);
    color: #1b1e2b;
}

.solny-gmail-oauth__status > span {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    background: rgba(245, 158, 11, 0.16);
    color: #8a5a00;
}

.solny-gmail-oauth__status.is-connected {
    border-color: rgba(36, 178, 112, 0.28);
    background: rgba(36, 178, 112, 0.1);
}

.solny-gmail-oauth__status.is-connected > span {
    background: rgba(36, 178, 112, 0.16);
    color: #15794a;
}

.solny-gmail-oauth__status.is-smtp-ready {
    border-color: rgba(22, 114, 184, 0.24);
    background: rgba(22, 114, 184, 0.09);
}

.solny-gmail-oauth__status.is-smtp-ready > span {
    background: rgba(22, 114, 184, 0.14);
    color: #1d5f98;
}

.solny-gmail-oauth__status strong,
.solny-gmail-oauth__status small {
    display: block;
}

.solny-gmail-oauth__status small {
    margin-top: 3px;
    color: #6a7083;
    font-weight: 700;
}

.solny-gmail-oauth__actions {
    align-self: end;
}

.solny-gmail-oauth__actions .solny-btn {
    width: 100%;
    margin-top: 6px;
}

.solny-gmail-legacy {
    margin-top: 12px;
    border: 1px dashed rgba(63, 56, 191, 0.22);
    border-radius: 12px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.74);
}

.solny-gmail-legacy summary {
    cursor: pointer;
    font-weight: 900;
    color: #3f38bf;
}

@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-telephony-call .solny-modal__dialog {
    width: min(760px, 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-input-with-button {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.solny-input-with-button input {
    min-width: 0;
    flex: 1 1 auto;
}

.solny-telephony-settings__status {
    margin-bottom: 12px;
}

.solny-telephony-settings__toggles {
    margin-top: 12px;
}

.solny-telephony-settings__roles {
    margin-top: 12px;
    padding: 10px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 14px;
    background: #fbfbff;
}

.solny-telephony-settings__roles-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.solny-telephony-settings__roles-head strong {
    font-size: 12px;
    color: #1b1e2b;
}

.solny-telephony-settings__roles-head span {
    font-size: 11px;
    font-weight: 800;
    color: var(--solny-muted);
}

.solny-telephony-settings__internals {
    margin-top: 12px;
    display: grid;
    gap: 8px;
}

.solny-telephony-settings__users {
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}

.solny-telephony-settings__users summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    cursor: pointer;
    list-style: none;
    font-size: 12px;
    font-weight: 900;
    color: #1b1e2b;
}

.solny-telephony-settings__users summary::-webkit-details-marker {
    display: none;
}

.solny-telephony-settings__users summary span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.solny-telephony-settings__users summary strong {
    min-width: 26px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #2d3592;
    background: rgba(63, 56, 191, 0.1);
}

.solny-telephony-settings__users[open] summary {
    border-bottom: 1px solid rgba(63, 56, 191, 0.12);
}

.solny-telephony-settings__manager-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 8px;
    padding: 10px;
}

.solny-telephony-settings__manager {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 12px;
    background: #fff;
}

.solny-telephony-settings__manager.has-internal {
    border-color: rgba(35, 178, 112, 0.28);
    background: linear-gradient(135deg, rgba(35, 178, 112, 0.08), #fff);
}

.solny-telephony-settings__manager > div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.solny-telephony-settings__manager strong,
.solny-telephony-settings__manager span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-telephony-settings__manager strong {
    font-size: 12px;
    color: #1b1e2b;
}

.solny-telephony-settings__manager span {
    font-size: 11px;
    font-weight: 800;
    color: var(--solny-muted);
}

.solny-telephony-settings__available {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 10px;
    border: 1px dashed rgba(63, 56, 191, 0.22);
    border-radius: 12px;
    background: #f8f9ff;
}

.solny-telephony-settings__available strong,
.solny-telephony-settings__available span {
    font-size: 11px;
    font-weight: 800;
}

.solny-telephony-settings__available span {
    padding: 4px 7px;
    border-radius: 999px;
    color: #2d3592;
    background: #fff;
    border: 1px solid rgba(63, 56, 191, 0.14);
}

.solny-telephony-call {
    display: grid;
    gap: 12px;
    font-family: "Montserrat", sans-serif;
}

.solny-telephony-call.is-loading {
    opacity: 0.7;
}

.solny-telephony-call__hero,
.solny-telephony-call__stats,
.solny-telephony-call__phone,
.solny-telephony-call__log,
.solny-telephony-call__locked {
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 14px;
    background: #fff;
}

.solny-telephony-call__hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    background: linear-gradient(135deg, rgba(241, 137, 0, 0.12), rgba(255, 255, 255, 0.95));
}

.solny-telephony-call__hero > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.solny-telephony-call__hero strong {
    color: #1b1e2b;
    font-size: 15px;
}

.solny-telephony-call__hero span,
.solny-telephony-call__hero small,
.solny-telephony-call__log small {
    color: var(--solny-muted);
    font-size: 12px;
    font-weight: 700;
}

.solny-telephony-call__route {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    margin-top: 3px;
    padding: 4px 8px;
    border-radius: 9px;
    color: #136c4d !important;
    background: rgba(59, 177, 133, 0.11);
    border: 1px solid rgba(59, 177, 133, 0.2);
    font-size: 11px !important;
    font-weight: 900 !important;
}

.solny-telephony-call__internal-select {
    flex: 0 0 auto;
    display: grid;
    gap: 4px;
    min-width: 180px;
    padding: 7px 9px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.88);
}

.solny-telephony-call__internal-select > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #59607a;
    font-size: 9px !important;
    font-weight: 950 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-telephony-call__internal-select select {
    width: 100%;
    height: 30px;
    padding: 0 24px 0 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    color: #202641;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 900;
}

.solny-telephony-call__timer {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border-radius: 999px;
    color: #0f7f59;
    background: rgba(59, 177, 133, 0.12);
    border: 1px solid rgba(59, 177, 133, 0.22);
    font-size: 12px;
    font-weight: 900;
}

.solny-telephony-call__locked {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    color: #8a5a00;
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.26);
    font-size: 12px;
    font-weight: 800;
}

.solny-telephony-call__phones {
    display: grid;
    gap: 8px;
}

.solny-telephony-call__live {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 14px;
    background:
        radial-gradient(circle at 18px 18px, rgba(59, 177, 133, 0.16), transparent 28px),
        linear-gradient(135deg, rgba(59, 177, 133, 0.08), rgba(255, 255, 255, 0.96));
}

.solny-telephony-call__live.is-talking {
    border-color: rgba(59, 177, 133, 0.28);
    background:
        radial-gradient(circle at 18px 18px, rgba(59, 177, 133, 0.18), transparent 28px),
        linear-gradient(135deg, rgba(59, 177, 133, 0.1), rgba(255, 255, 255, 0.96));
}

.solny-telephony-call__live.is-ended {
    border-color: rgba(31, 128, 255, 0.22);
    background: linear-gradient(135deg, rgba(31, 128, 255, 0.08), rgba(255, 255, 255, 0.96));
}

.solny-telephony-call__live.is-missed,
.solny-telephony-call__live.is-failed,
.solny-telephony-call__live.is-cancelled {
    border-color: rgba(212, 17, 17, 0.22);
    background: linear-gradient(135deg, rgba(212, 17, 17, 0.07), rgba(255, 255, 255, 0.96));
}

.solny-telephony-call__live-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #ffffff;
    background: linear-gradient(135deg, #12885e, #3bb185);
    box-shadow: 0 12px 24px rgba(59, 177, 133, 0.22);
}

.solny-telephony-call__live.is-talking .solny-telephony-call__live-icon {
    background: linear-gradient(135deg, #1d9b6c, #3bb185);
    box-shadow: 0 12px 24px rgba(59, 177, 133, 0.22);
}

.solny-telephony-call__live.is-ended .solny-telephony-call__live-icon {
    background: linear-gradient(135deg, #1f80ff, #6f8cff);
}

.solny-telephony-call__live.is-missed .solny-telephony-call__live-icon,
.solny-telephony-call__live.is-failed .solny-telephony-call__live-icon,
.solny-telephony-call__live.is-cancelled .solny-telephony-call__live-icon {
    background: linear-gradient(135deg, #d75b5b, #b82020);
    box-shadow: 0 12px 24px rgba(184, 32, 32, 0.18);
}

.solny-telephony-call__live > div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.solny-telephony-call__live strong {
    color: #171b2d;
    font-size: 14px;
    font-weight: 900;
}

.solny-telephony-call__live small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--solny-muted);
    font-size: 12px;
    font-weight: 800;
}

.solny-telephony-call__live b,
.solny-telephony-call__start-btn b {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

.solny-telephony-call__live b {
    min-width: 56px;
    padding: 7px 9px;
    border-radius: 10px;
    text-align: center;
    color: #20284f;
    background: #ffffff;
    border: 1px solid rgba(59, 177, 133, 0.16);
    box-shadow: 0 8px 18px rgba(32, 40, 79, 0.06);
}

.solny-telephony-call__live-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.solny-telephony-call__cancel,
.solny-telephony-call__retry {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid rgba(215, 91, 91, 0.22);
    border-radius: 10px;
    color: #b82020;
    background: rgba(215, 91, 91, 0.08);
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.solny-telephony-call__retry {
    border-color: rgba(59, 177, 133, 0.26);
    color: #0f7f59;
    background: rgba(59, 177, 133, 0.1);
}

.solny-telephony-call__cancel:hover {
    color: #941818;
    background: rgba(215, 91, 91, 0.14);
}

.solny-telephony-call__retry:hover {
    color: #086744;
    background: rgba(59, 177, 133, 0.16);
}

.solny-telephony-call__phone {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    overflow: hidden;
    background:
        radial-gradient(circle at 18px 20px, rgba(63, 56, 191, 0.09), transparent 34px),
        #fff;
}

.solny-telephony-call__phone.is-connecting,
.solny-telephony-call__phone.is-ringing {
    border-color: rgba(59, 177, 133, 0.24);
    background: linear-gradient(135deg, rgba(59, 177, 133, 0.08), #ffffff);
}

.solny-telephony-call__phone.is-talking {
    border-color: rgba(59, 177, 133, 0.28);
    background: linear-gradient(135deg, rgba(59, 177, 133, 0.1), #ffffff);
}

.solny-telephony-call__phone.is-cancelled {
    border-color: rgba(215, 91, 91, 0.2);
    background: linear-gradient(135deg, rgba(215, 91, 91, 0.06), #ffffff);
}

.solny-telephony-call__phone-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #16845d;
    background: rgba(59, 177, 133, 0.12);
    border: 1px solid rgba(59, 177, 133, 0.2);
}

.solny-telephony-call__phone.is-talking .solny-telephony-call__phone-icon {
    color: #16845d;
    background: rgba(59, 177, 133, 0.13);
    border-color: rgba(59, 177, 133, 0.24);
}

.solny-telephony-call__phone-main {
    min-width: 0;
    display: grid;
    gap: 3px;
}

#solny-modal-telephony-call .solny-telephony-call__phone-label {
    color: var(--solny-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solny-telephony-call__phone strong {
    color: #171b2d;
    font-size: 18px;
    line-height: 1.08;
    letter-spacing: -0.01em;
}

.solny-telephony-call__phone-contact,
.solny-telephony-call__phone-source,
.solny-telephony-call__phone-manager,
.solny-telephony-call__phone-selected {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    margin-top: 2px;
    padding: 3px 7px;
    border-radius: 9px;
    color: #20284f !important;
    background: rgba(63, 56, 191, 0.08);
    text-transform: none !important;
    letter-spacing: 0 !important;
}

#solny-modal-telephony-call .solny-telephony-call__phone-source {
    color: #5f668a !important;
    background: rgba(32, 40, 79, 0.06);
}

#solny-modal-telephony-call .solny-telephony-call__phone-manager {
    color: #136c4d !important;
    background: rgba(59, 177, 133, 0.11);
    border: 1px solid rgba(59, 177, 133, 0.18);
}

#solny-modal-telephony-call .solny-telephony-call__start-btn {
    min-width: 174px;
    min-height: 48px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: start;
    column-gap: 9px;
    row-gap: 1px;
    padding: 8px 13px !important;
    border: 0 !important;
    border-radius: 13px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 14px 14px, rgba(255, 255, 255, 0.24), transparent 28px),
        linear-gradient(135deg, #13885f, #3bb185) !important;
    box-shadow: 0 14px 28px rgba(59, 177, 133, 0.24) !important;
    text-align: left;
}

#solny-modal-telephony-call .solny-telephony-call__start-btn > i {
    grid-row: 1 / span 2;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
}

#solny-modal-telephony-call .solny-telephony-call__start-btn > span {
    color: #fff !important;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.05;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

#solny-modal-telephony-call .solny-telephony-call__start-btn > small {
    color: rgba(255, 255, 255, 0.78);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.05;
    white-space: nowrap;
}

#solny-modal-telephony-call .solny-telephony-call__start-btn:disabled {
    cursor: progress;
    opacity: 0.92;
}

#solny-modal-telephony-call .solny-telephony-call__start-btn b {
    padding: 2px 6px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.22);
    color: inherit;
    font-size: 11px;
}

#solny-modal-telephony-call .solny-telephony-call__start-btn.is-connecting,
#solny-modal-telephony-call .solny-telephony-call__start-btn.is-ringing {
    background: linear-gradient(135deg, #13885f, #22a878) !important;
}

#solny-modal-telephony-call .solny-telephony-call__start-btn.is-talking {
    background: linear-gradient(135deg, #139263, #3bb185) !important;
    box-shadow: 0 12px 24px rgba(59, 177, 133, 0.2);
}

#solny-modal-telephony-call .solny-telephony-call__start-btn.is-ended {
    background: linear-gradient(135deg, #1f80ff, #6f8cff) !important;
}

#solny-modal-telephony-call .solny-telephony-call__start-btn.is-missed,
#solny-modal-telephony-call .solny-telephony-call__start-btn.is-failed,
#solny-modal-telephony-call .solny-telephony-call__start-btn.is-cancelled {
    background: linear-gradient(135deg, #d75b5b, #b82020) !important;
    box-shadow: 0 12px 24px rgba(184, 32, 32, 0.16);
}

#solny-modal-telephony-call .solny-telephony-call__start-btn.is-retry {
    background:
        radial-gradient(circle at 14px 14px, rgba(255, 255, 255, 0.24), transparent 28px),
        linear-gradient(135deg, #13885f, #3bb185) !important;
    box-shadow: 0 14px 28px rgba(59, 177, 133, 0.24) !important;
    cursor: pointer;
    opacity: 1;
}

.solny-telephony-call__stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 10px;
    background: #f8f9ff;
}

.solny-telephony-call__stats > span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px;
    border-radius: 999px;
    background: #fff;
    color: #6a7083;
    font-size: 11px;
    font-weight: 800;
}

.solny-telephony-call__stats b {
    color: #1b1e2b;
}

.solny-telephony-call__stats .solny-btn {
    margin-left: auto;
}

.solny-telephony-call__history {
    display: grid;
    gap: 8px;
}

.solny-telephony-call__log {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) minmax(230px, auto);
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
}

.solny-telephony-call__log.is-missed {
    border-color: rgba(212, 17, 17, 0.18);
    background: rgba(212, 17, 17, 0.04);
}

.solny-telephony-call__log.is-missed.is-no-answer {
    border-color: rgba(230, 126, 34, 0.2);
    background: rgba(230, 126, 34, 0.05);
}

.solny-telephony-call__log.is-missed.is-no-answer .solny-telephony-call__log-icon {
    color: #b85f14;
    background: rgba(230, 126, 34, 0.12);
}

.solny-telephony-call__log.is-answered {
    border-color: rgba(59, 177, 133, 0.18);
    background: rgba(59, 177, 133, 0.04);
}

.solny-telephony-call__log-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #b76400;
    background: rgba(241, 137, 0, 0.12);
}

.solny-telephony-call__log-main {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.solny-telephony-call__log-main strong,
.solny-telephony-call__log-main small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-telephony-call__log-main strong {
    color: #1b1e2b;
    font-size: 13px;
}

.solny-telephony-call__log-side {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 7px;
    color: var(--solny-muted);
    font-size: 11px;
    font-weight: 800;
    min-width: 0;
}

.solny-telephony-call__log-side a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #2d3592;
    text-decoration: none;
}

.solny-telephony-call__log-transcript {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
}

.solny-telephony-recording-stack {
    display: grid;
    gap: 6px;
    min-width: 260px;
    max-width: 360px;
}

.solny-telephony-recording {
    display: grid;
    grid-template-columns: 30px minmax(112px, 1fr) auto 30px;
    align-items: center;
    gap: 7px;
    min-width: 230px;
    max-width: 320px;
    padding: 5px 6px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 11px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 249, 255, 0.92));
}

.solny-telephony-recording.is-pending {
    display: inline-grid;
    grid-template-columns: 20px auto auto;
    align-items: center;
    gap: 7px;
    min-width: 0;
    width: auto;
    max-width: none;
    padding: 7px 10px;
    border-color: rgba(21, 101, 192, 0.18);
    color: #24305f;
    background: linear-gradient(135deg, rgba(21, 101, 192, 0.08), rgba(59, 177, 133, 0.08));
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 900;
    text-align: left;
}

.solny-telephony-recording.is-pending:hover {
    border-color: rgba(21, 101, 192, 0.34);
    background: linear-gradient(135deg, rgba(21, 101, 192, 0.12), rgba(59, 177, 133, 0.12));
}

.solny-telephony-recording.is-pending:disabled {
    cursor: wait;
    opacity: 0.82;
}

.solny-telephony-recording.is-pending > i {
    color: #1565c0;
}

.solny-telephony-recording.is-pending small {
    justify-self: end;
    color: #3bb185;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.solny-telephony-recording.is-playing {
    border-color: rgba(59, 177, 133, 0.26);
    background: linear-gradient(135deg, rgba(59, 177, 133, 0.1), rgba(255, 255, 255, 0.96));
}

.solny-telephony-recording__play,
.solny-telephony-recording__download {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 9px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #13885f, #3bb185);
    box-shadow: 0 8px 16px rgba(59, 177, 133, 0.18);
    cursor: pointer;
    text-decoration: none !important;
}

.solny-telephony-recording__download {
    color: #2d3592 !important;
    background: rgba(63, 56, 191, 0.09);
    box-shadow: none;
}

.solny-telephony-recording__play:hover {
    background: linear-gradient(135deg, #0f714f, #2f9e76);
}

.solny-telephony-recording__download:hover {
    background: rgba(63, 56, 191, 0.15);
}

.solny-telephony-recording__wave {
    position: relative;
    min-width: 0;
    height: 34px;
    display: flex;
    align-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    overflow: hidden;
}

.solny-telephony-recording__wave-bars {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 2px;
    width: 100%;
    min-width: 0;
    height: 34px;
}

.solny-telephony-recording__wave-bars span {
    flex: 1 1 0;
    min-width: 2px;
    height: var(--bar-height, 12px);
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.13);
    transition: background 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease;
}

.solny-telephony-recording__wave-bars span.is-filled {
    background: linear-gradient(180deg, #3f38bf 0%, #3bb185 100%);
    box-shadow: 0 4px 10px rgba(59, 177, 133, 0.18);
}

.solny-telephony-recording__wave-bars span.is-current {
    transform: scaleY(1.14);
    box-shadow: 0 0 0 2px rgba(59, 177, 133, 0.14), 0 6px 14px rgba(59, 177, 133, 0.22);
}

.solny-telephony-recording.is-loading .solny-telephony-recording__wave-bars span {
    animation: solny-telephony-wave-loading 0.9s ease-in-out infinite alternate;
    animation-delay: var(--bar-delay, 0s);
}

@keyframes solny-telephony-wave-loading {
    from {
        opacity: 0.35;
        transform: scaleY(0.8);
    }
    to {
        opacity: 0.85;
        transform: scaleY(1.08);
    }
}

.solny-telephony-recording__time {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #59607a;
    font-size: 10px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.solny-telephony-recording__time em {
    color: #9aa1b4;
    font-style: normal;
}

.solny-telephony-transcript {
    width: 100%;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.86);
    overflow: hidden;
}

.solny-telephony-transcript summary {
    width: 100%;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 8px;
    color: #242944;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.solny-telephony-transcript summary::-webkit-details-marker {
    display: none;
}

.solny-telephony-transcript summary span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    font-size: 11px;
    font-weight: 900;
}

.solny-telephony-transcript summary i {
    color: #3f38bf;
}

.solny-telephony-transcript summary b {
    padding: 3px 7px;
    border-radius: 999px;
    color: #3f38bf;
    background: rgba(63, 56, 191, 0.08);
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.solny-telephony-transcript[open] summary {
    border-bottom: 1px solid rgba(63, 56, 191, 0.1);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.05), rgba(59, 177, 133, 0.04));
}

.solny-telephony-transcript__body {
    display: grid;
    gap: 7px;
    padding: 8px;
}

.solny-telephony-transcript__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.solny-telephony-transcript__meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 7px;
    border-radius: 999px;
    color: #566078;
    background: #f5f7ff;
    font-size: 10px;
    font-weight: 900;
}

.solny-telephony-transcript__phrase {
    display: grid;
    gap: 3px;
    padding: 7px 8px;
    border: 1px solid rgba(63, 56, 191, 0.08);
    border-radius: 9px;
    background: #ffffff;
}

.solny-telephony-transcript__phrase span {
    color: #7b8195;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solny-telephony-transcript__phrase p {
    margin: 0;
    color: #242944;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    white-space: normal;
}

.solny-telephony-transcript__load,
.solny-telephony-transcript__loading,
.solny-telephony-transcript__empty {
    width: 100%;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 9px;
    border: 1px dashed rgba(63, 56, 191, 0.18);
    border-radius: 9px;
    color: #59607a;
    background: #f8f9ff;
    font-size: 11px;
    font-weight: 900;
}

.solny-telephony-transcript__load {
    border-style: solid;
    color: #2d3592;
    cursor: pointer;
}

.solny-telephony-transcript__load:hover {
    border-color: rgba(63, 56, 191, 0.28);
    background: rgba(63, 56, 191, 0.08);
}

.solny-telephony-transcript__empty.is-error {
    border-color: rgba(212, 17, 17, 0.2);
    color: #b92237;
    background: rgba(212, 17, 17, 0.05);
}

@media (max-width: 640px) {
    .solny-input-with-button,
    .solny-telephony-call__hero {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-telephony-call__internal-select {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .solny-telephony-call__phone {
        grid-template-columns: 38px minmax(0, 1fr);
        align-items: start;
    }

    .solny-telephony-call__stats .solny-btn {
        width: 100%;
        margin-left: 0;
    }

    .solny-telephony-call__live {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .solny-telephony-call__live b {
        grid-column: 2;
        width: fit-content;
    }

    .solny-telephony-call__live-actions {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: stretch;
    }

    .solny-telephony-call__cancel,
    .solny-telephony-call__retry {
        width: 100%;
    }

    #solny-modal-telephony-call .solny-telephony-call__start-btn {
        grid-column: 1 / -1;
        width: 100%;
    }

    .solny-telephony-call__log {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .solny-telephony-call__log-side {
        grid-column: 2;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .solny-telephony-recording {
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .solny-telephony-recording-stack {
        width: 100%;
        max-width: none;
        min-width: 0;
    }
}

#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-order .solny-order-pdf .solny-select--order.is-open {
    z-index: 540;
}

#solny-modal-order .solny-order-pdf .solny-select--order .solny-select__trigger,
#solny-modal-order .solny-order-pdf .solny-select--order .solny-select__option {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

#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="customer-call"],
.solny-customer-quick-actions__buttons .solny-btn[data-action="customer-call-history"],
.solny-customer-quick-actions__buttons .solny-btn[data-action="task-link-call"],
.solny-customer-quick-actions__buttons .solny-btn[data-action="task-link-call-history"] {
    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="customer-call"]:hover,
.solny-customer-quick-actions__buttons .solny-btn[data-action="customer-call-history"]:hover,
.solny-customer-quick-actions__buttons .solny-btn[data-action="task-link-call"]:hover,
.solny-customer-quick-actions__buttons .solny-btn[data-action="task-link-call-history"]:hover {
    background: rgba(241, 137, 0, 0.18);
    border-color: rgba(241, 137, 0, 0.52);
}

.solny-customer-quick-actions__phone-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 7px;
    border-radius: 999px;
    color: var(--timer-color, #38be5f);
    background: color-mix(in srgb, var(--timer-color, #38be5f) 12%, #ffffff 88%);
    border: 1px solid color-mix(in srgb, var(--timer-color, #38be5f) 26%, #ffffff 74%);
    font-size: 11px;
    font-weight: 800;
}

.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-order-discount {
    border-color: rgba(215, 91, 91, 0.28);
    background:
        linear-gradient(135deg, rgba(215, 91, 91, 0.1), rgba(245, 126, 15, 0.08)),
        #fff;
}

.solny-partial-invoice__items .solny-item.is-order-discount .solny-item__drag,
.solny-partial-invoice__items .solny-item.is-order-discount .solny-item__toggle {
    opacity: 0.55;
}

.solny-partial-invoice__items .solny-item.is-order-discount .solny-product-search,
.solny-partial-invoice__items .solny-item.is-order-discount .solny-item-qty,
.solny-partial-invoice__items .solny-item.is-order-discount .solny-item-price {
    background: rgba(255, 255, 255, 0.86);
    border-color: rgba(215, 91, 91, 0.24);
    color: #7f1d1d;
    font-weight: 800;
}

.solny-partial-invoice__items .solny-item.is-order-discount .solny-item__adjustments,
.solny-partial-invoice__items .solny-item.is-order-discount .solny-item__attributes,
.solny-partial-invoice__items .solny-item.is-order-discount .solny-item__configs {
    display: none;
}

.solny-item__include--discount {
    align-items: center;
    background: rgba(215, 91, 91, 0.08);
    border-color: rgba(215, 91, 91, 0.18);
}

.solny-item__discount-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(215, 91, 91, 0.12);
    color: #9b1c1c;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.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__entry.is-storno {
    background: #fff7f7;
    border-color: rgba(212, 17, 17, 0.22);
}

.solny-partial-item-history__entry.is-storno .solny-partial-item-history__index {
    background: #d41111;
}

.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(142px, auto);
    column-gap: 6px;
    row-gap: 4px;
    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,
#solny-modal-settings .solny-customer-status-add__auto {
    grid-column: 4;
    min-height: 28px;
    min-width: max-content;
    gap: 7px;
    align-items: center;
    white-space: nowrap;
}

#solny-modal-settings .solny-customer-status-add__task {
    grid-row: 1;
}

#solny-modal-settings .solny-customer-status-add__auto {
    grid-row: 2;
}

#solny-modal-settings .solny-customer-status-add__task .solny-switch__label,
#solny-modal-settings .solny-customer-status-add__auto .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-list.is-sorting .solny-customer-status-row:not(.is-dragging) {
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}

#solny-modal-settings .solny-customer-status-row.is-dragging {
    opacity: 0.64;
    transform: scale(0.995);
    border-color: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 42%);
    box-shadow: 0 14px 32px color-mix(in srgb, var(--customer-status-color, #3f38bf), transparent 78%);
}

#solny-modal-settings .solny-customer-status-row[hidden] {
    display: none !important;
}

#solny-modal-settings .solny-customer-status-row__layout {
    display: grid;
    grid-template-columns: 34px minmax(250px, 1fr) 40px 44px 86px 44px;
    grid-template-areas:
        "drag preview color icon toggle remove";
    gap: 8px;
    align-items: center;
}

#solny-modal-settings .solny-customer-status-row.has-timer .solny-customer-status-row__layout {
    grid-template-columns: 34px minmax(180px, 260px) 40px 44px 82px minmax(0, 1fr) 44px;
    grid-template-areas:
        "drag preview color icon toggle timer remove";
}

#solny-modal-settings .solny-customer-status-row__drag {
    grid-area: drag;
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    align-self: center;
    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 70%);
    color: var(--customer-status-color, #3f38bf);
    background: color-mix(in srgb, var(--customer-status-color, #3f38bf), #ffffff 88%);
    cursor: grab;
    touch-action: none;
    user-select: none;
}

#solny-modal-settings .solny-customer-status-row.is-dragging .solny-customer-status-row__drag {
    cursor: grabbing;
}

#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: center;
    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: center;
    justify-content: center;
    padding: 0 4px;
}

#solny-modal-settings .solny-customer-status-timer-panel {
    display: flex;
    flex-wrap: wrap;
    grid-area: timer;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: visible;
    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;
    flex: 0 0 72px;
}

#solny-modal-settings .solny-customer-status-timer-panel > .solny-customer-time-control:first-child {
    flex-basis: 88px;
}

#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,
#solny-modal-settings .solny-customer-status-row__auto {
    align-self: center;
    min-height: 28px;
    min-width: 0;
    flex: 0 0 118px;
    display: flex;
    align-items: center;
    overflow: visible;
}

#solny-modal-settings .solny-customer-status-row__auto {
    flex-basis: 158px;
}

#solny-modal-settings .solny-customer-status-row__task .solny-switch,
#solny-modal-settings .solny-customer-status-row__auto .solny-switch {
    min-height: 28px;
    width: auto;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}

#solny-modal-settings .solny-customer-status-row__task .solny-switch__label,
#solny-modal-settings .solny-customer-status-row__auto .solny-switch__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#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(132px, auto);
    }

    #solny-modal-settings .solny-customer-status-row__layout {
        grid-template-columns: 34px minmax(210px, 1fr) 40px 44px 80px 44px;
        grid-template-areas:
            "drag preview color icon toggle remove";
    }

    #solny-modal-settings .solny-customer-status-row.has-timer .solny-customer-status-row__layout {
        grid-template-columns: 34px minmax(160px, 230px) 40px 44px 78px minmax(0, 1fr) 44px;
        grid-template-areas:
            "drag preview color icon toggle timer remove";
    }

    #solny-modal-settings .solny-customer-status-timer-panel {
        gap: 7px;
    }
}

@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(2, 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: 44px minmax(0, 1fr) 44px;
        grid-template-areas:
            "drag 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 {
        gap: 8px;
    }

    #solny-modal-settings .solny-customer-status-add__task,
    #solny-modal-settings .solny-customer-status-add__auto,
    #solny-modal-settings .solny-customer-status-row__task,
    #solny-modal-settings .solny-customer-status-row__auto {
        grid-column: auto;
        grid-row: auto;
    }

    #solny-modal-settings .solny-customer-status-timer-panel {
        gap: 8px;
    }

    #solny-modal-settings .solny-customer-time-control,
    #solny-modal-settings .solny-customer-status-timer-panel > .solny-customer-time-control:first-child,
    #solny-modal-settings .solny-customer-status-row__task,
    #solny-modal-settings .solny-customer-status-row__auto {
        flex: 1 1 calc(50% - 8px);
    }
}

#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-custom-timer-mode-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
}

.solny-custom-timer-mode-head > label {
    margin: 0;
}

.solny-custom-timer-mode-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px;
    border: 1px solid color-mix(in srgb, var(--custom-timer-color), #ffffff 68%);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.72);
}

.solny-custom-timer-mode-toggle label {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0;
    cursor: pointer;
}

.solny-custom-timer-mode-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.solny-custom-timer-mode-toggle span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 6px 9px;
    border-radius: 7px;
    color: #5e6688;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}

.solny-custom-timer-mode-toggle label.is-active span,
.solny-custom-timer-mode-toggle input:checked + span {
    color: #ffffff;
    background: var(--custom-timer-color);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--custom-timer-color), transparent 80%);
}

.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, 1.45fr) minmax(130px, 0.55fr);
    gap: 8px;
    align-items: end;
    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-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-custom-timer-fixed__time {
    display: grid;
    gap: 4px;
}

.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-custom-timer-mode-head {
        align-items: stretch;
        flex-direction: column;
    }

    .solny-custom-timer-mode-toggle {
        width: 100%;
    }

    .solny-custom-timer-mode-toggle label {
        flex: 1;
    }

    .solny-custom-timer-mode-toggle span {
        width: 100%;
        justify-content: center;
    }

    .solny-custom-timer-fixed__grid {
        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__profile {
        flex: 1 1 auto;
    }

    .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;
    }
}

#solny-modal-order.has-questionnaire .solny-modal__dialog {
    width: min(1480px, calc(100vw - 36px));
    max-width: min(1480px, calc(100vw - 36px));
}

.solny-order-modal-layout {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.solny-order-modal-main {
    flex: 1 1 auto;
    min-width: 0;
}

#solny-modal-order.has-questionnaire .solny-order-modal-layout {
    display: grid;
    grid-template-columns: minmax(0, 800px) minmax(430px, 1fr);
    align-items: flex-start;
}

#solny-modal-order.has-questionnaire .solny-order-modal-main {
    width: 100%;
    max-width: 800px;
}

#solny-modal-order.has-questionnaire .solny-order-questionnaire {
    width: 100%;
    min-width: 0;
}

.solny-order-questionnaire {
    flex: 0 0 430px;
    width: 430px;
    max-height: calc(100vh - 185px);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 2px 2px 12px;
}

.solny-order-questionnaire[hidden] {
    display: none;
}

.solny-order-questionnaire-toggle.is-active {
    border-color: rgba(63, 56, 191, 0.28);
    background: rgba(63, 56, 191, 0.08);
    color: #2f2aa3;
}

.solny-order-questionnaire-toggle {
    position: relative;
    border-color: rgba(63, 56, 191, 0.22) !important;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.1), rgba(34, 181, 138, 0.1)) !important;
    color: #312e91 !important;
    box-shadow: 0 10px 22px rgba(63, 56, 191, 0.08);
}

.solny-order-questionnaire-toggle.has-actions {
    border-color: rgba(34, 181, 138, 0.42) !important;
    background: linear-gradient(135deg, rgba(34, 181, 138, 0.16), rgba(63, 56, 191, 0.13)) !important;
}

.solny-order-questionnaire-toggle__score {
    display: inline-grid;
    place-items: center;
    min-width: 34px;
    height: 22px;
    padding: 0 7px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
    color: #312e91;
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
}

.solny-order-questionnaire-toggle__score.is-hot {
    border-color: rgba(34, 163, 107, 0.28);
    background: rgba(34, 163, 107, 0.13);
    color: #128056;
}

.solny-order-questionnaire-toggle__score.is-warm {
    border-color: rgba(216, 137, 18, 0.3);
    background: rgba(245, 158, 11, 0.14);
    color: #a16207;
}

.solny-order-questionnaire-toggle__score.is-cold {
    border-color: rgba(215, 91, 91, 0.28);
    background: rgba(255, 92, 132, 0.12);
    color: #bf244d;
}

.solny-order-questionnaire-toggle__actions {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #22a36b;
    color: #fff;
    padding: 0 6px;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
}

.solny-questionnaire-panel {
    --questionnaire-accent: #3f38bf;
    display: grid;
    gap: 12px;
    color: #1f2433;
}

.solny-questionnaire-panel.is-hot {
    --questionnaire-accent: #22a36b;
}

.solny-questionnaire-panel.is-warm {
    --questionnaire-accent: #d88912;
}

.solny-questionnaire-panel.is-cold {
    --questionnaire-accent: #d75b5b;
}

.solny-questionnaire-panel__head,
.solny-questionnaire-card,
.solny-questionnaire-score {
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 44px rgba(31, 36, 51, 0.08);
}

.solny-questionnaire-panel__head {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    backdrop-filter: blur(14px);
}

.solny-questionnaire-panel__customer {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.solny-questionnaire-panel__customer > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.solny-questionnaire-panel__customer strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 900;
}

.solny-questionnaire-panel__customer span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6b7280;
    font-size: 11px;
    font-weight: 800;
}

.solny-questionnaire-score {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 14px;
}

.solny-questionnaire-score__gauge {
    width: 86px;
    height: 86px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #fff 0 55%, transparent 56%),
        conic-gradient(var(--questionnaire-accent) calc(var(--questionnaire-score, 0) * 1%), rgba(63, 56, 191, 0.12) 0);
    box-shadow: inset 0 0 0 1px rgba(63, 56, 191, 0.12);
}

.solny-questionnaire-score__gauge span {
    color: var(--questionnaire-accent);
    font-size: 23px;
    font-weight: 950;
}

.solny-questionnaire-score strong {
    display: block;
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 950;
}

.solny-questionnaire-score span {
    color: #687087;
    font-size: 12px;
    font-weight: 800;
}

.solny-questionnaire-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding: 6px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(63, 56, 191, 0.07), rgba(52, 181, 138, 0.06)),
        #f8f9fd;
}

.solny-questionnaire-tabs button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #687087;
    cursor: pointer;
    padding: 8px 10px;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 950;
    transition: background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.solny-questionnaire-tabs button:hover {
    transform: translateY(-1px);
    border-color: rgba(63, 56, 191, 0.12);
    background: rgba(255, 255, 255, 0.78);
    color: #2f3350;
}

.solny-questionnaire-tabs button i {
    color: var(--questionnaire-accent);
}

.solny-questionnaire-tabs button b {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--questionnaire-accent) 12%, #fff);
    color: var(--questionnaire-accent);
    font-size: 10px;
    font-weight: 950;
}

.solny-questionnaire-tabs button.is-active {
    background: #fff;
    color: #24233a;
    border-color: color-mix(in srgb, var(--questionnaire-accent) 24%, transparent);
    box-shadow: 0 10px 22px rgba(31, 36, 51, 0.1);
}

.solny-questionnaire-tab-panel {
    display: grid;
    gap: 12px;
}

.solny-questionnaire-card {
    display: grid;
    gap: 12px;
    padding: 13px;
}

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

.solny-questionnaire-card__title strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #24233a;
    font-size: 13px;
    font-weight: 950;
}

.solny-questionnaire-card__title > span,
.solny-questionnaire-card__title small {
    color: #7b8193;
    font-size: 11px;
    font-weight: 800;
}

.solny-questionnaire-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: #7b8193;
    font-size: 11px;
    font-weight: 800;
}

.solny-questionnaire-tasks-card {
    gap: 14px;
}

.solny-questionnaire-task-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.solny-questionnaire-task-summary span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    border: 1px solid rgba(63, 56, 191, 0.11);
    border-radius: 9px;
    background: #f8f9fd;
    color: #6b7280;
    font-size: 11px;
    font-weight: 850;
}

.solny-questionnaire-task-summary span i {
    color: var(--questionnaire-accent);
}

.solny-questionnaire-task-summary span b {
    color: #24233a;
    font-weight: 950;
}

.solny-questionnaire-task-summary span.is-overdue {
    border-color: rgba(215, 91, 91, 0.24);
    background: rgba(255, 244, 244, 0.9);
    color: #b74949;
}

.solny-questionnaire-task-summary span.is-overdue i,
.solny-questionnaire-task-summary span.is-overdue b {
    color: #d75b5b;
}

.solny-questionnaire-task-list {
    display: grid;
    gap: 9px;
}

.solny-questionnaire-task {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    padding: 11px;
    border: 1px solid color-mix(in srgb, var(--task-status-color, #3f38bf) 20%, #e8ebf5);
    border-radius: 12px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--task-status-color, #3f38bf) 7%, #fff), #fff 58%),
        #fff;
    box-shadow: 0 12px 26px rgba(31, 36, 51, 0.06);
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.solny-questionnaire-task:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--task-status-color, #3f38bf) 34%, #d8ddea);
    box-shadow: 0 16px 30px rgba(31, 36, 51, 0.09);
}

.solny-questionnaire-task.is-overdue {
    border-color: rgba(215, 91, 91, 0.26);
    background:
        linear-gradient(135deg, rgba(255, 238, 238, 0.88), #fff 60%),
        #fff;
}

.solny-questionnaire-task.is-done {
    opacity: 0.78;
}

.solny-questionnaire-task__status {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: color-mix(in srgb, var(--task-status-color, #3f38bf) 13%, #fff);
    color: var(--task-status-color, #3f38bf);
    font-size: 14px;
}

.solny-questionnaire-task__main {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.solny-questionnaire-task__head,
.solny-questionnaire-task__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.solny-questionnaire-task__head > div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.solny-questionnaire-task__head strong {
    overflow: hidden;
    color: #24233a;
    font-size: 13px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-questionnaire-task__head span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #737b90;
    font-size: 11px;
    font-weight: 850;
}

.solny-questionnaire-task__head span i {
    color: var(--task-status-color, #3f38bf);
}

.solny-questionnaire-task__head .solny-task-card__more {
    flex: 0 0 auto;
    min-height: 32px;
    border-radius: 9px !important;
}

.solny-questionnaire-task p {
    margin: 0;
    color: #5f667a;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.45;
}

.solny-questionnaire-task__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-questionnaire-task__meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 25px;
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(246, 248, 253, 0.95);
    color: #687087;
    font-size: 10px;
    font-weight: 850;
}

.solny-questionnaire-task__meta span.is-overdue {
    background: rgba(255, 240, 240, 0.95);
    color: #d75b5b;
}

.solny-questionnaire-task__assignees {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.solny-questionnaire-task__assignees .solny-avatar {
    margin-left: -5px;
    border: 2px solid #fff;
}

.solny-questionnaire-task__assignees .solny-avatar:first-child {
    margin-left: 0;
}

.solny-questionnaire-task__assignees > span:not(.solny-avatar) {
    color: #7b8193;
    font-size: 11px;
    font-weight: 800;
}

.solny-questionnaire-task__state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    padding: 4px 8px;
    border-radius: 8px;
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    font-size: 10px;
    font-weight: 950;
    white-space: nowrap;
}

.solny-questionnaire-task__state.is-overdue {
    background: rgba(215, 91, 91, 0.1);
    color: #d75b5b;
}

.solny-questionnaire-task__state.is-done {
    background: rgba(59, 177, 133, 0.1);
    color: #2f9f76;
}

.solny-questionnaire-tasks-empty {
    display: grid;
    justify-items: center;
    gap: 7px;
    padding: 28px 14px;
    border: 1px dashed rgba(63, 56, 191, 0.2);
    border-radius: 12px;
    background: rgba(248, 249, 253, 0.78);
    text-align: center;
}

.solny-questionnaire-tasks-empty i {
    color: var(--questionnaire-accent);
    font-size: 24px;
}

.solny-questionnaire-tasks-empty strong {
    color: #24233a;
    font-size: 13px;
    font-weight: 950;
}

.solny-questionnaire-tasks-empty span {
    max-width: 360px;
    color: #7b8193;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.45;
}

@media (max-width: 680px) {
    .solny-questionnaire-task-summary {
        grid-template-columns: 1fr;
    }

    .solny-questionnaire-task {
        grid-template-columns: 1fr;
    }

    .solny-questionnaire-task__status {
        display: none;
    }

    .solny-questionnaire-task__head,
    .solny-questionnaire-task__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .solny-questionnaire-task__head .solny-task-card__more {
        width: 100%;
        justify-content: center;
    }
}

.solny-questionnaire-template-tools {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
}

.solny-questionnaire-template-tools select {
    width: min(160px, 34vw);
    min-height: 34px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background: #fff;
    color: #24233a;
    padding: 6px 9px;
    font-size: 11px;
    font-weight: 900;
}

.solny-questionnaire-template-tools [data-action="questionnaire-builder-open"] {
    min-height: 34px;
    border-color: transparent !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #34b58a, #3f38bf) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(63, 56, 191, 0.12);
}

.solny-questionnaire-order-meta {
    display: grid;
    gap: 10px;
}

.solny-questionnaire-order-meta label {
    display: grid;
    gap: 6px;
}

.solny-questionnaire-order-meta label > span {
    color: #6b7280;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-questionnaire-status-select-wrap {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 12px;
    background: #fff;
    padding: 0 9px;
}

.solny-questionnaire-status-select-wrap > i {
    color: var(--status-color, #3f38bf);
}

.solny-questionnaire-status-select-wrap select,
.solny-questionnaire-order-meta textarea {
    width: 100%;
    border: 0;
    background: transparent;
    color: #1f2433;
    font: inherit;
}

.solny-questionnaire-status-select-wrap select {
    min-height: 38px;
    font-weight: 850;
}

.solny-questionnaire-order-meta .solny-status-dropdown {
    width: 100%;
}

.solny-questionnaire-order-meta .solny-status-dropdown__trigger {
    width: 100%;
    min-height: 42px;
    justify-content: space-between;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 12px;
    background: #fff;
    padding: 8px 10px;
    color: #1f2433;
    font: inherit;
    font-weight: 850;
}

.solny-questionnaire-order-meta .solny-status-dropdown__value {
    min-width: 0;
}

.solny-questionnaire-order-meta .solny-status-dropdown__menu {
    z-index: 35;
}

.solny-questionnaire-order-meta textarea {
    min-height: 78px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 12px;
    background: #fff;
    padding: 9px 10px;
    resize: none;
    overflow: hidden;
}

.solny-questionnaire-order-meta > small {
    color: #7b8193;
    font-size: 11px;
    font-weight: 750;
}

.solny-questionnaire-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.solny-questionnaire-actions .solny-btn {
    justify-content: center;
    min-width: 0;
}

.solny-questionnaire-actions .solny-btn small {
    margin-left: 2px;
    opacity: 0.75;
    font-size: 10px;
    font-weight: 950;
}

.solny-questionnaire-signals {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.solny-questionnaire-signal {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.08);
    color: #3730a3;
    font-size: 11px;
    font-weight: 900;
}

.solny-questionnaire-signal.is-positive {
    background: rgba(34, 163, 107, 0.1);
    color: #128056;
}

.solny-questionnaire-signal.is-risk {
    background: rgba(215, 91, 91, 0.1);
    color: #b42330;
}

.solny-questionnaire-signal.is-muted {
    background: rgba(107, 114, 128, 0.08);
    color: #6b7280;
}

.solny-questionnaire-fields {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px;
}

.solny-questionnaire-field-group {
    display: grid;
    grid-column: span 12;
    gap: 10px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--questionnaire-group-color, #3f38bf) 22%, transparent);
    border-radius: 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--questionnaire-group-color, #3f38bf) 7%, #fff), #fff);
}

.solny-questionnaire-field-group__head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
}

.solny-questionnaire-field-group__head > i {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--questionnaire-group-color, #3f38bf) 12%, #fff);
    color: var(--questionnaire-group-color, #3f38bf);
}

.solny-questionnaire-field-group__head strong,
.solny-questionnaire-field-group__head small {
    display: block;
    min-width: 0;
}

.solny-questionnaire-field-group__head strong {
    color: #24233a;
    font-size: 13px;
    font-weight: 950;
}

.solny-questionnaire-field-group__head small {
    color: #6b7280;
    font-size: 11px;
    font-weight: 750;
}

.solny-questionnaire-field-group__head > span {
    display: inline-grid;
    place-items: center;
    min-width: 28px;
    height: 24px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--questionnaire-group-color, #3f38bf) 10%, #fff);
    color: var(--questionnaire-group-color, #3f38bf);
    font-size: 11px;
    font-weight: 950;
}

.solny-questionnaire-field-group__body {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 8px;
}

.solny-questionnaire-field {
    display: grid;
    grid-column: span 12;
    gap: 7px;
    padding: 10px;
    border: 1px solid rgba(63, 56, 191, 0.1);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 249, 255, 0.88));
}

.solny-questionnaire-field--width-full {
    grid-column: span 12;
}

.solny-questionnaire-field--width-half {
    grid-column: span 6;
}

.solny-questionnaire-field--width-third {
    grid-column: span 4;
}

.solny-questionnaire-field--width-two_thirds {
    grid-column: span 8;
}

.solny-questionnaire-field--width-quarter {
    grid-column: span 3;
}

.solny-questionnaire-field__label {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.solny-questionnaire-field__label i {
    color: var(--questionnaire-accent);
}

.solny-questionnaire-field__label strong {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 950;
}

.solny-questionnaire-field__label em {
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.08);
    color: #3f38bf;
    padding: 3px 6px;
    font-size: 10px;
    font-style: normal;
    font-weight: 950;
}

.solny-questionnaire-field__label b {
    border-radius: 999px;
    background: rgba(34, 163, 107, 0.1);
    color: #128056;
    padding: 3px 6px;
    font-size: 10px;
    font-weight: 950;
}

.solny-questionnaire-field input:not([type="checkbox"]):not([type="radio"]),
.solny-questionnaire-field select,
.solny-questionnaire-field textarea {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 11px;
    background: #fff;
    color: #1f2433;
    padding: 8px 10px;
    font: inherit;
}

.solny-questionnaire-field textarea {
    resize: vertical;
}

.solny-questionnaire-field .solny-questionnaire-answer-select {
    width: 100%;
    min-width: 0;
}

.solny-questionnaire-field .solny-questionnaire-answer-select .solny-select__trigger {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 40px;
    justify-content: space-between;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background: #fff;
    color: #1f2433;
    padding: 8px 10px;
    font: inherit;
    font-weight: 850;
    overflow: hidden;
}

.solny-questionnaire-field .solny-questionnaire-answer-select .solny-select__value {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.solny-questionnaire-field .solny-questionnaire-answer-select .solny-select__value > i,
.solny-questionnaire-field .solny-questionnaire-answer-select .solny-select__option > i {
    width: 18px;
    min-width: 18px;
    text-align: center;
}

.solny-questionnaire-field .solny-questionnaire-answer-select .solny-select__value > span {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-questionnaire-field .solny-questionnaire-answer-select .solny-select__menu {
    left: 0;
    right: auto;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.solny-questionnaire-field .solny-questionnaire-answer-select .solny-select__option {
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: flex-start;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
}

.solny-questionnaire-field .solny-questionnaire-answer-select .solny-select__option > span {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.25;
    word-break: normal;
    overflow-wrap: anywhere;
}

.solny-questionnaire-field > small {
    color: #7b8193;
    font-size: 11px;
    font-weight: 700;
}

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

.solny-questionnaire-field__checks label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 16%, transparent);
    border-radius: 10px;
    background: linear-gradient(135deg, #fff, color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 4%, #fff));
    color: #353b4f;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease;
}

.solny-questionnaire-field__checks label:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 34%, transparent);
    box-shadow: 0 8px 18px rgba(31, 38, 82, 0.08);
}

.solny-questionnaire-field__checks label:has(input:checked) {
    border-color: color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 48%, transparent);
    background: color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 10%, #fff);
    color: #20243a;
}

.solny-questionnaire-field__checks input[type="checkbox"],
.solny-questionnaire-field__checks input[type="radio"] {
    appearance: none;
    box-sizing: border-box;
    flex: 0 0 18px;
    display: inline-grid;
    place-items: center;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    margin: 0;
    border: 1.5px solid color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 45%, #d8ddea);
    border-radius: 5px;
    background: #fff;
    padding: 0;
}

.solny-questionnaire-field__checks input[type="radio"] {
    border-radius: 50%;
}

.solny-questionnaire-field__checks input[type="checkbox"]::before,
.solny-questionnaire-field__checks input[type="radio"]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 3px;
    background: var(--questionnaire-field-color, #3f38bf);
    transform: scale(0);
    transition: transform .12s ease;
}

.solny-questionnaire-field__checks input[type="radio"]::before {
    border-radius: 50%;
}

.solny-questionnaire-field__checks input[type="checkbox"]:checked::before,
.solny-questionnaire-field__checks input[type="radio"]:checked::before {
    transform: scale(1);
}

.solny-questionnaire-field__checks input[type="radio"]:checked {
    border-width: 2px;
    border-color: var(--questionnaire-field-color, #3f38bf);
}

.solny-questionnaire-field__checks input[type="checkbox"]:checked {
    border-color: var(--questionnaire-field-color, #3f38bf);
    background: color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 8%, #fff);
}

.solny-questionnaire-field__checks label i {
    color: var(--questionnaire-field-color, #3f38bf) !important;
}

.solny-questionnaire-field__checks label span {
    min-width: 0;
}

.solny-questionnaire-rating {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    align-items: center;
    gap: 10px;
}

.solny-questionnaire-rating--stars {
    display: flex;
    align-items: center;
    gap: 3px;
}

.solny-questionnaire-rating--stars button {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 8px;
    background: rgba(245, 158, 11, 0.08);
    color: rgba(245, 158, 11, 0.28);
    cursor: pointer;
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.solny-questionnaire-rating--stars button.is-active {
    background: rgba(245, 158, 11, 0.16);
    color: #f59e0b;
}

.solny-questionnaire-rating--stars button:hover {
    transform: translateY(-1px);
}

.solny-questionnaire-rating--stars span {
    margin-left: auto;
}

.solny-questionnaire-rating span {
    color: var(--questionnaire-accent);
    font-size: 12px;
    font-weight: 950;
    text-align: right;
}

.solny-questionnaire-field__placeholder {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    background: rgba(107, 114, 128, 0.08);
    color: #6b7280;
    padding: 9px;
    font-size: 11px;
    font-weight: 800;
}

.solny-questionnaire-file {
    display: grid;
    gap: 8px;
}

.solny-questionnaire-file__drop {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 8px 10px;
    border: 1px dashed color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 38%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 7%, #fff);
    color: #25283d;
    cursor: pointer;
}

.solny-questionnaire-file__drop > i {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #fff;
    color: var(--questionnaire-field-color, #3f38bf);
}

.solny-questionnaire-file__drop span,
.solny-questionnaire-file__drop small {
    min-width: 0;
}

.solny-questionnaire-file__drop span {
    font-size: 12px;
    font-weight: 950;
}

.solny-questionnaire-file__drop small {
    color: #6b7280;
    font-size: 11px;
    font-weight: 750;
}

.solny-questionnaire-file__drop input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.solny-questionnaire-file__list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-questionnaire-file__item,
.solny-questionnaire-file__empty {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    min-height: 30px;
    padding: 4px 5px 4px 7px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 9px;
    background: #fff;
    color: #25283d;
    font-size: 11px;
    font-weight: 850;
    text-decoration: none;
}

.solny-questionnaire-file__item {
    position: relative;
    max-width: min(100%, 360px);
}

.solny-questionnaire-file__item.is-pending {
    border-color: rgba(34, 181, 138, 0.22);
    background: rgba(34, 181, 138, 0.06);
}

.solny-questionnaire-file__item.is-uploading {
    padding-bottom: 8px;
}

.solny-questionnaire-file__item.is-error {
    border-color: rgba(224, 72, 108, 0.28);
    background: rgba(255, 92, 132, 0.08);
}

.solny-questionnaire-file__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.solny-questionnaire-file__item i {
    color: var(--questionnaire-field-color, #3f38bf);
}

.solny-questionnaire-file__item span:not(.solny-questionnaire-file__thumb) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-questionnaire-file__item small {
    color: #6b7280;
    font-size: 10px;
    font-weight: 850;
}

.solny-questionnaire-file__item b {
    color: #128056;
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-questionnaire-file__item.is-error b {
    color: #c51f4a;
}

.solny-questionnaire-file__progress {
    position: absolute;
    left: 7px;
    right: 31px;
    bottom: 3px;
    height: 3px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(34, 181, 138, 0.15);
}

.solny-questionnaire-file__progress i {
    display: block;
    width: var(--questionnaire-file-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #34b58a, var(--questionnaire-field-color, #3f38bf));
    transition: width .16s ease;
}

.solny-questionnaire-file__thumb {
    display: inline-grid;
    place-items: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 7px;
    background: rgba(63, 56, 191, 0.08);
}

.solny-questionnaire-file__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.solny-questionnaire-file__download,
.solny-questionnaire-file__remove {
    display: inline-grid;
    place-items: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: 1px solid rgba(224, 72, 108, 0.22);
    border-radius: 7px;
    background: rgba(255, 92, 132, 0.1);
    color: #c51f4a;
    padding: 0;
    cursor: pointer;
}

.solny-questionnaire-file__download {
    border-color: rgba(63, 56, 191, 0.18);
    background: rgba(63, 56, 191, 0.08);
    color: #312e91;
    text-decoration: none;
}

.solny-questionnaire-file__download:hover {
    border-color: rgba(63, 56, 191, 0.34);
    background: rgba(63, 56, 191, 0.14);
}

.solny-questionnaire-file__remove {
    border-color: rgba(224, 72, 108, 0.22);
    background: rgba(255, 92, 132, 0.1);
    color: #c51f4a;
}

.solny-questionnaire-file__download i,
.solny-questionnaire-file__remove i {
    margin: 0;
    color: inherit;
    font-size: 11px;
}

.solny-questionnaire-html-block {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 18%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--questionnaire-field-color, #3f38bf) 5%, #fff);
    color: #25283d;
    font-size: 13px;
    line-height: 1.45;
}

.solny-questionnaire-html-block > :first-child {
    margin-top: 0;
}

.solny-questionnaire-html-block > :last-child {
    margin-bottom: 0;
}

.solny-questionnaire-field--ui {
    border-style: dashed;
    background: rgba(247, 249, 255, 0.65);
}

.solny-questionnaire-field--ui h4 {
    margin: 0;
    color: #24233a;
    font-size: 15px;
    font-weight: 950;
}

.solny-questionnaire-field--ui.is-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    border: 0;
    background: transparent;
}

.solny-questionnaire-field--ui.is-divider::before,
.solny-questionnaire-field--ui.is-divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: rgba(63, 56, 191, 0.14);
}

.solny-questionnaire-field--ui.is-divider span {
    color: #7b8193;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-questionnaire-save {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.solny-questionnaire-save .solny-btn {
    min-height: 42px;
    padding: 10px 18px;
    font-size: 13px;
    border-radius: 11px;
}

.solny-questionnaire-timeline {
    display: grid;
    gap: 8px;
}

.solny-questionnaire-timeline__item {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 8px;
}

.solny-questionnaire-timeline__item > span {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(63, 56, 191, 0.08);
    color: var(--questionnaire-accent);
}

.solny-questionnaire-timeline__item strong,
.solny-questionnaire-timeline__item small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-questionnaire-timeline__item strong {
    font-size: 12px;
    font-weight: 900;
}

.solny-questionnaire-timeline__item small {
    color: #7b8193;
    font-size: 11px;
    font-weight: 750;
}

.solny-questionnaire-builder {
    display: grid;
    gap: 14px;
}

.solny-questionnaire-builder__field-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.07), rgba(34, 181, 138, 0.08));
}

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

#solny-modal-questionnaire-builder .solny-modal__footer .solny-btn {
    min-height: 42px;
    border-radius: 10px;
}

.solny-questionnaire-builder__field-actions .solny-btn {
    min-height: 36px;
    padding-inline: 12px;
}

.solny-questionnaire-builder__field-actions-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.solny-questionnaire-builder__field-actions-copy strong {
    color: #24233a;
    font-size: 12px;
    font-weight: 950;
}

.solny-questionnaire-builder__field-actions-copy span {
    color: #6b7280;
    font-size: 11px;
    font-weight: 750;
}

.solny-questionnaire-builder__field-actions-buttons {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.solny-questionnaire-builder__field-actions-buttons [data-action="questionnaire-builder-add-group"] {
    border-color: rgba(63, 56, 191, 0.22) !important;
    background: #fff !important;
    color: #312e91 !important;
}

.solny-questionnaire-builder__templatebar {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.2fr) 120px auto auto;
    align-items: end;
    gap: 9px;
    padding: 12px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 15px;
    background: #fff;
}

.solny-questionnaire-builder__templatebar label:not(.solny-switch) {
    display: grid;
    gap: 5px;
}

.solny-questionnaire-builder__templatebar label > span {
    color: #6b7280;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-questionnaire-builder__templatebar input[type="text"],
.solny-questionnaire-builder__templatebar select {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background: #fff;
    padding: 8px 10px;
    font: inherit;
}

.solny-questionnaire-builder__templatebar .solny-btn {
    min-height: 38px;
    height: 38px;
    align-self: end;
    border-radius: 10px;
    padding-inline: 12px;
}

.solny-questionnaire-builder__templatebar [data-action="questionnaire-builder-add-template"] {
    border-color: transparent;
    background: linear-gradient(135deg, #34b58a, #3f38bf);
    color: #fff;
    box-shadow: 0 10px 24px rgba(63, 56, 191, 0.14);
}

.solny-questionnaire-builder__list {
    display: grid;
    gap: 9px;
}

.solny-questionnaire-builder__list.is-dragging {
    outline: 2px dashed rgba(63, 56, 191, 0.22);
    outline-offset: 4px;
}

.solny-questionnaire-builder__row {
    display: grid;
    grid-template-columns: 24px minmax(145px, 1.2fr) minmax(116px, .78fr) minmax(92px, .58fr) 104px 50px 54px 74px 86px 36px;
    align-items: end;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 24%, transparent);
    border-radius: 14px;
    background: #fff;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

.solny-questionnaire-builder__row.is-dragging {
    position: relative;
    z-index: 5;
    opacity: .34;
    box-shadow: 0 18px 42px rgba(31, 38, 82, 0.16);
}

.solny-questionnaire-builder__row.is-dragging::after {
    content: "";
    position: absolute;
    inset: 6px;
    border: 2px dashed color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 48%, transparent);
    border-radius: 10px;
    pointer-events: none;
}

.solny-questionnaire-builder__row.is-local {
    border-color: rgba(34, 163, 107, 0.2);
    background: linear-gradient(135deg, #fff, rgba(34, 163, 107, 0.06));
}

.solny-questionnaire-builder__row.is-group-row {
    background: linear-gradient(135deg, color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 7%, #fff), #fff);
}

.solny-questionnaire-builder__row.is-group-child {
    margin-top: 7px;
    border-style: dashed;
    background: rgba(255, 255, 255, 0.94);
}

.solny-questionnaire-builder__drag {
    display: grid;
    place-items: center;
    min-height: 38px;
    color: #9aa1b5;
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.solny-questionnaire-builder__drag:active {
    cursor: grabbing;
}

.solny-questionnaire-builder__row label:not(.solny-switch) {
    display: grid;
    gap: 5px;
}

.solny-questionnaire-builder__row .is-wide {
    grid-column: 2 / -1;
}

.solny-questionnaire-builder__field-meta {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.solny-questionnaire-builder__width {
    min-width: 0;
}

.solny-questionnaire-builder__field-meta label {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.solny-questionnaire-builder__row label > span {
    color: #6b7280;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-questionnaire-builder__row input[type="text"],
.solny-questionnaire-builder__row input[type="search"],
.solny-questionnaire-builder__row input[type="number"],
.solny-questionnaire-builder__row input[type="color"],
.solny-questionnaire-builder__row select,
.solny-questionnaire-builder__row textarea {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background: #fff;
    padding: 8px 10px;
    font: inherit;
}

.solny-questionnaire-builder__row textarea {
    min-height: 112px;
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: 1.45;
}

.solny-questionnaire-builder__row input[type="color"] {
    padding: 4px;
    cursor: pointer;
}

.solny-questionnaire-builder__type-note {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 18%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 6%, #fff);
}

.solny-questionnaire-builder__type-note > i {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 12%, #fff);
    color: var(--questionnaire-builder-color, #3f38bf);
}

.solny-questionnaire-builder__type-note strong,
.solny-questionnaire-builder__type-note span {
    display: block;
}

.solny-questionnaire-builder__type-note strong {
    color: #24233a;
    font-size: 12px;
    font-weight: 950;
}

.solny-questionnaire-builder__type-note span {
    color: #6b7280;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.35;
}

.solny-questionnaire-builder__icon-field {
    width: 50px;
    min-width: 0;
}

.solny-questionnaire-builder__icon-picker {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    min-width: 42px;
    min-height: 38px;
    padding: 0;
    border: 0;
    background: transparent;
}

.solny-questionnaire-builder__icon-trigger {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 25%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 9%, #fff);
    color: var(--questionnaire-builder-color, #3f38bf);
    padding: 0;
    cursor: pointer;
}

.solny-questionnaire-builder__icon-trigger i {
    color: inherit;
}

.solny-questionnaire-builder__icon-picker input[type="search"],
.solny-questionnaire-builder__icon-menu .solny-questionnaire-builder__icon-search {
    width: 100%;
    min-height: 34px !important;
    border: 1px solid rgba(63, 56, 191, 0.14) !important;
    border-radius: 9px !important;
    background: #fff !important;
    padding: 7px 9px !important;
    font-size: 12px;
    font-weight: 850;
}

.solny-questionnaire-builder__icon-menu {
    position: absolute;
    z-index: 30;
    top: calc(100% + 5px);
    left: 0;
    display: none;
    width: 286px;
    max-height: 220px;
    overflow: auto;
    padding: 6px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(26, 25, 71, 0.16);
}

.solny-questionnaire-builder__icon-picker.is-open .solny-questionnaire-builder__icon-menu {
    display: grid;
    gap: 6px;
}

.solny-questionnaire-builder__icon-list {
    display: grid;
    gap: 4px;
}

.solny-questionnaire-builder__icon-menu button {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    padding: 7px 8px;
    color: #25283d;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    text-align: left;
    cursor: pointer;
}

.solny-questionnaire-builder__icon-menu button:hover {
    background: rgba(63, 56, 191, 0.08);
}

.solny-questionnaire-builder__icon-menu button.solny-questionnaire-builder__icon-custom {
    background: rgba(34, 181, 138, 0.1);
    color: #128056;
}

.solny-questionnaire-builder__icon-menu button i {
    color: var(--questionnaire-builder-color, #3f38bf);
}

.solny-questionnaire-builder__icon-empty,
.solny-questionnaire-builder__option-empty {
    color: #9aa1b5;
    font-size: 12px;
    font-weight: 800;
}

.solny-questionnaire-builder__options {
    display: grid;
    gap: 7px;
    padding: 10px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(247, 249, 255, 0.95), rgba(34, 181, 138, 0.05));
}

.solny-questionnaire-builder__options-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 2px;
}

.solny-questionnaire-builder__options-head > span {
    color: #24233a;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.solny-questionnaire-builder__options-head [data-action="questionnaire-builder-add-option"] {
    min-height: 32px;
    border-color: transparent !important;
    border-radius: 9px !important;
    background: linear-gradient(135deg, #34b58a, #3f38bf) !important;
    color: #fff !important;
    box-shadow: 0 9px 18px rgba(63, 56, 191, 0.12);
}

.solny-questionnaire-builder__options-list {
    display: grid;
    gap: 6px;
}

.solny-questionnaire-builder__group-drop {
    display: grid;
    gap: 8px;
    min-height: 56px;
    padding: 9px;
    border: 1px dashed color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 36%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 5%, #fff);
}

.solny-questionnaire-builder__group-drop-hint {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    color: color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 82%, #4b5165);
    font-size: 11px;
    font-weight: 900;
}

.solny-questionnaire-builder__group-drop.has-children .solny-questionnaire-builder__group-drop-hint {
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(63, 56, 191, 0.08);
}

.solny-questionnaire-builder__group-drop.is-drop-active {
    border-color: var(--questionnaire-builder-color, #3f38bf);
    background: color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 10%, #fff);
}

.solny-questionnaire-builder__option {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) 42px 42px 68px 32px;
    align-items: center;
    gap: 6px;
}

.solny-questionnaire-builder__scope-toggle,
.solny-questionnaire-builder__required-toggle {
    align-self: end;
    min-height: 38px;
    min-width: 0;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 10px;
    background: rgba(247, 249, 255, 0.74);
    padding: 6px;
    overflow: hidden;
}

.solny-questionnaire-builder__scope-toggle .solny-switch__label,
.solny-questionnaire-builder__required-toggle .solny-switch__label {
    white-space: nowrap;
    font-size: 11px;
    font-weight: 900;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solny-questionnaire-builder__option .solny-questionnaire-builder__icon-picker {
    min-height: 34px;
}

.solny-questionnaire-builder__option-remove {
    display: inline-grid;
    place-items: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
    border-color: rgba(224, 72, 108, 0.26) !important;
    border-radius: 9px !important;
    background: rgba(255, 92, 132, 0.1) !important;
    color: #c51f4a !important;
}

.solny-questionnaire-builder__remove {
    display: inline-grid;
    place-items: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
    border-color: rgba(224, 72, 108, 0.26) !important;
    border-radius: 10px !important;
    background: rgba(255, 92, 132, 0.1) !important;
    color: #c51f4a !important;
}

.solny-questionnaire-builder__option-remove i,
.solny-questionnaire-builder__remove i {
    margin: 0;
}

.solny-questionnaire-builder__drag-ghost {
    position: fixed;
    z-index: 100000;
    pointer-events: none;
    opacity: .92;
    transform: rotate(-.35deg);
    box-shadow: 0 24px 58px rgba(31, 38, 82, 0.24);
}

.solny-questionnaire-builder__drag-ghost::after {
    content: "";
    position: absolute;
    inset: 6px;
    border: 2px dashed color-mix(in srgb, var(--questionnaire-builder-color, #3f38bf) 52%, transparent);
    border-radius: 10px;
    pointer-events: none;
}

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

.solny-questionnaire-builder__weights section {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(63, 56, 191, 0.12);
    border-radius: 15px;
    background: rgba(247, 249, 255, 0.72);
}

.solny-questionnaire-builder__weights h4 {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #24233a;
    font-size: 13px;
    font-weight: 950;
}

.solny-questionnaire-builder__weight-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.solny-questionnaire-builder__weight {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(63, 56, 191, 0.1);
    border-radius: 12px;
    background: #fff;
}

.solny-questionnaire-builder__weight--status {
    grid-template-columns: minmax(0, 1fr) 72px auto;
}

.solny-questionnaire-builder__weight--status.is-score-visible {
    border-color: rgba(34, 181, 138, 0.26);
    background: linear-gradient(135deg, #fff, rgba(34, 181, 138, 0.06));
}

.solny-questionnaire-builder__weight > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4b5165;
    font-size: 11px;
    font-weight: 900;
}

.solny-questionnaire-builder__weight > span i {
    color: var(--status-weight-color, #3f38bf);
}

.solny-questionnaire-builder__weight > input[type="number"] {
    width: 72px;
    min-height: 34px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background: #fff;
    padding: 6px 8px;
    font: inherit;
    font-weight: 900;
    text-align: right;
}

.solny-questionnaire-builder__score-status-toggle {
    justify-self: end;
    min-width: 72px;
}

.solny-questionnaire-builder__score-status-toggle .solny-switch__label {
    overflow: visible;
}

@media (max-width: 1180px) {
    #solny-modal-order.has-questionnaire .solny-modal__dialog {
        width: min(980px, calc(100vw - 24px));
        max-width: min(980px, calc(100vw - 24px));
    }

    #solny-modal-order.has-questionnaire .solny-order-modal-layout {
        display: block;
    }

    #solny-modal-order.has-questionnaire .solny-order-modal-main {
        width: 100%;
        max-width: none;
    }

    .solny-order-modal-layout {
        display: block;
    }

    .solny-order-questionnaire {
        width: 100%;
        max-height: none;
        margin-top: 14px;
    }

    .solny-questionnaire-builder__row {
        grid-template-columns: 28px minmax(0, 1fr) minmax(0, 1fr);
    }

    .solny-questionnaire-builder__templatebar {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .solny-questionnaire-builder__row .is-wide,
    .solny-questionnaire-builder__row .solny-switch,
    .solny-questionnaire-builder__remove,
    .solny-questionnaire-builder__templatebar .solny-switch,
    .solny-questionnaire-builder__templatebar .solny-btn {
        grid-column: 2 / -1;
    }

    .solny-questionnaire-builder__option {
        grid-template-columns: minmax(0, 1fr) 42px 42px 68px 32px;
    }

    .solny-questionnaire-builder__weights {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .solny-questionnaire-score {
        grid-template-columns: 74px minmax(0, 1fr);
    }

    .solny-questionnaire-score__gauge {
        width: 70px;
        height: 70px;
    }

    .solny-questionnaire-actions {
        grid-template-columns: 1fr;
    }

    .solny-questionnaire-field,
    .solny-questionnaire-field-group,
    .solny-questionnaire-field--width-full,
    .solny-questionnaire-field--width-half,
    .solny-questionnaire-field--width-third,
    .solny-questionnaire-field--width-two_thirds,
    .solny-questionnaire-field--width-quarter {
        grid-column: span 12;
    }

    .solny-questionnaire-builder__row {
        grid-template-columns: 1fr;
    }

    .solny-questionnaire-template-tools,
    .solny-questionnaire-builder__templatebar {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .solny-questionnaire-template-tools {
        display: grid;
    }

    .solny-questionnaire-template-tools select {
        width: 100%;
    }

    .solny-questionnaire-builder__drag,
    .solny-questionnaire-builder__row .is-wide,
    .solny-questionnaire-builder__row .solny-switch,
    .solny-questionnaire-builder__remove,
    .solny-questionnaire-builder__templatebar .solny-switch,
    .solny-questionnaire-builder__templatebar .solny-btn {
        grid-column: auto;
    }

    .solny-questionnaire-builder__field-actions,
    .solny-questionnaire-builder__option {
        grid-template-columns: 1fr;
    }

    .solny-questionnaire-builder__weight-grid {
        grid-template-columns: 1fr;
    }
}

/* Telephony: customer phone selector and call screen */
.solny-customer-phone-picker {
    --phone-type-color: #24b270;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin: 10px 0 2px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--phone-type-color) 28%, #e6e9f5);
    border-radius: 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--phone-type-color) 10%, #fff), #fff);
}

.solny-customer-phone-picker > i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--phone-type-color);
    background: color-mix(in srgb, var(--phone-type-color) 12%, #fff);
    border: 1px solid color-mix(in srgb, var(--phone-type-color) 22%, #eef1f8);
}

.solny-customer-phone-picker select {
    min-width: 0;
    width: 100%;
    height: 38px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #1d2340;
    font-weight: 800;
    outline: none;
}

.solny-user-phone-manager {
    padding: 12px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.05), rgba(255, 255, 255, 0.92));
}

.solny-user-internals {
    padding: 12px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.055), rgba(255, 255, 255, 0.96));
}

.solny-user-internals__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

.solny-user-internals__head label {
    display: block;
    margin: 0;
    color: #222948;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-user-internals__head > div > span {
    display: block;
    margin-top: 2px;
    color: var(--solny-muted);
    font-size: 12px;
    font-weight: 700;
}

.solny-user-internals__count {
    flex: 0 0 auto;
    padding: 4px 7px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 7px;
    background: #fff;
    color: #3f38bf;
    font-size: 11px;
    font-weight: 900;
}

.solny-user-internals__control {
    display: grid;
    gap: 8px;
    padding: 9px;
    border: 1px solid rgba(63, 56, 191, 0.18);
    border-radius: 10px;
    background: #fff;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.solny-user-internals__control:focus-within {
    border-color: #3f38bf;
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.1);
}

.solny-user-internals__control.has-error {
    border-color: #c6284b;
    box-shadow: 0 0 0 3px rgba(198, 40, 75, 0.1);
}

.solny-user-internals__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-user-internals__empty {
    color: #858ba3;
    font-size: 12px;
    font-weight: 700;
}

.solny-user-internal-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 3px 5px;
    border: 1px solid #e1e5f2;
    border-radius: 8px;
    background: #f7f8fc;
    color: #252b46;
}

.solny-user-internal-chip.is-primary {
    border-color: rgba(59, 177, 133, 0.34);
    background: rgba(59, 177, 133, 0.09);
}

.solny-user-internal-chip strong {
    font-size: 13px;
    font-weight: 950;
    letter-spacing: 0.035em;
}

.solny-user-internal-chip small {
    color: #16845d;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-user-internal-chip button {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
}

.solny-user-internal-chip__primary {
    color: #a7acbd;
}

.solny-user-internal-chip.is-primary .solny-user-internal-chip__primary {
    color: #d58b00;
    background: #fff3d6;
}

.solny-user-internal-chip__remove {
    color: #c6284b;
}

.solny-user-internal-chip__remove:hover {
    background: #fff0f4;
}

.solny-user-internals__entry {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 34px;
    align-items: center;
    min-height: 40px;
    border-top: 1px solid #edf0f7;
    padding-top: 8px;
}

.solny-user-internals__entry > i {
    color: #3f38bf;
    text-align: center;
}

.solny-user-internals__entry input {
    width: 100%;
    min-width: 0;
    height: 34px;
    padding: 0 8px;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none;
    background: transparent !important;
    color: #202641;
    font-weight: 850;
}

.solny-user-internals__entry button {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: #3f38bf;
    color: #fff;
    cursor: pointer;
}

.solny-user-internals__error {
    min-height: 14px;
    margin-top: 4px;
    color: #b92237;
    font-size: 11px;
    font-weight: 800;
}

.solny-user-phone-manager__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.solny-user-phone-manager__head label {
    margin: 0;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #222948;
}

.solny-user-phone-manager__head span {
    display: block;
    margin-top: 2px;
    color: var(--solny-muted);
    font-size: 12px;
    font-weight: 700;
}

.solny-user-phone-list {
    display: grid;
    gap: 8px;
}

.solny-user-phone-row {
    --phone-type-color: #24b270;
    display: grid;
    grid-template-columns: 42px 50px minmax(150px, 1.1fr) minmax(130px, 0.8fr) minmax(160px, 1fr) 38px;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--phone-type-color) 20%, #e8ebf5);
    border-radius: 14px;
    background: #fff;
}

.solny-user-phone-row > label {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.solny-user-phone-row > label > span {
    color: var(--solny-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.solny-user-phone-row input,
.solny-user-phone-row select {
    min-width: 0;
    height: 38px;
}

.solny-user-phone-row .iti {
    width: 100%;
    min-width: 0;
}

.solny-user-phone-row .iti__country-list {
    max-width: min(360px, 82vw);
    max-height: 220px;
    overflow: auto;
}

.solny-user-phone-row .tmv-error {
    display: none !important;
}

.solny-user-phone-row__primary {
    align-self: center;
    justify-self: center;
}

.solny-user-phone-row__primary input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.solny-user-phone-row__primary span,
.solny-user-phone-row__icon,
.solny-user-phone-row__remove {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
}

.solny-user-phone-row__primary span {
    color: #8a90aa;
    background: #f3f5fb;
    border: 1px solid #e4e7f2;
}

.solny-user-phone-row__primary input:checked + span {
    color: #b26a00;
    background: #fff3d6;
    border-color: #f2c569;
}

.solny-user-phone-row__icon {
    align-self: center;
    color: var(--phone-type-color);
    background: color-mix(in srgb, var(--phone-type-color) 12%, #fff);
    border: 1px solid color-mix(in srgb, var(--phone-type-color) 22%, #eef1f8);
}

.solny-user-phone-row__icon-pick {
    width: 50px;
    align-self: end;
}

.solny-user-phone-row__icon-pick .solny-questionnaire-builder__icon-picker {
    --questionnaire-builder-color: var(--phone-type-color);
}

.solny-user-phone-row__icon-pick .solny-questionnaire-builder__icon-menu {
    z-index: 90;
}

.solny-user-phone-row__remove,
.solny-telephony-phone-type-row__remove {
    align-self: center;
    color: #c6284b !important;
    background: #fff0f4 !important;
    border-color: #ffd3df !important;
    padding: 0 !important;
}

.solny-telephony-settings__phone-types {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 16px;
    background: #fff;
}

.solny-telephony-settings__phone-types-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.solny-telephony-settings__phone-types-head strong {
    display: block;
    color: #20284f;
    font-size: 14px;
}

.solny-telephony-settings__phone-types-head span {
    display: block;
    margin-top: 2px;
    color: var(--solny-muted);
    font-size: 12px;
}

.solny-telephony-settings__phone-types-list {
    display: grid;
    gap: 8px;
}

.solny-telephony-phone-type-row {
    --phone-type-color: #24b270;
    display: grid;
    grid-template-columns: minmax(120px, 0.8fr) minmax(90px, 0.55fr) minmax(160px, 0.85fr) 72px minmax(170px, 1fr) minmax(110px, auto) 38px;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--phone-type-color) 20%, #e8ebf5);
    border-radius: 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--phone-type-color) 6%, #fff), #fff);
}

.solny-telephony-phone-type-row label {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.solny-telephony-phone-type-row label span {
    color: var(--solny-muted);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.solny-telephony-phone-type-row input {
    min-width: 0;
    height: 38px;
}

.solny-telephony-phone-type-row__preview {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 10px;
    border-radius: 11px;
    color: var(--phone-type-color);
    background: color-mix(in srgb, var(--phone-type-color) 10%, #fff);
    border: 1px solid color-mix(in srgb, var(--phone-type-color) 20%, #eef1f8);
    font-weight: 900;
    white-space: nowrap;
}

.solny-telephony-call__phone {
    --phone-type-color: #24b270;
    background:
        radial-gradient(circle at 18px 20px, color-mix(in srgb, var(--phone-type-color) 10%, transparent), transparent 34px),
        #fff;
}

.solny-telephony-call__phone.is-active-number {
    border-color: color-mix(in srgb, var(--phone-type-color) 38%, #dfe4f2);
    background:
        radial-gradient(circle at 18px 20px, color-mix(in srgb, var(--phone-type-color) 16%, transparent), transparent 36px),
        linear-gradient(135deg, color-mix(in srgb, var(--phone-type-color) 8%, #fff), #fff);
}

.solny-telephony-call__phone-icon {
    color: var(--phone-type-color) !important;
    background: color-mix(in srgb, var(--phone-type-color) 12%, #fff) !important;
    border-color: color-mix(in srgb, var(--phone-type-color) 22%, #eef1f8) !important;
}

.solny-telephony-call__phone-selected {
    color: #136c4d !important;
    background: rgba(59, 177, 133, 0.12) !important;
    border: 1px solid rgba(59, 177, 133, 0.22);
}

.solny-telephony-quick-call {
    display: grid;
    gap: 12px;
    font-family: "Montserrat", sans-serif;
}

.solny-telephony-quick-call__head,
.solny-telephony-quick-call__manual,
.solny-telephony-quick-call__search,
.solny-telephony-quick-call__suggestion {
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 12px;
    background: #fff;
}

.solny-telephony-quick-call__head {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: linear-gradient(135deg, rgba(36, 178, 112, 0.12), #fff);
}

.solny-telephony-quick-call__head > span {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #16845d;
    background: rgba(59, 177, 133, 0.13);
}

.solny-telephony-quick-call__head div,
.solny-telephony-quick-call__manual label,
.solny-telephony-quick-call__search {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.solny-telephony-quick-call__head strong {
    color: #11182f;
    font-size: 16px;
    font-weight: 950;
}

.solny-telephony-quick-call__head small,
.solny-telephony-quick-call__manual span,
.solny-telephony-quick-call__search > span {
    color: #68708c;
    font-size: 12px;
    font-weight: 850;
}

.solny-telephony-quick-call__manual {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
    padding: 12px;
}

.solny-telephony-quick-call__manual input,
.solny-telephony-quick-call__search input {
    width: 100%;
    min-height: 42px;
    border-radius: 10px;
    font-family: inherit;
    font-weight: 850;
}

.solny-telephony-quick-call__manual .solny-btn {
    min-height: 42px;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #24b270, #16845d) !important;
    border-color: transparent !important;
}

.solny-telephony-quick-call__search {
    padding: 12px;
}

.solny-telephony-quick-call__suggestions {
    display: grid;
    gap: 8px;
}

.solny-telephony-quick-call__suggestion {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) minmax(220px, auto);
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
}

.solny-telephony-quick-call__suggestion-main {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.solny-telephony-quick-call__suggestion-main strong,
.solny-telephony-quick-call__suggestion-main span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-telephony-quick-call__suggestion-main strong {
    color: #11182f;
    font-size: 13px;
    font-weight: 950;
}

.solny-telephony-quick-call__suggestion-main span,
.solny-telephony-quick-call__empty,
.solny-telephony-quick-call__no-phone {
    color: #68708c;
    font-size: 12px;
    font-weight: 800;
}

.solny-telephony-quick-call__suggestion-phones {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.solny-telephony-quick-call__suggestion-phones button {
    --phone-type-color: #24b270;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--phone-type-color) 24%, #e7eaf4);
    border-radius: 10px;
    color: var(--phone-type-color);
    background: color-mix(in srgb, var(--phone-type-color) 9%, #fff);
    font-family: inherit;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.solny-telephony-quick-call__suggestion-phones button:hover {
    background: color-mix(in srgb, var(--phone-type-color) 14%, #fff);
}

.solny-telephony-quick-call__empty {
    padding: 10px 12px;
    border: 1px dashed rgba(63, 56, 191, 0.18);
    border-radius: 10px;
    background: rgba(248, 249, 255, 0.78);
}

.solny-telephony-screen {
    display: grid;
    gap: 16px;
    padding: 16px;
    overflow-anchor: none;
    user-select: text;
    -webkit-user-select: text;
}

.solny-telephony-screen__call,
.solny-telephony-screen__cell,
.solny-telephony-screen__entity-text {
    user-select: text;
    -webkit-user-select: text;
}

.solny-telephony-screen input,
.solny-telephony-screen textarea,
.solny-telephony-screen select {
    user-select: text;
    -webkit-user-select: text;
}

.solny-telephony-screen button,
.solny-telephony-screen summary,
.solny-telephony-screen .solny-select__trigger,
.solny-telephony-screen .solny-select__option {
    user-select: none;
    -webkit-user-select: none;
}

.solny-telephony-screen__locked,
.solny-telephony-screen__stat,
.solny-telephony-screen__call {
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 36px rgba(31, 37, 89, 0.08);
}

.solny-telephony-screen__locked {
    min-height: 240px;
    display: grid;
    place-items: center;
    text-align: center;
    gap: 8px;
    padding: 30px;
    color: #20284f;
}

.solny-telephony-screen__locked i {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: #c6284b;
    background: #fff0f4;
}

.solny-telephony-screen__stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
    gap: 10px;
}

.solny-telephony-screen__stat {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 12px;
}

.solny-telephony-screen__stat i {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #3f38bf;
    background: rgba(63, 56, 191, 0.1);
}

.solny-telephony-screen__stat.is-in i,
.solny-telephony-screen__stat.is-answered i {
    color: #16845d;
    background: rgba(59, 177, 133, 0.12);
}

.solny-telephony-screen__stat.is-unresolved i {
    color: #c6284b;
    background: #fff0f4;
}

.solny-telephony-screen__stat.is-missed i,
.solny-telephony-screen__stat.is-missed-in i {
    color: #c6284b;
    background: #fff0f4;
}

.solny-telephony-screen__stat.is-missed-out i {
    color: #f57e0f;
    background: rgba(245, 126, 15, 0.12);
}

.solny-telephony-screen__stat strong,
.solny-telephony-screen__stat span {
    display: block;
}

.solny-telephony-screen__stat strong {
    color: #11182f;
    font-size: 22px;
    line-height: 1;
}

.solny-telephony-screen__stat span {
    color: #68708c;
    font-size: 12px;
    font-weight: 800;
}

.solny-telephony-screen__filters.solny-stats__controls {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.solny-telephony-screen__filters.solny-stats__controls > .solny-control,
.solny-telephony-screen__filters.solny-stats__controls > .solny-date-filter {
    flex: 0 0 auto;
    min-width: 0;
    width: auto;
    max-width: none;
    margin: 0;
}

.solny-telephony-screen__filters .solny-control--telephony-period {
    min-width: 124px;
}

.solny-telephony-screen__filters .solny-date-filter--telephony {
    display: block;
    min-width: 268px;
}

.solny-telephony-screen__filters .solny-control--telephony-manager {
    min-width: 286px;
    max-width: 340px;
}

.solny-telephony-screen__filters .solny-control--telephony-filter {
    min-width: 0;
}

.solny-telephony-screen__filters .solny-select__trigger {
    width: auto;
    max-width: 190px;
    justify-content: space-between;
    min-height: 42px;
}

.solny-telephony-screen__filters .solny-manager-filter__trigger {
    width: 100%;
    min-height: 42px;
}

.solny-telephony-screen__filters .solny-date-filter--telephony > .solny-control,
.solny-telephony-screen__filters .solny-date-filter--telephony .solny-date-range,
.solny-telephony-screen__filters .solny-date-filter--telephony .solny-date-range__trigger {
    width: 100%;
    min-width: 0;
}

.solny-telephony-screen__filters .solny-date-filter--telephony .solny-date-range__input {
    min-width: 0;
}

.solny-telephony-screen__filters #solny-telephony-period-select .solny-select__trigger {
    min-width: 124px;
}

.solny-telephony-screen__filters #solny-telephony-filter-status .solny-select__trigger {
    min-width: 168px;
}

.solny-telephony-screen__filters #solny-telephony-filter-direction .solny-select__trigger {
    min-width: 188px;
    border-color: rgba(63, 56, 191, 0.24);
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.08), #f8f9ff);
}

.solny-telephony-screen__filters #solny-telephony-filter-resolved .solny-select__trigger {
    min-width: 156px;
}

.solny-telephony-screen__filters #solny-telephony-filter-limit .solny-select__trigger {
    min-width: 112px;
}

.solny-telephony-screen__filters .solny-manager-filter__panel,
.solny-telephony-screen__filters .solny-date-range__panel,
.solny-telephony-screen__filters .solny-select__menu {
    z-index: 70;
}

.solny-telephony-screen__refresh {
    width: auto;
    min-height: 42px;
    align-self: flex-end;
    border-radius: 12px !important;
}

.solny-telephony-screen__assign-grid > label > span,
.solny-telephony-screen__assign-field > span {
    color: var(--solny-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.solny-telephony-screen__assign-grid input,
.solny-telephony-screen__assign-grid select {
    min-width: 0;
    width: 100%;
    height: 40px;
}

.solny-telephony-screen__list {
    display: grid;
    gap: 8px;
    overflow-anchor: none;
}

.solny-telephony-screen__pager {
    display: grid;
    align-items: center;
    justify-items: center;
    gap: 12px;
    margin-top: 10px;
    padding: 14px 16px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(244, 248, 255, 0.88)),
        radial-gradient(circle at 20% 0%, rgba(36, 178, 112, 0.12), transparent 36%),
        radial-gradient(circle at 80% 100%, rgba(63, 56, 191, 0.10), transparent 42%);
    box-shadow: 0 14px 34px rgba(28, 39, 88, 0.07);
}

.solny-telephony-screen__pager-main {
    width: min(460px, 100%);
    display: grid;
    justify-items: center;
    gap: 8px;
    text-align: center;
}

.solny-telephony-screen__pager strong {
    color: #20284f;
    font-size: 13px;
    font-weight: 950;
}

.solny-telephony-screen__pager small {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #68708c;
    font-size: 11px;
    font-weight: 850;
}

.solny-telephony-screen__pager-pages {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.08);
    color: #4d5575;
    font-size: 11px;
    font-weight: 900;
}

.solny-telephony-screen__pager-pages .is-loaded {
    color: #16845d;
}

.solny-telephony-screen__pager-track {
    width: 100%;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(63, 56, 191, 0.10);
}

.solny-telephony-screen__pager-track b {
    display: block;
    width: var(--telephony-pager-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #24b270, #3f38bf);
    transition: width 0.2s ease;
}

.solny-telephony-screen__load-more {
    min-width: 260px;
    min-height: 46px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 12px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #24b270, #16845d) !important;
    border-color: rgba(36, 178, 112, 0.35) !important;
    box-shadow: 0 14px 28px rgba(36, 178, 112, 0.22);
}

.solny-telephony-screen__load-more small {
    color: rgba(255, 255, 255, 0.82);
    font-size: 10px;
    font-weight: 850;
}

.solny-telephony-screen__pager-done {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #16845d;
    font-size: 12px;
    font-weight: 900;
}

.solny-telephony-screen__debug-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid rgba(198, 40, 75, 0.16);
    border-radius: 13px;
    background:
        linear-gradient(135deg, rgba(255, 246, 248, 0.95), rgba(255, 255, 255, 0.92)),
        radial-gradient(circle at 0% 50%, rgba(198, 40, 75, 0.10), transparent 34%);
}

.solny-telephony-screen__debug-actions > span {
    min-width: 220px;
    margin-right: auto;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    column-gap: 8px;
    color: #20284f;
}

.solny-telephony-screen__debug-actions > span > i {
    grid-row: span 2;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #c6284b;
    background: #fff0f4;
}

.solny-telephony-screen__debug-actions strong {
    font-size: 12px;
    font-weight: 950;
}

.solny-telephony-screen__debug-actions small {
    color: #68708c;
    font-size: 10px;
    font-weight: 800;
}

.solny-telephony-screen__debug-actions .solny-btn {
    min-height: 38px;
    border-radius: 11px !important;
}

@media (max-width: 720px) {
    .solny-telephony-screen__pager {
        display: grid;
        justify-items: stretch;
    }

    .solny-telephony-screen__load-more {
        width: 100%;
    }

    .solny-telephony-screen__debug-actions {
        justify-content: stretch;
    }

    .solny-telephony-screen__debug-actions > span,
    .solny-telephony-screen__debug-actions .solny-btn {
        width: 100%;
    }
}

.solny-telephony-screen__table-head,
.solny-telephony-screen__call-row {
    display: grid;
    grid-template-columns:
        minmax(118px, 0.72fr)
        minmax(190px, 1.35fr)
        minmax(190px, 1.16fr)
        minmax(132px, 0.72fr)
        minmax(170px, 1.12fr)
        minmax(170px, 1.08fr)
        minmax(76px, 0.48fr)
        minmax(118px, auto);
    align-items: center;
    gap: 8px;
}

.solny-telephony-screen__table-head {
    padding: 0 14px 4px;
    color: #68708c;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.solny-telephony-screen__call {
    --telephony-status-color: #3f38bf;
    display: grid;
    gap: 0;
    padding: 0;
    overflow: visible;
    overflow-anchor: none;
    border-color: color-mix(in srgb, var(--telephony-status-color) 18%, #e6e9f5);
    border-radius: 15px;
}

.solny-telephony-screen__call.is-unresolved {
    background: linear-gradient(135deg, #fff6f8, #fff);
    border-color: #ffd3df;
}

.solny-telephony-screen__call.is-assignment-dirty {
    border-color: rgba(36, 178, 112, 0.52);
    box-shadow: 0 18px 40px rgba(36, 178, 112, 0.13);
}

.solny-telephony-screen__call-row {
    min-width: 0;
    padding: 10px 12px;
}

.solny-telephony-screen__cell {
    min-width: 0;
}

.solny-telephony-screen__cell > strong,
.solny-telephony-screen__cell > span,
.solny-telephony-screen__cell > a {
    min-width: 0;
}

.solny-telephony-screen__status-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    padding: 6px 9px;
    border-radius: 10px;
    color: var(--telephony-status-color);
    background: color-mix(in srgb, var(--telephony-status-color) 12%, #fff);
    border: 1px solid color-mix(in srgb, var(--telephony-status-color) 24%, #eef1f8);
    font-size: 12px;
    font-weight: 950;
}

.solny-telephony-screen__status-pill strong,
.solny-telephony-screen__entity-text strong,
.solny-telephony-screen__cell--phone strong,
.solny-telephony-screen__cell--date strong,
.solny-telephony-screen__cell--duration strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-telephony-screen__cell--status small,
.solny-telephony-screen__cell--date span,
.solny-telephony-screen__cell--phone > span:not(.solny-telephony-screen__flow),
.solny-telephony-screen__cell--duration span {
    display: block;
    margin-top: 3px;
    color: #68708c;
    font-size: 11px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-telephony-screen__cell--phone a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    color: #11182f;
    text-decoration: none;
    font-weight: 950;
}

.solny-telephony-screen__cell--phone a i {
    color: #24b270;
}

.solny-telephony-screen__flow {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    margin-top: 6px;
    padding: 4px 6px;
    border-radius: 9px;
    color: #27304f;
    background: color-mix(in srgb, #3f38bf 7%, #fff);
    border: 1px solid color-mix(in srgb, #3f38bf 16%, #edf0fb);
    font-size: 10px;
    font-weight: 900;
    line-height: 1.15;
}

.solny-telephony-screen__flow.is-in {
    background: color-mix(in srgb, #16845d 8%, #fff);
    border-color: color-mix(in srgb, #16845d 18%, #edf0fb);
}

.solny-telephony-screen__flow.is-out {
    background: color-mix(in srgb, #3f38bf 8%, #fff);
    border-color: color-mix(in srgb, #3f38bf 18%, #edf0fb);
}

.solny-telephony-screen__flow > i {
    flex: 0 0 auto;
    color: #3f38bf;
}

.solny-telephony-screen__flow.is-in > i {
    color: #16845d;
}

.solny-telephony-screen__flow > span,
.solny-telephony-screen__flow > b,
.solny-telephony-screen__flow > em {
    min-width: 0;
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-telephony-screen__flow > span {
    color: #68708c;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.solny-telephony-screen__flow > b {
    max-width: 82px;
    color: #11182f;
    direction: ltr;
    unicode-bidi: plaintext;
}

.solny-telephony-screen__flow > em {
    flex: 0 0 auto;
    color: #8c94ad;
    font-style: normal;
}

.solny-telephony-screen__inline-assign {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.solny-telephony-screen__cell--customer .solny-telephony-screen__inline-assign {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.solny-telephony-screen__call.is-unresolved .solny-telephony-screen__cell--customer,
.solny-telephony-screen__call.is-unresolved .solny-telephony-screen__cell--order,
.solny-telephony-screen__call.is-unresolved .solny-telephony-screen__cell--manager {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.solny-telephony-screen__inline-field {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.solny-telephony-screen__inline-field > span {
    color: #68708c;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-telephony-screen__inline-field input,
.solny-telephony-screen__inline-field select {
    width: 100%;
    min-width: 0;
    height: 36px;
    padding: 7px 9px;
    border: 1px solid rgba(63, 56, 191, 0.16);
    border-radius: 10px;
    color: #11182f;
    background: #fff;
    box-shadow: 0 6px 14px rgba(31, 37, 89, 0.04);
    font-family: inherit;
    font-size: 12px;
    font-weight: 850;
}

.solny-telephony-screen__inline-field input:focus,
.solny-telephony-screen__inline-field select:focus {
    outline: none;
    border-color: rgba(63, 56, 191, 0.38);
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.1);
}

.solny-telephony-screen__inline-field--phone-type {
    max-width: 132px;
    margin-top: 6px;
}

.solny-telephony-screen__new-user-btn {
    min-height: 42px;
    white-space: nowrap;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #24b270, #3f38bf) !important;
    border-color: transparent !important;
}

.solny-telephony-screen__assign-save--inline {
    min-height: 34px;
    border-radius: 10px !important;
}

.solny-telephony-screen__assign-save.is-pristine {
    display: none !important;
}

.solny-telephony-screen__assign-save:not(.is-pristine) {
    animation: solnySoftPop .14s ease-out;
}

@keyframes solnySoftPop {
    from {
        opacity: 0;
        transform: translateY(3px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.solny-telephony-screen__entity {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

button.solny-telephony-screen__entity {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

button.solny-telephony-screen__entity:hover .solny-telephony-screen__entity-text strong,
button.solny-telephony-screen__entity:focus-visible .solny-telephony-screen__entity-text strong {
    color: #3f38bf;
    text-decoration: underline;
    text-underline-offset: 2px;
}

button.solny-telephony-screen__entity:focus-visible {
    outline: 2px solid rgba(63, 56, 191, 0.28);
    outline-offset: 3px;
    border-radius: 12px;
}

.solny-telephony-screen__entity .solny-avatar {
    width: 34px;
    height: 34px;
    font-size: 12px;
}

.solny-telephony-screen__entity-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--telephony-entity-color, #68708c);
    background: color-mix(in srgb, var(--telephony-entity-color, #68708c) 10%, #fff);
    border: 1px solid color-mix(in srgb, var(--telephony-entity-color, #68708c) 18%, #eef1f8);
}

.solny-telephony-screen__entity.is-unknown .solny-telephony-screen__entity-icon {
    color: #c6284b;
    background: #fff0f4;
}

.solny-telephony-screen__entity-text {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.solny-telephony-screen__entity-text strong {
    color: #11182f;
    font-size: 12px;
    font-weight: 950;
}

.solny-telephony-screen__entity-text span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #68708c;
    font-size: 11px;
    font-weight: 800;
}

.solny-telephony-screen__entity b {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    max-width: 100%;
    padding: 3px 6px;
    border-radius: 8px;
    color: var(--telephony-entity-color, #20284f);
    background: color-mix(in srgb, var(--telephony-entity-color, #3f38bf) 9%, #fff);
    border: 1px solid color-mix(in srgb, var(--telephony-entity-color, #3f38bf) 18%, #eef1f8);
    font-size: 10px;
    font-weight: 900;
}

.solny-telephony-screen__call-btn {
    min-height: 34px;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #24b270, #16845d) !important;
    border-color: transparent !important;
}

.solny-telephony-screen__order-btn {
    width: auto;
    min-width: 106px;
    min-height: 34px;
    gap: 6px;
    padding-inline: 10px !important;
    justify-content: center;
    border-radius: 10px !important;
}

.solny-telephony-screen__cell--actions {
    display: inline-flex;
    justify-content: flex-end;
    gap: 6px;
}

.solny-telephony-screen__call-extra {
    display: grid;
    gap: 8px;
    padding: 0 12px 10px;
}

.solny-telephony-screen__media {
    display: grid;
    gap: 8px;
}

.solny-telephony-screen__assign {
    grid-column: 1 / -1;
    border-top: 1px dashed rgba(63, 56, 191, 0.16);
    padding: 0;
    background: rgba(248, 249, 255, 0.55);
    overflow-anchor: none;
}

.solny-telephony-screen__assign summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 7px 12px;
    cursor: pointer;
    color: #20284f;
    font-weight: 900;
    list-style: none;
    user-select: none;
}

.solny-telephony-screen__assign summary::-webkit-details-marker {
    display: none;
}

.solny-telephony-screen__assign summary span,
.solny-telephony-screen__assign summary b {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.solny-telephony-screen__assign summary b {
    color: #16845d;
    font-size: 12px;
    background: rgba(59, 177, 133, 0.1);
    border-radius: 9px;
    padding: 4px 7px;
}

.solny-telephony-screen__assign.is-unresolved summary b {
    color: #c6284b;
    background: #fff0f4;
}

.solny-telephony-screen__assign[open] {
    background: linear-gradient(135deg, rgba(63, 56, 191, 0.045), rgba(59, 177, 133, 0.035));
}

.solny-telephony-screen__assign[open] summary {
    border-bottom: 1px solid rgba(63, 56, 191, 0.08);
}

.solny-telephony-screen__assign-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1.35fr) minmax(150px, 0.85fr) minmax(180px, 1fr) minmax(112px, 0.55fr);
    gap: 9px;
    padding: 10px 12px 12px;
    margin-top: 0;
}

.solny-telephony-screen__assign-grid label,
.solny-telephony-screen__assign-field {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 4px;
}

.solny-telephony-screen__assign-card {
    grid-column: span 2;
}

.solny-telephony-screen__assign-person {
    min-width: 0;
    display: grid;
    gap: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.solny-telephony-screen__assign-person-preview {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.solny-telephony-screen__assign-person-preview .solny-avatar {
    width: 34px;
    height: 34px;
    font-size: 12px;
}

.solny-telephony-screen__assign-person-preview span {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.solny-telephony-screen__assign-person-preview strong,
.solny-telephony-screen__assign-person-preview small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-telephony-screen__assign-person-preview strong {
    color: #11182f;
    font-size: 12px;
    font-weight: 950;
}

.solny-telephony-screen__assign-person-preview small {
    color: #68708c;
    font-size: 11px;
    font-weight: 800;
}

.solny-telephony-assign-select {
    min-width: 0;
    width: 100%;
}

.solny-telephony-assign-select .solny-select__trigger {
    width: 100%;
    height: auto;
    min-height: 42px;
    padding: 5px 9px;
    border-radius: 11px;
    background: #fff;
    border-color: rgba(63, 56, 191, 0.16);
    box-shadow: 0 6px 16px rgba(31, 37, 89, 0.04);
}

.solny-telephony-assign-select .solny-select__value {
    min-width: 0;
    width: 100%;
}

.solny-telephony-assign-select .solny-select__menu {
    left: 0;
    right: auto;
    width: max(100%, 320px);
    min-width: 100%;
    max-height: 280px;
    overflow: auto;
    padding: 7px;
    border-radius: 12px;
}

.solny-telephony-assign-select:not(.is-open):focus-within .solny-select__menu {
    display: none;
}

.solny-telephony-assign-select__search {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    padding: 6px 8px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 8px 18px rgba(31, 37, 89, 0.08);
}

.solny-telephony-assign-select__search i {
    color: #68708c;
    font-size: 12px;
}

.solny-telephony-assign-select__search-input {
    width: 100%;
    min-width: 0;
    height: 30px;
    padding: 0;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #11182f;
    font-family: inherit;
    font-size: 12px;
    font-weight: 850;
}

.solny-telephony-assign-select__option[hidden] {
    display: none !important;
}

.solny-telephony-assign-select__empty {
    display: none;
    padding: 9px 10px;
    border: 1px dashed rgba(63, 56, 191, 0.16);
    border-radius: 10px;
    color: #68708c;
    background: rgba(248, 249, 255, 0.78);
    font-size: 12px;
    font-weight: 850;
}

.solny-telephony-assign-select.is-empty .solny-telephony-assign-select__empty {
    display: block;
}

.solny-telephony-assign-select__option {
    width: 100%;
    min-height: 42px;
    padding: 6px !important;
    border-radius: 10px !important;
    justify-content: stretch !important;
    text-align: left;
}

.solny-telephony-assign-select__person {
    min-width: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.solny-telephony-assign-select__person .solny-avatar,
.solny-telephony-assign-select__person .solny-telephony-screen__entity-icon {
    width: 34px;
    height: 34px;
    font-size: 12px;
}

.solny-telephony-assign-select__text {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.solny-telephony-assign-select__text strong,
.solny-telephony-assign-select__text small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-telephony-assign-select__text strong {
    color: #11182f;
    font-size: 12px;
    font-weight: 950;
}

.solny-telephony-assign-select__text small {
    color: #68708c;
    font-size: 11px;
    font-weight: 800;
}

.solny-telephony-assign-select .solny-select__option.is-active {
    background: rgba(36, 178, 112, 0.1);
    color: #11182f;
}

.solny-telephony-screen__assign-note {
    grid-column: span 2;
}

.solny-telephony-screen__assign-save {
    align-self: end;
    min-width: 148px;
    min-height: 40px;
    border-radius: 11px !important;
}

.solny-telephony-screen__assign-grid input,
.solny-telephony-screen__assign-grid select {
    min-width: 0;
    width: 100%;
    height: 42px;
    padding: 8px 10px;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 11px;
    color: #11182f;
    background: #fff;
    box-shadow: 0 6px 16px rgba(31, 37, 89, 0.04);
    font-family: inherit;
    font-size: 12px;
    font-weight: 850;
}

.solny-telephony-screen__assign-grid input:focus,
.solny-telephony-screen__assign-grid select:focus,
.solny-telephony-assign-select .solny-select__trigger:focus {
    outline: none;
    border-color: rgba(63, 56, 191, 0.38);
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.1);
}

.solny-telephony-screen__call-extra .solny-telephony-transcript {
    width: 100%;
}

@media (max-width: 1180px) {
    .solny-telephony-screen__stats,
    .solny-telephony-screen__assign-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solny-telephony-screen__table-head {
        display: none;
    }

    .solny-telephony-screen__call-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: 10px;
    }

    .solny-telephony-screen__cell {
        display: grid;
        gap: 4px;
    }

    .solny-telephony-screen__cell::before {
        content: attr(data-label);
        color: #68708c;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: 0.045em;
        text-transform: uppercase;
    }

    .solny-telephony-screen__cell--actions {
        justify-content: flex-start;
    }

    .solny-telephony-screen__cell--customer .solny-telephony-screen__inline-assign {
        grid-template-columns: 1fr;
    }

    .solny-user-phone-row,
    .solny-telephony-phone-type-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .solny-telephony-screen__call,
    .solny-telephony-screen__call-row,
    .solny-user-phone-manager__head,
    .solny-telephony-settings__phone-types-head {
        display: grid;
        grid-template-columns: 1fr;
    }

    .solny-telephony-screen__stats,
    .solny-telephony-screen__assign-grid,
    .solny-user-phone-row,
    .solny-telephony-phone-type-row {
        grid-template-columns: 1fr;
    }

    .solny-telephony-screen__filters {
        display: grid;
        grid-template-columns: 1fr;
    }

    .solny-telephony-screen__filters.solny-stats__controls > .solny-control,
    .solny-telephony-screen__filters.solny-stats__controls > .solny-date-filter {
        width: 100%;
    }

    .solny-telephony-screen__filters .solny-select__trigger {
        width: 100%;
        max-width: none;
    }

    .solny-telephony-screen__filters .solny-control--telephony-filter {
        grid-column: 1 / -1;
        max-width: none;
    }

    .solny-telephony-screen__filters .solny-control--telephony-period,
    .solny-telephony-screen__filters .solny-date-filter--telephony,
    .solny-telephony-screen__filters .solny-control--telephony-manager {
        grid-column: 1 / -1;
        max-width: none;
        min-width: 0;
    }

    .solny-telephony-screen__assign-card,
    .solny-telephony-screen__assign-field,
    .solny-telephony-screen__assign-note {
        grid-column: auto;
    }

    .solny-telephony-quick-call__manual,
    .solny-telephony-quick-call__suggestion {
        grid-template-columns: 1fr;
    }

    .solny-telephony-quick-call__suggestion-phones {
        justify-content: flex-start;
    }
}

/* Keep the expense ledger layout above the legacy card-grid declarations. */
.solny-expenses {
    display: grid;
    gap: 14px;
}

.solny-expenses__stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.solny-expenses__list {
    display: block;
    overflow: hidden;
    border: 1px solid #e2e4ef;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(29, 35, 62, 0.06);
}

@media (max-width: 1280px) {
    .solny-expenses__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    .solny-expenses__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .solny-expenses__stats { grid-template-columns: 1fr; }
}

/* Finance register and compact expense entry. */
.solny-expenses__toolbar {
    display: grid;
    gap: 10px;
    align-items: stretch;
}

.solny-expenses__flow-tabs {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 9px;
    border-bottom: 1px solid #eceef5;
}

.solny-expenses__flow-tabs button {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #697087;
    font: 800 11px Montserrat, sans-serif;
    cursor: pointer;
}

.solny-expenses__flow-tabs button:hover {
    color: #20243a;
    background: #f5f6fb;
}

.solny-expenses__flow-tabs button.is-active {
    color: #3f38bf;
    border-color: rgba(63, 56, 191, 0.2);
    background: rgba(63, 56, 191, 0.08);
}

.solny-expenses__flow-tabs b {
    min-width: 20px;
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(63, 56, 191, 0.1);
    text-align: center;
    font-size: 9px;
}

.solny-expenses__filter-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
}

.solny-expenses__filter-fields .solny-expenses__filters-reset { margin-left: auto; }
.solny-expenses__filter-fields.is-hidden { display: none; }

.solny-control--expense-filter {
    flex: 0 1 auto;
    width: max-content;
    min-width: 164px;
    max-width: 220px;
}

.solny-control--expense-filter-category { min-width: 190px; max-width: 250px; }
.solny-control--expense-filter > label { display: block; margin: 0 0 5px; color: #737b90; font-size: 9px; font-weight: 800; }
.solny-expense-filter-select { width: 100%; }
.solny-expense-filter-select .solny-select__trigger {
    width: 100%;
    min-height: 40px;
    justify-content: space-between;
    padding: 7px 10px;
    border-color: #dfe2eb;
    border-radius: 7px;
    background: #fff;
}
.solny-expense-filter-select .solny-select__value { min-width: 0; }
.solny-expense-filter-select .solny-select__value > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-filter-select .solny-select__value > i { flex: 0 0 auto; width: 18px; text-align: center; }
.solny-expense-filter-select .solny-select__menu {
    right: auto;
    left: 0;
    min-width: max(100%, 245px);
    max-height: 310px;
    overflow-y: auto;
    padding: 6px;
    border-radius: 8px;
}
.solny-expense-filter-select .solny-select__option { min-height: 36px; border-radius: 6px; }
.solny-expense-filter-select .solny-select__option > i { width: 19px; flex: 0 0 19px; color: var(--expense-filter-color, #3f38bf); text-align: center; }
.solny-expense-filter-select .solny-select__option > span { min-width: 0; flex: 1; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-filter-select .solny-select__option > b { min-width: 22px; padding: 2px 5px; border-radius: 5px; color: #697087; background: #f0f2f7; font-size: 8px; text-align: center; }
.solny-expense-filter-select .solny-select__option.is-child { padding-left: 27px; }
.solny-expense-filter-select .solny-select__option.is-active { color: #29245f; background: color-mix(in srgb, var(--expense-filter-color, #3f38bf) 9%, #fff); }
.solny-expense-filter-select .solny-select__option.is-active > b { color: var(--expense-filter-color, #3f38bf); background: color-mix(in srgb, var(--expense-filter-color, #3f38bf) 11%, #fff); }

.solny-control--expense-filter-category { max-width: 280px; }
.solny-expense-category-filter .solny-select__menu {
    width: min(370px, calc(100vw - 32px));
    max-height: 390px;
    padding: 7px;
}
.solny-expense-category-filter__search {
    position: sticky;
    top: -1px;
    z-index: 3;
    min-height: 38px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    margin: -1px -1px 6px;
    padding: 0 9px;
    border: 1px solid #dfe2eb;
    border-radius: 7px;
    color: #777f92;
    background: #fff;
    box-shadow: 0 5px 12px rgba(36, 42, 67, 0.06);
}
.solny-expense-category-filter__search input {
    width: 100%;
    min-width: 0;
    height: 36px;
    padding: 0;
    border: 0;
    outline: 0;
    color: #252a3f;
    background: transparent;
    font: 600 11px Montserrat, sans-serif;
}
.solny-expense-category-filter__tree { display: grid; gap: 4px; margin-top: 5px; }
.solny-expense-category-filter__node {
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--expense-filter-color) 17%, #e2e4ed);
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
}
.solny-expense-category-filter__node.is-child {
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
}
.solny-expense-category-filter__node-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}
.solny-expense-category-filter__node.has-children > .solny-expense-category-filter__node-head {
    grid-template-columns: minmax(0, 1fr) 48px;
}
.solny-expense-category-filter__node-head > .solny-select__option {
    min-width: 0;
    border-radius: 0;
}
.solny-expense-category-filter__toggle {
    display: grid;
    grid-template-columns: auto auto;
    place-content: center;
    align-items: center;
    gap: 5px;
    padding: 0 7px;
    border: 0;
    border-left: 1px solid color-mix(in srgb, var(--expense-filter-color) 16%, #e2e4ed);
    color: var(--expense-filter-color);
    background: color-mix(in srgb, var(--expense-filter-color) 8%, #fff);
    cursor: pointer;
}
.solny-expense-category-filter__toggle b {
    min-width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 5px;
    color: #fff;
    background: var(--expense-filter-color);
    font-size: 8px;
}
.solny-expense-category-filter__toggle i { font-size: 10px; transition: transform 0.18s ease; }
.solny-expense-category-filter__node.is-open > .solny-expense-category-filter__node-head .solny-expense-category-filter__toggle i,
.solny-expense-category-filter__node.is-searching > .solny-expense-category-filter__node-head .solny-expense-category-filter__toggle i { transform: rotate(180deg); }
.solny-expense-category-filter__children {
    position: relative;
    display: grid;
    gap: 1px;
    padding: 2px 0 4px 22px;
    background: #fafbfe;
}
.solny-expense-category-filter__children::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 10px;
    left: 14px;
    width: 1px;
    background: color-mix(in srgb, var(--expense-filter-color) 22%, #dfe2eb);
}
.solny-expense-category-filter__node.has-children:not(.is-open):not(.is-searching) > .solny-expense-category-filter__children { display: none; }
.solny-expense-category-filter__node.is-child > .solny-expense-category-filter__node-head .solny-select__option { padding-left: 8px; }
.solny-expense-category-filter__empty {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #868da0;
    font-size: 10px;
    font-weight: 700;
}
.solny-expense-category-filter__empty[hidden] { display: none; }

.solny-finance-ledger__row {
    min-height: 76px;
    display: grid;
    grid-template-columns: 126px minmax(210px, 1.4fr) minmax(145px, 0.9fr) 132px minmax(150px, 0.9fr) 145px minmax(100px, 0.55fr);
    align-items: center;
    gap: 12px;
    padding: 10px 13px;
    border-bottom: 1px solid #eceef5;
    background: #fff;
    transition: background 0.16s ease, box-shadow 0.16s ease;
}

.solny-finance-ledger__row:last-child { border-bottom: 0; }
.solny-finance-ledger__row:hover { background: #f8fcfa; box-shadow: inset 3px 0 0 #16845d; }
.solny-expense-ledger__amount.is-income strong { color: #16845d; }
.solny-expense-ledger__amount.is-expense strong { color: #c6284b; }
.solny-expense-ledger__payment small.is-overdue { color: #d75b5b; font-weight: 800; }

.solny-expense-ledger__actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.solny-expense-ledger__actions a,
.solny-expense-ledger__actions button {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 8px;
    background: #f7f8fc;
    color: #3f38bf;
    text-decoration: none;
    cursor: pointer;
}

.solny-expense-ledger__actions a:hover,
.solny-expense-ledger__actions button:hover {
    border-color: rgba(63, 56, 191, 0.3);
    background: rgba(63, 56, 191, 0.08);
}

/* Unified supplier invoices and customer invoices register. */
.solny-finance-document-head,
.solny-finance-document-row {
    display: grid;
    grid-template-columns: 48px minmax(190px, 1.35fr) minmax(145px, 0.9fr) minmax(155px, 1fr) 126px 135px 130px minmax(110px, auto);
    align-items: center;
    column-gap: 12px;
}

.solny-finance-document-head {
    min-height: 38px;
    padding: 7px 12px;
    border-bottom: 1px solid #e5e7ef;
    background: #f6f7fa;
    color: #777f93;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solny-finance-document-list { display: grid; }

.solny-expense-card.solny-finance-document-row,
.solny-finance-document-row {
    position: relative;
    min-width: 0;
    min-height: 78px;
    row-gap: 0;
    padding: 11px 12px;
    border: 0;
    border-bottom: 1px solid #e9ebf2;
    border-radius: 0;
    background: #fff;
    box-shadow: inset 3px 0 0 transparent;
    cursor: default;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.solny-expense-card.solny-finance-document-row:hover,
.solny-finance-document-row:hover {
    transform: none;
    background: color-mix(in srgb, var(--flow-color) 2.5%, #fff);
    box-shadow: inset 3px 0 0 var(--flow-color);
}

.solny-finance-document-row__flow { display: grid; justify-items: center; gap: 4px; color: var(--flow-color); }
.solny-finance-document-row__flow > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; background: color-mix(in srgb, var(--flow-color) 10%, #fff); font-size: 13px; }
.solny-finance-document-row__flow small { font-size: 8px; font-weight: 800; }

.solny-finance-document-row__contact { min-width: 0; display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 9px; }
.solny-finance-document-row__contact > span:last-child { min-width: 0; display: grid; gap: 3px; }
.solny-finance-document-row__contact strong,
.solny-finance-document-row__contact small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-document-row__contact strong { color: #20243a; font-size: 11px; }
.solny-finance-document-row__contact small { color: #757d91; font-size: 9px; font-weight: 600; }
.solny-finance-document-row__contact.is-missing strong { color: #b32645; }
.solny-finance-document-row__missing-icon { width: 34px; height: 34px; display: grid !important; place-items: center; border-radius: 8px; color: #c6284b; background: rgba(198, 40, 75, 0.08); }

.solny-finance-document-row__classification,
.solny-finance-document-row__order,
.solny-finance-document-row__dates,
.solny-finance-document-row__amount,
.solny-finance-document-row__payment { min-width: 0; display: grid; gap: 4px; }
.solny-finance-document-row__classification > span { min-width: 0; display: flex; align-items: center; gap: 7px; overflow: hidden; color: var(--category-color); font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-document-row__classification > span i { width: 24px; height: 24px; flex: 0 0 24px; display: grid; place-items: center; border-radius: 6px; background: color-mix(in srgb, var(--category-color) 10%, #fff); }
.solny-finance-document-row__classification small,
.solny-finance-document-row__order small,
.solny-finance-document-row__dates small,
.solny-finance-document-row__amount small,
.solny-finance-document-row__payment small { overflow: hidden; color: #7c8498; font-size: 9px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-document-row__order strong,
.solny-finance-document-row__dates strong { overflow: hidden; color: #2c3147; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-document-row__dates small.is-overdue { color: #c6284b; font-weight: 800; }
.solny-finance-document-row__amount { text-align: right; }
.solny-finance-document-row__amount strong { font-size: 13px; font-variant-numeric: tabular-nums; }
.solny-finance-document-row__amount.is-income strong { color: #16845d; }
.solny-finance-document-row__amount.is-expense strong { color: #c6284b; }

.solny-finance-document-row__payment > span { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: 6px; padding: 5px 7px; border-radius: 6px; color: var(--payment-color); background: color-mix(in srgb, var(--payment-color) 9%, #fff); font-size: 9px; font-weight: 800; }
.solny-finance-document-row__payment > div { height: 5px; overflow: hidden; border-radius: 3px; background: #e9ebf2; }
.solny-finance-document-row__payment > div i { display: block; height: 100%; border-radius: inherit; background: var(--payment-color); }

.solny-finance-document-row__actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.solny-finance-document-row__actions a,
.solny-finance-document-row__actions button { min-height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 8px; border: 1px solid #dfe2eb; border-radius: 6px; color: #3f38bf; background: #f8f9fc; font: 800 9px Montserrat, sans-serif; text-decoration: none; cursor: pointer; }
.solny-finance-document-row__actions a:hover,
.solny-finance-document-row__actions button:hover { border-color: rgba(63, 56, 191, 0.28); color: #302a9d; background: rgba(63, 56, 191, 0.07); }

.solny-finance-document-row__project {
    grid-column: 2 / -1;
    display: grid;
    grid-template-columns: minmax(190px, 1.35fr) repeat(4, minmax(105px, 0.72fr));
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 9px 10px 12px;
    border: 1px solid #e7e9f0;
    border-radius: 8px;
    background: #fafbfc;
}
.solny-finance-document-row__project-title { min-width: 0; display: grid; gap: 3px; }
.solny-finance-document-row__project-title > span { display: flex; align-items: center; gap: 7px; color: #34394f; font-size: 10px; font-weight: 800; }
.solny-finance-document-row__project-title > span i { color: #3f38bf; }
.solny-finance-document-row__project-title small { overflow: hidden; color: #788095; font-size: 8px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-document-row__project > span { display: grid; gap: 3px; }
.solny-finance-document-row__project > span small { color: #7b8396; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.solny-finance-document-row__project > span strong { color: #2a2f44; font-size: 11px; font-variant-numeric: tabular-nums; }
.solny-finance-document-row__margin strong { color: #787878 !important; }
.solny-finance-document-row__project.is-good .solny-finance-document-row__margin strong { color: #16845d !important; }
.solny-finance-document-row__project.is-warning .solny-finance-document-row__margin strong { color: #c9820d !important; }
.solny-finance-document-row__project.is-critical .solny-finance-document-row__margin strong { color: #c6284b !important; }
.solny-finance-document-row__margin-bar { position: absolute; right: 10px; bottom: 7px; left: 10px; height: 3px; overflow: hidden; border-radius: 2px; background: #e5e7ed; }
.solny-finance-document-row__project { position: relative; }
.solny-finance-document-row__margin-bar i { display: block; height: 100%; background: #787878; }
.solny-finance-document-row__project.is-good .solny-finance-document-row__margin-bar i { background: #16845d; }
.solny-finance-document-row__project.is-warning .solny-finance-document-row__margin-bar i { background: #c9820d; }
.solny-finance-document-row__project.is-critical .solny-finance-document-row__margin-bar i { background: #c6284b; }

.solny-finance-document-row__cost-links {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 7px;
    border-top: 1px dashed #dfe2eb;
}

.solny-finance-document-row__cost-links > span {
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 7px;
    border: 1px solid rgba(198, 40, 75, 0.12);
    border-radius: 5px;
    color: #5d6477;
    background: rgba(198, 40, 75, 0.045);
    font-size: 8px;
    font-weight: 700;
}

.solny-expenses__flow-tabs button > i { color: #9298a9; font-size: 11px; }
.solny-expenses__flow-tabs button.is-active > i { color: #3f38bf; }

.solny-finance-document-row__cost-links > span b { color: #c6284b; }
.solny-finance-document-row__cost-links > span.is-empty { border-color: #e3e5ec; color: #858b9b; background: #f5f6f8; }

.solny-finance-document-footer { min-height: 45px; display: flex; align-items: center; justify-content: flex-end; gap: 20px; padding: 9px 12px; border-top: 1px solid #e4e6ed; background: #f7f8fa; color: #747c90; font-size: 10px; font-weight: 600; }
.solny-finance-document-footer span:first-child { margin-right: auto; }
.solny-finance-document-footer b { color: #262b40; font-size: 11px; }
.solny-finance-document-footer b.is-income { color: #16845d; }
.solny-finance-document-footer b.is-paid { color: #16845d; }
.solny-finance-document-footer b.is-open { color: #c9820d; }
.solny-finance-document-footer b.is-expense { color: #c6284b; }

.solny-expenses__flow-tabs button[data-expense-flow-filter="income"].is-active { border-color: rgba(22, 132, 93, 0.22); color: #16845d; background: rgba(22, 132, 93, 0.08); }
.solny-expenses__flow-tabs button[data-expense-flow-filter="expense"].is-active { border-color: rgba(198, 40, 75, 0.18); color: #c6284b; background: rgba(198, 40, 75, 0.07); }

/* Accounting workspace navigation and directory views. */
.solny-expenses__toolbar {
    padding: 0;
    overflow: visible;
}

.solny-expenses__flow-tabs {
    min-width: 0;
    overflow-x: auto;
    gap: 3px;
    padding: 10px 14px 0;
    border-bottom: 1px solid #e5e7ef;
    scrollbar-width: thin;
}

.solny-expenses__flow-tabs button {
    position: relative;
    flex: 0 0 auto;
    min-height: 40px;
    padding: 10px 14px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #656d82;
    background: transparent;
    font-size: 12px;
    font-weight: 700;
}

.solny-expenses__flow-tabs button::after { display: none; }
.solny-expenses__flow-tabs button:hover { color: #20243a; background: transparent; }

.solny-expenses__flow-tabs button.is-active {
    border: 0;
    border-bottom: 2px solid #3f38bf;
    color: #3f38bf;
    background: transparent;
}

.solny-expenses__flow-tabs b { min-width: 20px; padding: 2px 6px; border-radius: 999px; color: #687086; background: #eef1f7; font-size: 9px; }
.solny-expenses__flow-tabs button.is-active b { color: #3f38bf; background: rgba(63, 56, 191, 0.12); }

.solny-expenses__filter-fields {
    padding: 12px 14px;
    border-bottom: 1px solid #e9ebf2;
}

.solny-expenses__stats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.solny-expenses__kpi { align-items: flex-start; min-height: 92px; }
.solny-expenses__kpi div { align-self: stretch; }
.solny-expenses__kpi div > small { margin-top: auto; overflow: hidden; color: #7e8598; font-size: 10px; font-weight: 600; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }

.solny-expenses__toolbar {
    z-index: 3;
    overflow: visible;
    margin-bottom: -14px;
    border: 1px solid #e2e4ef;
    border-bottom: 0;
    border-radius: 11px 11px 0 0;
    background: #fff;
    box-shadow: 0 12px 30px rgba(29, 35, 62, 0.05);
}

.solny-expenses__list { overflow-x: auto; border-top: 0; border-radius: 0 0 11px 11px; }
.solny-finance-document-head,
.solny-finance-document-row { min-width: 1160px; }

/* Prototype-style accounting register: one document equals one compact row. */
.solny-finance-ledger-head,
.solny-finance-ledger-row {
    min-width: 1320px;
    display: grid;
    grid-template-columns: 48px minmax(180px, 1.25fr) minmax(130px, 0.82fr) minmax(155px, 1fr) 104px 112px 96px 62px 110px 116px 52px 38px;
    align-items: center;
    column-gap: 10px;
}

.solny-finance-ledger-head {
    min-height: 38px;
    padding: 7px 12px;
    border-bottom: 1px solid #e5e7ef;
    color: #7b8295;
    background: #f7f8fc;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.solny-finance-ledger-head > span:nth-child(7),
.solny-finance-ledger-head > span:nth-child(8),
.solny-finance-ledger-head > span:nth-child(9) { text-align: right; }

.solny-expense-card.solny-finance-ledger-row,
.solny-finance-ledger-row {
    position: relative;
    min-height: 68px;
    row-gap: 0;
    padding: 9px 12px;
    border: 0;
    border-bottom: 1px solid #eceef5;
    border-radius: 0;
    color: #20243a;
    background: #fff;
    box-shadow: inset 3px 0 0 transparent;
    cursor: default;
    transition: background 0.14s ease, box-shadow 0.14s ease;
}

.solny-expense-card.solny-finance-ledger-row { cursor: pointer; }
.solny-expense-card.solny-finance-ledger-row:hover,
.solny-finance-ledger-row:hover { transform: none; background: #f7f8fc; box-shadow: inset 3px 0 0 var(--flow-color); }
.solny-finance-ledger-row:last-child { border-bottom: 0; }

.solny-finance-ledger-row__document-cell { display: grid; place-items: center; }
.solny-finance-ledger-row__document {
    position: relative;
    width: 34px;
    height: 44px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--document-color, #787878) 18%, #e2e4ef);
    border-radius: 6px;
    color: var(--document-color, #787878);
    background: color-mix(in srgb, var(--document-color, #787878) 7%, #fff);
    text-decoration: none;
}
.solny-finance-ledger-row__document img { width: 100%; height: 100%; object-fit: cover; }
.solny-finance-ledger-row__document > small { position: absolute; right: 2px; bottom: 2px; left: 2px; overflow: hidden; font-size: 6px; font-weight: 800; letter-spacing: 0.04em; text-align: center; }
.solny-finance-ledger-row__document.is-empty { border-style: dashed; color: #9aa0af; background: #f7f8fa; }

.solny-finance-ledger-row__contact { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 9px; }
.solny-finance-ledger-row__contact > span:last-child { min-width: 0; display: grid; gap: 3px; }
.solny-finance-ledger-row__contact strong,
.solny-finance-ledger-row__contact small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-ledger-row__contact strong { font-size: 11px; font-weight: 800; }
.solny-finance-ledger-row__contact small { color: #7d8497; font-size: 9px; font-weight: 600; }
.solny-finance-ledger-row__contact.is-missing strong { color: #c6284b; }
.solny-finance-ledger-row__missing { width: 32px; height: 32px; display: grid !important; place-items: center; border-radius: 7px; color: #c6284b; background: rgba(198, 40, 75, 0.08); }

.solny-finance-ledger-row__classification,
.solny-finance-ledger-row__order { min-width: 0; display: grid; gap: 3px; }
.solny-finance-ledger-row__classification > span { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: 6px; overflow: hidden; padding: 4px 7px; border-radius: 6px; color: var(--category-color); background: color-mix(in srgb, var(--category-color) 8%, #fff); font-size: 9px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-ledger-row__classification small,
.solny-finance-ledger-row__order small { overflow: hidden; color: #80879a; font-size: 8px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-ledger-row__order strong { overflow: hidden; color: #3f38bf; font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-ledger-row__project-result { min-width: 0; display: flex; align-items: center; gap: 5px; overflow: hidden; font-size: 7px; font-style: normal; white-space: nowrap; }
.solny-finance-ledger-row__project-result b { flex: 0 0 auto; color: #16845d; font-size: 7px; }
.solny-finance-ledger-row__project-result.is-negative b { color: #c6284b; }
.solny-finance-ledger-row__project-result em { min-width: 0; overflow: hidden; color: #858b9c; font-style: normal; text-overflow: ellipsis; }

.solny-finance-ledger-row__date,
.solny-finance-ledger-row__due,
.solny-finance-ledger-row__net,
.solny-finance-ledger-row__vat,
.solny-finance-ledger-row__amount { min-width: 0; font-size: 10px; font-variant-numeric: tabular-nums; }
.solny-finance-ledger-row__due strong { color: #737b90; }
.solny-finance-ledger-row__due strong.is-overdue { color: #c6284b; }
.solny-finance-ledger-row__net,
.solny-finance-ledger-row__vat,
.solny-finance-ledger-row__amount { text-align: right; }
.solny-finance-ledger-row__net strong,
.solny-finance-ledger-row__vat strong { color: #596176; font-weight: 700; }
.solny-finance-ledger-row__amount strong { font-size: 11px; font-weight: 800; }
.solny-finance-ledger-row__amount.is-income strong { color: #16845d; }
.solny-finance-ledger-row__amount.is-expense strong { color: #c6284b; }

.solny-finance-ledger-row__payment { min-width: 0; display: grid; justify-items: start; gap: 3px; }
.solny-finance-ledger-row__payment > span { max-width: 100%; display: inline-flex; align-items: center; gap: 5px; overflow: hidden; padding: 4px 8px; border-radius: 999px; color: var(--payment-color); background: color-mix(in srgb, var(--payment-color) 10%, #fff); font-size: 9px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-ledger-row__payment > small { max-width: 100%; overflow: hidden; color: #858b9c; font-size: 7px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.solny-finance-ledger-row__responsible-cell { display: grid; place-items: center; }
.solny-finance-ledger-row__responsible { display: inline-flex; }
.solny-finance-ledger-row__responsible-empty { color: #a1a6b4; }
.solny-finance-ledger-row__actions { display: grid; place-items: center; }
.solny-finance-ledger-row__actions a,
.solny-finance-ledger-row__actions button { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 7px; color: #7a8194; background: transparent; text-decoration: none; cursor: pointer; }
.solny-finance-ledger-row__actions a:hover,
.solny-finance-ledger-row__actions button:hover { color: #3f38bf; background: rgba(63, 56, 191, 0.08); }

.solny-expenses__debug-actions:empty { display: none; }
.solny-expenses__debug-copy {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 12px;
    border: 1px dashed rgba(63, 56, 191, 0.28);
    border-radius: 8px;
    color: #3f38bf;
    background: rgba(63, 56, 191, 0.045);
}
.solny-expenses__debug-copy > span { min-width: 0; display: flex; align-items: center; gap: 10px; }
.solny-expenses__debug-copy > span > i { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 32px; border-radius: 7px; background: rgba(63, 56, 191, 0.1); }
.solny-expenses__debug-copy > span > span { min-width: 0; display: grid; gap: 2px; }
.solny-expenses__debug-copy strong { color: #292e42; font-size: 10px; }
.solny-expenses__debug-copy small { color: #777f92; font-size: 8px; font-weight: 600; }
.solny-expenses__debug-copy .solny-btn { min-height: 36px; flex: 0 0 auto; border-radius: 7px; }

@media (max-width: 900px) {
    .solny-finance-ledger-head { display: none; }
    .solny-expense-card.solny-finance-ledger-row,
    .solny-finance-ledger-row { min-width: 0; grid-template-columns: 48px minmax(0, 1fr) minmax(120px, 0.55fr); row-gap: 10px; align-items: start; }
    .solny-finance-ledger-row > [data-label]::before { content: attr(data-label); display: block; margin-bottom: 4px; color: #9398a7; font-size: 7px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
    .solny-finance-ledger-row__document-cell { grid-row: 1 / span 2; }
    .solny-finance-ledger-row__document-cell::before,
    .solny-finance-ledger-row__responsible-cell::before,
    .solny-finance-ledger-row__actions::before { display: none !important; }
    .solny-finance-ledger-row__contact { grid-column: 2 / -1; }
    .solny-finance-ledger-row__classification,
    .solny-finance-ledger-row__order,
    .solny-finance-ledger-row__date,
    .solny-finance-ledger-row__due,
    .solny-finance-ledger-row__net,
    .solny-finance-ledger-row__vat,
    .solny-finance-ledger-row__amount,
    .solny-finance-ledger-row__payment { grid-column: auto; text-align: left; }
    .solny-finance-ledger-row__responsible-cell { justify-items: start; }
    .solny-finance-ledger-row__actions { justify-items: end; }
    .solny-expenses__debug-copy { align-items: stretch; flex-direction: column; }
    .solny-expenses__debug-copy .solny-btn { width: 100%; justify-content: center; }
}

.solny-expense-directory {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 10px;
    min-width: 0;
    padding: 12px;
    background: #f7f8fb;
}

.solny-expense-directory__card {
    min-width: 0;
    min-height: 82px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 11px;
    border: 1px solid #e1e4ed;
    border-left: 3px solid var(--directory-color, #3f38bf);
    border-radius: 7px;
    color: #262b3f;
    background: #fff;
    box-shadow: 0 5px 16px rgba(34, 40, 67, 0.04);
    text-align: left;
}

button.solny-expense-directory__card { width: 100%; font: inherit; cursor: pointer; }
.solny-expense-directory__card:hover { border-color: color-mix(in srgb, var(--directory-color, #3f38bf) 30%, #dfe2eb); }
.solny-expense-directory__card.is-child { margin-left: 18px; }
.solny-expense-directory__icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 7px; color: var(--directory-color); background: color-mix(in srgb, var(--directory-color) 10%, #fff); }
.solny-expense-directory__card > div { min-width: 0; display: grid; gap: 4px; }
.solny-expense-directory__card > div strong,
.solny-expense-directory__card > div small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-directory__card > div strong { font-size: 11px; }
.solny-expense-directory__card > div small { color: #777f92; font-size: 8px; font-weight: 600; }
.solny-expense-directory__card > span:not(.solny-expense-directory__icon):not(.solny-avatar) { display: grid; justify-items: end; gap: 4px; }
.solny-expense-directory__card > span:not(.solny-expense-directory__icon):not(.solny-avatar) small { color: #7d8496; font-size: 8px; font-weight: 700; }
.solny-expense-directory__card > span:not(.solny-expense-directory__icon):not(.solny-avatar) b { color: #262b40; font-size: 11px; }
.solny-expense-directory__card > em { grid-column: 2 / -1; width: max-content; padding: 3px 6px; border-radius: 4px; color: var(--directory-color, #3f38bf); background: color-mix(in srgb, var(--directory-color, #3f38bf) 8%, #fff); font-size: 8px; font-style: normal; font-weight: 800; }
.solny-expense-directory__card.is-supplier {
    --directory-color: var(--company-color, #3f38bf);
    background: linear-gradient(118deg, color-mix(in srgb, var(--company-color, #3f38bf) 7%, #fff) 0%, #fff 58%);
}
.solny-expense-directory__card.is-supplier:hover {
    background: linear-gradient(118deg, color-mix(in srgb, var(--company-color, #3f38bf) 12%, #fff) 0%, #fff 64%);
}
.solny-expense-directory__supplier-meta {
    grid-column: 2 / -1;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}
.solny-expense-directory__category-badges {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}
.solny-expense-directory__category-badge {
    max-width: 150px;
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 6px;
    border: 1px solid color-mix(in srgb, var(--category-color) 22%, #e1e4ed);
    border-radius: 5px;
    color: var(--category-color);
    background: color-mix(in srgb, var(--category-color) 9%, #fff);
    font-size: 8px;
    line-height: 1;
}
.solny-expense-directory__category-badge i { flex: 0 0 auto; }
.solny-expense-directory__category-badge b {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: inherit;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.solny-expense-directory__open-amount {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 5px;
    color: var(--directory-color, #3f38bf);
    background: color-mix(in srgb, var(--directory-color, #3f38bf) 10%, #fff);
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

/* Categories follow the accounting register: compact rows instead of dashboard cards. */
.solny-expense-directory.solny-expense-directory--categories {
    display: block;
    overflow-x: auto;
    padding: 0;
    background: #fff;
}

.solny-expense-category-directory__head,
.solny-expense-category-directory__row {
    min-width: 820px;
    display: grid;
    grid-template-columns: 118px minmax(220px, 1fr) 150px 76px 76px 130px;
    align-items: center;
    gap: 10px;
}

.solny-expense-category-directory__head {
    min-height: 38px;
    padding: 7px 14px;
    border-bottom: 1px solid #e5e7ef;
    color: #7b8295;
    background: #f7f8fc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.solny-expense-category-directory__head > span:nth-last-child(-n+3) { text-align: right; }

.solny-expense-category-directory__toggle-all {
    min-width: 0;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 9px;
    border: 1px solid #dfe2ee;
    border-radius: 7px;
    color: #4b45c8;
    background: #fff;
    font: inherit;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
    transition: color 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}
.solny-expense-category-directory__toggle-all:hover,
.solny-expense-category-directory__toggle-all:focus-visible {
    outline: none;
    border-color: #bcb8f2;
    background: #f0efff;
}
.solny-expense-category-directory__toggle-all i { transition: transform 0.18s ease; }
.solny-expense-category-directory__toggle-all[aria-expanded="true"] i { transform: rotate(180deg); }

.solny-expense-category-directory__tree,
.solny-expense-category-directory__children { display: grid; }
.solny-expense-category-directory__node { position: relative; min-width: 820px; }
.solny-expense-category-directory__node.has-children:not(.is-open) > .solny-expense-category-directory__children { display: none; }
.solny-expense-category-directory__children {
    position: relative;
    background: #fbfbfe;
}
.solny-expense-category-directory__children::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 12px;
    left: 38px;
    width: 1px;
    background: color-mix(in srgb, var(--directory-color, #3f38bf) 24%, #dfe2eb);
}

.solny-expense-category-directory__row {
    position: relative;
    min-height: 70px;
    padding: 10px 14px;
    border-bottom: 1px solid #eceef5;
    background: #fff;
    box-shadow: inset 3px 0 0 transparent;
    transition: background 0.14s ease, box-shadow 0.14s ease;
}

.solny-expense-category-directory__tree > .solny-expense-category-directory__node:last-child > .solny-expense-category-directory__row { border-bottom: 0; }
.solny-expense-category-directory__row:hover { background: #f8f9fc; box-shadow: inset 3px 0 0 var(--directory-color); }
.solny-expense-category-directory__row.is-child { background: #fbfbfe; }
.solny-expense-category-directory__row.is-child .solny-expense-category-directory__lead { padding-left: calc(var(--category-depth, 1) * 9px); }
.solny-expense-category-directory__row.is-child .solny-expense-category-directory__lead::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 38px;
    width: 18px;
    height: 1px;
    background: color-mix(in srgb, var(--directory-color) 30%, #dfe2eb);
}

.solny-expense-category-directory__lead {
    position: relative;
    z-index: 2;
    min-width: 0;
    display: grid;
    grid-template-columns: 58px 34px;
    align-items: center;
    gap: 7px;
}

.solny-expense-category-directory__toggle,
.solny-expense-category-directory__toggle-spacer {
    width: 58px;
    height: 34px;
}
.solny-expense-category-directory__toggle {
    display: grid;
    grid-template-columns: 24px 14px;
    place-content: center;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--directory-color) 18%, #dfe2eb);
    border-radius: 7px;
    color: var(--directory-color);
    background: color-mix(in srgb, var(--directory-color) 7%, #fff);
    cursor: pointer;
}
.solny-expense-category-directory__toggle:hover,
.solny-expense-category-directory__toggle:focus-visible {
    outline: none;
    background: color-mix(in srgb, var(--directory-color) 15%, #fff);
}
.solny-expense-category-directory__toggle b {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    color: #fff;
    background: var(--directory-color);
    box-shadow: 0 4px 10px color-mix(in srgb, var(--directory-color) 25%, transparent);
    font-size: 10px;
    font-weight: 900;
}
.solny-expense-category-directory__toggle i { font-size: 11px; transition: transform 0.18s ease; }
.solny-expense-category-directory__node.is-open > .solny-expense-category-directory__row .solny-expense-category-directory__toggle i { transform: rotate(180deg); }

.solny-expense-category-directory__icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: var(--directory-color);
    background: color-mix(in srgb, var(--directory-color) 11%, #fff);
    font-size: 14px;
}

.solny-expense-category-directory__copy { min-width: 0; display: grid; gap: 4px; }
.solny-expense-category-directory__copy > span:first-child { min-width: 0; display: flex; align-items: center; gap: 7px; }
.solny-expense-category-directory__copy strong,
.solny-expense-category-directory__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-category-directory__copy strong { color: #252a3d; font-size: 12px; }
.solny-expense-category-directory__copy small { color: #7c8396; font-size: 10px; font-weight: 600; }
.solny-expense-category-directory__copy em { flex: 0 0 auto; padding: 3px 6px; border-radius: 4px; color: var(--directory-color); background: color-mix(in srgb, var(--directory-color) 8%, #fff); font-size: 8px; font-style: normal; font-weight: 800; }
.solny-expense-category-directory__progress { height: 4px; overflow: hidden; border-radius: 2px; background: #eceef4; }
.solny-expense-category-directory__progress i { height: 100%; display: block; border-radius: inherit; background: var(--directory-color); }
.solny-expense-category-directory__recurrence { display: inline-flex; align-items: center; gap: 6px; color: #646c81; font-size: 10px; font-weight: 700; }
.solny-expense-category-directory__recurrence i { color: var(--directory-color); }
.solny-expense-category-directory__count { display: grid; justify-items: end; gap: 2px; }
.solny-expense-category-directory__count b { color: #272c40; font-size: 11px; }
.solny-expense-category-directory__count small { color: #82889a; font-size: 9px; font-weight: 600; }
.solny-expense-category-directory__share { color: #6e7588; font-size: 11px; font-weight: 700; text-align: right; }
.solny-expense-category-directory__amount { color: #252a3d; font-size: 13px; font-variant-numeric: tabular-nums; text-align: right; }

@media (max-width: 900px) {
    .solny-finance-document-head { display: none; }
    .solny-expense-card.solny-finance-document-row,
    .solny-finance-document-row { min-width: 0; grid-template-columns: 44px repeat(3, minmax(0, 1fr)); row-gap: 11px; }
    .solny-finance-document-row > [data-label]::before { content: attr(data-label); display: block; margin-bottom: 4px; color: #8a90a3; font-size: 8px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
    .solny-finance-document-row__flow::before { display: none !important; }
    .solny-finance-document-row__project { grid-column: 2 / -1; grid-template-columns: minmax(180px, 1.2fr) repeat(4, minmax(90px, 0.7fr)); }
    .solny-finance-document-row__actions { justify-content: flex-start; }
}

@media (max-width: 760px) {
    .solny-expense-card.solny-finance-document-row,
    .solny-finance-document-row { grid-template-columns: 42px minmax(0, 1fr); align-items: start; }
    .solny-finance-document-row__flow { grid-row: 1 / span 2; }
    .solny-finance-document-row > :not(.solny-finance-document-row__flow) { grid-column: 2; }
    .solny-finance-document-row__project { grid-template-columns: 1fr 1fr; }
    .solny-finance-document-row__project-title { grid-column: 1 / -1; }
    .solny-finance-document-row__amount { text-align: left; }
    .solny-finance-document-footer { align-items: flex-start; flex-direction: column; gap: 5px; }
    .solny-finance-document-footer span:first-child { margin-right: 0; }
}

#solny-modal-expense .solny-modal__dialog {
    width: min(1160px, calc(100vw - 34px));
    max-width: 1160px;
}

#solny-modal-expense .solny-form__section {
    border: 1px solid #e6e8f1;
    border-radius: 10px;
    background: #fff;
}

.solny-expense-category-field { position: relative; }
.solny-expense-category-picker { position: relative; min-width: 0; }

.solny-expense-category-picker__trigger {
    width: 100%;
    min-height: 48px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 6px 11px;
    border: 1px solid #dfe2ed;
    border-radius: 8px;
    background: #f9fafe;
    color: #20243a;
    text-align: left;
    cursor: pointer;
}

.solny-expense-category-picker.is-open .solny-expense-category-picker__trigger {
    border-color: rgba(63, 56, 191, 0.42);
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.09);
}

.solny-expense-category-picker__value {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
}

.solny-expense-category-picker__icon,
.solny-expense-category-picker__option-icon {
    display: grid;
    place-items: center;
    color: var(--category-color, #3f38bf);
    background: color-mix(in srgb, var(--category-color, #3f38bf) 11%, #fff);
}

.solny-expense-category-picker__icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
}

.solny-expense-category-picker__icon.is-empty { color: #8a90a3; background: #eef0f6; }
.solny-expense-category-picker__copy { min-width: 0; display: grid; gap: 2px; }
.solny-expense-category-picker__copy strong,
.solny-expense-category-picker__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-category-picker__copy strong { font-size: 11px; font-weight: 800; }
.solny-expense-category-picker__copy small { color: #81879a; font-size: 9px; font-weight: 600; }

.solny-expense-category-picker__menu {
    position: absolute;
    z-index: 80;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    width: 100%;
    max-height: 340px;
    display: none;
    overflow: auto;
    padding: 7px;
    border: 1px solid #dfe2ed;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 20px 44px rgba(31, 35, 55, 0.16);
}

.solny-expense-category-picker.is-open .solny-expense-category-picker__menu { display: grid; gap: 6px; }
.solny-expense-category-picker__search {
    position: sticky;
    top: -1px;
    z-index: 4;
    min-height: 40px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid #dfe2ed;
    border-radius: 8px;
    color: #747c91;
    background: #fff;
    box-shadow: 0 5px 14px rgba(31, 35, 55, 0.07);
}
.solny-expense-category-picker__search:focus-within {
    border-color: rgba(63, 56, 191, 0.5);
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.09);
}
.solny-expense-category-picker__search input {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0;
    border: 0;
    outline: 0;
    color: #252a3f;
    background: transparent;
    font: 600 10px Montserrat, sans-serif;
}
.solny-expense-category-picker__tree { display: grid; gap: 5px; }
.solny-expense-category-picker__group { border: 1px solid #e7e9f1; border-radius: 8px; overflow: hidden; background: #fff; }
.solny-expense-category-picker__group-head { min-height: 52px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 7px 8px; background: color-mix(in srgb, var(--category-color, #3f38bf) 4%, #fff); }
.solny-expense-category-picker__group-head > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.solny-expense-category-picker__group-head strong { overflow: hidden; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-category-picker__group-head small { overflow: hidden; color: #777f93; font-size: 9px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-category-picker__root-select { min-height: 32px; display: inline-flex; align-items: center; gap: 6px; padding: 0 9px; border: 1px solid color-mix(in srgb, var(--category-color, #3f38bf) 24%, #dfe2ed); border-radius: 6px; color: var(--category-color, #3f38bf); background: #fff; font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.solny-expense-category-picker__root-select.is-selected { color: #fff; background: var(--category-color, #3f38bf); }
.solny-expense-category-picker__group-note { color: #8a90a3; font-size: 9px; font-weight: 700; }
.solny-expense-category-picker__group-actions { display: inline-flex; align-items: center; gap: 5px; }
.solny-expense-category-picker__group-toggle {
    min-width: 42px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 7px;
    border: 1px solid color-mix(in srgb, var(--category-color, #3f38bf) 20%, #dfe2ed);
    border-radius: 6px;
    color: var(--category-color, #3f38bf);
    background: color-mix(in srgb, var(--category-color, #3f38bf) 7%, #fff);
    cursor: pointer;
}
.solny-expense-category-picker__group-toggle b {
    min-width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border-radius: 5px;
    color: #fff;
    background: var(--category-color, #3f38bf);
    font-size: 8px;
}
.solny-expense-category-picker__group-toggle i { font-size: 10px; transition: transform 0.18s ease; }
.solny-expense-category-picker__group.is-open .solny-expense-category-picker__group-toggle i,
.solny-expense-category-picker__group.is-searching .solny-expense-category-picker__group-toggle i { transform: rotate(180deg); }

.solny-expense-category-picker__option {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    display: grid;
    grid-template-columns: 22px 32px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 6px 9px;
    border: 0;
    background: transparent;
    color: #20243a;
    text-align: left;
    cursor: pointer;
}

.solny-expense-category-picker__option:hover,
.solny-expense-category-picker__option.is-selected { background: color-mix(in srgb, var(--category-color, #3f38bf) 7%, #fff); }
.solny-expense-category-picker__option.is-structural { cursor: default; opacity: 0.78; }
.solny-expense-category-picker__option-icon { width: 32px; height: 32px; border-radius: 7px; }
.solny-expense-category-picker__option > span:last-child { min-width: 0; display: grid; gap: 2px; }
.solny-expense-category-picker__option strong { overflow: hidden; font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-category-picker__option small { overflow: hidden; color: #858b9e; font-size: 8px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-category-picker__check { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #cfd3e1; border-radius: 5px; color: transparent; background: #fff; font-size: 9px; }
.solny-expense-category-picker__option.is-selected .solny-expense-category-picker__check { border-color: var(--category-color, #3f38bf); color: #fff; background: var(--category-color, #3f38bf); }
.solny-expense-category-picker__children { display: grid; gap: 2px; padding: 5px; border-top: 1px solid #eceef5; background: #fafbfe; }
.solny-expense-category-picker__group.has-children:not(.is-open):not(.is-searching) > .solny-expense-category-picker__children { display: none; }
.solny-expense-category-picker__option.is-child { min-height: 46px; border-radius: 7px; }
.solny-expense-category-picker__empty {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #858b9e;
    font-size: 10px;
    font-weight: 700;
}
.solny-expense-category-picker__empty[hidden],
.solny-expense-category-picker__group[hidden],
.solny-expense-category-picker__option[hidden] { display: none; }

@media (max-width: 1280px) {
    .solny-finance-ledger__row { grid-template-columns: 120px minmax(190px, 1.3fr) minmax(135px, 0.8fr) 120px minmax(140px, 0.8fr) 130px 70px; }
}

@media (max-width: 860px) {
    .solny-expenses__filter-fields { display: grid; grid-template-columns: 1fr 1fr; }
    .solny-expenses__filter-fields .solny-expenses__filters-reset { width: 100%; justify-content: center; margin-left: 0; }
    .solny-expenses__flow-tabs { overflow-x: auto; }
    .solny-expenses__flow-tabs button { flex: 0 0 auto; }
    .solny-finance-ledger__row { grid-template-columns: 1fr 1fr; gap: 10px; }
    .solny-finance-ledger__row .solny-expense-ledger__supplier { grid-column: 1 / -1; }
    .solny-finance-ledger__row .solny-expense-ledger__amount { text-align: left; }
    .solny-expense-ledger__actions { justify-content: flex-start; }
}

@media (max-width: 560px) {
    .solny-expenses__filter-fields { grid-template-columns: 1fr; }
    .solny-expense-category-picker__children { padding-left: 10px; }
}

/* Expense capture follows the receipt-first accounting flow. */
#solny-modal-expense .solny-modal__dialog {
    width: min(980px, calc(100vw - 32px));
    max-width: 980px;
    max-height: min(92vh, 940px);
    overflow: hidden;
    border-radius: 14px;
    background: #f5f6fa;
}

#solny-modal-expense .solny-modal__body {
    max-height: calc(92vh - 74px);
    padding: 0;
    background: #f5f6fa;
}

.solny-expense-modal__header {
    min-height: 72px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 38px;
    align-items: center;
    gap: 11px;
    padding: 14px 18px;
    border-bottom: 1px solid #e6e8f0;
    background: #fff;
}

.solny-expense-modal__header-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #16845d;
    background: rgba(22, 132, 93, 0.1);
    font-size: 16px;
}

.solny-expense-modal__header h3 { margin: 0; font-size: 15px; font-weight: 800; }
.solny-expense-modal__header p { margin: 3px 0 0; color: #7e8495; font-size: 10px; font-weight: 600; }
.solny-expense-modal__header > .solny-btn {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    padding: 0;
    border-color: rgba(198, 40, 75, 0.14);
    border-radius: 8px;
    color: #c6284b;
    background: rgba(198, 40, 75, 0.06);
}

#solny-expense-form { padding: 18px; }

.solny-expense-capture {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    overflow: visible;
    border: 1px solid #e1e4ed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(30, 35, 55, 0.06);
}

.solny-expense-capture__document {
    min-width: 0;
    padding: 16px;
    border-right: 1px solid #e8eaf1;
    background: #fafbfe;
}

.solny-expense-capture__eyebrow {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: #565d73;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.solny-expense-upload-zone {
    min-height: 190px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    padding: 18px;
    border: 1.5px dashed #bfc5d7;
    border-radius: 10px;
    background: #fff;
    color: #20243a;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.solny-expense-upload-zone:hover,
.solny-expense-upload-zone.is-dragover {
    border-color: #3f38bf;
    background: rgba(63, 56, 191, 0.035);
    box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.07);
}

.solny-expense-upload-zone .solny-file-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.solny-expense-upload-zone__icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 10px; color: #3f38bf; background: rgba(63, 56, 191, 0.1); font-size: 18px; }
.solny-expense-upload-zone strong { font-size: 12px; font-weight: 800; }
.solny-expense-upload-zone small { color: #858b9e; font-size: 9px; font-weight: 600; }

.solny-expense-capture__document .solny-expense-docs { grid-template-columns: 1fr; gap: 7px; }
.solny-expense-capture__document .solny-expense-doc { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 4px 9px; padding: 7px; border-radius: 8px; }
.solny-expense-capture__document .solny-expense-doc__preview { grid-row: span 2; width: 42px; height: 42px; border-radius: 7px; font-size: 16px; }
.solny-expense-capture__document .solny-expense-doc__name { overflow: hidden; align-self: end; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-capture__document .solny-expense-doc__meta { align-self: start; font-size: 8px; }
.solny-expense-capture__document .solny-empty { padding: 10px 4px; font-size: 9px; }
.solny-expense-capture__tip { display: flex; gap: 8px; margin-top: 10px; padding: 9px; border-radius: 8px; color: #556078; background: rgba(22, 132, 93, 0.07); font-size: 8px; font-weight: 600; line-height: 1.45; }
.solny-expense-capture__tip i { margin-top: 1px; color: #16845d; }

.solny-expense-capture__form { min-width: 0; display: grid; gap: 12px; padding: 16px 18px 18px; }
.solny-expense-form__classification {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
}
.solny-expense-form__classification:has(.solny-expense-category-field.is-auto) { grid-template-columns: minmax(0, 1fr); }
.solny-expense-form__classification > .solny-form__group { min-width: 0; align-content: start; }
.solny-expense-form__classification .solny-hint { min-height: 24px; margin-top: 0; font-size: 8px; line-height: 1.4; }
.solny-expense-capture__title { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid #eceef4; }
.solny-expense-capture__title > div { display: grid; gap: 2px; }
.solny-expense-capture__title span { color: #8a90a3; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; }
.solny-expense-capture__title strong { font-size: 13px; font-weight: 800; }
.solny-expense-capture__required { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 6px; color: #c6284b !important; background: rgba(198, 40, 75, 0.07); font-size: 8px !important; }

#solny-modal-expense .solny-form__group { min-width: 0; display: grid; gap: 5px; }
#solny-modal-expense .solny-form__group > label { color: #626a80; font-size: 10px; font-weight: 800; letter-spacing: 0.035em; text-transform: uppercase; }
#solny-modal-expense .solny-form__group > input,
#solny-modal-expense .solny-form__group > select,
#solny-modal-expense .solny-form__group > textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid #dfe2eb;
    border-radius: 7px;
    background: #fff;
    font: 600 12px Montserrat, sans-serif;
}
#solny-modal-expense .solny-form__group > input,
#solny-modal-expense .solny-form__group > select { height: 42px; padding: 0 11px; }
#solny-modal-expense .solny-form__group > textarea { min-height: 76px; padding: 9px 10px; resize: vertical; }
#solny-modal-expense .solny-form__group > input:focus,
#solny-modal-expense .solny-form__group > select:focus,
#solny-modal-expense .solny-form__group > textarea:focus { border-color: rgba(63, 56, 191, 0.48); outline: 0; box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.07); }

.solny-expense-form__two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.solny-expense-form__three { display: grid; grid-template-columns: 1fr 1fr 1.1fr; gap: 10px; }
.solny-expense-form__amounts { display: grid; grid-template-columns: 1.35fr 1fr 90px; gap: 10px; padding: 10px; border: 1px solid rgba(22, 132, 93, 0.13); border-radius: 9px; background: rgba(22, 132, 93, 0.035); }
.solny-expense-form__amounts .is-primary label { color: #16845d !important; }
.solny-expense-money-input { display: grid; grid-template-columns: 42px minmax(0, 1fr); overflow: hidden; height: 39px; border: 1px solid rgba(22, 132, 93, 0.3); border-radius: 7px; background: #fff; }
.solny-expense-money-input span { display: grid; place-items: center; color: #16845d; background: rgba(22, 132, 93, 0.08); font-size: 8px; font-weight: 800; }
#solny-modal-expense .solny-expense-money-input input {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font: 800 12px Montserrat, sans-serif;
}
.solny-expense-money-input:focus-within { border-color: #16845d; box-shadow: 0 0 0 3px rgba(22, 132, 93, .08); }
.solny-expense-form__recurrence { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 2px; }

.solny-expense-supplier-picker { position: relative; min-width: 0; }
.solny-expense-supplier-picker__trigger,
.solny-expense-category-picker__trigger {
    width: 100%;
    min-height: 46px;
    border: 1px solid #dfe2eb;
    border-radius: 8px;
    background: #fff;
}
.solny-expense-supplier-picker__trigger { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 5px 10px; color: #20243a; text-align: left; cursor: pointer; }
.solny-expense-supplier-picker.is-open .solny-expense-supplier-picker__trigger { border-color: rgba(63, 56, 191, 0.48); box-shadow: 0 0 0 3px rgba(63, 56, 191, 0.07); }
.solny-expense-supplier-picker__value { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 9px; }
.solny-expense-supplier-picker__value > span:last-child { min-width: 0; display: grid; gap: 2px; }
.solny-expense-supplier-picker__value strong,
.solny-expense-supplier-picker__value small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-supplier-picker__value strong { font-size: 11px; font-weight: 800; }
.solny-expense-supplier-picker__value small { color: #858b9e; font-size: 9px; font-weight: 600; }
.solny-expense-supplier-picker__empty { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; color: #6c7285; background: #eef0f5; }
.solny-expense-supplier-picker__menu { position: absolute; z-index: 95; top: calc(100% + 6px); left: 0; right: 0; display: none; overflow: hidden; border: 1px solid #dfe2eb; border-radius: 10px; background: #fff; box-shadow: 0 20px 44px rgba(31, 35, 55, 0.16); }
.solny-expense-supplier-picker.is-open .solny-expense-supplier-picker__menu { display: block; }
.solny-expense-supplier-picker__search { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; margin: 7px; border: 1px solid #e0e3ec; border-radius: 7px; background: #f8f9fc; }
.solny-expense-supplier-picker__search i { justify-self: center; color: #8a90a3; font-size: 10px; }
.solny-expense-supplier-picker__search input { width: 100%; height: 34px; border: 0; background: transparent; font: 600 9px Montserrat, sans-serif; outline: 0; }
.solny-expense-supplier-picker__options { max-height: 260px; overflow: auto; padding: 0 7px 7px; }
.solny-expense-supplier-picker__option { width: 100%; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto 18px; align-items: center; gap: 9px; min-height: 48px; padding: 6px 7px; border: 0; border-radius: 7px; background: transparent; color: #20243a; text-align: left; cursor: pointer; }
.solny-expense-supplier-picker__option:hover,
.solny-expense-supplier-picker__option.is-selected { background: #f3f5fb; }
.solny-expense-supplier-picker__option > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.solny-expense-supplier-picker__option strong,
.solny-expense-supplier-picker__option small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-supplier-picker__option strong { font-size: 10px; }
.solny-expense-supplier-picker__option small { color: #858b9e; font-size: 8px; }
.solny-expense-supplier-picker__option b { display: inline-flex; align-items: center; gap: 5px; max-width: 128px; padding: 4px 6px; border-radius: 6px; color: var(--category-color); background: color-mix(in srgb, var(--category-color) 9%, #fff); font-size: 7px; white-space: nowrap; }
.solny-expense-supplier-picker__option > i:last-child { visibility: hidden; color: #16845d; }
.solny-expense-supplier-picker__option.is-selected > i:last-child { visibility: visible; }

.solny-expense-category-resolved { display: none; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 9px; min-height: 46px; padding: 5px 9px; border: 1px solid rgba(22, 132, 93, 0.18); border-radius: 8px; background: rgba(22, 132, 93, 0.045); }
.solny-expense-category-field.is-auto { display: none !important; }
.solny-expense-category-field.is-auto .solny-expense-category-resolved { display: grid; }
.solny-expense-category-field.is-auto .solny-expense-category-picker { display: none; }
.solny-expense-category-resolved__icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; color: var(--category-color); background: color-mix(in srgb, var(--category-color) 11%, #fff); }
.solny-expense-category-resolved > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.solny-expense-category-resolved strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-category-resolved small { overflow: hidden; color: #737b90; font-size: 8px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-category-resolved b { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 6px; color: #16845d; background: rgba(22, 132, 93, 0.1); font-size: 7px; }
#solny-expense-category-hint { margin-top: -1px; font-size: 8px; }

.solny-expense-advanced-list { display: grid; gap: 7px; margin-top: 12px; }
.solny-expense-section--positions { order: 1; }
.solny-expense-section--internal { order: 2; }
.solny-expense-advanced { overflow: visible; border: 1px solid #e2e4ec; border-radius: 9px; background: #fff; }
.solny-expense-advanced > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 8px 12px; list-style: none; cursor: pointer; }
.solny-expense-advanced > summary::-webkit-details-marker { display: none; }
.solny-expense-advanced > summary > span { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; column-gap: 9px; }
.solny-expense-advanced > summary > span > i { grid-row: span 2; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 7px; color: #3f38bf; background: rgba(63, 56, 191, 0.08); }
.solny-expense-advanced > summary b { font-size: 11px; }
.solny-expense-advanced > summary small { color: #858b9e; font-size: 9px; font-weight: 600; }
.solny-expense-advanced > summary > i { color: #8a90a3; transition: transform 0.16s ease; }
.solny-expense-advanced[open] > summary > i { transform: rotate(180deg); }
.solny-expense-advanced__body { display: grid; gap: 11px; padding: 12px; border-top: 1px solid #eceef4; }
.solny-expense-advanced__body.solny-form__grid { grid-template-columns: 1fr 1fr; }
.solny-expense-advanced .solny-section__header { margin: 0; }
.solny-expense-advanced .solny-hint { font-size: 8px; line-height: 1.45; }

#solny-expense-items { display: grid; gap: 8px; min-width: 0; }
#solny-expense-items .solny-expense-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(230px, 1fr) 82px 116px 126px 110px 36px;
    align-items: end;
    gap: 9px;
    margin: 0;
    padding: 10px;
    border: 1px solid #e0e4ed;
    border-left: 3px solid #3f38bf;
    border-radius: 8px;
    background: linear-gradient(105deg, rgba(63, 56, 191, 0.025), #fff 34%);
    box-shadow: 0 5px 16px rgba(31, 38, 65, 0.045);
}
.solny-expense-item__index {
    width: 28px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(63, 56, 191, 0.14);
    border-radius: 7px;
    color: #3f38bf;
    background: rgba(63, 56, 191, 0.07);
    font-size: 11px;
    font-weight: 850;
}
#solny-expense-items .solny-form__group { min-width: 0; gap: 5px; }
#solny-expense-items .solny-form__group > label,
#solny-expense-items label.solny-form__group > span:first-child,
.solny-expense-item__total > span {
    color: #6c7386;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}
.solny-expense-item__name-control {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    height: 42px;
    overflow: visible;
    border: 1px solid #dfe2eb;
    border-radius: 7px;
    background: #fff;
    transition: border-color .16s ease, box-shadow .16s ease;
}
.solny-expense-item__name-control:focus-within {
    border-color: rgba(63, 56, 191, .48);
    box-shadow: 0 0 0 3px rgba(63, 56, 191, .07);
}
.solny-expense-item__name-control > i { color: #3f38bf; text-align: center; }
#solny-expense-items .solny-product-search {
    min-width: 0;
    width: 100%;
    height: 40px;
    padding: 0 7px 0 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #20243a;
    font: 700 12px Montserrat, sans-serif;
    text-overflow: ellipsis;
}
.solny-expense-item__ocr {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 7px;
    padding: 4px 6px;
    border-radius: 5px;
    color: #16845d;
    background: rgba(22, 132, 93, .09);
    font-size: 8px;
    font-weight: 850;
    white-space: nowrap;
}
.solny-expense-item__name-control .solny-suggestions {
    position: absolute;
    z-index: 180;
    top: calc(100% + 5px);
    right: 0;
    left: 0;
}
#solny-expense-items .solny-item-qty,
#solny-expense-items .solny-item-price,
#solny-expense-items .solny-item-discount,
#solny-expense-items .solny-item-discount-type {
    width: 100%;
    min-width: 0;
    height: 42px;
    padding: 0 9px;
    border: 1px solid #dfe2eb;
    border-radius: 7px;
    background: #fff;
    color: #20243a;
    font: 700 12px Montserrat, sans-serif;
}
.solny-expense-item__discount-control {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
}
#solny-expense-items .solny-item-discount {
    border-radius: 7px 0 0 7px;
    color: #b52b45;
}
#solny-expense-items .solny-item-discount-type {
    padding: 0 5px;
    border-left: 0;
    border-radius: 0 7px 7px 0;
    color: #b52b45;
    background: #fff6f7;
}
.solny-expense-item__money-input { position: relative; display: block; }
.solny-expense-item__money-input .solny-item-price { padding-right: 30px !important; }
.solny-expense-item__money-input > b {
    position: absolute;
    top: 50%;
    right: 10px;
    color: #16845d;
    font-size: 10px;
    transform: translateY(-50%);
    pointer-events: none;
}
.solny-expense-item__total { min-width: 0; display: grid; gap: 5px; }
.solny-expense-item__total strong {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 10px;
    border: 1px solid rgba(22, 132, 93, .14);
    border-radius: 7px;
    color: #126c4d;
    background: rgba(22, 132, 93, .055);
    font-size: 11px;
    white-space: nowrap;
}
#solny-expense-items .solny-item__remove {
    width: 36px;
    min-width: 36px;
    height: 42px;
    min-height: 42px;
    display: grid;
    place-items: center;
    padding: 0;
    border-radius: 7px;
}
.solny-expense-advanced__body > [data-action="add-expense-item"] {
    justify-self: end;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid rgba(63, 56, 191, .2);
    border-radius: 7px;
    color: #fff;
    background: #3f38bf;
    font-size: 10px;
    font-weight: 800;
}
.solny-expense-advanced__body > [data-action="add-expense-item"]:hover { background: #312ba2; }

.solny-expense-section--internal > summary > span > i { color: #16845d; background: rgba(22, 132, 93, 0.09); }
.solny-expense-internal__body { gap: 10px; background: #f7f9fc; }
.solny-expense-internal__section { display: grid; gap: 11px; padding: 12px; border: 1px solid #e1e5ed; border-radius: 8px; background: #fff; }
.solny-expense-internal__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.solny-expense-internal__head > span { display: inline-flex; align-items: center; gap: 8px; color: #252a3e; font-size: 10px; }
.solny-expense-internal__head > span i { color: #3f38bf; }
.solny-expense-internal__head > small { color: #7b8295; font-size: 8px; font-weight: 650; text-align: right; }
.solny-expense-internal__order-grid { display: grid; grid-template-columns: minmax(360px, .9fr) minmax(420px, 1.1fr); align-items: start; gap: 14px; }
.solny-expense-internal__team-footer { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(320px, 1.3fr); align-items: start; gap: 14px; }
.solny-expense-internal__team-footer > .solny-switch { align-self: center; justify-self: start; }
.solny-expense-internal__team-footer textarea { min-height: 72px; resize: vertical; }
.solny-expense-assignment-picker { min-width: 0; display: grid; align-content: start; gap: 8px; }
.solny-expense-assignment-picker__separator { display: flex; align-items: center; gap: 8px; color: #8a91a3; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.solny-expense-assignment-picker__separator::before,
.solny-expense-assignment-picker__separator::after { height: 1px; flex: 1; background: #e7e9f0; content: ''; }
.solny-expense-assignment-picker__separator span { padding: 0 4px; }
.solny-expense-order-search,
.solny-expense-customer-search,
.solny-expense-relation-search { min-width: 0; }
.solny-expense-order-search > label,
.solny-expense-customer-search > label,
.solny-expense-relation-search > label,
.solny-expense-user-picker__search > label { min-height: 17px; display: inline-flex; align-items: center; gap: 6px; color: #596176; font-size: 9px; font-weight: 750; }
.solny-expense-order-search > label i,
.solny-expense-customer-search > label i,
.solny-expense-relation-search > label i { color: #3f38bf; font-size: 9px; }
.solny-expense-order-search__input,
.solny-expense-customer-search__input,
.solny-expense-relation-search__input,
.solny-expense-user-picker__search .solny-input-with-icon {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: none;
    min-height: 42px;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid #dfe2eb;
    border-radius: 7px;
    background: #fff;
}
.solny-expense-order-search__input:focus-within,
.solny-expense-customer-search__input:focus-within,
.solny-expense-relation-search__input:focus-within,
.solny-expense-user-picker__search .solny-input-with-icon:focus-within { border-color: rgba(63, 56, 191, .46); box-shadow: 0 0 0 3px rgba(63, 56, 191, .07); }
.solny-expense-order-search__input > i,
.solny-expense-customer-search__input > i,
.solny-expense-relation-search__input > i,
.solny-expense-user-picker__search .solny-input-with-icon > i {
    position: static !important;
    inset: auto !important;
    width: 18px;
    color: #3f38bf;
    text-align: center;
    transform: none !important;
    pointer-events: none;
}
.solny-expense-order-search__input input,
.solny-expense-customer-search__input input,
.solny-expense-relation-search__input input,
.solny-expense-user-picker__search input {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    height: 40px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font: 650 11px Montserrat, sans-serif;
}
#solny-modal-expense .solny-expense-relation-search__input input:focus,
#solny-modal-expense .solny-expense-user-picker__search .solny-input-with-icon input:focus {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.solny-expense-order-search__input .solny-suggestions,
.solny-expense-customer-search__input .solny-suggestions,
.solny-expense-relation-search__input .solny-suggestions,
.solny-expense-user-picker__search .solny-suggestions { position: absolute; z-index: 190; top: calc(100% + 5px); right: 0; left: 0; }
.solny-expense-order-search.has-selection > .solny-expense-order-search__input,
.solny-expense-customer-search.has-selection > .solny-expense-customer-search__input,
.solny-expense-relation-search.has-selection > .solny-expense-relation-search__input { display: none !important; }
.solny-expense-relation-selection { min-width: 0; display: grid; gap: 7px; }
.solny-expense-relation-search:not(.has-selection) .solny-expense-relation-selection { display: none; }
.solny-expense-relation-suggestions { max-height: min(520px, 58vh); overflow: auto; padding: 6px; }
.solny-expense-relation-suggestions__loading { min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #697187; font-size: 10px; font-weight: 700; }
.solny-expense-relation-suggestions__loading.is-inline { min-height: 34px; margin-top: 5px; border-top: 1px solid #eceef4; }
.solny-expense-relation-suggestions__loading i { color: #3f38bf; }
.solny-expense-relation-results { display: grid; gap: 4px; }
.solny-expense-relation-results + .solny-expense-relation-results { margin-top: 7px; padding-top: 7px; border-top: 1px solid #e7e9f0; }
.solny-expense-relation-results > header { min-height: 28px; display: flex; align-items: center; gap: 7px; padding: 3px 6px; color: #555d72; font-size: 9px; font-weight: 800; }
.solny-expense-relation-results > header i { color: #3f38bf; }
.solny-expense-relation-results > header b { margin-left: auto; min-width: 21px; padding: 3px 6px; border-radius: 5px; color: #3f38bf; background: rgba(63, 56, 191, .08); font-size: 8px; text-align: center; }
.solny-expense-relation-option { box-sizing: border-box; min-width: 0; width: 100%; min-height: 52px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto 82px; align-items: center; gap: 8px; padding: 6px 7px; border: 1px solid transparent; border-radius: 6px; color: #24293d; background: #fff; font-family: Montserrat, sans-serif; text-align: left; cursor: pointer; }
.solny-expense-relation-option:hover { border-color: color-mix(in srgb, var(--relation-color, #3f38bf) 24%, #e3e6ed); background: color-mix(in srgb, var(--relation-color, #3f38bf) 4%, #fff); }
.solny-expense-relation-option.is-nested { min-height: 46px; grid-template-columns: 30px minmax(0, 1fr) auto 82px; padding-left: 12px; border-left: 2px solid color-mix(in srgb, var(--relation-color, #3f38bf) 24%, #e4e6ee); border-radius: 0 6px 6px 0; }
.solny-expense-relation-option__icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; color: var(--relation-color, #3f38bf); background: color-mix(in srgb, var(--relation-color, #3f38bf) 10%, #fff); }
.solny-expense-relation-option.is-nested .solny-expense-relation-option__icon { width: 28px; height: 28px; }
.solny-expense-relation-option__copy { min-width: 0; display: grid; gap: 2px; }
.solny-expense-relation-option__copy strong,
.solny-expense-relation-option__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-relation-option__copy strong { font-size: 10px; }
.solny-expense-relation-option__copy strong em { margin-left: 5px; color: #555d72; font-style: normal; font-weight: 700; }
.solny-expense-relation-option__copy small { color: #7c8497; font-size: 8px; font-weight: 600; }
.solny-expense-relation-option > b { color: #20263b; font-size: 10px; white-space: nowrap; }
.solny-expense-relation-option__action { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 6px 7px; border-radius: 5px; color: var(--relation-color, #3f38bf); background: color-mix(in srgb, var(--relation-color, #3f38bf) 8%, #fff); font-size: 8px; font-weight: 800; white-space: nowrap; }
.solny-expense-relation-customer { min-width: 0; overflow: hidden; border: 1px solid #e3e6ee; border-radius: 7px; background: #fff; }
.solny-expense-relation-customer + .solny-expense-relation-customer { margin-top: 5px; }
.solny-expense-relation-customer__head { min-width: 0; min-height: 54px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto auto; align-items: center; gap: 8px; padding: 7px; background: #fafbfe; }
.solny-expense-relation-customer__head > span { min-width: 0; display: grid; gap: 2px; }
.solny-expense-relation-customer__head > span strong,
.solny-expense-relation-customer__head > span small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-relation-customer__head > span strong { font-size: 10px; }
.solny-expense-relation-customer__head > span small { color: #7b8396; font-size: 8px; font-weight: 600; }
.solny-expense-relation-customer__head > b { color: #6f778c; font-size: 8px; white-space: nowrap; }
.solny-expense-relation-customer__head > button { min-height: 30px; display: inline-flex; align-items: center; gap: 5px; padding: 0 8px; border: 1px solid rgba(52, 152, 219, .18); border-radius: 6px; color: #287eae; background: rgba(52, 152, 219, .07); font: 750 8px Montserrat, sans-serif; cursor: pointer; }
.solny-expense-relation-customer__orders { display: grid; gap: 3px; padding: 5px 7px 7px 42px; border-top: 1px solid #eceef4; }
.solny-expense-order-links { display: grid; gap: 7px; margin-top: 7px; }
.solny-expense-order-search.has-selection .solny-expense-order-links { margin-top: 0; }

.solny-expense-order-link__card {
    min-width: 0;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px 9px;
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--order-color, #3f38bf) 20%, #e1e4ed);
    border-left: 3px solid var(--order-color, #3f38bf);
    border-radius: 8px;
    background: #fff;
}
.solny-expense-order-link__status { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 7px; color: var(--order-color, #3f38bf); background: color-mix(in srgb, var(--order-color, #3f38bf) 10%, #fff); }
.solny-expense-order-link__order,
.solny-expense-order-link__customer { min-width: 0; display: grid; gap: 2px; }
.solny-expense-order-link__order { grid-column: 2; grid-row: 1; }
.solny-expense-order-link__card > .solny-avatar { grid-column: 1; grid-row: 2; }
.solny-expense-order-link__customer { grid-column: 2; grid-row: 2; }
.solny-expense-order-link__order strong { font-size: 12px; }
.solny-expense-order-link__order small,
.solny-expense-order-link__customer small { overflow: hidden; color: #7c8397; font-size: 9px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-order-link__customer strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-order-link__customer-status { grid-column: 2; min-width: 0; display: inline-flex; align-items: center; gap: 5px; color: var(--customer-color, #787878); font-size: 9px; white-space: nowrap; }
.solny-expense-order-link__total { grid-column: 3; grid-row: 1; justify-self: end; font-size: 12px; font-weight: 800; white-space: nowrap; }
.solny-expense-order-link__remove { grid-column: 3; grid-row: 2; width: auto; min-width: 32px; height: 30px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 8px; border: 1px solid rgba(198, 40, 75, 0.14); border-radius: 7px; color: #c6284b; background: rgba(198, 40, 75, 0.06); font: 700 8px Montserrat, sans-serif; cursor: pointer; }
.solny-expense-order-link__remove:hover { border-color: rgba(198, 40, 75, 0.28); background: rgba(198, 40, 75, 0.11); }

.solny-expense-customer-links { min-width: 0; display: grid; gap: 7px; margin-top: 7px; }
.solny-expense-customer-search.has-selection .solny-expense-customer-links { margin-top: 0; }
.solny-expense-customer-link__card { min-width: 0; min-height: 52px; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto 30px; align-items: center; gap: 8px; padding: 7px 8px; border: 1px solid rgba(52, 152, 219, .2); border-left: 3px solid #3498db; border-radius: 7px; background: rgba(52, 152, 219, .035); }
.solny-expense-customer-search.is-derived .solny-expense-customer-link__card { grid-template-columns: 36px minmax(0, 1fr) auto; }
.solny-expense-customer-link__copy { min-width: 0; display: grid; gap: 2px; }
.solny-expense-customer-link__copy strong,
.solny-expense-customer-link__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-customer-link__copy strong { color: #252a3e; font-size: 10px; }
.solny-expense-customer-link__copy small { color: #7a8296; font-size: 8px; font-weight: 650; }
.solny-expense-customer-link__card > b { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 5px; color: #287eae; background: rgba(52, 152, 219, .09); font-size: 8px; white-space: nowrap; }
.solny-expense-customer-link__remove { width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(198, 40, 75, .15); border-radius: 6px; color: #c6284b; background: rgba(198, 40, 75, .055); cursor: pointer; }
.solny-expense-user-picker { min-width: 0; display: grid; grid-template-columns: minmax(300px, .85fr) minmax(300px, 1.15fr); align-items: end; gap: 12px; }
.solny-expense-user-picker__search { min-width: 0; }
#solny-expense-user-chips { min-width: 0; min-height: 42px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); align-content: end; gap: 7px; }
#solny-expense-user-chips .solny-expense-user-card { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr) 30px; align-items: center; gap: 8px; min-height: 48px; padding: 6px 7px; border: 1px solid rgba(63, 56, 191, .14); border-left: 3px solid #3f38bf; border-radius: 7px; color: #252a3e; background: #fafafe; }
.solny-expense-user-card__copy { min-width: 0; display: grid; gap: 2px; }
.solny-expense-user-card__copy strong,
.solny-expense-user-card__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-user-card__copy strong { font-size: 10px; }
.solny-expense-user-card__copy small { color: #777f92; font-size: 8px; font-weight: 650; }
#solny-expense-user-chips .solny-manager-chip__remove { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(198, 40, 75, .14); border-radius: 6px; color: #c6284b; background: rgba(198, 40, 75, .055); font-size: 10px; }
#solny-expense-user-chips .solny-manager-chip__remove:hover { background: rgba(198, 40, 75, .11); }
.solny-expense-user-picker__empty { min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px dashed #d8dce6; border-radius: 7px; color: #7b8295; background: #fafbfc; font-size: 9px; font-weight: 650; }

.solny-expense-linked-invoices { min-width: 0; overflow: hidden; border: 1px solid #e2e5ed; border-radius: 8px; background: #fff; }
.solny-expense-linked-invoices__empty { min-height: 48px; display: flex; align-items: center; gap: 9px; padding: 10px 12px; color: #737b90; font-size: 10px; font-weight: 600; }
.solny-expense-linked-invoices__empty > i { color: #3f38bf; }
.solny-expense-linked-invoices__head { min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 10px; border-bottom: 1px solid #eceef4; background: #f7f8fb; }
.solny-expense-linked-invoices__head span { display: inline-flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 800; }
.solny-expense-linked-invoices__head span i { color: #3f38bf; }
.solny-expense-linked-invoices__head b { color: #777f93; font-size: 9px; }
.solny-expense-linked-invoices__list { display: grid; }
.solny-expense-linked-invoice { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 34px; align-items: center; gap: 5px; min-height: 56px; padding: 5px 7px; border-bottom: 1px solid #f0f1f5; color: #20243a; background: #fff; }
.solny-expense-linked-invoice:last-child { border-bottom: 0; }
.solny-expense-linked-invoice:hover { color: #20243a; background: #fafbfe; }
.solny-expense-linked-invoice.is-selected { background: color-mix(in srgb, var(--invoice-color, #2f6bff) 5%, #fff); box-shadow: inset 3px 0 0 var(--invoice-color, #2f6bff); }
.solny-expense-linked-invoice__select { min-width: 0; width: 100%; min-height: 46px; display: grid; grid-template-columns: 22px 32px minmax(0, 1fr) 88px 112px; align-items: center; gap: 8px; padding: 4px; border: 0; color: #20243a; background: transparent; font-family: Montserrat, sans-serif; text-align: left; cursor: pointer; }
.solny-expense-linked-invoice__check { width: 19px; height: 19px; display: grid; place-items: center; border: 1px solid #cfd4e0; border-radius: 5px; color: transparent; background: #fff; font-size: 9px; }
.solny-expense-linked-invoice.is-selected .solny-expense-linked-invoice__check { border-color: var(--invoice-color, #2f6bff); color: #fff; background: var(--invoice-color, #2f6bff); }
.solny-expense-linked-invoice__icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 7px; color: var(--invoice-color, #2f6bff); background: color-mix(in srgb, var(--invoice-color, #2f6bff) 10%, #fff); }
.solny-expense-linked-invoice__copy { min-width: 0; display: grid; gap: 2px; }
.solny-expense-linked-invoice__copy strong,
.solny-expense-linked-invoice__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solny-expense-linked-invoice__copy strong { font-size: 10px; }
.solny-expense-linked-invoice__copy small { color: #7d8497; font-size: 8px; font-weight: 600; }
.solny-expense-linked-invoice__select > b { justify-self: end; font-size: 11px; }
.solny-expense-linked-invoice__select > em { justify-self: end; display: inline-flex; align-items: center; gap: 5px; color: #bd750e; font-size: 9px; font-style: normal; font-weight: 800; white-space: nowrap; }
.solny-expense-linked-invoice__select > em.is-paid { color: #16845d; }
.solny-expense-linked-invoice__select > em.is-overdue { color: #c6284b; }
.solny-expense-linked-invoice__open { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(63, 56, 191, 0.14); border-radius: 7px; color: #3f38bf; background: #f5f5fb; text-decoration: none; }
.solny-expense-linked-invoice__open:hover { border-color: rgba(63, 56, 191, 0.3); background: rgba(63, 56, 191, 0.09); }

.solny-expense-modal__footer { position: sticky; z-index: 5; bottom: -18px; align-items: center; margin: 14px -18px -18px; padding: 12px 18px; border-top: 1px solid #e0e3eb; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(10px); }
.solny-expense-modal__footer .solny-btn { min-height: 40px; border-radius: 7px; }
.solny-expense-modal__footer .solny-btn--primary { min-width: 180px; justify-content: center; background: linear-gradient(110deg, #16845d, #3bb185); }

@media (max-width: 820px) {
    #solny-modal-expense .solny-modal__dialog { width: min(720px, calc(100vw - 20px)); }
    .solny-expense-capture { grid-template-columns: 1fr; }
    .solny-expense-capture__document { border-right: 0; border-bottom: 1px solid #e8eaf1; }
    .solny-expense-upload-zone { min-height: 130px; }
    .solny-expense-capture__document .solny-expense-docs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .solny-expense-internal__order-grid,
    .solny-expense-internal__team-footer,
    .solny-expense-user-picker { grid-template-columns: 1fr; }
    .solny-expense-order-search__input { max-width: none; }
    .solny-expense-order-link__customer-status { display: none; }
    #solny-expense-items .solny-expense-item { grid-template-columns: 28px minmax(210px, 1fr) 78px 112px 118px 36px; }
    #solny-expense-items .solny-item__remove { grid-column: 6; grid-row: 1; }
    .solny-expense-item__total { grid-column: 2 / -2; grid-template-columns: 1fr auto; align-items: center; }
    .solny-expense-item__total strong { min-width: 130px; }
}

@media (max-width: 560px) {
    #solny-expense-form { padding: 10px; }
    .solny-expense-form__classification,
    .solny-expense-form__two,
    .solny-expense-form__three,
    .solny-expense-form__amounts,
    .solny-expense-form__recurrence,
    .solny-expense-advanced__body.solny-form__grid { grid-template-columns: 1fr; }
    .solny-expense-capture__form { padding: 13px; }
    .solny-expense-capture__document .solny-expense-docs { grid-template-columns: 1fr; }
    .solny-expense-supplier-picker__option { grid-template-columns: 34px minmax(0, 1fr) 18px; }
    .solny-expense-supplier-picker__option b { display: none; }
    .solny-expense-category-resolved { grid-template-columns: 36px minmax(0, 1fr); }
    .solny-expense-category-resolved b { display: none; }
    .solny-expense-order-link__remove span { display: none; }
    .solny-expense-relation-option,
    .solny-expense-relation-option.is-nested { grid-template-columns: 30px minmax(0, 1fr) auto; }
    .solny-expense-relation-option__action { grid-column: 2 / -1; justify-self: start; }
    .solny-expense-relation-option.is-nested { padding-left: 7px; }
    .solny-expense-relation-customer__head { grid-template-columns: 34px minmax(0, 1fr) auto; }
    .solny-expense-relation-customer__head > b { grid-column: 2; justify-self: start; }
    .solny-expense-relation-customer__head > button { grid-column: 2 / -1; justify-self: start; }
    .solny-expense-relation-customer__orders { padding-left: 12px; }
    .solny-expense-customer-link__card { grid-template-columns: 34px minmax(0, 1fr) 28px; }
    .solny-expense-customer-link__card > b { grid-column: 2; justify-self: start; }
    .solny-expense-customer-link__remove { grid-column: 3; grid-row: 1; }
    .solny-expense-internal__head { align-items: flex-start; flex-direction: column; gap: 4px; }
    .solny-expense-internal__head > small { text-align: left; }
    .solny-expense-linked-invoice__select { grid-template-columns: 22px 30px minmax(0, 1fr); }
    .solny-expense-linked-invoice__select > b { grid-column: 3; justify-self: start; }
    .solny-expense-linked-invoice__select > em { grid-column: 3; justify-self: start; }
    .solny-control--expense-filter,
    .solny-control--expense-filter-category { width: 100%; max-width: none; }
    .solny-expense-modal__footer { bottom: -10px; margin: 12px -10px -10px; padding: 10px; }
    .solny-expense-modal__footer .solny-btn--primary { min-width: 0; flex: 1; }
    #solny-expense-items .solny-expense-item { grid-template-columns: 28px minmax(0, 1fr) 36px; align-items: end; }
    .solny-expense-item__index { grid-column: 1; grid-row: 1; }
    .solny-expense-item__name { grid-column: 2; grid-row: 1; }
    #solny-expense-items .solny-item__remove { grid-column: 3; grid-row: 1; }
    .solny-expense-item__qty,
    .solny-expense-item__price,
    .solny-expense-item__discount,
    .solny-expense-item__total { grid-column: 2 / -1; }
    .solny-expense-item__total { grid-template-columns: 1fr auto; align-items: center; }
    .solny-expense-item__total strong { min-width: 130px; }
    .solny-expense-advanced__body > [data-action="add-expense-item"] { width: 100%; justify-content: center; }
}
/* Expense OCR */
.solny-expense-upload-zone.is-scanning {
    border-color: #2f6bff;
    background: linear-gradient(135deg, rgba(47, 107, 255, .09), rgba(36, 178, 112, .08));
}

.solny-expense-upload-zone.is-scanning .solny-expense-upload-zone__icon {
    color: #2f6bff;
    animation: solny-expense-ocr-pulse 1.2s ease-in-out infinite;
}

@keyframes solny-expense-ocr-pulse {
    50% { transform: translateY(-3px); opacity: .65; }
}

.solny-expense-scan-results {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.solny-expense-ocr-debug {
    margin-top: 10px;
    border: 1px solid #dfe3ef;
    border-radius: 7px;
    background: #f8f9fc;
}

.solny-expense-ocr-debug > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    color: #50586d;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.solny-expense-ocr-debug > summary span { display: inline-flex; align-items: center; gap: 7px; }
.solny-expense-ocr-debug > summary b { min-width: 22px; padding: 2px 6px; border-radius: 5px; color: #fff; background: #3f38bf; text-align: center; }
.solny-expense-ocr-debug__actions { display: flex; gap: 7px; padding: 0 10px 8px; }
.solny-expense-ocr-debug__actions button { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 9px; border: 1px solid #d9ddea; border-radius: 5px; color: #3f4658; background: #fff; font: inherit; font-size: 10px; font-weight: 750; cursor: pointer; }
.solny-expense-ocr-debug pre { max-height: 260px; margin: 0; padding: 10px; overflow: auto; border-top: 1px solid #dfe3ef; color: #283044; background: #fff; white-space: pre-wrap; word-break: break-word; font: 10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }

.solny-expense-scan-result {
    border: 1px solid #dfe3ef;
    border-left: 4px solid #8a90a3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(22, 30, 56, .06);
    overflow: hidden;
}

.solny-expense-scan-result.is-ready { border-left-color: #24b270; }
.solny-expense-scan-result.is-scanning { border-left-color: #2f6bff; }
.solny-expense-scan-result.is-error { border-left-color: #d75b5b; }

.solny-expense-scan-result__head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 11px;
}

.solny-expense-scan-result__state {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    color: #2f6bff;
    background: rgba(47, 107, 255, .1);
}

.solny-expense-scan-result.is-ready .solny-expense-scan-result__state { color: #16845d; background: rgba(36, 178, 112, .12); }
.solny-expense-scan-result.is-error .solny-expense-scan-result__state { color: #c6284b; background: rgba(215, 91, 91, .12); }

.solny-expense-scan-result__head > span:nth-child(2) {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.solny-expense-scan-result__head strong,
.solny-expense-scan-result__head small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solny-expense-scan-result__head button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(47, 107, 255, .25);
    border-radius: 6px;
    color: #2457cf;
    background: rgba(47, 107, 255, .08);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.solny-expense-scan-result__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border-top: 1px solid #edf0f7;
    background: #edf0f7;
}

.solny-expense-scan-result__facts span {
    min-width: 0;
    display: grid;
    gap: 3px;
    padding: 9px 11px;
    background: #fafbfe;
}

.solny-expense-scan-result__facts small { color: #747b8f; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
.solny-expense-scan-result__facts strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }

.solny-expense-scan-result__warnings {
    display: flex;
    gap: 8px;
    padding: 9px 11px;
    color: #925900;
    background: #fff6df;
    font-size: 11px;
    line-height: 1.45;
}

.solny-expense-scan-result__service-error {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 10px 11px;
    border-top: 1px solid rgba(198, 40, 75, .14);
    color: #7e2439;
    background: #fff4f6;
}

.solny-expense-scan-result__service-error > i {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    color: #c6284b;
    background: rgba(198, 40, 75, .1);
}

.solny-expense-scan-result__service-error > span { min-width: 0; display: grid; gap: 2px; }
.solny-expense-scan-result__service-error strong { font-size: 11px; }
.solny-expense-scan-result__service-error small { overflow-wrap: anywhere; color: #855667; font-size: 10px; line-height: 1.4; }
.solny-expense-scan-result__service-error a { display: inline-flex; align-items: center; gap: 6px; color: #8f2440; font-size: 10px; font-weight: 750; text-decoration: none; }

.solny-expense-scan-result details { border-top: 1px solid #edf0f7; }
.solny-expense-scan-result summary { padding: 9px 11px; color: #5f6678; font-size: 11px; font-weight: 700; cursor: pointer; }
.solny-expense-scan-result pre { max-height: 220px; margin: 0; padding: 11px; overflow: auto; background: #f7f8fb; color: #303749; white-space: pre-wrap; font: 11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }

.solny-form__group.is-ocr-filled { position: relative; }
.solny-expense-ocr-field-badge {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #16845d;
    font-size: 9px;
    font-weight: 800;
}

.solny-form__group.is-ocr-filled input,
.solny-form__group.is-ocr-filled select,
.solny-form__group.is-ocr-filled .solny-status-dropdown__trigger,
.solny-form__group.is-ocr-filled .solny-expense-supplier-picker__trigger {
    border-color: rgba(36, 178, 112, .55);
    box-shadow: inset 3px 0 0 #24b270;
}

.solny-expense-ocr-settings__grid {
    display: grid;
    grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.5fr) minmax(220px, 1fr) 110px;
    align-items: end;
    gap: 12px;
    margin-top: 14px;
}

.solny-expense-ocr-settings__grid > label:not(.solny-switch) { display: grid; gap: 6px; min-width: 0; }
.solny-expense-ocr-settings__grid > label > span { color: #5f6678; font-size: 11px; font-weight: 750; }
.solny-expense-ocr-settings__grid input[type="url"],
.solny-expense-ocr-settings__grid input[type="password"],
.solny-expense-ocr-settings__grid input[type="number"] { width: 100%; min-height: 42px; }
.solny-expense-ocr-settings__footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.solny-expense-ocr-settings__status { display: flex; align-items: center; gap: 7px; min-width: 0; color: #925900; font-size: 12px; font-weight: 700; }
.solny-expense-ocr-settings__status.is-ready { color: #16845d; }
.solny-expense-ocr-settings__status.is-error { color: #c6284b; }
.solny-expense-ocr-settings__footer .solny-btn { flex: 0 0 auto; min-height: 40px; border-radius: 6px; }

@media (max-width: 900px) {
    .solny-expense-ocr-settings__grid { grid-template-columns: 1fr; }
    .solny-expense-scan-result__head { grid-template-columns: 34px minmax(0, 1fr); }
    .solny-expense-scan-result__head button { grid-column: 1 / -1; justify-content: center; }
    .solny-expense-scan-result__facts { grid-template-columns: 1fr; }
    .solny-expense-scan-result__service-error { grid-template-columns: 30px minmax(0, 1fr); }
    .solny-expense-scan-result__service-error a { grid-column: 2; }
    .solny-expense-ocr-settings__footer { align-items: stretch; flex-direction: column; }
}