/* /Components/HospitalNotes/RoundingCardEditor.razor.rz.scp.css */
body[b-22i1h9v89n] {
}
.rounding-card-wrap[b-22i1h9v89n] {
    max-width: 980px;
    margin: 0 auto;
}

.paper[b-22i1h9v89n] {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 14px;
}

.header[b-22i1h9v89n] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
}

.title[b-22i1h9v89n] {
    font-size: 18px;
    font-weight: 800;
}

.meta[b-22i1h9v89n] {
    font-size: 12px;
    color: #444;
}

.section[b-22i1h9v89n] {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
}

.section-title[b-22i1h9v89n] {
    font-weight: 800;
    font-size: 13px;
    margin-bottom: 6px;
}

.item-row[b-22i1h9v89n] {
    display: grid;
    grid-template-columns: 1fr 180px 1fr;
    gap: 10px;
    align-items: center;
    margin-bottom: 6px;
}

.item-label[b-22i1h9v89n] {
    font-size: 12px;
}

.tri[b-22i1h9v89n] {
    display: flex;
    gap: 10px;
    font-size: 12px;
    white-space: nowrap;
}

.item-notes[b-22i1h9v89n] {
    width: 100%;
    font-size: 12px;
    padding: 6px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.section-notes[b-22i1h9v89n] {
    width: 100%;
    margin-top: 6px;
    font-size: 12px;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.big-notes[b-22i1h9v89n] {
    width: 100%;
    font-size: 12px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

@media print {
    .no-print[b-22i1h9v89n] {
        display: none !important;
    }

    .paper[b-22i1h9v89n] {
        border: none;
        border-radius: 0;
        padding: 0;
    }

    textarea[b-22i1h9v89n] {
        border: 1px solid #999 !important;
    }

    .item-row[b-22i1h9v89n] {
        grid-template-columns: 1fr 170px 1fr;
    }
}
/* /Components/Shared/SolidTopicSearchBar.razor.rz.scp.css */
.solid-topic-search-input-halo[b-6ynulctv4k] {
    background: #080d24;
    color: #ffffff;
    border: 2px solid #123c7c;
    box-shadow: 0 0 0 0.32rem rgba(18, 60, 124, 0.28), 0 10px 26px rgba(18, 60, 124, 0.22);
    caret-color: #ffffff;
}

    .solid-topic-search-input-halo[b-6ynulctv4k]::placeholder {
        color: rgba(255, 255, 255, 0.62);
    }

    .solid-topic-search-input-halo:focus[b-6ynulctv4k] {
        background: #080d24;
        color: #ffffff;
        border-color: #4f8dff;
        box-shadow: 0 0 0 0.38rem rgba(79, 141, 255, 0.32), 0 12px 30px rgba(8, 43, 99, 0.28);
        outline: none;
    }

.solid-topic-search-nav[b-6ynulctv4k] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.65rem;
}

.solid-topic-search-nav-no-controls[b-6ynulctv4k] {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: minmax(0, 1fr);
}

.solid-topic-search-nav-sticky[b-6ynulctv4k] {
    position: sticky;
    top: 4.25rem;
    z-index: 30;
    margin-bottom: 1rem;
}

.solid-topic-search-area[b-6ynulctv4k] {
    min-width: 0;
    position: relative;
}

.solid-topic-search-label[b-6ynulctv4k] {
    display: block;
    margin-bottom: 0.45rem;
    color: #374151;
    font-size: 0.88rem;
    font-weight: 750;
}

.solid-topic-search-wrap[b-6ynulctv4k] {
    display: flex;
    min-width: 0;
    padding: 0.45rem;
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    box-shadow: 0 10px 26px rgba(15, 108, 189, 0.12);
}

.solid-topic-search-input[b-6ynulctv4k] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: none;
    padding: 0.78rem 0.9rem;
    color: #111827;
    background: transparent;
    font-size: 1rem;
}

.solid-topic-search-input[b-6ynulctv4k]::placeholder {
    color: #9ca3af;
}

.solid-topic-nav-button[b-6ynulctv4k] {
    width: 46px;
    height: 46px;
    margin-top: 1.78rem;
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    border: 1px solid #bfdbfe;
    border-radius: 16px;
    background: #ffffff;
    color: #0f6cbd;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 10px 24px rgba(15, 108, 189, 0.12);
}

.solid-topic-nav-button:hover:not(:disabled)[b-6ynulctv4k],
.solid-topic-nav-button:focus-visible:not(:disabled)[b-6ynulctv4k] {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #0b5aa2;
}

.solid-topic-nav-button:disabled[b-6ynulctv4k] {
    opacity: 0.45;
    cursor: not-allowed;
}

.solid-topic-search-dropdown[b-6ynulctv4k] {
    position: absolute;
    z-index: 40;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0.5rem;
    padding: 0.5rem;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #dbeafe;
    box-shadow: 0 18px 42px rgba(17, 24, 39, 0.14);
    text-align: left;
    max-height: 320px;
    overflow-y: auto;
}

.solid-topic-search-result[b-6ynulctv4k] {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    text-align: left;
    color: #1f2937;
}

.solid-topic-search-result:hover[b-6ynulctv4k],
.solid-topic-search-result:focus-visible[b-6ynulctv4k] {
    background: #eff6ff;
    color: #0f6cbd;
}

.solid-topic-search-title[b-6ynulctv4k],
.solid-topic-search-meta[b-6ynulctv4k] {
    display: block;
}

.solid-topic-search-title[b-6ynulctv4k] {
    font-size: 0.95rem;
    font-weight: 720;
}

.solid-topic-search-meta[b-6ynulctv4k] {
    margin-top: 0.2rem;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 620;
    line-height: 1.35;
}

.solid-topic-search-empty[b-6ynulctv4k] {
    margin-top: 0.6rem;
    padding: 0.75rem 0.85rem;
    border-radius: 14px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 0.88rem;
    font-weight: 650;
    text-align: left;
}

@media (max-width: 640px) {
    .solid-topic-search-nav[b-6ynulctv4k] {
        gap: 0.45rem;
    }

    .solid-topic-search-nav-sticky[b-6ynulctv4k] {
        top: 4rem;
    }

    .solid-topic-nav-button[b-6ynulctv4k] {
        width: 44px;
        height: 44px;
        margin-top: 1.78rem;
        border-radius: 14px;
    }

    .solid-topic-search-wrap[b-6ynulctv4k] {
        padding: 0.35rem;
        border-radius: 16px;
    }

    .solid-topic-search-input[b-6ynulctv4k] {
        padding: 0.72rem 0.7rem;
        font-size: 0.95rem;
    }
}
/* /Components/SickCall/PatientSickCallForm.razor.rz.scp.css */
.alert[b-jwojuk4hcl] {
    padding: 15px;
    margin-top: 10px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    width: 100%;
}

/* Blue Loading Message */
.alert-info[b-jwojuk4hcl] {
    background-color: #d9edf7;
    color: #31708f;
    border: 1px solid #bce8f1;
}

/* Green Success Message */
.alert-success[b-jwojuk4hcl] {
    background-color: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
}


.form-container[b-jwojuk4hcl] {
    max-width: 1600px;
    margin: auto;
    font-family: Arial, sans-serif;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

    /* Style the input fields */
    .form-container textarea[b-jwojuk4hcl], .form-container input[b-jwojuk4hcl] {

    }

.ros-container[b-jwojuk4hcl] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9;
}

.ros-item[b-jwojuk4hcl] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}

/* Highlight selected checkboxes */
.selected-checkbox[b-jwojuk4hcl] {
    background-color: #0056b3; /* Blue highlight */
    color: white;
    font-weight: bold;
    border: 1px solid #004494;
}


.ros-hidden-textarea[b-jwojuk4hcl] {
    display: none; /* Hidden by default */
}


