/* _content/JewelSuiteWebApp/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-tu2fhcfdwd] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-tu2fhcfdwd] {
    flex: 1;
}

.sidebar[b-tu2fhcfdwd] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-tu2fhcfdwd] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-tu2fhcfdwd]  a, .top-row[b-tu2fhcfdwd]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-tu2fhcfdwd]  a:hover, .top-row[b-tu2fhcfdwd]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-tu2fhcfdwd]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-tu2fhcfdwd] {
        justify-content: space-between;
    }

    .top-row[b-tu2fhcfdwd]  a, .top-row[b-tu2fhcfdwd]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-tu2fhcfdwd] {
        flex-direction: row;
    }

    .sidebar[b-tu2fhcfdwd] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-tu2fhcfdwd] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-tu2fhcfdwd]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-tu2fhcfdwd], article[b-tu2fhcfdwd] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-tu2fhcfdwd] {
    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-tu2fhcfdwd] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/JewelSuiteWebApp/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2uugt93w1u] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-2uugt93w1u] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-2uugt93w1u] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-2uugt93w1u] {
    font-size: 1.1rem;
}

.bi[b-2uugt93w1u] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-2uugt93w1u] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-2uugt93w1u] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-2uugt93w1u] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-2uugt93w1u] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-2uugt93w1u] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-2uugt93w1u] {
        padding-bottom: 1rem;
    }

    .nav-item[b-2uugt93w1u]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-2uugt93w1u]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-2uugt93w1u]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-2uugt93w1u] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-2uugt93w1u] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-2uugt93w1u] {
        display: none;
    }

    .nav-scrollable[b-2uugt93w1u] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/JewelSuiteWebApp/Components/Pages/Courier/CourierInwardPage.razor.rz.scp.css */
