/* /Components/DocumentList.razor.rz.scp.css */
.doc-hint[b-dyhoqarj8v] { display: flex; align-items: center; margin: 6px 0; font-size: 12.5px; color: #5B6575; }
.spin[b-dyhoqarj8v] { display: inline-block; width: 12px; height: 12px; margin-right: 8px; border: 2px solid #C9D6EE; border-top-color: #2F6FED; border-radius: 50%; animation: doc-spin-b-dyhoqarj8v .8s linear infinite; }
@keyframes doc-spin-b-dyhoqarj8v { to { transform: rotate(360deg); } }
.doc-check[b-dyhoqarj8v] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.doc-check-k[b-dyhoqarj8v] { margin-right: 4px; font-size: 11px; font-weight: 700; color: #5B6575; text-transform: uppercase; letter-spacing: .05em; }
.doc-pill[b-dyhoqarj8v] { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px 3px 6px; border-radius: 99px; font-size: 12px; border: 1px solid; }
.doc-pill b[b-dyhoqarj8v] { display: inline-grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; font-size: 10px; }
.doc-pill.have[b-dyhoqarj8v] { background: #F1FAF4; border-color: #BFE3CB; color: #14532D; } .doc-pill.have b[b-dyhoqarj8v] { background: #14532D; color: #FFFFFF; }
.doc-pill.miss[b-dyhoqarj8v] { background: #FFFFFF; border-color: #E3E7ED; border-style: dashed; color: #8A94A3; } .doc-pill.miss b[b-dyhoqarj8v] { background: #EEF1F4; color: #8A94A3; }
.doc-pill.early[b-dyhoqarj8v] { background: #FFFFFF; border-color: #EEF1F4; color: #B4BCC8; } .doc-pill.early b[b-dyhoqarj8v] { background: #F6F8FB; color: #B4BCC8; }
.doc-hint-inline[b-dyhoqarj8v] { font-size: 11px; color: #8A94A3; }
.doc[b-dyhoqarj8v] { display: grid; grid-template-columns: 130px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 7px 0; border-top: 1px solid #EEF1F4; }
.doc-kind[b-dyhoqarj8v] { justify-self: start; padding: 2px 8px; border-radius: 6px; font-size: 11.5px; font-weight: 600; background: #EEF1F4; color: #2B3646; }
.doc-kind.k-proforma[b-dyhoqarj8v], .doc-kind.k-invoice[b-dyhoqarj8v] { background: #EEF3FF; color: #1E3A8A; }
.doc-kind.k-packinglist[b-dyhoqarj8v], .doc-kind.k-certificateoforigin[b-dyhoqarj8v], .doc-kind.k-billoflading[b-dyhoqarj8v] { background: #F1FAF4; color: #14532D; }
.doc-kind.k-order[b-dyhoqarj8v], .doc-kind.k-quotation[b-dyhoqarj8v] { background: #FFF7ED; color: #9A3412; }
.doc-kind.k-payment[b-dyhoqarj8v], .doc-kind.k-bankdetails[b-dyhoqarj8v] { background: #FDF2F8; color: #831843; }
.doc-kind.k-other[b-dyhoqarj8v] { background: #F6F8FB; color: #5B6575; font-weight: 500; }
.doc-main[b-dyhoqarj8v] { min-width: 0; }
.doc-main a[b-dyhoqarj8v] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 600; color: #15202E; text-decoration: none; }
.doc-main a:hover[b-dyhoqarj8v] { color: #1D4ED8; text-decoration: underline; }
.doc-main small[b-dyhoqarj8v] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #5B6575; }
.doc-type[b-dyhoqarj8v] { font-family: var(--font-mono); font-size: 10.5px; color: #8A94A3; }
.doc-more[b-dyhoqarj8v] { margin-top: 6px; padding: 0; border: 0; background: none; color: #1D4ED8; font: inherit; font-size: 13px; cursor: pointer; }
@media (max-width: 700px) { .doc[b-dyhoqarj8v] { grid-template-columns: minmax(0, 1fr) auto; } .doc-kind[b-dyhoqarj8v] { grid-column: 1 / -1; } }
.doc[b-dyhoqarj8v] { align-items: start; }
.doc-kind.guess[b-dyhoqarj8v] { background: #FFFFFF; border: 1px dashed #C9D0DA; color: #5B6575; font-weight: 500; }
.doc-read[b-dyhoqarj8v] { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 3px; font-size: 12.5px; color: #2B3646; }
.doc-read i[b-dyhoqarj8v] { font-style: normal; color: #8A94A3; }
.doc-read b[b-dyhoqarj8v] { font-variant-numeric: tabular-nums; color: #12233F; }
.doc-issuer[b-dyhoqarj8v] { color: #5B6575; }
.doc-refs[b-dyhoqarj8v] { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.doc-ref[b-dyhoqarj8v] { padding: 1px 7px; border-radius: 99px; background: #F6F8FB; border: 1px solid #E3E7ED; font-family: var(--font-mono); font-size: 11px; color: #2B3646; }
.doc-ref.t-acid[b-dyhoqarj8v], .doc-ref.t-bl[b-dyhoqarj8v], .doc-ref.t-container[b-dyhoqarj8v] { background: #F1FAF4; border-color: #BFE3CB; color: #14532D; }
.doc-summary[b-dyhoqarj8v] { display: block; margin-top: 3px; font-size: 12px; color: #5B6575; }
.doc-status[b-dyhoqarj8v] { display: flex; align-items: center; margin-top: 3px; font-size: 12px; color: #1D4ED8; font-weight: 600; }
.doc-status.bad[b-dyhoqarj8v] { color: #8B1111; }
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth[b-ewvxhdbraa] { min-height: 100vh; background: #F4F5F7; color: #15202E; padding: 64px 16px 32px; display: flex; flex-direction: column; align-items: center; }
.auth-brand[b-ewvxhdbraa] { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: #13233A; }
.mark[b-ewvxhdbraa] { width: 32px; height: 32px; border-radius: 8px; background: #2F6FED; color: #FFFFFF; display: grid; place-items: center; font-weight: 700; font-size: 13px; }
main[b-ewvxhdbraa] { width: 100%; }
main[b-ewvxhdbraa]  .ui-gate { margin-top: 28px; }
#blazor-error-ui[b-ewvxhdbraa] { display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: .6rem 1.25rem; background: lightyellow; z-index: 1000; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-80vexnvvdm] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-80vexnvvdm] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.shell[b-80vexnvvdm] { min-height: 100vh; background: #F4F5F7; color: #15202E; }
.topbar[b-80vexnvvdm] { background: #13233A; color: #FFFFFF; }
.topbar-inner[b-80vexnvvdm] { max-width: 1320px; margin: 0 auto; padding: 0 20px; min-height: 60px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; }
.brand[b-80vexnvvdm] { display: flex; align-items: center; gap: 10px; color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 16px; }
.brand-mark[b-80vexnvvdm] { width: 30px; height: 30px; border-radius: 7px; background: #2F6FED; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; }
.topnav[b-80vexnvvdm] { display: flex; gap: 4px; flex-wrap: wrap; }
.topnav[b-80vexnvvdm]  .topnav-item { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 8px; color: #FFFFFF; font-size: 14px; font-weight: 500; text-decoration: none; }
.topnav[b-80vexnvvdm]  .topnav-item:hover { background: rgba(255,255,255,.08); }
.topnav[b-80vexnvvdm]  .topnav-item.active { background: #2A3D5C; }
.who[b-80vexnvvdm] { margin-left: auto; display: flex; align-items: center; gap: 10px; font-size: 13px; }
.who-name[b-80vexnvvdm] { font-weight: 600; }
.who-role[b-80vexnvvdm] { color: #B8C4D6; }
.who form[b-80vexnvvdm] { margin: 0; }
.who button[b-80vexnvvdm] { width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #C6D5E8; cursor: pointer; font-size: 18px; }
.who button:hover[b-80vexnvvdm] { background: rgba(255,255,255,.1); color: #FFFFFF; }
@media (max-width: 640px) { .who-role[b-80vexnvvdm] { display: none; } }
.topnav .topnav-group[b-80vexnvvdm] { display: inline-flex; align-items: center; margin-left: 10px; padding-left: 12px; border-left: 1px solid rgba(255,255,255,.25); color: rgba(255,255,255,.6); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-xgnfisblhb],
.components-reconnect-repeated-attempt-visible[b-xgnfisblhb],
.components-reconnect-failed-visible[b-xgnfisblhb],
.components-pause-visible[b-xgnfisblhb],
.components-resume-failed-visible[b-xgnfisblhb],
.components-rejoining-animation[b-xgnfisblhb] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-xgnfisblhb],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-xgnfisblhb],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-xgnfisblhb],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-xgnfisblhb],
#components-reconnect-modal.components-reconnect-retrying[b-xgnfisblhb],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-xgnfisblhb],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-xgnfisblhb],
#components-reconnect-modal.components-reconnect-failed[b-xgnfisblhb],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-xgnfisblhb] {
    display: block;
}


#components-reconnect-modal[b-xgnfisblhb] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-xgnfisblhb 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-xgnfisblhb 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-xgnfisblhb 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-xgnfisblhb]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-xgnfisblhb 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-xgnfisblhb {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-xgnfisblhb {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-xgnfisblhb {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-xgnfisblhb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-xgnfisblhb] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-xgnfisblhb] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-xgnfisblhb] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-xgnfisblhb] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-xgnfisblhb] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-xgnfisblhb] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-xgnfisblhb 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-xgnfisblhb] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-xgnfisblhb {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/MarkLegend.razor.rz.scp.css */
.legend[b-7hbcpdxbo9] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; min-width: 0; font-size: 12px; color: #5B6575; }
.legend.end[b-7hbcpdxbo9] { flex: 1 1 auto; justify-content: flex-end; }
.legend span[b-7hbcpdxbo9] { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.m[b-7hbcpdxbo9] { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 6px; border: 1px solid; font-size: 12px; font-weight: 700; }
.m.ok[b-7hbcpdxbo9] { background: #F1FAF4; color: #14532D; border-color: #BFE3CB; }
.m.rev[b-7hbcpdxbo9] { background: #EEF3FF; color: #1E3A8A; border-color: #C5D5FB; }
.m.email[b-7hbcpdxbo9] { background: #F6F8FB; color: #3D4756; border-color: #D5DAE1; border-style: dashed; }
.m.new[b-7hbcpdxbo9] { background: #FFF4EC; color: #7C2D12; border-color: #F7CDB0; }
@media (max-width: 760px) { .legend.end[b-7hbcpdxbo9] { justify-content: flex-start; } }
/* /Components/Pages/Actions.razor.rz.scp.css */
.page[b-pdjt7p7oos] { max-width: 1240px; margin: 0 auto; padding: 20px 16px 48px; }
.muted[b-pdjt7p7oos] { color: #5B6575; display: flex; align-items: center; }
.spin[b-pdjt7p7oos] { display: inline-block; width: 14px; height: 14px; margin-right: 8px; border: 2px solid #C9D6EE; border-top-color: #2F6FED; border-radius: 50%; animation: aq-spin-b-pdjt7p7oos .8s linear infinite; }
@keyframes aq-spin-b-pdjt7p7oos { to { transform: rotate(360deg); } }
.aq[b-pdjt7p7oos] { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 20px; margin-top: 16px; align-items: start; }
.aq-rail[b-pdjt7p7oos] { position: sticky; top: 12px; display: flex; flex-direction: column; padding: 8px; border: 1px solid #E3E7ED; border-radius: 10px; background: #FFFFFF; }
.aq-pick[b-pdjt7p7oos] { display: none; }
.aq-dept[b-pdjt7p7oos] { padding: 10px 8px 4px; font-size: 12.5px; font-weight: 600; color: #5B6575; }
.aq-dept:first-of-type[b-pdjt7p7oos] { padding-top: 2px; }
.aq-dept.bad[b-pdjt7p7oos] { color: #8B1111; }
.aq-person[b-pdjt7p7oos] { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 7px 8px; border: 0; border-radius: 6px; background: none; font: inherit; font-size: 14px; color: #15202E; text-align: left; cursor: pointer; }
.aq-person:hover[b-pdjt7p7oos] { background: #F6F8FB; }
.aq-person.on[b-pdjt7p7oos] { background: #12233F; color: #FFFFFF; }
.aq-person.bad .aq-name[b-pdjt7p7oos] { color: #8B1111; } .aq-person.on.bad .aq-name[b-pdjt7p7oos] { color: #FFFFFF; }
.aq-n[b-pdjt7p7oos] { display: inline-flex; gap: 8px; align-items: baseline; font-variant-numeric: tabular-nums; }
.aq-n b[b-pdjt7p7oos] { color: #9A3412; } .aq-n small[b-pdjt7p7oos] { font-size: 12.5px; color: #8A94A3; }
.aq-person.on .aq-n b[b-pdjt7p7oos], .aq-person.on .aq-n small[b-pdjt7p7oos] { color: #FFFFFF; }
.aq-head[b-pdjt7p7oos] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.aq-head div[b-pdjt7p7oos] { display: flex; align-items: baseline; gap: 8px; }
.aq-head h2[b-pdjt7p7oos] { margin: 0; font-size: 20px; color: #12233F; }
.aq-head span[b-pdjt7p7oos] { color: #5B6575; font-size: 14px; }
.aq-sec[b-pdjt7p7oos] { margin-bottom: 14px; border: 1px solid #E3E7ED; border-left: 3px solid #D5DAE1; border-radius: 0 10px 10px 0; background: #FFFFFF; }
.aq-sec.us[b-pdjt7p7oos] { border-left-color: #E8833A; } .aq-sec.them[b-pdjt7p7oos] { border-left-color: #8FAEEF; }
.aq-sec > header[b-pdjt7p7oos] { display: flex; align-items: baseline; gap: 8px; padding: 10px 14px; border-bottom: 1px solid #EEF1F4; }
.aq-sec > header b[b-pdjt7p7oos] { font-size: 15px; color: #12233F; }
.aq-sec > header span[b-pdjt7p7oos] { font-size: 13px; color: #5B6575; }
.aq-sec > header i[b-pdjt7p7oos] { margin-left: auto; font-style: normal; font-weight: 600; color: #3D4756; font-variant-numeric: tabular-nums; }
.aq-none[b-pdjt7p7oos] { margin: 0; padding: 10px 14px; font-size: 13.5px; color: #8A94A3; }
.aq-item[b-pdjt7p7oos] { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: baseline; padding: 9px 14px; border-top: 1px solid #EEF1F4; color: inherit; text-decoration: none; }
.aq-item:first-of-type[b-pdjt7p7oos] { border-top: 0; }
.aq-item:hover[b-pdjt7p7oos] { background: #F6F8FB; }
.aq-days[b-pdjt7p7oos] { text-align: right; font-variant-numeric: tabular-nums; font-size: 14px; color: #3D4756; }
.aq-days.old[b-pdjt7p7oos] { color: #9A3412; font-weight: 600; }
.aq-what[b-pdjt7p7oos] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.aq-what b[b-pdjt7p7oos] { font-size: 14.5px; font-weight: 600; color: #12233F; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aq-what small[b-pdjt7p7oos] { font-size: 13px; color: #5B6575; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aq-tags[b-pdjt7p7oos] { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
.aq-tags i[b-pdjt7p7oos] { padding: 0 7px; border-radius: 4px; background: #F1F4F8; color: #5B6575; font-size: 12px; font-style: normal; line-height: 20px; white-space: nowrap; }
.aq-tags i.bad[b-pdjt7p7oos] { background: #FEF2F2; color: #8B1111; } .aq-tags i.late[b-pdjt7p7oos] { background: #FFF7ED; color: #9A3412; } .aq-tags i.note[b-pdjt7p7oos] { background: none; padding: 0; }
.aq-foot[b-pdjt7p7oos] { margin-top: 14px; font-size: 13px; }
@media (max-width: 800px) {
  .aq[b-pdjt7p7oos] { grid-template-columns: 1fr; }
  .aq-rail[b-pdjt7p7oos] { position: static; padding: 0; border: 0; background: none; }
  .aq-rail > :not(.aq-pick)[b-pdjt7p7oos] { display: none; }
  .aq-pick[b-pdjt7p7oos] { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 4px 0 10px; border: 1px solid #D5DAE1; border-radius: 8px; background: #FFFFFF; font-size: 13px; color: #5B6575; }
  .aq-pick select[b-pdjt7p7oos] { flex: 1; border: 0; background: transparent; font: inherit; font-size: 14px; color: #15202E; }
  .aq-item[b-pdjt7p7oos] { grid-template-columns: 48px minmax(0, 1fr); } .aq-tags[b-pdjt7p7oos] { grid-column: 2; justify-content: flex-start; }
  .aq-head[b-pdjt7p7oos] { flex-direction: column; gap: 2px; } .aq-head h2[b-pdjt7p7oos] { font-size: 18px; }
  .aq-what b[b-pdjt7p7oos] { white-space: normal; }
}
/* /Components/Pages/AiSettings.razor.rz.scp.css */
.auto[b-nxztzsyzwp] { margin-top: 14px; }
.auto-note[b-nxztzsyzwp] { grid-column: 1 / -1; font-size: 13px; color: var(--ui-ink-2); }
.grid[b-nxztzsyzwp] { margin-top: 18px; }
.prices[b-nxztzsyzwp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ui-tile b.dim[b-nxztzsyzwp] { color: var(--ui-faint); }
.ui-alert[b-nxztzsyzwp] { margin: 12px 0 0; }
.ui-save .ui-alert[b-nxztzsyzwp] { margin: 0; }

.rules[b-nxztzsyzwp] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.rule[b-nxztzsyzwp] { border-radius: 10px; padding: 12px; font-size: 13px; line-height: 1.45; }
.rule p[b-nxztzsyzwp] { margin: 4px 0 0; color: #2B3646; }
.ok-rule[b-nxztzsyzwp] { background: #F1FAF4; } .ok-rule > b[b-nxztzsyzwp] { color: var(--ui-ok); }
.rev-rule[b-nxztzsyzwp] { background: var(--ui-blue-soft); } .rev-rule > b[b-nxztzsyzwp] { color: var(--ui-info); }
.new-rule[b-nxztzsyzwp] { background: #FFF4EC; } .new-rule > b[b-nxztzsyzwp] { color: #7C2D12; }
.rules-note[b-nxztzsyzwp] { margin-top: 12px; }

.prompt-head .ui-hint[b-nxztzsyzwp] { margin-right: 0; }
.version[b-nxztzsyzwp] { font-family: var(--font-mono); font-size: 12px; background: #EEF2F7; border-radius: 6px; padding: 2px 8px; }
.seg[b-nxztzsyzwp] { margin-left: auto; display: flex; gap: 4px; background: var(--ui-line-soft); border-radius: 9px; padding: 3px; }
.seg button[b-nxztzsyzwp] { font: inherit; font-size: 13px; font-weight: 600; border: 0; border-radius: 7px; padding: 6px 12px; cursor: pointer; background: transparent; color: var(--ui-muted); }
.seg button.on[b-nxztzsyzwp] { background: #FFFFFF; color: var(--ui-ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .12); }
.code[b-nxztzsyzwp] { margin: 0; max-height: 360px; overflow: auto; background: #0F1B2D; color: #D6E2F5; border-radius: 10px; padding: 16px; font-family: var(--font-mono); font-size: 12px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }

.ui-table[b-nxztzsyzwp] { min-width: 760px; }
.subject[b-nxztzsyzwp] { max-width: 380px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.subject a[b-nxztzsyzwp] { color: var(--ui-ink); text-decoration: none; font-weight: 500; }
.subject a:hover[b-nxztzsyzwp] { color: var(--ui-blue-ink); text-decoration: underline; }

@media (max-width: 900px) { .rules[b-nxztzsyzwp], .prices[b-nxztzsyzwp] { grid-template-columns: 1fr; } .seg[b-nxztzsyzwp] { margin-left: 0; } }
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.page[b-8msju2vuvc] { max-width: 1320px; margin: 0 auto; padding: 20px 0 0; color: #15202E; }
.head[b-8msju2vuvc] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 16px; margin-bottom: 18px; }
.date[b-8msju2vuvc] { font-size: 13px; color: #5B6575; }
h1[b-8msju2vuvc] { margin: 2px 0 0; font-size: 26px; font-weight: 600; }
.coverage[b-8msju2vuvc] { margin-left: auto; display: flex; align-items: center; gap: 12px; font-size: 13px; color: #5B6575; }
.cov-pill[b-8msju2vuvc] { display: inline-flex; align-items: center; gap: 6px; background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 999px; padding: 6px 12px; }
.cov-pill i[b-8msju2vuvc] { width: 8px; height: 8px; border-radius: 50%; background: #2F6FED; }
.cov-pill b[b-8msju2vuvc] { color: #15202E; }
.coverage a[b-8msju2vuvc] { font-weight: 600; color: #1D4ED8; text-decoration: none; }
.muted[b-8msju2vuvc] { color: #5B6575; }

.kpis[b-8msju2vuvc] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.kpis.five[b-8msju2vuvc] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.k-neutral[b-8msju2vuvc] { border-top-color: #13233A; } .k-neutral .k-label[b-8msju2vuvc] { color: #13233A; }
.section-title[b-8msju2vuvc] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin: 26px 0 12px; font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #3D4756; }
.section-title:first-of-type[b-8msju2vuvc] { margin-top: 4px; }
.section-title span[b-8msju2vuvc] { font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #5B6575; }
.section-title a[b-8msju2vuvc] { color: #1D4ED8; font-weight: 600; text-decoration: none; }
.stale[b-8msju2vuvc] { background: #FFF7E6; color: #7A4B00; border: 1px solid #F5D9A8; border-radius: 999px; padding: 6px 12px; font-size: 12px; }
.wide[b-8msju2vuvc] { margin-top: 18px; }
.months[b-8msju2vuvc] { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 6px; align-items: end; height: 140px; }
.month[b-8msju2vuvc] { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 100%; }
.month b[b-8msju2vuvc] { font-size: 11px; color: #3D4756; }
.month small[b-8msju2vuvc] { font-size: 10px; color: #5B6575; }
.stackbar[b-8msju2vuvc] { width: 100%; display: flex; flex-direction: column-reverse; }
.stackbar i[b-8msju2vuvc] { display: block; width: 100%; }
.stackbar i.in[b-8msju2vuvc], .keys i.in[b-8msju2vuvc] { background: #2F6FED; }
.stackbar i.out[b-8msju2vuvc], .keys i.out[b-8msju2vuvc] { background: #C2410C; }
.stackbar i:last-child[b-8msju2vuvc] { border-radius: 4px 4px 0 0; }
.keys[b-8msju2vuvc] { display: flex; gap: 14px; margin-top: 10px; font-size: 12px; color: #5B6575; }
.keys span[b-8msju2vuvc] { display: inline-flex; align-items: center; gap: 6px; }
.keys i[b-8msju2vuvc] { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.table-box[b-8msju2vuvc] { overflow-x: auto; }
.tbl[b-8msju2vuvc] { width: 100%; border-collapse: collapse; font-size: 13px; }
.tbl th[b-8msju2vuvc] { text-align: left; padding: 8px 12px 8px 0; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #5B6575; white-space: nowrap; }
.tbl td[b-8msju2vuvc] { padding: 9px 12px 9px 0; border-top: 1px solid #EEF1F4; vertical-align: middle; }
.tbl td a[b-8msju2vuvc] { color: #15202E; text-decoration: none; }
.tbl td a:hover b[b-8msju2vuvc] { color: #1D4ED8; }
.tbl td small[b-8msju2vuvc] { display: block; font-size: 11px; color: #5B6575; }
.tbl .num[b-8msju2vuvc] { text-align: right; font-variant-numeric: tabular-nums; }
.tbl .slow[b-8msju2vuvc] { color: #9A3412; font-weight: 700; }
.nowrap[b-8msju2vuvc] { white-space: nowrap; }
.spark[b-8msju2vuvc] { display: inline-flex; align-items: flex-end; gap: 2px; height: 22px; }
.spark i[b-8msju2vuvc] { display: block; width: 7px; background: #9DB8F5; border-radius: 2px 2px 0 0; min-height: 1px; }
.kpi[b-8msju2vuvc] { display: grid; gap: 4px; background: #FFFFFF; border: 1px solid #DDE2E8; border-top: 4px solid; border-radius: 12px; padding: 16px; color: #15202E; text-decoration: none; }
.kpi:hover[b-8msju2vuvc] { box-shadow: 0 4px 14px rgba(19, 35, 58, .08); }
.k-label[b-8msju2vuvc] { font-size: 13px; font-weight: 600; }
.k-value[b-8msju2vuvc] { font-size: 34px; font-weight: 700; line-height: 1.1; }
.k-value small[b-8msju2vuvc] { font-size: 14px; font-weight: 500; color: #5B6575; }
.k-sub[b-8msju2vuvc] { font-size: 13px; color: #5B6575; }
.k-us[b-8msju2vuvc] { border-top-color: #C2410C; } .k-us .k-label[b-8msju2vuvc] { color: #7C2D12; }
.k-them[b-8msju2vuvc] { border-top-color: #2F6FED; } .k-them .k-label[b-8msju2vuvc] { color: #1E3A8A; }
.k-blocked[b-8msju2vuvc] { border-top-color: #B91C1C; } .k-blocked .k-label[b-8msju2vuvc] { color: #991B1B; }
.k-review[b-8msju2vuvc] { border-top-color: #8A94A3; } .k-review .k-label[b-8msju2vuvc] { color: #3D4756; }

.cols[b-8msju2vuvc] { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.cols2[b-8msju2vuvc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
.stack[b-8msju2vuvc] { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.card[b-8msju2vuvc] { background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 12px; padding: 16px 18px; min-width: 0; }
.card-head[b-8msju2vuvc] { display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px; }
.card-head h2[b-8msju2vuvc] { margin: 0; font-size: 16px; font-weight: 600; }
.card-head span[b-8msju2vuvc] { font-size: 12px; color: #5B6575; }
.card-head a[b-8msju2vuvc] { margin-left: auto; font-size: 13px; font-weight: 600; color: #1D4ED8; text-decoration: none; }
.empty[b-8msju2vuvc] { margin: 8px 0; color: #5B6575; font-size: 13px; }
.mono[b-8msju2vuvc] { font-family: var(--font-mono); font-weight: 600; }

.act[b-8msju2vuvc] { display: grid; grid-template-columns: 60px minmax(0, 1fr) 130px; gap: 12px; align-items: center; padding: 11px 0; border-top: 1px solid #EEF1F4; color: #15202E; text-decoration: none; }
.act:hover .act-main b[b-8msju2vuvc] { color: #1D4ED8; }
.age[b-8msju2vuvc] { display: grid; justify-items: center; border-radius: 8px; padding: 5px 0; }
.age b[b-8msju2vuvc] { font-size: 18px; line-height: 1.1; }
.age small[b-8msju2vuvc] { font-size: 10px; font-weight: 600; }
.age.old[b-8msju2vuvc] { background: #FDE2CF; color: #9A3412; } .age.mid[b-8msju2vuvc] { background: #FFF1E0; color: #9A3412; } .age.new[b-8msju2vuvc] { background: #EEF1F4; color: #3D4756; }
.act-main[b-8msju2vuvc] { min-width: 0; display: grid; gap: 2px; }
.act-main b[b-8msju2vuvc] { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.act-main small[b-8msju2vuvc] { font-size: 12px; color: #5B6575; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.act-side[b-8msju2vuvc] { display: grid; justify-items: end; gap: 2px; font-size: 13px; }
.act-side small[b-8msju2vuvc] { font-size: 12px; color: #5B6575; }
.no-owner[b-8msju2vuvc] { color: #9A3412 !important; font-weight: 600; }

.duo[b-8msju2vuvc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 6px 0 12px; }
.duo > div[b-8msju2vuvc] { border-radius: 10px; padding: 10px 12px; display: grid; gap: 2px; }
.duo span[b-8msju2vuvc], .duo small[b-8msju2vuvc] { font-size: 12px; }
.duo b[b-8msju2vuvc] { font-size: 24px; }
.duo-us[b-8msju2vuvc] { background: #FFF4EC; color: #7C2D12; } .duo-us b[b-8msju2vuvc] { color: #9A3412; }
.duo-them[b-8msju2vuvc] { background: #EEF3FF; color: #1E3A8A; }
.co[b-8msju2vuvc] { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 10px; align-items: center; padding: 5px 0; }
.co-name[b-8msju2vuvc] { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.co-bars[b-8msju2vuvc] { display: grid; gap: 3px; }
.co-row[b-8msju2vuvc] { display: flex; align-items: center; gap: 6px; font-size: 11px; }
.co-row i[b-8msju2vuvc] { height: 8px; border-radius: 4px; display: block; }
.b-us[b-8msju2vuvc] { background: #C2410C; } .b-them[b-8msju2vuvc] { background: #2F6FED; }
.co-row span[b-8msju2vuvc] { white-space: nowrap; color: #5B6575; }
.insight[b-8msju2vuvc] { margin: 10px 0 0; padding: 8px 10px; border-radius: 8px; background: #FFF7E6; color: #7A4B00; font-size: 12px; }

.pipe[b-8msju2vuvc] { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 4px; align-items: end; }
.pipe-col[b-8msju2vuvc] { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 118px; text-decoration: none; color: #15202E; }
.pipe-col b[b-8msju2vuvc] { font-size: 12px; }
.pipe-col i[b-8msju2vuvc] { width: 100%; border-radius: 4px 4px 0 0; background: #2F6FED; display: block; }
.pipe-col i.zero[b-8msju2vuvc] { background: #E3E7ED; }
.pipe-col small[b-8msju2vuvc] { font-size: 10px; color: #5B6575; }
.pipe-col:hover i:not(.zero)[b-8msju2vuvc] { background: #1E3A8A; }

.wait-row[b-8msju2vuvc] { display: grid; grid-template-columns: minmax(0, 1fr) 110px 56px; gap: 10px; align-items: center; padding: 9px 0; border-top: 1px solid #EEF1F4; font-size: 13px; color: #15202E; text-decoration: none; }
.days[b-8msju2vuvc] { text-align: right; }
.days.long[b-8msju2vuvc] { color: #9A3412; }
.owner[b-8msju2vuvc] { display: grid; grid-template-columns: 150px minmax(0, 1fr) 30px; gap: 10px; align-items: center; padding: 8px 0; font-size: 13px; }
.owner span[b-8msju2vuvc] { font-weight: 600; }
.o-bar[b-8msju2vuvc] { height: 10px; border-radius: 5px; background: #EEF1F4; }
.o-bar i[b-8msju2vuvc] { display: block; height: 10px; border-radius: 5px; background: #2F6FED; }
.o-bar i.warn[b-8msju2vuvc] { background: #C2410C; }
.owner b[b-8msju2vuvc] { text-align: right; }
.note[b-8msju2vuvc] { margin: 10px 0 0; font-size: 12px; color: #5B6575; }
.note a[b-8msju2vuvc] { color: #1D4ED8; }

@media (max-width: 1000px) { .kpis[b-8msju2vuvc], .kpis.five[b-8msju2vuvc] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cols[b-8msju2vuvc], .cols2[b-8msju2vuvc] { grid-template-columns: 1fr; } }
a:focus-visible[b-8msju2vuvc] { outline: 2px solid #2F6FED; outline-offset: 2px; }
.warn-text[b-8msju2vuvc] { color: #9A3412 !important; }
.late-text[b-8msju2vuvc] { color: #9A3412; font-size: 11px; }
/* /Components/Pages/DealPage.razor.rz.scp.css */
/* The deal page: one calm column. Pieces that look like the Deals list (tags, chips, scoreboard, part cards) live in owner.css. */
.page[b-f4tbnm1uj2] { max-width: 1240px; margin: 0 auto; padding: 20px 16px 48px; font-size: 14px; color: #15202E; }
.back[b-f4tbnm1uj2] { display: inline-block; margin-bottom: 10px; color: #1D4ED8; text-decoration: none; font-size: 14px; }
.back:hover[b-f4tbnm1uj2] { text-decoration: underline; }
.muted[b-f4tbnm1uj2] { color: #5B6575; display: flex; align-items: center; }
.spin[b-f4tbnm1uj2] { display: inline-block; width: 14px; height: 14px; margin-right: 8px; border: 2px solid #C9D6EE; border-top-color: #2F6FED; border-radius: 50%; animation: dp-spin-b-f4tbnm1uj2 .8s linear infinite; }
@keyframes dp-spin-b-f4tbnm1uj2 { to { transform: rotate(360deg); } }
.mono[b-f4tbnm1uj2] { font-family: var(--font-mono); }

/* Headings: sentence case, small and muted, like the Today panel. */
h2[b-f4tbnm1uj2] { margin: 22px 0 8px; font-size: 13.5px; font-weight: 600; color: #5B6575; text-transform: none; letter-spacing: 0; }
h2 .count[b-f4tbnm1uj2] { margin-left: 2px; color: #12233F; font-variant-numeric: tabular-nums; }
h2 small[b-f4tbnm1uj2] { margin-left: 6px; }
.hint[b-f4tbnm1uj2] { margin: 4px 0; font-size: 13px; font-weight: 400; color: #8A94A3; }

.story[b-f4tbnm1uj2] { margin: 0 0 6px; padding: 12px 16px; border-left: 4px solid #12233F; border-radius: 0 8px 8px 0; background: #F6F8FB; font-size: 16px; line-height: 1.6; color: #12233F; }
.story small[b-f4tbnm1uj2] { margin-left: 4px; font-size: 12.5px; color: #8A94A3; white-space: nowrap; }

/* Orders and shipments, side by side. */
.parts[b-f4tbnm1uj2] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; margin-bottom: 8px; }
.parts h2[b-f4tbnm1uj2] { margin-top: 16px; }
.part-sum[b-f4tbnm1uj2] { margin: 0; font-size: 14px; line-height: 1.55; color: #2B3646; }
.ok[b-f4tbnm1uj2] { color: #14532D; }
.also[b-f4tbnm1uj2] { color: #3D4756; }
.papers[b-f4tbnm1uj2] { display: inline-flex; flex-wrap: wrap; gap: 0 10px; }
.papers i[b-f4tbnm1uj2] { font-style: normal; color: #8A94A3; } .papers i.have[b-f4tbnm1uj2] { color: #14532D; }

.edit[b-f4tbnm1uj2] { margin-left: auto; padding: 0 10px; height: 26px; border: 1px solid #E3E7ED; border-radius: 6px; background: #FFFFFF; color: #5B6575; font: inherit; font-size: 12.5px; cursor: pointer; }
.edit:hover[b-f4tbnm1uj2] { border-color: #9DB8F2; color: #1E3A8A; }
.dp-amt + .edit[b-f4tbnm1uj2], .dp-amt ~ .edit[b-f4tbnm1uj2] { margin-left: 0; }
.editor[b-f4tbnm1uj2] { display: flex; flex-direction: column; gap: 6px; padding-top: 10px; border-top: 1px dashed #E3E7ED; }
.editor label[b-f4tbnm1uj2] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13.5px; }
.editor .ref[b-f4tbnm1uj2] { padding: 1px 7px; border-radius: 5px; background: #F1F4F8; font-family: var(--font-mono); font-size: 12px; color: #2B3646; }
.editor select[b-f4tbnm1uj2] { padding: 3px 6px; border: 1px solid #D5DAE1; border-radius: 6px; font: inherit; font-size: 13px; }
.changes[b-f4tbnm1uj2] { margin: 4px 0 12px; padding: 10px 18px; border-radius: 10px; background: #FFF7ED; font-size: 14px; color: #15202E; }
.changes > b[b-f4tbnm1uj2] { color: #9A3412; }
.changes small[b-f4tbnm1uj2] { color: #5B6575; }
.change[b-f4tbnm1uj2] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 6px; }
.change .edit[b-f4tbnm1uj2] { margin-left: 0; }
.move-error[b-f4tbnm1uj2] { color: #8B1111; font-size: 14px; }

/* What happened | Dates and Money. */
.cols[b-f4tbnm1uj2] { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 16px; align-items: start; margin-top: 16px; }
.stack[b-f4tbnm1uj2] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.card[b-f4tbnm1uj2] { padding: 14px 18px; border: 1px solid #E3E7ED; border-radius: 10px; background: #FFFFFF; min-width: 0; margin-top: 16px; }
.cols .card[b-f4tbnm1uj2], .stack .card[b-f4tbnm1uj2] { margin-top: 0; }
.card > h2[b-f4tbnm1uj2] { margin-top: 0; }
.fact-like[b-f4tbnm1uj2] { display: grid; grid-template-columns: 130px minmax(0, 150px) minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 7px 0; border-top: 1px solid #EEF1F4; font-size: 14px; line-height: 20px; color: #3D4756; }
.fact-like b[b-f4tbnm1uj2] { color: #12233F; font-variant-numeric: tabular-nums; white-space: nowrap; font-size: 13.5px; } .fact-like small[b-f4tbnm1uj2] { color: #5B6575; font-size: 13px; }
.story-list[b-f4tbnm1uj2] { margin: 0; padding: 0; list-style: none; }
.story-list li[b-f4tbnm1uj2] { display: grid; grid-template-columns: 96px 92px minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 7px 0; border-top: 1px solid #EEF1F4; font-size: 14px; line-height: 20px; }
.sd[b-f4tbnm1uj2] { color: #5B6575; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tr[b-f4tbnm1uj2] { justify-self: start; padding: 0 8px; border-radius: 5px; background: #EEF3FF; color: #1E3A8A; font-size: 12px; line-height: 20px; font-weight: 600; white-space: nowrap; }
.tr.t-freight[b-f4tbnm1uj2] { background: #F1FAF4; color: #14532D; } .tr.t-customs[b-f4tbnm1uj2] { background: #FFF7ED; color: #9A3412; } .tr.t-payment[b-f4tbnm1uj2] { background: #FDF2F8; color: #831843; }
.se[b-f4tbnm1uj2] { color: #15202E; text-decoration: none; } .se:hover[b-f4tbnm1uj2] { color: #1D4ED8; text-decoration: underline; }
.more[b-f4tbnm1uj2] { margin-top: 6px; padding: 0; border: 0; background: none; color: #1D4ED8; font: inherit; font-size: 13.5px; cursor: pointer; }
.fact[b-f4tbnm1uj2] { display: grid; grid-template-columns: 130px minmax(0, 150px) minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 7px 0; border-top: 1px solid #EEF1F4; font-size: 14px; line-height: 20px; color: #15202E; text-decoration: none; }
.fact:hover b[b-f4tbnm1uj2] { color: #1D4ED8; }
.fact span[b-f4tbnm1uj2] { color: #3D4756; }
.fact b[b-f4tbnm1uj2] { color: #12233F; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fact b.mono[b-f4tbnm1uj2] { font-size: 13.5px; }
.fact small[b-f4tbnm1uj2] { color: #5B6575; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fact.late b[b-f4tbnm1uj2], .fact.late small[b-f4tbnm1uj2] { color: #8B1111; } .fact.done small[b-f4tbnm1uj2] { color: #14532D; }
.small-money summary[b-f4tbnm1uj2], .docs summary[b-f4tbnm1uj2] { cursor: pointer; font-size: 13.5px; color: #3D4756; margin: 8px 0; }

.team[b-f4tbnm1uj2] { margin-top: 24px; padding: 12px 18px; border: 1px solid #E3E7ED; border-radius: 10px; background: #FFFFFF; }
.team summary[b-f4tbnm1uj2] { cursor: pointer; font-size: 13.5px; color: #5B6575; }
.thread[b-f4tbnm1uj2] { display: block; padding: 6px 0; border-top: 1px solid #EEF1F4; color: #15202E; text-decoration: none; font-size: 13.5px; }
.thread small[b-f4tbnm1uj2] { color: #8A94A3; }
.ops[b-f4tbnm1uj2] { display: inline-block; margin-top: 8px; color: #1D4ED8; font-size: 13.5px; }

@media (max-width: 900px) {
  .parts[b-f4tbnm1uj2], .cols[b-f4tbnm1uj2] { grid-template-columns: 1fr; gap: 8px; }
}

.dp-shared[b-f4tbnm1uj2] { padding: 1px 8px; border-radius: 5px; background: #F1F4F8; color: #5B6575; font-size: 12.5px; }
.dp-foot .owed[b-f4tbnm1uj2] { color: #9A3412; }
.fact.counted span[b-f4tbnm1uj2] { color: #14532D; font-weight: 600; }
/* /Components/Pages/Deals.razor.rz.scp.css */
.page[b-ujompb1vsj] { max-width: 1240px; margin: 0 auto; padding: 22px 16px 48px; }
.muted[b-ujompb1vsj] { color: #5B6575; display: flex; align-items: center; }
.spin[b-ujompb1vsj] { display: inline-block; width: 14px; height: 14px; margin-right: 8px; border: 2px solid #C9D6EE; border-top-color: #2F6FED; border-radius: 50%; animation: dl-spin-b-ujompb1vsj .8s linear infinite; }
@keyframes dl-spin-b-ujompb1vsj { to { transform: rotate(360deg); } }
/* /Components/Pages/Glossary.razor.rz.scp.css */
.gl-nav[b-9k4yuddlad] { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.gl-nav a[b-9k4yuddlad] { padding: 6px 12px; border: 1px solid #D5DAE1; border-radius: 99px; background: #FFFFFF; color: #15202E; font-size: 13.5px; text-decoration: none; }
.gl-nav a:hover[b-9k4yuddlad] { border-color: #9DB8F2; color: #1D4ED8; }
.gl h3[b-9k4yuddlad] { margin: 18px 0 6px; font-size: 13.5px; font-weight: 600; color: #5B6575; }
.gl-table th[b-9k4yuddlad] { width: 260px; text-align: left; font-weight: 600; color: #12233F; vertical-align: top; }
.gl-table td[b-9k4yuddlad] { color: #2B3646; line-height: 1.55; }
.gl-track[b-9k4yuddlad] { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; counter-reset: step; }
.gl-track li[b-9k4yuddlad] { display: flex; flex-direction: column; gap: 2px; min-width: 120px; flex: 1 1 120px; padding: 8px 10px; border-radius: 8px; background: #F6F8FB; font-size: 13px; }
.gl-track li[b-9k4yuddlad]::before { counter-increment: step; content: counter(step); font-size: 11px; color: #8A94A3; }
.gl-track li b[b-9k4yuddlad] { color: #12233F; } .gl-track li span[b-9k4yuddlad] { color: #5B6575; }
.gl-cols[b-9k4yuddlad] { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.gl-list[b-9k4yuddlad] { margin: 0; padding: 0; list-style: none; }
.gl-list li[b-9k4yuddlad] { padding: 6px 0; border-top: 1px solid #EEF1F4; font-size: 14px; line-height: 1.5; }
.gl-list li b[b-9k4yuddlad] { color: #12233F; } .gl-list li span[b-9k4yuddlad] { color: #2B3646; }
.gl-chips[b-9k4yuddlad] { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.gl-move[b-9k4yuddlad] { display: inline-block; padding: 2px 10px; border-radius: 99px; font-weight: 600; font-size: 13px; }
.gl-move.us[b-9k4yuddlad] { background: #FFF7ED; color: #9A3412; } .gl-move.them[b-9k4yuddlad] { background: #EEF3FF; color: #1E3A8A; } .gl-move.bad[b-9k4yuddlad] { background: #FEF2F2; color: #8B1111; }
.gl-move.done[b-9k4yuddlad] { background: #F1FAF4; color: #14532D; } .gl-move.none[b-9k4yuddlad] { background: #F6F8FB; color: #8A94A3; }
.gl-mark[b-9k4yuddlad] { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 6px; font-weight: 700; font-size: 13px; }
.gl-mark.ok[b-9k4yuddlad] { background: #F1FAF4; color: #14532D; } .gl-mark.review[b-9k4yuddlad] { background: #EEF3FF; color: #1E3A8A; } .gl-mark.bad[b-9k4yuddlad] { background: #FFF7ED; color: #9A3412; } .gl-mark.mail[b-9k4yuddlad] { background: #F6F8FB; color: #5B6575; border: 1px dashed #B4B2A9; }
.gl-tag[b-9k4yuddlad] { display: inline-block; padding: 2px 9px; border-radius: 99px; font-size: 12.5px; }
.gl-tag.supplier[b-9k4yuddlad] { background: #EEF3FF; color: #1E3A8A; font-weight: 600; } .gl-tag.brand[b-9k4yuddlad] { background: #FFFFFF; border: 1px solid #D5DAE1; color: #15202E; } .gl-tag.category[b-9k4yuddlad] { background: #F1F4F8; color: #5B6575; }
.gl-code[b-9k4yuddlad] { padding: 0 6px; border-radius: 4px; background: #F1F4F8; font-family: var(--font-mono); font-size: 12px; color: #2B3646; } .gl-code.acid[b-9k4yuddlad] { background: #F1FAF4; color: #14532D; }
.gl-dots[b-9k4yuddlad] { display: inline-flex; gap: 3px; align-items: center; }
.gl-dots i[b-9k4yuddlad] { width: 18px; height: 6px; border-radius: 3px; background: #E3E7ED; } .gl-dots i.past[b-9k4yuddlad] { background: #9DB8F2; } .gl-dots i.now[b-9k4yuddlad] { background: #12233F; height: 10px; }
@media (max-width: 800px) { .gl-cols[b-9k4yuddlad] { grid-template-columns: 1fr; } .gl-table th[b-9k4yuddlad] { width: 140px; } }
/* /Components/Pages/GmailSettings.razor.rz.scp.css */
.source[b-rgtykwyacx] { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; padding: 14px 20px; }
.source > div[b-rgtykwyacx] { display: grid; gap: 2px; }
.source b[b-rgtykwyacx] { font-size: 15px; font-weight: 600; }
.source .ui-chip[b-rgtykwyacx] { margin-left: auto; }
.interval[b-rgtykwyacx] { margin-top: 14px; max-width: 320px; }
.progress-count[b-rgtykwyacx] { margin-left: auto; font-size: 14px; }
.bar[b-rgtykwyacx] { width: 100%; height: 6px; accent-color: var(--ui-blue); margin: 4px 0 12px; }
.counts[b-rgtykwyacx] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.counts.six[b-rgtykwyacx] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.counts > div[b-rgtykwyacx] { display: grid; gap: 2px; padding: 10px 12px; border-radius: 10px; background: var(--ui-tint); }
.counts span[b-rgtykwyacx] { font-size: 12px; color: var(--ui-muted); }
.counts b[b-rgtykwyacx] { font-size: 18px; font-weight: 700; }
.pager[b-rgtykwyacx] { padding: 8px 20px 4px; }
@media (max-width: 900px) { .counts[b-rgtykwyacx], .counts.six[b-rgtykwyacx] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .source .ui-chip[b-rgtykwyacx] { margin-left: 0; } }
/* /Components/Pages/MasterDataManage.razor.rz.scp.css */
.resources[b-b35t2mo8y4] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.resource[b-b35t2mo8y4] { display: grid; gap: 2px; padding: 12px 14px; border: 1px solid var(--ui-line); border-radius: 12px; background: var(--ui-panel); color: var(--ui-ink); text-decoration: none; }
.resource b[b-b35t2mo8y4] { font-size: 14px; font-weight: 600; }
.resource small[b-b35t2mo8y4] { font-size: 12px; color: var(--ui-muted); }
.resource:hover[b-b35t2mo8y4] { border-color: #B8C4D6; }
.resource.on[b-b35t2mo8y4] { border-color: var(--ui-blue); background: var(--ui-blue-soft); box-shadow: inset 0 0 0 1px var(--ui-blue); }
.toolbar[b-b35t2mo8y4] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.toolbar .search[b-b35t2mo8y4] { flex: 1 1 280px; width: auto; }
.filter[b-b35t2mo8y4] { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--ui-ink-2); }
.filter select[b-b35t2mo8y4] { width: auto; min-width: 150px; }
.table-card[b-b35t2mo8y4] { padding-top: 6px; }
.table-card td[b-b35t2mo8y4] { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1100px) { .resources[b-b35t2mo8y4] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) { .resources[b-b35t2mo8y4] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .table-card[b-b35t2mo8y4] { display: none; } }
/* /Components/Pages/Money.razor.rz.scp.css */
.totals[b-9imjco15qo] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.totals b[b-9imjco15qo] { font-size: 22px; font-variant-numeric: tabular-nums; }
.deals td[b-9imjco15qo] { vertical-align: top; }
.deal[b-9imjco15qo] { min-width: 220px; }
.deal a[b-9imjco15qo] { color: var(--ui-ink); text-decoration: none; }
.deal a:hover b[b-9imjco15qo] { color: var(--ui-blue-ink); }
.vals[b-9imjco15qo] { min-width: 110px; }
.val[b-9imjco15qo] { display: block; font-family: var(--font-mono); font-size: 12.5px; color: var(--ui-ink); text-decoration: none; white-space: nowrap; line-height: 1.7; }
.val:hover[b-9imjco15qo] { color: var(--ui-blue-ink); text-decoration: underline; }
.empty-row td[b-9imjco15qo] { color: var(--ui-muted); }
.empty-row .deal b[b-9imjco15qo] { font-weight: 500; }
.late[b-9imjco15qo] { color: var(--ui-bad); }
small.late[b-9imjco15qo] { display: block; font-weight: 600; }
.foot[b-9imjco15qo] { padding: 10px 20px 4px; }
.order-line[b-9imjco15qo] { display: block; margin-top: 2px; color: #3D4756; font-size: 12.5px; }

/* The view switch sits at the right end of the Deals card head. */
.money-head[b-9imjco15qo] { flex-wrap: wrap; }
.money-head[b-9imjco15qo]  .dv-switch { margin-left: auto; }
.sort[b-9imjco15qo] { padding: 0; border: 0; background: none; font: inherit; color: inherit; cursor: pointer; white-space: nowrap; }
.sort:hover[b-9imjco15qo] { color: var(--ui-blue-ink); }
.sort i[b-9imjco15qo] { font-style: normal; margin-left: 4px; }

/* Cards: who on the left, one block per kind of money on the right. */
.mc-list[b-9imjco15qo] { display: flex; flex-direction: column; }
.mc[b-9imjco15qo] { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 2.2fr); gap: 20px; padding: 14px 20px; border-top: 1px solid #EEF1F4; }
.mc:first-child[b-9imjco15qo] { border-top: 0; }
.mc-id[b-9imjco15qo] { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.mc-id a[b-9imjco15qo] { color: var(--ui-ink); text-decoration: none; } .mc-id a:hover b[b-9imjco15qo] { color: var(--ui-blue-ink); }
.mc-id b[b-9imjco15qo] { font-size: 15px; }
.mc-id small[b-9imjco15qo] { color: #5B6575; font-size: 12.5px; }
.mc-id .ui-chip[b-9imjco15qo] { margin-top: 4px; }
.mc-kinds[b-9imjco15qo] { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px 16px; align-content: start; }
.mc-kind[b-9imjco15qo] { display: flex; flex-direction: column; min-width: 0; }
.mc-kind > span[b-9imjco15qo] { font-size: 12.5px; font-weight: 600; color: #5B6575; }
.mc-kind small[b-9imjco15qo] { color: #8A94A3; font-size: 12px; }

/* Compact: one line per deal, the first (largest) amount of each kind, "+N" for the rest. */
.mc-compact[b-9imjco15qo] { display: flex; flex-direction: column; }
.mcc-row[b-9imjco15qo] { display: grid; grid-template-columns: minmax(0, 2fr) repeat(6, minmax(0, 1fr)) 70px; gap: 12px; align-items: center;
    padding: 8px 20px; border-top: 1px solid #EEF1F4; color: #2B3646; text-decoration: none; font-size: 13.5px; }
.mcc-row > *[b-9imjco15qo] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.mcc-row:hover[b-9imjco15qo] { background: #F6F8FB; }
.mcc-row b[b-9imjco15qo] { color: #12233F; }
.mcc-head[b-9imjco15qo] { border-top: 0; background: #F8F9FB; font-size: 12.5px; font-weight: 600; color: #5B6575; }
.mcc-row .num[b-9imjco15qo] { text-align: right; font-variant-numeric: tabular-nums; }
.mcc-row .mono[b-9imjco15qo] { font-family: var(--font-mono); font-size: 12.5px; }
.mcc-row small[b-9imjco15qo] { color: #8A94A3; }
@media (max-width: 900px) {
  .mc[b-9imjco15qo] { grid-template-columns: 1fr; }
  .mcc-row[b-9imjco15qo] { grid-template-columns: minmax(0, 1fr) repeat(3, minmax(0, .8fr)); }
  .mcc-row > :nth-child(2)[b-9imjco15qo], .mcc-row > :nth-child(3)[b-9imjco15qo], .mcc-row > :nth-child(7)[b-9imjco15qo], .mcc-row > :nth-child(8)[b-9imjco15qo] { display: none; }
}
.val.counted[b-9imjco15qo] { color: #14532D; font-weight: 600; }
/* /Components/Pages/Operations.razor.rz.scp.css */
.page[b-ysrjbn1qkl] { max-width: 1360px; margin: 0 auto; padding: 20px 0 0; color: #15202E; }
.head[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 20px; margin-bottom: 14px; }
h1[b-ysrjbn1qkl] { margin: 0; font-size: 24px; font-weight: 600; }
.sub[b-ysrjbn1qkl] { margin: 4px 0 0; font-size: 14px; color: #5B6575; }
.stats[b-ysrjbn1qkl] { margin-left: auto; display: flex; gap: 18px; font-size: 13px; color: #5B6575; }
.stats b[b-ysrjbn1qkl] { color: #15202E; font-size: 18px; }
.muted[b-ysrjbn1qkl] { color: #5B6575; }
.error[b-ysrjbn1qkl] { margin: 0 0 12px; padding: 10px 14px; border-radius: 8px; background: #FDECEC; color: #8B1111; }
.empty[b-ysrjbn1qkl] { background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 12px; padding: 32px; text-align: center; color: #5B6575; }

.tabs[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid #DDE2E8; margin-bottom: 16px; }
.tab[b-ysrjbn1qkl] { display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; font: inherit; font-size: 14px; color: #5B6575; border: 0; border-bottom: 3px solid transparent; margin-bottom: -1px; background: none; cursor: pointer; }
.tab span[b-ysrjbn1qkl] { font-size: 12px; background: #EEF1F4; border-radius: 999px; padding: 1px 8px; }
.tab.on[b-ysrjbn1qkl] { color: #15202E; font-weight: 600; border-bottom-color: #2F6FED; }
.tab.on span[b-ysrjbn1qkl] { background: #13233A; color: #FFFFFF; }

.layout[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; gap: 18px; align-items: flex-start; }
.list[b-ysrjbn1qkl] { flex: 1 1 340px; max-width: 420px; display: flex; flex-direction: column; gap: 8px; max-height: calc(100vh - 220px); overflow-y: auto; padding: 2px; }
.card-btn[b-ysrjbn1qkl] { display: grid; gap: 6px; text-align: left; font: inherit; cursor: pointer; background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 12px; padding: 12px 14px; color: #15202E; }
.card-btn:hover[b-ysrjbn1qkl] { border-color: #9AA6B6; }
.card-btn.on[b-ysrjbn1qkl] { border-color: #2F6FED; box-shadow: 0 0 0 2px #DCE8FF; }
.row1[b-ysrjbn1qkl] { display: flex; align-items: center; gap: 8px; }
.count[b-ysrjbn1qkl] { margin-left: auto; font-size: 12px; color: #5B6575; }
.name[b-ysrjbn1qkl] { font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.range[b-ysrjbn1qkl] { font-size: 12px; color: #5B6575; }
.badge[b-ysrjbn1qkl] { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; }
.badge.strong[b-ysrjbn1qkl] { background: #DCEFE3; color: #14532D; }
.badge.check[b-ysrjbn1qkl] { background: #FDE2CF; color: #7C2D12; }

.detail[b-ysrjbn1qkl] { flex: 999 1 620px; min-width: 0; background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 14px; padding: 20px 22px; }
.detail-top[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.status[b-ysrjbn1qkl] { font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.s-proposed[b-ysrjbn1qkl] { background: #EEF1F4; color: #3D4756; } .s-confirmed[b-ysrjbn1qkl] { background: #DCEFE3; color: #14532D; } .s-rejected[b-ysrjbn1qkl] { background: #FBD5D5; color: #8B1111; }
.actions[b-ysrjbn1qkl] { margin-left: auto; display: flex; gap: 8px; }
.btn-primary[b-ysrjbn1qkl], .btn[b-ysrjbn1qkl] { min-height: 38px; padding: 0 14px; border-radius: 8px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.btn-primary[b-ysrjbn1qkl] { border: 1px solid #2F6FED; background: #2F6FED; color: #FFFFFF; }
.btn[b-ysrjbn1qkl] { border: 1px solid #D5DAE1; background: #FFFFFF; color: #15202E; }
.btn.reject[b-ysrjbn1qkl] { color: #8B1111; }
button:disabled[b-ysrjbn1qkl] { opacity: .6; cursor: default; }
.title-row[b-ysrjbn1qkl] { display: flex; align-items: center; gap: 6px; margin-top: 12px; }
h2[b-ysrjbn1qkl] { margin: 0; font-size: 22px; font-weight: 600; overflow-wrap: anywhere; }
.icon[b-ysrjbn1qkl] { border: 0; background: none; cursor: pointer; padding: 6px; color: #5B6575; border-radius: 6px; }
.icon:hover[b-ysrjbn1qkl] { background: #EEF1F4; }
.rename[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.rename input[b-ysrjbn1qkl] { flex: 1 1 360px; min-height: 40px; border: 1px solid #D5DAE1; border-radius: 8px; padding: 0 12px; font: inherit; font-size: 15px; }
.sr[b-ysrjbn1qkl] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.meta[b-ysrjbn1qkl] { font-size: 13px; color: #5B6575; margin-top: 4px; }
.warn[b-ysrjbn1qkl] { margin-top: 12px; padding: 10px 14px; border-radius: 10px; background: #FFF4EC; border: 1px solid #F7CDB0; font-size: 13px; color: #7C2D12; line-height: 1.45; }
h3[b-ysrjbn1qkl] { margin: 20px 0 8px; font-size: 12px; font-weight: 700; color: #5B6575; text-transform: uppercase; letter-spacing: .05em; }
.ev[b-ysrjbn1qkl] { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-top: 1px solid #F0F2F5; font-size: 14px; }
.kind[b-ysrjbn1qkl] { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 6px; }
.k-subject[b-ysrjbn1qkl] { background: #EEF2F7; color: #3D4756; }
.k-ai[b-ysrjbn1qkl] { background: #E6EEFF; color: #1E3A8A; }
.k-file[b-ysrjbn1qkl] { background: #F1FAF4; color: #14532D; }
.mono[b-ysrjbn1qkl] { font-family: var(--font-mono); font-weight: 600; }

.gantt[b-ysrjbn1qkl] { display: grid; grid-template-columns: 22px minmax(0, 1fr) minmax(0, 1.1fr) 36px; gap: 8px 12px; align-items: center; }
.tick[b-ysrjbn1qkl] { width: 18px; height: 18px; border-radius: 4px; border: 1.5px solid #9AA6B6; background: #FFFFFF; color: #FFFFFF; font-size: 11px; font-weight: 800; cursor: pointer; padding: 0; display: grid; place-items: center; }
.tick.on[b-ysrjbn1qkl] { background: #2F6FED; border-color: #2F6FED; }
.g-name[b-ysrjbn1qkl] { min-width: 0; }
.g-name a[b-ysrjbn1qkl] { display: block; font-size: 13px; font-weight: 600; color: #15202E; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g-name a:hover[b-ysrjbn1qkl] { color: #1D4ED8; text-decoration: underline; }
.g-name small[b-ysrjbn1qkl] { font-size: 11px; color: #5B6575; }
.g-name.out a[b-ysrjbn1qkl], .g-name.out small[b-ysrjbn1qkl] { color: #A3ADBB; text-decoration: line-through; }
.g-track[b-ysrjbn1qkl] { position: relative; height: 18px; background: #F4F5F7; border-radius: 4px; }
.g-track i[b-ysrjbn1qkl] { position: absolute; top: 3px; height: 12px; border-radius: 6px; background: #9AA6B6; min-width: 8px; }
.g-track i.an[b-ysrjbn1qkl] { background: #2F6FED; }
.g-track i.out[b-ysrjbn1qkl] { background: #E3E7ED; }
.g-n[b-ysrjbn1qkl] { font-size: 12px; color: #5B6575; text-align: right; }
.g-axis[b-ysrjbn1qkl] { display: flex; justify-content: space-between; font-size: 11px; color: #8A94A3; }
.hint[b-ysrjbn1qkl] { margin: 14px 0 0; font-size: 12px; color: #5B6575; }

@media (max-width: 900px) { .list[b-ysrjbn1qkl] { max-width: none; max-height: none; } }
button:focus-visible[b-ysrjbn1qkl], a:focus-visible[b-ysrjbn1qkl], input:focus-visible[b-ysrjbn1qkl] { outline: 2px solid #2F6FED; outline-offset: 2px; }
.facts[b-ysrjbn1qkl] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 4px; }
.facts .hint[b-ysrjbn1qkl] { font-size: 12px; font-weight: 400; text-transform: none; letter-spacing: 0; color: #8A94A3; margin: 4px 0; }
.fact[b-ysrjbn1qkl] { display: grid; grid-template-columns: 120px auto minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 7px 0; border-top: 1px solid #EEF1F4; font-size: 13px; color: #15202E; text-decoration: none; }
.fact span[b-ysrjbn1qkl] { color: #5B6575; }
.fact b[b-ysrjbn1qkl] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.fact small[b-ysrjbn1qkl] { color: #5B6575; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fact:hover b[b-ysrjbn1qkl] { color: #1D4ED8; }
.fact.late b[b-ysrjbn1qkl], .fact.late small[b-ysrjbn1qkl] { color: #9A3412; }
.fact.done small[b-ysrjbn1qkl] { color: #14532D; }
@media (max-width: 900px) { .facts[b-ysrjbn1qkl] { grid-template-columns: 1fr; } }
.ok-note[b-ysrjbn1qkl] { margin: 0 0 12px; padding: 10px 14px; border-radius: 10px; background: #F1FAF4; border: 1px solid #BFE3CB; color: #14532D; font-size: 13px; }
.plan[b-ysrjbn1qkl] { width: min(860px, 100%); }
.plan .ui-table td[b-ysrjbn1qkl] { font-size: 13px; }
.why-cell[b-ysrjbn1qkl] { color: var(--ui-muted); }
.plan-sum[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; gap: 6px 18px; padding: 12px 14px; border-radius: 10px; background: var(--ui-tint); font-size: 13px; }
.agent[b-ysrjbn1qkl] { margin: 14px 0 4px; padding: 12px 14px; border: 1px solid #DDE2E8; border-radius: 12px; background: #FAFBFD; }
.agent-head[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.agent-head .ui-chip[b-ysrjbn1qkl] { margin-left: auto; }
.agent-ask[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 8px; }
.agent-reason[b-ysrjbn1qkl] { margin: 8px 0; font-size: 13px; color: #2B3646; }
.agent-thread[b-ysrjbn1qkl] { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 10px; align-items: start; padding: 6px 0; border-top: 1px solid #EEF1F4; font-size: 13px; }
.agent-thread.out .agent-t b[b-ysrjbn1qkl] { color: #8B1111; }
.agent-t small[b-ysrjbn1qkl] { display: block; color: #5B6575; font-size: 12px; }
.agent-t small a[b-ysrjbn1qkl] { margin-left: 6px; font-family: var(--font-mono); font-size: 11px; color: #1D4ED8; text-decoration: none; }
.agent-actions[b-ysrjbn1qkl] { display: flex; gap: 8px; margin-top: 10px; }
.by-agent[b-ysrjbn1qkl] { display: block; margin-top: 4px; font-size: 11px; font-weight: 600; color: #1E3A8A; }
.decided[b-ysrjbn1qkl] { margin-top: 8px; }
.subject-link[b-ysrjbn1qkl] { color: inherit; text-decoration: none; }
.subject-link:hover[b-ysrjbn1qkl] { color: #1D4ED8; text-decoration: underline; }

/* Analysis in progress: hard to miss */
.spin[b-ysrjbn1qkl] { display: inline-block; width: 14px; height: 14px; margin-right: 8px; vertical-align: -2px; border: 2px solid #C9D6EE; border-top-color: #2F6FED; border-radius: 50%; animation: op-spin-b-ysrjbn1qkl .8s linear infinite; }
.spin.big[b-ysrjbn1qkl] { width: 30px; height: 30px; margin: 0; border-width: 3px; border-color: rgba(255,255,255,.25); border-top-color: #FFFFFF; }
.spin.tiny[b-ysrjbn1qkl] { width: 10px; height: 10px; margin-right: 5px; vertical-align: -1px; border-width: 2px; }
.btn.working:disabled[b-ysrjbn1qkl] { opacity: 1; cursor: progress; color: #1D4ED8; border-color: #9DB8F2; background: #EEF3FD; }
.progress[b-ysrjbn1qkl] { margin: 12px 0 6px; padding: 16px 18px; border-radius: 12px; background: linear-gradient(135deg, #12233F, #1E3A6B); color: #FFFFFF; box-shadow: 0 6px 18px rgba(18, 35, 63, .18); }
.progress-head[b-ysrjbn1qkl] { display: flex; align-items: center; gap: 14px; }
.progress-head b[b-ysrjbn1qkl] { display: block; font-size: 15px; }
.progress-head small[b-ysrjbn1qkl] { color: #C7D4EA; font-size: 12.5px; }
.progress-n[b-ysrjbn1qkl] { margin-left: auto; font-family: var(--font-mono); font-size: 22px; font-weight: 600; }
.progress .bar[b-ysrjbn1qkl] { position: relative; height: 8px; margin: 14px 0 12px; border-radius: 99px; background: rgba(255,255,255,.15); overflow: hidden; }
.progress .bar i[b-ysrjbn1qkl] { position: absolute; inset: 0 auto 0 0; border-radius: 99px; background: linear-gradient(90deg, #5B9BFF, #8FD3FF); transition: width .6s ease; }
.progress .bar[b-ysrjbn1qkl]::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent); transform: translateX(-100%); animation: op-shine-b-ysrjbn1qkl 1.6s ease-in-out infinite; }
.steps[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; padding: 0; list-style: none; font-size: 12.5px; color: #9FB2D1; }
.steps .now[b-ysrjbn1qkl] { color: #FFFFFF; font-weight: 600; }
.agent-working[b-ysrjbn1qkl] { display: flex; align-items: center; margin: 8px 0 0; font-size: 13px; color: #1D4ED8; font-weight: 600; }
@keyframes op-spin-b-ysrjbn1qkl { to { transform: rotate(360deg); } }
@keyframes op-shine-b-ysrjbn1qkl { to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .spin[b-ysrjbn1qkl], .progress .bar[b-ysrjbn1qkl]::after { animation-duration: 3s; } }

/* The deal at a glance (owner view) */
.deal[b-ysrjbn1qkl] { margin: 14px 0 6px; padding: 16px 18px; border: 1px solid #DDE2E8; border-radius: 14px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); }
.deal-empty[b-ysrjbn1qkl] { margin: 0 0 10px; font-size: 13px; color: #5B6575; }
.deal-now[b-ysrjbn1qkl] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.tile[b-ysrjbn1qkl] { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 12px 14px; border-radius: 10px; background: #F6F8FB; border: 1px solid #E6EAF0; }
.tile-k[b-ysrjbn1qkl] { font-size: 11px; font-weight: 700; color: #5B6575; text-transform: uppercase; letter-spacing: .05em; }
.tile-v[b-ysrjbn1qkl] { font-size: 20px; font-weight: 700; color: #12233F; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.tile-v:hover[b-ysrjbn1qkl] { color: #1D4ED8; }
.tile small[b-ysrjbn1qkl] { font-size: 12px; color: #5B6575; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tile small a[b-ysrjbn1qkl] { color: inherit; }
.tile.ball-us[b-ysrjbn1qkl] { background: #FFF7ED; border-color: #FBD9B5; } .tile.ball-us .tile-v[b-ysrjbn1qkl] { color: #9A3412; }
.tile.ball-them[b-ysrjbn1qkl] { background: #EEF3FF; border-color: #C5D5FB; } .tile.ball-them .tile-v[b-ysrjbn1qkl] { color: #1E3A8A; }
.tile.ball-bad[b-ysrjbn1qkl], .tile.warn[b-ysrjbn1qkl] { background: #FEF2F2; border-color: #F5C2C2; } .tile.ball-bad .tile-v[b-ysrjbn1qkl], .tile.warn .tile-v[b-ysrjbn1qkl] { color: #8B1111; }
.tile.ball-done[b-ysrjbn1qkl] { background: #F1FAF4; border-color: #BFE3CB; } .tile.ball-done .tile-v[b-ysrjbn1qkl] { color: #14532D; }

.track[b-ysrjbn1qkl] { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); margin: 18px 0 6px; padding: 0; list-style: none; }
.track li[b-ysrjbn1qkl] { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; text-align: center; }
.track li[b-ysrjbn1qkl]::before { content: ""; position: absolute; top: 7px; left: -50%; width: 100%; height: 3px; background: #E3E7ED; }
.track li:first-child[b-ysrjbn1qkl]::before { display: none; }
.track li.done[b-ysrjbn1qkl]::before, .track li.now[b-ysrjbn1qkl]::before { background: #2F6FED; }
.track i[b-ysrjbn1qkl] { position: relative; z-index: 1; width: 16px; height: 16px; border-radius: 50%; background: #FFFFFF; border: 3px solid #D5DAE1; }
.track li.done i[b-ysrjbn1qkl] { background: #2F6FED; border-color: #2F6FED; }
.track li.now i[b-ysrjbn1qkl] { width: 20px; height: 20px; margin-top: -2px; background: #FFFFFF; border: 5px solid #2F6FED; box-shadow: 0 0 0 4px rgba(47, 111, 237, .18); }
.track b[b-ysrjbn1qkl] { margin-top: 4px; font-size: 12px; font-weight: 600; color: #8A94A3; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.track li.done b[b-ysrjbn1qkl] { color: #2B3646; } .track li.now b[b-ysrjbn1qkl] { color: #12233F; font-weight: 800; }
.track small[b-ysrjbn1qkl] { font-size: 11px; color: #5B6575; } .track small a[b-ysrjbn1qkl] { color: #1D4ED8; text-decoration: none; }
.track .track-n[b-ysrjbn1qkl] { color: #8A94A3; }

.deal-cols[b-ysrjbn1qkl] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; margin-top: 14px; }
.deal h4[b-ysrjbn1qkl] { margin: 0 0 6px; font-size: 12px; font-weight: 700; color: #5B6575; text-transform: uppercase; letter-spacing: .05em; }
.deal h4 span[b-ysrjbn1qkl] { margin-left: 4px; color: #8A94A3; }
.deal .hint[b-ysrjbn1qkl] { margin: 4px 0; font-size: 12px; color: #8A94A3; }
.act[b-ysrjbn1qkl] { display: grid; grid-template-columns: 130px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding: 7px 10px; margin-bottom: 4px; border-radius: 8px; border-left: 3px solid #C5D5FB; background: #F8FAFD; font-size: 13px; color: #15202E; text-decoration: none; }
.act.ours[b-ysrjbn1qkl] { border-left-color: #EA8A3C; background: #FFFAF4; }
.act span[b-ysrjbn1qkl] { color: #2B3646; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.act small[b-ysrjbn1qkl] { color: #5B6575; font-size: 12px; white-space: nowrap; }
.act:hover b[b-ysrjbn1qkl] { color: #1D4ED8; }
.who[b-ysrjbn1qkl] { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px; padding: 5px 0; border-top: 1px solid #EEF1F4; font-size: 13px; }
.who-k[b-ysrjbn1qkl] { color: #5B6575; }
.who-v[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.val[b-ysrjbn1qkl] { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px 2px 3px; border-radius: 99px; border: 1px solid #E3E7ED; background: #FFFFFF; color: #15202E; text-decoration: none; }
.val:hover[b-ysrjbn1qkl] { border-color: #9DB8F2; }
.val small[b-ysrjbn1qkl] { color: #8A94A3; font-size: 11px; }
.m[b-ysrjbn1qkl] { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; border: 1px solid; font-size: 11px; font-weight: 700; }
.m.ok[b-ysrjbn1qkl] { background: #F1FAF4; color: #14532D; border-color: #BFE3CB; }
.m.rev[b-ysrjbn1qkl] { background: #EEF3FF; color: #1E3A8A; border-color: #C5D5FB; }
.m.new[b-ysrjbn1qkl] { background: #FFF7ED; color: #9A3412; border-color: #FBD9B5; }
.dash[b-ysrjbn1qkl] { color: #8A94A3; }
.deal[b-ysrjbn1qkl]  .legend { margin-top: 8px; }
.deal-activity[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #EEF1F4; font-size: 13px; color: #5B6575; }
.deal-activity b[b-ysrjbn1qkl] { color: #12233F; }

.story[b-ysrjbn1qkl] { margin: 0; padding: 0; list-style: none; }
.story li[b-ysrjbn1qkl] { display: grid; grid-template-columns: 92px 92px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding: 6px 0; border-top: 1px solid #EEF1F4; font-size: 13px; }
.story-d[b-ysrjbn1qkl] { color: #5B6575; font-variant-numeric: tabular-nums; }
.stage-tag[b-ysrjbn1qkl] { justify-self: start; padding: 1px 8px; border-radius: 99px; background: #EEF3FF; color: #1E3A8A; font-size: 11px; font-weight: 600; }
.story-e[b-ysrjbn1qkl] { color: #15202E; }
.story-src[b-ysrjbn1qkl] { font-family: var(--font-mono); font-size: 11px; color: #1D4ED8; text-decoration: none; }
.link-btn[b-ysrjbn1qkl] { margin-top: 6px; padding: 0; border: 0; background: none; color: #1D4ED8; font: inherit; font-size: 13px; cursor: pointer; }
h3 .hint[b-ysrjbn1qkl] { margin-left: 6px; font-size: 12px; font-weight: 400; text-transform: none; letter-spacing: 0; color: #8A94A3; }

@media (max-width: 1100px) { .deal-now[b-ysrjbn1qkl] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .deal-cols[b-ysrjbn1qkl] { grid-template-columns: 1fr; } }
@media (max-width: 700px) {
    .track[b-ysrjbn1qkl] { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 12px; } .track li[b-ysrjbn1qkl]::before { display: none; }
    .story li[b-ysrjbn1qkl] { grid-template-columns: 80px minmax(0, 1fr); } .story .stage-tag[b-ysrjbn1qkl], .story-src[b-ysrjbn1qkl] { display: none; }
    .act[b-ysrjbn1qkl] { grid-template-columns: 1fr; }
}

/* Filters */
.filterbar[b-ysrjbn1qkl] { display: flex; flex-direction: column; gap: 8px; margin: -4px 0 14px; }
.fb-row[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fb-search[b-ysrjbn1qkl] { flex: 1 1 260px; max-width: 360px; min-height: 36px; padding: 0 12px; border: 1px solid #D5DAE1; border-radius: 8px; font: inherit; font-size: 13px; background: #FFFFFF; }
.fb-search:focus[b-ysrjbn1qkl] { outline: 2px solid #9DB8F2; border-color: #2F6FED; }
.fb-moves[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; gap: 6px; }
.fb-chip[b-ysrjbn1qkl] { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; border: 1px solid #D5DAE1; border-radius: 99px; background: #FFFFFF; color: #2B3646; font: inherit; font-size: 13px; cursor: pointer; }
.fb-chip span[b-ysrjbn1qkl] { font-size: 11px; color: #8A94A3; font-variant-numeric: tabular-nums; }
.fb-chip:hover[b-ysrjbn1qkl] { border-color: #9DB8F2; }
.fb-chip.on[b-ysrjbn1qkl] { background: #13233A; border-color: #13233A; color: #FFFFFF; } .fb-chip.on span[b-ysrjbn1qkl] { color: #C7D4EA; }
.fb-chip.mv-us.on[b-ysrjbn1qkl] { background: #9A3412; border-color: #9A3412; }
.fb-chip.mv-them.on[b-ysrjbn1qkl] { background: #1E3A8A; border-color: #1E3A8A; }
.fb-chip.mv-bad.on[b-ysrjbn1qkl] { background: #8B1111; border-color: #8B1111; }
.fb-chip.mv-done.on[b-ysrjbn1qkl] { background: #14532D; border-color: #14532D; }
.fb-select[b-ysrjbn1qkl] { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 4px 0 10px; border: 1px solid #D5DAE1; border-radius: 8px; background: #FFFFFF; font-size: 12px; color: #5B6575; }
.fb-select.on[b-ysrjbn1qkl] { border-color: #2F6FED; background: #EEF3FD; color: #1D4ED8; }
.fb-select select[b-ysrjbn1qkl] { max-width: 200px; border: 0; background: transparent; font: inherit; font-size: 13px; color: #15202E; cursor: pointer; }
.deal-docs[b-ysrjbn1qkl] { margin-top: 14px; padding-top: 12px; border-top: 1px solid #EEF1F4; }
.docs-head[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.docs-head h3[b-ysrjbn1qkl] { margin-right: auto; }
.docs-read[b-ysrjbn1qkl] { font-size: 12px; color: #5B6575; }
.unchosen td[b-ysrjbn1qkl] { color: #A0A8B4; text-decoration: line-through; }
.unchosen td:first-child[b-ysrjbn1qkl] { text-decoration: none; }

/* Same shipment (shared ACID / B/L / container) */
.shipment[b-ysrjbn1qkl] { margin: 14px 0 4px; padding: 12px 14px; border: 1px solid #BFE3CB; border-radius: 12px; background: #F6FCF8; }
.shipment-head[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.rel[b-ysrjbn1qkl] { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 6px 0; border-top: 1px solid #E2F1E7; font-size: 13px; }
.rel-n[b-ysrjbn1qkl] { font-size: 11.5px; color: #14532D; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rel-main a[b-ysrjbn1qkl] { font-weight: 600; color: #15202E; text-decoration: none; }
.rel-main a:hover[b-ysrjbn1qkl] { color: #1D4ED8; text-decoration: underline; }
.rel-main small[b-ysrjbn1qkl] { color: #5B6575; font-size: 12px; }
.rel-where[b-ysrjbn1qkl] { display: block; color: #8A94A3; }
@media (max-width: 700px) { .rel[b-ysrjbn1qkl] { grid-template-columns: 1fr; } }

/* Threads that joined after a person confirmed */
.fresh[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 12px 0 4px; padding: 12px 14px; border: 1px solid #FBD9B5; border-radius: 12px; background: #FFF7ED; }
.fresh > div[b-ysrjbn1qkl] { flex: 1 1 280px; }
.fresh b[b-ysrjbn1qkl] { display: block; color: #9A3412; font-size: 14px; }
.fresh small[b-ysrjbn1qkl] { color: #7C2D12; font-size: 12.5px; }
.fresh-tag[b-ysrjbn1qkl] { display: inline-block; margin-top: 3px; padding: 1px 8px; border-radius: 99px; background: #FFF7ED; border: 1px solid #FBD9B5; color: #9A3412; font-size: 11px; font-weight: 600; }

/* Where the deal card comes from */
.deal-basis[b-ysrjbn1qkl] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 12px; }
.basis-agent[b-ysrjbn1qkl] { padding: 2px 10px; border-radius: 99px; background: #EEF3FF; color: #1E3A8A; font-size: 12px; font-weight: 600; }
.basis-threads[b-ysrjbn1qkl] { font-size: 12px; color: #8A94A3; }
.deal-summary[b-ysrjbn1qkl] { flex-basis: 100%; margin: 0; font-size: 14px; line-height: 1.5; color: #12233F; }
.bad-text[b-ysrjbn1qkl] { color: #8B1111; }
.stage-tag.t-freight[b-ysrjbn1qkl] { background: #F1FAF4; color: #14532D; }
.stage-tag.t-customs[b-ysrjbn1qkl] { background: #FFF7ED; color: #9A3412; }
.stage-tag.t-payment[b-ysrjbn1qkl] { background: #FDF2F8; color: #831843; }

.history[b-ysrjbn1qkl] { margin: 8px 0; font-size: 13px; color: #3D4756; }
.history summary[b-ysrjbn1qkl] { cursor: pointer; color: #5B6575; }
.history ol[b-ysrjbn1qkl] { margin: 6px 0 0; padding-left: 18px; } .history li[b-ysrjbn1qkl] { padding: 2px 0; } .history small[b-ysrjbn1qkl] { color: #8A94A3; }

.by-person[b-ysrjbn1qkl] { display: inline-block; margin-top: 4px; padding: 1px 8px; border-radius: 99px; background: #FFF7ED; color: #9A3412; font-size: 11.5px; font-weight: 600; }
.person-note[b-ysrjbn1qkl] { margin: 6px 0 2px; padding: 8px 12px; border-radius: 8px; background: #FFF7ED; border: 1px solid #FBD9B5; color: #7C2D12; font-size: 13.5px; }
/* /Components/Pages/Review.razor.rz.scp.css */
.page[b-i2blsjb8g6] { max-width: 1360px; margin: 0 auto; padding: 20px 0 0; color: #15202E; }
.head[b-i2blsjb8g6] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 20px; margin-bottom: 14px; }
h1[b-i2blsjb8g6] { margin: 0; font-size: 24px; font-weight: 600; }
.sub[b-i2blsjb8g6] { margin: 4px 0 0; font-size: 14px; color: #5B6575; }
.progress[b-i2blsjb8g6] { margin-left: auto; min-width: 260px; }
.progress-text[b-i2blsjb8g6] { display: flex; justify-content: space-between; font-size: 12px; color: #5B6575; }
.bar[b-i2blsjb8g6] { height: 8px; border-radius: 4px; background: #E3E7ED; margin: 6px 0 4px; }
.bar div[b-i2blsjb8g6] { height: 8px; border-radius: 4px; background: #2F6FED; min-width: 4px; }

.blocker[b-i2blsjb8g6] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; background: #FFF4EC; border: 1px solid #F7CDB0; border-radius: 12px; padding: 12px 16px; margin-bottom: 14px; font-size: 14px; color: #7C2D12; }
.blocker b[b-i2blsjb8g6] { color: #9A3412; }
.blocker a[b-i2blsjb8g6] { margin-left: auto; font-weight: 600; }
.error[b-i2blsjb8g6] { margin: 0 0 12px; padding: 10px 14px; border-radius: 8px; background: #FDECEC; color: #8B1111; }
.ok[b-i2blsjb8g6] { margin: 0 0 12px; padding: 10px 14px; border-radius: 8px; background: #DCEFE3; color: #14532D; }

.tabs[b-i2blsjb8g6] { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid #DDE2E8; margin-bottom: 14px; }
.tab[b-i2blsjb8g6] { display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; font: inherit; font-size: 14px; font-weight: 500; color: #5B6575; border: 0; border-bottom: 3px solid transparent; margin-bottom: -1px; background: none; cursor: pointer; }
.tab span[b-i2blsjb8g6] { font-size: 12px; background: #EEF1F4; color: #5B6575; border-radius: 999px; padding: 1px 8px; }
.tab.on[b-i2blsjb8g6] { color: #15202E; font-weight: 600; border-bottom-color: #2F6FED; }
.tab.on span[b-i2blsjb8g6] { background: #13233A; color: #FFFFFF; }

.muted[b-i2blsjb8g6] { color: #5B6575; }
.empty[b-i2blsjb8g6] { background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 12px; padding: 32px; text-align: center; color: #5B6575; }
.list[b-i2blsjb8g6] { display: flex; flex-direction: column; gap: 10px; }
.item[b-i2blsjb8g6] { display: grid; grid-template-columns: 130px minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: 16px; align-items: center; background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 12px; padding: 14px 18px; }
.field[b-i2blsjb8g6] { font-size: 11px; font-weight: 700; color: #5B6575; text-transform: uppercase; letter-spacing: .05em; }
.why[b-i2blsjb8g6] { display: inline-block; margin-top: 6px; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; }
.why-new[b-i2blsjb8g6] { background: #FDE2CF; color: #7C2D12; }
.why-rev[b-i2blsjb8g6] { background: #DCE8FF; color: #1E3A8A; }
.value[b-i2blsjb8g6] { font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
.detail[b-i2blsjb8g6] { font-size: 12px; color: #5B6575; margin-top: 3px; overflow-wrap: anywhere; }
.item-threads[b-i2blsjb8g6] { font-size: 12px; color: #5B6575; min-width: 0; }
.item-threads b[b-i2blsjb8g6] { color: #15202E; font-size: 13px; }
.seen[b-i2blsjb8g6] { display: flex; flex-wrap: wrap; gap: 2px 8px; margin-top: 3px; }
.seen a[b-i2blsjb8g6] { color: #1D4ED8; text-decoration: none; }
.seen a:hover[b-i2blsjb8g6] { text-decoration: underline; }
.item-actions[b-i2blsjb8g6] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: flex-end; }
.item-actions select[b-i2blsjb8g6] { min-height: 36px; max-width: 200px; border: 1px solid #D5DAE1; border-radius: 8px; padding: 0 8px; font: inherit; font-size: 13px; background: #FFFFFF; }
.btn-primary[b-i2blsjb8g6], .btn[b-i2blsjb8g6] { min-height: 36px; padding: 0 12px; border-radius: 8px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.btn-primary[b-i2blsjb8g6] { border: 1px solid #2F6FED; background: #2F6FED; color: #FFFFFF; }
.btn-primary:hover:not(:disabled)[b-i2blsjb8g6] { background: #2559C9; }
.btn[b-i2blsjb8g6] { border: 1px solid #D5DAE1; background: #FFFFFF; color: #15202E; }
.btn.reject[b-i2blsjb8g6] { color: #8B1111; }
button:disabled[b-i2blsjb8g6], select:disabled[b-i2blsjb8g6] { opacity: .6; cursor: default; }
.add-form[b-i2blsjb8g6] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.add-form input[b-i2blsjb8g6] { min-height: 36px; border: 1px solid #D5DAE1; border-radius: 8px; padding: 0 10px; font: inherit; font-size: 13px; width: 180px; }
.sr[b-i2blsjb8g6] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.muted-cell[b-i2blsjb8g6] { font-size: 12px; color: #5B6575; }

@media (max-width: 900px) { .item[b-i2blsjb8g6] { grid-template-columns: 1fr; } .item-actions[b-i2blsjb8g6] { justify-content: flex-start; } .progress[b-i2blsjb8g6] { margin-left: 0; } }
button:focus-visible[b-i2blsjb8g6], select:focus-visible[b-i2blsjb8g6], a:focus-visible[b-i2blsjb8g6], input:focus-visible[b-i2blsjb8g6] { outline: 2px solid #2F6FED; outline-offset: 2px; }
/* /Components/Pages/Settings.razor.rz.scp.css */
.hub[b-o078sgre8u] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.hub-card[b-o078sgre8u] { display: flex; flex-direction: column; gap: 6px; color: var(--ui-ink); text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.hub-card:hover[b-o078sgre8u] { border-color: #B8C4D6; box-shadow: 0 2px 10px rgba(15, 27, 45, .06); }
.hub-top[b-o078sgre8u] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.hub-top h3[b-o078sgre8u] { margin: 0; font-size: 16px; font-weight: 600; }
.hub-card p[b-o078sgre8u] { margin: 0; font-size: 13px; color: var(--ui-ink-2); line-height: 1.45; }
.hub-card small[b-o078sgre8u] { margin-top: auto; padding-top: 6px; font-size: 12px; color: var(--ui-muted); }
@media (max-width: 900px) { .hub[b-o078sgre8u] { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .hub-card[b-o078sgre8u] { transition: none; } }
/* /Components/Pages/SupplierPage.razor.rz.scp.css */
.page[b-luazf4j2by] { max-width: 1240px; margin: 0 auto; padding: 20px 16px 48px; }
.back[b-luazf4j2by] { display: inline-block; margin-bottom: 10px; color: #1D4ED8; text-decoration: none; font-size: 14px; }
.muted[b-luazf4j2by] { color: #5B6575; display: flex; align-items: center; }
.spin[b-luazf4j2by] { display: inline-block; width: 14px; height: 14px; margin-right: 8px; border: 2px solid #C9D6EE; border-top-color: #2F6FED; border-radius: 50%; animation: su-spin-b-luazf4j2by .8s linear infinite; }
@keyframes su-spin-b-luazf4j2by { to { transform: rotate(360deg); } }
.top[b-luazf4j2by] { align-items: flex-start; }
.meta[b-luazf4j2by] { margin: 4px 0 0; color: #3D4756; font-size: 14px; }
.meta small[b-luazf4j2by] { color: #8A94A3; font-size: 13px; margin-left: 4px; }
.right[b-luazf4j2by] { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.type-select[b-luazf4j2by] { height: 30px; padding: 0 8px; border: 1px solid #D5DAE1; border-radius: 8px; font: inherit; font-size: 13px; background: #FFFFFF; }
.t[b-luazf4j2by] { padding: 2px 10px; border-radius: 99px; font-size: 12.5px; font-weight: 600; }
.t.mat[b-luazf4j2by] { background: #EEF3FF; color: #1E3A8A; } .t.svc[b-luazf4j2by] { background: #F1FAF4; color: #14532D; } .t.none[b-luazf4j2by] { background: #F6F8FB; color: #8A94A3; }
.list[b-luazf4j2by] { margin-top: 10px; }
h2[b-luazf4j2by] { margin: 22px 0 8px; font-size: 13.5px; font-weight: 600; color: #5B6575; }
.hint[b-luazf4j2by] { margin: 4px 0; font-size: 13.5px; color: #8A94A3; }
.promises[b-luazf4j2by] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 8px; }
.promise[b-luazf4j2by] { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; padding: 10px 12px; border: 1px solid #E3E7ED; border-radius: 10px; background: #FFFFFF; color: inherit; text-decoration: none; font-size: 14px; }
.promise .pd[b-luazf4j2by] { color: #5B6575; text-align: right; }
.promise b[b-luazf4j2by] { grid-column: 1 / -1; } .promise b.late[b-luazf4j2by] { color: #8B1111; } .promise b.ok[b-luazf4j2by] { color: #14532D; }
.promise small[b-luazf4j2by] { grid-column: 1 / -1; color: #3D4756; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chips[b-luazf4j2by] { display: flex; flex-wrap: wrap; gap: 6px; }
.chip[b-luazf4j2by] { padding: 3px 10px; border-radius: 99px; background: #F6F8FB; border: 1px solid #E3E7ED; font-size: 13px; color: #2B3646; text-decoration: none; }
a.chip:hover[b-luazf4j2by] { border-color: #9DB8F2; }
.cols[b-luazf4j2by] { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.people[b-luazf4j2by] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.people div[b-luazf4j2by] { display: flex; flex-direction: column; gap: 3px; font-size: 14px; color: #15202E; }
.people small[b-luazf4j2by] { color: #8A94A3; font-size: 12.5px; }
.people i[b-luazf4j2by] { font-style: normal; color: #8A94A3; font-size: 12px; }
@media (max-width: 1000px) { .cols[b-luazf4j2by] { grid-template-columns: 1fr; } }
/* /Components/Pages/Suppliers.razor.rz.scp.css */
.page[b-pqvulhwl3v] { max-width: 1240px; margin: 0 auto; padding: 24px 16px 48px; }
h1[b-pqvulhwl3v] { margin: 0; font-size: 26px; color: #12233F; }
.sub[b-pqvulhwl3v] { margin: 4px 0 16px; color: #3D4756; font-size: 15px; }
.muted[b-pqvulhwl3v] { color: #5B6575; display: flex; align-items: center; }
.spin[b-pqvulhwl3v] { display: inline-block; width: 14px; height: 14px; margin-right: 8px; border: 2px solid #C9D6EE; border-top-color: #2F6FED; border-radius: 50%; animation: sp-spin-b-pqvulhwl3v .8s linear infinite; }
@keyframes sp-spin-b-pqvulhwl3v { to { transform: rotate(360deg); } }
.search input[b-pqvulhwl3v] { width: 100%; min-height: 48px; padding: 0 16px; border: 1px solid #D5DAE1; border-radius: 12px; font: inherit; font-size: 16px; background: #FFFFFF; }
.search input:focus[b-pqvulhwl3v] { outline: 2px solid #9DB8F2; border-color: #2F6FED; }
.bar[b-pqvulhwl3v] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0; }
.types[b-pqvulhwl3v] { display: flex; flex-wrap: wrap; gap: 6px; }
.type[b-pqvulhwl3v] { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 14px; border: 1px solid #D5DAE1; border-radius: 99px; background: #FFFFFF; font: inherit; font-size: 13px; color: #2B3646; cursor: pointer; }
.type span[b-pqvulhwl3v] { font-size: 11px; color: #8A94A3; }
.type.on[b-pqvulhwl3v] { background: #13233A; border-color: #13233A; color: #FFFFFF; } .type.on span[b-pqvulhwl3v] { color: #C7D4EA; }
.list[b-pqvulhwl3v] { display: flex; flex-direction: column; gap: 8px; }
.sup[b-pqvulhwl3v] { display: grid; grid-template-columns: minmax(0, 2.4fr) repeat(3, minmax(0, .8fr)) minmax(0, 1.2fr); gap: 14px; align-items: center;
    padding: 14px 16px; border: 1px solid #E3E7ED; border-radius: 12px; background: #FFFFFF; color: inherit; text-decoration: none; }
.sup:hover[b-pqvulhwl3v] { border-color: #9DB8F2; box-shadow: 0 2px 8px rgba(16, 24, 40, .06); }
.s-main[b-pqvulhwl3v] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.s-main b[b-pqvulhwl3v] { font-size: 17px; color: #12233F; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s-main span[b-pqvulhwl3v] { font-size: 14px; color: #3D4756; }
.t[b-pqvulhwl3v] { font-style: normal; padding: 0 7px; border-radius: 99px; font-size: 11.5px; font-weight: 600; }
.t.mat[b-pqvulhwl3v] { background: #EEF3FF; color: #1E3A8A; } .t.svc[b-pqvulhwl3v] { background: #F1FAF4; color: #14532D; } .t.none[b-pqvulhwl3v] { background: #F6F8FB; color: #8A94A3; }
.s-num[b-pqvulhwl3v] { display: flex; flex-direction: column; }
.s-num b[b-pqvulhwl3v] { font-size: 22px; color: #12233F; font-variant-numeric: tabular-nums; }
.s-num span[b-pqvulhwl3v] { font-size: 13px; color: #3D4756; }
.s-num.us b[b-pqvulhwl3v] { color: #9A3412; } .s-num.bad b[b-pqvulhwl3v] { color: #8B1111; }
.s-last[b-pqvulhwl3v] { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.s-last span[b-pqvulhwl3v] { font-size: 13px; color: #5B6575; } .s-last b[b-pqvulhwl3v] { font-size: 15px; color: #12233F; } .s-last small[b-pqvulhwl3v] { font-size: 13px; color: #9A3412; }
.empty[b-pqvulhwl3v] { padding: 24px; text-align: center; color: #5B6575; }
@media (max-width: 800px) { .sup[b-pqvulhwl3v] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .s-main[b-pqvulhwl3v], .s-last[b-pqvulhwl3v] { grid-column: 1 / -1; } .s-last[b-pqvulhwl3v] { align-items: flex-start; text-align: left; } }

/* Compact and Table use the shared owner.css styles (dc-*, dt-*); only the supplier's own columns are here. */
.sc[b-pqvulhwl3v] { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.2fr) minmax(0, .9fr) minmax(0, .8fr) minmax(0, .8fr) minmax(0, .6fr) minmax(0, .7fr) minmax(0, 1.3fr); }
.sc-num[b-pqvulhwl3v] { color: #3D4756; font-variant-numeric: tabular-nums; } .sc-num small[b-pqvulhwl3v] { color: #8A94A3; font-size: 12.5px; }
.sc-num.us[b-pqvulhwl3v] { color: #9A3412; font-weight: 600; } .sc-num.bad[b-pqvulhwl3v] { color: #8B1111; font-weight: 600; }
.sc-wait[b-pqvulhwl3v] { color: #9A3412; font-size: 13px; }
.sc-us[b-pqvulhwl3v] { color: #9A3412; font-weight: 600; } .sc-bad[b-pqvulhwl3v] { color: #8B1111; font-weight: 600; }
@media (max-width: 1000px) { .sc[b-pqvulhwl3v] { grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr) minmax(0, .8fr) minmax(0, .6fr); } .sc .dc-who[b-pqvulhwl3v], .sc .dc-span[b-pqvulhwl3v], .sc .sc-wait[b-pqvulhwl3v] { display: none; } }
/* /Components/Pages/ThreadPage.razor.rz.scp.css */
.page[b-q86wfvp349] { max-width: 1320px; margin: 0 auto; padding: 12px 0 0; color: #15202E; }
.back[b-q86wfvp349] { display: inline-flex; align-items: center; min-height: 44px; color: #1D4ED8; font-size: 15px; text-decoration: none; }
.back:hover[b-q86wfvp349] { text-decoration: underline; }
.muted[b-q86wfvp349] { color: #5B6575; padding: 32px 0; }

.title[b-q86wfvp349] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 4px 0 6px; }
.title h1[b-q86wfvp349] { margin: 0; font-size: 22px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.pill[b-q86wfvp349] { display: inline-block; padding: 5px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.pill-none[b-q86wfvp349] { background: #EEF1F4; color: #5B6575; }
.meta[b-q86wfvp349] { margin: 0 0 16px; font-family: var(--font-mono); font-size: 13px; color: #5B6575; overflow-wrap: anywhere; }

.card[b-q86wfvp349] { background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 12px; }
.stepper[b-q86wfvp349] { padding: 14px 16px 10px; margin-bottom: 14px; overflow-x: auto; }
.steps[b-q86wfvp349] { display: flex; gap: 6px; min-width: 760px; }
.step[b-q86wfvp349] { flex: 1 1 0; text-align: center; }
.bar[b-q86wfvp349] { height: 6px; border-radius: 3px; background: #E3E7ED; }
.step-name[b-q86wfvp349] { margin-top: 6px; font-size: 12px; color: #8A94A3; }
.step-note[b-q86wfvp349] { margin: 8px 0 0; font-size: 12px; color: #8A94A3; }

.toolbar[b-q86wfvp349] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin-bottom: 12px; font-size: 12px; color: #5B6575; }
.link[b-q86wfvp349] { border: 0; background: none; padding: 8px 0; min-height: 36px; color: #1D4ED8; font: inherit; font-size: 13px; cursor: pointer; text-align: left; }
.link:hover[b-q86wfvp349] { text-decoration: underline; }

.layout[b-q86wfvp349] { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.timeline[b-q86wfvp349] { flex: 999 1 520px; min-width: 0; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.panel[b-q86wfvp349] { flex: 1 1 300px; min-width: 0; padding: 16px; display: flex; flex-direction: column; gap: 18px; position: sticky; top: 12px; }

.entry[b-q86wfvp349] { background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 12px; padding: 14px 16px; scroll-margin-top: 12px; }
.entry:target[b-q86wfvp349] { outline: 3px solid #E0B400; outline-offset: 2px; }
.entry-quote[b-q86wfvp349] { background: #FAFAF7; border: 1px dashed #CFC6A8; }
.entry-head[b-q86wfvp349] { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; }
.tag[b-q86wfvp349] { font-family: var(--font-mono); font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 6px; white-space: nowrap; }
.tag-gmail[b-q86wfvp349] { background: #E6EEFF; color: #1E3A8A; }
.tag-quote[b-q86wfvp349] { background: #F3EBD3; color: #6B4E00; }
.from[b-q86wfvp349] { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.date[b-q86wfvp349] { margin-left: auto; font-size: 13px; color: #5B6575; }
.entry-quote .date[b-q86wfvp349] { color: #8A5A00; }
.fields[b-q86wfvp349] { margin-top: 6px; font-size: 12px; line-height: 1.6; color: #5B6575; overflow-wrap: anywhere; }
.found[b-q86wfvp349] { color: #8A5A00; }
.found a[b-q86wfvp349] { color: #8A5A00; font-weight: 600; }

.lines[b-q86wfvp349] { list-style: none; margin: 10px 0 0; padding: 0; font-size: 14px; line-height: 1.55; }
.lines li[b-q86wfvp349] { display: flex; gap: 10px; padding: 2px 6px; margin: 0 -6px; border-radius: 6px; }
.ln[b-q86wfvp349] { flex: none; min-width: 26px; font-family: var(--font-mono); font-size: 11px; color: #8A94A3; padding-top: 3px; user-select: none; }
.lt[b-q86wfvp349] { white-space: pre-wrap; overflow-wrap: anywhere; min-width: 0; }
.entry-quote .lt[b-q86wfvp349] { color: #4A5361; }
.note[b-q86wfvp349] { margin: 10px 0 0; padding: 8px 10px; border-radius: 8px; background: #FFF7E6; color: #7A4B00; font-size: 13px; }
pre[b-q86wfvp349] { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; }
.raw[b-q86wfvp349] { margin: 10px 0 0; font-size: 14px; }

.quotes[b-q86wfvp349] { margin-top: 10px; border-top: 1px dashed #DDE2E8; padding-top: 4px; display: flex; flex-direction: column; gap: 6px; }
.quote-row[b-q86wfvp349] { background: #F7F8FA; border-radius: 8px; padding: 8px 10px; font-size: 13px; color: #5B6575; }
.quote-row summary[b-q86wfvp349] { cursor: pointer; overflow-wrap: anywhere; }
.quote-row pre[b-q86wfvp349] { margin: 8px 0 0; font-size: 13px; color: #3D4756; line-height: 1.5; }
.ref[b-q86wfvp349] { font-family: var(--font-mono); font-weight: 600; color: #2B3646; text-decoration: none; }
.ref:hover[b-q86wfvp349] { text-decoration: underline; }

.original[b-q86wfvp349] { margin-top: 8px; font-size: 13px; }
.original summary[b-q86wfvp349] { cursor: pointer; color: #5B6575; padding: 6px 0; }
.original pre[b-q86wfvp349] { margin: 6px 0 0; padding: 10px; background: #F7F8FA; border-radius: 8px; font-size: 12px; color: #3D4756; max-height: 480px; overflow: auto; }

.panel h2[b-q86wfvp349] { margin: 0 0 6px; font-size: 12px; color: #5B6575; text-transform: uppercase; letter-spacing: .04em; font-weight: 600; }
.empty[b-q86wfvp349] { margin: 0; font-size: 14px; line-height: 1.45; color: #5B6575; }
.field-row[b-q86wfvp349] { display: flex; gap: 10px; padding: 8px 0; border-top: 1px solid #F0F2F5; font-size: 13px; }
.field-label[b-q86wfvp349] { width: 110px; flex: none; color: #5B6575; }
.dash[b-q86wfvp349] { color: #A3ADBB; }
.people[b-q86wfvp349] { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13px; color: #2B3646; }
.people li[b-q86wfvp349] { overflow-wrap: anywhere; }

@media (max-width: 900px) { .panel[b-q86wfvp349] { position: static; } }
a:focus-visible[b-q86wfvp349], button:focus-visible[b-q86wfvp349], summary:focus-visible[b-q86wfvp349] { outline: 2px solid #2F6FED; outline-offset: 2px; }

/* ---- AI results ---- */
.pill-us[b-q86wfvp349] { background: #FDE7C8; color: #8A3B00; }
.pill-supplier[b-q86wfvp349] { background: #DCE8FF; color: #1E3A8A; }
.pill-blocked[b-q86wfvp349] { background: #FBD5D5; color: #8B1111; }
.pill-done[b-q86wfvp349] { background: #DCEFE3; color: #14532D; }
.bar-past[b-q86wfvp349] { background: #7FA3F0; }
.bar-now[b-q86wfvp349] { background: #2F6FED; }
.step-past[b-q86wfvp349] { color: #2B3646; }
.step-now[b-q86wfvp349] { color: #15202E; font-weight: 700; }

.lines li.hl[b-q86wfvp349] { background: #FFF1B8; outline: 2px solid #E0B400; }
.item-tags[b-q86wfvp349] { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.chips[b-q86wfvp349] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.chip[b-q86wfvp349] { font-size: 12px; background: #EEF2F7; color: #2B3646; padding: 3px 9px; border-radius: 999px; }

.run[b-q86wfvp349] { display: flex; flex-direction: column; gap: 8px; }
.btn-primary[b-q86wfvp349], .btn[b-q86wfvp349] { min-height: 40px; padding: 8px 14px; border-radius: 8px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.btn-primary[b-q86wfvp349] { border: 1px solid #2F6FED; background: #2F6FED; color: #FFFFFF; }
.btn-primary:hover[b-q86wfvp349] { background: #2559C9; }
.btn[b-q86wfvp349] { border: 1px solid #D5DAE1; background: #FFFFFF; color: #15202E; }
.confirm[b-q86wfvp349] { background: #F4F7FD; border: 1px solid #DCE8FF; border-radius: 10px; padding: 12px; font-size: 14px; line-height: 1.45; }
.confirm p[b-q86wfvp349] { margin: 0 0 10px; }
.confirm-actions[b-q86wfvp349] { display: flex; gap: 8px; }
.run-state[b-q86wfvp349] { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 14px; color: #1E3A8A; }
.spinner[b-q86wfvp349] { width: 14px; height: 14px; border-radius: 50%; border: 2px solid #C5D5FB; border-top-color: #2F6FED; animation: spin-b-q86wfvp349 0.8s linear infinite; }
@keyframes spin-b-q86wfvp349 { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .spinner[b-q86wfvp349] { animation: none; } }
.run-error[b-q86wfvp349] { margin: 0; padding: 8px 10px; border-radius: 8px; background: #FDECEC; color: #8B1111; font-size: 13px; overflow-wrap: anywhere; }

.summary[b-q86wfvp349] { margin: 0; font-size: 15px; line-height: 1.45; }
.blocked[b-q86wfvp349] { margin: 8px 0 0; color: #8B1111; font-size: 13px; font-weight: 600; }
.field-values[b-q86wfvp349] { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.value-main[b-q86wfvp349] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; }
.value small[b-q86wfvp349] { display: block; font-size: 11px; color: #5B6575; margin-top: 2px; }
.mark[b-q86wfvp349] { font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 999px; }
.mark-ok[b-q86wfvp349] { background: #DCEFE3; color: #14532D; }
.mark-new[b-q86wfvp349] { background: #FDE2CF; color: #7C2D12; }
.mark-rev[b-q86wfvp349] { background: #DCE8FF; color: #1E3A8A; }
.src[b-q86wfvp349] { font-family: var(--font-mono); font-size: 12px; color: #1D4ED8; text-decoration: none; }
.src:hover[b-q86wfvp349] { text-decoration: underline; }
.refchip[b-q86wfvp349] { font-family: var(--font-mono); font-size: 13px; border: 1px solid #D5DAE1; border-radius: 6px; padding: 4px 8px; color: #15202E; text-decoration: none; }
.refchip span[b-q86wfvp349] { color: #5B6575; }
.refchip:hover[b-q86wfvp349] { border-color: #2F6FED; }
.action[b-q86wfvp349] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding: 8px 0; border-top: 1px solid #F0F2F5; font-size: 13px; }
.action-done[b-q86wfvp349] { opacity: .7; }
.action small[b-q86wfvp349] { color: #5B6575; font-size: 12px; }
.mono[b-q86wfvp349] { font-family: var(--font-mono); }
.push[b-q86wfvp349] { margin-left: auto; }
.state[b-q86wfvp349] { font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 999px; }
.state-open[b-q86wfvp349] { background: #FDE7C8; color: #8A3B00; }
.state-done[b-q86wfvp349] { background: #E8EBEF; color: #3D4756; }
.tl[b-q86wfvp349] { display: grid; grid-template-columns: 78px 82px minmax(0, 1fr) auto; gap: 8px; align-items: baseline; padding: 5px 0; font-size: 13px; }
.tl-date[b-q86wfvp349] { color: #5B6575; font-size: 12px; }
.tl-event[b-q86wfvp349] { color: #2B3646; }
.audit p[b-q86wfvp349] { margin: 0 0 6px; font-size: 12px; color: #5B6575; }
.audit details[b-q86wfvp349] { font-size: 12px; color: #5B6575; margin-top: 6px; }
.audit summary[b-q86wfvp349] { cursor: pointer; padding: 4px 0; }
.audit ul[b-q86wfvp349] { margin: 6px 0 0; padding-left: 18px; }
.audit h3[b-q86wfvp349] { font-size: 11px; margin: 10px 0 4px; text-transform: uppercase; color: #5B6575; }
pre.json[b-q86wfvp349] { max-height: 320px; overflow: auto; background: #F7F8FA; border-radius: 8px; padding: 8px; font-family: var(--font-mono); font-size: 11px; white-space: pre-wrap; word-break: break-all; }

/* ---- Panel v2 (2026-10-07): wider, scrolls on its own, one line per value ---- */
.timeline[b-q86wfvp349] { flex: 1 1 520px; }
.panel[b-q86wfvp349] { flex: 0 1 440px; max-height: calc(100vh - 24px); overflow-y: auto; gap: 0; padding: 0; }
.panel > section[b-q86wfvp349], .panel[b-q86wfvp349]  > section { padding: 14px 16px; border-top: 1px solid #EEF1F4; }
.panel section:first-child[b-q86wfvp349] { border-top: 0; }
.panel h2[b-q86wfvp349] { display: flex; align-items: center; gap: 6px; }
.count[b-q86wfvp349] { font-size: 11px; font-weight: 600; background: #EEF1F4; color: #5B6575; border-radius: 999px; padding: 1px 7px; letter-spacing: 0; }
.blocked[b-q86wfvp349] { display: inline-block; margin-top: 8px; padding: 3px 10px; border-radius: 999px; background: #FBD5D5; color: #8B1111; font-size: 12px; font-weight: 700; text-decoration: none; }
.more-link[b-q86wfvp349] { border: 0; background: none; padding: 4px 2px; color: #1D4ED8; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.more-link:hover[b-q86wfvp349] { text-decoration: underline; }

.cls[b-q86wfvp349] { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 0; margin: 0; }
.cls dt[b-q86wfvp349] { padding: 8px 0; font-size: 12px; color: #5B6575; border-top: 1px solid #F0F2F5; }
.cls dd[b-q86wfvp349] { margin: 0; padding: 6px 0; border-top: 1px solid #F0F2F5; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cls dt:first-of-type[b-q86wfvp349], .cls dd:first-of-type[b-q86wfvp349] { border-top: 0; }
.val[b-q86wfvp349] { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 14px; }
.val-text[b-q86wfvp349] { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; text-transform: none; }
.val-meta[b-q86wfvp349] { font-size: 11px; color: #8A94A3; white-space: nowrap; }
.val .src[b-q86wfvp349] { margin-left: auto; flex: none; }
.mk[b-q86wfvp349] { flex: none; display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; font-size: 11px; font-weight: 800; }

.action[b-q86wfvp349] { gap: 4px 8px; padding: 7px 0; flex-wrap: nowrap; }
.action .who[b-q86wfvp349] { color: #2B3646; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.action .since[b-q86wfvp349] { color: #8A94A3; font-size: 12px; white-space: nowrap; }
.action .src[b-q86wfvp349] { flex: none; }

.tl-list[b-q86wfvp349] { list-style: none; margin: 0; padding: 0 0 0 10px; border-left: 2px solid #E3E7ED; display: flex; flex-direction: column; gap: 10px; }
.tl[b-q86wfvp349] { display: block; padding: 0 0 0 10px; position: relative; font-size: 13px; }
.tl[b-q86wfvp349]::before { content: ""; position: absolute; left: -16px; top: 5px; width: 8px; height: 8px; border-radius: 50%; background: #7FA3F0; }
.tl-head[b-q86wfvp349] { display: flex; align-items: center; gap: 8px; }
.tl-date[b-q86wfvp349] { font-size: 12px; font-weight: 600; color: #2B3646; }
.tl-stage[b-q86wfvp349] { font-size: 11px; padding: 1px 7px; border-radius: 999px; background: #EEF2F7; color: #4C617C; }
.tl-head .src[b-q86wfvp349] { margin-left: auto; }
.tl-event[b-q86wfvp349] { margin: 3px 0 0; color: #3D4756; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tl-event:hover[b-q86wfvp349] { -webkit-line-clamp: unset; }

@media (max-width: 1000px) { .panel[b-q86wfvp349] { flex-basis: 100%; max-height: none; position: static; } }

/* ---- Time between emails ---- */
.gap[b-q86wfvp349] { display: flex; align-items: center; gap: 6px; margin: -4px 0 -4px 22px; padding: 2px 10px; border-left: 2px dotted #C9D1DC; min-height: 28px; font-size: 12px; color: #5B6575; list-style: none; }
.gap b[b-q86wfvp349] { font-weight: 600; color: #2B3646; }
.gap-long[b-q86wfvp349] { border-left-color: #E8A15C; color: #8A3B00; }
.gap-long b[b-q86wfvp349] { color: #8A3B00; }
.span[b-q86wfvp349] { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: -8px 0 16px; font-size: 13px; color: #5B6575; }
.span b[b-q86wfvp349] { color: #15202E; }
.longest[b-q86wfvp349] { color: #5B6575; text-decoration: none; }
.longest:hover[b-q86wfvp349] { text-decoration: underline; }
.longest-long b[b-q86wfvp349] { color: #8A3B00; }

/* ---- Collapsible emails ---- */
.entry-head[b-q86wfvp349] { width: 100%; border: 0; background: none; padding: 0; margin: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.entry-head:hover .from[b-q86wfvp349] { color: #1D4ED8; }
.chev[b-q86wfvp349] { flex: none; align-self: center; color: #8A94A3; transition: transform .15s; transform: rotate(90deg); }
.entry-closed .chev[b-q86wfvp349] { transform: rotate(0deg); }
@media (prefers-reduced-motion: reduce) { .chev[b-q86wfvp349] { transition: none; } }
.entry-closed[b-q86wfvp349] { padding-top: 10px; padding-bottom: 10px; }
.preview[b-q86wfvp349] { margin: 4px 0 0 22px; font-size: 13px; color: #5B6575; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gap[b-q86wfvp349] { margin-top: -6px; margin-bottom: -6px; }

/* ---- Emails and time per stage ---- */
.step-stat[b-q86wfvp349] { margin-top: 2px; font-size: 11px; color: #5B6575; white-space: nowrap; }
.step-stat b[b-q86wfvp349] { color: #15202E; font-weight: 600; }
.bar-none.bar-has[b-q86wfvp349] { background: #C9D6F2; }

/* ---- Deal card ---- */
.deal[b-q86wfvp349] { padding: 18px 22px; margin-bottom: 14px; }
.deal-top[b-q86wfvp349] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.deal-blocked[b-q86wfvp349] { font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: #FBD5D5; color: #8B1111; text-decoration: none; }
.meta-inline[b-q86wfvp349] { margin-left: auto; font-family: var(--font-mono); font-size: 12px; color: #5B6575; }
.deal h1[b-q86wfvp349] { margin: 10px 0 6px; font-size: 23px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.deal-summary[b-q86wfvp349] { margin: 0 0 8px; font-size: 15px; line-height: 1.5; color: #2B3646; max-width: 980px; }
.deal .span[b-q86wfvp349] { margin: 0; }
.deal-grid[b-q86wfvp349] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1.1fr); gap: 12px; margin-top: 14px; }
.deal-box[b-q86wfvp349] { border-radius: 12px; padding: 12px 14px; margin: 0; min-width: 0; }
.deal-ours[b-q86wfvp349] { background: #FFF4EC; border: 1px solid #F7CDB0; }
.deal-theirs[b-q86wfvp349] { background: #EEF3FF; border: 1px solid #C5D5FB; }
.deal-facts[b-q86wfvp349] { border: 1px solid #DDE2E8; display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 6px 10px; font-size: 13px; align-content: start; }
.deal-facts dt[b-q86wfvp349] { color: #5B6575; }
.deal-facts dd[b-q86wfvp349] { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 8px; font-weight: 600; min-width: 0; }
.deal-label[b-q86wfvp349] { font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.deal-ours .deal-label[b-q86wfvp349] { color: #7C2D12; }
.deal-theirs .deal-label[b-q86wfvp349] { color: #1E3A8A; }
.deal-action[b-q86wfvp349] { font-size: 17px; margin-top: 6px; }
.deal-sub[b-q86wfvp349] { font-size: 13px; color: #5B6575; margin-top: 4px; }
.deal-ours .src[b-q86wfvp349] { display: inline-block; margin-top: 6px; }
.deal-row[b-q86wfvp349] { display: flex; align-items: center; gap: 8px; font-size: 13px; margin-top: 6px; }
.deal-row b:last-child[b-q86wfvp349] { margin-left: auto; }
.fact[b-q86wfvp349] { display: inline-flex; align-items: center; gap: 4px; }
.small[b-q86wfvp349] { font-size: 12px; font-weight: 500 !important; }
@media (max-width: 900px) { .deal-grid[b-q86wfvp349] { grid-template-columns: 1fr; } .meta-inline[b-q86wfvp349] { margin-left: 0; } }
.op-chip[b-q86wfvp349] { display: inline-block; margin: 0 0 8px; font-size: 13px; color: #1E3A8A; background: #EEF3FF; border: 1px solid #C5D5FB; border-radius: 999px; padding: 4px 12px; text-decoration: none; }
.op-chip:hover[b-q86wfvp349] { border-color: #2F6FED; }
.legend-row[b-q86wfvp349] { margin-top: 10px; }
.deal-legend[b-q86wfvp349] { grid-column: 1 / -1; display: flex; padding-top: 10px; border-top: 1px solid #EEF1F4; }
.fact-row[b-q86wfvp349] { display: grid; grid-template-columns: 110px auto 52px minmax(0, 1fr) auto; gap: 8px; align-items: baseline; padding: 5px 0; font-size: 13px; border-top: 1px solid #F1F3F6; }
.fact-row:first-of-type[b-q86wfvp349] { border-top: 0; }
.fact-label[b-q86wfvp349] { color: #5B6575; }
.fact-row b[b-q86wfvp349] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.fact-row .money[b-q86wfvp349] { font-family: var(--font-mono); font-size: 12.5px; }
.kind[b-q86wfvp349] { font-size: 11px; font-weight: 600; color: #5B6575; }
.kind.actual[b-q86wfvp349] { color: #14532D; }
.fact-row.late .kind[b-q86wfvp349] { color: #9A3412; font-weight: 700; }
.fact-row.late b[b-q86wfvp349] { color: #9A3412; }
.fact-ref[b-q86wfvp349] { font-family: var(--font-mono); font-size: 11.5px; color: #3D4756; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hint-inline[b-q86wfvp349] { margin-left: 6px; font-size: 11px; font-weight: 400; text-transform: none; letter-spacing: 0; color: #8A94A3; }
.by-deal[b-q86wfvp349] { margin-left: 4px; padding: 0 5px; border-radius: 4px; background: rgba(255,255,255,.6); font-size: 10px; font-weight: 700; }
.deal-view[b-q86wfvp349] { margin: 10px 0 4px; padding: 10px 14px; border: 1px solid #C5D5FB; border-radius: 10px; background: #F5F8FF; }
.deal-view-head[b-q86wfvp349] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; font-size: 13px; color: #12233F; }
.deal-view-head small[b-q86wfvp349] { margin-left: auto; color: #5B6575; font-size: 11.5px; }
.deal-view p[b-q86wfvp349] { margin: 6px 0 0; font-size: 13.5px; line-height: 1.5; color: #2B3646; }
.deal-view-own[b-q86wfvp349] { display: block; margin-top: 6px; color: #9A3412; font-size: 12px; }
.copy-of[b-q86wfvp349] { margin-top: 3px; font-size: 12px; color: #1E3A8A; }
.copy-of a[b-q86wfvp349] { color: #1D4ED8; font-weight: 600; }
.tag-copy[b-q86wfvp349] { padding: 1px 7px; border-radius: 99px; background: #EEF3FF; color: #1E3A8A; font-size: 10.5px; font-weight: 600; white-space: nowrap; }

.decisions[b-q86wfvp349] { margin: 8px 0; font-size: 13px; color: #3D4756; } .decisions summary[b-q86wfvp349] { cursor: pointer; color: #5B6575; }
.decisions ol[b-q86wfvp349] { margin: 6px 0 0; padding-left: 18px; } .decisions li[b-q86wfvp349] { padding: 2px 0; } .decisions small[b-q86wfvp349] { color: #8A94A3; }
/* /Components/Pages/Threads.razor.rz.scp.css */
.page[b-sjod445jmx] { max-width: 1400px; margin: 0 auto; padding: 20px 0 0; display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; color: #15202E; }

/* ---- Filters ---- */
.filters[b-sjod445jmx] { flex: 1 1 250px; max-width: 280px; background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 14px; padding: 4px 0 12px; }
.filters-head[b-sjod445jmx] { display: flex; align-items: center; padding: 12px 16px 8px; font-size: 15px; }
.link-btn[b-sjod445jmx] { border: 0; background: none; color: #1D4ED8; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; padding: 6px 0; margin-left: auto; }
.link-btn:hover[b-sjod445jmx] { text-decoration: underline; }
.link-btn.more[b-sjod445jmx] { margin: 2px 0 0; }
.ref-search[b-sjod445jmx] { display: flex; align-items: center; gap: 8px; margin: 0 16px 6px; border: 1px solid #D5DAE1; border-radius: 8px; padding: 0 10px; min-height: 38px; }
.ref-search input[b-sjod445jmx] { border: 0; outline: none; font: inherit; font-size: 13px; width: 100%; background: transparent; }
.ref-hash[b-sjod445jmx] { font-family: var(--font-mono); font-size: 12px; color: #5B6575; }
.ref-search:focus-within[b-sjod445jmx] { border-color: #2F6FED; box-shadow: 0 0 0 3px #DCE8FF; }
.group[b-sjod445jmx] { border-top: 1px solid #EEF1F4; padding: 10px 16px 6px; }
.group-title[b-sjod445jmx] { font-size: 11px; font-weight: 700; color: #5B6575; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 4px; }
.opt[b-sjod445jmx] { display: flex; align-items: center; gap: 8px; width: calc(100% + 12px); margin: 0 -6px; padding: 5px 6px; border: 0; border-radius: 6px; background: transparent; font: inherit; font-size: 13px; text-align: left; color: #15202E; cursor: pointer; min-height: 30px; }
.opt:hover[b-sjod445jmx] { background: #F4F7FD; }
.opt.on[b-sjod445jmx] { background: #EEF3FF; }
.opt.zero[b-sjod445jmx] { color: #9AA6B6; }
.box[b-sjod445jmx] { width: 14px; height: 14px; flex: none; border-radius: 4px; border: 1.5px solid #9AA6B6; background: #FFFFFF; display: grid; place-items: center; font-size: 10px; font-weight: 800; color: #FFFFFF; }
.opt.on .box[b-sjod445jmx] { background: #2F6FED; border-color: #2F6FED; }
.radio[b-sjod445jmx] { width: 14px; height: 14px; flex: none; border-radius: 50%; border: 1.5px solid #9AA6B6; background: #FFFFFF; }
.opt.on .radio[b-sjod445jmx] { border: 4px solid #2F6FED; }
.opt-text[b-sjod445jmx] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.opt-count[b-sjod445jmx] { margin-left: auto; font-size: 12px; color: #8A94A3; }
.mk[b-sjod445jmx] { flex: none; width: 16px; height: 16px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 10px; font-weight: 800; }
.mk.mark-ok[b-sjod445jmx] { background: #DCEFE3; color: #14532D; }
.mk.mark-rev[b-sjod445jmx] { background: #DCE8FF; color: #1E3A8A; }
.mk.mark-new[b-sjod445jmx] { background: #FDE2CF; color: #7C2D12; }
.mk.mark-email[b-sjod445jmx] { background: #EEF1F4; color: #3D4756; }
.field[b-sjod445jmx] { display: grid; gap: 4px; font-size: 12px; color: #5B6575; margin-top: 6px; }
.field select[b-sjod445jmx], .field input[b-sjod445jmx] { min-height: 34px; padding: 4px 8px; border: 1px solid #D5DAE1; border-radius: 7px; background: #FFFFFF; color: #15202E; font: inherit; font-size: 13px; }
.dates[b-sjod445jmx] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sr-only[b-sjod445jmx] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ---- Results ---- */
.results[b-sjod445jmx] { flex: 999 1 700px; min-width: 0; }
.head[b-sjod445jmx] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 10px; }
h1[b-sjod445jmx] { margin: 0; font-size: 24px; font-weight: 600; }
.total[b-sjod445jmx] { font-size: 13px; color: #5B6575; }
.search[b-sjod445jmx] { margin-left: auto; display: flex; align-items: center; gap: 8px; background: #FFFFFF; border: 1px solid #D5DAE1; border-radius: 8px; padding: 0 12px; min-height: 40px; flex: 0 1 320px; }
.search input[b-sjod445jmx] { border: 0; outline: none; font: inherit; font-size: 14px; width: 100%; background: transparent; color: #15202E; }
.search:focus-within[b-sjod445jmx] { border-color: #2F6FED; box-shadow: 0 0 0 3px #DCE8FF; }
.sort select[b-sjod445jmx] { min-height: 40px; padding: 0 10px; border: 1px solid #D5DAE1; border-radius: 8px; background: #FFFFFF; font: inherit; font-size: 13px; }
.chips-row[b-sjod445jmx] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 34px; margin-bottom: 10px; }
.hint[b-sjod445jmx] { font-size: 13px; color: #8A94A3; }
.active-chip[b-sjod445jmx] { display: inline-flex; align-items: center; gap: 4px; font: inherit; font-size: 13px; border: 1px solid #C5D5FB; background: #EEF3FF; color: #1E3A8A; border-radius: 999px; padding: 5px 10px; cursor: pointer; }
.active-chip span[b-sjod445jmx] { color: #5B6575; }
.notice[b-sjod445jmx] { margin: 0 0 12px; padding: 10px 14px; border-radius: 8px; background: #FDECEC; color: #8B1111; }

.table-box[b-sjod445jmx] { background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 12px; overflow-x: auto; }
table[b-sjod445jmx] { width: 100%; border-collapse: collapse; min-width: 760px; font-size: 14px; }
th[b-sjod445jmx] { text-align: left; padding: 12px 16px; color: #5B6575; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
td[b-sjod445jmx] { padding: 12px 16px; border-top: 1px solid #EEF1F4; vertical-align: middle; color: #2B3646; }
.num[b-sjod445jmx] { text-align: right; }
.nowrap[b-sjod445jmx] { white-space: nowrap; }
.row-link[b-sjod445jmx] { cursor: pointer; }
.row-link:hover[b-sjod445jmx] { background: #F7F9FC; }
.thread-cell[b-sjod445jmx] { max-width: 520px; }
.subject-line[b-sjod445jmx] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.dot[b-sjod445jmx] { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.d-us[b-sjod445jmx] { background: #C2410C; } .d-supplier[b-sjod445jmx] { background: #2F6FED; } .d-blocked[b-sjod445jmx] { background: #B91C1C; } .d-done[b-sjod445jmx] { background: #16A34A; } .d-none[b-sjod445jmx] { background: #C9D1DC; }
.subject[b-sjod445jmx] { font-weight: 600; color: #15202E; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.subject:hover[b-sjod445jmx] { color: #1D4ED8; text-decoration: underline; }
.marks[b-sjod445jmx] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 6px 0 0 16px; }
.mark[b-sjod445jmx] { font-size: 12px; padding: 2px 8px; border-radius: 6px; border: 1px solid; white-space: nowrap; }
.mark b[b-sjod445jmx] { margin-left: 3px; }
.mark.mark-ok[b-sjod445jmx] { background: #F1FAF4; color: #14532D; border-color: #BFE3CB; }
.mark.mark-new[b-sjod445jmx] { background: #FFF4EC; color: #7C2D12; border-color: #F7CDB0; }
.mark.mark-rev[b-sjod445jmx] { background: #EEF3FF; color: #1E3A8A; border-color: #C5D5FB; }
.mark.mark-email[b-sjod445jmx] { background: #F6F8FB; color: #3D4756; border-color: #D5DAE1; border-style: dashed; }
.small-meta[b-sjod445jmx] { font-size: 12px; color: #8A94A3; }
.pill[b-sjod445jmx] { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; white-space: nowrap; }
.pill-us[b-sjod445jmx] { background: #FDE7C8; color: #8A3B00; } .pill-supplier[b-sjod445jmx] { background: #DCE8FF; color: #1E3A8A; }
.pill-blocked[b-sjod445jmx] { background: #FBD5D5; color: #8B1111; } .pill-done[b-sjod445jmx] { background: #DCEFE3; color: #14532D; } .pill-none[b-sjod445jmx] { background: #EEF1F4; color: #5B6575; }
.next[b-sjod445jmx] { font-size: 13px; margin-top: 4px; }
.next b[b-sjod445jmx] { font-family: var(--font-mono); font-weight: 600; color: #15202E; }
.next span[b-sjod445jmx] { color: #5B6575; }
.wait[b-sjod445jmx] { font-weight: 700; font-size: 15px; white-space: nowrap; color: #15202E; }
.wait.long[b-sjod445jmx] { color: #9A3412; }
.last[b-sjod445jmx] { white-space: nowrap; color: #5B6575; }
.muted[b-sjod445jmx] { color: #5B6575; padding: 32px 16px; text-align: center; }

a:focus-visible[b-sjod445jmx], input:focus-visible[b-sjod445jmx], button:focus-visible[b-sjod445jmx], select:focus-visible[b-sjod445jmx], .table-box:focus-visible[b-sjod445jmx] { outline: 2px solid #2F6FED; outline-offset: 2px; }
@media (max-width: 760px) { .filters[b-sjod445jmx] { max-width: none; } .search[b-sjod445jmx] { margin-left: 0; flex: 1 1 100%; } }
.deal-chip[b-sjod445jmx] { display: inline-flex; align-items: center; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 1px 8px; border-radius: 99px; background: #EEF3FF; border: 1px solid #C5D5FB; color: #1E3A8A; font-size: 11.5px; font-weight: 600; text-decoration: none; }
.deal-chip[b-sjod445jmx]::before { content: "▸ "; }
.deal-chip:hover[b-sjod445jmx] { border-color: #2F6FED; }
.by-deal[b-sjod445jmx] { margin-left: 5px; padding: 0 5px; border-radius: 4px; background: #EEF3FF; color: #1E3A8A; font-size: 10px; font-weight: 600; vertical-align: 1px; }
/* /Components/Pages/UserManagement.razor.rz.scp.css */
.roles[b-960r8kouiv] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 14px 20px; }
.roles div[b-960r8kouiv] { display: grid; gap: 2px; }
.roles b[b-960r8kouiv] { font-size: 14px; }
.roles span[b-960r8kouiv] { font-size: 12px; color: var(--ui-muted); }
.layout[b-960r8kouiv] { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); gap: 16px; align-items: start; }
.who[b-960r8kouiv] { display: flex; align-items: center; gap: 10px; }
.who small[b-960r8kouiv] { display: block; }
.avatar[b-960r8kouiv] { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--ui-blue-soft); color: var(--ui-info); font-size: 12px; font-weight: 700; flex: none; }
.add[b-960r8kouiv] { margin-top: 12px; }
@media (max-width: 900px) { .roles[b-960r8kouiv], .layout[b-960r8kouiv] { grid-template-columns: 1fr; } }
/* /Components/Pages/Workers.razor.rz.scp.css */
.workers[b-ucq3m51vyp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.worker[b-ucq3m51vyp] { display: flex; flex-direction: column; gap: 10px; }
.w-head[b-ucq3m51vyp] { display: flex; align-items: center; gap: 12px; }
.w-title[b-ucq3m51vyp] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-right: auto; }
.w-title h2[b-ucq3m51vyp] { margin: 0; font-size: 16px; font-weight: 600; }
.desc[b-ucq3m51vyp] { margin: 0; font-size: 13px; color: var(--ui-ink-2); line-height: 1.45; }
.switch[b-ucq3m51vyp] { width: 46px; height: 26px; flex: none; border-radius: 999px; border: 0; background: #C9D1DC; position: relative; cursor: pointer; padding: 0; }
.switch span[b-ucq3m51vyp] { position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: #FFFFFF; transition: left .15s; }
.switch.on[b-ucq3m51vyp] { background: var(--ui-blue); }
.switch.on span[b-ucq3m51vyp] { left: 23px; }
.switch:disabled[b-ucq3m51vyp] { opacity: .6; }
@media (prefers-reduced-motion: reduce) { .switch span[b-ucq3m51vyp] { transition: none; } }
.facts[b-ucq3m51vyp] { margin: 0; display: grid; gap: 6px; font-size: 13px; }
.facts div[b-ucq3m51vyp] { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 8px; }
.facts dt[b-ucq3m51vyp] { color: var(--ui-muted); }
.facts dd[b-ucq3m51vyp] { margin: 0; overflow-wrap: anywhere; }
.set-link[b-ucq3m51vyp] { margin-left: 8px; color: var(--ui-blue-ink); font-size: 12px; }
.filter[b-ucq3m51vyp] { margin-left: auto; }
.filter select[b-ucq3m51vyp] { width: auto; min-height: 36px; font-size: 13px; }
.sr[b-ucq3m51vyp] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.detail[b-ucq3m51vyp] { color: var(--ui-ink-2); max-width: 420px; overflow-wrap: anywhere; }
@media (max-width: 900px) { .workers[b-ucq3m51vyp] { grid-template-columns: 1fr; } .filter[b-ucq3m51vyp] { margin-left: 0; } }
/* /Components/SystemAlerts.razor.rz.scp.css */
.alerts[b-56uvtl8bzy] { display: flex; flex-direction: column; gap: 6px; margin: 0 0 16px; }
.alert[b-56uvtl8bzy] { display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-radius: 10px; border: 1px solid; font-size: 13px; }
.alert .dot[b-56uvtl8bzy] { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.alert .text[b-56uvtl8bzy] { flex: 1 1 auto; min-width: 0; }
.alert a[b-56uvtl8bzy] { font-weight: 600; white-space: nowrap; text-decoration: none; }
.alert.bad[b-56uvtl8bzy] { background: #FEF2F2; border-color: #F5C2C2; color: #8B1111; }
.alert.bad .dot[b-56uvtl8bzy] { background: #B91C1C; }
.alert.bad a[b-56uvtl8bzy] { color: #8B1111; }
.alert.warn[b-56uvtl8bzy] { background: #FFF7E6; border-color: #F5D9A8; color: #7A4B00; }
.alert.warn .dot[b-56uvtl8bzy] { background: #C2410C; }
.alert.warn a[b-56uvtl8bzy] { color: #7A4B00; }
.notes[b-56uvtl8bzy] { display: flex; flex-wrap: wrap; gap: 4px 18px; padding: 2px 4px; font-size: 12px; color: #5B6575; }
.notes a[b-56uvtl8bzy] { color: #1D4ED8; text-decoration: none; margin-left: 4px; }
/* /Components/TimeMap.razor.rz.scp.css */
.tm[b-qgff2jgeuw] { background: #FFFFFF; border: 1px solid #DDE2E8; border-radius: 14px; padding: 16px 22px 18px; margin-bottom: 14px; }
.tm-head[b-qgff2jgeuw] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 14px; font-size: 14px; }
.tm-hint[b-qgff2jgeuw] { font-size: 12px; color: #5B6575; }
.tm-zoom[b-qgff2jgeuw] { margin-left: auto; display: flex; gap: 4px; background: #EEF1F4; border-radius: 9px; padding: 3px; }
.tm-zoom button[b-qgff2jgeuw] { font: inherit; font-size: 13px; font-weight: 600; border: 0; border-radius: 7px; padding: 6px 12px; cursor: pointer; background: transparent; color: #5B6575; min-height: 32px; }
.tm-zoom button.on[b-qgff2jgeuw] { background: #FFFFFF; color: #15202E; box-shadow: 0 1px 2px rgba(0, 0, 0, .12); }
.tm-empty[b-qgff2jgeuw] { margin: 0; color: #5B6575; font-size: 13px; }

.tm-grid[b-qgff2jgeuw] { display: grid; grid-template-columns: 110px minmax(0, 1fr); column-gap: 12px; }
.tm-track[b-qgff2jgeuw] { position: relative; }
.tm-bands[b-qgff2jgeuw] { height: 22px; }
.tm-band[b-qgff2jgeuw] { position: absolute; top: 0; height: 22px; border-radius: 6px; font-size: 11px; font-weight: 600; display: flex; align-items: center; padding: 0 8px; overflow: hidden; white-space: nowrap; box-sizing: border-box; border-left: 2px solid #FFFFFF; }
.tm-lane[b-qgff2jgeuw] { height: 46px; }
.tm-lane-top[b-qgff2jgeuw] { border-bottom: 1px dashed #E3E7ED; }
.tm-lane-bottom[b-qgff2jgeuw] { border-top: 1px dashed #E3E7ED; }
.tm-lane-label[b-qgff2jgeuw] { display: flex; align-items: center; font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tm-us[b-qgff2jgeuw] { color: #9A3412; height: 46px; }
.tm-them[b-qgff2jgeuw] { color: #1E3A8A; height: 46px; }
.tm-ball[b-qgff2jgeuw] { color: #5B6575; font-weight: 500; font-size: 11px; height: 26px; }
.tm-gaps[b-qgff2jgeuw] { height: 26px; }
.tm-gap[b-qgff2jgeuw] { position: absolute; top: 9px; height: 8px; border-radius: 4px; }
.tm-gap-label[b-qgff2jgeuw] { position: absolute; top: -6px; transform: translateX(-50%); font-size: 11px; font-weight: 700; background: #FFFFFF; padding: 0 4px; white-space: nowrap; }
.tm-gap-label.us[b-qgff2jgeuw] { color: #9A3412; }
.tm-gap-label.them[b-qgff2jgeuw] { color: #1E3A8A; }

.tm-dot[b-qgff2jgeuw] { position: absolute; top: 14px; transform: translateX(-50%); width: 18px; height: 18px; border-radius: 50%; padding: 0; cursor: pointer; border: 2px solid; }
.tm-dot.m.us[b-qgff2jgeuw] { background: #C2410C; border-color: #C2410C; }
.tm-dot.m.them[b-qgff2jgeuw] { background: #2F6FED; border-color: #2F6FED; }
.tm-dot.q[b-qgff2jgeuw] { width: 14px; height: 14px; top: 16px; background: #FFFFFF; border-style: dashed; }
.tm-dot.q.us[b-qgff2jgeuw] { border-color: #C2410C; }
.tm-dot.q.them[b-qgff2jgeuw] { border-color: #2F6FED; }
.tm-dot.on[b-qgff2jgeuw], .tm-dot:focus-visible[b-qgff2jgeuw] { outline: 3px solid #E0B400; outline-offset: 2px; z-index: 2; }

.tm-axis[b-qgff2jgeuw] { height: 34px; border-top: 1px solid #C9D1DC; }
.tm-tick[b-qgff2jgeuw] { position: absolute; top: 0; width: 1px; background: #C9D1DC; }
.tm-tick.major[b-qgff2jgeuw] { height: 12px; background: #8A94A3; }
.tm-tick.mid[b-qgff2jgeuw] { height: 8px; }
.tm-tick.minor[b-qgff2jgeuw] { height: 4px; }
.tm-tick.none[b-qgff2jgeuw] { display: none; }
.tm-tick-label[b-qgff2jgeuw] { position: absolute; top: 13px; transform: translateX(-50%); font-size: 11px; white-space: nowrap; color: #5B6575; }
.tm-tick-label.major[b-qgff2jgeuw] { color: #15202E; font-weight: 700; }

.tm-tip-anchor[b-qgff2jgeuw] { position: relative; height: 0; margin-left: 122px; }
.tm-tip[b-qgff2jgeuw] { position: absolute; top: 6px; width: 380px; background: #13233A; color: #FFFFFF; border-radius: 12px; padding: 12px 14px; box-shadow: 0 12px 28px rgba(19, 35, 58, .28); z-index: 10; font-size: 13px; line-height: 1.45; }
.tm-tip-head[b-qgff2jgeuw] { display: flex; align-items: center; gap: 8px; }
.tm-tip .tag[b-qgff2jgeuw] { font-family: var(--font-mono); font-size: 12px; font-weight: 600; border-radius: 6px; padding: 1px 7px; }
.tm-tip .tag.m[b-qgff2jgeuw] { background: #E6EEFF; color: #1E3A8A; }
.tm-tip .tag.q[b-qgff2jgeuw] { background: #F3EBD3; color: #6B4E00; }
.tm-tip .muted[b-qgff2jgeuw] { font-size: 12px; color: #B8C4D6; }
.tm-tip .right[b-qgff2jgeuw] { margin-left: auto; }
.tm-tip-row[b-qgff2jgeuw] { display: flex; gap: 8px; margin-top: 4px; overflow-wrap: anywhere; }
.tm-tip-row:first-of-type[b-qgff2jgeuw] { margin-top: 8px; }
.tm-tip-row span[b-qgff2jgeuw] { color: #8FA3BF; min-width: 34px; }
.tm-tip-text[b-qgff2jgeuw] { margin: 6px 0 0; color: #D6E2F5; }
.tm-tip-gap[b-qgff2jgeuw] { margin-top: 8px; padding-top: 8px; border-top: 1px solid #2A3D5C; font-size: 12px; color: #B8C4D6; }
.tm-tip-gap.long[b-qgff2jgeuw] { color: #F4A261; }

.tm-legend[b-qgff2jgeuw] { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 14px; font-size: 12px; color: #5B6575; }
.tm-legend span[b-qgff2jgeuw] { display: inline-flex; align-items: center; gap: 6px; }
.lg-dot[b-qgff2jgeuw] { width: 10px; height: 10px; border-radius: 50%; background: #2F6FED; display: inline-block; }
.lg-dot.q[b-qgff2jgeuw] { width: 8px; height: 8px; background: none; border: 2px dashed #8A94A3; }
.lg-bar[b-qgff2jgeuw] { width: 18px; height: 6px; border-radius: 3px; display: inline-block; }
.lg-bar.us[b-qgff2jgeuw] { background: #F4A261; }
.lg-bar.them[b-qgff2jgeuw] { background: #9DB8F5; }

@media (max-width: 700px) { .tm-grid[b-qgff2jgeuw] { grid-template-columns: 72px minmax(0, 1fr); } .tm-tip-anchor[b-qgff2jgeuw] { margin-left: 0; } .tm-tip[b-qgff2jgeuw] { width: min(380px, 100%); left: 0 !important; } }