@import '_content/BlazorColorPicker/BlazorColorPicker.bundle.scp.css';
@import '_content/WMBlazorOverlayScrollbars/WMBlazorOverlayScrollbars.bundle.scp.css';

/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/ForgotPassword.razor.rz.scp.css */
.auth-wrapper[b-oj6i0tyd9a] {
    min-block-size: 100vh;
    background: #eaeaea;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
}

.auth-centered-card[b-oj6i0tyd9a] {
    inline-size: min(480px, 100%);
    border-radius: 24px;
    background: #ffffff;
    padding: 35px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.language-toggle-wrapper[b-oj6i0tyd9a] {
    display: flex;
    justify-content: flex-end;
}

[dir="rtl"] .language-toggle-wrapper[b-oj6i0tyd9a] {
    justify-content: flex-start;
}

.lang-btn[b-oj6i0tyd9a] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    color: #2d3748;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.lang-btn:hover[b-oj6i0tyd9a] {
    background: #f7fafc;
    border-color: #cbd5e0;
}

.auth-centered-content[b-oj6i0tyd9a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

.auth-icon-container[b-oj6i0tyd9a] {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-icon-img[b-oj6i0tyd9a] {
    width: 96px;
    height: 96px;
    object-fit: contain;
}

.auth-title[b-oj6i0tyd9a] {
    margin: 0;
    color: #212b36;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}

.auth-instruction[b-oj6i0tyd9a] {
    margin: 8px 0 24px 0;
    color: #637381;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    max-width: 380px;
}

.auth-centered-form[b-oj6i0tyd9a] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.signup-field[b-oj6i0tyd9a] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.signup-input-shell[b-oj6i0tyd9a] {
    position: relative;
    width: 100%;
}

.signup-input[b-oj6i0tyd9a] {
    block-size: 50px;
    inline-size: 100%;
    border: none;
    border-radius: 9999px;
    background: #eaeaea;
    color: #212b36;
    font-size: 14px;
    font-weight: 500;
    padding-inline: 24px;
    text-align: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.signup-input:focus[b-oj6i0tyd9a] {
    outline: none;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

.signup-submit-button[b-oj6i0tyd9a] {
    inline-size: 100%;
    block-size: 54px;
    border: none;
    border-radius: 9999px;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.signup-submit-button.dark-btn[b-oj6i0tyd9a] {
    background: #212b36;
    color: #ffffff;
}

.signup-submit-button.dark-btn:hover:not(:disabled)[b-oj6i0tyd9a] {
    background: #1a222a;
}

.signup-submit-button:focus[b-oj6i0tyd9a] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

.signup-submit-button:disabled[b-oj6i0tyd9a] {
    background: #e9ecef;
    color: #adb5bd;
    cursor: not-allowed;
}

.signup-button-spinner[b-oj6i0tyd9a] {
    inline-size: 16px;
    block-size: 16px;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top-color: #ffffff;
    animation: signup-button-spin-b-oj6i0tyd9a 1s linear infinite;
}

.login-submit-error[b-oj6i0tyd9a] {
    background: #fff5f4;
    border: 1px solid #fecdd3;
    color: #cf4236;
    padding: 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
}

.login-submit-success[b-oj6i0tyd9a] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
    padding: 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
}

.auth-footer-actions[b-oj6i0tyd9a] {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.auth-back-btn[b-oj6i0tyd9a] {
    border: 0;
    background: transparent;
    color: #637381;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.auth-back-btn:hover[b-oj6i0tyd9a] {
    color: #212b36;
}

@keyframes signup-button-spin-b-oj6i0tyd9a {
    to {
        transform: rotate(360deg);
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/FormSection.razor.rz.scp.css */
.signup-form-section[b-xro14a25iz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.signup-field[b-xro14a25iz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.signup-field-label[b-xro14a25iz] {
    color: #2f3f3b;
    font-size: 13px;
    font-weight: 600;
}

.signup-select-shell[b-xro14a25iz] {
    border: 1px solid #d4dad8;
    border-radius: 11px;
    background: #f1f3f2;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.signup-select-shell:focus-within[b-xro14a25iz] {
    border-color: #00a66e;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

.signup-select-shell.is-error[b-xro14a25iz] {
    border-color: #e15d50;
    background: #fff7f6;
}

.signup-select[b-xro14a25iz] {
    block-size: 44px;
    inline-size: 100%;
    border: 0;
    border-radius: inherit;
    background: transparent;
    color: #1f2f2a;
    font-size: 13px;
    padding-inline: 12px;
}

.signup-select:focus[b-xro14a25iz] {
    outline: none;
}

.signup-select:disabled[b-xro14a25iz] {
    opacity: 0.7;
    cursor: not-allowed;
}

.signup-field-error[b-xro14a25iz] {
    color: #cf4236;
    font-size: 12px;
    line-height: 1.3;
}

.signup-terms-link[b-xro14a25iz] {
    border: 0;
    background: transparent;
    color: rgb(var(--primary, 0 175 116));
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    padding: 0;
}

.signup-terms-link:disabled[b-xro14a25iz] {
    opacity: 0.7;
    cursor: not-allowed;
}

.signup-submit-error[b-xro14a25iz] {
    border: 1px solid #f0c5c0;
    border-radius: 10px;
    background: #fff5f4;
    color: #b7372b;
    font-size: 12px;
    line-height: 1.4;
    padding: 10px 12px;
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/Login.razor.rz.scp.css */
.auth-wrapper[b-3k5gdhq6lk] {
    min-block-size: 100vh;
    background: #eaeaea;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
}

.auth-card[b-3k5gdhq6lk] {
    inline-size: min(1200px, 100%);
    min-block-size: 720px;
    border-radius: 32px;
    background: #ffffff;
    padding: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 30px;
}

.auth-form-pane[b-3k5gdhq6lk] {
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='83.138' viewBox='0 0 48 83.138'%3E%3Cpath d='M24 0 L48 13.856 L48 41.569 L24 55.426 L0 41.569 L0 13.856 Z M24 83.138 L48 69.282 L48 55.426 L24 41.569 L0 55.426 L0 69.282 Z' fill='none' stroke='%23f2f4f6' stroke-width='1'/%3E%3C/svg%3E");
    background-position: left center;
}

.auth-header[b-3k5gdhq6lk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 5px;
}

.language-toggle-wrapper[b-3k5gdhq6lk] {
    display: flex;
    justify-content: flex-end;
}

[dir="rtl"] .language-toggle-wrapper[b-3k5gdhq6lk] {
    justify-content: flex-start;
}

.lang-btn[b-3k5gdhq6lk] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    color: #2d3748;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.lang-btn:hover[b-3k5gdhq6lk] {
    background: #f7fafc;
    border-color: #cbd5e0;
}

.auth-title[b-3k5gdhq6lk] {
    margin: 0;
    color: #212b36;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.review-message-container[b-3k5gdhq6lk] {
    margin-top: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.review-message-line1[b-3k5gdhq6lk] {
    font-size: 18px;
    font-weight: 700;
    color: #212b36;
    margin: 0;
}

.review-message-line2[b-3k5gdhq6lk] {
    font-size: 14px;
    font-weight: 600;
    color: #212b36;
    margin: 0;
}

.login-form-section[b-3k5gdhq6lk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.signup-field[b-3k5gdhq6lk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.signup-input-shell[b-3k5gdhq6lk] {
    position: relative;
    width: 100%;
}

.signup-input[b-3k5gdhq6lk] {
    block-size: 50px;
    inline-size: 100%;
    border: none;
    border-radius: 9999px;
    background: #eaeaea;
    color: #212b36;
    font-size: 14px;
    font-weight: 500;
    padding-inline: 42px;
    text-align: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.signup-input:focus[b-3k5gdhq6lk] {
    outline: none;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

[b-3k5gdhq6lk] .password-toggle-input {
    block-size: 50px !important;
    inline-size: 100%;
    border: none !important;
    border-radius: 9999px !important;
    background: #eaeaea !important;
    color: #212b36 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    padding-inline: 42px !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

[b-3k5gdhq6lk] .password-toggle-input:focus {
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16) !important;
}

[b-3k5gdhq6lk] .password-toggle-button {
    color: #75867f !important;
    font-size: 16px !important;
}

[dir="ltr"][b-3k5gdhq6lk]  .password-toggle-button {
    right: 18px !important;
    left: auto !important;
}

[dir="rtl"][b-3k5gdhq6lk]  .password-toggle-button {
    left: 18px !important;
    right: auto !important;
}

.signup-input-shell.is-error .signup-input[b-3k5gdhq6lk],
.signup-input-shell.is-error[b-3k5gdhq6lk]  .password-toggle-input {
    background: #fff5f4 !important;
    box-shadow: 0 0 0 1px #cf4236 !important;
}

.signup-field-error[b-3k5gdhq6lk] {
    color: #cf4236;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    margin-top: 2px;
}

.remember-me-container[b-3k5gdhq6lk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-block: 4px;
}

.signup-checkbox[b-3k5gdhq6lk] {
    width: 15px;
    height: 15px;
    border-radius: 4px;
    border: 1px solid #cbd5e0;
    cursor: pointer;
}

.remember-me-label[b-3k5gdhq6lk] {
    font-size: 13px;
    color: #637381;
    cursor: pointer;
    font-weight: 500;
}

.signup-submit-button[b-3k5gdhq6lk] {
    inline-size: 100%;
    block-size: 54px;
    border: none;
    border-radius: 9999px;
    background: #eaeaea;
    color: #212b36;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.signup-submit-button:hover:not(:disabled)[b-3k5gdhq6lk] {
    background: #dbdbdb;
}

.signup-submit-button:focus[b-3k5gdhq6lk] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

.signup-submit-button:disabled[b-3k5gdhq6lk] {
    background: #e9ecef;
    color: #adb5bd;
    cursor: not-allowed;
}

.signup-button-spinner[b-3k5gdhq6lk] {
    inline-size: 16px;
    block-size: 16px;
    border-radius: 999px;
    border: 2px solid rgba(33, 43, 54, 0.25);
    border-top-color: #212b36;
    animation: signup-button-spin-b-3k5gdhq6lk 1s linear infinite;
}

.login-submit-error[b-3k5gdhq6lk] {
    background: #fff5f4;
    border: 1px solid #fecdd3;
    color: #cf4236;
    padding: 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.auth-footer-actions[b-3k5gdhq6lk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
}

.auth-footer-text[b-3k5gdhq6lk] {
    margin: 0;
    color: #637381;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}

.auth-link-btn[b-3k5gdhq6lk] {
    border: 0;
    background: transparent;
    color: #007bff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    padding: 0;
    cursor: pointer;
}

.auth-link-btn:hover[b-3k5gdhq6lk] {
    color: #0056b3;
}

.auth-forgot-link[b-3k5gdhq6lk] {
    border: 0;
    background: transparent;
    color: #212b36;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.auth-forgot-link:hover[b-3k5gdhq6lk] {
    text-decoration: underline;
}

.auth-visual-pane[b-3k5gdhq6lk] {
    border-radius: 24px;
    background-color: #e9ecf0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='83.138' viewBox='0 0 48 83.138'%3E%3Cpath d='M24 0 L48 13.856 L48 41.569 L24 55.426 L0 41.569 L0 13.856 Z M24 83.138 L48 69.282 L48 55.426 L24 41.569 L0 55.426 L0 69.282 Z' fill='none' stroke='%23dbe0e6' stroke-width='1.2'/%3E%3C/svg%3E");
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem; /* Padding from every corner */
    overflow: hidden;
}

.logo-container[b-3k5gdhq6lk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.auth-logo[b-3k5gdhq6lk] {
    max-inline-size: 80%;
    max-block-size: 80%;
    object-fit: contain;
}

@keyframes signup-button-spin-b-3k5gdhq6lk {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 991px) {
    .auth-wrapper[b-3k5gdhq6lk] {
        padding: 15px;
    }

    .auth-card[b-3k5gdhq6lk] {
        grid-template-columns: 1fr;
        min-block-size: auto;
        border-radius: 20px;
    }

    .auth-visual-pane[b-3k5gdhq6lk] {
        display: none;
    }

    .auth-form-pane[b-3k5gdhq6lk] {
        padding: 10px;
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/NewPassword.razor.rz.scp.css */
.auth-wrapper[b-v6ret605z3] {
    min-block-size: 100vh;
    background: #eaeaea;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
}

.auth-centered-card[b-v6ret605z3] {
    inline-size: min(480px, 100%);
    border-radius: 24px;
    background: #ffffff;
    padding: 35px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.language-toggle-wrapper[b-v6ret605z3] {
    display: flex;
    justify-content: flex-end;
}

[dir="rtl"] .language-toggle-wrapper[b-v6ret605z3] {
    justify-content: flex-start;
}

.lang-btn[b-v6ret605z3] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    color: #2d3748;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.lang-btn:hover[b-v6ret605z3] {
    background: #f7fafc;
    border-color: #cbd5e0;
}

.auth-centered-content[b-v6ret605z3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

.auth-icon-container[b-v6ret605z3] {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-paper-airplane-svg[b-v6ret605z3] {
    width: 72px;
    height: 72px;
    transform: rotate(-10deg);
}

.auth-title.reset-title[b-v6ret605z3] {
    margin: 0;
    color: #212b36;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
}

.auth-instruction[b-v6ret605z3] {
    margin: 8px 0 20px 0;
    color: #637381;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    max-width: 380px;
}

.auth-centered-form[b-v6ret605z3] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.signup-field[b-v6ret605z3] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.relative-label-field[b-v6ret605z3] {
    position: relative;
    margin-top: 5px;
}

.input-inline-label[b-v6ret605z3] {
    position: absolute;
    inset-block-start: -8px;
    inset-inline-start: 24px;
    background: #ffffff;
    padding-inline: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #637381;
    z-index: 10;
}

.signup-input-shell[b-v6ret605z3] {
    position: relative;
    width: 100%;
}

.signup-input[b-v6ret605z3] {
    block-size: 50px;
    inline-size: 100%;
    border: none;
    border-radius: 9999px;
    background: #eaeaea;
    color: #212b36;
    font-size: 14px;
    font-weight: 500;
    padding-inline: 24px;
    text-align: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.signup-input:focus[b-v6ret605z3] {
    outline: none;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

.read-only-input[b-v6ret605z3] {
    background: #ffffff !important;
    border: 1px solid #cbd5e0 !important;
    color: #637381 !important;
}

.password-toggle-input[b-v6ret605z3] {
    padding-inline: 42px !important;
}

.signup-input-toggle[b-v6ret605z3] {
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #75867f;
    font-size: 16px;
    padding: 0;
    cursor: pointer;
}

[dir="ltr"] .signup-input-toggle[b-v6ret605z3] {
    right: 16px;
    left: auto;
}

[dir="rtl"] .signup-input-toggle[b-v6ret605z3] {
    left: 16px;
    right: auto;
}

.otp-component-wrapper[b-v6ret605z3] {
    margin-block: 10px;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* OTP boxes custom styling (Isolated selector overrides) */
[b-v6ret605z3] [id^="otp-input-"] {
    width: 48px !important;
    height: 48px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border: 1px solid #cbd5e0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #212b36 !important;
    text-align: center !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

[b-v6ret605z3] [id^="otp-input-"]:focus {
    border-color: #00a66e !important;
    box-shadow: 0 0 0 2px rgba(0, 166, 110, 0.15) !important;
    outline: none !important;
}

.signup-submit-button[b-v6ret605z3] {
    inline-size: 100%;
    block-size: 54px;
    border: none;
    border-radius: 9999px;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.signup-submit-button.dark-btn[b-v6ret605z3] {
    background: #212b36;
    color: #ffffff;
}

.signup-submit-button.dark-btn:hover:not(:disabled)[b-v6ret605z3] {
    background: #1a222a;
}

.signup-submit-button:focus[b-v6ret605z3] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

.signup-submit-button:disabled[b-v6ret605z3] {
    background: #e9ecef;
    color: #adb5bd;
    cursor: not-allowed;
}

.signup-button-spinner[b-v6ret605z3] {
    inline-size: 16px;
    block-size: 16px;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top-color: #ffffff;
    animation: signup-button-spin-b-v6ret605z3 1s linear infinite;
}

.login-submit-error[b-v6ret605z3] {
    background: #fff5f4;
    border: 1px solid #fecdd3;
    color: #cf4236;
    padding: 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
}

.login-submit-success[b-v6ret605z3] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
    padding: 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
}

.auth-footer-actions[b-v6ret605z3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
    width: 100%;
}

.auth-footer-text[b-v6ret605z3] {
    margin: 0;
    color: #637381;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}

.auth-link-btn[b-v6ret605z3] {
    border: 0;
    background: transparent;
    color: #007bff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
    padding: 0;
    cursor: pointer;
}

.auth-link-btn:hover[b-v6ret605z3] {
    color: #0056b3;
}

.auth-back-btn[b-v6ret605z3] {
    border: 0;
    background: transparent;
    color: #637381;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.auth-back-btn:hover[b-v6ret605z3] {
    color: #212b36;
}

@keyframes signup-button-spin-b-v6ret605z3 {
    to {
        transform: rotate(360deg);
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/PasswordRulesIndicator.razor.rz.scp.css */
.password-rules[b-1fciiosh52] {
    border: 1px solid #e4ebe8;
    border-radius: 10px;
    background: #f7faf9;
    padding: 10px 14px;
    margin-top: -4px;
}

.password-rules-title[b-1fciiosh52] {
    margin: 0 0 6px;
    color: #3a544c;
    font-size: 12px;
    font-weight: 600;
}

.password-rules-list[b-1fciiosh52] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.password-rules-item[b-1fciiosh52] {
    display: flex;
    align-items: center;
    gap: 7px;
    transition: opacity 0.2s ease;
}

.password-rules-icon[b-1fciiosh52] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
}

.password-rules-text[b-1fciiosh52] {
    font-size: 12px;
    color: #6b7e77;
    line-height: 1.3;
    transition: color 0.2s ease;
}

.password-rules-item.is-met .password-rules-text[b-1fciiosh52] {
    color: #00a66e;
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/SignUp.razor.rz.scp.css */
:host[b-ecbg84upqv] {
    display: block;
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/SignUpButton.razor.rz.scp.css */
.signup-submit-button[b-7n501o8y02] {
    inline-size: 100%;
    block-size: 54px;
    border: none;
    border-radius: 9999px;
    background: #eaeaea;
    color: #212b36;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.signup-submit-button:hover:not(:disabled)[b-7n501o8y02] {
    background: #dbdbdb;
}

.signup-submit-button:focus[b-7n501o8y02] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

.signup-submit-button:disabled[b-7n501o8y02] {
    background: #e9ecef;
    color: #adb5bd;
    cursor: not-allowed;
}

.signup-button-spinner[b-7n501o8y02] {
    inline-size: 16px;
    block-size: 16px;
    border-radius: 999px;
    border: 2px solid rgba(33, 43, 54, 0.25);
    border-top-color: #212b36;
    animation: signup-button-spin-b-7n501o8y02 1s linear infinite;
}

@keyframes signup-button-spin-b-7n501o8y02 {
    to {
        transform: rotate(360deg);
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/SignUpCheckbox.razor.rz.scp.css */
.signup-checkbox-wrap[b-siuba69xo1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.signup-checkbox-label[b-siuba69xo1] {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    color: #5a6964;
    font-size: 12px;
    line-height: 1.45;
}

.signup-checkbox-label input[b-siuba69xo1] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.signup-checkbox-mark[b-siuba69xo1] {
    inline-size: 16px;
    block-size: 16px;
    border-radius: 5px;
    border: 1px solid #a6b4af;
    background: #ffffff;
    flex: 0 0 auto;
    position: relative;
    margin-block-start: 1px;
}

.signup-checkbox-label input:checked + .signup-checkbox-mark[b-siuba69xo1] {
    border-color: #00af74;
    background: #00af74;
}

.signup-checkbox-label input:checked + .signup-checkbox-mark[b-siuba69xo1]::before {
    content: "";
    position: absolute;
    inset: 3px 5px 4px 4px;
    border-inline-end: 2px solid #fff;
    border-block-end: 2px solid #fff;
    transform: rotate(40deg);
}

.signup-checkbox-label input:disabled + .signup-checkbox-mark[b-siuba69xo1] {
    opacity: 0.6;
}

.signup-checkbox-content[b-siuba69xo1] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
}

.signup-field-error[b-siuba69xo1] {
    color: #cf4236;
    font-size: 12px;
    line-height: 1.3;
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/SignUpFileUpload.razor.rz.scp.css */
.signup-field[b-u6mwt045bc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.signup-field-label[b-u6mwt045bc] {
    display: none;
}

.signup-upload-pill[b-u6mwt045bc] {
    block-size: 50px;
    inline-size: 100%;
    border: none;
    border-radius: 9999px;
    background: #eaeaea;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.signup-upload-pill:focus-within[b-u6mwt045bc] {
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

.signup-upload-native-input[b-u6mwt045bc] {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.signup-upload-content[b-u6mwt045bc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
}

.signup-upload-placeholder-link[b-u6mwt045bc] {
    color: #007bff;
    font-weight: 600;
    text-decoration: underline;
}

.signup-upload-text[b-u6mwt045bc] {
    color: #212b36;
}

.signup-upload-spinner[b-u6mwt045bc] {
    inline-size: 14px;
    block-size: 14px;
    border-radius: 999px;
    border: 2px solid rgba(0, 166, 110, 0.25);
    border-top-color: #00a66e;
    animation: signup-spin-b-u6mwt045bc 1s linear infinite;
}

.signup-upload-pill.is-error[b-u6mwt045bc] {
    background: #fff5f4;
    box-shadow: 0 0 0 1px #cf4236;
}

.signup-upload-list[b-u6mwt045bc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.signup-upload-item[b-u6mwt045bc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.signup-upload-meta[b-u6mwt045bc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
    color: #5f6f69;
}

.signup-upload-name[b-u6mwt045bc] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.signup-upload-percent[b-u6mwt045bc] {
    color: #3f4f4a;
}

.signup-upload-progress[b-u6mwt045bc] {
    block-size: 5px;
    border-radius: 999px;
    background: #d8e3df;
    overflow: hidden;
}

.signup-upload-progress span[b-u6mwt045bc] {
    display: block;
    block-size: 100%;
    border-radius: inherit;
    background: #00a66e;
    transition: inline-size 0.2s ease;
}

.signup-field-error[b-u6mwt045bc] {
    color: #cf4236;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    margin-top: 2px;
}

@keyframes signup-spin-b-u6mwt045bc {
    to {
        transform: rotate(360deg);
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/SignUpInputField.razor.rz.scp.css */
.signup-field[b-n41c0ym4us] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.signup-field-label[b-n41c0ym4us] {
    display: none;
}

.signup-input-shell[b-n41c0ym4us] {
    position: relative;
}

.signup-input[b-n41c0ym4us] {
    block-size: 50px;
    inline-size: 100%;
    border: none;
    border-radius: 9999px;
    background: #eaeaea;
    color: #212b36;
    font-size: 14px;
    font-weight: 500;
    padding-inline: 42px;
    text-align: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.signup-input:focus[b-n41c0ym4us] {
    outline: none;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

.signup-input:disabled[b-n41c0ym4us] {
    opacity: 0.7;
    cursor: not-allowed;
}

.signup-input-shell.is-error .signup-input[b-n41c0ym4us] {
    background: #fff5f4;
    box-shadow: 0 0 0 1px #cf4236;
}

.signup-input-toggle[b-n41c0ym4us] {
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #75867f;
    font-size: 16px;
    padding: 0;
    cursor: pointer;
}

[dir="ltr"] .signup-input-toggle[b-n41c0ym4us] {
    right: 16px;
    left: auto;
}

[dir="rtl"] .signup-input-toggle[b-n41c0ym4us] {
    left: 16px;
    right: auto;
}

.signup-input-success-check[b-n41c0ym4us] {
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    pointer-events: none;
}

[dir="ltr"] .signup-input-success-check[b-n41c0ym4us] {
    right: 16px;
    left: auto;
}

[dir="rtl"] .signup-input-success-check[b-n41c0ym4us] {
    left: 16px;
    right: auto;
}

[dir="ltr"] .signup-input-shell.has-password-toggle .signup-input-success-check[b-n41c0ym4us] {
    right: 42px;
    left: auto;
}

[dir="rtl"] .signup-input-shell.has-password-toggle .signup-input-success-check[b-n41c0ym4us] {
    left: 42px;
    right: auto;
}

.signup-field-error[b-n41c0ym4us] {
    color: #cf4236;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    margin-top: 2px;
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/SignUpPage.razor.rz.scp.css */
.auth-wrapper[b-y9eerzbanc] {
    min-block-size: 100vh;
    background: #eaeaea;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
}

.auth-card[b-y9eerzbanc] {
    inline-size: min(1200px, 100%);
    min-block-size: 720px;
    border-radius: 32px;
    background: #ffffff;
    padding: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 30px;
}

.auth-form-pane[b-y9eerzbanc] {
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='83.138' viewBox='0 0 48 83.138'%3E%3Cpath d='M24 0 L48 13.856 L48 41.569 L24 55.426 L0 41.569 L0 13.856 Z M24 83.138 L48 69.282 L48 55.426 L24 41.569 L0 55.426 L0 69.282 Z' fill='none' stroke='%23f2f4f6' stroke-width='1'/%3E%3C/svg%3E");
    background-position: left center;
}

.auth-header[b-y9eerzbanc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 5px;
}

.language-toggle-wrapper[b-y9eerzbanc] {
    display: flex;
    justify-content: flex-end;
}

[dir="rtl"] .language-toggle-wrapper[b-y9eerzbanc] {
    justify-content: flex-start;
}

.lang-btn[b-y9eerzbanc] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    color: #2d3748;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.lang-btn:hover[b-y9eerzbanc] {
    background: #f7fafc;
    border-color: #cbd5e0;
}

.auth-title[b-y9eerzbanc] {
    margin: 0;
    color: #212b36;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.auth-subtitle[b-y9eerzbanc] {
    margin: 0;
    color: #637381;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.auth-link-btn[b-y9eerzbanc] {
    border: 0;
    background: transparent;
    color: #007bff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    padding: 0;
    cursor: pointer;
}

.auth-link-btn:hover[b-y9eerzbanc] {
    color: #0056b3;
}

.auth-visual-pane[b-y9eerzbanc] {
    border-radius: 24px;
    background-color: #e9ecf0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='83.138' viewBox='0 0 48 83.138'%3E%3Cpath d='M24 0 L48 13.856 L48 41.569 L24 55.426 L0 41.569 L0 13.856 Z M24 83.138 L48 69.282 L48 55.426 L24 41.569 L0 55.426 L0 69.282 Z' fill='none' stroke='%23dbe0e6' stroke-width='1.2'/%3E%3C/svg%3E");
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem; /* Padding from every corner */
    overflow: hidden;
}

.logo-container[b-y9eerzbanc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.auth-logo[b-y9eerzbanc] {
    max-inline-size: 80%;
    max-block-size: 80%;
    object-fit: contain;
}

[b-y9eerzbanc] .signup-form-section {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-block-size: 460px;
    overflow-y: auto;
    padding-inline: 4px;
}

/* Scrollbar styling for form fields list */
[b-y9eerzbanc] .signup-form-section::-webkit-scrollbar {
    width: 5px;
}

[b-y9eerzbanc] .signup-form-section::-webkit-scrollbar-track {
    background: transparent;
}

[b-y9eerzbanc] .signup-form-section::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 10px;
}

@media (max-width: 991px) {
    .auth-wrapper[b-y9eerzbanc] {
        padding: 15px;
    }

    .auth-card[b-y9eerzbanc] {
        grid-template-columns: 1fr;
        min-block-size: auto;
        border-radius: 20px;
    }

    .auth-visual-pane[b-y9eerzbanc] {
        display: none;
    }

    .auth-form-pane[b-y9eerzbanc] {
        padding: 10px;
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/SignUpPhoneInput.razor.rz.scp.css */
.signup-field[b-7bloh4n0ie] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.signup-field-label[b-7bloh4n0ie] {
    color: #2f3f3b;
    font-size: 13px;
    font-weight: 600;
}

.signup-phone-shell[b-7bloh4n0ie] {
    display: flex;
    align-items: stretch;
    border: 1px solid #d4dad8;
    border-radius: 11px;
    background: #f1f3f2;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.signup-phone-shell:focus-within[b-7bloh4n0ie] {
    border-color: rgb(var(--primary, 0 175 116));
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 0, 175, 116), 0.16);
}

.signup-phone-shell.is-error[b-7bloh4n0ie] {
    border-color: #e15d50;
    background: #fff7f6;
}

.signup-phone-code[b-7bloh4n0ie] {
    block-size: 44px;
    min-inline-size: 94px;
    border: 0;
    border-inline-end: 1px solid #d4dad8;
    background: transparent;
    color: #2f3f3b;
    padding-inline: 10px;
    font-size: 13px;
}

.signup-phone-number[b-7bloh4n0ie] {
    block-size: 44px;
    inline-size: 100%;
    border: 0;
    background: transparent;
    color: #1f2f2a;
    font-size: 13px;
    padding-inline: 12px;
}

.signup-phone-code:focus[b-7bloh4n0ie],
.signup-phone-number:focus[b-7bloh4n0ie] {
    outline: none;
}

.signup-phone-code:disabled[b-7bloh4n0ie],
.signup-phone-number:disabled[b-7bloh4n0ie] {
    opacity: 0.7;
    cursor: not-allowed;
}

.signup-field-error[b-7bloh4n0ie] {
    color: #cf4236;
    font-size: 12px;
    line-height: 1.3;
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/TermsModal.razor.rz.scp.css */
.signup-terms-overlay[b-771lhu30y8] {
    position: fixed;
    inset: 0;
    background: rgba(14, 20, 18, 0.42);
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 20px;
}

.signup-terms-modal[b-771lhu30y8] {
    inline-size: min(840px, 100%);
    border-radius: 12px;
    background: #fdfdfd;
    border: 1px solid #d7dddb;
    box-shadow: 0 24px 60px rgba(15, 31, 26, 0.22);
    display: flex;
    flex-direction: column;
    max-block-size: min(86vh, 740px);
}

.signup-terms-header[b-771lhu30y8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 18px 22px 10px;
}

.signup-terms-header h2[b-771lhu30y8] {
    margin: 0;
    color: #111f1c;
    font-size: 30px;
    font-weight: 700;
}

.signup-terms-close[b-771lhu30y8] {
    border: 0;
    background: transparent;
    color: #6a7d76;
    font-size: 24px;
    line-height: 1;
    padding: 0;
}

.signup-terms-scroll[b-771lhu30y8] {
    margin: 0 22px;
    padding-inline-end: 12px;
    overflow: auto;
    border-inline-end: 2px solid #ebefed;
    font-size: 14px;
    color: #2b3c38;
    line-height: 1.75;
}

.signup-terms-scroll h3[b-771lhu30y8] {
    margin: 2px 0 10px;
    font-size: 17px;
    font-weight: 700;
}

.signup-terms-scroll p[b-771lhu30y8] {
    margin: 0 0 8px;
}

.signup-terms-scroll ol[b-771lhu30y8] {
    margin: 8px 0 12px;
    padding-inline-start: 18px;
}

.signup-terms-footer[b-771lhu30y8] {
    padding: 14px 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.signup-terms-actions[b-771lhu30y8] {
    display: flex;
    gap: 8px;
}

.signup-terms-approve[b-771lhu30y8],
.signup-terms-cancel[b-771lhu30y8] {
    min-inline-size: 130px;
    block-size: 38px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    transition: opacity 0.2s ease, background-color 0.2s ease;
}

.signup-terms-approve[b-771lhu30y8] {
    border: 1px solid transparent;
    background: #00af74;
    color: #ffffff;
}

.signup-terms-approve:disabled[b-771lhu30y8] {
    background: #b4c3bd;
    cursor: not-allowed;
}

.signup-terms-cancel[b-771lhu30y8] {
    border: 1px solid #ea5748;
    background: #fff;
    color: #ea5748;
}

@media (max-width: 680px) {
    .signup-terms-header h2[b-771lhu30y8] {
        font-size: 24px;
    }

    .signup-terms-scroll[b-771lhu30y8] {
        font-size: 13px;
    }

    .signup-terms-actions[b-771lhu30y8] {
        inline-size: 100%;
    }

    .signup-terms-approve[b-771lhu30y8],
    .signup-terms-cancel[b-771lhu30y8] {
        min-inline-size: 0;
        flex: 1 1 0;
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Auth/VerifyOtp.razor.rz.scp.css */
.auth-wrapper[b-2kkn31g8k8] {
    min-block-size: 100vh;
    background: #eaeaea;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    font-family: 'Outfit', 'Inter', system-ui, sans-serif;
}

.auth-card[b-2kkn31g8k8] {
    inline-size: min(1200px, 100%);
    min-block-size: 720px;
    border-radius: 32px;
    background: #ffffff;
    padding: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 30px;
}

.auth-form-pane[b-2kkn31g8k8] {
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='83.138' viewBox='0 0 48 83.138'%3E%3Cpath d='M24 0 L48 13.856 L48 41.569 L24 55.426 L0 41.569 L0 13.856 Z M24 83.138 L48 69.282 L48 55.426 L24 41.569 L0 55.426 L0 69.282 Z' fill='none' stroke='%23f2f4f6' stroke-width='1'/%3E%3C/svg%3E");
    background-position: left center;
}

.auth-header[b-2kkn31g8k8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 5px;
}

.language-toggle-wrapper[b-2kkn31g8k8] {
    display: flex;
    justify-content: flex-end;
}

[dir="rtl"] .language-toggle-wrapper[b-2kkn31g8k8] {
    justify-content: flex-start;
}

.lang-btn[b-2kkn31g8k8] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    color: #2d3748;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.lang-btn:hover[b-2kkn31g8k8] {
    background: #f7fafc;
    border-color: #cbd5e0;
}

.auth-title[b-2kkn31g8k8] {
    margin: 0;
    color: #212b36;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.login-form-section[b-2kkn31g8k8] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.otp-component-wrapper[b-2kkn31g8k8] {
    margin-block: 10px;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* OTP boxes custom styling (Isolated selector overrides) */
[b-2kkn31g8k8] [id^="otp-input-"] {
    width: 48px !important;
    height: 48px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border: 1px solid #cbd5e0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #212b36 !important;
    text-align: center !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

[b-2kkn31g8k8] [id^="otp-input-"]:focus {
    border-color: #00a66e !important;
    box-shadow: 0 0 0 2px rgba(0, 166, 110, 0.15) !important;
    outline: none !important;
}

.signup-submit-button[b-2kkn31g8k8] {
    inline-size: 100%;
    block-size: 54px;
    border: none;
    border-radius: 9999px;
    background: #eaeaea;
    color: #212b36;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.signup-submit-button:hover:not(:disabled)[b-2kkn31g8k8] {
    background: #dbdbdb;
}

.signup-submit-button:focus[b-2kkn31g8k8] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 166, 110, 0.16);
}

.signup-submit-button:disabled[b-2kkn31g8k8] {
    background: #e9ecef;
    color: #adb5bd;
    cursor: not-allowed;
}

.signup-button-spinner[b-2kkn31g8k8] {
    inline-size: 16px;
    block-size: 16px;
    border-radius: 999px;
    border: 2px solid rgba(33, 43, 54, 0.25);
    border-top-color: #212b36;
    animation: signup-button-spin-b-2kkn31g8k8 1s linear infinite;
}

.login-submit-error[b-2kkn31g8k8] {
    background: #fff5f4;
    border: 1px solid #fecdd3;
    color: #cf4236;
    padding: 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.auth-footer-actions[b-2kkn31g8k8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
}

.auth-forgot-link[b-2kkn31g8k8] {
    border: 0;
    background: transparent;
    color: #212b36;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.auth-forgot-link:hover[b-2kkn31g8k8] {
    text-decoration: underline;
}

.auth-link-btn[b-2kkn31g8k8] {
    border: 0;
    background: transparent;
    color: #007bff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    padding: 0;
    cursor: pointer;
}

.auth-link-btn:hover[b-2kkn31g8k8] {
    color: #0056b3;
}

.resend-countdown[b-2kkn31g8k8] {
    font-size: 13px;
    color: #637381;
    font-weight: 500;
}

.auth-visual-pane[b-2kkn31g8k8] {
    border-radius: 24px;
    background-color: #e9ecf0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='83.138' viewBox='0 0 48 83.138'%3E%3Cpath d='M24 0 L48 13.856 L48 41.569 L24 55.426 L0 41.569 L0 13.856 Z M24 83.138 L48 69.282 L48 55.426 L24 41.569 L0 55.426 L0 69.282 Z' fill='none' stroke='%23dbe0e6' stroke-width='1.2'/%3E%3C/svg%3E");
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem; /* Padding from every corner */
    overflow: hidden;
}

.logo-container[b-2kkn31g8k8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.auth-logo[b-2kkn31g8k8] {
    max-inline-size: 80%;
    max-block-size: 80%;
    object-fit: contain;
}

@keyframes signup-button-spin-b-2kkn31g8k8 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 991px) {
    .auth-wrapper[b-2kkn31g8k8] {
        padding: 15px;
    }

    .auth-card[b-2kkn31g8k8] {
        grid-template-columns: 1fr;
        min-block-size: auto;
        border-radius: 20px;
    }

    .auth-visual-pane[b-2kkn31g8k8] {
        display: none;
    }

    .auth-form-pane[b-2kkn31g8k8] {
        padding: 10px;
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Products/FeaturedProducts.razor.rz.scp.css */
.products-filter-grid[b-jfw7uczsko] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.products-filter-item[b-jfw7uczsko] {
    min-width: 0;
}

@media (min-width: 768px) {
    .products-filter-grid[b-jfw7uczsko] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .products-filter-grid[b-jfw7uczsko] {
        grid-template-columns: minmax(240px, 2fr) repeat(3, minmax(170px, 1fr));
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Products/Products.razor.rz.scp.css */
.products-filter-grid[b-k7efnce2jl] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.products-filter-item[b-k7efnce2jl] {
    min-width: 0;
}

@media (min-width: 768px) {
    .products-filter-grid[b-k7efnce2jl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .products-filter-grid[b-k7efnce2jl] {
        grid-template-columns: minmax(240px, 2fr) repeat(3, minmax(170px, 1fr));
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Pages/Companies/Warehouses/WarehousesManagement/ViewWarehouse.razor.rz.scp.css */
/* ViewWarehouse Scoped CSS Isolation Styles */

/* Base Layout Containers */
.stats-container[b-2q8pq0hqxp] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 24px;
    align-items: stretch;
}

@media (min-width: 1024px) {
    .stats-container[b-2q8pq0hqxp] {
        grid-template-columns: 2fr 1fr;
    }
}

.stats-left-column[b-2q8pq0hqxp] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Premium Card Design System */
.premium-card[b-2q8pq0hqxp] {
    background-color: #ffffff;
    border-radius: 24px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02), 0 2px 8px rgba(0, 0, 0, 0.01);
    padding: 24px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.premium-card:hover[b-2q8pq0hqxp] {
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.015);
}

/* Top-Left Card: Orders Overview Card */
.orders-overview-card[b-2q8pq0hqxp] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (min-width: 768px) {
    .orders-overview-card[b-2q8pq0hqxp] {
        flex-direction: row;
        align-items: stretch;
    }
}

/* Deep Teal Orders Card */
.teal-order-card[b-2q8pq0hqxp] {
    background: linear-gradient(135deg, #044c4f 0%, #033c3e 100%);
    border-radius: 20px;
    padding: 24px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 10px 25px rgba(4, 76, 79, 0.2);
    flex: 1;
}

.teal-order-card-header[b-2q8pq0hqxp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 2;
}

.teal-order-card-title[b-2q8pq0hqxp] {
    font-size: 13px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.5px;
}

.teal-order-card-icon[b-2q8pq0hqxp] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    backdrop-filter: blur(4px);
    transition: background-color 0.2s ease;
}

.teal-order-card:hover .teal-order-card-icon[b-2q8pq0hqxp] {
    background-color: rgba(255, 255, 255, 0.2);
}

.teal-order-card-body[b-2q8pq0hqxp] {
    margin-top: 12px;
    z-index: 2;
}

.teal-order-card-value[b-2q8pq0hqxp] {
    font-size: 38px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.teal-order-card-trend[b-2q8pq0hqxp] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.teal-order-card-trend-icon[b-2q8pq0hqxp] {
    font-size: 14px;
}

.teal-order-card-wave[b-2q8pq0hqxp] {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 70px;
    opacity: 0.15;
    pointer-events: none;
    z-index: 1;
    transform: scale(1.05);
}

/* Order Counts Bars Section */
.order-counts-section[b-2q8pq0hqxp] {
    flex: 1.3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .order-counts-section[b-2q8pq0hqxp] {
        border-inline-start: 1px dashed #e2e8f0;
        padding-inline-start: 24px;
    }
}

.section-title[b-2q8pq0hqxp] {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 16px;
    text-align: start;
}

.progress-list[b-2q8pq0hqxp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    justify-content: space-around;
}

.progress-item[b-2q8pq0hqxp] {
    display: flex;
    flex-direction: column;
}

.progress-header[b-2q8pq0hqxp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
}

.progress-label[b-2q8pq0hqxp] {
    color: #475569;
}

.progress-value[b-2q8pq0hqxp] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
}

.progress-track[b-2q8pq0hqxp] {
    width: 100%;
    height: 7px;
    background-color: #f1f5f9;
    border-radius: 9999px;
    overflow: hidden;
}

.progress-fill[b-2q8pq0hqxp] {
    height: 100%;
    border-radius: 9999px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.progress-fill-supply[b-2q8pq0hqxp] {
    background-color: #10b981;
}

.progress-fill-issue[b-2q8pq0hqxp] {
    background-color: #f59e0b;
}

.progress-fill-transfer[b-2q8pq0hqxp] {
    background-color: #ef4444;
}

/* Bottom-Left Card: Capacity Overview Gauges Card */
.capacity-overview-card[b-2q8pq0hqxp] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 576px) {
    .capacity-overview-card[b-2q8pq0hqxp] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.capacity-column[b-2q8pq0hqxp] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.capacity-circle-wrapper[b-2q8pq0hqxp] {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.capacity-circle-text[b-2q8pq0hqxp] {
    position: absolute;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}

.capacity-text-wrapper[b-2q8pq0hqxp] {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.capacity-label[b-2q8pq0hqxp] {
    font-size: 14px;
    font-weight: 700;
    color: #64748b;
    line-height: 1.3;
}

.capacity-divider[b-2q8pq0hqxp] {
    display: none;
}

@media (min-width: 576px) {
    .capacity-divider[b-2q8pq0hqxp] {
        display: block;
        width: 1px;
        height: 55px;
        border-inline-start: 1px dashed #cbd5e1;
        opacity: 0.7;
    }
}

/* Right Tall Card: Storage Capacity (Donut Gauge) */
.storage-capacity-card[b-2q8pq0hqxp] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.storage-capacity-header[b-2q8pq0hqxp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.storage-capacity-title[b-2q8pq0hqxp] {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    text-align: start;
}

.donut-chart-wrapper[b-2q8pq0hqxp] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.donut-chart-container[b-2q8pq0hqxp] {
    position: relative;
    width: 190px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.donut-chart-center[b-2q8pq0hqxp] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.donut-center-label[b-2q8pq0hqxp] {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 2px;
}

.donut-center-value[b-2q8pq0hqxp] {
    font-size: 32px;
    font-weight: 900;
    color: #0f172a;
    line-height: 1.1;
}

.dotted-divider[b-2q8pq0hqxp] {
    border-top: 1px dashed #cbd5e1;
    margin: 16px 0;
}

.legend-list[b-2q8pq0hqxp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.legend-item[b-2q8pq0hqxp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}

.legend-label-group[b-2q8pq0hqxp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legend-dot[b-2q8pq0hqxp] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

.legend-dot-green[b-2q8pq0hqxp] {
    background-color: #10b981;
}

.legend-dot-grey[b-2q8pq0hqxp] {
    background-color: #cbd5e1;
}

.legend-text[b-2q8pq0hqxp] {
    font-weight: 700;
    color: #64748b;
}

.legend-val[b-2q8pq0hqxp] {
    font-weight: 800;
    color: #0f172a;
}

/* Lower Section: Filters & Table styling */
.filters-card[b-2q8pq0hqxp] {
    background-color: #ffffff;
    border-radius: 24px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02), 0 2px 8px rgba(0, 0, 0, 0.01);
    padding: 24px;
    margin-bottom: 24px;
}

.filters-row[b-2q8pq0hqxp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.filter-item[b-2q8pq0hqxp] {
    flex: 1 1 200px;
    min-width: 0;
}

@media (max-width: 576px) {
    .filter-item[b-2q8pq0hqxp] {
        flex: 1 1 100%;
    }
}

.custom-input[b-2q8pq0hqxp], .custom-select[b-2q8pq0hqxp] {
    width: 100%;
    height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    transition: all 0.2s ease-in-out;
}

.custom-input[b-2q8pq0hqxp]::placeholder {
    color: #94a3b8;
}

.custom-input:focus[b-2q8pq0hqxp], .custom-select:focus[b-2q8pq0hqxp] {
    border-color: #10b981;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
    outline: none;
}

/* Results count banner */
.results-count-banner[b-2q8pq0hqxp] {
    margin-top: 14px;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    text-align: start;
}

/* General Layout helpers */
.page-title-heading[b-2q8pq0hqxp] {
    font-size: 24px;
    font-weight: 900;
    color: #0f172a;
    border-inline-start: 4px solid #00a676;
    padding-inline-start: 12px;
    line-height: 1.2;
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Shared/MainLayout.razor.rz.scp.css */
.page[b-qw5wnww5wl] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-qw5wnww5wl] {
        display: none;
    }

    .top-row.auth[b-qw5wnww5wl] {
        justify-content: space-between;
    }

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

@media (max-width: 641px) {
    /* Keep column layout on mobile — the Ynex theme sidebar is a fixed overlay,
       not an inline sibling. Do NOT set flex-direction: row here. */
    .page[b-qw5wnww5wl] {
        flex-direction: column;
    }

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

    .top-row[b-qw5wnww5wl], article[b-qw5wnww5wl] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-i8erl6cpfl] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

.oi[b-i8erl6cpfl] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

/* Scoped side-menu item layout — colours come from CSS variables in overrides.css */
[b-i8erl6cpfl] .side-menu__item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 8px;
    padding: 0.55rem 0.875rem;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

[b-i8erl6cpfl] .side-menu__icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    width: 1.25rem;
    text-align: center;
}

[b-i8erl6cpfl] .side-menu__label {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

    .collapse[b-i8erl6cpfl] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-i8erl6cpfl] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Shared/PasswordToggle.razor.rz.scp.css */
.password-toggle-wrapper[b-7f6gtkjrf6] {
    position: relative;
    width: 100%;
}

.password-toggle-button[b-7f6gtkjrf6] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border: 0;
    background: transparent;
    color: #75867f;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    padding: 0;
}

.password-toggle-button-end[b-7f6gtkjrf6] {
    right: 14px;
}

.password-toggle-button-start[b-7f6gtkjrf6] {
    left: 14px;
}

.password-toggle-input.password-toggle-input-pad-end[b-7f6gtkjrf6] {
    padding-right: 2.75rem;
}

.password-toggle-input.password-toggle-input-pad-start[b-7f6gtkjrf6] {
    padding-left: 2.75rem;
}

.password-toggle-input.password-toggle-text-right[b-7f6gtkjrf6] {
    text-align: right;
}

.password-toggle-input.password-toggle-text-left[b-7f6gtkjrf6] {
    text-align: left;
}
/* _content/AlexApps.Yusr.Blazor.Pharmacy/Shared/SharedTable/AdminTable.razor.rz.scp.css */
.admin-table-scroll[b-ndgs2imque] {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.admin-table[b-ndgs2imque] {
    min-width: 100%;
}

/* RTL: use the standard overflow-direction approach.
   The scroll container keeps its parent's direction (rtl),
   which lets the scrollbar origin sit on the correct side. */