/*
    Temporary css file, changes should not last inbetween widgets being worked on.
*/

.dashboard-opportunity-widget {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.dashboard-opportunity-table-wrapper {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding-bottom: 4.75rem;
}

.dashboard-opportunity-new-button {
    position: absolute;
    right: 1.35rem;
    bottom: 1.35rem;
    z-index: 8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    color: #fff;
    background: #ea580c !important;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(234, 88, 12, .35);
}

.dashboard-opportunity-new-button:hover,
.dashboard-opportunity-new-button:focus-visible {
    color: #fff;
    background: #c2410c !important;
    box-shadow: 0 10px 22px rgba(234, 88, 12, .45);
}

.dashboard-opportunity-new-button .material-symbols-rounded {
    font-size: 26px;
    line-height: 1;
}

.dashboard-opportunity-table {
    table-layout: fixed;
    min-width: 760px;
}

.dashboard-opportunity-table th[data-column="dealer"],
.dashboard-opportunity-table td[data-column="dealer"] {
    width: 120px;
    max-width: 140px;
}

.dashboard-opportunity-table th[data-column="name"],
.dashboard-opportunity-table td[data-column="name"] {
    width: 180px;
    max-width: 220px;
}

.dashboard-opportunity-table th[data-column="stage"],
.dashboard-opportunity-table td[data-column="stage"] {
    width: 72px;
    max-width: 80px;
}

.dashboard-opportunity-table th[data-column="controls"],
.dashboard-opportunity-table td[data-column="controls"] {
    width: 300px;
    max-width: 320px;
}

.dashboard-opportunity-table th[data-column="action"],
.dashboard-opportunity-table td[data-column="action"] {
    width: 76px;
    max-width: 86px;
}

.dashboard-opportunity-table th[data-column="contract"],
.dashboard-opportunity-table td[data-column="contract"] {
    width: 130px;
    max-width: 150px;
}

.dashboard-opportunity-title-cell {
    min-width: 0;
}

.dashboard-opportunity-name,
.dashboard-opportunity-subtitle {
    max-width: 100%;
}

.dashboard-opportunity-controls {
    grid-template-columns: auto minmax(120px, 220px);
    row-gap: .45rem;
    column-gap: .5rem;
    max-width: 300px;
    min-width: 0;
}

.dashboard-opportunity-control-row {
    display: contents;
}

.dashboard-opportunity-control-row > span {
    text-align: right;
    white-space: nowrap;
}

.dashboard-opportunity-picker-shell,
.dashboard-opportunity-control-input {
    max-width: 220px;
    min-width: 0;
}

.dashboard-opportunity-control-date {
    max-width: 150px;
}