/* _content/Cliniqol.App/Features/Account/Login.razor.rz.scp.css */
.alert a[b-lc3r46ewfz] {
    color: blue;
    cursor: pointer;
}

.alert a:hover[b-lc3r46ewfz] {
    text-decoration: underline;
}
/* _content/Cliniqol.App/Features/AuditLogs/Summary.razor.rz.scp.css */
/*  The snapshot box. Unstyled it renders at the browser's default width inside an expander that
    is the width of the page, and the script that sizes it only ever sets its height. */
textarea[b-yr85b00vb6] {
    width: 100%;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.5rem;
    font-family: var(--bs-font-monospace, monospace);
    font-size: 0.875rem;
}
/* _content/Cliniqol.App/Features/CompletedQuestionnaires/AnswerPage.razor.rz.scp.css */
/*  The answer wizard's own styling. Everything here is unconditional and applies at every width;
    the wizard's breakpoint-dependent rules are in wwwroot/css/responsive.css, which owns every
    media query in this project. A rule here could not be overridden from there anyway. */

/*  The choice list is the control a thumb aims at, and Bootstrap's default check is 1em square
    with a 1.5em line. Enlarging the label's hit area rather than the box keeps the visual weight
    of the form and still gives a full-width target per choice. */
.form-check[b-2zigbqiix7] {
    padding: 0.35rem 0 0.35rem 1.5em;
}

.form-check-label[b-2zigbqiix7] {
    display: block;
    min-height: 1.75rem;
    cursor: pointer;
}

/*  The inline date-and-time picker cannot widen its column at any width. The library owns what is
    inside it, so the cap is here and the overflow rule that lets a narrow screen reach the whole
    widget is in responsive.css. */
.wizard-picker[b-2zigbqiix7] {
    max-width: 100%;
}
/* _content/Cliniqol.App/Features/CompletedQuestionnaires/DetailsPage.razor.rz.scp.css */
.row.head[b-s0ewxdo5l3] {
    margin: 3rem 0;
}

/*  RULES THAT LEFT THIS FILE: the question card's number, column and heading moved to
    wwwroot/css/responsive.css. All three change at the phone tier, and a SCOPED SELECTOR CANNOT BE
    OVERRIDDEN FROM A GLOBAL STYLESHEET - isolation appends an attribute to every selector here,
    which outranks anything a media query there can say. */

.choice span[b-s0ewxdo5l3] {
    width: 2rem;
    text-align: center;
    display: inline-block;
}

label.not-selected[b-s0ewxdo5l3] {
    opacity: 0.8;
}

label.selected[b-s0ewxdo5l3] {
    font-weight: bold;
}
/* _content/Cliniqol.App/Features/Help/HelpArticlePage.razor.rz.scp.css */
h1[b-y1jvvrao0r] {
    margin-bottom: 1.25rem;
}
/* _content/Cliniqol.App/Features/Help/HelpIndex.razor.rz.scp.css */
.help-category-heading[b-whlyi9i403] {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
    font-weight: 600;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.4rem;
}

.help-article-card[b-whlyi9i403] {
    transition: box-shadow 0.15s ease-in-out;
    color: #212529;
}

.help-article-card .card-title i[b-whlyi9i403] {
    color: #4e73df;
}

