/*
 * Главная · простой режим.
 * Подробный режим не переопределяется: переключатель только скрывает его
 * корневые блоки и показывает компактный список задач пользователя.
 */

.home-view-switch {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    background: var(--surface-sunk);
}

/* Компактный редактор поручения в мобильном обычном режиме.
   Overlay находится вне app-shell, поэтому режим определяется по оболочке страницы. */
@media (max-width: 768px) {
    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) {
        max-height: calc(100dvh - max(6px, env(safe-area-inset-top)));
        border-radius: 14px 14px 0 0;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-dialog-head {
        gap: 8px;
        padding: 8px 10px 7px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-dialog-head h2 {
        margin-top: 2px;
        font-size: 14px;
        line-height: 1.2;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-dialog-head .pa-eyebrow {
        font-size: 7px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-dialog-head .pa-icon-button {
        width: 36px;
        height: 36px;
        min-height: 36px;
        flex-basis: 36px;
        font-size: 17px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-dialog-body {
        padding: 8px 10px 10px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-dialog-body > p {
        margin-bottom: 7px;
        font-size: 10px;
        line-height: 1.3;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-detail-field {
        min-width: 0;
        padding: 6px 7px;
        border-radius: 6px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-detail-field span {
        font-size: 7px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-detail-field strong {
        margin-top: 2px;
        overflow: hidden;
        font-size: 9px;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-responsible-decisions.is-detail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        margin: 6px 0 0;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-responsible-decision {
        min-height: 30px;
        grid-template-columns: 14px minmax(0, 1fr);
        gap: 4px;
        padding: 3px 5px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-responsible-decision i {
        width: 14px;
        height: 14px;
        font-size: 7px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-responsible-decision strong {
        font-size: 8px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-responsible-decision small {
        font-size: 7px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-assignment-edit {
        margin-top: 7px;
        padding: 7px;
        border-radius: 8px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-assignment-edit-head {
        margin-bottom: 6px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-assignment-edit-head .pa-eyebrow {
        font-size: 7px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-assignment-edit-head strong {
        margin-top: 2px;
        font-size: 10px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-assignment-edit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-field > span {
        margin-bottom: 2px;
        font-size: 8px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-field input,
    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-field select {
        min-height: 34px;
        padding: 0 7px;
        border-radius: 6px;
        font-size: 11px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-edit-responsibles {
        gap: 4px;
        margin-top: 3px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-edit-responsible-row {
        grid-template-columns: minmax(0, 1fr) 34px;
        gap: 4px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-edit-responsible-row .pa-icon-button {
        width: 34px;
        height: 34px;
        min-height: 34px;
        flex-basis: 34px;
        font-size: 16px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-edit-responsibles .pa-text-button {
        min-height: 30px;
        font-size: 9px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-detail-source {
        margin-top: 7px;
        padding: 7px 8px;
        font-size: 8px;
        line-height: 1.35;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comments {
        margin-top: 8px;
        padding-top: 8px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comments-head strong {
        margin-top: 2px;
        font-size: 10px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comments-count {
        min-width: 20px;
        height: 20px;
        font-size: 8px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment-list {
        gap: 4px;
        margin-top: 5px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment,
    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment-empty {
        margin-top: 5px;
        padding: 6px 7px;
        border-radius: 6px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment-meta strong,
    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment p,
    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment-empty {
        font-size: 9px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment-meta time {
        font-size: 7px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment p {
        margin-top: 4px;
        line-height: 1.35;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment-compose {
        gap: 4px;
        margin-top: 6px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment-compose textarea {
        min-height: 56px;
        padding: 6px 7px;
        border-radius: 6px;
        font-size: 11px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment-compose-footer {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment-compose-footer > span {
        display: none;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-comment-compose-footer .pa-primary {
        width: auto;
        min-height: 32px;
        padding: 0 8px;
        font-size: 9px;
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-dialog-actions {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
        padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
        box-shadow: 0 -4px 12px color-mix(in srgb, var(--pa-text) 5%, transparent);
    }

    body:has(.app-shell.home-simple-shell-mode) .pa-dialog:has(.pa-assignment-edit) .pa-dialog-actions > button {
        min-width: 0;
        min-height: 36px;
        padding: 0 4px;
        font-size: 9px;
        line-height: 1.15;
    }
}

.home-view-switch[hidden] {
    display: none !important;
}

.home-view-switch button {
    min-height: 30px;
    padding: 0 11px;
    border: 0;
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--ink-muted);
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color 140ms ease,
        color 140ms ease,
        box-shadow 140ms ease;
}

.home-view-switch button:hover {
    color: var(--text-primary);
}

.home-view-switch button.is-active,
.home-view-switch button[aria-pressed="true"] {
    background: var(--surface);
    color: var(--text-primary);
    box-shadow: var(--shadow-raised);
}

.home-view-switch button:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.home-view-switch--mobile {
    display: none;
}

.home-simple-mob-tabbar {
    display: none;
}

.home-simple-compose {
    display: contents;
}

/* Переключение представлений без перестройки подробной сетки */
#tab-home .home-mockup[data-home-view="simple"] > .hello-bar,
#tab-home .home-mockup[data-home-view="simple"] > .hcs-wrap,
#tab-home .home-mockup[data-home-view="simple"] > .home-kpi-strip,
#tab-home .home-mockup[data-home-view="simple"] > .layout,
#tab-home .home-mockup[data-home-view="simple"] > .fav-cards-section {
    display: none !important;
}

#tab-home .home-simple-view[hidden],
#tab-home .home-simple-modal[hidden] {
    display: none !important;
}

.main-area > #tab-home.tab-content.active.home-simple-active {
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#tab-home .home-mockup[data-home-view="simple"] {
    display: block;
    padding: 14px 20px 28px;
}

#tab-home .home-simple-view {
    width: min(960px, 100%);
    margin: 0 auto;
}

.home-simple-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.home-simple-eyebrow {
    margin-bottom: 5px;
    color: var(--accent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-simple-head h2,
.home-simple-modal-head h2 {
    margin: 0;
    color: var(--text-primary);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.035em;
}

.home-simple-head p {
    margin: 5px 0 0;
    color: var(--ink-muted);
    font-size: 13px;
}

.home-simple-add,
.home-simple-submit {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid var(--accent);
    border-radius: var(--radius-lg);
    background: var(--accent);
    color: var(--accent-on);
    box-shadow: var(--shadow-1);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
    transition:
        background-color 140ms ease,
        transform 140ms ease,
        box-shadow 140ms ease;
}

.home-simple-add:hover,
.home-simple-submit:hover {
    background: var(--accent-hover);
    box-shadow: var(--shadow-2);
    transform: translateY(-1px);
}

.home-simple-add:focus-visible,
.home-simple-submit:focus-visible,
.home-simple-quick-submit:focus-visible,
.home-simple-quick-name input:focus-visible,
.home-simple-quick-date input:focus-visible,
.home-simple-route-field select:focus-visible,
.home-simple-cancel:focus-visible,
.home-simple-refresh:focus-visible,
.home-simple-tabs button:focus-visible,
.home-simple-task-main:focus-visible,
.home-simple-done:focus-visible,
.home-simple-modal-close:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.home-simple-quick-add {
    min-height: 52px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 9px;
    margin-bottom: 6px;
    padding: 5px 6px 5px 13px;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
    box-shadow: var(--shadow-raised);
}

.home-simple-quick-plus {
    color: var(--accent);
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
}

.home-simple-quick-name {
    min-width: 0;
}

.home-simple-quick-name input {
    width: 100%;
    min-height: 40px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary);
    font: inherit;
    font-size: 13px;
}

.home-simple-quick-name input::placeholder {
    color: var(--ink-muted);
}

.home-simple-quick-date {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 9px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-sunk);
    color: var(--ink-muted);
    font-size: 10px;
    font-weight: 650;
}

.home-simple-quick-date input {
    width: 116px;
    min-height: 30px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary);
    font: inherit;
    font-size: 11px;
}

.home-simple-quick-submit {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid var(--accent);
    border-radius: var(--radius-lg);
    background: var(--accent);
    color: var(--accent-on);
    font: inherit;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
}

.home-simple-quick-submit:hover {
    background: var(--accent-hover);
}

.home-simple-quick-submit[disabled],
.home-simple-quick-name input[disabled],
.home-simple-quick-date input[disabled] {
    cursor: wait;
    opacity: 0.65;
}

.home-simple-routing {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 3px 14px;
    min-height: 34px;
}

.home-simple-route-field {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--ink-muted);
    font-size: 10px;
    font-weight: 650;
}

.home-simple-route-field select {
    width: 220px;
    min-width: 0;
    height: 32px;
    padding: 0 28px 0 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background-color: var(--surface);
    color: var(--text-secondary);
    font: inherit;
    font-size: 11px;
    font-weight: 550;
}

.home-simple-route-field[hidden] {
    display: none;
}

#hcSimpleQuickStep {
    width: 250px;
}

.home-simple-route-field select[disabled] {
    cursor: wait;
    opacity: 0.62;
}

.home-simple-route-hint {
    min-width: 0;
    overflow: hidden;
    color: var(--ink-muted);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-simple-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.home-simple-metric {
    min-height: 74px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 13px 15px;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
    box-shadow: var(--shadow-raised);
}

.home-simple-metric span {
    color: var(--ink-muted);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.home-simple-metric strong {
    color: var(--text-primary);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.035em;
    font-variant-numeric: tabular-nums;
}

.home-simple-metric.is-overdue strong {
    color: var(--status-overdue);
}

.home-simple-board {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
    box-shadow: var(--shadow-raised);
}

.home-simple-board-head {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 12px 0 16px;
    border-bottom: 1px solid var(--border);
}

.home-simple-tabs {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.home-simple-tabs button {
    min-height: 34px;
    padding: 0 11px;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--ink-muted);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.home-simple-tabs button:hover {
    color: var(--text-primary);
    background: var(--surface-hover);
}

.home-simple-tabs button.is-active {
    color: var(--accent);
    background: var(--accent-soft);
}

.home-simple-refresh {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--ink-muted);
    cursor: pointer;
}

.home-simple-refresh:hover {
    color: var(--text-primary);
    background: var(--surface-hover);
}

.home-simple-refresh.is-loading svg {
    animation: home-simple-spin 800ms linear infinite;
}

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

.home-simple-error,
.home-simple-modal-error {
    margin: 10px 12px 0;
    padding: 9px 11px;
    border: 1px solid var(--status-overdue);
    border-radius: var(--radius-md);
    background: var(--status-overdue-soft);
    color: var(--status-overdue);
    font-size: 12px;
}

.home-simple-error[hidden],
.home-simple-modal-error[hidden] {
    display: none !important;
}

.home-simple-list {
    min-height: 160px;
}

.home-simple-loading,
.home-simple-empty {
    padding: 44px 20px;
    color: var(--ink-muted);
    font-size: 13px;
    text-align: center;
}

.home-simple-empty strong {
    display: block;
    margin-bottom: 5px;
    color: var(--text-primary);
    font-size: 14px;
}

.home-simple-task {
    min-height: 72px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 10px 12px 10px 16px;
    border-bottom: 1px solid var(--border);
    transition: background-color 130ms ease;
}

.home-simple-task:last-child {
    border-bottom: 0;
}

.home-simple-task:hover {
    background: var(--surface-hover);
}

.home-simple-task.is-overdue {
    box-shadow: inset 2px 0 0 var(--status-overdue);
}

.home-simple-task-main {
    min-width: 0;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.home-simple-task-title {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.home-simple-task-title-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-simple-new-badge {
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0 7px;
    border: 1px solid var(--accent-soft);
    border-radius: var(--radius-pill);
    background: var(--accent-soft);
    color: var(--accent);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.home-simple-task-meta {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 5px;
    color: var(--ink-muted);
    font-size: 11px;
}

.home-simple-project {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-simple-deadline {
    flex: 0 0 auto;
    padding: 2px 7px;
    border-radius: var(--radius-pill);
    background: var(--surface-sunk);
    color: var(--ink-muted);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.home-simple-deadline.is-overdue {
    background: var(--status-overdue-soft);
    color: var(--status-overdue);
}

.home-simple-deadline.is-today {
    background: var(--status-progress-soft);
    color: var(--status-progress);
}

.home-simple-deadline.is-done {
    background: var(--status-done-soft);
    color: var(--status-done);
}

.home-simple-done {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-lg);
    background: var(--surface);
    color: var(--text-primary);
    font: inherit;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
    transition:
        border-color 130ms ease,
        background-color 130ms ease,
        color 130ms ease;
}

.home-simple-done:hover {
    border-color: var(--status-done);
    background: var(--status-done-soft);
    color: var(--status-done);
}

.home-simple-done[disabled] {
    cursor: wait;
    opacity: 0.6;
}

.home-simple-task.is-done .home-simple-task-title {
    color: var(--ink-muted);
    text-decoration: line-through;
}

.home-simple-task.is-pending {
    opacity: 0.68;
}

.home-simple-done.is-complete {
    border-color: transparent;
    background: var(--status-done-soft);
    color: var(--status-done);
    cursor: default;
}

/* Быстрое добавление */
.home-simple-modal {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    display: grid;
    place-items: center;
    padding: 18px;
}

.home-simple-modal-scrim {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: var(--color-overlay);
    cursor: default;
}

.home-simple-modal-card {
    position: relative;
    width: min(440px, 100%);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: var(--radius-2xl);
    background: var(--surface);
    box-shadow: var(--shadow-overlay);
}

.home-simple-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.home-simple-modal-head h2 {
    font-size: 20px;
}

.home-simple-modal-close {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--ink-muted);
    font: inherit;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.home-simple-modal-close:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.home-simple-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.home-simple-field > span {
    color: var(--text-primary);
    font-size: 12px;
    font-weight: 650;
}

.home-simple-field input {
    width: 100%;
    min-height: 42px;
    padding: 0 11px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
    color: var(--text-primary);
    font: inherit;
    font-size: 13px;
}

.home-simple-field input:focus {
    border-color: var(--accent);
    outline: 2px solid var(--accent-soft);
    outline-offset: 1px;
}

.home-simple-add-hint {
    margin: -4px 0 0;
    color: var(--ink-muted);
    font-size: 11px;
}

.home-simple-modal-error {
    margin: 0;
}

.home-simple-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 2px;
}

.home-simple-cancel {
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
    color: var(--text-primary);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.home-simple-cancel:hover {
    background: var(--surface-hover);
}

.home-simple-submit[disabled] {
    cursor: wait;
    opacity: 0.65;
    transform: none;
}

@media (max-width: 1100px) {
    .home-view-switch--header {
        margin-right: 2px;
    }

    .home-view-switch--header button {
        padding-inline: 9px;
    }
}

@media (max-width: 768px) {
    .main-area > #tab-home.tab-content.active.home-simple-active {
        width: 100%;
        max-width: 100%;
        padding-inline: 0 !important;
        box-sizing: border-box;
    }

    .home-view-switch--header {
        display: none !important;
    }

    .home-view-switch--mobile {
        display: inline-flex;
        width: max-content;
        margin: 0 0 2px auto;
    }

    #tab-home .home-mockup[data-home-view="simple"] {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px 0 24px !important;
    }

    #tab-home .home-simple-view {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .home-simple-head {
        align-items: flex-start;
        margin: 4px 2px 14px;
    }

    .home-simple-head h2 {
        font-size: 21px;
    }

    .home-simple-head p {
        max-width: 220px;
        font-size: 12px;
        line-height: 1.4;
    }

    .home-simple-add {
        width: 42px;
        flex: 0 0 42px;
        padding: 0;
    }

    .home-simple-add span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .home-simple-metrics {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin-bottom: 9px;
    }

    .home-simple-metric {
        overflow: hidden;
        min-width: 0;
        min-height: 68px;
        padding: 11px;
    }

    .home-simple-metric:nth-child(3) {
        grid-column: 1 / -1;
        min-height: 58px;
    }

    .home-simple-metric span {
        font-size: 9px;
    }

    .home-simple-metric strong {
        font-size: 22px;
    }

    .home-simple-board-head {
        min-width: 0;
        min-height: 50px;
        padding-left: 8px;
    }

    .home-simple-board {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .home-simple-tabs {
        gap: 1px;
        min-width: 0;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .home-simple-tabs::-webkit-scrollbar {
        display: none;
    }

    .home-simple-tabs button {
        padding-inline: 9px;
        font-size: 11px;
    }

    .home-simple-task {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        min-height: 78px;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        padding: 10px;
    }

    .home-simple-task-title {
        white-space: normal;
    }

    .home-simple-task-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .home-simple-done {
        min-width: 40px;
        width: 40px;
        padding: 0;
    }

    .home-simple-done span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .home-simple-quick-add {
        grid-template-columns: 22px minmax(0, 1fr) auto;
        gap: 7px;
        padding-left: 9px;
    }

    .home-simple-quick-date {
        grid-column: 2;
        width: max-content;
        min-height: 32px;
        margin-bottom: 3px;
    }

    .home-simple-quick-date input {
        width: 108px;
    }

    .home-simple-quick-submit {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: stretch;
        min-width: 42px;
        padding-inline: 10px;
        font-size: 0;
    }

    .home-simple-quick-submit::before {
        content: "+";
        font-size: 20px;
        font-weight: 400;
    }

    .home-simple-routing {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
        margin-bottom: 11px;
    }

    .home-simple-route-field {
        width: 100%;
        justify-content: space-between;
    }

    .home-simple-route-field select,
    #hcSimpleQuickStep {
        width: min(72%, 280px);
    }

    .home-simple-route-hint {
        width: 100%;
        white-space: normal;
    }

    .home-simple-modal {
        align-items: end;
        padding: 0;
    }

    .home-simple-modal-card {
        width: 100%;
        padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
    }
}

@media (max-width: 360px) {
    .home-simple-metric {
        padding-inline: 9px;
    }

    .home-simple-metric span {
        letter-spacing: 0.025em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-view-switch button,
    .home-simple-add,
    .home-simple-submit,
    .home-simple-quick-submit,
    .home-simple-task,
    .home-simple-done {
        transition: none !important;
    }

    .home-simple-refresh.is-loading svg {
        animation: none;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   Системный сайдбар в обычном режиме
   На десктопе заменяет основную навигацию PrimeBPM списками задач. Внутренний
   сайдбар Wunderlist остаётся мобильной шторкой и не дублируется на экране.
   ══════════════════════════════════════════════════════════════════════════ */

.sidebar-simple-mode {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--bg-canvas);
}

.app-shell.home-simple-shell-mode .sidebar-nav,
.app-shell.home-simple-shell-mode .sidebar-brand,
.app-shell.home-simple-shell-mode .sidebar-simple-mode {
    background: var(--surface) !important;
}

.sidebar-simple-mode[hidden],
.sidebar-menu[hidden] {
    display: none !important;
}

.sidebar-simple-mode .home-simple-sidebar-search {
    flex: 0 0 auto;
    background: var(--surface);
}

.sidebar-simple-mode .home-simple-smart-lists {
    flex: 0 0 auto;
}

.sidebar-simple-mode .home-simple-project-lists {
    flex: 1;
    min-height: 72px;
}

.sidebar-simple-footer {
    flex: 0 0 auto;
    padding: 5px 0 8px;
    border-top: 1px solid var(--border);
}

.sidebar-simple-footer .home-simple-advanced-link {
    margin-bottom: 3px;
    background: transparent;
}

.sidebar-simple-logout {
    width: calc(100% - 16px);
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 8px;
    padding: 0 10px;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--ink-muted);
    font: inherit;
    font-size: 11px;
    cursor: pointer;
}

.sidebar-simple-logout img {
    width: 17px;
    height: 17px;
    opacity: 0.58;
}

.sidebar-simple-logout:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.sidebar-simple-logout:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

@media (min-width: 769px) {
    .app-shell.home-simple-shell-mode .main-area > #tab-home.tab-content.active {
        width: 100%;
        max-width: none;
        margin-inline: 0;
        box-sizing: border-box;
    }

    .app-shell.home-simple-shell-mode:not(.nav-collapsed) .sidebar-nav,
    .app-shell.home-simple-shell-mode:not(.nav-collapsed) .sidebar-nav:hover {
        width: 248px !important;
        overflow: hidden !important;
        box-shadow: 1px 0 0 var(--border) !important;
    }

    .app-shell.home-simple-shell-mode:not(.nav-collapsed) .main-area {
        padding-left: 248px !important;
    }

    .app-shell.home-simple-shell-mode:not(.nav-collapsed) .sidebar-brand-label {
        display: inline !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .app-shell.home-simple-shell-mode.nav-collapsed .sidebar-nav,
    .app-shell.home-simple-shell-mode.nav-collapsed .sidebar-nav:hover {
        width: 64px !important;
        overflow: hidden !important;
        box-shadow: 1px 0 0 var(--border) !important;
    }

    .app-shell.home-simple-shell-mode.nav-collapsed .main-area {
        padding-left: 64px !important;
    }

    .app-shell.home-simple-shell-mode.nav-collapsed .sidebar-simple-mode {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .app-shell.home-simple-shell-mode.nav-collapsed .sidebar-brand-label {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .app-shell.home-simple-shell-mode .main-area > header .mobile-hamburger {
        display: inline-flex !important;
    }

    .app-shell.home-simple-shell-mode .home-simple-wunder-shell {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .app-shell.home-simple-shell-mode #hcSimpleSidebar {
        display: none;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   Обычный режим 2026 · архитектура Wunderlist, данные PrimeBPM
   ══════════════════════════════════════════════════════════════════════════ */

#tab-home .home-mockup[data-home-view="simple"] {
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 0 !important;
}

#tab-home .home-simple-view {
    width: 100%;
    max-width: none;
    height: 100%;
    box-sizing: border-box;
    padding-inline: 8px;
    background: var(--surface-sunk);
}

.home-simple-wunder-shell {
    height: 100%;
    min-height: 0;
    max-height: none;
    display: grid;
    grid-template-columns: 252px minmax(0, 1fr) auto;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: var(--surface);
    box-shadow: none;
}

.home-simple-sidebar {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-right: 1px solid var(--border);
    background: var(--surface);
}

.home-simple-sidebar-brand {
    min-height: 58px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 9px;
    padding: 8px 10px 8px 13px;
    border-bottom: 1px solid var(--border);
}

.home-simple-sidebar-mark {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-lg);
    background: var(--accent);
    color: var(--accent-on);
    font-size: 13px;
    font-weight: 750;
}

.home-simple-sidebar-brand div {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.home-simple-sidebar-brand strong {
    overflow: hidden;
    color: var(--text-primary);
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-simple-sidebar-brand div span {
    color: var(--ink-muted);
    font-size: 9px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-simple-icon-button {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--ink-muted);
    font: inherit;
    font-size: 20px;
    cursor: pointer;
}

.home-simple-icon-button:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.home-simple-sidebar-search {
    min-height: 30px;
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    align-items: center;
    gap: 5px;
    margin: 6px 8px;
    padding: 0 8px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: var(--ink-muted);
}

.sidebar-simple-mode .sr-only,
.home-simple-view .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    margin: -1px !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.home-simple-sidebar-search svg {
    width: 14px;
    height: 14px;
}

.home-simple-sidebar-search input {
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary);
    font: inherit;
    font-size: 10px;
}

.home-simple-sidebar-search kbd {
    display: none;
}

.home-simple-sidebar-search kbd,
.home-simple-command kbd {
    padding: 2px 5px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface-sunk);
    color: var(--ink-muted);
    font: inherit;
    font-size: 9px;
}

.home-simple-smart-lists,
.home-simple-project-lists {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 0 8px;
}

.home-simple-smart-lists button,
.home-simple-project-item {
    width: 100%;
    min-height: 36px;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    padding: 0 9px;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--text-secondary);
    font: inherit;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
}

.home-simple-smart-lists button:hover,
.home-simple-project-item:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.home-simple-smart-lists button.is-active,
.home-simple-project-item.is-active {
    background: var(--accent-soft);
    color: var(--accent);
    font-weight: 650;
}

.home-simple-smart-lists b,
.home-simple-project-item b {
    color: var(--ink-muted);
    font-size: 9px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.home-simple-nav-icon {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    color: var(--ink-muted);
    font-size: 12px;
    font-weight: 700;
}

.home-simple-nav-icon svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.45;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-simple-nav-number {
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.home-simple-nav-icon.is-danger {
    color: var(--status-overdue);
}

.home-simple-projects-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 10px 6px;
    color: var(--ink-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-simple-projects-head button {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--ink-muted);
    font: inherit;
    font-size: 17px;
    cursor: pointer;
}

.home-simple-projects-head button:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.home-simple-project-lists {
    flex: 1;
    min-height: 80px;
    overflow-y: auto;
}

.home-simple-project-loading {
    padding: 9px;
    color: var(--ink-muted);
    font-size: 10px;
}

.home-simple-project-dot {
    width: 8px;
    height: 8px;
    margin-left: 5px;
    border-radius: 50%;
    background: var(--accent);
    opacity: 0.62;
}

.home-simple-advanced-link {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: var(--text-secondary);
    font: inherit;
    font-size: 10px;
    font-weight: 650;
    cursor: pointer;
}

.home-simple-advanced-link:hover {
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.home-simple-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--surface-sunk);
}

.home-simple-list-header {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 12px;
    border-bottom: 0;
    background: transparent;
}

.home-simple-list-header > div:nth-child(2) {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.home-simple-list-header .home-simple-eyebrow {
    display: none;
}

.home-simple-list-header h2 {
    margin: 0;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 720;
    letter-spacing: -0.03em;
}

.home-simple-list-header h2 small {
    display: inline-grid;
    min-width: 20px;
    height: 18px;
    place-items: center;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: var(--radius-pill);
    background: var(--surface-sunk);
    color: var(--ink-muted);
    font-size: 9px;
    vertical-align: 2px;
}

.home-simple-list-header p {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--ink-muted);
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-simple-header-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.home-simple-command {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 8px 0 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: var(--text-secondary);
    font: inherit;
    font-size: 10px;
    cursor: pointer;
}

.home-simple-mobile-lists {
    display: none;
}

.home-simple-main .home-simple-quick-add {
    min-height: 40px;
    grid-template-columns: 18px minmax(0, 1fr) auto auto;
    margin: 7px 10px 4px;
    padding: 2px 3px 2px 8px;
    border-color: var(--border-strong);
    border-radius: var(--radius-md);
    box-shadow: none;
}

.home-simple-main .home-simple-quick-name input {
    min-height: 30px;
    font-size: 12px;
}

.home-simple-main .home-simple-quick-date {
    min-height: 30px;
}

.home-simple-main .home-simple-quick-date input {
    min-height: 26px;
}

.home-simple-main .home-simple-quick-submit {
    min-height: 30px;
}

.home-simple-main .home-simple-routing {
    margin: 0 12px 6px;
}

.home-simple-main .home-simple-error {
    margin: 0 16px 8px;
}

.home-simple-main .home-simple-list {
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 12px 12px;
    border-top: 0;
}

.home-simple-date-group {
    min-width: 0;
    flex: 0 0 auto;
}

.home-simple-date-group + .home-simple-date-group {
    margin-top: 8px;
}

.home-simple-date-group-head {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 8px;
    background: var(--surface-sunk);
    color: var(--ink-muted);
}

.home-simple-date-group-head > div {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.home-simple-date-group-head strong {
    color: var(--text-primary);
    font-size: 11px;
    font-weight: 700;
}

.home-simple-date-group-head span,
.home-simple-date-group-head b {
    overflow: hidden;
    color: var(--ink-muted);
    font-size: 9px;
    font-weight: 550;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-simple-date-group-head b {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
}

.home-simple-date-group.is-overdue .home-simple-date-group-head strong {
    color: var(--status-overdue);
}

.home-simple-date-group-list {
    background: var(--surface);
}

.home-simple-main .home-simple-task {
    min-height: 50px;
    grid-template-columns: 30px minmax(0, 1fr) 30px;
    gap: 7px;
    padding: 4px 8px;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    background: var(--surface);
    box-shadow: none;
}

.home-simple-task-check,
.home-simple-task-star {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--ink-muted);
    font: inherit;
    font-size: 18px;
    cursor: pointer;
}

.home-simple-task-check span {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm);
    font-size: 11px;
}

.home-simple-task-check:hover span {
    border-color: var(--status-done);
    color: var(--status-done);
}

.home-simple-task-star.is-active {
    color: var(--accent);
}

.home-simple-task.is-done .home-simple-task-check span {
    border-color: var(--status-done);
    background: var(--status-done-soft);
    color: var(--status-done);
}

.home-simple-task.is-selected {
    background: var(--accent-soft);
    box-shadow: inset 2px 0 0 var(--accent);
}

.home-simple-task-main {
    width: 100%;
    min-height: 38px;
}

.home-simple-task-title {
    font-size: 13px;
    font-weight: 600;
}

.home-simple-task-meta {
    gap: 6px;
    margin-top: 2px;
    font-size: 9px;
}

.home-simple-deadline {
    padding: 1px 5px;
}

.home-simple-new-badge {
    min-height: 16px;
    padding: 0 5px;
    font-size: 8px;
}

.home-simple-main .home-simple-loading,
.home-simple-main .home-simple-empty {
    margin: auto;
    padding: 32px 18px;
}

.home-simple-main .home-simple-error {
    margin-inline: 14px;
}

.home-simple-main.is-assignments-view .home-simple-quick-add,
.home-simple-main.is-assignments-view .home-simple-routing,
.home-simple-main.is-assignments-view .home-simple-error {
    display: none;
}

.home-simple-main .home-simple-list.is-assignments-workspace {
    height: 0;
    min-height: 0;
    flex: 1 1 0;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    padding: 8px 12px 16px;
    background: var(--surface-sunk);
    scrollbar-color: var(--border-strong) transparent;
    scrollbar-width: thin;
}

.home-simple-list.is-assignments-workspace #assignmentsContainer {
    width: 100%;
    min-width: 0;
}

.home-simple-list.is-assignments-workspace::-webkit-scrollbar {
    width: 8px;
}

.home-simple-list.is-assignments-workspace::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: var(--radius-pill);
    background: var(--border-strong);
    background-clip: padding-box;
}

.home-simple-list.is-assignments-workspace .pa-shell {
    --pa-surface: var(--surface);
    --pa-subtle: var(--surface-sunk);
    --pa-border: var(--border);
    --pa-border-strong: var(--border-strong);
    --pa-text: var(--text-primary);
    --pa-secondary: var(--text-secondary);
    --pa-muted: var(--ink-muted);
    width: 100%;
    margin: 0;
    font-family: inherit;
}

.home-simple-list.is-assignments-workspace .pa-module-bar {
    min-height: 34px;
    justify-content: flex-end;
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.home-simple-list.is-assignments-workspace .pa-module-copy,
.home-simple-list.is-assignments-workspace .pa-overview {
    display: none;
}

.home-simple-list.is-assignments-workspace .pa-module-bar:has(.pa-module-actions:empty) {
    display: none;
}

.home-simple-list.is-assignments-workspace .pa-controller-nav {
    justify-content: flex-start;
    margin: 0 0 8px;
}

.home-simple-list.is-assignments-workspace .pa-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    gap: 10px;
}

.home-simple-list.is-assignments-workspace .pa-assignment-panel {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.home-simple-list.is-assignments-workspace .pa-assignment-panel > .pa-panel-head {
    min-height: 44px;
    padding: 6px 0 9px;
    background: transparent;
}

.home-simple-list.is-assignments-workspace .pa-activity-panel {
    top: 0;
    padding: 12px;
    border-radius: var(--radius-md);
    box-shadow: none;
}

.home-simple-list.is-assignments-workspace .pa-leader-intro {
    margin-bottom: 10px;
    padding: 8px 0 12px;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.home-simple-list.is-assignments-workspace .pa-leader-card,
.home-simple-list.is-assignments-workspace .pa-active-card {
    border-radius: var(--radius-md);
    box-shadow: none;
}

.home-simple-calendar {
    width: 100%;
    max-width: none;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 6px 0 0;
    padding-bottom: 12px;
}

.home-simple-calendar-toolbar {
    min-height: 34px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 6px;
    padding: 0 2px;
    border: 0;
    background: transparent;
}

.home-simple-calendar-period {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.home-simple-calendar-toolbar strong {
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
}

.home-simple-calendar-toolbar button {
    min-width: 32px;
    height: 32px;
    padding: 0 7px;
    border: 0;
    border-radius: var(--radius-sm);
    background: var(--surface-sunk);
    color: var(--text-secondary);
    font: inherit;
    font-size: 10px;
    cursor: pointer;
}

.home-simple-calendar-toolbar button:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.home-simple-calendar-period button {
    height: 26px;
    min-width: 0;
    padding-inline: 8px;
    background: transparent;
    color: var(--accent);
    font-weight: 650;
}

.home-simple-calendar-weekdays,
.home-simple-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.home-simple-calendar-weekdays {
    color: var(--ink-muted);
    font-size: 9px;
    font-weight: 650;
    text-align: center;
}

.home-simple-calendar-weekdays span {
    padding: 2px 3px 3px;
}

.home-simple-calendar-grid {
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--border);
    gap: 1px;
}

.home-simple-calendar-day {
    min-width: 0;
    min-height: 44px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3px;
    padding: 4px 5px;
    border: 0;
    background: var(--surface);
    color: var(--text-primary);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.home-simple-calendar-day:nth-child(7n + 6),
.home-simple-calendar-day:nth-child(7n + 7) {
    background: var(--surface-sunk);
}

.home-simple-calendar-day:hover {
    position: relative;
    z-index: 1;
    background: var(--surface-hover);
    box-shadow: inset 0 0 0 1px var(--border-strong);
}

.home-simple-calendar-day.is-outside {
    opacity: 1;
}

.home-simple-calendar-day.is-outside .home-simple-calendar-day-number {
    color: var(--ink-muted);
}

.home-simple-calendar-day.is-outside .home-simple-calendar-markers {
    opacity: 0.56;
}

.home-simple-calendar-day.is-today {
    box-shadow: inset 0 0 0 1px var(--accent);
}

.home-simple-calendar-day.is-selected {
    position: relative;
    z-index: 2;
    background: var(--accent-soft);
    box-shadow: inset 0 0 0 1px var(--accent);
    opacity: 1;
}

.home-simple-calendar-day-number {
    min-height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--text-primary);
    font-size: 11px;
    font-weight: 720;
    font-variant-numeric: tabular-nums;
}

.home-simple-calendar-day.is-selected .home-simple-calendar-day-number {
    color: var(--accent);
}

.home-simple-calendar-day.is-today .home-simple-calendar-day-number > span {
    min-width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--accent);
    color: var(--accent-on);
}

.home-simple-calendar-markers {
    min-height: 5px;
    display: flex;
    gap: 3px;
}

.home-simple-calendar-marker {
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
    background: var(--accent);
}

.home-simple-calendar-marker.is-important {
    background: var(--status-progress);
}

.home-simple-calendar-marker.is-overdue {
    background: var(--status-overdue);
}

.home-simple-calendar-marker.is-done {
    background: var(--status-done);
}

.home-simple-calendar-task-section {
    padding: 7px 2px 0;
    border: 0;
    border-top: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.home-simple-calendar-task-section > header,
.home-simple-calendar-task-section > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-height: 28px;
    margin-bottom: 5px;
    list-style: none;
}

.home-simple-calendar-task-section > summary {
    cursor: pointer;
}

.home-simple-calendar-task-section > summary::-webkit-details-marker {
    display: none;
}

.home-simple-calendar-task-section > header > div,
.home-simple-calendar-task-section > summary > div {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.home-simple-calendar-task-section > header strong,
.home-simple-calendar-task-section > summary strong {
    color: var(--text-primary);
    font-size: 11px;
    font-weight: 700;
    text-transform: capitalize;
}

.home-simple-calendar-task-section > header span,
.home-simple-calendar-task-section > summary span {
    color: var(--ink-muted);
    font-size: 9px;
}

.home-simple-calendar-chevron {
    flex: 0 0 auto;
    font-size: 13px !important;
    transition: transform 150ms ease;
}

.home-simple-calendar-task-section[open] .home-simple-calendar-chevron {
    transform: rotate(180deg);
}

.home-simple-calendar-task-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.home-simple-calendar-task-list .home-simple-task {
    margin: 0;
}

.home-simple-calendar-task-section > p {
    margin: 0;
    padding: 8px 0;
    color: var(--ink-muted);
    font-size: 9px;
}

.home-simple-detail {
    width: 368px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-left: 1px solid var(--border);
    background: var(--surface);
}

.home-simple-detail[hidden] {
    display: none;
}

.home-simple-detail-head {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px 0 16px;
    border-bottom: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-simple-detail-loading {
    padding: 32px 18px;
    color: var(--ink-muted);
    font-size: 11px;
    text-align: center;
}

.home-simple-detail-body {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    padding: 15px;
}

.home-simple-detail-body[hidden] {
    display: none;
}

.home-simple-detail-title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: start;
    gap: 6px;
}

.home-simple-detail-title-row input {
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--text-primary);
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.home-simple-detail-title-row input:hover,
.home-simple-detail-title-row input:focus {
    border-color: var(--border);
    background: var(--surface-sunk);
    outline: 0;
}

.home-simple-detail-title-row button {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--ink-muted);
    font: inherit;
    font-size: 22px;
    cursor: pointer;
}

.home-simple-detail-title-row button.is-active {
    color: var(--accent);
}

.home-simple-detail-statuses {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.home-simple-detail-statuses button {
    min-height: 28px;
    padding: 0 8px;
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    background: var(--surface);
    color: var(--ink-muted);
    font: inherit;
    font-size: 9px;
    font-weight: 650;
    cursor: pointer;
}

.home-simple-detail-statuses button:hover {
    color: var(--text-primary);
    background: var(--surface-hover);
}

.home-simple-detail-statuses button.is-active {
    border-color: var(--accent);
    background: var(--accent-soft);
    color: var(--accent);
}

.home-simple-detail-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 1px solid var(--border);
}

.home-simple-detail-grid label,
.home-simple-detail-grid > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    display: grid;
    grid-template-columns: 98px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 6px 4px;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.home-simple-detail-grid span,
.home-simple-detail-note > span {
    color: var(--ink-muted);
    font-size: 9px;
    font-weight: 650;
}

.home-simple-detail-grid strong,
.home-simple-detail-grid input,
.home-simple-detail-grid select {
    min-width: 0;
    overflow: hidden;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary);
    font: inherit;
    font-size: 10px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-simple-detail-grid select {
    width: 100%;
    min-height: 28px;
    padding: 0 22px 0 0;
    border-radius: 0;
    cursor: pointer;
}

.home-simple-detail-grid select:disabled {
    cursor: default;
    opacity: .72;
}

.home-simple-detail-note {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.home-simple-detail-note textarea,
.home-simple-comment-form textarea {
    width: 100%;
    resize: vertical;
    padding: 9px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-sunk);
    color: var(--text-primary);
    font: inherit;
    font-size: 11px;
    line-height: 1.45;
}

.home-simple-detail-section {
    padding-top: 13px;
    border-top: 1px solid var(--border);
}

.home-simple-detail-section > header {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 700;
}

.home-simple-subtask-progress {
    height: 3px;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: var(--radius-pill);
    background: var(--surface-sunk);
}

.home-simple-subtask-progress > span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--accent);
    transition: width 180ms ease;
}

.home-simple-subtask-list {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.home-simple-subtask {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    min-height: 34px;
    padding: 2px 7px 2px 3px;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    background: var(--surface-sunk);
}

.home-simple-subtask-check {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.home-simple-subtask-check > span {
    width: 16px;
    height: 16px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border-strong);
    border-radius: 50%;
    color: var(--accent-on);
    font-size: 10px;
    line-height: 1;
}

.home-simple-subtask.is-completed .home-simple-subtask-check > span {
    border-color: var(--accent);
    background: var(--accent);
}

.home-simple-subtask-title {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--text-primary);
    font-size: 10px;
    line-height: 1.35;
}

.home-simple-subtask.is-completed .home-simple-subtask-title {
    color: var(--ink-muted);
    text-decoration: line-through;
}

.home-simple-subtask-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
    margin-top: 7px;
}

.home-simple-subtask-form input {
    width: 100%;
    min-height: 34px;
    padding: 0 9px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: var(--text-primary);
    font: inherit;
    font-size: 10px;
}

.home-simple-subtask-form button {
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: var(--accent);
    font: inherit;
    font-size: 9px;
    font-weight: 650;
    cursor: pointer;
}

.home-simple-subtask-form input:disabled,
.home-simple-subtask-form button:disabled,
.home-simple-subtask-check:disabled {
    cursor: wait;
    opacity: 0.6;
}

.home-simple-file-add {
    color: var(--accent);
    font-size: 9px;
    cursor: pointer;
}

.home-simple-detail-files,
.home-simple-detail-comments {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.home-simple-detail-file,
.home-simple-detail-comment {
    padding: 8px 9px;
    border-radius: var(--radius-md);
    background: var(--surface-sunk);
    color: var(--text-secondary);
    font-size: 10px;
    line-height: 1.4;
}

.home-simple-detail-file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.home-simple-detail-file button {
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: var(--accent);
    font: inherit;
    font-size: 9px;
    cursor: pointer;
}

.home-simple-detail-comment strong {
    display: block;
    margin-bottom: 2px;
    color: var(--text-primary);
    font-size: 9px;
}

.home-simple-detail-comment time {
    display: block;
    margin-top: 3px;
    color: var(--ink-muted);
    font-size: 8px;
}

.home-simple-detail-empty {
    padding: 8px 0;
    color: var(--ink-muted);
    font-size: 9px;
}

.home-simple-comment-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 6px;
    margin-top: 7px;
}

.home-simple-comment-form button,
.home-simple-detail-foot button {
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid var(--accent);
    border-radius: var(--radius-md);
    background: var(--accent);
    color: var(--accent-on);
    font: inherit;
    font-size: 9px;
    font-weight: 650;
    cursor: pointer;
}

.home-simple-detail-foot {
    padding: 10px 14px;
    border-top: 1px solid var(--border);
}

.home-simple-detail-foot button {
    width: 100%;
    border-color: var(--border);
    background: var(--surface);
    color: var(--text-secondary);
}

.home-simple-mobile-scrim {
    display: none;
}

.home-simple-sidebar-search:focus-within,
.home-simple-detail-note textarea:focus,
.home-simple-comment-form textarea:focus,
.home-simple-subtask-form input:focus,
.home-simple-detail-grid input:focus,
.home-simple-detail-grid select:focus {
    border-color: var(--accent);
    outline: 2px solid var(--accent-soft);
    outline-offset: 1px;
}

.home-simple-smart-lists button:focus-visible,
.home-simple-project-item:focus-visible,
.home-simple-icon-button:focus-visible,
.home-simple-command:focus-visible,
.home-simple-task-check:focus-visible,
.home-simple-task-star:focus-visible,
.home-simple-calendar-toolbar button:focus-visible,
.home-simple-calendar-day:focus-visible,
.home-simple-calendar-task-section > summary:focus-visible,
.home-simple-detail-statuses button:focus-visible,
.home-simple-detail-title-row button:focus-visible,
.home-simple-subtask-check:focus-visible,
.home-simple-subtask-form button:focus-visible,
.home-simple-comment-form button:focus-visible,
.home-simple-detail-foot button:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

@media (max-width: 1180px) {
    .home-simple-wunder-shell {
        grid-template-columns: 224px minmax(0, 1fr) auto;
    }

    .home-simple-detail {
        width: 330px;
    }

    .home-simple-route-hint {
        display: none;
    }
}

@media (max-width: 900px) {
    #tab-home .home-mockup[data-home-view="simple"] {
        padding-inline: 8px;
    }

    .home-simple-wunder-shell {
        display: block;
        height: auto;
        min-height: calc(100vh - 112px);
        max-height: none;
        overflow: visible;
    }

    .home-simple-main .home-simple-list.is-assignments-workspace {
        height: auto;
        flex: 0 0 auto;
        overflow: visible;
        scrollbar-gutter: auto;
    }

    .home-simple-list.is-assignments-workspace .pa-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-simple-main {
        min-height: calc(100vh - 114px);
    }

    .home-simple-sidebar-search {
        min-height: 44px;
        margin: 8px 10px;
        padding-inline: 10px;
    }

    .home-simple-sidebar-search input {
        font-size: 16px;
    }

    .home-simple-sidebar,
    .home-simple-detail {
        position: fixed;
        z-index: calc(var(--z-modal) - 1);
        top: 0;
        bottom: 0;
        width: min(86vw, 340px);
        max-width: 100%;
        box-shadow: var(--shadow-overlay, var(--shadow-raised));
        transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .home-simple-sidebar {
        left: 0;
        transform: translateX(-102%);
    }

    .home-simple-sidebar.is-open {
        transform: translateX(0);
    }

    .home-simple-detail {
        right: 0;
        transform: translateX(102%);
    }

    .home-simple-detail:not([hidden]) {
        transform: translateX(0);
    }

    .home-simple-mobile-lists {
        width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        padding: 0;
        border: 0;
        border-radius: var(--radius-md);
        background: var(--surface-sunk);
        color: var(--text-secondary);
    }

    .home-simple-mobile-scrim:not([hidden]) {
        position: fixed;
        z-index: calc(var(--z-modal) - 2);
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
        background: var(--color-overlay, var(--scrim));
    }

    .home-simple-calendar-toolbar {
        align-items: center;
    }

    .home-simple-calendar-day {
        min-height: 44px;
        padding: 4px;
    }

    .home-simple-calendar-day-number {
        min-height: 18px;
    }

    .home-simple-calendar-day.is-today .home-simple-calendar-day-number > span {
        min-width: 18px;
        height: 18px;
    }

    .home-simple-calendar-markers {
        gap: 2px;
    }

    .home-simple-calendar-marker {
        width: 4px;
        height: 4px;
    }
}

@media (max-width: 600px) {
    .main-area > #tab-home.tab-content.active.home-simple-active {
        padding-inline: 0 !important;
    }

    #tab-home .home-mockup[data-home-view="simple"] {
        padding: 0 !important;
    }

    .home-simple-wunder-shell {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    #tab-home .home-simple-view {
        padding-inline: 0;
    }

    .home-simple-calendar-day {
        min-height: 44px;
        padding: 4px;
    }

    .home-simple-list-header {
        min-height: 60px;
        padding: 8px 10px;
    }

    .home-simple-list-header > div:nth-child(2) {
        display: block;
    }

    .home-simple-list-header h2 {
        font-size: 18px;
    }

    .home-simple-list-header p {
        margin-top: 2px;
    }

    .home-simple-command span {
        display: none;
    }

    .home-simple-main .home-simple-quick-add {
        min-height: 52px;
        margin: 9px 9px 6px;
    }

    .home-simple-main .home-simple-quick-name input,
    .home-simple-main .home-simple-quick-date,
    .home-simple-main .home-simple-quick-submit {
        min-height: 44px;
    }

    .home-simple-main .home-simple-routing {
        margin: 0 11px 9px;
    }

    .home-simple-route-field {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .home-simple-route-field select,
    #hcSimpleQuickStep {
        width: 100%;
    }

    .home-simple-main .home-simple-task {
        min-height: 62px;
        padding-inline: 8px;
    }

    .home-simple-detail {
        width: 100vw;
    }

    .home-simple-subtask {
        grid-template-columns: 42px minmax(0, 1fr);
        min-height: 44px;
    }

    .home-simple-subtask-check {
        width: 40px;
        height: 40px;
    }

    .home-simple-subtask-form input,
    .home-simple-subtask-form button {
        min-height: 44px;
    }
}

/* ── Единый композер новой задачи ────────────────────────────────
   Название и маршрут больше не выглядят как две несвязанные формы.
   На мобильном дополнительные поля раскрываются только при работе с формой. */
.home-simple-main .home-simple-compose {
    display: block;
    margin: 8px 16px 12px;
}

.home-simple-main .home-simple-quick-add {
    min-height: 0;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: calc(var(--radius-lg) + 2px);
    background: var(--surface);
    box-shadow: var(--shadow-1);
    transition:
        border-color 160ms ease,
        box-shadow 160ms ease;
}

.home-simple-quick-primary {
    min-height: 52px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 5px 8px 4px 13px;
}

.home-simple-main .home-simple-quick-plus {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--accent-soft);
    color: var(--accent-deep);
    font-size: 18px;
    font-weight: 500;
}

.home-simple-main .home-simple-quick-name input {
    min-height: 40px;
    padding: 0 2px;
    color: var(--text-primary);
    font-size: 15px;
    font-weight: 560;
}

.home-simple-main .home-simple-quick-submit {
    min-height: 32px;
    padding: 0 15px;
    border: 0;
    border-radius: var(--radius-md);
    background: var(--accent);
    color: var(--accent-on);
    font-size: 11px;
    font-weight: 650;
    box-shadow: var(--shadow-1);
    transition:
        background-color 150ms ease,
        transform 150ms ease,
        box-shadow 150ms ease;
}

.home-simple-main .home-simple-quick-submit:hover:not(:disabled) {
    background: var(--accent-hover);
    box-shadow: var(--shadow-raised);
    transform: translateY(-1px);
}

.home-simple-main .home-simple-quick-submit:active:not(:disabled) {
    transform: translateY(0);
}

.home-simple-main .home-simple-routing {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    align-items: end;
    gap: 8px;
    margin: 0 8px 8px;
    padding: 8px 10px 7px;
    border: 1px solid color-mix(in srgb, var(--border) 64%, transparent);
    border-radius: var(--radius-lg);
    background: var(--surface-sunk);
}

.home-simple-main .home-simple-route-field {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    color: var(--ink-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.home-simple-main .home-simple-route-field select,
.home-simple-main #hcSimpleQuickStep,
.home-simple-main .home-simple-quick-date input {
    width: 100%;
    min-width: 0;
    height: 36px;
    min-height: 36px;
    box-sizing: border-box;
    padding: 0 30px 0 9px;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    background-color: var(--surface);
    color: var(--text-primary);
    font: inherit;
    font-size: 11px;
    font-weight: 550;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: inset 0 0 0 1px var(--border);
    transition:
        border-color 150ms ease,
        box-shadow 150ms ease,
        background-color 150ms ease;
}

.home-simple-main .home-simple-route-field select:hover:not(:disabled),
.home-simple-main .home-simple-quick-date input:hover:not(:disabled) {
    background-color: var(--surface-hover);
}

.home-simple-main .home-simple-route-field select:focus-visible,
.home-simple-main .home-simple-quick-date input:focus-visible {
    border-color: var(--accent);
    outline: 0;
    box-shadow: 0 0 0 2px var(--accent-soft);
}

.home-simple-main .home-simple-quick-date {
    padding: 0;
    border: 0;
    background: transparent;
}

.home-simple-main .home-simple-quick-date input {
    padding-right: 8px;
}

.home-simple-main .home-simple-route-hint {
    grid-column: 1 / -1;
    min-height: 12px;
    color: var(--ink-muted);
    font-size: 10px;
    line-height: 1.35;
    text-align: right;
    white-space: normal;
}

.home-simple-main .home-simple-quick-add:focus-within {
    border-color: var(--border-strong);
    box-shadow: var(--shadow-raised);
}

@media (max-width: 900px) {
    .home-simple-main .home-simple-routing {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .home-simple-main .home-simple-compose {
        margin: 4px 6px 6px;
    }

    .home-simple-main .home-simple-quick-add {
        min-height: 40px;
        padding: 0;
    }

    .home-simple-quick-primary {
        min-height: 44px;
        grid-template-columns: 28px minmax(0, 1fr) 44px;
        padding: 0 1px 0 7px;
    }

    .home-simple-main .home-simple-quick-name input {
        min-height: 42px;
        font-size: 16px;
    }

    .home-simple-main .home-simple-routing {
        display: none;
        grid-template-columns: minmax(0, 1fr);
        gap: 7px;
        padding: 8px;
    }

    .home-simple-main .home-simple-quick-add:focus-within .home-simple-routing {
        display: grid;
    }

    .home-simple-main .home-simple-route-field select,
    .home-simple-main #hcSimpleQuickStep,
    .home-simple-main .home-simple-quick-date input {
        min-height: 44px;
        height: 44px;
        font-size: 16px;
    }

    .home-simple-main .home-simple-quick-submit {
        width: 44px;
        min-width: 44px;
        min-height: 44px;
        padding: 0;
        border: 0;
        background: transparent;
        color: transparent;
        font-size: 0;
    }

    .home-simple-main .home-simple-quick-submit::before {
        content: "+";
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        margin: auto;
        border-radius: 8px;
        background: var(--accent);
        color: var(--accent-on);
        font-size: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-simple-sidebar,
    .home-simple-detail,
    .home-simple-calendar-chevron {
        transition: none;
    }
}

/* Финальный каскад: правила адаптивной внутренней колонки объявлены выше,
   поэтому режимный системный сайдбар закрепляем последним. */
@media (min-width: 769px) {
    .app-shell.home-simple-shell-mode:not(.nav-collapsed) .sidebar-nav,
    .app-shell.home-simple-shell-mode:not(.nav-collapsed) .sidebar-nav:hover {
        width: 248px !important;
        overflow: hidden !important;
    }

    .app-shell.home-simple-shell-mode:not(.nav-collapsed) .main-area {
        padding-left: 248px !important;
    }

    .app-shell.home-simple-shell-mode.nav-collapsed .sidebar-nav,
    .app-shell.home-simple-shell-mode.nav-collapsed .sidebar-nav:hover {
        width: 64px !important;
        overflow: hidden !important;
    }

    .app-shell.home-simple-shell-mode.nav-collapsed .main-area {
        padding-left: 64px !important;
    }

    .app-shell.home-simple-shell-mode .home-simple-wunder-shell {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    .app-shell.home-simple-shell-mode #hcSimpleSidebar {
        display: none !important;
    }

    .app-shell.home-simple-shell-mode .main-area > header .mobile-hamburger {
        display: inline-flex !important;
    }
}

/* Настольная плотность обычного режима. На планшете и телефоне сохраняются
   сенсорные зоны не меньше 44px из адаптивных правил ниже. */
@media (min-width: 901px) {
    .home-simple-sidebar-brand {
        min-height: 48px;
        grid-template-columns: 28px minmax(0, 1fr) 28px;
        gap: 7px;
        padding: 6px 9px;
    }

    .home-simple-sidebar-mark,
    .home-simple-icon-button {
        width: 28px;
        height: 28px;
    }

    .home-simple-smart-lists button,
    .home-simple-project-item {
        min-height: 32px;
        grid-template-columns: 20px minmax(0, 1fr) auto;
        padding-inline: 7px;
    }

    .home-simple-projects-head {
        margin: 10px 9px 4px;
    }

    .home-simple-advanced-link {
        min-height: 34px;
        margin: 6px 8px;
    }

    .home-simple-list-header {
        min-height: 36px;
        padding: 2px 10px;
    }

    .home-simple-list-header h2 {
        font-size: 14px;
    }

    .home-simple-command,
    .home-simple-refresh {
        min-height: 28px;
        height: 28px;
    }

    .home-simple-main .home-simple-quick-add {
        min-height: 32px;
        margin: 3px 9px 2px;
        padding: 1px 2px 1px 7px;
    }

    .home-simple-main .home-simple-quick-name input,
    .home-simple-main .home-simple-quick-date,
    .home-simple-main .home-simple-quick-submit {
        min-height: 26px;
    }

    .home-simple-main .home-simple-quick-plus {
        font-size: 18px;
    }

    .home-simple-main .home-simple-quick-date {
        gap: 5px;
        padding-inline: 7px;
    }

    .home-simple-main .home-simple-quick-submit {
        padding-inline: 10px;
        font-size: 10px;
    }

    .home-simple-main .home-simple-routing {
        min-height: 26px;
        margin: 0 11px 2px;
    }

    .home-simple-route-field select,
    #hcSimpleQuickStep {
        height: 26px;
    }

    .home-simple-route-field select {
        width: 196px;
    }

    .home-simple-date-group + .home-simple-date-group {
        margin-top: 5px;
    }

    .home-simple-date-group-head {
        min-height: 26px;
    }

    .home-simple-main .home-simple-task {
        min-height: 44px;
        grid-template-columns: 28px minmax(0, 1fr) 28px;
        gap: 5px;
        padding: 3px 7px;
    }

    .home-simple-task-check,
    .home-simple-task-star {
        width: 28px;
        height: 28px;
    }

    .home-simple-task-main {
        min-height: 34px;
    }

    .home-simple-task-title {
        font-size: 12px;
    }

    .home-simple-calendar-day {
        min-height: 40px;
        padding: 3px 4px;
    }
}

/* Мобильная главная обычного режима. Этот блок намеренно расположен последним:
   он исправляет мобильную компоновку после финального настольного каскада. */
@media (max-width: 600px) {
    #tab-home .home-mockup[data-home-view="simple"] > .home-view-switch--mobile {
        display: none !important;
    }

    #tab-home .home-simple-view,
    .home-simple-main {
        background: var(--surface);
    }

    .home-simple-wunder-shell,
    .home-simple-main {
        min-height: 0;
        overflow: visible;
    }

    .home-simple-list-header {
        min-height: 48px;
        gap: 4px;
        padding: 2px 6px;
        border-bottom: 1px solid var(--border);
        background: var(--surface);
    }

    .home-simple-list-header > div:nth-child(2) {
        display: flex;
        align-items: center;
    }

    .home-simple-list-header h2 {
        overflow: hidden;
        font-size: 17px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .home-simple-list-header h2 small,
    .home-simple-list-header p,
    .home-simple-command {
        display: none;
    }

    .home-simple-mobile-lists,
    .home-simple-refresh {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        border-radius: var(--radius-md);
        background: transparent;
    }

    .home-simple-mobile-lists {
        display: none;
    }

    .home-simple-compose {
        display: block;
    }

    .home-simple-main .home-simple-quick-add {
        min-height: 44px;
        grid-template-columns: minmax(0, 1fr) 44px;
        grid-template-areas: "name submit";
        gap: 2px;
        margin: 4px 8px 2px;
        padding: 0 1px 0 9px;
        border-color: var(--border);
        border-radius: var(--radius-md);
        background: var(--surface);
    }

    .home-simple-main .home-simple-quick-plus {
        display: none;
    }

    .home-simple-main .home-simple-quick-name {
        grid-area: name;
    }

    .home-simple-main .home-simple-quick-name input {
        min-height: 42px;
        font-size: 16px;
    }

    .home-simple-main .home-simple-quick-date {
        display: none;
        width: max-content;
        min-height: 28px;
        grid-area: date;
        margin: 0;
        justify-self: start;
    }

    .home-simple-main .home-simple-quick-date input {
        width: 126px;
        min-height: 28px;
        font-size: 12px;
    }

    .home-simple-main .home-simple-quick-submit {
        width: 44px;
        min-width: 44px;
        min-height: 44px;
        grid-area: submit;
        grid-row: auto;
        grid-column: auto;
        align-self: center;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .home-simple-main .home-simple-quick-submit::before {
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        margin: auto;
        border-radius: var(--radius-md);
        background: var(--accent);
        color: var(--accent-on);
        font-size: 18px;
    }

    .home-simple-main .home-simple-quick-submit:hover {
        background: transparent;
        box-shadow: none;
        transform: none;
    }

    .home-simple-main .home-simple-quick-submit:hover::before {
        background: var(--accent-hover);
    }

    .home-simple-main .home-simple-routing {
        display: none;
        gap: 4px;
        margin: 0 8px 7px;
    }

    .home-simple-compose:focus-within .home-simple-quick-add {
        grid-template-areas:
            "name submit"
            "date .";
    }

    .home-simple-compose:focus-within .home-simple-quick-date {
        display: inline-flex;
    }

    .home-simple-compose:focus-within .home-simple-routing {
        display: flex;
    }

    .home-simple-route-field {
        min-height: 40px;
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 6px;
    }

    .home-simple-route-field select,
    #hcSimpleQuickStep {
        min-height: 40px;
        font-size: 16px;
    }

    .home-simple-route-hint {
        display: none;
    }

    .home-simple-main .home-simple-list {
        flex: 0 0 auto;
        overflow: visible;
        padding: 0 8px calc(82px + env(safe-area-inset-bottom, 0px));
    }

    .home-simple-date-group + .home-simple-date-group {
        margin-top: 6px;
    }

    .home-simple-date-group-head {
        min-height: 32px;
        padding: 0 4px;
        background: var(--surface);
    }

    .home-simple-date-group-head strong {
        font-size: 12px;
    }

    .home-simple-date-group-head span {
        font-size: 10px;
    }

    .home-simple-date-group-head b {
        display: none;
    }

    .home-simple-main .home-simple-task {
        min-height: 60px;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        gap: 2px;
        padding: 4px 0;
    }

    .home-simple-task-check,
    .home-simple-task-star {
        width: 44px;
        height: 44px;
    }

    .home-simple-task-check span {
        width: 20px;
        height: 20px;
    }

    .home-simple-task-main {
        min-height: 50px;
    }

    .home-simple-task-title {
        font-size: 14px;
        line-height: 1.3;
    }

    .home-simple-task-meta {
        align-items: center;
        flex-flow: row wrap;
        gap: 4px 6px;
        margin-top: 3px;
        font-size: 10px;
    }

    .home-simple-sidebar {
        width: min(92vw, 360px);
        padding-top: env(safe-area-inset-top, 0px);
        padding-bottom: env(safe-area-inset-bottom, 0px);
        background: var(--surface);
    }

    .home-simple-smart-lists button,
    .home-simple-project-item {
        min-height: 44px;
        font-size: 14px;
    }

    .home-simple-projects-head {
        margin-top: 12px;
        font-size: 10px;
    }

    .home-simple-detail {
        width: 100vw;
        min-height: 100dvh;
        padding-top: env(safe-area-inset-top, 0px);
        padding-bottom: env(safe-area-inset-bottom, 0px);
        background: var(--surface);
    }

    .home-simple-calendar-day-number {
        color: var(--text-primary);
        font-size: 12px;
        font-weight: 700;
    }

    .home-simple-calendar {
        width: calc(100% - 16px);
        margin-top: 4px;
    }

    .home-simple-calendar-toolbar {
        min-height: 44px;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        padding: 0;
    }

    .home-simple-calendar-toolbar button {
        min-width: 44px;
        height: 44px;
    }

    .home-simple-calendar-period {
        gap: 4px;
    }

    .home-simple-calendar-period button {
        min-width: 0;
        padding-inline: 6px;
    }

    .home-simple-calendar-day {
        min-height: 44px;
    }

    .home-simple-calendar-task-section > summary {
        min-height: 44px;
    }
}

@media (max-width: 768px) {
    #hcSimpleMobTabbar[hidden] {
        display: none !important;
    }

    .app-shell.home-simple-shell-mode #mobTabbar {
        display: none !important;
    }

    .app-shell.home-simple-shell-mode #hcSimpleMobTabbar {
        display: flex;
    }

    .home-simple-mob-tabbar {
        position: fixed;
        z-index: var(--z-nav-bar);
        right: 0;
        bottom: 0;
        left: 0;
        align-items: flex-end;
        padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
        border-top: 1px solid var(--border);
        background: var(--surface);
        box-shadow: var(--shadow-overlay, var(--shadow-raised));
    }

    .home-simple-mob-tab {
        min-width: 0;
        min-height: 48px;
        flex: 1 1 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 2px;
        padding: 3px 2px;
        border: 0;
        border-radius: var(--radius-md);
        background: transparent;
        color: var(--ink-muted);
        font: inherit;
        font-size: 10px;
        font-weight: 600;
    }

    .home-simple-mob-tab svg,
    .home-simple-mob-fab svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .home-simple-mob-tab.is-active {
        background: var(--accent-soft);
        color: var(--accent);
    }

    .home-simple-mob-fab {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
        display: grid;
        place-items: center;
        margin: 0 5px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: var(--accent);
        color: var(--accent-on);
        box-shadow: var(--shadow-raised);
    }

    body.mnav-keyboard #hcSimpleMobTabbar,
    body:has(.home-simple-sidebar.is-open) #hcSimpleMobTabbar,
    body:has(.home-simple-detail:not([hidden])) #hcSimpleMobTabbar {
        display: none !important;
    }
}

/* Финальная мобильная плотность обычного режима.
   Визуальные поверхности компактнее, сенсорные зоны ключевых действий остаются 44px. */
@media (max-width: 600px) {
    /* В обычном режиме глобальная шапка показывает только имя: действия остаются
       доступными, но больше не вынуждают приветствие переноситься на две строки. */
    .app-shell.home-simple-shell-mode .main-area > header {
        min-height: 48px;
        height: 48px;
        padding-inline: 8px !important;
        gap: 4px;
    }

    .app-shell.home-simple-shell-mode .main-area > header > div:first-child {
        min-width: 0;
        gap: 4px !important;
    }

    .app-shell.home-simple-shell-mode #pageHeaderTitle {
        max-width: 150px;
        font-size: 14px !important;
        line-height: 1.15;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }

    .app-shell.home-simple-shell-mode .main-area > header .hdr-right,
    .app-shell.home-simple-shell-mode .main-area > header > div:last-child {
        gap: 0 !important;
    }

    .home-simple-list-header {
        box-sizing: border-box;
        height: 44px;
        min-height: 44px;
        padding: 0 4px;
    }

    .home-simple-list-header h2 {
        font-size: 14px;
    }

    .home-simple-list-header button svg {
        width: 18px;
        height: 18px;
    }

    .home-simple-main .home-simple-quick-add {
        box-sizing: border-box;
        min-height: 44px;
        margin: 4px 6px 2px;
        padding-left: 7px;
    }

    .home-simple-main .home-simple-quick-submit::before {
        width: 28px;
        height: 28px;
        border-radius: 7px;
        font-size: 16px;
    }

    .home-simple-main .home-simple-list {
        padding-inline: 6px;
    }

    .home-simple-date-group + .home-simple-date-group {
        margin-top: 3px;
    }

    .home-simple-date-group-head {
        min-height: 28px;
        padding-inline: 2px;
    }

    .home-simple-date-group-head strong {
        font-size: 11px;
    }

    .home-simple-main .home-simple-task {
        min-height: 52px;
        gap: 0;
        padding: 2px 0;
    }

    .home-simple-task-main {
        min-height: 44px;
        padding-block: 2px;
    }

    .home-simple-task-title {
        font-size: 13px;
        line-height: 1.25;
    }

    .home-simple-task-meta {
        gap: 2px 5px;
        margin-top: 1px;
        font-size: 9px;
    }

    .home-simple-main .home-simple-loading,
    .home-simple-main .home-simple-empty {
        padding: 24px 14px;
    }

    .home-simple-calendar {
        width: calc(100% - 12px);
        gap: 4px;
        margin-top: 2px;
    }

    .home-simple-calendar-task-section {
        padding-top: 4px;
    }

    .home-simple-calendar-task-section > header,
    .home-simple-calendar-task-section > summary {
        padding-inline: 2px;
    }

    .home-simple-detail-head {
        min-height: 44px;
        padding: 0 6px 0 11px;
    }

    .home-simple-detail-body {
        gap: 8px;
        padding: 10px;
    }

    .home-simple-detail-loading {
        padding: 24px 14px;
    }

    .home-simple-detail-title-row {
        grid-template-columns: minmax(0, 1fr) 44px;
        gap: 2px;
    }

    .home-simple-detail-title-row input {
        min-height: 44px;
        padding: 5px 6px;
        font-size: 15px;
    }

    .home-simple-detail-title-row button {
        width: 44px;
        height: 44px;
        font-size: 19px;
    }

    .home-simple-detail-statuses {
        gap: 3px;
    }

    .home-simple-detail-statuses button {
        min-height: 34px;
        padding-inline: 7px;
    }

    .home-simple-detail-grid label,
    .home-simple-detail-grid > div {
        grid-template-columns: 86px minmax(0, 1fr);
        min-height: 40px;
        gap: 6px;
        padding: 4px 2px;
    }

    .home-simple-detail-note {
        gap: 4px;
    }

    .home-simple-detail-note textarea,
    .home-simple-comment-form textarea {
        padding: 7px;
    }

    .home-simple-detail-section {
        padding-top: 9px;
    }

    .home-simple-detail-section > header {
        min-height: 26px;
        margin-bottom: 4px;
    }

    .home-simple-detail-file,
    .home-simple-detail-comment {
        padding: 7px 8px;
    }

    .home-simple-detail-foot {
        padding: 6px 10px calc(6px + env(safe-area-inset-bottom, 0px));
    }

    .home-simple-main .home-simple-list.is-assignments-workspace {
        padding: 4px 6px calc(76px + env(safe-area-inset-bottom, 0px));
    }

    /* Единая мобильная строка: разделы поручений и загрузка PDF. */
    .home-simple-list.is-assignments-workspace .pa-shell {
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content;
        align-items: start;
        column-gap: 3px;
    }

    .home-simple-list.is-assignments-workspace .pa-shell > * {
        grid-column: 1 / -1;
    }

    .home-simple-list.is-assignments-workspace .pa-module-bar {
        grid-column: 2;
        grid-row: 1;
    }

    .home-simple-list.is-assignments-workspace .pa-controller-nav {
        grid-column: 1 / -1;
        grid-row: 1;
        min-width: 0;
    }

    .home-simple-list.is-assignments-workspace .pa-shell:has(> .pa-module-bar .pa-module-actions:not(:empty)) > .pa-controller-nav {
        grid-column: 1;
    }

    .home-simple-list.is-assignments-workspace .pa-module-bar,
    .home-simple-list.is-assignments-workspace .pa-controller-nav,
    .home-simple-list.is-assignments-workspace .pa-toolbar {
        margin-bottom: 6px;
    }

    .home-simple-list.is-assignments-workspace .pa-module-bar {
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0;
    }

    .home-simple-list.is-assignments-workspace .pa-module-actions {
        gap: 4px;
        margin-top: 0;
    }

    .home-simple-list.is-assignments-workspace .pa-module-actions .pa-primary {
        width: auto;
        min-height: 30px;
        padding: 0 7px;
        border-radius: 6px;
        font-size: 9px;
        white-space: nowrap;
    }

    .home-simple-list.is-assignments-workspace .pa-module-actions .pa-primary::after,
    .home-simple-list.is-assignments-workspace .pa-panel-actions .pa-secondary::after {
        content: none;
    }

    .home-simple-list.is-assignments-workspace .pa-module-actions .pa-primary svg {
        display: none;
    }

    .home-simple-list.is-assignments-workspace .pa-panel-actions .pa-secondary svg {
        width: 13px;
        height: 13px;
    }

    .home-simple-list.is-assignments-workspace .pa-controller-nav {
        width: 100%;
        justify-content: stretch;
    }

    .home-simple-list.is-assignments-workspace .pa-section-tabs {
        width: 100%;
        min-width: 0;
        gap: 3px;
        padding: 0;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .home-simple-list.is-assignments-workspace .pa-section-tabs button {
        min-width: 0;
        min-height: 30px;
        flex: 0 1 auto;
        justify-content: center;
        gap: 3px;
        padding: 0 6px;
        border-radius: 6px;
        font-size: 9px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .home-simple-list.is-assignments-workspace .pa-section-tabs button:last-child {
        flex: 1 1 auto;
    }

    .home-simple-list.is-assignments-workspace .pa-section-tabs button span {
        font-size: 8px;
    }

    .home-simple-list.is-assignments-workspace .pa-filter-tabs {
        width: calc(100% + 12px);
        margin-inline: -6px;
        padding-inline: 6px;
    }

    .home-simple-list.is-assignments-workspace .pa-filter-tabs button {
        min-height: 30px;
        gap: 4px;
        padding-inline: 8px;
        border-radius: 6px;
        font-size: 10px;
    }

    .home-simple-list.is-assignments-workspace .pa-toolbar {
        gap: 5px;
    }

    .home-simple-list.is-assignments-workspace .pa-toolbar-controls {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(112px, 132px);
        gap: 6px;
    }

    .home-simple-list.is-assignments-workspace .pa-search {
        width: auto;
        min-width: 0;
        min-height: 32px;
        gap: 6px;
        padding-inline: 8px;
        border-radius: 6px;
    }

    .home-simple-list.is-assignments-workspace .pa-search input {
        min-height: 30px;
        font-size: 10px;
    }

    .home-simple-list.is-assignments-workspace .pa-search svg {
        width: 13px;
        flex-basis: 13px;
    }

    .home-simple-list.is-assignments-workspace .pa-sort {
        min-width: 0;
        display: block;
    }

    .home-simple-list.is-assignments-workspace .pa-sort > span {
        display: none;
    }

    .home-simple-list.is-assignments-workspace .pa-sort select {
        min-height: 32px;
        padding: 0 24px 0 8px;
        border-radius: 6px;
        font-size: 10px;
    }

    .home-simple-list.is-assignments-workspace .pa-panel-actions {
        gap: 5px;
    }

    .home-simple-list.is-assignments-workspace .pa-panel-actions .pa-secondary {
        width: 100%;
        min-height: 32px;
        padding: 0 8px;
        border-radius: 6px;
        font-size: 10px;
    }

    .home-simple-list.is-assignments-workspace .pa-assignment-panel > .pa-panel-head {
        min-height: 0;
        gap: 6px;
        margin-bottom: 5px;
        padding: 5px 2px 7px;
        border: 0;
        border-radius: 0;
    }

    .home-simple-list.is-assignments-workspace .pa-panel-head h2 {
        font-size: 14px;
    }

    .home-simple-list.is-assignments-workspace .pa-panel-count {
        font-size: 10px;
    }

    .home-simple-list.is-assignments-workspace .pa-assignment-row,
    .home-simple-list.is-assignments-workspace .pa-overdue-row {
        gap: 8px;
        margin-bottom: 5px;
        padding: 9px;
        border-radius: var(--radius-md);
        box-shadow: none;
    }

    .home-simple-list.is-assignments-workspace .pa-task-main h3,
    .home-simple-list.is-assignments-workspace .pa-leader-card h3 {
        font-size: 13px;
        line-height: 1.3;
    }

    .home-simple-list.is-assignments-workspace .pa-task-main p {
        margin-top: 3px;
        font-size: 10px;
        line-height: 1.3;
    }

    .home-simple-list.is-assignments-workspace .pa-assignment-row [data-pa-label]::before,
    .home-simple-list.is-assignments-workspace .pa-overdue-row [data-pa-label]::before,
    .home-simple-list.is-assignments-workspace .pa-active-card [data-pa-label]::before {
        margin-bottom: 2px;
        font-size: 8px;
    }

    .home-simple-list.is-assignments-workspace .pa-cell strong {
        font-size: 11px;
    }

    .home-simple-list.is-assignments-workspace .pa-cell span {
        margin-top: 1px;
        font-size: 9px;
    }

    .home-simple-list.is-assignments-workspace .pa-responsible-decisions.is-compact {
        display: flex;
        gap: 4px;
        margin-top: 4px;
    }

    .home-simple-list.is-assignments-workspace .pa-responsible-decisions.is-compact .pa-responsible-decision {
        min-height: 28px;
        padding: 3px 6px 3px 4px;
    }

    .home-simple-list.is-assignments-workspace .pa-assignment-row > :nth-child(6),
    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(7) {
        width: auto;
        min-width: 76px;
        min-height: 44px;
        grid-column: 2;
        justify-self: end;
        padding-inline: 8px;
        border: 0;
        background: transparent;
    }

    .home-simple-list.is-assignments-workspace .pa-filter-row {
        margin-bottom: 5px;
        padding: 8px;
        border-radius: var(--radius-md);
    }

    .home-simple-list.is-assignments-workspace .pa-filter-grid {
        gap: 7px;
    }

    .home-simple-list.is-assignments-workspace .pa-field > span {
        margin-bottom: 3px;
        font-size: 10px;
    }

    .home-simple-list.is-assignments-workspace .pa-field input,
    .home-simple-list.is-assignments-workspace .pa-field select,
    .home-simple-list.is-assignments-workspace .pa-reset {
        min-height: 40px;
    }

    .home-simple-list.is-assignments-workspace .pa-result-line {
        min-height: 32px;
        margin-bottom: 5px;
        font-size: 10px;
    }

    /* Компактный мобильный реестр просроченных задач внутри поручений. */
    .home-simple-list.is-assignments-workspace .pa-filter-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 5px;
        padding: 6px;
    }

    .home-simple-list.is-assignments-workspace .pa-filter-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 4px;
    }

    .home-simple-list.is-assignments-workspace .pa-field {
        min-width: 0;
    }

    .home-simple-list.is-assignments-workspace .pa-field > span {
        margin-bottom: 2px;
        overflow: hidden;
        font-size: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .home-simple-list.is-assignments-workspace .pa-field select {
        width: 100%;
        min-width: 0;
        min-height: 32px;
        padding: 0 20px 0 6px;
        border-radius: 6px;
        font-size: 10px;
        text-overflow: ellipsis;
    }

    .home-simple-list.is-assignments-workspace .pa-reset {
        width: auto;
        min-height: 32px;
        margin: 0;
        padding: 0 7px;
        border-radius: 6px;
        font-size: 9px;
    }

    .home-simple-list.is-assignments-workspace .pa-result-line {
        min-height: 24px;
        margin-bottom: 3px;
        padding: 0 2px;
        justify-content: center;
        gap: 0;
        font-size: 9px;
    }

    .home-simple-list.is-assignments-workspace .pa-result-line > :nth-child(2) {
        display: none;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
        gap: 4px 7px;
        margin-bottom: 4px;
        padding: 7px 8px;
        border-radius: 7px;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(1) {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        font-size: 9px;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(2) {
        grid-column: 2;
        grid-row: 1;
        justify-self: start;
        padding: 3px 5px;
        font-size: 8px;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(3) {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(4),
    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(5),
    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(6) {
        min-width: 0;
        grid-row: 3;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(4) {
        grid-column: 1;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(5) {
        grid-column: 2;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(6) {
        grid-column: 3;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(4) > span,
    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(5) > span {
        display: none;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row [data-pa-label]::before {
        margin-bottom: 1px;
        font-size: 7px;
        letter-spacing: 0;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row .pa-task-main h3 {
        font-size: 12px;
        line-height: 1.25;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row .pa-task-main p {
        margin-top: 2px;
        font-size: 9px;
        line-height: 1.2;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row .pa-cell strong {
        overflow: hidden;
        font-size: 9px;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row .pa-cell span {
        margin-top: 1px;
        font-size: 8px;
        line-height: 1.2;
    }

    .home-simple-list.is-assignments-workspace .pa-overdue-row > :nth-child(7) {
        width: auto;
        min-width: 48px;
        min-height: 30px;
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        padding: 0 6px;
        border: 0;
        background: transparent;
        font-size: 9px;
    }

    .home-simple-list.is-assignments-workspace .pa-leader-intro,
    .home-simple-list.is-assignments-workspace .pa-leader-card,
    .home-simple-list.is-assignments-workspace .pa-active-card {
        gap: 8px;
        padding: 9px;
        border-radius: var(--radius-md);
    }

    .home-simple-list.is-assignments-workspace .pa-leader-intro h2 {
        font-size: 15px;
    }

    .home-simple-list.is-assignments-workspace .pa-leader-intro p {
        font-size: 10px;
        line-height: 1.35;
    }

    .home-simple-list.is-assignments-workspace .pa-leader-count strong {
        font-size: 22px;
    }

    .home-simple-list.is-assignments-workspace .pa-active-title {
        margin: 12px 2px 6px;
    }

    .home-simple-list.is-assignments-workspace .pa-activity-panel {
        padding: 9px;
        border-radius: var(--radius-md);
    }

    .home-simple-list.is-assignments-workspace .pa-document-card {
        padding: 8px;
    }

    .home-simple-mob-tabbar {
        padding: 4px 6px calc(4px + env(safe-area-inset-bottom, 0px));
        box-shadow: none;
    }

    .home-simple-mob-tab {
        min-height: 44px;
        gap: 1px;
        padding-block: 2px;
        font-size: 9px;
    }

    .home-simple-mob-tab svg,
    .home-simple-mob-fab svg {
        width: 19px;
        height: 19px;
    }

    .home-simple-mob-fab {
        position: relative;
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        margin-inline: 3px;
        background: transparent;
        box-shadow: none;
    }

    .home-simple-mob-fab::before {
        content: "";
        position: absolute;
        inset: 50% auto auto 50%;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: var(--accent);
        transform: translate(-50%, -50%);
    }

    .home-simple-mob-fab svg {
        position: relative;
        z-index: 1;
    }
}

/* На телефоне быстрый ввод раскрывается в отдельную нижнюю панель. Это не
   раздвигает список и оставляет каждому полю читаемую ширину. */
.home-simple-compose-backdrop,
.home-simple-compose-head,
.home-simple-date-display {
    display: none;
}

@media (max-width: 600px) {
    .home-simple-main .home-simple-compose {
        display: block;
        margin: 4px 6px 6px;
    }

    .home-simple-main .home-simple-quick-add {
        min-height: 40px;
        display: block;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: var(--surface);
        box-shadow: none;
    }

    .home-simple-main .home-simple-quick-primary {
        min-height: 40px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 40px;
        align-items: center;
        gap: 4px;
        padding: 0 1px 0 8px;
    }

    .home-simple-main .home-simple-quick-plus {
        display: none;
    }

    .home-simple-main .home-simple-quick-primary > .home-simple-quick-name,
    .home-simple-main .home-simple-quick-primary > .home-simple-quick-submit {
        grid-area: auto;
        grid-row: auto;
        grid-column: auto;
    }

    .home-simple-main .home-simple-quick-name input {
        min-height: 38px;
        padding: 0;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 500;
        transform: scale(0.875);
        transform-origin: left center;
        width: 114.3%;
    }

    .home-simple-main .home-simple-quick-name input:focus-visible {
        outline: 0;
    }

    .home-simple-main .home-simple-quick-submit {
        width: 40px;
        min-width: 40px;
        min-height: 40px;
    }

    .home-simple-main .home-simple-compose:not(.is-open) .home-simple-routing,
    .home-simple-main .home-simple-compose:not(.is-open) .home-simple-compose-head {
        display: none;
    }

    .home-simple-main .home-simple-compose.is-open {
        position: fixed;
        z-index: 10040;
        inset: 0;
        margin: 0;
        pointer-events: none;
    }

    .home-simple-compose.is-open .home-simple-compose-backdrop:not([hidden]) {
        position: fixed;
        display: block;
        inset: 0;
        border: 0;
        border-radius: 0;
        background: color-mix(in srgb, var(--text-primary) 28%, transparent);
        pointer-events: auto;
    }

    .home-simple-main .home-simple-compose.is-open .home-simple-quick-add {
        position: fixed;
        right: 8px;
        bottom: var(
            --home-simple-composer-bottom,
            calc(68px + env(safe-area-inset-bottom, 0px))
        );
        left: 8px;
        width: auto;
        max-width: 440px;
        max-height: calc(var(--home-simple-visual-height, 100dvh) - 24px);
        margin: 0 auto;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        border-color: var(--border-strong);
        border-radius: 14px;
        background: var(--surface);
        box-shadow: var(--shadow-overlay);
        pointer-events: auto;
    }

    .home-simple-main .home-simple-compose.is-open .home-simple-compose-head {
        min-height: 34px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 6px 0 12px;
        color: var(--text-primary);
    }

    .home-simple-compose-head strong {
        font-size: 12px;
        font-weight: 680;
    }

    .home-simple-compose-close {
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        padding: 0;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: var(--ink-muted);
        font: inherit;
        font-size: 20px;
        line-height: 1;
    }

    .home-simple-compose-close:focus-visible {
        outline: 2px solid var(--accent);
        outline-offset: -2px;
    }

    .home-simple-main .home-simple-compose.is-open .home-simple-quick-primary {
        min-height: 44px;
        grid-template-columns: minmax(0, 1fr) 72px;
        gap: 6px;
        padding: 2px 10px 7px;
    }

    .home-simple-main .home-simple-compose.is-open .home-simple-quick-name {
        height: 38px;
        overflow: hidden;
        border: 0;
        border-bottom: 1px solid var(--border);
        border-radius: 0;
        background: transparent;
    }

    .home-simple-main .home-simple-compose.is-open .home-simple-quick-name:focus-within {
        border-bottom-color: var(--accent);
        box-shadow: 0 1px 0 var(--accent);
    }

    .home-simple-main .home-simple-compose.is-open .home-simple-quick-name input {
        -webkit-appearance: none;
        appearance: none;
        min-height: 38px;
        padding-left: 10px;
        border: 0;
        border-radius: 0 !important;
        outline: 0;
        background: transparent;
        box-shadow: none !important;
    }

    .home-simple-main .home-simple-compose.is-open .home-simple-quick-name input:focus,
    .home-simple-main .home-simple-compose.is-open .home-simple-quick-name input:active {
        -webkit-appearance: none;
        appearance: none;
        border: 0;
        border-radius: 0 !important;
        outline: 0;
        background: transparent;
        box-shadow: none !important;
    }

    .home-simple-main .home-simple-compose.is-open .home-simple-quick-submit {
        width: 72px;
        min-width: 72px;
        min-height: 36px;
        padding: 0 10px;
        border: 0;
        border-radius: 8px;
        background: var(--accent);
        color: var(--accent-on);
        font-size: 11px;
        font-weight: 650;
        box-shadow: none;
    }

    .home-simple-main .home-simple-compose.is-open .home-simple-quick-submit::before {
        display: none;
    }

    .home-simple-main .home-simple-compose.is-open .home-simple-routing {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 6px;
        margin: 0;
        padding: 7px 10px 10px;
        border-top: 1px solid var(--border);
        border-radius: 0;
        background: var(--surface);
    }

    .home-simple-main .home-simple-routing > .home-simple-route-field {
        width: auto;
        min-width: 0;
        height: 38px;
        min-height: 38px;
        display: block;
        position: relative;
        grid-area: auto;
        grid-template-columns: none;
        padding: 0;
    }

    .home-simple-main .home-simple-routing > .home-simple-route-field:nth-child(2) {
        grid-column: 1 / -1;
        order: 1;
    }

    .home-simple-main .home-simple-routing > .home-simple-assignee-field {
        order: 2;
    }

    .home-simple-main .home-simple-routing > .home-simple-quick-date {
        width: auto;
        display: block;
        grid-area: auto;
        order: 3;
        margin: 0;
        padding: 0;
    }

    .home-simple-main .home-simple-routing > #hcSimpleQuickStepWrap {
        grid-column: 1 / -1;
        order: 4;
    }

    .home-simple-main .home-simple-routing > .home-simple-route-field > span:not(.home-simple-date-display) {
        position: absolute;
        z-index: 1;
        top: 4px;
        right: 26px;
        left: 9px;
        min-height: 8px;
        overflow: hidden;
        color: var(--ink-muted);
        font-size: 8px;
        font-weight: 650;
        line-height: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
    }

    .home-simple-main .home-simple-routing > .home-simple-assignee-field > span:not(.home-simple-date-display) {
        font-size: 0;
    }

    .home-simple-main .home-simple-routing > .home-simple-assignee-field > span:not(.home-simple-date-display)::after {
        content: "Кому";
        font-size: 8px;
    }

    .home-simple-main .home-simple-routing select,
    .home-simple-main .home-simple-routing input[type="date"] {
        width: 100%;
        min-width: 0;
        height: 38px;
        min-height: 38px;
        box-sizing: border-box;
        padding: 11px 28px 0 9px;
        border: 1px solid var(--border);
        border-radius: 8px !important;
        outline: 0;
        background-color: var(--surface-sunk);
        color: var(--text-primary);
        font-size: 13px;
        line-height: 16px;
        box-shadow: none;
    }

    .home-simple-main .home-simple-routing select:focus-visible,
    .home-simple-main .home-simple-routing input[type="date"]:focus-visible {
        border-color: var(--accent);
        outline: 0;
        box-shadow: 0 0 0 1px var(--accent-soft) inset;
    }

    .home-simple-main .home-simple-routing select {
        -webkit-appearance: none;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23707880' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 9px center;
        background-size: 10px 7px;
    }

    .home-simple-main #hcSimpleQuickStep {
        font-size: 12px;
    }

    .home-simple-main .home-simple-routing input[type="date"] {
        -webkit-appearance: none;
        appearance: none;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }

    .home-simple-main .home-simple-routing input[type="date"]::-webkit-date-and-time-value {
        min-height: 16px;
        opacity: 0;
        text-align: left;
    }

    .home-simple-main .home-simple-date-display {
        position: absolute;
        z-index: 2;
        right: 30px;
        bottom: 4px;
        left: 9px;
        display: block;
        overflow: hidden;
        color: var(--text-primary);
        font-size: 13px;
        font-weight: 500;
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
    }

    .home-simple-main .home-simple-routing input[type="date"]::-webkit-calendar-picker-indicator {
        width: 13px;
        height: 13px;
        margin: 0;
        padding: 0;
        opacity: 0.65;
    }

    .home-simple-main .home-simple-route-hint {
        display: none;
    }

    .home-simple-main .home-simple-compose:not(.is-open) .home-simple-quick-submit::before {
        width: 28px;
        height: 28px;
    }

    /* Возвращён исходный размер нижней навигации обычного режима. */
    .home-simple-mob-tabbar {
        padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
        box-shadow: var(--shadow-overlay, var(--shadow-raised));
    }

    .home-simple-mob-tab {
        min-height: 48px;
        gap: 2px;
        padding: 3px 2px;
        font-size: 10px;
    }

    .home-simple-mob-tab svg,
    .home-simple-mob-fab svg {
        width: 21px;
        height: 21px;
    }

    .home-simple-mob-fab {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        margin-inline: 5px;
        background: var(--accent);
        box-shadow: var(--shadow-raised);
    }

    .home-simple-mob-fab::before {
        display: none;
    }
}

@media (prefers-reduced-motion: no-preference) and (max-width: 600px) {
    .home-simple-main .home-simple-compose.is-open .home-simple-quick-add {
        animation: home-simple-compose-in 180ms ease-out both;
    }
}

@keyframes home-simple-compose-in {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Финальная настольная компоновка создания задачи. Подсказка находится внутри
   поля проекта, поэтому свободные колонки сетки схлопываются, а маршрут задачи
   равномерно занимает доступную ширину без второй вложенной карточки. */
@media (min-width: 901px) {
    .home-simple-main .home-simple-compose {
        margin: 6px 12px 10px;
    }

    .home-simple-main .home-simple-quick-add {
        min-height: 0;
        margin: 0;
        padding: 0;
        border-radius: var(--radius-lg);
        box-shadow: none;
    }

    .home-simple-main .home-simple-quick-primary {
        min-height: 44px;
        gap: 9px;
        padding: 3px 9px 2px 11px;
    }

    .home-simple-main .home-simple-quick-plus {
        width: 26px;
        height: 26px;
        font-size: 17px;
    }

    .home-simple-main .home-simple-quick-name input {
        min-height: 38px;
        font-size: 13px;
        font-weight: 560;
    }

    .home-simple-main .home-simple-quick-submit {
        min-height: 30px;
        padding-inline: 13px;
        font-size: 10px;
        box-shadow: none;
    }

    .home-simple-main .home-simple-routing {
        min-height: 0;
        grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
        align-items: start;
        gap: 10px;
        margin: 0;
        padding: 7px 11px 9px;
        border: 0;
        border-top: 1px solid var(--border);
        border-radius: 0;
        background: var(--surface);
    }

    .home-simple-main .home-simple-route-field {
        gap: 3px;
        font-size: 9px;
    }

    .home-simple-main .home-simple-route-field select,
    .home-simple-main #hcSimpleQuickStep,
    .home-simple-main .home-simple-quick-date input {
        width: 100%;
        height: 32px;
        min-height: 32px;
        font-size: 11px;
    }

    .home-simple-main .home-simple-route-hint {
        min-height: 0;
        margin-top: 1px;
        color: var(--ink-muted);
        font-size: 9px;
        line-height: 1.25;
        text-align: left;
    }
}