/* Main Form Container */
.form-group[b-jwojuk4hcl] {

    width: 100%; /* Expands to 80% of the page width */
    max-width: 900px; /* Limits excessive stretching */
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

    /* Labels */
    .form-group label[b-jwojuk4hcl] {
        display: block;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 5px;
        padding: 10px 0; /* Increase row height */
    }

    /* Inputs and Textareas: Full Width */
    .form-group input[b-jwojuk4hcl],
    .form-group textarea[b-jwojuk4hcl] {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 16px;
    }

/* Flex Container for Patient Name, ID, DOB */
.patient-info[b-jwojuk4hcl] {
    display: flex;
    gap: 15px;
}

    /* Adjusted Width for Name, ID, DOB */
    .patient-info input[b-jwojuk4hcl] {
        flex: 1;
    }

/* Relationship Selection */
.relationship-options[b-jwojuk4hcl] {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 5px;
    overflow: hidden;
}

/* Each Option */
.option[b-jwojuk4hcl] {
    padding: 10px;
    background: white;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    transition: background 0.3s;
}

    /* Last Option Border Fix */
    .option:last-child[b-jwojuk4hcl] {
        border-bottom: none;
    }

    /* Hover Effect */
    .option:hover[b-jwojuk4hcl] {
        background: #f1f1f1;
    }

    /* Selected Option */
    .option.selected[b-jwojuk4hcl] {
        background: #0056b3;
        color: white;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

/* Comments Textarea */
.form-group textarea[b-jwojuk4hcl]::placeholder {
    color: gray;
    font-style: italic;
}

/* Responsive Design */
@media (max-width: 600px) {
    .form-container[b-jwojuk4hcl] {
        width: 100%;
        padding: 15px;
    }

    .option[b-jwojuk4hcl] {
        padding: 8px;
    }
}


.undo-button[b-jwojuk4hcl] {
    margin-top: 15px;
    padding: 10px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .undo-button:hover[b-jwojuk4hcl] {
        background: #0056b3;
    }

/* Submit Button: Move to the Right */
.submit-container[b-jwojuk4hcl] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.submit-button[b-jwojuk4hcl] {
    margin-top: 10px;
    padding: 10px;
    background: #ff3333;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .submit-button:hover[b-jwojuk4hcl] {
        background: #cc0000;
    }

.ai-response[b-jwojuk4hcl] {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    background: #e8f0fe;
    border-radius: 8px;
}


/* Modal Overlay */
.ros-modal[b-jwojuk4hcl] {

    position: fixed; /* Ensures it's positioned relative to the viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Dark transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensures it's above other elements */
}

/* Align system headings to the left */
.ros-modal-content h6[b-jwojuk4hcl] {
    text-align: left;
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 10px;
}

/* Modal Content Box */
.ros-modal-content[b-jwojuk4hcl] {
    background: white;
    padding: 20px;
    width: 60%;
    max-width: 600px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    position: relative;
}

/* Close Button for Modal */
.ros-close[b-jwojuk4hcl] {
    background: #f33333;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    float: right;
    margin-bottom: 10px;
}

    .ros-close:hover[b-jwojuk4hcl] {
        background: #cc0000;
    }
/* /Components/SOAPNote/SoapNote.razor.rz.scp.css */
.alert[b-tkyozib979] {
    padding: 15px;
    margin-top: 10px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    width: 100%;
}

/* Blue Loading Message */
.alert-info[b-tkyozib979] {
    background-color: #d9edf7;
    color: #31708f;
    border: 1px solid #bce8f1;
}

/* Green Success Message */
.alert-success[b-tkyozib979] {
    background-color: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
}


.form-container[b-tkyozib979] {
    max-width: 1600px;
    margin: auto;
    font-family: Arial, sans-serif;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

    /* Style the input fields */
    .form-container textarea[b-tkyozib979], .form-container input[b-tkyozib979] {
    }

.ros-container[b-tkyozib979] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9;
}

.ros-item[b-tkyozib979] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}

/* Highlight selected checkboxes */
.selected-checkbox[b-tkyozib979] {
    background-color: #0056b3; /* Blue highlight */
    color: white;
    font-weight: bold;
    border: 1px solid #004494;
}


.ros-hidden-textarea[b-tkyozib979] {
    display: none; /* Hidden by default */
}


/* Main Form Container */
.form-group[b-tkyozib979] {
    width: 100%; /* Expands to 80% of the page width */
    max-width: 900px; /* Limits excessive stretching */
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

    /* Labels */
    .form-group label[b-tkyozib979] {
        display: block;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 5px;
        padding: 10px 0; /* Increase row height */
    }

    /* Inputs and Textareas: Full Width */
    .form-group input[b-tkyozib979],
    .form-group textarea[b-tkyozib979] {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 16px;
    }

/* Flex Container for Patient Name, ID, DOB */
.patient-info[b-tkyozib979] {
    display: flex;
    gap: 15px;
}

    /* Adjusted Width for Name, ID, DOB */
    .patient-info input[b-tkyozib979] {
        flex: 1;
    }

/* Relationship Selection */
.relationship-options[b-tkyozib979] {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 5px;
    overflow: hidden;
}

/* Each Option */
.option[b-tkyozib979] {
    padding: 10px;
    background: white;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    transition: background 0.3s;
}

    /* Last Option Border Fix */
    .option:last-child[b-tkyozib979] {
        border-bottom: none;
    }

    /* Hover Effect */
    .option:hover[b-tkyozib979] {
        background: #f1f1f1;
    }

    /* Selected Option */
    .option.selected[b-tkyozib979] {
        background: #0056b3;
        color: white;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

/* Comments Textarea */
.form-group textarea[b-tkyozib979]::placeholder {
    color: gray;
    font-style: italic;
}

/* Responsive Design */
@media (max-width: 600px) {
    .form-container[b-tkyozib979] {
        width: 100%;
        padding: 15px;
    }

    .option[b-tkyozib979] {
        padding: 8px;
    }
}


.undo-button[b-tkyozib979] {
    margin-top: 15px;
    padding: 10px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .undo-button:hover[b-tkyozib979] {
        background: #0056b3;
    }

/* Submit Button: Move to the Right */
.submit-container[b-tkyozib979] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.submit-button[b-tkyozib979] {
    margin-top: 10px;
    padding: 10px;
    background: #ff3333;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .submit-button:hover[b-tkyozib979] {
        background: #cc0000;
    }

.ai-response[b-tkyozib979] {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    background: #e8f0fe;
    border-radius: 8px;
}

.patient-info[b-tkyozib979] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f9fa; /* Light background for readability */
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
}


/* Modal Overlay */
.ros-modal[b-tkyozib979] {
    position: fixed; /* Ensures it's positioned relative to the viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Dark transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensures it's above other elements */
}

/* Align system headings to the left */
.ros-modal-content h6[b-tkyozib979] {
    text-align: left;
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 10px;
}

/* Modal Content Box */
.ros-modal-content[b-tkyozib979] {
    background: white;
    padding: 20px;
    width: 60%;
    max-width: 600px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    position: relative;
}

/* Close Button for Modal */
.ros-close[b-tkyozib979] {
    background: #f33333;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    float: right;
    margin-bottom: 10px;
}

    .ros-close:hover[b-tkyozib979] {
        background: #cc0000;
    }

@media print {
    body *[b-tkyozib979] {
        visibility: hidden; /* Hide everything by default */
    }

    #printable-content[b-tkyozib979], #printable-content *[b-tkyozib979] {
        visibility: visible; /* Show only SOAP Note */
    }

    #printable-content[b-tkyozib979] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .no-print[b-tkyozib979] {
        display: none !important; /* Hide success messages, buttons, and sidebar */
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-2b3633t8vt] {
    position: relative;
    display: flex;
    min-height: 100vh;
    height: auto;
    overflow: visible;
    background: #f8fafc;
    isolation: isolate;
    --medmaui-sidebar-top: #0b1226;
    --medmaui-sidebar-mid: #101b33;
    --medmaui-sidebar-bottom: #17213d;
    --medmaui-topbar-left: #0b1226;
    --medmaui-topbar-mid: #101b33;
    --medmaui-topbar-right: #12343b;
    --medmaui-accent: #14b8a6;
    --medmaui-accent-soft: rgba(20, 184, 166, 0.14);
}

main[b-2b3633t8vt] {
    position: relative;
    z-index: 1;
    flex: 1;
    min-width: 0;
    background: #f8fafc;
}

.sidebar[b-2b3633t8vt] {
    width: 250px;
    flex: 0 0 250px;
    position: sticky;
    top: 0;
    height: 100vh;
    min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    background: linear-gradient(180deg, #0b1226 0%, #101b33 48%, #17213d 100%);
    box-shadow: 8px 0 28px rgba(15, 23, 42, 0.14);
    z-index: 50;
}

    .sidebar[b-2b3633t8vt]  .nav-link,
    .sidebar[b-2b3633t8vt]  a.nav-link {
        color: rgba(255, 255, 255, 0.86);
    }

        .sidebar[b-2b3633t8vt]  .nav-link.active,
        .sidebar[b-2b3633t8vt]  a.active {
            background: rgba(20, 184, 166, 0.14) !important;
            border-left: 3px solid #14b8a6;
            box-shadow: 0 0 16px rgba(20, 184, 166, 0.16);
            color: #ffffff !important;
        }

        .sidebar[b-2b3633t8vt]  .nav-link:hover,
        .sidebar[b-2b3633t8vt]  a.nav-link:hover {
            background: rgba(255, 255, 255, 0.08);
            color: #ffffff !important;
        }

.desktop-top-row[b-2b3633t8vt] {
    position: sticky;
    top: 0;
    z-index: 1500;
    height: 3.5rem;
    min-height: 3.5rem;
    background: linear-gradient(90deg, #0b1226, #101b33 68%, #12343b) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.18);
}

    .desktop-top-row[b-2b3633t8vt]  a,
    .desktop-top-row[b-2b3633t8vt]  .btn-link {
        white-space: nowrap;
        text-decoration: none;
    }

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

.content[b-2b3633t8vt] {
    padding: 1.5rem !important;
    overflow: visible;
    max-height: none !important;
}

.mobile-app-header[b-2b3633t8vt] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2400;
    height: 64px;
    padding: 0 14px;
    padding-left: max(14px, env(safe-area-inset-left));
    padding-right: max(14px, env(safe-area-inset-right));
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg, #0b1226, #101b33 68%, #12343b);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.22);
}

.mobile-brand[b-2b3633t8vt] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.08rem;
    line-height: 1;
}

    .mobile-brand:hover[b-2b3633t8vt] {
        color: #fff;
        text-decoration: none;
    }

.mobile-brand-logo[b-2b3633t8vt] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.mobile-menu-button[b-2b3633t8vt] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    box-shadow: none;
}

    .mobile-menu-button:focus-visible[b-2b3633t8vt] {
        outline: 3px solid rgba(20, 184, 166, 0.45);
        outline-offset: 2px;
    }

.mobile-menu-line[b-2b3633t8vt] {
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: #fff;
}

.mobile-nav-backdrop[b-2b3633t8vt] {
    position: fixed;
    inset: 64px 0 0 0;
    z-index: 2380;
    pointer-events: none;
    opacity: 0;
    background: rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(2px);
    transition: opacity 0.2s ease;
}

    .mobile-nav-backdrop.show[b-2b3633t8vt] {
        pointer-events: auto;
        opacity: 1;
    }

.mobile-nav-drawer[b-2b3633t8vt] {
    position: fixed;
    top: 64px;
    bottom: 0;
    left: 0;
    z-index: 2390;
    width: min(86vw, 326px);
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(-102%);
    transition: transform 0.22s ease;
    background: linear-gradient(180deg, #0b1226 0%, #101b33 48%, #17213d 100%);
    box-shadow: 12px 0 28px rgba(15, 23, 42, 0.28);
}

    .mobile-nav-drawer.open[b-2b3633t8vt] {
        transform: translateX(0);
    }

    .mobile-nav-drawer[b-2b3633t8vt]  .sidebar-body {
        min-height: 100%;
    }

    .mobile-nav-drawer[b-2b3633t8vt]  .nav-scrollable {
        min-height: 100%;
        height: auto;
        overflow-y: visible;
    }

    .mobile-nav-drawer[b-2b3633t8vt]  .nav-brand-row {
        position: static !important;
        min-height: 58px;
    }

    .mobile-nav-drawer[b-2b3633t8vt]  .nav-link,
    .mobile-nav-drawer[b-2b3633t8vt]  a.nav-link {
        color: rgba(255, 255, 255, 0.88);
    }

        .mobile-nav-drawer[b-2b3633t8vt]  .nav-link.active,
        .mobile-nav-drawer[b-2b3633t8vt]  a.active {
            background: rgba(20, 184, 166, 0.14) !important;
            border-left: 3px solid #14b8a6;
            box-shadow: 0 0 16px rgba(20, 184, 166, 0.14);
            color: #ffffff !important;
        }

        .mobile-nav-drawer[b-2b3633t8vt]  .nav-link:hover,
        .mobile-nav-drawer[b-2b3633t8vt]  a.nav-link:hover {
            background: rgba(255, 255, 255, 0.08);
            color: #ffffff !important;
        }

.global-loading-overlay[b-2b3633t8vt] {
    position: fixed;
    inset: 0;
    background: rgba(10, 14, 30, 0.4);
    backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3000;
    color: white;
}

.topbar-right-section[b-2b3633t8vt] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.topbar-user-text[b-2b3633t8vt] {
    color: white;
    font-size: 0.84rem;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subscription-badge[b-2b3633t8vt] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    padding: 0.22rem 0.65rem;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 950;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.subscription-badge.pro[b-2b3633t8vt] {
    background: linear-gradient(135deg, #0f766e, #2563eb);
}

.subscription-badge.premium[b-2b3633t8vt] {
    background: linear-gradient(135deg, #6d28d9, #db2777);
}

.dropdown-menu[b-2b3633t8vt] {
    z-index: 5000 !important;
}

@media (min-width: 768px) {
    .page[b-2b3633t8vt]::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 250px;
        background: linear-gradient(180deg, #0b1226 0%, #101b33 48%, #17213d 100%);
        box-shadow: 8px 0 28px rgba(15, 23, 42, 0.1);
        z-index: 1;
        pointer-events: none;
    }

    .sidebar[b-2b3633t8vt] {
        background: transparent;
        z-index: 2;
    }

    main[b-2b3633t8vt] {
        z-index: 1;
    }

    .mobile-app-header[b-2b3633t8vt],
    .mobile-nav-backdrop[b-2b3633t8vt],
    .mobile-nav-drawer[b-2b3633t8vt] {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .page[b-2b3633t8vt] {
        display: block;
        min-height: 100vh;
    }

    main[b-2b3633t8vt] {
        width: 100%;
        min-height: 100vh;
        padding-top: 64px;
        overflow: visible !important;
    }

    .content[b-2b3633t8vt] {
        padding: 14px !important;
        overflow: visible !important;
        max-height: none !important;
    }

    .sidebar[b-2b3633t8vt] {
        display: none !important;
    }
}

/* Optional only: use these later if you decide to add a very subtle day accent.
   Keep the overall app palette stable for trust and consistency. */
.page.day-monday[b-2b3633t8vt] {
    --medmaui-accent: #14b8a6;
}

.page.day-tuesday[b-2b3633t8vt] {
    --medmaui-accent: #38bdf8;
}

.page.day-wednesday[b-2b3633t8vt] {
    --medmaui-accent: #22c55e;
}

.page.day-thursday[b-2b3633t8vt] {
    --medmaui-accent: #2dd4bf;
}

.page.day-friday[b-2b3633t8vt] {
    --medmaui-accent: #60a5fa;
}

.page.day-saturday[b-2b3633t8vt] {
    --medmaui-accent: #a78bfa;
}

.page.day-sunday[b-2b3633t8vt] {
    --medmaui-accent: #f59e0b;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-scrollable[b-3c3dbcbvix] {
    min-height: 100vh;
    background: linear-gradient(180deg, #0a0f1f 0%, #17173a 40%, #2b174a 100%);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
}

.nav-brand-row[b-3c3dbcbvix] {
    min-height: 3.75rem;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.28);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-brand[b-3c3dbcbvix] {
    min-width: 0;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    text-decoration: none;
}

.navbar-brand:hover[b-3c3dbcbvix] {
    color: #fff;
    text-decoration: none;
}

.nav-logo-icon[b-3c3dbcbvix] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}

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

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

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

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

.nav-item[b-3c3dbcbvix]  a {
    min-height: 3rem;
    display: flex;
    align-items: center;
    color: #d7d7d7;
    border-radius: 8px;
    line-height: 1.2;
    text-decoration: none;
}

.nav-item[b-3c3dbcbvix]  a.active {
    background-color: rgba(255, 255, 255, 0.18);
    color: white;
}

.nav-item[b-3c3dbcbvix]  a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

.divider[b-3c3dbcbvix] {
    border: 0;
    height: 1px;
    margin: 10px 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
}

.sidebar-footer[b-3c3dbcbvix] {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    background: linear-gradient(to bottom, rgba(15, 15, 40, 0.7), rgba(25, 20, 60, 0.9));
    padding: 10px 15px;
}

.footer-toggle[b-3c3dbcbvix] {
    width: 100%;
    border: none;
    background: none;
    color: lightgray;
    text-align: left;
    font-weight: 600;
    transition: 0.3s;
}

.footer-toggle:hover[b-3c3dbcbvix] {
    color: white;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
    transform: translateX(4px);
}

.footer-content[b-3c3dbcbvix] {
    margin-top: 6px;
    padding-left: 8px;
}

.footer-content.collapse[b-3c3dbcbvix] {
    display: block;
}

.footer-link[b-3c3dbcbvix] {
    display: flex;
    align-items: center;
    color: #d7d7d7;
    text-decoration: none;
}

.footer-link:hover[b-3c3dbcbvix] {
    color: white;
}

@media (min-width: 768px) {
    .nav-scrollable[b-3c3dbcbvix] {
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (max-width: 767.98px) {
    .nav-scrollable[b-3c3dbcbvix] {
        min-height: 100%;
        box-shadow: none;
    }

    .nav-item[b-3c3dbcbvix] {
        padding-bottom: 0.35rem;
    }

    .nav-item[b-3c3dbcbvix]  a {
        min-height: 3.25rem;
        font-size: 1.03rem;
    }
}


.mobile-menu-auth-section[b-3c3dbcbvix] {
    display: block;
}

.mobile-auth-button[b-3c3dbcbvix] {
    width: 100%;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 700;
    text-decoration: none;
    color: #fff;
}

    .mobile-auth-button:hover[b-3c3dbcbvix],
    .mobile-auth-button:focus[b-3c3dbcbvix] {
        color: #fff;
        text-decoration: none;
    }

.mobile-auth-button-login[b-3c3dbcbvix] {
    background: linear-gradient(135deg, #0ea5e9, #14b8a6);
    border-color: rgba(255, 255, 255, 0.22);
}

.mobile-auth-button-logout[b-3c3dbcbvix] {
    background: rgba(255, 255, 255, 0.08);
}

.mobile-auth-button .bi[b-3c3dbcbvix] {
    width: auto;
    height: auto;
    margin-right: 0.5rem;
    top: 0;
    background-size: auto;
}
/* /Layout/UserMenuDropdown.razor.rz.scp.css */
.user-menu-trigger[b-m9uh041nhp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.user-menu-photo[b-m9uh041nhp],
.user-menu-photo-large[b-m9uh041nhp] {
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.user-menu-photo[b-m9uh041nhp] {
    width: 38px;
    height: 38px;
    border: 2px solid rgba(255,255,255,0.35);
    box-shadow: 0 2px 8px rgba(0,0,0,0.22);
}

.user-menu-photo-large[b-m9uh041nhp] {
    width: 74px;
    height: 74px;
    margin-bottom: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.18);
}

.user-menu-photo-fallback[b-m9uh041nhp] {
    background: linear-gradient(135deg, #0d6efd, #1d4ed8);
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-menu-dropdown[b-m9uh041nhp] {
    min-width: 290px;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #e9ecef;
}

.user-menu-header-wrap[b-m9uh041nhp] {
    list-style: none;
}

.user-menu-header[b-m9uh041nhp] {
    background: #eaf3ff;
    padding: 18px 18px 16px 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-menu-name[b-m9uh041nhp] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.2;
    margin-bottom: 4px;
}

.user-menu-email[b-m9uh041nhp] {
    font-size: 0.92rem;
    color: #6b7280;
    word-break: break-word;
}

.user-menu-item[b-m9uh041nhp] {
    padding: 12px 18px;
    font-size: 0.98rem;
}

    .user-menu-item:hover[b-m9uh041nhp] {
        background-color: #f8fbff;
    }


.subscribe-menu-shell[b-m9uh041nhp] {
    list-style: none;
    padding: 0.75rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.subscribe-menu-item[b-m9uh041nhp] {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    border-radius: 16px;
    padding: 0.9rem 1rem;
    background: #f8fbff;
    border: 1px solid rgba(33, 99, 255, 0.10);
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08), 0 0 14px rgba(91, 225, 255, 0.22);
    position: relative;
    overflow: hidden;
}

    .subscribe-menu-item[b-m9uh041nhp]::after {
        content: "";
        position: absolute;
        left: 18%;
        right: 18%;
        bottom: 8px;
        height: 8px;
        border-radius: 999px;
        background: rgba(98, 233, 255, 0.85);
        filter: blur(10px);
    }

    .subscribe-menu-item:hover[b-m9uh041nhp],
    .subscribe-menu-item:focus[b-m9uh041nhp],
    .subscribe-menu-item.active[b-m9uh041nhp] {
        background: #f2f8ff;
        text-decoration: none !important;
    }

    .subscribe-menu-item:hover[b-m9uh041nhp] {
        color: #0f172a !important;
    }

.subscribe-icon-wrap[b-m9uh041nhp] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #2e75ff, #195ae6);
    color: #fff;
    box-shadow: 0 8px 18px rgba(30, 99, 255, 0.35), 0 0 12px rgba(91, 225, 255, 0.45);
    font-size: 1rem;
}

.subscribe-text-wrap[b-m9uh041nhp] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.subscribe-title[b-m9uh041nhp] {
    font-weight: 700;
    font-size: 1rem;
    color: #0f172a !important;
    text-decoration: none !important;
}

.subscribe-subtitle[b-m9uh041nhp] {
    margin-top: 0.2rem;
    font-size: 0.82rem;
    color: #64748b !important;
    text-decoration: none !important;
}
/* /Pages/CodeBlue/CodeBlue.razor.rz.scp.css */
.codeblue-shell[b-vz471lwt0i] {
    min-height: calc(100vh - 24px);
    margin: -12px;
    padding: 16px 14px 96px;
    color: #f8fbff;
    background:
        radial-gradient(circle at 18% 0%, rgba(239, 68, 68, 0.34), transparent 34%),
        radial-gradient(circle at 82% 8%, rgba(14, 165, 233, 0.24), transparent 30%),
        linear-gradient(145deg, #070b17 0%, #111827 48%, #210d20 100%);
}

.codeblue-hero[b-vz471lwt0i] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 18px;
}

.codeblue-kicker[b-vz471lwt0i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fca5a5;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.codeblue-hero h1[b-vz471lwt0i] {
    margin: 6px 0 0;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0;
}

.codeblue-hero p[b-vz471lwt0i] {
    margin: 8px 0 0;
    color: #cbd5e1;
    font-size: 1.05rem;
}

.codeblue-disclaimer[b-vz471lwt0i] {
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 10px 12px;
    color: #e5e7eb;
    font-size: 0.82rem;
    line-height: 1.35;
    backdrop-filter: blur(12px);
}

.entry-grid[b-vz471lwt0i],
.action-grid[b-vz471lwt0i],
.chip-grid[b-vz471lwt0i] {
    display: grid;
    gap: 12px;
}

.entry-grid[b-vz471lwt0i] {
    grid-template-columns: 1fr;
}

.entry-card[b-vz471lwt0i],
.glass-panel[b-vz471lwt0i],
.timer-card[b-vz471lwt0i],
.epi-card[b-vz471lwt0i],
.suggestion-card[b-vz471lwt0i],
.drawer-card[b-vz471lwt0i],
.event-card[b-vz471lwt0i],
.checklist-card[b-vz471lwt0i],
.guidance-list[b-vz471lwt0i] {
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.055));
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(16px);
}

.entry-card[b-vz471lwt0i] {
    min-height: 108px;
    border-radius: 22px;
    color: white;
    padding: 18px;
    text-align: left;
    display: grid;
    grid-template-columns: 44px 1fr;
    grid-template-rows: auto auto;
    column-gap: 14px;
    align-items: center;
}

.entry-card span:not(.entry-icon)[b-vz471lwt0i] {
    font-size: 1.08rem;
    font-weight: 900;
}

.entry-card small[b-vz471lwt0i] {
    grid-column: 2;
    color: #cbd5e1;
    font-weight: 700;
}

.entry-primary[b-vz471lwt0i] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.84), rgba(124, 58, 237, 0.58));
}

.entry-icon[b-vz471lwt0i] {
    width: 44px;
    height: 44px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
    font-size: 1.35rem;
}

.glass-panel[b-vz471lwt0i],
.active-stack[b-vz471lwt0i] {
    display: grid;
    gap: 14px;
}

.glass-panel[b-vz471lwt0i] {
    border-radius: 24px;
    padding: 16px;
}

.panel-heading h2[b-vz471lwt0i] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 900;
}

.panel-heading span[b-vz471lwt0i],
.sync-group label[b-vz471lwt0i] {
    color: #cbd5e1;
    font-weight: 700;
}

.sync-group[b-vz471lwt0i] {
    display: grid;
    gap: 8px;
}

.chip-grid[b-vz471lwt0i] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.chip-grid.three[b-vz471lwt0i] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.chip[b-vz471lwt0i],
.code-action[b-vz471lwt0i],
.summary-button[b-vz471lwt0i] {
    min-height: 54px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    color: #f8fafc;
    font-weight: 850;
}

.chip.active[b-vz471lwt0i],
.chip.danger[b-vz471lwt0i] {
    background: linear-gradient(135deg, #0ea5e9, #7c3aed);
}

.chip.danger[b-vz471lwt0i] {
    background: linear-gradient(135deg, #dc2626, #f97316);
}

.panel-actions[b-vz471lwt0i],
.confirm-actions[b-vz471lwt0i] {
    display: flex;
    gap: 10px;
}

.panel-actions .btn[b-vz471lwt0i],
.confirm-actions .btn[b-vz471lwt0i] {
    flex: 1;
    min-height: 48px;
    border-radius: 14px;
    font-weight: 800;
}

.status-strip[b-vz471lwt0i] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.status-strip > div[b-vz471lwt0i] {
    border-radius: 18px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.status-strip span[b-vz471lwt0i],
.timer-card span[b-vz471lwt0i],
.epi-card span[b-vz471lwt0i],
.suggestion-card span[b-vz471lwt0i] {
    display: block;
    color: #cbd5e1;
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.status-strip strong[b-vz471lwt0i] {
    display: block;
    margin-top: 2px;
    font-size: 1.2rem;
}

.guidance-banner[b-vz471lwt0i] {
    border-radius: 18px;
    padding: 10px 12px;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.22), rgba(34, 197, 94, 0.16));
    border: 1px solid rgba(125, 211, 252, 0.26);
    color: #e0f2fe;
    font-weight: 800;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
    font-size: 0.9rem;
}

.guidance-banner button[b-vz471lwt0i] {
    min-height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    color: #f8fafc;
    font-weight: 900;
    padding: 0 12px;
}

.timer-card[b-vz471lwt0i],
.epi-card[b-vz471lwt0i],
.suggestion-card[b-vz471lwt0i] {
    border-radius: 24px;
    padding: 18px;
}

.timer-card strong[b-vz471lwt0i] {
    display: block;
    margin-top: 4px;
    font-size: 4rem;
    line-height: 1;
    font-weight: 950;
}

.timer-alert[b-vz471lwt0i] {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.92), rgba(249, 115, 22, 0.44));
    border-color: rgba(254, 202, 202, 0.55);
}

.epi-card[b-vz471lwt0i] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px 12px;
    align-items: center;
}

.epi-card strong[b-vz471lwt0i] {
    font-size: 2rem;
    font-weight: 950;
}

.epi-select[b-vz471lwt0i] {
    grid-row: span 2;
    border: 0;
    border-radius: 12px;
    padding: 8px;
    color: white;
    background: rgba(255, 255, 255, 0.14);
}

.epi-due[b-vz471lwt0i] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.9), rgba(220, 38, 38, 0.38));
}

.suggestion-card strong[b-vz471lwt0i] {
    display: block;
    margin-top: 5px;
    font-size: 1.1rem;
}

.rhythm-grid[b-vz471lwt0i] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.main-actions[b-vz471lwt0i] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding: 12px 0 4px;
    background: linear-gradient(180deg, transparent, rgba(7, 11, 23, 0.95) 24%);
}

.code-action.jumbo[b-vz471lwt0i] {
    min-height: 74px;
    font-size: 1.05rem;
}

.code-action.danger[b-vz471lwt0i] {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.code-action.amber[b-vz471lwt0i] {
    background: linear-gradient(135deg, #f59e0b, #ea580c);
}

.code-action.success[b-vz471lwt0i] {
    background: linear-gradient(135deg, #16a34a, #059669);
}

.code-action.danger-outline[b-vz471lwt0i] {
    border-color: rgba(248, 113, 113, 0.58);
    color: #fecaca;
}

.pulse-action[b-vz471lwt0i] {
    animation: pulseDue-b-vz471lwt0i 1.2s ease-in-out infinite;
}

@keyframes pulseDue-b-vz471lwt0i {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.025); }
}

.guidance-list[b-vz471lwt0i] {
    border-radius: 20px;
    padding: 12px;
    display: grid;
    gap: 8px;
}

.guidance-list div[b-vz471lwt0i] {
    border-radius: 14px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
    font-weight: 750;
}

.drawer-card[b-vz471lwt0i],
.event-card[b-vz471lwt0i],
.checklist-card[b-vz471lwt0i] {
    border-radius: 20px;
    overflow: hidden;
}

.drawer-toggle[b-vz471lwt0i] {
    width: 100%;
    border: 0;
    background: transparent;
    color: white;
    padding: 14px;
    display: flex;
    justify-content: space-between;
    font-weight: 900;
}

.ht-grid[b-vz471lwt0i],
.event-list[b-vz471lwt0i],
.checklist-card[b-vz471lwt0i] {
    display: grid;
    gap: 8px;
    padding: 12px;
}

.ht-grid[b-vz471lwt0i] {
    grid-template-columns: 1fr;
}

.ht-chip[b-vz471lwt0i],
.check-item[b-vz471lwt0i] {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    padding: 11px 12px;
    text-align: left;
    font-weight: 800;
}

.ht-chip.done[b-vz471lwt0i],
.check-item.done[b-vz471lwt0i] {
    background: rgba(34, 197, 94, 0.24);
    border-color: rgba(134, 239, 172, 0.44);
}

.check-item[b-vz471lwt0i] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.event-row[b-vz471lwt0i] {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 10px;
    border-radius: 12px;
    padding: 9px 10px;
    background: rgba(255, 255, 255, 0.08);
}

.event-row strong[b-vz471lwt0i] {
    color: #93c5fd;
}

.summary-button[b-vz471lwt0i] {
    margin: 0 12px 12px;
    width: calc(100% - 24px);
}

.confirm-backdrop[b-vz471lwt0i] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(2, 6, 23, 0.76);
    backdrop-filter: blur(10px);
}

.confirm-card[b-vz471lwt0i],
.summary-modal[b-vz471lwt0i] {
    width: min(520px, 100%);
    border-radius: 24px;
    padding: 18px;
    color: white;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(88, 28, 28, 0.95));
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.44);
}

.confirm-card h2[b-vz471lwt0i],
.summary-modal h2[b-vz471lwt0i] {
    margin: 0 0 8px;
    font-weight: 900;
}

.summary-text[b-vz471lwt0i] {
    width: 100%;
    min-height: 260px;
    margin: 10px 0 12px;
    padding: 12px;
    color: #0f172a;
    border-radius: 14px;
    border: 0;
}

@media (min-width: 768px) {
    .codeblue-shell[b-vz471lwt0i] {
        margin: 0;
        border-radius: 24px;
        padding: 24px;
    }

    .codeblue-hero[b-vz471lwt0i] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .codeblue-disclaimer[b-vz471lwt0i] {
        max-width: 360px;
    }

    .entry-grid[b-vz471lwt0i] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .status-strip[b-vz471lwt0i] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rhythm-grid[b-vz471lwt0i],
    .main-actions[b-vz471lwt0i],
    .chip-grid[b-vz471lwt0i] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .main-actions[b-vz471lwt0i] {
        position: static;
        background: transparent;
        padding: 0;
    }

    .timer-card strong[b-vz471lwt0i] {
        font-size: 5rem;
    }

    .ht-grid[b-vz471lwt0i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.compact-code[b-vz471lwt0i] {
    gap: 8px;
    padding-bottom: 84px;
}

.active-title-row[b-vz471lwt0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.active-title-row h1[b-vz471lwt0i] {
    margin: 0;
    font-size: 1.85rem;
    line-height: 1;
    font-weight: 950;
}

.active-title-row h1 span[b-vz471lwt0i] {
    color: #fb7185;
    font-variant-numeric: tabular-nums;
}

.rhythm-status-card span[b-vz471lwt0i],
.section-label[b-vz471lwt0i] {
    color: #aeb9d3;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mini-log-button[b-vz471lwt0i] {
    min-width: 64px;
    min-height: 40px;
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    color: #f8fafc;
    font-weight: 850;
}

.active-disclaimer[b-vz471lwt0i] {
    color: #94a3b8;
    font-size: 0.68rem;
    line-height: 1.2;
    margin-top: -2px;
}

.rhythm-status-card[b-vz471lwt0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 20px;
    padding: 14px;
    background: rgba(15, 23, 42, 0.72);
}

.rhythm-status-card strong[b-vz471lwt0i] {
    display: block;
    margin-top: 2px;
    font-size: 1.6rem;
}

.change-button[b-vz471lwt0i] {
    min-width: 112px;
    min-height: 48px;
    border: 1px solid rgba(148, 163, 184, 0.4);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.06);
    color: #f8fafc;
    font-weight: 850;
}

.timer-grid[b-vz471lwt0i] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.compact-code .timer-card[b-vz471lwt0i] {
    position: relative;
    min-height: 198px;
    padding: 12px 12px 12px;
}

.compact-code .timer-card span[b-vz471lwt0i] {
    color: #60a5fa;
    text-align: center;
    font-size: 0.78rem;
}

.compact-code .timer-card small[b-vz471lwt0i] {
    display: block;
    color: #bec8e0;
    text-align: center;
    font-weight: 850;
    text-transform: uppercase;
    font-size: 0.72rem;
}

.compact-code .timer-card strong[b-vz471lwt0i] {
    margin-top: 8px;
    text-align: center;
    font-size: 3.1rem;
    text-shadow: 0 8px 28px rgba(255, 255, 255, 0.14);
}

.epi-tile strong[b-vz471lwt0i] {
    color: #fb9308;
}

.info-dot[b-vz471lwt0i] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid rgba(226, 232, 240, 0.72);
    background: rgba(15, 23, 42, 0.58);
    color: #dbeafe;
}

.timer-progress[b-vz471lwt0i] {
    height: 8px;
    margin: 8px 6px 10px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(59, 130, 246, 0.24);
}

.timer-progress div[b-vz471lwt0i] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2563eb, #38bdf8);
}

.timer-progress.orange[b-vz471lwt0i] {
    background: rgba(251, 146, 60, 0.24);
}

