@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.wuc5ioiakb.bundle.scp.css';

/* /App/Account/Pages/Login.razor.rz.scp.css */
.txt-alert-main[b-nl7jpy4xud] {
    font-family: "montserrat", sans-serif;
    font-weight: 100 !important;
    font-size: 2.5em !important;
    padding-bottom: 10px;
    color: #2e2e2e;
    position: relative;
    left: -4px;
}

.txt-alert-sub[b-nl7jpy4xud] {
    font-family: "montserrat", sans-serif;
    font-weight: 600 !important;
    font-size: 1.1em !important;
    color:#8a8a8a;
}
section[b-nl7jpy4xud] {
    width: 350px;
    min-height: 360px;
    box-shadow: 0px 0px 40px #ccc;
    padding: 0px 15px;
    background-color: #ffffffe6;
    border-radius: 7px;
    z-index: 50;
}
.page-content[b-nl7jpy4xud] {
    background-color: #f8f8f8 !important;
}
    .page-content section[b-nl7jpy4xud] {       
        width: 350px;
    }

.submitbtn[b-nl7jpy4xud] {
    padding: 7px 20px;
    border-radius: 4px;
    border: 0px;
    font-size: .9em;
    margin-top: 15px;
    background-color: #1f1e60;
    width: 350px;
    color: #fff;
}
.secondary-btn[b-nl7jpy4xud] {
    background-color: #ffffff;
    border: 1px solid #1f1e60;
    color: #1f1e60;
    margin-top: 8px;
}

.staticlogin[b-nl7jpy4xud] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full viewport height */
}
/* /Domain/Accounting/Components/RecentPaymentsList.razor.rz.scp.css */
.normal-box[b-o10q3y8k79] {
    padding: 3px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 5px;
    font-family: "montserrat", sans-serif;
    font-size: 1em;
}
.m-contact[b-o10q3y8k79] {
    padding: 5px;
    border: 1px solid #e4e4e4;
    border-left: 5px solid #ccc;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 11px;
    font-family: "montserrat", sans-serif;
}
.icon-nonefound[b-o10q3y8k79] {
    position: relative;
    top:2px;
}
.icon-nonefound-text[b-o10q3y8k79] {
    position: relative;
    top: -4px;
}
.m-contact-small[b-o10q3y8k79] {
    padding: 5px;
    font-family: "montserrat", sans-serif;
    font-size: .85em;
    line-height: 11px;
}
.sf-calltable[b-o10q3y8k79] {
    line-height: 10px;
    border-collapse: collapse;
}

    .sf-calltable td[b-o10q3y8k79] {
        text-align: left;
        padding: 5px 0px;
        padding: 5px 0px;
    }
.phone-icon[b-o10q3y8k79] {
    position: relative;
    top: 0px;
    left: 5px;
}

.phone-icon-cell[b-o10q3y8k79] {
    width: 40px;
}
.phone-longago[b-o10q3y8k79] {
    font-size: .8em;
    position: relative;
    top: -3px;
    left: 10px;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phonetxt[b-o10q3y8k79] {
    font-size: .8em;
    position: relative;
    top: -3px;
    left: 10px;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pay-lognum[b-o10q3y8k79] {
    font-size: 1.8em;
    font-weight: 300;
    color: #0f6cbd;
    min-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phone-none[b-o10q3y8k79] {
    font-size: 1em;
    color: #b7b7b7;
    position: relative;
    top: -8px;
}
/* /Domain/Accounting/Components/SettlementScreen.razor.rz.scp.css */
h3[b-he9ej3oxcp], h4[b-he9ej3oxcp] {
    margin-bottom: 10px;
}

div[b-he9ej3oxcp] {
    /*margin-top: 5px;
    margin-bottom: 5px;*/
}

label[b-he9ej3oxcp] {
    display: inline-block;
    width: 150px;
}

input[b-he9ej3oxcp], select[b-he9ej3oxcp], textarea[b-he9ej3oxcp] {
    width: 300px;
    margin-bottom: 10px;
}
.th-main[b-he9ej3oxcp] {
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700;
    color:#44464a;
}
.th-sub[b-he9ej3oxcp] {
    padding:0px;
    margin:0px;
    font-size:.75em;
    color: #939aa9;
    position: relative;
    top: -2px;
}
.header-card[b-he9ej3oxcp] {
    background-color: #ccc;
    font-family: "montserrat", sans-serif;
    font-size: .9rem;
    font-weight: 400;
    color: #626262;
    text-shadow: 1px 1px 1px #ffffffb9;
    text-transform: uppercase;
    padding: 4px 15px 4px 12px;
    border-top-right-radius: 10px;
    letter-spacing: .2em;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    cursor: pointer;
    user-select: none;
    /*transition: all 1s ease;*/
}
.header-card--collapsed[b-he9ej3oxcp] {
    /*opacity: 0.85;
    transition: all 1s ease;*/
}

/*.header-card::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #626262;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 1s ease;
}

.header-card--collapsed::after {
    transform: translateY(-50%) rotate(-180deg);
}*/


.header-acc[b-he9ej3oxcp] {
    background-color: #f2f2f2 !important;
    color: #9b9b9bff;
    text-shadow: none;
}

.header-card-tweak[b-he9ej3oxcp] {
    background-color: #ccc;
    font-family: "montserrat", sans-serif;
    font-size: .9rem;
    font-weight: 400;
    color: #626262;
    text-shadow: 1px 1px 1px #ffffffb9;
    text-transform: uppercase;
    padding: 4px 15px 4px 12px;
    border-top-right-radius: 10px;
    letter-spacing: .2em;
    position: relative;
    top: -20px;
    left: -21px;
    border-top-left-radius: 10px;
    width: 373px;
    margin-bottom: -15px;
}

.bigfield[b-he9ej3oxcp] {
    font-size: 2em !important;
    font-weight: bold !important;
}

.financet[b-he9ej3oxcp] {
    text-align: right;
}

.financet2[b-he9ej3oxcp] {
    text-align: right;
    position: relative;
    top: -10px;
}

.lbg[b-he9ej3oxcp] {
    height: 20px;
    color: #ffffff64;
    text-align: left;
    font-size: .7em;
    text-transform: uppercase;
}

    .lbg th[b-he9ej3oxcp] {
        padding-left: 4px !important;
        color: #979797;
    }

.wh[b-he9ej3oxcp] {
    color: #efefef;
}

.billingswitches[b-he9ej3oxcp] {
    position: relative;
    top: 8px;
    left: 20px;
    height: 50px;
    overflow: hidden;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    padding: 0px !important;
}
.switch_label[b-he9ej3oxcp] {
    font-size:.96em;
    position: relative;
    top:2px;
    left:10px;
    padding:0;
    margin:0;
}
.switchstyle[b-he9ej3oxcp] {
    font-size: .9em !important;
    color: #ccc !important;
}
.tri_switcher[b-he9ej3oxcp] {
    
}
/*//Reciept--------------*/
#settlementmath[b-he9ej3oxcp] {
    font-family: "montserrat", sans-serif;
    color: #fff;
}

.rechead[b-he9ej3oxcp] {
    font-size: 2.2em;
    font-weight: 100;
}

.jagged-box[b-he9ej3oxcp] {
    width: 200px;
    padding: 20px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1d5f+0,7a133e+100 */
    background: linear-gradient(135deg, rgba(30,29,95,1) 0%,rgba(122,19,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #ccc;
    position: relative;
    clip-path: polygon( 0 0, 100% 0, 100% 90%, 90% 95%, 80% 90%, 70% 95%, 60% 90%, 50% 95%, 40% 90%, 30% 95%, 20% 90%, 10% 95%, 0 90% );
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.fl[b-he9ej3oxcp] {
    float: left;
}

.fr[b-he9ej3oxcp] {
    float: right;
}

.phone-icon-cell[b-he9ej3oxcp] {
    width: 40px;
}

.phone-icon[b-he9ej3oxcp] {
    position: relative;
    top: 0px;
    left: 5px;
}

.pay-lognum[b-he9ej3oxcp] {
    font-size: 1.8em;
    font-weight: 300;
    color: #000;
    min-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.phone-longago[b-he9ej3oxcp] {
}

.phonetxt[b-he9ej3oxcp] {
    font-size: .9em;
    color: #000;
}

.phonetxt2[b-he9ej3oxcp] {
    font-size: 1em;
    font-weight: bold;
    color: #000;
}

.txt-bold[b-he9ej3oxcp] {
    font-size: 1.1em;
    margin-bottom: 8px !important;
}

.whatever[b-he9ej3oxcp] {
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
    padding: 0px;
    margin-bottom: 5px;
}

/*BinBox*/

.flat-class-container[b-he9ej3oxcp] {
    position: relative;
    top: -25px;
    margin-left: 10px;
    width: 228px;
    background-image: url('/img/tray-bg.png');
    background-repeat: no-repeat;
    background-position: center -4px;
    background-size: 100% 114%;
}

.flat-card[b-he9ej3oxcp] {
    font-family: "montserrat", sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    color: #828282;
    position: relative;
    top: 38px;
    text-align: center;
    margin: 0;
}

.drop-zone-invoice[b-he9ej3oxcp] {
    outline: 0px;
    outline-offset: 0px !important;
    padding: 0 !important;
    background: none !important;
    margin: 0;
}

.attachment-thumbnail[b-he9ej3oxcp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    margin-bottom: 0;
    margin-top: 30px;
}

    .attachment-thumbnail.empty-tray[b-he9ej3oxcp] {
        margin-top: 50px;
        margin-bottom: 15px;
    }
/* Pile canvas */
.pile-canvas[b-he9ej3oxcp] {
    position: relative;
    width: 201px;
    height: 260px;
    overflow: hidden;
    border-radius: 6px;
    margin: 0 !important;
    padding: 0 !important
}

    .pile-canvas[b-he9ej3oxcp]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(/img/tray-front.png) no-repeat 50% -57px;
        background-size: 117% auto;
        z-index: 150;
        pointer-events: none;
        margin: 0 !important;
        padding: 0 !important
    }

.pile-item[b-he9ej3oxcp] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .18s ease;
    margin: 0 !important;
    padding: 0 !important
}

.pile-img[b-he9ej3oxcp] {
    width: 201px;
    height: 260px;
    object-fit: contain;
    border-radius: 6px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.18));
}

.pile-top .pile-img[b-he9ej3oxcp] {
    filter: drop-shadow(0 4px 12px rgba(0,0,0,.24));
}

.e-upload-browse-btn[b-he9ej3oxcp] {
    display: none !important;
}

.thumb-icon[b-he9ej3oxcp] {
    max-width: 160px;
}

.pile-nav[b-he9ej3oxcp] {
    display: flex;
    flex-direction: unset;
    justify-content: space-between;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 18px;
    font-family: "montserrat", sans-serif;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 1000 !important;
    width: 201px;
    margin: 0 !important;
    padding: 0 !important
}

.pagestw[b-he9ej3oxcp] {
    position: relative;
    top: 2px;
}

.pile-top.squish-out .pile-img[b-he9ej3oxcp] {
    animation: surefire-squish-out-b-he9ej3oxcp .18s ease-in-out both;
}

@keyframes surefire-squish-out-b-he9ej3oxcp {
    0% {
        transform: scale(1) translateY(0);
        filter: drop-shadow(0 4px 12px rgba(0,0,0,.24));
    }

    40% {
        transform: scale(1.02, .94) translateY(2px);
        filter: drop-shadow(0 3px 10px rgba(0,0,0,.22));
    }

    100% {
        transform: scale(1) translateY(0);
        filter: drop-shadow(0 4px 12px rgba(0,0,0,.24));
    }
}

.attachment-actions[b-he9ej3oxcp] {
    display: flex;
    flex-direction: row;
    gap: 3px;
    margin-top: 5px;
    margin-bottom: 2px;
    /* justify-content: flex-end !important; */
    width: 100%;
    transition: all .5s;
    opacity: .6;
    position: relative;
    top: -24px;
    padding-left: 15px;
    z-index: 1000;
}

.delbtn[b-he9ej3oxcp], .folderbtn[b-he9ej3oxcp], .openbtn[b-he9ej3oxcp] {
    cursor: pointer;
    font-size: 14px !important;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transition: background 0.15s;
}

    .delbtn:hover[b-he9ej3oxcp], .folderbtn:hover[b-he9ej3oxcp], .openbtn:hover[b-he9ej3oxcp] {
        background: #e8f0fe;
        cursor: pointer;
    }


.attachment-actions:hover[b-he9ej3oxcp] {
    opacity: 1;
}
/*/BinBoxEnd*/

fluent-stack.matrix-container[b-he9ej3oxcp] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.sticktop[b-he9ej3oxcp] {
    /*write the sticky css here*/
    position: sticky;
    top: 0;
    z-index: 10000;
    width: calc(100% - 50px);
}
fluent-stack.matrix-container-small[b-he9ej3oxcp] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 35%;
}

.matrix-container[b-he9ej3oxcp] {
    width: 100%;
    align-items: stretch;
}
.header-spacer[b-he9ej3oxcp] {
    height:20px;
}
.matrix-card[b-he9ej3oxcp] {
    flex: 1 1 680px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 0px !important;
}

.matrix-side[b-he9ej3oxcp] {
    flex: 1 1 320px;
}

.matrix-header[b-he9ej3oxcp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.matrix-title[b-he9ej3oxcp] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 7px;
}

.matrix-controls[b-he9ej3oxcp] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.matrix-table-wrapper[b-he9ej3oxcp] {
    overflow-x: auto;
    max-width: 100%;
    padding-bottom: 8px;
}

.split_widther[b-he9ej3oxcp] {
    width: 50%;
    padding:0;
    margin:0;
    margin-bottom: 8px;
}
.tri_widther[b-he9ej3oxcp] {
    width: 33.333%;
    padding: 0;
    margin: 0;
    margin-bottom: 8px;
}

.matrix-table[b-he9ej3oxcp] {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
}

    .matrix-table th[b-he9ej3oxcp],
    .matrix-table td[b-he9ej3oxcp] {
        padding: 8px 12px;
        border-bottom: 1px solid #eee;
        vertical-align: top;
    }

    .matrix-table th[b-he9ej3oxcp] {
        font-weight: 600;
        background-color: #f5f5f5;
        text-align: left;
        text-align: center;
        font-size: 16px;
    }

.matrix-row--alert[b-he9ej3oxcp] {
    background-color: #fff5f5;
}

.matrix-field[b-he9ej3oxcp] {
    min-width: 180px;
    font-weight: 600;
}

.matrix-field-label[b-he9ej3oxcp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.matrix-field-title[b-he9ej3oxcp] {
    font-weight: 600;
}

.matrix-cell-content[b-he9ej3oxcp] {
    display: flex;
    align-items: center;
    gap: 6px;
}
    .matrix-cell-content[b-he9ej3oxcp]::before {
        content: '';
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        font-size: 0.75rem;
        line-height: 1;
    }
.matrix-cell-content--clickable[b-he9ej3oxcp] {
    cursor: pointer;
}
.matrix-cell-content--hard[b-he9ej3oxcp] {
    font-weight: 600;
    color: #111827;
}
    .matrix-cell-content--hard[b-he9ej3oxcp]::before {
        content: '\2713';
        color: #111827;
        font-weight: 600;
    }
    .matrix-cell-content--hard.matrix-cell-content--source[b-he9ej3oxcp]::after {
        content: '\2713';
        color: #16a34a;
        font-size: 0.65rem;
        margin-left: 2px;
    }
.matrix-cell-content--calculated[b-he9ej3oxcp] {
    color: #6b7280;
    font-weight: 400;
}
    .matrix-cell-content--calculated[b-he9ej3oxcp]::before {
        content: '\2713';
        color: #d97706;
        font-weight: 600;
    }
.matrix-cell-content--confirmed[b-he9ej3oxcp] {
    color: #047857;
    font-weight: 600;
}
    .matrix-cell-content--confirmed[b-he9ej3oxcp]::before {
        content: '\2713';
        color: #047857;
        font-weight: 700;
    }
    .matrix-cell-content--confirmed.matrix-cell-content--source[b-he9ej3oxcp]::after {
        content: '\2713';
        color: #16a34a;
        font-size: 0.7rem;
        margin-left: 2px;
    }

.matrix-cell-content--disabled[b-he9ej3oxcp] {
    color: #dadada;
    cursor: default;
}
.matrix-cell--disabled[b-he9ej3oxcp] {
    /*background-color: #dfdfdf;*/
    color: #c2c2c2;
    background-image: url(../../img/stripegrey.gif);
    background-size: cover;
    background-origin: content-box
}

.matrix-clientpayment-button[b-he9ej3oxcp] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #000 !important;
    font: inherit;
}
.matrix-cell--hard[b-he9ej3oxcp] {
    background-color: #f9fafb;
}

.matrix-cell--source[b-he9ej3oxcp] {
    box-shadow: inset 0px 0px 10px #00000014;
}

.matrix-cell--calculated[b-he9ej3oxcp] {
    background-color: #f8fafc;
}

.matrix-cell--confirmed[b-he9ej3oxcp] {
    background-color: #f5f8ff;
}

.matrix-cell-options[b-he9ej3oxcp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.matrix-cell-option[b-he9ej3oxcp] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #d1d5db;
    background-color: #fff;
    color: #111827;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

    .matrix-cell-option:hover[b-he9ej3oxcp] {
        background-color: #f3f4f6;
    }

.matrix-cell-option--selected[b-he9ej3oxcp] {
    border-color: #4f46e5;
    background-color: #eef2ff;
    color: #312e81;
}

.matrix-cell-option--confirmed[b-he9ej3oxcp] {
    box-shadow: inset 0 0 0 1px #312e81;
}

.matrix-cell-option:focus[b-he9ej3oxcp] {
    outline: 2px solid #4338ca;
    outline-offset: 2px;
}

.matrix-cell[b-he9ej3oxcp] {
    min-width: 135px;
    padding-top:11px !important;
    padding-bottom:11px !important;
}

.matrix-cell--primary[b-he9ej3oxcp] {
    font-weight: 600;
}

.matrix-cell--manual[b-he9ej3oxcp] {
    background-color: #f9fafc;
}

.matrix-cell--calculated[b-he9ej3oxcp] {
    color: #555;
}

.matrix-cell--alert[b-he9ej3oxcp] {
    background-color: #fde8e8;
}

@media (max-width: 1024px) {
    fluent-stack.matrix-container[b-he9ej3oxcp] {
        flex-direction: column;
    }

    .matrix-side[b-he9ej3oxcp] {
        flex-basis: auto;
    }
}

@media (max-width: 768px) {
    .matrix-card[b-he9ej3oxcp] {
        flex-basis: auto;
    }
}

.matrix-na[b-he9ej3oxcp] {
    color: #888;
}

.checklist-card[b-he9ej3oxcp],
.finance-card[b-he9ej3oxcp] {
    width: 100%;
}

.checklist-items[b-he9ej3oxcp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checklist-item[b-he9ej3oxcp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.checklist-meta[b-he9ej3oxcp] {
    font-size: 0.75rem;
    color: #666;
    padding-left: 28px;
}

.finance-body[b-he9ej3oxcp] {
    /*display: flex;
    flex-direction: column;
    gap: 12px;*/
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.sub--title[b-he9ej3oxcp] {
    font-size: 12px;
    margin:0;
    padding:0;
}
.finance-field label[b-he9ej3oxcp] {
    font-size: 0.85rem;
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
}

.finance-attachments[b-he9ej3oxcp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.carrier-attachments[b-he9ej3oxcp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.finance-list[b-he9ej3oxcp] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.finance-item[b-he9ej3oxcp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    background-color: #fff;
}

    .finance-item.active[b-he9ej3oxcp] {
        border-color: #3366ff;
        box-shadow: 0 0 0 1px rgba(51, 102, 255, 0.2);
    }

.finance-open[b-he9ej3oxcp] {
    background: transparent;
    border: none;
    color: #3366ff;
    cursor: pointer;
    text-align: left;
    flex: 1;
    padding: 0;
}

.finance-empty[b-he9ej3oxcp] {
    text-align: center;
    font-size: 0.85rem;
    color: #777;
    padding: 12px 0;
}

.taxes-summary[b-he9ej3oxcp] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .taxes-summary label[b-he9ej3oxcp] {
        font-size: 0.8rem;
        font-weight: 600;
        color: #4b5563;
    }

fluent-button.matrix-icon-button[b-he9ej3oxcp] {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

fluent-button.matrix-icon-button[b-he9ej3oxcp]::part(control) {
    min-width: 36px;
    height: 36px;
    padding: 4px;
}

fluent-button.matrix-icon-button[b-he9ej3oxcp]::part(content) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.checklist-card[b-he9ej3oxcp] {
    position: sticky;
    top: 16px;
    z-index: 2;
}
#dzinvoice-files[b-he9ej3oxcp] {
    margin-top:10px;
}
.upload-panel[b-he9ej3oxcp] {
    border: 2px dashed #d5d9f6;
    border-radius: 12px;
    background-color: #f8f9ff;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.carrier-body[b-he9ej3oxcp] {
    padding-top:0px;
}
.upload-panel__prompt[b-he9ej3oxcp] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #3450c0;
    font-weight: 600;
    padding: 8px;
    margin: 0;
}

fluent-icon.upload-panel__icon[b-he9ej3oxcp] {
    font-size: 20px;
    color: #3450c0;
}

.upload-panel__text[b-he9ej3oxcp] {
    font-size: 0.95rem;
}

.upload-panel__hint[b-he9ej3oxcp] {
    font-size: 0.8rem;
    color: #6b7280;
    font-weight: 500;
}

.upload-panel__list[b-he9ej3oxcp] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.upload-panel__item[b-he9ej3oxcp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #e0e7ff;
    border-radius: 8px;
    background-color: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.upload-panel__item.active[b-he9ej3oxcp] {
    border-color: #4b6cff;
    box-shadow: 0 0 0 2px rgba(75, 108, 255, 0.12);
}

.upload-panel__link[b-he9ej3oxcp] {
    border: none;
    background: none;
    padding: 0;
    text-align: left;
    color: #1f2937;
    font-weight: 600;
    flex: 1;
    cursor: pointer;
}

.upload-panel__link:hover[b-he9ej3oxcp] {
    text-decoration: underline;
}

.upload-panel__actions[b-he9ej3oxcp] {
    display: flex;
    gap: 8px;
}

fluent-icon.upload-panel__action[b-he9ej3oxcp] {
    cursor: pointer;
    color: #4b6cff;
}

.upload-panel__empty[b-he9ej3oxcp] {
    text-align: center;
    font-size: 0.85rem;
    color: #6b7280;
    padding: 12px 0;
}

.matching-payments-panel[b-he9ej3oxcp] {
    gap: 2px;
}

.matching-payments-list[b-he9ej3oxcp] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.matching-payment-item[b-he9ej3oxcp] {
    border: 1px solid #e0e7ff;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    margin: 0px 0px 10px 10px;
}

.matching-payment-item.active[b-he9ej3oxcp] {
    border-color: #4b6cff;
    box-shadow: 0 0 0 2px rgba(75, 108, 255, 0.12);
}

.matching-payment-button[b-he9ej3oxcp] {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 12px 14px;
    cursor: pointer;
    color: #1f2937;
}

.matching-payment-button:hover[b-he9ej3oxcp] {
    background-color: #f1f4ff;
}

.matching-payment-amount[b-he9ej3oxcp] {
    font-weight: 700;
    font-size: 1rem;
    color: #111827;
}

.matching-payment-meta[b-he9ej3oxcp] {
    font-size: 0.8rem;
    color: #6b7280;
    position:relative;
    top:2px;
}


/* Enhanced Checklist Styles */
.checklist-card[b-he9ej3oxcp] {
    min-width: 375px !important;
    max-width: 375px !important;
}

.checklist-items[b-he9ej3oxcp] {
    background-color: #f8f9fa;
    padding: 8px;
    border-radius: 6px;
}

.checklist-item[b-he9ej3oxcp] {
    margin-bottom: 6px;
    border-radius: 6px;
    border: 1px solid #e0e4e9;
    background-color: #ffffff;
    padding: 10px 12px;
    transition: all 0.15s ease;
    cursor: pointer;
}

    .checklist-item:hover[b-he9ej3oxcp] {
        border-color: #b8c5d6;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

.checklist-item--active[b-he9ej3oxcp] {
    background-color: #f0f6ff;
    border-color: #036ac4;
    box-shadow: 0 2px 6px rgba(3,106,196,0.15);
}

.checklist-item-header[b-he9ej3oxcp] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.checklist-item-title[b-he9ej3oxcp] {
    cursor: pointer;
    user-select: none;
    transition: color 0.15s ease;
    flex: 1;
    line-height: 1.4;
}

    .checklist-item-title:hover[b-he9ej3oxcp] {
        color: #036ac4;
    }

.checklist-item-description[b-he9ej3oxcp] {
    margin-top: 10px;
    padding: 12px;
    background-color: #fafbfc;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
    font-size: 0.9em;
    line-height: 1.6;
    overflow: hidden;
    max-height: 2000px;
    opacity: 1;
    transition: opacity 0.2s ease;
}

    .checklist-item-description p[b-he9ej3oxcp] {
        margin: 0px !important;
        padding: 0px !important;
    }

        .checklist-item-description p:last-child[b-he9ej3oxcp] {
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

    .checklist-item-description a[b-he9ej3oxcp] {
        color: #036ac4;
        text-decoration: underline;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

        .checklist-item-description a:hover[b-he9ej3oxcp] {
            color: #024c8a;
        }

    .checklist-item-description strong[b-he9ej3oxcp] {
        font-weight: 600;
    }

.checklist-meta[b-he9ej3oxcp] {
    font-size: 0.7em;
    color: #6b7280;
    margin-left: auto;
    white-space: nowrap;
}

/* Matrix button dividers */
.matrix-button-divider[b-he9ej3oxcp] {
    width: 1px;
    height: 20px;
    background-color: #e5e7eb;
    margin: 0 4px;
}

/* View All button in matrix */
.matrix-view-all-cell[b-he9ej3oxcp] {
    text-align: center;
    padding: 8px !important;
}

.matrix-view-all-btn[b-he9ej3oxcp] {
    background: linear-gradient(135deg, #ffffff 0%, #ededed 100%);
    color: #818181;
    border: none;
    padding: 8px 16px;
    border-radius: 10px 10px 10px 10px;
    border-left: 7px solid #ccc;
    font-weight: 400;
    font-size: 0.9em;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    top: 5px;
    box-shadow: inset 1px 1px 5px rgba(100, 100, 100, 0.4);
}

    .matrix-view-all-btn:hover[b-he9ej3oxcp] {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(150, 150, 150, 0.7);
    }

    .matrix-view-all-btn:active[b-he9ej3oxcp] {
        transform: translateY(0);
    }

/* Matrix controls repositioned */
.matrix-controls-bottom[b-he9ej3oxcp] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

/* Skeleton loading styles */
.skeleton-checklist-item[b-he9ej3oxcp] {
    margin-bottom: 6px;
    border-radius: 6px;
    border: 1px solid #e0e4e9;
    background-color: #ffffff;
    padding: 10px 12px;
    height: 45px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.skeleton-matrix-row[b-he9ej3oxcp] {
    height: 50px;
}

.e-skeleton.e-customize[b-he9ej3oxcp] {
    border-radius: 4px;
}

/* Card and Matrix Row Animations */
@keyframes slideInDown-b-he9ej3oxcp {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        max-height: 400px;
        transform: translateY(0);
    }
}

@keyframes slideOutUp-b-he9ej3oxcp {
    from {
        opacity: 1;
        max-height: 400px;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        max-height: 0;
        transform: translateY(-20px);
    }
}

@keyframes fadeIn-b-he9ej3oxcp {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.card-animate[b-he9ej3oxcp] {
    animation: slideInDown-b-he9ej3oxcp 1s ease-out forwards;
    overflow: hidden;
}

.matrix-row-animate[b-he9ej3oxcp] {
    animation: slideInDown-b-he9ej3oxcp 1s ease-out forwards;
}

/* Smooth transitions for hiding elements */
.CardStyle[b-he9ej3oxcp] {
    /*transition: all 1s ease-out;*/
}

.matrix-row[b-he9ej3oxcp] {
    transition: all 1s ease-out;
}
.settlement-card-body[b-he9ej3oxcp] {
    padding-top:15px;
    overflow: hidden;
    max-height: 2000px; /* large enough to cover the content */
    opacity: 1;
    transition: max-height 3s ease, opacity .2s linear;
}

.settlement-card-body--collapsed[b-he9ej3oxcp] {
    max-height: 0; /* collapse immediately */
    
    transition: none; /* no animation while closing */
    pointer-events: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.simple-line-spacer[b-he9ej3oxcp] {
    height: 12px;
    width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #bfc3cb;
    display: inline-block;
    position: relative;
    top: 7px;
}
/* /Domain/Agents/Custom/Components/CustomAgentDesigner.razor.rz.scp.css */
/* Main Container */
.sf-custom-agent-designer[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0;
}

/* Empty State */
.sf-custom-agent-designer__empty[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    color: var(--neutral-foreground-hint);
    text-align: center;
}

.sf-custom-agent-designer__empty p[b-tadpipnd55] {
    margin: 0;
    font-size: 1rem;
}

/* Top Grid for Basic Info & Zones */
.sf-custom-agent-designer__top-grid[b-tadpipnd55] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 1024px) {
    .sf-custom-agent-designer__top-grid[b-tadpipnd55] {
        grid-template-columns: 1fr;
    }
}

/* Card Container */
.sf-custom-agent-designer__card[b-tadpipnd55] {
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.sf-oone[b-tadpipnd55] {
    width: 35%;
    min-width:150px;
    max-width:300px;
}
.sf-ttwo[b-tadpipnd55] {

}
.sf-tthree[b-tadpipnd55] {
    width: 100%;
}
.sf-oone_label[b-tadpipnd55] {
    width: 10%;
    min-width: 100px;
    font-weight: 600;
    font-size: 0.9375rem;
    position: relative;
    top:7px;
    left: 10px;
}
.sf-custom-agent-designer__card h5[b-tadpipnd55] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

/* Form Grid */
.sf-custom-agent-designer__form-grid[b-tadpipnd55] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

/* Form Grid 65-35 Split */
.sf-custom-agent-designer__form-grid-65-35[b-tadpipnd55] {
    display: grid;
    grid-template-columns: 1.857fr 1fr; /* 65% / 35% = 1.857:1 ratio */
    gap: 1rem;
    align-items: start;
}

.sf-custom-agent-designer__form-grid-65-35 > *[b-tadpipnd55] {
    min-width: 0;
    max-width: 100%;
}

.sf-custom-agent-designer__form-grid-65-35 fluent-text-field[b-tadpipnd55],
.sf-custom-agent-designer__form-grid-65-35 fluent-select[b-tadpipnd55] {
    width: 100%;
}

@media (max-width: 768px) {
    .sf-custom-agent-designer__form-grid-65-35[b-tadpipnd55] {
        grid-template-columns: 1fr;
    }
}

/* Section Header */
.sf-custom-agent-designer__section-header[b-tadpipnd55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.sf-custom-agent-designer__section-header h5[b-tadpipnd55],
.sf-custom-agent-designer__section-header h6[b-tadpipnd55] {
    margin: 0;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.sf-custom-agent-designer__section-header h5[b-tadpipnd55] {
    font-size: 1.125rem;
}

.sf-custom-agent-designer__section-header h6[b-tadpipnd55] {
    font-size: 1rem;
}

/* Tables */
.sf-custom-agent-designer__table[b-tadpipnd55] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: var(--neutral-layer-floating);
    border-radius: 8px;
}

.sf-custom-agent-designer__table thead[b-tadpipnd55] {
    background: var(--neutral-fill-secondary-rest);
}

.sf-custom-agent-designer__table th[b-tadpipnd55] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
    border-bottom: 2px solid var(--neutral-stroke-layer-rest);
}

.sf-custom-agent-designer__table td[b-tadpipnd55] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--neutral-stroke-stealth-rest);
    vertical-align: middle;
}

.sf-custom-agent-designer__table tbody tr:last-child td[b-tadpipnd55] {
    border-bottom: none;
}

.sf-custom-agent-designer__table tbody tr:hover[b-tadpipnd55] {
    background: var(--neutral-fill-secondary-hover);
}

.sf-custom-agent-designer__table--compact th[b-tadpipnd55],
.sf-custom-agent-designer__table--compact td[b-tadpipnd55] {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

/* Draft Row Styling */
.sf-custom-agent-designer__draft-row[b-tadpipnd55] {
    background: var(--accent-fill-subtle) !important;
    border: 2px solid var(--accent-stroke-control-default) !important;
}

.sf-custom-agent-designer__draft-row td[b-tadpipnd55] {
    border-bottom: none !important;
}

.sf-custom-agent-designer__draft-row:hover[b-tadpipnd55] {
    background: var(--accent-fill-subtle) !important;
}

/* Table Cell Types */
.sf-custom-agent-designer__checkbox[b-tadpipnd55] {
    text-align: center;
    width: 80px;
}

.sf-custom-agent-designer__actions[b-tadpipnd55] {
    width: auto;
    white-space: nowrap;
    text-align: right;
}

.sf-custom-agent-designer__actions fluent-button[b-tadpipnd55] {
    margin-left: 0.5rem;
}

/* Empty Row */
.sf-custom-agent-designer__empty-row[b-tadpipnd55] {
    background: var(--neutral-fill-secondary-rest);
    border: 1px dashed var(--neutral-stroke-stealth-rest);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    color: var(--neutral-foreground-hint);
    font-size: 0.9375rem;
}

.sf-custom-agent-designer__empty-row p[b-tadpipnd55] {
    margin: 0;
}

/* Preset Hint */
.sf-custom-agent-designer__preset-hint[b-tadpipnd55] {
    margin-top: 0.25rem;
    padding: 0.25rem 0.5rem;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 4px;
}

.sf-custom-agent-designer__preset-hint small[b-tadpipnd55] {
    color: var(--neutral-foreground-hint);
    font-size: 0.8125rem;
}

/* New Zones Layout */
.zones-container[b-tadpipnd55] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.zones-column[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.zones-column-header[b-tadpipnd55] {
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--neutral-stroke-layer-rest);
}

.zones-column-title[b-tadpipnd55] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--neutral-foreground-rest);
}

.zones-list[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 120px;
}

.zones-empty[b-tadpipnd55] {
    padding: 2rem 1rem;
    text-align: center;
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    background: var(--neutral-fill-secondary-rest);
    border: 1px dashed var(--neutral-stroke-stealth-rest);
    border-radius: 8px;
}

.zone-item[b-tadpipnd55] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-layer-rest);
}

.zone-item:hover[b-tadpipnd55] {
    background: var(--neutral-fill-secondary-hover);
    border-color: var(--neutral-stroke-control-hover);
}

.zone-item.available[b-tadpipnd55] {
    border-style: dashed;
}

.zone-item.active[b-tadpipnd55] {
    background: var(--accent-fill-subtle);
    border-color: var(--accent-stroke-control-default);
}

.zone-item.active:hover[b-tadpipnd55] {
    background: var(--accent-fill-subtle);
    border-color: var(--accent-stroke-control-hover);
}

.zone-content[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.zone-name[b-tadpipnd55] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--neutral-foreground-rest);
}

.zone-description[b-tadpipnd55] {
    color: var(--neutral-foreground-hint);
    font-size: 0.8125rem;
    line-height: 1.3;
}

.zone-status-icon[b-tadpipnd55] {
    color: var(--accent-foreground-rest);
    flex-shrink: 0;
}

.zone-action-icon[b-tadpipnd55] {
    color: var(--neutral-foreground-hint);
    flex-shrink: 0;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.zone-item:hover .zone-action-icon[b-tadpipnd55] {
    opacity: 1;
}

/* Branches */
.sf-custom-agent-designer__branch[b-tadpipnd55] {
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
    padding: 0px 10px 0px 10px;
    display: flex;
    flex-direction: column;
    /*gap: 1.5rem;*/
    transition: all 0.3s ease;
}

/* New Branch Header */
.branch-header[b-tadpipnd55] {
    padding: 0.75rem 0;
    padding-bottom: 1rem;
    /*border-bottom: 2px solid var(--neutral-stroke-layer-rest);*/
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    margin: 0 -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.branch-header:hover[b-tadpipnd55] {
    background: var(--neutral-fill-secondary-hover);
    border-radius: 12px 12px 0 0;
}

.branch-toggle-icon[b-tadpipnd55] {
    color: var(--neutral-foreground-hint);
    transition: transform 0.2s ease, color 0.2s ease;
    flex-shrink: 0;
}

.branch-toggle-icon.rotated[b-tadpipnd55] {
    transform: rotate(90deg);
}

.branch-header:hover .branch-toggle-icon[b-tadpipnd55] {
    color: var(--neutral-foreground-rest);
}

/* Branch Content - Collapsible */
.branch-content[b-tadpipnd55] {
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin 0.3s ease, padding 0.3s ease;
}

.branch-content.is-expanded[b-tadpipnd55] {
    max-height: 10000px;
    opacity: 1;
    margin-top: 0;
}

.branch-content.is-collapsed[b-tadpipnd55] {
    max-height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    border: none;
}

/* Subsections */
.sf-custom-agent-designer__subsection[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: var(--neutral-layer-floating); /* Using floating layer for card-like effect */
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 8px;
    padding: 1rem;
    transition: all 0.3s ease;
}

.sf-custom-agent-designer__subsection-header[b-tadpipnd55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--neutral-stroke-stealth-rest);
    margin-bottom: 0.5rem;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    margin: -1rem -1rem 0.75rem -1rem;
    padding: 0.75rem 1rem;
    border-radius: 8px 8px 0 0;
}

.sf-custom-agent-designer__subsection-header:hover[b-tadpipnd55] {
    background: var(--neutral-fill-secondary-hover);
}

.sf-custom-agent-designer__subsection-header-left[b-tadpipnd55] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sf-custom-agent-designer__subsection-header h6[b-tadpipnd55] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--accent-fill-rest);
}

.sf-custom-agent-designer__subsection-toggle-icon[b-tadpipnd55] {
    color: var(--neutral-foreground-hint);
    transition: transform 0.3s ease, color 0.2s ease;
}

.sf-custom-agent-designer__subsection-header:hover .sf-custom-agent-designer__subsection-toggle-icon[b-tadpipnd55] {
    color: var(--accent-fill-rest);
}

.sf-custom-agent-designer__subsection-summary[b-tadpipnd55] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    font-weight: 400;
    margin-left: 0.5rem;
}

.sf-custom-agent-designer__subsection-content[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.sf-custom-agent-designer__subsection-content.is-collapsed[b-tadpipnd55] {
    max-height: 0;
    opacity: 0;
}

.sf-custom-agent-designer__subsection-content.is-expanded[b-tadpipnd55] {
    max-height: 10000px;
    opacity: 1;
}

/* Timeline & UI Polish */
.rotate-90[b-tadpipnd55] {
    transform: rotate(90deg);
}

.branch-timeline-content[b-tadpipnd55] {
    margin-left: 0.75rem; /* Aligned with chevron roughly */
    padding-left: 1.5rem;
    border-left: 3px solid var(--neutral-stroke-layer-rest);
    padding-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
}

.branch-timeline-content[b-tadpipnd55]::before {
    content: '';
    position: absolute;
    left: -3px;
    top: 0;
    width: 3px;
    height: 20px;
    background: var(--accent-fill-rest);
    border-radius: 2px 2px 0 0;
}

.sf-custom-agent-designer__add-card[b-tadpipnd55] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px dashed var(--neutral-stroke-layer-rest);
    border-radius: 8px;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    transition: all 0.2s ease;
    background: var(--neutral-fill-secondary-rest);
    width: 100%;
    box-sizing: border-box;
}

.sf-custom-agent-designer__add-card:hover[b-tadpipnd55] {
    background: var(--neutral-fill-secondary-hover);
    border-color: var(--accent-stroke-control-default);
    color: var(--accent-foreground-rest);
}

/* Always Run Message */
.sf-custom-agent-designer__always-run[b-tadpipnd55] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, var(--accent-fill-subtle) 0%, var(--neutral-fill-secondary-rest) 100%);
    border: 1px solid var(--accent-stroke-control-default);
    border-radius: 8px;
    color: var(--accent-foreground-rest);
    font-weight: 600;
    font-size: 0.9375rem;
}

/* Condition Logic Badge */
.sf-custom-agent-designer__logic-badge[b-tadpipnd55] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    background: var(--accent-fill-subtle);
    border: 1px solid var(--accent-stroke-control-default);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--accent-foreground-rest);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Always Run Message */
.sf-custom-agent-designer__always-run[b-tadpipnd55] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    background: var(--accent-fill-subtle);
    border: 1px solid var(--accent-stroke-control-default);
    border-radius: 8px;
    color: var(--accent-foreground-rest);
    font-weight: 600;
    font-size: 1rem;
}

/* Actions */
.sf-custom-agent-designer__action-card[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--neutral-layer-card);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 10px;
    padding: 1.25rem;
    margin-left: 1rem;
    border-left: 3px solid var(--accent-fill-rest);
    transition: all 0.3s ease;
}

.sf-custom-agent-designer__action-card:hover[b-tadpipnd55] {
    border-left-color: var(--accent-fill-hover);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.sf-custom-agent-designer__action-header[b-tadpipnd55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    user-select: none;
}

.sf-custom-agent-designer__action-header-left[b-tadpipnd55] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.sf-custom-agent-designer__action-toggle-icon[b-tadpipnd55] {
    color: var(--neutral-foreground-hint);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.sf-custom-agent-designer__action-header strong[b-tadpipnd55] {
    font-size: 1rem;
    font-weight: 600;
}

.sf-custom-agent-designer__action-summary[b-tadpipnd55] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
    font-weight: 400;
    margin-left: 0.5rem;
}

.sf-custom-agent-designer__action-details[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin 0.3s ease;
}

.sf-custom-agent-designer__action-details.is-collapsed[b-tadpipnd55] {
    max-height: 0;
    opacity: 0;
    margin: 0;
}

.sf-custom-agent-designer__action-details.is-expanded[b-tadpipnd55] {
    max-height: 10000px;
    opacity: 1;
    margin-top: 0.5rem;
}

.sf-custom-agent-designer__action-body[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sf-custom-agent-designer__action-footer[b-tadpipnd55] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding-top: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-stealth-rest);
}

/* Template Selection */
.sf-custom-agent-designer__template-bar[b-tadpipnd55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 8px;
}

.sf-custom-agent-designer__template-details[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.sf-custom-agent-designer__template-label[b-tadpipnd55] {
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sf-custom-agent-designer__template-name[b-tadpipnd55] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.sf-custom-agent-designer__template-subject[b-tadpipnd55] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

.sf-custom-agent-designer__template-actions[b-tadpipnd55] {
    display: flex;
    gap: 0.5rem;
}

/* Email Parameters Section */
.email-parameters-section[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.email-parameters-label[b-tadpipnd55] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--neutral-foreground-rest);
}

/* Requirements Grid */
.requirements-grid[b-tadpipnd55] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.requirement-item[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 8px;
}

.requirement-header[b-tadpipnd55] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
}

.requirement-label[b-tadpipnd55] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--neutral-foreground-rest);
    flex: 1;
}

.requirement-badges[b-tadpipnd55] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.requirement-status[b-tadpipnd55] {
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
}

    .requirement-status.required[b-tadpipnd55] {
        background-color: #91979c;
        color: #ffffff;
    }

    .requirement-status.optional[b-tadpipnd55] {
        background: var(--neutral-fill-secondary-rest);
        color: #acacac;
    }

.requirement-warning[b-tadpipnd55] {
    padding: 0.125rem 0.5rem;
    background: var(--accent-fill-subtle);
    border-radius: 4px;
    font-size: 0.8125rem;
    color: var(--accent-foreground-rest);
    font-weight: 600;
    white-space: nowrap;
}

.option-disabled-reason[b-tadpipnd55] {
    color: var(--neutral-foreground-hint);
    font-size: 0.8125rem;
    display: block;
    margin-top: 0.25rem;
}

/* Manual Value Input */
.sf-custom-agent-designer__manual-value[b-tadpipnd55] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.sf-custom-agent-designer__manual-value fluent-text-field[b-tadpipnd55] {
    flex: 1;
}

.sf-custom-agent-designer__manual-value fluent-select[b-tadpipnd55] {
    min-width: 120px;
}

/* Test Dialog */
.sf-custom-agent-designer__test-dialog[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 0.5rem 0;
}

.sf-custom-agent-designer__test-intro[b-tadpipnd55] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9375rem;
}

.sf-custom-agent-designer__test-grid[b-tadpipnd55] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}

.sf-custom-agent-designer__test-field[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sf-custom-agent-designer__test-field label[b-tadpipnd55] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--neutral-foreground-rest);
}

.sf-custom-agent-designer__test-meta[b-tadpipnd55] {
    font-size: 0.8125rem;
    color: var(--neutral-foreground-hint);
}

.sf-custom-agent-designer__test-progress[b-tadpipnd55] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 8px;
    justify-content: center;
}

.sf-custom-agent-designer__test-result[b-tadpipnd55] {
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 8px;
    padding: 1rem;
}

.sf-custom-agent-designer__test-result h6[b-tadpipnd55] {
    margin: 0 0 0.75rem 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.sf-custom-agent-designer__test-result pre[b-tadpipnd55] {
    margin: 0;
    padding: 1rem;
    background: var(--neutral-layer-floating);
    border-radius: 6px;
    overflow-x: auto;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.sf-required-indicator[b-tadpipnd55] {
    color: var(--accent-fill-rest);
    margin-left: 0.25rem;
}

/* Template Dialog */
.sf-custom-agent-designer__template-dialog[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 0;
}

.sf-custom-agent-designer__template-dialog-list[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 400px;
    overflow-y: auto;
}

.sf-custom-agent-designer__template-dialog-item[b-tadpipnd55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 8px;
}

.sf-custom-agent-designer__template-dialog-info[b-tadpipnd55] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.sf-custom-agent-designer__template-dialog-info strong[b-tadpipnd55] {
    font-size: 1rem;
    color: var(--neutral-foreground-rest);
}

.sf-custom-agent-designer__template-dialog-info small[b-tadpipnd55] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
}

/* General Polish and Enhancements */
.sf-custom-agent-designer__card h5[b-tadpipnd55] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sf-custom-agent-designer__card h5[b-tadpipnd55]::before {
    content: '';
    width: 4px;
    height: 20px;
    background: var(--accent-fill-rest);
    border-radius: 2px;
}

/* Improved table styling */
.sf-custom-agent-designer__table tbody tr:nth-child(even)[b-tadpipnd55] {
    background: var(--neutral-fill-secondary-rest);
}

/* Better action button spacing */
.sf-custom-agent-designer__actions[b-tadpipnd55] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* Enhanced empty states */
.sf-custom-agent-designer__empty-row[b-tadpipnd55] {
    text-align: center;
    font-style: italic;
}

/* Improved form field spacing */
.sf-custom-agent-designer__form-grid > *[b-tadpipnd55] {
    min-height: 60px;
}

/* Better visual hierarchy for subsections */
.sf-custom-agent-designer__subsection-header h6[b-tadpipnd55] {
    position: relative;
    padding-left: 1rem;
}

.sf-custom-agent-designer__subsection-header h6[b-tadpipnd55]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 16px;
    background: var(--accent-fill-rest);
    border-radius: 2px;
}

/* Branch Flow Number */
.branch-flow-number[b-tadpipnd55] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

/* Action Flow Indicator */
.action-flow-indicator[b-tadpipnd55] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: var(--neutral-fill-secondary-rest);
    color: var(--neutral-foreground-rest);
    border: 2px solid var(--accent-stroke-control-default);
    border-radius: 50%;
    font-size: 0.6875rem;
    font-weight: 600;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

/* Enhanced subsection styling for conditions */
.sf-custom-agent-designer__subsection.conditions-section[b-tadpipnd55] {
    background: linear-gradient(135deg, var(--neutral-layer-floating) 0%, rgba(255, 255, 255, 0.5) 100%);
}

/* Enhanced subsection styling for actions */
.sf-custom-agent-designer__subsection.actions-section[b-tadpipnd55] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, var(--neutral-layer-floating) 100%);
}

/* Enhanced zone responsiveness */
@media (max-width: 1024px) {
    .zones-container[b-tadpipnd55] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .requirements-grid[b-tadpipnd55] {
        grid-template-columns: 1fr;
    }
    
    .branch-timeline-content[b-tadpipnd55] {
        margin-left: 0.5rem;
        padding-left: 1rem;
    }
    
    .sf-custom-agent-designer__action-card[b-tadpipnd55] {
        margin-left: 0.5rem;
    }
}

/* Responsive Adjustments */

/* Timeline & Ghost Cards */
.sf-custom-agent-designer__branch-timeline[b-tadpipnd55] {
    border-left: 2px solid var(--neutral-stroke-layer-rest);
    margin-left: 1rem;
    padding-left: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.sf-custom-agent-designer__add-card[b-tadpipnd55] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 2px dashed var(--neutral-stroke-stealth-rest);
    border-radius: 8px;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    transition: all 0.2s ease;
    background: transparent;
    margin-top: 0.5rem;
}

.sf-custom-agent-designer__add-card:hover[b-tadpipnd55] {
    border-color: var(--accent-stroke-control-default);
    color: var(--accent-foreground-rest);
    background: var(--accent-fill-subtle);
}

.sf-custom-agent-designer__add-card.sf-custom-agent-designer__new-row[b-tadpipnd55] {
    display: block;
    cursor: default;
    padding: 1rem;
}

.sf-custom-agent-designer__add-card.sf-custom-agent-designer__new-row:hover[b-tadpipnd55] {
    border-color: var(--accent-stroke-control-default);
    background: transparent;
}
@media (max-width: 768px) {
    .sf-custom-agent-designer__top-grid[b-tadpipnd55] {
        grid-template-columns: 1fr;
    }
    
    .sf-custom-agent-designer__test-grid[b-tadpipnd55] {
        grid-template-columns: 1fr;
    }
    
    .sf-custom-agent-designer__form-grid[b-tadpipnd55] {
        grid-template-columns: 1fr;
    }
    
    .sf-custom-agent-designer__template-bar[b-tadpipnd55] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    
    .sf-custom-agent-designer__template-actions[b-tadpipnd55] {
        justify-content: stretch;
    }
    
    .sf-custom-agent-designer__template-actions fluent-button[b-tadpipnd55] {
        flex: 1;
    }
}
/* /Domain/Agents/Custom/Components/CustomAgentManager.razor.rz.scp.css */
.sf-custom-agent-manager[b-6wskwo2bqj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 20px;
}

.sf-custom-agent-manager__toolbar[b-6wskwo2bqj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.sf-custom-agent-manager__workspace[b-6wskwo2bqj] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1.5rem;
    min-height: 320px;
}

.sf-custom-agent-manager__list[b-6wskwo2bqj] {
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sf-custom-agent-manager__list-header h5[b-6wskwo2bqj] {
    margin: 0;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.sf-custom-agent-manager__empty[b-6wskwo2bqj] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--neutral-foreground-hint);
    padding: 1rem;
}

.sf-custom-agent-manager__designer[b-6wskwo2bqj] {
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
    padding: 1.25rem;
    overflow: auto;
}

.sf-custom-agent-manager__placeholder[b-6wskwo2bqj] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.sf-custom-agent-manager__info[b-6wskwo2bqj] {
    margin: 0;
}

/* New Agent List Styles */
.agent-list[b-6wskwo2bqj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

.agent-list-item[b-6wskwo2bqj] {
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 8px;
    padding: .5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.agent-list-item:hover[b-6wskwo2bqj] {
    background: var(--neutral-fill-secondary-hover);
    border-color: var(--neutral-stroke-control-hover);
}

    .agent-list-item.selected[b-6wskwo2bqj] {
        background: #ffffff;
        box-shadow: 0px 0px 10px #00000052;
        border-color: #a4a4a4;
    }

.agent-item-content[b-6wskwo2bqj] {
    display: flex;
    flex-direction: column;
}

.agent-item-header[b-6wskwo2bqj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.agent-name[b-6wskwo2bqj] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    font-size: 0.8rem;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agent-status[b-6wskwo2bqj] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.agent-status.published[b-6wskwo2bqj] {
    background: var(--accent-fill-subtle);
    color: var(--accent-foreground-rest);
}

.agent-status.draft[b-6wskwo2bqj] {
    background: var(--neutral-fill-secondary-rest);
    color: var(--neutral-foreground-hint);
}

.agent-meta[b-6wskwo2bqj] {
    display: flex;
    align-items: center;
}

.agent-date[b-6wskwo2bqj] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.sf-custom-agent-manager__info-message[b-6wskwo2bqj] {
    padding: 0.75rem 1rem;
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 10px;
    background: var(--neutral-fill-secondary-rest);
    color: var(--neutral-foreground-hint);
}

.sf-custom-agents__header[b-6wskwo2bqj] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sf-custom-agents__title[b-6wskwo2bqj] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.sf-custom-agents__subtitle[b-6wskwo2bqj] {
    margin: 4px 0 0 0;
    color: var(--neutral-foreground2-rest);
    font-size: 0.95rem;
}

.sf-custom-agents__body[b-6wskwo2bqj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Additional Polish */
        .sf-agents-title[b-6wskwo2bqj] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    top: 6px;
    left: 2px;
}

.sf-agents-title[b-6wskwo2bqj]::before {
    content: '';
    width: 3px;
    height: 18px;
    background: var(--accent-fill-rest);
    border-radius: 2px;
}

/* Enhanced workspace layout */
.sf-custom-agent-manager__workspace[b-6wskwo2bqj] {
    min-height: 400px;
}

.sf-custom-agent-manager__list[b-6wskwo2bqj] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.sf-custom-agent-manager__designer[b-6wskwo2bqj] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Responsive improvements */
@media (max-width: 1024px) {
    .sf-custom-agent-manager__workspace[b-6wskwo2bqj] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .sf-custom-agent-manager__list[b-6wskwo2bqj] {
        order: 2;
    }
    
    .sf-custom-agent-manager__designer[b-6wskwo2bqj] {
        order: 1;
    }
}
/* /Domain/Agents/Custom/Components/CustomAgentZone.razor.rz.scp.css */
.sf-custom-agent-zone__fields[b-w9opx53vkp] {
    display: grid;
    gap: 12px;
}
/* /Domain/Agents/Pages/AgentButtonsSandbox.razor.rz.scp.css */
.specpadding[b-taq6imbplc] {
    padding: 20px 20px;
    height: calc(100vh - 117px);
    overflow-y: scroll;
}
.page-title[b-taq6imbplc] {
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.page-subtitle[b-taq6imbplc] {
    color: #6c757d;
    margin-bottom: 2rem;
}

.card[b-taq6imbplc] {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border: 1px solid #e9ecef;
}

.card-header[b-taq6imbplc] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.available-agents .agent-item[b-taq6imbplc] {
    padding: 0.75rem;
    border: 1px solid #e9ecef;
    border-radius: 0.375rem;
    margin-bottom: 0.5rem;
    background-color: #f8f9fa;
}

.available-agents .agent-item-small[b-taq6imbplc] {
    padding: 0.5rem;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    margin-bottom: 0.25rem;
    background-color: #f8f9fa;
    font-size: 0.9em;
}

.execution-result[b-taq6imbplc] {
    padding: 1rem;
    border-radius: 0.375rem;
    margin-bottom: 1rem;
    border-left: 4px solid #6c757d;
}

    .execution-result.success[b-taq6imbplc] {
        background-color: #d4edda;
        border-left-color: #28a745;
    }

    .execution-result.error[b-taq6imbplc] {
        background-color: #f8d7da;
        border-left-color: #dc3545;
    }

.result-header[b-taq6imbplc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.result-time[b-taq6imbplc] {
    font-size: 0.9em;
    color: #6c757d;
}

.result-message[b-taq6imbplc] {
    margin-bottom: 0.75rem;
}

.error-message[b-taq6imbplc] {
    color: #dc3545;
    font-size: 0.9em;
    margin-top: 0.5rem;
}

.result-data[b-taq6imbplc] {
    margin-bottom: 0.75rem;
}

    .result-data pre[b-taq6imbplc] {
        background-color: #f8f9fa;
        border: 1px solid #e9ecef;
        border-radius: 0.25rem;
        padding: 0.75rem;
        margin-top: 0.25rem;
        max-height: 200px;
        overflow-y: auto;
    }

.result-suggestions ul[b-taq6imbplc] {
    margin-bottom: 0;
    margin-top: 0.25rem;
}

.badge[b-taq6imbplc] {
    font-size: 0.75em;
    margin-right: 0.25rem;
}

.d-flex[b-taq6imbplc] {
    display: flex;
}

.gap-2[b-taq6imbplc] {
    gap: 0.5rem;
}

.float-end[b-taq6imbplc] {
    float: right;
}

.text-success[b-taq6imbplc] {
    color: #28a745 !important;
}

.text-danger[b-taq6imbplc] {
    color: #dc3545 !important;
}

.text-muted[b-taq6imbplc] {
    color: #6c757d !important;
}

.bg-secondary[b-taq6imbplc] {
    background-color: #6c757d !important;
}

.bg-info[b-taq6imbplc] {
    background-color: #17a2b8 !important;
}

#row1[b-taq6imbplc] {
    width: 300px;
}
/* /Domain/Agents/Pages/EnhancedAIChat.razor.rz.scp.css */
.enhanced-chat-container[b-p2v9g5mcvw] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 76px);
    width: 100%;
    margin: 0 auto;
    background: #f5f5f7;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
    overflow: hidden;
    position: relative;
}

.matrix-background[b-p2v9g5mcvw] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.chat-header[b-p2v9g5mcvw] {
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}

.header-left h2[b-p2v9g5mcvw] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

.tagline[b-p2v9g5mcvw] {
    margin: 0.25rem 0 0 0;
    font-size: 0.9rem;
    opacity: 0.8;
}

.header-right[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.health-status[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    background: rgba(255,255,255,0.15);
    font-size: 0.9rem;
}

    .health-status.online[b-p2v9g5mcvw] {
        color: #4caf50;
    }

    .health-status.offline[b-p2v9g5mcvw] {
        color: #f44336;
    }

.stats .stat[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    opacity: 0.9;
}

.img-responsive[b-p2v9g5mcvw] {
    width: 35px;
    position: relative;
    top: -1px;
}

.chat-body[b-p2v9g5mcvw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: transparent;
    height: calc(100vh - 76px);
    position: relative;
    z-index: 1;
}

.chat-messages[b-p2v9g5mcvw] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    scroll-behavior: smooth;
}

.message-wrapper[b-p2v9g5mcvw] {
    margin-bottom: 1.5rem;
    display: flex;
}

    .message-wrapper.user[b-p2v9g5mcvw] {
        justify-content: flex-end;
    }

    .message-wrapper.assistant[b-p2v9g5mcvw] {
        justify-content: flex-start;
    }

.message-bubble[b-p2v9g5mcvw] {
    max-width: 80%;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    overflow: hidden;
    animation: slideIn-b-p2v9g5mcvw 0.3s ease-out;
}

.message-wrapper.user .message-bubble[b-p2v9g5mcvw] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff !important;
}

.message-header[b-p2v9g5mcvw] {
    padding: 1rem 1.5rem 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sender-info[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.avatar[b-p2v9g5mcvw] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

.user-avatar[b-p2v9g5mcvw] {
    background: rgba(255,255,255,0.2);
}

.ai-avatar[b-p2v9g5mcvw] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    overflow: hidden;
}

    .ai-avatar img[b-p2v9g5mcvw] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.sender-name[b-p2v9g5mcvw] {
    font-family: "montserrat", sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    color: #f44336;
    color: #b1b1b1;
}

.message-meta[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 0.8rem;
    opacity: 0.7;
}

.intent-indicator[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.intent-action[b-p2v9g5mcvw] {
    background: #e3f2fd;
    color: #1976d2;
}

.intent-query[b-p2v9g5mcvw] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.intent-general[b-p2v9g5mcvw] {
    background: #e8f5e8;
    color: #388e3c;
}

.message-content[b-p2v9g5mcvw] {
    padding: 0 1.5rem 0rem;
    line-height: 1.6;
    font-size: .9em;
}

.streaming-text[b-p2v9g5mcvw] {
    position: relative;
}

.typing-cursor[b-p2v9g5mcvw] {
    animation: blink-b-p2v9g5mcvw 1s infinite;
    color: #667eea;
    font-weight: bold;
}

.welcome-message h4[b-p2v9g5mcvw] {
    color: #667eea;
    margin-bottom: 0.75rem;
}

.capabilities[b-p2v9g5mcvw] {
    margin: 1rem 0;
}

.capability[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
}

    .capability i[b-p2v9g5mcvw] {
        color: #667eea;
        width: 20px;
    }

.data-results[b-p2v9g5mcvw] {
    margin: 1rem 1.5rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.results-header[b-p2v9g5mcvw] {
    background: #f5f5f5;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 500;
}

.expand-toggle[b-p2v9g5mcvw] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    color: #666;
}

.results-content[b-p2v9g5mcvw] {
    padding: 1rem;
    max-height: 300px;
    overflow-y: auto;
}

.json-data pre[b-p2v9g5mcvw] {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 4px;
    font-size: 0.85rem;
    overflow-x: auto;
}

.json-data.error[b-p2v9g5mcvw] {
    background: #fff5f5;
    color: #c53030;
    border: 1px solid #feb2b2;
    border-radius: 8px;
    padding: 1rem;
    margin: 0.5rem 0;
}

.result-table[b-p2v9g5mcvw] {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5rem 0;
    font-size: 0.9rem;
}

    .result-table th[b-p2v9g5mcvw] {
        background: #f7fafc;
        color: #2d3748;
        font-weight: 600;
        padding: 0.75rem;
        text-align: left;
        border-bottom: 2px solid #e2e8f0;
        border-right: 1px solid #e2e8f0;
    }

    .result-table td[b-p2v9g5mcvw] {
        padding: 0.75rem;
        border-bottom: 1px solid #e2e8f0;
        border-right: 1px solid #e2e8f0;
        vertical-align: top;
    }

    .result-table tr:hover[b-p2v9g5mcvw] {
        background: #f7fafc;
    }

.query-explanation[b-p2v9g5mcvw] {
    background: #edf2f7;
    color: #4a5568;
    padding: 0.75rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-style: italic;
    border-left: 4px solid #667eea;
}

.suggestions-container[b-p2v9g5mcvw] {
    margin: 1rem 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
}

.suggestions-header[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    color: #667eea;
    font-weight: 500;
    font-size: 0.9rem;
}

.suggestions-grid[b-p2v9g5mcvw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem;
}

.suggestion-chip[b-p2v9g5mcvw] {
    background: #f0f4ff;
    border: 1px solid #e0e8ff;
    color: #667eea;
    padding: 0.5rem 0.75rem;
    border-radius: 20px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .suggestion-chip:hover[b-p2v9g5mcvw] {
        background: #667eea;
        color: white;
        transform: translateY(-1px);
    }

.processing-indicator[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.pulse-dots[b-p2v9g5mcvw] {
    display: flex;
    gap: 0.25rem;
}

    .pulse-dots span[b-p2v9g5mcvw] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #667eea;
        animation: pulse-b-p2v9g5mcvw 1.5s infinite;
    }

        .pulse-dots span:nth-child(2)[b-p2v9g5mcvw] {
            animation-delay: 0.2s;
        }

        .pulse-dots span:nth-child(3)[b-p2v9g5mcvw] {
            animation-delay: 0.4s;
        }

.chat-input-section[b-p2v9g5mcvw] {
    background: white;
    border-top: 1px solid #e0e0e0;
    padding: 1.5rem;
}

.error-banner[b-p2v9g5mcvw] {
    background: #ffebee;
    color: #c62828;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.dismiss-error[b-p2v9g5mcvw] {
    margin-left: auto;
    background: none;
    border: none;
    color: #c62828;
    cursor: pointer;
    padding: 0.25rem;
}

.quick-actions-bar[b-p2v9g5mcvw] {
    margin-bottom: 1rem;
}

.quick-actions-label[b-p2v9g5mcvw] {
    font-weight: 500;
    margin-bottom: 0.75rem;
    color: #666;
    font-size: 0.9rem;
}

.quick-actions-list[b-p2v9g5mcvw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.quick-action[b-p2v9g5mcvw] {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
}

    .quick-action:hover[b-p2v9g5mcvw] {
        background: #667eea;
        color: white;
        border-color: #667eea;
        transform: translateY(-1px);
    }

.input-container[b-p2v9g5mcvw] {
    border: 2px solid #e0e0e0;
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 0.2s;
}

    .input-container:focus-within[b-p2v9g5mcvw] {
        border-color: #667eea;
    }

.input-wrapper[b-p2v9g5mcvw] {
    display: flex;
    align-items: flex-end;
}

.chat-input[b-p2v9g5mcvw] {
    flex: 1;
    border: none;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    resize: none;
    max-height: 120px;
    min-height: 50px;
    font-family: inherit;
}

    .chat-input:focus[b-p2v9g5mcvw] {
        outline: none;
    }

.input-actions[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    gap: 0.5rem;
}

.action-btn[b-p2v9g5mcvw] {
    background: none;
    border: none;
    padding: 0.75rem;
    border-radius: 50%;
    cursor: pointer;
    color: #666;
    transition: all 0.2s;
}

    .action-btn:hover:not(:disabled)[b-p2v9g5mcvw] {
        background: #f0f0f0;
        color: #667eea;
    }

    .action-btn:disabled[b-p2v9g5mcvw] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.send-button[b-p2v9g5mcvw] {
    background: #667eea;
    color: white;
    border: none;
    padding: 0.75rem 1rem;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
    min-width: 80px;
}

    .send-button:hover:not(:disabled)[b-p2v9g5mcvw] {
        background: #5a6fd8;
        transform: translateY(-1px);
    }

    .send-button:disabled[b-p2v9g5mcvw] {
        opacity: 0.6;
        cursor: not-allowed !important;
    }

.input-footer[b-p2v9g5mcvw] {
    padding: 0.75rem 1.25rem;
    background: #f8f9fa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
}

.char-counter.warning[b-p2v9g5mcvw] {
    color: #ff9800;
}

.char-counter.danger[b-p2v9g5mcvw] {
    color: #f44336;
}

.right-actions[b-p2v9g5mcvw] {
    display: flex;
    gap: 1rem;
}

.footer-btn[b-p2v9g5mcvw] {
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    transition: color 0.2s;
}

    .footer-btn:hover[b-p2v9g5mcvw] {
        color: #667eea;
    }

/* Animations */
@keyframes slideIn-b-p2v9g5mcvw {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes blink-b-p2v9g5mcvw {
    0%, 50% {
        opacity: 1;
    }

    51%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-b-p2v9g5mcvw {
    0%, 80%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .enhanced-chat-container[b-p2v9g5mcvw] {
        height: calc(100vh - 80px);
        border-radius: 0;
    }

    .chat-header[b-p2v9g5mcvw] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .message-bubble[b-p2v9g5mcvw] {
        max-width: 95%;
    }

    .quick-actions-list[b-p2v9g5mcvw] {
        flex-direction: column;
    }

    .suggestions-grid[b-p2v9g5mcvw] {
        grid-template-columns: 1fr;
    }
}

.ai-health-banner[b-p2v9g5mcvw] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
    padding: 8px 12px;
    border-radius: 8px;
    margin: 8px 8px 12px 8px;
}

    .ai-health-banner .retry-health[b-p2v9g5mcvw] {
        margin-left: auto;
        background: transparent;
        border: none;
        color: inherit;
        cursor: pointer;
    }

.voice-btn.recording[b-p2v9g5mcvw] {
    background-color: #e74c3c !important;
    animation: record-pulse-b-p2v9g5mcvw 1.5s infinite;
}

    .voice-btn.recording:hover[b-p2v9g5mcvw] {
        background-color: #c0392b !important;
    }

@keyframes record-pulse-b-p2v9g5mcvw {
    0% {
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(231, 76, 60, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0);
    }
}

.transcribing-indicator[b-p2v9g5mcvw] {
    display: inline-flex;
    align-items: center;
    color: #3498db;
    font-size: 0.9em;
    margin-left: 8px;
}

    .transcribing-indicator .spinner[b-p2v9g5mcvw] {
        width: 16px;
        height: 16px;
        border: 2px solid #ecf0f1;
        border-top: 2px solid #3498db;
        border-radius: 50%;
        animation: spin-b-p2v9g5mcvw 1s linear infinite;
        margin-right: 6px;
    }

.intent-navigation[b-p2v9g5mcvw] {
    background-color: #9b59b6;
    color: white;
}

@keyframes spin-b-p2v9g5mcvw {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Domain/Attachments/Components/AttachmentEpicListGrid.razor.rz.scp.css */
.toolbar[b-yv0tcn02wt] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    background-color: #dbdbdb;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    top: 12px;
}
.jivider[b-yv0tcn02wt] {
    width:1px;
    height:25px;
    background-color:#a7a7a7;
}
.text-tip[b-yv0tcn02wt] {
    font-size: .6em;
    font-weight: 600;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: relative;
    left: 7px;
    top: 1px;
    color: #737373;
}
.fluent-jutton[b-yv0tcn02wt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 6px;
    opacity: .55;
    transition: opacity 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.fluent-jutton:hover[b-yv0tcn02wt] {
    opacity: 1;
    cursor: pointer;
}
.fluent-jutton.active[b-yv0tcn02wt] {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.075);
}
.fluent-jutton.active:hover[b-yv0tcn02wt] {
    background-color: rgba(0, 0, 0, 0.12);
}

.toolbar-left[b-yv0tcn02wt] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.toolbar-spacer[b-yv0tcn02wt] {
    flex: 1 1 auto;
}

.toolbar-actions[b-yv0tcn02wt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.epic-sync-warning[b-yv0tcn02wt] {
    margin: 16px 0;
}

.epic-sync-hint[b-yv0tcn02wt] {
    font-size: 0.9rem;
    color: #4b5563;
    margin-top: 4px;
}
.epic-grid-panel[b-yv0tcn02wt] {
    height: calc(100vh - 320px);
    min-width:70%;
    overflow:auto;
}

.epic-grid-footer[b-yv0tcn02wt] {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    margin-top: 8px;
    flex-wrap: wrap;
}
.epic-grid-hint[b-yv0tcn02wt] {
    font-size: 0.8rem;
    color: #888;
}
.epic-grid-count[b-yv0tcn02wt] {
    font-size: 0.9rem;
    font-weight: 800;
    color: #666;
    text-align: center;
    font-family: "montserrat", sans-serif;
    position: relative;
    left: -14px;
}
.egch[b-yv0tcn02wt] {
    position: relative;
    top: 3px;
    left:-3px;
    width:100px;
    min-width: 100px;
    display: inline;
}
.epic-grid-count-hint[b-yv0tcn02wt] {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 8px 0px;
    border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
    color: #404040;
    font-size: .9em;
    width: 44px;
    display: inline-block;
    border-right: 1px solid #8a8a8a;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #898989;
}

.epic-grid-count-after[b-yv0tcn02wt] {
    font-weight: 300;
    position: relative;
    top:2px;
    left: 5px;
}

.epic-preview-panel[b-yv0tcn02wt] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-radius: 0px;
    padding-top: 10px;
    padding-right:4px;
    background-color: #fafafa;
    height: calc(100vh - 340px);
    min-height: 260px;
    overflow: hidden;
    width: 100%;
}

.epic-preview-header[b-yv0tcn02wt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.epic-preview-title[b-yv0tcn02wt] {
    font-weight: 600;
    font-size: 1.05rem;
}

.epic-preview-meta[b-yv0tcn02wt] {
    font-size: 0.85rem;
    color: #6a6a6a;
}

.epic-preview-body[b-yv0tcn02wt] {
    flex: 1;
    min-height: 0;
    display: flex;
}

.epic-preview-placeholder[b-yv0tcn02wt],
.epic-preview-error[b-yv0tcn02wt] {
    margin: auto;
    text-align: center;
    padding: 12px;
    color: #666;
}
.epic-empty[b-yv0tcn02wt] {
    width: 100%;
    border: 1px solid #ccc;
    height: 100px;
    padding: 10px;
    text-align: center;
    padding-top: 100px;
    color:#b2b2b2;
    font-size: 2em;
    font-family: "montserrat", sans-serif;
    background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.epic-preview-error[b-yv0tcn02wt] {
    color: #a80000;
}

.epic-preview-loader[b-yv0tcn02wt] {
    margin: auto;
}

.epic-preview-pdf[b-yv0tcn02wt] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 4px;
    background: #fff;
}

.epic-preview-text[b-yv0tcn02wt] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    margin: 0;
    font-family: Consolas, "Courier New", monospace;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 12px;
    white-space: pre-wrap;
}

.epic-type-pill[b-yv0tcn02wt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 12px;
    background: #eef2f7;
    font-size: 0.8rem;
    font-weight: 600;
    color: #3a4660;
    text-transform: uppercase;
}

.epic-access-badge[b-yv0tcn02wt] {
    min-width: 48px;
    justify-content: center;
}

@media (max-width: 1024px) {
    .epic-attachment-layout.preview-visible[b-yv0tcn02wt] {
        grid-template-columns: minmax(0, 1fr);
    }

    .epic-preview-panel[b-yv0tcn02wt] {
        order: 2;
    }
}

/*
.epic-attachment-layout {
    display: grid;
    gap: 16px;
}

.epic-attachment-layout.preview-visible {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
}

.epic-attachment-layout.preview-hidden {
    grid-template-columns: minmax(0, 1fr);
}

.epic-grid-panel {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: calc(100vh - 400px);
    min-height: 260px;
}

.epic-loading,
.epic-empty {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
    text-align: center;
}

.epic-data-grid {
    flex: 1;
    min-height: 0;
}

.epic-grid-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.epic-grid-count {
    font-size: 0.9rem;
    color: #666;
}*/
/* /Domain/Attachments/Components/AttachmentListGrid.razor.rz.scp.css */
.attachment-btn[b-iw8p7oskgw] {
    background-color:#fff;
    display:inline-flex;
    padding:2px;
    position:relative;
    top:3px;
    border-radius:3px;
    opacity:.6;
    
}
.attachment-btn:hover[b-iw8p7oskgw] {
    cursor:pointer;
    box-shadow:0px 0px 10px #0000009d;
    opacity:1;
}
.mf-flexatt[b-iw8p7oskgw] {
    display: flex;
    flex-direction: row;
    width:100%;
}
.mf-flexcol-att1[b-iw8p7oskgw] {
    flex: 1 1 auto;
    overflow:hidden;
}
.mf-flexcol-att2[b-iw8p7oskgw] {
    flex: 0 0 320px;
    border: 10px solid #f1f1f1;
    border-top: 10px solid #ffffff9d;
    /*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);*/
    border-radius: 12px;
    position: relative;
    top: -100px;
}
.att-preview[b-iw8p7oskgw] {
    padding:15px;
}
/* New styles for enhanced grid UI */
.attachment-grid-wrapper[b-iw8p7oskgw] {
    display: block;
}
.attachment-grid-wrapper .toolbar[b-iw8p7oskgw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 8px 0 12px 0;
}
.attachment-grid-wrapper .toolbar-left[b-iw8p7oskgw] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.attachment-grid-wrapper .toolbar-right[b-iw8p7oskgw] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.view-toggle[b-iw8p7oskgw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px;
    border: 1px solid #e6e8eb;
    border-radius: 10px;
    background: linear-gradient(180deg, #f8f9fb 0%, #f1f2f5 100%);
}
.row-actions[b-iw8p7oskgw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.attachment-thumb-grid[b-iw8p7oskgw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px;
    margin-top: 8px;
}
.attachment-thumb-card[b-iw8p7oskgw] {
    background: #fff;
    border: 1px solid #e6e8eb;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 4px 10px rgba(17, 24, 39, 0.05);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    cursor: pointer;
}
.attachment-thumb-card:hover[b-iw8p7oskgw] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(17, 24, 39, 0.08);
}
.thumb-top[b-iw8p7oskgw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.thumb-icon[b-iw8p7oskgw] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #f2f4f8;
    flex-shrink: 0;
}
.thumb-text[b-iw8p7oskgw] {
    flex: 1;
    min-width: 0;
}
.thumb-title[b-iw8p7oskgw] {
    font-weight: 600;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.thumb-subtitle[b-iw8p7oskgw] {
    font-size: 12px;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.thumb-size[b-iw8p7oskgw] {
    font-size: 12px;
    color: #4b5563;
}
.thumb-meta[b-iw8p7oskgw] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    color: #6b7280;
    margin-top: 6px;
}
.thumb-meta span[b-iw8p7oskgw] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.thumb-actions[b-iw8p7oskgw] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 10px;
}
.thumb-action[b-iw8p7oskgw] {
    border: 1px solid #e6e8eb;
    background: #f8fafc;
    padding: 6px;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.thumb-action:hover[b-iw8p7oskgw] {
    background: #e8f0ff;
    border-color: #c7d2fe;
    transform: translateY(-1px);
}
/* /Domain/Attachments/Components/AttachmentPreview.razor.rz.scp.css */
.preview-container[b-qkfbjqzkfa] {
    padding:0px 15px;
    
}
.attach-buttons[b-qkfbjqzkfa] {
    display:flex;
    background-color: transparent;
    background: none;
}
.btndiv[b-qkfbjqzkfa] {
    flex: 1 1 auto;
    opacity: .6;
    overflow: hidden;
    filter: saturate(0%);
}
    .btndiv:hover[b-qkfbjqzkfa] {
        opacity: 1;
        filter: saturate(100%);
        cursor: pointer;
    }
.btndiv img[b-qkfbjqzkfa] {
    box-shadow:0px 0px 8px #000;
}
.btn-bar[b-qkfbjqzkfa] {
   border-radius:10px;
   overflow:hidden;
   margin:0px;
   padding:0px;
   /*box-shadow:0px 0px 5px #000;*/
}
.preview-container[b-qkfbjqzkfa] {

}
.attachment-description[b-qkfbjqzkfa] {
    font-family: "montserrat", sans-serif;
    font-weight:600;
    margin-top:15px;
    font-size:1.25em;
}
.attachment-filename[b-qkfbjqzkfa] {
    font-family: "montserrat", sans-serif;
    color:#525252;
}
.attachment-details[b-qkfbjqzkfa] {
    font-size:.8em;
}
.attachment-details p[b-qkfbjqzkfa] {
    padding:0px !important;
    margin:0px !important;
}
/* /Domain/Attachments/Components/DropzoneContainer.razor.rz.scp.css */
/* Hide the uploader buttons and file list */
.hidden-uploader .e-upload[b-t1s4ozlc7o] {
    display: none !important;
}

/* Completely hide the uploader while keeping it functional */
.hidden-uploader[b-t1s4ozlc7o] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color:#ff0000;
}

    /* Optional: Enhance the drop zone appearance */
    .hidden-uploader input[type="file"][b-t1s4ozlc7o] {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

.policy-drop-zone[b-t1s4ozlc7o] {

}

    .policy-drop-zone:hover[b-t1s4ozlc7o] {
        
    }
    .policy-drop-zone:target[b-t1s4ozlc7o] {
        
    }
/* /Domain/Attachments/Dialogs/DeleteAttachmentDialog.razor.rz.scp.css */
.delete-attachment-content[b-teqc4clku2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.delete-attachment-content p[b-teqc4clku2] {
    margin: 0;
}

.attachment-details[b-teqc4clku2] {
    background-color: var(--neutral-layer-2);
    padding: 1rem;
    border-radius: 4px;
    margin-top: 0.5rem;
}

.attachment-details p[b-teqc4clku2] {
    margin: 0.5rem 0;
}

.attachment-details p:first-child[b-teqc4clku2] {
    margin-top: 0;
}

.attachment-details p:last-child[b-teqc4clku2] {
    margin-bottom: 0;
} 
/* /Domain/Blastmail/Components/BlastStatsPanel.razor.rz.scp.css */
:host[b-ht7vtbnwfc] {
    display: block;
}

.blast-stats-card[b-ht7vtbnwfc] {
    padding: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.blast-stats-range[b-ht7vtbnwfc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.blast-stats-loading[b-ht7vtbnwfc] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--neutral-foreground-hint, #777);
}

.blast-stats-empty[b-ht7vtbnwfc] {
    border: 1px dashed var(--neutral-stroke-divider-rest, #d1d5db);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    background: var(--neutral-layer-1, #f9f9fb);
    color: var(--neutral-foreground-hint, #777);
}

.blast-stats-grid[b-ht7vtbnwfc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

.blast-stat-tile[b-ht7vtbnwfc] {
    border: 1px solid var(--surface-stroke-color-default, #e5e5e5);
    border-radius: 14px;
    padding: 16px;
    background: var(--neutral-fill-stealth-rest, #fafafa);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.blast-stat-tile.metric[b-ht7vtbnwfc] {
    justify-content: center;
    min-height: 140px;
}

.blast-stat-tile.chart h4[b-ht7vtbnwfc] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.blast-stat-tile.wide[b-ht7vtbnwfc] {
    grid-column: span 2;
}

.blast-stat-label[b-ht7vtbnwfc] {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.08em;
    color: var(--neutral-foreground-hint, #888);
}

.blast-stat-value[b-ht7vtbnwfc] {
    font-size: 26px;
    font-weight: 600;
}

.blast-stats-subtle[b-ht7vtbnwfc] {
    color: var(--neutral-foreground-hint, #888);
    text-align: center;
}

@media (max-width: 1100px) {
    .blast-stats-grid[b-ht7vtbnwfc] {
        grid-template-columns: 1fr;
    }

    .blast-stat-tile.wide[b-ht7vtbnwfc] {
        grid-column: span 1;
    }
}
/* /Domain/Blastmail/Components/HomeStatsPanel.razor.rz.scp.css */
:host[b-8kbzgdy7q3] {
    display: block;
}

.blast-stats-card[b-8kbzgdy7q3] {
    padding: 0px 0px 0px 20px;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #d1d5db;
}

.blast-stats-range[b-8kbzgdy7q3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    
}
.button-bar[b-8kbzgdy7q3] {
    position: relative;
    top: 10px;
    margin-bottom:5px;
}

.blast-stats-loading[b-8kbzgdy7q3] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--neutral-foreground-hint, #777);
}

.blast-stats-empty[b-8kbzgdy7q3] {
    border: 1px dashed var(--neutral-stroke-divider-rest, #d1d5db);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    background: var(--neutral-layer-1, #f9f9fb);
    color: var(--neutral-foreground-hint, #777);
}

.blast-stats-grid[b-8kbzgdy7q3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

.blast-stat-tile[b-8kbzgdy7q3] {
    border: 1px solid var(--surface-stroke-color-default, #e5e5e5);
    border-radius: 14px;
    padding: 0px;
    background: var(--neutral-fill-stealth-rest, #fafafa);
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
    padding:10px;
}

.blast-stat-tile.metric[b-8kbzgdy7q3] {
    justify-content: center;
    min-height: 140px;
}

.blast-stat-tile.chart h4[b-8kbzgdy7q3] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.blast-stat-tile.wide[b-8kbzgdy7q3] {
    grid-column: span 2;
}

.blast-stat-label[b-8kbzgdy7q3] {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.08em;
    color: var(--neutral-foreground-hint, #888);
}

.blast-stat-value[b-8kbzgdy7q3] {
    font-size: 26px;
    font-weight: 600;
}

.blast-stats-subtle[b-8kbzgdy7q3] {
    color: var(--neutral-foreground-hint, #888);
    text-align: center;
}
.metric-grid[b-8kbzgdy7q3] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.metric-empty[b-8kbzgdy7q3] {
    color: #6b7280;
    font-size: 0.9rem;
}

.metric-chip[b-8kbzgdy7q3] {
    border: 1px solid #d7dce2;
    border-radius: 8px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #fafbff;
    min-height: 100px;
    min-width: 150px;
    background-color: #4b5563;
    color: #fff;
}

    .metric-chip.metric-accent[b-8kbzgdy7q3] {
        border-color: #9daeef;
        background-color: #4b5563;
        color: #fff;
    }

.metric-button:hover[b-8kbzgdy7q3] {
    border-color: #5b7cfa;
    background: #eef1ff;
}

.metric-label[b-8kbzgdy7q3] {
    font-size: 0.85rem;
    color: #4a5568;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    min-height: 30px;
    font-family: "montserrat", sans-serif;
    color: #ffffffd5;
}

.metric-value[b-8kbzgdy7q3] {
    font-size: 3.5rem;
    font-weight: 500;
    color: #6b7280;
    font-family: "montserrat", sans-serif;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}
@media (max-width: 1100px) {
    .blast-stats-grid[b-8kbzgdy7q3] {
        grid-template-columns: 1fr;
    }

    .blast-stat-tile.wide[b-8kbzgdy7q3] {
        grid-column: span 1;
    }
}
/* /Domain/Blastmail/Components/LiveMetrics.razor.rz.scp.css */
.outreach-section[b-5dae1ovnke] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-header h2[b-5dae1ovnke] {
    margin: 0;
    font-size: 1.5rem;
    color: #a8adb7;
}

.section-header p[b-5dae1ovnke] {
    margin: 0;
    color: #a8adb7;
    font-size: 0.95rem;
}

.outreach-cards[b-5dae1ovnke] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.outreach-card[b-5dae1ovnke] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
    min-height: 100%;
}

.card-header[b-5dae1ovnke] {
    margin-bottom: 15px;
}

    .card-header h3[b-5dae1ovnke] {
        margin: 0;
        font-size: 1.1rem;
        color: #1f2933;
    }

    .card-header span[b-5dae1ovnke] {
        color: #667088;
        font-size: 0.9rem;
    }

.metric-empty[b-5dae1ovnke] {
    color: #6b7280;
    font-size: 0.9rem;
}

.card-actions[b-5dae1ovnke] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: #6b7280;
}

.telemetry-card .telemetry-grid[b-5dae1ovnke] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.telemetry-panel[b-5dae1ovnke] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .telemetry-panel h4[b-5dae1ovnke] {
        margin: 0;
        font-size: 0.95rem;
        color: #1f2933;
        font-weight: 600;
    }

.telemetry-stats[b-5dae1ovnke] {
    display: grid;
    gap: 8px;
}

    .telemetry-stats div[b-5dae1ovnke] {
        display: grid;
        grid-template-columns: 120px 1fr;
        font-size: 0.85rem;
        align-items: center;
        gap: 8px;
    }

    .telemetry-stats dt[b-5dae1ovnke] {
        font-weight: 600;
        color: #4b5563;
    }

    .telemetry-stats dd[b-5dae1ovnke] {
        margin: 0;
        color: #1f2933;
    }

.stat-pill-row[b-5dae1ovnke] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.telemetry-channel .telemetry-gauge[b-5dae1ovnke] {
    display: flex;
    justify-content: center;
}

.gauge-label[b-5dae1ovnke] {
    font-size: 1.8rem;
    font-weight: 600;
    color: #1f2933;
}

.gauge-caption[b-5dae1ovnke] {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #6b7280;
    margin-top: -6px;
}

.telemetry-gauge-meta[b-5dae1ovnke] {
    display: grid;
    gap: 4px;
    font-size: 0.85rem;
}

    .telemetry-gauge-meta span[b-5dae1ovnke] {
        color: #6b7280;
    }

    .telemetry-gauge-meta strong[b-5dae1ovnke] {
        color: #1f2933;
    }

.telemetry-actions[b-5dae1ovnke] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.snapshot-timestamp[b-5dae1ovnke] {
    font-size: 0.8rem;
    color: #6b7280;
}

.spark-summary[b-5dae1ovnke] {
    display: flex;
    gap: 16px;
    font-size: 0.85rem;
}

    .spark-summary span[b-5dae1ovnke] {
        display: block;
        color: #6b7280;
    }

    .spark-summary strong[b-5dae1ovnke] {
        color: #1f2933;
        font-size: 1rem;
    }

.queue-card .queue-stat-grid[b-5dae1ovnke] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.queue-stat[b-5dae1ovnke] {
    border: 1px solid #d7dce2;
    border-radius: 8px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #f9fbff;
}

    .queue-stat span[b-5dae1ovnke] {
        font-size: 0.8rem;
        color: #6b7280;
        text-transform: uppercase;
    }

    .queue-stat strong[b-5dae1ovnke] {
        font-size: 1.4rem;
        color: #1f2933;
    }

.queue-buckets[b-5dae1ovnke] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.queue-bucket[b-5dae1ovnke] {
    display: grid;
    grid-template-columns: 100px 1fr 50px;
    gap: 8px;
    align-items: center;
    font-size: 0.8rem;
    color: #4b5563;
}

.bucket-bar[b-5dae1ovnke] {
    background: #edf2ff;
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

.bucket-fill[b-5dae1ovnke] {
    height: 100%;
    background: linear-gradient(90deg, #5b7cfa, #7f9bff);
}

.bucket-count[b-5dae1ovnke] {
    text-align: right;
    font-weight: 600;
    color: #1f2933;
}

.retry-pill-row[b-5dae1ovnke] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.queue-grid[b-5dae1ovnke] {
    margin-top: 12px;
}

    .queue-grid .e-grid[b-5dae1ovnke] {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
    }

.failures-card .failure-stat-grid[b-5dae1ovnke] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.failure-stat-grid div[b-5dae1ovnke] {
    border: 1px solid #fcd9d7;
    border-radius: 8px;
    padding: 12px;
    background: #fff5f5;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.85rem;
}

.failure-stat-grid span[b-5dae1ovnke] {
    color: #6b7280;
    text-transform: uppercase;
}

.failure-stat-grid strong[b-5dae1ovnke] {
    font-size: 1.3rem;
    color: #b91c1c;
}

.failure-reasons ul[b-5dae1ovnke] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.failure-reasons li[b-5dae1ovnke] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 0.85rem;
    background: #ffffff;
    color: #1f2933;
}

.reason-label[b-5dae1ovnke] {
    flex: 1;
}

.reason-count[b-5dae1ovnke] {
    font-weight: 600;
    color: #1f2933;
}

.delivery-table table[b-5dae1ovnke] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.delivery-table th[b-5dae1ovnke],
.delivery-table td[b-5dae1ovnke] {
    padding: 6px 8px;
    border-bottom: 1px solid #e5e7eb;
    text-align: left;
}

.delivery-table th[b-5dae1ovnke] {
    font-weight: 600;
    color: #4b5563;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.delivery-table td[b-5dae1ovnke] {
    color: #1f2933;
}

.funnel-card .funnel-chart[b-5dae1ovnke] {
    margin-bottom: 16px;
}

.funnel-card .e-chart[b-5dae1ovnke] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px;
    background: #ffffff;
}

.funnel-summary[b-5dae1ovnke] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.funnel-row[b-5dae1ovnke] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.funnel-campaign[b-5dae1ovnke] {
    font-weight: 600;
    color: #1f2933;
}

.funnel-count[b-5dae1ovnke] {
    font-size: 0.85rem;
    color: #6b7280;
}

.safety-table[b-5dae1ovnke] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    margin-top: 8px;
}

    .safety-table th[b-5dae1ovnke],
    .safety-table td[b-5dae1ovnke] {
        padding: 8px 10px;
        border-bottom: 1px solid #e5e7eb;
    }

    .safety-table th[b-5dae1ovnke] {
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.05em;
        color: #6b7280;
    }

    .safety-table td[b-5dae1ovnke] {
        color: #1f2933;
    }

.safety-card .metric-empty[b-5dae1ovnke] {
    margin-top: 12px;
}
/* /Domain/Blastmail/Pages/Campaigns.razor.rz.scp.css */
.campaigns-page[b-pq9ene68ri] {
    padding: 10px;
    height: calc(100vh - 155px);
    overflow-y: auto;
}

.campaigns-loading[b-pq9ene68ri] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 220px;
    color: var(--neutral-foreground-rest);
    text-align: center;
}

.campaigns-layout[b-pq9ene68ri] {
    width: 100%;
}

.campaigns-list-card[b-pq9ene68ri],
.campaigns-editor-card[b-pq9ene68ri] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
}

.campaigns-card-header[b-pq9ene68ri],
.triggers-header[b-pq9ene68ri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.campaigns-list-items[b-pq9ene68ri] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.campaigns-list-item[b-pq9ene68ri] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    text-align: left;
}

.campaigns-list-item-active[b-pq9ene68ri] {
    border-color: var(--accent-fill-rest);
}

.campaigns-list-item-name[b-pq9ene68ri] {
    font-size: 1rem;
    font-weight: 600;
}

.campaigns-list-meta[b-pq9ene68ri] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--neutral-foreground-hint);
}

.campaigns-empty[b-pq9ene68ri] {
    border: 1px dashed var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 16px;
    color: var(--neutral-foreground-hint);
    background-color: var(--neutral-layer-1);
    text-align: center;
}

.campaigns-editor-stack[b-pq9ene68ri] {
    width: 100%;
}

.campaigns-field-group[b-pq9ene68ri] {
    width: 100%;
}

.campaigns-field[b-pq9ene68ri] {
    flex: 1 1 220px;
}

.campaigns-approval[b-pq9ene68ri] {
    margin-top: 4px;
}

.triggers-section[b-pq9ene68ri] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.triggers-header[b-pq9ene68ri] {
    flex-wrap: wrap;
}

.triggers-list[b-pq9ene68ri] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.trigger-card[b-pq9ene68ri] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.trigger-header[b-pq9ene68ri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.trigger-title[b-pq9ene68ri] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.trigger-title small[b-pq9ene68ri] {
    color: var(--neutral-foreground-hint);
}

.trigger-actions[b-pq9ene68ri] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.trigger-grid[b-pq9ene68ri] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}

.trigger-field[b-pq9ene68ri] {
    flex: 1 1 200px;
}

.campaigns-actions[b-pq9ene68ri] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    width: 100%;
}

@media (max-width: 1100px) {
    .triggers-header[b-pq9ene68ri] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Domain/Blastmail/Pages/Outreach.razor.rz.scp.css */
.page-content[b-qmvuc03jy8] {
    padding: 0px 10px;
    height: calc(100vh - 140px);
    overflow-y: auto;
}
.outreach-loading[b-qmvuc03jy8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 48px 0;
    color: #444;
}

.outreach-page[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 48px;
}

.outreach-section[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.section-header h2[b-qmvuc03jy8] {
    margin: 0;
    padding: 0;
    font-size: 4rem;
    font-family: "montserrat", sans-serif;
    color: #a8adb7;
    font-weight: 300;
}
.section-header h3[b-qmvuc03jy8] {
    margin: 0;
    padding: 0;
    padding-left: 2px;
    font-size: 2rem;
    font-family: "montserrat", sans-serif;
    color: #a8adb7;
    font-weight: 300;
    margin-top: 15px;
}
.section-header p[b-qmvuc03jy8] {
    margin: 0;
    padding-left: 5px;
    color: #a8adb7;
    font-size: 0.95rem;
}
.outreach-fcard1[b-qmvuc03jy8] {
    padding: 18px;
    min-height: 100%;
    min-width:500px;
    background-color: #ffffff;
    border-radius: 9px;
    margin: 1px;
    box-shadow: 0px 0px 10px #6b7280;
    flex-grow: 3;
}
.outreach-fcard2[b-qmvuc03jy8] {
    padding: 18px;
    min-height: 100%;
    background-color: #ffffff;
    border-radius: 9px;
    margin: 1px;
    box-shadow: 0px 0px 10px #6b7280;
    flex-grow: .5;
}
.outreach-fcard3[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
    min-height: 100%;
    background-color: #4b5563;
    border-radius: 9px;
    margin: 1px;
    box-shadow: 0px 0px 10px #1f2933;
    flex-grow: 4;
}
.outreach-cards[b-qmvuc03jy8] {
    display: flex;
    gap: 16px;
    align-items: stretch;
}

.outreach-cards > :nth-child(1)[b-qmvuc03jy8]
{
    /*flex: 0 0 50%;*/
}
.outreach-cards > :nth-child(2)[b-qmvuc03jy8]
{
    /*flex: 0 0 20%;*/
}

.outreach-cards > :nth-child(3)[b-qmvuc03jy8] {
   /* flex: 0 0 40%;*/
}

@media (max-width: 1100px) {
    .outreach-cards[b-qmvuc03jy8] {
        flex-wrap: wrap;
    }

    .outreach-cards > :nth-child(1)[b-qmvuc03jy8],
    .outreach-cards > :nth-child(2)[b-qmvuc03jy8],
    .outreach-cards > :nth-child(3)[b-qmvuc03jy8] {
        flex: 1 1 100%;
    }
}

.outreach-card[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
    min-height: 100%;
    background-color: #1f2933;
}
.outreach-card-dark[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
    min-height: 100%;
    background-color: #4b5563;
    border-radius:9px;
    margin:1px;
    box-shadow: 0px 0px 10px #1f2933;
}
.card-header[b-qmvuc03jy8] {
    margin-bottom: 15px;
}

    .card-header h3[b-qmvuc03jy8] {
        margin: 0;
        font-size: 1.1rem;
        color: #1f2933;
    }

    .card-header span[b-qmvuc03jy8] {
        color: #667088;
        font-size: 0.9rem;
    }

.metric-grid[b-qmvuc03jy8] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.metric-empty[b-qmvuc03jy8] {
    color: #6b7280;
    font-size: 0.9rem;
}

.metric-chip[b-qmvuc03jy8] {
    border: 1px solid #d7dce2;
    border-radius: 8px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #fafbff;
    min-height: 100px;
}

    .metric-chip.metric-accent[b-qmvuc03jy8] {
        border-color: #9daeef;
        background: #eceef7;
    }
.metric-button:hover[b-qmvuc03jy8] {
    border-color: #5b7cfa;
    background: #eef1ff;
}
.metric-label[b-qmvuc03jy8] {
    font-size: 0.85rem;
    color: #4a5568;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    min-height: 30px;
    font-family: "montserrat", sans-serif;
}

.metric-value[b-qmvuc03jy8] {
    font-size: 4rem;
    font-weight: 600;
    color: #6b7280;
    font-family: "montserrat", sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.card-actions[b-qmvuc03jy8] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: #6b7280;
}

.service-controls[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.service-row[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 0;
    border-bottom: 1px solid #e5e7eb;
}

    .service-row:last-child[b-qmvuc03jy8] {
        border-bottom: none;
    }

.service-name[b-qmvuc03jy8] {
    font-weight: 600;
    color: #1f2933;
}

.service-actions[b-qmvuc03jy8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.coming-soon[b-qmvuc03jy8] {
    color: #6b7280;
    font-size: 0.85rem;
}

.campaign-grid[b-qmvuc03jy8] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.campaign-column[b-qmvuc03jy8] {
    border: 1px solid #d7dce2;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #ffffff;
}

.campaign-column-header[b-qmvuc03jy8] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.campaign-status[b-qmvuc03jy8] {
    font-weight: 600;
    color: #1f2933;
}

.campaign-count[b-qmvuc03jy8] {
    font-size: 1.4rem;
    font-weight: 600;
    color: #2d3a8c;
}

.campaign-list[b-qmvuc03jy8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .campaign-list li[b-qmvuc03jy8] {
        display: flex;
        justify-content: space-between;
        font-size: 0.9rem;
        color: #374151;
    }

.campaign-name[b-qmvuc03jy8] {
    font-weight: 500;
}

.campaign-time[b-qmvuc03jy8] {
    color: #6b7280;
    font-size: 0.8rem;
}

.campaign-placeholder[b-qmvuc03jy8] {
    color: #9ca3af;
    font-style: italic;
    font-size: 0.85rem;
}

.campaign-actions[b-qmvuc03jy8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.provider-grid[b-qmvuc03jy8] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.provider-card[b-qmvuc03jy8] {
    min-height: 100%;
}

.provider-list[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.provider-row[b-qmvuc03jy8] {
    border: 1px solid #d7dce2;
    border-radius: 10px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #ffffff;
}

.provider-name[b-qmvuc03jy8] {
    font-weight: 600;
    color: #1f2933;
}

.provider-status[b-qmvuc03jy8] {
    font-size: 0.85rem;
    font-weight: 600;
}

    .provider-status.status-ok[b-qmvuc03jy8] {
        color: #0f9155;
    }

    .provider-status.status-warn[b-qmvuc03jy8] {
        color: #c0392b;
    }

.provider-summary[b-qmvuc03jy8] {
    font-size: 0.85rem;
    color: #4b5563;
}

.provider-details[b-qmvuc03jy8] {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    color: #4b5563;
}

    .provider-details li[b-qmvuc03jy8] {
        display: flex;
        gap: 6px;
    }

    .provider-details span[b-qmvuc03jy8] {
        font-weight: 600;
    }

.domain-checker[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.domain-actions[b-qmvuc03jy8] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.domain-result[b-qmvuc03jy8] {
    border: 1px solid #d7dce2;
    border-radius: 10px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #f9fafc;
}

.domain-name[b-qmvuc03jy8] {
    font-weight: 600;
    color: #1f2933;
}

.domain-result ul[b-qmvuc03jy8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.85rem;
    color: #4b5563;
}

    .domain-result ul span[b-qmvuc03jy8] {
        font-weight: 600;
    }

.domain-placeholder[b-qmvuc03jy8] {
    font-size: 0.85rem;
    color: #6b7280;
    font-style: italic;
}

.test-col[b-qmvuc03jy8] {
    /*width: 25%;*/
    min-width: 300px;
}

.test-sender-grid[b-qmvuc03jy8] {
    /*display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));*/
}

.test-sender-actions[b-qmvuc03jy8] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: #6b7280;
}

.test-sender-controls[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.test-sender-buttons[b-qmvuc03jy8] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.background-send-config[b-qmvuc03jy8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 0.85rem;
    color: #4b5563;
}

    .background-send-config fluent-number-field[b-qmvuc03jy8] {
        width: 120px;
    }

.config-label[b-qmvuc03jy8] {
    font-weight: 600;
    color: #374151;
}

.config-hint[b-qmvuc03jy8] {
    font-style: italic;
    color: #6b7280;
}

.test-history[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .test-history h3[b-qmvuc03jy8] {
        margin: 0;
        font-size: 1rem;
        color: #1f2933;
    }

    .test-history ul[b-qmvuc03jy8] {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

.test-result[b-qmvuc03jy8] {
    display: grid;
    grid-template-columns: 120px 120px 80px 1fr;
    gap: 10px;
    align-items: center;
    font-size: 0.85rem;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

    .test-result.result-ok[b-qmvuc03jy8] {
        border-color: #b7e4c7;
        background: #f5fff8;
    }

    .test-result.result-fail[b-qmvuc03jy8] {
        border-color: #f5c2c7;
        background: #fff5f5;
    }

.result-time[b-qmvuc03jy8] {
    color: #4b5563;
}

.result-provider[b-qmvuc03jy8] {
    font-weight: 600;
    color: #1f2933;
}

.result-status[b-qmvuc03jy8] {
    font-weight: 600;
}

.result-message[b-qmvuc03jy8] {
    color: #374151;
}

.roadmap-grid[b-qmvuc03jy8] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.roadmap-item[b-qmvuc03jy8] {
    border: 1px dashed #b5c0d0;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #f8f9ff;
}

.roadmap-title[b-qmvuc03jy8] {
    font-weight: 600;
    color: #1f2933;
}

.roadmap-item p[b-qmvuc03jy8] {
    margin: 0;
    font-size: 0.9rem;
    color: #4b5563;
}

.activity-log[b-qmvuc03jy8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.activity-entry[b-qmvuc03jy8] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 12px;
    align-items: center;
    font-size: 0.85rem;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

    .activity-entry.activity-success[b-qmvuc03jy8] {
        border-color: #b7e4c7;
        background: #f5fff8;
    }

    .activity-entry.activity-warning[b-qmvuc03jy8] {
        border-color: #facc15;
        background: #fffbea;
    }

    .activity-entry.activity-error[b-qmvuc03jy8] {
        border-color: #f5c2c7;
        background: #fff5f5;
    }

    .activity-entry.activity-info[b-qmvuc03jy8] {
        border-color: #d1d5db;
        background: #f9fafb;
    }

.activity-time[b-qmvuc03jy8] {
    font-weight: 600;
    color: #1f2933;
}

.activity-message[b-qmvuc03jy8] {
    color: #374151;
}

.full-width[b-qmvuc03jy8] {
    width: 100%;
}

.telemetry-card .telemetry-grid[b-qmvuc03jy8] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.telemetry-panel[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .telemetry-panel h4[b-qmvuc03jy8] {
        margin: 0;
        font-size: 0.95rem;
        color: #1f2933;
        font-weight: 600;
    }

.telemetry-stats[b-qmvuc03jy8] {
    display: grid;
    gap: 8px;
}

    .telemetry-stats div[b-qmvuc03jy8] {
        display: grid;
        grid-template-columns: 120px 1fr;
        font-size: 0.85rem;
        align-items: center;
        gap: 8px;
    }

    .telemetry-stats dt[b-qmvuc03jy8] {
        font-weight: 600;
        color: #4b5563;
    }

    .telemetry-stats dd[b-qmvuc03jy8] {
        margin: 0;
        color: #1f2933;
    }

.stat-pill-row[b-qmvuc03jy8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.telemetry-channel .telemetry-gauge[b-qmvuc03jy8] {
    display: flex;
    justify-content: center;
}

.gauge-label[b-qmvuc03jy8] {
    font-size: 1.8rem;
    font-weight: 600;
    color: #1f2933;
}

.gauge-caption[b-qmvuc03jy8] {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #6b7280;
    margin-top: -6px;
}

.telemetry-gauge-meta[b-qmvuc03jy8] {
    display: grid;
    gap: 4px;
    font-size: 0.85rem;
}

    .telemetry-gauge-meta span[b-qmvuc03jy8] {
        color: #6b7280;
    }

    .telemetry-gauge-meta strong[b-qmvuc03jy8] {
        color: #1f2933;
    }

.telemetry-actions[b-qmvuc03jy8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.snapshot-timestamp[b-qmvuc03jy8] {
    font-size: 0.8rem;
    color: #6b7280;
}

.spark-summary[b-qmvuc03jy8] {
    display: flex;
    gap: 16px;
    font-size: 0.85rem;
}

    .spark-summary span[b-qmvuc03jy8] {
        display: block;
        color: #6b7280;
    }

    .spark-summary strong[b-qmvuc03jy8] {
        color: #1f2933;
        font-size: 1rem;
    }

.queue-card .queue-stat-grid[b-qmvuc03jy8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.queue-stat[b-qmvuc03jy8] {
    border: 1px solid #d7dce2;
    border-radius: 8px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #f9fbff;
}

    .queue-stat span[b-qmvuc03jy8] {
        font-size: 0.8rem;
        color: #6b7280;
        text-transform: uppercase;
    }

    .queue-stat strong[b-qmvuc03jy8] {
        font-size: 1.4rem;
        color: #1f2933;
    }

.queue-buckets[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.queue-bucket[b-qmvuc03jy8] {
    display: grid;
    grid-template-columns: 100px 1fr 50px;
    gap: 8px;
    align-items: center;
    font-size: 0.8rem;
    color: #4b5563;
}

.bucket-bar[b-qmvuc03jy8] {
    background: #edf2ff;
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

.bucket-fill[b-qmvuc03jy8] {
    height: 100%;
    background: linear-gradient(90deg, #5b7cfa, #7f9bff);
}

.bucket-count[b-qmvuc03jy8] {
    text-align: right;
    font-weight: 600;
    color: #1f2933;
}

.retry-pill-row[b-qmvuc03jy8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.queue-grid[b-qmvuc03jy8] {
    margin-top: 12px;
}

    .queue-grid .e-grid[b-qmvuc03jy8] {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
    }

.failures-card .failure-stat-grid[b-qmvuc03jy8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.failure-stat-grid div[b-qmvuc03jy8] {
    border: 1px solid #fcd9d7;
    border-radius: 8px;
    padding: 12px;
    background: #fff5f5;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.85rem;
}

.failure-stat-grid span[b-qmvuc03jy8] {
    color: #6b7280;
    text-transform: uppercase;
}

.failure-stat-grid strong[b-qmvuc03jy8] {
    font-size: 1.3rem;
    color: #b91c1c;
}

.failure-reasons ul[b-qmvuc03jy8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.failure-reasons li[b-qmvuc03jy8] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 0.85rem;
    background: #ffffff;
    color: #1f2933;
}

.reason-label[b-qmvuc03jy8] {
    flex: 1;
}

.reason-count[b-qmvuc03jy8] {
    font-weight: 600;
    color: #1f2933;
}

.delivery-table table[b-qmvuc03jy8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.delivery-table th[b-qmvuc03jy8],
.delivery-table td[b-qmvuc03jy8] {
    padding: 6px 8px;
    border-bottom: 1px solid #e5e7eb;
    text-align: left;
}

.delivery-table th[b-qmvuc03jy8] {
    font-weight: 600;
    color: #4b5563;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.delivery-table td[b-qmvuc03jy8] {
    color: #1f2933;
}

.funnel-card .funnel-chart[b-qmvuc03jy8] {
    margin-bottom: 16px;
}

.funnel-card .e-chart[b-qmvuc03jy8] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px;
    background: #ffffff;
}

.funnel-summary[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.funnel-row[b-qmvuc03jy8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
}

.funnel-campaign[b-qmvuc03jy8] {
    font-weight: 600;
    color: #1f2933;
}

.funnel-count[b-qmvuc03jy8] {
    font-size: 0.85rem;
    color: #6b7280;
}

.safety-table[b-qmvuc03jy8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    margin-top: 8px;
}

    .safety-table th[b-qmvuc03jy8],
    .safety-table td[b-qmvuc03jy8] {
        padding: 8px 10px;
        border-bottom: 1px solid #e5e7eb;
    }

    .safety-table th[b-qmvuc03jy8] {
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.05em;
        color: #6b7280;
    }

    .safety-table td[b-qmvuc03jy8] {
        color: #1f2933;
    }

.safety-card .metric-empty[b-qmvuc03jy8] {
    margin-top: 12px;
}


.pacing-card .pacing-body[b-qmvuc03jy8] {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.pacing-card .pacing-meta[b-qmvuc03jy8] {
    display: grid;
    gap: 10px;
    font-size: 0.85rem;
}

    .pacing-card .pacing-meta span[b-qmvuc03jy8] {
        color: #6b7280;
        text-transform: uppercase;
        font-size: 0.75rem;
    }

.pacing-badges[b-qmvuc03jy8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.pacing-countdown[b-qmvuc03jy8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 600;
    color: #1f2933;
}

    .pacing-countdown span[b-qmvuc03jy8] {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: #6b7280;
    }

.retry-card .retry-chart[b-qmvuc03jy8] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}

.retry-summary[b-qmvuc03jy8] {
    font-size: 0.9rem;
    color: #4b5563;
    text-align: center;
}

.heatmap-grid[b-qmvuc03jy8] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.heatmap-cell[b-qmvuc03jy8] {
    border: 1px solid rgba(91, 124, 250, 0.25);
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #1f2933;
    box-shadow: inset 0 0 12px rgba(91, 124, 250, 0.08);
    transition: transform 0.2s ease;
}

    .heatmap-cell:hover[b-qmvuc03jy8] {
        transform: translateY(-2px);
    }

.heatmap-label[b-qmvuc03jy8] {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.05em;
}

.heatmap-count[b-qmvuc03jy8] {
    font-size: 1.6rem;
    font-weight: 600;
}

.heatmap-percent[b-qmvuc03jy8] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
}


/* /Domain/Blastmail/Pages/Segments.razor.rz.scp.css */
.segments-page[b-jqpynf6nfs] {
    padding: 10px;
    height: calc(100vh - 155px);
    overflow-y: auto;
}

.segments-loading[b-jqpynf6nfs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--neutral-layer-1-text-color, #444);
}

.segments-layout[b-jqpynf6nfs] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 1.5rem;
    height: calc(100vh - 160px);
}
.segments-list-card[b-jqpynf6nfs] {
    padding: 15px !important;
}
.segments-list-card[b-jqpynf6nfs],
.segments-editor-card[b-jqpynf6nfs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.segments-card-header[b-jqpynf6nfs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.segments-card-header h2[b-jqpynf6nfs] {
    margin: 0;
    font-size: 1.2rem;
}

.segments-card-header small[b-jqpynf6nfs] {
    display: block;
    color: var(--neutral-layer-1-text-color-secondary, #666);
}
.padd6[b-jqpynf6nfs] {
    padding: 6px;
}
.segments-empty[b-jqpynf6nfs] {
    padding: 1rem;
    border: 1px dashed var(--neutral-stroke-strong, #c8c6c4);
    border-radius: 6px;
    text-align: center;
    color: var(--neutral-layer-1-text-color-secondary, #666);
}
.smmsm[b-jqpynf6nfs] {
    font-size: .7em;
}
.segments-list-items[b-jqpynf6nfs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.segments-list-item[b-jqpynf6nfs] {
    background-color:#f0f0f0;
    border: 1px solid #dadada;
    padding: 5px;
    box-shadow: 0px 0px 5px #00000026;
    border-radius: 8px;
}

.segments-list-item-name[b-jqpynf6nfs] {
    font-size: .8em;
    font-weight: 600;
}

.segments-list-item-active[b-jqpynf6nfs] {
    background-color: var(--accent-fill-rest, #2563eb);
    color: #fff;
}

.segments-editor-grid[b-jqpynf6nfs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.simple-list-section[b-jqpynf6nfs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.simple-list-search[b-jqpynf6nfs] {
    display: flex;
    gap: 0.75rem;
    align-items: end;
}

.simple-list-results[b-jqpynf6nfs],
.simple-list-selected[b-jqpynf6nfs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.simple-list-result[b-jqpynf6nfs],
.simple-list-chip[b-jqpynf6nfs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid var(--neutral-stroke-strong, #c8c6c4);
    border-radius: 6px;
    gap: 0.75rem;
}

.simple-list-result .result-name[b-jqpynf6nfs],
.simple-list-chip strong[b-jqpynf6nfs] {
    font-weight: 600;
}

.rule-builder[b-jqpynf6nfs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rule-list[b-jqpynf6nfs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.rule-row[b-jqpynf6nfs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
    align-items: end;
}

.rule-help[b-jqpynf6nfs] {
    padding: 0.75rem;
    border: 1px solid var(--neutral-stroke-strong, #c8c6c4);
    border-radius: 6px;
    color: var(--neutral-layer-1-text-color-secondary, #666);
}

.segments-actions[b-jqpynf6nfs] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    background-color: #f0f0f0;
    padding: 10px 0px;
    margin-bottom: 20px;
}

.segments-delete[b-jqpynf6nfs] {
    margin-left: auto;
}

.segments-preview[b-jqpynf6nfs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-strong, #c8c6c4);
    border-radius: 6px;
}

.preview-metrics[b-jqpynf6nfs] {
    display: flex;
    gap: 2rem;
}

.preview-metrics .metric-value[b-jqpynf6nfs] {
    font-size: 1.3rem;
    font-weight: 600;
}

.preview-list ul[b-jqpynf6nfs] {
    padding-left: 1.1rem;
    margin: 0;
    display: grid;
    gap: 0.25rem;
}

@media (max-width: 1024px) {
    .segments-layout[b-jqpynf6nfs] {
        grid-template-columns: 1fr;
    }
}
.premium-rule-inputs[b-jqpynf6nfs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    align-items: end;
}

/* /Domain/Blastmail/Pages/SendSimpleBlast.razor.rz.scp.css */
.simple-blast-page[b-0k7wqh4nw4] {
    padding: 10px;
    height: calc(100vh - 155px);
    overflow-y: auto;
}

.simple-blast-content[b-0k7wqh4nw4] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-loading[b-0k7wqh4nw4] {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--neutral-foreground-hint, #666);
}

.simple-blast-layout[b-0k7wqh4nw4] {
    display: grid;
    grid-template-columns: minmax(320px, 460px) minmax(420px, 1fr);
    gap: 24px;
    align-items: start;
}

.config-section[b-0k7wqh4nw4],
.status-section[b-0k7wqh4nw4] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.config-card[b-0k7wqh4nw4],
.test-card[b-0k7wqh4nw4],
.job-card[b-0k7wqh4nw4],
.test-results-card[b-0k7wqh4nw4] {
    padding: 20px;
    border-radius: 16px;
}

.card-header[b-0k7wqh4nw4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.card-header h2[b-0k7wqh4nw4],
.card-header h3[b-0k7wqh4nw4] {
    margin: 0;
}
.vspacer[b-0k7wqh4nw4] {
    height: 20px;
}
.card-header p[b-0k7wqh4nw4] {
    margin: 4px 0 0;
    color: var(--neutral-foreground-hint, #666);
}

.form-grid[b-0k7wqh4nw4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    /*gap: 5px;
    margin-bottom: 10px;*/
}
    .form-grid > *:nth-child(2n)[b-0k7wqh4nw4] {
        margin-bottom: 10px;
        padding-bottom: 10px;
        gap: 10px !important;
    }
.form-actions[b-0k7wqh4nw4] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.metrics-grid[b-0k7wqh4nw4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
}

.metric-card[b-0k7wqh4nw4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px;
    border-radius: 14px;
}

.metric-label[b-0k7wqh4nw4] {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.08em;
    color: var(--neutral-foreground-hint, #888);
}

.metric-value[b-0k7wqh4nw4] {
    font-size: 26px;
    font-weight: 600;
}

.metric-card.placeholder small[b-0k7wqh4nw4] {
    color: var(--neutral-foreground-hint, #777);
}

.job-table[b-0k7wqh4nw4] {
    width: 100%;
    border-collapse: collapse;
}

.job-table th[b-0k7wqh4nw4] {
    text-align: left;
    padding: 10px 12px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--neutral-foreground-hint, #777);
    border-bottom: 1px solid var(--surface-stroke-color-default, #e0e0e0);
}

.job-table td[b-0k7wqh4nw4] {
    padding: 12px;
    border-bottom: 1px solid var(--surface-stroke-color-default, #e5e5e5);
    vertical-align: top;
}

.job-title[b-0k7wqh4nw4] {
    font-weight: 600;
}

.job-state-badge[b-0k7wqh4nw4] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.job-state-Queued[b-0k7wqh4nw4] {
    background: #f1f3ff;
    color: #3949ab;
}

.job-state-Running[b-0k7wqh4nw4] {
    background: #e8f4ff;
    color: #0b6efd;
}

.job-state-Completed[b-0k7wqh4nw4] {
    background: #e5f9ed;
    color: #1b7f3f;
}

.job-state-Failed[b-0k7wqh4nw4] {
    background: #fdecea;
    color: #c62828;
}

.job-state-Cancelled[b-0k7wqh4nw4] {
    background: #fff4da;
    color: #b26a00;
}

.job-highlight[b-0k7wqh4nw4] {
    background: rgba(11, 110, 253, 0.08);
}

.empty-message[b-0k7wqh4nw4] {
    padding: 28px;
    text-align: center;
    color: var(--neutral-foreground-hint, #777);
}

.preview-panel[b-0k7wqh4nw4] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.preview-header[b-0k7wqh4nw4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.preview-loading[b-0k7wqh4nw4] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--neutral-foreground-hint, #777);
}

.preview-content[b-0k7wqh4nw4] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
    background: var(--neutral-fill-stealth-rest, #fafafa);
    border: 1px solid var(--surface-stroke-color-default, #e5e5e5);
    border-radius: 12px;
    padding: 16px;
    max-height: 380px;
    overflow: hidden;
}

.preview-html[b-0k7wqh4nw4],
.preview-text[b-0k7wqh4nw4] {
    background: #fff;
    border-radius: 10px;
    border: 1px solid var(--surface-stroke-color-default, #e0e0e0);
    padding: 14px;
    overflow: auto;
}

.preview-text[b-0k7wqh4nw4] {
    margin: 0;
    white-space: pre-wrap;
    font-size: 13px;
    color: #444;
}

.test-history[b-0k7wqh4nw4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.test-result[b-0k7wqh4nw4] {
    padding: 14px;
    border-radius: 10px;
    border: 1px solid var(--surface-stroke-color-default, #e0e0e0);
    background: var(--neutral-fill-stealth-rest, #fafafa);
}

.test-result.result-success[b-0k7wqh4nw4] {
    border-color: #b8e6c5;
    background: #f2fbf5;
}

.test-result.result-failure[b-0k7wqh4nw4] {
    border-color: #f4c7c3;
    background: #fff5f4;
}

.result-header[b-0k7wqh4nw4] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--neutral-foreground-hint, #777);
}

.result-header strong[b-0k7wqh4nw4] {
    color: var(--neutral-foreground-rest, #333);
}

.test-result p[b-0k7wqh4nw4] {
    margin: 6px 0 0;
    color: var(--neutral-foreground-rest, #333);
}

@media (max-width: 1100px) {
    .simple-blast-layout[b-0k7wqh4nw4] {
        grid-template-columns: 1fr;
    }


    .preview-content[b-0k7wqh4nw4] {
        grid-template-columns: 1fr;
    }
}
.debug-section[b-0k7wqh4nw4] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 16px;
    font-size: 0.875rem;
}

    .debug-section h5[b-0k7wqh4nw4] {
        margin: 0 0 8px 0;
        color: #495057;
        font-size: 0.9rem;
    }

.merge-fields-info p[b-0k7wqh4nw4] {
    margin: 4px 0;
    line-height: 1.4;
}

.merge-fields-info strong[b-0k7wqh4nw4] {
    color: #212529;
}
/* /Domain/Blastmail/Pages/Settings.razor.rz.scp.css */
.blastmail-settings-page[b-7xv0cuefoj] {
    padding: 10px;
    height: calc(100vh - 155px);
    overflow-y: auto;
}

.page-loading[b-7xv0cuefoj] {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--neutral-foreground-hint, #666);
}

.settings-grid[b-7xv0cuefoj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 24px;
    align-items: start;
}

.settings-card[b-7xv0cuefoj] {
    padding: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card-header[b-7xv0cuefoj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.card-header h2[b-7xv0cuefoj] {
    margin: 0;
}

.card-header p[b-7xv0cuefoj] {
    margin: 4px 0 0;
    color: var(--neutral-foreground-hint, #666);
}

.form-grid[b-7xv0cuefoj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.form-actions[b-7xv0cuefoj] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.brand-list[b-7xv0cuefoj] {
    margin-top: 12px;
}

.brand-table[b-7xv0cuefoj] {
    width: 100%;
    border-collapse: collapse;
    border-radius: 12px;
    overflow: hidden;
}

.brand-table thead[b-7xv0cuefoj] {
    background: var(--neutral-fill-stealth-rest, #f5f5f5);
}

.brand-table th[b-7xv0cuefoj] {
    text-align: left;
    padding: 12px 16px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--neutral-foreground-hint, #777);
}

.brand-table td[b-7xv0cuefoj] {
    padding: 14px 16px;
    border-top: 1px solid var(--surface-stroke-color-default, #e5e5e5);
    vertical-align: top;
}

.brand-table tr.brand-default[b-7xv0cuefoj] {
    background: rgba(11, 110, 253, 0.06);
}

.brand-address[b-7xv0cuefoj] {
    margin-top: 6px;
    font-size: 12px;
    color: var(--neutral-foreground-hint, #666);
    line-height: 1.4;
    white-space: pre-line;
}

.tag[b-7xv0cuefoj] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    background: var(--neutral-fill-stealth-rest, #f0f0f0);
    color: var(--neutral-foreground-rest, #444);
}

.tag-default[b-7xv0cuefoj] {
    background: rgba(11, 110, 253, 0.12);
    color: #0b6efd;
    font-weight: 600;
}

.brand-list .actions[b-7xv0cuefoj] {
    text-align: right;
}

.empty-state[b-7xv0cuefoj] {
    padding: 24px;
    text-align: center;
    color: var(--neutral-foreground-hint, #777);
    border: 1px dashed var(--surface-stroke-color-default, #dcdcdc);
    border-radius: 12px;
    background: var(--neutral-fill-stealth-rest, #fafafa);
}
.form-toggles[b-7xv0cuefoj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

    .form-toggles fluent-checkbox[b-7xv0cuefoj] {
        align-items: flex-start;
    }
@media (max-width: 900px) {
    .settings-grid[b-7xv0cuefoj] {
        grid-template-columns: 1fr;
    }
}
/* /Domain/Blastmail/Pages/TemplateDesigner.razor.rz.scp.css */
.template-designer-page[b-mx9oxgpw83] {
    padding: 10px;
    height: calc(100vh - 155px);
    overflow-y: auto;
}

.template-designer-grid[b-mx9oxgpw83] {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    align-items: start;
}

.template-list-panel[b-mx9oxgpw83],
.template-editor-panel[b-mx9oxgpw83] {
    background: var(--neutral-layer-1, #fff);
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(37, 43, 68, 0.08);
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.panel-header[b-mx9oxgpw83] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.panel-header h2[b-mx9oxgpw83] {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

.panel-header p[b-mx9oxgpw83] {
    margin: 4px 0 0;
    color: var(--neutral-foreground-3, #6b7280);
    font-size: 14px;
}

.list-toolbar[b-mx9oxgpw83] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.panel-loading[b-mx9oxgpw83],
.panel-empty[b-mx9oxgpw83],
.editor-empty[b-mx9oxgpw83] {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 12px;
    color: var(--neutral-foreground-3, #6b7280);
}

.panel-empty h4[b-mx9oxgpw83],
.editor-empty h3[b-mx9oxgpw83] {
    margin: 0;
}

.template-grid[b-mx9oxgpw83] {
    --fluent-data-grid-row-height: 72px;
}

.template-name-cell[b-mx9oxgpw83] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.template-name-cell strong[b-mx9oxgpw83] {
    font-size: 15px;
    font-weight: 600;
    color: var(--neutral-foreground-1, #111827);
}

.template-brand[b-mx9oxgpw83] {
    font-size: 13px;
    color: var(--neutral-foreground-3, #6b7280);
}

.template-meta[b-mx9oxgpw83] {
    display: flex;
    gap: 12px;
    font-size: 12px;
    color: var(--neutral-foreground-3, #6b7280);
}

.active-editor-pill[b-mx9oxgpw83] {
    background: var(--accent-fill-rest, #2563eb);
    color: #fff;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge[b-mx9oxgpw83] {
    background: var(--accent-fill-subtle, rgba(37, 99, 235, 0.12));
    color: var(--accent-fill-rest, #2563eb);
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 13px;
}

.editor-header[b-mx9oxgpw83] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.editor-header h2[b-mx9oxgpw83] {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.editor-header p[b-mx9oxgpw83] {
    margin: 4px 0 0;
    color: var(--neutral-foreground-3, #6b7280);
}

.editor-actions[b-mx9oxgpw83] {
    display: flex;
    gap: 8px;
}

.editor-form[b-mx9oxgpw83] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row[b-mx9oxgpw83] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.merge-field-toolbar[b-mx9oxgpw83] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.merge-field-pill-group[b-mx9oxgpw83] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    max-height: 72px;
    overflow-y: auto;
}

.merge-field-pill[b-mx9oxgpw83] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--neutral-layer-2, #f4f4f5);
    font-size: 12px;
    color: var(--neutral-foreground-2, #374151);
}

.merge-field-placeholder[b-mx9oxgpw83] {
    color: var(--neutral-foreground-3, #9ca3af);
    font-size: 13px;
}

.menu-group-label[b-mx9oxgpw83] {
    font-weight: 600;
    font-size: 12px;
    color: var(--neutral-foreground-2, #4b5563);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 8px;
    display: inline-block;
}

.menu-field-token[b-mx9oxgpw83] {
    color: var(--neutral-foreground-3, #6b7280);
    font-size: 12px;
    margin-left: 12px;
}

.editor-shell[b-mx9oxgpw83] {
    border: 1px solid var(--neutral-stroke-1, #e5e7eb);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

.editor-meta[b-mx9oxgpw83] {
    display: flex;
    gap: 24px;
    font-size: 13px;
    color: var(--neutral-foreground-3, #6b7280);
}

.meta-label[b-mx9oxgpw83] {
    font-weight: 200;
    margin-right: 6px;
    font-size: .5em;
    max-width:100px;
    overflow: hidden;
    color: var(--neutral-foreground-2, #4b5563);
}

.dialog-body[b-mx9oxgpw83] {
    padding: 12px 4px 0;
}

@media (max-width: 1200px) {
    .template-designer-grid[b-mx9oxgpw83] {
        grid-template-columns: 1fr;
    }
}
.template-list[b-mx9oxgpw83] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.template-card[b-mx9oxgpw83] {
    border: 1px solid var(--neutral-stroke-1, #e5e7eb);
    border-radius: 12px;
    padding: 8px;
    background: var(--neutral-layer-1, #fff);
    display: flex;
    flex-direction: column;
    gap: 3px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.template-card.is-active[b-mx9oxgpw83] {
    border-color: var(--accent-fill-rest, #2563eb);
    background: var(--accent-fill-subtle, rgba(37, 99, 235, 0.08));
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.18);
}

.template-card-header[b-mx9oxgpw83] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;

}
.template-card-header .badge[b-mx9oxgpw83] {
    white-space: nowrap;
}

.template-card-title[b-mx9oxgpw83] {
    flex: 1;
}

.template-card-meta[b-mx9oxgpw83] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    color: var(--neutral-foreground-3, #6b7280);
}

.template-card-meta .meta-item[b-mx9oxgpw83] {
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.template-card-meta .meta-label[b-mx9oxgpw83] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--neutral-foreground-2, #4b5563);
}

.template-card-actions[b-mx9oxgpw83] {
    display: flex;
    gap: 8px;
    margin-top: 4px;
    flex-wrap: wrap;
}
.merge-field-picker[b-mx9oxgpw83] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}
.brand-row[b-mx9oxgpw83] {
    grid-template-columns: minmax(260px, 1fr) auto;
    align-items: end;
}

.brand-actions[b-mx9oxgpw83] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.brand-actions .brand-warning[b-mx9oxgpw83] {
    font-size: 12px;
    color: #c62828;
}
/* /Domain/Carriers/Components/CarrierCreate.razor.rz.scp.css */
.carrier-create-grid[b-242mnl8grb] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 1.5rem;
    align-items: flex-start;
}

.carrier-directory-card[b-242mnl8grb] {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.carrier-directory-card .lookup-progress[b-242mnl8grb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--neutral-foreground-rest);
}

.directory-card-header[b-242mnl8grb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.directory-card-header h2[b-242mnl8grb] {
    margin: 0;
    font-size: 1.1rem;
}

.directory-help[b-242mnl8grb] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

.carrier-suggestions[b-242mnl8grb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.carrier-suggestion[b-242mnl8grb] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.carrier-suggestion:hover:not(:disabled)[b-242mnl8grb],
.carrier-suggestion:focus-visible[b-242mnl8grb] {
    border-color: var(--accent-stroke-control-default);
    background-color: var(--neutral-layer-floating);
}

.carrier-suggestion:disabled[b-242mnl8grb] {
    opacity: 0.6;
    cursor: not-allowed;
}

.suggestion-name[b-242mnl8grb] {
    font-weight: 600;
}

.suggestion-meta[b-242mnl8grb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.directory-empty[b-242mnl8grb] {
    padding: 0.5rem 0;
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
}

@media (max-width: 900px) {
    .carrier-create-grid[b-242mnl8grb] {
        grid-template-columns: 1fr;
    }

    .carrier-directory-card[b-242mnl8grb] {
        position: static;
        max-height: none;
    }
}
/* /Domain/Carriers/Components/CarrierPicker.razor.rz.scp.css */
.carrier-picker[b-tcxqhdhxpu] {
    display: flex;
    flex-direction: column;
    height: 544px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.picker-layout[b-tcxqhdhxpu] {
    display: flex;
    flex: 1;
    min-height: 0;
}

/* Left Panel - Carriers List */
.carriers-list-panel[b-tcxqhdhxpu] {
    width: 350px;
    border-right: 1px solid #e1e1e1;
    display: flex;
    flex-direction: column;
}

.carriers-header[b-tcxqhdhxpu] {
    padding: 12px 16px;
    border-bottom: 1px solid #e1e1e1;
    background: #f8f9fa;
}

.carriers-header h3[b-tcxqhdhxpu] {
    margin: 0 0 2px 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #323130;
}

.results-count[b-tcxqhdhxpu] {
    font-size: 0.85rem;
    color: #666;
}

.filter-indicator[b-tcxqhdhxpu] {
    color: #0078d4;
    font-weight: 500;
    margin-left: 4px;
}

.carriers-scroll[b-tcxqhdhxpu] {
    flex: 1;
    overflow-y: auto;
    padding: 4px 0;
}

.carrier-item[b-tcxqhdhxpu] {
    padding: 8px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3;
    transition: background-color 0.2s ease;
}

.carrier-item:hover[b-tcxqhdhxpu] {
    background-color: #f8f9fa;
}

.carrier-item.selected[b-tcxqhdhxpu] {
    background-color: #e3f2fd;
    border-left: 4px solid #0078d4;
}

.carrier-name[b-tcxqhdhxpu] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.carrier-type-indicator[b-tcxqhdhxpu] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
    flex-shrink: 0;
}

.carrier-type-indicator.carrier[b-tcxqhdhxpu] {
    background-color: #0078d4;
}

.carrier-type-indicator.wholesaler[b-tcxqhdhxpu] {
    background-color: #107c10;
}

.carrier-name .name[b-tcxqhdhxpu] {
    font-weight: 500;
    color: #323130;
    line-height: 1.3;
}

.carrier-nickname[b-tcxqhdhxpu] {
    font-size: 0.85rem;
    color: #666;
    margin-top: 2px;
    margin-left: 28px;
}

.specialty-indicator[b-tcxqhdhxpu] {
    color: #ff8c00;
    font-size: 0.9rem;
    margin-left: 4px;
}

.product-notes[b-tcxqhdhxpu] {
    font-size: 0.8rem;
    color: #666;
    margin-top: 3px;
    margin-left: 28px;
    font-style: italic;
}

.no-results[b-tcxqhdhxpu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #666;
    text-align: center;
}

.no-results p[b-tcxqhdhxpu] {
    margin: 8px 0 0 0;
    font-size: 0.9rem;
}

/* Right Panel - Filters and Info */
.filters-info-panel[b-tcxqhdhxpu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 16px;
    overflow-y: auto;
}

.filters-section[b-tcxqhdhxpu] {
    margin-bottom: 16px;
}

.filters-section h4[b-tcxqhdhxpu] {
    margin: 0 0 12px 0;
    font-size: 1rem;
    font-weight: 600;
    color: #323130;
}

/* Filters Grid Layout */
.filters-grid[b-tcxqhdhxpu] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px 12px;
    margin-bottom: 12px;
}

/* First row - 2 columns */
.filters-grid .filter-group:nth-child(1)[b-tcxqhdhxpu],
.filters-grid .filter-group:nth-child(2)[b-tcxqhdhxpu] {
    grid-column: span 2;
}

/* Second row - 4 items in 4 columns */
.filters-grid .filter-group:nth-child(3)[b-tcxqhdhxpu],
.filters-grid .filter-group:nth-child(4)[b-tcxqhdhxpu],
.filters-grid .filter-group:nth-child(5)[b-tcxqhdhxpu],
.filters-grid .filter-group:nth-child(6)[b-tcxqhdhxpu] {
    grid-column: span 1;
}

.filter-group[b-tcxqhdhxpu] {
    margin-bottom: 0;
}

.filter-group label[b-tcxqhdhxpu] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #323130;
}

.checkbox-group[b-tcxqhdhxpu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.checkbox-group fluent-checkbox[b-tcxqhdhxpu] {
    font-size: 0.85rem;
}

.states-grid[b-tcxqhdhxpu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 8px;
}

/* Carrier Info Section */
.carrier-info-section[b-tcxqhdhxpu] {
    flex: 1;
}

.carrier-info-section h4[b-tcxqhdhxpu] {
    margin: 0 0 6px 0;
    font-size: 1rem;
    font-weight: 600;
    color: #323130;
    border-top: 1px solid #e1e1e1;
    padding-top: 0px;
}

.info-card[b-tcxqhdhxpu] {
    background: #f8f9fa;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    padding: 16px;
}

.info-header[b-tcxqhdhxpu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.info-header h5[b-tcxqhdhxpu] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #323130;
}

.carrier-type[b-tcxqhdhxpu] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
}

.carrier-type.carrier[b-tcxqhdhxpu] {
    background-color: #0078d4;
}

.carrier-type.wholesaler[b-tcxqhdhxpu] {
    background-color: #107c10;
}

.notes-section[b-tcxqhdhxpu],
.appetite-section[b-tcxqhdhxpu],
.products-section[b-tcxqhdhxpu],
.contacts-section[b-tcxqhdhxpu] {
    margin-bottom: 16px;
}

.notes-section h6[b-tcxqhdhxpu],
.appetite-section h6[b-tcxqhdhxpu],
.products-section h6[b-tcxqhdhxpu],
.contacts-section h6[b-tcxqhdhxpu] {
    margin: 0 0 8px 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #323130;
}

.notes-section p[b-tcxqhdhxpu],
.appetite-section p[b-tcxqhdhxpu] {
    margin: 0;
    font-size: 0.85rem;
    color: #666;
    line-height: 1.4;
}

.product-list[b-tcxqhdhxpu] {
   
}
#first-column[b-tcxqhdhxpu] {
    flex: 1;
}
#second-column[b-tcxqhdhxpu] {
    flex: 1;
}
#third-column[b-tcxqhdhxpu] {
    flex: 1;
}
.product-item[b-tcxqhdhxpu] {
    padding: 5px 10px;
    background: white;
    border-radius: 20px;
    font-size: 0.75rem;
    background-color: #898989;
    margin:7px;
    text-wrap: nowrap;
}

.product-item.specialty[b-tcxqhdhxpu] {
    border-left: 3px solid #ff8c00;
    background: #fff8f0;
}

.product-item .product-name[b-tcxqhdhxpu] {
    font-weight: 500;
    color: #fff;
}

.specialty-badge[b-tcxqhdhxpu] {
    display: inline-block;
    background: #ff8c00;
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
    margin-left: 8px;
}

.product-item-notes[b-tcxqhdhxpu] {
    margin-top: 4px;
    font-size: 0.8rem;
    color: #666;
    font-style: italic;
}

.relationships-section[b-tcxqhdhxpu] {
    margin-bottom: 16px;
}

.relationships-section h6[b-tcxqhdhxpu] {
    margin: 0 0 8px 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #323130;
    display: flex;
    align-items: center;
    gap: 6px;
}

.relationship-icon[b-tcxqhdhxpu] {
    font-size: 1rem;
}

.relationship-list[b-tcxqhdhxpu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.relationship-item[b-tcxqhdhxpu] {
    background: white;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 8px 10px;
}

.relationship-name[b-tcxqhdhxpu] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    color: #323130;
}

.carrier-indicator[b-tcxqhdhxpu],
.wholesaler-indicator[b-tcxqhdhxpu] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 600;
    color: white;
    flex-shrink: 0;
}

.carrier-indicator[b-tcxqhdhxpu] {
    background-color: #0078d4;
}

.wholesaler-indicator[b-tcxqhdhxpu] {
    background-color: #107c10;
}

.relationship-notes[b-tcxqhdhxpu] {
    font-size: 0.75rem;
    color: #666;
    margin-top: 4px;
    font-style: italic;
    margin-left: 22px;
}

.no-relationships[b-tcxqhdhxpu] {
    font-size: 0.8rem;
    color: #888;
    font-style: italic;
    padding: 8px 0;
}

.contact-item[b-tcxqhdhxpu] {
    margin-bottom: 8px;
    padding: 8px;
    background: white;
    border-radius: 4px;
    font-size: 0.85rem;
}

.contact-item strong[b-tcxqhdhxpu] {
    color: #323130;
}

.contact-item div[b-tcxqhdhxpu] {
    color: #666;
    margin-top: 2px;
}

.quick-actions[b-tcxqhdhxpu] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Action Bar */
.action-bar[b-tcxqhdhxpu] {
    padding: 12px 16px;
    border-top: 1px solid #e1e1e1;
    background: #f8f9fa;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter-item[b-tcxqhdhxpu] {
    flex: 1;
}

.first-filter-row[b-tcxqhdhxpu] {

}
.second-filter-row[b-tcxqhdhxpu] {
    margin-top:5px;
    padding-top:5px;
}
.shrink-btn[b-tcxqhdhxpu] {

}
/* Responsive adjustments */
@media (max-width: 1200px) {
    .filters-grid[b-tcxqhdhxpu] {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    
    /* All items take full width on smaller screens */
    .filters-grid .filter-group:nth-child(1)[b-tcxqhdhxpu],
    .filters-grid .filter-group:nth-child(2)[b-tcxqhdhxpu],
    .filters-grid .filter-group:nth-child(3)[b-tcxqhdhxpu],
    .filters-grid .filter-group:nth-child(4)[b-tcxqhdhxpu],
    .filters-grid .filter-group:nth-child(5)[b-tcxqhdhxpu],
    .filters-grid .filter-group:nth-child(6)[b-tcxqhdhxpu] {
        grid-column: span 1;
    }
}

@media (max-width: 768px) {
    .carrier-picker[b-tcxqhdhxpu] {
        height: 500px;
    }
    
    .carriers-list-panel[b-tcxqhdhxpu] {
        width: 300px;
    }
    
    .filters-info-panel[b-tcxqhdhxpu] {
        padding: 12px;
    }
    
    .filters-grid[b-tcxqhdhxpu] {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    /* All items take full width on mobile */
    .filters-grid .filter-group:nth-child(1)[b-tcxqhdhxpu],
    .filters-grid .filter-group:nth-child(2)[b-tcxqhdhxpu],
    .filters-grid .filter-group:nth-child(3)[b-tcxqhdhxpu],
    .filters-grid .filter-group:nth-child(4)[b-tcxqhdhxpu],
    .filters-grid .filter-group:nth-child(5)[b-tcxqhdhxpu],
    .filters-grid .filter-group:nth-child(6)[b-tcxqhdhxpu] {
        grid-column: span 1;
    }
    
    .states-grid[b-tcxqhdhxpu] {
        grid-template-columns: 1fr;
    }
} 
/* /Domain/Carriers/Components/View.razor.rz.scp.css */
.carrier-content[b-rgv8p7gipy] {
    padding-bottom: 20px;
}

.sf-header[b-rgv8p7gipy] {
    display: flex;
    justify-content: normal;
    flex-direction: row;
    /*background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 100%);*/
    background-color: #ffffff7e;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.client-header[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 2.5em;
    flex: 2;
    line-height: 30px;
}

    .client-header h1[b-rgv8p7gipy] {
        font-family: "montserrat", sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 2.5em;
        margin-bottom: 20px;
    }

.client-header-2[b-rgv8p7gipy] {
    flex: 1;
}

.client-header-3[b-rgv8p7gipy] {
    flex: 1;
    line-height: 20px;
    text-align: right;
    align-content: center;
}

.client-address[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: .5em;
}

.m-h3[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 2em;
    color: #a7a7a7;
    margin-bottom: 10px;
}

.carrier-contacts[b-rgv8p7gipy] {
    font-size: .8em;
    width: 100%;
}

.logo-box[b-rgv8p7gipy] {
    flex: 0 0 auto;
}

    .logo-box img[b-rgv8p7gipy] {
        max-height: 70px !important;
    }

.sfc-top[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    z-index: 300;
    padding-bottom: 10px;
}

.sfc-header-col-name[b-rgv8p7gipy] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 200px;
    max-width: 50%;
    margin-left: 16px;
    flex: 1;
}

.sfc-header-col-phone[b-rgv8p7gipy] {
    margin-left: auto;
}

.client-phone[b-rgv8p7gipy] {
    float: right;
}

.client-phonenumber[b-rgv8p7gipy] {
    font-weight: 300;
    font-style: normal;
    font-size: 2.5em;
    position: relative;
    top: -10px;
    left: -5px;
    color: #8d8d8d;
}

.div-section[b-rgv8p7gipy] {
    padding: 10px;
    border-left: 5px solid #ccc;
    background-color: #ffffff43;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0px 3px 8px #ccc;
}

.carrier-sections-stack[b-rgv8p7gipy] {
    width: 100%;
}

.carrier-section-card[b-rgv8p7gipy] {
    flex: 1 1 320px;
    min-width: 300px;
    background: rgba(255, 255, 255, 0.23);
    border-radius: 24px;
    padding: 10px 15px;
    box-shadow: 0 15px 40px rgba(52, 59, 89, 0.08);
    display: flex;
    flex-direction: column;
}

.carrier-section-card .txt-section[b-rgv8p7gipy] {
    margin-bottom: 4px;
}

.carrier-logo[b-rgv8p7gipy] {
    width: 100%;
    border-radius: 16px;
    margin-bottom: 12px;
}

.carrier-section-actions[b-rgv8p7gipy] {
    position: relative;
    top: 17px;
    left:-5px;
}

.carrier-tools-panel[b-rgv8p7gipy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
}

.carrier-tool-group[b-rgv8p7gipy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.carrier-tool-group-title[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    color: #4a5063;
}

.agent-action-buttons-container[b-rgv8p7gipy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    padding: 12px;
    background: #d9d9d9;
    border-radius: 18px;
    box-shadow: inset 2px 2px 10px rgba(33, 33, 53, 0.15);
}

.carrier-tool-buttons[b-rgv8p7gipy] {
    padding: 12px 10px;
}

.agent-action-btn[b-rgv8p7gipy] {
    background: linear-gradient(135deg, #ffffff 0%, #f7f9ff 100%);
    border: 1px solid rgba(4, 115, 206, 0.25);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px;
    border-radius: 16px;
    color: #0473ce;
    font-family: "Segoe UI", sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(4, 115, 206, 0.15);
    position: relative;
    overflow: hidden;
    text-decoration: none;
    min-height: 50px;
}

.agent-action-btn[b-rgv8p7gipy]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(4, 115, 206, 0.12), transparent);
    transition: left 0.5s ease;
}

.agent-action-btn:hover[b-rgv8p7gipy]::before {
    left: 100%;
}

.agent-action-btn:hover[b-rgv8p7gipy] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(4, 115, 206, 0.3);
}

.agent-btn-icon[b-rgv8p7gipy] {
    transition: transform 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(4, 115, 206, 0.2));
}

.agent-action-btn:hover .agent-btn-icon[b-rgv8p7gipy] {
    transform: scale(1.1);
}

.agent-btn-text[b-rgv8p7gipy] {
    text-transform: capitalize;
}

.carrier-tool-empty[b-rgv8p7gipy] {
    font-size: 0.85rem;
    font-style: italic;
    color: #7a7f8b;
    padding: 8px 0;
}

.div-section.carrier-notes-section[b-rgv8p7gipy] {
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.carrier-notepady[b-rgv8p7gipy] {
    position: relative;
    background: linear-gradient(120deg, #f6f8fb 0%, #eaeef7 100%);
    border: 1px solid #d7dcef;
    border-radius: 20px;
    padding: 18px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.notepady-title[b-rgv8p7gipy] {
    font-family: "Montserrat", sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 12px;
    border-bottom: 2px solid #c7ccdf;
    padding-bottom: 6px;
}

.carrier-notes-body[b-rgv8p7gipy] {
    background: #ffffff;
    border-radius: 12px;
    padding: 14px;
    min-height: 120px;
    border: 1px dashed #cdd3eb;
    white-space: pre-line;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #39404f;
}

.carrier-notes-empty[b-rgv8p7gipy] {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.carrier-notes-empty span[b-rgv8p7gipy] {
    font-family: "Montserrat", sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #9ca3af;
    letter-spacing: 0.02em;
}

.empty-state-container-small[b-rgv8p7gipy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    gap: 10px;
}

.empty-state-text-small[b-rgv8p7gipy] {
    font-family: "Montserrat", sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #9ca3af;
    letter-spacing: 0.02em;
}

.carrier-specialty-tags[b-rgv8p7gipy] {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    border-radius: 20px;
    box-shadow: inset 0px 0px 6px #ababab;
    background-color: #ababab4b;
    margin-bottom: 10px;
}
.carrier-access-table[b-rgv8p7gipy] {
    width: 100%;
    border-collapse: collapse;
}
.carrier-access-row[b-rgv8p7gipy] {
   height: 30px;
}
.carrier-access-cell[b-rgv8p7gipy] {
    padding: 2px 0;
    font-size: 14px;
    margin-bottom: 2px;
}
.carrier-access-cell-2[b-rgv8p7gipy] {
    padding: 2px 0;
    text-align: right;
    margin-bottom: 2px;
}
.carrier-access-name[b-rgv8p7gipy] {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.65+0,0+100 */
    background: linear-gradient(to right, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #374151;
    margin: 0px 3px;
    padding: 3px 5px;
    border-left: 5px solid #37415173;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0px 0px 5px #ccc;
    position: relative;
    left: -8px;
    opacity: .8;
    transition: all .3s ease-in-out;
}
    .carrier-access-name:hover[b-rgv8p7gipy] {
        opacity: 1;
        color: #000;
    }
.carrier-specialty-pill[b-rgv8p7gipy] {
    font-weight: 600;
    font-size: 1.15rem;
    padding: 10px 12px 7px 12px;
    background-color: #6b7280;
    border-radius: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-shadow: 0px 0px 10px #ccc;
    /*text-shadow: 0px 0px 5px #ffffff;*/
    color: #fff;
    font-family: 'montserrat';
    border-top: 2px solid #ffffffbd;
    border-bottom: 1px solid #00000029;
    flex: 1 1 auto;
    text-align: center;
}

.sf-add-button[b-rgv8p7gipy] {
    filter: saturate(0%);
    opacity: .5;
    transition: all .3s ease-in-out;
}
    .sf-add-button:hover[b-rgv8p7gipy] {
        filter: none;
        opacity: 1;
    }

.mf-flextwocolumn-col[b-rgv8p7gipy] {
    padding: 0px !important;
}

.txt-section[b-rgv8p7gipy] {
    position: relative;
    top: 5px;
    color: #a3a3a3;
}

.txt-sm[b-rgv8p7gipy] {
    font-size: .7em;
    position: relative;
    top: 2px;
}

.spc[b-rgv8p7gipy] {
    margin-top: 20px;
}

.products-checklist[b-rgv8p7gipy] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    max-height: 300px;
    overflow-y: auto;
}

.product-item[b-rgv8p7gipy] {
    display: flex;
    align-items: center;
    padding: 4px 0;
}

.specialty-indicator[b-rgv8p7gipy] {
    margin-left: 8px;
    color: #ffa500;
    font-weight: bold;
}
/* Section Container Styles */
.section-container[b-rgv8p7gipy] {
    margin-bottom: 32px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.section-header[b-rgv8p7gipy] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 2px solid #e2e8f0;
    padding: 20px 24px 16px;
}

.section-title[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: #1e293b;
    margin: 0 0 4px 0;
    letter-spacing: -0.025em;
}

.section-subtitle[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    color: #64748b;
    margin: 0;
}

.section-content[b-rgv8p7gipy] {
    padding: 24px;
}

/* Specialty Lines Specific Styles */
.specialty-lines-section[b-rgv8p7gipy] {
    border-left: 4px solid #3b82f6;
}

.products-grid[b-rgv8p7gipy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.product-item[b-rgv8p7gipy] {
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    transition: all 0.2s ease;
    position: relative;
}

    .product-item:hover[b-rgv8p7gipy] {
        border-color: #cbd5e1;
        background: #f1f5f9;
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .product-item.product-active[b-rgv8p7gipy] {
        background: #eff6ff;
        border-color: #3b82f6;
        box-shadow: 0 0 0 1px #3b82f6;
    }

        .product-item.product-active:hover[b-rgv8p7gipy] {
            background: #dbeafe;
            border-color: #2563eb;
        }

.product-checkbox .e-checkbox-wrapper[b-rgv8p7gipy] {
    width: 100%;
}

.product-checkbox .e-frame[b-rgv8p7gipy] {
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important;
    border: 2px solid #d1d5db !important;
}

.product-checkbox .e-check[b-rgv8p7gipy] {
    font-size: 12px !important;
}

.product-name[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 1.3;
}

.specialty-badge[b-rgv8p7gipy] {
    display: inline-flex;
    align-items: center;
    background: #fef3c7;
    border: 1px solid #f59e0b;
    border-radius: 4px;
    padding: 2px 4px;
    margin-left: 4px;
}

.loading-state[b-rgv8p7gipy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: #6b7280;
    font-family: "montserrat", sans-serif;
    font-weight: 500;
}

/* Carrier Access Specific Styles */
.carrier-access-section[b-rgv8p7gipy] {
    border-left: 4px solid #10b981;
}

.carrier-associations[b-rgv8p7gipy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.association-card[b-rgv8p7gipy] {
    background: #f9fafb;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    padding: 20px;
    transition: all 0.2s ease;
}

    .association-card:hover[b-rgv8p7gipy] {
        border-color: #d1d5db;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }

    .association-card.active[b-rgv8p7gipy] {
        background: #f0fdf4;
        border-color: #10b981;
    }

    .association-card.inactive[b-rgv8p7gipy] {
        background: #fef2f2;
        border-color: #f87171;
        opacity: 0.8;
    }

.association-header[b-rgv8p7gipy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.carrier-name[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1f2937;
    line-height: 1.3;
}

.association-status[b-rgv8p7gipy] {
    flex-shrink: 0;
}

.status-badge[b-rgv8p7gipy] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

    .status-badge.status-active[b-rgv8p7gipy] {
        background: #d1fae5;
        color: #065f46;
        border: 1px solid #10b981;
    }

    .status-badge.status-inactive[b-rgv8p7gipy] {
        background: #fee2e2;
        color: #991b1b;
        border: 1px solid #f87171;
    }

.association-notes[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 16px;
    font-style: italic;
    line-height: 1.4;
}

.association-actions[b-rgv8p7gipy] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.section-actions[b-rgv8p7gipy] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: center;
}

.empty-state[b-rgv8p7gipy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
}

.empty-title[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    color: #374151;
    margin: 16px 0 8px;
}

.empty-description[b-rgv8p7gipy] {
    font-family: "montserrat", sans-serif;
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 24px;
    line-height: 1.5;
}

/* Add Carrier Dialog Styles */
.add-carrier-dialog-content[b-rgv8p7gipy] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 400px;
}

.search-section[b-rgv8p7gipy] {
    padding-bottom: 8px;
}

.results-section[b-rgv8p7gipy] {
    flex: 1;
    min-height: 350px;
    max-height: 350px;
    display: flex;
    flex-direction: column;
}

.results-list-container[b-rgv8p7gipy] {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 4px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f9fafb;
    min-height: 350px;
    max-height: 350px;
}

.result-item[b-rgv8p7gipy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    transition: all 0.2s ease;
}

.result-item:hover[b-rgv8p7gipy] {
    border-color: #0473ce;
    box-shadow: 0 2px 8px rgba(4, 115, 206, 0.15);
}

.result-info[b-rgv8p7gipy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.result-name[b-rgv8p7gipy] {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 10px;
}

.result-type[b-rgv8p7gipy] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.result-type.type-carrier[b-rgv8p7gipy] {
    background: #dbeafe;
    color: #1e40af;
}

.result-type.type-wholesaler[b-rgv8p7gipy] {
    background: #d1fae5;
    color: #065f46;
}

.result-location[b-rgv8p7gipy] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    color: #6b7280;
}

.result-action[b-rgv8p7gipy] {
    flex-shrink: 0;
}

.search-loading-state[b-rgv8p7gipy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 24px;
    color: #6b7280;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.empty-results-state[b-rgv8p7gipy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 60px 24px;
    text-align: center;
}

.empty-results-text[b-rgv8p7gipy] {
    font-family: "Montserrat", sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    color: #6b7280;
}

.empty-results-hint[b-rgv8p7gipy] {
    font-family: "Montserrat", sans-serif;
    font-size: 0.9rem;
    color: #9ca3af;
}

/* Notes Dialog Styles */
.notes-dialog-content[b-rgv8p7gipy] {
    padding: 8px 0;
}

.notes-dialog-content fluent-text-area[b-rgv8p7gipy] {
    font-family: "Segoe UI", sans-serif;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 768px) {
    .products-grid[b-rgv8p7gipy] {
        grid-template-columns: 1fr;
    }

    .association-header[b-rgv8p7gipy] {
        flex-direction: column;
        gap: 8px;
    }

    .association-actions[b-rgv8p7gipy] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .section-content[b-rgv8p7gipy] {
        padding: 16px;
    }

    .section-header[b-rgv8p7gipy] {
        padding: 16px 20px 12px;
    }

    .result-item[b-rgv8p7gipy] {
        flex-direction: column;
        align-items: flex-start;
    }

    .result-action[b-rgv8p7gipy] {
        width: 100%;
    }

    .result-action fluent-button[b-rgv8p7gipy] {
        width: 100%;
    }
}
/* /Domain/Carriers/Pages/Carriers.razor.rz.scp.css */
.page-content[b-n110i4yqxd] {
    height: calc(100vh - 131px);
}
/* /Domain/Chat/Components/ChopperMessaging.razor.rz.scp.css */
.chopper-messaging[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #1f2023;
    color: #e0e0e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    margin-top: 50px;
}

.chopper-header[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #3a3b3e;
    background-color: #2a2b2e;
    color: #e0e0e0;
    border-radius: 8px 8px 0 0; 
}



.chopper-actions[b-le19zbzjwo] {
    display: flex;
    width: 100%;
    gap: 0;
    padding: 0;
}

.chopper-title[b-le19zbzjwo] {
    padding: 8px 16px;
    border-top: 1px solid #3a3b3e;
}

    .chopper-title h3[b-le19zbzjwo] {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        font-size: 1rem;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

.chopper-actions .flu-btn[b-le19zbzjwo] {
    position: relative;
    flex: 1;
    border-radius: 0;
    border-right: 1px solid #3a3b3e;
    padding: 8px 4px;
    font-size: 0.8rem;
    justify-content: center;
    align-items: center;
    gap: 4px;
    transition: all 0.2s ease;
}

.chopper-actions .flu-btn:last-child[b-le19zbzjwo] {
    border-right: none;
}

    .chopper-actions .flu-btn.active[b-le19zbzjwo] {
        background-color: #4a90e2;
        color: white;
        background: linear-gradient(to bottom, rgba(30,35,43,1) 0%,rgba(78,92,107,1) 25%,rgba(68,82,96,1) 70%,rgba(108,133,153,1) 100%);
        opacity:1 !important;
        color:#fff !important;
    }

.chopper-actions .flu-btn.active:hover[b-le19zbzjwo] {
    background-color: #357abd;
}

.chopper-actions .flu-btn.active .flu-icon[b-le19zbzjwo] {
    color: white !important;
}

.chopper-actions .unread-badge[b-le19zbzjwo] {
    position: absolute;
    top: -2px;
    right: 2px;
    min-width: 16px;
    height: 16px;
    font-size: 0.65rem;
    font-weight: 600;
    z-index: 1;
    background-color: #e74c3c;
    color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

.message-container[b-le19zbzjwo] {
    flex: 1;
    overflow-y: hidden;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    
}

.chat-content[b-le19zbzjwo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.chat-content.pushed-down[b-le19zbzjwo] {
    margin-top: 0;
}

.loading-messages[b-le19zbzjwo], .no-messages[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 24px;
    gap: 12px;
    color: #a0a0a0;
    min-height: calc(100vh - 309px);
}
.message-container-insidepadding[b-le19zbzjwo] {
    padding:10px;
}
.messages-list[b-le19zbzjwo] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    overflow-y: auto;
    height: calc(100vh - 297px);
    scroll-behavior: smooth;
}

.message-item[b-le19zbzjwo] {
    display: flex;
    max-width: 75%; 
    margin-bottom: 10px;
    position: relative;
}

    .message-item.incoming[b-le19zbzjwo] {
        align-self: flex-start;
    }

    .message-item.outgoing[b-le19zbzjwo] {
        align-self: flex-end;
    }

.message-content[b-le19zbzjwo] {
    padding: 8px 10px;
    border-radius: 6px;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    word-wrap: break-word;
    font-size: 0.875rem;
}

.message-item.incoming .message-content[b-le19zbzjwo] {
    background-color: #3a3b3e;
    color: #e0e0e0;
    margin-left: 8px;
}

.message-item.outgoing .message-content[b-le19zbzjwo] {
    background-color: #4a90e2;
    color: #ffffff;
    margin-right: 8px;
}

/* Message Confirmation Styles */
.message-confirmation[b-le19zbzjwo] {
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 10;
}

.confirmation-circle[b-le19zbzjwo] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 10px;
    font-weight: 600;
    border: 2px solid;
}

.confirmation-circle.unconfirmed[b-le19zbzjwo] {
    background-color: transparent;
    border-color: #9d9999;
    color: #9d9999;
}

.confirmation-circle.unconfirmed:hover[b-le19zbzjwo] {
    background-color: #9d9999;
    color: #1f2023;
    transform: scale(1.1);
}

.confirmation-circle.confirmed[b-le19zbzjwo] {
    background-color: #4a90e2;
    border-color: #4a90e2;
    color: white;
    cursor: default;
}

.confirmation-circle.confirmed img[b-le19zbzjwo] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover;
}

.confirmation-circle.confirmed span[b-le19zbzjwo] {
    font-size: 10px;
    font-weight: 600;
}

/* Incoming Speech Bubble Tail */
.message-item.incoming .message-content[b-le19zbzjwo]::before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: -6px;
    width: 0px;
    height: 0;
    border: 14px solid transparent;
    border-top-color: #3a3b3e;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(-45deg);
    top: 11px;
}

/* Outgoing Speech Bubble Tail */
.message-item.outgoing .message-content[b-le19zbzjwo]::after {
    content: '';
    position: absolute;
    bottom: 6px;
    right: -2px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #4a90e2;
    border-bottom: 0;
    border-right: 0;
    transform: rotate(45deg);
}

.message-content p[b-le19zbzjwo] {
    margin: 0 0 3px 0;
    line-height: 1.4;
}

.message-time[b-le19zbzjwo] {
    font-size: 0.6875rem;
    opacity: 0.7;
    display: block;
    text-align: right;
    color: #a0a0a0;
    margin-top: 3px;
}
.message-avatar[b-le19zbzjwo] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #3a3b3e;
    background-color: #2a2b2e;
}

.message-avatar img[b-le19zbzjwo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-placeholder[b-le19zbzjwo] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4a90e2;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
}

.message-sender[b-le19zbzjwo] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #4a90e2;
    margin-bottom: 2px;
    opacity: 0.9;
}

/* Adjust message item layout for avatars */
.message-item.incoming[b-le19zbzjwo] {
    align-self: flex-start;
    flex-direction: row;
}

.message-item.outgoing[b-le19zbzjwo] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.message-item.outgoing .message-avatar[b-le19zbzjwo] {
    order: 1;
}

.message-item.outgoing .message-content[b-le19zbzjwo] {
    order: 0;
}

.message-input[b-le19zbzjwo] {
    padding: 12px 16px;
    border-top: 1px solid #3a3b3e;
    background-color: #2a2b2e;
}

    .message-input input[b-le19zbzjwo] {
        width:300px;
    }

.message-input-textarea input[b-le19zbzjwo] {
    width: 90%;
    width: 340px !important;
    height: 34px !important;
}

.message-input-textarea input[type="text"][b-le19zbzjwo] {
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    border: 2px solid #797979;
    border-radius: 4px;
    background-color: #cbcbcb;
    color: #000000;
    font-size: 0.875rem;
    font-family: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
    box-sizing: border-box;
}

.message-input-textarea input[type="text"]:focus[b-le19zbzjwo] {
    border-color: #4a90e2;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

.message-input-textarea input[type="text"][b-le19zbzjwo]::placeholder {
    color: #000000;
    opacity: 0.7;
}

.message-input-textarea input[type="text"]:hover[b-le19zbzjwo] {
    border-color: #4a90e2;
}
.refresh-button[b-le19zbzjwo] {
    margin-top: 12px;
    display: flex;
    justify-content: center;
}

.action-buttons[b-le19zbzjwo] {
    margin-top: 12px;
    display: flex;
    justify-content: center;
    gap: 8px;
}
.action-buttons-conv[b-le19zbzjwo] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.action-buttons-conv .flu-btn-sm[b-le19zbzjwo] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-radius: 4px;
    transition: all 0.2s ease;
    font-size: 0.75rem;
    line-height: 1;
    opacity: 0.8;
    color: #637485;
}

.action-buttons-conv .flu-btn-sm:hover[b-le19zbzjwo] {
    opacity: 1;
    color: #e0e0e0;
    background-color: #515151;
    border-color: #8f8f8f;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.action-buttons-conv .flu-btn-sm fluent-icon[b-le19zbzjwo] {
    display: flex;
    align-items: center;
}
.chat-header[b-le19zbzjwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.chat-title[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chat-header h4[b-le19zbzjwo] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
    color: #e0e0e0;
}

.message-count[b-le19zbzjwo] {
    font-size: 0.8rem;
    font-weight: 400;
    color: #a0a0a0;
    opacity: 0.8;
}

.chat-info[b-le19zbzjwo] {
    color: #a0a0a0;
    font-size: 0.7rem;
    opacity: 0.7;
}

.chat-actions[b-le19zbzjwo] {
    display: flex;
    gap: 8px;
}

.sms-actions[b-le19zbzjwo] {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Vertically align items */
    margin-bottom: 8px;
    padding: 0 4px; /* Add some horizontal padding */
}

.conversation-list[b-le19zbzjwo] {
    margin-bottom: 8px;
    overflow-y: auto;
    border: 1px solid #444444;
    border-radius: 4px;
    background-color: #2a2b2e;
}

.conversation-grid[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
}

.conversation-item[b-le19zbzjwo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid #3a3b3e;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

    .conversation-item.unread[b-le19zbzjwo] {
        background-color: rgba(255, 255, 255, 0.05);
        font-weight: 500;
    }

    .conversation-item:last-child[b-le19zbzjwo] {
        border-bottom: none;
    }

    .conversation-item:hover[b-le19zbzjwo] {
        background-color: #3a3b3e;
    }

.conversation-details[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 75%;
    overflow: hidden;
}

.conversation-phone[b-le19zbzjwo] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    color: #e0e0e0;
    font-size: 0.9rem;
}

.conversation-preview[b-le19zbzjwo] {
    font-size: 0.8rem;
    color: #a0a0a0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.conversation-time[b-le19zbzjwo] {
    color: #a0a0a0;
    font-size: 0.7rem;
    align-self: flex-start;
    white-space: nowrap;
    padding-left: 8px;
}

.unread-badge[b-le19zbzjwo] {
    background-color: #4a90e2;
    color: #ffffff;
    border-radius: 50%;
    min-width: 16px; 
    height: 16px;
    font-size: 0.65rem; 
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    font-weight: normal;
}

.conversation-search[b-le19zbzjwo] {
    padding: 8px;
    border-bottom: 1px solid #444444;
}

.current-conversation[b-le19zbzjwo] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    margin-bottom: 8px;
    background-color: #3a3b3e;
    border-radius: 4px;
    font-weight: 500;
    color: #e0e0e0;
}

.debug-panel[b-le19zbzjwo] {
    background-color: #2a2b2e;
    border: 1px solid #444444;
    border-radius: 4px;
    padding: 10px; 
    margin: 8px;
    font-family: monospace;
    font-size: 11px;
    color: #a0a0a0;
    max-height: 150px;
    overflow-y: auto;
}

.debug-item[b-le19zbzjwo] {
    margin-bottom: 4px;
    word-break: break-all;
}

.phone-input-container[b-le19zbzjwo] {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    padding: 0 8px;
}

.conversation-actions[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.conversation-delete-btn[b-le19zbzjwo] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border-radius: 4px;
}

.conversation-item:hover .conversation-delete-btn[b-le19zbzjwo] {
    opacity: 0.7;
}

.conversation-delete-btn:hover[b-le19zbzjwo] {
    opacity: 1 !important;
    background-color: rgba(231, 76, 60, 0.1);
    transform: scale(1.1);
}

.message-actions[b-le19zbzjwo] {
    display: flex;
    align-items: center;
    margin-left: 8px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.message-item:hover .message-actions[b-le19zbzjwo] {
    opacity: 1;
}

.message-delete-btn[b-le19zbzjwo] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.message-delete-btn:hover[b-le19zbzjwo] {
    background-color: rgba(231, 76, 60, 0.2);
    transform: scale(1.1);
}


.flu-btn[b-le19zbzjwo] {
    border: 1px solid #535353;
    vertical-align: middle;
    cursor: pointer;
    transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out, color 0.15s ease-in-out;
    position: relative;
    padding: 7px 5px 3px 5px;
    border-radius: 4px;
    background-color: #373737;
    opacity:.65 !important;
}
    .flu-btn:hover[b-le19zbzjwo] {
        border: 1px solid #8f8f8f;
        cursor: pointer;
        transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out, color 0.15s ease-in-out;
        position: relative;
        background-color: #515151;
        opacity: 1 !important;
    }
.flu-btn-md[b-le19zbzjwo] {
    padding: 4px 10px;
    font-size: 0.875rem;
    line-height: 1.3;
}

.flu-btn-sm[b-le19zbzjwo] {
    padding: 3px 8px;
    font-size: 0.75rem;
    line-height: 1.3;
    opacity: .8;
    color:#637485;
}

.flu-btn.neutral[b-le19zbzjwo] {
    background-image: linear-gradient(to bottom, #424447, #3a3b3e);
    color: #d0d0d0; 
    border-color: #2f3033;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 1px 1px rgba(0, 0, 0, 0.3);
}

    .flu-btn.neutral:hover:not(:disabled)[b-le19zbzjwo] {
        background-image: linear-gradient(to bottom, #4a4c50, #404145);
        color: #e0e0e0;
        border-color: #38393d;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.35);
    }

    .flu-btn.neutral:active:not(:disabled)[b-le19zbzjwo] {
        background-image: linear-gradient(to bottom, #36373a, #3a3b3e);
        color: #f0f0f0;
        border-color: #28292c;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
    }

.flu-btn.accent[b-le19zbzjwo] {
    background: linear-gradient(to bottom, #36404b 0%, #36404b 25%, rgba(68, 82, 96, 1) 100%);
    color: #ffffff;
    border-color: #36404b;
    box-shadow: inset 0 -3px 3px rgba(255, 255, 255, 0.08), 0 1px 1px rgba(0, 0, 0, 0.4);
    text-align: center;
    display: flex;
}

    .flu-btn.accent:hover:not(:disabled)[b-le19zbzjwo] {
        background: linear-gradient(to bottom, rgba(30,35,43,1) 0%,rgba(78,92,107,1) 25%,rgba(68,82,96,1) 70%,rgba(108,133,153,1) 100%);

        border-color: #445260;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.45);
    }

    .flu-btn.accent:active:not(:disabled)[b-le19zbzjwo] {
        background-image: linear-gradient(to bottom, #445260, #4a5867);
        border-color: #333f4b;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
    }

.flu-btn:focus-visible[b-le19zbzjwo] {
    box-shadow: 0 0 0 2px #1f2023, 0 0 0 4px #777777;
}

.flu-btn:disabled[b-le19zbzjwo],
.flu-btn[disabled][b-le19zbzjwo] {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none;
}
.flu-btn-text[b-le19zbzjwo] {
    position: relative;
    top: 1px;
}
.conversation-phone-info[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.conversation-name[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    font-size: .85em;
}

.contact-name[b-le19zbzjwo] {
    font-weight: 600;
    color: #cbcbcb !important;
}

.contact-title[b-le19zbzjwo] {
    font-size: 0.8em;
    color: #666;
    font-style: italic;
}

.phone-number[b-le19zbzjwo] {
    font-weight: 500;
    color: #333;
}

.conversation-phone-number[b-le19zbzjwo] {
    font-size: 0.75em;
    color: #888;
}

.current-conversation-info[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.current-conversation .conversation-name[b-le19zbzjwo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.current-conversation .contact-title[b-le19zbzjwo] {
    font-size: 0.85em;
    color: #666;
    font-style: italic;
}

.debug-info[b-le19zbzjwo] {
    background-color: #f0f0f0;
    padding: 8px;
    margin: 8px 0;
    border-radius: 4px;
    font-size: 0.8em;
    color: #666;
}

    .debug-info p[b-le19zbzjwo] {
        margin: 2px 0;
    }

.web-chat-placeholder[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 309px);
    padding: 24px;
    color: #a0a0a0;
}

.placeholder-content[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
}

.placeholder-content h4[b-le19zbzjwo] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
    color: #e0e0e0;
}

.placeholder-content p[b-le19zbzjwo] {
    margin: 0;
    font-size: 0.875rem;
    opacity: 0.8;
}

.delete-overlay[b-le19zbzjwo] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(2px);
}

.delete-overlay-content[b-le19zbzjwo] {
    background-color: #2a2b2e;
    border-radius: 8px;
    padding: 24px;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
    border: 1px solid #3a3b3e;
}

.delete-overlay-content h4[b-le19zbzjwo] {
    margin: 0 0 8px 0;
    color: #e0e0e0;
    font-size: 1.25rem;
    font-weight: 500;
}

.delete-overlay-content p[b-le19zbzjwo] {
    margin: 0 0 20px 0;
    color: #a0a0a0;
    font-size: 0.875rem;
}

.delete-overlay-actions[b-le19zbzjwo] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.delete-overlay-actions .flu-btn[b-le19zbzjwo] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    opacity: 1 !important;
}

.delete-erase[b-le19zbzjwo] {
    background-color: #e74c3c;
    border-color: #c0392b;
    color: white;
}

.delete-erase:hover[b-le19zbzjwo] {
    background-color: #c0392b;
    border-color: #a93226;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(231, 76, 60, 0.3);
}

.delete-archive[b-le19zbzjwo] {
    background-color: #f39c12;
    border-color: #d68910;
    color: white;
}

.delete-archive:hover[b-le19zbzjwo] {
    background-color: #d68910;
    border-color: #b8780d;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(243, 156, 18, 0.3);
}

.delete-cancel[b-le19zbzjwo] {
    background-color: #7f8c8d;
    border-color: #6c7a7b;
    color: white;
}

.delete-cancel:hover[b-le19zbzjwo] {
    background-color: #6c7a7b;
    border-color: #5a6768;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(127, 140, 141, 0.3);
}
/* /Domain/Chat/Components/MessagingSms.razor.rz.scp.css */
/* ===== SMS MESSAGING PANEL ===== */
.sms-panel[b-asc6j1kfsy] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 2px;
    background: #1a1b1e;
    color: #e4e6ea;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ===== NEW CONVERSATION PANEL ===== */
.sms-panel .new-conversation-panel[b-asc6j1kfsy] {
    background: linear-gradient(135deg, #2d2f33 0%, #25272b 100%);
    border-bottom: 1px solid #374151;
    padding: 16px;
    flex-shrink: 0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.sms-panel .new-conversation-panel h5[b-asc6j1kfsy] {
    margin: 0 0 12px 0;
    font-size: 1rem;
    font-weight: 600;
    color: #e4e6ea;
}

.sms-panel .new-conversation-input[b-asc6j1kfsy] {
   
}

.sms-panel .new-conversation-input .flu-textarea[b-asc6j1kfsy] {
    
}


/* ===== CONVERSATION LIST ===== */
.sms-panel .conversation-list[b-asc6j1kfsy] {
    margin-bottom: 12px;
    overflow-y: auto;
    border: 1px solid #2d2f33;
    border-radius: 8px;
    background: #1f2125;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    max-height: calc(100vh - 155px);
    width: 415px;
}

.sms-panel .conversation-grid[b-asc6j1kfsy] {
    display: flex;
    flex-direction: column;
}

.sms-panel .conversation-item[b-asc6j1kfsy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 16px;
    border-bottom: 1px solid #2d2f33;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sms-panel .conversation-item.unread[b-asc6j1kfsy] {
    background: rgba(79, 70, 229, 0.1);
    font-weight: 500;
    border-left: 3px solid #4f46e5;
}

.sms-panel .conversation-item:last-child[b-asc6j1kfsy] {
    border-bottom: none;
}

.sms-panel .conversation-item:hover[b-asc6j1kfsy] {
    background: #25272b;
}

.sms-panel .conversation-details[b-asc6j1kfsy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    overflow: hidden;
}

.sms-panel .conversation-line-1[b-asc6j1kfsy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.sms-panel .conversation-primary[b-asc6j1kfsy] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    font-weight: 600;
    color: #e4e6ea;
    font-size: 0.9rem;
}

.sms-panel .conversation-time[b-asc6j1kfsy] {
    color: #6b7280;
    font-size: 0.75rem;
    white-space: nowrap;
    font-weight: 500;
}

.sms-panel .conversation-line-2[b-asc6j1kfsy] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: #9ca3af;
    font-size: 0.8rem;
}

.sms-panel .conversation-line-3[b-asc6j1kfsy] {
    margin-top: 2px;
}

    .sms-panel .message-preview[b-asc6j1kfsy] {
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*color: #dee2e8;*/
        color: #b4b4b4;
        font-size: 0.8rem;
        position: relative;
        top: -3px;
    }
.confirmation-circle .confirmed img[b-asc6j1kfsy] {
    width: 28px;
}
.contact-name-2[b-asc6j1kfsy] {
    position: relative;
    font-weight: 400;
    /*color: #b4b4b4;*/
    color: #dee2e8;
    font-size: 1em;
}
.contact-name[b-asc6j1kfsy] {
    position: relative;
    font-weight: 400;
    color: #b4b4b4;
    font-size: 1em;
    position: relative;
    top: -3px;
    left:10px;
}
/* ===== CURRENT CONVERSATION ===== */
    .sms-panel .current-conversation[b-asc6j1kfsy] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 9px 7px 5px 12px;
        /* margin-bottom: 12px; */
        background: linear-gradient(135deg, #2d2f33 0%, #25272b 100%);
        /* border-radius: 8px; */
        /* font-weight: 500; */
        color: #e4e6ea;
        border: 1px solid #374151;
        font-size: 0.9rem;
        color: #9ca3af;
    }
    .sms-panel .current-conversation small[b-asc6j1kfsy] {
        position: relative;
        top:-5px;
        color:#9ca3af;
    }
/* ===== ACTION BUTTONS ===== */
.sms-panel .action-buttons-conv[b-asc6j1kfsy] {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
    padding: 0 16px;
    margin-bottom: 0;
}

.sms-panel .action-buttons-conv .flu-btn-sm[b-asc6j1kfsy] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 0.75rem;
    line-height: 1;
    opacity: 0.8;
    color: #9ca3af;
    /*background: #25272b;*/
    /*border: 1px solid #2d2f33;*/
    cursor: pointer;
}

.sms-panel .action-buttons-conv .flu-btn-sm:hover[b-asc6j1kfsy] {
    opacity: 1;
    color: #e4e6ea;
    background: #2d2f33;
    border-color: #374151;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* ===== MESSAGES LIST ===== */
.sms-panel .messages-list[b-asc6j1kfsy] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    overflow-y: auto;
    height: calc(100vh - 314px);
    scroll-behavior: smooth;
}

/* ===== MESSAGE ITEMS ===== */
.sms-panel .message-item[b-asc6j1kfsy] {
    display: flex;
    max-width: 80%;
    margin-bottom: 8px;
    position: relative;
    align-items: flex-end;
    gap: 8px;
}

.sms-panel .message-item.incoming[b-asc6j1kfsy] {
    align-self: flex-start;
    flex-direction: row;
}

.sms-panel .message-item.outgoing[b-asc6j1kfsy] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

/* ===== MESSAGE CONTENT ===== */
.sms-panel .message-content[b-asc6j1kfsy] {
    padding: 10px 14px;
    border-radius: 16px;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    word-wrap: break-word;
    font-size: 0.9rem;
    line-height: 1.4;
    max-width: 100%;
}

.sms-panel .message-item.incoming .message-content[b-asc6j1kfsy] {
    background: linear-gradient(135deg, #2d2f33 0%, #25272b 100%);
    color: #e4e6ea;
    border-bottom-left-radius: 4px;
}

.sms-panel .message-item.outgoing .message-content[b-asc6j1kfsy] {
    background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);
    color: white;
    border-bottom-right-radius: 4px;
}

.sms-panel .message-content p[b-asc6j1kfsy] {
    margin: 0 0 4px 0;
    line-height: 1.4;
}

.sms-panel .message-content p:last-child[b-asc6j1kfsy] {
    margin-bottom: 0;
}

.sms-panel .message-time[b-asc6j1kfsy] {
    font-size: 0.7rem;
    opacity: 0.7;
    display: block;
    text-align: right;
    color: #9ca3af;
    margin-top: 4px;
    font-weight: 500;
}

/* ===== MESSAGE CONFIRMATION ===== */
.sms-panel .message-confirmation[b-asc6j1kfsy] {
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 10;
}

.sms-panel .confirmation-circle[b-asc6j1kfsy] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 10px;
    font-weight: 700;
    border: 2px solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.sms-panel .confirmation-circle.unconfirmed[b-asc6j1kfsy] {
    background-color: transparent;
    border-color: #6b7280;
    color: #6b7280;
}

.sms-panel .confirmation-circle.unconfirmed:hover[b-asc6j1kfsy] {
    background-color: #6b7280;
    color: #1a1b1e;
    transform: scale(1.1);
}

.sms-panel .confirmation-circle.confirmed[b-asc6j1kfsy] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-color: #10b981;
    color: white;
    cursor: default;
    overflow: hidden;
}
.flu-btn[b-asc6j1kfsy] {
    vertical-align: middle;
    cursor: pointer;
    transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out, color 0.15s ease-in-out;
    position: relative;
    left: 5px;
    border-radius: 4px;
    opacity: .65 !important;
}
    .flu-btn:hover[b-asc6j1kfsy] {
        cursor: pointer;
        transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out, color 0.15s ease-in-out;
        position: relative;
        opacity: 1 !important;
    }
/* ===== AFTER HOURS ===== */
.sms-panel .after-hours-banner[b-asc6j1kfsy] {
    margin: 12px;
    padding: 12px;
    border-radius: 10px;
    background: rgba(234, 179, 8, 0.12);
    border: 1px solid rgba(234, 179, 8, 0.35);
    color: #fbbf24;
    font-size: 0.85rem;
    line-height: 1.4;
}

.sms-panel .after-hours-banner strong[b-asc6j1kfsy] {
    font-weight: 700;
}

/* ===== MESSAGE INPUT ===== */
.sms-panel .message-input[b-asc6j1kfsy] {
    padding: 16px;
    border-top: 1px solid #2d2f33;
    background: linear-gradient(135deg, #1f2125 0%, #1a1b1e 100%);
    z-index: 100;
}

.sms-panel .message-input-textarea input[type="text"][b-asc6j1kfsy] {
    width: 90%;
    height: 40px;
    padding: 10px 16px;
    border: 2px solid #2d2f33;
    border-radius: 20px;
    background-color: #25272b;
    color: #e4e6ea;
    font-size: 0.9rem;
    font-family: inherit;
    transition: all 0.2s ease;
    outline: none;
    box-sizing: border-box;
}

.sms-panel .message-input-textarea input[type="text"]:focus[b-asc6j1kfsy] {
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
    background-color: #2d2f33;
}

.sms-panel .message-input-textarea input[type="text"][b-asc6j1kfsy]::placeholder {
    color: #6b7280;
    opacity: 1;
}

.sms-panel .message-input-textarea input[type="text"]:hover[b-asc6j1kfsy] {
    border-color: #374151;
}

/* ===== DEBUG PANEL ===== */
.sms-panel .debug-panel[b-asc6j1kfsy] {
    background: #1f2125;
    border: 1px solid #2d2f33;
    border-radius: 8px;
    padding: 12px;
    margin: 12px;
    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', monospace;
    font-size: 0.8rem;
    color: #9ca3af;
    max-height: 200px;
    overflow-y: auto;
}
.company-name[b-asc6j1kfsy] {
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*color: #9ca3af;*/
    color: #637a8d;
    font-weight: 500;
    position: relative;
    left: 10px;
    top:-1px;
}
.sms-panel .debug-item[b-asc6j1kfsy] {
    margin-bottom: 4px;
    word-break: break-all;
    line-height: 1.4;
}
.phone-number[b-asc6j1kfsy] {
    font-weight: 500;
    color: #637a8d;
    position: relative;
    top:-1px;
    left: -3px;
    /*color: #9ca3af;*/
}
/* ===== PHONE INPUT CONTAINER ===== */
.phone-input-container[b-asc6j1kfsy] {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
    padding: 0 16px;
}

/* ===== CONVERSATION ACTIONS ===== */
.conversation-actions[b-asc6j1kfsy] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.conversation-delete-btn[b-asc6j1kfsy] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    cursor: pointer;
    opacity: 0;
    transition: all 0.2s ease;
    border-radius: 6px;
    color: #ef4444;
}

.conversation-item:hover .conversation-delete-btn[b-asc6j1kfsy] {
    opacity: 0.7;
}

.conversation-delete-btn:hover[b-asc6j1kfsy] {
    opacity: 1 !important;
    background-color: rgba(239, 68, 68, 0.1);
    transform: scale(1.1);
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 480px) {
    .sms-panel .message-item[b-asc6j1kfsy] {
        max-width: 90%;
    }
    
    .sms-panel .message-content[b-asc6j1kfsy] {
        font-size: 0.85rem;
        padding: 8px 12px;
    }
    
    .sms-panel .conversation-item[b-asc6j1kfsy] {
        padding: 10px 12px;
    }
    
    .sms-panel .new-conversation-panel[b-asc6j1kfsy] {
        padding: 12px;
    }
}
/* /Domain/Chat/Components/MessagingStaff.razor.rz.scp.css */
/* ===== STAFF MESSAGING PANEL ===== */
.staff-panel[b-0klkhjx5f8] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 2px;
    background: #1a1b1e;
    color: #e4e6ea;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ===== CURRENT CONVERSATION ===== */
.staff-panel .current-conversation[b-0klkhjx5f8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 7px 5px 12px;
    background: linear-gradient(135deg, #2d2f33 0%, #25272b 100%);
    color: #e4e6ea;
    border: 1px solid #374151;
    font-size: 0.9rem;
    color: #9ca3af;
}

.staff-panel .current-conversation small[b-0klkhjx5f8] {
    position: relative;
    top: -5px;
    color: #9ca3af;
}

/* ===== ACTION BUTTONS ===== */
.staff-panel .action-buttons-conv[b-0klkhjx5f8] {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
    padding: 0 16px;
    margin-bottom: 0;
}

.staff-panel .action-buttons-conv .flu-btn-sm[b-0klkhjx5f8] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 0.75rem;
    line-height: 1;
    opacity: 0.8;
    color: #9ca3af;
    cursor: pointer;
}

.staff-panel .action-buttons-conv .flu-btn-sm:hover[b-0klkhjx5f8] {
    opacity: 1;
    color: #e4e6ea;
    background: #2d2f33;
    border-color: #374151;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* ===== MESSAGES LIST ===== */
    .staff-panel .messages-list[b-0klkhjx5f8] {
        padding: 12px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        overflow-y: auto;
        height: calc(100vh - 273px);
        scroll-behavior: smooth;
    }

/* ===== MESSAGE ITEMS ===== */
.staff-panel .message-item[b-0klkhjx5f8] {
    display: flex;
    max-width: 80%;
    margin-bottom: 8px;
    position: relative;
    align-items: flex-end;
    gap: 8px;
}

.staff-panel .message-item.incoming[b-0klkhjx5f8] {
    align-self: flex-start;
    flex-direction: row;
}

.staff-panel .message-item.outgoing[b-0klkhjx5f8] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

/* ===== MESSAGE CONTENT ===== */
.staff-panel .message-content[b-0klkhjx5f8] {
    padding: 10px 14px;
    border-radius: 16px;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    word-wrap: break-word;
    font-size: 0.9rem;
    line-height: 1.4;
    max-width: 100%;
}

.staff-panel .message-item.incoming .message-content[b-0klkhjx5f8] {
    background: linear-gradient(135deg, #2d2f33 0%, #25272b 100%);
    color: #e4e6ea;
    border-bottom-left-radius: 4px;
}

.staff-panel .message-item.outgoing .message-content[b-0klkhjx5f8] {
    background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);
    color: white;
    border-bottom-right-radius: 4px;
}

.staff-panel .message-content p[b-0klkhjx5f8] {
    margin: 0 0 4px 0;
    line-height: 1.4;
}

.staff-panel .message-content p:last-child[b-0klkhjx5f8] {
    margin-bottom: 0;
}

.staff-panel .message-time[b-0klkhjx5f8] {
    font-size: 0.7rem;
    opacity: 0.7;
    display: block;
    text-align: right;
    color: #9ca3af;
    margin-top: 4px;
    font-weight: 500;
}

/* ===== MESSAGE AVATARS (CIRCULAR) ===== */
.staff-panel .message-avatar[b-0klkhjx5f8] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%; /* Circular avatars */
    overflow: hidden;
    border: 2px solid #2d2f33;
    background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.staff-panel .message-avatar img[b-0klkhjx5f8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%; /* Ensure image is also circular */
}

.staff-panel .avatar-placeholder[b-0klkhjx5f8] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);
    color: white;
    font-weight: 600;
    font-size: 0.8rem;
    border-radius: 50%; /* Circular placeholder */
}

/* ===== MESSAGE SENDER ===== */
.staff-panel .message-sender[b-0klkhjx5f8] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #10b981;
    margin-bottom: 2px;
    opacity: 0.9;
}

/* ===== MESSAGE INPUT ===== */
.staff-panel .message-input[b-0klkhjx5f8] {
    padding: 16px;
    border-top: 1px solid #2d2f33;
    background: linear-gradient(135deg, #1f2125 0%, #1a1b1e 100%);
    z-index: 100;
}

.staff-panel .message-input-textarea input[type="text"][b-0klkhjx5f8] {
    width: 90%;
    height: 40px;
    padding: 10px 16px;
    border: 2px solid #2d2f33;
    border-radius: 20px;
    background-color: #25272b;
    color: #e4e6ea;
    font-size: 0.9rem;
    font-family: inherit;
    transition: all 0.2s ease;
    outline: none;
    box-sizing: border-box;
}

.staff-panel .message-input-textarea input[type="text"]:focus[b-0klkhjx5f8] {
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
    background-color: #2d2f33;
}

.staff-panel .message-input-textarea input[type="text"][b-0klkhjx5f8]::placeholder {
    color: #6b7280;
    opacity: 1;
}

.staff-panel .message-input-textarea input[type="text"]:hover[b-0klkhjx5f8] {
    border-color: #374151;
}

.flu-btn[b-0klkhjx5f8] {
    vertical-align: middle;
    cursor: pointer;
    transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out, color 0.15s ease-in-out;
    position: relative;
    left: 5px;
    border-radius: 4px;
    opacity: .65 !important;
}

.flu-btn:hover[b-0klkhjx5f8] {
    cursor: pointer;
    transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out, color 0.15s ease-in-out;
    position: relative;
    opacity: 1 !important;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 480px) {
    .staff-panel .message-item[b-0klkhjx5f8] {
        max-width: 90%;
    }
    
    .staff-panel .message-content[b-0klkhjx5f8] {
        font-size: 0.85rem;
        padding: 8px 12px;
    }
    
    .staff-panel .message-avatar[b-0klkhjx5f8] {
        width: 28px;
        height: 28px;
    }
}
/* /Domain/Chat/Components/MessagingWeb.razor.rz.scp.css */
/* ===== WEB MESSAGING PANEL ===== */
.web-panel[b-80hvl10qhw] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 2px;
    background: #1a1b1e;
    color: #e4e6ea;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ===== CONVERSATION LIST ===== */
.web-panel .conversation-list[b-80hvl10qhw] {
    margin-bottom: 12px;
    overflow-y: auto;
    border: 1px solid #2d2f33;
    border-radius: 8px;
    background: #1f2125;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    max-height: calc(100vh - 155px);
    width: 415px;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 155px);
}

.web-panel .conversation-grid[b-80hvl10qhw] {
    display: flex;
    flex-direction: column;
}

.web-panel .conversation-item[b-80hvl10qhw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 16px;
    border-bottom: 1px solid #2d2f33;
    cursor: pointer;
    transition: all 0.2s ease;
}

.web-panel .conversation-item.unread[b-80hvl10qhw] {
    background: rgba(79, 70, 229, 0.1);
    font-weight: 500;
    border-left: 3px solid #4f46e5;
}

.web-panel .conversation-item.selected[b-80hvl10qhw] {
    background: rgba(79, 70, 229, 0.15);
    border-left: 3px solid #4f46e5;
}

.web-panel .conversation-item:last-child[b-80hvl10qhw] {
    border-bottom: none;
}

.web-panel .conversation-item:hover[b-80hvl10qhw] {
    background: #25272b;
}

.web-panel .conversation-details[b-80hvl10qhw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    overflow: hidden;
}

.web-panel .conversation-line-1[b-80hvl10qhw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.web-panel .conversation-primary[b-80hvl10qhw] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-weight: 600;
    color: #e4e6ea;
    font-size: 0.9rem;
}

.web-panel .contact-email[b-80hvl10qhw] {
    color: #9ca3af;
    font-weight: 400;
    font-size: 0.8rem;
}

.web-panel .conversation-time[b-80hvl10qhw] {
    color: #6b7280;
    font-size: 0.75rem;
    white-space: nowrap;
    font-weight: 500;
}

.web-panel .message-preview[b-80hvl10qhw] {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b4b4b4;
    font-size: 0.8rem;
    position: relative;
    top: -3px;
}

.web-panel .typing-preview[b-80hvl10qhw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #4f46e5;
    font-weight: 500;
    font-size: 0.8rem;
    padding: 4px 8px;
    background: rgba(79, 70, 229, 0.1);
    border-radius: 8px;
    border: 1px solid rgba(79, 70, 229, 0.2);
}

.web-panel .typing-preview img[b-80hvl10qhw] {
    height: 14px;
    width: auto;
}

/* ===== CURRENT CONVERSATION ===== */
.web-panel .current-conversation[b-80hvl10qhw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 7px 5px 12px;
    background: linear-gradient(135deg, #2d2f33 0%, #25272b 100%);
    border: 1px solid #374151;
    font-size: 0.9rem;
    color: #9ca3af;
}

.web-panel .current-conversation small[b-80hvl10qhw] {
    position: relative;
    top: -5px;
    color: #9ca3af;
}

.web-panel .current-conversation-info[b-80hvl10qhw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.web-panel .web-chat-status[b-80hvl10qhw] {
    font-size: 0.75rem;
    color: #9ca3af;
    font-style: italic;
}

/* ===== ACTION BUTTONS ===== */
.web-panel .action-buttons-conv[b-80hvl10qhw] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.web-panel .action-buttons-conv .flu-btn-sm[b-80hvl10qhw] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 0.75rem;
    line-height: 1;
    opacity: 0.8;
    color: #9ca3af;
    cursor: pointer;
}

.web-panel .action-buttons-conv .flu-btn-sm:hover[b-80hvl10qhw] {
    opacity: 1;
    color: #e4e6ea;
    background: #2d2f33;
    border-color: #374151;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* ===== MESSAGES LIST ===== */
    .web-panel .messages-list[b-80hvl10qhw] {
        padding: 12px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        overflow-y: auto;
        max-height: calc(100vh - 329px);
        flex: 1;
        scroll-behavior: smooth;
    }

.web-panel .conversation-list .no-messages[b-80hvl10qhw],
.web-panel .messages-list .no-messages[b-80hvl10qhw] {
    flex: 1;
}

/* ===== MESSAGE ITEMS ===== */
.web-panel .message-item[b-80hvl10qhw] {
    display: flex;
    max-width: 80%;
    margin-bottom: 8px;
    position: relative;
    align-items: flex-end;
    gap: 8px;
}

.web-panel .message-item.incoming[b-80hvl10qhw] {
    align-self: flex-start;
    flex-direction: row;
}

.web-panel .message-item.outgoing[b-80hvl10qhw] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

/* ===== MESSAGE CONTENT ===== */
.web-panel .message-content[b-80hvl10qhw] {
    padding: 10px 14px;
    border-radius: 16px;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    word-wrap: break-word;
    font-size: 0.9rem;
    line-height: 1.4;
    max-width: 100%;
    background: linear-gradient(135deg, #2d2f33 0%, #25272b 100%);
    color: #e4e6ea;
}

.web-panel .message-item.outgoing .message-content[b-80hvl10qhw] {
    background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);
    color: white;
}

.web-panel .message-content p[b-80hvl10qhw] {
    margin: 0 0 4px 0;
    line-height: 1.4;
}

.web-panel .message-content p:last-child[b-80hvl10qhw] {
    margin-bottom: 0;
}

.web-panel .message-header[b-80hvl10qhw] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 6px;
    gap: 8px;
}

.web-panel .message-sender[b-80hvl10qhw] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #93c5fd;
}

.web-panel .message-item.outgoing .message-sender[b-80hvl10qhw] {
    color: #e4e6ea;
}

.web-panel .message-time[b-80hvl10qhw] {
    font-size: 0.7rem;
    opacity: 0.7;
    display: block;
    text-align: right;
    color: #9ca3af;
    margin-top: 4px;
    font-weight: 500;
}

/* ===== MESSAGE ACTIONS ===== */
.web-panel .message-actions[b-80hvl10qhw] {
    display: flex;
    align-items: center;
    margin-left: 8px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.web-panel .message-item:hover .message-actions[b-80hvl10qhw] {
    opacity: 1;
}

.web-panel .message-delete-btn[b-80hvl10qhw] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s ease;
    color: #ef4444;
}

.web-panel .message-delete-btn:hover[b-80hvl10qhw] {
    background-color: rgba(239, 68, 68, 0.1);
    transform: scale(1.1);
}

.chopper-messaging .message-input[b-80hvl10qhw] {
    padding: 12px 16px;
    border-top: 1px solid #3a3b3e;
    background-color: #2a2b2e;
}

.chopper-messaging .message-input-textarea input[type="text"][b-80hvl10qhw] {
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    border: 2px solid #797979;
    border-radius: 4px;
    background-color: #cbcbcb;
    color: #000000;
    font-size: 0.875rem;
    font-family: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
    box-sizing: border-box;
}
/* ===== MESSAGE CONFIRMATION ===== */
.web-panel .message-confirmation[b-80hvl10qhw] {
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 10;
}

.web-panel .confirmation-circle[b-80hvl10qhw] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 10px;
    font-weight: 700;
    border: 2px solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.web-panel .confirmation-circle.unconfirmed[b-80hvl10qhw] {
    background-color: transparent;
    border-color: #6b7280;
    color: #6b7280;
}

.web-panel .confirmation-circle.unconfirmed:hover[b-80hvl10qhw] {
    background-color: #6b7280;
    color: #1a1b1e;
    transform: scale(1.1);
}

.web-panel .confirmation-circle.confirmed[b-80hvl10qhw] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-color: #10b981;
    color: white;
    cursor: default;
    overflow: hidden;
}

.web-panel .confirmation-circle.confirmed img[b-80hvl10qhw] {
    width: 28px;
    border-radius: 50%;
}

/* ===== TYPING INDICATOR ===== */
.web-panel .typing-indicator[b-80hvl10qhw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    color: #9ca3af;
    font-size: 0.75rem;
    background: rgba(45, 47, 51, 0.5);
    border-radius: 12px;
    margin: 4px 0;
}

.web-panel .typing-indicator img[b-80hvl10qhw] {
    height: 16px;
    width: auto;
    opacity: 0.7;
}

.web-panel .typing-indicator span[b-80hvl10qhw] {
    color: #9ca3af;
    font-size: 0.75rem;
    font-style: italic;
}

.web-panel .after-hours-banner[b-80hvl10qhw] {
    margin: 12px;
    padding: 12px;
    border-radius: 10px;
    background: rgba(234, 179, 8, 0.12);
    border: 1px solid rgba(234, 179, 8, 0.35);
    color: #fbbf24;
    font-size: 0.85rem;
    line-height: 1.4;
}

.web-panel .after-hours-banner strong[b-80hvl10qhw] {
    font-weight: 700;
}

/* ===== MESSAGE INPUT ===== */
.web-panel .message-input[b-80hvl10qhw] {
    display: flex;
    align-items: center;
    gap: 8px;
    /* padding: 16px 12px 0 12px; */
    flex-direction: row;
}

.web-panel .message-input-textarea[b-80hvl10qhw] {
    flex: 1;
}

.web-panel .message-input-textarea input[type="text"][b-80hvl10qhw] {
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    border: 2px solid #374151;
    background: #25272b;
    color: #e4e6ea;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.web-panel .message-input-textarea input[type="text"]:focus[b-80hvl10qhw] {
    border-color: #4f46e5;
    outline: none;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
    background: #2d2f33;
}

.web-panel .message-input-textarea input[type="text"][b-80hvl10qhw]::placeholder {
    color: #6b7280;
}

.web-panel .message-input-textarea input[type="text"]:hover[b-80hvl10qhw] {
    border-color: #4f46e5;
}
/* /Domain/Clients/Components/BusinessDetail.razor.rz.scp.css */
.pol-section-title[b-pvqcpbth8g] {
    font-family: "montserrat", sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    color: #6b6b6b;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #e9e9e9;
    padding: 3px 20px 3px 5px;
    border-top-right-radius: 20px;
    text-shadow: 1px 1px 1px #fff;
}
.pol-name[b-pvqcpbth8g] {
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: .8em;
    display: inline-block;
    font-weight: bold;
    color: #484848;
    text-align: right;
    position: relative;
    top: 0px;
}

.pol-value[b-pvqcpbth8g] {
    width: 200px;
    display: inline-block;
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: #000;
    height: 30px;
}
.business-details[b-pvqcpbth8g] {
    font-size: 1em;
}
.pol-section[b-pvqcpbth8g] {

}
.pol-section-container[b-pvqcpbth8g] {
    border-left: 5px solid #dedede;
    padding-top: 10px;
    padding-bottom: 20px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+35&1+0,0+35 */
    background: linear-gradient(165deg, rgba(229,229,229,1) 0%,rgba(255,255,255,0) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pol-column-spacer[b-pvqcpbth8g] {
    height:0px;
}
.copy-spcr[b-pvqcpbth8g] {
    position: relative;
    display: inline-block;
    top: 6px;
    left: 0px;
    width: 17px;
    height: 17px;
}
.copy-btn[b-pvqcpbth8g] {
    opacity: .3;
    position: relative;
    display: inline-block;
    top: 6px;
    left: 0px;
    width: 17px;
    height: 17px;
}
.copy-btn:hover[b-pvqcpbth8g] {
    cursor:pointer;
    opacity:1;
}
    .copy-btn:active[b-pvqcpbth8g] {
        cursor: pointer;
        opacity: 1;
        top: 7px;
        left: 1px;
    }
/* /Domain/Clients/Components/BusinessDetailsEditor.razor.rz.scp.css */
.pol-section-title[b-csk5e32fd7] {
    font-family: "montserrat", sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    color: #6b6b6b;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #e9e9e9;
    padding: 3px 20px 3px 5px;
    border-top-right-radius: 20px;
    text-shadow: 1px 1px 1px #fff;
    display: inline-block;
}

.pol-section-column-1[b-csk5e32fd7] {
    max-width: 345px;
    min-width: 345px;
    overflow: hidden;
    width: 345px;
}
.pol-section-column-3[b-csk5e32fd7] {
    max-width: 340px;
    min-width: 340px;
    overflow: hidden;
    width: 340px;
}
.pol-section-column-2[b-csk5e32fd7] {
    min-width: 275px;
    max-width: 275px;
    width: 275px;
    overflow: hidden;
}
.pol-section-column-4[b-csk5e32fd7] {
    overflow: hidden;
}
.e-small[b-csk5e32fd7] {
    text-align: left;
}
.showall[b-csk5e32fd7] {
    font-family: "montserrat", sans-serif;
    font-size:1.2em;
    color: #fff;
}
.switch-area[b-csk5e32fd7] {
    text-align: right;
    margin-bottom: 35px;
    background-color: #c95e16;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    box-shadow: inset 0px 0px 20px #00000063;
}
.var-name[b-csk5e32fd7] {
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: .8em;
    font-weight: bold;
    color: #484848;
    margin-bottom: 5px;
    padding-left: 10px;
}
.var-value[b-csk5e32fd7] {
    margin-bottom: 10px;
    padding-left: 10px;
}
.pol-value-mid[b-csk5e32fd7] {
    width: 125px;
    display: inline-block;
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: #000;
    height: 30px;
}
.var-value-nopad[b-csk5e32fd7] {
    padding-left: 10px;
}
.e-smaller[b-csk5e32fd7] {
    transform: scale(.8);
}
.pol-name[b-csk5e32fd7] {
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: .8em;
    display: inline-block;
    font-weight: bold;
    color: #484848;
    text-align: right;
    position: relative;
    top: 0px;
}
.pol-name-2[b-csk5e32fd7] {
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: .8em;
    display: inline-block;
    font-weight: bold;
    color: #484848;
    text-align: right;
    position: relative;
    top: 0px;
    width:25px;
}
.pol-name-small[b-csk5e32fd7] {
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: .8em;
    display: inline-block;
    font-weight: bold;
    color: #484848;
    text-align: left;
    position: relative;
    top: 0px;
}
.smallsplit-1[b-csk5e32fd7] {
    width:50%;
}
.smallsplit-2[b-csk5e32fd7] {
    width: 50%;
}
.smallsplit-3[b-csk5e32fd7] {
    width: 142px;
    padding-left: 12px;
}
.smallsplit-4[b-csk5e32fd7] {
    width: 139px;
}
    .pol-value[b-csk5e32fd7] {
        width: 200px;
        display: inline-block;
        font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
        font-size: 14px;
        color: #000;
        height: 30px;
    }
.pol-value-2[b-csk5e32fd7] {
    width: 200px;
    display: inline-block;
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: #000;
    height: 30px;
    overflow:hidden;
}
.perholder[b-csk5e32fd7] {
    padding-left: 15px;
    max-width: 318px;
}
.pol-value-small[b-csk5e32fd7] {
    display: inline-block;
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: #000;
    height: 30px;
}
.pol-row[b-csk5e32fd7] {
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: .8em;
    font-weight: bold;
    color: #484848;
    text-align: right;
    position: relative;
    top: 0px;
    width:300px;
    height:14px;
}
.pol-row span[b-csk5e32fd7] {
    position: relative;
    top:5px;
    margin-right:5px;
    margin-left: 5px;
}
.business-details[b-csk5e32fd7] {
    font-size: 1em;
}

.pol-section[b-csk5e32fd7] {
}

.pol-section-container[b-csk5e32fd7] {
    border-left: 5px solid #dedede;
    padding-top: 10px;
    padding-bottom: 20px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+35&1+0,0+35 */
    background: linear-gradient(165deg, rgba(229,229,229,1) 0%,rgba(255,255,255,0) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pol-column-spacer[b-csk5e32fd7] {
    height: 0px;
}

.copy-spcr[b-csk5e32fd7] {
    position: relative;
    display: inline-block;
    top: 6px;
    left: 0px;
    width: 17px;
    height: 17px;
}

.copy-btn[b-csk5e32fd7] {
    opacity: .3;
    position: relative;
    display: inline-block;
    top: 6px;
    left: 0px;
    width: 17px;
    height: 17px;
}

    .copy-btn:hover[b-csk5e32fd7] {
        cursor: pointer;
        opacity: 1;
    }

    .copy-btn:active[b-csk5e32fd7] {
        cursor: pointer;
        opacity: 1;
        top: 7px;
        left: 1px;
    }

.flat-card[b-csk5e32fd7] {
    font-family: "montserrat", sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    color: #828282;
    position:relative;
    top:25px;
}

.flat-class-container[b-csk5e32fd7] {
    position: relative;top: -25px;
    margin-left:10px;
}

.flat-up[b-csk5e32fd7] {
    /* Used for vertical spacing in ProposalDetails, keep for consistency */
}

.drop-zone-acord[b-csk5e32fd7] {
    outline: 0px;
    outline-offset: 0px !important;
    padding: 0 !important;
    background: none !important;
}

.attachment-thumbnail[b-csk5e32fd7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    margin-bottom: 0;
    margin-top:30px;
}

.thumb-icon[b-csk5e32fd7] {
    max-width: 160px;
    box-shadow: 1px 1px 9px #ccc;
}

.attachment-actions[b-csk5e32fd7] {
    display: flex;
    flex-direction: row;
    gap: 6px;
    margin-top: 5px;
    margin-bottom: 2px;
    justify-content: flex-end !important;
    width: 100%;
}

.delbtn[b-csk5e32fd7], .folderbtn[b-csk5e32fd7], .openbtn[b-csk5e32fd7] {
    cursor: pointer;
    font-size: 14px !important;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transition: background 0.15s;
}

.delbtn:hover[b-csk5e32fd7], .folderbtn:hover[b-csk5e32fd7], .openbtn:hover[b-csk5e32fd7] {
    background: #e8f0fe;
}


.copy-btn[b-csk5e32fd7] {
    cursor: pointer;
    margin-left: 5px;
}

.copy-spcr[b-csk5e32fd7] {
    margin-left: 20px; /* Adjust as needed for alignment */
}

.pol-column-spacer[b-csk5e32fd7] {
    margin-bottom: 20px; /* Adjust as needed */
}

.txt-section[b-csk5e32fd7] {
    font-weight: bold;
    margin-bottom: 5px;
}

.key[b-csk5e32fd7] {
    color: #cf4740;
}

.string[b-csk5e32fd7] {
    color: #593294;
}

.number[b-csk5e32fd7] {
    color: #b5cea8;
}

.brace[b-csk5e32fd7] {
    color: #bdbdbd;
}

.colon[b-csk5e32fd7] {
    color: #1b8ce3;
}

.boolean[b-csk5e32fd7] {
    color: #1b8ce3;
}

.null[b-csk5e32fd7] {
    color: #bdbdbd;
}

.bracket[b-csk5e32fd7] {
    color: #bdbdbd;
}

.comma[b-csk5e32fd7] {
    color: #bdbdbd;
}
.code-field[b-csk5e32fd7] {
    max-width: 50px;
}
/* /Domain/Clients/Components/ClientCallTranscriptions.razor.rz.scp.css */
.sf-layout[b-6z055mhm0x] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
}

.sf-header[b-6z055mhm0x] {
    margin-bottom: 20px;
}

    .sf-header h1[b-6z055mhm0x] {
        margin-bottom: 5px;
    }

    .sf-header h2[b-6z055mhm0x] {
        margin-top: 0;
        color: #666;
        font-weight: normal;
    }

.loading-container[b-6z055mhm0x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
}

.empty-state[b-6z055mhm0x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.filters[b-6z055mhm0x] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.transcription-list[b-6z055mhm0x] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.transcription-card[b-6z055mhm0x] {
    padding: 16px;
}

.card-header[b-6z055mhm0x] {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
}

.phone-info[b-6z055mhm0x], .date-info[b-6z055mhm0x], .duration-info[b-6z055mhm0x] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.transcription-text[b-6z055mhm0x] {
    margin-bottom: 16px;
    white-space: pre-wrap;
    line-height: 1.4;
}

.card-actions[b-6z055mhm0x] {
    display: flex;
    gap: 8px;
}

.dialog-content[b-6z055mhm0x] {
    display: flex;
    flex-direction: column;
    max-height: 70vh;
    overflow-y: auto;
    padding: 4px 0;
}

.dialog-header[b-6z055mhm0x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0px !important;
    padding: 4px 4px;
    border-radius: 10px;
    background: #f7f9ff;
    border: 1px solid #dfe3f8;
}

.call-meta[b-6z055mhm0x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.meta-label[b-6z055mhm0x] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #61728f;
}

.meta-value[b-6z055mhm0x] {
    font-size: 14px;
    color: #1f2d3d;
}

.transcription-full-text[b-6z055mhm0x] {
    white-space: pre-wrap;
    line-height: 1.5;
}

.ai-summary-section[b-6z055mhm0x] {
    padding: 0px !important;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(23, 58, 124, 0.08);
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ai-summary-loading .loading-container[b-6z055mhm0x] {
    height: auto;
    padding: 4px 0;
    flex-direction: row;
    align-items: center;
    gap: 1px;
}

    .ai-summary-loading .loading-container p[b-6z055mhm0x] {
        margin: 0;
        color: #61728f;
        font-size: 14px;
    }

.ai-summary-header[b-6z055mhm0x] {
    display: flex;
    align-items: center;
    gap: 1px;
    margin: 0;
}

    .ai-summary-header h4[b-6z055mhm0x] {
        margin: 0;
        color: #1b4aaa;
        font-size: 16px;
        font-weight: 600;
    }

.ai-summary-content[b-6z055mhm0x] {
    font-size: 14px;
    line-height: 1.45;
    color: #1f2933;
}

    .ai-summary-content ul[b-6z055mhm0x] {
        margin: 0;
        padding-left: 1px;
    }

    .ai-summary-content li[b-6z055mhm0x] {
        margin-bottom: 0px;
    }

        .ai-summary-content li:last-child[b-6z055mhm0x] {
            margin-bottom: 0;
        }
/* /Domain/Clients/Components/ClientHeader.razor.rz.scp.css */
/* Main container for the entire header */
.client-header-container[b-aoc7nm9ht0] {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    min-height: 80px;
}

/* Logo section styling */
.client-logo-section-sf[b-aoc7nm9ht0] {
    overflow: hidden;
    display: flex;
}

.client-logo-container-sf[b-aoc7nm9ht0] {
    max-height: 80px;
}

.client-logo-sf[b-aoc7nm9ht0] {
    max-height: 80px;
}
.client-logo-section[b-aoc7nm9ht0] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.client-logo-container[b-aoc7nm9ht0] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid #dee2e6;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    max-width: 140px;
    max-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.client-logo-container:hover[b-aoc7nm9ht0] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    border-color: #036ac4;
}
.client-logo[b-aoc7nm9ht0] {
    max-width: 120px;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 6px;
    transition: all 0.3s ease;
}

/* Client info section - takes remaining space */
.client-info-section[b-aoc7nm9ht0] {
    flex: 1;
    min-width: 0;
}
.top-rowone[b-aoc7nm9ht0] {
    width: 100%;
    height: 50px;
    overflow: hidden;
}
.client-name[b-aoc7nm9ht0] {
    font-weight: 800;
    font-style: normal;
    font-size: 2.5em;
    position: relative;
    top: 5px;
    color: #2d2d2d;
    text-shadow: 1px 2px 1px #afafaf;
}

.client-phone[b-aoc7nm9ht0] {
    float: right;
}

.client-phonenumber[b-aoc7nm9ht0] {
    font-weight: 300;
    font-style: normal;
    font-size: 2.5em;
    position: relative;
    top: -10px;
    left: -5px;
    color: #8d8d8d;
}

.phone-icon[b-aoc7nm9ht0] {
    position: relative;
    top: 2px;
    color: #8d8d8d;
    filter: grayscale(100%);
}

    .phone-icon:hover[b-aoc7nm9ht0] {
        color: #0f6cbd;
        filter: grayscale(0%);
    }

.email-icon[b-aoc7nm9ht0] {
    position: relative;
    top: 2px;
    color: #8d8d8d;
}

.map-icon[b-aoc7nm9ht0] {
    position: relative;
    top: 2px;
    color: #8d8d8d;
}
.client-data[b-aoc7nm9ht0] {
    display: contents;
    font-weight: 300;
    position: relative;
    left: -4px;
    top: -4px;
    font-style: normal;
    font-size: 1.125em;
    margin-right: 25px;
    text-decoration: none;
    color: #1e1e1e;
}

    .client-data:hover[b-aoc7nm9ht0] {
        color: #0f6cbd;
        cursor: pointer;
    }

.data-icon[b-aoc7nm9ht0] {
    position: relative;
    top: -1px;
    left:-1px;
    color: #8d8d8d;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
    .client-header-container[b-aoc7nm9ht0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .client-logo-container[b-aoc7nm9ht0] {
        max-width: 100px;
        max-height: 60px;
        padding: 8px;
    }
    
    .client-logo[b-aoc7nm9ht0] {
        max-width: 85px;
        max-height: 45px;
    }
    
    .client-name[b-aoc7nm9ht0] {
        font-size: 2em;
    }
    
    .client-phonenumber[b-aoc7nm9ht0] {
        font-size: 2em;
    }
}

/* one line, no wrap */
.top-rowtwo[b-aoc7nm9ht0] {
    display: flex;
    align-items: center;
    gap: 14px; 
    white-space: nowrap;
    overflow: hidden;
    min-width: 0;
}

    .top-rowtwo .rowtwo-item[b-aoc7nm9ht0] {
        display: flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        flex: 1 1 0;
    }

    .top-rowtwo .client-data[b-aoc7nm9ht0] {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }

    .top-rowtwo .data-icon[b-aoc7nm9ht0] {
        flex: 0 0 auto;
    }
/* /Domain/Clients/Pages/Clients.razor.rz.scp.css */
[b-776fuuod9g] fluent-tabs {
    --density: 0;
}

.page-content-client[b-776fuuod9g] {
    display: flex;
    flex-direction: row;
}

.tinyexpander[b-776fuuod9g] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .4;
    transition: all .4s ease;
}

    .tinyexpander:hover[b-776fuuod9g] {
        left: -3px;
        opacity: .8;
        cursor: pointer;
    }

.sf-collapse[b-776fuuod9g] {
    float: right;
    width: 15px;
    height: 100%;
    background-color: #e2e2e2;
}

.client-main[b-776fuuod9g] {
    position: relative;
    height: auto;
    background-color: #fff;
}

.btn-notestog[b-776fuuod9g] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    cursor: pointer;
    opacity: .4;
    transition: all .4s ease;
}

    .btn-notestog:hover[b-776fuuod9g] {
        top: -3px;
        opacity: 1;
    }

h3[b-776fuuod9g] {
    position: relative;
    top: 3px;
    padding: 0 !important;
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px !important;
    color: #8d8d8d;
}

h4[b-776fuuod9g] {
    position: relative;
    top: 3px;
    padding: 0 !important;
    font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px !important;
    color: #8d8d8d;
}

:root .smallbutton[b-776fuuod9g] {
    width: 50px;
    font-size: .6em !important;
}

.policy-number[b-776fuuod9g] {
    font-size: .75em;
    color: #ccc;
}

.policy-price[b-776fuuod9g] {
    font-family: "montserrat", sans-serif;
    font-size: .9em;
    font-style: italic;
    color: #bebebe;
}

.policy-details[b-776fuuod9g] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.attachment-mode-bar[b-776fuuod9g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 4px 12px;
}
.attachment-mode-bar .mode-label[b-776fuuod9g] {
    font-weight: 600;
    color: #374151;
}
.attachment-mode-bar .mode-buttons[b-776fuuod9g] {
    display: inline-flex;
    gap: 8px;
}
.attachment-switch[b-776fuuod9g] {
    display: flex;
    justify-content: flex-end;
}
.past-policy[b-776fuuod9g] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 0 17px 0 7px;
    margin-bottom: 7px;
    font-size: 10px;
    border-left: 5px solid #e5e5e5;
    border-radius: 5px;
}

    .past-policy div[b-776fuuod9g] {
        text-align: left;
    }

.txt-cursive-sm[b-776fuuod9g] {
    position: relative;
    top: -6px;
}

.sf-toppad[b-776fuuod9g] {
    margin-top: 25px;
    margin-bottom: 12px !important;
}

.past-policy-header[b-776fuuod9g] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.past-policy-details[b-776fuuod9g] {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: #696969;
}

.client-details-1[b-776fuuod9g] {
    padding-bottom: 20px;
    font-family: "montserrat", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.client-top[b-776fuuod9g] {
    padding: 2px 15px 4px;
    background: linear-gradient(to bottom, #f9f9f9 0%, #eaeaea 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "montserrat", sans-serif;
}

.top-rowtwo[b-776fuuod9g] {
    position: relative;
    top: -4px;
    color: #454545;
}

.client-list-empty[b-776fuuod9g] {
    padding: 10px;
    text-align: center;
    font-family: "montserrat";
    font-size: .9em;
    color: #9d9d9d;
}

.client-header[b-776fuuod9g] {
    flex: 2;
    line-height: 30px;
    font-family: "montserrat", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 2.5em;
}

    .client-header h1[b-776fuuod9g] {
        margin-bottom: 20px;
        font-family: "montserrat", sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 2.5em;
    }

.client-header-2[b-776fuuod9g] {
    flex: 1;
}

.client-header-3[b-776fuuod9g] {
    flex: 1;
    text-align: right;
    line-height: 20px;
    align-content: center;
}

.client-email[b-776fuuod9g] {
    font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1em;
}

/* -----------  Columns & Main Layout  ------------ */
.sf-col-container[b-776fuuod9g] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #fff;
}

.contactcard[b-776fuuod9g] {
    margin-left: 10px;
    font-size: 1rem;
}

.tabcontents[b-776fuuod9g] {
    padding: 10px 20px;
}

.tabcontentsnopad[b-776fuuod9g] {
    padding: 5px;
}

.sf-col-1[b-776fuuod9g] {
    flex: 1.75;
    min-width: 500px;
    padding: 0 20px 0 0;
}

.sf-col-2[b-776fuuod9g] {
    flex: 1.5;
    padding: 0 10px 0 20px;
    font-family: "montserrat", sans-serif;
}

.sf-col-3[b-776fuuod9g] {
    flex: 1.35;
    padding: 0 10px 0 20px;
    font-family: "montserrat", sans-serif;
    font-size: 12px;
}
:root[b-776fuuod9g] {
    --density: 0 !important;
}
    :root .sf-selected[b-776fuuod9g] {
        --density: 0 !important;
    }
.sf-selected[b-776fuuod9g] {
    --density: 0 !important;
    position: relative;
    width: 100%;
    background-color: #fff;
    border-top-left-radius: 10px;
    box-shadow: 0 0 6px #0000002b;
}

.client-vspacer[b-776fuuod9g] {
    height: 30px;
}

.sf-header[b-776fuuod9g] {
    display: flex;
    justify-content: normal;
    flex-direction: row;
    padding: 12px 15px 8px;
    background: linear-gradient(to bottom, #f9f9f9 0%, #eaeaea 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "montserrat", sans-serif;
}

.client-logo-sf[b-776fuuod9g] {
    max-height: 100px;
}

.client-details[b-776fuuod9g] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding: 15px;
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.sf-detail[b-776fuuod9g] {
    width: 100%;
    padding: 20px;
}

.column[b-776fuuod9g] {
    flex: 1;
    padding: 0;
}

    .column:first-child[b-776fuuod9g] {
        padding-right: 20px;
    }

    .column:nth-child(2)[b-776fuuod9g] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .column:last-child[b-776fuuod9g] {
        padding-left: 20px;
    }

    .column h3[b-776fuuod9g] {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .column p[b-776fuuod9g],
    .column ul[b-776fuuod9g] {
        margin-bottom: 10px;
    }

/* -----------  Client List  ------------ */
.client-list[b-776fuuod9g] {
    margin-top: 8px;
    width: 225px;
    overflow: hidden;
}

.client-list-item[b-776fuuod9g] {
    padding: 3px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .9em;
    color: #6c6c6c;
    transition: all .1s ease-out;
}

    .client-list-item:hover[b-776fuuod9g] {
        color: #272727;
        background-color: #fff;
        cursor: pointer;
    }

.syncme[b-776fuuod9g] {
    transition: all 5s ease-out;
}

.syncmeTrue[b-776fuuod9g] {
    display: block;
    opacity: 1;
}

.syncmeFalse[b-776fuuod9g] {
    opacity: .2;
}

/* -----------  AI Summary  ------------ */
.ai-summary-loading[b-776fuuod9g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px;
}

.ai-summary-content[b-776fuuod9g] {
    height: 100%;
    overflow-y: auto;
}

    .ai-summary-content h3[b-776fuuod9g] {
        margin-top: 0;
        color: var(--neutral-foreground-rest);
    }

    .ai-summary-content h4[b-776fuuod9g] {
        margin-top: 16px;
        color: var(--neutral-foreground-rest);
    }

    .ai-summary-content ul[b-776fuuod9g] {
        margin: 8px 0;
        padding-left: 24px;
    }

    .ai-summary-content li[b-776fuuod9g] {
        margin: 4px 0;
    }

    .ai-summary-content strong[b-776fuuod9g] {
        font-weight: bold;
        color: var(--neutral-foreground-rest);
    }

.sf-tab[b-776fuuod9g] {
    height: calc(100vh - 300px);
    overflow-y: scroll;
}

.pol-tweak[b-776fuuod9g] {
    position: relative;
    top: -65px;
    padding-right: 2px;
}

.quickstats-col-1[b-776fuuod9g] {
    padding-left: 10px;
    border-left: 1px solid #ccc;
    font-family: "Segoe UI";
    font-size: .85em;
    color: #000;
}

    .quickstats-col-1 b[b-776fuuod9g] {
        text-transform: uppercase;
        font-weight: 900;
        color: #5a5a5a;
    }

/* -----------  Fallback Logo & Stats  ------------ */
.no-logo-fallback[b-776fuuod9g] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.fallback-logo-container[b-776fuuod9g] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
}

.fallback-logo-img[b-776fuuod9g] {
    width: 78px;
    height: 78px;
    object-fit: contain;
    flex-shrink: 0;
}

.fallback-business-text[b-776fuuod9g] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.1;
}

.business-name-line1[b-776fuuod9g] {
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 700;
    color: #212529;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.business-name-line2[b-776fuuod9g] {
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    color: #6c757d;
    text-transform: capitalize;
}

.enhanced-stats[b-776fuuod9g] {
    flex: 1;
    max-width: 220px;
    margin: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stat-row[b-776fuuod9g] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
}

    .stat-row:last-child[b-776fuuod9g] {
        margin-bottom: 0;
    }

.stat-icon[b-776fuuod9g] {
    width: 20px;
    text-align: center;
    flex-shrink: 0;
}

.stat-content[b-776fuuod9g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    flex: 1;
}

    .stat-content b[b-776fuuod9g] {
        flex-shrink: 0;
        font-size: 11px;
        font-weight: 600;
        color: #6c757d;
        text-transform: uppercase;
        letter-spacing: .5px;
    }

.stat-number[b-776fuuod9g] {
    min-width: 80px;
    text-align: right;
    font-size: 13px;
    font-weight: 700;
    color: #6c757d;
}

    .stat-number.highlight[b-776fuuod9g] {
        font-weight: 700;
        color: #6c757d;
    }

/* -----------  Dialog Sizing & Header  ------------ */
:root[b-776fuuod9g] {
    --dialog-width: 60vw !important;
    --dialog-height: 80vh !important;
}

.ai-summary-d[b-776fuuod9g] {
    width: 60vw !important;
    min-width: 60vw !important;
}

.dialog-header-custom[b-776fuuod9g] {
    padding: 5px 0 5px 10px !important;
    color: #585858 !important;
    background-color: #d9d9d9 !important;
    border-radius: 14px !important;
    box-shadow: 3px 3px 5px #ffffff !important;
    font-family: "montserrat" !important;
    font-size: 1.3em !important;
    font-weight: 500 !important;
}

.dialog-header-texter[b-776fuuod9g] {
    position: relative;
    top: 4px;
}

/* -----------  Transcription Confirmation Dialog  ------------ */
.transcription-confirm-content[b-776fuuod9g] {
    padding: 16px 0;
}

    .transcription-confirm-content p[b-776fuuod9g] {
        margin-bottom: 16px;
        line-height: 1.5;
        color: #323130;
    }

.transcription-options[b-776fuuod9g] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
}

.option-card[b-776fuuod9g] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background-color: #faf9f8;
    border: 1px solid #e1dfdd;
    border-radius: 8px;
    transition: all .2s ease;
}

    .option-card:hover[b-776fuuod9g] {
        background-color: #f0f8ff;
        border-color: #0078d4;
        cursor: pointer;
    }

    .option-card strong[b-776fuuod9g] {
        display: block;
        margin-bottom: 4px;
        font-weight: 600;
        color: #323130;
    }

    .option-card p[b-776fuuod9g] {
        margin: 0;
        font-size: 14px;
        color: #605e5c;
        line-height: 1.4;
    }
.agent-action-btn[b-776fuuod9g] {
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 20px 8px 20px;
    border-radius: 16px;
    color: #0473ce;
    font-family: 'Segoe UI', sans-serif;
    font-size: 0.8em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 1px solid rgba(4, 115, 206, 0.15);
    position: relative;
    overflow: hidden;
    min-height: 55px;
    text-align: center;
    width:100%;
}

    .agent-action-btn[b-776fuuod9g]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(4, 115, 206, 0.1), transparent);
        transition: left 0.5s;
    }

    .agent-action-btn:hover[b-776fuuod9g]::before {
        left: 100%;
    }

    .agent-action-btn:hover[b-776fuuod9g] {
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(4, 115, 206, 0.25);
        border-color: rgba(4, 115, 206, 0.3);
        background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);
    }

        .agent-action-btn:hover .agent-btn-icon[b-776fuuod9g] {
            transform: scale(1.15);
        }

    .agent-action-btn:active[b-776fuuod9g] {
        transform: translateY(-1px);
        box-shadow: 0 4px 15px rgba(4, 115, 206, 0.2);
    }

.agent-btn-icon[b-776fuuod9g] {
    transition: transform 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(4, 115, 206, 0.2));
}

.agent-btn-text[b-776fuuod9g] {
    font-weight: 600;
    letter-spacing: 0.025em;
    line-height: 1.2;
    word-wrap: break-word;
    hyphens: auto;
}
.sf-toolbtnrow[b-776fuuod9g] {
    margin-top:10px;
    display: flex;
    gap: 10px;
    align-items: stretch;
}
/* /Domain/Contacts/Components/ContactsListImport.razor.rz.scp.css */
.m-contact[b-yit3jxq4rv] {
    padding: 5px;
    border: 1px solid #e4e4e4;
    border-left: 5px solid #ccc;
    border-radius: 3px;
    width: 80% !important;
    margin-bottom: 11px;
    font-family: "montserrat", sans-serif;
}

.m-contact-small[b-yit3jxq4rv] {
    padding: 5px;
    font-family: "montserrat", sans-serif;
    font-size: .85em;
    line-height: 11px;
}
/* /Domain/Contacts/Components/Create.razor.rz.scp.css */
.form-section[b-xrysmuzc3e] {
    margin-bottom: 10px;
}

.phone-type-options[b-xrysmuzc3e] {
    display: flex;
    gap: 4px;
    margin: 8px 0;
}

    .phone-type-options .fluent-button[b-xrysmuzc3e] {
        padding: 2px 6px;
        border-radius: 4px;
        background-color: #f5f5f5;
        font-size: 0.9em;
        transition: all 0.2s ease;
    }

        .phone-type-options .fluent-button.selected[b-xrysmuzc3e] {
            background-color: #1976d2;
            color: white;
            font-weight: 500;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .phone-type-options .fluent-button:hover[b-xrysmuzc3e] {
            background-color: #e3f2fd;
        }

        .phone-type-options .fluent-button.selected:hover[b-xrysmuzc3e] {
            background-color: #1565c0;
        }

.add-another-button[b-xrysmuzc3e] {
    margin-top: 8px;
    font-size: 0.9em;
}

.phone-item[b-xrysmuzc3e], .email-item[b-xrysmuzc3e] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 8px;
}

    .phone-item.primary[b-xrysmuzc3e], .email-item.primary[b-xrysmuzc3e] {
        background-color: #e3f2fd;
        border-left: 3px solid #1976d2;
    }

.primary-badge[b-xrysmuzc3e] {
    background-color: #1976d2;
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: 500;
}

.form-group[b-xrysmuzc3e] {
    margin-bottom: 10px;
}

.phone-input-container[b-xrysmuzc3e],
.email-input-container[b-xrysmuzc3e] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.phone-list[b-xrysmuzc3e],
.email-list[b-xrysmuzc3e] {
    margin-top: 20px;
}

.phone-item[b-xrysmuzc3e],
.email-item[b-xrysmuzc3e] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 8px;
}

.sms-badge[b-xrysmuzc3e] {
    background-color: #e3f2fd;
    color: #1976d2;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.8em;
}

.carrier-options[b-xrysmuzc3e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin-top: 15px;
}

.form-actions[b-xrysmuzc3e] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.input-label[b-xrysmuzc3e] {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #333;
}
.subColumnOne[b-xrysmuzc3e] {
    flex: 1;
    max-width:400px;
}
.subColumnTwo[b-xrysmuzc3e] {
    flex: 1;
}
.subColumnThree[b-xrysmuzc3e] {
    flex: 1;
}
.form-section[b-xrysmuzc3e] {
    padding: 0px;
    margin:0;
}
.pol-section-title[b-xrysmuzc3e] {
    font-family: "montserrat", sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    color: #6b6b6b;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 20px 3px 5px;
    border-top-right-radius: 20px;
    text-shadow: 1px 1px 1px #fff;
}
.pol-section-container[b-xrysmuzc3e] {
    border-left: 5px solid #c8c8c8;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+35,ffffff+99&1+0,0.26+35,0.89+99 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.26) 35%,rgba(255,255,255,0.89) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.borderx[b-xrysmuzc3e] {
    
}
    .borderx[b-xrysmuzc3e]::after {
        content: "";
        position: absolute;
        top: 0;
        right: -10px; /* move border 10px right */
        height: 200px;
        width: 1px;
        background-color:#000;
        border-right: 2px solid #000;
    }
.hackline[b-xrysmuzc3e] {
    width:1px;
    height:200px;
    background-color:#0000003a;
    float: right;
    position: relative;
    left: 23px;
    top:10px;
}
/* /Domain/Contacts/Components/View.razor.rz.scp.css */
.empty-message[b-bzds5a685p] {
    padding: 10px;
    color: #666;
    font-style: italic;
    margin-bottom: 15px;
    background-color: #f9f9f9;
    border-radius: 4px;
    text-align: center;
}

.dialog-content[b-bzds5a685p] {
    padding: 10px;
    min-width: 350px;
}

.form-group[b-bzds5a685p] {
    margin-bottom: 15px;
}

.checkbox-group[b-bzds5a685p] {
    margin-top: 15px;
}


/* --------------------------------------------------------- */
/* SECTION TABLE ------------------------------------------- */
/* --------------------------------------------------------- */
.flauxentTable[b-bzds5a685p] {
    width: 100%;
    border-collapse: collapse; /* Essential for clean lines */
    border-spacing: 0;
    font-family: var(--body-font, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
    font-size: var(--type-ramp-base-font-size, 14px);
    line-height: var(--type-ramp-base-line-height, 20px);
    color: var(--neutral-foreground-rest, #212121);
    margin-bottom: .3rem; /* Spacing below the table          */
}

    /* --- Table Header (thead) ---                          */
    .flauxentTable thead th[b-bzds5a685p] {
        padding: 0px 12px;
        font-weight: 300;
        border-bottom: 1px solid #c3c3c3;
        white-space: nowrap;
        vertical-align: middle;
        text-align: left;
    }

    /* --- Table Body (tbody) ---                            */
    .flauxentTable tbody tr[b-bzds5a685p] {
        transition: background-color 0.15s ease-in-out;
    }

        /* Zebra striping                                    */
        .flauxentTable tbody tr:nth-child(even)[b-bzds5a685p] {
            background-color: #ffffff2d;
        }

    .flauxentTable thead th:first-child[b-bzds5a685p] {
        padding-left: 10px !important;
    }

    .flauxentTable tbody td:first-child[b-bzds5a685p] {
        padding-left: 10px !important;
    }

    /* Hover effect                                      */
    .flauxentTable tbody tr:hover[b-bzds5a685p] {
        background-color: #00000010;
    }

    /* --- Table Cells (td) ---                              */
    .flauxentTable tbody td[b-bzds5a685p] {
        padding: 0px 12px;
        border-bottom: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
        vertical-align: middle;
        line-height: var(--type-ramp-base-line-height, 20px);
    }

    .flauxentTable tbody tr:last-child td[b-bzds5a685p] {
        border-bottom: none;
    }

    /* --- Action Buttons Alignment ---                      */
    .flauxentTable td:last-child[b-bzds5a685p] {
        text-align: right;
        white-space: nowrap;
    }

        .flauxentTable td:last-child > fluent-button + fluent-button[b-bzds5a685p],
        .flauxentTable td:last-child > button + button[b-bzds5a685p] {
            margin-left: 4px;
        }

.featuredrow[b-bzds5a685p] {
    font-weight: bold;
    font-size: 1.2em;
    font-family: 'Montserrat';
    position: relative;
    top: 2px;
}

.shmedium[b-bzds5a685p] {
    width: 50px;
    text-align: center;
}
.tlabel[b-bzds5a685p] {

}
/* END TABLE -----------------------------------------------  */
/* ---------------------------------------------------------  */
.fluent-radio[b-bzds5a685p] {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    width: 18px;
    height: 18px;
    border: 2px solid #5e5e5e;
    border-radius: 50%;
    display: inline-grid;
    place-content: center;
    cursor: pointer;
    transition: border-color 0.2s ease-in-out;
    vertical-align: middle;
    position: relative;
}

    .fluent-radio[b-bzds5a685p]::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 50%;
        transform: scale(0);
        transition: transform 120ms ease-in-out;
        background-color: #0078d4; /* Fluent primary blue */
    }

    .fluent-radio:checked[b-bzds5a685p]::before {
        transform: scale(1);
    }

    .fluent-radio:hover[b-bzds5a685p] {
        border-color: #0078d4;
    }

    .fluent-radio:focus[b-bzds5a685p] {
        outline: 2px solid #0078d4;
        outline-offset: 2px;
    }

.contact-body[b-bzds5a685p] {
    background-color: #fbfbfb;
    padding: 10px;
    border-top: 1px solid #cecece;
    border-left: 1px solid #cecece;
}

.contact-header[b-bzds5a685p] {
    font-family: "montserrat", sans-serif;
    background-color: #ffffff7e;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    z-index: 300;
    padding: 3px;
    border-top-left-radius: 40px;
    border-left: 1px solid #cecece;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 82%,rgba(229,229,229,1) 100%);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+82,e5e5e5+100 */
}

.contact-name[b-bzds5a685p] {
    font-weight: 800;
    font-style: normal;
    font-size: 2.5em;
    position: relative;
}

.contact-title[b-bzds5a685p] {
    font-family: "montserrat", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.3em;
}

.contact-header-td[b-bzds5a685p] {
    padding-left: 20px;
    position: relative;
}

.persona-box[b-bzds5a685p] {
    font-size: .5em;
    position: relative;
}


/* Box Sections ------------------------- */
.sf-section-title[b-bzds5a685p] {
    font-family: "montserrat", sans-serif;
    border-bottom-right-radius: 8px;
    background-color: #fbfbfb;
    text-transform: uppercase;
    border-bottom: 1px solid #00000026;
    letter-spacing: 2px;
    padding-right: 10px;
    padding-bottom: 3px;
    position: relative;
    padding-left: 0px;
    font-weight: 400;
    font-size: 1em;
    color: #717171;
    top: 8px;
}

.sf-section-container[b-bzds5a685p] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-top: 16px;
    padding-left: 0px;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #fff;
    background: linear-gradient(182deg, rgba(219,219,219,1) 0%,rgba(239,239,239,1) 27%,rgba(244,244,244,1) 100%);
}

.sf-txt-column[b-bzds5a685p] {
    font-family: "montserrat", sans-serif;
    font-weight: 300;
    font-size: .75em;
    color: #5f5f5f;
    text-transform: uppercase;
}

/* Persona ------------------------- */
td:first-child .edit-icon-container[b-bzds5a685p] {
    bottom: -4px;
    right: -11px;
}

td:nth-child(2) .edit-icon-container[b-bzds5a685p] {
    top: 30px;
    right: -30px;
}

.edit-icon-container[b-bzds5a685p] {
    position: absolute;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}

    .edit-icon-container:hover[b-bzds5a685p] {
        background: rgba(0, 0, 0, 0.1);
    }


/* Buttons ------------------------- */
.button-row[b-bzds5a685p] {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}


/* Layout */
#firstColumn[b-bzds5a685p] {
    flex: 2;
    min-width: 550px;
}

#secondColumn[b-bzds5a685p] {
    flex: 2;
    min-width: 300px;
}

#thirdColumn[b-bzds5a685p] {
    flex: 1;
    min-width: 500px;
}

.cb[b-bzds5a685p] {
    margin-bottom: 10px;
}
/*//AI GENERATED*/

.txt-persona[b-bzds5a685p] {
    box-shadow: 0px 0px 10px #ccc;
    font-size: 5em;
}

.phone-input-container[b-bzds5a685p] {
    position: relative;
    margin-bottom: 10px;
}

    .phone-input-container input.sf-textbox[b-bzds5a685p] {
        width: 100%;
        padding: 8px 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 14px;
        transition: border-color 0.2s;
    }

        .phone-input-container input.sf-textbox:focus[b-bzds5a685p] {
            border-color: #0473ce;
            outline: none;
        }

.formatted-preview[b-bzds5a685p] {
    font-size: 13px;
    color: #0473ce;
    margin-top: 4px;
    font-weight: 500;
}

.primary-association[b-bzds5a685p] {
    margin-bottom: 8px;
    font-size: 16px;
}

.clickable-client[b-bzds5a685p] {
    cursor: pointer;
    color: #0066cc;
}

    .clickable-client:hover[b-bzds5a685p] {
        text-decoration: underline;
    }

.hint-text[b-bzds5a685p] {
    font-size: 12px;
    color: #666;
    margin-top: 2px;
}

.mt-2[b-bzds5a685p] {
    margin-top: 10px;
}

.mb-2[b-bzds5a685p] {
    margin-bottom: 5px;
}

.search-box[b-bzds5a685p] {
    position: relative;
    margin-bottom: 15px;
}

.search-spinner[b-bzds5a685p] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.search-results-container[b-bzds5a685p] {
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 15px;
}

.search-results-table[b-bzds5a685p] {
    width: 100%;
    border-collapse: collapse;
}

    .search-results-table th[b-bzds5a685p] {
        background-color: #f5f5f5;
        padding: 8px;
        text-align: left;
        font-weight: 500;
        border-bottom: 1px solid #e0e0e0;
    }

    .search-results-table td[b-bzds5a685p] {
        padding: 8px;
        border-bottom: 1px solid #e0e0e0;
    }

.search-result-row[b-bzds5a685p] {
    cursor: pointer;
    transition: background-color 0.2s;
}

    .search-result-row:hover[b-bzds5a685p] {
        background-color: #f0f7ff;
    }

.empty-search-results[b-bzds5a685p] {
    padding: 15px;
    text-align: center;
    color: #666;
    font-style: italic;
}

.selected-result[b-bzds5a685p] {
    margin-top: 20px;
    padding: 12px;
    background-color: #f0f7ff;
    border-radius: 4px;
    border-left: 4px solid #0066cc;
}

.selected-result-header[b-bzds5a685p] {
    font-weight: 500;
    margin-bottom: 5px;
    color: #333;
}

.selected-result-name[b-bzds5a685p] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.selected-result-parent[b-bzds5a685p] {
    font-size: 13px;
    color: #666;
}

.mt-4[b-bzds5a685p] {
    margin-top: 20px;
}

.mb-3[b-bzds5a685p] {
    margin-bottom: 15px;
}
.page-content[b-bzds5a685p] {
    padding-left: 5px;
}
/* /Domain/Contacts/Pages/Contacts.razor.rz.scp.css */
.no-selection-message[b-wgi9ffn11c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--neutral-foreground-rest);
}
.sf-verthr2[b-wgi9ffn11c] {
    display: inline-block;
    width: 1px;
    height: 24px;
    background-color: var(--neutral-stroke-rest);
    margin: 0 8px;
}
.no-selection-message[b-wgi9ffn11c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--neutral-foreground-rest);
}

.sf-verthr2[b-wgi9ffn11c] {
    display: inline-block;
    width: 1px;
    height: 24px;
    background-color: var(--neutral-stroke-rest);
    margin: 0 8px;
}
.toolbar-link[b-wgi9ffn11c] {
    position: relative;
    top:2px;
}
.toolbar-text[b-wgi9ffn11c] {
    position: relative;
    top:-5px;
    left: -1px;
}
/* /Domain/Forms/Components/CertificateList.razor.rz.scp.css */
.certificate-list-container[b-zsa8argth4] {
    margin-top: 20px;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid #e5e7ff;
    background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
}

.certificate-list-header[b-zsa8argth4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
}

.certificate-list-title h3[b-zsa8argth4] {
    margin: 0;
    font-size: 1.2rem;
}

.certificate-list-subtitle[b-zsa8argth4] {
    margin: 4px 0 0;
    color: #6b7280;
    font-size: 0.9rem;
}

.certificate-primary-action[b-zsa8argth4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.certificate-empty-state[b-zsa8argth4] {
    border: 1px dashed #cfd4ff;
    border-radius: 12px;
    padding: 32px 24px;
    text-align: center;
    margin-top: 12px;
    background: #f8f9ff;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    color: #4b5563;
}

.certificate-empty-icon[b-zsa8argth4] {
    font-size: 48px;
    color: #5c6bf6;
}

.certificate-list-meta[b-zsa8argth4] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin: 8px 0 16px;
}

.certificate-count-badge[b-zsa8argth4] {
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(92, 107, 246, 0.15);
    font-weight: 600;
}

.certificate-list-meta__last[b-zsa8argth4] {
    color: #6b7280;
    font-size: 0.9rem;
}

.certificate-grid[b-zsa8argth4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.certificate-card[b-zsa8argth4] {
    border: 1px solid #e3e8ff;
    border-radius: 14px;
    padding: 16px;
    background: #fbfcff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.certificate-card__header[b-zsa8argth4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.certificate-card__title[b-zsa8argth4] {
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
    text-decoration: none;
}

.certificate-card__title:hover[b-zsa8argth4] {
    color: #4f46e5;
}

.certificate-card__subtitle[b-zsa8argth4] {
    margin: 4px 0 0;
    color: #6b7280;
    font-size: 0.9rem;
}

.certificate-id-badge[b-zsa8argth4] {
    font-weight: 600;
}

.certificate-card__meta[b-zsa8argth4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.85rem;
    color: #4b5563;
}

.certificate-card__meta span strong[b-zsa8argth4] {
    margin-right: 4px;
    font-size: 0.85rem;
    color: #374151;
}
/* /Domain/Forms/Components/EmailFunctionsCombined.razor.rz.scp.css */
.email-functions-combined[b-fowthy8nk8] {
    
}

.template-selector[b-fowthy8nk8] {
    margin-bottom: 1rem;
}

.no-selection-placeholder[b-fowthy8nk8] {
    padding: 2rem;
    text-align: center;
    color: var(--neutral-foreground-hint);
    border: 1px dashed var(--neutral-stroke-rest);
    border-radius: 4px;
}

.email-template-sender[b-fowthy8nk8] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sender-form-row[b-fowthy8nk8] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

    .sender-form-row .form-group[b-fowthy8nk8] {
        flex: 1;
        min-width: 250px;
    }

.email-preview-container[b-fowthy8nk8] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 10px;
    padding: .5rem;
    background-color: #fff;
}

    .email-preview-container h4[b-fowthy8nk8] {
        margin-top: 0;
        margin-bottom: 1rem;
    }

.preview-placeholder[b-fowthy8nk8] {
    padding: 2rem;
    text-align: center;
    color: var(--neutral-foreground-hint);
}

.preview-subject[b-fowthy8nk8] {
    margin-bottom: 1rem;
}

    .preview-subject label[b-fowthy8nk8] {
        font-weight: bold;
        margin-right: 0.5rem;
    }

.preview-body label[b-fowthy8nk8] {
    font-weight: bold;
    margin-bottom: 0.5rem;
    display: block;
}

.preview-content[b-fowthy8nk8] {
    border-top: 1px solid var(--neutral-stroke-rest);
    padding: 1rem;
    min-height: 200px;
    margin-bottom: 1rem;
    background-color: white;
}

.form-group[b-fowthy8nk8] {
    margin-bottom: 1rem;
}
.btn-compose[b-fowthy8nk8] {
    padding: 10px 20px;
    border: 1px solid #939393;
    border-radius: 4px;
    margin-bottom: 1rem;
    color: #494949;
}
    .btn-compose:hover[b-fowthy8nk8] {
        border: 1px solid #959595;
        border-radius: 4px;
        margin-bottom: 1rem;
        background-color: #d0d0d0;
        color: #000000;
        cursor:pointer;
    }
    .efield[b-fowthy8nk8] {
        width:150px;
        text-align:center;
        font-weight:100;
        color:#494949;
    }
/* /Domain/Forms/Components/EmailTemplateSender.razor.rz.scp.css */
.template-manager[b-p5n83nnj0o] {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.template-sections[b-p5n83nnj0o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    height: 100%;
}

.template-list-section[b-p5n83nnj0o] {
    display: flex;
    flex-direction: column;
}

.template-sender-section[b-p5n83nnj0o] {
    height: fit-content;
}

.sender-header[b-p5n83nnj0o] {
    margin-bottom: 24px;
}

.sender-header h3[b-p5n83nnj0o] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.sender-form[b-p5n83nnj0o] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 16px;
}
    .sender-form .form-group[b-p5n83nnj0o],
    .sender-form .email-preview[b-p5n83nnj0o],
    .sender-form .sender-actions[b-p5n83nnj0o] {
        flex: 1;
        min-width: 250px;
    }
.email-preview[b-p5n83nnj0o] {
    border-radius: 8px;
    background-color:#f1f1f1;
    padding:15px;
    box-shadow: 0px 0px 6px #9b9b9b;
}

.email-preview h4[b-p5n83nnj0o] {
    margin: 0 0 16px 0;
    font-size: 1.1rem;
    color: var(--neutral-foreground-rest);
}

.preview-subject[b-p5n83nnj0o] {
    margin-bottom: 16px;
}

.preview-subject label[b-p5n83nnj0o],
.preview-body label[b-p5n83nnj0o] {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
    margin-bottom: 4px;
}

.preview-content[b-p5n83nnj0o] {
    background: white;
    border-radius: 4px;
    padding: 16px;
    min-height: 200px;
    max-height: 400px;
    overflow-y: auto;
}

.sender-actions[b-p5n83nnj0o] {
    display: flex;
    justify-content: center;
}

.template-header[b-p5n83nnj0o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.template-header h3[b-p5n83nnj0o] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.loading-container[b-p5n83nnj0o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

.no-templates[b-p5n83nnj0o] {
    text-align: center;
    padding: 60px;
    color: var(--neutral-foreground-hint);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.no-templates p[b-p5n83nnj0o] {
    margin: 0;
    font-size: 1.1rem;
}

.status-badge[b-p5n83nnj0o] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
}

.status-badge.active[b-p5n83nnj0o] {
    background-color: var(--accent-fill-rest);
    color: white;
}

.status-badge.inactive[b-p5n83nnj0o] {
    background-color: var(--neutral-fill-rest);
    color: var(--neutral-foreground-rest);
}

.dialog-header[b-p5n83nnj0o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.dialog-header h2[b-p5n83nnj0o] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.dialog-content[b-p5n83nnj0o] {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

.dialog-footer[b-p5n83nnj0o] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.template-form[b-p5n83nnj0o] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-top-row[b-p5n83nnj0o] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.name-field[b-p5n83nnj0o] {
    flex: 2;
}

.description-field[b-p5n83nnj0o] {
    flex: 3;
}

.status-toggle[b-p5n83nnj0o] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 20px;
}

.form-divider[b-p5n83nnj0o] {
    border: none;
    height: 1px;
    background-color: var(--neutral-stroke-rest);
    margin: 10px 0;
}

.subject-field[b-p5n83nnj0o]  input {
    font-size: 1.2rem;
    font-weight: 500;
    padding: 12px;
}

.form-group[b-p5n83nnj0o] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.status-help[b-p5n83nnj0o] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}

.editor-container[b-p5n83nnj0o] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.editor-label[b-p5n83nnj0o] {
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.editor-wrapper[b-p5n83nnj0o] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    overflow: hidden;
}

[b-p5n83nnj0o] .e-richtexteditor {
    border: none;
}

[b-p5n83nnj0o] .e-toolbar {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    background-color: var(--neutral-layer-1);
}

[b-p5n83nnj0o] .e-content {
    border-radius: 0;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .form-top-row[b-p5n83nnj0o] {
        flex-direction: column;
        gap: 16px;
    }
    
    .status-toggle[b-p5n83nnj0o] {
        padding-top: 0;
    }
}

/* Template Form Styles */
.template-form[b-p5n83nnj0o] {
    background: var(--neutral-layer-2);
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
}

.form-header[b-p5n83nnj0o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.form-header h4[b-p5n83nnj0o] {
    margin: 0;
}

.form-top-row[b-p5n83nnj0o] {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    gap: 16px;
    margin-bottom: 24px;
}

.form-group[b-p5n83nnj0o] {
    margin-bottom: 20px;
}

.form-divider[b-p5n83nnj0o] {
    border: none;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    margin: 24px 0;
}

.editor-label[b-p5n83nnj0o] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.editor-wrapper[b-p5n83nnj0o] {
    border: 1px solid var(--neutral-stroke-input-rest);
    border-radius: 4px;
}

.status-help[b-p5n83nnj0o] {
    display: block;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}

.form-actions[b-p5n83nnj0o] {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .form-top-row[b-p5n83nnj0o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .template-sections[b-p5n83nnj0o] {
        grid-template-columns: 1fr;
    }
} 
/* /Domain/Forms/Components/FormDocList.razor.rz.scp.css */
.form-doc-list-container[b-hi2fwkm5k2] {
    margin-bottom: 20px;
    /* Ensure the container doesn't affect parent layout */
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.form-doc-list-header[b-hi2fwkm5k2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.form-doc-list-title h3[b-hi2fwkm5k2] {
    margin: 0;
    font-size: 1.2rem;
}

.form-doc-list-subtitle[b-hi2fwkm5k2] {
    margin: 4px 0 0;
    color: #6b7280;
    font-size: 0.9rem;
}

.form-doc-primary-action[b-hi2fwkm5k2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.form-doc-loading-state[b-hi2fwkm5k2],
.form-doc-empty-state[b-hi2fwkm5k2] {
    border-radius: 12px;
    padding: 32px 24px;
    border: 1px dashed #cdd5ff;
    background: radial-gradient(circle at top, #f7f8ff 0%, #f2f4ff 70%, #ffffff 100%);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: #4b5563;
}

.form-doc-empty-state h4[b-hi2fwkm5k2] {
    margin: 0;
    font-size: 1.25rem;
    color: #111827;
}

.form-doc-empty-state p[b-hi2fwkm5k2],
.form-doc-loading-state p[b-hi2fwkm5k2] {
    margin: 0;
    font-size: 0.95rem;
}

.form-doc-empty-actions[b-hi2fwkm5k2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.form-doc-secondary-link[b-hi2fwkm5k2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #4b6fff;
    font-weight: 600;
    text-decoration: none;
}

.form-doc-secondary-link:hover[b-hi2fwkm5k2] {
    text-decoration: underline;
}

.form-doc-list-meta[b-hi2fwkm5k2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 12px;
}

.form-doc-count-badge[b-hi2fwkm5k2] {
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(92, 107, 246, 0.15);
    font-weight: 600;
}

.form-doc-list-meta__last[b-hi2fwkm5k2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #6b7280;
    font-size: 0.9rem;
}

.form-doc-refreshing-banner[b-hi2fwkm5k2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(92, 107, 246, 0.12);
    color: #4b5563;
    font-size: 0.85rem;
    margin-bottom: 12px;
}

.form-doc-link[b-hi2fwkm5k2] {
    color: #3949ab;
    font-weight: 600;
    text-decoration: none;
}

.form-doc-link:hover[b-hi2fwkm5k2] {
    text-decoration: underline;
}

.action-buttons[b-hi2fwkm5k2] {
    display: flex;
    gap: 5px;
}

.revision-list[b-hi2fwkm5k2] {
    max-height: 300px;
    overflow-y: auto;
}

.form-group[b-hi2fwkm5k2] {
    margin-bottom: 15px;
}

    .form-group label[b-hi2fwkm5k2] {
        display: block;
        margin-bottom: 5px;
        font-weight: 500;
    }

.form-control[b-hi2fwkm5k2] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

    .form-control:focus[b-hi2fwkm5k2] {
        outline: none;
        border-color: #0078d4;
        box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.2);
    }

/* Syncfusion Grid Override Styles */
.form-doc-list-container .e-grid[b-hi2fwkm5k2] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* Prevent Syncfusion from affecting parent layout */
.form-doc-list-container .e-grid .e-gridcontent[b-hi2fwkm5k2] {
    width: 100% !important;
    max-width: 100% !important;
}

.form-doc-list-container .e-grid .e-table[b-hi2fwkm5k2] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ensure the grid container doesn't force parent width changes */
.form-doc-list-container .e-grid .e-gridheader[b-hi2fwkm5k2],
.form-doc-list-container .e-grid .e-gridcontent[b-hi2fwkm5k2],
.form-doc-list-container .e-grid .e-gridfooter[b-hi2fwkm5k2] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Override any Syncfusion styles that might affect the main element */
.form-doc-list-container .e-grid *[b-hi2fwkm5k2] {
    box-sizing: border-box !important;
}
/* /Domain/Forms/Pages/CertificateRequestDetail.razor.rz.scp.css */
.certificate-toolbar[b-l3ig9g9ftw] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 12px 24px 0;
    flex-wrap: wrap;
}

.certificate-toolbar fluent-search[b-l3ig9g9ftw] {
    min-width: 260px;
}

.certificate-toolbar .toolbar-select[b-l3ig9g9ftw] {
    min-width: 160px;
}

.request-detail-page[b-l3ig9g9ftw] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 18px 24px;
}

.request-shell[b-l3ig9g9ftw] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 28px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 18px 40px -32px rgba(31, 34, 90, 0.35);
}

.request-header[b-l3ig9g9ftw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
}

.request-header__label[b-l3ig9g9ftw] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7a7fa7;
}

.request-header__main h1[b-l3ig9g9ftw] {
    margin: 4px 0 8px;
    font-size: 26px;
    color: #1d1e4e;
}

.request-header__meta[b-l3ig9g9ftw] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: #6a6f94;
    font-size: 13px;
}

.request-header__side[b-l3ig9g9ftw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
}

.request-header__dates[b-l3ig9g9ftw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #7a7fa7;
    font-size: 12px;
}

.request-actions[b-l3ig9g9ftw] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.request-actions fluent-button[b-l3ig9g9ftw]::part(control) {
    min-height: 34px;
}

.status-chip[b-l3ig9g9ftw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 18px;
    font-weight: 600;
    font-size: 12px;
}

.status-chip[b-l3ig9g9ftw]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

.status-chip svg[b-l3ig9g9ftw] {
    width: 16px;
    height: 16px;
}

.status-success[b-l3ig9g9ftw] {
    background: #e6f5ef;
    color: #1d7a52;
}

.status-warn[b-l3ig9g9ftw] {
    background: #fff4dd;
    color: #b87800;
}

.status-danger[b-l3ig9g9ftw] {
    background: #fde9ec;
    color: #c53f4a;
}

.status-pending[b-l3ig9g9ftw] {
    background: #e9ecff;
    color: #4652c7;
}

.summary-grid[b-l3ig9g9ftw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.summary-card[b-l3ig9g9ftw] {
    padding: 16px 18px;
    border-radius: 14px;
    background: #f7f8fc;
    border: 1px solid #e4e6f2;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.summary-card__label[b-l3ig9g9ftw] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7a7fa7;
}

.summary-card__content[b-l3ig9g9ftw] {
    color: #262945;
    font-size: 14px;
    line-height: 1.5;
}

.summary-card__content a[b-l3ig9g9ftw] {
    color: #2267d8;
    text-decoration: none;
}

.summary-card__content a:hover[b-l3ig9g9ftw] {
    text-decoration: underline;
}

.summary-card__content.delivery span[b-l3ig9g9ftw] {
    display: block;
}

.content-layout[b-l3ig9g9ftw] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr);
    gap: 24px;
}

.content-main[b-l3ig9g9ftw] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.info-section[b-l3ig9g9ftw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eceef7;
}

.info-section:last-of-type[b-l3ig9g9ftw] {
    border-bottom: none;
}

.info-section h2[b-l3ig9g9ftw] {
    margin: 0;
    font-size: 18px;
    color: #212457;
}

.info-pairs[b-l3ig9g9ftw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px 24px;
}

.info-pairs div[b-l3ig9g9ftw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-pairs div.wide[b-l3ig9g9ftw] {
    grid-column: 1 / -1;
}

.info-pairs dt[b-l3ig9g9ftw] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #8b8fb2;
}

.info-pairs dd[b-l3ig9g9ftw] {
    margin: 0;
    color: #2a2d4d;
    font-size: 14px;
}

.notes-actions[b-l3ig9g9ftw] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.notes-hint[b-l3ig9g9ftw] {
    font-size: 12px;
    color: #c97400;
    font-weight: 600;
}

.content-side[b-l3ig9g9ftw] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.side-card[b-l3ig9g9ftw] {
    padding: 18px 20px;
    border-radius: 14px;
    border: 1px solid #e4e6f2;
    background: #fafbff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.side-card h3[b-l3ig9g9ftw] {
    margin: 0;
    font-size: 16px;
    color: #212457;
}

.contact-badge[b-l3ig9g9ftw] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #58c6ff, #7b6bff);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
}

.contact-name[b-l3ig9g9ftw] {
    font-weight: 600;
    color: #202347;
}

.contact-meta[b-l3ig9g9ftw] {
    color: #6a6f94;
    font-size: 13px;
}

.contact-link[b-l3ig9g9ftw] {
    color: #2267d8;
    text-decoration: none;
    font-size: 13px;
}

.contact-link:hover[b-l3ig9g9ftw] {
    text-decoration: underline;
}

.side-list[b-l3ig9g9ftw] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.side-list li[b-l3ig9g9ftw] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #3b3d5e;
}

.muted[b-l3ig9g9ftw] {
    color: #8f93b6;
    font-size: 13px;
}

.state-card[b-l3ig9g9ftw] {
    padding: 48px 32px;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 40px -32px rgba(31, 34, 90, 0.28);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    color: #545a82;
}

.state-card h3[b-l3ig9g9ftw] {
    margin: 0;
    color: #1d1e4e;
}

.state-card.error[b-l3ig9g9ftw] {
    color: #c3454a;
}

.state-card.empty p[b-l3ig9g9ftw] {
    max-width: 360px;
}

@media (max-width: 960px) {
    .certificate-toolbar[b-l3ig9g9ftw] {
        margin: 12px 16px 0;
    }

    .request-detail-page[b-l3ig9g9ftw] {
        padding: 16px;
    }

    .request-shell[b-l3ig9g9ftw] {
        padding: 22px;
    }

    .content-layout[b-l3ig9g9ftw] {
        grid-template-columns: 1fr;
    }

    .request-header__side[b-l3ig9g9ftw] {
        width: 100%;
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .certificate-toolbar fluent-search[b-l3ig9g9ftw] {
        min-width: 100%;
    }

    .certificate-toolbar .toolbar-select[b-l3ig9g9ftw] {
        min-width: 140px;
    }

    .summary-grid[b-l3ig9g9ftw] {
        grid-template-columns: 1fr;
    }

    .request-header__main h1[b-l3ig9g9ftw] {
        font-size: 22px;
    }

    .request-header__meta[b-l3ig9g9ftw] {
        gap: 8px;
    }
}
/* /Domain/Forms/Pages/CertificateRequestsList.razor.rz.scp.css */
.cert-requests-page[b-fvqd6c6wfi] {
    display: flex;
    flex-direction: row;
    gap: 18px;
    padding: 18px 24px;
    height: calc(100vh - 124px);
    overflow-y: auto;
}

.certificate-toolbar[b-fvqd6c6wfi] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 12px 24px 0;
    flex-wrap: wrap;
}

.certificate-toolbar fluent-search[b-fvqd6c6wfi] {
    min-width: 260px;
}

.certificate-toolbar .toolbar-select[b-fvqd6c6wfi] {
    min-width: 160px;
}

.card-hover-stable:hover[b-fvqd6c6wfi] {
    transform: none !important;
    top: 0 !important;
}

.overview-card[b-fvqd6c6wfi] {
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #f4f5ff 65%, #f9f9ff 100%);
    min-width: 350px !important;
    max-width: 450px !important;
}

.overview-header[b-fvqd6c6wfi] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}

.overview-title h1[b-fvqd6c6wfi] {
    margin: 0;
    font-size: 24px;
    color: #1f1d63;
}

.overview-title p[b-fvqd6c6wfi] {
    margin: 6px 0 0;
    color: #5d5f82;
    max-width: 520px;
}

.overview-metrics[b-fvqd6c6wfi] {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.metric[b-fvqd6c6wfi] {
    padding: 16px 18px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 18px 38px -28px rgba(32, 30, 96, 0.45);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.metric-label[b-fvqd6c6wfi] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7b7fa6;
}

.metric-value[b-fvqd6c6wfi] {
    font-size: 24px;
    font-weight: 700;
    color: #201f5e;
}

.overview-meta[b-fvqd6c6wfi] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 12px;
    color: #6d7195;
    align-items: center;
}

.filter-pill[b-fvqd6c6wfi] {
    background: rgba(87, 103, 218, 0.12);
    color: #5147c6;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 600;
}

.cert-main-list[b-fvqd6c6wfi] {
    margin-top: 12px;
}

.state-card[b-fvqd6c6wfi] {
    padding: 48px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
    color: #5d5f82;
}

.state-card h3[b-fvqd6c6wfi] {
    margin: 0;
    color: #1f1d63;
}

.state-card p[b-fvqd6c6wfi] {
    margin: 0;
    max-width: 420px;
}

.error-card[b-fvqd6c6wfi] {
    color: #c3454a;
}

.empty-card p[b-fvqd6c6wfi],
.placeholder-card p[b-fvqd6c6wfi] {
    color: #6d7195;
}

.grid-card[b-fvqd6c6wfi] {
    padding: 0;
    overflow: hidden;
}

.grid-card .e-grid[b-fvqd6c6wfi] {
    border: none;
}

.grid-card .e-headercell[b-fvqd6c6wfi] {
    background: #f5f6ff;
    color: #444a7a;
    font-weight: 600;
}

.grid-primary[b-fvqd6c6wfi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.grid-primary__title[b-fvqd6c6wfi] {
    font-weight: 600;
    color: #1f2342;
}

.grid-primary__meta[b-fvqd6c6wfi] {
    font-size: 12px;
    color: #6d7195;
}

.grid-date[b-fvqd6c6wfi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.grid-date__primary[b-fvqd6c6wfi] {
    font-weight: 600;
    color: #1f2342;
}

.grid-date__meta[b-fvqd6c6wfi] {
    font-size: 12px;
    color: #1b8ce3;
    font-weight: 600;
}

.grid-actions[b-fvqd6c6wfi] {
    display: flex;
    justify-content: center;
    gap: 6px;
}

.grid-actions fluent-button[b-fvqd6c6wfi]::part(control) {
    border: none;
    background: transparent;
    color: #4f5476;
    min-width: 32px;
    height: 32px;
}

.grid-actions fluent-button[b-fvqd6c6wfi]::part(control):hover {
    background: rgba(98, 110, 228, 0.12);
    color: #2f3dad;
}

.dialog-title[b-fvqd6c6wfi] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 600;
    color: #1f1d63;
}

.warning-text[b-fvqd6c6wfi] {
    color: #a94442;
    font-size: 13px;
    margin-top: 8px;
}

.dialog-footer[b-fvqd6c6wfi] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.dialog-footer fluent-button.danger-button[b-fvqd6c6wfi]::part(control) {
    background: #d94c43;
    color: #ffffff;
}

.dialog-footer fluent-button.danger-button[b-fvqd6c6wfi]::part(control):hover {
    background: #b43a33;
}

@media (max-width: 960px) {
    .cert-requests-page[b-fvqd6c6wfi] {
        padding: 16px;
    }

    .certificate-toolbar[b-fvqd6c6wfi] {
        margin: 12px 16px 0;
    }

    .overview-card[b-fvqd6c6wfi] {
        padding: 22px;
    }
}

@media (max-width: 640px) {
    .certificate-toolbar fluent-search[b-fvqd6c6wfi] {
        min-width: 100%;
    }

    .certificate-toolbar .toolbar-select[b-fvqd6c6wfi] {
        min-width: 140px;
    }

    .overview-title h1[b-fvqd6c6wfi] {
        font-size: 20px;
    }

    .metric[b-fvqd6c6wfi] {
        padding: 14px;
    }
}
.surface-card[b-fvqd6c6wfi] {
    min-width: unset;
    max-width: unset;
}
.sc-min[b-fvqd6c6wfi] {
    min-width: 350px;
    max-width: 450px;
}
/* /Domain/Help/Components/HelpPanel.razor.rz.scp.css */
.help-panel[b-lcwqjnrbee] {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #f2f4f7;
    background: linear-gradient(180deg, #0e1015 0%, #151821 100%);
    border-left: 1px solid #212432;
    box-shadow: -4px 0 18px rgba(0, 0, 0, 0.35);
    margin-top: 50px;
}

.help-panel__header[b-lcwqjnrbee] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #1f2230;
}

.help-panel__eyebrow[b-lcwqjnrbee] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.65rem;
    color: #7ea2ff;
    margin: 0 0 4px 0;
}

.help-panel__title[b-lcwqjnrbee] {
    margin: 0;
    font-size: 1.05rem;
}

.toggle-help-index[b-lcwqjnrbee] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #1f2230;
    background: #121520;
    color: #d5d9e6;
    cursor: pointer;
    transition: all 0.15s ease;
}

.toggle-help-index:hover[b-lcwqjnrbee] {
    border-color: #3c67ff;
    color: #ffffff;
}

.toggle-help-index__icon[b-lcwqjnrbee] {
    transition: transform 0.2s ease;
}

.toggle-help-index__icon.is-flipped[b-lcwqjnrbee] {
    transform: rotate(180deg);
}

.help-panel__subtitle[b-lcwqjnrbee] {
    margin: 4px 0 0 0;
    color: #9ba3b4;
    font-size: 0.85rem;
}

.help-panel__header-actions[b-lcwqjnrbee] {
    display: flex;
    gap: 8px;
}

.help-panel__layout[b-lcwqjnrbee] {
    display: grid;
    grid-template-columns: 180px 1fr;
    height: calc(100% - 96px);
}

.help-panel.index-hidden .help-panel__layout[b-lcwqjnrbee] {
    grid-template-columns: 1fr;
}

.help-panel.index-hidden .help-panel__menu[b-lcwqjnrbee] {
    display: none;
}

.help-panel__menu[b-lcwqjnrbee] {
    border-right: 1px solid #1f2230;
    padding: 12px;
    display: flex;
    flex-direction: column;
    background: #0b0d12;
}

.help-panel__menu-header[b-lcwqjnrbee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.help-panel__menu-title[b-lcwqjnrbee] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #7ea2ff;
}

.help-panel__breadcrumbs[b-lcwqjnrbee] {
    font-size: 0.75rem;
    color: #7ea2ff;
    margin: 0 0 6px 0;
    word-break: break-word;
}

.help-panel__back[b-lcwqjnrbee] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #1f2230;
    border-radius: 6px;
    padding: 6px 10px;
    background: #0f1118;
    color: #cfd5e5;
    cursor: pointer;
    transition: all 0.15s ease;
}

.help-panel__back:hover[b-lcwqjnrbee] {
    border-color: #3c67ff;
    color: #ffffff;
}

.help-panel__empty[b-lcwqjnrbee] {
    font-size: 0.85rem;
    color: #9298a8;
    line-height: 1.4;
}

.help-panel__menu-item[b-lcwqjnrbee] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: #121520;
    color: #d5d9e6;
    border: 1px solid #1f2230;
    border-radius: 6px;
    padding: 10px 12px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
}

.help-panel__menu-item--folder[b-lcwqjnrbee] {
    background: #0f1118;
}

.help-panel__menu-item:hover[b-lcwqjnrbee] {
    border-color: #3c67ff;
    color: #ffffff;
}

.help-panel__menu-item.active[b-lcwqjnrbee] {
    background: linear-gradient(120deg, #1e2850 0%, #243264 100%);
    border-color: #4c6fff;
    color: #ffffff;
}

.help-panel__menu-item--pinned[b-lcwqjnrbee] {
    border-color: #1f2230;
    box-shadow: 0px 0px 10px #7ea2ff3a;
}

    .help-panel__menu-item--pinned:not(.active)[b-lcwqjnrbee] {
        background: linear-gradient(120deg, #1e2850 0%, #3c4b81 100%);
    }

    .help-panel__menu-item--pinned.active[b-lcwqjnrbee] {
        /*box-shadow: inset 3px 0 0 #7ea2ff;*/
        /*box-shadow: 0px 0px 10px #7ea2ff;*/
    }

.help-panel__menu-icon[b-lcwqjnrbee] {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
}

.help-panel__content[b-lcwqjnrbee] {
    padding: 0px 0px 16px 16px;
    overflow: hidden;
    font-family: Segoe UI;
    font-size: .85rem;
}

.help-panel__article[b-lcwqjnrbee] {
    height: 100%;
    overflow-y: auto;
    padding-right: 4px;
}

.help-panel__article h1[b-lcwqjnrbee],
.help-panel__article h2[b-lcwqjnrbee],
.help-panel__article h3[b-lcwqjnrbee] {
    color: #ffffff;
    margin-top: 0;
}

.help-panel__article a[b-lcwqjnrbee] {
    color: #8ab4ff;
    text-decoration: none;
}

.help-panel__article a:hover[b-lcwqjnrbee] {
    text-decoration: underline;
}

.help-panel__article p[b-lcwqjnrbee],
.help-panel__article li[b-lcwqjnrbee] {
    line-height: 1.5;
    color: #d9dde9;
}

.help-panel__status[b-lcwqjnrbee] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #cfd5e5;
}
.help-panel__article[b-lcwqjnrbee]::-webkit-scrollbar {
    width: 5px;
}

.help-panel__article[b-lcwqjnrbee]::-webkit-scrollbar-track {
    background: transparent;
}

.help-panel__article[b-lcwqjnrbee]::-webkit-scrollbar-thumb {
    background: #163a5e;
    border-radius: 5px;
}

    .help-panel__article[b-lcwqjnrbee]::-webkit-scrollbar-thumb:hover {
        background: #bfbfbf;
    }

.contract-helpmenu-btn[b-lcwqjnrbee] {
    opacity: .5;
    position: relative;
    top: -3px;
    height: 20px;
    overflow: hidden;
}
    .contract-helpmenu-btn:hover[b-lcwqjnrbee] {
        cursor: pointer;
        opacity: 1
    }
.expand-helpmenu-btn[b-lcwqjnrbee] {
    opacity: .5;
    position: relative;
    top: 7px;
}
    .expand-helpmenu-btn:hover[b-lcwqjnrbee] {
        cursor: pointer;
        opacity: 1;
    }
.folder-back-btn[b-lcwqjnrbee] {
    position: relative;
    top:2px;
    opacity:.5;
}
.folder-back-btn:hover[b-lcwqjnrbee] {
    cursor:pointer;
    opacity:1;
}
.help-panel__menu-item[b-lcwqjnrbee] {
    margin-bottom: 6px;
}
.help-panel__menu-item--folder[b-lcwqjnrbee] {
    margin-bottom: 6px;
}
/* /Domain/Home/Components/CertificateRequestList.razor.rz.scp.css */
/*----------------------------*/
/*primary class*/
.sectiontitletab[b-1gv120j1i5] {
    font-family: "montserrat", sans-serif;
    font-size: 1.3em;
    padding-top: 3px;
    padding-bottom: 3px;
    background: linear-gradient(to right, #595959 0%,#aaaaaa 87%,#bfbfbf 94%,#aaaaaa 100%);
    padding-left: 10px;
    color: #e6e6e6;
    text-align: left;
    border-left: 15px solid #1b1b1b;
    z-index: 20;
    position: relative;
    text-shadow: 1px 1px 3px #2b2b2b;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-link[b-1gv120j1i5] {
    color: #e6e6e6;
    text-decoration: none;
    padding-right: 15px;
    font-size: 1.5em;
    transition: all 0.2s ease;
    opacity: 0.7;
}

    .section-link:hover[b-1gv120j1i5] {
        opacity: 1;
        transform: translateX(3px);
    }

    .section-link .fluent-icon[b-1gv120j1i5] {
        display: inline-block;
    }
/*----------------------------*/
/*standard mid table*/
.ltable[b-1gv120j1i5] {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;
}

.lbg[b-1gv120j1i5] {
    height: 20px;
    color: #ffffff64;
    text-align: left;
    font-size: .7em;
}

    .lbg th[b-1gv120j1i5] {
        color: #979797;
    }

.lbody[b-1gv120j1i5] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .9em;
}
/*----------------------------*/
/*column classes for table*/
.mid-a[b-1gv120j1i5] {
    width: auto;
    padding-left: 15px;
}

.mid-b[b-1gv120j1i5] {
    width: 20%;
}

.mid-c[b-1gv120j1i5] {
    width: 15%;
}

.mid-d[b-1gv120j1i5] {
    width: 60px;
}

.mid-name[b-1gv120j1i5] {
    font-weight: bold;
    color: #595959;
    cursor: pointer;
}

    .mid-name:hover[b-1gv120j1i5] {
        color: #006bb7;
    }

.mid-color[b-1gv120j1i5] {
    color: #20874b;
    font-weight: bold;
    font-size: .8em;
}

.mid-date[b-1gv120j1i5] {
    color: #7c7c7c;
    font-size: .8em;
}

.mid-dotname[b-1gv120j1i5] {
    text-decoration: none;
    color: #2ca55e;
    font-size: .75em;
    position: relative;
    left: -4px;
    top: -2px;
}
/*----------------------------*/
/*dots*/
.dot[b-1gv120j1i5] {
    height: 8px;
    width: 8px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: -0px;
    margin-right: 8px;
    margin-left: 6px;
}

.dot-2[b-1gv120j1i5] {
    background-color: #2ca55e;
    box-shadow: 0px 0px 7px #2ca55e;
    border: 1px solid #ffffffaa;
}
/*----------------------------*/
/*Standards */
.main[b-1gv120j1i5] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
    .main:hover[b-1gv120j1i5] {
        background-color: #fff;
        cursor: pointer;
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
.ellipsis[b-1gv120j1i5] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}
.no-taskssub[b-1gv120j1i5] {
    text-align: center;
    color: #999;
    font-style: italic;
    padding: 20px;
}
.cert-box-inner[b-1gv120j1i5] {
    box-shadow: inset 0px 5px 7px #a1a1a1;
    background-color: #dfdfdf87;
    z-index: 10;
}
/*----------------------------*/
/* /Domain/Home/Components/CheatSheet.razor.rz.scp.css */
.cred-cell[b-k80inov5jm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%; /* Adjust this as needed */
    text-align: center;
}

.homemodule-small-header[b-k80inov5jm] {
    font-family: "montserrat", sans-serif;
    font-size: 1.3em;
    padding-top: 15px;
    padding-bottom: 1px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d3d3d+1,6755c3+100 */
    background: linear-gradient(to right, #3d3d3d 1%,#1f1e60 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #dcdcdca9;
    text-transform: uppercase;
    font-size:1em;
    letter-spacing:5px;
    text-align: center;
}
.dailytask-box[b-k80inov5jm] {
    border: 1px solid #5e5e5e;
}
.quick-links-container[b-k80inov5jm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 5px; /* Spacing between logos */
    background: linear-gradient(to right, #3d3d3d 1%, #1f1e60 100%);
    border-right: 5px solid #1f1e60;
    border-left: 1px solid #3d3d3d;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-bottom:10px;
}



.logo[b-k80inov5jm] {
    max-width: 100%;
    object-fit: contain; /* Ensures logos scale properly inside the box */
    display: block;
}
/* /Domain/Home/Components/DailyInspiration.razor.rz.scp.css */
.daily-inspiration-container[b-w8sxkk2u6d] {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    margin-top: 20px;
}

.inspiration-content[b-w8sxkk2u6d] {
    padding: 20px 15px;
    min-height: 80px;
}

.verse-text[b-w8sxkk2u6d] {
    font-family: "montserrat", sans-serif;
    font-size: 1.5em;
    line-height: 1.4;
    color: #404040;
    font-style: italic;
    margin-bottom: 12px;
    text-align: left;
    color:#ffffff;
    text-shadow: 1px 2px 5px #00000096;
}

.verse-reference[b-w8sxkk2u6d] {
    font-family: "montserrat", sans-serif;
    font-size: 1.2em;
    font-weight: 100;
    color: #4f4f4f;
    text-align: right;
    padding-right: 20px;
}

.loading-text[b-w8sxkk2u6d] {
    font-family: "montserrat", sans-serif;
    font-size: 0.9em;
    color: #888;
    text-align: center;
    font-style: italic;
    padding: 20px 0;
}

.error-text[b-w8sxkk2u6d] {
    font-family: "montserrat", sans-serif;
    font-size: 0.85em;
    color: #d94c43;
    text-align: center;
    font-style: italic;
    padding: 20px 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .verse-text[b-w8sxkk2u6d] {
        font-size: 0.9em;
    }
    
    .verse-reference[b-w8sxkk2u6d] {
        font-size: 0.8em;
    }
    
    .inspiration-content[b-w8sxkk2u6d] {
        padding: 15px 10px;
    }
} 
/* /Domain/Home/Components/DailyTaskList.razor.rz.scp.css */
.sectiontitletab[b-h8ljd2bfo1] {
    font-family: "montserrat", sans-serif;
    font-size: 1.5em;
    font-weight: 800;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e35049+1,201e60+49,3d3d3d+100 */
    background: linear-gradient(to right, #767676 1%,#201e60 49%,#3d3d3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#993d51+1,201e60+49,3d3d3d+100 */
    background: linear-gradient(to right, rgba(153,61,81,1) 1%,rgba(32,30,96,1) 49%,rgba(61,61,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #fff;
    text-align: left;
}
.completed-task[b-h8ljd2bfo1] {
    opacity:.5;
    padding:5px 13px;
}
.daily-container[b-h8ljd2bfo1] {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    box-shadow: 0px 0px 15px #cbadb894;
    overflow: hidden;
    /*position: relative;
    top: -50px;*/
    border: 2px solid #00000079;
}
.daily-task[b-h8ljd2bfo1] {
    font-weight: 600;
    font-family: "montserrat", sans-serif;
    width: 100%;
    font-size: .85em;
    color: #404040;
}
.dailytask-box[b-h8ljd2bfo1] {
    background-color: #ffffffe2;
}

:root .fluent-sortable-list[b-h8ljd2bfo1] {
    border:0px !important;
}
.fluent-sortable-list[b-h8ljd2bfo1] {
    border: 0px !important;

}
:root[b-h8ljd2bfo1] {
    --stroke-width: 0px;
    --neutral-stroke-input-active: #fff0 !important;
}
:root .sortable-item[b-h8ljd2bfo1] {
    background-color: #1b8ce3 !important;
    background: none !important;
    border-top: 0px solid #fff !important;
    border-bottom: 1px solid #fff9 !important;
}
.completed-ts[b-h8ljd2bfo1] {
    position: relative;
    top: -3px;
    padding: 0;
    margin: 0;
    font-family: 'montserrat';
    font-size: .9em;
}
.add-field[b-h8ljd2bfo1] {
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 5px;
    opacity:1;
}
.sortitem[b-h8ljd2bfo1] {
    display: flex;
    align-items: center;
    height: 10px;
}
/* /Domain/Home/Components/DocuSignEnvelopeList.razor.rz.scp.css */
/*standard mid table*/
.mid-a[b-h66e9l8hbs] {
    width: auto;
    padding-left: 15px;
}

.mid-b[b-h66e9l8hbs] {
    width: 20%;
}

.mid-c[b-h66e9l8hbs] {
    width: 15%;
}

.mid-d[b-h66e9l8hbs] {
    width: 60px;
}

.mid-z[b-h66e9l8hbs] {
    width: 80px;
    padding-right: 15px;
}

.mid-name[b-h66e9l8hbs] {
    font-weight: bold;
    color: #595959;
    cursor: pointer;
}

    .mid-name:hover[b-h66e9l8hbs] {
        color: #006bb7;
    }

.mid-color[b-h66e9l8hbs] {
    color: #585858;
    font-weight: bold;
    font-size: .75em !important;
}

.mid-date[b-h66e9l8hbs] {
    color: #7c7c7c;
    font-size: .8em;
}

.mid-dotname[b-h66e9l8hbs] {
    text-decoration: none;
    color: #2ca55e;
    font-size: .75em;
    position: relative;
    left: -4px;
    top: -2px;
}
/*standard mid table*/
.ltable[b-h66e9l8hbs] {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;
}

.lbg[b-h66e9l8hbs] {
    height: 20px;
    color: #ffffff64;
    text-align: left;
    font-size: .7em;
}

    .lbg th[b-h66e9l8hbs] {
        color: #979797;
    }

.lbody[b-h66e9l8hbs] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .9em;
}
/*standard mid table*/

.sectiontitletab[b-h66e9l8hbs] {
    font-family: "montserrat", sans-serif;
    font-size: 1.3em;
    padding-top: 6px;
    padding-bottom: 6px;
    background: linear-gradient(to right, #595959 0%,#aaaaaa 87%,#bfbfbf 94%,#aaaaaa 100%);
    padding-left: 10px;
    color: #e6e6e6;
    text-align: left;
    border-left: 15px solid #1b1b1b;
    z-index: 20;
    position: relative;
    text-shadow: 1px 1px 3px #2b2b2b;
    display: flex;
    align-items: center;
    justify-content: space-between;
   
}

#envelopestable[b-h66e9l8hbs] {
    padding-top: 10px;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    z-index: 99;
}
.no-taskssub[b-h66e9l8hbs] {
    text-align: center;
    padding: 10px;
    font-family: 'montserrat';
    font-style: italic;
    color: #818181;
}
.leads-box[b-h66e9l8hbs] {
    box-shadow: inset 0px 5px 7px #a1a1a1;
    background-color: #dfdfdf;
    z-index: 10;
}

.leads-box-inner[b-h66e9l8hbs] {
    box-shadow: inset 0px 5px 7px #a1a1a1;
    background-color: #dfdfdf;
    z-index: 10;
}
/*
.lbg {
    height: 20px;
    color: #ffffff64;
    text-align: left;
    font-size: .7em;
}

    .lbg th {
        padding-left: 4px !important;
        color: #979797;
    }*/
/*
.ltable {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;
}

.lbody {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:.9em;
}

.lbody tr td {
    padding:0px 4px;
}

.lcname {
    font-weight: bold;
    color: #525252;
}

.lccon {
    color: #423838;
    font-size: .8em;
}*/

.lstage[b-h66e9l8hbs] {
    color: #423838;
    font-size: .8em;
}

.dot[b-h66e9l8hbs] {
    height: 8px;
    width: 8px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: -0px;
    margin-right: 8px;
    margin-left: 6px;
}

.dot-0[b-h66e9l8hbs] {
    background-color: #d94c43;
    box-shadow: 0px 0px 7px #d94c43;
    border:1px solid #ffffffaa;
}

.dot-1[b-h66e9l8hbs] {
    background-color: #72174a;
    box-shadow: 0px 0px 7px #72174a;
    border: 1px solid #ffffffaa;
}

.dot-2[b-h66e9l8hbs] {
    background-color: #036ac4;
    box-shadow: 0px 0px 7px #036ac4;
    border: 1px solid #ffffffaa;
}
.lpad[b-h66e9l8hbs] {
    padding-left: 10px !important;
}
.ctweak[b-h66e9l8hbs] {
    margin-left: 26px;
}
.main[b-h66e9l8hbs] {

    transition: all linear .2s;
}
.main:hover[b-h66e9l8hbs] {
    background-color:#fff;
    cursor:pointer;
    
}
.llink[b-h66e9l8hbs] {
    text-decoration:none;
}

.link-0[b-h66e9l8hbs] {
    color: #d94c43;
}

.link-1[b-h66e9l8hbs] {
    color: #72174a;
}

.link-2[b-h66e9l8hbs] {
    color: #036ac4;
}

.ellipsis[b-h66e9l8hbs] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

/* Buttons in table row */
.action-buttons[b-h66e9l8hbs] {
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
}

.btn-icon[b-h66e9l8hbs] {
    background: none;
    border: none;
    padding: 2px 4px;
    margin: 0 2px;
    cursor: pointer;
    font-size: 0.9em;
    transition: all 0.2s ease;
    color: #666;
}

.download-btn:hover[b-h66e9l8hbs] {
    color: #036ac4;
}

.details-btn:hover[b-h66e9l8hbs] {
    color: #72174a;
}

/* Slide-in animation for data rows */
.slide-in-row[b-h66e9l8hbs] {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.27s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-in-row.visible[b-h66e9l8hbs] {
    opacity: 1;
    transform: translateY(0);
}

/* Modal styles */
.modal-backdrop[b-h66e9l8hbs] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-h66e9l8hbs] {
    background: white;
    border-radius: 15px;
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 1001;
}

.modal-header[b-h66e9l8hbs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
    background: linear-gradient(to right, rgba(61,61,61,1) 0%,rgba(32,30,96,1) 49%,rgba(61,61,61,1) 100%);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

    .modal-header h3[b-h66e9l8hbs] {
        margin: 0;
        color: #b8adef;
        font-family: "montserrat", sans-serif;
    }

.close-btn[b-h66e9l8hbs] {
    background: none;
    border: none;
    font-size: 1.5em;
    color: #b8adef;
    cursor: pointer;
}

.modal-body[b-h66e9l8hbs] {
    padding: 20px;
}

.details-table[b-h66e9l8hbs] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    .details-table tr[b-h66e9l8hbs] {
        border-bottom: 1px solid #eee;
    }

        .details-table tr:last-child[b-h66e9l8hbs] {
            border-bottom: none;
        }

    .details-table td[b-h66e9l8hbs] {
        padding: 10px 5px;
    }

.detail-label[b-h66e9l8hbs] {
    font-weight: bold;
    color: #555;
    width: 30%;
}

.status-badge[b-h66e9l8hbs] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: bold;
}

.status-completed[b-h66e9l8hbs] {
    background-color: #d4edda;
    color: #155724;
}

.status-delivered[b-h66e9l8hbs] {
    background-color: #d1ecf1;
    color: #0c5460;
}

.status-sent[b-h66e9l8hbs] {
    background-color: #d1ecf1;
    color: #0c5460;
}

.status-signed[b-h66e9l8hbs] {
    background-color: #d1ecf1;
    color: #0c5460;
}

.status-voided[b-h66e9l8hbs] {
    background-color: #f8d7da;
    color: #721c24;
}

.modal-actions[b-h66e9l8hbs] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    gap: 10px;
}

.action-btn[b-h66e9l8hbs] {
    padding: 8px 15px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-size: 0.9em;
    transition: background-color 0.2s ease;
}

.download-pdf-btn[b-h66e9l8hbs] {
    background-color: #007bff;
    color: white;
}

    .download-pdf-btn:hover[b-h66e9l8hbs] {
        background-color: #0056b3;
    }

.close-modal-btn[b-h66e9l8hbs] {
    background-color: #f0f0f0;
    color: #333;
}

    .close-modal-btn:hover[b-h66e9l8hbs] {
        background-color: #ddd;
    }

/* Download overlay */
.download-overlay[b-h66e9l8hbs] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1002;
}

.download-spinner[b-h66e9l8hbs] {
    background: white;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.caret-container[b-h66e9l8hbs] {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.caret[b-h66e9l8hbs] {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: rotate(0deg);
    color: #b8adef;
}

    .caret.collapsed[b-h66e9l8hbs] {
        transform: rotate(-90deg);
    }

.slider[b-h66e9l8hbs] {
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    overflow: hidden;
    max-height: 2000px;
    opacity: 1;
}

    .slider.collapsed[b-h66e9l8hbs] {
        max-height: 0;
        opacity: 0;
        pointer-events: none;
    }
/* /Domain/Home/Components/ExpiringSoon.razor.rz.scp.css */
.homemodule-small-header[b-g51o3cgsrx] {
    font-family: "montserrat", sans-serif;
    font-size: 1.3em;
    padding-top: 5px;
    padding-bottom: 3px;
    background: linear-gradient(to right, #8b8b8b 0%, #aaaaaa 87%, #bfbfbf 94%, #fff 100%);
    color: #dcdcdc;
    text-align: center;
    text-shadow: 1px 1px 3px #2b2b2b;
    border-top-left-radius: 15px;
}
.homemodule-small-container[b-g51o3cgsrx] {
    background-color: #dfdfdf87;
}
.intd[b-g51o3cgsrx] {
    width: 75px;
}
.rentask-link[b-g51o3cgsrx] {
    text-decoration:none;
}
.rentask-link:hover[b-g51o3cgsrx] {
    cursor:pointer;
}
.prodmeme[b-g51o3cgsrx] {
    background-color: #8b8b8b;
    color: #e0e0e0;
    text-shadow: 0px 0px 2px #000;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 3px;
    font-size: .9em;
    font-weight: bold;
    min-width: 90px;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1.5px;
    border-right: 1px solid #00000047;
    box-shadow: 5px 0px 10px #909090c1;
}
tr .trow2[b-g51o3cgsrx] {
    display: block;
    margin-top: 0px !important;
    padding: 0px;
}

.trow2 td[b-g51o3cgsrx] {
    padding: 0px;
}
#upcomingrenewals-table[b-g51o3cgsrx] {
    padding-top: 10px;
    text-align: left;
    min-width: 250px;
    width: 100%;
    margin: 0;
    padding: 0;
    border-right: 5px solid #aaaaaa;
    background-color: #dfdfdfd9;
    box-shadow: inset 0px 5px 7px #a1a1a1;
}
.hexp2[b-g51o3cgsrx] {
    color: #686868;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: .9em;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
}



.dailytask-box[b-g51o3cgsrx] {
    border: 1px solid #5e5e5e;
}
.ttname2[b-g51o3cgsrx] {
    font-size: .75em;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rentask-link[b-g51o3cgsrx] {
    color: #3d3d3d !important;
}

    .rentask-link:hover[b-g51o3cgsrx] {
        color: #006bb7 !important;
    }
/* /Domain/Home/Components/IncompleteTasks.razor.rz.scp.css */
.incomplete-container[b-qn8kss8l83] {
    background-color: #dfdfdf;
    color:#707070;
}

.policylistsmall-container[b-qn8kss8l83] {
}

.sectiontitletab[b-qn8kss8l83] {
    font-family: "montserrat", sans-serif;
    font-size: 1.2em;
    padding-top: 5px;
    padding-bottom: 3px;
    /*border-top-left-radius: 15px;
    border-top-right-radius: 15px;*/
    background: linear-gradient(to right, #8b8b8b 0%, #aaaaaa 87%, #bfbfbf 94%, #fff 100%);
    text-shadow: 1px 1px 3px #2b2b2b;
    color: #e6e6e6;
    text-align: center;
}
.prodmeme[b-qn8kss8l83] {
    background-color: #8b8b8b;
    color: #e0e0e0;
    text-shadow: 0px 0px 2px #000;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 3px;
    font-size: .9em;
    font-weight: bold;
    min-width: 90px;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1.5px;
    letter-spacing: 1.5px;
    border-right: 1px solid #00000047;
    box-shadow: 5px 0px 10px #909090c1;
}
#incomplete-table[b-qn8kss8l83] {
    padding-top: 10px;
    border-right: 5px solid #aaaaaa;
    text-align: left;
    min-width: 250px;
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: inset 0px 5px 7px #a1a1a1;
}

.ttable[b-qn8kss8l83] {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;
}

tr .trow2[b-qn8kss8l83] {
    display: block;
    margin-top: 0px !important;
    padding: 0px;
}
.trow2 td[b-qn8kss8l83] {
    padding:0px;
}
.tcname[b-qn8kss8l83] {
    width: 200px;
    height: 10px;
    font-size: .9em;
}

.prodinc[b-qn8kss8l83] {
    background-color: #3d3d3d;
    color: #bebebe;
    padding: 2px 5px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: .9em;
    font-weight: bold;
    min-width: 90px;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
}
.inco[b-qn8kss8l83] {
    font-size: .75em;
    font-weight: bold;
}
.intd[b-qn8kss8l83] {
    width: 75px;
}
.infill a:hover[b-qn8kss8l83] {
    cursor:pointer;
    text-decoration:underline;
    text-decoration:dashed !important;
}
.ttpri[b-qn8kss8l83] {
    height: 10px;
    font-size: .7em;
}
.hprod2[b-qn8kss8l83] {
    color: #d0d0d0;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 3px;
    font-size: .9em;
    font-weight: bold;
    min-width: 90px;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1.5px;
}

.hexp2[b-qn8kss8l83] {
    color: #686868;
    padding-left: 3px;
    padding-right: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: .9em;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
}
.rentask-link[b-qn8kss8l83] {
    color:#3d3d3d !important;
}

.rentask-link:hover[b-qn8kss8l83] {
    color: #006bb7 !important;
}
/* /Domain/Home/Components/LeadsHomeList.razor.rz.scp.css */
/*standard mid table*/
.mid-a[b-hk48faypb7] {
    width: auto;
    padding-left: 15px;
}

.mid-b[b-hk48faypb7] {
    width: 20%;
}

.mid-c[b-hk48faypb7] {
    width: 15%;
}

.mid-d[b-hk48faypb7] {
    width: 60px;
}
.mid-z[b-hk48faypb7] {
    width: 80px;
    padding-right:15px;
}
.mid-name[b-hk48faypb7] {
    font-weight: bold;
    color: #595959;
    cursor: pointer;
}
    .mid-name:hover[b-hk48faypb7] {
        color: #006bb7;
    }
.mid-color[b-hk48faypb7] {
    color: #585858;
    font-weight: bold;
    font-size: .75em !important;
}

.mid-date[b-hk48faypb7] {
    color: #7c7c7c;
    font-size: .8em;
}

.mid-dotname[b-hk48faypb7] {
    text-decoration: none;
    color: #2ca55e;
    font-size: .75em;
    position: relative;
    left: -4px;
    top: -2px;
}
/*standard mid table*/
.ltable[b-hk48faypb7] {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;
}

.lbg[b-hk48faypb7] {
    height: 20px;
    color: #ffffff64;
    text-align: left;
    font-size: .7em;
}

    .lbg th[b-hk48faypb7] {
        color: #979797;
    }

.lbody[b-hk48faypb7] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .9em;
}
/*standard mid table*/

.sectiontitletab[b-hk48faypb7] {
    font-family: "montserrat", sans-serif;
    font-size: 1.3em;
    padding-top: 6px;
    padding-bottom: 6px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#595959+0,aaaaaa+87,bfbfbf+94,aaaaaa+100 */
    background: linear-gradient(to right, #595959 0%,#aaaaaa 87%,#bfbfbf 94%,#aaaaaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding-left: 10px;
    color: #e6e6e6;
    text-align: left;
    border-left: 15px solid #1b1b1b;
    z-index: 20;
    position: relative;
    text-shadow: 1px 1px 3px #2b2b2b;
}

#leadertable[b-hk48faypb7] {
    padding-top: 10px;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    z-index: 99;
}
.main[b-hk48faypb7] {
    padding-left:10px;
    transition: all linear .2s;
}

    .main:hover[b-hk48faypb7] {
        background-color: #fff;
        cursor: pointer;
    }
.lead-box[b-hk48faypb7] {
    padding: 3px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #fff;
}
.leads-box-inner[b-hk48faypb7] {
    box-shadow: inset 0px 5px 7px #a1a1a1;
    background-color: #dfdfdf87;
    z-index: 10;
}
.leads-box[b-hk48faypb7] {
    background: linear-gradient(to right, rgba(227,80,73,0.1) 0%,rgba(32,30,96,0.1) 49%,rgba(255,255,255,0.5) 100%);
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0px 0px 40px #0000007c;
    z-index: 10;
}
/*.lbg {
    height: 20px;
    color: #ffffff64;
    text-align: left;
    font-size: .7em;
}

    .lbg th {
        padding-left: 4px !important;
        color: #979797;
    }

.ltable {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;

}*/
/*.lbody {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:.9em;
}
.lbody tr td {
    padding:0px 4px;
}*/
/*.lcname {
    font-weight: bold;
    color: #525252;
}
.lccon {
    color: #423838;
    font-size: .8em;
}*/
.lstage[b-hk48faypb7] {
    color: #423838;
    font-size: .8em;
}
.dot[b-hk48faypb7] {
    height: 8px;
    width: 8px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: -0px;
    margin-right: 8px;
    margin-left: 6px;
}
.dot-0[b-hk48faypb7] {
    background-color: #d94c43;
    box-shadow: 0px 0px 7px #d94c43;
    border:1px solid #ffffffaa;
}
.dot-1[b-hk48faypb7] {
    background-color: #72174a;
    box-shadow: 0px 0px 7px #72174a;
    border: 1px solid #ffffffaa;
}
.dot-2[b-hk48faypb7] {
    background-color: #036ac4;
    box-shadow: 0px 0px 7px #036ac4;
    border: 1px solid #ffffffaa;
}
.ctweak[b-hk48faypb7] {
    margin-left: 26px;
}
.llink[b-hk48faypb7] {
    text-decoration:none;
}
.link-0[b-hk48faypb7] {
    color: #d94c43;
}
.link-1[b-hk48faypb7] {
    color: #72174a;
}
.link-2[b-hk48faypb7] {
    color: #036ac4;
}

.ellipsis[b-hk48faypb7] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

/* Buttons in table row */
.action-buttons[b-hk48faypb7] {
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
}

.btn-icon[b-hk48faypb7] {
    background: none;
    border: none;
    padding: 2px 4px;
    margin: 0 2px;
    cursor: pointer;
    font-size: 0.9em;
    transition: all 0.2s ease;
    color: #666;
}

.details-btn:hover[b-hk48faypb7] {
    color: #72174a;
}

/* Modal styles */
.modal-backdrop[b-hk48faypb7] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-hk48faypb7] {
    background: white;
    border-radius: 15px;
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 1001;
}

.modal-header[b-hk48faypb7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
    background: linear-gradient(to right, rgba(61,61,61,1) 0%,rgba(32,30,96,1) 49%,rgba(61,61,61,1) 100%);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.modal-header h3[b-hk48faypb7] {
    margin: 0;
    color: #b8adef;
    font-family: "montserrat", sans-serif;
}

.close-btn[b-hk48faypb7] {
    background: none;
    border: none;
    font-size: 1.5em;
    color: #b8adef;
    cursor: pointer;
}

.modal-body[b-hk48faypb7] {
    padding: 20px;
}

.details-table[b-hk48faypb7] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.details-table tr[b-hk48faypb7] {
    border-bottom: 1px solid #eee;
}

.details-table tr:last-child[b-hk48faypb7] {
    border-bottom: none;
}

.details-table td[b-hk48faypb7] {
    padding: 10px 5px;
}

.detail-label[b-hk48faypb7] {
    font-weight: bold;
    color: #555;
    width: 30%;
}

.status-badge[b-hk48faypb7] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    color: white;
}

.status-stage-0[b-hk48faypb7] {
    background-color: #d94c43;
}

.status-stage-1[b-hk48faypb7] {
    background-color: #72174a;
}

.status-stage-2[b-hk48faypb7] {
    background-color: #036ac4;
}

.modal-actions[b-hk48faypb7] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    gap: 10px;
}

.action-btn[b-hk48faypb7] {
    padding: 8px 15px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-size: 0.9em;
    transition: background-color 0.2s ease;
}

.view-lead-btn[b-hk48faypb7] {
    background-color: #036ac4;
    color: white;
}

.view-lead-btn:hover[b-hk48faypb7] {
    background-color: #0258a1;
}

.close-modal-btn[b-hk48faypb7] {
    background-color: #f0f0f0;
    color: #333;
}

.close-modal-btn:hover[b-hk48faypb7] {
    background-color: #ddd;
}
/* /Domain/Home/Components/ProposalPipeline.razor.rz.scp.css */
.sectiontitletab[b-5wswsvlqe4] {
    font-family: "montserrat", sans-serif;
    font-size: 1.3em;
    padding-top: 6px;
    padding-bottom: 6px;
    background: linear-gradient(to right, #595959 0%,#aaaaaa 87%,#bfbfbf 94%,#aaaaaa 100%);
    padding-left: 10px;
    color: #e6e6e6;
    text-align: left;
    border-left: 15px solid #1b1b1b;
    z-index: 20;
    position: relative;
    text-shadow: 1px 1px 3px #2b2b2b;
}
/*standard mid table*/
.mid-a[b-5wswsvlqe4] {
    width: auto;
    padding-left: 15px;
}
.mid-b[b-5wswsvlqe4] {
    width: 20%;
}
.mid-c[b-5wswsvlqe4] {
    width: 15%;
}
.mid-d[b-5wswsvlqe4] {
    width: 60px;
}
.mid-name[b-5wswsvlqe4] {
    font-weight: bold;
    color: #595959;
    cursor: pointer;
}
    .mid-name:hover[b-5wswsvlqe4] {
        color: #006bb7;
    }
.mid-color[b-5wswsvlqe4] {
    color: #20874b;
    font-weight: bold;
    font-size: .75em !important;
}
.mid-date[b-5wswsvlqe4] {
    color: #7c7c7c;
    font-size: .8em;
}
.mid-dotname[b-5wswsvlqe4] {
    text-decoration: none;
    color: #2ca55e;
    font-size: .75em;
    position: relative;
    left: -4px;
    top: -2px;
}
/*standard mid table*/
.ltable[b-5wswsvlqe4] {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;
}

.lbg[b-5wswsvlqe4] {
    height: 20px;
    color: #ffffff64;
    text-align: left;
    font-size: .7em;
}

    .lbg th[b-5wswsvlqe4] {
        color: #979797;
    }
.lbody[b-5wswsvlqe4] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .9em;
}
/*standard mid table*/


.main[b-5wswsvlqe4] {
    transition: all linear .2s;
}

    .main:hover[b-5wswsvlqe4] {
        background-color: #fff;
        cursor: pointer;
    }
.lpad[b-5wswsvlqe4] {
    padding-left: 10px !important;
}

#certrequesttable[b-5wswsvlqe4] {
    padding-top: 10px;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    z-index: 99;
}

.leads-box[b-5wswsvlqe4] {
    background: linear-gradient(to right, rgba(227,80,73,0.1) 0%,rgba(32,30,96,0.1) 49%,rgba(255,255,255,0.5) 100%);
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0px 0px 40px #0000007c;
    z-index: 10;
}

.leads-box-inner[b-5wswsvlqe4] {
    box-shadow: inset 0px 5px 7px #a1a1a1;
    background-color: #dfdfdfff;
    z-index: 10;
}
.lcname[b-5wswsvlqe4] {
    font-weight: bold;
    color: #525252;
}

.lccon[b-5wswsvlqe4] {
    color: #423838;
    font-size: .8em;
}
.lccr[b-5wswsvlqe4] {
    color: #423838;
    font-size: .7em;
}

.lstage[b-5wswsvlqe4] {
    color: #423838;
    font-size: .8em;
}

.dot[b-5wswsvlqe4] {
    height: 8px;
    width: 8px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: -0px;
    margin-right: 8px;
    margin-left: 6px;
}
/*
//#2ca55e green for new proposal request (0)
//#56B77E alt green for new mailout request (10)
//#72174a purple form done/sent (3)
//#036ac4 blue for pending proposal creation (1)
//#3588D0 alt blue for pending mailout (11)
//#d94c43 orange for needing clarification (2)*/

.dot-0[b-5wswsvlqe4] {
    background-color: #2ca55e;
    box-shadow: 0px 0px 7px #2ca55e;
    border: 1px solid #ffffffaa;
}
.link-0[b-5wswsvlqe4] {
    color: #2ca55e;
}
.dot-1[b-5wswsvlqe4] {
    background-color: #036ac4;
    box-shadow: 0px 0px 7px #036ac4;
    border: 1px solid #ffffffaa;
}
.link-1[b-5wswsvlqe4] {
    color: #036ac4;
}
.dot-2[b-5wswsvlqe4] {
    background-color: #d94c43;
    box-shadow: 0px 0px 7px #d94c43;
    border: 1px solid #ffffffaa;
}
.link-2[b-5wswsvlqe4] {
    color: #d94c43;
}
.dot-3[b-5wswsvlqe4] {
    background-color: #72174a;
    box-shadow: 0px 0px 7px #72174a;
    border: 1px solid #ffffffaa;
}
.link-3[b-5wswsvlqe4] {
    color: #72174a;
}
.dot-4[b-5wswsvlqe4] {
    background-color: #2ca55e;
    box-shadow: 0px 0px 7px #2ca55e;
    border: 1px solid #ffffffaa;
}
.link-4[b-5wswsvlqe4] {
    color: #2ca55e;
}
.dot-9[b-5wswsvlqe4] {
    background-color: #ff7070;
    box-shadow: 0px 0px 7px #a85c5c;
    border: 1px solid #ff9797aa;
}
.dot-10[b-5wswsvlqe4] {
    background-color: #56B77E;
    box-shadow: 0px 0px 7px #56B77E;
    border: 1px solid #ffffffaa;
}
.link-9[b-5wswsvlqe4] {
    color: #ff5656;
}
.link-10[b-5wswsvlqe4] {
    color: #56B77E;
}
.dot-11[b-5wswsvlqe4] {
    background-color: #3588D0;
    box-shadow: 0px 0px 7px #3588D0;
    border: 1px solid #ffffffaa;
}

.link-11[b-5wswsvlqe4] {
    color: #3588D0;
}
.ctweak[b-5wswsvlqe4] {
    margin-left: 26px;
}

.llink[b-5wswsvlqe4] {
    text-decoration: none;
}

.ellipsis[b-5wswsvlqe4] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

/* Buttons in table row */
.action-buttons[b-5wswsvlqe4] {
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
}

.btn-icon[b-5wswsvlqe4] {
    background: none;
    border: none;
    padding: 2px 4px;
    margin: 0 2px;
    cursor: pointer;
    font-size: 0.9em;
    transition: all 0.2s ease;
    color: #666;
}

.details-btn:hover[b-5wswsvlqe4] {
    color: #72174a;
}

/* Modal styles */
.modal-backdrop[b-5wswsvlqe4] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-5wswsvlqe4] {
    background: white;
    border-radius: 15px;
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 1001;
}

.modal-header[b-5wswsvlqe4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
    background: linear-gradient(to right, rgba(61,61,61,1) 0%,rgba(32,30,96,1) 49%,rgba(61,61,61,1) 100%);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

    .modal-header h3[b-5wswsvlqe4] {
        margin: 0;
        color: #b8adef;
        font-family: "montserrat", sans-serif;
    }

.close-btn[b-5wswsvlqe4] {
    background: none;
    border: none;
    font-size: 1.5em;
    color: #b8adef;
    cursor: pointer;
}

.modal-body[b-5wswsvlqe4] {
    padding: 20px;
}

.details-table[b-5wswsvlqe4] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    .details-table tr[b-5wswsvlqe4] {
        border-bottom: 1px solid #eee;
    }

        .details-table tr:last-child[b-5wswsvlqe4] {
            border-bottom: none;
        }

    .details-table td[b-5wswsvlqe4] {
        padding: 10px 5px;
    }

.detail-label[b-5wswsvlqe4] {
    font-weight: bold;
    color: #555;
    width: 30%;
}

.status-badge[b-5wswsvlqe4] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    color: white;
}

.status-approved[b-5wswsvlqe4] {
    background-color: #036ac4;
}

.status-rejected[b-5wswsvlqe4] {
    background-color: #d94c43;
}

.status-review[b-5wswsvlqe4] {
    background-color: #72174a;
}

.status-completed[b-5wswsvlqe4] {
    background-color: #2ca55e;
}

.modal-actions[b-5wswsvlqe4] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    gap: 10px;
}

.action-btn[b-5wswsvlqe4] {
    padding: 8px 15px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-size: 0.9em;
    transition: background-color 0.2s ease;
}

.view-request-btn[b-5wswsvlqe4] {
    background-color: #036ac4;
    color: white;
}

    .view-request-btn:hover[b-5wswsvlqe4] {
        background-color: #0258a1;
    }

.close-modal-btn[b-5wswsvlqe4] {
    background-color: #f0f0f0;
    color: #333;
}

    .close-modal-btn:hover[b-5wswsvlqe4] {
        background-color: #ddd;
    }
/* /Domain/Home/Components/RecentPayments.razor.rz.scp.css */
.sectiontitletab[b-g3s6zp089a] {
    font-family: "montserrat", sans-serif;
    font-size: 1.3em;
    padding-top: 6px;
    padding-bottom: 6px;
    background: linear-gradient(to right, #595959 0%,#aaaaaa 87%,#bfbfbf 94%,#aaaaaa 100%);
    padding-left: 10px;
    color: #e6e6e6;
    text-align: left;
    border-left: 15px solid #1b1b1b;
    z-index: 20;
    position: relative;
    text-shadow: 1px 1px 3px #2b2b2b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff7e;
}

.leads-box-inner[b-g3s6zp089a] {
    box-shadow: inset 0px 5px 7px #a1a1a1;
    background-color: #dfdfdf87;
    z-index: 10;
}
.lcname[b-g3s6zp089a] {
    font-weight: bold;
    color: #595959;
    cursor: pointer;
}

    .lcname:hover[b-g3s6zp089a] {
        color: #006bb7;
    }

.lccon[b-g3s6zp089a] {
    color: #423838;
    font-size: .8em;
}

/*standard mid table*/
.mid-a[b-g3s6zp089a] {
    width: auto;
    padding-left: 15px;
}
.mid-b[b-g3s6zp089a] {
    width: 20%;
}
.mid-c[b-g3s6zp089a] {
    width: 15%;
}
.mid-d[b-g3s6zp089a] {
    width: 60px;
}
.mid-name[b-g3s6zp089a] {
    font-weight: bold;
    color: #595959;
    cursor: pointer;
}
    .mid-name:hover[b-g3s6zp089a] {
        color: #006bb7;
    }
.mid-color[b-g3s6zp089a] {
    color: #20874b;
    font-weight: bold;
    font-size: .8em;
}
.mid-date[b-g3s6zp089a] {
    color: #7c7c7c;
    font-size: .8em;
}
.mid-dotname[b-g3s6zp089a] {
    text-decoration: none;
    color: #2ca55e;
    font-size: .75em;
    position: relative;
    left: -4px;
    top: -2px;
}
/*standard mid table*/
.ltable[b-g3s6zp089a] {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;
}

.lbg[b-g3s6zp089a] {
    height: 20px;
    color: #ffffff64;
    text-align: left;
    font-size: .7em;
}
    .lbg th[b-g3s6zp089a] {
        color: #979797;
    }
.lbody[b-g3s6zp089a] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .9em;
}
    .lbody tr td[b-g3s6zp089a] {
        /*padding: 2px 0px 2px 15px;*/
    }
/*standard mid table*/
.main[b-g3s6zp089a] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .main:hover[b-g3s6zp089a] {
        background-color: #fff;
        cursor: pointer;
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
.dot[b-g3s6zp089a] {
    height: 8px;
    width: 8px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: -0px;
    margin-right: 8px;
    margin-left: 6px;
}

.dot-2[b-g3s6zp089a] {
    background-color: #2ca55e;
    box-shadow: 0px 0px 7px #2ca55e;
    border: 1px solid #ffffffaa;
}

.ellipsis[b-g3s6zp089a] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.no-taskssub[b-g3s6zp089a] {
    text-align: center;
    color: #999;
    font-style: italic;
    padding: 20px;
}

.ctweak[b-g3s6zp089a] {
    /*margin-left: 11px;*/
}

/* Modal styles */
.modal-backdrop[b-g3s6zp089a] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-g3s6zp089a] {
    background: white;
    border-radius: 15px;
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 1001;
}

.modal-header[b-g3s6zp089a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
    background: linear-gradient(to right, rgba(61,61,61,1) 0%,rgba(32,30,96,1) 49%,rgba(61,61,61,1) 100%);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

    .modal-header h3[b-g3s6zp089a] {
        margin: 0;
        color: #b8adef;
        font-family: "montserrat", sans-serif;
    }

.close-btn[b-g3s6zp089a] {
    background: none;
    border: none;
    font-size: 1.5em;
    color: #b8adef;
    cursor: pointer;
}

.modal-body[b-g3s6zp089a] {
    padding: 20px;
}

.details-table[b-g3s6zp089a] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    .details-table tr[b-g3s6zp089a] {
        border-bottom: 1px solid #eee;
    }

        .details-table tr:last-child[b-g3s6zp089a] {
            border-bottom: none;
        }

    .details-table td[b-g3s6zp089a] {
        padding: 10px 5px;
    }

.detail-label[b-g3s6zp089a] {
    font-weight: bold;
    color: #555;
    width: 30%;
}

.modal-actions[b-g3s6zp089a] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    gap: 10px;
}

.action-btn[b-g3s6zp089a] {
    padding: 8px 15px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-size: 0.9em;
    transition: background-color 0.2s ease;
}

.close-modal-btn[b-g3s6zp089a] {
    background-color: #f0f0f0;
    color: #333;
}

    .close-modal-btn:hover[b-g3s6zp089a] {
        background-color: #ddd;
    }

.caret-container[b-g3s6zp089a] {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.caret[b-g3s6zp089a] {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: rotate(0deg);
    color: #b8adef;
}
.caret.collapsed[b-g3s6zp089a] {
    transform: rotate(-90deg);
}

.slider[b-g3s6zp089a] {
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    overflow: hidden;
    max-height: 2000px;
    opacity: 1;
}
.slider.collapsed[b-g3s6zp089a] {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

/* Enhanced Loading Animations */
.skeleton-row[b-g3s6zp089a] {
    animation: skeleton-pulse-b-g3s6zp089a 1.5s ease-in-out infinite;
}

@keyframes skeleton-pulse-b-g3s6zp089a {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.skeleton-shimmer[b-g3s6zp089a] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-g3s6zp089a 2s infinite;
}

@keyframes shimmer-b-g3s6zp089a {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Slide-in animation for data rows */
.slide-in-row[b-g3s6zp089a] {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.27s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-in-row.visible[b-g3s6zp089a] {
    opacity: 1;
    transform: translateY(0);
}

/* Fade-in for no data message */
.fade-in[b-g3s6zp089a] {
    animation: fadeIn-b-g3s6zp089a 0.6s ease-in-out;
}

@keyframes fadeIn-b-g3s6zp089a {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Improved skeleton loading appearance */
.skeleton-row td[b-g3s6zp089a] {
    padding: 8px 9px;
}

/* Staggered animation delays for skeleton rows */
.skeleton-row:nth-child(1)[b-g3s6zp089a] { animation-delay: 0ms; }
.skeleton-row:nth-child(2)[b-g3s6zp089a] { animation-delay: 100ms; }
.skeleton-row:nth-child(3)[b-g3s6zp089a] { animation-delay: 200ms; }
.skeleton-row:nth-child(4)[b-g3s6zp089a] { animation-delay: 300ms; }
.skeleton-row:nth-child(5)[b-g3s6zp089a] { animation-delay: 400ms; }
.skeleton-row:nth-child(6)[b-g3s6zp089a] { animation-delay: 500ms; }
.skeleton-row:nth-child(7)[b-g3s6zp089a] { animation-delay: 600ms; }
.skeleton-row:nth-child(8)[b-g3s6zp089a] { animation-delay: 700ms; } 
/* /Domain/Home/Components/RenewalFlowTasks.razor.rz.scp.css */
:root tr td[b-vd9hvvbz3m] {
    padding: 0px 0px;
    height: 20px;
}
.sectiontitletab[b-vd9hvvbz3m] {
    font-family: "montserrat", sans-serif;
    font-weight: 300;
    font-size: 1.3em;
    padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff !important;
    text-align: left;
    z-index: 98;
    position: relative;
}
.fluentswitcher[b-vd9hvvbz3m] {
    color: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:.7em;
    display: flex;
    color:#b1b1b1;
}
.sf-link[b-vd9hvvbz3m] {
    color: #5a5a77 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    font-size: 1.1em !important;
    padding-left: 5px;
}
.rentask-container[b-vd9hvvbz3m] {
    box-shadow: 0px 0px 25px #0000007e;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
    /*position: relative;
    top: -50px;*/
}
.thetaskname[b-vd9hvvbz3m] {
    position: relative;
    top: -3px;
}
.parenttaskname[b-vd9hvvbz3m] {
    color: #687176 !important;
    font-weight: normal;
    position: relative;
    top: -3px;
}
.parentcaret[b-vd9hvvbz3m] {
    position: relative;
    top:1px;
}
.background-default[b-vd9hvvbz3m] {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#767676+0,4c4c4c+49,3d3d3d+100 */
    background: linear-gradient(to right, rgba(118,118,118,1) 0%,rgba(76,76,76,1) 49%,rgba(61,61,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.background-darkpurple[b-vd9hvvbz3m] {
    background-color: #4e1359;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e35049+1,5e5e5e+49,3d3d3d+100 */
    background: linear-gradient(to bottom, rgba(227,80,73,1) 1%,rgba(94,94,94,1) 49%,rgba(61,61,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*.home-box {
    overflow: hidden;
    box-shadow: 0px 0px 15px #000000b9;
}*/
#tasktable[b-vd9hvvbz3m] {
    padding-top: 10px;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    z-index:99;
}
.ttable[b-vd9hvvbz3m] {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbdbdb+0,ffffff+45,dbdbdb+100&0.99+0,0.99+100 */
    background: linear-gradient(to bottom, rgba(219,219,219,0.99) 0%,rgba(255,255,255,0.99) 45%,rgba(219,219,219,0.99) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
tr .trow[b-vd9hvvbz3m] {
    display: block;
    margin-top: 5px !important;
    padding: 20px;
}
.tcname[b-vd9hvvbz3m] {
    font-family: "montserrat", sans-serif;
    font-weight: 300;
    max-width: 150px !important;
    height: 10px;
    font-size: .8em;
}
.ttname[b-vd9hvvbz3m] {
    height: 10px;
    font-size: .9em;
    font-weight: bold;
    max-width: 160px !important;
}
    .ttname a[b-vd9hvvbz3m] {
        text-decoration: none;
    }
.clientcoly[b-vd9hvvbz3m] {
    padding-right: 10px !important;
    width: 140px;
}
.policycoly[b-vd9hvvbz3m] {
    width: 50px;
}
.taskcoly[b-vd9hvvbz3m] {
    width: auto;
}
.ttpri[b-vd9hvvbz3m] {
    height: 10px;
    font-size: .7em;
    width: 150px;
    width: 85px;
}
.tbg tr[b-vd9hvvbz3m] {
    background-color: #767676 !important;
}
.hprod[b-vd9hvvbz3m] {
    color: #e6e6e6;
    background-color: #767676 !important;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    font-size: .9em;
    font-weight: bold;
    min-width: 90px;
    height: 100%;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1.5px;
}
.hprodbg-default[b-vd9hvvbz3m] {
    background-color: #6858c7;
}
.hprodbg-darkpurple[b-vd9hvvbz3m] {
    background-color: #4e1359;
}


.hexp[b-vd9hvvbz3m] {
    background-color: #ffffffa7;
    color: #424242;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: .9em;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
}


.rentask-link a:hover[b-vd9hvvbz3m] {
    cursor:pointer;
}
.rentask-link:hover[b-vd9hvvbz3m] {
    cursor: pointer;
}
.blurred[b-vd9hvvbz3m] {
    filter: blur(2px);
    opacity: 0.4;
    transition: filter .6s linear, opacity .6s linear;
}
.priority-toggle[b-vd9hvvbz3m] {
    cursor: pointer;
    text-decoration: none !important;
    transition: background 0.6s, color 0.6s, box-shadow 0.6s;
    border-radius: 4px;
    padding: 2px 6px;
}
.priority-toggle:hover[b-vd9hvvbz3m], .priority-toggle:focus[b-vd9hvvbz3m] {
    background: #eaeaea;
    color: #201e60;
    box-shadow: 0 0 4px #bdbdbd;
    outline: none;
}
/* /Domain/Home/Components/RenewalTasks.razor.rz.scp.css */
:root tr td[b-5e8l9zuced] {
    padding: 0px 0px;
    height: 20px;
}
.sectiontitletab[b-5e8l9zuced] {
    font-family: "montserrat", sans-serif;
    font-size: 1.5em;
    padding-top: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #fff;
    text-align: center;
    z-index:101;
    position:relative;
}

.background-default[b-5e8l9zuced] {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e35049+1,201e60+49,3d3d3d+100 */
    background: linear-gradient(to right, #767676 1%,#201e60 49%,#3d3d3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.background-darkpurple[b-5e8l9zuced] {
    background-color: #4e1359;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4e1359+0,3d3d3d+100 */
    background: linear-gradient(to right, rgba(78,19,89,1) 0%,rgba(61,61,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.home-box[b-5e8l9zuced] {
    overflow:hidden;
    box-shadow:0px 0px 12px #0000005f;
}
#tasktable[b-5e8l9zuced] {
    padding-top: 10px;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    z-index:99;
}
.ttable[b-5e8l9zuced] {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbdbdb+0,ffffff+45,dbdbdb+100&0.99+0,0.99+100 */
    background: linear-gradient(to bottom, rgba(219,219,219,0.99) 0%,rgba(255,255,255,0.99) 45%,rgba(219,219,219,0.99) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
tr .trow[b-5e8l9zuced] {
    display: block;
    margin-top: 5px !important;
    padding: 20px;
}
.tcname[b-5e8l9zuced] {
    max-width: 150px !important;
    height: 10px;
    font-size: .9em;
}
.tbg tr[b-5e8l9zuced] {
    background-color: #767676 !important;
}
.hprod[b-5e8l9zuced] {
    color: #e6e6e6;
    background-color: #767676 !important;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    font-size: .9em;
    font-weight: bold;
    min-width: 90px;
    height: 100%;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1.5px;
}
.hprodbg-default[b-5e8l9zuced] {
    background-color: #6858c7;
}
.hprodbg-darkpurple[b-5e8l9zuced] {
    background-color: #4e1359;
}
.ttname a[b-5e8l9zuced] {
    text-decoration:none;
}

.hexp[b-5e8l9zuced] {
    background-color: #ffffffa7;
    color: #424242;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: .9em;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
}
.ttname[b-5e8l9zuced] {
    height: 10px;
    font-size: .9em;
    font-weight: bold;
}
.ttpri[b-5e8l9zuced] {
    height: 10px;
    font-size: .7em;
}
.rentask-link a:hover[b-5e8l9zuced] {
    cursor:pointer;
}
.rentask-link:hover[b-5e8l9zuced] {
    cursor: pointer;
}
/* /Domain/Home/Pages/Home.razor.rz.scp.css */
.page-content[b-pyu2wx2ate] {
    background: none;
    position: relative;
    z-index: 100;
    height: calc(100vh - 75px);
    padding-left: 20px;
}

.img-fluid[b-pyu2wx2ate] {
    width:100%;
}
.bottom-right[b-pyu2wx2ate] {
    position: sticky;
    bottom: 100px;
    right: 0;
    z-index: 1;
    opacity: .25;
    background: none;
    pointer-events: none;
}

.dashboard[b-pyu2wx2ate] {
    display: grid;
    grid-template-columns: minmax(650px, 2fr) minmax(200px, 1.8fr) minmax(200px, 1fr); 
    gap: 20px;
    height: calc(100vh - 75px);
    padding: 15px 0 0;
}

.col[b-pyu2wx2ate] {
    display: flex;
    flex-direction: column;
}
.parCol[b-pyu2wx2ate] {
    position: relative;
    will-change: transform; /* let the GPU handle it */
}
/* ========== 2‑column laptop / tablet (<1500 px) ========== */
@media(max-width:1500px) {
    .dashboard[b-pyu2wx2ate] {
        grid-template-columns: minmax(650px,1fr) minmax(300px,1fr);
    }

    .col-right[b-pyu2wx2ate] {
        display: none;
    }
}

/* ========== 1‑column mobile (<900 px) ========== */
@media(max-width:900px) {
    .dashboard[b-pyu2wx2ate] {
        grid-template-columns: 1fr;
    }

    .col-right[b-pyu2wx2ate] {
        display: block;
    }
    .sticky-col[b-pyu2wx2ate] {
        top: 60px;
    }
}
.rounded-corn[b-pyu2wx2ate] {
    border-radius: 10px;
    box-shadow: 2px 2px 4px #ffffff7f;
    overflow:hidden;
}
/* /Domain/Integrations/Graph/Components/RecentClientEmails.razor.rz.scp.css */
.recent-emails-section[b-fzm8j8btam] {
    background-color: var(--neutral-layer-1, #fff);
    border-radius: var(--corner-radius-3, 8px);
    box-shadow: var(--shadow-2, 0 2px 8px rgba(0, 0, 0, 0.08));
    padding: 0rem;
    margin-bottom: 1rem;
    height: 100%;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    margin-top: 0.25rem;
}
    .recent-emails-section:hover[b-fzm8j8btam] {
        box-shadow: var(--shadow-4, 0 6px 12px rgba(0, 0, 0, 0.12));
    }
.email-error-message[b-fzm8j8btam] {
    text-align: center;
    display: block;
    font-size: 1.2em;
    width: 70%;
    margin: auto;
    padding-bottom: 20px;
    color: #b1b1b1;
    line-height: 1.5;
}
.me-2[b-fzm8j8btam] {
    color: #0e730e;
    float:right;
}
.txt-section[b-fzm8j8btam] {
    font-family: "montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #6b6b6b;
    margin-bottom: 0.25rem;
    padding-bottom: 0.1rem;
}
    .txt-section small[b-fzm8j8btam] {
        letter-spacing: 0px;
        font-size: .65rem;
        padding-left:7px;
    }
    .recent-emails-container[b-fzm8j8btam] {
        position: relative;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .recent-emails-container[b-fzm8j8btam]::-webkit-scrollbar {
        width: 6px;
    }

    .recent-emails-container[b-fzm8j8btam]::-webkit-scrollbar-track {
        background: var(--neutral-layer-2, #f5f5f5);
        border-radius: 10px;
    }

    .recent-emails-container[b-fzm8j8btam]::-webkit-scrollbar-thumb {
        background: var(--neutral-stroke-rest, #ccc);
        border-radius: 10px;
    }

        .recent-emails-container[b-fzm8j8btam]::-webkit-scrollbar-thumb:hover {
            background: var(--neutral-stroke-hover, #aaa);
        }

/* Loading progress bar */
.loading-progress[b-fzm8j8btam] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    z-index: 10;
}

/* Loading overlay */
.loading-overlay[b-fzm8j8btam] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(3px);
    padding: 0.75rem;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
    animation: slideUp-b-fzm8j8btam 0.3s ease-out;
}

.loading-text[b-fzm8j8btam] {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--accent-fill-rest, #0078d4);
}

.loading-icon[b-fzm8j8btam] {
    animation: pulse-b-fzm8j8btam 1.5s infinite ease-in-out;
}

@keyframes slideUp-b-fzm8j8btam {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes pulse-b-fzm8j8btam {
    0% {
        transform: scale(0.95);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        transform: scale(0.95);
        opacity: 0.7;
    }
}

.empty-state[b-fzm8j8btam] {
    color: var(--neutral-foreground-hint, #6e6e6e);
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20%;
}

.email-list[b-fzm8j8btam] {
    border-radius: var(--corner-radius-2, 4px);
    overflow: hidden;
}

.email-item[b-fzm8j8btam] {
    padding: 0;
    border-left: 3px solid transparent;
    border-bottom: 1px solid var(--neutral-stroke-subtle, #f0f0f0);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border-radius: 0 6px 6px 0;
    overflow: hidden;
    transform-origin: top center;
}

    .email-item:last-child[b-fzm8j8btam] {
        border-bottom: none;
    }

    .email-item:hover[b-fzm8j8btam] {
        background-color: var(--neutral-layer-3, #f5f5f5);
        transform: translateY(-2px);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    }
.loadmore-btn[b-fzm8j8btam] {
    background-color: #fff !important;
    padding: 11px;
    position: relative;
    top: 2px;
    border: 1px solid #0b71c2;
}
.loadmore-btn-text[b-fzm8j8btam] {
    position: relative;
    color:#0b71c2;
    top:-2px;
    font-weight: bold;
}
.bottom-capitem[b-fzm8j8btam] {
    background-color: #0b71c2;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 20px;
    width: 100%;
    text-align: center;
}
/* Animation for new emails */
.email-new[b-fzm8j8btam] {
    animation: popIn-b-fzm8j8btam 0.5s cubic-bezier(0.26, 1.36, 0.5, 0.87);
}

@keyframes popIn-b-fzm8j8btam {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(0.9);
    }
    70% {
        opacity: 1;
        transform: translateY(-3px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Animation for emails that will be removed (duplicates) */
.email-fadeout[b-fzm8j8btam] {
    animation: fadeOut-b-fzm8j8btam 1s ease-out forwards;
    opacity: 0.7;
    pointer-events: none;
}

@keyframes fadeOut-b-fzm8j8btam {
    from {
        opacity: 0.7;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.95);
        max-height: 0;
        margin-top: -10px;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* Email types */
.email-outbound[b-fzm8j8btam] {
    border-left-color: var(--accent-fill-rest, #0078d4);
}

    .email-outbound:hover[b-fzm8j8btam] {
        background-color: rgba(0, 120, 212, 0.05);
    }

.email-from-client[b-fzm8j8btam] {
    border-left-color: var(--success-fill-rest, #107c10);
}

    .email-from-client:hover[b-fzm8j8btam] {
        background-color: rgba(16, 124, 16, 0.05);
    }

.email-internal[b-fzm8j8btam] {
    border-left-color: var(--warning-fill-rest, #ffaa44);
}

    .email-internal:hover[b-fzm8j8btam] {
        background-color: rgba(255, 170, 68, 0.05);
    }

.email-subject[b-fzm8j8btam] {
    font-size: 0.8rem;
    padding: 0.6rem 0.6rem 0.3rem 0.6rem;
    font-weight: 600;
    overflow: hidden;
    color: #0269c3;
    position: relative;
    height:10px;
    text-overflow: ellipsis;
   
}

.email-preview[b-fzm8j8btam] {
    font-size: 0.8rem;
    padding: 0 0.6rem 0.6rem 0.6rem;
    color: #000000;
    line-height: 1.2;
}

.email-date[b-fzm8j8btam] {
    white-space: nowrap;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint, #6e6e6e);
}

.email-mailbox[b-fzm8j8btam] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint, #6e6e6e);
}

.email-participants[b-fzm8j8btam] {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-emails-footer[b-fzm8j8btam] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint, #6e6e6e);
    padding-top: 0.5rem;
    margin-top: auto;
    border-top: 1px solid var(--neutral-stroke-subtle, #f0f0f0);
    position: relative;
    top: -7px;
    left: -3px;
}
.footer-icon[b-fzm8j8btam] {
    position: relative;
    top: 8px;
    padding-left: 10px;
    color: #939393;
}
.footer-text[b-fzm8j8btam] {
    position: relative;
    top: 4px;
    font-family: "montserrat", sans-serif;
}
.footer-link[b-fzm8j8btam] {
    font-family: "montserrat", sans-serif;
    text-decoration: none;
    position: relative;
    top: -2px;
}
.mailflow[b-fzm8j8btam] {
    color: #fff;
    height: 27px;
    background-color: rgba(0, 0, 0, 0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 2px !important;
    padding-left: 4px;
    padding-right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.email-item-header[b-fzm8j8btam] {
    margin-bottom: 0.4rem;
}

/* Email header styles based on type */
.top-emailbarbox-outbound[b-fzm8j8btam] {
    background: linear-gradient(90deg, #0078d4, #106eba);
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 120, 212, 0.3);
}

.top-emailbarbox-fromclient[b-fzm8j8btam] {
    background: linear-gradient(90deg, #107c10, #0e6e0e);
    color: #fff;
    box-shadow: 0 1px 3px rgba(16, 124, 16, 0.3);
}

.top-emailbarbox-internal[b-fzm8j8btam] {
    background: linear-gradient(90deg, #ffaa44, #f59c31);
    color: #fff;
    box-shadow: 0 1px 3px rgba(255, 170, 68, 0.3);
}

.top-tobox[b-fzm8j8btam], .top-frombox[b-fzm8j8btam] {
    padding-top: 9px;
    max-width: 125px;
    width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.top-tobox strong[b-fzm8j8btam], .top-frombox strong[b-fzm8j8btam] {
    font-size: 9px;
    padding: 3px 5px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.25);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 4px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.top-datebox[b-fzm8j8btam] {
    padding-top: 7px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 300;
    text-align: right;
    flex: 1;
    color: #ffffffb5;
}

/* Shimmer loading effect for the empty state */
@keyframes shimmer-b-fzm8j8btam {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.shimmer[b-fzm8j8btam] {
    animation: shimmer-b-fzm8j8btam 2s infinite linear;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.03) 8%, rgba(0, 0, 0, 0.06) 18%, rgba(0, 0, 0, 0.03) 33%);
    background-size: 1000px 100%;
}

/* /Domain/Leads/Components/Create.razor.rz.scp.css */
.sfpage-newcarrier[b-pwsn7gzstr] {
    display: flex;
    flex-direction: row;
    max-width: 900px;
}

.sf-col[b-pwsn7gzstr] {
    flex: 1;
    padding: 0px;
}

.sf-col-1[b-pwsn7gzstr] {
    flex: 1;
    padding-right: 20px;
}

.sf-col-2[b-pwsn7gzstr] {
    flex: 1;
    padding-left: 20px;
}

.sf-formcontainer[b-pwsn7gzstr] {
    height: 85px;
    vertical-align: top;
}

:root h1[b-pwsn7gzstr] {
    font-family: "montserrat", sans-serif;
    font-weight: 200;
    font-size: 2em;
    font-style: normal;
    color: #b2b2b2 !important;
    padding: 0px;
    padding-bottom: 10px !important;
    margin: 0px;
}

.e-input-group[b-pwsn7gzstr] {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

:root .sf-validation[b-pwsn7gzstr] {
    font-size: 12px !important;
    font-size: 12px !important;
    color: #bd7b7b;
}
/* /Domain/Leads/Components/Details.razor.rz.scp.css */
.lead-detail-page[b-9n69ddyyu3] {
    padding: 32px 32px 64px;
    background: radial-gradient(circle at top left, #0f172a, #020617 60%);
    max-height: calc(100vh - 231px);
    color: #f8fafc;
    overflow: auto;
}

.lead-detail__state[b-9n69ddyyu3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 50vh;
    color: #cbd5f5;
}

.lead-detail__layout[b-9n69ddyyu3] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 1200px;
    margin: 0 auto;
}

.glass-card[b-9n69ddyyu3] {
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 28px;
    padding: 28px;
    box-shadow: 0 20px 50px rgba(2, 6, 23, 0.5);
    backdrop-filter: blur(18px);
}

.lead-detail__hero[b-9n69ddyyu3] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    border-left: 6px solid var(--stage-accent, #38bdf8);
}

.lead-detail__hero-text h1[b-9n69ddyyu3] {
    margin: 0;
    font-size: 2.4rem;
}

.lead-detail__eyebrow[b-9n69ddyyu3] {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 0.75rem;
    margin-bottom: 10px;
    color: rgba(248, 250, 252, 0.7);
}

.lead-detail__meta[b-9n69ddyyu3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 14px 0;
}

.lead-detail__stage-pill[b-9n69ddyyu3] {
    padding: 6px 16px;
    border-radius: 999px;
    border: 1px solid var(--stage-accent, rgba(56, 189, 248, 0.4));
    color: var(--stage-accent, #38bdf8);
    background: rgba(56, 189, 248, 0.15);
    font-weight: 600;
}

.lead-detail__meta-pill[b-9n69ddyyu3] {
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.9rem;
}

.lead-detail__subhead[b-9n69ddyyu3] {
    margin: 0;
    color: rgba(248, 250, 252, 0.7);
}

.lead-detail__hero-actions[b-9n69ddyyu3] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.lead-detail__action[b-9n69ddyyu3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: inherit;
    text-decoration: none;
    transition: background 0.2s ease;
}

.lead-detail__action:hover[b-9n69ddyyu3] {
    background: rgba(255, 255, 255, 0.15);
}

.lead-detail__grid[b-9n69ddyyu3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 18px;
}

.lead-detail__card header[b-9n69ddyyu3] {
    margin-bottom: 18px;
}

.lead-detail__card-eyebrow[b-9n69ddyyu3] {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 0.7rem;
    color: rgba(248, 250, 252, 0.65);
    margin: 0;
}

.lead-detail__card header h3[b-9n69ddyyu3] {
    margin: 4px 0 0 0;
}

.lead-detail__stat-grid[b-9n69ddyyu3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 18px;
}

.lead-detail__stat[b-9n69ddyyu3] {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    padding: 16px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lead-detail__stat-label[b-9n69ddyyu3] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(248, 250, 252, 0.6);
}

.lead-detail__stat-value[b-9n69ddyyu3] {
    font-size: 1.35rem;
    font-weight: 700;
}

.lead-detail__stat-hint[b-9n69ddyyu3] {
    font-size: 0.85rem;
    color: rgba(248, 250, 252, 0.55);
}

.lead-detail__description[b-9n69ddyyu3] {
    margin: 0;
    display: grid;
    gap: 16px;
}

.lead-detail__description dt[b-9n69ddyyu3] {
    font-size: 0.8rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(248, 250, 252, 0.6);
}

.lead-detail__description dd[b-9n69ddyyu3] {
    margin: 4px 0 0 0;
    font-size: 1.05rem;
}

.lead-detail__empty[b-9n69ddyyu3] {
    margin: 0;
    color: rgba(248, 250, 252, 0.6);
}

.lead-detail__actions[b-9n69ddyyu3] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.lead-detail__card--notes[b-9n69ddyyu3]  .e-richtexteditor {
    background: rgba(2, 6, 23, 0.4);
    border-radius: 16px;
}

.lead-detail__card--wide[b-9n69ddyyu3] {
    grid-column: span 2;
}

@media (max-width: 960px) {
    .lead-detail__hero[b-9n69ddyyu3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .lead-detail__hero-actions[b-9n69ddyyu3] {
        justify-content: flex-start;
    }

    .lead-detail__card--wide[b-9n69ddyyu3] {
        grid-column: span 1;
    }
}
/* /Domain/Leads/Components/Edit.razor.rz.scp.css */
.sfpage-newcarrier[b-eg2wf47rt6] {
    display: flex;
    flex-direction: row;
    max-width: 900px;
}

.sf-col[b-eg2wf47rt6] {
    flex: 1;
    padding: 0px;
}

.sf-col-1[b-eg2wf47rt6] {
    flex: 1;
    padding-right: 20px;
}

.sf-col-2[b-eg2wf47rt6] {
    flex: 1;
    padding-left: 20px;
}

.sf-formcontainer[b-eg2wf47rt6] {
    height: 85px;
    vertical-align: top;
}

:root h1[b-eg2wf47rt6] {
    font-family: "montserrat", sans-serif;
    font-weight: 200;
    font-size: 2em;
    font-style: normal;
    color: #b2b2b2 !important;
    padding: 0px;
    padding-bottom: 10px !important;
    margin: 0px;
}

.e-input-group[b-eg2wf47rt6] {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

:root .sf-validation[b-eg2wf47rt6] {
    font-size: 12px !important;
    font-size: 12px !important;
    color: #bd7b7b;
}
/* /Domain/Leads/Components/Index.razor.rz.scp.css */
/* /Domain/Leads/Components/LeadActivityLog.razor.rz.scp.css */
.activity-log-section[b-3wjk0m6oja] {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}

.activity-log-header[b-3wjk0m6oja] {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
    gap: .35rem;
}

.activity-input-container[b-3wjk0m6oja] {
    width: 100%;
}

.activity-log__add-icon[b-3wjk0m6oja] {
    cursor: pointer;
}

.activity-log__add-icon--disabled[b-3wjk0m6oja] {
    opacity: .4;
    cursor: not-allowed;
}

.txt-section[b-3wjk0m6oja] {
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0;
}

.acttxt[b-3wjk0m6oja] {
    color: #495057;
}

.lead-activity__loading[b-3wjk0m6oja] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 1rem 0;
    color: #6b7280;
}

.activity-empty[b-3wjk0m6oja] {
    padding: 1rem;
    text-align: center;
    color: rgba(226, 232, 240, 0.65);
    font-style: italic;
}

.timeline-container[b-3wjk0m6oja] {
    position: relative;
    padding-left: 5px;
}

.timeline-row[b-3wjk0m6oja] {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.timeline-dot[b-3wjk0m6oja] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #bbb;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #e0e0e0;
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 2;
}

.timeline-row:not(:last-child)[b-3wjk0m6oja]::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 18px;
    width: 2px;
    height: calc(100% - 10px);
    background: #d4d4d4;
    z-index: 1;
}

.timeline-content[b-3wjk0m6oja] {
    margin-left: 28px;
    flex: 1;
}

.timeline-card[b-3wjk0m6oja] {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(60, 120, 200, 0.04);
    padding: 2px 0 12px 0;
    padding-left: 10px;
}

.timeline-date-header[b-3wjk0m6oja] {
    font-weight: 600;
    font-size: 1.1em;
    color: #e2e8f0;
    margin: 16px 0 10px 0;
    display: flex;
    align-items: center;
    gap: .65rem;
}

.timeline-date-header[b-3wjk0m6oja]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, rgba(148, 163, 184, 0.6), transparent);
}

.timeline-date-text[b-3wjk0m6oja] {
    white-space: nowrap;
}

.timeline-days-ago[b-3wjk0m6oja] {
    font-size: 0.8em;
    color: rgba(226, 232, 240, 0.6);
}

.user-note-body[b-3wjk0m6oja] {
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 500;
    display: block;
}

.user-note-meta[b-3wjk0m6oja] {
    display: block;
    font-size: 0.8rem;
    color: rgba(226, 232, 240, 0.7);
    margin-top: 2px;
}

.dot-note[b-3wjk0m6oja] {
    background: #16a34a;
}

.dot-system[b-3wjk0m6oja] {
    background: #cbd5f5;
}

.dot-milestone[b-3wjk0m6oja] {
    background: #f97316;
}

.card-note[b-3wjk0m6oja] {
    border-left: 4px solid #16a34a;
    padding-left: 12px;
    background: rgba(22, 163, 74, 0.1);
}

.card-system[b-3wjk0m6oja] {
    border-left: 4px solid #cbd5f5;
    padding-left: 12px;
    background: rgba(148, 163, 184, 0.15);
}

.card-milestone[b-3wjk0m6oja] {
    border-left: 4px solid #f97316;
    padding-left: 12px;
    background: rgba(249, 115, 22, 0.15);
}
/* /Domain/Leads/Components/Leads.razor.rz.scp.css */
.outreach-panel[b-xboo7moyfw] {
    position: relative;
    padding: 0;
    height: calc(100vh - 134px);
    max-width: 100vw;
    overflow: hidden;
}
.leads-v2[b-xboo7moyfw] {
    position: relative;
    min-height: calc(100vh - 160px);
    padding: 0;
}

.leads-v2__sidebar[b-xboo7moyfw],
.leads-v2__board[b-xboo7moyfw],
.leads-v2__detail[b-xboo7moyfw] {
    min-width: 0;
}

.leads-v2__sidebar[b-xboo7moyfw] {
    position: absolute;
    left: 10px;
    width: 320px;
    z-index: 3;
    transition: width 0.25s ease;
}

.leads-v2__sidebar--collapsed[b-xboo7moyfw] {
    width: 75px;
}

.leads-v2__detail[b-xboo7moyfw] {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 420px;
    z-index: 3;
    transition: opacity 0.2s ease;
}

.leads-v2__detail--hidden[b-xboo7moyfw] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.sidebar-collapse[b-xboo7moyfw] {
    border: none;
    background: rgba(255, 255, 255, 0.18);
    color: #f3f4f6;
    padding: 8px 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    margin-bottom: 0;
    backdrop-filter: blur(16px);
    font-weight: 600;
}

.sidebar-stack[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.glass-card[b-xboo7moyfw] {
    background: rgba(15, 23, 42, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 15px;
    color: #f8fafc;
    box-shadow: 0 30px 50px rgba(15, 23, 42, 0.35);
    backdrop-filter: blur(24px);
    position: relative;
    overflow: visible;
}

.glass-card__title-head[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.glass-card h2[b-xboo7moyfw],
.glass-card p[b-xboo7moyfw] {
    margin: 0;
}

.glass-card__eyebrow[b-xboo7moyfw] {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 6px;
}

.glass-card__subtitle[b-xboo7moyfw] {
    color: rgba(255, 255, 255, 0.75);
    margin-top: 6px;
    line-height: 1.4;
}

.glass-card__section[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.glass-card__filters[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.stage-filter-field[b-xboo7moyfw] {
    width: 100%;
    position: relative;
    z-index: 5;
}

.stage-filter-select[b-xboo7moyfw] {
    width: 100%;
}

.stage-filter-field[b-xboo7moyfw]  fluent-select {
    width: 100%;
    position: relative;
    z-index: 5;
}

.stage-filter-field[b-xboo7moyfw]  fluent-listbox,
.stage-filter-field[b-xboo7moyfw]  fluent-select::part(listbox) {
    z-index: 20;
}

.glass-card__filters-toggle[b-xboo7moyfw] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.9);
}

.glass-card__split[b-xboo7moyfw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    align-items: center;
}

.glass-card__toggles[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
}

.glass-card__toggle-row[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
}

.hero-cta[b-xboo7moyfw] {
    width: 100%;
    border: none;
    border-radius: 28px;
    padding: 10px 15px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    color: #ffffffb0;
    font-size: 2.1rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 20px 40px rgba(102, 126, 234, 0.4), 0 10px 20px rgba(118, 75, 162, 0.3), inset 0 -2px 20px rgba(255, 255, 255, 0.2);
    letter-spacing: 0.02em;
}

.hero-cta[b-xboo7moyfw]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent 60%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

    .hero-cta:hover[b-xboo7moyfw] {
        color: #ffffff;
        transform: translateY(-4px) scale(1.02);
        box-shadow: 0 30px 60px rgba(102, 126, 234, 0.5), 0 15px 30px rgba(118, 75, 162, 0.4), inset 0 -2px 30px rgba(255, 255, 255, 0.3);
    }

.hero-cta:hover[b-xboo7moyfw]::before {
    opacity: 1;
}

.hero-cta:active[b-xboo7moyfw] {
    transform: translateY(-2px) scale(1);
}

.hero-cta__glow[b-xboo7moyfw] {
    position: absolute;
    inset: -4px;
    background: linear-gradient(135deg, #667eea, #764ba2, #f093fb);
    border-radius: 28px;
    opacity: 0;
    filter: blur(20px);
    z-index: -1;
    animation: heroGlow-b-xboo7moyfw 3s ease-in-out infinite;
}

.hero-cta:hover .hero-cta__glow[b-xboo7moyfw] {
    opacity: 0.8;
}

.hero-cta__shine[b-xboo7moyfw] {
    position: absolute;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3) 50%,
        transparent
    );
    transform: skewX(-20deg);
    animation: heroShine-b-xboo7moyfw 4s ease-in-out infinite;
}

.hero-cta__icon[b-xboo7moyfw] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15),
                inset 0 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.hero-cta:hover .hero-cta__icon[b-xboo7moyfw] {
    transform: rotate(180deg) scale(1.1);
    background: rgba(255, 255, 255, 0.35);
}

.hero-cta__text[b-xboo7moyfw] {
    position: relative;
    z-index: 2;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.hero-cta__sparkles[b-xboo7moyfw] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hero-cta__sparkle[b-xboo7moyfw] {
    position: absolute;
    width: 4px;
    height: 4px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
    opacity: 0;
}

.hero-cta__sparkle:nth-child(1)[b-xboo7moyfw] {
    top: 20%;
    left: 15%;
    animation: sparkle-b-xboo7moyfw 2s ease-in-out infinite;
}

.hero-cta__sparkle:nth-child(2)[b-xboo7moyfw] {
    top: 60%;
    right: 20%;
    animation: sparkle-b-xboo7moyfw 2s ease-in-out 0.5s infinite;
}

.hero-cta__sparkle:nth-child(3)[b-xboo7moyfw] {
    bottom: 25%;
    left: 25%;
    animation: sparkle-b-xboo7moyfw 2s ease-in-out 1s infinite;
}

.hero-cta:focus-visible[b-xboo7moyfw] {
    outline: 3px solid rgba(255, 255, 255, 0.9);
    outline-offset: 4px;
}

@keyframes heroGlow-b-xboo7moyfw {
    0%, 100% {
        opacity: 0.4;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
}

@keyframes heroShine-b-xboo7moyfw {
    0% {
        transform: translateX(-100%) skewX(-20deg);
    }
    100% {
        transform: translateX(200%) skewX(-20deg);
    }
}

@keyframes sparkle-b-xboo7moyfw {
    0%, 100% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.glass-card--stats[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.insight-pair[b-xboo7moyfw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.insight-chip[b-xboo7moyfw] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.05);
}

.insight-chip__label[b-xboo7moyfw] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.65);
}

.insight-chip__value[b-xboo7moyfw] {
    font-size: 1.6rem;
    font-weight: 700;
}

.insight-chip__hint[b-xboo7moyfw] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
}

.sidebar-compact[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
    padding: 15px;
    border-radius: 30px;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-compact__btn[b-xboo7moyfw] {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.06);
    color: #f8fafc;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.sidebar-compact__btn:hover[b-xboo7moyfw] {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}
.pipeline-stage-spacer[b-xboo7moyfw] {
    background: transparent;
    border: none;
    box-shadow: none;
    pointer-events: none;
    padding: 0;
    margin: 0;
    min-height: 0;
    opacity: 0;
    border-radius: 0;
}
.pipeline-stage[b-xboo7moyfw],
.lead-detail[b-xboo7moyfw] {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #e6e9f2;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);
}

.lead-detail__close[b-xboo7moyfw] {
    position: absolute;
    top: 16px;
    right: 16px;
    border: none;
    background: rgba(15, 23, 42, 0.08);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    cursor: pointer;
    color: #1f2937;
}

.lead-detail[b-xboo7moyfw] {
    position: relative;
}

.lead-detail--glass[b-xboo7moyfw] {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 25px 50px rgba(15, 23, 42, 0.2);
    backdrop-filter: blur(20px);
}

.pipeline-board__header[b-xboo7moyfw] {
    display: none;
}

.leads-v2__board[b-xboo7moyfw] {
    display: flex;
    gap: 24px;
    position: relative;
    z-index: 1;
    padding: 0;
    height: 796px;
}


.eyebrow[b-xboo7moyfw] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #6b7280;
    margin: 0 0 4px;
}

.leads-panel__header[b-xboo7moyfw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.leads-panel__filters[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.leads-panel__switch[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.leads-panel__switch-label[b-xboo7moyfw] {
    font-weight: 600;
    color: #111827;
}

.leads-panel__switch-desc[b-xboo7moyfw] {
    font-size: 0.85rem;
    color: #6b7280;
}

.leads-panel__insights[b-xboo7moyfw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.insight-card[b-xboo7moyfw] {
    border: 1px dashed #e5e7eb;
    border-radius: 16px;
    padding: 16px;
    background: linear-gradient(135deg, #f9fafb, #fff);
}

.insight-card__label[b-xboo7moyfw] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b7280;
    margin-bottom: 4px;
}

.insight-card__value[b-xboo7moyfw] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #111827;
}

.insight-card__hint[b-xboo7moyfw] {
    font-size: 0.85rem;
    color: #6b7280;
}

.leads-panel__recent[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.leads-panel__recent-header[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

.glass-card--activity .leads-panel__recent-header[b-xboo7moyfw],
.glass-card--activity .leads-panel__recent-header span[b-xboo7moyfw] {
    color: #f8fafc;
}

.leads-panel__empty[b-xboo7moyfw] {
    padding: 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
}

.recent-activity[b-xboo7moyfw] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.recent-activity__item[b-xboo7moyfw] {
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 14px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease;
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
}

.recent-activity__item:hover[b-xboo7moyfw] {
    border-color: rgba(255, 255, 255, 0.35);
    transform: translateY(-2px);
}

.recent-activity__name[b-xboo7moyfw] {
    font-weight: 600;
    color: #f8fafc;
}

.recent-activity__meta[b-xboo7moyfw] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.75);
}

.recent-activity__stage[b-xboo7moyfw] {
    font-size: 0.8rem;
    padding: 2px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    align-self: flex-start;
}

.pipeline-board__header[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
    gap: 16px;
}

.pipeline-board__subtitle[b-xboo7moyfw] {
    margin: 4px 0 0;
    color: #6b7280;
    font-size: 0.9rem;
}

.pipeline-board__actions[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.pipeline-board__hint[b-xboo7moyfw] {
    font-size: 0.8rem;
    color: #94a3b8;
}

.pipeline-carousel[b-xboo7moyfw] {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 8px;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
}
    .pipeline-carousel[b-xboo7moyfw]::-webkit-scrollbar {
        width: 10px;
    }

    .pipeline-carousel[b-xboo7moyfw]::-webkit-scrollbar-track {
        background: transparent;
    }

    .pipeline-carousel[b-xboo7moyfw]::-webkit-scrollbar-thumb {
        background: #201f5e;
        border-radius: 10px;
    }

        .pipeline-carousel[b-xboo7moyfw]::-webkit-scrollbar-thumb:hover {
            background: #bfbfbf;
        }
.pipeline-stage[b-xboo7moyfw] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg, #f8fafc, #ffffff);
    border: 1px solid #eef2ff;
    border-radius: 20px;
    min-height: 0;
    flex: 0 0 auto;
    min-width: 320px;
    width: max-content;
    height: calc(100vh - 196px);
    scroll-snap-align: start;
    overflow: hidden;
}

.pipeline-stage__header[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 12px;
}

.pipeline-stage__eyebrow[b-xboo7moyfw] {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    color: #6b7280;
    text-transform: uppercase;
}

.pipeline-stage__title[b-xboo7moyfw] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
}

.pipeline-stage__count[b-xboo7moyfw] {
    font-weight: 600;
    color: var(--stage-color, #4f46e5);
}

.pipeline-stage__meta[b-xboo7moyfw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pipeline-stage__body[b-xboo7moyfw] {
    flex: 1;
    min-height: 0;
    display: flex;
}

.pipeline-stage__viewport[b-xboo7moyfw] {
    flex: 1;
    min-height: 0;
    overflow: visible;
    position: relative;
}

.pipeline-stage__columns[b-xboo7moyfw] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 284px);
    gap: 12px;
    align-items: flex-start;
}

.pipeline-stage__column[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
}

.pipeline-stage__empty[b-xboo7moyfw] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: #6b7280;
    padding: 16px;
    border: 1px dashed #e5e7eb;
    border-radius: 12px;
    background: rgba(99, 102, 241, 0.05);
    justify-content: center;
    text-align: center;
}

.lead-card[b-xboo7moyfw] {
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    padding: 16px;
    background: #fff;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    border-left: 4px solid var(--stage-color, #6366f1);
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lead-card:hover[b-xboo7moyfw] {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(99, 102, 241, 0.17);
}

.lead-card--selected[b-xboo7moyfw] {
    box-shadow: 0 15px 35px rgba(99, 102, 241, 0.3);
}

.lead-card__title[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.lead-card__title span[b-xboo7moyfw] {
    flex: 1;
    min-width: 0;
}

.lead-card__meta[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.85rem;
    color: #4b5563;
}

.lead-card__meta span[b-xboo7moyfw] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.lead-card__footer[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.lead-card__chips[b-xboo7moyfw] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lead-chip[b-xboo7moyfw] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: rgba(99, 102, 241, 0.1);
    color: #3730a3;
    padding: 4px 10px;
    border-radius: 999px;
}

.lead-card__actions[b-xboo7moyfw] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.lead-card__action[b-xboo7moyfw] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.lead-card__action:hover[b-xboo7moyfw] {
    border-color: var(--stage-color, #6366f1);
    color: var(--stage-color, #6366f1);
}

.lead-detail[b-xboo7moyfw] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.lead-hero[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.lead-hero__identity[b-xboo7moyfw] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.lead-detail__avatar[b-xboo7moyfw] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.lead-detail__eyebrow[b-xboo7moyfw] {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9ca3af;
}

.lead-detail__company[b-xboo7moyfw] {
    font-size: 1.4rem;
    font-weight: 600;
}

.lead-detail__contact[b-xboo7moyfw] {
    font-size: 0.95rem;
    color: #6b7280;
}

.lead-hero__tags[b-xboo7moyfw] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.lead-hero__chip[b-xboo7moyfw] {
    padding: 4px 12px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 0.85rem;
}

.lead-hero__stats[b-xboo7moyfw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.lead-stat[b-xboo7moyfw] {
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 16px;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lead-stat__label[b-xboo7moyfw] {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
}

.lead-stat__value[b-xboo7moyfw] {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}

.lead-stat__hint[b-xboo7moyfw] {
    font-size: 0.85rem;
    color: #6b7280;
}

.lead-detail__grid[b-xboo7moyfw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.lead-panel[b-xboo7moyfw] {
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.lead-panel--notes[b-xboo7moyfw] {
    grid-column: 1 / -1;
}

.lead-panel__header[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.lead-panel__eyebrow[b-xboo7moyfw] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
    margin: 0;
}

.lead-panel__actions[b-xboo7moyfw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.lead-panel__pill[b-xboo7moyfw] {
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid #c7d2fe;
    color: #4338ca;
    font-size: 0.85rem;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.lead-panel__pill:hover[b-xboo7moyfw] {
    background: #eef2ff;
}

.lead-detail__list[b-xboo7moyfw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    margin: 0;
}

.lead-detail__list dt[b-xboo7moyfw] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
}

.lead-detail__list dd[b-xboo7moyfw] {
    margin: 0;
    font-weight: 600;
    color: #111827;
}

.lead-timeline[b-xboo7moyfw] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-left: 2px solid #e5e7eb;
    padding-left: 16px;
}

.lead-timeline__dot[b-xboo7moyfw] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--stage-color, #4f46e5);
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.2);
    position: absolute;
    left: -20px;
    top: 4px;
}

.lead-timeline li[b-xboo7moyfw] {
    position: relative;
    padding-left: 12px;
}

.lead-timeline li > div:not(.lead-timeline__dot)[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lead-timeline__label[b-xboo7moyfw] {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
}

.lead-timeline__value[b-xboo7moyfw] {
    font-weight: 600;
    color: #111827;
}

.lead-timeline__hint[b-xboo7moyfw] {
    font-size: 0.85rem;
    color: #6b7280;
}

.lead-panel__note[b-xboo7moyfw] {
    background: #f8fafc;
    border-radius: 12px;
    padding: 16px;
    font-size: 0.95rem;
    color: #374151;
    line-height: 1.5;
}

.lead-panel__callout[b-xboo7moyfw] {
    border-radius: 12px;
    border: 1px solid rgba(99, 102, 241, 0.3);
    background: rgba(99, 102, 241, 0.05);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #4338ca;
}

.lead-panel__callout-label[b-xboo7moyfw] {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lead-detail__actions[b-xboo7moyfw] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.tickler-card[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px dashed rgba(99, 102, 241, 0.35);
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(79, 70, 229, 0.02));
}

.tickler-card--active[b-xboo7moyfw] {
    border-color: rgba(16, 185, 129, 0.45);
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), rgba(6, 182, 212, 0.04));
}

.tickler-card__header[b-xboo7moyfw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tickler-card__text[b-xboo7moyfw] {
    margin: 0;
    font-size: 0.95rem;
    color: #374151;
}

.tickler-card__actions[b-xboo7moyfw] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.tickler-card__dismiss[b-xboo7moyfw] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.tickler-card__hint[b-xboo7moyfw] {
    font-size: 0.85rem;
    color: #6b7280;
}

.tickler-card[b-xboo7moyfw]  fluent-select {
    min-width: 200px;
}

.tickler-dialog__text[b-xboo7moyfw] {
    font-size: 0.95rem;
    color: #4b5563;
}

.new-lead-dialog__header[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.new-lead-dialog__subtitle[b-xboo7moyfw] {
    color: #6b7280;
    margin: 4px 0 0;
}

.new-lead-dialog__grid[b-xboo7moyfw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin-top: 12px;
}

.new-lead-dialog__grid[b-xboo7moyfw]  fluent-text-area {
    grid-column: 1 / -1;
}

.quick-edit-dialog__header[b-xboo7moyfw] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.quick-edit-dialog__subtitle[b-xboo7moyfw] {
    color: #6b7280;
    margin: 4px 0 0;
}

.quick-edit-dialog__grid[b-xboo7moyfw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-top: 12px;
}

.leads-v2__state[b-xboo7moyfw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 320px;
    border-radius: 20px;
    border: 1px dashed #cdd3e2;
    background: #f8fafc;
}

.leads-v2__state-text[b-xboo7moyfw] {
    font-size: 0.95rem;
    color: #6b7280;
}

@media (max-width: 1400px) {
    .leads-v2[b-xboo7moyfw] {
        padding: 0 24px 32px;
    }

    .leads-v2__sidebar[b-xboo7moyfw],
    .leads-v2__detail[b-xboo7moyfw] {
        position: static;
        width: 100%;
    }

    .leads-v2__board[b-xboo7moyfw] {
        flex-direction: column;
        gap: 12px;
        padding-top: 0;
    }
}

@media (max-width: 1024px) {
    .sidebar-stack[b-xboo7moyfw] {
        gap: 16px;
    }

    .insight-pair[b-xboo7moyfw] {
        grid-template-columns: 1fr;
    }

    .lead-detail__list[b-xboo7moyfw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .pipeline-stage[b-xboo7moyfw] {
        max-height: none;
    }

    .pipeline-carousel[b-xboo7moyfw] {
        overflow-x: visible;
    }

    .lead-detail__grid[b-xboo7moyfw] {
        grid-template-columns: 1fr;
    }
}
/* /Domain/Policies/Components/CurrentPolicies.razor.rz.scp.css */
.policy-container[b-3bgo5kf72w] {
    margin: 0 auto;
}
.policy[b-3bgo5kf72w] {
    color: #fff;
    width: 100%;
    padding: 9px 10px 6px 10px;
    margin-bottom: 10px;
    border-left: 5px solid #8870B8;
    border-radius: 3px;
    height: 45px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#593294+0,4c2871+46,4c2871+100 */
    /*background: linear-gradient(to right, #593294 0%,#4c2871 46%,#4c2871 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-image: url(../../../img/bg-grad.jpg);
    background-size: cover;
    overflow: hidden;
    transition: all .4s ease-in-out;
}

    .policy.expanded[b-3bgo5kf72w] {
        background-color: #141414;
        transition: all .4s ease-in-out;
        height: 76px;
        border-left: 5px solid #FF6600;
        border-radius: 5px;
        background-image: url(../../../img/bg-grad.jpg);
        background-position-x: -800px;
        background-size: cover;
    }

.policy-header[b-3bgo5kf72w] {
    display: flex;
    justify-content: space-between;
}
.policy-carriers[b-3bgo5kf72w] {
    font-size: 1.125em;
    font-weight: 200;
    padding: 4px 0px;
    margin-bottom:5px;
}

.policy-linename[b-3bgo5kf72w] {
    font-size: 1.4em;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

    .policy-linename:hover[b-3bgo5kf72w] {
        cursor: pointer;
    }

.ff2[b-3bgo5kf72w] {
    margin-left: auto;
}

.edate[b-3bgo5kf72w] {
    font-size: 1.4em;
    float: left;
    font-weight: 100;
}

.xdate[b-3bgo5kf72w] {
    font-size: 1.4em;
    float: left;
    font-weight: 600;
}

.rotate-90[b-3bgo5kf72w] {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

.rotate-0[b-3bgo5kf72w] {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.smalltool[b-3bgo5kf72w] {
    font-size: 11px;
    padding: 3px 5px;
    margin: 0px;
    color: #fff;
    border: 1px solid #ffffff68;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 3px;
}

    .smalltool:hover[b-3bgo5kf72w] {
        cursor: pointer;
        border: 1px solid #fff;
    }

.carrier-name[b-3bgo5kf72w] {
    font-size: .9em;
    font-weight: 200;
    color: #ffffffb1 !important;
}

    .carrier-name a[b-3bgo5kf72w] {
        color: #ffffffb1 !important;
        text-decoration: none;
    }

.lighter[b-3bgo5kf72w] {
    color: #ffffff70;
    padding: 0px 8px;
}

.renew-soon-pill[b-3bgo5kf72w] {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    border-radius: 20px;
    padding: 4px 12px 4px 8px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 8px;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3), 
                0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    text-decoration: none;
    backdrop-filter: blur(10px);
    animation: renewShineInitial-b-3bgo5kf72w 2s ease-in-out, renewShine-b-3bgo5kf72w 5s 2s infinite;
    white-space: nowrap;
    flex-shrink: 0;
}

    .renew-soon-pill[b-3bgo5kf72w]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, 
            transparent 0%, 
            rgba(255, 255, 255, 0.4) 50%, 
            transparent 100%);
        transition: left 0.6s ease-in-out;
        z-index: 1;
    }

    .renew-soon-pill:hover[b-3bgo5kf72w] {
        background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4), 
                    0 2px 8px rgba(0, 0, 0, 0.15);
        transform: translateY(-1px) scale(1.02);
    }

    .renew-soon-pill:hover[b-3bgo5kf72w]::before {
        left: 100%;
    }

    .renew-soon-pill:active[b-3bgo5kf72w] {
        transform: translateY(0) scale(0.98);
        transition: all 0.1s ease;
    }

    .renew-soon-pill .cakeicon[b-3bgo5kf72w] {
        margin-right: 6px;
        font-size: 1rem;
        color: #ffd700;
        filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.6));
        z-index: 2;
        position: relative;
        animation: cakeGlow-b-3bgo5kf72w 2s ease-in-out infinite alternate;
    }

    .renew-soon-pill .renew-text[b-3bgo5kf72w] {
    color: #ffffff;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 2;
    position: relative;
    letter-spacing: 0.3px;
    transition: all 0.3s ease;
}

@keyframes renewShineInitial-b-3bgo5kf72w {
    0% {
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3), 
                    0 1px 3px rgba(0, 0, 0, 0.1);
    }
    
    20% {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.6), 
                    0 2px 8px rgba(0, 0, 0, 0.15),
                    0 0 25px rgba(102, 126, 234, 0.4);
        transform: scale(1.05);
    }
    
    25% {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.6), 
                    0 2px 8px rgba(0, 0, 0, 0.15),
                    0 0 25px rgba(102, 126, 234, 0.4);
        transform: scale(1.05);
    }
    
    45% {
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3), 
                    0 1px 3px rgba(0, 0, 0, 0.1);
        transform: scale(1);
    }
    
    70% {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.6), 
                    0 2px 8px rgba(0, 0, 0, 0.15),
                    0 0 25px rgba(102, 126, 234, 0.4);
        transform: scale(1.05);
    }
    
    75% {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.6), 
                    0 2px 8px rgba(0, 0, 0, 0.15),
                    0 0 25px rgba(102, 126, 234, 0.4);
        transform: scale(1.05);
    }
    
    100% {
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3), 
                    0 1px 3px rgba(0, 0, 0, 0.1);
        transform: scale(1);
    }
}

.renew-soon-pill[b-3bgo5kf72w]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.4) 50%, 
        transparent 100%);
    z-index: 1;
    animation: shimmerSweep-b-3bgo5kf72w 2s ease-in-out;
}

@keyframes shimmerSweep-b-3bgo5kf72w {
    0%, 45% {
        left: -100%;
    }
    
    20%, 25% {
        left: 100%;
    }
    
    50%, 95% {
        left: -100%;
    }
    
    70%, 75% {
        left: 100%;
    }
    
    100% {
        left: -100%;
    }
}

@keyframes renewShine-b-3bgo5kf72w {
    0%, 90% {
        /* Normal state */
    }
    
    92% {
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3), 
                    0 1px 3px rgba(0, 0, 0, 0.1);
    }
    
    94% {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.5), 
                    0 2px 8px rgba(0, 0, 0, 0.15),
                    0 0 20px rgba(102, 126, 234, 0.3);
    }
    
    96% {
        box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6), 
                    0 3px 12px rgba(0, 0, 0, 0.2),
                    0 0 30px rgba(102, 126, 234, 0.4);
    }
    
    98% {
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.5), 
                    0 2px 8px rgba(0, 0, 0, 0.15),
                    0 0 20px rgba(102, 126, 234, 0.3);
    }
    
    100% {
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3), 
                    0 1px 3px rgba(0, 0, 0, 0.1);
    }
}

@keyframes cakeGlow-b-3bgo5kf72w {
    0% {
        filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.6));
    }
    
    100% {
        filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.8)) 
                drop-shadow(0 0 12px rgba(255, 215, 0, 0.4));
    }
}

/* Responsive Design */
.compact-date[b-3bgo5kf72w] {
    display: none;
    font-size: 1.4em;
    font-weight: 600;
}

.full-date[b-3bgo5kf72w] {
    display: inline;
}

.ff1[b-3bgo5kf72w] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0; /* Allow flex item to shrink */
    overflow: hidden;
}

.ff2[b-3bgo5kf72w] {
    margin-left: auto;
    flex-shrink: 0; /* Prevent date from shrinking */
}

/* Progressive collapse approach - button text collapses first */
@container (max-width: 550px) {
    .renew-soon-pill .renew-text[b-3bgo5kf72w] {
        display: none;
    }
    
    .renew-soon-pill[b-3bgo5kf72w] {
        padding: 4px 8px;
        margin-left: 6px;
    }
    
    .renew-soon-pill .cakeicon[b-3bgo5kf72w] {
        margin-right: 0;
    }
}

/* Media queries for responsive behavior */
@media (max-width: 600px) {
    .policy-container[b-3bgo5kf72w] {
        margin: 0;
        padding: 0 10px;
    }
    
    .full-date[b-3bgo5kf72w] {
        display: none;
    }
    
    .compact-date[b-3bgo5kf72w] {
        display: inline;
    }
    
    .edate[b-3bgo5kf72w], .xdate[b-3bgo5kf72w] {
        font-size: 1.2em;
    }
    
    .compact-date[b-3bgo5kf72w] {
        font-size: 1.2em;
    }
}

/* Fallback for browsers that don't support container queries */
@media (max-width: 1600px) {
    .renew-soon-pill .renew-text[b-3bgo5kf72w] {
        display: none;
    }
    
    .renew-soon-pill[b-3bgo5kf72w] {
        padding: 4px 8px;
        margin-left: 6px;
    }
    
    .renew-soon-pill .cakeicon[b-3bgo5kf72w] {
        margin-right: 0;
    }
}

@media (max-width: 800px) {
    .policy[b-3bgo5kf72w] {
        padding: 8px;
        height: auto;
        min-height: 45px;
    }
    
    .policy.expanded[b-3bgo5kf72w] {
        height: auto;
        min-height: 76px;
    }
    
    .policy-linename[b-3bgo5kf72w] {
        font-size: 1.2em;
    }
    
    .renew-soon-pill[b-3bgo5kf72w] {
        font-size: 0.7rem;
        padding: 3px 6px;
        margin-left: 4px;
    }
    
    .renew-soon-pill .cakeicon[b-3bgo5kf72w] {
        font-size: 0.9rem;
    }
    
    .compact-date[b-3bgo5kf72w] {
        font-size: 1.1em;
    }
    
    .policy-carriers[b-3bgo5kf72w] {
        font-size: 1em;
    }
    
    .carrier-name[b-3bgo5kf72w] {
        font-size: 0.8em;
    }
}
.custom-label-icon[b-3bgo5kf72w] {
    display: flex;
    margin-left: 8px;
    vertical-align: middle;
    background-color: #fff;
    padding: 2px 3px 3px 3px;
    border-radius: 5px;
}

.custom-label-icon-inner[b-3bgo5kf72w] {
    vertical-align: middle;
    
    
}
.custom-label-icon-fillservice[b-3bgo5kf72w] {
    display: flex;
    margin-left: 8px;
    vertical-align: middle;
    background-color: #6779e3ff;
    padding: 2px 3px 3px 3px;
    border-radius: 5px;
}
.custom-label-icon-fillagency[b-3bgo5kf72w] {
    display: flex;
    margin-left: 8px;
    vertical-align: middle;
    background-color: #7451aa;
    padding: 2px 3px 3px 3px;
    border-radius: 5px;
}
/* /Domain/Policies/Components/PolicyListSmall.razor.rz.scp.css */
.incomplete-container[b-pfv7tgo8q0] {
    border: 1px solid #5e5e5e;
}

.sectiontitletab[b-pfv7tgo8q0] {
    font-family: "montserrat", sans-serif;
    font-size: 1.5em;
    padding-top: 5px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #5e5e5e;
    color: #b6b6b6;
    text-align: center;
}

#incomplete-table[b-pfv7tgo8q0] {
    padding-top: 10px;
    text-align: left;
    display: block !important;
    min-width: 250px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.ttable[b-pfv7tgo8q0] {
    text-align: left;
    display: block !important;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em;
}

tr .trow2[b-pfv7tgo8q0] {
    display: block;
    margin-top: 0px !important;
    padding: 0px;
}

.trow2 td[b-pfv7tgo8q0] {
    padding: 0px;
}

.tcname[b-pfv7tgo8q0] {
    width: 200px;
    height: 10px;
    font-size: .9em;
}

.hprod[b-pfv7tgo8q0] {
    background-color: #646464;
    color: #fff;
    padding: 2px 5px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: .9em;
    font-weight: bold;
    min-width: 90px;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
}

.ttname2[b-pfv7tgo8q0] {
    height: 7px;
    font-size: .7em;
    font-weight: bold;
    width: calc(100% - 70px);
    max-width:270px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ttpri[b-pfv7tgo8q0] {
    height: 10px;
    font-size: .7em;
}

.hprod2[b-pfv7tgo8q0] {
    background-color: #5e5e5e;
    color: #fff;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 3px;
    font-size: .9em;
    font-weight: bold;
    min-width: 90px;
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1.5px;
}
    .hprod2:hover[b-pfv7tgo8q0] {
        cursor:pointer;
    }
    .hexp2[b-pfv7tgo8q0] {
        background-color: #ffffffa7;
        color: #424242;
        padding-left: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: .9em;
        font-family: "mono45-headline", monospace;
        font-weight: 500;
        font-style: normal;
    }
/* /Domain/Policies/Coverages/AutoCoverages.razor.rz.scp.css */
.auto-container[b-pbdcgz55t2] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
}

.coverage-section[b-pbdcgz55t2] {
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.section-title[b-pbdcgz55t2] {
    font-weight: 600;
    /* display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--neutral-foreground-rest);*/
}

.field-group[b-pbdcgz55t2] {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.field-row[b-pbdcgz55t2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}

.field-item[b-pbdcgz55t2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label[b-pbdcgz55t2] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.switch-container[b-pbdcgz55t2] {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

    .switch-container:last-child[b-pbdcgz55t2] {
        border-bottom: none;
    }

.attachment-section[b-pbdcgz55t2] {
    margin-top: 16px;
    padding: 16px;
    border: 2px dashed var(--neutral-stroke-accessible-rest);
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .attachment-section.has-file[b-pbdcgz55t2] {
        border-style: solid;
        background-color: var(--neutral-layer-2);
    }

.file-display[b-pbdcgz55t2] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.file-icon[b-pbdcgz55t2] {
    color: var(--accent-foreground-rest);
}

.file-info[b-pbdcgz55t2] {
    flex: 1;
}

.file-name[b-pbdcgz55t2] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.file-size[b-pbdcgz55t2] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.file-action-btn[b-pbdcgz55t2] {
    min-width: auto;
}

.upload-area[b-pbdcgz55t2] {
    text-align: center;
    padding: 24px;
}

.upload-icon[b-pbdcgz55t2] {
    color: var(--accent-foreground-rest);
    margin-bottom: 12px;
}

.upload-text[b-pbdcgz55t2] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 4px;
}

.upload-hint[b-pbdcgz55t2] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.drivers-section[b-pbdcgz55t2], .vehicles-section[b-pbdcgz55t2] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.drivers-table-header[b-pbdcgz55t2], .vehicles-table-header[b-pbdcgz55t2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px 24px;
    background-color: var(--neutral-layer-2);
    font-size: 18px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.drivers-table[b-pbdcgz55t2], .vehicles-table[b-pbdcgz55t2] {
    width: 100%;
    border-collapse: collapse;
}

    .drivers-table th[b-pbdcgz55t2], .vehicles-table th[b-pbdcgz55t2] {
        text-align: left;
        padding: 12px 16px;
        background-color: var(--neutral-layer-1);
        border-bottom: 1px solid var(--neutral-stroke-divider-rest);
        font-weight: 600;
        color: var(--neutral-foreground-rest);
        font-size: 14px;
    }

    .drivers-table td[b-pbdcgz55t2], .vehicles-table td[b-pbdcgz55t2] {
        padding: 12px 16px;
        border-bottom: 1px solid var(--neutral-stroke-divider-rest);
        color: var(--neutral-foreground-rest);
        font-size: 14px;
    }

    .drivers-table tbody tr:hover[b-pbdcgz55t2], .vehicles-table tbody tr:hover[b-pbdcgz55t2] {
        background-color: var(--neutral-layer-1);
    }

.code-cell[b-pbdcgz55t2] {
    background-color: var(--accent-fill-rest);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}
.switch-stack[b-pbdcgz55t2] {
    align-items: end !important;
}
.switch-container span[b-pbdcgz55t2] {
    font-size: .85em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-left: 6px;
}
.vin-cell[b-pbdcgz55t2] {
    font-family: 'Courier New', monospace;
    font-size: 12px;
}

.empty-state[b-pbdcgz55t2] {
    text-align: center;
    padding: 48px 24px;
    color: var(--neutral-foreground-hint);
}

.empty-state-icon[b-pbdcgz55t2] {
    margin-bottom: 16px;
    opacity: 0.5;
}

.loading-spinner[b-pbdcgz55t2] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
    color: var(--neutral-foreground-hint);
}
/* /Domain/Policies/Coverages/GeneralLiabilityCoverages.razor.rz.scp.css */
body[b-lf7v1u6fj9] {
}

.generalliability-container[b-lf7v1u6fj9] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0px;
}

.coverage-header[b-lf7v1u6fj9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 4px;
    margin-bottom: 8px;
}

.coverage-header .icon[b-lf7v1u6fj9] {
    color: var(--accent-fill-rest);
    opacity: 0.8;
}

.coverage-title[b-lf7v1u6fj9] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin: 0;
}

.coverage-section[b-lf7v1u6fj9] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 20px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease;
}

.coverage-section:hover[b-lf7v1u6fj9] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.section-title[b-lf7v1u6fj9] {
    font-weight: 600;
    /*font-size: 1rem;
    font-weight: 600;
    color: var(--accent-fill-rest);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;*/
}

.section-title[b-lf7v1u6fj9]::before {
   /* content: '';
    width: 3px;
    height: 18px;
    background: var(--accent-fill-rest);
    border-radius: 2px;*/
}

.field-group[b-lf7v1u6fj9] {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.field-row[b-lf7v1u6fj9] {
    display: flex;
    gap: 16px;
    align-items: flex-end;
}

.field-item[b-lf7v1u6fj9] {
    flex: 1;
    min-width: 0;
}

.field-label[b-lf7v1u6fj9] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 6px;
    display: block;
}

.field-value[b-lf7v1u6fj9] {
    width: 100%;
}

.switch-container[b-lf7v1u6fj9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--neutral-layer-2);
    border-radius: 6px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.attachment-section[b-lf7v1u6fj9] {
    border: 2px dashed var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    background: var(--neutral-layer-2);
    transition: all 0.2s ease;
}

.attachment-section:hover[b-lf7v1u6fj9] {
    border-color: var(--accent-fill-rest);
    background: var(--accent-layer-1);
}

.attachment-section.has-file[b-lf7v1u6fj9] {
    border-style: solid;
    border-color: var(--accent-fill-rest);
    background: var(--accent-layer-2);
}

.file-display[b-lf7v1u6fj9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--neutral-layer-1);
    border-radius: 6px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.file-icon[b-lf7v1u6fj9] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 4px;
}

.file-info[b-lf7v1u6fj9] {
    flex: 1;
    text-align: left;
}

.file-name[b-lf7v1u6fj9] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 2px;
}

.file-size[b-lf7v1u6fj9] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.upload-area[b-lf7v1u6fj9] {
    padding: 32px 16px;
    text-align: center;
}

.upload-icon[b-lf7v1u6fj9] {
    font-size: 48px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 16px;
}

.upload-text[b-lf7v1u6fj9] {
    color: var(--neutral-foreground-rest);
    font-weight: 500;
    margin-bottom: 8px;
}

.upload-hint[b-lf7v1u6fj9] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

/* Style the InputFile component */
.upload-area[b-lf7v1u6fj9]  input[type="file"] {
    width: 100%;
    padding: 12px;
    border: 2px solid var(--accent-fill-rest);
    border-radius: 6px;
    background: var(--neutral-layer-1);
    color: var(--neutral-foreground-rest);
    font-family: inherit;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.upload-area[b-lf7v1u6fj9]  input[type="file"]:hover {
    background: var(--neutral-layer-2);
    border-color: var(--accent-fill-hover);
}

.upload-area[b-lf7v1u6fj9]  input[type="file"]:focus {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.empty-state[b-lf7v1u6fj9] {
    text-align: center;
    padding: 40px 20px;
    color: var(--neutral-foreground-hint);
}

.empty-state-icon[b-lf7v1u6fj9] {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.divider[b-lf7v1u6fj9] {
    height: 1px;
    background: var(--neutral-stroke-divider-rest);
    margin: 24px 0;
    border: none;
}

.loading-spinner[b-lf7v1u6fj9] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    color: var(--neutral-foreground-hint);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .coverage-section[b-lf7v1u6fj9] {
        padding: 16px !important;
    }
    
    .field-row[b-lf7v1u6fj9] {
        flex-direction: column;
        gap: 12px;
    }
}

/* Animation for smooth transitions */
.coverage-section[b-lf7v1u6fj9] {
    animation: fadeInUp-b-lf7v1u6fj9 0.3s ease-out;
}

@keyframes fadeInUp-b-lf7v1u6fj9 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Custom button styling for file operations */
.file-action-btn[b-lf7v1u6fj9] {
    padding: 4px 8px;
    font-size: 0.75rem;
    min-height: auto;
}

/* Focus states for accessibility */
.coverage-section:focus-within[b-lf7v1u6fj9] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* Status indicators */
.status-indicator[b-lf7v1u6fj9] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.status-active[b-lf7v1u6fj9] {
    background: var(--accent-fill-rest);
}

.status-inactive[b-lf7v1u6fj9] {
    background: var(--neutral-foreground-hint);
} 
/* /Domain/Policies/Coverages/WorkCompCoverages.razor.rz.scp.css */
body[b-q2bdjspiza] {
}

.workcomp-container[b-q2bdjspiza] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0px;
}

.coverage-header[b-q2bdjspiza] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 4px;
    margin-bottom: 8px;
}

.coverage-header .icon[b-q2bdjspiza] {
    color: var(--accent-fill-rest);
    opacity: 0.8;
}

.coverage-title[b-q2bdjspiza] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin: 0;
}

.coverage-section[b-q2bdjspiza] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease;
}

.coverage-section:hover[b-q2bdjspiza] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.section-title[b-q2bdjspiza] {
    font-weight: 600;
    /*font-size: 1rem;
    font-weight: 600;
    color: var(--accent-fill-rest);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;*/
}

.section-title[b-q2bdjspiza]::before {
   /* content: '';
    width: 3px;
    height: 18px;
    background: #ccc;
    border-radius: 2px;*/
} 

.field-group[b-q2bdjspiza] {
    margin-top:25px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.field-row[b-q2bdjspiza] {
    display: flex;
    gap: 16px;
    align-items: flex-end;
}

.field-item[b-q2bdjspiza] {
    flex: 1;
    min-width: 0;
}

.field-label[b-q2bdjspiza] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 6px;
    display: block;
}

.field-value[b-q2bdjspiza] {
    width: 100%;
}

.switch-container[b-q2bdjspiza] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--neutral-layer-2);
    border-radius: 6px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.attachment-section[b-q2bdjspiza] {
    border: 2px dashed var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    background: var(--neutral-layer-2);
    transition: all 0.2s ease;
}

.attachment-section:hover[b-q2bdjspiza] {
    border-color: var(--accent-fill-rest);
    background: var(--accent-layer-1);
}

.attachment-section.has-file[b-q2bdjspiza] {
    border-style: solid;
    border-color: var(--accent-fill-rest);
    background: var(--accent-layer-2);
}

.file-display[b-q2bdjspiza] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--neutral-layer-1);
    border-radius: 6px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.file-icon[b-q2bdjspiza] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 4px;
}

.file-info[b-q2bdjspiza] {
    flex: 1;
    text-align: left;
}

.file-name[b-q2bdjspiza] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 2px;
}

.file-size[b-q2bdjspiza] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.upload-area[b-q2bdjspiza] {
    padding: 32px 16px;
    text-align: center;
}

.upload-icon[b-q2bdjspiza] {
    font-size: 48px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 16px;
}

.upload-text[b-q2bdjspiza] {
    color: var(--neutral-foreground-rest);
    font-weight: 500;
    margin-bottom: 8px;
}

.upload-hint[b-q2bdjspiza] {
    color: var(--neutral-foreground-hint);
    font-size: 0.875rem;
}

/* Style the InputFile component */
.upload-area[b-q2bdjspiza]  input[type="file"] {
    width: 100%;
    padding: 12px;
    border: 2px solid var(--accent-fill-rest);
    border-radius: 6px;
    background: var(--neutral-layer-1);
    color: var(--neutral-foreground-rest);
    font-family: inherit;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.upload-area[b-q2bdjspiza]  input[type="file"]:hover {
    background: var(--neutral-layer-2);
    border-color: var(--accent-fill-hover);
}

.upload-area[b-q2bdjspiza]  input[type="file"]:focus {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.rating-basis-section[b-q2bdjspiza] {
    margin-top: 24px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.rating-table-header[b-q2bdjspiza] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 16px 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.rating-table[b-q2bdjspiza] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.rating-table th[b-q2bdjspiza] {
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    font-weight: 600;
    padding: 12px 16px;
    text-align: left;
    border-bottom: 2px solid var(--neutral-stroke-divider-rest);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rating-table td[b-q2bdjspiza] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    color: var(--neutral-foreground-rest);
}

.rating-table tbody tr:hover[b-q2bdjspiza] {
    background: var(--neutral-layer-2);
}

.rating-table tbody tr:nth-child(even)[b-q2bdjspiza] {
    background: var(--neutral-layer-1);
}

.rating-table tbody tr:nth-child(odd)[b-q2bdjspiza] {
    background: var(--neutral-layer-floating);
}

.currency-cell[b-q2bdjspiza] {
    font-weight: 500;
    color: var(--accent-fill-rest);
}

.code-cell[b-q2bdjspiza] {
    font-family: 'Courier New', monospace;
    font-weight: 600;
    background: var(--neutral-layer-2);
    border-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
}

.empty-state[b-q2bdjspiza] {
    text-align: center;
    padding: 40px 20px;
    color: var(--neutral-foreground-hint);
}

.empty-state-icon[b-q2bdjspiza] {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.divider[b-q2bdjspiza] {
    height: 1px;
    background: var(--neutral-stroke-divider-rest);
    margin: 24px 0;
    border: none;
}

.loading-spinner[b-q2bdjspiza] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    color: var(--neutral-foreground-hint);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .coverage-section[b-q2bdjspiza] {
        padding: 16px;
    }
    
    .field-row[b-q2bdjspiza] {
        flex-direction: column;
        gap: 12px;
    }
    
    .rating-table[b-q2bdjspiza] {
        font-size: 0.75rem;
    }
    
    .rating-table th[b-q2bdjspiza],
    .rating-table td[b-q2bdjspiza] {
        padding: 8px 12px;
    }
}

/* Animation for smooth transitions */
.coverage-section[b-q2bdjspiza] {
    animation: fadeInUp-b-q2bdjspiza 0.3s ease-out;
}

@keyframes fadeInUp-b-q2bdjspiza {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Custom button styling for file operations */
.file-action-btn[b-q2bdjspiza] {
    padding: 4px 8px;
    font-size: 0.75rem;
    min-height: auto;
}

/* Focus states for accessibility */
.coverage-section:focus-within[b-q2bdjspiza] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* Status indicators */
.status-indicator[b-q2bdjspiza] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.status-active[b-q2bdjspiza] {
    background: var(--accent-fill-rest);
}

.status-inactive[b-q2bdjspiza] {
    background: var(--neutral-foreground-hint);
}
/* /Domain/Policies/Pages/Details.razor.rz.scp.css */
.page-content[b-wolhovsmhu] {
    height: calc(100vh - 154px);
    overflow-y: auto;
    padding:10px;
}
.policy-details-container[b-wolhovsmhu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pol-name[b-wolhovsmhu] {
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: .8em;
    width: 130px;
    display: inline-block;
    font-weight: bold;
    color: #484848;
    height: 30px;
    text-align:right;
    position:relative;
    top:4px;
}
.pol-value[b-wolhovsmhu] {
    width: 200px;
    display: inline-block;
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: #000;
    height: 30px;
}
.pol-static[b-wolhovsmhu] {
    position:relative;
    top:4px;
    left:5px;
}
.default-subheader[b-wolhovsmhu] {
    color:#036ac4;
}
.default-subheader:hover[b-wolhovsmhu] {
    cursor:pointer;
}
/*Plop input start*/
.sf-ti[b-wolhovsmhu] {
    width: 200px;
}

.e-inplaceeditor .e-editable-value-wrapper .e-editable-value[b-wolhovsmhu] {
    border-bottom: 2px dotted green;
    color: red;
    font-size: 12px;
    font-family: Segoe UI;
}

.e-inplaceeditor .e-editable-value-container[b-wolhovsmhu] {
    width: 190px !important;
    position: relative;
    top: 4px;
    left: 1px;
}
/*Plop input end*/



.policy-header[b-wolhovsmhu] {
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    color: white;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
}

.policy-header .icon[b-wolhovsmhu] {
    font-size: 2.5rem;
    opacity: 0.9;
}

.policy-title[b-wolhovsmhu] {
    flex: 1;
}

.policy-product-name[b-wolhovsmhu] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 4px 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.policy-client-name[b-wolhovsmhu] {
    font-size: 1.1rem;
    font-weight: 400;
    opacity: 0.9;
    cursor: pointer;
    transition: opacity 0.2s ease;
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: text-decoration-color 0.2s ease;
}

.policy-client-name:hover[b-wolhovsmhu] {
    opacity: 1;
    text-decoration-color: white;
}

.policy-carriers[b-wolhovsmhu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: auto;
    margin-right: 16px;
}

.carrier-info[b-wolhovsmhu] {
    text-align: right;
}

.carrier-label[b-wolhovsmhu] {
    font-size: 0.75rem;
    opacity: 0.8;
    font-weight: 400;
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.carrier-name[b-wolhovsmhu] {
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    transition: all 0.2s ease;
    text-decoration: underline;
    text-decoration-color: transparent;
}

.carrier-name:hover[b-wolhovsmhu] {
    background: rgba(255, 255, 255, 0.1);
    text-decoration-color: white;
    transform: translateY(-1px);
}

.policy-basic-info[b-wolhovsmhu] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s ease;
}

.policy-basic-info:hover[b-wolhovsmhu] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.section-title[b-wolhovsmhu] {
    font-size: .1rem !important;
    margin: 0 0 20px 0;
    /*font-size: 1.1rem;
    font-weight: 600;
    color: var(--accent-fill-rest);s
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--accent-fill-rest);*/
}

.section-title[b-wolhovsmhu]::before {
    /*content: '';
    width: 4px;
    height: 20px;
    background: var(--accent-fill-rest);
    border-radius: 2px;*/
}

.field-grid[b-wolhovsmhu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

.field-item[b-wolhovsmhu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label[b-wolhovsmhu] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.field-label[b-wolhovsmhu]::before {
    content: '';
    width: 4px;
    height: 4px;
    background: var(--accent-fill-rest);
    border-radius: 50%;
}

.field-value[b-wolhovsmhu] {
    position: relative;
}

.field-static[b-wolhovsmhu] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 6px;
    padding: 10px 12px;
    color: var(--neutral-foreground-rest);
    font-weight: 500;
    display: flex;
    align-items: center;
    min-height: 38px;
}

.field-static[b-wolhovsmhu]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--accent-fill-rest);
    border-radius: 0 3px 3px 0;
}

.coverage-divider[b-wolhovsmhu] {
    height: 2px;
    background: linear-gradient(90deg, var(--accent-fill-rest), transparent);
    margin: 32px 0;
    border-radius: 1px;
}

.coverage-section[b-wolhovsmhu] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;\
}

.coverage-title[b-wolhovsmhu] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--accent-fill-rest);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.policy-metadata[b-wolhovsmhu] {
    text-align: center;
    padding: 16px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
    border: 1px dashed var(--neutral-stroke-divider-rest);
    font-family: 'Courier New', monospace;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    margin-top: 24px;
}

.loading-state[b-wolhovsmhu] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: var(--neutral-foreground-hint);
    background: var(--neutral-layer-1);
    border-radius: 12px;
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.loading-text[b-wolhovsmhu] {
    margin-left: 16px;
    font-size: 1rem;
    font-weight: 500;
}

/* Custom form input styling */
.form-input[b-wolhovsmhu] {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    background: var(--neutral-layer-1);
    color: var(--neutral-foreground-rest);
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-input:focus[b-wolhovsmhu] {
    outline: none;
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px rgba(var(--accent-fill-rest), 0.1);
    background: var(--neutral-layer-floating);
}

.form-input:hover:not(:focus)[b-wolhovsmhu] {
    border-color: var(--neutral-stroke-hover);
    background: var(--neutral-layer-2);
}

.form-input[b-wolhovsmhu]::placeholder {
    color: var(--neutral-foreground-hint);
    font-style: italic;
}

/* Special styling for currency input container */
.currency-input-container[b-wolhovsmhu] {
    position: relative;
    display: flex;
    align-items: center;
}

.currency-input-container[b-wolhovsmhu]::before {
    content: '$';
    position: absolute;
    left: 16px;
    color: var(--neutral-foreground-hint);
    font-weight: 500;
    pointer-events: none;
    z-index: 1;
}

.currency-input[b-wolhovsmhu] {
    padding-left: 28px;
}

/* Date input styling */
input[type="date"].form-input[b-wolhovsmhu] {
    position: relative;
    cursor: pointer;
}

input[type="date"].form-input[b-wolhovsmhu]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--accent-fill-rest);
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

input[type="date"].form-input:hover[b-wolhovsmhu]::-webkit-calendar-picker-indicator {
    opacity: 1;
}

/* Number input styling */
input[type="number"].form-input[b-wolhovsmhu] {
    -moz-appearance: textfield;
}

input[type="number"].form-input[b-wolhovsmhu]::-webkit-outer-spin-button,
input[type="number"].form-input[b-wolhovsmhu]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Beautiful date display with calendar icon */
.date-display-container[b-wolhovsmhu] {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--neutral-layer-1);
    border: 2px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    padding: 12px 16px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.date-display-container:hover[b-wolhovsmhu] {
    border-color: var(--neutral-stroke-hover);
    background: var(--neutral-layer-2);
}

.date-display-container:focus-within[b-wolhovsmhu] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px rgba(var(--accent-fill-rest), 0.1);
    background: var(--neutral-layer-floating);
}

.date-display-text[b-wolhovsmhu] {
    flex: 1;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    letter-spacing: 0.2px;
}

.date-display-text:empty[b-wolhovsmhu]::before,
.date-display-text:has-text("Not set")[b-wolhovsmhu] {
    color: var(--neutral-foreground-hint);
    font-style: italic;
    font-weight: 400;
}
.cal-width[b-wolhovsmhu] {
    width: 125px;
}
.top-field[b-wolhovsmhu] {
    font-size:1.2em;
    font-weight: bold;
}
/* Hide the SfDatePicker input and show only the calendar icon */
.date-picker-icon-only .e-input-group[b-wolhovsmhu] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}

.date-picker-icon-only .e-input-group .e-input[b-wolhovsmhu] {
    display: none !important;
}

.date-picker-icon-only .e-input-group .e-input-group-icon[b-wolhovsmhu] {
    position: static !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    background: var(--accent-fill-rest) !important;
    color: white !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.date-picker-icon-only .e-input-group .e-input-group-icon:hover[b-wolhovsmhu] {
    background: var(--accent-fill-hover) !important;
    transform: scale(1.05);
}

.date-picker-icon-only .e-input-group .e-input-group-icon:active[b-wolhovsmhu] {
    transform: scale(0.95);
}

.date-picker-icon-only .e-input-group .e-input-group-icon[b-wolhovsmhu]::before {
    font-size: 12px !important;
    color: white !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .policy-header[b-wolhovsmhu] {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    
    .policy-header .icon[b-wolhovsmhu] {
        font-size: 2rem;
    }
    
    .policy-product-name[b-wolhovsmhu] {
        font-size: 1.5rem;
    }
    
    .policy-carriers[b-wolhovsmhu] {
        margin: 0;
        flex-direction: row;
        justify-content: center;
        gap: 24px;
    }
    
    .carrier-info[b-wolhovsmhu] {
        text-align: center;
    }
    
    .field-grid[b-wolhovsmhu] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .policy-basic-info[b-wolhovsmhu],
    .coverage-section[b-wolhovsmhu] {
        padding: 16px;
    }
}

/* Animation */
.policy-details-container > *[b-wolhovsmhu] {
    animation: fadeInUp-b-wolhovsmhu 0.4s ease-out;
}

@keyframes fadeInUp-b-wolhovsmhu {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Enhanced focus states for accessibility */
.field-value:focus-within[b-wolhovsmhu] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Status indicators */
.status-indicator[b-wolhovsmhu] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.status-active[b-wolhovsmhu] {
    background: var(--success-color, #10B981);
}

.status-pending[b-wolhovsmhu] {
    background: var(--warning-color, #F59E0B);
}

.status-inactive[b-wolhovsmhu] {
    background: var(--neutral-foreground-hint);
}/* Policy attachments dropzone styles */
.policy-attachments-tray[b-wolhovsmhu] {
    display: flex;
    justify-content: center;
}

.policy-drop-zone[b-wolhovsmhu] {
    display: flex;
    justify-content: center;
}

.flat-class-container[b-wolhovsmhu] {
    position: relative;
    top: -25px;
    margin-left: 10px;
    width: 228px;
    background-image: url('/img/tray-bg.png');
    background-repeat: no-repeat;
    background-position: center -4px;
    background-size: 100% 114%;
}

.flat-card[b-wolhovsmhu] {
    font-family: "montserrat", sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    color: #828282;
    position: relative;
    top: 38px;
    text-align: center;
}

.attachment-thumbnail[b-wolhovsmhu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    margin-top: 30px;
}

.attachment-thumbnail.empty-tray[b-wolhovsmhu] {
    margin-top: 50px;
    margin-bottom: 15px;
}

.thumb-icon[b-wolhovsmhu] {
    max-width: 160px;
}

.pile-canvas[b-wolhovsmhu] {
    position: relative;
    width: 201px;
    height: 260px;
    overflow: hidden;
    border-radius: 6px;
}

.pile-canvas[b-wolhovsmhu]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/img/tray-front.png) no-repeat 50% -57px;
    background-size: 117% auto;
    z-index: 150;
    pointer-events: none;
}

.pile-item[b-wolhovsmhu] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .18s ease;
}

.pile-img[b-wolhovsmhu] {
    width: 201px;
    height: 260px;
    object-fit: contain;
    border-radius: 6px;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .18));
}

.pile-top .pile-img[b-wolhovsmhu] {
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .24));
}

.pile-top.squish-out .pile-img[b-wolhovsmhu] {
    animation: surefire-squish-out-b-wolhovsmhu .18s ease-in-out both;
}

@keyframes surefire-squish-out-b-wolhovsmhu {
    0% {
        transform: scale(1) translateY(0);
        filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .24));
    }
    40% {
        transform: scale(1.02, .94) translateY(2px);
        filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .22));
    }
    100% {
        transform: scale(1) translateY(0);
        filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .24));
    }
}

.pile-nav[b-wolhovsmhu] {
    display: flex;
    justify-content: space-between;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 18px;
    font-family: "montserrat", sans-serif;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 1000;
    width: 201px;
}

.pagestw[b-wolhovsmhu] {
    position: relative;
    top: 2px;
}

.delbtn[b-wolhovsmhu],
.folderbtn[b-wolhovsmhu],
.openbtn[b-wolhovsmhu] {
    cursor: pointer;
    font-size: 14px !important;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transition: background 0.15s;
}

.delbtn:hover[b-wolhovsmhu],
.folderbtn:hover[b-wolhovsmhu],
.openbtn:hover[b-wolhovsmhu] {
    background: #e8f0fe;
    cursor: pointer;
}

:root .e-upload-browse-btn[b-wolhovsmhu] {
    display: none !important;
}
/* /Domain/Profile/Pages/Agency.razor.rz.scp.css */
.page-content[b-st7sg6ad9f] {
    height: calc(100vh - 125px);
    padding: 0px;
}

.system-settings-container[b-st7sg6ad9f] {
    margin: 10px;
    padding: 10px 0px 10px 10px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
/* /Domain/Profile/Pages/Calls.razor.rz.scp.css */
.sf-calltable[b-ythtlka5zo] {
    line-height:10px;
    border-collapse:collapse;

}
    .sf-calltable td[b-ythtlka5zo] {
        text-align: left;
        padding: 5px 0px;
        padding: 5px 0px;
    }

.phone-icon[b-ythtlka5zo] {
    position:relative;
    top:0px;
    left:5px;
}
.phone-icon-cell[b-ythtlka5zo] {
    width: 40px;
}
.phone-longago[b-ythtlka5zo] {
    font-size: .8em;
    position: relative;
    top: -3px;
    left: 10px;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phonetxt[b-ythtlka5zo] {
    font-size: .8em;
    position: relative;
    top: -3px;
    left: 10px;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phone-lognum-out[b-ythtlka5zo] {
    font-size: 1.8em;
    font-weight: 100;
    color: #d44942;
    min-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phone-lognum-in[b-ythtlka5zo] {
    font-size: 1.8em;
    font-weight: 300;
    color: #0f6cbd;
    min-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phone-none[b-ythtlka5zo] {
    font-size:1em;
    color:#b7b7b7;
    position:relative;
    top:-8px;
}
.page-content[b-ythtlka5zo] {
    height: calc(100vh - 125px);
    padding: 0px;
}

/* Override pagination positioning for flex layout */
.calls-bottombar-flex[b-ythtlka5zo] {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    align-items: center;
    gap: 12px;
}

.calls-bottombar-flex .fluent-data-grid__pagination[b-ythtlka5zo] {
    position: static;
    width: auto;
}
.int-container[b-ythtlka5zo] {
    background-color: #fff !important;
    border:1px solid #000;
}
.int-set__label[b-ythtlka5zo] {
    min-width: 100px;
    padding-top:5px;
}
.int-set__field[b-ythtlka5zo] {
    min-width:200px;
    width:100%;
    display:block;
}
    .int-set__field small[b-ythtlka5zo] {
        font-size:.7rem;
        position: relative;
        top:-3px;
        color:#808080;
    }
.int-set__check[b-ythtlka5zo] {
    padding-top: 5px;
}
.calls-filter-bar[b-ythtlka5zo] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    gap: 10px;
    position: relative;
    top: 0px;
    background-color: #bfbfbf;
    padding: 4px 10px;
    box-shadow: 0px -3px 8px #bbbbbb;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color:#575757;
}
.filter-bar-label[b-ythtlka5zo] {
    position: relative;
    top: 6px;
}
.filter-bar-date-range[b-ythtlka5zo] {
    display: flex;
}
.range-text[b-ythtlka5zo] {
    padding:5px;
}
.filter-bar-buttons[b-ythtlka5zo] {

}
.call-filter-item[b-ythtlka5zo] {
    display: flex;
    gap: 10px;
}

.call-grid-header[b-ythtlka5zo] {
    display: grid;
    gap: 8px;
    padding: 10px 14px;
    background-color: #f7f7f7;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    font-size: 0.65rem;
    font-weight: 600;
    color: #505050;
}

.call-grid-header span[b-ythtlka5zo] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.call-path-text[b-ythtlka5zo] {
    display: block;
    font-size: 0.5rem;
    line-height: 1.2;
    color: #5f5f5f;
    white-space: normal;
}

.call-grid-action-cell[b-ythtlka5zo] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.call-grid-action-button[b-ythtlka5zo] {
    min-width: 0;
    width: 100%;
    padding: 0 4px;
    display: inline-flex;
    justify-content: center;
}

[b-ythtlka5zo](.fluent-data-grid thead) {
    display: none;
}
/* /Domain/Profile/Pages/CustomAgents.razor.rz.scp.css */

.sf-custom-agents[b-8po9s3nnjh] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0px 10px;
    height: calc(100vh - 132px);
    overflow-y: scroll;
    width: calc(100% - 17px);
}

.sf-custom-agents__card[b-8po9s3nnjh] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}

/* ===== SCROLLBAR STYLING ===== */

.sf-custom-agents[b-8po9s3nnjh]::-webkit-scrollbar {
    width: 10px;

}

.sf-custom-agents[b-8po9s3nnjh]::-webkit-scrollbar-track {
    background: transparent;
}

.sf-custom-agents[b-8po9s3nnjh]::-webkit-scrollbar-thumb {
    background: #201f5e;
    border-radius: 5px;
}

    .sf-custom-agents[b-8po9s3nnjh]::-webkit-scrollbar-thumb:hover {
        background: #bfbfbf;
    } 

/* /Domain/Profile/Pages/Logs.razor.rz.scp.css */
/* Console-style log formatting */
.log-console[b-bkfafcznvd] {
    background-color: #1e1e1e;
    color: #d4d4d4;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 13px;
    line-height: 1.4;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #333;
    max-height: 70vh;
    overflow-y: auto;
}

.log-header[b-bkfafcznvd] {
    color: #569cd6;
    font-weight: bold;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #333;
}

.log-content[b-bkfafcznvd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.log-entry[b-bkfafcznvd] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 2px 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.log-entry:hover[b-bkfafcznvd] {
    background-color: #2d2d30;
    margin: 0 -8px;
    padding: 2px 8px;
    border-radius: 2px;
}

.log-timestamp[b-bkfafcznvd] {
    color: #808080;
    font-weight: normal;
    white-space: nowrap;
    flex-shrink: 0;
}

.log-level[b-bkfafcznvd] {
    font-weight: bold;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 80px;
}

.log-message[b-bkfafcznvd] {
    flex: 1;
    word-break: break-word;
}

/* Log level specific colors */
.log-level-info[b-bkfafcznvd] {
    color: #4ec9b0; /* Teal for Information */
}

.log-level-warning[b-bkfafcznvd] {
    color: #dcdcaa; /* Yellow for Warning */
}

.log-level-error[b-bkfafcznvd] {
    color: #f44747; /* Red for Error */
}

.log-level-debug[b-bkfafcznvd] {
    color: #9cdcfe; /* Light blue for Debug */
}

.log-level-trace[b-bkfafcznvd] {
    color: #c586c0; /* Purple for Trace */
}

.log-level-unknown[b-bkfafcznvd] {
    color: #d4d4d4; /* Default gray */
}

.log-empty[b-bkfafcznvd] {
    color: #808080;
    font-style: italic;
    text-align: center;
    padding: 20px;
}

/* Loading spinner in dark theme */
.log-console .fluent-progress-ring[b-bkfafcznvd] {
    margin: 20px auto;
    display: block;
}

/* Scrollbar styling for dark theme */
.log-console[b-bkfafcznvd]::-webkit-scrollbar {
    width: 12px;
}

.log-console[b-bkfafcznvd]::-webkit-scrollbar-track {
    background: #2d2d30;
    border-radius: 6px;
}

.log-console[b-bkfafcznvd]::-webkit-scrollbar-thumb {
    background: #464647;
    border-radius: 6px;
}

.log-console[b-bkfafcznvd]::-webkit-scrollbar-thumb:hover {
    background: #5a5a5c;
}

/* Path highlighting for file paths */
.log-message[b-bkfafcznvd] {
    /* Highlight file paths */
}

.log-message:has-text("C:\\")[b-bkfafcznvd] {
    /* This would need JavaScript or a more complex solution */
}

/* Alternative: Use a data attribute or class for path highlighting */
.log-path[b-bkfafcznvd] {
    color: #ce9178; /* Orange for file paths */
    text-decoration: underline;
    text-decoration-color: transparent;
}

.log-path:hover[b-bkfafcznvd] {
    text-decoration-color: #ce9178;
}

/* Highlight important keywords */
.log-keyword[b-bkfafcznvd] {
    color: #569cd6; /* Blue for keywords */
    font-weight: bold;
}

/* Highlight numbers and IDs */
.log-number[b-bkfafcznvd] {
    color: #b5cea8; /* Green for numbers */
}

/* Selection styling */
.log-console [b-bkfafcznvd]::selection {
    background-color: #264f78;
    color: #ffffff;
}
/* /Domain/Profile/Pages/Payments.razor.rz.scp.css */
.normal-box[b-14v5x2f07y] {
    padding: 3px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 5px;
    font-family: "montserrat", sans-serif;
    font-size: 1em;
}
.m-contact[b-14v5x2f07y] {
    padding: 5px;
    border: 1px solid #e4e4e4;
    border-left: 5px solid #ccc;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 11px;
    font-family: "montserrat", sans-serif;
}

.m-contact-small[b-14v5x2f07y] {
    padding: 5px;
    font-family: "montserrat", sans-serif;
    font-size: .85em;
    line-height: 11px;
}

.sf-calltable[b-14v5x2f07y] {
    line-height: 10px;
    border-collapse: collapse;
}

    .sf-calltable td[b-14v5x2f07y] {
        text-align: left;
        padding: 5px 0px;
        padding: 5px 0px;
    }
.phone-icon[b-14v5x2f07y] {
    position: relative;
    top: 0px;
    left: 5px;
}

.phone-icon-cell[b-14v5x2f07y] {
    width: 40px;
}
.phone-longago[b-14v5x2f07y] {
    font-size: .8em;
    position: relative;
    top: -3px;
    left: 10px;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phonetxt[b-14v5x2f07y] {
    font-size: .8em;
    position: relative;
    top: -3px;
    left: 10px;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pay-lognum[b-14v5x2f07y] {
    font-size: 1.8em;
    font-weight: 300;
    color: #0f6cbd;
    min-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phone-none[b-14v5x2f07y] {
    font-size: 1em;
    color: #b7b7b7;
    position: relative;
    top: -8px;
}
@media (max-width: 768px) {
    .qf-card-container form > div:first-child[b-14v5x2f07y] {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .qf-card-container form > div:first-child[b-14v5x2f07y] {
        grid-template-columns: 1fr 1fr !important;
    }
}
/* /Domain/Profile/Pages/Profile.razor.rz.scp.css */
.grid-container[b-jovnkek739] {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    grid-template-rows: auto auto;
    gap: 10px;
    grid-auto-flow: row;
    grid-template-areas:
        "grid-profile grid-homepagelayout"
        "grid-prefs grid-homepagelayout";
}

.grid-profile[b-jovnkek739] {
    justify-self: stretch;
    grid-area: grid-profile;
}

.grid-prefs[b-jovnkek739] {
    grid-area: grid-prefs;
}

.grid-homepagelayout[b-jovnkek739] {
    align-self: start;
    grid-area: grid-homepagelayout;
    height: 100%;
}

.grid-card[b-jovnkek739] {
    background-color: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.page-content[b-jovnkek739] {
    height: calc(100vh - 125px);
    padding: 0px;
}
/* /Domain/Profile/Pages/SystemSettings.razor.rz.scp.css */
.system-settings-container[b-xud5k9adp6] {
    margin: 10px;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.settings-actions[b-xud5k9adp6] {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

h2[b-xud5k9adp6] {
    padding-top: 0px;
    margin-top: 0px;
}
.page-content[b-xud5k9adp6] {
    height: calc(100vh - 125px);
    padding: 0px;
}
/* /Domain/Profile/Pages/Tasks.razor.rz.scp.css */
.tasks-manager[b-vw3mmrr5vm] {
    height: calc(100vh - 125px);
    background: var(--neutral-layer-1);
    overflow: hidden;
}

.three-column-layout[b-vw3mmrr5vm] {
    display: grid;
    grid-template-columns: 320px 1fr 340px;
    height: 100%;
}

.left-column[b-vw3mmrr5vm] {
    background: var(--neutral-layer-2);
    border-right: 1px solid var(--neutral-stroke-rest);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.column-header[b-vw3mmrr5vm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-2);
}

.column-header h3[b-vw3mmrr5vm] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.column-header p[b-vw3mmrr5vm] {
    margin: 4px 0 0 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.85rem;
}

.col-tweak[b-vw3mmrr5vm] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.search-box[b-vw3mmrr5vm] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.task-group-list[b-vw3mmrr5vm] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 12px 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.task-group-item[b-vw3mmrr5vm] {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.task-group-item:hover[b-vw3mmrr5vm] {
    background: var(--neutral-fill-hover);
    border-color: var(--neutral-stroke-rest);
}

.task-group-item.selected[b-vw3mmrr5vm] {
    background: var(--accent-fill-rest);
    color: #fff;
    border-color: var(--accent-fill-rest);
}

.task-group-name[b-vw3mmrr5vm] {
    font-weight: 600;
    margin-bottom: 4px;
}

.task-group-description[b-vw3mmrr5vm] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.task-group-item.selected .task-group-description[b-vw3mmrr5vm] {
    color: rgba(255, 255, 255, 0.85);
}

.no-results[b-vw3mmrr5vm] {
    text-align: center;
    padding: 32px 16px;
    color: var(--neutral-foreground-hint);
    font-size: 0.95rem;
}

.middle-column[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-right: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-1);
    overflow: hidden;
}

.middle-header[b-vw3mmrr5vm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-2);
}

.header-info[b-vw3mmrr5vm] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.middle-actions[b-vw3mmrr5vm] {
    display: flex;
    gap: 12px;
}

.middle-content[b-vw3mmrr5vm] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
}

.right-column[b-vw3mmrr5vm] {
    background: var(--neutral-layer-2);
    border-left: 1px solid var(--neutral-stroke-rest);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.group-properties[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.property-field[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.property-field label[b-vw3mmrr5vm] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.property-actions[b-vw3mmrr5vm] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.properties-empty[b-vw3mmrr5vm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--neutral-foreground-hint);
    padding: 24px;
    gap: 8px;
}

.loading-container[b-vw3mmrr5vm] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    flex-direction: column;
    gap: 15px;
}

.task-hierarchy[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 40px;
}

.master-task-container[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.master-task-card[b-vw3mmrr5vm] {
    border: 2px solid var(--neutral-stroke-strong);
    border-radius: 8px;
    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 0;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

    .master-task-card:hover[b-vw3mmrr5vm] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        border-color: var(--accent-fill-rest);
    }

.subtask-card[b-vw3mmrr5vm] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background: linear-gradient(135deg, #f5f5f5 0%, #fafafa 100%);
    padding: 0;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

    .subtask-card:hover[b-vw3mmrr5vm] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        border-color: var(--accent-fill-rest);
    }

.master-card[b-vw3mmrr5vm] {
    padding: 24px;
}

.subtasks-container[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
    margin-left: 40px;
    padding: 12px 0 0 20px;
    border-left: 3px solid var(--accent-fill-rest);
    position: relative;
}

    .subtasks-container[b-vw3mmrr5vm]::before {
        content: '';
        position: absolute;
        left: -3px;
        top: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient(180deg, var(--accent-fill-rest) 0%, var(--neutral-stroke-rest) 100%);
    }

.subtask-header[b-vw3mmrr5vm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding: 0 20px;
}

.subtask-header h4[b-vw3mmrr5vm] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.no-subtasks[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
    color: var(--neutral-foreground-hint);
    gap: 8px;
}

.no-subtasks p[b-vw3mmrr5vm] {
    margin: 0;
    font-size: 0.9rem;
}

.task-header[b-vw3mmrr5vm] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
}

.task-header-sub[b-vw3mmrr5vm] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 16px;
}

.task-content[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1;
}

.task-row[b-vw3mmrr5vm] {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.task-field[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.task-field-name[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 250px;
}

.task-field-name-sub[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 250px;
}

.task-field-desc[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    margin-top: 8px;
}

.task-actions[b-vw3mmrr5vm] {
    display: flex;
    gap: 4px;
    margin-top: 20px;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

/* Print View Styles */
.print-header[b-vw3mmrr5vm] {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--neutral-stroke-divider);
}

.print-task-list[b-vw3mmrr5vm] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.5;
    max-width: 100%;
}

.print-task-item[b-vw3mmrr5vm] {
    margin-bottom: 20px;
    break-inside: avoid;
    padding: 12px;
    border-radius: 6px;
    background: var(--neutral-layer-2);
}

.print-task-main[b-vw3mmrr5vm] {
    display: flex;
    gap: 10px;
    margin-bottom: 6px;
}

.print-task-number[b-vw3mmrr5vm] {
    font-weight: 600;
    color: var(--accent-fill-rest);
    min-width: 24px;
    flex-shrink: 0;
    font-size: 1.1em;
}

.print-task-content[b-vw3mmrr5vm] {
    flex: 1;
}

.print-task-title[b-vw3mmrr5vm] {
    font-weight: 600;
    font-size: 1.05em;
    margin-bottom: 6px;
    color: var(--neutral-foreground-rest);
}

.print-task-details[b-vw3mmrr5vm] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.print-detail[b-vw3mmrr5vm] {
    font-size: 0.9em;
    color: var(--neutral-foreground-rest);
}

    .print-detail strong[b-vw3mmrr5vm] {
        color: var(--neutral-foreground-rest);
        font-weight: 600;
    }

.print-task-description[b-vw3mmrr5vm] {
    font-size: 0.85em;
    color: var(--neutral-foreground-hint);
    font-style: italic;
    margin-top: 6px;
    padding-left: 0;
    line-height: 1.4;
}

/* Subtasks */
.print-subtasks[b-vw3mmrr5vm] {
    margin-left: 24px;
    margin-top: 10px;
}

.print-subtask-item[b-vw3mmrr5vm] {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    break-inside: avoid;
    padding: 8px;
    border-radius: 4px;
    background: var(--neutral-layer-1);
}

.print-subtask-number[b-vw3mmrr5vm] {
    font-weight: 500;
    color: var(--accent-fill-rest);
    min-width: 32px;
    flex-shrink: 0;
    font-size: 0.95em;
}

.print-subtask-content[b-vw3mmrr5vm] {
    flex: 1;
}

.print-subtask-title[b-vw3mmrr5vm] {
    font-weight: 500;
    font-size: 0.95em;
    margin-bottom: 4px;
    color: var(--neutral-foreground-rest);
}

/* Print media queries for actual printing */
@media print {
    .print-task-list[b-vw3mmrr5vm] {
        font-size: 12pt;
        line-height: 1.4;
    }

    .print-task-item[b-vw3mmrr5vm] {
        margin-bottom: 12pt;
        background: white;
    }

    .print-task-title[b-vw3mmrr5vm] {
        font-size: 11pt;
    }

    .print-detail[b-vw3mmrr5vm] {
        font-size: 9pt;
    }

    .print-task-description[b-vw3mmrr5vm] {
        font-size: 9pt;
    }

    .print-subtask-title[b-vw3mmrr5vm] {
        font-size: 10pt;
    }

    .print-subtask-item[b-vw3mmrr5vm] {
        background: white;
    }
}

/* Compact spacing for print view */
.print-task-list *[b-vw3mmrr5vm] {
    margin-top: 0;
}

.print-task-list .print-task-item:last-child[b-vw3mmrr5vm] {
    margin-bottom: 0;
}

@media (max-width: 1400px) {
    .three-column-layout[b-vw3mmrr5vm] {
        grid-template-columns: 280px 1fr 300px;
    }
}

@media (max-width: 1200px) {
    .three-column-layout[b-vw3mmrr5vm] {
        grid-template-columns: 260px 1fr 280px;
    }
}

@media (max-width: 1024px) {
    .three-column-layout[b-vw3mmrr5vm] {
        grid-template-columns: 260px 1fr;
    }

    .right-column[b-vw3mmrr5vm] {
        display: none;
    }

    .middle-column[b-vw3mmrr5vm] {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .three-column-layout[b-vw3mmrr5vm] {
        grid-template-columns: 1fr;
    }

    .left-column[b-vw3mmrr5vm] {
        display: none;
    }

    .middle-column[b-vw3mmrr5vm] {
        border-right: none;
    }
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .task-row[b-vw3mmrr5vm] {
        flex-direction: column;
        align-items: stretch;
    }

    .task-field-name[b-vw3mmrr5vm],
    .task-field-name-sub[b-vw3mmrr5vm] {
        width: 100%;
    }

    .subtasks-container[b-vw3mmrr5vm] {
        margin-left: 10px;
        padding-left: 10px;
    }

    .subtask-card[b-vw3mmrr5vm] {
        margin-left: 20px;
    }
}

/* Sortable List Styles */
.sortable-section[b-vw3mmrr5vm] {
    margin-top: 10px;
}

.sortable-header[b-vw3mmrr5vm] {
    margin-bottom: 12px;
}

.sortable-header h4[b-vw3mmrr5vm] {
    margin: 0 0 4px 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.sortable-header p[b-vw3mmrr5vm] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.sortable-list[b-vw3mmrr5vm] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 4px;
    max-height: calc(100vh - 214px);
    overflow-y: auto;
}

.sortable-item[b-vw3mmrr5vm] {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 0px;
    background: var(--neutral-fill-hover);
    border-color: var(--neutral-stroke-rest);
    border-radius: 4px;
    cursor: move;
    transition: all 0.2s ease;
    min-height: 32px;
}

.sortable-item:hover[b-vw3mmrr5vm] {
    background: var(--neutral-fill-hover);
    border-color: var(--neutral-stroke-rest);
}

.sortable-parent[b-vw3mmrr5vm] {
    font-weight: 600;
    background: var(--neutral-layer-card-hover);
}

.sortable-parent:hover[b-vw3mmrr5vm] {
    background: var(--accent-fill-subtle);
    border-color: var(--accent-fill-rest);
}

.sortable-subtask[b-vw3mmrr5vm] {
    margin-left: 20px;
    font-weight: 400;
    font-size: 0.9rem;
    background: var(--neutral-layer-1);
    opacity: 0.9;
    border-left: 3px solid var(--accent-fill-rest);
    padding-left: 12px;
}

.sortable-subtask:hover[b-vw3mmrr5vm] {
    opacity: 1;
    background: var(--neutral-fill-hover);
    border-left-color: var(--accent-fill-hover);
}

.sortable-item-handle[b-vw3mmrr5vm] {
    display: flex;
    align-items: center;
    cursor: grab;
    padding: 2px;
}

.sortable-item-handle:active[b-vw3mmrr5vm] {
    cursor: grabbing;
}

.sortable-item-content[b-vw3mmrr5vm] {
    flex: 1;
    overflow: hidden;
}

.sortable-item-name[b-vw3mmrr5vm] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85rem;
    line-height: 1.3;
}

/* Sortable.js classes */
.sortable-ghost[b-vw3mmrr5vm] {
    opacity: 0.4;
    background: var(--accent-fill-subtle);
    border-color: var(--accent-fill-rest);
}

.sortable-chosen[b-vw3mmrr5vm] {
    background: var(--accent-fill-subtle);
    border-color: var(--accent-fill-rest);
}

.sortable-drag[b-vw3mmrr5vm] {
    opacity: 0.8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Scrollbar for sortable list */
.sortable-list[b-vw3mmrr5vm]::-webkit-scrollbar {
    width: 6px;
}

.sortable-list[b-vw3mmrr5vm]::-webkit-scrollbar-track {
    background: var(--neutral-layer-1);
    border-radius: 3px;
}

.sortable-list[b-vw3mmrr5vm]::-webkit-scrollbar-thumb {
    background: var(--neutral-stroke-rest);
    border-radius: 3px;
}

.sortable-list[b-vw3mmrr5vm]::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-stroke-hover);
}


/* /Domain/Profile/Pages/TemplateFormDialog.razor.rz.scp.css */
.template-form[b-dgxgfnuh7v] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}

.form-top-row[b-dgxgfnuh7v] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.name-field[b-dgxgfnuh7v] {
    flex: 2;
}

.description-field[b-dgxgfnuh7v] {
    flex: 3;
}

.status-toggle[b-dgxgfnuh7v] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 20px;
}

.form-divider[b-dgxgfnuh7v] {
    border: none;
    height: 1px;
    background-color: var(--neutral-stroke-rest);
    margin: 10px 0;
}

.subject-field[b-dgxgfnuh7v]  input {
    font-size: 1.2rem;
    font-weight: 500;
    padding: 12px;
}

.form-group[b-dgxgfnuh7v] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.status-help[b-dgxgfnuh7v] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}

.editor-label[b-dgxgfnuh7v] {
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    margin-bottom: 8px;
}

.editor-wrapper[b-dgxgfnuh7v] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    overflow: hidden;
}

[b-dgxgfnuh7v] .e-richtexteditor {
    border: none;
}

[b-dgxgfnuh7v] .e-toolbar {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    background-color: var(--neutral-layer-1);
}

[b-dgxgfnuh7v] .e-content {
    border-radius: 0;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .form-top-row[b-dgxgfnuh7v] {
        flex-direction: column;
        gap: 16px;
    }
    
    .status-toggle[b-dgxgfnuh7v] {
        padding-top: 0;
    }
} 
/* /Domain/Profile/Pages/Templates.razor.rz.scp.css */
/* ===== TEMPLATE MANAGER V2 - THREE COLUMN LAYOUT ===== */

.template-manager-v2[b-ugnf1eswj3] {
    height: calc(100vh - 125px);
    overflow: hidden;
    background: var(--neutral-layer-1);
}

.loading-container[b-ugnf1eswj3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

/* ===== THREE COLUMN LAYOUT ===== */

.three-column-layout[b-ugnf1eswj3] {
    display: grid;
    grid-template-columns: 320px 1fr 340px;
    height: 100%;
    gap: 0;
}

/* ===== LEFT COLUMN: TEMPLATE LIST ===== */

.left-column[b-ugnf1eswj3] {
    background: var(--neutral-layer-2);
    border-right: 1px solid var(--neutral-stroke-rest);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.col-tweak[b-ugnf1eswj3] {
    display: flex;
    align-items: center;
}
.column-header[b-ugnf1eswj3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-2);
}

    .column-header h3[b-ugnf1eswj3] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 600;
        font-family: 'Montserrat';
        font-size: 1.5rem;
        color: #5f5f5f;
        text-align: left
    }

.search-box[b-ugnf1eswj3] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.template-list[b-ugnf1eswj3] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

.template-item[b-ugnf1eswj3] {
    padding: 12px;
    margin-bottom: 4px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.template-item:hover[b-ugnf1eswj3] {
    background: var(--neutral-fill-hover);
    border-color: var(--neutral-stroke-hover);
}

.template-item.selected[b-ugnf1eswj3] {
    background: var(--accent-fill-rest);
    color: white;
    border-color: var(--accent-fill-rest);
}

.template-item.selected .template-subject[b-ugnf1eswj3],
.template-item.selected .template-description[b-ugnf1eswj3] {
    color: rgba(255, 255, 255, 0.9);
}

.template-item-header[b-ugnf1eswj3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.template-name[b-ugnf1eswj3] {
    font-weight: 600;
    font-size: 0.95rem;
}

.status-indicator[b-ugnf1eswj3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-indicator.active[b-ugnf1eswj3] {
    background-color: #10b981;
}

.status-indicator.inactive[b-ugnf1eswj3] {
    background-color: #6b7280;
}

.template-item.selected .status-indicator.active[b-ugnf1eswj3] {
    background-color: #d1fae5;
}

.template-item.selected .status-indicator.inactive[b-ugnf1eswj3] {
    background-color: rgba(255, 255, 255, 0.5);
}

.template-subject[b-ugnf1eswj3] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-description[b-ugnf1eswj3] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-results[b-ugnf1eswj3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    color: var(--neutral-foreground-hint);
    gap: 12px;
}

.no-results p[b-ugnf1eswj3] {
    margin: 0;
    font-size: 0.9rem;
}

/* ===== MIDDLE COLUMN: EDITOR ===== */

.middle-column[b-ugnf1eswj3] {
    background: var(--neutral-layer-1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.empty-state[b-ugnf1eswj3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
    color: var(--neutral-foreground-hint);
    padding: 40px;
}

.empty-state h3[b-ugnf1eswj3] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.empty-state p[b-ugnf1eswj3] {
    margin: 0;
    font-size: 1rem;
}

.editor-section[b-ugnf1eswj3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.editor-header[b-ugnf1eswj3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-2);
}

.editor-header h4[b-ugnf1eswj3] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.editor-actions[b-ugnf1eswj3] {
    display: flex;
    gap: 8px;
}

.subject-editor[b-ugnf1eswj3] {
    padding: 16px 24px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-2);
}

.subject-editor label[b-ugnf1eswj3] {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--neutral-foreground-rest);
}

.body-editor[b-ugnf1eswj3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 16px 24px;
}

.editor-toolbar-wrapper[b-ugnf1eswj3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.editor-toolbar-wrapper label[b-ugnf1eswj3] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.variable-inserter[b-ugnf1eswj3] {
    position: relative;
    display: inline-block;
}

.variable-menu[b-ugnf1eswj3] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: white;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 320px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 10000;
}

.variable-menu-item[b-ugnf1eswj3] {
    padding: 10px 14px;
    cursor: pointer;
    transition: background 0.15s ease;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.variable-menu-item:last-child[b-ugnf1eswj3] {
    border-bottom: none;
}

.variable-menu-item:hover[b-ugnf1eswj3] {
    background: var(--neutral-fill-hover);
}

.variable-key[b-ugnf1eswj3] {
    display: block;
    font-family: 'Courier New', monospace;
    font-weight: 600;
    color: var(--accent-fill-rest);
    margin-bottom: 2px;
}

.variable-desc[b-ugnf1eswj3] {
    display: block;
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.rte-wrapper[b-ugnf1eswj3] {
    flex: 1;
    overflow: hidden;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
}

[b-ugnf1eswj3] .e-richtexteditor {
    border: none;
    height: 100% !important;
}

[b-ugnf1eswj3] .e-toolbar {
    border: none;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    background-color: var(--neutral-layer-2);
}

[b-ugnf1eswj3] .e-content {
    border: none;
}

/* ===== RIGHT COLUMN: PROPERTIES ===== */

.right-column[b-ugnf1eswj3] {
    background: var(--neutral-layer-2);
    border-left: 1px solid var(--neutral-stroke-rest);
    overflow-y: auto;
    padding: 20px;
}

.properties-section h4[b-ugnf1eswj3] {
    margin: 0 0 20px 0;
    font-size: 1.15rem;
    font-weight: 600;
}

.properties-section h5[b-ugnf1eswj3] {
    margin: 0 0 12px 0;
    font-size: 1rem;
    font-weight: 600;
}

.property-group[b-ugnf1eswj3] {
    margin-bottom: 20px;
}

.property-group label[b-ugnf1eswj3] {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 6px;
    color: var(--neutral-foreground-rest);
}

.property-help[b-ugnf1eswj3] {
    display: block;
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
    line-height: 1.4;
}

.property-divider[b-ugnf1eswj3] {
    border: none;
    height: 1px;
    background: var(--neutral-stroke-rest);
    margin: 20px 0;
}

.requirements-group[b-ugnf1eswj3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.metadata[b-ugnf1eswj3] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.metadata-item[b-ugnf1eswj3] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.metadata-label[b-ugnf1eswj3] {
    font-weight: 500;
}

.metadata-value[b-ugnf1eswj3] {
    text-align: right;
}

.properties-empty[b-ugnf1eswj3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 12px;
    color: var(--neutral-foreground-hint);
    text-align: center;
}

.properties-empty p[b-ugnf1eswj3] {
    margin: 0;
    font-size: 0.9rem;
}

/* ===== RESPONSIVE DESIGN ===== */

@media (max-width: 1400px) {
    .three-column-layout[b-ugnf1eswj3] {
        grid-template-columns: 280px 1fr 300px;
    }
}

@media (max-width: 1200px) {
    .three-column-layout[b-ugnf1eswj3] {
        grid-template-columns: 260px 1fr 280px;
    }
}

@media (max-width: 1024px) {
    .three-column-layout[b-ugnf1eswj3] {
        grid-template-columns: 240px 1fr;
    }
    
    .right-column[b-ugnf1eswj3] {
        display: none;
    }
}

@media (max-width: 768px) {
    .three-column-layout[b-ugnf1eswj3] {
        grid-template-columns: 1fr;
    }
    
    .left-column[b-ugnf1eswj3] {
        display: none;
    }
    
    .middle-column[b-ugnf1eswj3] {
        border-left: none;
    }
}

/* ===== SCROLLBAR STYLING ===== */

.template-list[b-ugnf1eswj3]::-webkit-scrollbar,
.right-column[b-ugnf1eswj3]::-webkit-scrollbar,
.variable-menu[b-ugnf1eswj3]::-webkit-scrollbar {
    width: 8px;
}

.template-list[b-ugnf1eswj3]::-webkit-scrollbar-track,
.right-column[b-ugnf1eswj3]::-webkit-scrollbar-track,
.variable-menu[b-ugnf1eswj3]::-webkit-scrollbar-track {
    background: transparent;
    
}

.template-list[b-ugnf1eswj3]::-webkit-scrollbar-thumb,
.right-column[b-ugnf1eswj3]::-webkit-scrollbar-thumb,
.variable-menu[b-ugnf1eswj3]::-webkit-scrollbar-thumb {
    background: #d0d0d0;
    border-radius: 4px;
    
}

    .template-list[b-ugnf1eswj3]::-webkit-scrollbar-thumb:hover,
    .right-column[b-ugnf1eswj3]::-webkit-scrollbar-thumb:hover,
    .variable-menu[b-ugnf1eswj3]::-webkit-scrollbar-thumb:hover {
        background: #bfbfbf;
    } 
/* /Domain/Profile/Pages/UserEditor.razor.rz.scp.css */
.user-editor__header[b-0ds58c4mzd] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.user-editor__title h3[b-0ds58c4mzd] {
    margin: 0;
}

.user-editor__desktop-tip[b-0ds58c4mzd] {
    margin-bottom: 20px;
}

.user-editor__loading[b-0ds58c4mzd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 48px 0;
    font-size: 1rem;
    color: #4a4a4a;
}

.user-editor__layout[b-0ds58c4mzd] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.user-editor__aside[b-0ds58c4mzd] {
    flex: 1 1 280px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.user-editor__main[b-0ds58c4mzd] {
    flex: 2 1 440px;
}

.user-editor__card[b-0ds58c4mzd] {
    background: var(--neutral-layer-1, #ffffff);
    border-radius: 18px;
    padding: 20px;
    border: 1px solid rgba(3, 106, 196, 0.08);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
}

.user-editor__card-header[b-0ds58c4mzd] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.user-editor__photo-preview[b-0ds58c4mzd] {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}

.user-editor__photo-preview img[b-0ds58c4mzd] {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.user-editor__upload[b-0ds58c4mzd] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.95rem;
    color: #fff;
    background: linear-gradient(135deg, #0586f9, #036ac4);
    cursor: pointer;
    overflow: hidden;
}

.user-editor__upload-input[b-0ds58c4mzd] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.user-editor__error[b-0ds58c4mzd] {
    display: block;
    margin-top: 10px;
    font-size: 0.9rem;
    color: var(--error, #b30021);
}

.user-editor__form-grid[b-0ds58c4mzd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.user-editor__field-hint[b-0ds58c4mzd] {
    margin-top: 10px;
    font-size: 0.92rem;
    color: #5f5f5f;
}

.user-editor__form-actions[b-0ds58c4mzd] {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}
/* /Domain/Profile/Pages/Users.razor.rz.scp.css */
.users-page[b-hzrwmb27rx] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.users-page__header[b-hzrwmb27rx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.users-page__heading[b-hzrwmb27rx] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.users-page__desktop-tip[b-hzrwmb27rx] {
    margin-top: -8px;
}

.users-page__grid[b-hzrwmb27rx] {
    background: var(--neutral-layer-1, #fff);
    border-radius: 18px;
    border: 1px solid rgba(3, 106, 196, 0.08);
    padding: 18px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.06);
}

.users-page__loading[b-hzrwmb27rx],
.users-page__empty[b-hzrwmb27rx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 0;
    color: #5f5f5f;
}

.users-grid__person[b-hzrwmb27rx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 0;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
}

.users-grid__name[b-hzrwmb27rx] {
    font-weight: 600;
    color: #1f1f1f;
}

.users-grid__email[b-hzrwmb27rx] {
    font-size: 0.9rem;
    color: #5f5f5f;
}

.users-grid__mono[b-hzrwmb27rx] {
    font-family: "JetBrains Mono", "Cascadia Code", Consolas, monospace;
    font-size: 0.95rem;
}

.users-grid__actions[b-hzrwmb27rx] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.users-grid__delete[b-hzrwmb27rx] {
    cursor: pointer;
    color: #c33d3d;
}

.users-table[b-hzrwmb27rx] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.users-table__header[b-hzrwmb27rx] {
    display: grid;
    grid-template-columns: minmax(260px, 1.6fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(160px, 1fr) minmax(220px, 1fr);
    gap: 16px;
    padding: 12px 16px;
    border-bottom: 2px solid rgba(3, 106, 196, 0.12);
    font-weight: 600;
    font-size: 0.875rem;
    color: #424242;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.users-table__body[b-hzrwmb27rx] {
    display: flex;
    flex-direction: column;
}

.users-table__row[b-hzrwmb27rx] {
    display: grid;
    grid-template-columns: minmax(260px, 1.6fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(160px, 1fr) minmax(220px, 1fr);
    gap: 16px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(3, 106, 196, 0.06);
    transition: background-color 0.15s ease;
    cursor: pointer;
    min-height: 70px;
    align-items: center;
}

.users-table__row:hover[b-hzrwmb27rx] {
    background-color: rgba(3, 106, 196, 0.04);
}

.users-table__row:last-child[b-hzrwmb27rx] {
    border-bottom: none;
}

.users-table__cell[b-hzrwmb27rx] {
    display: flex;
    align-items: center;
}

.users-table__cell--user[b-hzrwmb27rx] {
    overflow: hidden;
}

.users-table__cell--actions[b-hzrwmb27rx] {
    justify-content: flex-end;
}

.users-table__pagination[b-hzrwmb27rx] {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}
/* /Domain/Proposals/Components/Attachments.razor.rz.scp.css */
/* Attachments.razor.css */

.proposal-details-stack[b-qu2dlrhnmh] {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-top: 10px;
    align-items: flex-start;
    position: relative;
}

.proposal-details-col[b-qu2dlrhnmh] {
    min-width: 340px;
    max-width: 375px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
}

@media (max-width: 1200px) {
    .proposal-details-stack[b-qu2dlrhnmh] {
        flex-direction: column;
        gap: 18px;
    }
    .proposal-details-col[b-qu2dlrhnmh] {
        max-width: 100%;
        min-width: 0;
    }
}

.thumb-icon[b-qu2dlrhnmh] {
    max-width: 160px;
}

.attachment-thumbnail[b-qu2dlrhnmh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    margin-bottom: 0;
    margin-top: 30px;
}

/* For empty trays - make them match the height of filled trays */
.attachment-thumbnail.empty-tray[b-qu2dlrhnmh] {
    margin-top: 50px; /* Fine-tuned to match pile-canvas height */
    margin-bottom: 15px; /* Minimal bottom margin */
}

.attachment-actions[b-qu2dlrhnmh] {
    display: flex;
    flex-direction: row;
    gap: 3px;
    margin-top: 5px;
    margin-bottom: 2px;
    /* justify-content: flex-end !important; */
    width: 100%;
    transition: all .5s;
    opacity: .6;
    position: relative;
    top: -24px;
    padding-left: 15px;
    z-index: 1000;
}
}
    .attachment-actions:hover[b-qu2dlrhnmh] {
        opacity: 1;
    }
.para[b-qu2dlrhnmh] {
    height:12px;
}
.delbtn[b-qu2dlrhnmh], .folderbtn[b-qu2dlrhnmh], .openbtn[b-qu2dlrhnmh] {
    cursor: pointer;
    font-size: 14px !important;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transition: background 0.15s;
}

.delbtn:hover[b-qu2dlrhnmh], .folderbtn:hover[b-qu2dlrhnmh], .openbtn:hover[b-qu2dlrhnmh] {
    background: #e8f0fe;
    cursor: pointer;
}

.drop-zone-quote[b-qu2dlrhnmh], .drop-zone-acord[b-qu2dlrhnmh], .drop-zone-supplemental[b-qu2dlrhnmh], .drop-zone-proposal[b-qu2dlrhnmh], .drop-zone-enclosures[b-qu2dlrhnmh], .drop-zone-sl2[b-qu2dlrhnmh], .drop-zone-binder[b-qu2dlrhnmh], .drop-zone-invoice[b-qu2dlrhnmh], .drop-zone-lossruns[b-qu2dlrhnmh], .drop-zone-updates[b-qu2dlrhnmh] {
    outline: 0px;
    outline-offset: 0px !important;
    padding: 0 !important;
    background: none !important;
}

.flat-card[b-qu2dlrhnmh] {
    font-family: "montserrat", sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    color: #828282;
    position: relative;
    top: 38px;
    text-align: center;
}

.flat-class-container[b-qu2dlrhnmh] {
    position: relative;
    top: -25px;
    margin-left: 10px;
    width: 228px; /* accommodate 201x260 canvas + padding (~33% smaller) */
    /* Tray background behind each stack */
    background-image: url('/img/tray-bg.png');
    background-repeat: no-repeat;
    background-position: center -4px;
    background-size: 100% 114%;
}

.flat-up[b-qu2dlrhnmh] {
    position: relative;
    top: -75px;
}

.docbutton:hover[b-qu2dlrhnmh] {
    cursor: pointer;
}

/* Pile canvas: fixed ~33% smaller (201x260) bounding box */
.pile-canvas[b-qu2dlrhnmh] {
    position: relative;
    width: 201px;
    height: 260px;
    overflow: hidden;
    border-radius: 6px;
}

/* Front tray overlay above the stack, non-interactive so clicks pass through */
    .pile-canvas[b-qu2dlrhnmh]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(/img/tray-front.png) no-repeat 50% -57px;
        background-size: 117% auto;
        z-index: 150; /* above top item (z 100) */
        pointer-events: none;
    }

.pile-item[b-qu2dlrhnmh] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .18s ease;
}

.pile-img[b-qu2dlrhnmh] {
    width: 201px;
    height: 260px;
    object-fit: contain;
    border-radius: 6px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.18));
}

.pile-top .pile-img[b-qu2dlrhnmh] {
    filter: drop-shadow(0 4px 12px rgba(0,0,0,.24));
}
.e-upload-browse-btn[b-qu2dlrhnmh] {
    display: none !important;
}
:root .e-upload-browse-btn[b-qu2dlrhnmh] {
    display: none !important;
}
/* Bottom navigation bar (page-curl vibe via gradient) */
.pile-nav[b-qu2dlrhnmh] {
    display: flex;
    flex-direction: unset;
    justify-content: space-between;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 18px;
    font-family: "montserrat", sans-serif;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 1000 !important;
    width: 201px;
}
.pagestw[b-qu2dlrhnmh] {
    position:relative;
    top:2px;
}
/* Chevron indicator for Next bar */
/*.pile-nav::after {
    content: "›";
    display: inline-block;
    margin-left: 6px;
    font-size: 16px;
    line-height: 1;
    opacity: .75;
    transform: translateX(0);
    transition: transform .15s ease, opacity .15s ease;
}

.pile-nav:hover::after {
    transform: translateX(1px);
    opacity: .95;
}*/

/* Squish animation for the top item when advancing */
.pile-top.squish-out .pile-img[b-qu2dlrhnmh] {
    animation: surefire-squish-out-b-qu2dlrhnmh .18s ease-in-out both;
}

@keyframes surefire-squish-out-b-qu2dlrhnmh {
    0% {
        transform: scale(1) translateY(0);
        filter: drop-shadow(0 4px 12px rgba(0,0,0,.24));
    }
    40% {
        transform: scale(1.02, .94) translateY(2px);
        filter: drop-shadow(0 3px 10px rgba(0,0,0,.22));
    }
    100% {
        transform: scale(1) translateY(0);
        filter: drop-shadow(0 4px 12px rgba(0,0,0,.24));
    }
}
/* /Domain/Proposals/Components/ProposalDetails.razor.rz.scp.css */
/* ProposalDetails.razor.css */

.proposal-details-stack[b-x01lfc6iu9] {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-top: 10px;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
}

.epic-upload-indicator[b-x01lfc6iu9] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.proposal-details-col[b-x01lfc6iu9] {
    min-width: 340px;
    max-width: 375px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
}
.proposler-status-text[b-x01lfc6iu9] {
    margin-top: 10px;
    padding: 8px;
    background-color: #f0f8ff;
    border-radius: 4px;
    font-size: 0.9em;
}
.CardStyle[b-x01lfc6iu9] {
    background: #fefefe !important;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    padding: 24px 20px 18px 20px !important;
    margin-bottom: 18px !important;
    border: 1px solid #e5e5e5;
    position: relative;
}

.header-card[b-x01lfc6iu9] {
    background-color: #ccc;
    font-family: "montserrat", sans-serif;
    font-size: .9rem;
    font-weight: 400;
    color: #626262;
    text-shadow: 1px 1px 1px #ffffffb9;
    text-transform: uppercase;
    padding: 4px 15px 4px 12px;
    border-top-right-radius: 10px;
    letter-spacing: .2em;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2;
}
.accou[b-x01lfc6iu9] {
    text-decoration: underline;
    margin-left: 4px;
    color: #036ac4;
    position: relative !important;
    left: -18px !important;
    top: 1px !important;
}
    .accou:hover[b-x01lfc6iu9] {
        cursor: pointer;
        color: #000;
    }
.proposal-details-card-status[b-x01lfc6iu9] {
    background-color:#036ac4 !important;
}

.proposal-details-card[b-x01lfc6iu9] {
    padding-top: 38px !important;
    margin-top: 18px;
}

.proposal-details-card .mb-2[b-x01lfc6iu9] {
    margin-bottom: 16px;
}

.proposal-details-file-upload-area[b-x01lfc6iu9] {
    border: 2px dashed #b3b3b3;
    border-radius: 6px;
    padding: 18px;
    text-align: center;
    background: #fafbfc;
    margin-bottom: 16px;
}

.proposal-details-dropzone-content[b-x01lfc6iu9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.proposal-details-file-list[b-x01lfc6iu9] {
    margin-top: 10px;
}

.proposal-details-file-table[b-x01lfc6iu9] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.97em;
}

.proposal-details-file-table th[b-x01lfc6iu9] {
    text-align: left;
    padding: 8px;
    border-bottom: 2px solid #eaeaea;
    background: #f5f7fa;
}

.proposal-details-file-table td[b-x01lfc6iu9] {
    padding: 8px;
    border-bottom: 1px solid #eaeaea;
}

.proposal-details-empty-files[b-x01lfc6iu9] {
    padding: 18px;
    text-align: center;
    color: #888;
    font-size: 0.98em;
}

.proposal-details-btn[b-x01lfc6iu9] {
    margin-top: 18px;
    width: 100%;
    font-size: 1.05em;
}

.proposal-details-special-instructions textarea[b-x01lfc6iu9] {
    min-height: 120px;
    font-size: 1em;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    background: #fafbfc;
}

@media (max-width: 1200px) {
    .proposal-details-stack[b-x01lfc6iu9] {
        flex-direction: column;
        gap: 18px;
    }
    .proposal-details-col[b-x01lfc6iu9] {
        max-width: 100%;
        min-width: 0;
    }
}
.thumb-icon[b-x01lfc6iu9] {
    max-width: 160px;
}
.attachment-thumbnail[b-x01lfc6iu9] {
    margin-top:30px;
}
.tiny-icon-btn[b-x01lfc6iu9] {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}
.attachment-thumbnail[b-x01lfc6iu9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    margin-bottom: 0;
}

/* For empty trays - make them match the height of filled trays */
.attachment-thumbnail.empty-tray[b-x01lfc6iu9] {
    margin-top: 50px; /* Fine-tuned to match pile-canvas height */
    margin-bottom: 15px; /* Minimal bottom margin */
}

/* Pile canvas: fixed ~33% smaller (201x260) bounding box */
.pile-canvas[b-x01lfc6iu9] {
    position: relative;
    width: 201px;
    height: 260px;
    overflow: hidden;
    border-radius: 6px;
}

/* Front tray overlay above the stack, non-interactive so clicks pass through */
    .pile-canvas[b-x01lfc6iu9]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(/img/tray-front.png) no-repeat 50% -57px;
        background-size: 117% auto;
        z-index: 150; /* above top item (z 100) */
        pointer-events: none;
    }

.pile-item[b-x01lfc6iu9] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .18s ease;
}

.pile-img[b-x01lfc6iu9] {
    width: 201px;
    height: 260px;
    object-fit: contain;
    border-radius: 6px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.18));
}

.pile-top .pile-img[b-x01lfc6iu9] {
    filter: drop-shadow(0 4px 12px rgba(0,0,0,.24));
}

/* Bottom navigation bar (page-curl vibe via gradient) */
.pile-nav[b-x01lfc6iu9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 17px;
    padding: 0 8px;
    color: white;
    font-size: 0.75em;
    z-index: 200;
}

.pile-nav > div[b-x01lfc6iu9] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pagestw[b-x01lfc6iu9] {
    color: #ffffff;
    font-size: 0.8em;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.copy-btn[b-x01lfc6iu9] {
    opacity: .3;
    position: relative;
    display: inline-block;
    top: 6px;
    left: 0px;
    width: 17px;
    height: 17px;
}

    .copy-btn:hover[b-x01lfc6iu9] {
        cursor: pointer;
        opacity: 1;
    }

    .copy-btn:active[b-x01lfc6iu9] {
        cursor: pointer;
        opacity: 1;
        top: 7px;
        left: 1px;
    }
    .eesubject[b-x01lfc6iu9] {
        width:100%; 
        display:block;

    }
.eebody[b-x01lfc6iu9] {
    width: 100%;
    display: block;
}
/* Animation for squish effect */
.squish-out[b-x01lfc6iu9] {
    animation: squish-out-b-x01lfc6iu9 0.2s ease-out;
}

@keyframes squish-out-b-x01lfc6iu9 {
    0% { transform: scale(0.85); }
    50% { transform: scale(0.75); opacity: 0.8; }
    100% { transform: scale(0.85); }
}

.attachment-actions[b-x01lfc6iu9] {
    display: flex;
    flex-direction: row;
    gap: 6px;
    margin-top: 5px;
    margin-bottom: 2px;
    justify-content: flex-end !important;
    width: 100%;
    transition: all .5s;
    opacity: .6;
}
    .attachment-actions:hover[b-x01lfc6iu9] {
        opacity: 1;
    }
.delbtn[b-x01lfc6iu9], .folderbtn[b-x01lfc6iu9], .openbtn[b-x01lfc6iu9] {
    cursor: pointer;
    font-size: 14px !important;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transition: background 0.15s;
}

    .delbtn:hover[b-x01lfc6iu9], .folderbtn:hover[b-x01lfc6iu9], .openbtn:hover[b-x01lfc6iu9] {
        background: #e8f0fe;
        cursor: pointer;
    }


.drop-zone-quote[b-x01lfc6iu9], .drop-zone-acord[b-x01lfc6iu9], .drop-zone-supplemental[b-x01lfc6iu9], .drop-zone-proposal[b-x01lfc6iu9], .drop-zone-enclosures[b-x01lfc6iu9], .drop-zone-sl2[b-x01lfc6iu9], .drop-zone-binder[b-x01lfc6iu9], .drop-zone-invoice[b-x01lfc6iu9], .drop-zone-lossruns[b-x01lfc6iu9] {
    outline: 0px;
    outline-offset: 0px !important;
    padding: 0 !important;
    background: none !important;
}
.flat-card[b-x01lfc6iu9] {
    font-family: "montserrat", sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    color: #828282;
    position: relative;
    top: 25px;
    text-align: center;
    position: relative;
    top: 40px;
}

.flat-class-container[b-x01lfc6iu9] {
    position: relative;
    top: -34px;
    margin-left: 10px;
    width: 228px;
    background-image: url(/img/tray-bg.png);
    background-repeat: no-repeat;
    background-position: center -4px;
    background-size: 100% 114%;
    left: 14px;
}
.inst-me[b-x01lfc6iu9] {
    font-family: "montserrat", sans-serif;
    font-size:.9em;
    color:#7a7a7a;
    padding:10px;
}
.flat-up[b-x01lfc6iu9] {
    position: relative;
    top: -75px;
}
.advancedbtn[b-x01lfc6iu9] {
    font-size: .85em;
    color:#8a8a8a;
    margin-top:8px;
}
.advancedbtn:hover[b-x01lfc6iu9] {
    color:#515151;
    text-decoration: underline;
    cursor: pointer;
}

.field-label[b-x01lfc6iu9] {
    margin-top:7px;
    width:140px;
    overflow: hidden;
    font-family: 'Segoe UI Variable Display';
    font-size: .95em;
    padding: 5px 0px 0px 0px;
    color:#3d3d3d;
}
.field-label-status[b-x01lfc6iu9] {
    margin-top: 7px;
    width: 140px;
    overflow: hidden;
    font-family: Montserrat;
    font-weight:800;
    font-size: 1.1em;
    padding: 5px 0px 0px 0px;
    color: #3d3d3d;
}
.field-value[b-x01lfc6iu9] {
    margin-top: 7px;
    max-width:185px;
    font-family: 'Segoe UI Variable Display';
    font-size: 1em;
    padding: 0px 0px 0px 0px;
}
.inc-item[b-x01lfc6iu9] {
    background-color: #e0e0e0;
    padding: 0px 5px;
    border-radius: 3px;
    border:1px solid #ccc;
    width: 80px;
}
.inc-sl2[b-x01lfc6iu9] {
    background-color: #e0e0e0;
    padding: 0px 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
    width: 150px;
    color: #036ac4;
   
}
.sl2-btn[b-x01lfc6iu9] {
    border: 1px solid #ccc;
    opacity: .6;
    padding: 3px 4px;
    background-color: #bdbdbd;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;top:2px;
}
    .sl2-btn:hover[b-x01lfc6iu9] {
        opacity: 1;
        cursor: pointer;
        border: 1px solid #036ac4;
        background-color: #e5e5e5;
    }
.inc-title[b-x01lfc6iu9] {
    font-family: 'Segoe UI Variable Display';
    font-size: .95em;
    color: #3d3d3d;
    position: relative;

}
.sl2create-icon[b-x01lfc6iu9] {
    position: relative;
    top: 4px;
}
.sl2create-txt[b-x01lfc6iu9] {
    font-family: 'Segoe UI Variable Display';
    font-size: .75em;
    position: relative;
    top: -1px;
    padding-right:5px;
}
.page-extractor[b-x01lfc6iu9] {
    margin: 15px 0;
    padding: 15px;
    background-color: #fcf5fb;
    border-radius: 8px;
    border: 1px solid #bca1d1;
}

.page-inputs[b-x01lfc6iu9] {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    justify-content: center;
    flex-wrap: wrap;
}


.page-entry[b-x01lfc6iu9] {
    flex: 1 1 calc(25% - 12px);
    max-width: calc(25% - 12px);
    min-width: 60px;
    display: flex;
}

.page-entry-value[b-x01lfc6iu9] {
    width: 100%;
    padding: 15px 0px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    cursor: pointer;
    user-select: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .page-entry-value:hover[b-x01lfc6iu9],
    .page-entry-value:focus[b-x01lfc6iu9] {
        outline: none;
        border-color: #d13438;
        box-shadow: 0 0 0 2px rgba(209, 52, 56, 0.2);
        transform: translateY(-1px);
    }

.page-entry-new[b-x01lfc6iu9] {
    flex: 1 1 calc(25% - 12px);
    max-width: calc(25% - 12px);
    min-width: 60px;
    display: flex;
}

    .page-entry-new .page-input[b-x01lfc6iu9] {
        width: 100%;
        text-align: center;
        padding: 10px 14px;
        border-radius: 8px;
        border: 1px solid #d6d6d6;
        font-weight: 100;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

        .page-entry-new .page-input:focus[b-x01lfc6iu9] {
            outline: none;
            border-color: #036ac4;
            box-shadow: 0 0 0 2px rgba(3, 106, 196, 0.2);
        }

@@media (max-width: 900px) {
    .page-entry[b-x01lfc6iu9],
    .page-entry-new[b-x01lfc6iu9] {
        flex: 1 1 calc(33.333% - 12px);
        max-width: calc(33.333% - 12px);
    }
}

@@media (max-width: 600px) {
    .page-entry[b-x01lfc6iu9],
    .page-entry-new[b-x01lfc6iu9] {
        flex: 1 1 calc(50% - 12px);
        max-width: calc(50% - 12px);
    }
}
.page-input[b-x01lfc6iu9] {
    width: 35px;
    height: 33px;
    padding: 8px;
    border: 2px solid #bca1d1;
    border-radius: 6px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.3s ease;
    background-color: #fcf5fb;
    color: #5e4089;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.page-input[b-x01lfc6iu9]::-webkit-outer-spin-button,
.page-input[b-x01lfc6iu9]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.page-input.filled[b-x01lfc6iu9] {
    background-color: #892292;
    color: #fcf5fb;
    border-color: #580f8c;
}

.page-input:focus[b-x01lfc6iu9] {
    outline: none !important;
    border-color: #580f8c !important;
    box-shadow: 0 0 0 2px rgba(188, 161, 209, 0.3) !important;
}

.page-input[b-x01lfc6iu9]::placeholder {
    color: #c587cb;
    font-size: 16px;
}

.page-extractor-instruction[b-x01lfc6iu9] {
    font-size: 13px;
    color: #5e4089;
    text-align: center;
    font-weight: 500;
    margin-top: 5px;
}

.proposler-button[b-x01lfc6iu9] {
    background-color: #892292 !important;
    border-color: #580f8c !important;
    color: #fcf5fb !important;
    font-weight: 500 !important;
    height: 45px !important;
    transition: all 0.3s ease !important;
    width:100% !important;
}

.proposler-button:hover:not(:disabled)[b-x01lfc6iu9] {
    background-color: #580f8c !important;
    border-color: #892292 !important;
}
.docbutton:hover[b-x01lfc6iu9] {
    cursor:pointer;
}
.proposler-button:disabled[b-x01lfc6iu9] {
    background-color: #bca1d1 !important;
    border-color: #c587cb !important;
    opacity: 0.7 !important;
}

.proposler-button.running[b-x01lfc6iu9] {
    background-color: #036ac4 !important;
    border-color: #036ac4 !important;
    animation: pulse-b-x01lfc6iu9 2s infinite;
}

@keyframes pulse-b-x01lfc6iu9 {
    0% {
        box-shadow: 0 0 0 0 rgba(3, 106, 196, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(3, 106, 196, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(3, 106, 196, 0);
    }
}

/* Busy overlay to sit above card contents */
.card-busy-overlay[b-x01lfc6iu9] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
    z-index: 5; /* higher than .header-card (z-index:2) */
    pointer-events: none; /* disabled until visible */
    backdrop-filter: saturate(1.1) blur(1px);
    opacity: 0;
    transition: opacity 180ms ease-in-out;
}

.card-busy-overlay.visible[b-x01lfc6iu9] {
    opacity: 1;
    pointer-events: all; /* block interactions when shown */
}

.card-busy-overlay .overlay-content[b-x01lfc6iu9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.card-busy-overlay .cancel-btn[b-x01lfc6iu9] {
    margin-top: 4px;
    min-width: 110px;
}
/* /Domain/Renewals/Components/ActivityLog.razor.rz.scp.css */
.activity-log-section[b-357sk2l7m3] {
    flex: 2;
    margin-top: 0;
    border-top: none;
    padding-top: 0;
    padding-left: .5rem;
    /*max-width: 500px;*/
    margin-left: auto;
    /*background: linear-gradient(to right, #e7e7e7 0%,#f6f6f6 100%);*/
    /*height: calc(100vh - 254px);*/
}

.activity-log-container[b-357sk2l7m3] {
    /*max-height: calc(100vh - 350px);*/ /* Adjust to fit within window */
    /*overflow-y: auto;*/
}

/* Compact style for TaskCompleted activity log */
.activity-item.taskcompleted .activity-content[b-357sk2l7m3] {
    padding: 2px 0;
    font-size: 0.98em;
    line-height: 1.2;
}

/* Activity Log Styles */
.activity-log-header[b-357sk2l7m3] {
    display: flex;
    flex-direction: column;
    margin-bottom: .25rem;
}

.activity-log-header h3[b-357sk2l7m3] {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.activity-input-container[b-357sk2l7m3] {
    width: 100%;
}

.activity-item[b-357sk2l7m3] {
    display: flex;
    border-bottom: 1px solid #f0f0f0;
}

.activity-item:last-child[b-357sk2l7m3] {
    border-bottom: none;
    margin-bottom: 0;
}

.activity-icon[b-357sk2l7m3] {
    flex: 0 0 32px;
    margin-right: 0.75rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.activity-content[b-357sk2l7m3] {
    flex: 1;
}

.activity-header[b-357sk2l7m3] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
    font-size: 0.85rem;
    color: #666;
}

.activity-date[b-357sk2l7m3] {
    font-weight: 500;
}

.activity-source[b-357sk2l7m3] {
    font-style: italic;
}

.activity-body[b-357sk2l7m3] {
    font-size: 0.95rem;
    line-height: 1.4;
}

/* Activity type specific styling */
.activity-item.submissionnote[b-357sk2l7m3] {
    background-color: #f6f6f6;
}

.activity-item.taskcompleted[b-357sk2l7m3] {
    background-color: #f1fff8;
}

.activity-item.statuschange[b-357sk2l7m3] {
    background-color: #fff9f1;
}

.activity-item.renewalnote[b-357sk2l7m3] {
    background-color: #fffff1;
}

.activity-empty[b-357sk2l7m3] {
    padding: 1rem;
    text-align: center;
    color: #888;
    font-style: italic;
}

.system-log-note[b-357sk2l7m3] {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 0 0 10px !important;
    margin: 0 0 0 0 !important;
    font-size: 0.92em;
    color: #888;
    opacity: 0.85;
    font-style: italic;
    display: flex;
    align-items: center;
    border-left: 3px solid #e0e0e0;
}

.system-log-task[b-357sk2l7m3] {
    background: linear-gradient(to right, #eaf3fb 0%, #fff 100%) !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 0 0 10px !important;
    margin: 0 0 0 0 !important;
    font-size: 0.92em;
    color: #3b82f6;
    opacity: 0.85;
    font-style: italic;
    display: flex;
    align-items: center;
    border-left: 3px solid #3b82f6 !important;
}

.system-log-subtask[b-357sk2l7m3] {
    background: linear-gradient(to right, #f5f5f5 0%, #fff 100%) !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 0 0 10px !important;
    margin: 0 0 0 0 !important;
    font-size: 0.92em;
    color: #666;
    opacity: 0.85;
    font-style: italic;
    display: flex;
    align-items: center;
    border-left: 3px solid #a3a3a3 !important;
}

.system-log-content[b-357sk2l7m3] {
    
}

.system-log-date[b-357sk2l7m3] {
    font-size: 0.85em;
    color: #5c5c5c;
    margin-right: 4px;
    min-width: 120px;
}
.system-log-body[b-357sk2l7m3] {
    font-size: 0.95em;
    color: inherit;
}

.user-note-task[b-357sk2l7m3], .user-note-subtask[b-357sk2l7m3] {
    background: #f9f7f4;
    font-size: 1em;
    color: #222;
    font-weight: 500;
    box-shadow: 0 1px 4px rgba(60, 120, 200, 0.04);
    display: flex;
    align-items: stretch;
    position: relative;
    min-height: 36px;
}

.user-note-task .activity-icon[b-357sk2l7m3], .user-note-subtask .activity-icon[b-357sk2l7m3] {
    width: 69px;
    min-width: 69px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f36c21;
    z-index: 1;
    position: static;
    margin: 0;
    padding: 0;
}

.user-note-task .activity-icon svg[b-357sk2l7m3], .user-note-subtask .activity-icon svg[b-357sk2l7m3] {
    color: #fff !important;
    fill: #fff !important;
    width: 28px;
    height: 28px;
    display: block;
}

.user-note-content-compact[b-357sk2l7m3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    margin-left: 0;
    padding: 6px 0 6px 16px;
    flex: 1;
}

.user-note-date[b-357sk2l7m3] {
    font-size: 0.85em;
    color: #6a8bb7;
    margin-bottom: 2px;
}

.user-note-body[b-357sk2l7m3] {
    color: #757575;
    font-weight: 500;
}

.user-note-source[b-357sk2l7m3] {
    font-size: 0.85em;
    color: #6a8bb7;
    margin-top: 2px;
}

.user-note-meta[b-357sk2l7m3] {
    display: block;
    font-size: 0.85em;
    color: #888;
    font-weight: 400;
    position: relative;
    top: -3px;
}

.txt-section[b-357sk2l7m3] {
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

/* Timeline styles for activity log */
.timeline-container[b-357sk2l7m3] {
    position: relative;
    padding-left: 5px;
}

.timeline-row[b-357sk2l7m3] {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.timeline-dot[b-357sk2l7m3] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #bbb;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #e0e0e0;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 2;
}

.dot-orange[b-357sk2l7m3] {
    background: #f36c21;
}
.dot-grey[b-357sk2l7m3] {
    background: #bdbdbd;
}

.timeline-row:not(:last-child)[b-357sk2l7m3]::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 23px;
    width: 2px;
    height: calc(100% - 19px);
    background: #d4d4d4;
    z-index: 1;
}

.timeline-content[b-357sk2l7m3] {
    margin-left: 32px;
    flex: 1;
}

.timeline-card[b-357sk2l7m3] {
    background: transparent;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(60, 120, 200, 0.04);
    padding: 0px;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.timeline-card-alt[b-357sk2l7m3] {
    background: transparent;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(60, 120, 200, 0.04);
    padding: 0px;
    margin-bottom: 0;
}

.timeline-date-header[b-357sk2l7m3] {
    font-weight: 600;
    font-size: 1.25em;
    color: #676e86;
    margin: 20px 0 15px 0;
    padding-left: 0px;
    display: flex;
    align-items: center;
    position: relative;
}

.timeline-date-text[b-357sk2l7m3] {
    margin-right: 12px;
    white-space: nowrap;
}

.timeline-days-ago[b-357sk2l7m3] {
    font-size: 0.75em;
    color: #888;
    font-weight: 400;
    margin-right: 12px;
    white-space: nowrap;
}

.timeline-date-header[b-357sk2l7m3]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, #d4d4d4, transparent);
    margin-left: auto;
}

.timeline-user[b-357sk2l7m3] {
    min-width: 120px;
    text-align: right;
    color: #888;
    font-size: 0.95em;
    margin-left: 12px;
    align-self: center;
}

/* Timeline dot and card color classes for NoteType groupings */
.dot-usertasknote[b-357sk2l7m3], .dot-submissionusernote[b-357sk2l7m3], .dot-userentry[b-357sk2l7m3] {
    background: #2ecc40;
}
.dot-systemlog[b-357sk2l7m3] {
    background: #e0e0e0;
}
.dot-renewalupdate[b-357sk2l7m3] {
    background: #af58cb;
}
.dot-submissionlog[b-357sk2l7m3] {
    background: #ffd580;
}
.dot-usersubtasknote[b-357sk2l7m3] {
    background: #b3b3b3;
    width: 6px;
    height: 6px;
    border: 0;
    position: relative;
    left: 7px;
    top: 10px;
    box-shadow: none;
}
.card-usertasknote[b-357sk2l7m3], .card-submissionusernote[b-357sk2l7m3], .card-userentry[b-357sk2l7m3] {
    background: #f1fff8;
    border-left: 4px solid #2ecc40;
    font-weight: 600;
    padding: 6px 6px;
    margin-bottom: 6px;
}
.card-usersubtasknote[b-357sk2l7m3] {
    font-size: .7em;
    position: relative;
    top: 0px;
    left: -20px;
    padding-bottom: 5px;
    padding-top: 2px;
    opacity: 0.6;
}
.card-systemlog[b-357sk2l7m3] {
    font-size: .85em;
}
.card-renewalupdate[b-357sk2l7m3] {
    font-size: 1.2em;
    font-weight: 600;
    padding: 6px 6px;
    margin-bottom: 6px;
    position:relative;
    left:-5px;
}
    .card-renewalupdate .user-note-meta[b-357sk2l7m3] {
        font-size: .7em;
        color: #8b8b8b !important;
    }
.card-renewalupdate .user-note-body[b-357sk2l7m3] {
    color: #af58cb !important;
}
.timeline-card .card-renewalupdate .user-note-meta[b-357sk2l7m3] {
    font-size:.5em !important;
}
.card-submissionlog[b-357sk2l7m3] {
    background: #fff7e6;
    border-left: 4px solid #ffd580;
    padding: 4px 8px;
    margin-bottom: 12px;
}
.dot-submissionupdate[b-357sk2l7m3] {
    background: #0b5394;
}
.card-submissionupdate[b-357sk2l7m3] {
    background: #e7f3fe; /* light blue background */
    border-left: 4px solid #2196f3; /* standard blue (like info alerts) */
    padding: 4px 8px;
    margin-bottom: 12px;
}

    .card-submissionupdate .user-note-meta[b-357sk2l7m3] {
        font-size: .7em;
        color: #0b5394 !important; /* deep blue for text */
    }

    .card-submissionupdate .user-note-body[b-357sk2l7m3] {
        color: #0b5394 !important;
    }
.dot-systemlog-small[b-357sk2l7m3] {
    width: 10px !important;
    height: 10px !important;
    top: 4px !important;
    left: 3px !important;
}

/* User note (green) text bigger and darker */
.card-usertasknote .user-note-body[b-357sk2l7m3],
.card-submissionusernote .user-note-body[b-357sk2l7m3],
.card-userentry .user-note-body[b-357sk2l7m3] {
    color: #1b3a1b;
    font-size: 1.08em;
    font-weight: 600;
}

/* Remove right column space for user notes (if any extra) */
.timeline-row .timeline-user[b-357sk2l7m3] { display: none; }
.timeline-row.user-note .timeline-user[b-357sk2l7m3] { display: none; }

/* Orange text for submission notes */
.card-submissionusernote .user-note-body[b-357sk2l7m3] {
    color: #1b3a1b !important;
}
.acttxt[b-357sk2l7m3] {
    color: #495057;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
/* /Domain/Renewals/Components/RenewalUpdateTab.razor.rz.scp.css */
.CardStyle[b-enkej42884] {
    background: #fefefe !important;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    padding: 24px 20px 18px 20px !important;
    margin-bottom: 18px !important;
    border: 1px solid #e5e5e5;
    position: relative;
}

.header-card[b-enkej42884] {
    background-color: #ccc;
    font-family: "montserrat", sans-serif;
    font-size: .9rem;
    font-weight: 400;
    color: #626262;
    text-shadow: 1px 1px 1px #ffffffb9;
    text-transform: uppercase;
    padding: 4px 15px 4px 12px;
    border-top-right-radius: 10px;
    letter-spacing: .2em;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2;
}

/* Key/Value rows inside cards */
.kv-title[b-enkej42884] {
    font-family: "montserrat", sans-serif;
    font-size: .85rem;
    color: #6a6a6a;
    min-width: 200px;
    margin: 8px 12px 0 0;
}

.kv-value[b-enkej42884] {
    font-size: .95rem;
    color: #2c2c2c;
    margin: 2px 0 10px 0;
}

/* Tables inside cards */
table.table[b-enkej42884] {
    border-collapse: collapse;
}

table.table thead th[b-enkej42884] {
    font-size: .8rem;
    color: #777;
    font-weight: 600;
}

table.table tbody td[b-enkej42884] {
    padding: 6px 8px;
    border-top: 1px solid #eee;
}

/* /Domain/Renewals/Components/Submissions.razor.rz.scp.css */
.submissions-redesigned[b-mdvc67394u] {
    padding: 10px;
}

/* View Toggle Bar */
.view-toggle-bar[b-mdvc67394u] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

/* Submissions header removed - now handled by parent toolbar */
/* Stepper column styling moved to carriers-list section below */
/* Container Styles */
.wholesaler-container[b-mdvc67394u],
.direct-appointment-container[b-mdvc67394u] {
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Combined Contact and Links Layout */
.contact-links-combined[b-mdvc67394u] {
    display: flex;
    background: #fafafa;
    border-bottom: 1px solid #e0e0e0;
    min-height: 90px;
}

.carrier-name-area[b-mdvc67394u] {
    min-width: 200px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    border-right: 1px solid #e0e0e0;
}

.carrier-name-link[b-mdvc67394u] {
    text-decoration: none;
    color: inherit;
    display: block;
}

    .carrier-name-link:hover[b-mdvc67394u] {
        color: #0078d4;
    }

    .carrier-name-link h3[b-mdvc67394u] {
        margin: 0 0 4px 0;
        font-size: 2rem;
        font-weight: 600;
        color: inherit;
        transition: color 0.2s ease;
    }

.premium-tbd[b-mdvc67394u] {
    font-size: 4rem;
    font-weight: 300;
    font-family: "Segoe UI", "Aptos", system-ui, sans-serif;
    font-style: italic;
    color: #0078d4;
    letter-spacing: -0.5px;
    color:#bdbdbd;
}

.carrier-subtitle[b-mdvc67394u] {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
}

.contact-slider-area[b-mdvc67394u] {
    flex: 1;
    padding: 15px 20px;
    display: flex;
    align-items: center;
}

.square-buttons-grid[b-mdvc67394u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
    gap: 8px;
    background: #ffffff;
    border-left: 1px solid #e0e0e0;
}

/* Custom Square Buttons */
.square-button[b-mdvc67394u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 60px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    color: #495057;
    padding: 8px 4px;
}

    .square-button:hover[b-mdvc67394u] {
        background: #e9ecef;
        border-color: #adb5bd;
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .square-button:active[b-mdvc67394u] {
        transform: translateY(0);
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }

    .square-button fluent-icon[b-mdvc67394u] {
        margin-bottom: 4px;
        color: #495057;
    }

    .square-button span[b-mdvc67394u] {
        font-size: 0.7rem;
        font-weight: 500;
        text-align: center;
        line-height: 1.1;
        color: #495057;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Accent button for Email Underwriter */
    .square-button.accent-button[b-mdvc67394u] {
        background: #0078d4;
        border-color: #106ebe;
        color: white;
    }

        .square-button.accent-button:hover[b-mdvc67394u] {
            background: #106ebe;
            border-color: #005a9e;
        }

        .square-button.accent-button fluent-icon[b-mdvc67394u],
        .square-button.accent-button span[b-mdvc67394u] {
            color: white;
        }

.carrier-submission[b-mdvc67394u] {
    border-bottom: 1px solid #f0f0f0;
    padding: 20px;
}

    .carrier-submission:last-child[b-mdvc67394u] {
        border-bottom: none;
    }

.carrier-header[b-mdvc67394u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.carrier-info h4[b-mdvc67394u] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #333;
}

.carrier-meta[b-mdvc67394u] {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-top: 8px;
}

.status-badge[b-mdvc67394u] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
}

.status-0[b-mdvc67394u] {
    background: #f0f0f0;
    color: #666;
}

.status-1[b-mdvc67394u] {
    background: #e3f2fd;
    color: #1976d2;
}

.status-2[b-mdvc67394u] {
    background: #fff3e0;
    color: #f57c00;
}

.status-3[b-mdvc67394u] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.status-4[b-mdvc67394u] {
    background: #e8f5e8;
    color: #388e3c;
}

.status-5[b-mdvc67394u] {
    background: #ffebee;
    color: #d32f2f;
}

.status-6[b-mdvc67394u] {
    background: #e8f5e8;
    color: #2e7d32;
}

.premium[b-mdvc67394u] {
    font-weight: 600;
    color: #0078d4;
    font-size: 1.1rem;
}

.tbd[b-mdvc67394u] {
    color: #999;
    font-style: italic;
}

.carrier-actions[b-mdvc67394u] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.carrier-link[b-mdvc67394u] {
    color: #0078d4;
    padding: 5px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    .carrier-link:hover[b-mdvc67394u] {
        background-color: rgba(0, 120, 212, 0.1);
    }

/* Collapsible Sections */
.collapsible-sections[b-mdvc67394u] {
    margin-top: 15px;
}

.section-header[b-mdvc67394u] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-bottom: 5px;
    font-weight: 500;
}

    .section-header:hover[b-mdvc67394u] {
        background: #e9ecef;
    }

.section-content[b-mdvc67394u] {
    padding: 15px;
    background: #fafafa;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-radius: 0 0 4px 4px;
    margin-bottom: 10px;
}

/* Empty State */
.empty-state[b-mdvc67394u] {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}

    .empty-state h3[b-mdvc67394u] {
        margin: 20px 0 10px 0;
        font-size: 1.5rem;
    }

    .empty-state p[b-mdvc67394u] {
        margin-bottom: 30px;
        font-size: 1.1rem;
    }

/* Dialog Styles */
.add-submission-dialog h2[b-mdvc67394u] {
    margin-top: 0;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}

.form-grid[b-mdvc67394u] {
    display: grid;
    gap: 20px;
    padding: 10px 0;
}

.form-row[b-mdvc67394u] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .form-row label[b-mdvc67394u] {
        font-weight: 500;
        font-size: 0.9rem;
    }

/* Stepper styles */
.carrier-status[b-mdvc67394u] {
    margin: 15px 0;
    padding: 10px 0;
}

.carrier-info .carrier-status .e-stepper[b-mdvc67394u] {
    min-height: auto;
}

    .carrier-info .carrier-status .e-stepper .e-step-label[b-mdvc67394u] {
        font-size: 0.75rem;
    }

/* Fix for SfStepper icons */
:root .x-plus-icon[b-mdvc67394u]::before {
    content: '\e805';
}

:root .x-pencil-icon[b-mdvc67394u]::before {
    content: '\e740';
}

:root .x-changes-icon[b-mdvc67394u]::before {
    content: '\e7a8';
}

:root .x-send-icon[b-mdvc67394u]::before {
    content: '\e71d';
}

:root .x-trash-icon[b-mdvc67394u]::before {
    content: '\e820';
}

:root .x-check-icon[b-mdvc67394u]::before {
    content: '\e727';
}

:root .x-signature-icon[b-mdvc67394u]::before {
    content: '\e897';
}


/* Rejection Status Toggle */
.rejection-status-column[b-mdvc67394u] {
    display: flex;
    justify-content: center;
}

.rejection-toggle-group[b-mdvc67394u] {
    display: flex;
    gap: 4px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 2px;
    background: #f8f9fa;
    height: 58px;
}

.rejection-toggle[b-mdvc67394u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    background: transparent;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #666;
    font-size: 11px;
    min-width: 70px;
    min-height: 50px;
}

    .rejection-toggle:hover[b-mdvc67394u] {
        background: rgba(0, 120, 212, 0.1);
        color: #0078d4;
    }

    .rejection-toggle.active[b-mdvc67394u] {
        background: white;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        font-weight: 500;
    }

        .rejection-toggle.active.declined[b-mdvc67394u] {
            color: #d32f2f;
            border: 1px solid #d32f2f;
        }

        .rejection-toggle.active.rejected[b-mdvc67394u] {
            color: #f57c00;
            border: 1px solid #f57c00;
        }

        .rejection-toggle.active.non-renewed[b-mdvc67394u] {
            color: #7b1fa2;
            border: 1px solid #7b1fa2;
        }

    .rejection-toggle span[b-mdvc67394u] {
        margin-top: 4px;
        line-height: 1.1;
    }

/* Carriers List within Wholesaler Container */
.carriers-list[b-mdvc67394u] {
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

.carrier-submission-row[b-mdvc67394u] {
    padding: 10px 10px;
    margin: 0 15px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    margin-bottom: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
    position: relative;
}

    .carrier-submission-row:first-child[b-mdvc67394u] {
        margin-top: 15px;
    }

    .carrier-submission-row:last-child[b-mdvc67394u] {
        margin-bottom: 0;
    }

    .carrier-submission-row:hover[b-mdvc67394u] {
        background-color: #ffffff;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

.carrier-submission-row .stepper-column[b-mdvc67394u],
.carrier-submission-row .premium-column[b-mdvc67394u] {
    transition: max-width 0.25s ease, width 0.25s ease, opacity 0.2s ease, margin 0.2s ease, padding 0.2s ease;
}

.carrier-submission-row.collapsed[b-mdvc67394u] {
    background: linear-gradient(90deg, #f9fafb 0%, #f1f5f9 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border-color: #dee5ef;
}

.carrier-submission-row.collapsed[b-mdvc67394u]::before {
    background: #1d4ed8;
    opacity: 0.5;
}

.carrier-submission-row.collapsed .carrier-name-column[b-mdvc67394u] {
    width: auto;
    border-right: none;
}

.carrier-submission-row.collapsed .stepper-column[b-mdvc67394u],
.carrier-submission-row.collapsed .premium-column[b-mdvc67394u] {
    flex: 0 0 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.carrier-submission-row.collapsed .stepper-column .stepper-fix[b-mdvc67394u],
.carrier-submission-row.collapsed .stepper-column .sf-stepper[b-mdvc67394u] {
    display: none;
}

.carrier-submission-row.collapsed .rejection-column[b-mdvc67394u] {
    margin-left: auto;
}

.carrier-submission-row.expanded[b-mdvc67394u] {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    border-color: #dbe3ef;
}
    .carrier-submission-row[b-mdvc67394u]::before {
        content: '';
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 40px;
        background: #d1d1d1;
        border-radius: 2px;
    }

    .carrier-submission-row .fluent-stack[b-mdvc67394u] {
        display: flex;
        align-items: center;
        gap: 25px;
        width: 100%;
    }

.carrier-name-column[b-mdvc67394u] {
    width: 336px;
    height: 63px;
    border-right:1px solid #e6e6e6;
}

    .carrier-name-column h4[b-mdvc67394u] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 500;
        color: #555;
        line-height: 1.3;
        position: relative;
        top: 18px;
    }

.stepper-column[b-mdvc67394u] {
    width: 550px;
}
.stepper-fix[b-mdvc67394u] {
    position: relative;
    top:6px;
}
.premium-column[b-mdvc67394u] {
    width: 200px;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 20px;
}

.premium-amount[b-mdvc67394u] {
    font-size: 4rem;
    font-weight: 500;
    color: #0078d4;
    font-family: "Segoe UI", "Aptos", system-ui, sans-serif;
    letter-spacing: -0.5px;
    height: 63px;
}

.rejection-column[b-mdvc67394u] {
    min-width: 240px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
}

/* Rejected submission opacity */
.rejected-opacity[b-mdvc67394u] {
    opacity: 0.5;
}

.collapsed-submissions-section[b-mdvc67394u] {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.collapsed-submissions-title[b-mdvc67394u] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    color: #1e293b;
}

.collapsed-submissions-group[b-mdvc67394u] {
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.collapsed-submissions-group.all-collapsed[b-mdvc67394u] {
    border-style: dashed;
}

.collapsed-submissions-group.mixed-collapsed[b-mdvc67394u] {
    border-style: solid;
}

.collapsed-group-header[b-mdvc67394u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: linear-gradient(90deg, #f8fafc 0%, #eef2f6 100%);
    border-bottom: 1px solid #e2e8f0;
    gap: 12px;
}

.collapsed-group-titles[b-mdvc67394u] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.collapsed-group-name[b-mdvc67394u] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #1f2937;
}

.collapsed-group-subtitle[b-mdvc67394u] {
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.collapsed-group-note[b-mdvc67394u] {
    font-size: 0.85rem;
    color: #6b7280;
    white-space: nowrap;
}

.collapsed-submissions-list[b-mdvc67394u] {
    padding: 12px 0 8px 0;
    background: #f8fafc;
}

    .collapsed-submissions-list .carrier-submission-row[b-mdvc67394u] {
        margin: 0 20px 10px 20px;
    }

        .collapsed-submissions-list .carrier-submission-row:last-child[b-mdvc67394u] {
            margin-bottom: 0;
        }

/* Responsive adjustments for smaller screens */
@media (max-width: 1400px) {
    .carrier-submission-row .fluent-stack[b-mdvc67394u] {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .carrier-name-column[b-mdvc67394u],
    .premium-column[b-mdvc67394u],
    .rejection-column[b-mdvc67394u] {
        min-width: auto;
        width: 100%;
        justify-content: center;
    }

    .stepper-column[b-mdvc67394u] {
        width: 550px;
        align-self: center;
    }

    .carrier-submission-row[b-mdvc67394u] {
        padding: 25px;
        margin: 0 10px;
    }
}

@media (max-width: 768px) {
    .carrier-submission-row[b-mdvc67394u] {
        padding: 20px 15px;
        margin: 0 5px;
    }

    .stepper-column[b-mdvc67394u] {
        width: 100%;
        max-width: 550px;
    }

    .rejection-toggle-group[b-mdvc67394u] {
        scale: 0.9;
    }

    .premium-amount[b-mdvc67394u], .premium-tbd[b-mdvc67394u] {
        font-size: 1.8rem;
    }
}

/* Premium Edit Styles */
.premium-display[b-mdvc67394u] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.premium-edit-button[b-mdvc67394u] {
    background: none;
    border: none;
    padding: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: all 0.2s ease;
    opacity: 0.7;
}

    .premium-edit-button:hover[b-mdvc67394u] {
        background: #f5f5f5;
        color: #0078d4;
        opacity: 1;
        transform: scale(1.1);
    }

    .premium-edit-button:active[b-mdvc67394u] {
        transform: scale(0.95);
    }

.premium-display:hover .premium-edit-button[b-mdvc67394u] {
    opacity: 1;
}

/* Carrier Edit Styles */
.carrier-name-display[b-mdvc67394u] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

    .carrier-name-display.direct-appointment-header[b-mdvc67394u] {
        justify-content: space-between;
    }

.collapse-toggle-button[b-mdvc67394u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: none;
    background: #eef2f7;
    color: #6b7280;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

    .collapse-toggle-button:hover[b-mdvc67394u] {
        background: #dbe4f0;
        color: #2563eb;
    }

    .collapse-toggle-button fluent-icon[b-mdvc67394u] {
        transition: transform 0.2s ease;
    }

    .collapse-toggle-button.is-open fluent-icon[b-mdvc67394u] {
        transform: rotate(90deg);
    }

.carrier-edit-button[b-mdvc67394u] {
    background: none;
    border: none;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: all 0.2s ease;
    opacity: 0.7;
    flex-shrink: 0;
}

    .carrier-edit-button:hover[b-mdvc67394u] {
        background: #f5f5f5;
        color: #0078d4;
        opacity: 1;
        transform: scale(1.1);
    }

    .carrier-edit-button:active[b-mdvc67394u] {
        transform: scale(0.95);
    }

.carrier-name-display:hover .carrier-edit-button[b-mdvc67394u] {
    opacity: 1;
}

/* New Submission View Styles */
.new-submission-view[b-mdvc67394u] {
    padding: 0px;
}

.submission-top-bar[b-mdvc67394u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f9fa;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
    gap: 30px;
}

.carrier-section[b-mdvc67394u],
.wholesaler-section[b-mdvc67394u] {
    flex: 1;
    min-width: 200px;
}

.save-section[b-mdvc67394u] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.section-label[b-mdvc67394u] {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    color: #323130;
    margin-bottom: 8px;
}

.carrier-display[b-mdvc67394u],
.wholesaler-display[b-mdvc67394u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 3px;
    background: white;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    min-height: 5px;
}

.carrier-name[b-mdvc67394u],
.wholesaler-name[b-mdvc67394u] {
    font-weight: 500;
    color: #323130;
    flex: 1;
}

.placeholder[b-mdvc67394u] {
    color: #666;
    font-style: italic;
    flex: 1;
}

.carrier-picker-container[b-mdvc67394u] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

/* Responsive design updates */
@media (max-width: 768px) {
    .submission-top-bar[b-mdvc67394u] {
        flex-direction: column;
        gap: 16px;
        align-items: stretch;
    }

    .carrier-section[b-mdvc67394u],
    .wholesaler-section[b-mdvc67394u] {
        min-width: unset;
    }

    .save-section[b-mdvc67394u] {
        justify-content: center;
    }
}

/* Incumbent carrier star styling */
.incumbent-star[b-mdvc67394u] {
    color: #FFD700 !important;
    margin-left: 8px;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
    animation: twinkle-b-mdvc67394u 2s ease-in-out infinite;
}

@keyframes twinkle-b-mdvc67394u {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}
/* /Domain/Renewals/Components/SubTaskList.razor.rz.scp.css */
.stl-checkbox[b-bs7ify1n3v] {
    transform: scale(1.25);
}
.stl-container[b-bs7ify1n3v] {
    min-width: 420px;
    max-width: 550px;
}
.stl-header-contents[b-bs7ify1n3v] {
    padding: 20px;
    border-bottom: 1px solid #888;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b9bdcc+0,969aa5+99&0+54,0.65+100 */
    background: linear-gradient(45deg, rgba(185,189,204,0) 0%,rgba(166,170,183,0) 54%,rgba(150,154,165,0.64) 99%,rgba(150,154,165,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-top-right-radius: 20px;
    
}
.stl-user-cell[b-bs7ify1n3v] {
    width:30px;
}
.stl-context-cell[b-bs7ify1n3v] {
    width: 20px;
}
.sf-assigned-headshot[b-bs7ify1n3v] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 4px;
    border: 0px solid #fff;
    position: relative;
    left: 4px;
    top:3px;
    z-index: 2;
}
.aa-top[b-bs7ify1n3v] {
    margin-left: -4px;
    width: 484px;
    margin-bottom: 6px;
}
.stl-subtasklist[b-bs7ify1n3v] {
    min-width: calc(100% - 32px);
    max-width: 550px;
    padding: 0px 20px 20px 20px;
}
.stl-infopanel[b-bs7ify1n3v] {
    width: 300px;
    background-color: #ffffffd1;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
    padding: 0px 15px;
    border-top-right-radius: 16px;
    position: relative;
    top: 5px;
    right: 5px;
}
.stl-cb-cell[b-bs7ify1n3v] {
    width:20px;
}
.stl-task-cell[b-bs7ify1n3v] {
    line-height: 15px;
}
.stl-item[b-bs7ify1n3v] {
    background-color: #ffffff8f;
    border-radius: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0px 0px 5px #ccc;
}
.stl-item-title[b-bs7ify1n3v] {
   font-size: 1em;
   font-weight: bold;
   color: #3a3d4b;
}
.stl-item-due-date[b-bs7ify1n3v] {
    font-size: .7em;
    margin: 0;
    padding: 0;
    color: #71768b;
}
.subtask-connector-container[b-bs7ify1n3v] {
    display: flex;
    flex-direction: column;
    background: var(--fluent-color-neutral-lighter);
    border-radius: 8px;
    margin: 0.5rem 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    padding: 1rem;
    position: relative;
}

.subtask-connector[b-bs7ify1n3v] {
    position: absolute;
    left: -16px;
    top: 0;
    width: 16px;
    height: 100%;
    background: var(--fluent-color-accent);
    border-radius: 8px 0 0 8px;
    z-index: 0;
}

.subtask-parent-group[b-bs7ify1n3v] {
    margin-bottom: 2rem;
    position: relative;
    padding-left: 1.5rem;
}

.subtask-parent-label[b-bs7ify1n3v] {
    font-weight: bold;
    margin-bottom: 0.25rem;
    color: var(--fluent-color-accent);
    position: relative;
}

.subtask-flowline[b-bs7ify1n3v] {
    position: absolute;
    left: 0;
    top: 1.2em;
    width: 1.5rem;
    height: calc(100% - 1.2em);
    border-left: 2px solid var(--fluent-color-accent);
    z-index: 0;
}

.subtask-table[b-bs7ify1n3v] {
    margin-top: 0.5rem;
    width: 100%;

}
.sf-threedot[b-bs7ify1n3v] {
    background: rgba(255, 255, 255, 0.3);
    border: 1px dashed rgba(4, 115, 206, 0.25);
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(2px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sf-threedot:hover[b-bs7ify1n3v] {
    background: linear-gradient(135deg, #ffffff 0.95, #f0f7ff 100%);
    border: 1px solid rgba(4, 115, 206, 0.4);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(4, 115, 206, 0.25);
    backdrop-filter: blur(8px);
}

.sf-threedot:hover fluent-icon[b-bs7ify1n3v] {
    filter: drop-shadow(0 2px 4px rgba(4, 115, 206, 0.3));
}
.subtask-empty[b-bs7ify1n3v] {
    color: #888;
    padding: 1rem;
}
.add-sub-btn[b-bs7ify1n3v] {
    width: 50px;
    margin-top: 7px;
    margin-left: auto;
    margin-right: auto;
    opacity:.6;
}
.add-sub-btn:hover[b-bs7ify1n3v] {
    opacity:1;
    cursor: pointer;
}
    .custom-tab-toolbar[b-bs7ify1n3v] {
    position: relative;
    width: 100%;
    margin: 12px 0 16px 0;
    user-select: none;
    background: none;
}
.tab-list[b-bs7ify1n3v] {
    display: flex;
    position: relative;
    background: #f7f8fa;
    border-radius: 1.5rem;
    padding: 0.15rem 0.25rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
    min-width: 220px;
    justify-content: space-around;
    align-items: center;
    height: 32px;
    overflow: hidden;
    border: 1px solid #e0e3ea;
    margin-bottom: 4px;
}

.tab-btn[b-bs7ify1n3v] {
    background: none;
    border: none;
    outline: none;
    font-size: 0.95em;
    border-radius: 1.5rem;
    position: relative;
    z-index: 1;
    color: #444;
    cursor: pointer;
    transition: color 0.2s, background 0.2s;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 28px;
    line-height: 1;
    box-shadow: none;
}
.tab-btn.active[b-bs7ify1n3v] {
    color: #fff;
    background: transparent;
    box-shadow: none;
}
.tab-highlight[b-bs7ify1n3v] {
    position: absolute;
    top: 4px;
    height: 28px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feccb1+0,f17432+50,fb955e+100 */
    background: linear-gradient(to bottom, rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(251,149,94,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    border-radius: 1.5rem;
    z-index: 0;
    transition: left 0.35s cubic-bezier(.4,0,.2,1), width 0.35s cubic-bezier(.4,0,.2,1);
    box-shadow: 0 2px 8px rgba(90,123,220,0.13);
    left: 0;
   
}
.tab-content[b-bs7ify1n3v] {
    border-top: 1px solid #f0f1f4;
}
.tftxt[b-bs7ify1n3v] {
    font-size: .9em;
    font-family: "montserrat", sans-serif;
    color: #3e4358;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: -5px;
}
.mycent[b-bs7ify1n3v] {
    width:100%;
    text-align: center;
}
.actions-container[b-bs7ify1n3v] {
    padding: 10px 20px;
}

/* Optional: Responsive for smaller screens */
@media (max-width: 600px) {
    .tab-list[b-bs7ify1n3v] {
        min-width: 0;
        flex-wrap: wrap;
        padding: 0.1rem;
        height: 20px;
    }
    .tab-btn[b-bs7ify1n3v] {
        padding: 0.4rem 0.8rem;
        font-size: 0.8em;
        height: 18px;
    }
    .tab-highlight[b-bs7ify1n3v] {
        height: 16px;
        border-radius: 8px;
    }
}

.list-title[b-bs7ify1n3v] {
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 1.8em;
    text-transform: uppercase;
    font-family: "montserrat", sans-serif;
    color: #9297ad;
    width: 100%;
    background-color: #b9bdcc;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    /*padding: 4px 10px;*/
    margin-bottom: 5px;
    box-shadow: inset 4px 4px 7px #2121352e;
    overflow:hidden;
}
.xx-top[b-bs7ify1n3v] {
    border: 1px solid #ccc;
}
.list-name[b-bs7ify1n3v] {
    font-family: "montserrat", sans-serif;
    font-size: 1.8em;
    color: #6c7082;
    font-weight: 600;
}
.aa-title[b-bs7ify1n3v] {
    font-family: "montserrat", sans-serif;
    font-size: 1.8em;
    color: #9297ad;
    font-weight: 600;
}
.add-subtask-container[b-bs7ify1n3v] {
    width: 100%;
    padding: 12px 0;
}

.add-subtask-btn[b-bs7ify1n3v] {
    background: rgba(255, 255, 255, 0.3);
    border: 1px dashed rgba(4, 115, 206, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px 20px;
    border-radius: 8px;
    color: rgba(4, 115, 206, 0.6);
    font-family: 'Segoe UI', sans-serif;
    font-size: 0.85em;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    width: 100%;
    backdrop-filter: blur(2px);
}

.add-subtask-btn[b-bs7ify1n3v]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(4, 115, 206, 0.1), transparent);
    transition: left 0.5s;
}

.add-subtask-btn:hover[b-bs7ify1n3v]::before {
    left: 100%;
}

.add-subtask-btn:hover[b-bs7ify1n3v] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(4, 115, 206, 0.3);
    border: 1px solid rgba(4, 115, 206, 0.4);
    background: linear-gradient(135deg, #ffffff 0.95, #f0f7ff 100%);
    color: #0473ce;
    font-weight: 600;
    backdrop-filter: blur(8px);
}

.add-subtask-btn:hover .add-btn-icon[b-bs7ify1n3v] {
    transform: rotate(90deg) scale(1.15);
    filter: drop-shadow(0 2px 4px rgba(4, 115, 206, 0.3));
}

.add-subtask-btn:active[b-bs7ify1n3v] {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(4, 115, 206, 0.25);
}

.add-btn-icon[b-bs7ify1n3v] {
    transition: transform 0.3s ease;
    filter: drop-shadow(0 1px 2px rgba(4, 115, 206, 0.2));
}

.add-btn-text[b-bs7ify1n3v] {
    font-weight: 600;
    letter-spacing: 0.025em;
}
.agent-action-buttons-container[b-bs7ify1n3v] {
    width: calc(100% - 55px);
    background-color: #b9bdcc;
    border-radius: 20px;
    margin-bottom: 5px;
    min-height: 200px;
    box-shadow: inset 4px 4px 15px #2121352e;
    overflow: hidden;
    margin-left: 12px;
    padding: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-content: start;
}

.agent-action-btn[b-bs7ify1n3v] {
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 12px;
    border-radius: 16px;
    color: #0473ce;
    font-family: 'Segoe UI', sans-serif;
    font-size: 0.8em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 1px solid rgba(4, 115, 206, 0.15);
    position: relative;
    overflow: hidden;
    min-height: 85px;
    text-align: center;
}

.agent-action-btn[b-bs7ify1n3v]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(4, 115, 206, 0.1), transparent);
    transition: left 0.5s;
}

.agent-action-btn:hover[b-bs7ify1n3v]::before {
    left: 100%;
}

.agent-action-btn:hover[b-bs7ify1n3v] {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(4, 115, 206, 0.25);
    border-color: rgba(4, 115, 206, 0.3);
    background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);
}

.agent-action-btn:hover .agent-btn-icon[b-bs7ify1n3v] {
    transform: scale(1.15);
}

.agent-action-btn:active[b-bs7ify1n3v] {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(4, 115, 206, 0.2);
}

.agent-btn-icon[b-bs7ify1n3v] {
    transition: transform 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(4, 115, 206, 0.2));
}

.agent-btn-text[b-bs7ify1n3v] {
    font-weight: 600;
    letter-spacing: 0.025em;
    line-height: 1.2;
    word-wrap: break-word;
    hyphens: auto;
}
.list-actions-2[b-bs7ify1n3v] {
    text-transform: uppercase;
    font-family: "montserrat", sans-serif;
    background-color:#b0b4c3;
    color: #9297ad;
    letter-spacing: .1em;
    font-size: 1.8em;
    font-weight: 800;
    padding: 0px 9px;
    position: relative;
    top: 12px;
    left: 5px;
}
.list-button[b-bs7ify1n3v] {
    position: relative;
    top: 4px;
    left: -5px;
}
.actions-top-c[b-bs7ify1n3v] {
    margin-left: 12px;
}
.sf-button-md[b-bs7ify1n3v] {
    font-size: .95em;
    padding: 5px 6px;
    font-family: 'Segoe UI';
    color: #0473ce;
    transition: all 0.2s ease-out;
    display: inline-flex;
    gap: 3px;
    border-radius: 20px;
    opacity: .5;
}

    .sf-button-md:hover[b-bs7ify1n3v] {
        box-shadow: 0px 0px 15px #00000033;
        opacity: 1;
    }
/* /Domain/Renewals/Components/_contextMenu.razor.rz.scp.css */
.custom-menu[b-sn5yct0moh] {
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 0;
    z-index: 1000;
    list-style: none;
    min-width: 150px;
}

/* Toolbar row styling */
.toolbar-row[b-sn5yct0moh] {
    display: flex;
    padding: 8px;
    border-bottom: 1px solid #e0e0e0;
    gap: 4px;
}

.toolbar-button[b-sn5yct0moh] {
    background: none;
    border: none;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
    min-width: 32px;
    height: 32px;
}

.toolbar-button:hover[b-sn5yct0moh] {
    background-color: #f0f0f0;
}

.toolbar-button:active[b-sn5yct0moh] {
    background-color: #e0e0e0;
}

.toolbar-icon[b-sn5yct0moh] {
    width: 16px;
    height: 16px;
    fill: #636363;
}

.toolbar-button:hover .toolbar-icon[b-sn5yct0moh] {
    fill: #0f6cbd;
}

    .custom-menu ul[b-sn5yct0moh] {
        margin: 0;
        padding: 0;
    }

    .custom-menu .menu-item[b-sn5yct0moh] {
        padding: 8px 16px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: background-color 0.2s;
    }

        .custom-menu .menu-item:hover[b-sn5yct0moh] {
            background-color: #f5f5f5;
        }
.menu-icon[b-sn5yct0moh] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    fill: #636363;
}

    .menu-icon:hover[b-sn5yct0moh] {
        fill: #0f6cbd;
    }
.menu-item[b-sn5yct0moh] {
    filter: saturate(0);
    
}

    .menu-item:hover[b-sn5yct0moh] {
        filter: saturate(1);
        color: #0f6cbd;
    }
/* /Domain/Renewals/Components/_userSubmenu.razor.rz.scp.css */
.user-submenu[b-z1bajyofmd] {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    min-width: 200px;
    max-width: 250px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 1100;
    padding: 8px 0;
    position: fixed;
}

.submenu-header[b-z1bajyofmd] {
    padding: 6px 12px;
    color: #666;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
}

.user-list[b-z1bajyofmd] {
    display: flex;
    flex-direction: column;
}

.user-item[b-z1bajyofmd] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.user-item:hover[b-z1bajyofmd] {
    background-color: #f5f5f5;
}

.user-picture[b-z1bajyofmd] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

.user-name[b-z1bajyofmd] {
    font-size: 14px;
    color: #333;
}

.no-users[b-z1bajyofmd] {
    padding: 12px;
    text-align: center;
    color: #888;
    font-style: italic;
}

.user-initials[b-z1bajyofmd] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #2b88d8;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
} 
/* /Domain/Renewals/Pages/Details.razor.rz.scp.css */
:root .e-dropdownlist[b-97hbjbatqx] {
    font-size: .8em !important;
    font-weight: 400;
    font-weight: normal !important;
    background-color: transparent !important;
    border: 0px !important;
    padding-left: 3px !important;
    padding-right: 0px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-family: "montserrat", sans-serif;
    font-size: .8em !important;
}

:root .e-input[b-97hbjbatqx] {
    /*padding-left: 9px;
    padding-right: 22px;
    height: 30px;*/
}

.det-loader-container[b-97hbjbatqx] {
    position: relative;
}
.det-loader[b-97hbjbatqx] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 66%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 1s;
    pointer-events: none;
    z-index: 2000;
}

.det-loader-True[b-97hbjbatqx] {
    opacity: 1;
    pointer-events: all;
}

.det-loader-False[b-97hbjbatqx] {
    opacity: 0;
    pointer-events: none;
}
:root .sf-eformbld[b-97hbjbatqx] {
    font-weight: bold !important;
}

.filter-section[b-97hbjbatqx] {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

#filter-results[b-97hbjbatqx] {
    display: block;
    transition: all 0.25s ease-in-out;
}

.results-on[b-97hbjbatqx] {
    height: 100%;
    opacity: 1;
}

.results-temp[b-97hbjbatqx] {
    height: auto;
    opacity: 1;
}

.results-off[b-97hbjbatqx] {
    height: 0%;
    overflow: hidden;
    opacity: .5;
}

.selected-on[b-97hbjbatqx] {
    height: 100%;
    opacity: 1;
}

.selected-off[b-97hbjbatqx] {
    height: 0%;
    overflow: hidden;
    opacity: .5;
}

.renewalitemlink:hover[b-97hbjbatqx] {
    cursor: pointer;
}

.spcr[b-97hbjbatqx] {
    width: 15px;
}

#renewal-view[b-97hbjbatqx] {
    display: block;
    transition: all 0.25s ease-in-out;
}

.monthholder[b-97hbjbatqx] {
    width: 100px;
    text-align: center;
}

.yearholder[b-97hbjbatqx] {
    text-align: center;
}

.userholder[b-97hbjbatqx] {
}


.homelist[b-97hbjbatqx] {
    background-color: #fff;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0px 0px 10px #ccc;
}

h1[b-97hbjbatqx] {
    font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.9em;
    margin-bottom: 0px;
}

:root .e-input[b-97hbjbatqx] {
    padding-left: 9px;
    border: 2px solid #f1f1f1;
    padding-right: 22px;
    height: 30px;
    background-color: #f1f1f1;
    color: #3c3c3c !important;
}

.sf-chevron[b-97hbjbatqx] {
    position: relative;
    top: 2px;
}

select[b-97hbjbatqx] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

    select[b-97hbjbatqx]::-ms-expand {
        display: none;
    }

.txt-name[b-97hbjbatqx] {
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: .6em;
    color: #626262;
    position: relative;
    top: -8px;
    left: -5px;
}

.renewal-assignedto[b-97hbjbatqx] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 4px;
    position: relative;
    top: 3px;
}

.toolbar-calendar-calendar[b-97hbjbatqx] {
    opacity: 1;
    pointer-events: all;
}

.toolbar-calendar-selected[b-97hbjbatqx] {
    opacity: .4;
    pointer-events: none;
}

.toolbar-selected-selected[b-97hbjbatqx] {
    opacity: 1;
    pointer-events: all;
}

.toolbar-selected-calendar[b-97hbjbatqx] {
    opacity: .4;
    pointer-events: none;
}

.toolbar-text-cal[b-97hbjbatqx] {
    color: #3c3c3c;
    font-family: "montserrat", sans-serif;
    font-size: .85em;
    width: 115px;
    text-align: center;
    -webkit-user-select: none; /* For Safari */
    -moz-user-select: none; /* For Firefox */
    -ms-user-select: none; /* For Internet Explorer/Edge */
    user-select: none;
}

.toolbar-link-cal[b-97hbjbatqx] {
    text-decoration: none;
}

:root .toolbar-link-cal svg[b-97hbjbatqx] {
    fill: #636363 !important;
}

.sftb[b-97hbjbatqx] {
    position: relative;
    top: 1px;
}

.sftb-disabled[b-97hbjbatqx]{
    opacity:.4;
    pointer-events:none;
}
.sf-threedot[b-97hbjbatqx] {
    opacity: .5;
    position: relative;
    top: 1px;
    left: 2px;
}

    .sf-threedot:hover[b-97hbjbatqx] {
        cursor: pointer;
        opacity: 1;
    }

.sf-completedcheckbox[b-97hbjbatqx] {
    position: relative;
    top: -4px;
    left: 2px;
    box-shadow: 0px 0px 5px #ffffffc9;
    transform: scale(1.35);
}



/* ----------------------------------------- */
/*               TASK TABLE                  */
/* ----------------------------------------- */
.table[b-97hbjbatqx] {
    border-collapse: separate; /* Use separate borders instead of collapsed */
    border-spacing: 0 4px;
}

    .table thead[b-97hbjbatqx] {
        font-family: "montserrat", sans-serif;
        font-weight: 700 !important;
        text-align: left;
        font-size: 11px;
        color: #767676;
        text-transform: uppercase;
    }
tbody tr[b-97hbjbatqx] {
    border-top: 5px solid #0f6cbd;
    font-weight: bold;
}


.sf-leftcell[b-97hbjbatqx] {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#207cca+40,ffffff+43,b9bdcc+46,b9bdcc+46,b9bdcc+94,ffffff+97,dce7f4+100 */
    background: linear-gradient(to right, #207cca 40%,#ffffff 43%,#b9bdcc 46%,#b9bdcc 46%,#b9bdcc 94%,#ffffff 97%,#dce7f4 100%);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-right: 10px;
    min-width: 50px !important;
    width: 50px !important;
    max-width: 50px;
    overflow: hidden !important;
    white-space: nowrap !important;
}
.sf-taskname-cell[b-97hbjbatqx] {
    padding: 0px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sf-rightcell[b-97hbjbatqx] {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dce7f4+0,000000+100&0+0,0.12+100 */
    /*background: linear-gradient(to right, rgba(220,231,244,0) 0%,rgba(0,0,0,0.12) 100%);*/
    padding-left: 10px;
}
.sf-rc-round[b-97hbjbatqx] {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sf-status-cell[b-97hbjbatqx] {
    font-size: 11px !important;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sf-subtask-cell[b-97hbjbatqx] {
    width: 30px;
}
.sf-connector-cell[b-97hbjbatqx] {
    min-width: 25px;
}

/* ----------------------------------------- */
.highlighted-row td:nth-child(2)[b-97hbjbatqx] {
    background-color: #F4CAC8 !important;
    color: #000000be !important;
}
.highlighted-cell[b-97hbjbatqx] {
    background-color: #F4CAC8;
    color: #000000be;
}
.completed-row > td:not(:first-child)[b-97hbjbatqx] {
    color: #fff;
    text-shadow: 1px 1px 3px #858585;
}
.selected-row > td:not(:first-child)[b-97hbjbatqx] {
    background-color: #0f6cbd;
}
.selected-cell[b-97hbjbatqx] {
    background-color: #b9bdcc;
}
.selected-cell-connector[b-97hbjbatqx] {
    background-color: #b9bdcc;
}
.hidden-row[b-97hbjbatqx] {
    display: none;
}
.blank-row[b-97hbjbatqx] {
    background-color: #e5e5e5;
}
.blank-round-row[b-97hbjbatqx] {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #e5e5e5;
}
/* ----------------------------------------- */
/* ----------------------------------------- */
.sf-assigned-initials[b-97hbjbatqx] {
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: .9em;
    color: #fff;
    background-color: #0f6cbd;
    padding: 2px 10px 0px 5px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    position: relative;
    left: 10px;
    width: 17px;
}
.sf-assigned-headshot[b-97hbjbatqx] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 4px;
    border: 0px solid #fff;
    position: relative;
    left: 4px;
    z-index: 2;
}
.sf-assigned-container[b-97hbjbatqx] {
    display: flex;
    align-items: center;
}
.sf-subtask-count[b-97hbjbatqx] {
    font-family: "montserrat", sans-serif;
    font-size: .9em;
    color: #fff;
    background-color: #676e86;
    padding: 2px 5px 0px 12px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    position: relative;
    left: -10px;
    z-index: 1;
    letter-spacing:-1px;
    width:25px;
}
.sf-com[b-97hbjbatqx] {
    font-weight: 100;
}
.sf-sla[b-97hbjbatqx] {
    font-weight: 100;
    color: #b9bdcc;
}
.sf-tot[b-97hbjbatqx] {

}
/* ----------------------------------------- */
/* ----------------------------------------- */
.subtask-middle-container[b-97hbjbatqx] {
    background-color: #b9bdcc;
    margin: 4px 5px 0px 0px;
    border-radius: 20px;
    box-shadow: 0px 0px 20px #c2c2c2;
    z-index: 10;
    position: relative;
    left: -16px;
    min-width: 420px;
    max-width: 550px;
    height: 100%;
    flex: 1;
    margin-right: 18px;
}
/* ----------------------------------------- */
/* ----------------------------------------- */
.taskassigned[b-97hbjbatqx] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 4px;
    border: 0px solid #fff;
    position: relative;
    left: 4px;
}

:root .ff-input[b-97hbjbatqx] {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 0px;
    height: 10px !important;
    font-size: 12px !important;
    border: 0px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom: 1px dashed #676767;
    width: 100%;
}

    :root .ff-input:focus[b-97hbjbatqx] {
        border: 0px;
        outline: none;
        border-bottom: 1px solid #676767;
    }

    :root .ff-input:active[b-97hbjbatqx] {
        border: 0px;
        outline: none;
        border-bottom: 1px solid #676767;
    }
.sf-tab-1[b-97hbjbatqx] {
    padding-left: 20px;
}

.sf-tab-2[b-97hbjbatqx] {
    padding-left: 20px;
}

.da[b-97hbjbatqx] {
    font-size: 10px;
    color: #6b6b6b !important;
}

.ds[b-97hbjbatqx] {
    font-size: 11px !important;
}

.db[b-97hbjbatqx] {
    font-size: 13px;
    font-weight: bold;
}

.eg[b-97hbjbatqx] {
    font-size: .7em;
    font-style: italic;
    color: #838383;
}

.sf-rendate[b-97hbjbatqx] {
    width: 100px;
    text-align: center;
}

.sf-rendate[b-97hbjbatqx] {
    vertical-align: central;
    align-content: center;
    margin-left: 50px;
    border-bottom-left-radius: 20px;
    position: relative;
    top: -2px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2), 0 10px 15px rgba(0, 0, 0, 0.1), 0 25px 20px rgba(0, 0, 0, 0.05), 0 30px 25px rgba(0, 0, 0, 0.02);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9f9f9+12,000000+100&1+0,0.05+100 */
    background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(249,249,249,0.89) 12%,rgba(0,0,0,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.sf-rendate-2[b-97hbjbatqx] {
    width: auto;
    padding-top: 4px;
    border-bottom-right-radius: 20px;
    padding-left: 15px;
    position: relative;
    line-height: 15px;
    top: -2px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1), 0 10px 15px rgba(0, 0, 0, 0.06), 0 25px 20px rgba(0, 0, 0, 0.03), 0 30px 25px rgba(0, 0, 0, 0.01);
    background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(249,249,249,0.89) 12%,rgba(0,0,0,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.leftpad[b-97hbjbatqx] {
    padding-left: 25px;
}

.innersep[b-97hbjbatqx] {
    float: left;
    border-right: 1px solid #0000001b;
    padding-right: 20px;
}

.sf-rent[b-97hbjbatqx] {
    font-size: .6em;
    font-weight: 600;
    letter-spacing: 2px;
    color: #797979;
    position: relative;
    top: -2px;
}

.sf-runt[b-97hbjbatqx] {
    font-size: .6em;
    font-weight: 600;
    letter-spacing: 2px;
    color: #b7b7b7;
}

.sf-linecode[b-97hbjbatqx] {
    font-family: "montserrat", sans-serif;
    font-weight: 800;
    font-size: 2em;
    color: #2b2b2b;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.sf-renewaldate[b-97hbjbatqx] {
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: 2.3em;
    color: #797979;
    position: relative;
    top: -3px;
}

.sf-clientname a[b-97hbjbatqx] {
    text-decoration: none;
    color: #797979;
}

    .sf-clientname a:hover[b-97hbjbatqx] {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.sf-rekt[b-97hbjbatqx] {
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: 1em;
    color: #797979;
}

    .sf-rekt a[b-97hbjbatqx] {
        -webkit-text-decoration: none;
        text-decoration: none;
        color: inherit;
    }

        .sf-rekt a:hover[b-97hbjbatqx] {
            -webkit-text-decoration: none;
            text-decoration: none;
            color: #000;
            cursor: pointer;
        }

.sf-renewalheader[b-97hbjbatqx] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    padding-left: 5px;
    z-index: 300;
    position: relative;
    top: -10px;
}

.sf-clientname[b-97hbjbatqx] {
    font-family: "montserrat", sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 2em;
    position: relative;
    color: #2c2c2c;
    top: 4px;
}

    .sf-clientname h1[b-97hbjbatqx] {
        font-family: "montserrat", sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 2.5em;
        margin-bottom: 20px;
    }

.sf-pilltitle[b-97hbjbatqx] {
    margin-top: 10px;
    font-family: "montserrat", sans-serif;
    font-weight: 400;
    background-color: #757575;
    padding: 2px 5px;
    font-size: .8em;
    color: #d9d9d9;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.sf-pillvalue[b-97hbjbatqx] {
    margin-top: 10px;
    font-family: "montserrat", sans-serif;
    font-weight: 400;
    background-color: #e0e0e0;
    padding: 2px 8px;
    font-size: .8em;
    color: #2b2b2b;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.sf-pillcontainers[b-97hbjbatqx] {
    margin-top: 15px;
    margin-bottom: 15px;
}

.sf-tab-container[b-97hbjbatqx] {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ccc;
}
:root th[b-97hbjbatqx] {
    font-weight: 300 !important;
}
.sf-threedot[b-97hbjbatqx] {
    opacity: .3;
}
.sf-tab[b-97hbjbatqx] {
    background-color: #fff;
    border-radius: 5px;
}
.sf-threedot:hover[b-97hbjbatqx] {
    opacity: 1;
}
.sf-threedot svg[b-97hbjbatqx] {
    position: relative;
    top: 1px;
    left: 2px;
}

.db[b-97hbjbatqx] {
    font-size: 13px;
    font-weight: bold;
}
.newsubmission[b-97hbjbatqx] {
    border-top: 1px solid #ccc;
    padding: 5px;
}
.tweaker[b-97hbjbatqx] {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    position: relative;
    top: 30px;
    padding-right: 20px;
}
.submissioncontainer[b-97hbjbatqx] {
    background-color: #fafafa;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ccc;
    border-left: 10px solid #0f6cbd;
}
.submissioncontainer-declined[b-97hbjbatqx] {
    background-color: #ffc6c6;
    opacity: .8;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #750000;
    border-left: 10px solid #750000;
}
.f-title[b-97hbjbatqx] {
    font-size: .6em;
    font-weight: 600;
    letter-spacing: 2px;
    color: #797979;
    position: relative;
    top: 4px;
}
.submissioncontainer[b-97hbjbatqx] {
    font-family: "montserrat", sans-serif;
}

.f-txt[b-97hbjbatqx] {
    font-size: .9em;
}
.contentflex[b-97hbjbatqx] {
    line-height: 16px;
    align-self: flex-start;
    gap: 40px;
}

.mainpremium[b-97hbjbatqx] {
    align-self: flex-start;
    text-align: center;
    background-color: #6d6d6d;
    color: #fff;
    padding: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: normal;
    position: relative;
    top: -10px;
}

.f-mpremium[b-97hbjbatqx] {
    font-size: 3em;
    font-weight: 800;
}

.f-tpremium[b-97hbjbatqx] {
    font-size: 1.2em;
    font-weight: 800;
    color: #c8c8c8;
    letter-spacing: 3px;
}

.maincontent[b-97hbjbatqx] {
    min-width: 500px;
}

.carrier[b-97hbjbatqx] {
    align-self: flex-start;
}

.tweaker2[b-97hbjbatqx] {
    position: relative !important;
    top: 21px !important;
}
:root .e-plus-icon[b-97hbjbatqx]::before {
    content: '\e805';
}
.sf-col-1[b-97hbjbatqx] {
    min-width:500px;
    min-height:75px;
}
.mf-flextwocolumn[b-97hbjbatqx] {
    border-bottom:1px solid #eeeeee;
}
.prembox[b-97hbjbatqx] {
    font-size:3em;
}
.plzselect[b-97hbjbatqx] {
    font-family: montserrat, sans-serif;
    font-size: 3em;
    padding-top: 50px;
    color: #a9a9a9;
}
/* Task Activity Layout */
.task-activity-container[b-97hbjbatqx] {
    display: flex;
    width: 100%;
}

.activity-log-visible-True[b-97hbjbatqx] {
    
    flex: 1.2;
}
.activity-log-visible-False[b-97hbjbatqx] {
    display: none;
    flex: 1;
}

.task-list-container[b-97hbjbatqx] {
    min-width: 0; /* Needed for flex items with overflow */
    overflow-x: inherit;
    z-index: 9;
    max-width: 528px;
}

/* NOTEPADY ------------------------------- */
.notepady-container[b-97hbjbatqx] {
    position: relative;
    left: -16px;
    top: 4px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 16px;
}

    .notepady-container:hover[b-97hbjbatqx] {
        opacity: 1;
    }

.notepady-expand-True[b-97hbjbatqx] {
    flex: 1;
}

.notepady-expand-False[b-97hbjbatqx] {
    width: auto;
}
.notepady-title[b-97hbjbatqx] {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #b9bdcc;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.notepady-True[b-97hbjbatqx] {
    min-width: 0;
    z-index: 9;
    flex: .7;
}

.notepady-False[b-97hbjbatqx] {
    flex: 1;
}
@media (max-width: 1650px) {
    .notepady-True[b-97hbjbatqx] {
        display:none;
    }
    .notepady-False[b-97hbjbatqx] {
        display: none;
    }
}
/* RTE */
.notepady-container .e-richtexteditor[b-97hbjbatqx] {
    border: none;
    box-shadow: none;
    background: transparent;
}
.notepady-container .e-richtexteditor .e-rte-content[b-97hbjbatqx] {
    font-size: 10px !important;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.4;
    background: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 8px;
    min-height: 800px;
}
.notepady-container .e-richtexteditor .e-content[b-97hbjbatqx] {
    font-size: 10px !important;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.notepady-container .e-richtexteditor .e-toolbar[b-97hbjbatqx] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding: 4px 8px;
}
.notepady-container .e-richtexteditor .e-toolbar .e-btn[b-97hbjbatqx] {
    margin: 1px;
    padding: 4px;
    font-size: 12px;
}
.notepady-container .e-primary[b-97hbjbatqx] {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 500;
    margin-top: 12px;
    transition: all 0.2s ease;
    width: 100% !important;
}
.notepady-container .e-primary:hover[b-97hbjbatqx] {
    background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.savebtn-container[b-97hbjbatqx] {
    padding-top:10px;
    text-align: center;
}
.notepady-container .debug-info[b-97hbjbatqx] {
    font-size: 9px;
    color: #adb5bd;
    margin-top: 8px;
    padding: 4px 8px;
    background: rgba(248, 249, 250, 0.5);
    border-radius: 3px;
    font-family: "Courier New", monospace;
    line-height: 1.2;
}

/* Activity log styles moved to ActivityLog.razor.css */

.fluent-popover-content[b-97hbjbatqx] {
    width:95%;
}
.btnNoteTip[b-97hbjbatqx] {
    opacity:.5;
}
.btnNoteTip:hover[b-97hbjbatqx] {
    opacity:1;
    cursor:pointer;
}
.renstatusdd-label[b-97hbjbatqx] {
    font-weight: 600;
    color: #333;
    min-width: 108px;
}
.renstatusdd-container[b-97hbjbatqx] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.renewal-status-container[b-97hbjbatqx] {
    margin: 5px 0;
    padding: 15px;
    background-color: #ffffff;
    border-radius: 15px;
    width: calc(100% - 56px);
    border: 1px solid #e1e1e1;
}
.sf-content[b-97hbjbatqx] {
    height: calc(100vh - 135px);
}
.sf-tab-pad-rd[b-97hbjbatqx] {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    min-height: calc(100vh - 268px);
}
.renewal-status-container.status-container-renewed[b-97hbjbatqx] {
    background-color: rgba(46, 125, 50, 0.1); /* Light green background */
    border-left: 4px solid #2e7d32; /* Dark green border */
    padding: 8px;
    border-radius: 4px;
}

.renewal-status-container.status-container-unneeded[b-97hbjbatqx] {
    background-color: rgba(245, 124, 0, 0.1); /* Light orange background */
    border-left: 4px solid #f57c00; /* Dark orange border */
    padding: 8px;
    border-radius: 4px;
}

.renewal-status-container.status-container-defected[b-97hbjbatqx] {
    background-color: rgba(198, 40, 40, 0.1); /* Light red background */
    border-left: 4px solid #c62828; /* Dark red border */
    padding: 8px;
    border-radius: 4px;
}

.renewal-status-container.status-container-default[b-97hbjbatqx] {
    /* Default styling - no special background */
    padding: 8px;
}
/* /Domain/Renewals/Pages/MasterTaskGroupAdmin.razor.rz.scp.css */
.page-content[b-01613ygkm8] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    overflow-y: auto;
}

.admin-header[b-01613ygkm8] {
    margin-bottom: 30px;
}

.loading-container[b-01613ygkm8] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.task-hierarchy[b-01613ygkm8] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 40px; /* Add padding at bottom for scroll space */
}

.master-task-container[b-01613ygkm8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.master-task-card[b-01613ygkm8] {
    border: 2px solid #b6b6b6;
    border-radius: 8px;
    background-color: #fafafa;
    box-shadow: 0px 0px 10px #ccc;
    padding:9px 0px 20px 0px;

}

.subtask-card[b-01613ygkm8] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    margin-left: 40px;
    background-color: #efefef;
    padding: 0px;
}

.master-card[b-01613ygkm8] {
    padding: 10px;
    overflow-y: scroll;
    max-height: calc(100vh - 250px);
}

.mycard[b-01613ygkm8] {
    max-height: calc(100vh - 200px);
    overflow-y: scroll;
}
.subtasks-container[b-01613ygkm8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 2px solid var(--neutral-stroke-rest);
}

.task-header[b-01613ygkm8] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
}
.task-header-sub[b-01613ygkm8] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 10px;
}
.task-content[b-01613ygkm8] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1;
}

.task-row[b-01613ygkm8] {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.task-field[b-01613ygkm8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.task-field-name[b-01613ygkm8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width:250px;
}
.task-field-name-sub[b-01613ygkm8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 250px;
}
.task-field-desc[b-01613ygkm8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width:500px;
}
.task-actions[b-01613ygkm8] {
    display: flex;
    gap: 2px;
    margin-top: 20px;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

/* Print View Styles */
.print-header[b-01613ygkm8] {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--neutral-stroke-divider);
}

.print-task-list[b-01613ygkm8] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.4;
    max-width: 100%;
}

.print-task-item[b-01613ygkm8] {
    margin-bottom: 15px;
    break-inside: avoid;
}

.print-task-main[b-01613ygkm8] {
    display: flex;
    gap: 8px;
    margin-bottom: 5px;
}

.print-task-number[b-01613ygkm8] {
    font-weight: 600;
    color: var(--accent-fill-rest);
    min-width: 20px;
    flex-shrink: 0;
}

.print-task-content[b-01613ygkm8] {
    flex: 1;
}

.print-task-title[b-01613ygkm8] {
    font-weight: 600;
    font-size: 1em;
    margin-bottom: 3px;
    color: var(--neutral-foreground-rest);
}

.print-task-details[b-01613ygkm8] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 3px;
}

.print-detail[b-01613ygkm8] {
    font-size: 0.85em;
    color: var(--neutral-foreground-rest);
}

.print-detail strong[b-01613ygkm8] {
    color: var(--neutral-foreground-rest);
    font-weight: 500;
}

.print-task-description[b-01613ygkm8] {
    font-size: 0.8em;
    color: var(--neutral-foreground-rest);
    font-style: italic;
    margin-top: 3px;
    padding-left: 0;
}

/* Subtasks */
.print-subtasks[b-01613ygkm8] {
    margin-left: 20px;
    margin-top: 8px;
}

.print-subtask-item[b-01613ygkm8] {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    break-inside: avoid;
}

.print-subtask-number[b-01613ygkm8] {
    font-weight: 500;
    color: var(--accent-fill-rest);
    min-width: 30px;
    flex-shrink: 0;
    font-size: 0.9em;
}

.print-subtask-content[b-01613ygkm8] {
    flex: 1;
}

.print-subtask-title[b-01613ygkm8] {
    font-weight: 500;
    font-size: 0.9em;
    margin-bottom: 2px;
    color: var(--neutral-foreground-rest);
}

/* Print media queries for actual printing */
@media print {
    .print-task-list[b-01613ygkm8] {
        font-size: 12pt;
        line-height: 1.3;
    }
    
    .print-task-item[b-01613ygkm8] {
        margin-bottom: 10pt;
    }
    
    .print-task-title[b-01613ygkm8] {
        font-size: 11pt;
    }
    
    .print-detail[b-01613ygkm8] {
        font-size: 9pt;
    }
    
    .print-task-description[b-01613ygkm8] {
        font-size: 9pt;
    }
    
    .print-subtask-title[b-01613ygkm8] {
        font-size: 10pt;
    }
}

/* Compact spacing for print view */
.print-task-list *[b-01613ygkm8] {
    margin-top: 0;
}

.print-task-list .print-task-item:last-child[b-01613ygkm8] {
    margin-bottom: 0;
}
/* /Domain/Renewals/Pages/Renewals.razor.rz.scp.css */
:root .e-dropdownlist[b-85rruf56ra] {
    font-size: .8em !important;
    font-weight: 400;
    font-weight: normal !important;
    background-color: transparent !important;
    border: 0px !important;
    padding-left: 3px !important;
    padding-right: 0px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-family: "montserrat", sans-serif;
    font-size: .8em !important;
}

:root .e-input[b-85rruf56ra] {
    /*padding-left: 9px;
    padding-right: 22px;
    height: 30px;*/
}

:root .sf-eformbld[b-85rruf56ra] {
    font-weight: bold !important;
}

.filter-section[b-85rruf56ra] {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
@keyframes blink-fade-b-85rruf56ra {
    0%, 66% {
        opacity: 0.5;
    }

    83% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

.warning-ico-big[b-85rruf56ra] {
    position: relative;
    top: 1px;
    animation: blink-fade-b-85rruf56ra 3s infinite ease-in-out;
}
#filter-results[b-85rruf56ra] {
    display: block;
    transition: all 0.2s linear;
}

.results-on[b-85rruf56ra] {
   
    opacity: 1;
}

.results-off[b-85rruf56ra] {
   
    opacity: .25;
}

.results-temp[b-85rruf56ra] {
    height: auto;
    opacity: 1;
}


.selected-on[b-85rruf56ra] {
    height: 100%;
    opacity: 1;
}

.selected-off[b-85rruf56ra] {
    height: 0%;
    overflow: hidden;
    opacity: .5;
}
.renewalitemlink a:hover[b-85rruf56ra] {
    cursor: pointer;
}
.renewalitemlink:hover[b-85rruf56ra] {
    cursor: pointer;
}

.spcr[b-85rruf56ra] {
    width: 15px;
}

#renewal-view[b-85rruf56ra] {
    display: block;
    transition: all 0.25s ease-in-out;
}

.monthholder[b-85rruf56ra] {
    width: 100px;
    text-align: center;
}

.yearholder[b-85rruf56ra] {
    text-align: center;
}

.userholder[b-85rruf56ra] {
}


.homelist[b-85rruf56ra] {
    background-color: #fff;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0px 0px 10px #ccc;
}

h1[b-85rruf56ra] {
    font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.9em;
    margin-bottom: 0px;
}

:root .e-input[b-85rruf56ra] {
    padding-left: 9px;
    border: 2px solid #f1f1f1;
    padding-right: 22px;
    height: 30px;
    background-color: #f1f1f1;
    color: #3c3c3c !important;
}

.sf-chevron[b-85rruf56ra] {
    position: relative;
    top: 2px;
}

select[b-85rruf56ra] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

    select[b-85rruf56ra]::-ms-expand {
        display: none;
    }

.txt-name[b-85rruf56ra] {
    font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
    font-size: .6em;
    color: #626262;
    position: relative;
    top: -8px;
    left: -5px;
}

.renewal-assignedto[b-85rruf56ra] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 4px;
    position: relative;
    top: 3px;
}

.toolbar-calendar-calendar[b-85rruf56ra] {
    opacity: 1;
    pointer-events: all;
}

.toolbar-calendar-selected[b-85rruf56ra] {
    opacity: .4;
    pointer-events: none;
}

.toolbar-selected-selected[b-85rruf56ra] {
    opacity: 1;
    pointer-events: all;
}

.toolbar-selected-disabled[b-85rruf56ra] {
    opacity: .4;
    pointer-events: none;
}

.toolbar-text-cal[b-85rruf56ra] {
    color: #3c3c3c;
    font-family: "montserrat", sans-serif;
    font-size: .85em;
    width: 115px;
    text-align: center;
    -webkit-user-select: none; /* For Safari */
    -moz-user-select: none; /* For Firefox */
    -ms-user-select: none; /* For Internet Explorer/Edge */
    user-select: none;
}

.toolbar-link-cal[b-85rruf56ra] {
    text-decoration: none;
}

:root .toolbar-link-cal svg[b-85rruf56ra] {
    fill: #636363 !important;
}

.sftb[b-85rruf56ra] {
    position: relative;
    top: 1px;
}
.orphan-list[b-85rruf56ra] {
    padding:10px 10px;
}
.orphan-notes-card[b-85rruf56ra] {
    margin-top: 12px;
    background-color: #fff;
    border-radius: 6px;
    padding: 12px;
    box-shadow: 0px 0px 10px #ccc;
    width: 50%;
}
.orphan-notes-header[b-85rruf56ra] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.orphan-notes-meta[b-85rruf56ra] {
    font-size: 0.85em;
    color: #6b7280;
}
.orphan-notes-actions[b-85rruf56ra] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.orphan-notes-status[b-85rruf56ra] {
    font-size: 0.85em;
    color: #6b7280;
}
.sf-reddot[b-85rruf56ra] {
    background-color: #9f9f9f;
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    padding: 3px 1px 1px 1px;
    color: #fff;
    border-radius: 10px;
    width: 15px;
    display: block;
    text-align: center;
    position:relative;
    top:-3px;
    left: 5px;
}

.rd-1[b-85rruf56ra] {
    background-color: #0000003b;
}
.rd-2[b-85rruf56ra] {
    background-color: #0000003b;
}
.rd-3[b-85rruf56ra] {
    background-color: #0000003b;
}
.sf-td-bold[b-85rruf56ra] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width:180px;
    max-width:300px;
}
.sf-rentable[b-85rruf56ra] {

}
.ellipsis2[b-85rruf56ra] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width:50px;
    max-width:300px;
}
.page-content[b-85rruf56ra] {
    height: calc(100vh - 135px);
    padding-right:10px;
}

/* Recently opened renewal row shimmer effect */
.renewal-row-recent[b-85rruf56ra] {
    position: relative;
    background: linear-gradient(90deg, 
        rgba(74, 144, 226, 0.1) 0%, 
        rgba(74, 144, 226, 0.2) 25%, 
        rgba(74, 144, 226, 0.3) 50%, 
        rgba(74, 144, 226, 0.2) 75%, 
        rgba(74, 144, 226, 0.1) 100%);
    animation: shimmer-b-85rruf56ra 2s ease-in-out infinite;
}

@keyframes shimmer-b-85rruf56ra {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Ensure shimmer works with future bound/non-renewed states */
.renewal-row-recent.renewal-bound[b-85rruf56ra] {
    background: linear-gradient(90deg, 
        rgba(40, 167, 69, 0.1) 0%, 
        rgba(40, 167, 69, 0.2) 25%, 
        rgba(40, 167, 69, 0.3) 50%, 
        rgba(40, 167, 69, 0.2) 75%, 
        rgba(40, 167, 69, 0.1) 100%);
    animation: shimmer-b-85rruf56ra 2s ease-in-out infinite;
}

.renewal-row-recent.renewal-non-renewed[b-85rruf56ra] {
    background: linear-gradient(90deg, 
        rgba(108, 117, 125, 0.05) 0%, 
        rgba(108, 117, 125, 0.1) 25%, 
        rgba(108, 117, 125, 0.15) 50%, 
        rgba(108, 117, 125, 0.1) 75%, 
        rgba(108, 117, 125, 0.05) 100%);
    animation: shimmer-b-85rruf56ra 2s ease-in-out infinite;
    opacity: 0.5;
}
.sf-table[b-85rruf56ra] {
    border-spacing: 0;
    width: 100%;
}

/* Warning icon styles */
.warning-icon[b-85rruf56ra] {
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
}

/* Non-renewed row transparency */
.renewal-row-non-renewed[b-85rruf56ra] {
    opacity: 0.5;
}

/* Unneeded row - similar to non-renewed but lighter opacity */
.renewal-row-unneeded[b-85rruf56ra] {
    opacity: 0.5;
}

/* Defected, Ghosted, Unplaceable rows - light red background */
.renewal-row-defected[b-85rruf56ra] {
    opacity: 0.5;
    background-color: rgba(220, 53, 69, 0.1); /* Light red */
}

/* Other status rows - light orange background */
.renewal-row-other[b-85rruf56ra] {
    opacity: 0.5;
    background-color: rgba(255, 193, 7, 0.15); /* Light orange */
}

/* Ensure shimmer effects work with new status classes */
.renewal-row-recent.renewal-row-unneeded[b-85rruf56ra] {
    background: linear-gradient(90deg, 
        rgba(108, 117, 125, 0.02) 0%, 
        rgba(108, 117, 125, 0.05) 25%, 
        rgba(108, 117, 125, 0.08) 50%, 
        rgba(108, 117, 125, 0.05) 75%, 
        rgba(108, 117, 125, 0.02) 100%);
    animation: shimmer-b-85rruf56ra 2s ease-in-out infinite;
    opacity: 0.3;
}

.renewal-row-recent.renewal-row-defected[b-85rruf56ra] {
    background: linear-gradient(90deg, 
        rgba(220, 53, 69, 0.08) 0%, 
        rgba(220, 53, 69, 0.12) 25%, 
        rgba(220, 53, 69, 0.18) 50%, 
        rgba(220, 53, 69, 0.12) 75%, 
        rgba(220, 53, 69, 0.08) 100%);
    animation: shimmer-b-85rruf56ra 2s ease-in-out infinite;
}

.renewal-row-recent.renewal-row-other[b-85rruf56ra] {
    background: linear-gradient(90deg, 
        rgba(255, 193, 7, 0.1) 0%, 
        rgba(255, 193, 7, 0.15) 25%, 
        rgba(255, 193, 7, 0.2) 50%, 
        rgba(255, 193, 7, 0.15) 75%, 
        rgba(255, 193, 7, 0.1) 100%);
    animation: shimmer-b-85rruf56ra 2s ease-in-out infinite;
}


.warning-non-renewed[b-85rruf56ra] {
    animation: pulse-b-85rruf56ra 2s infinite;
}

@keyframes pulse-b-85rruf56ra {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

.th-labels[b-85rruf56ra] {
    
}
.label-cell[b-85rruf56ra] {
    /*display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;*/
}
.rt-1[b-85rruf56ra] {
    width: 40px;
    overflow:hidden;
}
.rt-2[b-85rruf56ra] {
    width: 80px;
    overflow: hidden;
}
.rt-3[b-85rruf56ra] {
    width: 30%;
    overflow: hidden;
}
.rt-4[b-85rruf56ra] {
    width: 150px;
}
.rt-5[b-85rruf56ra] {
    width: 15%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
.rt-6[b-85rruf56ra] {
    width: 10%;
    padding-left: 10px;
    background-color: #cccccc39;
    font-family: "montserrat", sans-serif;
    padding-top: 3px;
    min-width: 0;
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rt-6a[b-85rruf56ra] {
    width: 10%;
    padding-left: 10px;
}
.rt-7[b-85rruf56ra] {
    width: 10%;
    padding-left: 10px;
    background-color: #cccccc39;
    font-weight: bold;
    font-family: "montserrat", sans-serif;
    padding-top: 3px;
    min-width: 0;
    max-width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rt-7a[b-85rruf56ra] {
    width: auto;
    padding-left: 10px;
}
.rt-elip[b-85rruf56ra] {
    min-width:0;
    max-width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sf-td-sm2[b-85rruf56ra] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rt-td-sm[b-85rruf56ra] {
    font-size: .65em;
    color: #636363;
    padding-left: 10px;
    padding-right: 10px;
}
.rt-9a[b-85rruf56ra] {
    
}
.rt-9[b-85rruf56ra] {
    width: 100px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7c7f84+0,555f69+27,555f69+100 */
    background: linear-gradient(to right, #7c7f84 0%,#555f69 27%,#555f69 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-align: right;
    padding-right: 15px;
    padding-left: 10px;
    border-bottom: 1px solid #00000069;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.rt-10[b-85rruf56ra] {
    width: 50px;
    padding-left: 10px;
}
.rt-10a[b-85rruf56ra] {
    width: 50px;
    padding-left: 10px;
}
.rt-td-sm2[b-85rruf56ra] {
    font-size: 15px;
    font-weight: bold;
}
.rt-td-mono[b-85rruf56ra] {
    font-family: "mono45-headline", monospace;
    font-weight: 500;
    font-style: normal;
    color: #fff !important;
}
/* /Domain/Shared/Components/Associations.razor.rz.scp.css */
body[b-pesskl20qn] {
}

.associations-container[b-pesskl20qn] {
    margin-bottom: 20px;
}

.primary-association[b-pesskl20qn] {
    margin-bottom: 8px;
    font-size: 16px;
}

.clickable-client[b-pesskl20qn] {
    cursor: pointer;
    color: #0066cc;
    padding-right: 8px;
}

.clickable-client:hover[b-pesskl20qn] {
    text-decoration: underline;
    
}

.mt-2[b-pesskl20qn] {
    margin-top: 10px;
}

.search-box[b-pesskl20qn] {
    position: relative;
    margin-bottom: 15px;
}

.search-spinner[b-pesskl20qn] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.search-results-container[b-pesskl20qn] {
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 15px;
}

.search-results-table[b-pesskl20qn] {
    width: 100%;
    border-collapse: collapse;
}

.search-results-table th[b-pesskl20qn] {
    background-color: #f5f5f5;
    padding: 8px;
    text-align: left;
    font-weight: 500;
    border-bottom: 1px solid #e0e0e0;
}

.search-results-table td[b-pesskl20qn] {
    padding: 8px;
    border-bottom: 1px solid #e0e0e0;
}

.search-result-row[b-pesskl20qn] {
    cursor: pointer;
    transition: background-color 0.2s;
}

.search-result-row:hover[b-pesskl20qn] {
    background-color: #f0f7ff;
}

.empty-search-results[b-pesskl20qn] {
    padding: 15px;
    text-align: center;
    color: #666;
    font-style: italic;
}

.selected-result[b-pesskl20qn] {
    margin-top: 20px;
    padding: 12px;
    background-color: #f0f7ff;
    border-radius: 4px;
    border-left: 4px solid #0066cc;
}

.selected-result-header[b-pesskl20qn] {
    font-weight: 500;
    margin-bottom: 5px;
    color: #333;
}

.selected-result-name[b-pesskl20qn] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.selected-result-parent[b-pesskl20qn] {
    font-size: 13px;
    color: #666;
}

.mt-4[b-pesskl20qn] {
    margin-top: 20px;
}

.mb-2[b-pesskl20qn] {
    margin-bottom: 5px;
}

.mb-3[b-pesskl20qn] {
    margin-bottom: 15px;
}

.txt-label[b-pesskl20qn] {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #333;
}

.form-group[b-pesskl20qn] {
    margin-bottom: 15px;
}

.dialog-content[b-pesskl20qn] {
    padding: 20px;
}

.empty-message[b-pesskl20qn] {
    padding: 15px;
    text-align: center;
    color: #666;
    font-style: italic;
    margin-bottom: 15px;
}

.relationship-category-header[b-pesskl20qn] {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
}

.relationship-type-item[b-pesskl20qn] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
}

.category-badge[b-pesskl20qn] {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
    text-transform: uppercase;
}

.category-badge.business[b-pesskl20qn] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.category-badge.personal[b-pesskl20qn] {
    background-color: #f3e5f5;
    color: #7b1fa2;
}

.category-badge.generic[b-pesskl20qn] {
    background-color: #e8f5e9;
    color: #2e7d32;
}

/* Ensure the dropdown items have proper spacing */
.e-dropdownbase .e-list-item[b-pesskl20qn] {
    padding: 0;
}

.e-dropdownbase .e-list-item:hover[b-pesskl20qn] {
    background-color: #f5f5f5;
}

/* Box Sections ------------------------- */
.sf-section-title[b-pesskl20qn] {
    font-family: "montserrat", sans-serif;
    border-bottom-right-radius: 8px;
    background-color: #fbfbfb;
    text-transform: uppercase;
    border-bottom: 1px solid #00000026;
    letter-spacing: 2px;
    padding-right: 10px;
    padding-bottom: 3px;
    position: relative;
    padding-left: 0px;
    font-weight: 400;
    font-size: 1em;
    color: #717171;
    top: 8px;
}

.sf-section-container[b-pesskl20qn] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-top: 16px;
    padding-left: 0px;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #fff;
    background: linear-gradient(182deg, rgba(219,219,219,1) 0%,rgba(239,239,239,1) 27%,rgba(244,244,244,1) 100%);
}

.sf-txt-column[b-pesskl20qn] {
    font-family: "montserrat", sans-serif;
    font-weight: 300;
    font-size: .75em;
    color: #5f5f5f;
    text-transform: uppercase;
}

/* --------------------------------------------------------- */
/* SECTION TABLE ------------------------------------------- */
/* --------------------------------------------------------- */
.flauxentTable[b-pesskl20qn] {
    width: 100%;
    border-collapse: collapse; /* Essential for clean lines */
    border-spacing: 0;
    font-family: var(--body-font, Segoe UI, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
    font-size: var(--type-ramp-base-font-size, 14px);
    line-height: var(--type-ramp-base-line-height, 20px);
    color: var(--neutral-foreground-rest, #212121);
    margin-bottom: .3rem; /* Spacing below the table          */
}

    /* --- Table Header (thead) ---                          */
    .flauxentTable thead th[b-pesskl20qn] {
        padding: 0px 12px;
        font-weight: 300;
        border-bottom: 1px solid #c3c3c3;
        white-space: nowrap;
        vertical-align: middle;
        text-align: left;
    }

    /* --- Table Body (tbody) ---                            */
    .flauxentTable tbody tr[b-pesskl20qn] {
        transition: background-color 0.15s ease-in-out;
    }

        /* Zebra striping                                    */
        .flauxentTable tbody tr:nth-child(even)[b-pesskl20qn] {
            background-color: #ffffff2d;
        }

    .flauxentTable thead th:first-child[b-pesskl20qn] {
        padding-left: 10px !important;
    }

    .flauxentTable tbody td:first-child[b-pesskl20qn] {
        padding-left: 10px !important;
    }

    /* Hover effect                                      */
    .flauxentTable tbody tr:hover[b-pesskl20qn] {
        background-color: #00000010;
    }

    /* --- Table Cells (td) ---                              */
    .flauxentTable tbody td[b-pesskl20qn] {
        padding: 0px 12px;
        border-bottom: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
        vertical-align: middle;
        line-height: var(--type-ramp-base-line-height, 20px);
    }

    .flauxentTable tbody tr:last-child td[b-pesskl20qn] {
        border-bottom: none;
    }

    /* --- Action Buttons Alignment ---                      */
    .flauxentTable td:last-child[b-pesskl20qn] {
        text-align: right;
        white-space: nowrap;
    }

        .flauxentTable td:last-child > fluent-button + fluent-button[b-pesskl20qn],
        .flauxentTable td:last-child > button + button[b-pesskl20qn] {
            margin-left: 4px;
        }

.featuredrow[b-pesskl20qn] {
    font-weight: bold;
    font-size: 1.2em;
    font-family: 'Montserrat';
    position: relative;
    top: 2px;
}

.shmedium[b-pesskl20qn] {
    width: 50px;
    text-align: center;
}

.tlabel[b-pesskl20qn] {
}
/* END TABLE -----------------------------------------------  */
/* ---------------------------------------------------------  */

.primary-association[b-pesskl20qn] {
    width: 100%;
    text-align: right;
    position:relative;
    top: -15px;
    font-size:.9em;
}
/* /Domain/Shared/Components/Battery.razor.rz.scp.css */
.batteryContainer[b-0p82bjrpaa] {
    width: 50px;
    height: 8px;
    border-top: 1px solid #929292;
    border-left: 1px solid #676767;
    border-right: 0px solid #676767;
    border-bottom: 0px solid #676767;
    box-shadow: 2px 2px 4px #00000056;
    /*border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
    position: relative;
    background-color: lightgray;
    overflow: hidden;
}

.batteryFill[b-0p82bjrpaa] {
    height: 100%;
    transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

    .batteryFill.shimmer[b-0p82bjrpaa] {
        background-image: linear-gradient(90deg, rgba(0, 255, 0, 0.3) 25%, green 50%, rgba(0, 255, 0, 0.3) 75%);
        background-size: 200% 100%;
        animation: shimmer-b-0p82bjrpaa 2s infinite;
    }

@keyframes shimmer-b-0p82bjrpaa {
    0% {
        background-position: -100% 0;
    }

    100% {
        background-position: 100% 0;
    }
}
/* /Domain/Shared/Components/GlobalNotes.razor.rz.scp.css */
.global-notes-container[b-vtcsdnnroa] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0px;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #d8d8d8;
    box-shadow: inset 0px 5px 10px #00000041;
}
.note-card-blank[b-vtcsdnnroa] {
    border:1px solid #fff;
    border-radius:5px;
    background-color:#eeeeee;
    width: 250px;
    height: 181px;
    overflow:hidden;
    margin:8px;
    text-align: center;
}
  
    .note-card-blank img[b-vtcsdnnroa] {
        width: 140px;
        display: block;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
.btn-add-note[b-vtcsdnnroa] {
    border-radius: 5px;
    background-color: #666;
    width: 35px;
    height: 183px;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    opacity: .5;
    box-shadow: 0px 0px 6px #ccc;
    position: relative;
    transition: all 0.3s ease-in-out;
    flex-shrink: 0;
}
    .btn-add-note:hover[b-vtcsdnnroa] {
        cursor: pointer;
        opacity: 1;
        background-color: #036ac4;
    }
    .iconc[b-vtcsdnnroa] {
        position: relative;
        top: 70px;
    }
.add-sp[b-vtcsdnnroa] {
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
}
.nothing-found[b-vtcsdnnroa] {
    text-align: center;
    position: relative;
    top: -75px;
    background-color: #ffffffdf;
    color: #666;
    padding: 2px 8px;
    font-size: .8em;
    font-weight: bold;
    border-radius: 5px;
}
.togglevis-True[b-vtcsdnnroa] {
    opacity: .1;
    height: 0px;
}

.togglevis-False[b-vtcsdnnroa] {
    opacity: 1;
    height: 200px;
}

.global-notes-header[b-vtcsdnnroa] {
    display: flex;
    justify-content: space-between;
}

.title-section[b-vtcsdnnroa] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .title-section h3[b-vtcsdnnroa] {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
    }

.action-section[b-vtcsdnnroa] {
    display: flex;
    gap: 8px;
}

.search-panel[b-vtcsdnnroa] {
    display: flex;
    align-items: center;
    gap: 0px;
    padding: 0px;
}
.note-card[b-vtcsdnnroa] {

}
.filter-options[b-vtcsdnnroa] {
    display: flex;
    gap: 16px;
}

.notes-list[b-vtcsdnnroa] {
    width: 100%;
    gap: 16px;
}

.notes-section[b-vtcsdnnroa] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow: hidden;
    user-select: none;
    cursor: grab;
    flex-grow: 1;
    width: auto;
    margin-left: 8px;
}

.notes-section.grabbing[b-vtcsdnnroa] {
    cursor: grabbing;
}

.section-header[b-vtcsdnnroa] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 14px;
    color: #555;
    border-bottom: 1px solid #e5e5e5;
}

.empty-notes[b-vtcsdnnroa] {
    text-align: center;
    padding: 24px;
    background-color: white;
    border-radius: 4px;
    color: #888;
}

.loading-notes[b-vtcsdnnroa] {
    text-align: center;
    padding: 24px;
}

.note-editor[b-vtcsdnnroa] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.note-options[b-vtcsdnnroa] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 12px;
}

.tags-section[b-vtcsdnnroa] {
    flex: 2;
    min-width: 200px;
}

.reminder-section[b-vtcsdnnroa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ai-summary-loading[b-vtcsdnnroa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    gap: 16px;
}

.ai-summary-content[b-vtcsdnnroa] {
    padding: 16px;
    border-radius: 4px;
    background-color: white;
    border: 1px solid #eee;
    max-height: 400px;
    overflow-y: auto;
}
.txt-label[b-vtcsdnnroa] {
    font-size:1.2em;
    margin: 0;
    padding: 0;
}

.notes-layout-container[b-vtcsdnnroa] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    gap: 0;
}
/* /Domain/Shared/Components/NoteCard.razor.rz.scp.css */
.note-card[b-exb4hqm71k] {
    /*background-color: white;
    border-radius: 6px;
    padding: 12px 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 12px;
    border-left: 3px solid #ccc;
    transition: all 0.2s ease;
    max-width: 300px;*/
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: #eeeeee;
    width: 22%;
    min-width: 300px;
    max-width: 400px;
    height: 181px;
    overflow: hidden;
    margin: 8px 2px 8px 2px;
    text-align: center;
}
    .note-card.pinned[b-exb4hqm71k] {
        border-left-color: #0078d4;
        background-color: #f0f7ff;
    }
.note-btn[b-exb4hqm71k] {
    opacity:.7;

}
.note-btn:hover[b-exb4hqm71k] {
    opacity:1;
    cursor: pointer;
}
.note-header[b-exb4hqm71k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #d8d8d8;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.note-metadata[b-exb4hqm71k] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
    color: #666;
}

.author-info[b-exb4hqm71k], .date-info[b-exb4hqm71k], .reminder-info[b-exb4hqm71k] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.reminder-info[b-exb4hqm71k] {
    color: #9d5d00;
}

.note-actions[b-exb4hqm71k] {
    display: flex;
    gap: 2px;
}

.note-content[b-exb4hqm71k] {  
   text-align: left;  
   font-size: .8em;  
   color: #333;  
   overflow-wrap: break-word;  
   max-height: 150px;  
   overflow-y: auto;  
   padding: 5px;  
   opacity: .7;  
   font-family: "montserrat", sans-serif;  
   line-height: 1.2;  
   transition: all 0.3s ease;  
}
    .note-content p[b-exb4hqm71k], markdown-content p[b-exb4hqm71k], .text-content p[b-exb4hqm71k] {
        margin: 0;
        padding: 0;
    }
    .note-content:hover[b-exb4hqm71k] {
        opacity:1;
    }
.markdown-content[b-exb4hqm71k] {
    
}

    .markdown-content[b-exb4hqm71k]  h1,
    .markdown-content[b-exb4hqm71k]  h2,
    .markdown-content[b-exb4hqm71k]  h3,
    .markdown-content[b-exb4hqm71k]  h4 {
        margin-top: 0.5em;
        margin-bottom: 0.3em;
    }

    .markdown-content[b-exb4hqm71k]  p {
        margin: 0;
        padding: 0;
    }

    .markdown-content[b-exb4hqm71k]  ul,
    .markdown-content[b-exb4hqm71k]  ol {
        margin: 0.5em 0;
        padding-left: 1.5em;
    }

.note-tags[b-exb4hqm71k] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.tag[b-exb4hqm71k] {
    background-color: #f0f0f0;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
    color: #555;
}
/* /Domain/Shared/Components/PaylinkBuilder.razor.rz.scp.css */
.alink[b-dyu749bp6e] {
    width: 100%;
    font-size: 12px;
    word-break: break-all;
    white-space: normal;
    color: #bbbbbb;
    font-weight:bold;
    line-height:14px;
}

.blink[b-dyu749bp6e] {
    width:80px;
    white-space:nowrap;
    overflow:hidden;
}

.acol[b-dyu749bp6e] {
    color:#c5403b;
}

.bcol[b-dyu749bp6e] {
    color: #0f6cbd;
}
.gurl[b-dyu749bp6e] {
    height:20px;

}
.gurl2[b-dyu749bp6e] {
    font-size: 12px;
    word-break: break-all;
    white-space: normal;
    color:#0f6cbd;
}

.div-section[b-dyu749bp6e] {
    padding: 10px;
    border-top: 1px solid #ccc;
    border-left: 5px solid #ccc;
    /*background-color: #ffffff43;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+26,000000+55,e5e5e5+100&0.65+0,1+26,0+55,0.65+100 */
    /*background: linear-gradient(135deg, rgba(229,229,229,0.65) 0%,rgba(255,255,255,1) 26%,rgba(0,0,0,0) 55%,rgba(229,229,229,0.65) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+0,f2f2f2+13,000000+100&1+0,1+13,0+100 */
    background: linear-gradient(165deg, rgba(204,204,204,1) 0%,rgba(242,242,242,1) 13%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.txt-section-bar[b-dyu749bp6e] {
    background-color: #ccc;
    font-family: "montserrat", sans-serif;
    font-size: .9rem;
    font-weight: 400;
    color: #454545;
    text-transform: uppercase;
    padding: 4px 15px 4px 12px;
    border-top-right-radius: 10px;
    letter-spacing: .2em;
    position: relative;
    top: -2px;
}
/* /Domain/Shared/Components/RecentPhoneCallsList.razor.rz.scp.css */
.sf-calltable[b-59d2ikppjp] {
    line-height:10px;
    border-collapse:collapse;

}
    .sf-calltable td[b-59d2ikppjp] {
        text-align: left;
        padding: 5px 0px;
        padding: 5px 0px;
    }
.phone-call-buttons[b-59d2ikppjp] {
    min-width:105px;
    max-width:200px;
    border:1px solid #ccc;
    position: relative;
    top: -2px;
}
.phone-icon[b-59d2ikppjp] {
    position: relative;
    top: 0px;
    left: 5px;
}
.phone-icon-cell[b-59d2ikppjp] {
    width: 40px;
    position: relative;
    top: 3px;
}
.phone-longago[b-59d2ikppjp] {
    font-size: .8em;
    position: relative;
    top: -3px;
    left: 10px;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phonetxt[b-59d2ikppjp] {
    font-size: .8em;
    position: relative;
    top: -3px;
    left: 10px;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phone-lognum-out[b-59d2ikppjp] {
    font-size: 1.8em;
    font-weight: 100;
    color: #d44942;
    min-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phone-lognum-in[b-59d2ikppjp] {
    font-size: 1.8em;
    font-weight: 100;
    color: #0f6cbd;
    min-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phone-none[b-59d2ikppjp] {
    font-size:1em;
    color:#b7b7b7;
    position:relative;
    top:-5px;
    left: 2px;
}
.phone-none a[b-59d2ikppjp] {
    text-decoration: none;
    color:#4b84b0;
}
.phone-none-icon[b-59d2ikppjp] {
    position:relative;
    top: 2px;
}
.phone-lognum[b-59d2ikppjp] {
    width: 190px !important;
    position: relative;
    left: -10px;
    top: 2px;
    font-family: 'montserrat';
}
.phonecall-infotext[b-59d2ikppjp] {
    width: 140px;
    overflow: hidden;
    position:relative;
    top:3px;
}
.dialog-content[b-59d2ikppjp] {
    max-height: 70vh;
    overflow-y: auto;
}

.dialog-header[b-59d2ikppjp] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.ai-summary-section[b-59d2ikppjp] {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #1b8ce3;
}

.ai-summary-header[b-59d2ikppjp] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

    .ai-summary-header h4[b-59d2ikppjp] {
        margin: 0;
        color: #1b8ce3;
    }

.ai-summary-content[b-59d2ikppjp] {
    line-height: 1.5;
}

    .ai-summary-content ul[b-59d2ikppjp] {
        margin: 0;
        padding-left: 20px;
    }

    .ai-summary-content li[b-59d2ikppjp] {
        margin-bottom: 5px;
    }

.loading-container[b-59d2ikppjp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.dialog-content[b-59d2ikppjp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 70vh;
    overflow-y: auto;
    padding: 4px 0;
}

.dialog-header[b-59d2ikppjp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    padding: 12px 16px;
    margin-bottom: 8px;
    border-radius: 10px;
    background: #f7f9ff;
    border: 1px solid #dfe3f8;
}

.call-meta[b-59d2ikppjp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.meta-label[b-59d2ikppjp] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #61728f;
}

.meta-value[b-59d2ikppjp] {
    font-size: 14px;
    color: #1f2d3d;
}

.ai-summary-section[b-59d2ikppjp] {
    padding: 16px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #dfe3f8;
    box-shadow: 0 8px 18px rgba(23, 58, 124, 0.08);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ai-summary-loading .loading-container[b-59d2ikppjp] {
    height: auto;
    padding: 4px 0;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

    .ai-summary-loading .loading-container p[b-59d2ikppjp] {
        margin: 0;
        color: #61728f;
        font-size: 14px;
    }

.ai-summary-header[b-59d2ikppjp] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

    .ai-summary-header h4[b-59d2ikppjp] {
        margin: 0;
        color: #1b4aaa;
        font-size: 16px;
        font-weight: 600;
    }

.ai-summary-content[b-59d2ikppjp] {
    font-size: 14px;
    line-height: 1.45;
    color: #1f2933;
}

    .ai-summary-content ul[b-59d2ikppjp] {
        margin: 0;
        padding-left: 18px;
    }

    .ai-summary-content li[b-59d2ikppjp] {
        margin-bottom: 6px;
    }

        .ai-summary-content li:last-child[b-59d2ikppjp] {
            margin-bottom: 0;
        }
/* /Domain/Shared/Components/Trigger.razor.rz.scp.css */
.sf-rekt[b-wkyly19vrs] {
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    font-size: 1em;
    color: #797979;
}
    .sf-rekt:hover[b-wkyly19vrs] {
        cursor: pointer !important;
    }
    .sf-rekt a[b-wkyly19vrs] {
        -webkit-text-decoration: none;
        text-decoration: none;
        color: inherit;
    }
        .sf-rekt a:hover[b-wkyly19vrs] {
            -webkit-text-decoration: none;
            text-decoration: none;
            color: #000;
            cursor: pointer !important;
        }

.sf-header-col__spacer[b-wkyly19vrs] {
    margin-bottom: 4px;
}
.client-phonenumber[b-wkyly19vrs] {
    font-weight: 300;
    font-style: normal;
    font-size: 2.5em;
    position: relative;
    top: -10px;
    left: -5px;
    color: #8d8d8d;
}
.client-data[b-wkyly19vrs] {
    display: contents;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1 auto;
}

    .client-data a[b-wkyly19vrs] {
        display: contents;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        max-width: 100%;
    }
/* /Domain/Utilities/Components/AttachmentImport.razor.rz.scp.css */
.attachment-import[b-88q2e195yu] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
}

.message-bar-container[b-88q2e195yu] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.header[b-88q2e195yu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.header h2[b-88q2e195yu] {
    margin: 0;
}

.header p[b-88q2e195yu] {
    margin: 0.25rem 0 0;
    color: var(--neutral-foreground-rest);
}

.header-actions[b-88q2e195yu] {
    display: flex;
    gap: 0.5rem;
}

.empty-state[b-88q2e195yu],
.loading-state[b-88q2e195yu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    border: 1px dashed var(--neutral-stroke-strong-rest);
    border-radius: 12px;
    color: var(--neutral-foreground-rest);
}

.loading-state span[b-88q2e195yu] {
    font-weight: 600;
}

.stats-grid[b-88q2e195yu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.stat-card[b-88q2e195yu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    background: var(--neutral-layer-floating);
    box-shadow: var(--shadow-depth-4);
}

.stat-card .label[b-88q2e195yu] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--neutral-foreground-hint);
}

.stat-card .value[b-88q2e195yu] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.import-panel[b-88q2e195yu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 12px;
    background: var(--neutral-layer-floating);
    box-shadow: var(--shadow-depth-2);
}

.import-controls[b-88q2e195yu] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
    justify-content: space-between;
}

.date-pickers[b-88q2e195yu] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.control-buttons[b-88q2e195yu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.range-hint[b-88q2e195yu] {
    color: var(--neutral-foreground-hint);
    font-size: 0.8rem;
}

.import-summary[b-88q2e195yu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border-radius: 12px;
    background: var(--neutral-layer-floating);
    box-shadow: var(--shadow-depth-2);
}

.import-summary h3[b-88q2e195yu] {
    margin: 0;
}

.summary-badges[b-88q2e195yu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.summary-details[b-88q2e195yu] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.summary-details .label[b-88q2e195yu] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--neutral-foreground-hint);
}

.summary-details .value[b-88q2e195yu] {
    font-weight: 600;
}

.batch-report[b-88q2e195yu] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.batch-report th[b-88q2e195yu],
.batch-report td[b-88q2e195yu] {
    padding: 0.5rem 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.batch-report th[b-88q2e195yu] {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--neutral-foreground-hint);
}

.destructive-actions[b-88q2e195yu] {
    margin-top: 0.5rem;
}

@media (max-width: 640px) {
    .import-controls[b-88q2e195yu] {
        flex-direction: column;
        align-items: stretch;
    }

    .control-buttons[b-88q2e195yu] {
        align-self: flex-start;
    }
}
/* /Domain/Utilities/Components/ClientDebugScreen.razor.rz.scp.css */
.client-debug-container[b-c6sdie30lj] {
    padding: 20px;
}

.txt-section-bar[b-c6sdie30lj] {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    margin-bottom: 10px;
    display: block;
}

.div-section[b-c6sdie30lj] {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.txt-small[b-c6sdie30lj] {
    font-size: 12px;
    color: #666;
}

.txt-small-sub[b-c6sdie30lj] {
    font-size: 14px;
    color: #333;
    margin-top: 2px;
}

.sf-hr[b-c6sdie30lj] {
    height: 1px;
    background: #ddd;
    margin: 15px 0;
}

.sf-spacer[b-c6sdie30lj] {
    height: 20px;
}

.sf-spacer-sm[b-c6sdie30lj] {
    height: 10px;
}
/* /Domain/Utilities/Components/DataImport.razor.rz.scp.css */
.data-import-container[b-enjoq41np1] {
    max-width: 1400px;
    margin: 0 auto;
    height: 100vh;
    overflow: hidden;
}

.data-import-layout[b-enjoq41np1] {
    display: flex;
    gap: 20px;
    height: calc(100vh - 120px);
}

.data-import-main[b-enjoq41np1] {
    flex: 1;
    overflow-y: auto;
}

.message-bar-container[b-enjoq41np1] {
    margin-bottom: 15px;
}

.data-import-header[b-enjoq41np1] {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--fill-color);
    padding-bottom: 15px;
}

.data-import-header h3[b-enjoq41np1] {
    margin: 0 0 5px 0;
    color: var(--accent-foreground-rest);
}

.data-import-header p[b-enjoq41np1] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.import-section[b-enjoq41np1] {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.xml-input-section[b-enjoq41np1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.import-options[b-enjoq41np1] {
    background: var(--fill-color);
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--stroke-color);
}

.import-options h4[b-enjoq41np1] {
    margin: 0 0 15px 0;
    color: var(--neutral-foreground-rest);
}

.option-group[b-enjoq41np1] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.policy-selection[b-enjoq41np1] {
    margin-left: 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.no-policies-message[b-enjoq41np1] {
    margin-left: 25px;
    margin-top: 10px;
}

.import-actions[b-enjoq41np1] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0;
    border-top: 1px solid var(--stroke-color);
}

.warning-text[b-enjoq41np1] {
    color: var(--fill-color-warning);
    font-size: 14px;
    margin: 0;
    font-style: italic;
}

.option-description[b-enjoq41np1] {
    margin-left: 25px;
    margin-top: 5px;
}

.option-description small[b-enjoq41np1] {
    color: var(--neutral-foreground-hint);
    font-size: 12px;
}

.debug-panel[b-enjoq41np1] {
    width: 400px;
    background: var(--fill-color);
    border: 1px solid var(--stroke-color);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.debug-header[b-enjoq41np1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid var(--stroke-color);
    background: var(--neutral-layer-2);
}

.debug-header h4[b-enjoq41np1] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.debug-content[b-enjoq41np1] {
    flex: 1;
    padding: 10px;
    overflow-y: auto;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 12px;
}

.debug-message[b-enjoq41np1] {
    margin-bottom: 8px;
    padding: 6px 8px;
    border-radius: 4px;
    border-left: 3px solid;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.debug-message.info[b-enjoq41np1] {
    background: rgba(0, 120, 212, 0.1);
    border-left-color: #0078d4;
}

.debug-message.success[b-enjoq41np1] {
    background: rgba(16, 124, 16, 0.1);
    border-left-color: #107c10;
}

.debug-message.warning[b-enjoq41np1] {
    background: rgba(255, 185, 0, 0.1);
    border-left-color: #ffb900;
}

.debug-message.error[b-enjoq41np1] {
    background: rgba(196, 43, 28, 0.1);
    border-left-color: #c42b1c;
}

.debug-time[b-enjoq41np1] {
    font-size: 10px;
    color: var(--neutral-foreground-hint);
    font-weight: 600;
}

.debug-text[b-enjoq41np1] {
    color: var(--neutral-foreground-rest);
    word-wrap: break-word;
    white-space: pre-wrap;
}

.debug-empty[b-enjoq41np1] {
    color: var(--neutral-foreground-hint);
    font-style: italic;
    text-align: center;
    padding: 20px;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .debug-panel[b-enjoq41np1] {
        width: 350px;
    }
}

@media (max-width: 768px) {
    .data-import-container[b-enjoq41np1] {
        padding: 15px;
        height: auto;
    }
    
    .data-import-layout[b-enjoq41np1] {
        flex-direction: column;
        height: auto;
    }
    
    .data-import-main[b-enjoq41np1] {
        overflow-y: visible;
    }
    
    .debug-panel[b-enjoq41np1] {
        width: 100%;
        max-height: 300px;
    }
    
    .import-actions[b-enjoq41np1] {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }
    
    .import-actions fluent-button[b-enjoq41np1] {
        width: 100%;
        margin-left: 0 !important;
    }
} 
/* /Domain/Utilities/Components/EmailActivityReport.razor.rz.scp.css */
.email-activity-report[b-ihyjz6vx42] {
    padding: 1rem;
}

.email-activity-report .status-message[b-ihyjz6vx42] {
    color: var(--accent-foreground-rest);
    font-size: 0.9rem;
}

.email-activity-report .summary-card[b-ihyjz6vx42] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    padding: 0.75rem 1.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.email-activity-report .summary-value[b-ihyjz6vx42] {
    font-size: 1.5rem;
    font-weight: 600;
}

.email-activity-report .summary-label[b-ihyjz6vx42] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.email-activity-report .report-summary[b-ihyjz6vx42] {
    margin-bottom: 0.5rem;
}
/* /Domain/Utilities/Components/EpicAccountSync.razor.rz.scp.css */
.epic-account-sync[b-ozp44vqlvn] {
    padding: 12px;
    display: block;
}

.sync-header[b-ozp44vqlvn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.sync-title h2[b-ozp44vqlvn] {
    margin: 0;
    font-size: 1.4rem;
}

.client-context[b-ozp44vqlvn] {
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.client-name[b-ozp44vqlvn] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.client-meta[b-ozp44vqlvn] {
    padding: 2px 8px;
    border-radius: 999px;
    background-color: var(--neutral-fill-strong-rest);
}

.client-meta.muted[b-ozp44vqlvn],
.client-name.muted[b-ozp44vqlvn] {
    background: none;
    color: var(--neutral-foreground-disabled);
    font-weight: 400;
}

.sync-actions[b-ozp44vqlvn] {
    display: flex;
    gap: 8px;
}

.sync-loading[b-ozp44vqlvn] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background-color: var(--neutral-layer-2);
    border-radius: 12px;
}

.global-selection[b-ozp44vqlvn] {
    display: flex;
    justify-content: flex-end;
}

.selection-meta[b-ozp44vqlvn] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.sync-group[b-ozp44vqlvn] {
    background-color: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-1-rest);
    border-radius: 16px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.group-header[b-ozp44vqlvn] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.group-title[b-ozp44vqlvn] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.group-title h3[b-ozp44vqlvn] {
    margin: 0;
    font-size: 1.1rem;
}

.group-count[b-ozp44vqlvn] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.group-actions[b-ozp44vqlvn] {
    display: flex;
    gap: 6px;
}

.sync-group .fluent-data-grid[b-ozp44vqlvn] {
    width: 100%;
}

.warning-list[b-ozp44vqlvn] {
    margin: 8px 0 0;
    padding-left: 20px;
    font-size: 0.9rem;
    color: var(--neutral-foreground-rest);
}

.warning-list li[b-ozp44vqlvn] {
    margin-bottom: 4px;
}

.warning-list li:last-child[b-ozp44vqlvn] {
    margin-bottom: 0;
}

.sync-failures ul[b-ozp44vqlvn] {
    margin: 8px 0 0;
    padding-left: 20px;
}

.failure-label[b-ozp44vqlvn] {
    font-weight: 600;
    margin-right: 4px;
}
/* /Domain/Utilities/Components/EpicClientPolicySync.razor.rz.scp.css */
.epic-sync-container[b-cd8qntj26i] {
    margin: 0 auto;
    padding: 0px 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.epic-sync-header[b-cd8qntj26i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.header-left[b-cd8qntj26i] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.header-right[b-cd8qntj26i] {
    display: flex;
    align-items: center;
}

.epic-sync-header h2[b-cd8qntj26i] {
    margin: 16px 0 8px 0;
    color: #323130;
    font-size: 28px;
    font-weight: 600;
}
.main-head[b-cd8qntj26i] {
    font-family: "montserrat", sans-serif;
    font-size: 2em;
}
.sync-description[b-cd8qntj26i] {
    color: #605e5c;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

.sync-instructions[b-cd8qntj26i] {
    background: #f8f9fa;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 32px;
}

.sync-instructions h4[b-cd8qntj26i] {
    margin: 0 0 16px 0;
    color: #323130;
    font-size: 18px;
    font-weight: 600;
}

.sync-instructions ol[b-cd8qntj26i] {
    margin: 0;
    padding-left: 20px;
}

.sync-instructions li[b-cd8qntj26i] {
    margin-bottom: 12px;
    line-height: 1.5;
    color: #323130;
}

.sync-status[b-cd8qntj26i] {
    text-align: center;
    margin: 8px 0 24px 0;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.processing-indicator[b-cd8qntj26i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.status-text[b-cd8qntj26i] {
    margin: 0;
    font-size: 16px;
    color: #605e5c;
    font-weight: 500;
}

.sync-result[b-cd8qntj26i] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
}

.sync-result.success[b-cd8qntj26i] {
    background: #dff6dd;
    border: 1px solid #107c10;
    color: #107c10;
}

.sync-result.error[b-cd8qntj26i] {
    background: #fde7e9;
    border: 1px solid #d13438;
    color: #d13438;
}

.sync-result p[b-cd8qntj26i] {
    margin: 0;
}

.sync-actions[b-cd8qntj26i] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.sync-actions.secondary[b-cd8qntj26i] {
    justify-content: flex-start;
    margin-top: 8px;
    margin-bottom: 24px;
}

.sync-now-button[b-cd8qntj26i] {
    transform: scale(1.25);
}

.glean-checkbox[b-cd8qntj26i] {
    margin-left: 24px;
    display: inline-flex;
    align-items: center;
}

.help-button[b-cd8qntj26i] {
    opacity: .8;
}
.help-button:hover[b-cd8qntj26i] {
    opacity: 1;
}

.help-panel[b-cd8qntj26i] {
    margin: 4px 0 16px 0;
}

.debug-panel[b-cd8qntj26i] {
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    overflow: hidden;
}

.debug-header[b-cd8qntj26i] {
    background: #f6f8fa;
    padding: 12px 16px;
    border-bottom: 1px solid #e1e4e8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.debug-header h4[b-cd8qntj26i] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #323130;
}

.debug-content[b-cd8qntj26i] {
    max-height: 300px;
    overflow-y: auto;
    padding: 8px;
    background: #fafbfc;
}

.debug-message[b-cd8qntj26i] {
    display: flex;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 4px;
    margin-bottom: 2px;
    font-size: 12px;
    font-family: 'Consolas', 'Monaco', monospace;
}

.debug-message.info[b-cd8qntj26i] {
    background: #e3f2fd;
    color: #1976d2;
}

.debug-message.success[b-cd8qntj26i] {
    background: #e8f5e8;
    color: #2e7d32;
}

.debug-message.warning[b-cd8qntj26i] {
    background: #fff3e0;
    color: #f57c00;
}

.debug-message.error[b-cd8qntj26i] {
    background: #ffebee;
    color: #d32f2f;
}

.debug-time[b-cd8qntj26i] {
    font-weight: 600;
    min-width: 60px;
}

.debug-text[b-cd8qntj26i] {
    flex: 1;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .debug-panel[b-cd8qntj26i] {
        width: 350px;
    }
}

@media (max-width: 768px) {
    .data-import-container[b-cd8qntj26i] {
        padding: 15px;
        height: auto;
    }
    
    .data-import-layout[b-cd8qntj26i] {
        flex-direction: column;
        height: auto;
    }
    
    .data-import-main[b-cd8qntj26i] {
        overflow-y: visible;
    }
    
    .debug-panel[b-cd8qntj26i] {
        width: 100%;
        max-height: 300px;
    }
    
    .import-actions[b-cd8qntj26i] {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }
    
    .import-actions fluent-button[b-cd8qntj26i] {
        width: 100%;
        margin-left: 0 !important;
    }
} 
/* /Domain/Utilities/Components/EpicPolicyMonthSweep.razor.rz.scp.css */
.epic-policy-month-sweep .sweep-options[b-5zcs35vq29] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.epic-policy-month-sweep .option-group[b-5zcs35vq29] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.epic-policy-month-sweep .option-group-title[b-5zcs35vq29] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--neutral-600);
}

.epic-policy-month-sweep .option-grid[b-5zcs35vq29] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.epic-policy-month-sweep[b-5zcs35vq29] {
    padding: 12px 0;
}

.epic-policy-month-sweep .sweep-header > h2[b-5zcs35vq29] {
    margin: 0;
}

.epic-policy-month-sweep .sweep-header > p[b-5zcs35vq29] {
    margin: 4px 0 0;
    color: var(--neutral-600);
    font-size: 0.95rem;
}

.epic-policy-month-sweep .progress-panel[b-5zcs35vq29] {
    padding: 12px 16px;
    border: 1px solid var(--neutral-stroke-1-rest);
    border-radius: 8px;
    background-color: var(--neutral-fill-3-rest);
}

.epic-policy-month-sweep .progress-details[b-5zcs35vq29] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.epic-policy-month-sweep .progress-line[b-5zcs35vq29] {
    display: flex;
    gap: 6px;
    font-size: 0.9rem;
}

.epic-policy-month-sweep .progress-line .label[b-5zcs35vq29] {
    font-weight: 600;
}

.epic-policy-month-sweep .progress-line.muted[b-5zcs35vq29] {
    color: var(--neutral-500);
}

.epic-policy-month-sweep .sweep-results[b-5zcs35vq29] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.epic-policy-month-sweep .result-card[b-5zcs35vq29] {
    min-width: 140px;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: var(--neutral-fill-3-rest);
    border: 1px solid var(--neutral-stroke-1-rest);
}

.epic-policy-month-sweep .result-label[b-5zcs35vq29] {
    display: block;
    font-size: 0.85rem;
    color: var(--neutral-500);
}

.epic-policy-month-sweep .result-value[b-5zcs35vq29] {
    display: block;
    margin-top: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--neutral-900);
}

.epic-policy-month-sweep .message-list[b-5zcs35vq29] {
    margin: 0;
    padding-left: 18px;
}

.epic-policy-month-sweep .message-list li[b-5zcs35vq29] {
    margin: 4px 0;
}
/* /Domain/Utilities/Components/GapHighlighter.razor.rz.scp.css */
.pgh-container[b-4250w32epy] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    background: var(--neutral-layer-1);
}

.pgh-loading[b-4250w32epy] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--neutral-foreground-rest);
}

.pgh-header[b-4250w32epy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.pgh-title[b-4250w32epy] {
    font-size: 1.2rem;
    font-weight: 600;
}

.pgh-subtitle[b-4250w32epy] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}

.pgh-grid[b-4250w32epy] {
    display: grid;
    gap: 20px;
}

@media (min-width: 960px) {
    .pgh-grid[b-4250w32epy] {
        grid-template-columns: 2fr 1fr;
    }
}

.pgh-section[b-4250w32epy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.pgh-section-title[b-4250w32epy] {
    font-weight: 600;
    font-size: 0.95rem;
}

.pgh-coverage-table[b-4250w32epy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.pgh-coverage-table th[b-4250w32epy],
.pgh-coverage-table td[b-4250w32epy] {
    border-bottom: 1px solid var(--neutral-stroke-rest);
    padding: 6px 8px;
    vertical-align: top;
}

.pgh-coverage-table th[b-4250w32epy] {
    text-align: left;
    background: var(--neutral-layer-floating);
}

.pgh-list[b-4250w32epy] {
    list-style: disc;
    margin: 0 0 0 18px;
    padding: 0;
    font-size: 0.9rem;
}

.pgh-list li[b-4250w32epy] {
    margin-bottom: 4px;
}

.pgh-note[b-4250w32epy] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.pgh-options[b-4250w32epy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 10px;
}

.pgh-options-list[b-4250w32epy] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pgh-option[b-4250w32epy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pgh-option-rationale[b-4250w32epy] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    padding-left: 24px;
}

.pgh-actions[b-4250w32epy] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pgh-copy-status[b-4250w32epy] {
    font-size: 0.85rem;
    color: var(--success-foreground);
}

.pgh-policy-number[b-4250w32epy] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    padding: 6px 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 999px;
    align-self: flex-start;
}

.pgh-chip[b-4250w32epy] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.pgh-chip--positive[b-4250w32epy] {
    background: rgba(16, 185, 129, 0.15);
    color: #047857;
}

.pgh-chip--warning[b-4250w32epy] {
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
}

/* /Domain/Utilities/Components/Paylink.razor.rz.scp.css */
.alink[b-xh0jebdzx7] {
    width: 100%;
    font-size: 12px;
    word-break: break-all;
    white-space: normal;
    color: #bbbbbb;
    font-weight:bold;
    line-height:14px;
}

.blink[b-xh0jebdzx7] {
    width:80px;
    white-space:nowrap;
    overflow:hidden;
}

.acol[b-xh0jebdzx7] {
    color:#c5403b;
}

.bcol[b-xh0jebdzx7] {
    color: #0f6cbd;
}
.gurl[b-xh0jebdzx7] {
    height:20px;

}
.gurl2[b-xh0jebdzx7] {
    font-size: 12px;
    word-break: break-all;
    white-space: normal;
    color:#0f6cbd;
}

.div-section[b-xh0jebdzx7] {
    padding: 10px;
    border-top: 1px solid #ccc;
    border-left: 5px solid #ccc;
    /*background-color: #ffffff43;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+26,000000+55,e5e5e5+100&0.65+0,1+26,0+55,0.65+100 */
    /*background: linear-gradient(135deg, rgba(229,229,229,0.65) 0%,rgba(255,255,255,1) 26%,rgba(0,0,0,0) 55%,rgba(229,229,229,0.65) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+0,f2f2f2+13,000000+100&1+0,1+13,0+100 */
    background: linear-gradient(165deg, rgba(204,204,204,1) 0%,rgba(242,242,242,1) 13%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.txt-section-bar[b-xh0jebdzx7] {
    background-color: #ccc;
    font-family: "montserrat", sans-serif;
    font-size: .9rem;
    font-weight: 400;
    color: #454545;
    text-transform: uppercase;
    padding: 4px 15px 4px 12px;
    border-top-right-radius: 10px;
    letter-spacing: .2em;
    position: relative;
    top: -2px;
}

.paylink-container[b-xh0jebdzx7] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
}

.paylink-content[b-xh0jebdzx7] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.paylink-header[b-xh0jebdzx7] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--neutral-foreground-1);
    margin-bottom: 0.5rem;
}

.paylink-form[b-xh0jebdzx7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: #fff;
    padding: 1.5rem;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    min-width: 400px;
}

.paylink-results[b-xh0jebdzx7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background: #fff;
    padding: 1.5rem;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    min-width: 400px;
}

.form-row[b-xh0jebdzx7] {
    display: flex;
    gap: 1rem;
}

.form-group[b-xh0jebdzx7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label[b-xh0jebdzx7] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-2);
}

.results-section[b-xh0jebdzx7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.results-header[b-xh0jebdzx7] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.results-content[b-xh0jebdzx7] {
    background: var(--neutral-layer-1);
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid var(--neutral-stroke-1);
    word-break: break-all;
}

.action-buttons[b-xh0jebdzx7] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.email-preview-section[b-xh0jebdzx7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.email-preview-header[b-xh0jebdzx7] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--neutral-foreground-1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.email-preview-content[b-xh0jebdzx7] {
    background: var(--neutral-layer-1);
    padding: 1.5rem;
    border-radius: 4px;
    border: 1px solid var(--neutral-stroke-1);
    font-family: Arial, sans-serif;
    line-height: 1.5;
}

.email-preview-content p[b-xh0jebdzx7] {
    margin: 0 0 1rem 0;
}

.email-preview-content a[b-xh0jebdzx7] {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0078d4;
    color: white !important;
    text-decoration: none;
    border-radius: 4px;
    margin: 0.5rem 0;
    font-weight: 500;
    border: 1px solid #006cbe;
}

.email-preview-content a:hover[b-xh0jebdzx7] {
    background-color: #106ebe;
    border-color: #005a9e;
}

.email-preview-content br[b-xh0jebdzx7] {
    margin-bottom: 0.5rem;
}
/* /Domain/Utilities/Components/PolicyPremiumSummary.razor.rz.scp.css */
.policy-premium-summary[b-5b2wo51n8k] {
    padding: 1rem;
}

.policy-premium-summary .summary-cards[b-5b2wo51n8k] {
    margin-bottom: 0.75rem;
}

.policy-premium-summary .summary-card[b-5b2wo51n8k] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    min-width: 220px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.policy-premium-summary .summary-label[b-5b2wo51n8k] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    margin-bottom: 0.25rem;
}

.policy-premium-summary .summary-value[b-5b2wo51n8k] {
    font-size: 1.6rem;
    font-weight: 600;
}

.policy-premium-summary .status-message[b-5b2wo51n8k] {
    color: var(--accent-foreground-rest);
    font-size: 0.9rem;
}
/* /Domain/Utilities/Components/PolicyQuoteComparison.razor.rz.scp.css */
.pqc-container[b-yxnq1jgorz] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 10px;
    padding: 16px;
    background-color: var(--neutral-layer-1);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pqc-header[b-yxnq1jgorz] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pqc-header-icon[b-yxnq1jgorz] {
    color: var(--accent-fill-rest);
}

.pqc-title[b-yxnq1jgorz] {
    font-size: 1.1rem;
    font-weight: 600;
}

.pqc-subtitle[b-yxnq1jgorz] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.pqc-loading[b-yxnq1jgorz],
.pqc-empty[b-yxnq1jgorz] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
}

.pqc-controls[b-yxnq1jgorz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    align-items: end;
}

.pqc-control label[b-yxnq1jgorz] {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 0.9rem;
}

.pqc-action[b-yxnq1jgorz] {
    display: flex;
    align-items: center;
}

.pqc-results[b-yxnq1jgorz] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
}

.pqc-score-card[b-yxnq1jgorz] {
    background: linear-gradient(135deg, var(--accent-fill-rest), var(--accent-fill-hover));
    color: var(--neutral-layer-floating);
    border-radius: 10px;
    padding: 12px 20px;
    text-align: center;
    min-width: 120px;
}

.pqc-score[b-yxnq1jgorz] {
    font-size: 1.8rem;
    font-weight: 700;
}

.pqc-score-label[b-yxnq1jgorz] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.pqc-metrics[b-yxnq1jgorz] {
    display: grid;
    gap: 8px;
    font-size: 0.9rem;
}

.pqc-highlights[b-yxnq1jgorz] {
    display: grid;
    gap: 16px;
}

@media (min-width: 720px) {
    .pqc-highlights[b-yxnq1jgorz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.pqc-highlight-title[b-yxnq1jgorz] {
    font-weight: 600;
    margin-bottom: 6px;
}

.pqc-highlight-empty[b-yxnq1jgorz] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.pqc-option-item[b-yxnq1jgorz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pqc-option-label[b-yxnq1jgorz] {
    font-weight: 600;
}

.pqc-option-meta[b-yxnq1jgorz] {
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
}

.pqc-option-value[b-yxnq1jgorz] {
    font-size: 0.9rem;
}

ul[b-yxnq1jgorz] {
    margin: 0;
    padding-left: 18px;
    font-size: 0.9rem;
}

li + li[b-yxnq1jgorz] {
    margin-top: 6px;
}

.pqc-debug-toggle[b-yxnq1jgorz] {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
}

.pqc-debug-toggle label[b-yxnq1jgorz] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.pqc-debug-actions[b-yxnq1jgorz] {
    grid-column: 1 / -1;
    display: flex;
    gap: 10px;
    align-items: center;
}

.pqc-debug-info[b-yxnq1jgorz] {
    grid-column: 1 / -1;
    font-size: 0.75rem;
    color: var(--neutral-foreground-hint);
    display: grid;
    gap: 2px;
}

.pqc-debug-summary[b-yxnq1jgorz] {
    grid-column: 1 / -1;
    border: 1px dashed var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 12px;
    display: grid;
    gap: 12px;
    background: var(--neutral-layer-2);
}

.pqc-debug-summary-columns[b-yxnq1jgorz] {
    display: grid;
    gap: 12px;
}

@media (min-width: 720px) {
    .pqc-debug-summary-columns[b-yxnq1jgorz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.pqc-debug-summary-title[b-yxnq1jgorz] {
    font-weight: 600;
    margin-bottom: 4px;
}

.pqc-debug-summary-empty[b-yxnq1jgorz] {
    font-size: 0.8rem;
    color: var(--neutral-foreground-hint);
}

.pqc-debug-json[b-yxnq1jgorz] {
    grid-column: 1 / -1;
    font-size: 0.75rem;
}

.pqc-debug-json pre[b-yxnq1jgorz] {
    margin: 6px 0 0 0;
    max-height: 220px;
    overflow: auto;
    background: var(--neutral-layer-floating);
    padding: 8px;
    border-radius: 6px;
}

.pqc-ai-output[b-yxnq1jgorz] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 12px;
    background: var(--neutral-layer-floating);
    font-size: 0.9rem;
    line-height: 1.5;
    overflow-x: auto;
}

.pqc-ai-output-empty[b-yxnq1jgorz] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
    font-style: italic;
}

.pqc-debug-output[b-yxnq1jgorz] {
    font-size: 0.8rem;
    line-height: 1.4;
    white-space: pre-wrap;
    overflow-x: auto;
}
.pqc-ai-output table[b-yxnq1jgorz] {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
}

.pqc-ai-output thead[b-yxnq1jgorz] {
    background: var(--neutral-layer-2);
    font-weight: 600;
}

.pqc-ai-output th[b-yxnq1jgorz],
.pqc-ai-output td[b-yxnq1jgorz] {
    border: 1px solid var(--neutral-stroke-rest);
    padding: 6px 8px;
    text-align: left;
    vertical-align: top;
}

.pqc-ai-output tbody tr:nth-child(even)[b-yxnq1jgorz] {
    background: var(--neutral-layer-1);
}
/* /Domain/Utilities/Components/RequestLossRuns.razor.rz.scp.css */
.email-functions-combined[b-jxivdba69n] {
    
}

.template-selector[b-jxivdba69n] {
    margin-bottom: 1rem;
}

.no-selection-placeholder[b-jxivdba69n] {
    padding: 2rem;
    text-align: center;
    color: var(--neutral-foreground-hint);
    border: 1px dashed var(--neutral-stroke-rest);
    border-radius: 4px;
}

.email-template-sender[b-jxivdba69n] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.sender-form-row[b-jxivdba69n] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

    .sender-form-row .form-group[b-jxivdba69n] {
        flex: 1;
        min-width: 250px;
    }

.email-preview-container[b-jxivdba69n] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 10px;
    padding: .5rem;
    background-color: #fff;
}

    .email-preview-container h4[b-jxivdba69n] {
        margin-top: 0;
        margin-bottom: 1rem;
    }

.preview-placeholder[b-jxivdba69n] {
    padding: 2rem;
    text-align: center;
    color: var(--neutral-foreground-hint);
}

.preview-subject[b-jxivdba69n] {
    margin-bottom: 1rem;
}

    .preview-subject label[b-jxivdba69n] {
        font-weight: bold;
        margin-right: 0.5rem;
    }

.preview-body label[b-jxivdba69n] {
    font-weight: bold;
    margin-bottom: 0.5rem;
    display: block;
}

.preview-content[b-jxivdba69n] {
    border-top: 1px solid var(--neutral-stroke-rest);
    padding: 1rem;
    min-height: 200px;
    margin-bottom: 1rem;
    background-color: white;
}

.form-group[b-jxivdba69n] {
    margin-bottom: 1rem;
}
.btn-compose[b-jxivdba69n] {
    padding: 10px 20px;
    border: 1px solid #939393;
    border-radius: 4px;
    margin-bottom: 1rem;
    color: #494949;
}
    .btn-compose:hover[b-jxivdba69n] {
        border: 1px solid #959595;
        border-radius: 4px;
        margin-bottom: 1rem;
        background-color: #d0d0d0;
        color: #000000;
        cursor:pointer;
    }
    .efield[b-jxivdba69n] {
        width:150px;
        text-align:center;
        font-weight:100;
        color:#494949;
    }

.loss-runs-requester[b-jxivdba69n] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.product-selection[b-jxivdba69n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
}

.no-data-message[b-jxivdba69n] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background-color: var(--neutral-fill-subtle-rest);
    border-radius: 4px;
    color: var(--neutral-foreground-hint);
}

.no-data-message p[b-jxivdba69n] {
    margin: 0;
}

.section-header[b-jxivdba69n] {
    margin-bottom: 1.5rem;
}

.section-title[b-jxivdba69n] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--accent-foreground-rest);
    font-weight: 600;
}

.section-subtitle[b-jxivdba69n] {
    margin: 0.5rem 0 0;
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

.policies-table[b-jxivdba69n] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.carrier-policy-group[b-jxivdba69n] {
    background-color: var(--neutral-fill-subtle-rest);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.carrier-header[b-jxivdba69n] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem;
    background-color: var(--neutral-fill-rest);
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.carrier-info[b-jxivdba69n] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
    margin-right: 1rem;
}

.carrier-name[b-jxivdba69n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.carrier-name h4[b-jxivdba69n] {
    margin: 0;
    color: var(--accent-foreground-rest);
    font-size: 1.1rem;
    font-weight: 600;
}

.carrier-email[b-jxivdba69n] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.carrier-url[b-jxivdba69n] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.carrier-url a[b-jxivdba69n] {
    color: var(--accent-foreground-rest);
    text-decoration: none;
}

.carrier-url a:hover[b-jxivdba69n] {
    text-decoration: underline;
}

.carrier-note[b-jxivdba69n] {
    font-size: 0.9rem;
    color: var(--neutral-foreground-hint);
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    background-color: var(--neutral-fill-subtle-rest);
    border-radius: 4px;
    border-left: 3px solid var(--accent-fill-rest);
}

.carrier-note span[b-jxivdba69n] {
    flex: 1;
}

.action-buttons[b-jxivdba69n] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.policy-grid[b-jxivdba69n] {
    padding: 1rem;
    background-color:#fff;
}

.selection-row[b-jxivdba69n] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.selection-row fluent-select[b-jxivdba69n] {
    flex: 1;
}

.selection-row fluent-number-field[b-jxivdba69n] {
    width: 150px;
}
.fluent-input-label[b-jxivdba69n] {
    position: relative;
    top:5px;
}
.send-all-section[b-jxivdba69n] {
    margin-top: 2rem;
    padding: 1.5rem;
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--neutral-stroke-rest);
    background-color: var(--neutral-fill-subtle-rest);
    border-radius: 0 0 8px 8px;
}

.fluent-button[b-jxivdba69n] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    background: var(--accent-fill-rest);
    color: #fff;
    font-weight: 500;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    min-height: 36px;
    transition: background 0.15s;
}

.fluent-button:hover[b-jxivdba69n],
.fluent-button:focus[b-jxivdba69n] {
    background: var(--accent-fill-hover);
    color: #fff;
    text-decoration: none;
}

.fluent-button:active[b-jxivdba69n] {
    background: var(--accent-fill-active);
}

.fluent-button.fallback[b-jxivdba69n] {
    background: #f3f3f3;
    color: #333;
    border: 1px solid #d1d1d1;
}

.fluent-button.fallback:hover[b-jxivdba69n],
.fluent-button.fallback:focus[b-jxivdba69n] {
    background: #e0e0e0;
    color: #222;
    border: 1px solid #bcbcbc;
}
/* /Domain/Utilities/Components/SupplementalAppTransfer.razor.rz.scp.css */
.sat-container[b-e06g3656uj] {
    padding: 8px;
}
.sat-header[b-e06g3656uj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.sat-controls[b-e06g3656uj] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.sat-columns[b-e06g3656uj] {
    display: grid;
    grid-template-columns: 1fr 80px 1fr;
    gap: 16px;
}
.sat-col[b-e06g3656uj] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 10px;
}
.sat-left .sat-dropzone[b-e06g3656uj], .sat-sub .sat-dropzone[b-e06g3656uj] {
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    padding: 12px;
    margin-top: 6px;
}
.sat-right .sat-preview[b-e06g3656uj] {
    border: 2px dashed #e5e7eb;
    border-radius: 8px;
    padding: 12px;
    min-height: 140px;
}
.attachment-thumbnail[b-e06g3656uj] {
    position: relative;
    display: inline-block;
}
.attachment-thumbnail.placeholder[b-e06g3656uj] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}
.thumb-icon[b-e06g3656uj] {
    width: 110px;
    height: auto;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
}
.attachment-actions[b-e06g3656uj] {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    gap: 6px;
    background: rgba(255,255,255,0.85);
    border-radius: 4px;
    padding: 2px 4px;
}
.placeholder-text[b-e06g3656uj] {
    color: #9aa3af;
    font-size: .85em;
    margin-top: 6px;
}
.sat-label[b-e06g3656uj] {
    font-size: .9em;
    color: #6b7280;
}
.sat-progress[b-e06g3656uj] {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.sat-status[b-e06g3656uj] {
    font-size: .85em;
    color: #374151;
}
.sat-links[b-e06g3656uj] {
    margin-top: 6px;
}
.sat-advanced[b-e06g3656uj] {
    margin-top: 12px;
    padding: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fafafa;
}
.sat-inline-progress[b-e06g3656uj] {
    margin-left: 10px;
}
/* /Domain/Utilities/Components/TestEpicAttachmentUpload.razor.rz.scp.css */
.epic-test-upload[b-feydmp0d9e] {
    max-width: 960px;
}

.epic-test-upload .section-header h2[b-feydmp0d9e] {
    margin-bottom: 0;
}

.epic-test-upload .section-header p[b-feydmp0d9e] {
    margin: 0;
    color: var(--neutral-foreground-hint, #666);
}

.epic-test-upload .input-grid[b-feydmp0d9e] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.epic-test-upload .checkbox-row[b-feydmp0d9e],
.epic-test-upload .actions[b-feydmp0d9e],
.epic-test-upload .file-row[b-feydmp0d9e] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.epic-test-upload .file-chip[b-feydmp0d9e] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background-color: var(--neutral-layer-3, #f3f3f3);
}

.epic-test-upload .result-grid[b-feydmp0d9e] {
    display: grid;
    gap: 6px;
}

.epic-test-upload .result-grid .label[b-feydmp0d9e] {
    font-weight: 600;
    margin-right: 4px;
}
/* /Domain/Utilities/Utilities.razor.rz.scp.css */
.utilities-container[b-p92ka19jhz] {
    display: flex;
    height: 100%;
    padding-left: 5px;
}

.utilities-sidebar[b-p92ka19jhz] {
    width: 280px;
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 10px;
    background-color:#f1f1f1;
    box-shadow: inset -5px 0px 5px #00000012;
    border-top-left-radius: 10px;
}
.utilities-search[b-p92ka19jhz] {
    width: 80%;
    opacity: .7;
}
.utilities-search:hover[b-p92ka19jhz] {
    opacity: 1;
}
.utilities-sidebar-header[b-p92ka19jhz] {
    margin-bottom: 1rem;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 1rem;
}

.utilities-list[b-p92ka19jhz] {
    margin-top: 1rem;
    overflow-y: auto;
    flex: 1;
}

.utility-item[b-p92ka19jhz] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    margin: 0.25rem 0;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.utility-item:hover[b-p92ka19jhz] {
    background-color: #f0f0f0;
}

.utility-item.selected[b-p92ka19jhz] {
    background-color: #e6f3ff;
    color: #0078d4;
}

.utility-item fluent-icon[b-p92ka19jhz] {
    margin-right: 0.75rem;
}

.utility-item span[b-p92ka19jhz] {
    padding-left: 4px;
}

.utilities-main[b-p92ka19jhz] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
    min-height: calc(100vh - 340px);
    border-top: 1px solid #dcdcdc;
}

.utilities-home[b-p92ka19jhz] {
   /* max-width: 1200px;*/
    margin: 0 auto;
}

.utilities-home h2[b-p92ka19jhz] {
    margin-bottom: 2rem;
    color: #323130;
}

.recent-tools[b-p92ka19jhz], .frequent-tools[b-p92ka19jhz] {
    margin-bottom: 2rem;
}

.recent-tools h3[b-p92ka19jhz], .frequent-tools h3[b-p92ka19jhz] {
    margin-bottom: 1rem;
    color: #605e5c;
    font-size: 1.1rem;
}

.tool-grid[b-p92ka19jhz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.tool-card[b-p92ka19jhz] {
    background-color: white;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.tool-card:hover[b-p92ka19jhz] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tool-card fluent-icon[b-p92ka19jhz] {
    margin-bottom: 0.75rem;
    color: #0078d4;
}

.tool-header[b-p92ka19jhz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e1e1e1;
}

.tool-header h2[b-p92ka19jhz] {
    margin: 0;
    color: #323130;
}

.tool-content[b-p92ka19jhz] {
    background-color: white;
    border-radius: 4px;
    padding: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
} 

/* Make only the featured homepage utility button square (height = width) */
.featured-tools .tool-card[b-p92ka19jhz] {
    height:100px;
    justify-content: center; /* vertical center icon + label */
}

/* Make featured icon larger only in featured button */
.featured-tools .tool-card fluent-icon[b-p92ka19jhz],
.featured-tools .tool-card fluent-icon svg[b-p92ka19jhz] {
    font-size: 32px;
    width: 32px;
    height: 32px;
}

.featured-tools .tool-card span[b-p92ka19jhz] {
    text-align: center;
}