.item-action {
    display: inline-grid;
    place-items: center;
    flex: none;
    width: 25px;
    height: 25px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #91a0b0;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.item-action:hover, .item-action:focus-visible {
    background: #f1f4f8;
    color: #466eaa;
}

.delete-card:hover, .delete-task:hover,
.delete-card:focus-visible, .delete-task:focus-visible {
    background: #fff0f0;
    color: #b55458;
}

.modal label[hidden] { display: none; }

.project-group { margin: 26px 0 36px; }
.project-group .section-title { margin-bottom: 14px; }
.project-entry { display: flex; flex-direction: column; min-width: 0; }
.project-entry .project-tile { flex: 1; }
.project-actions { display: flex; gap: 8px; padding: 9px 0; }
.project-actions .button { font-size: 11px; padding: 7px 10px; }
.group-empty { color: #94a2b3; font-size: 12px; margin: 0; }
.board-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.status-badge { display: inline-block; padding: 3px 8px; border-radius: 6px; font-size: 10px; }
.status-badge.upcoming { background: #edf3ff; color: #4b78bd; }
.status-badge.active { background: #e7f7ef; color: #35815b; }
.status-badge.archived { background: #f1f2f5; color: #6c7888; }
.button.danger { color: #b55458; }
.button.danger:hover { background: #fff0f0; }

.confirm-dialog { direction: rtl; text-align: right; max-width: 440px; }
.confirm-dialog .modal-header { align-items: center; margin-bottom: 12px; }
.confirm-dialog .modal-header .icon-button { margin-inline-start: auto; flex: none; }
.confirm-dialog p { margin: 0 0 24px; color: #63748a; font-size: 12px; line-height: 2; }
.confirm-dialog .modal-actions { justify-content: flex-start; }

.report-notice { padding: 16px; border-radius: 12px; background: #fff8e5; color: #74531a; margin-bottom: 20px; line-height: 2; }
.report-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 12px; margin-bottom: 22px; }
.report-summary > div { background: #fff; border: 1px solid #e6eaf0; border-radius: 12px; padding: 16px; display: grid; gap: 8px; }
.report-summary strong { font-size: 1.5rem; }
.settings-card.report-card { margin: 20px 0; border-top: 3px solid var(--card-color); border-right: 3px solid var(--card-color); print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.report-task { border-top: 1px solid #e6eaf0; padding: 16px 0; line-height: 2; break-inside: avoid; }
.report-task h3 { margin: 0; }
.report-durations { display: flex; flex-wrap: wrap; gap: 12px; }
.report-durations span { background: #f3f6fa; border-radius: 8px; padding: 4px 10px; }
.report-task summary { cursor: pointer; margin-top: 10px; }
.report-history summary { display: flex; align-items: center; gap: 8px; list-style: none; width: fit-content; }
.report-history summary::-webkit-details-marker { display: none; }
.report-history summary::after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 10px; transition: transform .2s; }
.report-history[open] summary::after { transform: rotate(180deg); }
@media print { .sidebar, .topbar, .report-print, .back-link { display: none !important; } .main-content { margin: 0 !important; padding: 0 !important; } .report-task details { display: block; } .report-page { max-width: none; } }