.timer-progress.orange div[b-vz471lwt0i] {
    background: linear-gradient(90deg, #f59e0b, #fb923c);
}

.timer-primary-button[b-vz471lwt0i] {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(147, 197, 253, 0.52);
    border-radius: 18px;
    background: linear-gradient(135deg, #0b6eea, #0754b8);
    color: #fff;
    font-weight: 950;
    display: grid;
    grid-template-columns: 34px 1fr;
    align-items: center;
    column-gap: 6px;
    font-size: 0.82rem;
}

.timer-primary-button i[b-vz471lwt0i] {
    font-size: 1.45rem;
}

.timer-primary-button small[b-vz471lwt0i] {
    grid-column: 2;
    margin-top: -8px;
    font-size: 0.68rem;
}

.epi-button[b-vz471lwt0i] {
    border-color: rgba(253, 186, 116, 0.62);
    background: linear-gradient(135deg, #fb8c00, #b94700);
}

.compact-code .epi-select[b-vz471lwt0i] {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 68px;
    min-height: 30px;
    font-size: 0.78rem;
}

.rhythm-card-grid[b-vz471lwt0i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.rhythm-choice[b-vz471lwt0i] {
    min-height: 78px;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.68);
    color: #f8fafc;
    font-weight: 950;
    display: grid;
    place-items: center;
}

.rhythm-choice i[b-vz471lwt0i] {
    font-size: 1.65rem;
}

.rhythm-choice.pea[b-vz471lwt0i] {
    color: #fde68a;
}

.rhythm-choice.vf[b-vz471lwt0i] {
    color: #fb7185;
}

.rhythm-choice.asystole[b-vz471lwt0i] {
    color: #86efac;
}

.rhythm-choice.organized[b-vz471lwt0i] {
    color: #c084fc;
}

.rhythm-choice.active[b-vz471lwt0i] {
    border-color: #facc15;
    box-shadow: 0 0 18px rgba(250, 204, 21, 0.42), inset 0 0 18px rgba(250, 204, 21, 0.08);
}

.compact-code .main-actions[b-vz471lwt0i] {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
    background: transparent;
}

.compact-code .code-action[b-vz471lwt0i] {
    min-height: 82px;
    display: grid;
    place-items: center;
    gap: 4px;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.compact-code .code-action i[b-vz471lwt0i] {
    margin: 0;
    font-size: 1.9rem;
}

.med-badge[b-vz471lwt0i] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid currentColor;
    border-radius: 50%;
    font-size: 0.9rem;
    font-weight: 950;
}

.code-action.purple[b-vz471lwt0i] {
    color: #c084fc;
}

.code-action.blue[b-vz471lwt0i] {
    color: #60a5fa;
}

.code-action.teal[b-vz471lwt0i] {
    color: #2dd4bf;
}

.compact-hidden[b-vz471lwt0i] {
    display: none;
}

.compact-code .event-card[b-vz471lwt0i] {
    border-radius: 18px;
}

.compact-code .event-row[b-vz471lwt0i] {
    grid-template-columns: 56px 14px 1fr;
    align-items: center;
    background: transparent;
    padding: 5px 10px;
}

.event-dot[b-vz471lwt0i] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #60a5fa;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.14);
}

.codeblue-bottom-tabs[b-vz471lwt0i] {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 1100;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 18px;
    overflow: hidden;
    background: rgba(8, 13, 28, 0.94);
    backdrop-filter: blur(16px);
    box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.28);
}

.codeblue-bottom-tabs button[b-vz471lwt0i] {
    min-height: 62px;
    border: 0;
    border-right: 1px solid rgba(148, 163, 184, 0.18);
    background: transparent;
    color: #b9c4df;
    font-size: 0.68rem;
    font-weight: 850;
    display: grid;
    place-items: center;
    gap: 2px;
}

.codeblue-bottom-tabs button:last-child[b-vz471lwt0i] {
    border-right: 0;
}

.codeblue-bottom-tabs i[b-vz471lwt0i] {
    font-size: 1.25rem;
}

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

    .compact-code .main-actions[b-vz471lwt0i] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .codeblue-bottom-tabs[b-vz471lwt0i] {
        position: sticky;
        left: auto;
        right: auto;
        bottom: 0;
    }
}
/* /Pages/CommandCenter.razor.rz.scp.css */
.command-center-shell[b-u8mux3tuj8] {
    max-width: 1440px;
    padding: 10px;
    color: #111827;
}

.command-hero[b-u8mux3tuj8] {
    display: grid;
    gap: 1rem;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    padding: 1rem;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)),
        linear-gradient(135deg, rgba(37,99,235,0.11), rgba(20,184,166,0.13), rgba(244,114,182,0.08));
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.command-eyebrow[b-u8mux3tuj8],
.panel-kicker[b-u8mux3tuj8] {
    color: #0f766e;
    font-size: 0.75rem;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

.command-hero h1[b-u8mux3tuj8] {
    margin: 0.14rem 0;
    font-size: 1.65rem;
    font-weight: 950;
    line-height: 1.08;
}

.command-hero p[b-u8mux3tuj8] {
    margin: 0;
    color: #64748b;
    font-size: 0.94rem;
}

.command-metrics[b-u8mux3tuj8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.command-metrics div[b-u8mux3tuj8] {
    min-height: 72px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.7rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.command-metrics span[b-u8mux3tuj8] {
    display: block;
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1;
}

.command-metrics small[b-u8mux3tuj8] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 850;
}

.command-status[b-u8mux3tuj8],
.command-error[b-u8mux3tuj8] {
    margin-top: 0.8rem;
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
    font-weight: 820;
}

.command-status[b-u8mux3tuj8] {
    border: 1px solid #99f6e4;
    background: #ecfdf5;
    color: #047857;
}

.command-error[b-u8mux3tuj8] {
    border: 1px solid #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.command-grid[b-u8mux3tuj8] {
    display: grid;
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.command-grid.single[b-u8mux3tuj8] {
    grid-template-columns: minmax(0, 1fr);
}

.command-panel[b-u8mux3tuj8] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.85rem;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.drafts-panel[b-u8mux3tuj8],
.history-panel[b-u8mux3tuj8] {
    margin-top: 0.85rem;
}

.panel-title-row[b-u8mux3tuj8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.panel-title-row h2[b-u8mux3tuj8] {
    margin: 0.12rem 0 0;
    color: #111827;
    font-size: 1.2rem;
    font-weight: 950;
    line-height: 1.16;
}

.command-textarea[b-u8mux3tuj8] {
    width: 100%;
    min-height: 180px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    padding: 0.72rem;
    font-weight: 650;
    line-height: 1.45;
    resize: vertical;
}

.icon-button[b-u8mux3tuj8],
.primary-action-button[b-u8mux3tuj8],
.ghost-action-button[b-u8mux3tuj8],
.tiny-action-button[b-u8mux3tuj8],
.draft-filter[b-u8mux3tuj8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    font-weight: 900;
}

.icon-button[b-u8mux3tuj8] {
    width: 42px;
    height: 42px;
    color: #0f766e;
    border-color: #99f6e4;
}

.primary-action-button[b-u8mux3tuj8] {
    min-height: 42px;
    padding: 0 0.82rem;
    border-color: #99f6e4;
    background: #0f766e;
    color: #ffffff;
}

.primary-action-button.apply[b-u8mux3tuj8] {
    border-color: #bfdbfe;
    background: #1d4ed8;
}

.primary-action-button:disabled[b-u8mux3tuj8],
.ghost-action-button:disabled[b-u8mux3tuj8],
.tiny-action-button:disabled[b-u8mux3tuj8] {
    opacity: 0.62;
}

.primary-action-button.compact[b-u8mux3tuj8] {
    min-height: 38px;
}

.ghost-action-button[b-u8mux3tuj8] {
    min-height: 42px;
    padding: 0 0.82rem;
}

.tiny-action-button[b-u8mux3tuj8] {
    width: 32px;
    height: 32px;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.tiny-action-button.success[b-u8mux3tuj8] {
    border-color: #99f6e4;
    color: #047857;
}

.tiny-action-button.danger[b-u8mux3tuj8] {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.command-actions[b-u8mux3tuj8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.7rem;
}

.review-list[b-u8mux3tuj8],
.draft-list[b-u8mux3tuj8],
.history-list[b-u8mux3tuj8] {
    display: grid;
    gap: 0.6rem;
}

.review-list[b-u8mux3tuj8] {
    margin-top: 0.85rem;
}

.review-row[b-u8mux3tuj8] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.72rem;
}

.workflow-summary[b-u8mux3tuj8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #eff6ff;
    padding: 0.68rem 0.72rem;
    margin-top: 0.85rem;
    margin-bottom: 0.6rem;
}

.workflow-summary.dirty[b-u8mux3tuj8] {
    border-color: #fed7aa;
    background: #fff7ed;
}

.reviewed-command-panel[b-u8mux3tuj8] {
    display: grid;
    gap: 0.55rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.72rem;
    margin-top: 0.85rem;
}

.reviewed-command-title[b-u8mux3tuj8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
}

.reviewed-command-title strong[b-u8mux3tuj8],
.reviewed-command-title span[b-u8mux3tuj8],
.reviewed-command-title small[b-u8mux3tuj8] {
    display: block;
}

.reviewed-command-title strong[b-u8mux3tuj8] {
    color: #111827;
    font-weight: 950;
}

.reviewed-command-title span[b-u8mux3tuj8],
.reviewed-command-title small[b-u8mux3tuj8] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.reviewed-command-title small[b-u8mux3tuj8] {
    max-width: 220px;
    text-align: right;
    color: #0f766e;
}

.reviewed-command-textarea[b-u8mux3tuj8] {
    width: 100%;
    min-height: 128px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    padding: 0.68rem;
    font-weight: 700;
    line-height: 1.45;
    resize: vertical;
}

.workflow-summary strong[b-u8mux3tuj8],
.workflow-summary span[b-u8mux3tuj8] {
    display: block;
}

.workflow-summary strong[b-u8mux3tuj8] {
    color: #1e3a8a;
    font-weight: 950;
}

.workflow-summary span[b-u8mux3tuj8] {
    color: #475569;
    font-size: 0.8rem;
    font-weight: 780;
}

.workflow-applied[b-u8mux3tuj8] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    border-radius: 8px;
    background: #ecfdf5;
    color: #047857;
    padding: 0.28rem 0.5rem;
    font-size: 0.74rem;
    font-weight: 950;
}

.workflow-applied.dirty[b-u8mux3tuj8] {
    background: #ffedd5;
    color: #c2410c;
}

.workflow-list[b-u8mux3tuj8] {
    margin-top: 0;
}

.workflow-step.applied[b-u8mux3tuj8] {
    border-color: #99f6e4;
    background: #f0fdfa;
}

.workflow-step.attention[b-u8mux3tuj8] {
    border-color: #fed7aa;
    background: #fff7ed;
}

.step-title-row[b-u8mux3tuj8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.step-state[b-u8mux3tuj8] {
    flex: 0 0 auto;
    border-radius: 8px;
    padding: 0.2rem 0.42rem;
    font-size: 0.66rem;
    font-weight: 950;
}

.step-state.ready[b-u8mux3tuj8] {
    background: #dbeafe;
    color: #1d4ed8;
}

.step-state.applied[b-u8mux3tuj8] {
    background: #ccfbf1;
    color: #047857;
}

.step-state.attention[b-u8mux3tuj8],
.step-state.skipped[b-u8mux3tuj8] {
    background: #ffedd5;
    color: #c2410c;
}

.step-chip-row[b-u8mux3tuj8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem;
    margin-top: 0.45rem;
}

.step-chip-row span[b-u8mux3tuj8] {
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #dbeafe;
    color: #1e40af;
    padding: 0.22rem 0.44rem;
    font-size: 0.74rem;
    font-weight: 900;
}

.message-preview[b-u8mux3tuj8] {
    margin: 0.55rem 0 0;
    border-left: 3px solid #14b8a6;
    background: #f8fafc;
    color: #334155;
    padding: 0.5rem 0.62rem;
    border-radius: 0 8px 8px 0;
    font-size: 0.86rem;
}

.inline-step-button[b-u8mux3tuj8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: 32px;
    margin-top: 0.55rem;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #ffffff;
    color: #c2410c;
    padding: 0 0.62rem;
    font-size: 0.78rem;
    font-weight: 950;
}

.apply-result-list[b-u8mux3tuj8] {
    display: grid;
    gap: 0.42rem;
    margin-top: 0.8rem;
}

.apply-result-list div[b-u8mux3tuj8] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    background: #f0fdf4;
    color: #166534;
    padding: 0.55rem 0.65rem;
    font-size: 0.82rem;
    font-weight: 850;
}

.review-icon[b-u8mux3tuj8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
}

.review-row strong[b-u8mux3tuj8],
.review-row span[b-u8mux3tuj8],
.review-row small[b-u8mux3tuj8],
.history-row strong[b-u8mux3tuj8],
.history-row span[b-u8mux3tuj8],
.history-row small[b-u8mux3tuj8] {
    display: block;
}

.review-row span[b-u8mux3tuj8],
.history-row span[b-u8mux3tuj8] {
    color: #475569;
    font-size: 0.86rem;
}

.review-row small[b-u8mux3tuj8],
.history-row small[b-u8mux3tuj8] {
    margin-top: 0.16rem;
    color: #64748b;
    font-weight: 780;
}

.provider-grid[b-u8mux3tuj8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.68rem;
}

.provider-grid div[b-u8mux3tuj8],
.empty-panel[b-u8mux3tuj8],
.history-row[b-u8mux3tuj8] {
    display: grid;
    gap: 0.18rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.75rem;
}

.provider-grid i[b-u8mux3tuj8] {
    color: #0f766e;
    font-size: 1.15rem;
}

.provider-grid strong[b-u8mux3tuj8],
.empty-panel strong[b-u8mux3tuj8],
.history-row strong[b-u8mux3tuj8] {
    color: #111827;
    font-weight: 950;
}

.provider-grid span[b-u8mux3tuj8],
.empty-panel span[b-u8mux3tuj8] {
    color: #64748b;
    font-size: 0.82rem;
}

.draft-filter-row[b-u8mux3tuj8] {
    display: flex;
    gap: 0.4rem;
    overflow-x: auto;
    padding-bottom: 0.6rem;
}

.draft-filter[b-u8mux3tuj8] {
    min-height: 36px;
    padding: 0 0.7rem;
    flex: 0 0 auto;
    font-size: 0.82rem;
}

.draft-filter.active[b-u8mux3tuj8] {
    border-color: #0f766e;
    background: #0f766e;
    color: #ffffff;
}

.draft-row[b-u8mux3tuj8] {
    display: grid;
    gap: 0.65rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.75rem;
}

.draft-title[b-u8mux3tuj8] {
    color: #111827;
    font-weight: 950;
}

.draft-meta[b-u8mux3tuj8] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 780;
}

.draft-subject[b-u8mux3tuj8] {
    margin-top: 0.24rem;
    color: #0f766e;
    font-size: 0.82rem;
    font-weight: 900;
}

.draft-row p[b-u8mux3tuj8] {
    margin: 0.45rem 0 0;
    color: #334155;
    font-size: 0.9rem;
}

.draft-actions[b-u8mux3tuj8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
}

.draft-status[b-u8mux3tuj8] {
    border-radius: 8px;
    padding: 0.24rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 950;
    white-space: nowrap;
}

.draft-status.review[b-u8mux3tuj8] {
    background: #eff6ff;
    color: #1d4ed8;
}

.draft-status.waiting[b-u8mux3tuj8] {
    background: #fef9c3;
    color: #a16207;
}

.draft-status.sent[b-u8mux3tuj8] {
    background: #ecfdf5;
    color: #047857;
}

.draft-status.cancelled[b-u8mux3tuj8] {
    background: #fff1f2;
    color: #be123c;
}

.command-modal-backdrop[b-u8mux3tuj8] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.46);
    backdrop-filter: blur(7px);
}

.command-modal-card[b-u8mux3tuj8] {
    width: min(100%, 720px);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 8px;
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.26);
}

.modal-title-row[b-u8mux3tuj8] {
    margin-bottom: 0.65rem;
}

.compact-error[b-u8mux3tuj8] {
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.draft-review-grid[b-u8mux3tuj8],
.draft-review-field[b-u8mux3tuj8] {
    display: grid;
    gap: 0.45rem;
}

.draft-review-grid[b-u8mux3tuj8] {
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

.draft-review-field[b-u8mux3tuj8] {
    margin-top: 0.75rem;
}

.draft-review-grid label[b-u8mux3tuj8],
.draft-review-field label[b-u8mux3tuj8] {
    color: #475569;
    font-size: 0.76rem;
    font-weight: 950;
}

.review-input[b-u8mux3tuj8],
.review-textarea[b-u8mux3tuj8] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    padding: 0.62rem 0.7rem;
    font-weight: 650;
}

.review-input[b-u8mux3tuj8] {
    min-height: 42px;
}

.review-input[readonly][b-u8mux3tuj8] {
    background: #f8fafc;
    color: #64748b;
}

.review-textarea[b-u8mux3tuj8] {
    min-height: 180px;
    line-height: 1.45;
    resize: vertical;
}

.delivery-readiness[b-u8mux3tuj8] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.75rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1e40af;
    padding: 0.68rem;
    font-size: 0.82rem;
    font-weight: 820;
}

.delivery-readiness i[b-u8mux3tuj8] {
    margin-top: 0.08rem;
}