.courier-inward-page[b-6t6g1dpba7] { max-width: 1180px; margin: 0 auto; padding: 24px; border-radius: 24px; background: #eef2fb; color: #1e293b; }
.master-layout[b-6t6g1dpba7] { display: block; min-width: 0; }
.master-card[b-6t6g1dpba7] { padding: 0; background: transparent; box-shadow: none; min-width: 0; }
.master-header[b-6t6g1dpba7] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 6px 4px 24px; }
.page-eyebrow[b-6t6g1dpba7] { display: block; margin-bottom: 8px; color: #4762b0; font-size: 11px; font-weight: 800; letter-spacing: 1.8px; }
.master-header h2[b-6t6g1dpba7] { margin: 0; font-size: clamp(24px, 2.4vw, 32px); font-weight: 800; color: #182235; letter-spacing: -.6px; }
.master-header p[b-6t6g1dpba7] { margin: 8px 0 0; font-size: 13px; color: #65728a; }
.back-link[b-6t6g1dpba7] { flex-shrink: 0; padding: 11px 15px; border: 1px solid #d3ddf0; border-radius: 10px; background: #fff; color: #354c86; font-size: 13px; font-weight: 700; text-decoration: none; }
.back-link:hover[b-6t6g1dpba7] { background: #e5ebfb; }
.order-section[b-6t6g1dpba7] { padding: 24px; margin-bottom: 16px; background: #fff; border: 1px solid #dce3f1; border-radius: 16px; box-shadow: 0 4px 16px rgba(30, 50, 95, .03); min-width: 0; }
.section-heading[b-6t6g1dpba7] { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.section-number[b-6t6g1dpba7] { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 11px; color: #3959b4; background: #edf2ff; font-size: 12px; font-weight: 800; }
.section-heading h3[b-6t6g1dpba7] { margin: 0; font-size: 16px; font-weight: 800; color: #23304a; }
.section-heading p[b-6t6g1dpba7] { margin: 4px 0 0; font-size: 12px; color: #728098; }
.form-grid[b-6t6g1dpba7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.shipment-grid[b-6t6g1dpba7] { grid-template-columns: .7fr .7fr 1.3fr 1.3fr; }
.floating-group[b-6t6g1dpba7] { display: flex; flex-direction: column; position: relative; min-width: 0; margin: 0; }
.floating-group label[b-6t6g1dpba7] { position: static; order: -1; display: block; width: fit-content; margin: 0 0 8px; padding: 0; color: #485773; background: transparent; font-size: 12px; font-weight: 700; letter-spacing: 0; }
.floating-input[b-6t6g1dpba7] { width: 100%; min-width: 0; min-height: 46px; padding: 11px 12px; border: 1px solid #d9e0ed; border-radius: 9px; background: #fbfcff; color: #25344e; font-size: 14px; box-sizing: border-box; outline: none; }
.floating-input:disabled[b-6t6g1dpba7] { background: #f0f3f9; color: #66748b; opacity: 1; }
.floating-input:focus[b-6t6g1dpba7], .item-input:focus[b-6t6g1dpba7] { border-color: #6e8aef; box-shadow: 0 0 0 3px #edf1ff; background: #fff; }
.supplier-city-line[b-6t6g1dpba7] { font-size: 11px; color: #5b6d93; margin-top: 5px; }
.supplier-city-line:empty[b-6t6g1dpba7] { display: none; }
.textarea-input[b-6t6g1dpba7] { min-height: 82px; resize: vertical; }
.order-section > .floating-group[b-6t6g1dpba7] { margin-top: 18px; }
.item-header[b-6t6g1dpba7] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.item-count[b-6t6g1dpba7] { display: inline-block; padding: 3px 8px; margin-left: 5px; border-radius: 6px; background: #eef2fb; color: #4562a6; font-size: 11px; vertical-align: middle; }
.add-item-btn[b-6t6g1dpba7] { flex-shrink: 0; border: 1px solid #cbd8fa; background: #edf2ff; color: #3656b0; padding: 10px 14px; border-radius: 9px; font-size: 12px; font-weight: 800; cursor: pointer; }
.add-item-btn:hover[b-6t6g1dpba7] { background: #dfe8ff; }
.item-table-wrap[b-6t6g1dpba7] { overflow-x: auto; border: 1px solid #e1e7f1; border-radius: 10px; }
.item-table[b-6t6g1dpba7] { width: 100%; min-width: 650px; table-layout: fixed; border-collapse: collapse; }
.item-table th[b-6t6g1dpba7] { padding: 12px 10px; background: #f3f6fc; color: #60708a; font-size: 11px; font-weight: 700; text-align: left; }
.item-table th:first-child[b-6t6g1dpba7] { width: 27%; }
.item-table th:last-child[b-6t6g1dpba7] { width: 88px; }
.item-table td[b-6t6g1dpba7] { padding: 10px 8px; border-top: 1px solid #e7ecf5; }
.item-input[b-6t6g1dpba7] { width: 100%; min-width: 0; padding: 9px 8px; border: 1px solid #d9e0ed; border-radius: 7px; background: #fff; color: #25344e; font-size: 13px; outline: none; box-sizing: border-box; }
.remove-item-btn[b-6t6g1dpba7] { padding: 9px 8px; border: 0; border-radius: 7px; background: #fff0f1; color: #b23f53; cursor: pointer; font-size: 11px; font-weight: 700; }
.remove-item-btn:hover[b-6t6g1dpba7] { background: #ffe1e6; }
.item-table .no-items[b-6t6g1dpba7] { padding: 30px 16px; text-align: center; background: #fcfdff; }
.no-items strong[b-6t6g1dpba7] { display: block; font-size: 13px; font-weight: 600; color: #5b6a83; }
.no-items span[b-6t6g1dpba7] { display: block; margin-top: 6px; font-size: 12px; color: #7a879d; }
.order-actions[b-6t6g1dpba7] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 6px 2px 0; }
.save-hint[b-6t6g1dpba7] { color: #6b7990; font-size: 12px; }
.master-save-btn[b-6t6g1dpba7] { display: flex; align-items: center; justify-content: center; gap: 24px; width: auto; margin: 0; padding: 14px 22px; border: 0; border-radius: 10px; background: linear-gradient(110deg, #3157ce, #5874ec); color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: 0 5px 12px rgba(49, 87, 206, .15); }
.master-save-btn:hover[b-6t6g1dpba7] { background: #2d4fc0; }
button:focus-visible[b-6t6g1dpba7], a:focus-visible[b-6t6g1dpba7] { outline: 3px solid #92a9ed; outline-offset: 3px; }
@media (max-width: 1000px) { .shipment-grid[b-6t6g1dpba7] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
    .courier-inward-page[b-6t6g1dpba7] { padding: 14px; border-radius: 18px; }
    .master-header[b-6t6g1dpba7] { align-items: flex-start; flex-direction: column; gap: 14px; padding-bottom: 20px; }
    .order-section[b-6t6g1dpba7] { padding: 18px 14px; border-radius: 12px; }
    .form-grid[b-6t6g1dpba7] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .section-heading p[b-6t6g1dpba7] { line-height: 1.5; }
    .item-header[b-6t6g1dpba7] { flex-wrap: wrap; gap: 0; margin-bottom: 14px; }
    .item-header .section-heading[b-6t6g1dpba7] { width: 100%; margin-bottom: 12px; }
    .item-table[b-6t6g1dpba7], .item-table tbody[b-6t6g1dpba7] { display: block; min-width: 0; width: 100%; }
    .item-table thead[b-6t6g1dpba7] { display: none; }
    .item-table tr[b-6t6g1dpba7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; border-bottom: 1px solid #e1e7f1; gap: 12px; }
    .item-table tr:last-child[b-6t6g1dpba7] { border-bottom: 0; }
    .item-table td[b-6t6g1dpba7] { display: block; padding: 0; border: 0; min-width: 0; }
    .item-table td:first-child[b-6t6g1dpba7], .item-table td:last-child[b-6t6g1dpba7] { grid-column: 1 / -1; }
    .item-table td[data-label][b-6t6g1dpba7]::before { content: attr(data-label); display: block; margin-bottom: 6px; color: #60708a; font-size: 11px; font-weight: 700; }
    .item-table .no-items[b-6t6g1dpba7] { padding: 24px 8px; }
    .item-input[b-6t6g1dpba7] { min-height: 42px; }
    .remove-item-btn[b-6t6g1dpba7] { min-height: 38px; }
    .order-actions[b-6t6g1dpba7] { flex-direction: column; align-items: stretch; }
    .save-hint[b-6t6g1dpba7] { text-align: center; }
    .master-save-btn[b-6t6g1dpba7] { width: 100%; }
}
.supplier-field[b-6t6g1dpba7] { grid-column: 1 / -1; }
.item-input[readonly][b-6t6g1dpba7] { background: #f0f3f9; font-weight: 700; }
.charge-summary[b-6t6g1dpba7] { margin: 12px 0 0; color: #5b6d93; font-size: 12px; line-height: 1.5; }
/* _content/JewelSuiteWebApp/Components/Pages/Courier/CourierOrderPage.razor.rz.scp.css */
.courier-order-page[b-okb2kvd0wv] { max-width: 1180px; margin: 0 auto; padding: 24px; border-radius: 24px; background: #eef2fb; color: #1e293b; }
.master-layout[b-okb2kvd0wv] { display: block; min-width: 0; }
.master-card[b-okb2kvd0wv] { padding: 0; background: transparent; box-shadow: none; min-width: 0; }
.master-header[b-okb2kvd0wv] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 6px 4px 24px; }
.page-eyebrow[b-okb2kvd0wv] { display: block; margin-bottom: 8px; color: #4762b0; font-size: 11px; font-weight: 800; letter-spacing: 1.8px; }
.master-header h2[b-okb2kvd0wv] { margin: 0; font-size: clamp(24px, 2.4vw, 32px); font-weight: 800; color: #182235; letter-spacing: -.6px; }
.master-header p[b-okb2kvd0wv] { margin: 8px 0 0; font-size: 13px; color: #65728a; }
.back-link[b-okb2kvd0wv] { flex-shrink: 0; padding: 11px 15px; border: 1px solid #d3ddf0; border-radius: 10px; background: #fff; color: #354c86; font-size: 13px; font-weight: 700; text-decoration: none; }
.back-link:hover[b-okb2kvd0wv] { background: #e5ebfb; }
.order-section[b-okb2kvd0wv] { padding: 24px; margin-bottom: 16px; background: #fff; border: 1px solid #dce3f1; border-radius: 16px; box-shadow: 0 4px 16px rgba(30, 50, 95, .03); min-width: 0; }
.section-heading[b-okb2kvd0wv] { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.section-number[b-okb2kvd0wv] { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 11px; color: #3959b4; background: #edf2ff; font-size: 12px; font-weight: 800; }
.section-heading h3[b-okb2kvd0wv] { margin: 0; font-size: 16px; font-weight: 800; color: #23304a; }
.section-heading p[b-okb2kvd0wv] { margin: 4px 0 0; font-size: 12px; color: #728098; }
.form-grid[b-okb2kvd0wv] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.shipment-grid[b-okb2kvd0wv] { grid-template-columns: .6fr .6fr 1fr 1.4fr 1.1fr; }
.floating-group[b-okb2kvd0wv] { display: flex; flex-direction: column; position: relative; min-width: 0; margin: 0; }
.floating-group label[b-okb2kvd0wv] { position: static; order: -1; display: block; width: fit-content; margin: 0 0 8px; padding: 0; color: #485773; background: transparent; font-size: 12px; font-weight: 700; letter-spacing: 0; }
.floating-input[b-okb2kvd0wv] { width: 100%; min-width: 0; min-height: 46px; padding: 11px 12px; border: 1px solid #d9e0ed; border-radius: 9px; background: #fbfcff; color: #25344e; font-size: 14px; box-sizing: border-box; outline: none; }
.floating-input:disabled[b-okb2kvd0wv] { background: #f0f3f9; color: #66748b; opacity: 1; }
.floating-input:focus[b-okb2kvd0wv], .item-input:focus[b-okb2kvd0wv] { border-color: #6e8aef; box-shadow: 0 0 0 3px #edf1ff; background: #fff; }
.supplier-city-line[b-okb2kvd0wv] { font-size: 11px; color: #5b6d93; margin-top: 5px; }
.supplier-city-line:empty[b-okb2kvd0wv] { display: none; }
.textarea-input[b-okb2kvd0wv] { min-height: 82px; resize: vertical; }
.order-section > .floating-group[b-okb2kvd0wv] { margin-top: 18px; }
.item-header[b-okb2kvd0wv] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.item-count[b-okb2kvd0wv] { display: inline-block; padding: 3px 8px; margin-left: 5px; border-radius: 6px; background: #eef2fb; color: #4562a6; font-size: 11px; vertical-align: middle; }
.add-item-btn[b-okb2kvd0wv] { flex-shrink: 0; border: 1px solid #cbd8fa; background: #edf2ff; color: #3656b0; padding: 10px 14px; border-radius: 9px; font-size: 12px; font-weight: 800; cursor: pointer; }
.add-item-btn:hover[b-okb2kvd0wv] { background: #dfe8ff; }
.item-table-wrap[b-okb2kvd0wv] { overflow-x: auto; border: 1px solid #e1e7f1; border-radius: 10px; }
.item-table[b-okb2kvd0wv] { width: 100%; min-width: 650px; table-layout: fixed; border-collapse: collapse; }
.item-table th[b-okb2kvd0wv] { padding: 12px 10px; background: #f3f6fc; color: #60708a; font-size: 11px; font-weight: 700; text-align: left; }
.item-table th:first-child[b-okb2kvd0wv] { width: 27%; }
.item-table th:last-child[b-okb2kvd0wv] { width: 88px; }
.item-table td[b-okb2kvd0wv] { padding: 10px 8px; border-top: 1px solid #e7ecf5; }
.item-input[b-okb2kvd0wv] { width: 100%; min-width: 0; padding: 9px 8px; border: 1px solid #d9e0ed; border-radius: 7px; background: #fff; color: #25344e; font-size: 13px; outline: none; box-sizing: border-box; }
.item-input[readonly][b-okb2kvd0wv] { background: #f0f3f9; font-weight: 700; }
.charge-summary[b-okb2kvd0wv] { margin: 12px 0 0; color: #5b6d93; font-size: 12px; line-height: 1.5; }
.remove-item-btn[b-okb2kvd0wv] { padding: 9px 8px; border: 0; border-radius: 7px; background: #fff0f1; color: #b23f53; cursor: pointer; font-size: 11px; font-weight: 700; }
.remove-item-btn:hover[b-okb2kvd0wv] { background: #ffe1e6; }
.item-table .no-items[b-okb2kvd0wv] { padding: 30px 16px; text-align: center; background: #fcfdff; }
.no-items strong[b-okb2kvd0wv] { display: block; font-size: 13px; font-weight: 600; color: #5b6a83; }
.no-items span[b-okb2kvd0wv] { display: block; margin-top: 6px; font-size: 12px; color: #7a879d; }
.order-actions[b-okb2kvd0wv] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 6px 2px 0; }
.save-hint[b-okb2kvd0wv] { color: #6b7990; font-size: 12px; }
.master-save-btn[b-okb2kvd0wv] { display: flex; align-items: center; justify-content: center; gap: 24px; width: auto; margin: 0; padding: 14px 22px; border: 0; border-radius: 10px; background: linear-gradient(110deg, #3157ce, #5874ec); color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: 0 5px 12px rgba(49, 87, 206, .15); }
.master-save-btn:hover[b-okb2kvd0wv] { background: #2d4fc0; }
button:focus-visible[b-okb2kvd0wv], a:focus-visible[b-okb2kvd0wv] { outline: 3px solid #92a9ed; outline-offset: 3px; }
@media (max-width: 1000px) { .shipment-grid[b-okb2kvd0wv] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
    .courier-order-page[b-okb2kvd0wv] { padding: 14px; border-radius: 18px; }
    .master-header[b-okb2kvd0wv] { align-items: flex-start; flex-direction: column; gap: 14px; padding-bottom: 20px; }
    .order-section[b-okb2kvd0wv] { padding: 18px 14px; border-radius: 12px; }
    .form-grid[b-okb2kvd0wv] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .section-heading p[b-okb2kvd0wv] { line-height: 1.5; }
    .item-header[b-okb2kvd0wv] { flex-wrap: wrap; gap: 0; margin-bottom: 14px; }
    .item-header .section-heading[b-okb2kvd0wv] { width: 100%; margin-bottom: 12px; }
    .item-table[b-okb2kvd0wv], .item-table tbody[b-okb2kvd0wv] { display: block; min-width: 0; width: 100%; }
    .item-table thead[b-okb2kvd0wv] { display: none; }
    .item-table tr[b-okb2kvd0wv] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; border-bottom: 1px solid #e1e7f1; gap: 12px; }
    .item-table tr:last-child[b-okb2kvd0wv] { border-bottom: 0; }
    .item-table td[b-okb2kvd0wv] { display: block; padding: 0; border: 0; min-width: 0; }
    .item-table td:first-child[b-okb2kvd0wv], .item-table td:last-child[b-okb2kvd0wv] { grid-column: 1 / -1; }
    .item-table td[data-label][b-okb2kvd0wv]::before { content: attr(data-label); display: block; margin-bottom: 6px; color: #60708a; font-size: 11px; font-weight: 700; }
    .item-table .no-items[b-okb2kvd0wv] { padding: 24px 8px; }
    .item-input[b-okb2kvd0wv] { min-height: 42px; }
    .remove-item-btn[b-okb2kvd0wv] { min-height: 38px; }
    .order-actions[b-okb2kvd0wv] { flex-direction: column; align-items: stretch; }
    .save-hint[b-okb2kvd0wv] { text-align: center; }
    .master-save-btn[b-okb2kvd0wv] { width: 100%; }
}
/* _content/JewelSuiteWebApp/Components/Pages/FollowUp/FollowUpOrderPage.razor.rz.scp.css */
.follow-order-page[b-aurz45d3uq] { max-width: 1180px; margin: 0 auto; padding: 24px; border-radius: 24px; background: #eef2fb; color: #1e293b; }
.master-layout[b-aurz45d3uq] { display: block; min-width: 0; }
.master-card[b-aurz45d3uq] { padding: 0; background: transparent; box-shadow: none; min-width: 0; }
.master-header[b-aurz45d3uq] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 6px 4px 24px; }
.page-eyebrow[b-aurz45d3uq] { display: block; margin-bottom: 8px; color: #4762b0; font-size: 11px; font-weight: 800; letter-spacing: 1.8px; }
.master-header h2[b-aurz45d3uq] { margin: 0; font-size: clamp(24px, 2.4vw, 32px); font-weight: 800; color: #182235; letter-spacing: -.6px; }
.master-header p[b-aurz45d3uq] { margin: 8px 0 0; font-size: 13px; color: #65728a; }
.back-link[b-aurz45d3uq] { flex-shrink: 0; padding: 11px 15px; border: 1px solid #d3ddf0; border-radius: 10px; background: #fff; color: #354c86; font-size: 13px; font-weight: 700; text-decoration: none; }
.back-link:hover[b-aurz45d3uq] { background: #e5ebfb; }
.order-section[b-aurz45d3uq] { padding: 24px; margin-bottom: 16px; background: #fff; border: 1px solid #dce3f1; border-radius: 16px; box-shadow: 0 4px 16px rgba(30, 50, 95, .03); min-width: 0; }
.section-heading[b-aurz45d3uq] { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.section-number[b-aurz45d3uq] { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 11px; color: #3959b4; background: #edf2ff; font-size: 12px; font-weight: 800; }
.section-heading h3[b-aurz45d3uq] { margin: 0; font-size: 16px; font-weight: 800; color: #23304a; }
.section-heading p[b-aurz45d3uq] { margin: 4px 0 0; font-size: 12px; color: #728098; }
.form-grid[b-aurz45d3uq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.shipment-grid[b-aurz45d3uq] { grid-template-columns: .7fr .7fr 1.3fr 1.3fr; }
.floating-group[b-aurz45d3uq] { display: flex; flex-direction: column; position: relative; min-width: 0; margin: 0; }
.floating-group label[b-aurz45d3uq] { position: static; order: -1; display: block; width: fit-content; margin: 0 0 8px; padding: 0; color: #485773; background: transparent; font-size: 12px; font-weight: 700; letter-spacing: 0; }
.floating-input[b-aurz45d3uq] { width: 100%; min-width: 0; min-height: 46px; padding: 11px 12px; border: 1px solid #d9e0ed; border-radius: 9px; background: #fbfcff; color: #25344e; font-size: 14px; box-sizing: border-box; outline: none; }
.floating-input:disabled[b-aurz45d3uq] { background: #f0f3f9; color: #66748b; opacity: 1; }
.floating-input:focus[b-aurz45d3uq], .item-input:focus[b-aurz45d3uq] { border-color: #6e8aef; box-shadow: 0 0 0 3px #edf1ff; background: #fff; }
.supplier-city-line[b-aurz45d3uq] { font-size: 11px; color: #5b6d93; margin-top: 5px; }
.supplier-city-line:empty[b-aurz45d3uq] { display: none; }
.textarea-input[b-aurz45d3uq] { min-height: 82px; resize: vertical; }
.order-section > .floating-group[b-aurz45d3uq] { margin-top: 18px; }
.item-header[b-aurz45d3uq] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.item-count[b-aurz45d3uq] { display: inline-block; padding: 3px 8px; margin-left: 5px; border-radius: 6px; background: #eef2fb; color: #4562a6; font-size: 11px; vertical-align: middle; }
.add-item-btn[b-aurz45d3uq] { flex-shrink: 0; border: 1px solid #cbd8fa; background: #edf2ff; color: #3656b0; padding: 10px 14px; border-radius: 9px; font-size: 12px; font-weight: 800; cursor: pointer; }
.add-item-btn:hover[b-aurz45d3uq] { background: #dfe8ff; }
.item-table-wrap[b-aurz45d3uq] { overflow-x: auto; border: 1px solid #e1e7f1; border-radius: 10px; }
.item-table[b-aurz45d3uq] { width: 100%; min-width: 650px; table-layout: fixed; border-collapse: collapse; }
.item-table th[b-aurz45d3uq] { padding: 12px 10px; background: #f3f6fc; color: #60708a; font-size: 11px; font-weight: 700; text-align: left; }
.item-table th:first-child[b-aurz45d3uq] { width: 27%; }
.item-table th:last-child[b-aurz45d3uq] { width: 88px; }
.item-table td[b-aurz45d3uq] { padding: 10px 8px; border-top: 1px solid #e7ecf5; }
.item-input[b-aurz45d3uq] { width: 100%; min-width: 0; padding: 9px 8px; border: 1px solid #d9e0ed; border-radius: 7px; background: #fff; color: #25344e; font-size: 13px; outline: none; box-sizing: border-box; }
.remove-item-btn[b-aurz45d3uq] { padding: 9px 8px; border: 0; border-radius: 7px; background: #fff0f1; color: #b23f53; cursor: pointer; font-size: 11px; font-weight: 700; }
.remove-item-btn:hover[b-aurz45d3uq] { background: #ffe1e6; }
.item-table .no-items[b-aurz45d3uq] { padding: 30px 16px; text-align: center; background: #fcfdff; }
.no-items strong[b-aurz45d3uq] { display: block; font-size: 13px; font-weight: 600; color: #5b6a83; }
.no-items span[b-aurz45d3uq] { display: block; margin-top: 6px; font-size: 12px; color: #7a879d; }
.order-actions[b-aurz45d3uq] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 6px 2px 0; }
.save-hint[b-aurz45d3uq] { color: #6b7990; font-size: 12px; }
.master-save-btn[b-aurz45d3uq] { display: flex; align-items: center; justify-content: center; gap: 24px; width: auto; margin: 0; padding: 14px 22px; border: 0; border-radius: 10px; background: linear-gradient(110deg, #3157ce, #5874ec); color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: 0 5px 12px rgba(49, 87, 206, .15); }
.master-save-btn:hover[b-aurz45d3uq] { background: #2d4fc0; }
button:focus-visible[b-aurz45d3uq], a:focus-visible[b-aurz45d3uq] { outline: 3px solid #92a9ed; outline-offset: 3px; }
@media (max-width: 1000px) { .shipment-grid[b-aurz45d3uq] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
    .follow-order-page[b-aurz45d3uq] { padding: 14px; border-radius: 18px; }
    .master-header[b-aurz45d3uq] { align-items: flex-start; flex-direction: column; gap: 14px; padding-bottom: 20px; }
    .order-section[b-aurz45d3uq] { padding: 18px 14px; border-radius: 12px; }
    .form-grid[b-aurz45d3uq] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .section-heading p[b-aurz45d3uq] { line-height: 1.5; }
    .item-header[b-aurz45d3uq] { flex-wrap: wrap; gap: 0; margin-bottom: 14px; }
    .item-header .section-heading[b-aurz45d3uq] { width: 100%; margin-bottom: 12px; }
    .item-table[b-aurz45d3uq], .item-table tbody[b-aurz45d3uq] { display: block; min-width: 0; width: 100%; }
    .item-table thead[b-aurz45d3uq] { display: none; }
    .item-table tr[b-aurz45d3uq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; border-bottom: 1px solid #e1e7f1; gap: 12px; }
    .item-table tr:last-child[b-aurz45d3uq] { border-bottom: 0; }
    .item-table td[b-aurz45d3uq] { display: block; padding: 0; border: 0; min-width: 0; }
    .item-table td:first-child[b-aurz45d3uq], .item-table td:last-child[b-aurz45d3uq] { grid-column: 1 / -1; }
    .item-table td[data-label][b-aurz45d3uq]::before { content: attr(data-label); display: block; margin-bottom: 6px; color: #60708a; font-size: 11px; font-weight: 700; }
    .item-table .no-items[b-aurz45d3uq] { padding: 24px 8px; }
    .item-input[b-aurz45d3uq] { min-height: 42px; }
    .remove-item-btn[b-aurz45d3uq] { min-height: 38px; }
    .order-actions[b-aurz45d3uq] { flex-direction: column; align-items: stretch; }
    .save-hint[b-aurz45d3uq] { text-align: center; }
    .master-save-btn[b-aurz45d3uq] { width: 100%; }
}
    .toast-overlay[b-aurz45d3uq] { position: fixed; inset: 0; background: rgba(15,23,42,.18); display: flex; align-items: flex-start; justify-content: center; padding-top: 58px; z-index: 99999; }
    .toast-modern[b-aurz45d3uq] { background: #fff; border-radius: 14px; padding: 12px 14px; min-width: 280px; display: flex; gap: 10px; align-items: center; box-shadow: 0 16px 40px rgba(0,0,0,.18); }
    .toast-icon[b-aurz45d3uq] { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fee2e2; }
    .toast-modern.success .toast-icon[b-aurz45d3uq] { background: #dcfce7; }
    .toast-content h5[b-aurz45d3uq] { margin: 0; font-size: 14px; }
    .toast-content p[b-aurz45d3uq] { margin: 0; font-size: 12px; color: #475569; }

.details-grid[b-aurz45d3uq] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.full-row[b-aurz45d3uq] { grid-column: 1 / -1; }
.item-table[b-aurz45d3uq] { min-width: 0; }
.item-table th:first-child[b-aurz45d3uq] { width: auto; }
.action-buttons[b-aurz45d3uq] { display: flex; gap: 12px; }
@media (max-width: 700px) {
    .details-grid[b-aurz45d3uq] { grid-template-columns: minmax(0, 1fr); }
    .action-buttons[b-aurz45d3uq] { flex-direction: column; }
    .action-buttons .back-link[b-aurz45d3uq] { min-height: 46px; }
}
/* _content/JewelSuiteWebApp/Components/Pages/Supplier/SupplierMasterPage.razor.rz.scp.css */
.master-container[b-ddgxkuyhaa] {
    --ui-stroke: #d4ddf2;
    --ui-title: #182235;
    --ui-text: #3b4558;
    --ui-muted: #6b7386;
    max-width: 1320px;
    margin: auto;
    padding: 20px;
    background: radial-gradient(circle at 8% 10%, #fdfefe 0, #eef2fb 35%, #e6ecfa 100%);
    border-radius: 28px;
    color: var(--ui-text);
}

.master-layout[b-ddgxkuyhaa] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.master-card[b-ddgxkuyhaa], .right-side-panels[b-ddgxkuyhaa] {
    background: linear-gradient(180deg, #fff 0%, #f3f6ff 100%);
    border: 1px solid var(--ui-stroke);
    padding: 16px;
    border-radius: 20px;
    box-shadow: 0 10px 28px rgba(20, 30, 60, .08);
    min-width: 0;
}
.list-top[b-ddgxkuyhaa] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.master-header h2[b-ddgxkuyhaa] { margin: 0; font-weight: 800; font-size: 30px; color: var(--ui-title); letter-spacing: .2px; }
.compact-header h2[b-ddgxkuyhaa] { font-size: 24px; }
.master-header p[b-ddgxkuyhaa] { color: var(--ui-muted); margin: 6px 0 12px; font-size: 13px; }
.search-panel[b-ddgxkuyhaa] { background: #edf2ff; border: 1px solid var(--ui-stroke); border-radius: 14px; padding: 8px; }
.master-search[b-ddgxkuyhaa] {
    width: 100%; padding: 12px 14px; border-radius: 11px; border: 1px solid #d7deef;
    font-size: 14px; color: var(--ui-text); box-sizing: border-box; background: #fff;
}
.master-search:focus[b-ddgxkuyhaa], .floating-input:focus[b-ddgxkuyhaa] { outline: none; border-color: #8da2f7; box-shadow: 0 0 0 3px rgba(141, 162, 247, .22); }
.list-panel[b-ddgxkuyhaa] { margin-top: 10px; min-width: 0; }
.master-grid[b-ddgxkuyhaa] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.unit-card[b-ddgxkuyhaa] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
    padding: 12px; border-radius: 14px; background: #fff; border: 1px solid var(--ui-stroke);
    box-shadow: 0 8px 20px rgba(16, 24, 40, .08); transition: transform .2s ease, box-shadow .2s ease;
}
.unit-card:hover[b-ddgxkuyhaa] { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(16, 24, 40, .12); }
.unit-icon[b-ddgxkuyhaa] {
    background: linear-gradient(130deg, #dfe6ff, #cfd8ff); color: #21356e;
    width: 34px; height: 34px; flex: 0 0 34px; display: flex; align-items: center; justify-content: center;
    border-radius: 50%; font-size: 11px; font-weight: 800;
}
.unit-main[b-ddgxkuyhaa] { flex: 1; min-width: 0; }
.supplier-title[b-ddgxkuyhaa] { font-size: 14px; font-weight: 800; margin-bottom: 2px; color: #1f2a42; overflow-wrap: anywhere; }
.supplier-title1[b-ddgxkuyhaa] { font-size: 12px; font-weight: 700; margin-bottom: 2px; color: #33405a; overflow-wrap: anywhere; }
.supplier-sub[b-ddgxkuyhaa] { font-size: 11px; color: var(--ui-muted); margin-bottom: 2px; overflow-wrap: anywhere; }
.unit-actions[b-ddgxkuyhaa] { display: flex; gap: 8px; flex-wrap: wrap; }
.unit-card .unit-actions[b-ddgxkuyhaa] { flex-basis: 100%; }
.edit-btn[b-ddgxkuyhaa], .delete-btn[b-ddgxkuyhaa] { border: none; padding: 6px 10px; border-radius: 8px; cursor: pointer; font-size: 12px; font-weight: 700; }
.edit-btn[b-ddgxkuyhaa] { background: #e5ebff; color: #263f88; }
.delete-btn[b-ddgxkuyhaa] { background: #ffe7ea; color: #b4233f; }
.master-save-btn[b-ddgxkuyhaa], .new-supplier-btn[b-ddgxkuyhaa], .close-supplier-btn[b-ddgxkuyhaa] {
    border: none; border-radius: 12px; padding: 14px 16px; min-height: 48px;
    font-size: 14px; font-weight: 800; cursor: pointer;
}
.master-save-btn[b-ddgxkuyhaa], .new-supplier-btn[b-ddgxkuyhaa] { background: linear-gradient(100deg, #3158d4, #5f7cff); color: #fff; }
.add-supplier-btn[b-ddgxkuyhaa] { flex: 0 0 auto; min-width: 130px; border-radius: 14px; }
.close-supplier-btn[b-ddgxkuyhaa] { background: #ffe7ea; color: #b4233f; }
.master-save-btn:hover[b-ddgxkuyhaa], .new-supplier-btn:hover[b-ddgxkuyhaa] { box-shadow: 0 8px 16px rgba(49, 88, 212, .22); }
button:focus-visible[b-ddgxkuyhaa] { outline: 3px solid #8da2f7; outline-offset: 2px; }
button:disabled[b-ddgxkuyhaa] { cursor: wait; }
.empty-state[b-ddgxkuyhaa] { padding: 16px 4px; color: var(--ui-muted); font-size: 13px; }

.supplier-editor[b-ddgxkuyhaa] { border: 0; padding: 0; margin: 0; min-width: 0; }
.supplier-editor:disabled[b-ddgxkuyhaa] { opacity: .7; }
.supplier-editor .master-card[b-ddgxkuyhaa] { padding: 24px; }
.editor-header[b-ddgxkuyhaa] { padding-bottom: 16px; margin-bottom: 24px; border-bottom: 1px solid #e3e8f6; }
.form-grid[b-ddgxkuyhaa] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
.full-row[b-ddgxkuyhaa] { grid-column: 1 / -1; }
.floating-group[b-ddgxkuyhaa] { position: relative; margin-bottom: 18px; min-width: 0; }
.floating-input[b-ddgxkuyhaa] {
    width: 100%; padding: 14px 12px; min-height: 50px; border-radius: 12px; border: 1px solid #d8deef;
    font-size: 14px; color: #3b4558; outline: none; background: #fff; box-sizing: border-box;
}
.floating-group label[b-ddgxkuyhaa] {
    position: absolute; top: -9px; left: 10px; background: #eef3ff; color: #263f88;
    font-size: 11px; padding: 2px 8px; border-radius: 6px; font-weight: 700;
}
.required-mark[b-ddgxkuyhaa] { color: #d00000; font-size: 14px; font-weight: 800; }
.required-help[b-ddgxkuyhaa] { color: #6b7386; font-size: 12px; margin: 0 0 12px; }
.textarea-input[b-ddgxkuyhaa] { min-height: 76px; resize: vertical; }
.supplier-action-row[b-ddgxkuyhaa] { display: grid; grid-template-columns: minmax(0, 1fr) 170px; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid #e3e8f6; }
.dept-section[b-ddgxkuyhaa] { margin-top: 12px; padding: 18px; border-radius: 14px; background: #edf2ff; border: 1px solid #d4ddf2; }
.dept-title[b-ddgxkuyhaa] { font-size: 13px; font-weight: 800; margin-bottom: 10px; color: #243149; }
.department-help[b-ddgxkuyhaa] { color: #6b7386; font-size: 13px; margin-bottom: 20px; }
.dept-row[b-ddgxkuyhaa] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px 12px; margin-bottom: 18px; }
.dept-row .floating-group[b-ddgxkuyhaa] { margin-bottom: 0; }
.dept-row label[b-ddgxkuyhaa] { white-space: nowrap; }
.dept-list[b-ddgxkuyhaa] { display: grid; gap: 8px; }
.department-actions[b-ddgxkuyhaa] { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.supplier-documents[b-ddgxkuyhaa] { padding: 18px; background: #f5f7ff; border: 1px solid #d4ddff; border-radius: 14px; }
.supplier-documents h3[b-ddgxkuyhaa] { margin: 0 0 10px; font-size: 15px; color: #243149; }
.supplier-documents span[b-ddgxkuyhaa] { font-size: 12px; font-weight: 400; color: #6b7386; }
.supplier-document-grid[b-ddgxkuyhaa] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.supplier-document-card[b-ddgxkuyhaa] { min-width: 0; display: flex; flex-direction: column; align-items: start; gap: 12px; padding: 14px; border: 1px solid #dbe2f4; border-radius: 10px; background: white; }
.supplier-document-card label[b-ddgxkuyhaa] { color: #263f88; font-size: 13px; font-weight: 600; }
.supplier-document-card[b-ddgxkuyhaa]  input[type=file] { width: 100%; max-width: 100%; font-size: 13px; }
.supplier-document-card a[b-ddgxkuyhaa] { display: block; width: 100%; }
.supplier-document-card img[b-ddgxkuyhaa] { display: block; width: 100%; max-height: 220px; object-fit: contain; border-radius: 8px; background: #f7f9ff; }
.document-pending[b-ddgxkuyhaa] { margin: 0; color: #52648b; font-size: 12px; }
@media (max-width: 600px) { .supplier-document-grid[b-ddgxkuyhaa] { grid-template-columns: minmax(0, 1fr); } }
.dept-card[b-ddgxkuyhaa] { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px; border-radius: 10px; background: #fff; border: 1px solid #dbe2f4; }
.dept-main[b-ddgxkuyhaa] { min-width: 0; }
.location-autocomplete[b-ddgxkuyhaa] { position: relative; }
.add-location-btn[b-ddgxkuyhaa] {
    position: absolute; right: 10px; top: -10px; width: 22px; height: 22px; border: none;
    border-radius: 50%; background: #4b5cc4; color: #fff; font-weight: 700; font-size: 14px;
    line-height: 22px; cursor: pointer; padding: 0; z-index: 2;
}
.location-suggestion-box[b-ddgxkuyhaa] { position: absolute; left: 0; right: 0; top: 100%; z-index: 30; background: #fff; border: 1px solid #d8deef; border-radius: 10px; box-shadow: 0 10px 24px rgba(0, 0, 0, .12); max-height: 220px; overflow-y: auto; }
.location-suggestion-item[b-ddgxkuyhaa] { width: 100%; text-align: left; border: none; background: #fff; padding: 10px 12px; font-size: 13px; cursor: pointer; }
.location-suggestion-item:hover[b-ddgxkuyhaa], .location-suggestion-item.active[b-ddgxkuyhaa] { background: #e8eeff; }
.location-suggestion-item.active[b-ddgxkuyhaa] { font-weight: 600; }
.popup-overlay[b-ddgxkuyhaa] { position: fixed; inset: 0; background: rgba(0, 0, 0, .35); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 16px; }
.popup-card[b-ddgxkuyhaa] { width: 100%; max-width: 560px; background: #f7f9ff; border-radius: 16px; padding: 20px; box-shadow: 0 16px 30px rgba(0, 0, 0, .25); }
.popup-card h4[b-ddgxkuyhaa] { margin: 0 0 20px; }
.popup-grid[b-ddgxkuyhaa] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; }
.popup-grid .floating-group[b-ddgxkuyhaa] { margin: 0; }
.popup-field[b-ddgxkuyhaa] { min-width: 0; }
.popup-field label[b-ddgxkuyhaa] { display: block; margin-bottom: 6px; color: #263f88; font-size: 13px; font-weight: 600; }
.location-popup-error[b-ddgxkuyhaa] { padding: 10px 12px; border-radius: 8px; background: #fff0f2; color: #a02c41; font-size: 13px; }
.popup-actions[b-ddgxkuyhaa] { margin-top: 16px; display: flex; justify-content: flex-end; gap: 8px; }

@media (max-width: 768px) {
    .master-container[b-ddgxkuyhaa] { padding: 12px; border-radius: 20px; }
    .supplier-editor .master-card[b-ddgxkuyhaa] { padding: 18px; }
    .form-grid[b-ddgxkuyhaa], .supplier-action-row[b-ddgxkuyhaa] { grid-template-columns: minmax(0, 1fr); }
    .dept-row[b-ddgxkuyhaa] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .list-top[b-ddgxkuyhaa] { flex-wrap: wrap; }
    .dept-card[b-ddgxkuyhaa] { flex-wrap: wrap; }
}
@media (max-width: 480px) {
    .master-grid[b-ddgxkuyhaa], .dept-row[b-ddgxkuyhaa], .popup-grid[b-ddgxkuyhaa] { grid-template-columns: minmax(0, 1fr); }
    .master-header h2[b-ddgxkuyhaa] { font-size: 24px; }
}

/* Supplier list uses the same table and action layout as outward courier. */
.supplier-list-panel[b-ddgxkuyhaa] { background: linear-gradient(160deg, #f3f6ff, #eef2ff); }
.supplier-list-panel .list-top[b-ddgxkuyhaa] { align-items: end; margin-bottom: 16px; }
.list-count[b-ddgxkuyhaa] { color: #1d4ed8; font-size: 12px; font-weight: 700; }
.supplier-list-tools[b-ddgxkuyhaa] { display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; gap: 8px; max-width: 660px; }
.supplier-list-tools .new-supplier-btn[b-ddgxkuyhaa] { min-height: 44px; padding: 10px 16px; }
.pool-btn[b-ddgxkuyhaa] { border: 0; border-radius: 10px; background: linear-gradient(90deg, #0f766e, #0d9488); color: #fff; font-weight: 700; padding: 10px 14px; cursor: pointer; }
.bulk-actions[b-ddgxkuyhaa] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 12px; font-size: 13px; }
.pool-message[b-ddgxkuyhaa] { padding: 10px 14px; border-radius: 10px; background: #dcfce7; color: #166534; }
.pool-error[b-ddgxkuyhaa] { background: #fff0f2; color: #a02c41; }
.supplier-table-wrap[b-ddgxkuyhaa] { overflow-x: auto; border-radius: 16px; border: 1px solid #d7deef; background: #fff; }
.supplier-table[b-ddgxkuyhaa] { width: 100%; min-width: 1100px; border-collapse: collapse; table-layout: fixed; }
.supplier-table th[b-ddgxkuyhaa] { background: linear-gradient(180deg, #f8faff, #eef3ff); color: #0f2a56; font-size: 13px; font-weight: 700; text-align: left; padding: 12px 10px; border-bottom: 1px solid #dbe3f4; }
.supplier-table td[b-ddgxkuyhaa] { padding: 10px; border-bottom: 1px solid #ecf0f8; vertical-align: top; font-size: 13px; color: #1f2937; overflow-wrap: anywhere; }
.supplier-table tbody tr:hover[b-ddgxkuyhaa] { background: #f7f9ff; }
.supplier-table .check-col[b-ddgxkuyhaa] { width: 34px; text-align: center; }
.supplier-table th:nth-child(2)[b-ddgxkuyhaa] { width: 40px; }
.supplier-table th:nth-child(7)[b-ddgxkuyhaa], .supplier-table th:nth-child(8)[b-ddgxkuyhaa] { width: 15%; }
.supplier-table .supplier-actions-col[b-ddgxkuyhaa] { width: 165px; }
.supplier-table .bold-cell[b-ddgxkuyhaa] { font-weight: 700; color: #0f2a56; }
.address-cell[b-ddgxkuyhaa] { white-space: pre-line; }
.supplier-action-stack[b-ddgxkuyhaa] { display: grid; gap: 4px; }
.row-action[b-ddgxkuyhaa] { border: 0; padding: 8px 10px; color: #fff; font-size: 12px; font-weight: 700; text-align: left; cursor: pointer; border-radius: 4px; }
.row-action.edit[b-ddgxkuyhaa] { background: #2f80c4; }
.row-action.delete[b-ddgxkuyhaa] { background: #e34b39; }
.row-action.cover[b-ddgxkuyhaa] { background: #a96400; }
.row-action.sticker[b-ddgxkuyhaa] { background: #926000; }
.supplier-status[b-ddgxkuyhaa] { display: inline-block; padding: 3px 7px; border-radius: 6px; font-size: 11px; font-weight: 700; }
.supplier-status.active[b-ddgxkuyhaa] { background: #dcfce7; color: #166534; }
.supplier-status.inactive[b-ddgxkuyhaa] { background: #f1f5f9; color: #475569; }
.supplier-list-panel button:disabled[b-ddgxkuyhaa] { opacity: .6; }
@media (max-width: 1000px) {
    .supplier-list-panel .list-top[b-ddgxkuyhaa] { align-items: stretch; flex-direction: column; }
    .supplier-list-tools[b-ddgxkuyhaa] { max-width: none; }
}
@media (max-width: 600px) {
    .supplier-list-tools[b-ddgxkuyhaa] { grid-template-columns: 1fr 1fr; }
    .supplier-list-tools .master-search[b-ddgxkuyhaa] { grid-column: 1 / -1; }
}