/* DrainBrain: customers, guarantees, complaints and tasks. */
.plan-card { border: 1px solid #E3E6EF; border-radius: .9rem; padding: 1.1rem 1.25rem; height: 100%; background: #fff; opacity: .92; }
.plan-card .price { font-size: 1.7rem; font-weight: 700; color: var(--db-navy); }
.plan-card .price small { font-size: .8rem; font-weight: 500; color: #6B7280; }
.plan-card ul { padding-left: 1.1rem; margin: .5rem 0 0; }

.pick-list { border: 1px solid #E3E6EF; border-radius: .6rem; max-height: 220px; overflow-y: auto; }
.pick-list button { display: block; width: 100%; text-align: left; background: #fff; border: 0; border-bottom: 1px solid #EEF0F6; padding: .45rem .75rem; }
.pick-list button:hover, .pick-list button.on { background: #EEF0FB; }

.clip-cell { min-width: 240px; max-width: 320px; white-space: normal; }
.wide-table th, .wide-table td { white-space: nowrap; }

.cal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 1px; background: #E3E6EF; border: 1px solid #E3E6EF; border-radius: .6rem; overflow: hidden; }
.cal-head { background: #F5F6FB; padding: .4rem .6rem; font-size: 12px; font-weight: 600; color: #6B7280; }
.cal-cell { background: #fff; min-height: 104px; padding: .35rem .45rem; min-width: 0; }
.cal-cell.other { background: #FAFBFD; color: #9CA3AF; }
.cal-cell.today { box-shadow: inset 0 0 0 2px var(--db-navy); }
.cal-cell .day { font-size: 12px; font-weight: 600; }
.cal-task { display: block; width: 100%; text-align: left; border: 0; border-radius: .35rem; padding: .1rem .35rem; margin-top: .2rem; font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #E9ECFA; color: var(--db-navy); }
.cal-task.done { background: #E3F4E8; color: #2F7D4A; text-decoration: line-through; }
.cal-task.late { background: #FDE6E8; color: #B3182A; }

@media (max-width: 767px) {
    .cal-cell { min-height: 70px; }
}