.modal-actions[b-u8mux3tuj8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

@media (min-width: 640px) {
    .command-center-shell[b-u8mux3tuj8] {
        padding: 16px;
    }

    .command-hero[b-u8mux3tuj8] {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
        align-items: end;
    }

    .command-hero h1[b-u8mux3tuj8] {
        font-size: 2rem;
    }

    .provider-grid[b-u8mux3tuj8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .draft-row[b-u8mux3tuj8] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .draft-review-grid[b-u8mux3tuj8] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1040px) {
    .command-grid[b-u8mux3tuj8] {
        grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
        align-items: start;
    }

    .command-grid.single[b-u8mux3tuj8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 430px) {
    .draft-row[b-u8mux3tuj8] {
        align-items: stretch;
    }

    .draft-actions[b-u8mux3tuj8] {
        justify-content: flex-end;
    }
}
/* /Pages/DailyNoteDemo.razor.rz.scp.css */

.daily-demo-shell[b-eauxhe6hup] {
    padding: 4px 6px 20px 6px;
    max-width: 1180px;
}

.demo-patient-banner[b-eauxhe6hup] {
    background: linear-gradient(90deg, #0e7490 0%, #0f5f84 100%);
    color: white;
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.demo-patient-left[b-eauxhe6hup] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.demo-avatar[b-eauxhe6hup] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255,255,255,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.demo-patient-name[b-eauxhe6hup] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

.demo-patient-meta[b-eauxhe6hup] {
    font-size: 0.88rem;
    opacity: 0.95;
}

.demo-patient-right[b-eauxhe6hup] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.demo-note-badge[b-eauxhe6hup] {
    background: rgba(255,255,255,0.16);
    border: 1px solid rgba(255,255,255,0.22);
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
}

.demo-timestamp[b-eauxhe6hup] {
    font-size: 0.82rem;
    opacity: 0.9;
}

.demo-title-row[b-eauxhe6hup] {
    margin-bottom: 12px;
}

.demo-stepper[b-eauxhe6hup] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.demo-step[b-eauxhe6hup] {
    border: 1px solid #d0d7e2;
    background: #fff;
    border-radius: 999px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: #334155;
}

    .demo-step:disabled[b-eauxhe6hup] {
        opacity: 0.55;
        cursor: not-allowed;
        background: #f8fafc;
        color: #64748b;
        border-color: #dbe3ec;
    }

    .demo-step.done[b-eauxhe6hup] {
        background: #ecfdf5;
        border-color: #86efac;
        color: #166534;
    }

    .demo-step.active[b-eauxhe6hup] {
        background: #0f766e;
        color: white;
        border-color: #0f766e;
    }

.step-num[b-eauxhe6hup] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(0,0,0,0.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 700;
}

.demo-step.active .step-num[b-eauxhe6hup] {
    background: rgba(255,255,255,0.22);
}

.demo-card[b-eauxhe6hup] {
    background: #fff;
    border: 1px solid #d8e2ec;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

.demo-card-header[b-eauxhe6hup] {
    background: #f8fbff;
    border-bottom: 1px solid #e5edf5;
    padding: 14px 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.final-note-header[b-eauxhe6hup] {
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.demo-card-body[b-eauxhe6hup] {
    padding: 18px;
}

.demo-summary-card[b-eauxhe6hup] {
    border-color: #e9d5ff;
}

.summary-header[b-eauxhe6hup] {
    background: #fcf7ff;
    color: #6b21a8;
}

.hpi-header[b-eauxhe6hup] {
    background: #f4f9ff;
    color: #0f3f67;
}

.demo-green-card[b-eauxhe6hup] {
    border-color: #b7e4c7;
}

.green-header[b-eauxhe6hup] {
    background: #f3fbf5;
    color: #166534;
}

.demo-textarea-xl[b-eauxhe6hup],
.demo-textarea-lg[b-eauxhe6hup] {
    min-height: 140px;
    height: auto;
    resize: none;
    overflow-y: hidden;
    white-space: pre-wrap;
}

.demo-textarea-auto[b-eauxhe6hup] {
    min-height: 260px;
    height: 260px;
    resize: none;
    overflow-y: hidden;
    white-space: pre-wrap;
}

.demo-textarea-final[b-eauxhe6hup] {
    min-height: 420px;
    height: auto;
    resize: none;
    overflow-y: hidden;
    white-space: pre-wrap;
    font-family: Consolas, monospace;
}

.demo-textarea-card[b-eauxhe6hup] {
    min-height: 220px;
    height: auto;
    resize: none;
    overflow-y: hidden;
    white-space: pre-wrap;
    font-family: Consolas, monospace;
}

.demo-hpi-box[b-eauxhe6hup] {
    white-space: pre-wrap;
    line-height: 1.6;
    border: 1px solid #d9e6f2;
    background: #fbfdff;
    border-radius: 10px;
    padding: 16px;
    min-height: 140px;
}

.demo-richtext[b-eauxhe6hup] {
    white-space: pre-wrap;
    line-height: 1.65;
}

.demo-footer-nav[b-eauxhe6hup] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 18px;
    gap: 12px;
}

.demo-loading[b-eauxhe6hup] {
    display: inline-flex;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 10px 14px;
    border-radius: 10px;
}

.disabled-step[b-eauxhe6hup] {
    opacity: 0.55;
    cursor: not-allowed;
    background: #f8fafc;
    color: #94a3b8;
    border-color: #dbe3ec;
}

.demo-select-sm[b-eauxhe6hup] {
    max-width: 220px;
}

.snapshot-grid[b-eauxhe6hup] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.snapshot-panel[b-eauxhe6hup] {
    border: 1px solid #dbe7f3;
    border-radius: 12px;
    padding: 14px;
    background: #fbfdff;
}

.snapshot-panel-header[b-eauxhe6hup] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.snapshot-title[b-eauxhe6hup] {
    font-weight: 700;
    color: #0f3f67;
}

.snapshot-display-box[b-eauxhe6hup] {
    white-space: pre-wrap;
    line-height: 1.65;
    border: 1px solid #d9e6f2;
    background: #ffffff;
    border-radius: 10px;
    padding: 14px;
    min-height: 220px;
}

.timeline-box[b-eauxhe6hup] {
    border: 1px solid #dbe7f3;
    border-radius: 12px;
    padding: 16px;
    background: #fcfdff;
}

.timeline-header[b-eauxhe6hup] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    font-weight: 700;
}

.timeline-item[b-eauxhe6hup] {
    border-top: 1px solid #e5edf5;
    padding-top: 14px;
    margin-top: 14px;
}

    .timeline-item:first-child[b-eauxhe6hup] {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }

.timeline-date[b-eauxhe6hup] {
    font-size: 0.85rem;
    color: #64748b;
    margin-bottom: 8px;
}

.timeline-label[b-eauxhe6hup] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #475569;
    font-weight: 700;
    margin-bottom: 6px;
}

.top-note-actions[b-eauxhe6hup] {
    justify-content: flex-end;
}

.desktop-note-actions[b-eauxhe6hup] {
    display: flex;
}

.mobile-sticky-action-bar[b-eauxhe6hup] {
    display: none;
}

@@media (max-width: 768px) {
    .daily-demo-shell[b-eauxhe6hup] {
        padding-bottom: 88px;
    }

    .demo-patient-banner[b-eauxhe6hup] {
        flex-direction: column;
        align-items: flex-start;
    }

    .demo-patient-right[b-eauxhe6hup] {
        justify-content: flex-start;
    }

    .demo-footer-nav[b-eauxhe6hup] {
        flex-direction: column;
        align-items: stretch;
    }

        .demo-footer-nav .btn[b-eauxhe6hup] {
            width: 100%;
        }

    .snapshot-grid[b-eauxhe6hup] {
        grid-template-columns: 1fr;
    }

    .top-note-actions[b-eauxhe6hup] {
        width: 100%;
        justify-content: flex-start;
        margin-top: 10px;
    }

    .desktop-note-actions[b-eauxhe6hup] {
        display: none !important;
    }

    .mobile-sticky-action-bar[b-eauxhe6hup] {
        position: sticky;
        bottom: 0;
        z-index: 1050;
        display: flex;
        gap: 10px;
        padding: 12px;
        margin-top: 14px;
        background: rgba(255, 255, 255, 0.96);
        border-top: 1px solid #dbe3ec;
        box-shadow: 0 -6px 18px rgba(15, 23, 42, 0.08);
        backdrop-filter: blur(8px);
    }

        .mobile-sticky-action-bar .btn[b-eauxhe6hup] {
            flex: 1 1 0;
        }
}








.quick-check-panel[b-eauxhe6hup] {
    padding: 12px;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
}

.quick-check-group[b-eauxhe6hup] {
    margin-bottom: 14px;
}

    .quick-check-group:last-child[b-eauxhe6hup] {
        margin-bottom: 0;
    }

.quick-check-group-title[b-eauxhe6hup] {
    font-weight: 800;
    color: #374151;
    margin-bottom: 8px;
    font-size: 0.95rem;
}

.quick-check-chip-grid[b-eauxhe6hup] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.quick-check-chip[b-eauxhe6hup] {
    min-height: 44px;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
    font-weight: 600;
    padding: 8px 12px;
    text-align: center;
}

    .quick-check-chip.selected[b-eauxhe6hup] {
        background: #2563eb;
        color: #ffffff;
        border-color: #2563eb;
    }

@media (max-width: 768px) {
    .quick-check-chip-grid[b-eauxhe6hup] {
        grid-template-columns: 1fr;
    }

    .quick-check-chip[b-eauxhe6hup] {
        min-height: 48px;
        font-size: 0.95rem;
    }
}


.concern-panel[b-eauxhe6hup] {
    border-color: #fde68a;
    background: #fffbeb;
}

.concern-chip[b-eauxhe6hup] {
    border-color: #fcd34d;
    background: #ffffff;
    color: #92400e;
}

.selected-concern[b-eauxhe6hup] {
    background: #f59e0b;
    color: #ffffff;
    border-color: #f59e0b;
}

.danger-chip[b-eauxhe6hup] {
    border-color: #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

.selected-danger[b-eauxhe6hup] {
    background: #dc2626;
    color: white;
    border-color: #dc2626;
}

.ruleout-panel[b-eauxhe6hup] {
    border-color: #fecaca;
    background: #fff7f7;
}

.ruleout-chip[b-eauxhe6hup] {
    border-color: #fecaca;
    background: #ffffff;
    color: #991b1b;
}

.selected-ruleout[b-eauxhe6hup] {
    background: #dc2626;
    color: #ffffff;
    border-color: #dc2626;
}
/* /Pages/Home.razor.rz.scp.css */
.home-hero[b-f8i7yg3h69] {
    min-height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
}

.hero-title[b-f8i7yg3h69] {
    font-size: 34px;
    font-weight: 700;
    color: #0b1028;
    margin-bottom: 24px;
}

.hero-tagline[b-f8i7yg3h69] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #0F6CBD;
    margin-bottom: 20px;
}

.hero-login[b-f8i7yg3h69] {
    font-size: 16px;
    font-weight: 600;
    color: #0F6CBD;
    text-decoration: none;
}

.hero-logo-wrap[b-f8i7yg3h69] {
    animation: logoFadeIn-b-f8i7yg3h69 1.2s ease-out both;
}

.hero-logo[b-f8i7yg3h69] {
    width: clamp(280px, 60vw, 900px);
    height: auto;
    max-height: 60vh;
    object-fit: contain;
    animation: logoFloat-b-f8i7yg3h69 4s ease-in-out infinite;
}

@media (min-width: 1400px) {
    .hero-logo[b-f8i7yg3h69] {
        width: 70vw;
    }
}

@media (max-width: 768px) {
    .home-hero[b-f8i7yg3h69] {
        min-height: calc(100vh - 56px);
        justify-content: flex-start;
        padding: 72px 18px 24px;
    }

    .hero-logo[b-f8i7yg3h69] {
        width: min(86vw, 360px);
        max-height: 34vh;
        animation: none;
    }

    .hero-title[b-f8i7yg3h69] {
        font-size: 24px;
        margin-bottom: 14px;
    }

    .hero-tagline[b-f8i7yg3h69] {
        font-size: 13px;
        letter-spacing: 1px;
        margin-bottom: 14px;
    }

    .hero-login[b-f8i7yg3h69] {
        font-size: 15px;
    }
}

@media (max-width: 390px) {
    .hero-logo[b-f8i7yg3h69] {
        width: min(82vw, 320px);
        max-height: 30vh;
    }

    .home-hero[b-f8i7yg3h69] {
        padding-top: 60px;
    }
}

@keyframes logoFadeIn-b-f8i7yg3h69 {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.96);
    }

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

@keyframes logoFloat-b-f8i7yg3h69 {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}
/* /Pages/MySchedule.razor.rz.scp.css */
.my-schedule-shell[b-h5sm8qvu89] {
    max-width: 1440px;
    padding: 10px;
    color: #111827;
}

.schedule-hero[b-h5sm8qvu89] {
    display: grid;
    gap: 0.95rem;
    padding: 1rem;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)),
        linear-gradient(135deg, rgba(20,184,166,0.13), rgba(37,99,235,0.1), rgba(244,114,182,0.08));
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.schedule-hero-copy[b-h5sm8qvu89] {
    min-width: 0;
}

.schedule-eyebrow[b-h5sm8qvu89] {
    color: #0f766e;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.schedule-hero h1[b-h5sm8qvu89] {
    margin: 0.15rem 0;
    font-size: 1.55rem;
    font-weight: 900;
    line-height: 1.1;
}

.schedule-hero p[b-h5sm8qvu89] {
    margin: 0;
    color: #64748b;
    font-size: 0.95rem;
}

.schedule-controls[b-h5sm8qvu89] {
    display: grid;
    gap: 0.65rem;
}

.schedule-view-switch[b-h5sm8qvu89] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.25rem;
    padding: 0.25rem;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #f8fafc;
}

.view-switch-button[b-h5sm8qvu89] {
    min-height: 38px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #475569;
    font-weight: 900;
}

.view-switch-button.active[b-h5sm8qvu89] {
    background: #0f172a;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
}

.schedule-toolbar[b-h5sm8qvu89] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 40px auto;
    gap: 0.45rem;
    align-items: center;
}

.schedule-icon-button[b-h5sm8qvu89],
.schedule-today-button[b-h5sm8qvu89] {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #1f2937;
    min-height: 40px;
    padding: 0 0.7rem;
    font-weight: 850;
}

.schedule-icon-button[b-h5sm8qvu89] {
    width: 40px;
    padding: 0;
}

.schedule-month-input[b-h5sm8qvu89],
.schedule-year-input[b-h5sm8qvu89],
.schedule-input[b-h5sm8qvu89],
.schedule-select[b-h5sm8qvu89] {
    width: 100%;
    min-height: 40px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    padding: 0.52rem 0.65rem;
    font-weight: 650;
}

.schedule-status[b-h5sm8qvu89],
.schedule-error[b-h5sm8qvu89] {
    margin-top: 0.8rem;
    border-radius: 8px;
    padding: 0.72rem 0.85rem;
    font-weight: 760;
}

.schedule-status[b-h5sm8qvu89] {
    border: 1px solid #99f6e4;
    background: #ecfdf5;
    color: #047857;
}

.schedule-error[b-h5sm8qvu89] {
    border: 1px solid #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.schedule-workspace[b-h5sm8qvu89] {
    display: grid;
    gap: 0.85rem;
    margin-top: 0.85rem;
    align-items: start;
}

.calendar-surface[b-h5sm8qvu89],
.day-schedule-panel[b-h5sm8qvu89] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.calendar-surface[b-h5sm8qvu89] {
    padding: 0.65rem;
}

.weekday-row[b-h5sm8qvu89],
.calendar-grid[b-h5sm8qvu89] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.32rem;
}

.weekday-row[b-h5sm8qvu89] {
    margin-bottom: 0.35rem;
}

.weekday-row div[b-h5sm8qvu89] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.calendar-grid.week-grid[b-h5sm8qvu89] {
    grid-template-columns: 1fr;
}

.calendar-cell[b-h5sm8qvu89] {
    position: relative;
    display: grid;
    align-content: space-between;
    min-height: 74px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    padding: 0.45rem;
    text-align: left;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.calendar-cell:hover[b-h5sm8qvu89],
.calendar-cell:focus-visible[b-h5sm8qvu89] {
    border-color: #93c5fd;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.13);
    transform: translateY(-1px);
    outline: none;
}

.calendar-cell.outside-month[b-h5sm8qvu89] {
    background: #f8fafc;
    color: #94a3b8;
}

.calendar-cell.selected[b-h5sm8qvu89] {
    border-color: #2563eb;
    box-shadow: inset 0 0 0 2px rgba(37, 99, 235, 0.18), 0 12px 28px rgba(37, 99, 235, 0.14);
}

.calendar-cell.today .calendar-day-number[b-h5sm8qvu89],
.calendar-cell.today .calendar-day-name[b-h5sm8qvu89] {
    color: #0f766e;
}

.calendar-cell.has-count[b-h5sm8qvu89] {
    background: linear-gradient(180deg, #ffffff, #f0fdfa);
}

.calendar-cell.week-cell[b-h5sm8qvu89] {
    grid-template-columns: 3.2rem minmax(0, 1fr) auto;
    align-items: center;
    min-height: 58px;
}

.calendar-cell.week-cell .calendar-empty-mark[b-h5sm8qvu89],
.calendar-cell.week-cell .calendar-count-pill[b-h5sm8qvu89] {
    justify-self: end;
}

.calendar-day-name[b-h5sm8qvu89] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.calendar-day-number[b-h5sm8qvu89] {
    font-size: 1.05rem;
    font-weight: 950;
}

.calendar-count-pill[b-h5sm8qvu89] {
    align-self: end;
    justify-self: start;
    min-width: 34px;
    border-radius: 8px;
    background: #0f766e;
    color: #ffffff;
    padding: 0.22rem 0.5rem;
    font-size: 0.9rem;
    font-weight: 950;
    text-align: center;
}

.calendar-empty-mark[b-h5sm8qvu89] {
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 850;
}

.year-grid[b-h5sm8qvu89] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.year-month-cell[b-h5sm8qvu89] {
    display: grid;
    gap: 0.25rem;
    min-height: 106px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    padding: 0.72rem;
    text-align: left;
}

.year-month-cell.current[b-h5sm8qvu89] {
    border-color: #99f6e4;
}

.year-month-cell.selected[b-h5sm8qvu89] {
    border-color: #2563eb;
    box-shadow: inset 0 0 0 2px rgba(37, 99, 235, 0.16);
}

.year-month-cell.has-count[b-h5sm8qvu89] {
    background: linear-gradient(180deg, #ffffff, #f0fdfa);
}

.year-month-name[b-h5sm8qvu89] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.year-month-count[b-h5sm8qvu89] {
    color: #0f172a;
    font-size: 1.9rem;
    font-weight: 950;
    line-height: 1;
}

.year-month-label[b-h5sm8qvu89] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
}

.day-schedule-panel[b-h5sm8qvu89] {
    padding: 0.8rem;
}

.day-panel-header[b-h5sm8qvu89] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #e5e7eb;
}

.day-panel-kicker[b-h5sm8qvu89] {
    color: #2563eb;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.day-panel-header h2[b-h5sm8qvu89] {
    margin: 0.1rem 0 0;
    font-size: 1.22rem;
    font-weight: 950;
}

.day-total[b-h5sm8qvu89] {
    min-width: 46px;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 0.38rem 0.6rem;
    font-size: 1.1rem;
    font-weight: 950;
    text-align: center;
}

.day-section[b-h5sm8qvu89] {
    padding: 0.9rem 0;
    border-bottom: 1px solid #eef2f7;
}

.day-section:last-child[b-h5sm8qvu89] {
    border-bottom: 0;
    padding-bottom: 0;
}

.day-section-title[b-h5sm8qvu89] {
    margin-bottom: 0.65rem;
    color: #111827;
    font-size: 0.9rem;
    font-weight: 950;
}

.scheduled-list[b-h5sm8qvu89],
.search-results[b-h5sm8qvu89] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.scheduled-row[b-h5sm8qvu89],
.search-result-row[b-h5sm8qvu89] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.65rem;
}

.scheduled-row.attended[b-h5sm8qvu89] {
    border-color: #99f6e4;
    background: #f0fdfa;
}

.scheduled-main[b-h5sm8qvu89] {
    min-width: 0;
    border: 0;
    background: transparent;
    text-align: left;
    padding: 0;
}

.scheduled-name[b-h5sm8qvu89] {
    display: block;
    color: #111827;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.scheduled-meta[b-h5sm8qvu89],
.schedule-muted[b-h5sm8qvu89] {
    color: #64748b;
    font-size: 0.8rem;
}

.attended-stamp[b-h5sm8qvu89] {
    display: block;
    margin-top: 0.15rem;
    color: #047857;
    font-size: 0.76rem;
    font-weight: 900;
}

.schedule-row-actions[b-h5sm8qvu89] {
    display: flex;
    align-items: center;
    gap: 0.32rem;
}

.tiny-icon-button[b-h5sm8qvu89] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    font-size: 0.95rem;
    font-weight: 950;
}

.attend-button[b-h5sm8qvu89] {
    border-color: #99f6e4;
    color: #047857;
}

.attend-button.active[b-h5sm8qvu89] {
    background: #0f766e;
    color: #ffffff;
}

.reschedule-button[b-h5sm8qvu89] {
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.remove-date-button[b-h5sm8qvu89] {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
    font-size: 1.25rem;
    line-height: 1;
}

.add-patient-button[b-h5sm8qvu89],
.create-add-button[b-h5sm8qvu89],
.schedule-preset-button[b-h5sm8qvu89],
.modal-primary-button[b-h5sm8qvu89],
.modal-secondary-button[b-h5sm8qvu89],
.modal-danger-button[b-h5sm8qvu89] {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    padding: 0.42rem 0.68rem;
    font-size: 0.82rem;
    font-weight: 850;
    white-space: nowrap;
}

.add-patient-button[b-h5sm8qvu89],
.create-add-button[b-h5sm8qvu89],
.modal-primary-button[b-h5sm8qvu89] {
    border-color: #99f6e4;
    background: #ecfdf5;
    color: #047857;
}

.add-patient-button:disabled[b-h5sm8qvu89] {
    border-color: #e5e7eb;
    background: #f8fafc;
    color: #94a3b8;
}

.create-add-button[b-h5sm8qvu89] {
    width: 100%;
    min-height: 42px;
    margin-top: 0.75rem;
}

.modal-danger-button[b-h5sm8qvu89] {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.schedule-pattern-grid[b-h5sm8qvu89],
.new-patient-grid[b-h5sm8qvu89],
.reschedule-grid[b-h5sm8qvu89] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
}

.schedule-label[b-h5sm8qvu89] {
    display: block;
    margin-bottom: 0.32rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 950;
}

.schedule-hint[b-h5sm8qvu89] {
    margin-top: 0.62rem;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.35;
}

.schedule-weekday-picker[b-h5sm8qvu89] {
    margin-top: 0.72rem;
    padding: 0.72rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #f8fbff;
}

.schedule-preset-row[b-h5sm8qvu89] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin-bottom: 0.62rem;
}

.schedule-preset-button[b-h5sm8qvu89] {
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.schedule-day-grid[b-h5sm8qvu89] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.34rem;
}

.schedule-day-toggle[b-h5sm8qvu89] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #374151;
    cursor: pointer;
    font-size: 0.74rem;
    font-weight: 950;
}

.schedule-day-toggle input[b-h5sm8qvu89] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.schedule-day-toggle.selected[b-h5sm8qvu89] {
    border-color: #2563eb;
    background: #dbeafe;
    color: #1d4ed8;
}

.empty-day[b-h5sm8qvu89] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 0.85rem;
    background: #f8fafc;
}

.empty-day-title[b-h5sm8qvu89] {
    color: #111827;
    font-weight: 950;
}

.schedule-modal-backdrop[b-h5sm8qvu89] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.46);
    backdrop-filter: blur(7px);
}

.schedule-modal-card[b-h5sm8qvu89] {
    width: min(100%, 560px);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 8px;
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.26);
}

.schedule-modal-card.compact[b-h5sm8qvu89] {
    width: min(100%, 420px);
}

.modal-kicker[b-h5sm8qvu89] {
    color: #0f766e;
    font-size: 0.74rem;
    font-weight: 950;
    text-transform: uppercase;
}

.schedule-modal-card h2[b-h5sm8qvu89] {
    margin: 0.12rem 0 0.45rem;
    color: #111827;
    font-size: 1.25rem;
    font-weight: 950;
}

.schedule-modal-card p[b-h5sm8qvu89] {
    margin: 0 0 0.8rem;
    color: #64748b;
}

.schedule-modal-actions[b-h5sm8qvu89] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

