/* Opportunity / owner signing / HDC styles from axcces2025 origin/master, scoped under .mgr-prod by tools/mgr-opp-css.js. */
/* Opportunities/OpportunityDetailPage.razor */
.mgr-prod .opp-page{
        
        --accent: var(--bs-primary, #f97316);
        --accent-soft: color-mix(in srgb, var(--accent) 8%, var(--bs-body-bg, #fff));
        --accent-border: color-mix(in srgb, var(--accent) 30%, var(--bs-body-bg, #fff));
        --accent-pill: color-mix(in srgb, var(--accent) 12%, var(--bs-body-bg, #fff));
        --accent-strong: color-mix(in srgb, var(--accent) 70%, var(--bs-body-color, #000));

        
        --opp-surface: var(--bs-body-bg, #fff);
        --opp-surface-alt: color-mix(in srgb, var(--bs-body-color, #000) 3%, var(--bs-body-bg, #fff));
        --opp-text: var(--bs-body-color, #111827);
        --opp-text-muted: var(--bs-secondary-color, color-mix(in srgb, var(--bs-body-color, #000) 55%, var(--bs-body-bg, #fff)));
        --opp-text-faint: var(--bs-tertiary-color, color-mix(in srgb, var(--bs-body-color, #000) 40%, var(--bs-body-bg, #fff)));
        --opp-border: var(--bs-border-color, #e5e7eb);
        --opp-border-soft: color-mix(in srgb, var(--bs-border-color, #e5e7eb) 60%, transparent);

        --card-border: var(--opp-border);
        --card-shadow: 0 1px 4px rgba(16, 24, 40, 0.07);
        --card-shadow-hover: 0 6px 18px rgba(16, 24, 40, 0.12);
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 8px 4px;
    }
.mgr-prod .opp-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding: 16px;
        border-radius: 12px;
        background: linear-gradient(135deg, var(--accent-soft) 0%, var(--opp-surface) 100%);
        border: 1px solid var(--accent-border);
    }
.mgr-prod .opp-header h3{
            margin: 0;
            font-size: 1.15rem;
        }
.mgr-prod .opp-header p{
            margin: 4px 0 0 0;
            color: var(--opp-text-muted);
            font-size: 0.9rem;
        }
.mgr-prod .opp-badge{
        padding: 6px 12px;
        border-radius: 999px;
        font-size: 0.8rem;
        font-weight: 600;
        white-space: nowrap;
    }
.mgr-prod .opp-badge.live{
            background: var(--accent-pill);
            color: var(--accent);
        }
.mgr-prod .opp-badge.draft{
            background: var(--opp-surface-alt);
            color: var(--opp-text-muted);
        }
.mgr-prod .opp-filter-header-row th{
        background: var(--opp-surface-alt);
        padding: 4px 8px 8px;
        border-bottom: 1px solid var(--opp-border);
        position: sticky;
        top: 37px;
        z-index: 1;
    }
.mgr-prod .opp-col-filter-input{
        width: 100%;
        height: 26px;
        padding: 2px 8px;
        border: 1px solid var(--opp-border);
        border-radius: 6px;
        background: var(--opp-surface);
        font-size: 0.78rem;
        color: var(--opp-text);
        outline: none;
        box-sizing: border-box;
        font-weight: 400;
    }
.mgr-prod .opp-col-filter-input:focus{
            border-color: var(--accent);
            box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 15%, transparent);
        }
.mgr-prod .opp-col-filter-input::placeholder{
            color: var(--opp-text-faint);
        }
.mgr-prod .opp-top-grid2{
        display: grid;
        grid-template-columns: 2fr 1fr; 
        gap: 16px;
        align-items: stretch;
    }
@media (max-width: 1024px){.mgr-prod .opp-top-grid2{
            grid-template-columns: 1fr 1fr;
        }
}
@media (max-width: 640px){.mgr-prod .opp-top-grid2{
            grid-template-columns: 1fr;
        }
}
.mgr-prod .opp-panel-card{
        background: var(--opp-surface);
        border: 1px solid var(--card-border);
        border-radius: 12px;
        box-shadow: var(--card-shadow);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        transition: box-shadow 0.15s ease;
    }
.mgr-prod .opp-panel-card:hover{
            box-shadow: var(--card-shadow-hover);
        }
.mgr-prod .opp-panel-title{
        font-weight: 700;
        font-size: 1rem;
        color: var(--opp-text);
        background: var(--opp-surface-alt);
        border-bottom: 1px solid var(--card-border);
        padding: 12px 16px;
        margin: 0;
    }
.mgr-prod .opp-panel-body{
        padding: 16px;
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0;
    }
.mgr-prod .opp-form-grid{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 14px;
    }
.mgr-prod .opp-form-field{
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
.mgr-prod .opp-form-field label{
            font-size: 0.78rem;
            color: var(--opp-text-muted);
            font-weight: 500;
        }
.mgr-prod .opp-span3{
        grid-column: span 3;
    }
@media (min-width: 1200px){.mgr-prod .opp-form-grid{
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
}
.mgr-prod .opp-form-grid :deep(.dxbl-edit), .mgr-prod .opp-form-grid :deep(.dxbl-input), .mgr-prod .opp-form-grid :deep(input), .mgr-prod .opp-form-grid :deep(textarea){
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
.mgr-prod .opp-stat-grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        height: 100%;
        align-content: start;
    }
.mgr-prod .opp-stat-item{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: var(--accent-soft);
        border: 1px solid var(--accent-border);
        border-radius: 10px;
        padding: 20px 10px;
        text-align: center;
        gap: 6px;
    }
.mgr-prod .opp-stat-item--wide{
        
    }
.mgr-prod .opp-stat-val{
        font-size: 2rem;
        font-weight: 700;
        color: var(--accent);
        line-height: 1;
    }
.mgr-prod .opp-stat-lbl{
        font-size: 0.72rem;
        color: var(--opp-text-muted);
        font-weight: 500;
    }
.mgr-prod .opp-toggle-list{
        display: flex;
        flex-direction: column;
        gap: 0;
    }
.mgr-prod .opp-toggle-row{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid var(--opp-border-soft);
        gap: 8px;
    }
.mgr-prod .opp-toggle-row:last-child{
            border-bottom: none;
        }
.mgr-prod .opp-toggle-lbl{
        font-size: 0.85rem;
        color: var(--opp-text);
        font-weight: 500;
        line-height: 1.3;
    }
.mgr-prod .opp-switch{
        position: relative;
        display: inline-block;
        width: 40px;
        height: 22px;
        flex: 0 0 auto;
        cursor: pointer;
    }
.mgr-prod .opp-switch input{
            opacity: 0;
            width: 0;
            height: 0;
            position: absolute;
        }
.mgr-prod .opp-slider{
        position: absolute;
        inset: 0;
        background: color-mix(in srgb, var(--bs-body-color, #000) 25%, var(--bs-body-bg, #fff));
        border-radius: 999px;
        transition: background-color 0.2s ease;
    }
.mgr-prod .opp-slider::before{
            content: "";
            position: absolute;
            height: 16px;
            width: 16px;
            left: 3px;
            top: 3px;
            background: var(--opp-surface);
            border-radius: 50%;
            box-shadow: 0 1px 3px rgba(0,0,0,0.2);
            transition: transform 0.2s ease;
        }
.mgr-prod .opp-switch input:checked + .opp-slider{
        background: var(--accent);
    }
.mgr-prod .opp-switch input:checked + .opp-slider::before{
            transform: translateX(18px);
        }
.mgr-prod .opp-section-grid{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
        gap: 16px;
        margin-bottom: 16px;
    }
.mgr-prod .opp-section-card{
        position: relative;
        background: var(--opp-surface);
        border: 1px solid var(--opp-border);
        border-radius: 16px;
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.07);
        color: var(--opp-text);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        min-height: 142px;
        transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
    }
.mgr-prod .opp-section-card.active{
            border-color: color-mix(in srgb, var(--accent) 45%, transparent);
            box-shadow: 0 16px 32px color-mix(in srgb, var(--accent) 12%, transparent);
            grid-column: 1 / -1;
        }
.mgr-prod .opp-section-card:not(.active):hover{
            transform: translateY(-1px);
            border-color: color-mix(in srgb, var(--accent) 28%, transparent);
            box-shadow: 0 16px 30px rgba(15, 23, 42, 0.09);
        }
.mgr-prod .opp-section-head{
        all: unset;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        min-height: 142px;
        padding: 14px;
        box-sizing: border-box;
    }
.mgr-prod .opp-section-head:focus-visible{
            outline: 2px solid var(--accent);
            outline-offset: -2px;
            border-radius: 16px;
        }
.mgr-prod .opp-section-head-top{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }
.mgr-prod .opp-section-count-corner{
        position: absolute;
        top: 10px;
        right: 12px;
        min-width: 26px;
        height: 24px;
        padding: 0 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--accent-pill);
        border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
        border-radius: 999px;
        color: var(--accent-strong);
        font-size: 0.78rem;
        font-weight: 700;
        box-sizing: border-box;
    }
.mgr-prod .opp-section-card-sub{
        font-size: 0.74rem;
        color: var(--opp-text-muted);
        margin-top: 2px;
    }
.mgr-prod .opp-section-card-footer{
        margin-top: auto;
        padding-top: 8px;
        border-top: 1px dashed var(--opp-border);
    }
.mgr-prod .opp-search-wrap{
        position: relative;
        display: inline-flex;
        align-items: center;
        flex: 1 1 240px;
        min-width: 180px;
        max-width: 380px;
    }
.mgr-prod .opp-search-ico{
        position: absolute;
        left: 10px;
        color: var(--opp-text-faint);
        font-size: 0.85rem;
        pointer-events: none;
    }
.mgr-prod .opp-search-clear{
        all: unset;
        position: absolute;
        right: 8px;
        height: 20px;
        width: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        color: var(--opp-text-muted);
        font-size: 0.75rem;
        cursor: pointer;
    }
.mgr-prod .opp-search-clear:hover{
            background: color-mix(in srgb, var(--bs-body-color, #000) 8%, transparent);
            color: var(--opp-text);
        }
.mgr-prod .opp-filter-count{
        font-size: 0.78rem;
        color: var(--opp-text-muted);
        white-space: nowrap;
    }
.mgr-prod .opp-section-title-wrap{
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-width: 0;
    }
.mgr-prod .opp-section-icon{
        width: 36px;
        height: 36px;
        border-radius: 12px;
        background: color-mix(in srgb, var(--accent) 12%, transparent);
        color: var(--accent-strong);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.05rem;
        flex: 0 0 auto;
    }
.mgr-prod .opp-section-head-bottom{
        border-top: 1px dashed var(--opp-border);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: auto;
        padding-top: 8px;
    }
.mgr-prod .opp-section-title{
        font-size: 0.98rem;
        font-weight: 600;
        line-height: 1.25;
        color: var(--opp-text);
        overflow-wrap: anywhere;
    }
.mgr-prod .opp-section-count{
        min-width: 26px;
        height: 24px;
        padding: 0 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--accent-pill);
        border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
        border-radius: 999px;
        color: var(--accent-strong);
        font-size: 0.78rem;
        font-weight: 700;
        box-sizing: border-box;
    }
.mgr-prod .opp-section-records{
        font-size: 0.74rem;
        color: var(--opp-text-muted);
        font-weight: 500;
    }
.mgr-prod .opp-section-open{
        font-size: 0.78rem;
        color: var(--accent);
        font-weight: 600;
        white-space: nowrap;
    }
.mgr-prod .opp-card-expand{
        border-top: 1px solid var(--opp-border);
        padding: 10px 12px 14px;
        background: var(--opp-surface-alt);
    }
.mgr-prod .opp-bulk-toolbar{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 10px;
    }
.mgr-prod .opp-bulk-actions{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }
.mgr-prod .opp-bulk-actions-right{
        margin-left: auto;
    }
.mgr-prod .opp-action-btn{
        all: unset;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 5px 12px;
        border-radius: 8px;
        font-size: 0.8rem;
        font-weight: 600;
        cursor: pointer;
        transition: background-color .12s ease;
        box-sizing: border-box;
    }
.mgr-prod .opp-action-btn:focus-visible{
            outline: 2px solid var(--accent);
            outline-offset: 2px;
        }
.mgr-prod .opp-action-ico{
        font-size: 0.95rem;
        line-height: 1;
    }
.mgr-prod .opp-action-new{
        background: color-mix(in srgb, var(--accent) 12%, transparent);
        color: var(--accent-strong);
    }
.mgr-prod .opp-action-new:hover{
            background: color-mix(in srgb, var(--accent) 22%, transparent);
        }
.mgr-prod .opp-action-link{
        background: rgba(99,102,241,0.12);
        color: #4338ca;
    }
.mgr-prod .opp-action-link:hover{
            background: rgba(99,102,241,0.22);
        }
.mgr-prod .opp-table-tools-left{
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 4px 2px 8px;
        flex-wrap: wrap;
    }
.mgr-prod .opp-search-input{
        width: 100%;
        height: 32px;
        padding: 4px 28px 4px 30px;
        border: 1px solid var(--opp-border);
        border-radius: 8px;
        background: var(--opp-surface);
        font-size: 0.82rem;
        outline: none;
        color: var(--opp-text);
        transition: border-color .12s ease, box-shadow .12s ease;
    }
.mgr-prod .opp-search-input:focus{
            border-color: color-mix(in srgb, var(--accent) 45%, transparent);
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);
        }
.mgr-prod .opp-table-wrap{
        max-height: 360px;
        overflow: auto;
        border: 1px solid var(--opp-border);
        border-radius: 10px;
        background: var(--opp-surface);
    }
.mgr-prod .opp-table{
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        font-size: 0.88rem;
    }
.mgr-prod .opp-table th, .mgr-prod .opp-table td{
            border-bottom: 1px solid var(--opp-border-soft);
            text-align: left;
            padding: 9px 12px;
            white-space: nowrap;
            vertical-align: middle;
        }
.mgr-prod .opp-table th{
            position: sticky;
            top: 0;
            z-index: 1;
            background: var(--opp-surface-alt);
            color: var(--opp-text);
            font-weight: 600;
            font-size: 0.82rem;
            text-align: left;
            padding: 9px 12px;
            border-bottom: 1px solid var(--opp-border);
            white-space: nowrap;
        }
.mgr-prod .opp-row-item{
        cursor: pointer;
    }
.mgr-prod .opp-row-item:hover td{
            background: color-mix(in srgb, var(--accent) 5%, transparent);
        }
.mgr-prod .opp-select-col{
        width: 42px;
        text-align: center !important;
    }
.mgr-prod .opp-actions-col{
        width: 92px;
        text-align: right !important;
        white-space: nowrap;
    }
.mgr-prod .opp-row-actions{
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
.mgr-prod .opp-row-action-btn{
        all: unset;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 28px;
        border-radius: 8px;
        cursor: pointer;
        box-sizing: border-box;
    }
.mgr-prod .opp-row-action-btn:focus-visible{
            outline: 2px solid var(--accent);
            outline-offset: 1px;
        }
.mgr-prod .opp-row-action-unlink{
        background: rgba(99,102,241,0.10);
        color: #4338ca;
    }
.mgr-prod .opp-row-action-unlink:hover{
            background: rgba(99,102,241,0.20);
        }
.mgr-prod .opp-row-action-delete{
        background: rgba(239,68,68,0.10);
        color: #b91c1c;
    }
.mgr-prod .opp-row-action-delete:hover{
            background: rgba(239,68,68,0.20);
        }
.mgr-prod .opp-bulk-bar{
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 10px;
        margin-bottom: 8px;
        background: color-mix(in srgb, var(--accent) 8%, transparent);
        border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
        border-radius: 10px;
    }
.mgr-prod .opp-bulk-info{
        font-size: 0.82rem;
        font-weight: 700;
        color: var(--accent-strong);
        flex: 1 1 auto;
    }
.mgr-prod .opp-toolbar-top{
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        margin-bottom: 8px;
    }
.mgr-prod .opp-action-delete-bulk{
        background: rgba(239, 68, 68, 0.10);
        color: #b91c1c;
        padding: 5px 12px;
    }
.mgr-prod .opp-action-delete-bulk:hover{
            background: rgba(239, 68, 68, 0.20);
        }
.mgr-prod .opp-action-clear-bulk{
        background: transparent;
        color: var(--opp-text-muted);
        border: 1px solid var(--opp-border);
        padding: 5px 12px;
    }
.mgr-prod .opp-action-clear-bulk:hover{
            background: color-mix(in srgb, var(--bs-body-color, #000) 5%, transparent);
            color: var(--opp-text);
        }
.mgr-prod .opp-pager{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 2px 2px;
        font-size: 0.78rem;
        color: var(--opp-text-muted);
    }
.mgr-prod .opp-pager-info{
        white-space: nowrap;
        font-weight: 700;
        color: var(--opp-text);
        font-size: 0.82rem;
    }
.mgr-prod .opp-pager-btns{
        display: flex;
        align-items: center;
        gap: 6px;
    }
.mgr-prod .opp-pager-btn{
        all: unset;
        padding: 4px 10px;
        border-radius: 999px;
        background: var(--opp-surface);
        color: var(--opp-text);
        border: 1px solid var(--opp-border);
        cursor: pointer;
        transition: background-color .12s ease;
        font-size: 0.75rem;
        box-sizing: border-box;
    }
.mgr-prod .opp-pager-btn:hover:not(:disabled){
            background: color-mix(in srgb, var(--accent) 10%, transparent);
            border-color: color-mix(in srgb, var(--accent) 40%, transparent);
            color: var(--accent-strong);
        }
.mgr-prod .opp-pager-btn:disabled{
            opacity: 0.40;
            cursor: not-allowed;
        }
.mgr-prod .opp-pager-page{
        padding: 2px 8px;
        font-weight: 600;
        color: var(--opp-text);
        font-size: 0.82rem;
    }
.mgr-prod .opp-page-size{
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--opp-text-muted);
        font-size: 0.82rem;
    }
.mgr-prod .opp-page-size-select{
        border: 1px solid var(--accent-border);
        border-radius: 999px;
        padding: 4px 10px;
        font-size: 0.8rem;
        background: var(--opp-surface);
        color: var(--opp-text);
        outline: none;
    }
.mgr-prod .opp-empty{
        color: var(--opp-text-muted);
        margin: 0;
    }
@media (max-width: 700px){.mgr-prod .opp-header{
            flex-direction: column;
            align-items: flex-start;
        }
}
.mgr-prod .opp-check-list{
        display: flex;
        flex-direction: column;
        gap: 0;
    }
.mgr-prod .opp-check-row{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 9px 0;
        border-bottom: 1px solid var(--opp-border-soft);
        gap: 8px;
    }
.mgr-prod .opp-check-row:last-child{
            border-bottom: none;
        }
.mgr-prod .opp-check-lbl{
        font-size: 0.85rem;
        color: var(--opp-text);
        font-weight: 500;
    }
.mgr-prod .opp-checkbox{
        width: 17px;
        height: 17px;
        accent-color: var(--accent);
        cursor: pointer;
        flex: 0 0 auto;
        border-radius: 4px;
    }
.mgr-prod .opp-compliance-card{
        margin-top: 0;
    }
.mgr-prod .opp-compliance-title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
        font: inherit;
        background: var(--opp-surface-alt);
    }
.mgr-prod .opp-compliance-title:hover{
            background: var(--opp-surface-alt);
        }
.mgr-prod .opp-compliance-title:focus-visible{
            outline: 2px solid var(--accent);
            outline-offset: -2px;
        }
.mgr-prod .opp-compliance-title-left{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-weight: 700;
        font-size: 1rem;
        color: var(--opp-text);
    }
.mgr-prod .opp-compliance-caret{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        color: var(--opp-text-muted);
        font-size: 0.85rem;
        transition: transform .15s ease;
    }
.mgr-prod .opp-compliance-collapsed .opp-panel-title{
        border-bottom: none;
    }
.mgr-prod .opp-compliance-title-actions{
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }
.mgr-prod .opp-compliance-error{
        color: #b91c1c;
    }
.mgr-prod .opp-compliance-kpi-grid{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 12px;
        margin-bottom: 16px;
    }
.mgr-prod .opp-compliance-split{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
@media (max-width: 900px){.mgr-prod .opp-compliance-split{
            grid-template-columns: 1fr;
        }
}
.mgr-prod .opp-compliance-block{
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-width: 0;
    }
.mgr-prod .opp-compliance-block-title{
        font-weight: 700;
        font-size: 0.92rem;
        color: var(--opp-text);
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
.mgr-prod .opp-compliance-block-sub{
        font-weight: 500;
        font-size: 0.74rem;
        color: var(--opp-text-muted);
    }
.mgr-prod .opp-compliance-table{
        max-height: 280px;
    }
.mgr-prod .opp-compliance-status{
        display: inline-flex;
        align-items: center;
        padding: 3px 10px;
        border-radius: 999px;
        font-size: 0.74rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        white-space: nowrap;
    }
.mgr-prod .opp-compliance-status--ok{
        background: rgba(16, 185, 129, 0.12);
        color: #047857;
        border: 1px solid rgba(16, 185, 129, 0.30);
    }
.mgr-prod .opp-compliance-status--review{
        background: color-mix(in srgb, var(--accent) 12%, transparent);
        color: var(--accent-strong);
        border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
    }
.mgr-prod .opp-compliance-status--failing{
        background: rgba(239, 68, 68, 0.12);
        color: #b91c1c;
        border: 1px solid rgba(239, 68, 68, 0.30);
    }
.mgr-prod .opp-compliance-status--critical{
        background: rgba(127, 29, 29, 0.14);
        color: #7f1d1d;
        border: 1px solid rgba(127, 29, 29, 0.30);
    }
.mgr-prod .opp-compliance-footer{
        margin-top: 12px;
        font-size: 0.74rem;
        color: var(--opp-text-faint);
        text-align: right;
    }
.mgr-prod .opp-audit-card{
        margin-top: 18px;
        border: 1px solid var(--opp-border);
        border-radius: 12px;
        background: var(--opp-surface);
        overflow: hidden;
    }
.mgr-prod .opp-audit-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 18px;
        cursor: pointer;
        background: linear-gradient(180deg, var(--opp-surface-alt) 0%, var(--opp-surface) 100%);
        border-bottom: 1px solid var(--opp-border-soft);
        user-select: none;
    }
.mgr-prod .opp-audit-title{ display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--opp-text); font-size: 14px; }
.mgr-prod .opp-audit-icon{ color: #3b82f6; font-size: 16px; }
.mgr-prod .opp-audit-count{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        padding: 2px 8px;
        margin-left: 6px;
        border-radius: 999px;
        background: color-mix(in srgb, #3b82f6 14%, var(--bs-body-bg, #fff));
        color: #1e40af;
        font-size: 11px;
        font-weight: 700;
    }
.mgr-prod .opp-audit-chev{ color: var(--opp-text-faint); font-size: 14px; }
.mgr-prod .opp-audit-body{ padding: 8px 0; }
.mgr-prod .opp-audit-row{
        padding: 14px 18px;
        border-bottom: 1px solid var(--opp-border-soft);
    }
.mgr-prod .opp-audit-row:last-child{ border-bottom: none; }
.mgr-prod .opp-audit-row-head{
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 6px;
    }
.mgr-prod .opp-audit-rule{ font-weight: 700; color: var(--opp-text); font-size: 13.5px; }
.mgr-prod .opp-audit-pill{
        display: inline-flex;
        align-items: center;
        padding: 2px 10px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 600;
        border: 1px solid transparent;
    }
.mgr-prod .opp-audit-pill-on{ background: color-mix(in srgb, #16a34a 14%, var(--bs-body-bg, #fff)); color: #166534; border-color: color-mix(in srgb, #16a34a 35%, var(--bs-body-bg, #fff)); }
.mgr-prod .opp-audit-pill-off{ background: color-mix(in srgb, #dc2626 12%, var(--bs-body-bg, #fff)); color: #991b1b; border-color: color-mix(in srgb, #dc2626 30%, var(--bs-body-bg, #fff)); }
.mgr-prod .opp-audit-row-meta{
        display: flex;
        gap: 18px;
        flex-wrap: wrap;
        font-size: 12px;
        color: var(--opp-text-muted);
        margin-bottom: 4px;
    }
.mgr-prod .opp-audit-row-reason{
        font-size: 12.5px;
        color: var(--opp-text);
        margin-top: 4px;
        line-height: 1.4;
    }
.mgr-prod .opp-audit-row-review{
        margin-top: 8px;
        padding: 8px 10px;
        background: color-mix(in srgb, #16a34a 14%, var(--bs-body-bg, #fff));
        border: 1px solid color-mix(in srgb, #16a34a 35%, var(--bs-body-bg, #fff));
        border-radius: 8px;
        font-size: 12px;
        color: #166534;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: center;
    }
.mgr-prod .opp-audit-review-ico{ color: #16a34a; }
.mgr-prod .opp-audit-row-review-note{ flex-basis: 100%; margin-top: 4px; color: var(--opp-text); }
.mgr-prod .opp-ovr-locked{
        display: flex; align-items: center; gap: 8px;
        margin: 4px 18px 10px;
        padding: 10px 12px;
        background: var(--accent-pill); border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--bs-body-bg, #fff)); border-radius: 8px;
        color: var(--accent-strong); font-size: 12.5px;
    }
.mgr-prod .opp-ovr-locked-ico{ font-size: 14px; }
.mgr-prod .opp-ovr-controls{
        margin: 4px 18px 12px;
        padding: 12px 14px;
        border: 1px solid var(--opp-border); border-radius: 10px;
        background: var(--opp-surface-alt);
    }
.mgr-prod .opp-ovr-controls-title{ font-weight: 700; color: var(--opp-text); font-size: 13px; }
.mgr-prod .opp-ovr-controls-hint{ color: var(--opp-text-muted); font-size: 11.5px; margin: 2px 0 10px; line-height: 1.45; }
.mgr-prod .opp-ovr-error{
        margin: 6px 0;
        padding: 8px 10px;
        background: color-mix(in srgb, #dc2626 12%, var(--bs-body-bg, #fff)); border: 1px solid color-mix(in srgb, #dc2626 30%, var(--bs-body-bg, #fff)); border-radius: 8px;
        color: #991b1b; font-size: 12px; line-height: 1.4;
    }
.mgr-prod .opp-ovr-rule{
        display: flex; align-items: center; justify-content: space-between; gap: 12px;
        padding: 9px 0;
        border-top: 1px solid var(--opp-border-soft);
    }
.mgr-prod .opp-ovr-rule:first-of-type{ border-top: none; }
.mgr-prod .opp-ovr-rule-main{ display: flex; align-items: center; gap: 8px; min-width: 0; flex-wrap: wrap; }
.mgr-prod .opp-ovr-rule-name{ font-weight: 600; color: var(--opp-text); font-size: 13px; }
.mgr-prod .opp-ovr-tier{
        display: inline-flex; align-items: center;
        padding: 1px 8px; border-radius: 999px;
        font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em;
        border: 1px solid transparent;
    }
.mgr-prod .opp-ovr-tier-required{ background: color-mix(in srgb, #3b82f6 14%, var(--bs-body-bg, #fff)); color: #1e40af; border-color: color-mix(in srgb, #3b82f6 30%, var(--bs-body-bg, #fff)); }
.mgr-prod .opp-ovr-tier-recommended{ background: color-mix(in srgb, #16a34a 14%, var(--bs-body-bg, #fff)); color: #166534; border-color: color-mix(in srgb, #16a34a 30%, var(--bs-body-bg, #fff)); }
.mgr-prod .opp-ovr-tier-optional{ background: color-mix(in srgb, #7c3aed 14%, var(--bs-body-bg, #fff)); color: #6d28d9; border-color: color-mix(in srgb, #7c3aed 30%, var(--bs-body-bg, #fff)); }
.mgr-prod .opp-ovr-rule-action{ display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.mgr-prod .opp-ovr-state{ font-size: 11.5px; font-weight: 600; }
.mgr-prod .opp-ovr-state.on{ color: #166534; }
.mgr-prod .opp-ovr-state.off{ color: #991b1b; }
.mgr-prod .opp-ovr-btn{
        padding: 5px 12px; border-radius: 7px; font-size: 12px; font-weight: 600;
        cursor: pointer; border: 1px solid transparent; transition: background .15s ease, border-color .15s ease;
    }
.mgr-prod .opp-ovr-btn:disabled{ opacity: .55; cursor: default; }
.mgr-prod .opp-ovr-btn.deactivate{ background: var(--opp-surface); color: #b91c1c; border-color: #fecaca; }
.mgr-prod .opp-ovr-btn.deactivate:hover:not(:disabled){ background: color-mix(in srgb, #dc2626 12%, var(--bs-body-bg, #fff)); border-color: color-mix(in srgb, #dc2626 40%, var(--bs-body-bg, #fff)); }
.mgr-prod .opp-ovr-btn.reactivate{ background: var(--opp-surface); color: #15803d; border-color: #bbf7d0; }
.mgr-prod .opp-ovr-btn.reactivate:hover:not(:disabled){ background: color-mix(in srgb, #16a34a 12%, var(--bs-body-bg, #fff)); border-color: color-mix(in srgb, #16a34a 40%, var(--bs-body-bg, #fff)); }
.mgr-prod .opp-ovr-modal{
        width: 460px; max-width: calc(100vw - 32px);
        background: var(--opp-surface); border-radius: 12px; overflow: hidden;
        box-shadow: 0 20px 50px rgba(15, 23, 42, .25);
    }
.mgr-prod .opp-ovr-modal-head{
        display: flex; align-items: center; justify-content: space-between;
        padding: 14px 18px; border-bottom: 1px solid var(--opp-border-soft);
        background: linear-gradient(180deg, var(--opp-surface-alt) 0%, var(--opp-surface) 100%);
    }
.mgr-prod .opp-ovr-modal-head h5{ margin: 0; font-size: 14.5px; font-weight: 700; color: var(--opp-text); }
.mgr-prod .opp-ovr-modal-body{ padding: 16px 18px; }
.mgr-prod .opp-ovr-modal-rule{ display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.mgr-prod .opp-ovr-modal-label{ display: block; font-size: 12.5px; font-weight: 600; color: var(--opp-text); margin-bottom: 6px; }
.mgr-prod .opp-ovr-req{ color: #dc2626; }
.mgr-prod .opp-ovr-modal-textarea{
        width: 100%; box-sizing: border-box; resize: vertical;
        padding: 9px 11px; border: 1px solid var(--opp-border); border-radius: 8px;
        font-size: 13px; color: var(--opp-text); font-family: inherit;
    }
.mgr-prod .opp-ovr-modal-textarea:focus{ outline: none; border-color: #60a5fa; box-shadow: 0 0 0 3px rgba(96,165,250,.25); }
.mgr-prod .opp-ovr-modal-foot{
        display: flex; justify-content: flex-end; gap: 10px;
        padding: 12px 18px; border-top: 1px solid var(--opp-border-soft); background: var(--opp-surface-alt);
    }
.mgr-prod .opp-ovr-foot-btn{
        padding: 7px 16px; border-radius: 8px; font-size: 13px; font-weight: 600;
        cursor: pointer; border: 1px solid transparent; transition: background .15s ease;
    }
.mgr-prod .opp-ovr-foot-btn:disabled{ opacity: .55; cursor: default; }
.mgr-prod .opp-ovr-foot-btn.secondary{ background: var(--opp-surface); color: var(--opp-text); border-color: var(--opp-border); }
.mgr-prod .opp-ovr-foot-btn.secondary:hover:not(:disabled){ background: var(--opp-surface-alt); }
.mgr-prod .opp-ovr-foot-btn.primary{ background: var(--bs-primary, #2563eb); color: #fff; }
.mgr-prod .opp-ovr-foot-btn.primary:hover:not(:disabled){ background: color-mix(in srgb, var(--bs-primary, #2563eb) 85%, #000); }
/* LeaseUp/SendLeaseForOwnerSigningComponent.razor */
.mgr-prod .lof-shell{
        width: 100%;
        min-width: 0;
        max-width: 100%;
        padding: 2px 2px 6px;
        box-sizing: border-box;
    }
.mgr-prod .lof-card{
        width: 100%;
        border-radius: 10px;
        background: var(--app-surface);
        border: 1px solid var(--app-border);
        padding: 18px;
        box-sizing: border-box;
    }
.mgr-prod .lof-head{ margin-bottom: 14px; }
.mgr-prod .lof-subtitle{
        font-size: 13px;
        font-weight: 700;
        color: var(--app-fg);
    }
.mgr-prod .lof-meta{
        margin-top: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }
.mgr-prod .lof-chip{
        display: inline-flex;
        align-items: baseline;
        gap: 6px;
        padding: 3px 10px;
        border-radius: 999px;
        background: var(--app-surface-soft);
        border: 1px solid var(--app-border);
        font-size: 12px;
        max-width: 100%;
    }
.mgr-prod .lof-chip__label{
        text-transform: uppercase;
        letter-spacing: .04em;
        font-size: 10px;
        color: var(--app-muted);
        flex: none;
    }
.mgr-prod .lof-chip__value{
        font-weight: 600;
        color: var(--app-fg);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.mgr-prod .lof-section{
        margin-bottom: 16px;
    }
.mgr-prod .lof-section__title{
        font-size: 13px;
        font-weight: 600;
        color: var(--app-fg);
        margin-bottom: 8px;
    }
.mgr-prod .lof-docs{
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
.mgr-prod .lof-doc{
        display: flex;
        gap: 10px;
        align-items: flex-start;
        padding: 10px 12px;
        border: 1px solid var(--app-border);
        border-radius: 8px;
        cursor: pointer;
        background: var(--app-surface);
    }
.mgr-prod .lof-doc.is-selected{
        border-color: var(--app-primary);
        background: var(--app-primary-soft);
    }
.mgr-prod .lof-doc input{ margin-top: 3px; }
.mgr-prod .lof-doc__body{
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }
.mgr-prod .lof-doc__label{
        font-weight: 600;
        color: var(--app-fg);
        font-size: 13.5px;
    }
.mgr-prod .lof-doc__warn{
        font-size: 12px;
        color: var(--app-warning);
    }
.mgr-prod .lof-owner{
        border: 1px solid var(--app-border);
        border-radius: 8px;
        padding: 10px 12px;
        margin-bottom: 8px;
    }
.mgr-prod .lof-owner.is-excluded{ opacity: .6; }
.mgr-prod .lof-owner__head{
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 8px;
    }
.mgr-prod .lof-owner__building{
        font-weight: 600;
        font-size: 13px;
        color: var(--app-fg);
    }
.mgr-prod .lof-check{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        flex: 1;
        min-width: 0;
    }
.mgr-prod .lof-grid{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
.mgr-prod .lof-field{
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-width: 0;
    }
.mgr-prod .lof-field > label{
        font-size: 12.5px;
        font-weight: 600;
        color: var(--app-fg);
    }
.mgr-prod .lof-req{ color: var(--app-danger); }
.mgr-prod .lof-opt{
        font-weight: 400;
        color: var(--app-muted);
        font-size: 12px;
    }
.mgr-prod .lof-input{
        height: 36px;
        padding: 0 12px;
        border: 1px solid var(--app-border);
        border-radius: 8px;
        font-size: 14px;
        color: var(--app-fg);
        background: var(--app-surface);
        outline: none;
        width: 100%;
        box-sizing: border-box;
    }
.mgr-prod .lof-input:focus{
        border-color: var(--app-primary);
        box-shadow: 0 0 0 3px var(--app-primary-soft);
    }
.mgr-prod .lof-input:disabled{
        background: var(--app-surface-soft);
        color: var(--app-muted);
    }
.mgr-prod .lof-input.is-invalid{ border-color: var(--app-danger); }
.mgr-prod .lof-pill{
        font-size: 10.5px;
        text-transform: uppercase;
        letter-spacing: .04em;
        border-radius: 999px;
        padding: 1px 8px;
        white-space: nowrap;
        background: var(--app-surface-soft);
        color: var(--app-muted);
    }
.mgr-prod .lof-pill--ok{ background: var(--app-success-soft); color: var(--app-success); }
.mgr-prod .lof-pill--bad{ background: var(--app-danger-soft); color: var(--app-danger); }
.mgr-prod .lof-pill--info{ background: var(--app-primary-soft); color: var(--app-primary); }
.mgr-prod .lof-linkbtn{
        background: none;
        border: none;
        padding: 0;
        color: var(--app-primary);
        font-size: 12.5px;
        font-weight: 600;
        cursor: pointer;
    }
.mgr-prod .lof-linkbtn:disabled{ color: var(--app-muted); cursor: default; }
.mgr-prod .lof-history{
        font-size: 13px;
        color: var(--app-fg);
        border: 1px solid var(--app-border);
        border-radius: 8px;
        padding: 8px 12px;
        background: var(--app-surface);
        margin-bottom: 14px;
    }
.mgr-prod .lof-history summary{ cursor: pointer; font-weight: 600; }
.mgr-prod .lof-history ul{
        list-style: none;
        margin: 10px 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
.mgr-prod .lof-history li{
        display: flex;
        flex-wrap: wrap;
        gap: 4px 10px;
        align-items: baseline;
        padding-bottom: 6px;
        border-bottom: 1px solid var(--app-border);
    }
.mgr-prod .lof-history li:last-child{ border-bottom: none; }
.mgr-prod .lof-history__name{ font-weight: 600; }
.mgr-prod .lof-history__date{ margin-left: auto; color: var(--app-muted); font-size: 12px; }
.mgr-prod .lof-muted{ color: var(--app-muted); font-size: 12.5px; }
.mgr-prod .lof-hint{
        font-size: 12px;
        color: var(--app-muted);
        margin: 0;
        font-weight: 400;
    }
.mgr-prod .lof-hint--spaced{ margin-bottom: 8px; }
.mgr-prod .lof-done{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 6px;
        padding: 14px 12px 4px;
    }
.mgr-prod .lof-done__icon{
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: var(--app-success-soft);
        color: var(--app-success);
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.mgr-prod .lof-done__body{ margin: 0; font-size: 14px; color: var(--app-fg); }
.mgr-prod .lof-done__list{
        list-style: none;
        margin: 6px 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 100%;
        max-width: 480px;
    }
.mgr-prod .lof-done__list li{
        display: flex;
        gap: 8px;
        align-items: baseline;
        justify-content: center;
        flex-wrap: wrap;
    }
.mgr-prod .lof-done__name{ font-weight: 600; }
.mgr-prod .lof-footer{
        display: flex;
        align-items: center;
        gap: 8px;
        padding-top: 4px;
    }
.mgr-prod .lof-footer__spacer{ flex: 1; }
.mgr-prod .lof-err{
        color: var(--app-danger);
        font-size: 12.5px;
    }
@media (max-width: 560px){.mgr-prod .lof-grid{ grid-template-columns: 1fr; }
.mgr-prod .lof-chip{ width: 100%; }
}
/* LeaseUp/LeaseOwnerSigningRequestsPanel.razor */
.mgr-prod .los-panel{
        width: 100%;
        box-sizing: border-box;
        padding: 10px 2px;
        color: var(--app-fg);
    }
.mgr-prod .los-toolbar{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 8px;
        font-size: 12.5px;
    }
.mgr-prod .los-empty{
        padding: 16px;
        color: var(--app-muted);
        font-size: 13px;
    }
.mgr-prod .los-note{
        padding: 10px 14px;
        border-radius: 8px;
        border: 1px solid transparent;
        border-left-width: 3px;
        font-size: 13px;
        line-height: 1.5;
    }
.mgr-prod .los-note--warn{
        background: var(--app-warning-soft);
        border-color: var(--app-warning-border);
        border-left-color: var(--app-warning);
    }
.mgr-prod .los-tablewrap{
        width: 100%;
        overflow-x: auto;
    }
.mgr-prod .los-table{
        width: 100%;
        min-width: 980px;
        border-collapse: collapse;
        font-size: 13px;
    }
.mgr-prod .los-table th{
        text-align: left;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: var(--app-muted);
        font-weight: 600;
        padding: 8px 10px;
        border-bottom: 1px solid var(--app-border);
        white-space: nowrap;
    }
.mgr-prod .los-table td{
        padding: 9px 10px;
        border-bottom: 1px solid var(--app-border);
        vertical-align: top;
    }
.mgr-prod .los-table tr:last-child td{ border-bottom: none; }
.mgr-prod .los-table tr.is-inactive td{ opacity: .62; }
.mgr-prod .los-strong{ font-weight: 600; }
.mgr-prod .los-muted{ color: var(--app-muted); }
.mgr-prod .los-small{ font-size: 11.5px; }
.mgr-prod .los-bad{ color: var(--app-danger); }
.mgr-prod .los-col-action{
        text-align: right;
        white-space: nowrap;
    }
.mgr-prod .los-badge{
        display: inline-block;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .04em;
        border-radius: 999px;
        padding: 2px 9px;
        white-space: nowrap;
        border: 1px solid transparent;
    }
.mgr-prod .los-badge--pending{
        background: var(--app-warning-soft);
        border-color: var(--app-warning-border);
        color: var(--app-fg);
    }
.mgr-prod .los-badge--opened{
        background: var(--app-primary-soft);
        border-color: var(--app-primary-border);
        color: var(--app-primary);
    }
.mgr-prod .los-badge--done{
        background: var(--app-success-soft);
        border-color: var(--app-success-border);
        color: var(--app-success);
    }
.mgr-prod .los-badge--dead{
        background: var(--app-surface-soft);
        border-color: var(--app-border);
        color: var(--app-muted);
    }
.mgr-prod .los-foot{
        margin: 10px 0 0;
        font-size: 12px;
        color: var(--app-muted);
    }
/* demo shim: DevExpress editors and Bootstrap buttons (no DevExpress theme in the demo) */
.mgr-prod .dxe{display:flex;align-items:center;width:100%;min-height:32px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:13px;box-sizing:border-box}
.mgr-prod .dxe input,.mgr-prod .dxe textarea{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:5px 8px;font:inherit;color:#212529}
.mgr-prod .dxe textarea{resize:vertical}
.mgr-prod .dxe.ro{background:#f8f9fa;color:#495057}
.mgr-prod .dxe:focus-within{border-color:var(--bs-primary,#1d6fd8);box-shadow:0 0 0 2px color-mix(in srgb,var(--bs-primary,#1d6fd8) 18%,transparent)}
.mgr-prod .dxe .dxe-btn{border:0;border-left:1px solid #e9ecef;background:transparent;padding:0 8px;color:#6c757d;align-self:stretch;cursor:default}
.mgr-prod .dxe.dis{opacity:.6}
.mgr-prod .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:4px;padding:6px 14px;font-size:14px;line-height:1.4;cursor:pointer;background:#fff}
.mgr-prod .btn-sm{padding:3px 10px;font-size:12.5px}
.mgr-prod .btn-primary{background:var(--bs-primary,#1d6fd8);border-color:var(--bs-primary,#1d6fd8);color:#fff}
.mgr-prod .btn-outline-secondary{border-color:#6c757d;color:#6c757d;background:#fff}
.mgr-prod .btn:disabled{opacity:.6;cursor:not-allowed}
.mgr-prod .text-danger{color:#dc3545} .mgr-prod .small{font-size:.875em} .mgr-prod .mt-1{margin-top:.25rem} .mgr-prod .mt-2{margin-top:.5rem}
.xpop.oppw{width:min(860px,96vw)}