/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/index.css ***!
  \*******************************************************************************************************************************************************************/
* {
    box-sizing: border-box;
}

/*body {*/

/*    margin: 0;*/

/*    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/

/*    color: #1e1e1e;*/

/*    background: #f0f0f1;*/

/*}*/

:root {
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-20: #005a87;
    --wp-admin-border-width-focus: 2px;
    --wp-block-border-radius: 2px;
}

.components-button.is-primary {
    background: var(--wp-admin-theme-color);
    border-color: var(--wp-admin-theme-color);
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

.components-button.is-primary:hover {
    background: var(--wp-admin-theme-color-darker-10);
    border-color: var(--wp-admin-theme-color-darker-10);
    color: #fff;
}

.components-button.is-secondary {
    color: var(--wp-admin-theme-color);
    border-color: var(--wp-admin-theme-color);
}

.components-button.is-secondary:hover {
    color: var(--wp-admin-theme-color-darker-10);
    border-color: var(--wp-admin-theme-color-darker-10);
}

.wrap {
    margin: 0;
    padding: 0;
}

.wp-heading-inline {
    display: inline-block;
    margin-right: 5px;
}

.page-title-action {
    margin-left: 4px;
    padding: 4px 8px;
}

.notice {
    background: #fff;
    border-left: 4px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    margin: 5px 0 15px;
    padding: 1px 12px;
}

.notice-error {
    border-left-color: #d63638;
}

.notice-warning {
    border-left-color: #dba617;
}

.notice-success {
    border-left-color: #00a32a;
}

.notice-info {
    border-left-color: #72aee6;
}

#akashic-health-records-patient-portal-root {
    /*
        32px - WordPress admin header
        65px - WordPress admin footer
    */
    height: calc(100vh - 32px - 65px);
    overflow: hidden;
}

.cursor {
    cursor: pointer;
}

.code-input input {
    font-size: 10px !important;
}

.wp-unit-control .components-unit-control__unit-label,
.wp-unit-control .components-unit-control__select {
    min-width: 48px !important;
    max-width: 100px !important;
}

.wp-guide {
    width: 800px;
}

.wp-progress-bar {
    width: 100% !important;
    height: 2px !important;
}

.wp-search-control {
    width: 100%;
}

.wp-tab-panel {
    height: 100%;
    max-height: 100%;
    border: none;
}

.components-tab-panel__tab-content {
    /* 48px tab list height */
    height: calc(100% - 48px);
}

form {
    height: 100%;
    min-height: 100%;
}

.components-modal__header + div {
    height: 100%;
}

/*.lkxeUd,*/

/*.hdrmPI {*/

/*    padding-right: 0 !important;*/

/*}*/

/*[data-testid="message-form"] {*/

/*    box-shadow: none !important;*/

/*    padding-top: 0 !important;*/

/*}*/


/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/ProfilePhoto/ProfilePhoto.css ***!
  \**************************************************************************************************************************************************************************************************/