.help-article-card:hover[b-whlyi9i403] {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

/* _content/Cliniqol.App/Features/Plans/DetailsPage.razor.rz.scp.css */
/*  RULES THAT LEFT THIS FILE: the two column headings of the question picker moved into
    `.pick-list h5` in wwwroot/css/responsive.css, because a scoped rule cannot reach into a
    component's own markup. */

h3[b-uk84w130pu] {
    padding: 1.5rem 0;
}
/* _content/Cliniqol.App/Features/Plans/ListPage.razor.rz.scp.css */
/*  The expander's own row belongs to ListTable and is called `details-row`, which this file's
    scope cannot reach. This styles the two-column list inside it. */
.row.questions[b-agyji567wp] {
    margin: 1rem;
    padding: 1rem;
    border: solid 1px #ccc;
    border-radius: 15px;
    background-color: #fff;
}
/* _content/Cliniqol.App/Features/Questionnaires/DetailsPage.razor.rz.scp.css */
/*  RULES THAT LEFT THIS FILE: the two column headings of the question picker moved into
    `.pick-list h5` in wwwroot/css/responsive.css, because a scoped rule cannot reach into a
    component's own markup. */

h3[b-lzwngwz7ky] {
    padding: 1.5rem 0;
}

.remove-skip[b-lzwngwz7ky] {
    color: red;
    cursor: pointer;
    text-decoration: underline;
}
/* _content/Cliniqol.App/Features/Questionnaires/ListPage.razor.rz.scp.css */
/*  The expander's own row belongs to ListTable and is called `details-row`, which this file's
    scope cannot reach. This styles the two-column list inside it. */
.row.questions[b-d574h0qs4f] {
    margin: 1rem;
    padding: 1rem;
    border: solid 1px #ccc;
    border-radius: 15px;
    background-color: #fff;
}
/* _content/Cliniqol.App/Features/Questions/DetailsPage.razor.rz.scp.css */
.row.head[b-5vbi2junyb] {
    margin-bottom: 1rem;
}

.row.choice[b-5vbi2junyb] {
    margin-bottom: 0.5rem;
}
/* _content/Cliniqol.App/Features/Shared/Components/Search/Search.razor.rz.scp.css */
#search[b-zi95c9qoq9] {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    align-items: center;
}

#search label[b-zi95c9qoq9] {
    padding-left: 1rem;
    padding-top: 0.5rem;
}

#search input[b-zi95c9qoq9] {
    border: 0;
    padding: 0.5rem;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* The input takes the slack: at the browser default the filter box is narrower on a phone
       than the placeholder that describes it. */
    flex: 1 1 auto;
    min-width: 0;
}

/*  A button rather than an anchor, so the button chrome is taken back off. The touch target is
    deliberately larger than the glyph - it is what a thumb reaches for to undo a filter. */
#search #search-clear[b-zi95c9qoq9] {
    color: #ccc;
    padding: 0.5rem 1rem;
    border: 0;
    background: none;
    text-decoration: none;
    cursor: pointer;
    line-height: 1;
}

#search #search-clear:hover[b-zi95c9qoq9],
#search #search-clear:focus-visible[b-zi95c9qoq9] {
    color: #6c757d;
}
/* _content/Cliniqol.App/Features/Subscriptions/DetailsPage.razor.rz.scp.css */
.pull-up label[b-k3oxgekk9p] {
    margin-bottom: 0;
}
.sw[b-k3oxgekk9p] {
    padding: 1rem;
}
/* _content/Cliniqol.App/Features/Users/DetailsPage.razor.rz.scp.css */
.sticky-top[b-ap8gaylfdz] {
    background-color: #fff !important;
    border-bottom: solid 1px #ccc;
    padding: 1rem 0.5rem;
    z-index: 900;
}

.sticky-top a[b-ap8gaylfdz] {
    cursor: pointer;
}
/* _content/Cliniqol.App/Features/Users/ListPage.razor.rz.scp.css */
#include-inactive[b-6lmn1rkfll] {
    margin: 0.3rem 1rem;
}

.fa-user-times[b-6lmn1rkfll] {
    margin-right: 1rem;
}

/*  The expander's label/value pairs. The value is a `<span>` rather than a bare text node so it
    can be the flex item that wraps - without that a long email sits hard against its label at
    every width. Keyed on the card this page draws, because the expander's own row belongs to
    ListTable and this file's scope cannot reach it. */
.card-body p[b-6lmn1rkfll] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.75rem;
    justify-content: space-between;
    border-bottom: solid 1px #ccc;
    margin-bottom: 0.25rem;
}

.card-body p > span[b-6lmn1rkfll] {
    overflow-wrap: break-word;
    min-width: 0;
    text-align: right;
}

.card-body .btn[b-6lmn1rkfll] {
    min-width: 5rem;
    margin: 0.5rem;
}

.label[b-6lmn1rkfll] {
    font-weight: bolder;
}