@media (min-width: 640px) {
    .my-schedule-shell[b-h5sm8qvu89] {
        padding: 16px;
    }

    .schedule-hero h1[b-h5sm8qvu89] {
        font-size: 1.85rem;
    }

    .calendar-surface[b-h5sm8qvu89] {
        padding: 0.9rem;
    }

    .calendar-grid.week-grid[b-h5sm8qvu89] {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .calendar-cell.week-cell[b-h5sm8qvu89] {
        display: grid;
        grid-template-columns: 1fr;
        min-height: 112px;
    }

    .calendar-cell.week-cell .calendar-empty-mark[b-h5sm8qvu89],
    .calendar-cell.week-cell .calendar-count-pill[b-h5sm8qvu89] {
        justify-self: start;
    }

    .year-grid[b-h5sm8qvu89] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .schedule-pattern-grid[b-h5sm8qvu89],
    .reschedule-grid[b-h5sm8qvu89] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .schedule-day-grid[b-h5sm8qvu89] {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    .schedule-hero[b-h5sm8qvu89] {
        grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
        align-items: end;
        padding: 1.15rem;
    }

    .schedule-workspace[b-h5sm8qvu89] {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 430px);
        gap: 1rem;
        margin-top: 1rem;
    }

    .day-schedule-panel[b-h5sm8qvu89] {
        position: sticky;
        top: 1rem;
        max-height: calc(100vh - 2rem);
        overflow-y: auto;
        padding: 1rem;
    }

    .year-grid[b-h5sm8qvu89] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .calendar-cell[b-h5sm8qvu89] {
        min-height: 112px;
        padding: 0.65rem;
    }
}

@media (max-width: 430px) {
    .schedule-toolbar[b-h5sm8qvu89] {
        grid-template-columns: 38px minmax(0, 1fr) 38px;
    }

    .schedule-today-button[b-h5sm8qvu89] {
        grid-column: 1 / -1;
    }

    .scheduled-row[b-h5sm8qvu89],
    .search-result-row[b-h5sm8qvu89] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .schedule-row-actions[b-h5sm8qvu89] {
        justify-content: flex-end;
    }
}
/* /Pages/MyStuff/MyBilling.razor.rz.scp.css */
.billing-page[b-sdeqnbwwrq] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.billing-header h3[b-sdeqnbwwrq] {
    margin-bottom: 4px;
}

.billing-day-card[b-sdeqnbwwrq] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.billing-day-header[b-sdeqnbwwrq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.billing-table th[b-sdeqnbwwrq] {
    font-size: 0.9rem;
    color: #495057;
    white-space: nowrap;
}

.billing-table td[b-sdeqnbwwrq] {
    vertical-align: middle;
}

.code-pill[b-sdeqnbwwrq] {
    display: inline-block;
    margin: 2px 6px 2px 0;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}

.cpt-pill[b-sdeqnbwwrq] {
    background: #e7f1ff;
    color: #0d6efd;
}

.icd-pill[b-sdeqnbwwrq] {
    background: #f3e8ff;
    color: #7e22ce;
}

.status-badge[b-sdeqnbwwrq] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.status-uploaded[b-sdeqnbwwrq] {
    background: #e8fff1;
    color: #198754;
}

.status-pending[b-sdeqnbwwrq] {
    background: #fff4e5;
    color: #b45309;
}
/* /Pages/MyStuff/MyNotes.razor.rz.scp.css */
.notes-page[b-p56z8ayj61] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.notes-header h3[b-p56z8ayj61] {
    margin-bottom: 4px;
}

.notes-toolbar[b-p56z8ayj61] {
    display: flex;
    justify-content: flex-start;
}

.notes-search[b-p56z8ayj61] {
    max-width: 420px;
}

.notes-day-card[b-p56z8ayj61] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.notes-day-header[b-p56z8ayj61] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.notes-table th[b-p56z8ayj61] {
    font-size: 0.9rem;
    color: #495057;
    white-space: nowrap;
}

.note-status[b-p56z8ayj61] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.note-status-uploaded[b-p56z8ayj61] {
    background: #e8fff1;
    color: #198754;
}

.note-status-draft[b-p56z8ayj61] {
    background: #fff4e5;
    color: #b45309;
}
/* /Pages/MyStuff/PatientNoteViewer.razor.rz.scp.css */
.note-viewer-page[b-q0j82ja8o4] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.note-viewer-toolbar[b-q0j82ja8o4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.mock-note-card[b-q0j82ja8o4] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.mock-note-header[b-q0j82ja8o4] {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ececec;
}

.mock-note-title-row[b-q0j82ja8o4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.mock-note-status[b-q0j82ja8o4] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: #e8fff1;
    color: #198754;
    font-size: 0.82rem;
    font-weight: 600;
}

.patient-banner[b-q0j82ja8o4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px 18px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    padding: 14px 16px;
}

.mock-note-body[b-q0j82ja8o4] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.note-section h6[b-q0j82ja8o4] {
    font-weight: 700;
    margin-bottom: 8px;
    color: #1f2937;
}

.note-section p[b-q0j82ja8o4] {
    margin-bottom: 0;
    line-height: 1.65;
    color: #374151;
}

.note-section ul[b-q0j82ja8o4] {
    margin-bottom: 0;
    padding-left: 20px;
    color: #374151;
}

.billing-footer-grid[b-q0j82ja8o4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px 18px;
}
/* /Pages/PatientList.razor.rz.scp.css */
.patient-list-shell[b-dmobjotoo8] {
    max-width: 1180px;
    padding: 12px;
}

.delete-modal-backdrop[b-dmobjotoo8] {
    position: fixed;
    inset: 0;
    background: rgba(10, 14, 30, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    backdrop-filter: blur(6px);
}

.delete-modal-panel[b-dmobjotoo8] {
    width: min(520px, 92vw);
    border-radius: 20px;
    padding: 1.25rem;
    background: linear-gradient(180deg, rgba(70, 12, 24, 0.96), rgba(32, 10, 18, 0.96));
    border: 1px solid rgba(255, 120, 140, 0.22);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35), 0 0 24px rgba(255, 90, 120, 0.18);
    color: #fff;
}

.delete-modal-header[b-dmobjotoo8] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.delete-modal-icon[b-dmobjotoo8] {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #ff5f7a, #d93654);
    color: #fff;
    box-shadow: 0 0 10px rgba(255, 105, 135, 0.35);
    font-size: 1.1rem;
}

.delete-modal-title[b-dmobjotoo8] {
    font-size: 1.15rem;
    font-weight: 700;
}

.delete-modal-subtitle[b-dmobjotoo8] {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.72);
}

.delete-modal-body[b-dmobjotoo8] {
    font-size: 0.96rem;
    line-height: 1.5;
    color: rgba(255,255,255,0.92);
    margin-bottom: 1.25rem;
}

.delete-modal-actions[b-dmobjotoo8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.patient-card-section[b-dmobjotoo8] {
    margin-top: 1rem;
}

.patient-section-header[b-dmobjotoo8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.patient-section-title[b-dmobjotoo8] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
}

.patient-section-subtitle[b-dmobjotoo8] {
    font-size: 0.9rem;
    color: #6b7280;
}

.patient-card-grid[b-dmobjotoo8] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.patient-tile[b-dmobjotoo8] {
    border-radius: 24px;
    padding: 18px 20px;
    box-shadow: 0 4px 18px rgba(15,23,42,0.05);
    transition: all 0.2s ease;
}

    .patient-tile:nth-child(odd)[b-dmobjotoo8] {
        background: #f4f0ff;
        border: 1px solid #e4dcff;
    }

    .patient-tile:nth-child(even)[b-dmobjotoo8] {
        background: #eef5ff;
        border: 1px solid #dce8ff;
    }

    .patient-tile:hover[b-dmobjotoo8] {
        transform: translateY(-2px);
        box-shadow: 0 10px 28px rgba(80,70,140,0.10);
    }

.patient-open-area[b-dmobjotoo8] {
    width: 100%;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0;
    cursor: pointer;
    margin-bottom: 12px;
}

.patient-avatar[b-dmobjotoo8] {
    width: 100%;
    height: 58px;
    border-radius: 18px;
    background: transparent;
    color: #4b35c8;
    font-weight: 800;
    font-size: 1.45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.patient-info[b-dmobjotoo8] {
    flex: 1;
    padding-left: 14px;
}

.patient-name[b-dmobjotoo8] {
    font-size: 1.28rem;
    font-weight: 800;
    color: #4b35c8;
}

.patient-meta[b-dmobjotoo8] {
    font-size: 0.9rem;
    color: #6b7280;
    margin-top: 4px;
}

.patient-chevron[b-dmobjotoo8] {
    color: #6b7280;
    font-size: 1.2rem;
}

.workflow-row[b-dmobjotoo8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.workflow-btn[b-dmobjotoo8] {
    border: none;
    border-radius: 14px;
    padding: 10px 12px;
    min-height: 44px;
    font-size: 0.82rem;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.18s ease;
    white-space: nowrap;
}

    .workflow-btn i[b-dmobjotoo8] {
        font-size: 1.25rem;
    }

.workflow-primary[b-dmobjotoo8] {
    background: linear-gradient(135deg, #6d5dfc, #7c3aed);
    color: white;
}

.workflow-blue[b-dmobjotoo8] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1d4ed8;
}

.workflow-orange[b-dmobjotoo8] {
    background: linear-gradient(135deg, #ffedd5, #fed7aa);
    color: #c2410c;
}

.patient-secondary-actions[b-dmobjotoo8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.mini-action[b-dmobjotoo8] {
    border: 1px solid #e5e7eb;
    background: rgba(255,255,255,0.72);
    color: #374151;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 0.82rem;
    font-weight: 600;
    backdrop-filter: blur(4px);
}

    .mini-action.danger[b-dmobjotoo8] {
        color: #dc2626;
        background: #fff1f2;
        border-color: #fecdd3;
    }

    .mini-action.schedule-action[b-dmobjotoo8] {
        color: #2563eb;
        background: #eff6ff;
        border-color: #bfdbfe;
    }

    .mini-action.schedule-action.scheduled[b-dmobjotoo8] {
        color: #047857;
        background: #ecfdf5;
        border-color: #a7f3d0;
    }

.empty-patient-state[b-dmobjotoo8] {
    border: 1px dashed #c7d2fe;
    border-radius: 26px;
    padding: 32px 10px;
    text-align: center;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.empty-icon[b-dmobjotoo8] {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    border: 0;
    background: #ede9fe;
    color: #5b3fd6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    margin-bottom: 14px;
}

.empty-icon-button[b-dmobjotoo8] {
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

    .empty-icon-button:hover[b-dmobjotoo8],
    .empty-icon-button:focus-visible[b-dmobjotoo8] {
        background: #ddd6fe;
        box-shadow: 0 14px 28px rgba(91, 63, 214, 0.18);
        transform: translateY(-2px);
    }

    .empty-icon-button:focus-visible[b-dmobjotoo8] {
        outline: 3px solid rgba(91, 63, 214, 0.28);
        outline-offset: 3px;
    }

.empty-title[b-dmobjotoo8] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #111827;
}

.empty-text[b-dmobjotoo8] {
    color: #6b7280;
    max-width: 420px;
    margin: 6px auto 10px;
}

.workflow-btn:hover[b-dmobjotoo8] {
    transform: translateY(-2px);
}

@media (max-width: 768px) {

    .patient-tile[b-dmobjotoo8] {
        padding: 14px;
        border-radius: 20px;
    }

    .workflow-row[b-dmobjotoo8] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .workflow-btn[b-dmobjotoo8] {
        min-height: 48px;
        font-size: 0.8rem;
    }

        .workflow-btn i[b-dmobjotoo8] {
            font-size: 0.92rem;
        }

    .patient-avatar[b-dmobjotoo8] {
        height: 48px;
        font-size: 1.05rem;
    }

    .patient-name[b-dmobjotoo8] {
        font-size: 1rem;
    }

    .patient-meta[b-dmobjotoo8] {
        font-size: 0.82rem;
    }
}

.schedule-modal-backdrop[b-dmobjotoo8] {
    position: fixed;
    inset: 0;
    z-index: 2600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(5px);
}

.schedule-modal-panel[b-dmobjotoo8] {
    width: min(680px, 94vw);
    max-height: min(780px, 92vh);
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    padding: 1.25rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.28);
}

.schedule-modal-header[b-dmobjotoo8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.schedule-modal-title[b-dmobjotoo8] {
    color: #111827;
    font-size: 1.15rem;
    font-weight: 800;
}

.schedule-modal-subtitle[b-dmobjotoo8] {
    color: #6b7280;
    font-size: 0.9rem;
}

.schedule-repeat-hint[b-dmobjotoo8] {
    margin-top: 0.4rem;
    color: #64748b;
    font-size: 0.84rem;
    line-height: 1.35;
}

.schedule-weekday-picker[b-dmobjotoo8] {
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #f8fbff;
}

.schedule-picker-label[b-dmobjotoo8] {
    margin-bottom: 0.65rem;
    color: #1f2937;
    font-size: 0.9rem;
    font-weight: 800;
}

.schedule-preset-row[b-dmobjotoo8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.schedule-preset-button[b-dmobjotoo8] {
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #ffffff;
    color: #1d4ed8;
    padding: 0.38rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 700;
}

.schedule-day-grid[b-dmobjotoo8] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
}

.schedule-day-toggle[b-dmobjotoo8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    background: #ffffff;
    color: #374151;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 800;
    user-select: none;
}

.schedule-day-toggle input[b-dmobjotoo8] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.schedule-day-toggle.selected[b-dmobjotoo8] {
    border-color: #2563eb;
    background: #dbeafe;
    color: #1d4ed8;
}

.schedule-modal-actions[b-dmobjotoo8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.active-schedule-rules[b-dmobjotoo8] {
    margin-top: 1.25rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #f8fafc;
}

.active-schedule-title[b-dmobjotoo8] {
    margin-bottom: 0.65rem;
    color: #374151;
    font-weight: 800;
}

.active-schedule-rule[b-dmobjotoo8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0;
    border-top: 1px solid #e5e7eb;
}

.active-schedule-rule:first-of-type[b-dmobjotoo8] {
    border-top: 0;
}

@media (max-width: 640px) {
    .schedule-modal-actions[b-dmobjotoo8],
    .active-schedule-rule[b-dmobjotoo8] {
        align-items: stretch;
        flex-direction: column;
    }

    .schedule-day-grid[b-dmobjotoo8] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Pages/PatientPocqi.razor.rz.scp.css */
.patient-pocqi-shell[b-8jnlm88p0c] {
    max-width: 1150px;
    padding: 4px 4px 88px;
}

.demo-patient-banner[b-8jnlm88p0c] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 42%),
        linear-gradient(120deg, #0f766e 0%, #0e7490 52%, #6d28d9 100%);
    color: white;
    border-radius: 18px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16);
}

.demo-patient-left[b-8jnlm88p0c] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.demo-avatar[b-8jnlm88p0c] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.demo-patient-name[b-8jnlm88p0c] {
    font-size: 1.18rem;
    font-weight: 800;
    line-height: 1.2;
}

.demo-patient-meta[b-8jnlm88p0c] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 0.86rem;
    opacity: 0.95;
}

.demo-patient-right[b-8jnlm88p0c] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}

.demo-note-badge[b-8jnlm88p0c] {
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.26);
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.pocqi-title-row[b-8jnlm88p0c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 14px;
}

.pocqi-title-row h3[b-8jnlm88p0c] {
    font-size: 1.28rem;
    font-weight: 800;
    color: #132238;
}

.pocqi-title-copy[b-8jnlm88p0c] {
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.35;
}

.pocqi-title-actions[b-8jnlm88p0c] {
    display: none;
}

.demo-card[b-8jnlm88p0c] {
    background: #ffffff;
    border: 1px solid #dce6f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

.demo-card-header[b-8jnlm88p0c] {
    background: #f8fbff;
    border-bottom: 1px solid #e5edf5;
    padding: 14px 16px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.demo-card-body[b-8jnlm88p0c] {
    padding: 16px;
}

.demo-summary-card[b-8jnlm88p0c] {
    border-color: #e9d5ff;
}

.summary-header[b-8jnlm88p0c] {
    background: linear-gradient(90deg, #fcf7ff, #f6fbff);
    color: #6b21a8;
}

.hpi-header[b-8jnlm88p0c] {
    background: linear-gradient(90deg, #f0fdfa, #f4f9ff);
    color: #0f3f67;
}

.pocqi-card-kicker[b-8jnlm88p0c] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 2px;
}

.summary-header .pocqi-card-kicker[b-8jnlm88p0c] {
    color: #7e22ce;
}

.pocqi-helper-text[b-8jnlm88p0c] {
    color: #475569;
    font-size: 0.92rem;
    line-height: 1.4;
    margin-bottom: 12px;
}

.demo-richtext[b-8jnlm88p0c] {
    white-space: pre-wrap;
    line-height: 1.65;
}

.demo-note-box[b-8jnlm88p0c] {
    white-space: pre-wrap;
    line-height: 1.6;
    border: 1px solid #d9e6f2;
    background: linear-gradient(180deg, #fbfdff, #ffffff);
    border-radius: 12px;
    padding: 14px;
    min-height: 180px;
    max-height: 55vh;
    overflow: auto;
}

.demo-textarea-xl[b-8jnlm88p0c] {
    min-height: 260px;
    resize: none;
    overflow-y: hidden;
    border-color: #cbdbea;
    border-radius: 14px;
    line-height: 1.55;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

.demo-textarea-xl:focus[b-8jnlm88p0c] {
    border-color: #0e7490;
    box-shadow: 0 0 0 0.2rem rgba(14, 116, 144, 0.14);
}

.demo-footer-nav[b-8jnlm88p0c] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: 18px;
    gap: 10px;
}

.pocqi-loading[b-8jnlm88p0c] {
    display: inline-flex;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 10px 14px;
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

.pocqi-phi-alert[b-8jnlm88p0c] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pocqi-phi-alert .btn[b-8jnlm88p0c] {
    align-self: flex-start;
}

.pocqi-mobile-action-bar[b-8jnlm88p0c] {
    position: sticky;
    bottom: 0;
    z-index: 1050;
    display: flex;
    gap: 10px;
    padding: 12px 4px 4px;
    margin-top: 14px;
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid #dbe3ec;
    box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(10px);
}

.pocqi-mobile-action-bar .btn[b-8jnlm88p0c] {
    flex: 1 1 0;
}

.btn i[b-8jnlm88p0c] {
    margin-right: 6px;
}

@media (min-width: 769px) {
    .patient-pocqi-shell[b-8jnlm88p0c] {
        padding: 6px;
    }

    .demo-patient-banner[b-8jnlm88p0c] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 18px 20px;
        margin-bottom: 18px;
    }

    .demo-patient-right[b-8jnlm88p0c] {
        justify-content: flex-end;
        width: auto;
    }

    .pocqi-title-row[b-8jnlm88p0c] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 18px;
        margin-bottom: 16px;
    }

    .pocqi-title-row h3[b-8jnlm88p0c] {
        font-size: 1.45rem;
    }

    .pocqi-title-actions[b-8jnlm88p0c] {
        display: flex;
        gap: 10px;
        justify-content: flex-end;
    }

    .pocqi-phi-alert[b-8jnlm88p0c] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .demo-card-header[b-8jnlm88p0c] {
        padding: 14px 18px;
    }

    .demo-card-body[b-8jnlm88p0c] {
        padding: 18px;
    }

    .demo-note-box[b-8jnlm88p0c] {
        min-height: 220px;
    }

    .demo-textarea-xl[b-8jnlm88p0c] {
        min-height: 300px;
    }

    .demo-footer-nav[b-8jnlm88p0c] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .pocqi-mobile-action-bar[b-8jnlm88p0c] {
        display: none;
    }
}
/* /Pages/Review.razor.rz.scp.css */
.review-page-shell[b-or15gpo3de] {
    padding: 1rem;
}

.review-header-card[b-or15gpo3de] {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
}

.review-disclaimer-banner[b-or15gpo3de] {
    background: #fff7d6;
    border: 1px solid #d9a441;
    color: #3f2f06;
    border-radius: 8px;
    padding: 0.75rem 0.9rem;
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 1.25rem;
}

    .review-disclaimer-banner strong[b-or15gpo3de] {
        color: #1f2937;
    }

.review-patient-bar[b-or15gpo3de] {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.review-tabs-row[b-or15gpo3de] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.review-tab-pill[b-or15gpo3de] {
    border: 1px solid #b8c2d6;
    background: #eef3fb;
    color: #334155;
    font-weight: 700;
    border-radius: 999px;
    padding: 0.55rem 0.9rem;
    opacity: 1;
    cursor: pointer;
}

    .review-tab-pill:hover[b-or15gpo3de] {
        background: #dbeafe;
        border-color: #2563eb;
        color: #0f172a;
    }

    .review-tab-pill.active[b-or15gpo3de] {
        background: #07847f;
        border-color: #07847f;
        color: #ffffff;
        box-shadow: 0 8px 18px rgba(7, 132, 127, 0.22);
    }


.review-tab-panel[b-or15gpo3de] {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 1rem;
}

.review-card[b-or15gpo3de] {
    padding: 0.25rem;
}

.review-textarea[b-or15gpo3de] {
    min-height: 240px;
    resize: vertical;
}

.review-result-card[b-or15gpo3de] {
    margin-top: 1rem;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    background: rgba(255,255,255,0.03);
    padding: 1rem;
}

.review-result-disclaimer[b-or15gpo3de] {
    background: rgba(255, 196, 0, 0.10);
    border: 1px solid rgba(255, 196, 0, 0.25);
    border-radius: 10px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.92rem;
}

.review-result-body[b-or15gpo3de] {
    white-space: pre-wrap;
    line-height: 1.6;
}

[b-or15gpo3de] .review-image-preview {
    max-width: 320px;
    max-height: 260px;
    border: 1px solid #d8e2ec;
    border-radius: 10px;
    object-fit: contain;
    background: #fff;
    padding: 6px;
}

[b-or15gpo3de] .review-image-result-preview {
    max-width: 420px;
    max-height: 340px;
}

[b-or15gpo3de] .review-result-body {
    white-space: pre-wrap;
    line-height: 1.6;
}

.analyzer-hub-shell[b-or15gpo3de] {
    min-height: calc(100vh - 2rem);
    padding: 1rem;
    color: #0f172a;
}

.analyzer-hub-hero[b-or15gpo3de] {
    border-radius: 8px;
    padding: 1.1rem 1rem;
    margin-bottom: 1rem;
    color: #ffffff;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.94), rgba(20, 184, 166, 0.94));
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.18);
}

.analyzer-hub-kicker[b-or15gpo3de] {
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
    opacity: 0.86;
    margin-bottom: 0.35rem;
}

.analyzer-hub-hero h1[b-or15gpo3de] {
    margin: 0;
    font-size: clamp(1.65rem, 2.6vw, 2.35rem);
    line-height: 1.1;
    font-weight: 850;
}

.analyzer-hub-hero h3[b-or15gpo3de] {
    max-width: 680px;
    margin: 0.55rem 0 0;
    color: #ffffff;
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 750;
}

.analyzer-hub-hero p[b-or15gpo3de] {
    max-width: 680px;
    margin: 0.6rem 0 0;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.5;
}

.analyzer-grid[b-or15gpo3de] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.analyzer-card[b-or15gpo3de] {
    min-height: 116px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem;
    color: #111827;
    text-decoration: none;
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
}

    .analyzer-card:hover[b-or15gpo3de],
    .analyzer-card:focus[b-or15gpo3de] {
        color: #0f172a;
        text-decoration: none;
        border-color: rgba(14, 165, 233, 0.32);
        box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
        transform: translateY(-1px);
    }

.analyzer-card-primary[b-or15gpo3de] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
    background: linear-gradient(135deg, #0f172a, #155e75);
}

    .analyzer-card-primary:hover[b-or15gpo3de],
    .analyzer-card-primary:focus[b-or15gpo3de] {
        color: #ffffff;
    }

.analyzer-card-wide[b-or15gpo3de] {
    grid-column: 1 / -1;
}

.analyzer-card-icon[b-or15gpo3de],
.review-work-icon[b-or15gpo3de] {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #ffffff;
    background: linear-gradient(135deg, #0ea5e9, #14b8a6);
    box-shadow: 0 8px 18px rgba(14, 165, 233, 0.22);
}

.analyzer-card-primary .analyzer-card-icon[b-or15gpo3de] {
    color: #155e75;
    background: #ffffff;
}

.analyzer-card-body[b-or15gpo3de] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.analyzer-card-title[b-or15gpo3de] {
    font-size: 1rem;
    font-weight: 850;
}

.analyzer-card-copy[b-or15gpo3de] {
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.35;
}

.analyzer-card-primary .analyzer-card-copy[b-or15gpo3de] {
    color: rgba(255, 255, 255, 0.78);
}

.analyzer-card-arrow[b-or15gpo3de] {
    color: #0ea5e9;
}

.analyzer-card-primary .analyzer-card-arrow[b-or15gpo3de] {
    color: #ffffff;
}

.review-work-header[b-or15gpo3de] {
    display: grid;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.review-back-link[b-or15gpo3de] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #0f766e;
    font-weight: 800;
    text-decoration: none;
}

    .review-back-link:hover[b-or15gpo3de],
    .review-back-link:focus[b-or15gpo3de] {
        color: #115e59;
        text-decoration: none;
    }

.review-work-title-row[b-or15gpo3de] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

    .review-work-title-row h1[b-or15gpo3de] {
        margin: 0;
        font-size: clamp(1.35rem, 2.2vw, 1.9rem);
        line-height: 1.1;
        color: #111827;
    }

    .review-work-title-row p[b-or15gpo3de] {
        margin: 0.28rem 0 0;
        color: #64748b;
        line-height: 1.4;
    }

.review-fine-print[b-or15gpo3de] {
    margin: 0.75rem 0 0;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.35;
}

.review-empty-state[b-or15gpo3de] {
    padding: 1rem;
    text-align: center;
}

@media (max-width: 767.98px) {
    .review-page-shell[b-or15gpo3de],
    .analyzer-hub-shell[b-or15gpo3de] {
        width: 100%;
        max-width: 100%;
        min-height: calc(100dvh - 64px);
        padding: 0;
        overflow-x: hidden;
    }

    .analyzer-hub-hero[b-or15gpo3de] {
        padding: 1rem;
        margin-bottom: 0.75rem;
    }

    .analyzer-hub-hero h1[b-or15gpo3de] {
        font-size: 1.7rem;
    }

    .analyzer-hub-hero h3[b-or15gpo3de] {
        font-size: 1rem;
    }

    .analyzer-hub-hero p[b-or15gpo3de] {
        font-size: 0.92rem;
    }

    .analyzer-grid[b-or15gpo3de] {
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }

    .analyzer-card[b-or15gpo3de] {
        min-height: 96px;
        grid-template-columns: 2.55rem minmax(0, 1fr) 1.4rem;
        gap: 0.7rem;
        padding: 0.85rem;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
    }

    .analyzer-card-icon[b-or15gpo3de],
    .review-work-icon[b-or15gpo3de] {
        width: 2.45rem;
        height: 2.45rem;
        flex: 0 0 2.45rem;
    }

    .analyzer-card-title[b-or15gpo3de] {
        font-size: 0.98rem;
    }

    .analyzer-card-copy[b-or15gpo3de] {
        font-size: 0.84rem;
        line-height: 1.3;
    }

    .analyzer-card-arrow[b-or15gpo3de] {
        justify-self: end;
    }

    .review-tab-panel[b-or15gpo3de] {
        padding: 0.75rem;
    }

    .review-work-title-row[b-or15gpo3de] {
        align-items: flex-start;
    }
}

@media (max-width: 390px) {
    .analyzer-card[b-or15gpo3de] {
        grid-template-columns: 2.35rem minmax(0, 1fr) 1.2rem;
        padding: 0.75rem;
    }

    .analyzer-card-icon[b-or15gpo3de],
    .review-work-icon[b-or15gpo3de] {
        width: 2.25rem;
        height: 2.25rem;
        flex-basis: 2.25rem;
    }
}
/* /Pages/ReviewAnalyzer.razor.rz.scp.css */
.review-page-shell[b-1t5yjx8rv4] {
    padding: 1rem;
}

.review-work-header[b-1t5yjx8rv4] {
    display: grid;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.review-back-link[b-1t5yjx8rv4] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #0f766e;
    font-weight: 800;
    text-decoration: none;
}

.review-back-link:hover[b-1t5yjx8rv4],
.review-back-link:focus[b-1t5yjx8rv4] {
    color: #115e59;
    text-decoration: none;
}

.review-work-title-row[b-1t5yjx8rv4] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.review-work-icon[b-1t5yjx8rv4] {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #ffffff;
    background: linear-gradient(135deg, #0ea5e9, #14b8a6);
    box-shadow: 0 8px 18px rgba(14, 165, 233, 0.22);
    flex: 0 0 2.6rem;
}

.review-work-title-row h1[b-1t5yjx8rv4] {
    margin: 0;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    line-height: 1.1;
    color: #111827;
}

.review-work-title-row p[b-1t5yjx8rv4] {
    margin: 0.28rem 0 0;
    color: #64748b;
    line-height: 1.4;
}

.review-tab-panel[b-1t5yjx8rv4] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    padding: 1rem;
}

.review-empty-state[b-1t5yjx8rv4] {
    padding: 1rem;
    text-align: center;
}

.review-fine-print[b-1t5yjx8rv4] {
    margin: 0.75rem 0 0;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.35;
}

[b-1t5yjx8rv4] .review-card {
    padding: 0.25rem;
}

[b-1t5yjx8rv4] .review-textarea {
    min-height: 240px;
    resize: vertical;
}

[b-1t5yjx8rv4] .review-result-card {
    margin-top: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    padding: 1rem;
}

[b-1t5yjx8rv4] .review-result-disclaimer {
    margin-top: 0.85rem;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.35;
}

[b-1t5yjx8rv4] .review-result-body {
    white-space: pre-wrap;
    line-height: 1.6;
}

[b-1t5yjx8rv4] .review-image-preview {
    max-width: 320px;
    max-height: 260px;
    border: 1px solid #d8e2ec;
    border-radius: 8px;
    object-fit: contain;
    background: #fff;
    padding: 6px;
}

[b-1t5yjx8rv4] .review-image-result-preview {
    max-width: 420px;
    max-height: 340px;
}

@media (max-width: 767.98px) {
    .review-page-shell[b-1t5yjx8rv4] {
        padding: 0.75rem 0.35rem;
    }

    .review-tab-panel[b-1t5yjx8rv4] {
        padding: 0.75rem;
    }

    .review-work-title-row[b-1t5yjx8rv4] {
        align-items: flex-start;
    }

    [b-1t5yjx8rv4] .review-textarea {
        min-height: 280px;
    }
}
/* /Pages/ReviewHistory.razor.rz.scp.css */
.review-archive-shell[b-z1u9s1izj6] {
    max-width: 1380px;
    margin: 0 auto;
    padding: 1.25rem;
}

.review-archive-hero[b-z1u9s1izj6] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    background: linear-gradient(135deg, #071428, #123c7c);
    color: #fff;
    border-radius: 16px;
    padding: 1.25rem 1.4rem;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.22);
    margin-bottom: 1rem;
}

    .review-archive-hero h2[b-z1u9s1izj6] {
        margin: 0;
        font-weight: 800;
    }

    .review-archive-hero p[b-z1u9s1izj6] {
        margin: 0.35rem 0 0;
        color: rgba(255,255,255,0.78);
    }

.archive-kicker[b-z1u9s1izj6] {
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #93c5fd;
    margin-bottom: 0.2rem;
}

.archive-filter-bar[b-z1u9s1izj6] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(180px, 240px) auto;
    gap: 0.75rem;
    align-items: end;
    background: #fff;
    border: 1px solid #d8e0eb;
    border-radius: 14px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.archive-refresh[b-z1u9s1izj6] {
    height: 38px;
}

.archive-stat-row[b-z1u9s1izj6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.archive-stat[b-z1u9s1izj6] {
    background: #f8fafc;
    border: 1px solid #dbe4f0;
    border-radius: 12px;
    padding: 0.85rem 1rem;
}

    .archive-stat span[b-z1u9s1izj6] {
        display: block;
        color: #64748b;
        font-weight: 700;
        font-size: 0.82rem;
    }

    .archive-stat strong[b-z1u9s1izj6] {
        display: block;
        color: #0f172a;
        font-size: 1.45rem;
        line-height: 1.2;
    }

.archive-grid[b-z1u9s1izj6] {
    display: grid;
    grid-template-columns: 380px minmax(0, 1fr);
    gap: 1rem;
}

.archive-list[b-z1u9s1izj6],
.archive-detail[b-z1u9s1izj6] {
    background: #fff;
    border: 1px solid #d8e0eb;
    border-radius: 16px;
    padding: 0.8rem;
    min-height: 520px;
}

.archive-list[b-z1u9s1izj6] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-height: 75vh;
    overflow: auto;
}

.archive-list-item[b-z1u9s1izj6] {
    text-align: left;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 12px;
    padding: 0.85rem;
    color: #0f172a;
}

    .archive-list-item.active[b-z1u9s1izj6] {
        background: #eef6ff;
        border-color: #2563eb;
        box-shadow: 0 8px 22px rgba(37, 99, 235, 0.14);
    }

.archive-item-top[b-z1u9s1izj6] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.45rem;
}

.archive-type[b-z1u9s1izj6] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #0f766e;
    color: #fff;
    font-weight: 800;
    font-size: 0.76rem;
    padding: 0.28rem 0.55rem;
}

    .archive-type.large[b-z1u9s1izj6] {
        font-size: 0.8rem;
        margin-bottom: 0.45rem;
    }

.archive-date[b-z1u9s1izj6],
.archive-muted[b-z1u9s1izj6] {
    color: #64748b;
    font-size: 0.86rem;
}

.archive-patient[b-z1u9s1izj6] {
    font-weight: 800;
    margin-bottom: 0.35rem;
}

.archive-snippet[b-z1u9s1izj6] {
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.35;
}

.archive-detail[b-z1u9s1izj6] {
    padding: 1.1rem;
}

.archive-detail-header[b-z1u9s1izj6] {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

    .archive-detail-header h3[b-z1u9s1izj6] {
        margin: 0;
        font-weight: 800;
    }

.archive-image-strip[b-z1u9s1izj6] {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    padding-bottom: 0.7rem;
    margin-bottom: 1rem;
}

    .archive-image-strip img[b-z1u9s1izj6] {
        width: 220px;
        max-height: 220px;
        object-fit: cover;
        border-radius: 12px;
        border: 1px solid #dbe4f0;
        background: #fff;
    }

.archive-section[b-z1u9s1izj6] {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 0.85rem;
}

    .archive-section.primary[b-z1u9s1izj6] {
        background: #ffffff;
        border-color: #bfdbfe;
    }

.archive-section-title[b-z1u9s1izj6] {
    font-weight: 800;
    margin-bottom: 0.55rem;
    color: #111827;
}

.archive-text[b-z1u9s1izj6] {
    white-space: pre-wrap;
    color: #1f2937;
    line-height: 1.55;
}

.archive-loading[b-z1u9s1izj6],
.archive-empty[b-z1u9s1izj6] {
    background: #fff;
    border: 1px dashed #b6c3d6;
    border-radius: 16px;
    padding: 2rem;
    text-align: center;
}

.archive-empty-title[b-z1u9s1izj6] {
    font-weight: 800;
    font-size: 1.2rem;
    margin-bottom: 0.35rem;
}

@@media (max-width: 980px) {
    .review-archive-hero[b-z1u9s1izj6],
    .archive-filter-bar[b-z1u9s1izj6] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .archive-grid[b-z1u9s1izj6],
    .archive-stat-row[b-z1u9s1izj6] {
        grid-template-columns: 1fr;
    }
}

/* /Pages/Solid.razor.rz.scp.css */
.qedrn-page[b-c1li9ndgqa] {
    min-height: calc(100vh - 56px);
    padding: 36px 24px;
    background: radial-gradient(circle at top left, rgba(15, 108, 189, 0.12), transparent 34%), radial-gradient(circle at top right, rgba(46, 196, 182, 0.14), transparent 32%), linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.qedrn-hero[b-c1li9ndgqa] {
    max-width: 920px;
    margin: 0 auto 28px;
    text-align: center;
    padding: 34px 28px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(15, 108, 189, 0.12);
    box-shadow: 0 18px 45px rgba(15, 108, 189, 0.10);
}

.qedrn-badge[b-c1li9ndgqa] {
    display: inline-block;
    margin-bottom: 16px;
    padding: 7px 16px;
    border-radius: 999px;
    background: #e6f7fb;
    color: #0f6cbd;
    font-size: 14px;
    font-weight: 700;
}

.qedrn-hero h1[b-c1li9ndgqa] {
    margin: 0;
    font-size: clamp(32px, 4vw, 54px);
    font-weight: 850;
    line-height: 1.08;
    background: linear-gradient(90deg, #0F6CBD, #2EC4B6, #B4233C);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.qedrn-subtitle[b-c1li9ndgqa] {
    margin: 12px 0 4px;
    font-size: 20px;
    font-weight: 700;
    color: #1f2937;
}

.qedrn-powered[b-c1li9ndgqa] {
    margin: 0 0 16px;
    color: #6b7280;
    font-size: 15px;
}

.qedrn-description[b-c1li9ndgqa] {
    max-width: 680px;
    margin: 0 auto 24px;
    color: #4b5563;
    font-size: 17px;
    line-height: 1.6;
}

.qedrn-search-area[b-c1li9ndgqa] {
    max-width: 720px;
    margin: 0 auto;
    position: relative;
}

.qedrn-search-label[b-c1li9ndgqa] {
    display: block;
    text-align: left;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #374151;
}

.qedrn-search-wrap[b-c1li9ndgqa] {
    display: flex;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    box-shadow: 0 10px 26px rgba(15, 108, 189, 0.12);
}

.qedrn-search[b-c1li9ndgqa] {
    width: 100%;
    border: 0;
    outline: none;
    padding: 14px 16px;
    font-size: 16px;
    color: #111827;
    background: transparent;
}

    .qedrn-search[b-c1li9ndgqa]::placeholder {
        color: #9ca3af;
    }

.qedrn-dropdown[b-c1li9ndgqa] {
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 8px;
    padding: 8px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #dbeafe;
    box-shadow: 0 18px 42px rgba(17, 24, 39, 0.14);
    text-align: left;
    max-height: 320px;
    overflow-y: auto;
}

.qedrn-dropdown-item[b-c1li9ndgqa] {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 12px 14px;
    border-radius: 12px;
    text-align: left;
    font-size: 15px;
    font-weight: 650;
    color: #1f2937;
}

.qedrn-dropdown-title[b-c1li9ndgqa],
.qedrn-dropdown-meta[b-c1li9ndgqa] {
    display: block;
}

.qedrn-dropdown-meta[b-c1li9ndgqa] {
    margin-top: 3px;
    color: #6b7280;
    font-size: 12px;
    font-weight: 600;
}

    .qedrn-dropdown-item:hover[b-c1li9ndgqa] {
        background: #eff6ff;
        color: #0f6cbd;
    }

        .qedrn-dropdown-item:hover .qedrn-dropdown-meta[b-c1li9ndgqa] {
            color: #2563eb;
        }

.qedrn-no-results[b-c1li9ndgqa] {
    margin-top: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 14px;
    font-weight: 650;
    text-align: left;
}

.qedrn-output-grid[b-c1li9ndgqa] {
    max-width: 1100px;
    margin: 0 auto 28px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.qedrn-card[b-c1li9ndgqa] {
    min-height: 170px;
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.07);
}

.qedrn-letter[b-c1li9ndgqa] {
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: #eff6ff;
    color: #0f6cbd;
    font-size: 20px;
    font-weight: 900;
}

.qedrn-card h3[b-c1li9ndgqa] {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 800;
    color: #111827;
}

.qedrn-card p[b-c1li9ndgqa] {
    margin: 0;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.45;
}

.solid-catalog-status[b-c1li9ndgqa] {
    margin: 12px 0 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.qedrn-future-note[b-c1li9ndgqa] {
    max-width: 920px;
    margin: 0 auto;
    padding: 26px 30px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f5faff, #ffffff);
    border: 1px solid rgba(15, 108, 189, 0.14);
    box-shadow: 0 14px 36px rgba(15, 108, 189, 0.08);
}

    .qedrn-future-note h2[b-c1li9ndgqa] {
        margin: 0 0 12px;
        color: #111827;
        font-size: 24px;
        font-weight: 850;
    }

    .qedrn-future-note p[b-c1li9ndgqa] {
        margin: 0 0 12px;
        color: #4b5563;
        font-size: 16px;
        line-height: 1.65;
    }

        .qedrn-future-note p:last-child[b-c1li9ndgqa] {
            margin-bottom: 0;
        }

@media (max-width: 1000px) {
    .qedrn-output-grid[b-c1li9ndgqa] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .qedrn-page[b-c1li9ndgqa] {
        padding: 20px 14px;
    }

    .qedrn-hero[b-c1li9ndgqa] {
        padding: 26px 18px;
        border-radius: 22px;
    }

    .qedrn-output-grid[b-c1li9ndgqa] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SolidAdminTopics.razor.rz.scp.css */
.solid-admin-page[b-i6q00zc38h] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.25rem;
    color: #172033;
}

.solid-admin-header[b-i6q00zc38h] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    align-items: end;
    gap: 1rem;
    margin-bottom: 1rem;
}

.solid-admin-kicker[b-i6q00zc38h] {
    margin: 0 0 0.35rem;
    color: #0f6cbd;
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.solid-admin-header h1[b-i6q00zc38h] {
    margin: 0;
    color: #111827;
    font-size: clamp(1.55rem, 3vw, 2.25rem);
    font-weight: 850;
    line-height: 1.1;
}

.solid-admin-summary[b-i6q00zc38h] {
    margin: 0.45rem 0 0;
    color: #64748b;
    font-size: 0.95rem;
    font-weight: 650;
}

.solid-admin-search[b-i6q00zc38h] {
    min-width: 0;
}

.solid-admin-search label[b-i6q00zc38h] {
    display: block;
    margin-bottom: 0.4rem;
    color: #374151;
    font-size: 0.86rem;
    font-weight: 750;
}

.solid-admin-search input[b-i6q00zc38h] {
    width: 100%;
    min-width: 0;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    padding: 0.82rem 0.95rem;
    color: #111827;
    background: #ffffff;
    font-size: 0.98rem;
    box-shadow: 0 8px 22px rgba(15, 108, 189, 0.10);
}

.solid-admin-search input:focus[b-i6q00zc38h] {
    border-color: #93c5fd;
    outline: 3px solid rgba(147, 197, 253, 0.35);
}

.solid-admin-table-wrap[b-i6q00zc38h],
.solid-admin-state[b-i6q00zc38h] {
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.solid-admin-table-wrap[b-i6q00zc38h] {
    overflow-x: auto;
}

.solid-admin-table[b-i6q00zc38h] {
    width: 100%;
    border-collapse: collapse;
}

.solid-admin-table th[b-i6q00zc38h],
.solid-admin-table td[b-i6q00zc38h] {
    padding: 0.88rem 1rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e5e7eb;
}

.solid-admin-table th[b-i6q00zc38h] {
    color: #475569;
    background: #f8fafc;
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solid-admin-table td[b-i6q00zc38h] {
    color: #1f2937;
    font-size: 0.94rem;
    line-height: 1.45;
}

.solid-admin-table tbody tr:last-child td[b-i6q00zc38h] {
    border-bottom: 0;
}

.solid-admin-topic-link[b-i6q00zc38h] {
    color: #0f6cbd;
    font-weight: 780;
    text-decoration: none;
}

.solid-admin-topic-link:hover[b-i6q00zc38h],
.solid-admin-topic-link:focus-visible[b-i6q00zc38h] {
    text-decoration: underline;
}

.solid-admin-table code[b-i6q00zc38h] {
    color: #334155;
    background: #f1f5f9;
    border-radius: 8px;
    padding: 0.2rem 0.4rem;
    font-size: 0.82rem;
    white-space: normal;
    overflow-wrap: anywhere;
}

.solid-admin-state[b-i6q00zc38h] {
    padding: 1rem;
    color: #475569;
    font-weight: 650;
}

.solid-admin-error[b-i6q00zc38h] {
    color: #991b1b;
    background: #fff5f5;
}

@media (max-width: 760px) {
    .solid-admin-page[b-i6q00zc38h] {
        padding: 0.75rem;
    }

    .solid-admin-header[b-i6q00zc38h] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .solid-admin-table-wrap[b-i6q00zc38h] {
        border: 0;
        box-shadow: none;
        background: transparent;
        overflow: visible;
    }

    .solid-admin-table[b-i6q00zc38h],
    .solid-admin-table thead[b-i6q00zc38h],
    .solid-admin-table tbody[b-i6q00zc38h],
    .solid-admin-table tr[b-i6q00zc38h],
    .solid-admin-table th[b-i6q00zc38h],
    .solid-admin-table td[b-i6q00zc38h] {
        display: block;
    }

    .solid-admin-table thead[b-i6q00zc38h] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .solid-admin-table tr[b-i6q00zc38h] {
        margin-bottom: 0.8rem;
        border: 1px solid rgba(148, 163, 184, 0.28);
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
        overflow: hidden;
    }

    .solid-admin-table td[b-i6q00zc38h] {
        border-bottom: 1px solid #edf2f7;
        padding: 0.72rem 0.85rem;
    }

    .solid-admin-table td[b-i6q00zc38h]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.18rem;
        color: #64748b;
        font-size: 0.72rem;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }
}
/* /Pages/SolidFrameworkViewer.razor.rz.scp.css */
.solid-page[b-fj3ea4s5cu] {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 1rem;
    color: #172033;
}

.solid-title-card[b-fj3ea4s5cu] {
    border-radius: 26px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.18), transparent 38%), radial-gradient(circle at bottom right, rgba(236, 72, 153, 0.16), transparent 40%), linear-gradient(135deg, #f8fbff, #fff7fb);
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.solid-kicker[b-fj3ea4s5cu] {
    display: inline-flex;
    border-radius: 999px;
    padding: 0.35rem 0.7rem;
    margin-bottom: 0.75rem;
    background: rgba(255, 255, 255, 0.72);
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.solid-title-card h1[b-fj3ea4s5cu] {
    margin: 0;
    font-size: clamp(1.45rem, 4vw, 2.05rem);
    line-height: 1.15;
    font-weight: 850;
}

.solid-title-card p[b-fj3ea4s5cu] {
    margin: 0.65rem 0 0;
    color: #475569;
    font-size: 1rem;
    line-height: 1.5;
}

.solid-card[b-fj3ea4s5cu] {
    border-radius: 24px;
    padding: 1.1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.07);
}

.blue-tint[b-fj3ea4s5cu] {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(248, 251, 255, 0.98));
}

.pink-tint[b-fj3ea4s5cu] {
    background: linear-gradient(135deg, rgba(255, 241, 248, 0.98), rgba(255, 250, 253, 0.98));
}

.solid-section-header[b-fj3ea4s5cu] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 0.9rem;
}

.section-badge[b-fj3ea4s5cu] {
    min-width: 46px;
    height: 46px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10);
}

.section-small-label[b-fj3ea4s5cu] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.solid-section-header h2[b-fj3ea4s5cu] {
    margin: 0.1rem 0 0;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 820;
}

.solid-list[b-fj3ea4s5cu] {
    margin: 0;
    padding-left: 1.15rem;
}

    .solid-list li[b-fj3ea4s5cu] {
        margin-bottom: 0.6rem;
        padding-left: 0.2rem;
        font-size: 1rem;
        line-height: 1.48;
    }

        .solid-list li:last-child[b-fj3ea4s5cu] {
            margin-bottom: 0;
        }

.solid-chip-row[b-fj3ea4s5cu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.65rem;
}

.solid-keyword-chip[b-fj3ea4s5cu] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 38px;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #1e293b;
    padding: 0.45rem 0.7rem;
    font-size: 0.92rem;
    font-weight: 750;
    line-height: 1.15;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
}

.solid-keyword-chip.is-positive[b-fj3ea4s5cu] {
    border-color: #0ea5e9;
    background: #0ea5e9;
    color: #ffffff;
}

.solid-keyword-chip.is-negative[b-fj3ea4s5cu] {
    border-color: #94a3b8;
    background: #e2e8f0;
    color: #334155;
}

.solid-chip-state[b-fj3ea4s5cu] {
    border-radius: 999px;
    padding: 0.12rem 0.38rem;
    background: rgba(255, 255, 255, 0.24);
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solid-keyword-chip.is-negative .solid-chip-state[b-fj3ea4s5cu] {
    background: rgba(51, 65, 85, 0.10);
}

.solid-basket-bar[b-fj3ea4s5cu] {
    position: sticky;
    bottom: 0.75rem;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
    border: 1px solid rgba(14, 165, 233, 0.22);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.94);
    color: #ffffff;
    padding: 0.75rem;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.24);
}

.solid-basket-bar div[b-fj3ea4s5cu] {
    display: grid;
    gap: 0.05rem;
}

.solid-basket-bar span[b-fj3ea4s5cu] {
    color: #bae6fd;
    font-size: 0.82rem;
}

.solid-basket-button[b-fj3ea4s5cu] {
    border: 0;
    border-radius: 999px;
    background: #22d3ee;
    color: #082f49;
    padding: 0.55rem 0.85rem;
    font-weight: 850;
    white-space: nowrap;
}

.solid-loading-card[b-fj3ea4s5cu],
.solid-error-card[b-fj3ea4s5cu] {
    border-radius: 24px;
    padding: 1.25rem;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.28);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.solid-error-card[b-fj3ea4s5cu] {
    color: #991b1b;
    background: #fff5f5;
}

@media (min-width: 768px) {
    .solid-page[b-fj3ea4s5cu] {
        padding: 1.5rem;
    }

    .solid-title-card[b-fj3ea4s5cu] {
        padding: 1.5rem;
    }

    .solid-card[b-fj3ea4s5cu] {
        padding: 1.35rem;
    }

    .solid-basket-bar[b-fj3ea4s5cu] {
        bottom: 1rem;
    }
}
/* /Pages/SolidHighValue.razor.rz.scp.css */
.solid-high-value-page[b-0bny8lrg78] {
    min-height: calc(100vh - 56px);
    padding: 34px 24px;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.solid-high-value-header[b-0bny8lrg78] {
    max-width: 1100px;
    margin: 0 auto 22px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.solid-high-value-kicker[b-0bny8lrg78] {
    margin: 0 0 8px;
    color: #0f766e;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.solid-high-value-header h1[b-0bny8lrg78] {
    margin: 0;
    color: #111827;
    font-size: 34px;
    font-weight: 850;
    line-height: 1.1;
}

.solid-high-value-header p[b-0bny8lrg78] {
    max-width: 650px;
    margin: 10px 0 0;
    color: #475569;
    font-size: 16px;
    line-height: 1.55;
}

.solid-high-value-back[b-0bny8lrg78] {
    flex: 0 0 auto;
    padding: 10px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #0f172a;
    background: #ffffff;
    text-decoration: none;
    font-weight: 800;
}

.solid-high-value-grid[b-0bny8lrg78] {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.solid-high-value-card[b-0bny8lrg78] {
    min-height: 150px;
    display: block;
    padding: 20px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #ffffff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

.solid-high-value-card:hover[b-0bny8lrg78],
.solid-high-value-card:focus[b-0bny8lrg78] {
    border-color: #0f766e;
    box-shadow: 0 16px 34px rgba(15, 118, 110, 0.13);
}

.solid-high-value-card span[b-0bny8lrg78] {
    display: block;
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
}

.solid-high-value-card h2[b-0bny8lrg78] {
    margin: 8px 0 10px;
    color: #111827;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.2;
}

.solid-high-value-card p[b-0bny8lrg78] {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.45;
}

.solid-high-value-state[b-0bny8lrg78] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 18px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    font-weight: 700;
}

.solid-high-value-error[b-0bny8lrg78] {
    border-color: #fecaca;
    color: #991b1b;
    background: #fff7f7;
}

@media (max-width: 720px) {
    .solid-high-value-page[b-0bny8lrg78] {
        padding: 22px 14px;
    }

    .solid-high-value-header[b-0bny8lrg78] {
        align-items: stretch;
        flex-direction: column;
    }

    .solid-high-value-header h1[b-0bny8lrg78] {
        font-size: 28px;
    }

    .solid-high-value-back[b-0bny8lrg78] {
        text-align: center;
    }

    .solid-high-value-grid[b-0bny8lrg78] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SolidReviewBasket.razor.rz.scp.css */
.solid-review-page[b-6lpgyd8wqr] {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 1rem;
    color: #172033;
}

.solid-review-header[b-6lpgyd8wqr] {
    display: grid;
    gap: 1rem;
    border-radius: 24px;
    padding: 1.15rem;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, #eff6ff, #fff7fb);
    border: 1px solid rgba(148, 163, 184, 0.24);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.solid-link-button[b-6lpgyd8wqr] {
    width: fit-content;
    border: 0;
    background: transparent;
    color: #0369a1;
    padding: 0;
    font-weight: 800;
}

.solid-review-kicker[b-6lpgyd8wqr] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.solid-review-header h1[b-6lpgyd8wqr] {
    margin: 0.25rem 0 0;
    font-size: clamp(1.5rem, 5vw, 2.2rem);
    font-weight: 900;
    line-height: 1.08;
}

.solid-review-header p[b-6lpgyd8wqr] {
    margin: 0.65rem 0 0;
    color: #475569;
    line-height: 1.45;
}

.solid-review-actions[b-6lpgyd8wqr],
.solid-output-actions[b-6lpgyd8wqr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.55rem;
    margin-bottom: 1rem;
}

.solid-access-alert[b-6lpgyd8wqr] {
    border: 1px solid #fecaca;
    border-radius: 14px;
    background: #fff1f2;
    color: #7f1d1d;
    padding: 0.85rem 0.95rem;
    margin: -0.25rem 0 1rem;
    font-size: 0.96rem;
    font-weight: 650;
    line-height: 1.35;
}

.solid-summary-card[b-6lpgyd8wqr],
.solid-output-card[b-6lpgyd8wqr],
.solid-empty-card[b-6lpgyd8wqr] {
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 20px;
    background: #ffffff;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
}

.solid-summary-card h2[b-6lpgyd8wqr],
.solid-output-card h2[b-6lpgyd8wqr],
.solid-empty-card h2[b-6lpgyd8wqr] {
    margin: 0 0 0.75rem;
    font-size: 1.15rem;
    font-weight: 850;
}

.solid-editor-header[b-6lpgyd8wqr] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.solid-editor-header h2[b-6lpgyd8wqr] {
    margin-bottom: 0.25rem;
}

.solid-editor-header p[b-6lpgyd8wqr] {
    margin: 0;
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.35;
}

.solid-editor-header .btn[b-6lpgyd8wqr] {
    width: 100%;
}

.solid-draft-box[b-6lpgyd8wqr] {
    min-height: 320px;
    font-size: 0.96rem;
    line-height: 1.5;
}

.solid-context-box[b-6lpgyd8wqr] {
    min-height: 120px;
    font-size: 0.96rem;
    line-height: 1.45;
}

.solid-section-group[b-6lpgyd8wqr] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.solid-section-group h3[b-6lpgyd8wqr] {
    margin: 0;
    color: #334155;
    font-size: 0.9rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.solid-selection-row[b-6lpgyd8wqr] {
    display: grid;
    gap: 0.65rem;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #f8fbff;
    padding: 0.75rem;
}

.solid-selection-row strong[b-6lpgyd8wqr] {
    display: inline-block;
    margin-left: 0.35rem;
    font-size: 1rem;
}

.solid-selection-row p[b-6lpgyd8wqr] {
    margin: 0.45rem 0 0;
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.35;
}

.solid-status-badge[b-6lpgyd8wqr] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.18rem 0.5rem;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.solid-status-badge.positive[b-6lpgyd8wqr] {
    background: #0ea5e9;
    color: #ffffff;
}

.solid-status-badge.negative[b-6lpgyd8wqr] {
    background: #e2e8f0;
    color: #334155;
}

.solid-output-header[b-6lpgyd8wqr] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.solid-result-box[b-6lpgyd8wqr] {
    min-height: 420px;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.94rem;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .solid-review-page[b-6lpgyd8wqr] {
        padding: 1.5rem;
    }

    .solid-review-actions[b-6lpgyd8wqr] {
        display: flex;
        justify-content: flex-start;
    }

    .solid-output-header[b-6lpgyd8wqr] {
        grid-template-columns: 1fr auto;
        align-items: center;
    }

    .solid-output-actions[b-6lpgyd8wqr] {
        display: flex;
        margin-bottom: 0;
    }

    .solid-editor-header[b-6lpgyd8wqr] {
        grid-template-columns: 1fr auto;
        align-items: start;
    }

    .solid-editor-header .btn[b-6lpgyd8wqr] {
        width: auto;
    }

    .solid-selection-row[b-6lpgyd8wqr] {
        grid-template-columns: 1fr auto;
        align-items: center;
    }
}
/* /Pages/Subscription/Subscribe.razor.rz.scp.css */

.subscribe-page[b-7ngxslfiw3] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
}

.subscribe-top[b-7ngxslfiw3] {
    text-align: center;
    margin-bottom: 2rem;
}

    .subscribe-top h1[b-7ngxslfiw3] {
        font-size: clamp(2rem, 5vw, 3.4rem);
        font-weight: 900;
        line-height: 1.05;
        margin-bottom: 0.35rem;
    }

.subscribe-bottom h2[b-7ngxslfiw3] {
    font-size: clamp(1.45rem, 3.5vw, 2.25rem);
    font-weight: 800;
    line-height: 1.12;
    margin-bottom: 1.2rem;
}

.headline-highlight[b-7ngxslfiw3] {
    background: linear-gradient(90deg, #c97b45, #7c7f8e, #0f72bd);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.eyebrow[b-7ngxslfiw3] {
    display: inline-flex;
    max-width: 100%;
    padding: 0.7rem 1rem;
    border-radius: 999px;
    background: #eafaff;
    color: #0066b8;
    font-weight: 800;
    line-height: 1.35;
    margin-bottom: 1.3rem;
}

.hero-pills[b-7ngxslfiw3] {
    display: flex;
    justify-content: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

    .hero-pills span[b-7ngxslfiw3] {
        color: #075ca8;
        font-weight: 700;
        border-bottom: 1px solid currentColor;
    }

.signin-card[b-7ngxslfiw3] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.8fr);
    gap: 1.5rem;
    align-items: start;
    max-width: 920px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.signin-left h3[b-7ngxslfiw3] {
    font-weight: 900;
    color: #071428;
    margin-bottom: 1rem;
}

.signin-actions[b-7ngxslfiw3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-width: 310px;
    margin-bottom: 1.5rem;
}

.signin-right[b-7ngxslfiw3] {
    border: 1px solid #d8e1ee;
    background: #f8fafc;
    border-radius: 18px;
    padding: 1.25rem;
}

    .signin-right h5[b-7ngxslfiw3] {
        font-weight: 900;
        color: #071428;
    }

    .signin-right li[b-7ngxslfiw3] {
        margin-bottom: 0.3rem;
    }

.card.rounded-4[b-7ngxslfiw3] {
    border: 1px solid #e2e8f0;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .card.rounded-4:hover[b-7ngxslfiw3] {
        transform: translateY(-3px);
        box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12) !important;
        border-color: #b9c7da;
    }

.card h4[b-7ngxslfiw3] {
    color: #071428;
}

.card ul[b-7ngxslfiw3] {
    padding-left: 1.1rem;
    line-height: 1.55;
}

.card li[b-7ngxslfiw3] {
    margin-bottom: 0.45rem;
}

.btn-lg[b-7ngxslfiw3] {
    border-radius: 12px;
    font-weight: 800;
}

@media (max-width: 768px) {
    .subscribe-page[b-7ngxslfiw3] {
        padding: 1.25rem 0.85rem 2.25rem;
    }

    .subscribe-top[b-7ngxslfiw3] {
        margin-bottom: 1.35rem;
    }

    .eyebrow[b-7ngxslfiw3] {
        display: flex;
        border-radius: 16px;
        padding: 0.75rem 0.9rem;
        text-align: center;
    }

    .hero-pills[b-7ngxslfiw3] {
        gap: 0.45rem;
        margin-bottom: 1.25rem;
    }

        .hero-pills span[b-7ngxslfiw3] {
            font-size: 0.9rem;
        }

    .signin-card[b-7ngxslfiw3] {
        grid-template-columns: 1fr;
        padding: 1.2rem;
        border-radius: 18px;
    }

    .signin-actions[b-7ngxslfiw3] {
        max-width: none;
    }

        .signin-actions .btn[b-7ngxslfiw3] {
            width: 100%;
        }

    .signin-note[b-7ngxslfiw3],
    .explore-note[b-7ngxslfiw3] {
        font-size: 0.9rem;
    }

    .card-body[b-7ngxslfiw3] {
        padding: 1.25rem !important;
    }

    .fs-2[b-7ngxslfiw3] {
        font-size: 1.8rem !important;
    }

    .row.g-4[b-7ngxslfiw3] {
        --bs-gutter-y: 1rem;
    }
}

@media (max-width: 420px) {
    .subscribe-top h1[b-7ngxslfiw3] {
        font-size: 2rem;
    }

    .subscribe-bottom h2[b-7ngxslfiw3] {
        font-size: 1.35rem;
    }

    .hero-pills[b-7ngxslfiw3] {
        justify-content: flex-start;
    }

        .hero-pills span[b-7ngxslfiw3] {
            display: inline-flex;
            background: #f1f7ff;
            border: 1px solid #dbeafe;
            border-radius: 999px;
            padding: 0.35rem 0.55rem;
            text-decoration: none;
        }
}

.subscribe-plan-showcase[b-7ngxslfiw3] {
    margin: 2rem auto 2.5rem;
    max-width: 1180px;
}

.subscribe-plan-heading[b-7ngxslfiw3] {
    text-align: center;
    margin-bottom: 1.2rem;
}

    .subscribe-plan-heading span[b-7ngxslfiw3],
    .subscribe-plan-kicker[b-7ngxslfiw3] {
        color: #0f766e;
        font-size: 0.78rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .subscribe-plan-heading h2[b-7ngxslfiw3] {
        margin: 0.35rem 0 0.5rem;
        font-size: clamp(1.65rem, 3vw, 2.6rem);
        color: #0f172a;
    }

    .subscribe-plan-heading p[b-7ngxslfiw3] {
        margin: 0 auto;
        max-width: 720px;
        color: #475569;
        line-height: 1.55;
    }

.subscribe-plan-grid[b-7ngxslfiw3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.subscribe-plan-card[b-7ngxslfiw3] {
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08);
}

.subscribe-plan-premium[b-7ngxslfiw3] {
    border-color: #99f6e4;
    background: linear-gradient(135deg, #ffffff 0%, #ecfeff 100%);
}

.subscribe-plan-image-wrap[b-7ngxslfiw3] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    padding: 1.25rem 1rem 0.5rem;
}

.subscribe-plan-image[b-7ngxslfiw3] {
    display: block;
    width: min(220px, 76%);
    max-height: 220px;
    object-fit: contain;
}


.subscribe-plan-body[b-7ngxslfiw3] {
    padding: 1.2rem;
}

    .subscribe-plan-body h3[b-7ngxslfiw3] {
        margin: 0.35rem 0 0.65rem;
        color: #0f172a;
        font-size: clamp(1.35rem, 2vw, 1.9rem);
    }

    .subscribe-plan-body p[b-7ngxslfiw3] {
        color: #334155;
        line-height: 1.6;
    }

.subscribe-plan-value[b-7ngxslfiw3] {
    margin: 1rem 0;
    border-radius: 8px;
}

.subscribe-value-link[b-7ngxslfiw3] {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 88px;
    flex-direction: column;
    justify-content: center;
    gap: 0.45rem;
    overflow: hidden;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 8px;
    background: linear-gradient(135deg, #071428 0%, #0f766e 58%, #f59e0b 135%);
    color: #ffffff;
    text-align: left;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.22);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

    .subscribe-value-link[b-7ngxslfiw3]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(115deg, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0.26) 45%, rgba(255, 255, 255, 0) 70%);
        transform: translateX(-120%);
        transition: transform 0.45s ease;
    }

    .subscribe-value-link:hover[b-7ngxslfiw3],
    .subscribe-value-link:focus-visible[b-7ngxslfiw3] {
        color: #ffffff;
        filter: saturate(1.08);
        transform: translateY(-2px);
        box-shadow: 0 20px 42px rgba(15, 23, 42, 0.28);
    }

        .subscribe-value-link:hover[b-7ngxslfiw3]::after,
        .subscribe-value-link:focus-visible[b-7ngxslfiw3]::after {
            transform: translateX(120%);
        }

    .subscribe-value-link:disabled[b-7ngxslfiw3] {
        cursor: wait;
        opacity: 0.72;
        transform: none;
    }

.subscribe-value-link-premium[b-7ngxslfiw3] {
    background: linear-gradient(135deg, #09243f 0%, #0ea5a3 55%, #d97706 135%);
}

.subscribe-value-main[b-7ngxslfiw3],
.subscribe-value-meta[b-7ngxslfiw3] {
    position: relative;
    z-index: 1;
}

.subscribe-value-main[b-7ngxslfiw3] {
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    font-weight: 950;
    line-height: 1.25;
}

.subscribe-value-meta[b-7ngxslfiw3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.subscribe-value-meta span:first-child[b-7ngxslfiw3] {
    color: #fde68a;
}

.subscribe-value-action[b-7ngxslfiw3] {
    display: inline-flex;
    align-items: center;
    color: #e0f2fe;
}

    .subscribe-value-action[b-7ngxslfiw3]::after {
        content: " ->";
        margin-left: 0.25rem;
        color: #ffffff;
    }

.subscribe-value-link:focus-visible[b-7ngxslfiw3] {
    outline: 3px solid rgba(245, 158, 11, 0.45);
    outline-offset: 3px;
}

.subscribe-plan-body ul[b-7ngxslfiw3] {
    margin: 0;
    padding-left: 1.1rem;
    color: #1e293b;
    line-height: 1.8;
}

.subscribe-plan-footer[b-7ngxslfiw3] {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
}

.subscribe-plan-scroll[b-7ngxslfiw3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.75rem 1.1rem;
    border-radius: 8px;
    background: #0f766e;
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(15, 118, 110, 0.18);
}

    .subscribe-plan-scroll:hover[b-7ngxslfiw3] {
        background: #115e59;
        color: #ffffff;
        text-decoration: none;
    }

@media (max-width: 820px) {
    .subscribe-plan-grid[b-7ngxslfiw3] {
        grid-template-columns: 1fr;
    }

    .subscribe-plan-image[b-7ngxslfiw3] {
        max-height: 180px;
    }
}

/* /Pages/WorkplaceRx.razor.rz.scp.css */
.wp-rx-shell[b-842vzbvmuu] {
    max-width: 1440px;
    padding: 10px;
    color: #111827;
}

.wp-rx-hero[b-842vzbvmuu] {
    display: grid;
    gap: 1rem;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    padding: 1rem;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)),
        linear-gradient(135deg, rgba(14,165,233,0.12), rgba(20,184,166,0.12), rgba(244,114,182,0.08));
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.wp-rx-eyebrow[b-842vzbvmuu],
.panel-kicker[b-842vzbvmuu] {
    color: #0f766e;
    font-size: 0.75rem;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

.wp-rx-hero h1[b-842vzbvmuu] {
    margin: 0.14rem 0;
    font-size: 1.65rem;
    font-weight: 950;
    line-height: 1.08;
}

.wp-rx-hero p[b-842vzbvmuu] {
    margin: 0;
    color: #64748b;
    font-size: 0.94rem;
}

.wp-rx-metrics[b-842vzbvmuu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.wp-rx-metric[b-842vzbvmuu] {
    min-height: 72px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.7rem;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.wp-rx-metric span[b-842vzbvmuu] {
    display: block;
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1;
}

.wp-rx-metric small[b-842vzbvmuu] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 850;
}

.wp-rx-status[b-842vzbvmuu],
.wp-rx-error[b-842vzbvmuu] {
    margin-top: 0.8rem;
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
    font-weight: 820;
}

.wp-rx-status[b-842vzbvmuu] {
    border: 1px solid #99f6e4;
    background: #ecfdf5;
    color: #047857;
}

.wp-rx-error[b-842vzbvmuu] {
    border: 1px solid #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.wp-rx-tabs[b-842vzbvmuu] {
    position: sticky;
    top: 64px;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.28rem;
    margin-top: 0.85rem;
    padding: 0.28rem;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.94);
    backdrop-filter: blur(10px);
}

.wp-rx-tab[b-842vzbvmuu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    min-height: 42px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #475569;
    font-size: 0.84rem;
    font-weight: 920;
}

.wp-rx-tab.active[b-842vzbvmuu] {
    background: #0f172a;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
}

.wp-rx-workspace[b-842vzbvmuu] {
    display: grid;
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.wp-rx-panel[b-842vzbvmuu] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.85rem;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.panel-title-row[b-842vzbvmuu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.panel-title-row h2[b-842vzbvmuu] {
    margin: 0.12rem 0 0;
    color: #111827;
    font-size: 1.2rem;
    font-weight: 950;
    line-height: 1.16;
}

.icon-command-button[b-842vzbvmuu],
.ghost-action-button[b-842vzbvmuu],
.primary-action-button[b-842vzbvmuu],
.danger-action-button[b-842vzbvmuu],
.tiny-action-button[b-842vzbvmuu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    font-weight: 900;
}

.icon-command-button[b-842vzbvmuu] {
    width: 42px;
    height: 42px;
    color: #0f766e;
    border-color: #99f6e4;
}

.ghost-action-button[b-842vzbvmuu] {
    min-height: 40px;
    padding: 0 0.72rem;
}

.primary-action-button[b-842vzbvmuu] {
    min-height: 42px;
    padding: 0 0.82rem;
    border-color: #99f6e4;
    background: #0f766e;
    color: #ffffff;
}

.primary-action-button.compact[b-842vzbvmuu] {
    min-height: 38px;
}

.danger-action-button[b-842vzbvmuu] {
    min-height: 42px;
    padding: 0 0.82rem;
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.tiny-action-button[b-842vzbvmuu] {
    width: 32px;
    height: 32px;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.tiny-action-button.danger[b-842vzbvmuu] {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.wp-rx-input[b-842vzbvmuu],
.wp-rx-select[b-842vzbvmuu],
.wp-rx-textarea[b-842vzbvmuu],
.command-textarea[b-842vzbvmuu] {
    width: 100%;
    min-height: 42px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    padding: 0.58rem 0.68rem;
    font-weight: 650;
}

.wp-rx-textarea[b-842vzbvmuu],
.command-textarea[b-842vzbvmuu] {
    resize: vertical;
    line-height: 1.45;
}

.person-list[b-842vzbvmuu] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.7rem;
}

.person-list-button[b-842vzbvmuu] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.62rem;
    text-align: left;
}

.person-list-button.selected[b-842vzbvmuu] {
    border-color: #2563eb;
    box-shadow: inset 0 0 0 2px rgba(37, 99, 235, 0.14), 0 12px 24px rgba(37, 99, 235, 0.1);
}

.person-avatar[b-842vzbvmuu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: linear-gradient(135deg, #0f766e, #2563eb);
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 950;
}

.person-list-copy[b-842vzbvmuu] {
    min-width: 0;
}

.person-list-name[b-842vzbvmuu] {
    display: block;
    color: #111827;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.person-list-meta[b-842vzbvmuu] {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.friendliness-badge[b-842vzbvmuu],
.queue-status[b-842vzbvmuu] {
    border-radius: 8px;
    padding: 0.24rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 950;
    white-space: nowrap;
}

.friendliness-badge.friendly[b-842vzbvmuu] {
    background: #ecfdf5;
    color: #047857;
}

.friendliness-badge.careful[b-842vzbvmuu] {
    background: #fff1f2;
    color: #be123c;
}

.friendliness-badge.unsure[b-842vzbvmuu] {
    background: #f8fafc;
    color: #475569;
}

.form-section[b-842vzbvmuu] {
    padding: 0.95rem 0;
    border-top: 1px solid #eef2f7;
}

.form-section:first-of-type[b-842vzbvmuu] {
    border-top: 0;
    padding-top: 0;
}

.form-section-title[b-842vzbvmuu] {
    margin-bottom: 0.65rem;
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 950;
}

.wp-rx-field-grid[b-842vzbvmuu],
.permission-grid[b-842vzbvmuu],
.preference-list[b-842vzbvmuu],
.provider-grid[b-842vzbvmuu],
.foundation-strip[b-842vzbvmuu] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.68rem;
}

.wp-rx-field-grid label[b-842vzbvmuu] {
    display: block;
    margin-bottom: 0.28rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 950;
}

.wp-rx-check[b-842vzbvmuu] {
    display: flex;
    align-items: flex-start;
    gap: 0.58rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.62rem;
    color: #334155;
    font-size: 0.84rem;
    font-weight: 820;
}

.wp-rx-check input[b-842vzbvmuu] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 0.05rem;
}

.context-check[b-842vzbvmuu] {
    margin-top: 0.7rem;
    border-color: #dbeafe;
    background: #f8fbff;
}

.review-required[b-842vzbvmuu] {
    border-color: #99f6e4;
    background: #ecfdf5;
    color: #047857;
}

.temperature-switch[b-842vzbvmuu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    margin-bottom: 0.75rem;
}

.temperature-button[b-842vzbvmuu] {
    min-height: 40px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 950;
}

.temperature-button.active.friendly[b-842vzbvmuu] {
    border-color: #99f6e4;
    background: #0f766e;
    color: #ffffff;
}

.temperature-button.active.unsure[b-842vzbvmuu] {
    border-color: #bfdbfe;
    background: #1d4ed8;
    color: #ffffff;
}

.temperature-button.active.unfriendly[b-842vzbvmuu] {
    border-color: #fecdd3;
    background: #be123c;
    color: #ffffff;
}

.context-chip-grid[b-842vzbvmuu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem;
    margin-top: 0.75rem;
}

.context-chip[b-842vzbvmuu] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #374151;
    font-size: 0.76rem;
    font-weight: 950;
}

.context-chip input[b-842vzbvmuu] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.context-chip.selected[b-842vzbvmuu] {
    border-color: #2563eb;
    background: #dbeafe;
    color: #1d4ed8;
}

.sticky-action-row[b-842vzbvmuu] {
    position: sticky;
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.55rem;
    margin: 0 -0.85rem -0.85rem;
    padding: 0.72rem 0.85rem;
    border-top: 1px solid #e5e7eb;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(10px);
}

.sticky-action-row.single[b-842vzbvmuu] {
    grid-template-columns: 1fr;
}

.empty-panel[b-842vzbvmuu] {
    display: grid;
    gap: 0.22rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.88rem;
    color: #64748b;
}

.empty-panel strong[b-842vzbvmuu] {
    color: #111827;
}

.command-panel[b-842vzbvmuu],
.queue-panel[b-842vzbvmuu] {
    margin-top: 0.85rem;
}

.command-actions[b-842vzbvmuu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.7rem;
}

.command-review-list[b-842vzbvmuu] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.command-review-row[b-842vzbvmuu] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.72rem;
}

.command-icon[b-842vzbvmuu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
}

.command-review-row strong[b-842vzbvmuu],
.command-review-row span[b-842vzbvmuu],
.command-review-row small[b-842vzbvmuu] {
    display: block;
}

.command-review-row span[b-842vzbvmuu] {
    color: #475569;
    font-size: 0.86rem;
}

.command-review-row small[b-842vzbvmuu] {
    margin-top: 0.16rem;
    color: #64748b;
    font-weight: 780;
}

.foundation-strip[b-842vzbvmuu] {
    margin-top: 0.9rem;
}

.foundation-strip div[b-842vzbvmuu],
.provider-grid div[b-842vzbvmuu] {
    display: grid;
    gap: 0.18rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.75rem;
}

.provider-grid[b-842vzbvmuu] {
    margin-bottom: 0.85rem;
}

.provider-grid i[b-842vzbvmuu] {
    color: #0f766e;
    font-size: 1.15rem;
}

.foundation-strip strong[b-842vzbvmuu],
.provider-grid strong[b-842vzbvmuu] {
    color: #111827;
    font-weight: 950;
}

.foundation-strip span[b-842vzbvmuu],
.provider-grid span[b-842vzbvmuu] {
    color: #64748b;
    font-size: 0.82rem;
}

.queue-list[b-842vzbvmuu] {
    display: grid;
    gap: 0.6rem;
}

.queue-row[b-842vzbvmuu] {
    display: grid;
    gap: 0.65rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.75rem;
}

.queue-title[b-842vzbvmuu] {
    color: #111827;
    font-weight: 950;
}

.queue-meta[b-842vzbvmuu] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 780;
}

.queue-row p[b-842vzbvmuu] {
    margin: 0.45rem 0 0;
    color: #334155;
    font-size: 0.9rem;
}

.queue-actions[b-842vzbvmuu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
}

.queue-status.review[b-842vzbvmuu] {
    background: #eff6ff;
    color: #1d4ed8;
}

.queue-status.waiting[b-842vzbvmuu] {
    background: #fef9c3;
    color: #a16207;
}

.queue-status.sent[b-842vzbvmuu] {
    background: #ecfdf5;
    color: #047857;
}

.queue-status.cancelled[b-842vzbvmuu] {
    background: #fff1f2;
    color: #be123c;
}

@media (min-width: 640px) {
    .wp-rx-shell[b-842vzbvmuu] {
        padding: 16px;
    }

    .wp-rx-hero[b-842vzbvmuu] {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
        align-items: end;
    }

    .wp-rx-hero h1[b-842vzbvmuu] {
        font-size: 2rem;
    }

    .wp-rx-field-grid[b-842vzbvmuu],
    .permission-grid[b-842vzbvmuu],
    .preference-list[b-842vzbvmuu],
    .provider-grid[b-842vzbvmuu],
    .foundation-strip[b-842vzbvmuu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .context-chip-grid[b-842vzbvmuu] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .queue-row[b-842vzbvmuu] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }
}

@media (min-width: 1040px) {
    .wp-rx-workspace[b-842vzbvmuu] {
        grid-template-columns: minmax(310px, 380px) minmax(0, 1fr);
        align-items: start;
    }

    .people-panel[b-842vzbvmuu] {
        position: sticky;
        top: 126px;
        max-height: calc(100vh - 148px);
        overflow-y: auto;
    }

    .wp-rx-tabs[b-842vzbvmuu] {
        top: 0;
    }

    .compact-grid[b-842vzbvmuu] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .preference-list[b-842vzbvmuu] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .wp-rx-tab[b-842vzbvmuu] {
        flex-direction: column;
        gap: 0.1rem;
        font-size: 0.72rem;
    }

    .person-list-button[b-842vzbvmuu] {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .friendliness-badge[b-842vzbvmuu] {
        grid-column: 2;
        justify-self: start;
    }

    .sticky-action-row[b-842vzbvmuu] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/WorkplaceRxPersonPage.razor.rz.scp.css */
.person-rx-shell[b-khkqwslbn9] {
    max-width: 1440px;
    padding: 10px;
    color: #111827;
}

.person-hero[b-khkqwslbn9] {
    display: grid;
    grid-template-columns: 42px 54px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    padding: 0.85rem;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)),
        linear-gradient(135deg, rgba(20,184,166,0.13), rgba(37,99,235,0.1), rgba(244,114,182,0.08));
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.back-button[b-khkqwslbn9],
.ghost-button[b-khkqwslbn9],
.primary-button[b-khkqwslbn9],
.tiny-button[b-khkqwslbn9],
.danger-button[b-khkqwslbn9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    font-weight: 900;
}

.back-button[b-khkqwslbn9],
.tiny-button[b-khkqwslbn9] {
    width: 38px;
    height: 38px;
}

.person-avatar-lg[b-khkqwslbn9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 8px;
    background: linear-gradient(135deg, #0f766e, #2563eb);
    color: #ffffff;
    font-weight: 950;
}

.person-hero-copy[b-khkqwslbn9] {
    min-width: 0;
}

.person-eyebrow[b-khkqwslbn9],
.panel-kicker[b-khkqwslbn9] {
    color: #0f766e;
    font-size: 0.75rem;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

.person-hero h1[b-khkqwslbn9] {
    margin: 0.12rem 0;
    color: #111827;
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.person-hero p[b-khkqwslbn9] {
    margin: 0;
    color: #64748b;
    font-size: 0.86rem;
}

.friendliness-badge[b-khkqwslbn9] {
    grid-column: 2 / -1;
    justify-self: start;
    border-radius: 8px;
    padding: 0.24rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 950;
}

.friendliness-badge.friendly[b-khkqwslbn9] {
    background: #ecfdf5;
    color: #047857;
}

.friendliness-badge.careful[b-khkqwslbn9] {
    background: #fff1f2;
    color: #be123c;
}

.friendliness-badge.unsure[b-khkqwslbn9] {
    background: #f8fafc;
    color: #475569;
}

.person-status[b-khkqwslbn9],
.person-error[b-khkqwslbn9] {
    margin-top: 0.8rem;
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
    font-weight: 820;
}

.person-status[b-khkqwslbn9] {
    border: 1px solid #99f6e4;
    background: #ecfdf5;
    color: #047857;
}

.person-error[b-khkqwslbn9] {
    border: 1px solid #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.person-error a[b-khkqwslbn9] {
    color: #9f1239;
    font-weight: 950;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.person-rx-grid[b-khkqwslbn9] {
    display: grid;
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.person-rx-panel[b-khkqwslbn9] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.85rem;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.panel-title-row[b-khkqwslbn9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.panel-title-row h2[b-khkqwslbn9] {
    margin: 0.12rem 0 0;
    color: #111827;
    font-size: 1.18rem;
    font-weight: 950;
    line-height: 1.16;
}

.profile-chip-grid[b-khkqwslbn9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.profile-chip-grid div[b-khkqwslbn9],
.notes-box[b-khkqwslbn9],
.empty-panel[b-khkqwslbn9],
.saved-card[b-khkqwslbn9] {
    display: grid;
    gap: 0.18rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.72rem;
}

.profile-chip-grid strong[b-khkqwslbn9],
.notes-box strong[b-khkqwslbn9],
.empty-panel strong[b-khkqwslbn9],
.saved-card strong[b-khkqwslbn9] {
    color: #111827;
    font-size: 0.82rem;
    font-weight: 950;
}

.profile-chip-grid span[b-khkqwslbn9],
.empty-panel span[b-khkqwslbn9],
.saved-card small[b-khkqwslbn9] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 760;
}

.notes-box[b-khkqwslbn9] {
    margin-top: 0.7rem;
}

.notes-box p[b-khkqwslbn9],
.saved-card p[b-khkqwslbn9] {
    margin: 0;
    color: #334155;
    font-size: 0.88rem;
    line-height: 1.42;
    white-space: pre-wrap;
}

.tag-row[b-khkqwslbn9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.36rem;
    margin-top: 0.7rem;
}

.tag-row span[b-khkqwslbn9] {
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 0.24rem 0.5rem;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: capitalize;
}

.contact-stack[b-khkqwslbn9] {
    display: grid;
    gap: 0.45rem;
    margin: 0.8rem 0;
}

.contact-stack div[b-khkqwslbn9] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    color: #475569;
    font-size: 0.84rem;
}

.contact-stack i[b-khkqwslbn9] {
    color: #0f766e;
}

.ghost-button[b-khkqwslbn9],
.primary-button[b-khkqwslbn9] {
    min-height: 42px;
    padding: 0 0.82rem;
}

.primary-button[b-khkqwslbn9] {
    border-color: #99f6e4;
    background: #0f766e;
    color: #ffffff;
}

.ghost-button.full[b-khkqwslbn9],
.primary-button.full[b-khkqwslbn9] {
    width: 100%;
}

.history-count[b-khkqwslbn9] {
    min-width: 40px;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 0.35rem 0.55rem;
    font-weight: 950;
    text-align: center;
}

.chat-thread[b-khkqwslbn9] {
    display: grid;
    gap: 0.65rem;
    max-height: 58vh;
    overflow-y: auto;
    padding-right: 0.15rem;
}

.chat-message[b-khkqwslbn9] {
    display: grid;
    gap: 0.35rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.7rem;
}

.chat-message.user[b-khkqwslbn9] {
    background: #f8fafc;
}

.chat-message.guidance[b-khkqwslbn9] {
    border-color: #99f6e4;
    background: #f0fdfa;
}

.message-meta[b-khkqwslbn9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.message-meta span[b-khkqwslbn9] {
    color: #111827;
    font-size: 0.78rem;
    font-weight: 950;
}

.message-meta small[b-khkqwslbn9] {
    color: #64748b;
    font-size: 0.72rem;
}

.chat-message p[b-khkqwslbn9] {
    margin: 0;
    color: #334155;
    font-size: 0.9rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.message-actions[b-khkqwslbn9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.35rem;
}

.tiny-button[b-khkqwslbn9] {
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.tiny-button.danger[b-khkqwslbn9] {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.tiny-button:disabled[b-khkqwslbn9] {
    border-color: #d1fae5;
    background: #ecfdf5;
    color: #047857;
}

.chat-composer[b-khkqwslbn9] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.75rem;
    border-top: 1px solid #eef2f7;
    padding-top: 0.75rem;
}

.situation-input[b-khkqwslbn9],
.message-input[b-khkqwslbn9],
.person-input[b-khkqwslbn9],
.person-select[b-khkqwslbn9] {
    width: 100%;
    min-height: 42px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    padding: 0.62rem 0.7rem;
    font-weight: 650;
}

.situation-input[b-khkqwslbn9],
.message-input[b-khkqwslbn9] {
    resize: vertical;
    line-height: 1.45;
}

.saved-list[b-khkqwslbn9] {
    display: grid;
    gap: 0.6rem;
}

.saved-card[b-khkqwslbn9] {
    gap: 0.55rem;
}

.saved-card-head[b-khkqwslbn9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.55rem;
}

.saved-card-head > div:first-child[b-khkqwslbn9] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.saved-card-head .message-actions[b-khkqwslbn9] {
    flex-wrap: wrap;
}

.guidance-notepad[b-khkqwslbn9] {
    margin: 0;
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    border-radius: 8px;
    background: #fffdf4;
    color: #1f2937;
    padding: 0.72rem;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 0.84rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.saved-guidance-text[b-khkqwslbn9] {
    max-height: 260px;
    overflow: auto;
}

.message-grid[b-khkqwslbn9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

.message-grid label[b-khkqwslbn9],
.message-subject-field label[b-khkqwslbn9] {
    display: block;
    margin-bottom: 0.28rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 950;
}

.message-subject-field[b-khkqwslbn9] {
    margin-top: 0.75rem;
}

.message-input[b-khkqwslbn9] {
    margin: 0.75rem 0;
}

.missing-contact-panel[b-khkqwslbn9] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.75rem;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
    padding: 0.68rem;
}

.missing-contact-panel i[b-khkqwslbn9] {
    color: #c2410c;
    font-size: 1.15rem;
}

.missing-contact-panel strong[b-khkqwslbn9],
.missing-contact-panel span[b-khkqwslbn9] {
    display: block;
}

.missing-contact-panel strong[b-khkqwslbn9] {
    color: #111827;
    font-size: 0.82rem;
    font-weight: 950;
}

.missing-contact-panel span[b-khkqwslbn9] {
    color: #7c2d12;
    font-size: 0.78rem;
    font-weight: 780;
}

.missing-contact-panel .ghost-button[b-khkqwslbn9] {
    min-height: 36px;
}

.person-modal-backdrop[b-khkqwslbn9] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.46);
    backdrop-filter: blur(7px);
}

.person-modal-card[b-khkqwslbn9] {
    width: min(100%, 440px);
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 8px;
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.26);
}

.person-modal-card h2[b-khkqwslbn9] {
    margin: 0.12rem 0 0.45rem;
    color: #111827;
    font-size: 1.25rem;
    font-weight: 950;
}

.person-modal-card p[b-khkqwslbn9] {
    margin: 0 0 0.8rem;
    color: #64748b;
}

.profile-edit-modal[b-khkqwslbn9] {
    display: flex;
    flex-direction: column;
    width: min(100%, 760px);
    max-height: calc(100vh - 2rem);
}

.notepad-modal-card[b-khkqwslbn9] {
    width: min(100%, 720px);
}

.modal-title-row[b-khkqwslbn9] {
    margin-bottom: 0.6rem;
}

.compact-error[b-khkqwslbn9] {
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.profile-edit-scroll[b-khkqwslbn9] {
    display: grid;
    gap: 0.75rem;
    overflow: auto;
    padding-right: 0.15rem;
}

.profile-edit-section[b-khkqwslbn9] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.75rem;
}

.form-section-title[b-khkqwslbn9] {
    margin-bottom: 0.55rem;
    color: #0f766e;
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

.profile-edit-grid[b-khkqwslbn9],
.permission-grid[b-khkqwslbn9],
.preference-list[b-khkqwslbn9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

.profile-edit-grid label[b-khkqwslbn9] {
    display: block;
    margin-bottom: 0.28rem;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 950;
}

.profile-edit-check[b-khkqwslbn9] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    padding: 0.62rem 0.68rem;
    font-size: 0.82rem;
    font-weight: 820;
    line-height: 1.3;
}

.profile-edit-check input[b-khkqwslbn9] {
    margin-top: 0.12rem;
    accent-color: #0f766e;
}

.temperature-switch[b-khkqwslbn9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
    margin-bottom: 0.7rem;
}

.temperature-button[b-khkqwslbn9] {
    min-height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 950;
}

.temperature-button.active[b-khkqwslbn9] {
    border-color: #0f766e;
    background: #ccfbf1;
    color: #0f766e;
}

.temperature-button.active.unfriendly[b-khkqwslbn9] {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.temperature-button.active.unsure[b-khkqwslbn9] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.context-chip-grid[b-khkqwslbn9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.7rem;
}

.context-chip[b-khkqwslbn9] {
    position: relative;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
    color: #1d4ed8;
    padding: 0.42rem 0.58rem;
    font-size: 0.76rem;
    font-weight: 900;
}

.context-chip.selected[b-khkqwslbn9] {
    border-color: #0f766e;
    background: #ccfbf1;
    color: #0f766e;
}

.context-chip input[b-khkqwslbn9] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.notepad-modal-text[b-khkqwslbn9] {
    width: 100%;
    min-height: min(62vh, 560px);
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    border-radius: 8px;
    background: #fffdf4;
    color: #1f2937;
    padding: 0.85rem;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 0.9rem;
    line-height: 1.55;
    resize: vertical;
}

.confirm-preview[b-khkqwslbn9] {
    display: grid;
    gap: 0.25rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.75rem;
}

.confirm-preview span[b-khkqwslbn9] {
    color: #64748b;
    font-size: 0.82rem;
}

.confirm-preview p[b-khkqwslbn9] {
    margin: 0.3rem 0 0;
    color: #334155;
    white-space: pre-wrap;
}

.danger-preview[b-khkqwslbn9] {
    border-color: #fecdd3;
    background: #fff1f2;
}

.danger-button[b-khkqwslbn9] {
    min-height: 42px;
    border-color: #fecdd3;
    background: #be123c;
    color: #ffffff;
    padding: 0 0.82rem;
}

.modal-actions[b-khkqwslbn9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

@media (min-width: 640px) {
    .person-rx-shell[b-khkqwslbn9] {
        padding: 16px;
    }

    .person-hero[b-khkqwslbn9] {
        grid-template-columns: 42px 64px minmax(0, 1fr) auto;
        padding: 1rem;
    }

    .person-avatar-lg[b-khkqwslbn9] {
        width: 64px;
        height: 64px;
    }

    .friendliness-badge[b-khkqwslbn9] {
        grid-column: auto;
    }

    .person-hero h1[b-khkqwslbn9] {
        font-size: 1.9rem;
    }

    .message-grid[b-khkqwslbn9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-edit-grid[b-khkqwslbn9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .permission-grid[b-khkqwslbn9],
    .preference-list[b-khkqwslbn9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1040px) {
    .person-rx-grid[b-khkqwslbn9] {
        grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
        align-items: start;
    }

    .lower-grid[b-khkqwslbn9] {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
    }

    .context-panel[b-khkqwslbn9] {
        position: sticky;
        top: 1rem;
    }
}