/* Profile Photo Component Styles */
.profile-photo {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f0f0f1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-photo--small {
    width: 40px;
    height: 40px;
}
.profile-photo--medium {
    width: 100px;
    height: 100px;
}
.profile-photo--large {
    width: 150px;
    height: 150px;
}
.profile-photo__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.profile-photo__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/PhotoAttachment/PhotoAttachment.css ***!
  \********************************************************************************************************************************************************************************************************/
/* Photo Attachment Component Styles */
:root {
    --cover-height: 320px;
}
.photo-attachment {
    margin: 0;
    box-shadow: none !important;
    /*border: 1px solid #e0e0e0;*/
}
.photo-attachment__body {
    padding: 0 !important;
}
.photo-attachment__file-input {
    display: none;
}
/* Image wrapper for regular photos */
.photo-attachment__image-wrapper {
    width: 200px;
    min-height: 200px;
    margin: 0 auto;
    position: relative;
    padding: 16px;
}
.photo-attachment__image-wrapper .photo-attachment__image {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
/* Cover photo styles */
.photo-attachment.is-cover .photo-attachment__image {
    width: 100%;
    height: var(--cover-height);
    -o-object-fit: cover;
       object-fit: cover;
}
.photo-attachment__cover-wrapper {
    position: relative;
    min-height: var(--cover-height);
    height: var(--cover-height);
}
.photo-attachment__cover-controls {
    background-color: #f0f0f1;
    padding: 8px 16px;
    border-top: 1px solid #e0e0e0;
}
/* Placeholder for empty cover photos */
.photo-attachment__placeholder {
    width: 100%;
    height: var(--cover-height);
    background: linear-gradient(135deg, #e0e0e0, #f7f7f7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.photo-attachment__placeholder-text {
    color: #757575;
    margin-top: 16px;
    font-size: 14px;
}
/* Button positioning */
.photo-attachment__upload-button {
    position: absolute !important;
    right: 8px !important;
    bottom: 8px !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background-color: white !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.photo-attachment__delete-button {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background-color: white !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.photo-attachment__cover-controls .photo-attachment__upload-button,
.photo-attachment__cover-controls .photo-attachment__delete-button {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
}
/* Description text */
.photo-attachment__description {
    font-size: 12px;
    color: #757575;
    margin: 8px 16px;
    text-align: right;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/pages/DashboardPage/QuestionnairesPage/QuestionnairePage/QuestionnairePreview/QuestionnairePreview.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.questionnaire-preview-modal {
    --height: 90%;
    --width: 70%;
}

.selected-item {
    border: 1px dashed #757575;
    padding: 8px;
    background-color: #f8f9fa;
    transition: all 0.3s ease-in-out;
    animation: blink-border 1s infinite alternate;
}

@keyframes blink-border {
    0% {
        border-color: #757575;
    }
    50% {
        border-color: transparent;
    }
    100% {
        border-color: #757575;
    }
}

.required-indicator {
    color: #d63638;
    margin-left: 4px;
}

/* Group Item */

.group-item {
    padding: 0;
    border: none;
}

.group-header {
    padding: 12px 16px;
    background-color: #f0f0f0;
    border-radius: 4px;
    margin-bottom: 16px;
}

.group-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 16px;
}

.group-child-item {
    margin-left: 16px;
}

/* Display Item */

.display-item {
    background-color: #f8f9fa;
}

.display-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

/* Input Container */

.input-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.unit-label {
    font-size: 14px;
    color: #555;
}

/* Slider Container */

.slider-container {
    padding: 0 16px;
}

/* Choice Options */

.radio-options,
.checkbox-options {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 8px;
}

.radio-options.vertical,
.checkbox-options.vertical {
    flex-direction: column;
    gap: 8px;
}

.radio-options.horizontal,
.checkbox-options.horizontal {
    flex-direction: row;
}

/* Support Link */

.support-link {
    margin-top: 8px;
    text-align: right;
    font-size: 12px;
    color: #555;
}

.support-link a {
    color: #007cba;
    text-decoration: none;
}

.support-link a:hover {
    text-decoration: underline;
}

/* Additional styles from Angular */

.preview-title h2 {
    font-size: 24px;
}

.question-label {
    font-size: 12px !important;
}

.radio-options label,
.checkbox-options label {
    font-size: 12px !important;
}

.input-container input,
.textarea-item textarea,
.choice-item select {
    font-size: 14px;
    min-height: 36px;
}

.checkbox-options input[type="checkbox"],
.radio-options input[type="radio"],
.boolean-item .components-toggle-control {
    font-size: 12px !important;
}

.slider-container .components-range-control {
    font-size: 12px !important;
}

/* Fix for Divider component */

.components-divider {
    margin-top: 8px;
    margin-bottom: 8px;
}

/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/FhirAttachment/FhirAttachment.css ***!
  \******************************************************************************************************************************************************************************************************/
.fhir-attachment {
    margin: 0;
    box-shadow: none !important;
    border: 1px solid #e0e0e0;
}

.fhir-attachment__body {
    padding: 0 !important;
}

.fhir-attachment__placeholder {
    width: 100%;
    min-height: 200px;
    background: linear-gradient(135deg, #e0e0e0, #f7f7f7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding: 32px 16px;
}

.fhir-attachment__placeholder-text {
    color: #757575;
    margin-top: 16px;
    font-size: 14px;
    text-align: center;
}

.fhir-attachment__preview {
    position: relative;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.fhir-attachment__image {
    max-width: 100%;
    max-height: 300px;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 4px;
}

.fhir-attachment__file-info {
    display: flex;
    align-items: center;
    padding: 24px;
    gap: 16px;
    min-height: 120px;
}

.fhir-attachment__file-details {
    flex: 1;
}

.fhir-attachment__file-name {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 500;
    color: #1e1e1e;
    word-break: break-word;
}

.fhir-attachment__file-size {
    margin: 0;
    font-size: 14px;
    color: #757575;
}

.fhir-attachment__controls {
    background-color: #f9f9f9;
    padding: 12px 16px;
    border-top: 1px solid #e0e0e0;
}

.fhir-attachment__upload-button {
    min-width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
    border-radius: 4px !important;
    background-color: white !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.fhir-attachment__upload-button:hover {
    background-color: #f9f9f9 !important;
    border-color: #c0c0c0 !important;
}

.fhir-attachment__delete-button {
    min-width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
    border-radius: 4px !important;
    background-color: white !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    color: #d63638 !important;
}

.fhir-attachment__delete-button:hover {
    background-color: #fef7f7 !important;
    border-color: #d63638 !important;
}

.fhir-attachment__download-button {
    min-width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
    border-radius: 4px !important;
    background-color: var(--wp-admin-theme-color) !important;
    border: 1px solid var(--wp-admin-theme-color) !important;
    color: white !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.fhir-attachment__download-button:hover {
    background-color: var(--wp-admin-theme-color-darker-10) !important;
    border-color: var(--wp-admin-theme-color-darker-10) !important;
}

.fhir-attachment__placeholder .fhir-attachment__upload-button {
    position: absolute !important;
    right: 16px !important;
    bottom: 16px !important;
    min-width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background-color: var(--wp-admin-theme-color) !important;
    border: 1px solid var(--wp-admin-theme-color) !important;
    color: white !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.fhir-attachment__placeholder .fhir-attachment__upload-button:hover {
    background-color: var(--wp-admin-theme-color-darker-10) !important;
    border-color: var(--wp-admin-theme-color-darker-10) !important;
}

.fhir-attachment__description {
    font-size: 12px;
    color: #757575;
    margin: 8px 16px;
    text-align: left;
}

@media (max-width: 768px) {
    .fhir-attachment__file-info {
        flex-direction: column;
        text-align: center;
        padding: 16px;
    }

    .fhir-attachment__controls .components-flex {
        flex-direction: column;
        gap: 8px;
    }

    .fhir-attachment__controls .components-flex .components-flex {
        flex-direction: row;
        justify-content: center;
    }
}

.fhir-attachment__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    color: #757575;
}

.fhir-attachment .components-notice {
    margin: 8px 16px 0 16px;
}

.fhir-attachment__upload-button:focus,
.fhir-attachment__delete-button:focus,
.fhir-attachment__download-button:focus {
    outline: 2px solid var(--wp-admin-theme-color) !important;
    outline-offset: 2px !important;
}

/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/pages/DashboardPage/DashboardPage.css ***!
  \***********************************************************************************************************************************************************************************************/
.dashboard-sidebar {
    background-color: white;
    min-width: 56px;
    width: 56px;
    color: black;
    transition: width 0.2s ease-in-out;
    overflow: hidden;
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 90;
}

.dashboard-sidebar--open {
    width: 220px;
}

.sidebar-toggle {
    padding: 16px 8px;
}

.sidebar-menu-item {
    transition: background-color 0.2s ease;
    padding: 16px !important;
    height: 48px;
    gap: 16px !important;
}

.sidebar-menu-item:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.sidebar-menu-item.is-active {
    background-color: #2271b1 !important;
    color: #fff !important;
}

.dashboard-content {
    padding: 16px;
    overflow-y: hidden;
}

.dashboard-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    background-color: #f0f0f1;
}

.dashboard-loading p {
    margin-top: 16px;
    font-size: 16px;
    color: #3c434a;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/App.css ***!
  \*****************************************************************************************************************************************************************/


/*# sourceMappingURL=main.tsx.css.map*/