/* /Components/Account/Pages/Invite.razor.rz.scp.css */
/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* /Components/Account/Pages/Register.razor.rz.scp.css */
/* /Components/Layout/MainLayout.razor.rz.scp.css */

.page[b-itadd0ojwn] {
    --layout-sidebar-width: 0px;
    --layout-sidebar-half-width: 0px;

    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    flex-direction: column;
    background: #f2f4f7;
}

.sidebar[b-itadd0ojwn] {
    position: relative;
    z-index: 100;
    flex: 0 0 auto;
    background:
        radial-gradient(circle at 25% 0%, rgba(69, 121, 219, 0.22), transparent 260px),
        linear-gradient(180deg, #17243c 0%, #1b2e50 52%, #16243c 100%);
}

.main-content[b-itadd0ojwn] {
    min-width: 0;
    flex: 1 1 0%;
    container-name: managr-main;
    container-type: inline-size;
    background: #f2f4f7;
}

.content[b-itadd0ojwn] {
    --page-content-pad-x: 1.5rem;
    --page-content-pad-top: 1.4rem;

    box-sizing: border-box;
    width: 100%;
    max-width: 1800px;
    min-width: 0;
    margin: 0 auto;
    padding: var(--page-content-pad-top) var(--page-content-pad-x) 2rem;
}


/* ------------------------------------------------------------
   Mobile
   ------------------------------------------------------------ */

@media (max-width: 640.98px) {

    .sidebar[b-itadd0ojwn] {
        position: relative;
        z-index: 3000;
        width: 0;
        height: 0;
        flex: 0 0 0;
        background: transparent;
        box-shadow: none;
    }

    .main-content[b-itadd0ojwn] {
        width: 100%;
    }

    .content[b-itadd0ojwn] {
        --page-content-pad-x: 0.7rem;
        --page-content-pad-top: 0.75rem;

        padding: var(--page-content-pad-top) var(--page-content-pad-x) calc(5.25rem + env(safe-area-inset-bottom));
    }
}


/* ------------------------------------------------------------
   Desktop
   ------------------------------------------------------------ */

@media (min-width: 641px) {

    .page[b-itadd0ojwn] {
        --layout-sidebar-width: 252px;
        --layout-sidebar-half-width: 126px;

        display: block;
    }

    .sidebar[b-itadd0ojwn] {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        width: var(--layout-sidebar-width);
        height: 100vh;
        height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh;
        flex-direction: column;
        overflow: hidden;
        border-right: 1px solid rgba(255, 255, 255, 0.07);
        box-shadow: 5px 0 22px rgba(20, 34, 58, 0.08);
    }

    .main-content[b-itadd0ojwn] {
        box-sizing: border-box;
        width: calc(100% - var(--layout-sidebar-width));
        min-height: 100vh;
        min-height: 100dvh;
        margin-left: var(--layout-sidebar-width);
        flex: none;
        transition: width 0.18s ease, margin-left 0.18s ease;
    }
}


/* ------------------------------------------------------------
   Blazor error UI
   ------------------------------------------------------------ */

#blazor-error-ui[b-itadd0ojwn] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2000;
    display: none;
    box-sizing: border-box;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 3rem 0.85rem 1rem;
    border: 1px solid #efc2c2;
    border-left: 4px solid #d95151;
    border-radius: 10px;
    color: #542727;
    background: #fff7f7;
    box-shadow: 0 8px 30px rgba(48, 27, 27, 0.18);
}

.error-content[b-itadd0ojwn] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    font-size: 0.82rem;
}

.error-content span[b-itadd0ojwn] {
    margin-top: 0.1rem;
    color: #7d5555;
    font-size: 0.72rem;
}

#blazor-error-ui .reload[b-itadd0ojwn] {
    flex: 0 0 auto;
    color: #a53131;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
}

#blazor-error-ui .reload:hover[b-itadd0ojwn] {
    text-decoration: underline;
}

#blazor-error-ui .dismiss[b-itadd0ojwn] {
    position: absolute;
    top: 50%;
    right: 0.9rem;
    color: #8a5b5b;
    cursor: pointer;
    font-size: 1.2rem;
    transform: translateY(-50%);
}

@media (max-width: 600px) {

    #blazor-error-ui[b-itadd0ojwn] {
        right: 0.5rem;
        bottom: calc(4.5rem + env(safe-area-inset-bottom));
        left: 0.5rem;
    }
}


======================================================================[b-itadd0ojwn]
/* /Components/Layout/NavMenu.razor.rz.scp.css */

.nav-shell[b-cnb4hh9hij] {
    --nav-text: #d8e1ef;
    --nav-muted: #aebbd0;
    --nav-blue: #5f8fe8;
    --nav-blue-bright: #7da7f4;
    --nav-active: rgba(88, 137, 224, 0.17);
    --nav-hover: rgba(255, 255, 255, 0.065);
    --nav-border: rgba(255, 255, 255, 0.085);

    display: flex;
    height: 100%;
    flex-direction: column;
    color: var(--nav-text);
}


/* ------------------------------------------------------------
   Brand
   ------------------------------------------------------------ */

.brand-row[b-cnb4hh9hij] {
    position: relative;
    display: flex;
    min-height: 78px;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.05rem;
    border-bottom: 1px solid var(--nav-border);
}

.brand-link[b-cnb4hh9hij] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.72rem;
    color: #fff;
    text-decoration: none;
}

.brand-link:hover[b-cnb4hh9hij] {
    color: #fff;
}

.brand-mark[b-cnb4hh9hij] {
    display: flex;
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 10px;
    color: #fff;
    background:
        linear-gradient(145deg, rgba(126, 167, 244, 0.32), rgba(53, 104, 212, 0.15));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 4px 12px rgba(0, 0, 0, 0.12);
    font-size: 1.05rem;
    font-weight: 800;
}

.brand-copy[b-cnb4hh9hij] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.brand-name[b-cnb4hh9hij] {
    font-size: 1.08rem;
    font-weight: 725;
    letter-spacing: -0.02em;
}

.brand-subtitle[b-cnb4hh9hij] {
    margin-top: 0.05rem;
    color: #8fa6c8;
    font-size: 0.61rem;
    font-weight: 550;
    letter-spacing: 0.035em;
}


/* ------------------------------------------------------------
   Mobile toggle
   ------------------------------------------------------------ */

.navbar-toggler[b-cnb4hh9hij] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.desktop-collapse-button[b-cnb4hh9hij] {
    display: none;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.06);
}

.desktop-collapse-button span[b-cnb4hh9hij] {
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 99px;
    background: #d9e4f4;
}

.desktop-collapse-button:hover[b-cnb4hh9hij] {
    background: rgba(255, 255, 255, 0.1);
}

.mobile-menu-button[b-cnb4hh9hij] {
    display: flex;
    width: 38px;
    height: 36px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.06);
}

.mobile-menu-button span[b-cnb4hh9hij] {
    display: block;
    width: 17px;
    height: 2px;
    border-radius: 99px;
    background: #d9e4f4;
}

.mobile-menu-button:hover[b-cnb4hh9hij] {
    background: rgba(255, 255, 255, 0.1);
}


/* ------------------------------------------------------------
   Navigation shell
   ------------------------------------------------------------ */

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

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

.nav-menu[b-cnb4hh9hij] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    padding: 0.8rem 0.7rem 0.7rem;
}

.nav-section[b-cnb4hh9hij] {
    margin-bottom: 0.85rem;
}

.nav-section-label[b-cnb4hh9hij] {
    margin: 0 0.55rem 0.35rem;
    color: var(--nav-muted);
    font-size: 0.59rem;
    font-weight: 750;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.nav-item[b-cnb4hh9hij] {
    margin-bottom: 0.18rem;
}

.nav-item[b-cnb4hh9hij]  .nav-link {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 43px;
    align-items: center;
    gap: 0.72rem;
    padding: 0.58rem 0.72rem;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--nav-text) !important;
    background: transparent;
    font-size: 0.82rem;
    font-weight: 570;
    line-height: 1.1;
    text-decoration: none;
    transition:
        color 0.15s ease,
        background-color 0.15s ease,
        border-color 0.15s ease,
        transform 0.15s ease;
}

.nav-item[b-cnb4hh9hij]  .nav-link::before {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    width: 3px;
    border-radius: 0 99px 99px 0;
    content: "";
    background: transparent;
}

.nav-item[b-cnb4hh9hij]  .nav-link:hover {
    border-color: rgba(255, 255, 255, 0.04);
    color: #fff !important;
    background: var(--nav-hover);
}

.nav-item[b-cnb4hh9hij]  .nav-link.active {
    border-color: rgba(112, 157, 239, 0.16);
    color: #fff !important;
    background:
        linear-gradient(90deg, rgba(91, 142, 234, 0.19), rgba(91, 142, 234, 0.09));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.015);
}

.nav-item[b-cnb4hh9hij]  .nav-link.active::before {
    background: var(--nav-blue-bright);
}

.nav-item[b-cnb4hh9hij]  .nav-link.active .nav-icon {
    color: #94b7f7;
}


/* ------------------------------------------------------------
   Icons
   ------------------------------------------------------------ */

.nav-icon[b-cnb4hh9hij] {
    width: 1.05rem;
    height: 1.05rem;
    flex: 0 0 1.05rem;
    overflow: visible;
    color: #9caec8;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: color 0.15s ease;
}

.nav-item[b-cnb4hh9hij]  .nav-link:hover .nav-icon {
    color: #c7d7ed;
}


/* ------------------------------------------------------------
   Account area
   ------------------------------------------------------------ */

.nav-spacer[b-cnb4hh9hij] {
    flex: 1;
}

.nav-account[b-cnb4hh9hij] {
    margin-top: 0.6rem;
    padding-top: 0.65rem;
    border-top: 1px solid var(--nav-border);
}







.logout-form[b-cnb4hh9hij] {
    margin: 0;
}

.logout-button[b-cnb4hh9hij] {
    display: flex;
    width: 100%;
    min-height: 39px;
    align-items: center;
    gap: 0.72rem;
    padding: 0.52rem 0.72rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #aebbd0;
    background: transparent;
    font-size: 0.75rem;
    font-weight: 570;
    text-align: left;
}

.logout-button:hover[b-cnb4hh9hij] {
    color: #fff;
    background: rgba(255, 255, 255, 0.055);
}

.logout-button .nav-icon[b-cnb4hh9hij] {
    width: 0.98rem;
    height: 0.98rem;
    flex-basis: 0.98rem;
}


/* ------------------------------------------------------------
   Mobile
   ------------------------------------------------------------ */

.mobile-bottom-nav[b-cnb4hh9hij] {
    display: none;
}

@media (max-width: 640.98px) {

    .nav-shell[b-cnb4hh9hij] {
        height: 0;
        min-height: 0;
    }

    .brand-row[b-cnb4hh9hij] {
        display: none;
    }

    .nav-scrollable[b-cnb4hh9hij] {
        --bs-link-color: #d8e1ef;
        --bs-link-color-rgb: 216, 225, 239;
        --bs-link-hover-color: #fff;
        --bs-link-hover-color-rgb: 255, 255, 255;
        --bs-nav-link-color: #d8e1ef;
        --bs-nav-link-hover-color: #fff;

        position: fixed;
        top: 0;
        right: 0;
        bottom: calc(64px + env(safe-area-inset-bottom));
        left: 0;
        z-index: 20;
        max-height: none;
        overflow-y: auto;
        color: #d8e1ef !important;
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        background:
            radial-gradient(circle at 25% 0%, rgba(69, 121, 219, 0.22), transparent 260px),
            linear-gradient(180deg, rgba(21, 36, 60, 0.995), rgba(24, 42, 70, 0.995));
        box-shadow: 0 -4px 22px rgba(15, 27, 48, 0.18);
    }

    .nav-menu[b-cnb4hh9hij] {
        width: 100%;
        min-height: 100%;
        padding: 0.9rem 0.75rem 1rem;
        color: #d8e1ef !important;
    }

    .nav-spacer[b-cnb4hh9hij] {
        min-height: 1rem;
    }

    .nav-account[b-cnb4hh9hij] {
        margin-top: 0;
    }

    /*
     * Full-screen mobile menu: set colors on the rendered leaf elements instead
     * of relying on inherited anchor color. Bootstrap/global link styles can
     * otherwise win after the Menu overlay is opened on narrow viewports.
     */
    .nav-scrollable .nav-section-label[b-cnb4hh9hij] {
        color: #aebbd0 !important;
    }

    .nav-scrollable .nav-item[b-cnb4hh9hij]  .nav-link,
    .nav-scrollable .nav-item[b-cnb4hh9hij]  .nav-link .nav-link-label,
    .nav-scrollable .nav-link-label[b-cnb4hh9hij] {
        color: #d8e1ef !important;
        -webkit-text-fill-color: #d8e1ef;
    }

    .nav-scrollable .nav-item[b-cnb4hh9hij]  .nav-link .nav-icon,
    .nav-scrollable .nav-icon[b-cnb4hh9hij] {
        color: #9caec8 !important;
    }

    .nav-scrollable .nav-item[b-cnb4hh9hij]  .nav-link:hover,
    .nav-scrollable .nav-item[b-cnb4hh9hij]  .nav-link:hover .nav-link-label,
    .nav-scrollable .nav-item[b-cnb4hh9hij]  .nav-link.active,
    .nav-scrollable .nav-item[b-cnb4hh9hij]  .nav-link.active .nav-link-label {
        color: #fff !important;
        -webkit-text-fill-color: #fff;
    }

    .nav-scrollable .nav-item[b-cnb4hh9hij]  .nav-link:hover .nav-icon {
        color: #c7d7ed !important;
    }

    .nav-scrollable .nav-item[b-cnb4hh9hij]  .nav-link.active .nav-icon {
        color: #94b7f7 !important;
    }

    .nav-scrollable .logout-button[b-cnb4hh9hij],
    .nav-scrollable .logout-button .logout-label[b-cnb4hh9hij] {
        color: #aebbd0 !important;
    }

    .nav-scrollable .logout-button:hover[b-cnb4hh9hij],
    .nav-scrollable .logout-button:hover .logout-label[b-cnb4hh9hij] {
        color: #fff !important;
    }

    .mobile-bottom-nav[b-cnb4hh9hij] {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 30;
        box-sizing: border-box;
        display: grid;
        height: calc(64px + env(safe-area-inset-bottom));
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: stretch;
        gap: 0.12rem;
        padding: 0.25rem 0.32rem calc(0.25rem + env(safe-area-inset-bottom));
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: linear-gradient(180deg, #1b2e50 0%, #16243c 100%);
        box-shadow: 0 -5px 20px rgba(15, 27, 48, 0.22);
    }

    .mobile-bottom-nav[b-cnb4hh9hij]  .mobile-bottom-nav-link,
    .mobile-bottom-nav-menu[b-cnb4hh9hij] {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.12rem;
        padding: 0.24rem 0.12rem;
        border: 1px solid transparent;
        border-radius: 9px;
        cursor: pointer;
        color: #9caec8 !important;
        background: transparent;
        font-size: 0.52rem;
        font-weight: 700;
        line-height: 1.05;
        text-align: center;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-bottom-nav[b-cnb4hh9hij]  .mobile-bottom-nav-link:hover,
    .mobile-bottom-nav-menu:hover[b-cnb4hh9hij] {
        color: #dce7f6 !important;
        background: rgba(255, 255, 255, 0.055);
    }

    .mobile-bottom-nav[b-cnb4hh9hij]  .mobile-bottom-nav-link.active,
    .navbar-toggler:checked ~ .mobile-bottom-nav .mobile-bottom-nav-menu[b-cnb4hh9hij] {
        border-color: rgba(125, 167, 244, 0.2);
        color: #fff !important;
        background: rgba(91, 142, 234, 0.16);
    }

    .mobile-bottom-nav[b-cnb4hh9hij]  .mobile-bottom-nav-link .nav-icon,
    .mobile-bottom-nav-menu .nav-icon[b-cnb4hh9hij] {
        width: 1.08rem;
        height: 1.08rem;
        flex: 0 0 1.08rem;
        color: currentColor;
        stroke-width: 1.8;
    }

    .mobile-bottom-nav-label[b-cnb4hh9hij] {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}


/* ------------------------------------------------------------
   Desktop
   ------------------------------------------------------------ */

@media (min-width: 641px) {

    /*
     * The fixed sidebar has a definite viewport height. Give NavMenu the same
     * definite height and split it into the brand row plus one remaining-height
     * navigation track. This avoids nested auto-height flex items collapsing to
     * their content height.
     */
    .nav-shell[b-cnb4hh9hij] {
        display: grid;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        max-height: 100vh;
        max-height: 100dvh;
        grid-template-rows: auto minmax(0, 1fr);
    }

    .mobile-menu-button[b-cnb4hh9hij] {
        display: none;
    }

    .desktop-collapse-button[b-cnb4hh9hij] {
        display: flex;
    }

    /*
     * The mobile checkbox selector is more specific than a plain class selector,
     * so force the desktop navigation track back to flex even if that checkbox
     * happens to remain checked while the viewport crosses the desktop breakpoint.
     */
    .nav-scrollable[b-cnb4hh9hij] {
        display: flex !important;
        width: 100%;
        height: 100%;
        min-height: 0;
        align-items: stretch;
        overflow-y: auto;
    }

    .nav-menu[b-cnb4hh9hij] {
        width: 100%;
        height: 100%;
        min-height: 0;
        flex: 1 1 auto;
        align-self: stretch;
    }

    .nav-section + .nav-section[b-cnb4hh9hij] {
        padding-top: 0.65rem;
        border-top: 1px solid var(--nav-border);
    }

    /*
     * Desktop navigation colors are intentionally explicit rather than inherited.
     * Bootstrap/global link rules have previously overridden the rail text after
     * unrelated navbar CSS changes, so keep desktop and mobile color contracts
     * independent and authoritative inside their own breakpoints.
     */
    .nav-section-label[b-cnb4hh9hij] {
        color: #aebbd0 !important;
    }

    .nav-item[b-cnb4hh9hij]  .nav-link,
    .nav-item[b-cnb4hh9hij]  .nav-link .nav-link-label,
    .nav-link-label[b-cnb4hh9hij] {
        color: #d8e1ef !important;
        -webkit-text-fill-color: #d8e1ef;
    }

    .nav-item[b-cnb4hh9hij]  .nav-link .nav-icon,
    .nav-menu .nav-icon[b-cnb4hh9hij] {
        color: #9caec8 !important;
    }

    .nav-item[b-cnb4hh9hij]  .nav-link:hover,
    .nav-item[b-cnb4hh9hij]  .nav-link:hover .nav-link-label,
    .nav-item[b-cnb4hh9hij]  .nav-link.active,
    .nav-item[b-cnb4hh9hij]  .nav-link.active .nav-link-label {
        color: #fff !important;
        -webkit-text-fill-color: #fff;
    }

    .nav-item[b-cnb4hh9hij]  .nav-link:hover .nav-icon {
        color: #c7d7ed !important;
    }

    .nav-item[b-cnb4hh9hij]  .nav-link.active .nav-icon {
        color: #94b7f7 !important;
    }

    .logout-button[b-cnb4hh9hij],
    .logout-button .logout-label[b-cnb4hh9hij] {
        color: #aebbd0 !important;
    }

    .logout-button:hover[b-cnb4hh9hij],
    .logout-button:hover .logout-label[b-cnb4hh9hij] {
        color: #fff !important;
    }

}

/* ------------------------------------------------------------
    Brand Logo
   ------------------------------------------------------------ */

   .brand-logo[b-cnb4hh9hij] {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        object-fit: contain;
        border-radius: 8px;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0h4dgyentc],
.components-reconnect-repeated-attempt-visible[b-0h4dgyentc],
.components-reconnect-failed-visible[b-0h4dgyentc],
.components-pause-visible[b-0h4dgyentc],
.components-resume-failed-visible[b-0h4dgyentc],
.components-rejoining-animation[b-0h4dgyentc] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-0h4dgyentc],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0h4dgyentc],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0h4dgyentc],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0h4dgyentc],
#components-reconnect-modal.components-reconnect-retrying[b-0h4dgyentc],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0h4dgyentc],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0h4dgyentc],
#components-reconnect-modal.components-reconnect-failed[b-0h4dgyentc],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0h4dgyentc] {
    display: block;
}


#components-reconnect-modal[b-0h4dgyentc] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0h4dgyentc 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-0h4dgyentc 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-0h4dgyentc 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-0h4dgyentc]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-0h4dgyentc 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-0h4dgyentc {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-0h4dgyentc {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-0h4dgyentc {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-0h4dgyentc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-0h4dgyentc] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-0h4dgyentc] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-0h4dgyentc] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-0h4dgyentc] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-0h4dgyentc] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-0h4dgyentc] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0h4dgyentc 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-0h4dgyentc] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-0h4dgyentc {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AiAssistant.razor.rz.scp.css */


.ai-assistant-page[b-rr8ahl5lqo] {
    width: 100%;
    margin: 0;
    padding: 0 0 2.5rem;
}

.assistant-page-content[b-rr8ahl5lqo] {
    box-sizing: border-box;
    width: min(1280px, 100%);
    margin: 0 auto;
    padding: 0 1.35rem;
}

.assistant-section-label[b-rr8ahl5lqo],
.assistant-result-label[b-rr8ahl5lqo] {
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    color: #65758e;
}

.assistant-loading[b-rr8ahl5lqo] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 1rem;
    color: #657187;
}

.assistant-provider-card[b-rr8ahl5lqo],
.assistant-card[b-rr8ahl5lqo] {
    margin-bottom: 1rem;
    border: 1px solid #dce4ee;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(31, 50, 81, 0.05);
}

.assistant-provider-card[b-rr8ahl5lqo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
    gap: 1.2rem;
    align-items: center;
    padding: 1rem 1.15rem;
}

.assistant-provider-copy h2[b-rr8ahl5lqo],
.assistant-card h2[b-rr8ahl5lqo] {
    margin: 0.15rem 0 0.25rem;
    font-size: 1.08rem;
    color: #1c2940;
}

.assistant-provider-copy p[b-rr8ahl5lqo],
.assistant-card-header p[b-rr8ahl5lqo] {
    margin: 0;
    color: #6d788a;
    font-size: 0.9rem;
    line-height: 1.4;
}

.assistant-provider-selector label[b-rr8ahl5lqo] {
    display: block;
    margin-bottom: 0.3rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #3f4c61;
}

.assistant-provider-meta[b-rr8ahl5lqo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    margin-top: 0.45rem;
    font-size: 0.75rem;
    color: #6b778a;
}

.assistant-provider-meta code[b-rr8ahl5lqo] {
    padding: 0.1rem 0.35rem;
    border-radius: 5px;
    background: #f2f5f9;
    color: #3d506c;
}

.assistant-provider-empty[b-rr8ahl5lqo] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem;
    border: 1px solid #e4d3a5;
    border-radius: 9px;
    background: #fff9e9;
    color: #665321;
    font-size: 0.86rem;
}

.assistant-card[b-rr8ahl5lqo] {
    padding: 1.1rem 1.15rem 1.2rem;
}

.assistant-card-header[b-rr8ahl5lqo] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 0.9rem;
}

.assistant-prompt-status[b-rr8ahl5lqo] {
    flex: 0 0 auto;
    padding: 0.25rem 0.55rem;
    border: 1px solid #d9e2ed;
    border-radius: 999px;
    background: #f7f9fc;
    color: #657187;
    font-size: 0.72rem;
    font-weight: 700;
}

.assistant-prompt-status.custom[b-rr8ahl5lqo] {
    border-color: #b8d7c4;
    background: #f0f9f3;
    color: #28613c;
}

.assistant-date-grid[b-rr8ahl5lqo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 240px));
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}


.assistant-domain-help[b-rr8ahl5lqo] {
    margin: -0.25rem 0 0.9rem;
    color: #738096;
    font-size: 0.76rem;
    line-height: 1.4;
}

.assistant-summary-domain-empty[b-rr8ahl5lqo] {
    margin-bottom: 0.9rem;
}

.assistant-prompt-block[b-rr8ahl5lqo] {
    padding: 0.85rem;
    border: 1px solid #e3e9f1;
    border-radius: 10px;
    background: #f9fbfd;
}

.assistant-prompt-heading[b-rr8ahl5lqo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.35rem;
}

.assistant-prompt-heading label[b-rr8ahl5lqo] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #34425a;
}

.assistant-prompt-heading span[b-rr8ahl5lqo] {
    font-size: 0.7rem;
    color: #8993a3;
}

.assistant-prompt[b-rr8ahl5lqo] {
    min-height: 190px;
    resize: vertical;
    font-family: inherit;
    font-size: 0.86rem;
    line-height: 1.45;
}

.assistant-prompt-help[b-rr8ahl5lqo],
.assistant-data-note[b-rr8ahl5lqo] {
    color: #738096;
    font-size: 0.76rem;
    line-height: 1.4;
}

.assistant-prompt-help[b-rr8ahl5lqo] {
    margin-top: 0.45rem;
}

.assistant-prompt-actions[b-rr8ahl5lqo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.75rem;
}

.assistant-generate-button[b-rr8ahl5lqo] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: auto;
    min-width: 150px;
    justify-content: center;
}

.assistant-inline-message[b-rr8ahl5lqo] {
    margin-top: 0.55rem;
    color: #28613c;
    font-size: 0.78rem;
    font-weight: 600;
}

.assistant-data-note[b-rr8ahl5lqo] {
    margin-top: 0.65rem;
}

.assistant-result-alert[b-rr8ahl5lqo] {
    margin-top: 0.8rem;
    margin-bottom: 0;
}

.assistant-result[b-rr8ahl5lqo] {
    margin-top: 0.9rem;
    overflow: hidden;
    border: 1px solid #d8e1ec;
    border-radius: 11px;
    background: #fff;
}

.assistant-result-header[b-rr8ahl5lqo] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid #e5ebf2;
    background: #f7f9fc;
}

.assistant-result-header strong[b-rr8ahl5lqo] {
    color: #24334c;
    font-size: 0.92rem;
}

.assistant-result-meta[b-rr8ahl5lqo] {
    max-width: 60%;
    text-align: right;
    color: #7b8799;
    font-size: 0.72rem;
    overflow-wrap: anywhere;
}

.assistant-result-text[b-rr8ahl5lqo] {
    padding: 1rem;
    overflow-wrap: anywhere;
    color: #26344a;
    font-size: 0.92rem;
    line-height: 1.55;
}

.assistant-result-markdown > :first-child[b-rr8ahl5lqo] {
    margin-top: 0;
}

.assistant-result-markdown > :last-child[b-rr8ahl5lqo] {
    margin-bottom: 0;
}

.assistant-result-markdown p[b-rr8ahl5lqo] {
    margin: 0 0 0.8rem;
}

.assistant-result-markdown h1[b-rr8ahl5lqo],
.assistant-result-markdown h2[b-rr8ahl5lqo],
.assistant-result-markdown h3[b-rr8ahl5lqo],
.assistant-result-markdown h4[b-rr8ahl5lqo] {
    margin: 1rem 0 0.45rem;
    color: #1f2f48;
    font-weight: 700;
    line-height: 1.3;
}

.assistant-result-markdown h1[b-rr8ahl5lqo] {
    font-size: 1.2rem;
}

.assistant-result-markdown h2[b-rr8ahl5lqo] {
    font-size: 1.08rem;
}

.assistant-result-markdown h3[b-rr8ahl5lqo],
.assistant-result-markdown h4[b-rr8ahl5lqo] {
    font-size: 0.98rem;
}

.assistant-result-markdown ul[b-rr8ahl5lqo],
.assistant-result-markdown ol[b-rr8ahl5lqo] {
    margin: 0 0 0.85rem;
    padding-left: 1.4rem;
}

.assistant-result-markdown li[b-rr8ahl5lqo] {
    margin-bottom: 0.32rem;
}

.assistant-result-markdown li:last-child[b-rr8ahl5lqo] {
    margin-bottom: 0;
}

.assistant-result-markdown strong[b-rr8ahl5lqo] {
    color: #1f2f48;
    font-weight: 700;
}

.assistant-result-markdown em[b-rr8ahl5lqo] {
    font-style: italic;
}

.assistant-result-markdown code[b-rr8ahl5lqo] {
    padding: 0.08rem 0.3rem;
    border-radius: 4px;
    background: #f1f4f8;
    color: #334966;
    font-size: 0.88em;
}

.assistant-result-markdown hr[b-rr8ahl5lqo] {
    margin: 1rem 0;
    border: 0;
    border-top: 1px solid #e1e7ef;
}

@media (max-width: 760px) {
    .ai-assistant-page[b-rr8ahl5lqo] {
        padding-bottom: 1.75rem;
    }

    .assistant-page-content[b-rr8ahl5lqo] {
        padding: 0 0.75rem;
    }

    .assistant-card-header[b-rr8ahl5lqo] {
        flex-direction: column;
    }

    .assistant-provider-card[b-rr8ahl5lqo] {
        grid-template-columns: 1fr;
    }

    .assistant-date-grid[b-rr8ahl5lqo] {
        grid-template-columns: 1fr;
    }

    .assistant-prompt-actions[b-rr8ahl5lqo] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .assistant-prompt-actions .btn[b-rr8ahl5lqo] {
        width: 100%;
    }

    .assistant-generate-button[b-rr8ahl5lqo] {
        grid-column: 1 / -1;
        margin-left: 0;
    }

    .assistant-result-header[b-rr8ahl5lqo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .assistant-result-meta[b-rr8ahl5lqo] {
        max-width: none;
        text-align: left;
    }
}


/* ------------------------------------------------------------
   Collapsible AI tasks
   ------------------------------------------------------------ */

.assistant-collapsible-card[b-rr8ahl5lqo] {
    padding: 0;
    overflow: hidden;
}

.assistant-card-summary[b-rr8ahl5lqo] {
    padding: 1rem 1.05rem;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.assistant-card-summary > div:first-child[b-rr8ahl5lqo] {
    min-width: 0;
    flex: 1 1 auto;
}

.assistant-card-summary .assistant-prompt-status[b-rr8ahl5lqo] {
    margin-left: auto;
}

.assistant-card-summary[b-rr8ahl5lqo]::-webkit-details-marker {
    display: none;
}

.assistant-card-summary[b-rr8ahl5lqo]::after {
    width: 9px;
    height: 9px;
    margin-left: 0.45rem;
    flex: 0 0 9px;
    border-right: 2px solid #7a8494;
    border-bottom: 2px solid #7a8494;
    content: "";
    transform: rotate(45deg);
    transition: transform 0.16s ease;
}

.assistant-collapsible-card[open] .assistant-card-summary[b-rr8ahl5lqo]::after {
    transform: rotate(225deg);
}

.assistant-collapsible-card[open] .assistant-card-summary[b-rr8ahl5lqo] {
    border-bottom: 1px solid #e4e9f0;
}

.assistant-card-body[b-rr8ahl5lqo] {
    padding: 1rem 1.05rem 1.05rem;
}

.assistant-card-body > :first-child[b-rr8ahl5lqo] {
    margin-top: 0;
}

.assistant-card-body > :last-child[b-rr8ahl5lqo] {
    margin-bottom: 0;
}

/* Notes summarization */
.assistant-note-filter-grid[b-rr8ahl5lqo] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) minmax(150px, 0.8fr) minmax(150px, 0.8fr);
    gap: 0.9rem;
    margin-bottom: 1rem;
}

@media (max-width: 760px) {
    .assistant-note-filter-grid[b-rr8ahl5lqo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/EventEdit.razor.rz.scp.css */
.event-edit-page[b-2bievsz4sz] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-border-soft: #dfe4eb;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-purple: #7656c9;
    --managr-orange: #e58737;
    --managr-red: #d95151;
    color: var(--managr-ink);
}

.event-edit-banner[b-2bievsz4sz] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255,255,255,.15) 0, rgba(255,255,255,.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80,145,255,.24) 0, rgba(80,145,255,.24) 185px, transparent 186px),
        linear-gradient(120deg,#17243c 0%,#234a8d 56%,#3568d4 100%);
    box-shadow: 0 8px 25px rgba(28,55,105,.15);
}

.event-edit-banner > *[b-2bievsz4sz] { position: relative; z-index: 1; }

.event-edit-eyebrow[b-2bievsz4sz] {
    margin-bottom: .35rem;
    color: #bfd3ff;
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .16em;
}

.event-edit-banner h1[b-2bievsz4sz] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -.035em;
}

.event-edit-banner-subtitle[b-2bievsz4sz] {
    margin-top: .32rem;
    color: rgba(255,255,255,.78);
    font-size: .9rem;
}

.event-edit-banner-button[b-2bievsz4sz] {
    padding: .52rem .9rem;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255,255,255,.1);
    font-size: .78rem;
    font-weight: 650;
}

.event-edit-banner-button:hover[b-2bievsz4sz] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}

.event-edit-alert[b-2bievsz4sz] { margin-bottom: 1rem; border-radius: 10px; }

.event-edit-page[b-2bievsz4sz]  .form-label {
    margin-bottom: .3rem;
    color: #566174;
    font-size: .73rem;
    font-weight: 650;
}

.event-edit-page[b-2bievsz4sz]  .form-control,
.event-edit-page[b-2bievsz4sz]  .form-select,
.event-edit-page .input-group-text[b-2bievsz4sz] {
    min-height: 40px;
    border-color: #d4dce7;
    border-radius: 8px;
    font-size: .84rem;
}

.event-edit-page[b-2bievsz4sz]  .form-control:focus,
.event-edit-page[b-2bievsz4sz]  .form-select:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 .18rem rgba(53,104,212,.11);
}

.event-edit-page[b-2bievsz4sz]  .form-check-input:checked {
    border-color: var(--managr-blue);
    background-color: var(--managr-blue);
}

.event-edit-page[b-2bievsz4sz]  .validation-message {
    display: block;
    margin-top: .25rem;
    color: var(--managr-red);
    font-size: .68rem;
}

.event-edit-page .btn[b-2bievsz4sz] {
    border-radius: 8px;
    font-size: .78rem;
    font-weight: 650;
}

.event-edit-page .btn-primary[b-2bievsz4sz] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.event-edit-workspace[b-2bievsz4sz] {
    margin-bottom: 1.45rem;
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--managr-blue);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24,34,53,.04),0 7px 22px rgba(24,34,53,.09);
}

.event-edit-workspace-header[b-2bievsz4sz] {
    min-height: 67px;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--managr-border-soft);
    background: linear-gradient(90deg,rgba(53,104,212,.055),#fbfcfe 48%);
}

.event-edit-heading[b-2bievsz4sz] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.event-edit-accent[b-2bievsz4sz] {
    width: 4px;
    height: 32px;
    border-radius: 99px;
    background: var(--managr-blue);
}

.event-edit-title[b-2bievsz4sz] {
    color: var(--managr-ink);
    font-size: .93rem;
    font-weight: 725;
}

.event-edit-subtitle[b-2bievsz4sz] {
    margin-top: .12rem;
    color: var(--managr-muted);
    font-size: .68rem;
}

.event-edit-workspace-body[b-2bievsz4sz] { padding: 1.15rem; }

.event-recurring-context[b-2bievsz4sz],
.event-new-recurrence[b-2bievsz4sz] {
    overflow: hidden;
    border: 1px solid #d9d3ec;
    border-left: 4px solid var(--managr-purple);
    border-radius: 10px;
    background: #faf8fe;
}

.event-recurring-context[b-2bievsz4sz] { margin-bottom: 1.2rem; }

.event-recurring-header[b-2bievsz4sz] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .8rem .9rem;
    border-bottom: 1px solid #e2ddef;
    background: linear-gradient(90deg,rgba(118,86,201,.07),rgba(255,255,255,.3));
}

.event-recurring-icon[b-2bievsz4sz] {
    display: flex;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid #c4b8e6;
    border-radius: 50%;
    color: #6748b5;
    background: #eeeafb;
    font-size: 1rem;
    font-weight: 700;
}

.event-recurring-title[b-2bievsz4sz] {
    color: #4e3a85;
    font-size: .8rem;
    font-weight: 725;
}

.event-recurring-summary[b-2bievsz4sz] {
    margin-top: .08rem;
    color: #75698f;
    font-size: .68rem;
}

.event-recurring-options[b-2bievsz4sz] { padding: .8rem .9rem; }

.event-recurring-description[b-2bievsz4sz] {
    margin-top: .55rem;
    padding-left: 1.55rem;
    color: #788396;
    font-size: .68rem;
    line-height: 1.45;
}

.event-check-option[b-2bievsz4sz] {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: .5rem;
    color: #465266;
    cursor: pointer;
    font-size: .78rem;
    font-weight: 650;
}

.event-check-option[b-2bievsz4sz]  .form-check-input { margin: 0; }

.event-check-options[b-2bievsz4sz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.2rem;
}

.event-form-section[b-2bievsz4sz] { padding: .2rem 0 1.2rem; }

.event-form-section + .event-form-section[b-2bievsz4sz] {
    padding-top: .2rem;
    border-top: 1px solid #e3e7ed;
}

.event-form-section-heading[b-2bievsz4sz] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: .9rem 0 .8rem;
    color: #657084;
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.event-form-section:first-of-type .event-form-section-heading[b-2bievsz4sz] { margin-top: 0; }

.event-form-section-heading div[b-2bievsz4sz] {
    height: 1px;
    flex: 1;
    background: #e1e5eb;
}

.event-new-recurrence[b-2bievsz4sz] {
    margin-top: .75rem;
    padding: .85rem;
}

.event-new-recurrence-intro[b-2bievsz4sz] {
    margin-bottom: .75rem;
    color: #74698c;
    font-size: .69rem;
    line-height: 1.45;
}

.event-recurrence-help[b-2bievsz4sz] {
    color: #7b718f;
    font-size: .68rem;
    line-height: 1.45;
}

.event-tag-selector[b-2bievsz4sz] {
    padding: .8rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #f9fafc;
}

.event-tag-dropdown-grid[b-2bievsz4sz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: .65rem;
}

.event-tag-dropdown[b-2bievsz4sz] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.event-tag-dropdown[open][b-2bievsz4sz] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31,54,92,.07);
}

.event-tag-dropdown-summary[b-2bievsz4sz] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: .45rem;
    padding: .48rem .62rem;
    color: #465266;
    cursor: pointer;
    font-size: .71rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.event-tag-dropdown-summary[b-2bievsz4sz]::-webkit-details-marker { display: none; }

.event-tag-dropdown-title[b-2bievsz4sz] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-tag-dropdown-count[b-2bievsz4sz] {
    margin-left: auto;
    padding: .16rem .38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: .58rem;
    font-weight: 725;
    white-space: nowrap;
}

.event-tag-dropdown-chevron[b-2bievsz4sz] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: .82rem;
    line-height: 1;
    transition: transform .15s ease;
}

.event-tag-dropdown[open] .event-tag-dropdown-chevron[b-2bievsz4sz] { transform: rotate(180deg); }

.event-tag-dropdown-menu[b-2bievsz4sz] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: .18rem;
    padding: .38rem .5rem .5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.event-tag-option[b-2bievsz4sz] {
    display: flex;
    align-items: center;
    gap: .48rem;
    padding: .25rem .18rem;
    border-radius: 5px;
    cursor: pointer;
}

.event-tag-option:hover[b-2bievsz4sz] { background: #f5f8fd; }
.event-tag-option .form-check-input[b-2bievsz4sz] { margin-top: 0; flex: 0 0 auto; }
.event-tag-option .badge[b-2bievsz4sz] {
    max-width: calc(100% - 1.5rem);
    overflow: hidden;
    font-size: .66rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-tag-option .inactive-note[b-2bievsz4sz],
.event-tag-dropdown-title .inactive-note[b-2bievsz4sz] {
    margin-left: .2rem;
}

.inactive-note[b-2bievsz4sz] {
    color: #929baa;
    font-size: .62rem;
    font-weight: 550;
}

.event-edit-form-actions[b-2bievsz4sz] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: 1rem;
    border-top: 1px solid #dfe4eb;
}

.event-save-button[b-2bievsz4sz] { min-width: 125px; }

.event-actions-region[b-2bievsz4sz] { margin-top: 1.2rem; }

.event-actions-region-heading[b-2bievsz4sz] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: .55rem;
    color: #5c687b;
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.event-actions-region-heading div[b-2bievsz4sz] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.event-action-panel[b-2bievsz4sz] {
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24,34,53,.025),0 4px 13px rgba(24,34,53,.05);
}

.event-action-panel + .event-action-panel[b-2bievsz4sz] { margin-top: .8rem; }

.cancel-event-panel[b-2bievsz4sz] { border-top: 3px solid var(--managr-orange); }

.cancel-series-panel[b-2bievsz4sz] { border-top: 3px solid var(--managr-red); }

.event-action-header[b-2bievsz4sz] {
    padding: .72rem .9rem;
    border-bottom: 1px solid #e3e7ed;
    background: #fbfcfd;
}

.cancel-event-panel .event-action-header[b-2bievsz4sz] {
    background: linear-gradient(90deg,rgba(229,135,55,.055),#fbfcfd 45%);
}

.cancel-series-panel .event-action-header[b-2bievsz4sz] {
    background: linear-gradient(90deg,rgba(217,81,81,.05),#fbfcfd 45%);
}

.event-action-heading[b-2bievsz4sz] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.event-action-accent[b-2bievsz4sz] {
    width: 4px;
    height: 29px;
    border-radius: 99px;
}

.event-action-accent.cancel[b-2bievsz4sz] { background: var(--managr-orange); }
.event-action-accent.danger[b-2bievsz4sz] { background: var(--managr-red); }

.event-action-title[b-2bievsz4sz] {
    color: #354156;
    font-size: .82rem;
    font-weight: 725;
}

.event-action-subtitle[b-2bievsz4sz] {
    margin-top: .1rem;
    color: #7b8595;
    font-size: .66rem;
}

.event-action-body[b-2bievsz4sz] { padding: .9rem; }

.event-action-row[b-2bievsz4sz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
}

.event-action-description[b-2bievsz4sz] {
    color: #6c7585;
    font-size: .73rem;
    line-height: 1.45;
}

.event-action-description strong[b-2bievsz4sz] {
    display: block;
    margin-bottom: .12rem;
    color: #465266;
    font-size: .76rem;
}

.event-action-note[b-2bievsz4sz] {
    margin-top: .28rem;
    color: #8a93a1;
    font-size: .66rem;
}

.cancel-event-button[b-2bievsz4sz] {
    flex: 0 0 auto;
    border: 1px solid #dfa267;
    color: #a65b1e;
    background: #fffaf5;
}

.cancel-event-button:hover[b-2bievsz4sz] {
    border-color: var(--managr-orange);
    color: #fff;
    background: var(--managr-orange);
}

.cancel-series-button[b-2bievsz4sz] {
    flex: 0 0 auto;
    border: 1px solid #db8888;
    color: #ad3939;
    background: #fff8f8;
}

.cancel-series-button:hover[b-2bievsz4sz] {
    border-color: var(--managr-red);
    color: #fff;
    background: var(--managr-red);
}

.event-action-confirmation-title[b-2bievsz4sz] {
    margin-bottom: .7rem;
    color: #465266;
    font-size: .77rem;
    font-weight: 700;
}

.event-action-warning[b-2bievsz4sz] {
    margin-bottom: .8rem;
    padding: .65rem .75rem;
    border-left: 3px solid var(--managr-red);
    border-radius: 0 7px 7px 0;
    color: #874343;
    background: #fff4f4;
    font-size: .71rem;
    line-height: 1.45;
}

.event-action-buttons[b-2bievsz4sz] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

.confirm-cancel-button[b-2bievsz4sz] {
    border: 1px solid var(--managr-orange);
    color: #fff;
    background: var(--managr-orange);
}

.confirm-cancel-button:hover[b-2bievsz4sz] {
    border-color: #c66e25;
    color: #fff;
    background: #c66e25;
}

.event-edit-loading[b-2bievsz4sz] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    color: var(--managr-muted);
}

.event-edit-loading-indicator[b-2bievsz4sz] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: event-edit-spin-b-2bievsz4sz .8s linear infinite;
}

@keyframes event-edit-spin-b-2bievsz4sz { to { transform: rotate(360deg); } }

.event-not-found[b-2bievsz4sz] {
    max-width: 520px;
    margin: 5rem auto;
    padding: 2.5rem;
    border: 1px solid #e2c8c8;
    border-top: 4px solid var(--managr-red);
    border-radius: 12px;
    text-align: center;
    background: #fff;
    box-shadow: 0 7px 22px rgba(24,34,53,.08);
}

.event-not-found-icon[b-2bievsz4sz] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0 auto .75rem;
    border: 1px solid #e0a9a9;
    border-radius: 50%;
    color: var(--managr-red);
    background: #fff2f2;
    font-weight: 750;
}

.event-not-found-title[b-2bievsz4sz] {
    color: #3d485a;
    font-size: 1rem;
    font-weight: 725;
}

.event-not-found-text[b-2bievsz4sz] {
    margin: .25rem 0 1rem;
    color: var(--managr-muted);
    font-size: .76rem;
}

@media (max-width: 900px) {
    .event-tag-dropdown-grid[b-2bievsz4sz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
    .event-edit-banner[b-2bievsz4sz] {
        align-items: flex-start;
        flex-direction: column;
        gap: .9rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .event-edit-banner h1[b-2bievsz4sz] { font-size: 1.5rem; }

    .event-edit-banner-button[b-2bievsz4sz] {
        width: 100%;
        text-align: center;
    }

    .event-edit-workspace[b-2bievsz4sz] { border-radius: 11px; }
    .event-edit-workspace-body[b-2bievsz4sz] { padding: .85rem; }
    .event-edit-subtitle[b-2bievsz4sz] { display: none; }

    .event-recurring-header[b-2bievsz4sz] { align-items: flex-start; }
    .event-recurring-description[b-2bievsz4sz] { padding-left: 0; }

    .event-edit-form-actions[b-2bievsz4sz] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .event-edit-form-actions .btn[b-2bievsz4sz] {
        width: 100%;
        min-height: 39px;
    }

    .event-action-subtitle[b-2bievsz4sz] { display: none; }

    .event-action-row[b-2bievsz4sz] {
        align-items: stretch;
        flex-direction: column;
        gap: .7rem;
    }

    .cancel-event-button[b-2bievsz4sz],
    .cancel-series-button[b-2bievsz4sz] {
        width: 100%;
        min-height: 39px;
    }

    .event-action-buttons[b-2bievsz4sz] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .event-action-buttons .btn[b-2bievsz4sz] {
        width: 100%;
        min-height: 39px;
        padding-right: .35rem;
        padding-left: .35rem;
    }

    .event-not-found[b-2bievsz4sz] {
        margin: 2rem 0;
        padding: 2rem 1rem;
    }
}


/* ------------------------------------------------------------
   Attachments
   ------------------------------------------------------------ */

.event-attachments-region[b-2bievsz4sz] {
    margin-bottom: 1.45rem;
}

.event-attachments-region-heading[b-2bievsz4sz] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: .55rem;
    color: #657084;
    font-size: .66rem;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.event-attachments-region-heading div[b-2bievsz4sz] {
    height: 1px;
    flex: 1;
    background: #d9dee6;
}

.event-attachments-card[b-2bievsz4sz] {
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--managr-purple);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24,34,53,.04), 0 7px 22px rgba(24,34,53,.08);
}

.event-attachments-header[b-2bievsz4sz] {
    display: flex;
    min-height: 67px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--managr-border-soft);
    background: linear-gradient(90deg, rgba(118,86,201,.055), #fbfcfe 48%);
}

.event-attachments-heading[b-2bievsz4sz] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.event-attachments-accent[b-2bievsz4sz] {
    width: 4px;
    height: 32px;
    flex: 0 0 4px;
    border-radius: 99px;
    background: var(--managr-purple);
}

.event-attachments-title[b-2bievsz4sz] {
    color: var(--managr-ink);
    font-size: .93rem;
    font-weight: 725;
}

.event-attachments-subtitle[b-2bievsz4sz] {
    margin-top: .12rem;
    color: var(--managr-muted);
    font-size: .68rem;
}

.event-attachments-count[b-2bievsz4sz] {
    padding: .24rem .55rem;
    border: 1px solid #d8d1ef;
    border-radius: 99px;
    color: #654cac;
    background: #f2effb;
    font-size: .64rem;
    font-weight: 700;
}

.event-attachments-body[b-2bievsz4sz] {
    padding: 1rem;
}

.event-attachment-alert[b-2bievsz4sz] {
    margin-bottom: .85rem;
    border-radius: 9px;
    font-size: .76rem;
}

.event-attachment-upload[b-2bievsz4sz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .8rem .9rem;
    border: 1px dashed #c8d2e2;
    border-radius: 10px;
    background: #f8fafc;
}

.event-attachment-upload-title[b-2bievsz4sz] {
    color: #39465a;
    font-size: .8rem;
    font-weight: 700;
}

.event-attachment-upload-note[b-2bievsz4sz] {
    margin-top: .15rem;
    color: #7b8697;
    font-size: .66rem;
}

.event-attachment-upload-button[b-2bievsz4sz] {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
    cursor: pointer;
}

.event-attachment-upload-button[b-2bievsz4sz]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.event-attachments-empty[b-2bievsz4sz] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-top: .85rem;
    padding: 1rem;
    border: 1px solid #e1e5eb;
    border-radius: 10px;
    color: #778294;
    background: #fbfcfd;
}

.event-attachments-empty-icon[b-2bievsz4sz] {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    border-radius: 9px;
    color: #654cac;
    background: #f0ecfa;
    font-size: 1rem;
    font-weight: 700;
}

.event-attachments-empty-title[b-2bievsz4sz] {
    color: #4a5567;
    font-size: .76rem;
    font-weight: 700;
}

.event-attachments-empty-text[b-2bievsz4sz] {
    margin-top: .12rem;
    font-size: .66rem;
}

.event-attachment-list[b-2bievsz4sz] {
    margin-top: .85rem;
    overflow: hidden;
    border: 1px solid #e0e5ec;
    border-radius: 10px;
}

.event-attachment-row[b-2bievsz4sz] {
    display: flex;
    min-height: 64px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .72rem .8rem;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

.event-attachment-row:last-child[b-2bievsz4sz] {
    border-bottom: 0;
}

.event-attachment-row:hover[b-2bievsz4sz] {
    background: #fafcff;
}

.event-attachment-file[b-2bievsz4sz] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .68rem;
}

.event-attachment-file-icon[b-2bievsz4sz] {
    display: inline-flex;
    min-width: 43px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 .35rem;
    flex: 0 0 auto;
    border: 1px solid #d8d1ef;
    border-radius: 7px;
    color: #654cac;
    background: #f2effb;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.event-attachment-file-copy[b-2bievsz4sz] {
    min-width: 0;
}

.event-attachment-file-name[b-2bievsz4sz] {
    overflow: hidden;
    color: #344054;
    font-size: .77rem;
    font-weight: 675;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-attachment-file-meta[b-2bievsz4sz] {
    margin-top: .15rem;
    color: #8892a1;
    font-size: .63rem;
}

.event-attachment-actions[b-2bievsz4sz] {
    display: flex;
    flex: 0 0 auto;
    gap: .4rem;
}

.event-attachment-remove[b-2bievsz4sz] {
    border-color: #e1bec2;
    color: #a8444d;
    background: #fff;
}

.event-attachment-remove:hover[b-2bievsz4sz],
.event-attachment-remove-confirm[b-2bievsz4sz] {
    border-color: #c84d58;
    color: #fff;
    background: #c84d58;
}

@media (max-width: 700px) {
    .event-tag-dropdown-grid[b-2bievsz4sz] { grid-template-columns: 1fr; }
    .event-attachments-header[b-2bievsz4sz],
    .event-attachment-upload[b-2bievsz4sz],
    .event-attachment-row[b-2bievsz4sz] {
        align-items: stretch;
        flex-direction: column;
    }

    .event-attachments-count[b-2bievsz4sz] {
        width: fit-content;
    }

    .event-attachment-upload-button[b-2bievsz4sz] {
        width: 100%;
        text-align: center;
    }

    .event-attachment-actions[b-2bievsz4sz] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    .event-attachment-actions .btn[b-2bievsz4sz] {
        width: 100%;
    }
}


/* /Components/Pages/Events.razor.rz.scp.css */
.events-page[b-tl6klrkvb7] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-purple: #7656c9;
    --managr-green: #24976f;
    --managr-red: #d95151;
    color: var(--managr-ink);
}

.events-page-banner[b-tl6klrkvb7] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255,255,255,.15) 0, rgba(255,255,255,.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80,145,255,.24) 0, rgba(80,145,255,.24) 185px, transparent 186px),
        linear-gradient(120deg,#17243c 0%,#234a8d 56%,#3568d4 100%);
    box-shadow: 0 8px 25px rgba(28,55,105,.15);
}

.events-page-banner > *[b-tl6klrkvb7] { position: relative; z-index: 1; }

.events-eyebrow[b-tl6klrkvb7] {
    margin-bottom: .35rem;
    color: #bfd3ff;
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .16em;
}

.events-page-banner h1[b-tl6klrkvb7] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -.035em;
}

.events-banner-subtitle[b-tl6klrkvb7] {
    margin-top: .32rem;
    color: rgba(255,255,255,.78);
    font-size: .9rem;
}

.events-banner-actions[b-tl6klrkvb7] {
    display: flex;
    flex: 0 0 auto;
    gap: .45rem;
}

.events-banner-button[b-tl6klrkvb7] {
    padding: .52rem .9rem;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255,255,255,.1);
    font-size: .78rem;
    font-weight: 650;
}

.events-banner-button:hover[b-tl6klrkvb7] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}

.events-alert[b-tl6klrkvb7] { margin-bottom: 1rem; border-radius: 10px; }

.events-page[b-tl6klrkvb7]  .form-label {
    margin-bottom: .3rem;
    color: #566174;
    font-size: .72rem;
    font-weight: 650;
}

.events-page[b-tl6klrkvb7]  .form-control,
.events-page[b-tl6klrkvb7]  .form-select,
.events-page .input-group-text[b-tl6klrkvb7] {
    min-height: 40px;
    border-color: #d4dce7;
    border-radius: 8px;
    font-size: .84rem;
}

.events-page[b-tl6klrkvb7]  .form-control:focus,
.events-page[b-tl6klrkvb7]  .form-select:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 .18rem rgba(53,104,212,.11);
}

.events-page[b-tl6klrkvb7]  .form-check-input:checked {
    border-color: var(--managr-blue);
    background-color: var(--managr-blue);
}

.events-page[b-tl6klrkvb7]  .validation-message {
    display: block;
    margin-top: .25rem;
    color: var(--managr-red);
    font-size: .68rem;
}

.events-page .btn[b-tl6klrkvb7] {
    border-radius: 8px;
    font-size: .78rem;
    font-weight: 650;
}

.events-page .btn-primary[b-tl6klrkvb7] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.event-create-surface[b-tl6klrkvb7] {
    margin-bottom: 1.4rem;
    overflow: hidden;
    border: 1px solid #cbd9f1;
    border-left: 4px solid var(--managr-blue);
    border-radius: 11px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 2px 7px rgba(31,54,92,.05);
}

.event-create-header[b-tl6klrkvb7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid #dce4f0;
    background: linear-gradient(90deg,rgba(53,104,212,.07),rgba(255,255,255,.5));
}

.event-create-heading[b-tl6klrkvb7] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.event-create-accent[b-tl6klrkvb7] {
    width: 4px;
    height: 31px;
    border-radius: 99px;
    background: var(--managr-blue);
}

.event-create-title[b-tl6klrkvb7] {
    color: #203d70;
    font-size: .9rem;
    font-weight: 725;
}

.event-create-subtitle[b-tl6klrkvb7] {
    margin-top: .1rem;
    color: #748097;
    font-size: .67rem;
}

.event-create-toggle[b-tl6klrkvb7] {
    border: 1px solid var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.event-create-toggle.expanded[b-tl6klrkvb7] {
    border-color: #c8d0dc;
    color: #556176;
    background: #fff;
}

.event-create-body[b-tl6klrkvb7] { padding: 1rem; background: rgba(255,255,255,.92); }

.event-form-section[b-tl6klrkvb7] { padding: .15rem 0 1.1rem; }

.event-form-section + .event-form-section[b-tl6klrkvb7] {
    border-top: 1px solid #e3e7ed;
    padding-top: .15rem;
}

.event-form-section-heading[b-tl6klrkvb7] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: .85rem 0 .75rem;
    color: #657084;
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.event-form-section:first-child .event-form-section-heading[b-tl6klrkvb7] { margin-top: 0; }

.event-form-section-heading div[b-tl6klrkvb7] {
    height: 1px;
    flex: 1;
    background: #e1e5eb;
}

.event-check-option[b-tl6klrkvb7] {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: .5rem;
    color: #465266;
    cursor: pointer;
    font-size: .78rem;
    font-weight: 650;
}

.event-check-option[b-tl6klrkvb7]  .form-check-input { margin: 0; }

.event-check-options[b-tl6klrkvb7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.2rem;
}

.event-recurrence-panel[b-tl6klrkvb7] {
    margin-top: .75rem;
    padding: .85rem;
    border: 1px solid #d9d3ec;
    border-left: 4px solid var(--managr-purple);
    border-radius: 9px;
    background: #faf8fe;
}

.event-recurrence-help[b-tl6klrkvb7] {
    color: #7b718f;
    font-size: .68rem;
    line-height: 1.45;
}

.event-tag-selector[b-tl6klrkvb7] {
    padding: .8rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #f9fafc;
}

.event-tag-dropdown-grid[b-tl6klrkvb7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: .65rem;
}

.event-tag-dropdown[b-tl6klrkvb7] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.event-tag-dropdown[open][b-tl6klrkvb7] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31,54,92,.07);
}

.event-tag-dropdown-summary[b-tl6klrkvb7] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: .45rem;
    padding: .48rem .62rem;
    color: #465266;
    cursor: pointer;
    font-size: .71rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.event-tag-dropdown-summary[b-tl6klrkvb7]::-webkit-details-marker { display: none; }

.event-tag-dropdown-title[b-tl6klrkvb7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-tag-dropdown-count[b-tl6klrkvb7] {
    margin-left: auto;
    padding: .16rem .38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: .58rem;
    font-weight: 725;
    white-space: nowrap;
}

.event-tag-dropdown-chevron[b-tl6klrkvb7] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: .82rem;
    line-height: 1;
    transition: transform .15s ease;
}

.event-tag-dropdown[open] .event-tag-dropdown-chevron[b-tl6klrkvb7] { transform: rotate(180deg); }

.event-tag-dropdown-menu[b-tl6klrkvb7] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: .18rem;
    padding: .38rem .5rem .5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.event-tag-option[b-tl6klrkvb7] {
    display: flex;
    align-items: center;
    gap: .48rem;
    padding: .25rem .18rem;
    border-radius: 5px;
    cursor: pointer;
}

.event-tag-option:hover[b-tl6klrkvb7] { background: #f5f8fd; }
.event-tag-option .form-check-input[b-tl6klrkvb7] { margin-top: 0; flex: 0 0 auto; }
.event-tag-option .badge[b-tl6klrkvb7] {
    max-width: calc(100% - 1.5rem);
    overflow: hidden;
    font-size: .66rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-create-actions[b-tl6klrkvb7] {
    display: flex;
    justify-content: flex-end;
    padding-top: .95rem;
    border-top: 1px solid #dfe4eb;
}

.event-create-actions .btn[b-tl6klrkvb7] { min-width: 115px; }

.events-region-header[b-tl6klrkvb7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: .55rem;
}

.events-region-heading[b-tl6klrkvb7] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: .65rem;
    color: #5c687b;
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.events-region-heading div[b-tl6klrkvb7] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.events-count[b-tl6klrkvb7] {
    color: #748094;
    font-size: .68rem;
}

.events-list[b-tl6klrkvb7] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.event-card[b-tl6klrkvb7] {
    --event-color: #8793a5;
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--event-color);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24,34,53,.035),0 5px 16px rgba(24,34,53,.07);
}

.event-card-main[b-tl6klrkvb7] {
    display: grid;
    grid-template-columns: 62px minmax(0,1fr) auto;
    align-items: center;
    gap: .9rem;
    padding: .9rem 1rem;
}

.event-date-marker[b-tl6klrkvb7] {
    display: flex;
    height: 58px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce2ea;
    border-radius: 9px;
    background: #f8fafc;
}

.event-date-month[b-tl6klrkvb7] {
    color: var(--event-color);
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.event-date-day[b-tl6klrkvb7] {
    margin-top: -.05rem;
    color: #354156;
    font-size: 1.35rem;
    font-weight: 725;
    line-height: 1.2;
}

.event-card-content[b-tl6klrkvb7] { min-width: 0; }

.event-title-row[b-tl6klrkvb7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}

.event-title-row h3[b-tl6klrkvb7] {
    margin: 0;
    color: #303c50;
    font-size: .92rem;
    font-weight: 725;
}

.event-type-badge[b-tl6klrkvb7],
.event-recurrence-badge[b-tl6klrkvb7] {
    padding: .2rem .45rem;
    border-radius: 99px;
    font-size: .6rem;
    font-weight: 700;
}

.event-type-badge[b-tl6klrkvb7] {
    color: #267657;
    background: #eaf7f1;
}

.event-recurrence-badge[b-tl6klrkvb7] {
    color: #6548ae;
    background: #f0ecfa;
}

.event-when[b-tl6klrkvb7] {
    margin-top: .28rem;
    color: #526074;
    font-size: .72rem;
    font-weight: 625;
}

.event-location[b-tl6klrkvb7] {
    margin-top: .2rem;
    color: #737e8e;
    font-size: .68rem;
}

.event-notes[b-tl6klrkvb7] {
    margin-top: .45rem;
    color: #737e8e;
    font-size: .7rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.event-tags[b-tl6klrkvb7] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .5rem;
}

.event-tags .badge[b-tl6klrkvb7] { font-size: .62rem; font-weight: 650; }

.event-card-actions[b-tl6klrkvb7] { align-self: center; }

.event-edit-button[b-tl6klrkvb7] {
    border: 1px solid #ccd4df;
    color: #526074;
    background: #fff;
}

.event-edit-button:hover[b-tl6klrkvb7] {
    border-color: #9eabbc;
    color: #26354d;
    background: #f7f9fc;
}

.events-loading[b-tl6klrkvb7] {
    display: flex;
    min-height: 170px;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    color: var(--managr-muted);
}

.events-loading-indicator[b-tl6klrkvb7] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: events-spin-b-tl6klrkvb7 .8s linear infinite;
}

@keyframes events-spin-b-tl6klrkvb7 { to { transform: rotate(360deg); } }

.events-empty[b-tl6klrkvb7] {
    padding: 3.5rem 1rem;
    border: 1px dashed #cbd3df;
    border-radius: 11px;
    text-align: center;
    background: rgba(255,255,255,.48);
}

.events-empty-icon[b-tl6klrkvb7] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0 auto .7rem;
    border: 1px solid #b9c9df;
    border-radius: 50%;
    color: var(--managr-blue);
    background: #f1f5fb;
}

.events-empty-title[b-tl6klrkvb7] {
    color: #354156;
    font-size: .92rem;
    font-weight: 700;
}

.events-empty-text[b-tl6klrkvb7] {
    margin-top: .2rem;
    color: var(--managr-muted);
    font-size: .74rem;
}

@media (max-width: 900px) {
    .event-tag-dropdown-grid[b-tl6klrkvb7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .event-tag-dropdown-grid[b-tl6klrkvb7] { grid-template-columns: 1fr; }
    .events-page-banner[b-tl6klrkvb7] {
        align-items: flex-start;
        flex-direction: column;
        gap: .9rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .events-page-banner h1[b-tl6klrkvb7] { font-size: 1.5rem; }

    .events-banner-actions[b-tl6klrkvb7] {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .events-banner-button[b-tl6klrkvb7] { text-align: center; }

    .event-create-subtitle[b-tl6klrkvb7] { display: none; }

    .event-create-header[b-tl6klrkvb7] {
        align-items: stretch;
        flex-direction: column;
    }

    .event-create-toggle[b-tl6klrkvb7] { width: 100%; }

    .event-card-main[b-tl6klrkvb7] {
        grid-template-columns: 52px minmax(0,1fr);
        gap: .7rem;
        padding: .8rem;
    }

    .event-date-marker[b-tl6klrkvb7] {
        height: 52px;
        grid-column: 1;
        grid-row: 1;
    }

    .event-card-content[b-tl6klrkvb7] {
        grid-column: 2;
        grid-row: 1;
    }

    .event-card-actions[b-tl6klrkvb7] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .event-edit-button[b-tl6klrkvb7] {
        width: 100%;
        min-height: 38px;
        text-align: center;
    }
}

.event-create-surface.trigger-only .event-create-header[b-tl6klrkvb7] { border-bottom: 0; }
/* /Components/Pages/ExternalCalendarDetails.razor.rz.scp.css */
.external-event-page[b-hft90h1qox] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --outlook-blue: #0078d4;
    --outlook-blue-dark: #005a9e;
    --google-red: #ea4335;
    --google-red-dark: #c93228;
    --managr-purple: #7656c9;
    --managr-red: #d95151;

    color: var(--managr-ink);
}

/* ------------------------------------------------------------
   Banner
   ------------------------------------------------------------ */

.external-event-banner[b-hft90h1qox] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80, 145, 255, 0.24) 0, rgba(80, 145, 255, 0.24) 185px, transparent 186px),
        linear-gradient(120deg, #17243c 0%, #234a8d 56%, #3568d4 100%);
    box-shadow: 0 8px 25px rgba(28, 55, 105, 0.15);
}

.external-event-banner-content[b-hft90h1qox],
.external-event-banner-actions[b-hft90h1qox] {
    position: relative;
    z-index: 1;
}

.external-event-eyebrow[b-hft90h1qox] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.external-event-banner h1[b-hft90h1qox] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.external-event-banner-subtitle[b-hft90h1qox] {
    margin-top: 0.32rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.external-event-banner-actions[b-hft90h1qox] {
    display: flex;
    gap: 0.55rem;
}

.external-event-banner-button[b-hft90h1qox] {
    padding: 0.52rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 650;
}

.external-event-banner-button:hover[b-hft90h1qox] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}

.external-event-alert[b-hft90h1qox] {
    margin-bottom: 1rem;
    border-radius: 10px;
}

/* ------------------------------------------------------------
   Summary
   ------------------------------------------------------------ */

.external-event-summary-card[b-hft90h1qox] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.05rem 1.1rem;
    border: 1px solid #bdd8ef;
    border-left: 5px solid var(--outlook-blue);
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(0, 120, 212, 0.075), #fff 48%);
    box-shadow: 0 3px 12px rgba(24, 34, 53, 0.06);
}


.external-event-summary-card.google[b-hft90h1qox] {
    border-color: #efc0bc;
    border-left-color: var(--google-red);
    background: linear-gradient(90deg, rgba(234, 67, 53, 0.075), #fff 48%);
}

.external-event-summary-card.google .external-event-source-mark[b-hft90h1qox] {
    border-color: rgba(234, 67, 53, 0.2);
    background: var(--google-red);
    box-shadow: 0 0 0 1px rgba(234, 67, 53, 0.2);
}

.external-event-summary-card.google .external-event-badge.provider[b-hft90h1qox] {
    color: #b6362c;
    background: #fff0ee;
}

.external-event-summary-card.cancelled[b-hft90h1qox] {
    opacity: 0.72;
    filter: saturate(0.65);
}

.external-event-summary-main[b-hft90h1qox] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.85rem;
}

.external-event-source-mark[b-hft90h1qox] {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    border: 3px solid rgba(0, 120, 212, 0.2);
    border-radius: 3px;
    background: var(--outlook-blue);
    box-shadow: 0 0 0 1px rgba(0, 120, 212, 0.2);
}

.external-event-summary-content[b-hft90h1qox] {
    min-width: 0;
}

.external-event-summary-content h2[b-hft90h1qox] {
    margin: 0.35rem 0 0.22rem;
    color: #27364f;
    font-size: 1.1rem;
    font-weight: 725;
    line-height: 1.3;
}

.external-event-schedule[b-hft90h1qox] {
    color: #657286;
    font-size: 0.8rem;
}

.external-event-badges[b-hft90h1qox] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.external-event-badge[b-hft90h1qox] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.45rem;
    border-radius: 99px;
    font-size: 0.61rem;
    font-weight: 725;
}

.external-event-badge.provider[b-hft90h1qox] {
    color: #005a9e;
    background: #e7f3fc;
}

.external-event-badge.calendar[b-hft90h1qox] {
    color: #4a566a;
    background: #edf0f4;
}

.external-event-badge.recurring[b-hft90h1qox] {
    color: #6242ad;
    background: #f0ebfb;
}

.external-event-badge.cancelled[b-hft90h1qox] {
    color: #a43b3b;
    background: #fbeaea;
}

.external-event-summary-actions[b-hft90h1qox] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.5rem;
}

.external-event-page .btn[b-hft90h1qox] {
    border-radius: 8px;
    font-size: 0.76rem;
    font-weight: 650;
}

.external-event-page .btn-primary[b-hft90h1qox] {
    border-color: var(--outlook-blue);
    background: var(--outlook-blue);
}

.external-event-page .btn-primary:hover[b-hft90h1qox] {
    border-color: var(--outlook-blue-dark);
    background: var(--outlook-blue-dark);
}

/* ------------------------------------------------------------
   Detail cards
   ------------------------------------------------------------ */

.external-event-grid[b-hft90h1qox] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.external-event-card[b-hft90h1qox] {
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-radius: 11px;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
}

.description-card[b-hft90h1qox],
.auxiliary-card[b-hft90h1qox] {
    margin-bottom: 1rem;
}

.external-event-card-header[b-hft90h1qox] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #dce4f0;
    background: linear-gradient(90deg, rgba(0, 120, 212, 0.055), #fbfcfe 48%);
}

.external-event-card-accent[b-hft90h1qox] {
    width: 4px;
    height: 31px;
    flex: 0 0 4px;
    border-radius: 99px;
}

.external-event-card-accent.schedule[b-hft90h1qox] {
    background: var(--outlook-blue);
}

.external-event-card-accent.metadata[b-hft90h1qox] {
    background: var(--managr-purple);
}

.external-event-card-accent.description[b-hft90h1qox] {
    background: #24976f;
}

.external-event-card-accent.auxiliary[b-hft90h1qox] {
    background: #e58737;
}

.external-event-card-title[b-hft90h1qox] {
    color: #33445f;
    font-size: 0.9rem;
    font-weight: 725;
}

.external-event-card-subtitle[b-hft90h1qox] {
    margin-top: 0.1rem;
    color: #748097;
    font-size: 0.67rem;
}

.external-event-card-body[b-hft90h1qox] {
    padding: 0.95rem 1rem;
}

.detail-list[b-hft90h1qox] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.detail-row[b-hft90h1qox] {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.58rem 0;
    border-bottom: 1px solid #edf0f4;
}

.detail-row:first-child[b-hft90h1qox] {
    padding-top: 0;
}

.detail-row:last-child[b-hft90h1qox] {
    padding-bottom: 0;
    border-bottom: 0;
}

.detail-row-stack[b-hft90h1qox] {
    align-items: start;
}

.detail-label[b-hft90h1qox] {
    color: #7d8797;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.detail-value[b-hft90h1qox] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #39485f;
    font-size: 0.78rem;
    line-height: 1.45;
}

.external-event-chip-list[b-hft90h1qox] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.external-event-chip[b-hft90h1qox] {
    padding: 0.22rem 0.45rem;
    border: 1px solid #cbdcef;
    border-radius: 99px;
    color: #38618e;
    background: #f1f7fc;
    font-size: 0.65rem;
    font-weight: 650;
}

.external-event-description[b-hft90h1qox] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    color: #455268;
    font-size: 0.8rem;
    line-height: 1.62;
}

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

.auxiliary-heading[b-hft90h1qox] {
    margin-bottom: 0.45rem;
    color: #5b6678;
    font-size: 0.69rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.auxiliary-line[b-hft90h1qox] {
    margin-bottom: 0.35rem;
    color: #46546a;
    font-size: 0.76rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.prewrap[b-hft90h1qox] {
    white-space: pre-wrap;
}

/* ------------------------------------------------------------
   Loading / empty
   ------------------------------------------------------------ */

.external-event-loading[b-hft90h1qox] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
}

.external-event-loading-indicator[b-hft90h1qox] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--outlook-blue);
    border-radius: 50%;
    animation: external-event-spin-b-hft90h1qox 0.8s linear infinite;
}

@keyframes external-event-spin-b-hft90h1qox {
    to { transform: rotate(360deg); }
}

.external-event-empty[b-hft90h1qox] {
    padding: 3.5rem 1rem;
    border: 1px dashed #cbd3df;
    border-radius: 11px;
    text-align: center;
    background: rgba(255, 255, 255, 0.56);
}

.external-event-empty-icon[b-hft90h1qox] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.7rem;
    border: 1px solid #b9c9df;
    border-radius: 50%;
    color: var(--outlook-blue);
    background: #f1f7fc;
    font-weight: 750;
}

.external-event-empty-title[b-hft90h1qox] {
    color: #354156;
    font-size: 0.92rem;
    font-weight: 700;
}

.external-event-empty-text[b-hft90h1qox] {
    max-width: 520px;
    margin: 0.2rem auto 1rem;
    color: var(--managr-muted);
    font-size: 0.74rem;
}

/* ------------------------------------------------------------
   Responsive
   ------------------------------------------------------------ */

@media (max-width: 900px) {
    .external-event-grid[b-hft90h1qox] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .external-event-banner[b-hft90h1qox] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.9rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .external-event-banner h1[b-hft90h1qox] {
        font-size: 1.5rem;
    }

    .external-event-banner-actions[b-hft90h1qox] {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .external-event-banner-button[b-hft90h1qox] {
        width: 100%;
        text-align: center;
    }

    .external-event-summary-card[b-hft90h1qox] {
        align-items: stretch;
        flex-direction: column;
    }

    .external-event-summary-actions[b-hft90h1qox] {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .external-event-summary-actions .btn[b-hft90h1qox] {
        width: 100%;
    }

    .detail-row[b-hft90h1qox] {
        grid-template-columns: 88px minmax(0, 1fr);
    }

    .auxiliary-content[b-hft90h1qox] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .external-event-banner-actions[b-hft90h1qox],
    .external-event-summary-actions[b-hft90h1qox] {
        grid-template-columns: 1fr;
    }

    .detail-row[b-hft90h1qox] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }
}


/* ------------------------------------------------------------
   Managr attachments
   ------------------------------------------------------------ */

.external-attachments-card[b-hft90h1qox] {
    margin-top: 1rem;
    border-top: 4px solid var(--managr-purple);
}

.external-event-card-accent.attachments[b-hft90h1qox] {
    background: var(--managr-purple);
}

.external-attachments-count[b-hft90h1qox] {
    margin-left: auto;
    padding: .24rem .55rem;
    border: 1px solid #d8d1ef;
    border-radius: 99px;
    color: #654cac;
    background: #f2effb;
    font-size: .64rem;
    font-weight: 700;
}

.external-attachment-alert[b-hft90h1qox] {
    margin-bottom: .85rem;
    border-radius: 9px;
    font-size: .76rem;
}

.external-attachment-upload[b-hft90h1qox] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .8rem .9rem;
    border: 1px dashed #c8d2e2;
    border-radius: 10px;
    background: #f8fafc;
}

.external-attachment-upload-title[b-hft90h1qox] {
    color: #39465a;
    font-size: .8rem;
    font-weight: 700;
}

.external-attachment-upload-note[b-hft90h1qox] {
    margin-top: .15rem;
    color: #7b8697;
    font-size: .66rem;
}

.external-attachment-upload-button[b-hft90h1qox] {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
    cursor: pointer;
}

.external-attachment-upload-button[b-hft90h1qox]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.external-attachment-source-missing[b-hft90h1qox] {
    padding: .75rem .85rem;
    border: 1px solid #ead9b8;
    border-left: 4px solid #d89a35;
    border-radius: 8px;
    color: #7b6036;
    background: #fffaf1;
    font-size: .7rem;
}

.external-attachments-empty[b-hft90h1qox] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-top: .85rem;
    padding: 1rem;
    border: 1px solid #e1e5eb;
    border-radius: 10px;
    color: #778294;
    background: #fbfcfd;
}

.external-attachments-empty-icon[b-hft90h1qox] {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    border-radius: 9px;
    color: #654cac;
    background: #f0ecfa;
    font-size: 1rem;
    font-weight: 700;
}

.external-attachments-empty-title[b-hft90h1qox] {
    color: #4a5567;
    font-size: .76rem;
    font-weight: 700;
}

.external-attachments-empty-text[b-hft90h1qox] {
    margin-top: .12rem;
    font-size: .66rem;
}

.external-attachment-list[b-hft90h1qox] {
    margin-top: .85rem;
    overflow: hidden;
    border: 1px solid #e0e5ec;
    border-radius: 10px;
}

.external-attachment-row[b-hft90h1qox] {
    display: flex;
    min-height: 64px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .72rem .8rem;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

.external-attachment-row:last-child[b-hft90h1qox] {
    border-bottom: 0;
}

.external-attachment-row:hover[b-hft90h1qox] {
    background: #fafcff;
}

.external-attachment-file[b-hft90h1qox] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .68rem;
}

.external-attachment-file-icon[b-hft90h1qox] {
    display: inline-flex;
    min-width: 43px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 .35rem;
    flex: 0 0 auto;
    border: 1px solid #d8d1ef;
    border-radius: 7px;
    color: #654cac;
    background: #f2effb;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.external-attachment-file-copy[b-hft90h1qox] {
    min-width: 0;
}

.external-attachment-file-name[b-hft90h1qox] {
    overflow: hidden;
    color: #344054;
    font-size: .77rem;
    font-weight: 675;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.external-attachment-file-meta[b-hft90h1qox] {
    margin-top: .15rem;
    color: #8892a1;
    font-size: .63rem;
}

.external-attachment-actions[b-hft90h1qox] {
    display: flex;
    flex: 0 0 auto;
    gap: .4rem;
}

.external-attachment-remove[b-hft90h1qox] {
    border-color: #e1bec2;
    color: #a8444d;
    background: #fff;
}

.external-attachment-remove:hover[b-hft90h1qox],
.external-attachment-remove-confirm[b-hft90h1qox] {
    border-color: #c84d58;
    color: #fff;
    background: #c84d58;
}

@media (max-width: 700px) {
    .external-attachments-card .external-event-card-header[b-hft90h1qox],
    .external-attachment-upload[b-hft90h1qox],
    .external-attachment-row[b-hft90h1qox] {
        align-items: stretch;
        flex-direction: column;
    }

    .external-attachments-count[b-hft90h1qox] {
        width: fit-content;
        margin-left: 0;
    }

    .external-attachment-upload-button[b-hft90h1qox] {
        width: 100%;
        text-align: center;
    }

    .external-attachment-actions[b-hft90h1qox] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    .external-attachment-actions .btn[b-hft90h1qox] {
        width: 100%;
    }
}


/* ------------------------------------------------------------
   Project tags for external calendar events
   ------------------------------------------------------------ */

.external-tags-card[b-hft90h1qox] {
    margin-top: 1rem;
    border-top: 4px solid #3568d4;
}

.external-event-card-accent.tags[b-hft90h1qox] {
    background: #3568d4;
}

.external-tags-count[b-hft90h1qox] {
    margin-left: auto;
    padding: .24rem .55rem;
    border: 1px solid #cbd9ef;
    border-radius: 99px;
    color: #315f9c;
    background: #edf4fd;
    font-size: .64rem;
    font-weight: 700;
}

.external-tag-alert[b-hft90h1qox] {
    margin-bottom: .8rem;
    border-radius: 9px;
    font-size: .74rem;
}

.external-tag-editor[b-hft90h1qox] {
    display: flex;
    flex-direction: column;
    gap: .72rem;
    padding: .8rem .9rem;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: #f8fafc;
}

.external-tag-series-toggle[b-hft90h1qox] {
    display: flex;
    width: fit-content;
    max-width: 100%;
    min-height: 38px;
    align-items: center;
    gap: .52rem;
    padding: .45rem .58rem;
    border: 1px solid #d7dfeb;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.external-tag-series-toggle input[b-hft90h1qox] { flex: 0 0 auto; }

.external-tag-series-toggle span[b-hft90h1qox] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.external-tag-series-toggle strong[b-hft90h1qox] {
    color: #46546a;
    font-size: .67rem;
    font-weight: 725;
}

.external-tag-series-toggle small[b-hft90h1qox] {
    margin-top: .1rem;
    color: #8792a2;
    font-size: .56rem;
}

.external-tag-selector[b-hft90h1qox] {
    padding: .8rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #fff;
}

.external-tag-dropdown-grid[b-hft90h1qox] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: .65rem;
}

.external-tag-dropdown[b-hft90h1qox] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.external-tag-dropdown[open][b-hft90h1qox] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31,54,92,.07);
}

.external-tag-dropdown-summary[b-hft90h1qox] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: .45rem;
    padding: .48rem .62rem;
    color: #465266;
    cursor: pointer;
    font-size: .71rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.external-tag-dropdown-summary[b-hft90h1qox]::-webkit-details-marker { display: none; }

.external-tag-dropdown-title[b-hft90h1qox] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.external-tag-dropdown-count[b-hft90h1qox] {
    margin-left: auto;
    padding: .16rem .38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: .58rem;
    font-weight: 725;
    white-space: nowrap;
}

.external-tag-dropdown-chevron[b-hft90h1qox] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: .82rem;
    line-height: 1;
    transition: transform .15s ease;
}

.external-tag-dropdown[open] .external-tag-dropdown-chevron[b-hft90h1qox] { transform: rotate(180deg); }

.external-tag-dropdown-menu[b-hft90h1qox] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: .18rem;
    padding: .38rem .5rem .5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.external-tag-option[b-hft90h1qox] {
    display: flex;
    align-items: center;
    gap: .48rem;
    padding: .25rem .18rem;
    border-radius: 5px;
    cursor: pointer;
}

.external-tag-option:hover[b-hft90h1qox] { background: #f5f8fd; }
.external-tag-option.series-inherited[b-hft90h1qox] { cursor: default; opacity: .88; }
.external-tag-option.series-inherited:hover[b-hft90h1qox] { background: transparent; }
.external-tag-option .form-check-input[b-hft90h1qox] { margin-top: 0; flex: 0 0 auto; }
.external-tag-option .badge[b-hft90h1qox] {
    min-width: 0;
    max-width: calc(100% - 1.5rem);
    overflow: hidden;
    font-size: .66rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.external-tag-inherited[b-hft90h1qox] {
    margin-left: auto;
    padding: .12rem .32rem;
    border-radius: 99px;
    color: #6242ad;
    background: #f0ebfb;
    font-size: .54rem;
    font-weight: 700;
}

.external-tag-editor-footer[b-hft90h1qox] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
}

.external-tag-save-button[b-hft90h1qox] {
    min-width: 105px;
    min-height: 38px;
    flex: 0 0 auto;
    white-space: nowrap;
}

.external-tag-help[b-hft90h1qox] {
    color: #7f8998;
    font-size: .62rem;
    line-height: 1.4;
}

.external-tag-privacy-help[b-hft90h1qox] { margin-top: .48rem; }

.external-tags-empty[b-hft90h1qox] {
    margin-top: .8rem;
    padding: .8rem .9rem;
    border: 1px dashed #d4dce7;
    border-radius: 9px;
    color: #7b8797;
    background: #fbfcfd;
    font-size: .7rem;
}

.external-tag-list[b-hft90h1qox] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin-top: .8rem;
    padding: .55rem;
    border: 1px solid #e0e5ec;
    border-radius: 10px;
    background: #fbfcfd;
}

.external-tag-row[b-hft90h1qox] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    flex: 0 1 auto;
    gap: .35rem;
    padding: .28rem .38rem;
    border: 1px solid #e4e8ef;
    border-radius: 7px;
    background: #fff;
}

.external-tag-row-main[b-hft90h1qox] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
}

.external-tag-badge[b-hft90h1qox] {
    font-size: .63rem;
    font-weight: 675;
    white-space: nowrap;
}

.external-tag-scope[b-hft90h1qox] {
    padding: .16rem .38rem;
    border-radius: 999px;
    font-size: .56rem;
    font-weight: 700;
    white-space: nowrap;
}

.external-tag-scope.occurrence[b-hft90h1qox] {
    color: #5b6678;
    background: #eef1f5;
}

.external-tag-scope.series[b-hft90h1qox] {
    color: #6242ad;
    background: #f0ebfb;
}

.external-tag-remove[b-hft90h1qox] {
    flex: 0 0 auto;
    border-color: #e1bec2;
    color: #a8444d;
    background: #fff;
}

.external-tag-remove:hover[b-hft90h1qox] {
    border-color: #c84d58;
    color: #fff;
    background: #c84d58;
}

@media (max-width: 900px) {
    .external-tag-dropdown-grid[b-hft90h1qox] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .external-tag-dropdown-grid[b-hft90h1qox] { grid-template-columns: 1fr; }

    .external-tag-editor-footer[b-hft90h1qox] {
        align-items: stretch;
        flex-direction: column;
    }

    .external-tag-save-button[b-hft90h1qox] { width: 100%; }

    .external-tags-card .external-event-card-header[b-hft90h1qox] {
        align-items: stretch;
        flex-direction: column;
    }

    .external-tags-count[b-hft90h1qox] {
        width: fit-content;
        margin-left: 0;
    }

}
/* /Components/Pages/Help.razor.rz.scp.css */
.help-page[b-xzbepvseax] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1rem;
}

.help-page-banner p[b-xzbepvseax] {
    margin: .3rem 0 0;
    color: #66778e;
    font-size: .78rem;
}

.help-page-alert[b-xzbepvseax] {
    margin: 0;
}

.help-loading[b-xzbepvseax] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 1rem;
    color: #53647b;
    font-size: .82rem;
}

.help-search-card[b-xzbepvseax],
.help-ai-card[b-xzbepvseax],
.help-library[b-xzbepvseax],
.help-not-found[b-xzbepvseax] {
    border: 1px solid rgba(34, 74, 141, .13);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(24, 49, 89, .045);
}

.help-search-card[b-xzbepvseax] {
    padding: 1rem;
}

.help-search-form[b-xzbepvseax],
.help-ai-ask-row[b-xzbepvseax] {
    display: grid;
    grid-template-columns: minmax(190px, .75fr) minmax(320px, 1.4fr);
    align-items: center;
    gap: 1rem;
}

.help-search-copy[b-xzbepvseax] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .15rem;
}

.help-search-copy strong[b-xzbepvseax] {
    color: #263a57;
    font-size: .82rem;
}

.help-search-copy span[b-xzbepvseax] {
    color: #75869b;
    font-size: .72rem;
    line-height: 1.4;
}

.help-search-controls[b-xzbepvseax] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) 84px auto;
    gap: .5rem;
}

.help-search-controls .btn[b-xzbepvseax] {
    white-space: nowrap;
}

.help-search-controls button[type="submit"][b-xzbepvseax] {
    width: 84px;
}

.help-search-results[b-xzbepvseax] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: .85rem;
    padding-top: .85rem;
    border-top: 1px solid #e5eaf1;
}

.help-search-results-heading[b-xzbepvseax] {
    display: flex;
    align-items: baseline;
    gap: .35rem;
    color: #617087;
    font-size: .72rem;
}

.help-search-results-heading strong[b-xzbepvseax] {
    color: #263a57;
}

.help-search-result[b-xzbepvseax] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .15rem .65rem;
    padding: .7rem .78rem;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    color: inherit;
    background: #fbfcfe;
    text-decoration: none;
}

.help-search-result:hover[b-xzbepvseax] {
    border-color: #cdd9ea;
    background: #f6f9fd;
}

.help-search-result-category[b-xzbepvseax] {
    align-self: center;
    grid-row: 1 / span 2;
    padding: .22rem .45rem;
    border-radius: 999px;
    color: #45628c;
    background: #edf3fb;
    font-size: .61rem;
    font-weight: 750;
    white-space: nowrap;
}

.help-search-result strong[b-xzbepvseax] {
    color: #263a57;
    font-size: .78rem;
}

.help-search-result-section[b-xzbepvseax] {
    color: #66778e;
    font-size: .68rem;
}

.help-search-result-snippet[b-xzbepvseax] {
    grid-column: 2;
    color: #6d7d92;
    font-size: .7rem;
    line-height: 1.45;
}

.help-search-empty[b-xzbepvseax] {
    padding: .7rem;
    border-radius: 8px;
    color: #68778c;
    background: #f7f9fc;
    font-size: .75rem;
}

.help-ai-card[b-xzbepvseax] {
    padding: 1rem;
}

.help-ai-compact-copy[b-xzbepvseax] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .75rem;
}

.help-ai-compact-heading[b-xzbepvseax] {
    flex: 0 0 auto;
    color: #263a57;
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}

.help-ai-provider-select[b-xzbepvseax] {
    min-width: 0;
    max-width: 220px;
    flex: 1 1 auto;
}

.help-ai-controls[b-xzbepvseax] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) 84px;
    align-items: center;
    gap: .5rem;
}

.help-ai-question-input[b-xzbepvseax] {
    min-width: 0;
}

.help-ai-submit[b-xzbepvseax] {
    display: inline-flex;
    width: 84px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    white-space: nowrap;
}

.help-ai-empty[b-xzbepvseax] {
    display: flex;
    margin-top: .7rem;
    padding: .7rem .8rem;
    border: 1px solid #e3e8ef;
    border-radius: 9px;
    flex-direction: column;
    gap: .15rem;
    color: #6c7c91;
    background: #f8fafc;
    font-size: .72rem;
}

.help-ai-empty strong[b-xzbepvseax] {
    color: #34465f;
}

.help-ai-alert[b-xzbepvseax] {
    margin: .75rem 0 0;
}

.help-ai-answer[b-xzbepvseax] {
    margin-top: .9rem;
    padding: .9rem;
    border: 1px solid #dce5f1;
    border-radius: 10px;
    background: #fbfdff;
}

.help-ai-answer-header[b-xzbepvseax] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
    padding-bottom: .65rem;
    border-bottom: 1px solid #e4eaf2;
}

.help-ai-answer-header > div[b-xzbepvseax] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.help-ai-answer-header span[b-xzbepvseax] {
    color: #5f7aa4;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .09em;
}

.help-ai-answer-header strong[b-xzbepvseax] {
    color: #2b3f5c;
    font-size: .82rem;
}

.help-ai-answer-header small[b-xzbepvseax] {
    color: #8290a2;
    font-size: .64rem;
    text-align: right;
}

.help-ai-answer[b-xzbepvseax]  .markdown-rendered {
    color: #33465f;
    font-size: .76rem;
}

.help-ai-sources[b-xzbepvseax] {
    display: flex;
    margin-top: .8rem;
    padding-top: .7rem;
    border-top: 1px solid #e4eaf2;
    flex-direction: column;
    gap: .35rem;
}

.help-ai-sources > span[b-xzbepvseax] {
    color: #76869b;
    font-size: .64rem;
    font-weight: 700;
}

.help-ai-sources > div[b-xzbepvseax] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.help-ai-sources a[b-xzbepvseax] {
    padding: .25rem .45rem;
    border: 1px solid #dbe4ef;
    border-radius: 999px;
    color: #355d97;
    background: #fff;
    font-size: .66rem;
    text-decoration: none;
}

.help-eyebrow[b-xzbepvseax] {
    display: block;
    margin-bottom: .22rem;
    color: #5f7aa4;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.help-library-heading h2[b-xzbepvseax] {
    margin: 0;
    color: #223755;
    font-size: 1rem;
}

.help-library-heading p[b-xzbepvseax] {
    max-width: 850px;
    margin: .28rem 0 0;
    color: #6f7f93;
    font-size: .74rem;
    line-height: 1.5;
}

.help-library[b-xzbepvseax] {
    padding: 1.15rem;
}

.help-library-heading[b-xzbepvseax] {
    margin-bottom: .85rem;
}

.help-category-grid[b-xzbepvseax] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.help-category-card[b-xzbepvseax] {
    min-width: 0;
    padding: .8rem;
    border: 1px solid #e0e7f0;
    border-radius: 10px;
    background: #fbfcfe;
}

.help-category-title[b-xzbepvseax] {
    margin-bottom: .55rem;
    color: #526b90;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.help-category-links[b-xzbepvseax] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.help-category-links a[b-xzbepvseax] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .12rem;
    padding: .5rem .55rem;
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
}

.help-category-links a:hover[b-xzbepvseax] {
    background: #f0f5fb;
}

.help-category-links strong[b-xzbepvseax] {
    color: #2f4564;
    font-size: .77rem;
}

.help-category-links span[b-xzbepvseax] {
    color: #748399;
    font-size: .68rem;
    line-height: 1.4;
}

.help-not-found[b-xzbepvseax] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    padding: 1.2rem;
    flex-direction: column;
    color: #718096;
    font-size: .76rem;
}

.help-not-found strong[b-xzbepvseax] {
    color: #2d405d;
    font-size: .95rem;
}

.help-not-found .btn[b-xzbepvseax] {
    margin-top: .35rem;
}

.help-doc-layout[b-xzbepvseax] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) minmax(160px, 210px);
    align-items: start;
    gap: 1rem;
}

.help-doc-nav[b-xzbepvseax],
.help-toc-card[b-xzbepvseax],
.help-article[b-xzbepvseax] {
    border: 1px solid rgba(34, 74, 141, .13);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(24, 49, 89, .035);
}

.help-doc-nav[b-xzbepvseax] {
    position: sticky;
    top: 1rem;
    display: flex;
    max-height: calc(100vh - 2rem);
    padding: .75rem;
    overflow-y: auto;
    flex-direction: column;
    gap: .75rem;
}

.help-doc-home[b-xzbepvseax] {
    padding: .38rem .45rem;
    border-radius: 7px;
    color: #496c9e;
    font-size: .7rem;
    font-weight: 700;
    text-decoration: none;
}

.help-doc-home:hover[b-xzbepvseax] {
    background: #f1f5fa;
}

.help-doc-nav-group[b-xzbepvseax] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.help-doc-nav-group > span[b-xzbepvseax] {
    margin: .2rem .42rem .28rem;
    color: #8793a4;
    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.help-doc-nav-group a[b-xzbepvseax] {
    padding: .42rem .48rem;
    border-radius: 7px;
    color: #50627a;
    font-size: .69rem;
    text-decoration: none;
}

.help-doc-nav-group a:hover[b-xzbepvseax] {
    color: #315786;
    background: #f2f6fb;
}

.help-doc-nav-group a.active[b-xzbepvseax] {
    color: #214e88;
    background: #eaf2fc;
    font-weight: 750;
}

.help-article[b-xzbepvseax] {
    min-width: 0;
    padding: 1.3rem 1.45rem;
}

.help-breadcrumb[b-xzbepvseax] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin-bottom: .85rem;
    color: #8591a1;
    font-size: .63rem;
}

.help-breadcrumb a[b-xzbepvseax] {
    color: #4e6f9c;
    text-decoration: none;
}

.help-breadcrumb strong[b-xzbepvseax] {
    color: #627086;
}

.help-article-header[b-xzbepvseax] {
    margin-bottom: 1.1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5eaf1;
}

.help-article-header h1[b-xzbepvseax] {
    margin: .12rem 0 0;
    color: #213753;
    font-size: 1.55rem;
    letter-spacing: -.02em;
}

.help-article-header p[b-xzbepvseax] {
    margin: .35rem 0 0;
    color: #6f7f93;
    font-size: .78rem;
    line-height: 1.5;
}

.help-article-section[b-xzbepvseax] {
    scroll-margin-top: 1rem;
}

.help-article-section + .help-article-section[b-xzbepvseax] {
    margin-top: 1.25rem;
}

.help-article-section > h2[b-xzbepvseax],
.help-related h2[b-xzbepvseax] {
    margin: 0 0 .6rem;
    color: #263c5a;
    font-size: 1rem;
}

.help-article-section[b-xzbepvseax]  .markdown-rendered {
    color: #3f5168;
    font-size: .77rem;
    line-height: 1.62;
}

.help-article-section[b-xzbepvseax]  .markdown-rendered h3 {
    margin-top: 1rem;
    color: #304761;
    font-size: .86rem;
}

.help-article-section[b-xzbepvseax]  .markdown-rendered ul,
.help-article-section[b-xzbepvseax]  .markdown-rendered ol {
    padding-left: 1.25rem;
}

.help-article-section[b-xzbepvseax]  .markdown-rendered code {
    padding: .08rem .26rem;
    border-radius: 4px;
    color: #33547c;
    background: #eef3f8;
    font-size: .72rem;
}

.help-related[b-xzbepvseax] {
    margin-top: 1.35rem;
    padding-top: 1rem;
    border-top: 1px solid #e5eaf1;
}

.help-related-links[b-xzbepvseax] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.help-related-links a[b-xzbepvseax] {
    padding: .42rem .58rem;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    color: #315d96;
    background: #fbfdff;
    font-size: .7rem;
    font-weight: 650;
    text-decoration: none;
}

.help-article-pagination[b-xzbepvseax] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .7rem;
    margin-top: 1.35rem;
    padding-top: 1rem;
    border-top: 1px solid #e5eaf1;
}

.help-article-pagination a[b-xzbepvseax] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .15rem;
    padding: .62rem .7rem;
    border: 1px solid #e0e7f0;
    border-radius: 9px;
    color: inherit;
    background: #fbfcfe;
    text-decoration: none;
}

.help-article-pagination a.next[b-xzbepvseax] {
    text-align: right;
}

.help-article-pagination span[b-xzbepvseax] {
    color: #8794a5;
    font-size: .58rem;
    font-weight: 750;
    text-transform: uppercase;
}

.help-article-pagination strong[b-xzbepvseax] {
    overflow: hidden;
    color: #385c89;
    font-size: .7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.help-toc[b-xzbepvseax] {
    position: sticky;
    top: 1rem;
}

.help-toc-card[b-xzbepvseax] {
    display: flex;
    padding: .75rem;
    flex-direction: column;
    gap: .25rem;
}

.help-toc-card > strong[b-xzbepvseax] {
    margin-bottom: .25rem;
    color: #65758c;
    font-size: .64rem;
    text-transform: uppercase;
}

.help-toc-card a[b-xzbepvseax] {
    padding: .3rem .38rem;
    border-radius: 6px;
    color: #64758a;
    font-size: .67rem;
    text-decoration: none;
}

.help-toc-card a:hover[b-xzbepvseax] {
    color: #335e93;
    background: #f3f6fa;
}

@media (max-width: 1100px) {
    .help-doc-layout[b-xzbepvseax] {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .help-toc[b-xzbepvseax] {
        display: none;
    }
}

@media (max-width: 780px) {
    .help-search-form[b-xzbepvseax],
    .help-ai-ask-row[b-xzbepvseax] {
        grid-template-columns: 1fr;
    }

    .help-search-controls[b-xzbepvseax] {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }

    .help-ai-ask-row[b-xzbepvseax] {
        gap: .55rem;
    }

    .help-ai-compact-copy[b-xzbepvseax] {
        align-items: stretch;
        flex-direction: column;
        gap: .4rem;
    }

    .help-ai-provider-select[b-xzbepvseax] {
        max-width: none;
        width: 100%;
    }

    .help-ai-controls[b-xzbepvseax] {
        grid-template-columns: minmax(0, 1fr) 84px;
    }

    .help-category-grid[b-xzbepvseax],
    .help-doc-layout[b-xzbepvseax] {
        grid-template-columns: 1fr;
    }

    .help-doc-nav[b-xzbepvseax] {
        position: static;
        max-height: none;
    }

    .help-article[b-xzbepvseax] {
        padding: 1rem;
    }
}

@media (max-width: 520px) {
    .help-search-controls[b-xzbepvseax],
    .help-ai-controls[b-xzbepvseax] {
        grid-template-columns: 1fr;
    }

    .help-search-controls .btn[b-xzbepvseax],
    .help-ai-submit[b-xzbepvseax] {
        width: 100%;
    }

    .help-search-result[b-xzbepvseax] {
        grid-template-columns: 1fr;
    }

    .help-search-result-category[b-xzbepvseax] {
        width: fit-content;
        grid-row: auto;
    }

    .help-search-result-snippet[b-xzbepvseax] {
        grid-column: 1;
    }

    .help-ai-card[b-xzbepvseax],
    .help-library[b-xzbepvseax],
    .help-search-card[b-xzbepvseax] {
        padding: .85rem;
    }

    .help-ai-answer-header[b-xzbepvseax] {
        flex-direction: column;
    }

    .help-ai-answer-header small[b-xzbepvseax] {
        text-align: left;
    }

    .help-article-pagination[b-xzbepvseax] {
        grid-template-columns: 1fr;
    }

    .help-article-pagination a.next[b-xzbepvseax] {
        text-align: left;
    }
}
/* /Components/Pages/History.razor.rz.scp.css */
.history-page[b-3yhv5n62cm] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-border-soft: #dfe4eb;
    --managr-surface: #ffffff;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-green: #24976f;
    --managr-orange: #e58737;
    --managr-red: #d95151;
    --managr-purple: #7656c9;
    --managr-text: var(--managr-ink);
    --managr-text-secondary: #526174;
    --managr-primary: var(--managr-blue);
    --managr-primary-strong: var(--managr-blue-dark);
    --managr-surface-soft: #f7f9fc;
    --managr-danger: var(--managr-red);
    --managr-warning: #b98527;
    --managr-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);

    color: var(--managr-ink);
}


/* ------------------------------------------------------------
   Page banner
   ------------------------------------------------------------ */

.history-page-banner[b-3yhv5n62cm] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80, 145, 255, 0.24) 0, rgba(80, 145, 255, 0.24) 185px, transparent 186px),
        linear-gradient(120deg, #17243c 0%, #234a8d 56%, #3568d4 100%);
    box-shadow: 0 8px 25px rgba(28, 55, 105, 0.15);
}

.history-banner-content[b-3yhv5n62cm],
.history-banner-actions[b-3yhv5n62cm] {
    position: relative;
    z-index: 1;
}

.history-eyebrow[b-3yhv5n62cm] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.history-page-banner h1[b-3yhv5n62cm] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.history-banner-subtitle[b-3yhv5n62cm] {
    max-width: 620px;
    margin-top: 0.32rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.history-banner-actions[b-3yhv5n62cm] {
    flex: 0 0 auto;
}

.history-banner-button[b-3yhv5n62cm] {
    padding: 0.52rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 650;
    backdrop-filter: blur(5px);
}

.history-banner-button:hover[b-3yhv5n62cm] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}


/* ------------------------------------------------------------
   Shared controls
   ------------------------------------------------------------ */

.history-page[b-3yhv5n62cm]  .form-label {
    margin-bottom: 0.3rem;
    color: #566174;
    font-size: 0.72rem;
    font-weight: 650;
}

.history-page[b-3yhv5n62cm]  .form-control {
    min-height: 39px;
    border: 1px solid #d4dce7;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: none;
    font-size: 0.84rem;
}

.history-page[b-3yhv5n62cm]  .form-control:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 0.18rem rgba(53, 104, 212, 0.11);
}

.history-page .btn[b-3yhv5n62cm] {
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 650;
}

.history-page .btn-primary[b-3yhv5n62cm] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.history-page .btn-primary:hover[b-3yhv5n62cm] {
    border-color: var(--managr-blue-dark);
    background: var(--managr-blue-dark);
}

.history-alert[b-3yhv5n62cm] {
    margin-bottom: 1rem;
    border-radius: 10px;
}


/* ------------------------------------------------------------
   Statistics
   ------------------------------------------------------------ */

.history-stat-grid[b-3yhv5n62cm] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 1rem;
}

.history-stat-card[b-3yhv5n62cm] {
    --history-stat-accent: #718096;

    min-width: 0;
    padding: 0.72rem 0.82rem;
    border: 1px solid #d9e1ec;
    border-top: 3px solid var(--history-stat-accent);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(28, 47, 76, 0.045);
}

.history-stat-card.completed[b-3yhv5n62cm] {
    --history-stat-accent: var(--managr-green);
}

.history-stat-card.personal[b-3yhv5n62cm] {
    --history-stat-accent: var(--managr-blue);
}

.history-stat-card.team[b-3yhv5n62cm] {
    --history-stat-accent: var(--managr-purple);
}

.history-stat-card.duration[b-3yhv5n62cm] {
    --history-stat-accent: var(--managr-orange);
}

.history-stat-card.pace[b-3yhv5n62cm] {
    --history-stat-accent: #4f78bc;
}

.history-stat-label[b-3yhv5n62cm] {
    overflow: hidden;
    color: #68758a;
    font-size: 0.6rem;
    font-weight: 750;
    letter-spacing: 0.055em;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.history-stat-value[b-3yhv5n62cm] {
    margin-top: 0.22rem;
    overflow: hidden;
    color: #27354a;
    font-size: 1.35rem;
    font-weight: 760;
    letter-spacing: -0.035em;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history-stat-value.compact[b-3yhv5n62cm] {
    font-size: 1.12rem;
    letter-spacing: -0.02em;
}

.history-stat-detail[b-3yhv5n62cm] {
    margin-top: 0.2rem;
    overflow: hidden;
    color: #8a94a3;
    font-size: 0.59rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ------------------------------------------------------------
   Search utility
   ------------------------------------------------------------ */

.history-search-tools[b-3yhv5n62cm] {
    margin-bottom: 1.4rem;
    padding: 0.9rem 1rem;
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(28, 47, 76, 0.04);
}

.history-search-header[b-3yhv5n62cm] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.history-search-header:focus-visible[b-3yhv5n62cm] {
    outline: 2px solid rgba(62, 118, 215, 0.35);
    outline-offset: 3px;
}

.history-search-header-actions[b-3yhv5n62cm] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.5rem;
}

.history-filter-chevron[b-3yhv5n62cm] {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border: 1px solid #d9e1ec;
    border-radius: 6px;
    background: #f7f9fc;
}

.history-filter-chevron[b-3yhv5n62cm]::before,
.history-filter-chevron[b-3yhv5n62cm]::after {
    position: absolute;
    top: 12px;
    width: 7px;
    height: 1.5px;
    border-radius: 2px;
    background: #647187;
    content: "";
    transition: transform 0.16s ease;
}

.history-filter-chevron[b-3yhv5n62cm]::before {
    left: 6px;
    transform: rotate(45deg);
}

.history-filter-chevron[b-3yhv5n62cm]::after {
    right: 6px;
    transform: rotate(-45deg);
}

.history-filter-chevron.expanded[b-3yhv5n62cm]::before {
    transform: rotate(-45deg);
}

.history-filter-chevron.expanded[b-3yhv5n62cm]::after {
    transform: rotate(45deg);
}

.history-search-content[b-3yhv5n62cm] {
    padding-top: 0.65rem;
}

.history-search-title[b-3yhv5n62cm] {
    color: #495568;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.history-search-subtitle[b-3yhv5n62cm] {
    margin-top: 0.08rem;
    color: #858e9d;
    font-size: 0.65rem;
}

.history-search-grid[b-3yhv5n62cm] {
    display: grid;
    grid-template-columns: minmax(300px, 2fr) minmax(150px, 0.7fr) minmax(150px, 0.7fr) auto;
    align-items: end;
    gap: 0.75rem;
}

.history-search-buttons[b-3yhv5n62cm] {
    display: flex;
    gap: 0.45rem;
}


/* ------------------------------------------------------------
   Results region
   ------------------------------------------------------------ */

.history-region[b-3yhv5n62cm] {
    min-width: 0;
}

.history-region-header[b-3yhv5n62cm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.history-region-heading[b-3yhv5n62cm] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.55rem;
    color: #5c687b;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.history-region-header .history-region-heading[b-3yhv5n62cm] {
    margin-bottom: 0;
}

.history-region-line[b-3yhv5n62cm] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.history-count[b-3yhv5n62cm] {
    display: flex;
    flex: 0 0 auto;
    align-items: baseline;
    gap: 0.3rem;
    color: #748094;
    font-size: 0.68rem;
}

.history-count strong[b-3yhv5n62cm] {
    color: #445065;
    font-size: 0.77rem;
}


/* ------------------------------------------------------------
   History cards
   ------------------------------------------------------------ */

.history-list[b-3yhv5n62cm] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.history-card[b-3yhv5n62cm] {
    --task-tag-color: #8793a5;

    position: relative;
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--task-tag-color);
    border-radius: 12px;
    background: var(--managr-surface);
    box-shadow:
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease;
}

.history-card:hover[b-3yhv5n62cm] {
    transform: translateY(-1px);
    box-shadow:
        0 2px 3px rgba(24, 34, 53, 0.04),
        0 9px 25px rgba(24, 34, 53, 0.1);
}

.history-card.completed[b-3yhv5n62cm] {
    box-shadow:
        inset 3px 0 0 rgba(36, 151, 111, 0.75),
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
}

.history-card.removed[b-3yhv5n62cm] {
    box-shadow:
        inset 3px 0 0 #9ca5b2,
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
}

.history-card.high-priority[b-3yhv5n62cm]::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    content: "";
    background: rgba(217, 81, 81, 0.8);
}

.history-card-main[b-3yhv5n62cm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
    padding: 1rem 1.05rem;
}

.history-card-content[b-3yhv5n62cm] {
    min-width: 0;
}


/* ------------------------------------------------------------
   Title / status
   ------------------------------------------------------------ */

.history-card-title-row[b-3yhv5n62cm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.history-card-title[b-3yhv5n62cm] {
    min-width: 0;
    margin: 0;
    color: var(--managr-ink);
    font-size: 1rem;
    font-weight: 690;
    line-height: 1.3;
    letter-spacing: -0.012em;
}

.history-status-badges[b-3yhv5n62cm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.history-status-badge[b-3yhv5n62cm] {
    font-size: 0.62rem;
    font-weight: 700;
}

.history-status-badge.completed[b-3yhv5n62cm] {
    color: #176847;
    background: #e4f4ed;
}

.history-status-badge.removed[b-3yhv5n62cm] {
    color: #5d6674;
    background: #edf0f3;
}

.history-priority-badge[b-3yhv5n62cm] {
    color: #fff;
    background: var(--managr-red);
    font-size: 0.62rem;
}

.history-recurrence-badge[b-3yhv5n62cm] {
    color: #385992;
    background: #e8effb;
    font-size: 0.62rem;
}


/* ------------------------------------------------------------
   Notes / reason
   ------------------------------------------------------------ */

.history-card-notes[b-3yhv5n62cm] {
    max-width: 1000px;
    margin-top: 0.5rem;
    color: #657084;
    font-size: 0.78rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.removal-reason[b-3yhv5n62cm] {
    margin-top: 0.65rem;
    padding: 0.6rem 0.7rem;
    border-left: 3px solid #9da6b3;
    border-radius: 0 7px 7px 0;
    background: #f5f6f8;
}

.removal-reason-label[b-3yhv5n62cm] {
    margin-bottom: 0.12rem;
    color: #596475;
    font-size: 0.62rem;
    font-weight: 750;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.removal-reason-text[b-3yhv5n62cm] {
    color: #6c7583;
    font-size: 0.74rem;
    line-height: 1.4;
}


/* ------------------------------------------------------------
   Tags
   ------------------------------------------------------------ */

.history-card-tags[b-3yhv5n62cm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.65rem;
}

.history-card-tags .badge[b-3yhv5n62cm] {
    font-size: 0.64rem;
    font-weight: 650;
}


/* ------------------------------------------------------------
   Metadata
   ------------------------------------------------------------ */

.history-card-meta[b-3yhv5n62cm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.72rem;
    padding-top: 0.65rem;
    border-top: 1px solid #edf0f4;
}

.history-meta-item[b-3yhv5n62cm] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    color: #687386;
    font-size: 0.7rem;
}

.history-meta-label[b-3yhv5n62cm] {
    color: #485569;
    font-weight: 700;
}

.history-meta-divider[b-3yhv5n62cm] {
    width: 1px;
    height: 18px;
    background: #dfe4eb;
}

.history-meta-activity.completed[b-3yhv5n62cm],
.history-meta-activity.completed .history-meta-label[b-3yhv5n62cm] {
    color: #21825f;
}

.history-meta-activity.removed[b-3yhv5n62cm],
.history-meta-activity.removed .history-meta-label[b-3yhv5n62cm] {
    color: #707986;
}

.history-meta-assignee .badge[b-3yhv5n62cm] {
    font-size: 0.64rem;
    font-weight: 650;
}


/* ------------------------------------------------------------
   Reopen action
   ------------------------------------------------------------ */

.history-card-actions[b-3yhv5n62cm] {
    padding-top: 0.05rem;
}

.history-reopen-button[b-3yhv5n62cm] {
    min-width: 70px;
    border: 1px solid #a9bee4;
    color: #315fae;
    background: #f8faff;
}

.history-reopen-button:hover[b-3yhv5n62cm] {
    border-color: var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.history-reopen-button:disabled[b-3yhv5n62cm] {
    opacity: 0.55;
}


/* ------------------------------------------------------------
   Empty / loading
   ------------------------------------------------------------ */

.history-empty-state[b-3yhv5n62cm] {
    padding: 4rem 1.5rem;
    border: 1px dashed #cbd3df;
    border-radius: 12px;
    text-align: center;
    background: rgba(255, 255, 255, 0.48);
}

.history-empty-icon[b-3yhv5n62cm] {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.75rem;
    border: 1px solid #b8c6da;
    border-radius: 50%;
    color: #64748b;
    background: #f0f3f7;
    font-size: 1rem;
    font-weight: 700;
}

.history-empty-title[b-3yhv5n62cm] {
    color: #354156;
    font-size: 0.95rem;
    font-weight: 700;
}

.history-empty-text[b-3yhv5n62cm] {
    margin-top: 0.2rem;
    color: var(--managr-muted);
    font-size: 0.76rem;
}

.history-loading[b-3yhv5n62cm] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
}

.history-loading-indicator[b-3yhv5n62cm] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: history-spin-b-3yhv5n62cm 0.8s linear infinite;
}

@keyframes history-spin-b-3yhv5n62cm {
    to {
        transform: rotate(360deg);
    }
}


/* ------------------------------------------------------------
   Tablet
   ------------------------------------------------------------ */

@media (max-width: 900px) {

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

    .history-search-grid[b-3yhv5n62cm] {
        grid-template-columns: 1fr 1fr;
    }

    .history-search-text[b-3yhv5n62cm] {
        grid-column: 1 / -1;
    }

    .history-search-buttons[b-3yhv5n62cm] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}


/* ------------------------------------------------------------
   Phone
   ------------------------------------------------------------ */

@media (max-width: 600px) {

    .history-stat-grid[b-3yhv5n62cm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
        margin-bottom: 0.85rem;
    }

    .history-stat-card[b-3yhv5n62cm] {
        padding: 0.62rem 0.68rem;
    }

    .history-stat-card:last-child[b-3yhv5n62cm] {
        grid-column: 1 / -1;
    }

    .history-stat-value[b-3yhv5n62cm] {
        font-size: 1.2rem;
    }

    .history-stat-value.compact[b-3yhv5n62cm] {
        font-size: 1.02rem;
    }

    .history-search-tools[b-3yhv5n62cm] {
        padding: 0.72rem 0.82rem;
    }

    .history-search-header[b-3yhv5n62cm] {
        min-height: 28px;
    }

    .history-page-banner[b-3yhv5n62cm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.9rem;
        margin-bottom: 0.85rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .history-page-banner h1[b-3yhv5n62cm] {
        font-size: 1.5rem;
    }

    .history-banner-subtitle[b-3yhv5n62cm] {
        font-size: 0.78rem;
    }

    .history-banner-actions[b-3yhv5n62cm],
    .history-banner-button[b-3yhv5n62cm] {
        width: 100%;
    }

    .history-banner-button[b-3yhv5n62cm] {
        text-align: center;
    }

    .history-search-subtitle[b-3yhv5n62cm] {
        display: none;
    }

    .history-search-grid[b-3yhv5n62cm] {
        grid-template-columns: 1fr;
    }

    .history-search-text[b-3yhv5n62cm],
    .history-search-buttons[b-3yhv5n62cm] {
        grid-column: auto;
    }

    .history-search-buttons[b-3yhv5n62cm] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .history-region-header[b-3yhv5n62cm] {
        align-items: flex-end;
    }

    .history-count span[b-3yhv5n62cm] {
        display: none;
    }

    .history-list[b-3yhv5n62cm] {
        gap: 0.7rem;
    }

    .history-card[b-3yhv5n62cm] {
        border-radius: 10px;
    }

    .history-card-main[b-3yhv5n62cm] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        padding: 0.85rem;
    }

    .history-card-content[b-3yhv5n62cm] {
        width: 100%;
    }

    .history-card-actions[b-3yhv5n62cm] {
        width: 100%;
        padding: 0;
    }

    .history-reopen-button[b-3yhv5n62cm] {
        width: 100%;
        min-height: 38px;
    }

    .history-card-title[b-3yhv5n62cm] {
        font-size: 0.94rem;
    }

    .history-card-notes[b-3yhv5n62cm] {
        font-size: 0.74rem;
    }

    .history-card-meta[b-3yhv5n62cm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .history-meta-divider[b-3yhv5n62cm] {
        display: none;
    }

    .history-card-tags .badge[b-3yhv5n62cm] {
        white-space: normal;
        text-align: left;
    }
}

/* ------------------------------------------------------------
   Expanded filters + saved task views
   ------------------------------------------------------------ */


.history-filtered-badge[b-3yhv5n62cm] {
    padding: 0.16rem 0.48rem;
    border-radius: 99px;
    color: #315d9e;
    background: #eaf1fc;
    font-size: 0.61rem;
    font-weight: 700;
}

.history-full-filter-grid[b-3yhv5n62cm] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.history-search-text[b-3yhv5n62cm] {
    grid-column: span 2;
}

.history-saved-view-select-row[b-3yhv5n62cm] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.history-saved-view-select-row .form-select[b-3yhv5n62cm] {
    min-width: 0;
}

.history-saved-view-menu-button[b-3yhv5n62cm] {
    display: flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #cdd5e0;
    color: #526074;
    background: #fff;
    font-size: 1rem !important;
    line-height: 1;
}

.history-saved-view-menu-button:hover[b-3yhv5n62cm] {
    border-color: var(--managr-blue);
    color: var(--managr-blue);
    background: #f7faff;
}

.history-priority-filter[b-3yhv5n62cm] {
    display: flex;
    min-height: 38px;
    align-items: center;
    align-self: end;
}

.history-save-view-button[b-3yhv5n62cm] {
    border: 1px solid #bdcbe2;
    color: #355a96;
    background: #f5f8fd;
}

.history-save-view-button:hover[b-3yhv5n62cm] {
    border-color: var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.history-saved-view-editor[b-3yhv5n62cm],
.history-saved-view-management[b-3yhv5n62cm] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 0.8fr) auto auto;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.72rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #d9e0ea;
    border-radius: 9px;
    background: #fafbfd;
}

.history-saved-view-management[b-3yhv5n62cm] {
    grid-template-columns: minmax(180px, 1fr) auto auto auto;
}

.history-saved-view-editor-title[b-3yhv5n62cm],
.history-saved-view-management-name[b-3yhv5n62cm] {
    color: #354258;
    font-size: 0.7rem;
    font-weight: 725;
}

.history-saved-view-editor-copy[b-3yhv5n62cm] {
    margin-top: 0.08rem;
    color: #8390a2;
    font-size: 0.61rem;
}

.history-saved-view-message[b-3yhv5n62cm] {
    margin-top: 0.55rem;
    color: #27775c;
    font-size: 0.65rem;
    font-weight: 650;
}

.history-card-title-link[b-3yhv5n62cm] {
    color: inherit;
    text-decoration: none;
}

.history-card-title-link:hover[b-3yhv5n62cm] {
    color: var(--managr-blue);
}

@media (max-width: 1100px) {
    .history-full-filter-grid[b-3yhv5n62cm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .history-full-filter-grid[b-3yhv5n62cm] {
        grid-template-columns: 1fr;
    }

    .history-search-text[b-3yhv5n62cm] {
        grid-column: auto;
    }

    .history-saved-view-editor[b-3yhv5n62cm],
    .history-saved-view-management[b-3yhv5n62cm] {
        grid-template-columns: 1fr;
    }

    .history-saved-view-editor .btn[b-3yhv5n62cm],
    .history-saved-view-management .btn[b-3yhv5n62cm] {
        width: 100%;
    }
}


/* Phase 4: collaborative history */
.history-card.team-task[b-3yhv5n62cm] {
    border-left: 4px solid #5b8fe6;
}

.history-team-badge[b-3yhv5n62cm] {
    border: 1px solid #bfd2f1;
    color: #315b9f;
    background: #eef5ff;
}

.history-team-assignee-list[b-3yhv5n62cm] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.28rem;
}

.history-team-assignee-badge[b-3yhv5n62cm],
.history-team-assignee-more[b-3yhv5n62cm] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.4rem;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.2;
}

.history-team-assignee-badge[b-3yhv5n62cm] {
    border: 1px solid #d4deed;
    color: #52637b;
    background: #f7f9fc;
}

.history-team-assignee-more[b-3yhv5n62cm] {
    color: #6d7889;
    background: #eef1f5;
}

/* Phase 12 Round 1 — local task insights / reporting */
.history-insights-panel[b-3yhv5n62cm] {
    display: grid;
    margin-bottom: 1rem;
    gap: .8rem;
    padding: .8rem;
    border: 1px solid var(--managr-border);
    border-radius: 11px;
    background: var(--managr-surface);
    box-shadow: var(--managr-shadow-sm);
}

.history-insights-heading[b-3yhv5n62cm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.history-insights-heading > div:first-child[b-3yhv5n62cm] {
    min-width: 0;
}

.history-insights-kicker[b-3yhv5n62cm] {
    display: block;
    margin-bottom: .12rem;
    color: var(--managr-primary);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.history-insights-heading h2[b-3yhv5n62cm] {
    margin: 0;
    color: var(--managr-text);
    font-size: .92rem;
    font-weight: 760;
}

.history-insights-heading p[b-3yhv5n62cm] {
    max-width: 720px;
    margin: .18rem 0 0;
    color: var(--managr-muted);
    font-size: .62rem;
    line-height: 1.45;
}

.history-insights-period[b-3yhv5n62cm] {
    display: grid;
    min-width: 160px;
    gap: .2rem;
}

.history-insights-period > span[b-3yhv5n62cm] {
    color: var(--managr-muted);
    font-size: .55rem;
    font-weight: 780;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.history-insights-period .form-select[b-3yhv5n62cm] {
    min-height: 34px;
    padding-top: .28rem;
    padding-bottom: .28rem;
    font-size: .64rem;
}

.history-insights-window[b-3yhv5n62cm] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--managr-muted);
    font-size: .58rem;
}

.history-insights-window span:first-child[b-3yhv5n62cm],
.history-insights-window span:last-child[b-3yhv5n62cm] {
    color: var(--managr-text-secondary);
    font-weight: 700;
}

.history-insights-metric-grid[b-3yhv5n62cm] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .5rem;
}

.history-insights-metric-grid article[b-3yhv5n62cm] {
    display: grid;
    min-width: 0;
    min-height: 78px;
    align-content: center;
    gap: .16rem;
    padding: .55rem .62rem;
    border: 1px solid var(--managr-border-soft);
    border-radius: 9px;
    background: var(--managr-surface-soft);
}

.history-insights-metric-grid article > span[b-3yhv5n62cm] {
    color: var(--managr-text-secondary);
    font-size: .56rem;
    font-weight: 760;
}

.history-insights-metric-grid article > strong[b-3yhv5n62cm] {
    color: var(--managr-primary);
    font-size: 1.12rem;
    line-height: 1.05;
}

.history-insights-metric-grid article > strong.compact[b-3yhv5n62cm] {
    font-size: .82rem;
}

.history-insights-metric-grid article > small[b-3yhv5n62cm] {
    color: var(--managr-muted);
    font-size: .5rem;
    line-height: 1.3;
}

.history-insights-metric-grid article.attention > strong[b-3yhv5n62cm] {
    color: var(--managr-warning, #b7791f);
}

.history-insights-metric-grid article.blocked > strong[b-3yhv5n62cm] {
    color: var(--managr-danger);
}

.history-insights-chart-grid[b-3yhv5n62cm] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(250px, .8fr);
    gap: .65rem;
}

.history-insights-chart-card[b-3yhv5n62cm] {
    min-width: 0;
    padding: .65rem;
    border: 1px solid var(--managr-border-soft);
    border-radius: 9px;
    background: var(--managr-surface-soft);
}

.history-insights-tag-card[b-3yhv5n62cm] {
    grid-column: 1 / -1;
}

.history-insights-card-heading[b-3yhv5n62cm] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: .7rem;
    margin-bottom: .55rem;
}

.history-insights-card-heading > div[b-3yhv5n62cm] {
    display: grid;
    min-width: 0;
    gap: .08rem;
}

.history-insights-card-heading span[b-3yhv5n62cm] {
    color: var(--managr-muted);
    font-size: .53rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.history-insights-card-heading strong[b-3yhv5n62cm] {
    color: var(--managr-text);
    font-size: .7rem;
}

.history-insights-card-heading > small[b-3yhv5n62cm] {
    color: var(--managr-muted);
    font-size: .54rem;
    white-space: nowrap;
}

.history-insights-trend-scroll[b-3yhv5n62cm] {
    overflow-x: auto;
    padding-bottom: .15rem;
}

.history-insights-trend[b-3yhv5n62cm] {
    display: grid;
    grid-auto-columns: minmax(30px, 1fr);
    grid-auto-flow: column;
    min-width: max-content;
    height: 155px;
    align-items: end;
    gap: .28rem;
    padding: .15rem .05rem 0;
}

.history-insights-trend-column[b-3yhv5n62cm] {
    display: grid;
    width: 34px;
    height: 100%;
    grid-template-rows: 16px minmax(0, 1fr) 16px;
    align-items: end;
    gap: .16rem;
    text-align: center;
}

.history-insights-trend-value[b-3yhv5n62cm] {
    min-height: 16px;
    color: var(--managr-text-secondary);
    font-size: .53rem;
    font-weight: 760;
}

.history-insights-trend-track[b-3yhv5n62cm] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 2px 2px;
    background: color-mix(in srgb, var(--managr-border-soft) 62%, transparent);
    overflow: hidden;
}

.history-insights-trend-bar[b-3yhv5n62cm] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 0;
    border-radius: 5px 5px 2px 2px;
    background: var(--managr-primary);
}

.history-insights-trend-column > span[b-3yhv5n62cm] {
    color: var(--managr-muted);
    font-size: .48rem;
    white-space: nowrap;
}

.history-insights-horizontal-list[b-3yhv5n62cm] {
    display: grid;
    gap: .55rem;
}

.history-insights-horizontal-row[b-3yhv5n62cm] {
    display: grid;
    gap: .22rem;
}

.history-insights-horizontal-label[b-3yhv5n62cm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    color: var(--managr-text-secondary);
    font-size: .59rem;
}

.history-insights-horizontal-label strong[b-3yhv5n62cm] {
    color: var(--managr-text);
    font-size: .6rem;
}

.history-insights-horizontal-track[b-3yhv5n62cm] {
    height: 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--managr-border-soft) 72%, transparent);
    overflow: hidden;
}

.history-insights-horizontal-bar[b-3yhv5n62cm] {
    height: 100%;
    border-radius: inherit;
    background: var(--managr-primary);
}

.history-insights-horizontal-bar.in-progress[b-3yhv5n62cm] {
    background: var(--managr-primary-strong);
}

.history-insights-horizontal-bar.on-hold[b-3yhv5n62cm] {
    background: var(--managr-muted);
}

.history-insights-horizontal-bar.blocked[b-3yhv5n62cm] {
    background: var(--managr-danger);
}

.history-insights-tag-label[b-3yhv5n62cm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .42rem;
}

.history-insights-tag-dot[b-3yhv5n62cm] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.history-insights-tag-label > span:nth-child(2)[b-3yhv5n62cm] {
    display: grid;
    min-width: 0;
    gap: .03rem;
}

.history-insights-tag-label > span:nth-child(2) > strong[b-3yhv5n62cm] {
    color: var(--managr-text-secondary);
    font-size: .59rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history-insights-tag-label > span:nth-child(2) > small[b-3yhv5n62cm] {
    color: var(--managr-muted);
    font-size: .49rem;
}

.history-insights-tag-label > strong[b-3yhv5n62cm] {
    color: var(--managr-text);
    font-size: .6rem;
}

.history-insights-chart-empty[b-3yhv5n62cm],
.history-insights-empty[b-3yhv5n62cm] {
    display: grid;
    place-items: center;
    min-height: 78px;
    gap: .18rem;
    padding: .7rem;
    color: var(--managr-muted);
    font-size: .6rem;
    text-align: center;
}

.history-insights-empty.error strong[b-3yhv5n62cm] {
    color: var(--managr-danger);
}

.history-insights-empty span[b-3yhv5n62cm] {
    color: var(--managr-muted);
}

@media (max-width: 1120px) {
    .history-insights-metric-grid[b-3yhv5n62cm] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 840px) {
    .history-insights-heading[b-3yhv5n62cm] {
        align-items: stretch;
        flex-direction: column;
    }

    .history-insights-period[b-3yhv5n62cm] {
        max-width: 220px;
    }

    .history-insights-chart-grid[b-3yhv5n62cm] {
        grid-template-columns: 1fr;
    }

    .history-insights-tag-card[b-3yhv5n62cm] {
        grid-column: auto;
    }
}

@media (max-width: 620px) {
    .history-insights-panel[b-3yhv5n62cm] {
        padding: .65rem;
    }

    .history-insights-metric-grid[b-3yhv5n62cm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .history-insights-period[b-3yhv5n62cm] {
        max-width: none;
    }
}

@media (max-width: 420px) {
    .history-insights-metric-grid[b-3yhv5n62cm] {
        grid-template-columns: 1fr;
    }
}

/* Phase 12 Round 2 — collapsible insights + schedule / Tag health reporting */
.history-insights-panel.collapsed[b-3yhv5n62cm] {
    gap: 0;
    padding-top: .62rem;
    padding-bottom: .62rem;
}

.history-insights-panel.collapsed .history-insights-heading[b-3yhv5n62cm] {
    align-items: center;
}

.history-insights-heading-actions[b-3yhv5n62cm] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: .65rem;
    flex: 0 0 auto;
}

.history-insights-toggle[b-3yhv5n62cm] {
    min-width: 108px;
    min-height: 34px;
    border: 1px solid var(--managr-primary-border);
    color: var(--managr-primary);
    background: var(--managr-primary-soft);
    font-size: .62rem;
    font-weight: 760;
}

.history-insights-toggle:hover[b-3yhv5n62cm] {
    border-color: var(--managr-primary);
    color: var(--managr-primary-strong);
}

.history-insights-toggle.expanded[b-3yhv5n62cm] {
    border-color: var(--managr-border);
    color: var(--managr-text-secondary);
    background: var(--managr-surface-soft);
}

.history-insights-content[b-3yhv5n62cm] {
    display: grid;
    gap: .8rem;
    padding-top: .8rem;
    border-top: 1px solid var(--managr-border-soft);
}

.history-insights-horizontal-bar.schedule-tasks[b-3yhv5n62cm] {
    background: var(--managr-primary);
}

.history-insights-horizontal-bar.schedule-native-events[b-3yhv5n62cm] {
    background: var(--managr-primary-strong);
}

.history-insights-horizontal-bar.schedule-reminders[b-3yhv5n62cm] {
    background: var(--managr-warning, #b7791f);
}

.history-insights-horizontal-bar.schedule-external-events[b-3yhv5n62cm] {
    background: var(--managr-muted);
}

.history-insights-horizontal-bar.weekday[b-3yhv5n62cm] {
    background: color-mix(in srgb, var(--managr-primary) 78%, var(--managr-text-secondary) 22%);
}

.history-insights-schedule-summary[b-3yhv5n62cm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .42rem;
    margin-top: .7rem;
    padding-top: .62rem;
    border-top: 1px solid var(--managr-border-soft);
}

.history-insights-schedule-summary > span[b-3yhv5n62cm] {
    display: grid;
    min-width: 0;
    gap: .08rem;
}

.history-insights-schedule-summary small[b-3yhv5n62cm] {
    color: var(--managr-muted);
    font-size: .49rem;
    font-weight: 720;
}

.history-insights-schedule-summary strong[b-3yhv5n62cm] {
    color: var(--managr-text-secondary);
    font-size: .62rem;
    overflow-wrap: anywhere;
}

.history-insights-method-note[b-3yhv5n62cm] {
    display: block;
    margin-top: .62rem;
    color: var(--managr-muted);
    font-size: .49rem;
    line-height: 1.35;
}

.history-insights-tag-health-card[b-3yhv5n62cm] {
    grid-column: 1 / -1;
}

.history-insights-health-table[b-3yhv5n62cm] {
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--managr-border-soft);
    border-radius: 8px;
    background: var(--managr-surface);
}

.history-insights-health-row[b-3yhv5n62cm] {
    display: grid;
    grid-template-columns: minmax(190px, 2fr) repeat(4, minmax(64px, .55fr));
    min-width: 560px;
    align-items: center;
    gap: .5rem;
    padding: .5rem .58rem;
    border-bottom: 1px solid var(--managr-border-soft);
    color: var(--managr-text-secondary);
    font-size: .57rem;
}

.history-insights-health-row:last-child[b-3yhv5n62cm] {
    border-bottom: 0;
}

.history-insights-health-row.header[b-3yhv5n62cm] {
    padding-top: .42rem;
    padding-bottom: .42rem;
    color: var(--managr-muted);
    background: var(--managr-surface-soft);
    font-size: .49rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.history-insights-health-row > span:not(:first-child)[b-3yhv5n62cm] {
    text-align: center;
    font-weight: 720;
}

.history-insights-health-row > span.attention[b-3yhv5n62cm] {
    color: var(--managr-warning, #b7791f);
}

.history-insights-health-row > span.blocked[b-3yhv5n62cm] {
    color: var(--managr-danger);
}

.history-insights-health-name[b-3yhv5n62cm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .42rem;
    min-width: 0;
}

.history-insights-health-name > span:last-child[b-3yhv5n62cm] {
    display: grid;
    min-width: 0;
    gap: .02rem;
}

.history-insights-health-name strong[b-3yhv5n62cm] {
    color: var(--managr-text-secondary);
    font-size: .59rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history-insights-health-name small[b-3yhv5n62cm] {
    color: var(--managr-muted);
    font-size: .48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 840px) {
    .history-insights-heading-actions[b-3yhv5n62cm] {
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .history-insights-panel.collapsed .history-insights-heading[b-3yhv5n62cm] {
        align-items: stretch;
    }

    .history-insights-tag-health-card[b-3yhv5n62cm] {
        grid-column: auto;
    }
}

@media (max-width: 620px) {
    .history-insights-heading-actions[b-3yhv5n62cm] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .history-insights-toggle[b-3yhv5n62cm],
    .history-insights-period[b-3yhv5n62cm] {
        width: 100%;
        max-width: none;
    }

    .history-insights-schedule-summary[b-3yhv5n62cm] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */


.dashboard-page-canvas[b-2jmcuqqqnw] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-border-soft: #dde3ec;
    --managr-canvas: #f2f4f7;
    --managr-surface: #ffffff;
    --managr-surface-soft: #f8fafc;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-purple: #7656c9;
    --managr-green: #24976f;
    --managr-orange: #e58737;
    --managr-red: #d95151;
    --managr-radius: 14px;

    box-sizing: border-box;
    min-height: 0;
    margin: -0.25rem;
    padding: 1.25rem;
    border-radius: 18px;
    color: var(--managr-ink);
    background: var(--managr-canvas);
}


/* ------------------------------------------------------------
   Page banner
   ------------------------------------------------------------ */

.dashboard-page-banner[b-2jmcuqqqnw] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80, 145, 255, 0.24) 0, rgba(80, 145, 255, 0.24) 185px, transparent 186px),
        linear-gradient(120deg, #17243c 0%, #234a8d 56%, #3568d4 100%);
    box-shadow: 0 8px 25px rgba(28, 55, 105, 0.15);
}

.dashboard-banner-content[b-2jmcuqqqnw],
.dashboard-banner-actions[b-2jmcuqqqnw] {
    position: relative;
    z-index: 1;
}

.dashboard-eyebrow[b-2jmcuqqqnw] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.dashboard-page-banner h1[b-2jmcuqqqnw] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.dashboard-banner-subtitle[b-2jmcuqqqnw] {
    max-width: 620px;
    margin-top: 0.32rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.dashboard-banner-actions[b-2jmcuqqqnw] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.45rem;
}

.dashboard-banner-button[b-2jmcuqqqnw] {
    padding: 0.55rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 9px;
    color: #fff;
    background: rgba(255, 255, 255, 0.11);
    font-size: 0.84rem;
    font-weight: 650;
    backdrop-filter: blur(5px);
}

.dashboard-banner-button:hover[b-2jmcuqqqnw] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}


/* ------------------------------------------------------------
   Common controls
   ------------------------------------------------------------ */

.dashboard-page-canvas .form-label[b-2jmcuqqqnw] {
    margin-bottom: 0.3rem;
    color: #566174;
    font-size: 0.72rem;
    font-weight: 650;
}

.dashboard-page-canvas .form-control[b-2jmcuqqqnw],
.dashboard-page-canvas .form-select[b-2jmcuqqqnw] {
    min-height: 39px;
    border: 1px solid #d5dce7;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: none;
    font-size: 0.84rem;
}

.dashboard-page-canvas .form-control:focus[b-2jmcuqqqnw],
.dashboard-page-canvas .form-select:focus[b-2jmcuqqqnw] {
    border-color: #8eafea;
    box-shadow: 0 0 0 0.18rem rgba(53, 104, 212, 0.11);
}

.dashboard-page-canvas .form-check-input:checked[b-2jmcuqqqnw] {
    border-color: var(--managr-blue);
    background-color: var(--managr-blue);
}

.dashboard-page-canvas .btn[b-2jmcuqqqnw] {
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 650;
}

.dashboard-page-canvas .btn-primary[b-2jmcuqqqnw] {
    border-color: var(--managr-blue);
    background-color: var(--managr-blue);
}

.dashboard-page-canvas .btn-primary:hover[b-2jmcuqqqnw] {
    border-color: var(--managr-blue-dark);
    background-color: var(--managr-blue-dark);
}

.dashboard-alert[b-2jmcuqqqnw] {
    margin-bottom: 1rem;
    border-radius: 10px;
}


/* ------------------------------------------------------------
   Quick Add action surface
   ------------------------------------------------------------ */

.quick-add-form[b-2jmcuqqqnw] {
    min-width: 0;
}

.quick-add-grid[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 165px 135px 110px;
    align-items: end;
    gap: 0.8rem;
}

.task-option-stack[b-2jmcuqqqnw] {
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
}

.quick-priority[b-2jmcuqqqnw] {
    display: flex;
    min-height: 39px;
    align-items: center;
}

.quick-add-button[b-2jmcuqqqnw] {
    display: flex;
    align-items: end;
}


.quick-add-options-toggle[b-2jmcuqqqnw] {
    margin-top: 0.5rem;
    padding: 0.33rem 0.58rem;
    border: 1px solid #a9bbe0;
    color: #36588f;
    background: rgba(255, 255, 255, 0.72);
    font-size: 0.7rem !important;
}

.quick-add-options-toggle:hover[b-2jmcuqqqnw] {
    border-color: var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.quick-add-options-toggle.expanded[b-2jmcuqqqnw] {
    border-color: #bac4d3;
    color: #596578;
    background: rgba(255, 255, 255, 0.84);
}

.quick-add-expanded[b-2jmcuqqqnw] {
    margin-top: 1rem;
    padding-top: 0.2rem;
    border-top: 1px solid #d9e3f3;
}

.quick-expanded-section[b-2jmcuqqqnw] {
    padding: 0.9rem 0 1rem;
}

.quick-expanded-section + .quick-expanded-section[b-2jmcuqqqnw] {
    border-top: 1px solid #e3e7ed;
}

.quick-expanded-section-heading[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.75rem;
    color: #657084;
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.quick-expanded-section-heading div[b-2jmcuqqqnw] {
    height: 1px;
    flex: 1;
    background: #e1e5eb;
}

.quick-add-expanded textarea.form-control[b-2jmcuqqqnw] {
    min-height: 82px;
    resize: vertical;
}

.quick-expanded-grid[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: minmax(150px, 0.8fr) minmax(140px, 0.7fr) minmax(220px, 1.3fr);
    align-items: start;
    gap: 0.8rem;
}

.quick-selected-assignee[b-2jmcuqqqnw] {
    margin-top: 0.4rem;
}

.quick-schedule-options[b-2jmcuqqqnw] {
    margin-top: 0.55rem;
}

.quick-recurrence-toggle[b-2jmcuqqqnw] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 0.8rem;
}

.quick-recurrence-note[b-2jmcuqqqnw] {
    color: #8992a0;
    font-size: 0.68rem;
}

.quick-recurrence-options[b-2jmcuqqqnw] {
    margin-top: 0.8rem;
    padding: 0.85rem;
    border: 1px solid #dfe5ee;
    border-radius: 9px;
    background: #f8fafc;
}

.quick-recurrence-grid[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(145px, 1fr));
    gap: 0.8rem;
}

.quick-recurrence-description[b-2jmcuqqqnw] {
    margin-top: 0.75rem;
    padding: 0.55rem 0.7rem;
    border-left: 3px solid #a7bae0;
    border-radius: 0 6px 6px 0;
    color: #687488;
    background: #f3f6fb;
    font-size: 0.71rem;
}

.quick-tag-selector[b-2jmcuqqqnw] {
    padding: 0.8rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #f9fafc;
}

.quick-tag-grid[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 0.65rem;
}

.quick-tag-dropdown[b-2jmcuqqqnw] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.quick-tag-dropdown[open][b-2jmcuqqqnw] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31, 54, 92, 0.07);
}

.quick-tag-dropdown-summary[b-2jmcuqqqnw] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 0.45rem;
    padding: 0.48rem 0.62rem;
    color: #465266;
    cursor: pointer;
    font-size: 0.71rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.quick-tag-dropdown-summary[b-2jmcuqqqnw]::-webkit-details-marker {
    display: none;
}

.quick-tag-dropdown-title[b-2jmcuqqqnw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-tag-dropdown-count[b-2jmcuqqqnw] {
    margin-left: auto;
    padding: 0.16rem 0.38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: 0.58rem;
    font-weight: 725;
    white-space: nowrap;
}

.quick-tag-dropdown-chevron[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: 0.82rem;
    line-height: 1;
    transition: transform 0.15s ease;
}

.quick-tag-dropdown[open] .quick-tag-dropdown-chevron[b-2jmcuqqqnw] {
    transform: rotate(180deg);
}

.quick-tag-dropdown-menu[b-2jmcuqqqnw] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.38rem 0.5rem 0.5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.quick-tag-option[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    padding: 0.25rem 0.18rem;
    border-radius: 5px;
    cursor: pointer;
}

.quick-tag-option:hover[b-2jmcuqqqnw] {
    background: #f5f8fd;
}

.quick-tag-option .form-check-input[b-2jmcuqqqnw] {
    margin-top: 0;
    flex: 0 0 auto;
}

.quick-tag-option .badge[b-2jmcuqqqnw] {
    max-width: calc(100% - 1.5rem);
    overflow: hidden;
    font-size: 0.66rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ------------------------------------------------------------
   Filter utility
   ------------------------------------------------------------ */

.dashboard-filter-tools[b-2jmcuqqqnw] {
    margin-bottom: 1.35rem;
    padding: 0.9rem 1rem;
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(28, 47, 76, 0.04);
}

.dashboard-filter-toggle[b-2jmcuqqqnw] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.dashboard-filter-toggle:focus-visible + .filter-tools-header[b-2jmcuqqqnw] {
    outline: 2px solid rgba(62, 118, 215, 0.35);
    outline-offset: 3px;
}

.filter-tools-header[b-2jmcuqqqnw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0;
    list-style: none;
    cursor: pointer;
}

.filter-tools-header-actions[b-2jmcuqqqnw] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.5rem;
}

.filter-tools-chevron[b-2jmcuqqqnw] {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border: 1px solid #d9e1ec;
    border-radius: 6px;
    background: #f7f9fc;
}

.filter-tools-chevron[b-2jmcuqqqnw]::before,
.filter-tools-chevron[b-2jmcuqqqnw]::after {
    position: absolute;
    top: 12px;
    width: 7px;
    height: 1.5px;
    border-radius: 2px;
    background: #647187;
    content: "";
    transition: transform 0.16s ease;
}

.filter-tools-chevron[b-2jmcuqqqnw]::before {
    left: 6px;
    transform: rotate(45deg);
}

.filter-tools-chevron[b-2jmcuqqqnw]::after {
    right: 6px;
    transform: rotate(-45deg);
}

.filter-tools-content[b-2jmcuqqqnw] {
    display: none;
    padding-top: 0.65rem;
}

.dashboard-filter-toggle:checked ~ .filter-tools-content[b-2jmcuqqqnw] {
    display: block;
}

.dashboard-filter-toggle:checked ~ .filter-tools-header .filter-tools-chevron[b-2jmcuqqqnw]::before {
    transform: rotate(-45deg);
}

.dashboard-filter-toggle:checked ~ .filter-tools-header .filter-tools-chevron[b-2jmcuqqqnw]::after {
    transform: rotate(45deg);
}

.filter-tools-title[b-2jmcuqqqnw] {
    color: #495568;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.filter-tools-subtitle[b-2jmcuqqqnw] {
    margin-top: 0.08rem;
    color: #858e9d;
    font-size: 0.65rem;
}

.dashboard-filtered-badge[b-2jmcuqqqnw] {
    padding: 0.24rem 0.55rem;
    border: 1px solid #d6cff0;
    border-radius: 99px;
    color: #6046aa;
    background: #eeeafb;
    font-size: 0.65rem;
    font-weight: 700;
}

.filter-grid[b-2jmcuqqqnw] {
    display: grid;
    gap: 0.6rem;
}

.filter-primary-row[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: minmax(165px, 1.15fr) minmax(145px, 0.9fr) minmax(145px, 0.9fr) max-content max-content;
    align-items: end;
    gap: 0.65rem;
}

.filter-primary-row > *[b-2jmcuqqqnw] {
    min-width: 0;
}

.filter-tag-grid[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 180px));
    align-items: end;
    gap: 0.45rem 0.6rem;
    padding-top: 0.55rem;
    border-top: 1px solid #edf1f6;
}

.filter-tag-field[b-2jmcuqqqnw] {
    min-width: 0;
}

.filter-tag-field .form-label[b-2jmcuqqqnw] {
    margin-bottom: 0.2rem;
    font-size: 0.67rem;
}

.filter-tag-field .form-select[b-2jmcuqqqnw] {
    min-height: 34px;
    padding-top: 0.28rem;
    padding-bottom: 0.28rem;
    font-size: 0.78rem;
}

.filter-checkbox[b-2jmcuqqqnw] {
    display: flex;
    min-height: 39px;
    align-items: center;
    padding: 0 0.15rem 0.05rem;
}

.filter-checkbox .form-check[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding-left: 0;
}

.filter-checkbox .form-check-input[b-2jmcuqqqnw] {
    float: none;
    flex: 0 0 auto;
    margin: 0;
}

.filter-checkbox .form-check-label[b-2jmcuqqqnw] {
    color: #566174;
    font-size: 0.74rem;
    font-weight: 650;
    white-space: nowrap;
}

.filter-buttons[b-2jmcuqqqnw] {
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
}

.filter-buttons .btn[b-2jmcuqqqnw] {
    white-space: nowrap;
}

.filter-person-preview[b-2jmcuqqqnw] {
    margin-top: 0.3rem;
}


/* ------------------------------------------------------------
   Workspace / region hierarchy
   ------------------------------------------------------------ */

.dashboard-workspace[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: minmax(320px, 2fr) minmax(0, 3fr);
    align-items: stretch;
    gap: 1.45rem;
}

.dashboard-region[b-2jmcuqqqnw] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.dashboard-region-heading[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.55rem;
    color: #5c687b;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.dashboard-region-line[b-2jmcuqqqnw] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.dashboard-left-stack[b-2jmcuqqqnw] {
    display: flex;
    min-width: 0;
    min-height: 650px;
    flex: 1;
    flex-direction: column;
    gap: 1.35rem;
}


/* ------------------------------------------------------------
   Real dashboard cards
   ------------------------------------------------------------ */

.dashboard-card[b-2jmcuqqqnw] {
    --card-accent: #8793a5;

    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--card-accent);
    border-radius: var(--managr-radius);
    background: var(--managr-surface);
    box-shadow:
        0 1px 2px rgba(24, 34, 53, 0.04),
        0 7px 22px rgba(24, 34, 53, 0.09);
}

.dashboard-card > .card-header[b-2jmcuqqqnw] {
    border-bottom: 1px solid var(--managr-border-soft);
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--card-accent) 5%, #ffffff),
            #fbfcfe 46%
        );
}

.dashboard-card-header[b-2jmcuqqqnw] {
    display: flex;
    min-height: 66px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.82rem 1rem;
}

.dashboard-section-heading[b-2jmcuqqqnw] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.68rem;
}

.dashboard-section-accent[b-2jmcuqqqnw] {
    width: 4px;
    height: 32px;
    flex: 0 0 4px;
    border-radius: 99px;
}

.accent-attention[b-2jmcuqqqnw] {
    background: linear-gradient(to bottom, var(--managr-red), var(--managr-orange));
}

.accent-tasks[b-2jmcuqqqnw] {
    background: var(--managr-green);
}

.accent-calendar[b-2jmcuqqqnw] {
    background: var(--managr-blue);
}

.dashboard-section-title[b-2jmcuqqqnw] {
    color: var(--managr-ink);
    font-size: 0.93rem;
    font-weight: 725;
    line-height: 1.15;
}

.dashboard-section-title-row[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.dashboard-section-subtitle[b-2jmcuqqqnw] {
    margin-top: 0.13rem;
    color: var(--managr-muted);
    font-size: 0.69rem;
    line-height: 1.25;
}

.dashboard-header-link[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    color: var(--managr-blue);
    font-size: 0.72rem;
    font-weight: 650;
    text-decoration: none;
}

.dashboard-header-link:hover[b-2jmcuqqqnw] {
    color: var(--managr-blue-dark);
    text-decoration: underline;
}

.dashboard-count-badge[b-2jmcuqqqnw] {
    display: inline-flex;
    min-width: 1.55rem;
    height: 1.35rem;
    align-items: center;
    justify-content: center;
    padding: 0 0.4rem;
    border-radius: 99px;
    color: #fff;
    background: var(--managr-green);
    font-size: 0.65rem;
    font-weight: 750;
}


/* ------------------------------------------------------------
   Due / Overdue
   ------------------------------------------------------------ */

.due-panel-card[b-2jmcuqqqnw] {
    --card-accent: var(--managr-orange);

    display: flex;
    min-height: 220px;
    max-height: 300px;
    flex: 0 0 auto;
    flex-direction: column;
}

.due-panel[b-2jmcuqqqnw] {
    overflow-y: auto;
}

.due-summary[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.55rem;
    margin-bottom: 0.95rem;
}

.due-stat[b-2jmcuqqqnw] {
    padding: 0.7rem 0.35rem;
    border: 1px solid #e1e5eb;
    border-radius: 9px;
    text-align: center;
    background: #f8f9fb;
}

.overdue-stat[b-2jmcuqqqnw] {
    border-color: #f0cccc;
    background: #fff5f5;
}

.upcoming-stat[b-2jmcuqqqnw] {
    border-color: #d3dff2;
    background: #f5f8fe;
}

.priority-stat[b-2jmcuqqqnw] {
    border-color: #f1dbc4;
    background: #fff8f0;
}

.progress-stat[b-2jmcuqqqnw] {
    border-color: #c9d9f5;
    background: #f2f6fd;
}

.due-stat-number[b-2jmcuqqqnw] {
    color: var(--managr-ink);
    font-size: 1.42rem;
    font-weight: 750;
    line-height: 1;
}

.overdue-stat .due-stat-number[b-2jmcuqqqnw] {
    color: var(--managr-red);
}

.priority-stat .due-stat-number[b-2jmcuqqqnw] {
    color: var(--managr-orange);
}

.progress-stat .due-stat-number[b-2jmcuqqqnw] {
    color: var(--managr-blue);
}

.due-stat-label[b-2jmcuqqqnw] {
    margin-top: 0.23rem;
    color: var(--managr-muted);
    font-size: 0.63rem;
    font-weight: 650;
}

.due-list-section + .due-list-section[b-2jmcuqqqnw] {
    margin-top: 0.85rem;
}

.due-list-title[b-2jmcuqqqnw] {
    margin-bottom: 0.22rem;
    color: #6c7584;
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.overdue-title[b-2jmcuqqqnw] {
    color: var(--managr-red);
}

.due-list-item[b-2jmcuqqqnw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin: 0 -0.35rem;
    padding: 0.4rem 0.35rem;
    border-radius: 6px;
    color: var(--managr-ink);
    text-decoration: none;
}

.due-list-item:hover[b-2jmcuqqqnw] {
    color: var(--managr-blue-dark);
    background: #f5f7fb;
}

.due-list-task[b-2jmcuqqqnw] {
    min-width: 0;
    overflow: hidden;
    font-size: 0.78rem;
    font-weight: 525;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.due-list-date[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    color: #6d7787;
    font-size: 0.69rem;
    font-weight: 650;
}

.overdue-date[b-2jmcuqqqnw] {
    color: var(--managr-red);
}


/* ------------------------------------------------------------
   Open tasks
   ------------------------------------------------------------ */

.open-tasks-panel[b-2jmcuqqqnw] {
    --card-accent: var(--managr-green);

    display: flex;
    min-height: 0;
    flex: 1 1 0;
    flex-direction: column;
}

.task-list-body[b-2jmcuqqqnw] {
    min-height: 0;
    flex: 1 1 auto;
    padding: 0;
    overflow-y: auto;
}

.dashboard-task[b-2jmcuqqqnw] {
    display: flex;
    gap: 0.78rem;
    padding: 0.85rem 0.95rem;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
    transition:
        background-color 0.15s ease,
        box-shadow 0.15s ease;
}

.dashboard-task:last-child[b-2jmcuqqqnw] {
    border-bottom: 0;
}

.dashboard-task:hover[b-2jmcuqqqnw] {
    position: relative;
    z-index: 1;
    background: #fafcff;
    box-shadow: inset 3px 0 0 var(--managr-blue);
}

.task-complete-button[b-2jmcuqqqnw] {
    display: flex;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1.5px solid #58ae8d;
    border-radius: 50%;
    color: var(--managr-green);
    background: #fff;
    font-size: 0.8rem;
    line-height: 1;
    transition:
        color 0.15s ease,
        background-color 0.15s ease,
        border-color 0.15s ease,
        transform 0.15s ease;
}

.task-complete-button:hover[b-2jmcuqqqnw] {
    border-color: var(--managr-green);
    color: #fff;
    background: var(--managr-green);
    transform: scale(1.05);
}

.task-complete-button.start-task[b-2jmcuqqqnw] {
    border-color: #7ea5e8;
    color: #315fae;
}

.task-complete-button.start-task:hover[b-2jmcuqqqnw] {
    border-color: var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.dashboard-progress-badge[b-2jmcuqqqnw] {
    color: #315fae;
    background: #e8f0fd;
    font-size: 0.62rem;
}

.dashboard-task-content[b-2jmcuqqqnw] {
    min-width: 0;
    flex: 1;
}

.dashboard-task-title-row[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.dashboard-task-title[b-2jmcuqqqnw] {
    min-width: 0;
    color: var(--managr-ink);
    font-size: 0.86rem;
    font-weight: 650;
    line-height: 1.25;
    text-decoration: none;
}

.dashboard-task-title:hover[b-2jmcuqqqnw] {
    color: var(--managr-blue);
}

.recurring-badge[b-2jmcuqqqnw] {
    color: #385992;
    background: #e8effb;
}

.dashboard-task-meta[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.32rem;
    color: var(--managr-muted);
    font-size: 0.69rem;
}

.assignee-badge[b-2jmcuqqqnw] {
    font-size: 0.64rem;
    font-weight: 650;
}

.dashboard-subtask-progress[b-2jmcuqqqnw] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.32rem;
    color: #647187;
    font-size: 0.62rem;
    font-weight: 725;
    line-height: 1;
    white-space: nowrap;
}

.dashboard-subtask-progress-bar[b-2jmcuqqqnw] {
    width: 54px;
    height: 5px;
    flex: 0 0 54px;
    overflow: hidden;
    border-radius: 99px;
    background: #e0e6ef;
}

.dashboard-subtask-progress-fill[b-2jmcuqqqnw] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--managr-blue);
}

.dashboard-subtask-progress-count[b-2jmcuqqqnw] {
    min-width: 2.2em;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.dashboard-task-tags[b-2jmcuqqqnw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.24rem;
    margin-top: 0.4rem;
}

.dashboard-task-tags span[b-2jmcuqqqnw] {
    padding: 0.13rem 0.43rem;
    border: 1px solid;
    border-radius: 99px;
    font-size: 0.63rem;
    font-weight: 650;
}

.due-overdue[b-2jmcuqqqnw] {
    color: var(--managr-red);
    font-weight: 700;
}

.due-today[b-2jmcuqqqnw] {
    color: var(--managr-orange);
    font-weight: 700;
}


/* ------------------------------------------------------------
   Calendar
   ------------------------------------------------------------ */

.calendar-panel[b-2jmcuqqqnw] {
    --card-accent: var(--managr-blue);

    min-height: 650px;
    flex: 1;
    overflow: visible;
}

.calendar-header[b-2jmcuqqqnw] {
    flex-wrap: wrap;
}


.calendar-legend[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    gap: 0.72rem;
    margin-top: 0.34rem;
}

.calendar-legend-item[b-2jmcuqqqnw] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    color: #7a8493;
    font-size: 0.6rem;
    font-weight: 650;
}

.calendar-legend-task[b-2jmcuqqqnw] {
    display: inline-block;
    width: 13px;
    height: 8px;
    border-left: 3px solid var(--managr-blue);
    border-radius: 2px;
    background: #eaf1fd;
}

.calendar-legend-event[b-2jmcuqqqnw] {
    display: inline-block;
    width: 13px;
    height: 8px;
    border: 1px solid #927bd0;
    border-radius: 4px;
    background: #eee9fb;
}

.calendar-controls[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.calendar-source-filter[b-2jmcuqqqnw] {
    position: relative;
    z-index: 120;
}

.calendar-source-filter-summary[b-2jmcuqqqnw] {
    display: flex;
    min-height: 31px;
    align-items: center;
    gap: 0.36rem;
    padding: 0.34rem 0.52rem;
    border: 1px solid #c6ceda;
    border-radius: 7px;
    color: #4f5b6d;
    background: #fff;
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 650;
    line-height: 1.15;
    list-style: none;
    user-select: none;
}

.calendar-source-filter-summary[b-2jmcuqqqnw]::-webkit-details-marker {
    display: none;
}

.calendar-source-filter[open] .calendar-source-filter-summary[b-2jmcuqqqnw],
.calendar-source-filter-summary:hover[b-2jmcuqqqnw] {
    border-color: #9eb3d4;
    color: #315a9e;
    background: #f7f9fd;
}

.calendar-source-filter-count[b-2jmcuqqqnw] {
    padding: 0.1rem 0.3rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: 0.56rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.calendar-source-filter-chevron[b-2jmcuqqqnw] {
    color: #7a879a;
    font-size: 0.72rem;
    line-height: 1;
    transition: transform 0.15s ease;
}

.calendar-source-filter[open] .calendar-source-filter-chevron[b-2jmcuqqqnw] {
    transform: rotate(180deg);
}

.calendar-source-filter-menu[b-2jmcuqqqnw] {
    position: absolute;
    top: calc(100% + 0.32rem);
    right: 0;
    z-index: 130;
    display: grid;
    width: min(240px, calc(100vw - 2rem));
    max-height: 280px;
    gap: 0.08rem;
    padding: 0.4rem;
    overflow-y: auto;
    border: 1px solid #cfd7e3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(24, 34, 53, 0.18);
}

.calendar-source-filter-option[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    min-height: 31px;
    padding: 0.34rem 0.42rem;
    border-radius: 6px;
    color: #465266;
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 600;
}

.calendar-source-filter-option:hover[b-2jmcuqqqnw] {
    background: #f3f6fb;
}

.calendar-source-filter-option input[b-2jmcuqqqnw] {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: var(--managr-blue);
}

.calendar-source-filter-option span[b-2jmcuqqqnw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-controls .btn[b-2jmcuqqqnw] {
    min-width: 41px;
}

.calendar-nav-buttons[b-2jmcuqqqnw] {
    margin-left: 0.2rem;
}

.calendar-body[b-2jmcuqqqnw] {
    min-height: 585px;
    overflow-x: auto;
    background: #fff;
}

.day-view[b-2jmcuqqqnw] {
    display: flex;
    flex-direction: column;
    gap: 0.48rem;
}

.day-view-date[b-2jmcuqqqnw] {
    margin-bottom: 0.75rem;
    color: #3c4658;
    font-size: 0.96rem;
    font-weight: 700;
}

.week-grid[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    min-height: 520px;
    overflow: hidden;
    border: 1px solid #e0e5ec;
    border-radius: 9px;
}

.week-day[b-2jmcuqqqnw] {
    min-width: 0;
    border-right: 1px solid #e6eaf0;
}

.week-day:last-child[b-2jmcuqqqnw] {
    border-right: 0;
}

.week-day.today[b-2jmcuqqqnw] {
    background: #f5f8ff;
}

.week-day-header[b-2jmcuqqqnw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.55rem;
    border-bottom: 1px solid #e6eaf0;
    color: #687385;
    background: #f8f9fb;
    font-size: 0.73rem;
}

.week-day.today .week-day-header[b-2jmcuqqqnw] {
    color: var(--managr-blue-dark);
    background: #eaf1ff;
}

.week-day-tasks[b-2jmcuqqqnw] {
    display: flex;
    flex-direction: column;
    gap: 0.33rem;
    padding: 0.4rem;
}

.month-weekdays[b-2jmcuqqqnw],
.month-grid[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.month-weekdays[b-2jmcuqqqnw] {
    color: #7a8493;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    text-transform: uppercase;
}

.month-weekdays > div[b-2jmcuqqqnw] {
    padding: 0.4rem;
}

.month-grid[b-2jmcuqqqnw] {
    overflow: hidden;
    border-top: 1px solid #e0e5ec;
    border-left: 1px solid #e0e5ec;
    border-radius: 7px;
}

.month-day[b-2jmcuqqqnw] {
    min-width: 0;
    min-height: 105px;
    padding: 0.36rem;
    border-right: 1px solid #e6eaf0;
    border-bottom: 1px solid #e6eaf0;
    background: #fff;
}

.month-day.outside-month[b-2jmcuqqqnw] {
    color: #a9b0ba;
    background: #f8f9fa;
}

.month-day.today[b-2jmcuqqqnw] {
    background: #f5f8ff;
}

.month-day-number[b-2jmcuqqqnw] {
    margin-bottom: 0.3rem;
    color: #606a7a;
    font-size: 0.71rem;
    font-weight: 700;
}

.month-day.today .month-day-number[b-2jmcuqqqnw] {
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--managr-blue);
}

.month-day-tasks[b-2jmcuqqqnw] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.calendar-task[b-2jmcuqqqnw] {
    position: relative;
    display: block;
    min-width: 0;
    padding: 0.28rem 0.38rem;
    overflow: visible;
    border-left: 4px solid var(--task-tag-color, var(--managr-blue));
    border-radius: 5px;
    color: #303a49;
    background: color-mix(in srgb, var(--task-tag-color, #3568d4) 13%, white);
    font-size: 0.67rem;
    font-weight: 550;
    line-height: 1.2;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition:
        background-color 0.15s ease,
        transform 0.15s ease;
}

.calendar-task:hover[b-2jmcuqqqnw] {
    color: #1f2937;
    background: color-mix(in srgb, var(--task-tag-color, #3568d4) 21%, white);
    transform: translateY(-1px);
}

.calendar-task.high-priority[b-2jmcuqqqnw] {
    box-shadow: inset 0 0 0 1px #d95151;
}

.calendar-task.completed[b-2jmcuqqqnw] {
    color: #657168;
    background: #edf7f0;
}

.calendar-task.removed[b-2jmcuqqqnw] {
    color: #8b9199;
    background: #f2f3f5;
}

.calendar-task.completed > .calendar-task-label[b-2jmcuqqqnw],
.calendar-task.completed > small[b-2jmcuqqqnw] {
    text-decoration: line-through;
    opacity: 0.78;
}

.calendar-task.removed > .calendar-task-label[b-2jmcuqqqnw],
.calendar-task.removed > small[b-2jmcuqqqnw] {
    text-decoration: line-through;
    opacity: 0.62;
}

.calendar-task-label[b-2jmcuqqqnw] {
    display: flex;
    min-width: 0;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-assignee-dot[b-2jmcuqqqnw] {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    flex: 0 0 0.5rem;
    margin-right: 0.28rem;
    border: 1px solid rgba(0, 0, 0, 0.22);
    border-radius: 50%;
}


.calendar-event[b-2jmcuqqqnw] {
    --event-tag-color: var(--managr-purple);

    position: relative;
    display: block;
    min-width: 0;
    padding: 0.27rem 0.4rem;
    overflow: visible;
    border: 1px solid color-mix(in srgb, var(--event-tag-color) 42%, #d9dee7);
    border-radius: 7px;
    color: #2f3748;
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--event-tag-color) 22%, white),
            color-mix(in srgb, var(--event-tag-color) 11%, white)
        );
    box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--event-tag-color) 38%, transparent);
    font-size: 0.67rem;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    transition:
        border-color 0.15s ease,
        background-color 0.15s ease,
        transform 0.15s ease;
}

.calendar-event:hover[b-2jmcuqqqnw] {
    border-color: color-mix(in srgb, var(--event-tag-color) 67%, #b9c1cd);
    color: #202838;
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--event-tag-color) 29%, white),
            color-mix(in srgb, var(--event-tag-color) 16%, white)
        );
    transform: translateY(-1px);
}

.calendar-event.all-day[b-2jmcuqqqnw] {
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--event-tag-color) 29%, white),
            color-mix(in srgb, var(--event-tag-color) 16%, white)
        );
}

.calendar-event.cancelled[b-2jmcuqqqnw] {
    border-color: #d8d5df;
    color: #86828c;
    background: #f3f2f5;
    box-shadow: none;
}

.calendar-event.cancelled > .calendar-event-label[b-2jmcuqqqnw],
.calendar-event.cancelled > .calendar-event-compact[b-2jmcuqqqnw],
.calendar-event.cancelled > small[b-2jmcuqqqnw] {
    text-decoration: line-through;
    opacity: 0.64;
}

.calendar-event-label[b-2jmcuqqqnw],
.calendar-event-compact[b-2jmcuqqqnw] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.3rem;
}

.calendar-event-mark[b-2jmcuqqqnw] {
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    flex: 0 0 0.48rem;
    border: 1px solid color-mix(in srgb, var(--event-tag-color) 72%, #243044);
    border-radius: 2px;
    background: var(--event-tag-color);
}

.calendar-event-kind[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    padding: 0.08rem 0.28rem;
    border-radius: 99px;
    color: color-mix(in srgb, var(--event-tag-color) 72%, #27334a);
    background: rgba(255, 255, 255, 0.62);
    font-size: 0.54rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.calendar-event-time[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    color: color-mix(in srgb, var(--event-tag-color) 68%, #344154);
    font-size: 0.55rem;
    font-weight: 800;
    letter-spacing: 0.015em;
    white-space: nowrap;
}

.calendar-event-title[b-2jmcuqqqnw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-event-recurring[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    color: color-mix(in srgb, var(--event-tag-color) 75%, #344154);
    font-size: 0.72rem;
    font-weight: 800;
}

.day-view .calendar-event[b-2jmcuqqqnw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.62rem 0.7rem;
    font-size: 0.83rem;
}

.day-view .calendar-event small[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    color: #626d7e;
    font-size: 0.68rem;
    font-weight: 650;
}

.day-view .calendar-task[b-2jmcuqqqnw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.62rem 0.7rem;
    font-size: 0.83rem;
}

.month-more[b-2jmcuqqqnw] {
    width: fit-content;
    margin-top: 0.18rem;
    padding: 0;
    border: 0;
    color: var(--managr-muted);
    background: transparent;
    cursor: pointer;
    font-size: 0.63rem;
    font-weight: 650;
    text-align: left;
}

.month-more:hover[b-2jmcuqqqnw],
.month-more:focus-visible[b-2jmcuqqqnw] {
    color: var(--managr-blue-dark);
    text-decoration: underline;
}

.calendar-empty[b-2jmcuqqqnw] {
    padding: 0.75rem;
    color: var(--managr-muted);
    font-size: 0.73rem;
}


/* ------------------------------------------------------------
   Calendar hover previews
   ------------------------------------------------------------ */

.calendar-hover-card[b-2jmcuqqqnw] {
    position: absolute;
    top: calc(100% + 0.38rem);
    z-index: 80;
    width: min(300px, calc(100vw - 2rem));
    display: none;
    padding: 0.72rem 0.78rem;
    visibility: hidden;
    border: 1px solid #cdd6e3;
    border-radius: 9px;
    color: #293446;
    background: #fff;
    box-shadow: 0 10px 28px rgba(24, 34, 53, 0.2);
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    text-decoration: none;
    white-space: normal;
    opacity: 0;
    transform: translateY(-3px);
    transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s ease;
}

.calendar-hover-card.preview-left[b-2jmcuqqqnw] {
    left: 0;
}

.calendar-hover-card.preview-right[b-2jmcuqqqnw] {
    right: 0;
}

.calendar-task:hover > .calendar-hover-card[b-2jmcuqqqnw],
.calendar-task:focus-visible > .calendar-hover-card[b-2jmcuqqqnw],
.calendar-event:hover > .calendar-hover-card[b-2jmcuqqqnw],
.calendar-event:focus-visible > .calendar-hover-card[b-2jmcuqqqnw] {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.calendar-task:hover[b-2jmcuqqqnw],
.calendar-task:focus-visible[b-2jmcuqqqnw],
.calendar-event:hover[b-2jmcuqqqnw],
.calendar-event:focus-visible[b-2jmcuqqqnw] {
    z-index: 70;
}

.calendar-preview-type[b-2jmcuqqqnw] {
    margin-bottom: 0.2rem;
    color: #778399;
    font-size: 0.55rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.calendar-task-preview .calendar-preview-type[b-2jmcuqqqnw] {
    color: #4267a5;
}

.calendar-event-preview .calendar-preview-type[b-2jmcuqqqnw] {
    color: #6e55aa;
}

.calendar-preview-title[b-2jmcuqqqnw] {
    color: #202b3d;
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.28;
    overflow-wrap: anywhere;
}

.calendar-preview-description[b-2jmcuqqqnw] {
    display: -webkit-box;
    margin-top: 0.42rem;
    overflow: hidden;
    color: #5f6c7f;
    line-height: 1.42;
    white-space: pre-wrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.calendar-preview-meta[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0.45rem;
    margin-top: 0.5rem;
    padding-top: 0.45rem;
    border-top: 1px solid #edf0f4;
}

.calendar-preview-meta + .calendar-preview-meta[b-2jmcuqqqnw] {
    margin-top: 0.32rem;
    padding-top: 0;
    border-top: 0;
}

.calendar-preview-meta-label[b-2jmcuqqqnw] {
    color: #8490a1;
    font-size: 0.58rem;
    font-weight: 750;
    text-transform: uppercase;
}

.calendar-preview-meta-value[b-2jmcuqqqnw] {
    min-width: 0;
    color: #465266;
    overflow-wrap: anywhere;
}

.calendar-preview-tags[b-2jmcuqqqnw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.22rem;
    margin-top: 0.52rem;
}

.calendar-preview-tags span[b-2jmcuqqqnw] {
    padding: 0.11rem 0.35rem;
    border: 1px solid;
    border-radius: 99px;
    font-size: 0.57rem;
    font-weight: 700;
}

@media (min-width: 801px) {
    .calendar-body[b-2jmcuqqqnw],
    .week-grid[b-2jmcuqqqnw],
    .month-grid[b-2jmcuqqqnw] {
        overflow: visible;
    }
}

/* ------------------------------------------------------------
   Empty / loading states
   ------------------------------------------------------------ */

.dashboard-empty[b-2jmcuqqqnw] {
    padding: 1rem;
    color: var(--managr-muted);
    font-size: 0.75rem;
}

.dashboard-empty-title[b-2jmcuqqqnw] {
    margin-bottom: 0.18rem;
    color: #424c5e;
    font-weight: 650;
}

.dashboard-loading[b-2jmcuqqqnw] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
}

.dashboard-loading-indicator[b-2jmcuqqqnw] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: dashboard-spin-b-2jmcuqqqnw 0.8s linear infinite;
}

@keyframes dashboard-spin-b-2jmcuqqqnw {
    to {
        transform: rotate(360deg);
    }
}


/* ------------------------------------------------------------
   Tablet
   ------------------------------------------------------------ */

@media (max-width: 1100px) {

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

    .dashboard-quick-add[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }

    .quick-add-intro[b-2jmcuqqqnw] {
        align-self: auto;
    }

    .dashboard-workspace[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
    }

    .dashboard-left-stack[b-2jmcuqqqnw] {
        min-height: 0;
    }

    .due-panel-card[b-2jmcuqqqnw] {
        min-height: 0;
        max-height: none;
    }

    .due-panel[b-2jmcuqqqnw] {
        overflow-y: visible;
    }

    .open-tasks-panel[b-2jmcuqqqnw] {
        min-height: 360px;
        max-height: 520px;
        flex: 0 0 auto;
    }

    .task-list-body[b-2jmcuqqqnw] {
        min-height: 280px;
        flex: 1 1 auto;
        overflow-y: auto;
    }

    .calendar-panel[b-2jmcuqqqnw],
    .calendar-body[b-2jmcuqqqnw] {
        min-height: 0;
    }
}


/* ------------------------------------------------------------
   Available-width responsive layout
   ------------------------------------------------------------ */

/*
 * The desktop sidebar is 252px wide when expanded and 72px when collapsed.
 * Viewport-only breakpoints therefore do not describe how much room the
 * Dashboard actually has. These container rules react to the MainLayout
 * content column itself, so the same iPad can use a compact Dashboard while
 * the sidebar is expanded and the wider two-column Dashboard when collapsed.
 */
@container managr-main (max-width: 980px) {

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

    .dashboard-quick-add[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }

    .quick-add-intro[b-2jmcuqqqnw] {
        align-self: auto;
    }

    .filter-primary-row[b-2jmcuqqqnw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-buttons[b-2jmcuqqqnw] {
        justify-content: flex-start;
    }

    .filter-tag-grid[b-2jmcuqqqnw] {
        grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
    }

    .dashboard-workspace[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
    }

    .dashboard-left-stack[b-2jmcuqqqnw] {
        min-height: 0;
    }

    .due-panel-card[b-2jmcuqqqnw] {
        min-height: 0;
        max-height: none;
    }

    .due-panel[b-2jmcuqqqnw] {
        overflow-y: visible;
    }

    .open-tasks-panel[b-2jmcuqqqnw] {
        min-height: 360px;
        max-height: 520px;
        flex: 0 0 auto;
    }

    .task-list-body[b-2jmcuqqqnw] {
        min-height: 280px;
        flex: 1 1 auto;
        overflow-y: auto;
    }

    .calendar-panel[b-2jmcuqqqnw],
    .calendar-body[b-2jmcuqqqnw] {
        min-height: 0;
    }
}

@container managr-main (max-width: 820px) {

    .quick-add-grid[b-2jmcuqqqnw] {
        grid-template-columns: 1fr 1fr;
    }

    .quick-add-task-field[b-2jmcuqqqnw] {
        grid-column: 1 / -1;
    }

    .quick-recurrence-grid[b-2jmcuqqqnw] {
        grid-template-columns: 1fr 1fr;
    }

    .week-grid[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .week-day[b-2jmcuqqqnw] {
        border-right: 0;
        border-bottom: 1px solid #e6eaf0;
    }
}

@container managr-main (max-width: 620px) {

    .quick-add-grid[b-2jmcuqqqnw],
    .quick-expanded-grid[b-2jmcuqqqnw],
    .quick-recurrence-grid[b-2jmcuqqqnw],
    .quick-tag-grid[b-2jmcuqqqnw],
    .filter-primary-row[b-2jmcuqqqnw],
    .filter-tag-grid[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
    }

    .quick-add-task-field[b-2jmcuqqqnw] {
        grid-column: auto;
    }

    .quick-add-button .btn[b-2jmcuqqqnw] {
        width: 100%;
    }
}


/* ------------------------------------------------------------
   Small tablet
   ------------------------------------------------------------ */

@media (max-width: 1100px) {
    .filter-primary-row[b-2jmcuqqqnw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-buttons[b-2jmcuqqqnw] {
        justify-content: flex-start;
    }

    .filter-tag-grid[b-2jmcuqqqnw] {
        grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
    }
}

@media (max-width: 800px) {

    .dashboard-page-banner[b-2jmcuqqqnw] {
        padding: 1.35rem 1.3rem;
    }

    .dashboard-page-banner h1[b-2jmcuqqqnw] {
        font-size: 1.7rem;
    }

    .quick-add-grid[b-2jmcuqqqnw] {
        grid-template-columns: 1fr 1fr;
    }

    .quick-add-task-field[b-2jmcuqqqnw] {
        grid-column: 1 / -1;
    }

    .quick-recurrence-grid[b-2jmcuqqqnw] {
        grid-template-columns: 1fr 1fr;
    }

    .week-grid[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .week-day[b-2jmcuqqqnw] {
        border-right: 0;
        border-bottom: 1px solid #e6eaf0;
    }
}


/* ------------------------------------------------------------
   Phone
   ------------------------------------------------------------ */

@media (max-width: 600px) {

    .dashboard-page-canvas[b-2jmcuqqqnw] {
        margin: -0.35rem;
        padding: 0.7rem;
        border-radius: 12px;
    }

    .dashboard-page-banner[b-2jmcuqqqnw] {
        align-items: center;
        flex-direction: row;
        gap: 0.45rem;
        margin-bottom: 0.85rem;
    }

    .dashboard-page-banner h1[b-2jmcuqqqnw] {
        font-size: 1.05rem;
    }

    .dashboard-banner-actions[b-2jmcuqqqnw] {
        display: flex;
        width: auto;
        min-width: 0;
        flex: 0 1 auto;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 0.25rem;
    }

    .dashboard-banner-button[b-2jmcuqqqnw] {
        width: auto;
        min-width: 0;
        flex: 0 1 auto;
        white-space: nowrap;
    }

    .dashboard-quick-add[b-2jmcuqqqnw] {
        gap: 0.75rem;
        padding: 0.85rem;
    }

    .quick-add-grid[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
    }

    .quick-add-task-field[b-2jmcuqqqnw] {
        grid-column: auto;
    }

    .quick-expanded-grid[b-2jmcuqqqnw],
    .quick-recurrence-grid[b-2jmcuqqqnw],
    .quick-tag-grid[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
    }

    .quick-recurrence-toggle[b-2jmcuqqqnw] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }

    .quick-add-button .btn[b-2jmcuqqqnw] {
        width: 100%;
    }

    .dashboard-filter-tools[b-2jmcuqqqnw] {
        padding: 0.72rem 0.82rem;
    }

    .filter-tools-header[b-2jmcuqqqnw] {
        align-items: center;
        min-height: 28px;
    }

    .filter-tools-subtitle[b-2jmcuqqqnw] {
        display: none;
    }

    .filter-tools-content[b-2jmcuqqqnw] {
        display: none;
        padding-top: 0.62rem;
    }

    .dashboard-filter-toggle:checked ~ .filter-tools-content[b-2jmcuqqqnw] {
        display: block;
    }

    .dashboard-filter-toggle:checked ~ .filter-tools-header .filter-tools-chevron[b-2jmcuqqqnw]::before {
        transform: rotate(-45deg);
    }

    .dashboard-filter-toggle:checked ~ .filter-tools-header .filter-tools-chevron[b-2jmcuqqqnw]::after {
        transform: rotate(45deg);
    }

    .filter-primary-row[b-2jmcuqqqnw],
    .filter-tag-grid[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
    }

    .filter-buttons[b-2jmcuqqqnw] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .filter-buttons .dashboard-save-view-button[b-2jmcuqqqnw] {
        grid-column: 1 / -1;
    }

    .dashboard-workspace[b-2jmcuqqqnw] {
        gap: 1rem;
    }

    .dashboard-left-stack[b-2jmcuqqqnw] {
        gap: 1rem;
    }

    .dashboard-region-heading[b-2jmcuqqqnw] {
        margin-bottom: 0.45rem;
    }

    .dashboard-card[b-2jmcuqqqnw] {
        border-radius: 11px;
    }

    .dashboard-card-header[b-2jmcuqqqnw] {
        min-height: 60px;
        align-items: flex-start;
        padding: 0.75rem 0.82rem;
    }

    .dashboard-open-tasks-actions[b-2jmcuqqqnw] {
        align-items: center;
        gap: 0.45rem;
    }

    .dashboard-header-links[b-2jmcuqqqnw] {
        gap: 0.35rem;
    }

    .dashboard-open-tasks-add-button[b-2jmcuqqqnw] {
        min-height: 28px;
        padding: 0.3rem 0.52rem;
        font-size: 0.63rem !important;
    }

    .dashboard-section-accent[b-2jmcuqqqnw] {
        height: 29px;
    }

    .dashboard-section-subtitle[b-2jmcuqqqnw] {
        font-size: 0.65rem;
    }

    .due-summary[b-2jmcuqqqnw] {
        gap: 0.32rem;
    }

    .due-stat[b-2jmcuqqqnw] {
        padding: 0.58rem 0.18rem;
    }

    .due-stat-number[b-2jmcuqqqnw] {
        font-size: 1.18rem;
    }

    .due-stat-label[b-2jmcuqqqnw] {
        font-size: 0.55rem;
    }

    /*
     * Keep Open Tasks explicitly sized in the stacked phone layout.
     * Desktop's flex-basis sizing must not be allowed to collapse it.
     */
    .open-tasks-panel[b-2jmcuqqqnw] {
        display: flex;
        min-height: 400px;
        max-height: 540px;
        flex: 0 0 auto;
    }

    .task-list-body[b-2jmcuqqqnw] {
        display: block;
        min-height: 315px;
        overflow-y: auto;
    }

    .dashboard-task[b-2jmcuqqqnw] {
        gap: 0.62rem;
        padding: 0.78rem;
    }

    .calendar-header[b-2jmcuqqqnw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .calendar-controls[b-2jmcuqqqnw] {
        width: 100%;
        justify-content: space-between;
    }

    .calendar-view-buttons[b-2jmcuqqqnw],
    .calendar-nav-buttons[b-2jmcuqqqnw] {
        margin-left: 0;
    }


    .calendar-legend[b-2jmcuqqqnw] {
        gap: 0.55rem;
    }

    .day-view .calendar-event[b-2jmcuqqqnw] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.28rem;
    }

    .day-view .calendar-event small[b-2jmcuqqqnw] {
        padding-left: 0.78rem;
    }

    /*
     * Month view stays readable instead of crushing seven columns into
     * the phone width. The calendar body becomes horizontally scrollable.
     */
    .month-weekdays[b-2jmcuqqqnw],
    .month-grid[b-2jmcuqqqnw] {
        min-width: 650px;
    }

    .month-day[b-2jmcuqqqnw] {
        min-height: 82px;
    }
}

/* ------------------------------------------------------------
   External calendars
   ------------------------------------------------------------ */

.calendar-legend-external[b-2jmcuqqqnw] {
    display: inline-block;
    width: 13px;
    height: 8px;
    border: 1px solid #4b94d6;
    border-left: 4px solid #0078d4;
    border-radius: 3px;
    background: #e8f3fc;
}

.calendar-refresh-button[b-2jmcuqqqnw] {
    min-width: 112px !important;
}

.external-calendar-warning[b-2jmcuqqqnw] {
    margin-bottom: 0.8rem;
    padding: 0.58rem 0.72rem;
    border: 1px solid #ecd49a;
    border-radius: 8px;
    color: #72551b;
    background: #fff9e9;
    font-size: 0.69rem;
    line-height: 1.35;
}

.calendar-external-event[b-2jmcuqqqnw] {
    --external-calendar-color: #0078d4;

    display: block;
    min-width: 0;
    padding: 0.27rem 0.4rem;
    overflow: hidden;
    border: 1px solid #9fc9ea;
    border-left: 4px solid var(--external-calendar-color);
    border-radius: 6px;
    color: #28435e;
    background: linear-gradient(90deg, #e9f5ff, #f5faff);
    box-shadow: inset 0 -1px 0 rgba(0, 120, 212, 0.12);
    font-size: 0.67rem;
    font-weight: 625;
    line-height: 1.2;
    text-decoration: none;
    transition:
        border-color 0.15s ease,
        background-color 0.15s ease,
        transform 0.15s ease;
}

.calendar-external-event:hover[b-2jmcuqqqnw] {
    border-color: #68aada;
    border-left-color: #0067b8;
    color: #183650;
    background: linear-gradient(90deg, #dcefff, #edf7ff);
    transform: translateY(-1px);
}

.calendar-external-event.all-day[b-2jmcuqqqnw] {
    background: linear-gradient(90deg, #dcefff, #edf7ff);
}


.calendar-external-event.google[b-2jmcuqqqnw] {
    --external-calendar-color: #ea4335;

    border-color: #efbbb6;
    border-left-color: var(--external-calendar-color);
    color: #593633;
    background: linear-gradient(90deg, #fff0ee, #fff8f7);
    box-shadow: inset 0 -1px 0 rgba(234, 67, 53, 0.11);
}

.calendar-external-event.google:hover[b-2jmcuqqqnw] {
    border-color: #e8958d;
    border-left-color: #c93228;
    color: #4b2926;
    background: linear-gradient(90deg, #ffe7e4, #fff3f1);
}

.calendar-external-event.google.all-day[b-2jmcuqqqnw] {
    background: linear-gradient(90deg, #ffe7e4, #fff3f1);
}

.calendar-external-event.google .calendar-external-mark[b-2jmcuqqqnw] {
    border-color: #c93228;
    background: #ea4335;
}

.calendar-external-event.google .calendar-external-kind[b-2jmcuqqqnw] {
    border-color: #efc4c0;
    color: #b6362c;
    background: rgba(255, 255, 255, 0.78);
}

.calendar-external-event.google .calendar-external-time[b-2jmcuqqqnw] {
    color: #b23b31;
}

.calendar-external-event.cancelled[b-2jmcuqqqnw] {
    border-color: #ccd4dc;
    border-left-color: #8796a5;
    color: #7c8792;
    background: #f2f5f7;
    box-shadow: none;
    text-decoration: line-through;
    opacity: 0.65;
}

.calendar-external-label[b-2jmcuqqqnw],
.calendar-external-compact[b-2jmcuqqqnw] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.3rem;
}

.calendar-external-mark[b-2jmcuqqqnw] {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    flex: 0 0 0.5rem;
    border: 1px solid #0067b8;
    border-radius: 1px;
    background: #0078d4;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38);
}

.calendar-external-kind[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    max-width: 110px;
    padding: 0.08rem 0.3rem;
    overflow: hidden;
    border: 1px solid #b8d8ef;
    border-radius: 4px;
    color: #1264a3;
    background: rgba(255, 255, 255, 0.75);
    font-size: 0.54rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.calendar-external-time[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    color: #17689f;
    font-size: 0.55rem;
    font-weight: 800;
    letter-spacing: 0.015em;
    white-space: nowrap;
}

.calendar-external-title[b-2jmcuqqqnw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-external-recurring[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    color: #17689f;
    font-size: 0.72rem;
    font-weight: 800;
}

.day-view .calendar-external-event[b-2jmcuqqqnw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.62rem 0.7rem;
    font-size: 0.83rem;
}

.day-view .calendar-external-event small[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    color: #526f86;
    font-size: 0.68rem;
    font-weight: 650;
}

@media (max-width: 700px) {
    .calendar-refresh-button[b-2jmcuqqqnw] {
        width: 100%;
    }

    .day-view .calendar-external-event[b-2jmcuqqqnw] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.28rem;
    }

    .day-view .calendar-external-event small[b-2jmcuqqqnw] {
        padding-left: 0.8rem;
    }
}

/* ------------------------------------------------------------
   Quick Add attachments
   ------------------------------------------------------------ */

.quick-attachment-picker[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: minmax(240px, 1.15fr) minmax(300px, 1fr);
    align-items: center;
    gap: 0.9rem;
    padding: 0.8rem;
    border: 1px dashed #cbd4e2;
    border-radius: 9px;
    background: #f8fafc;
}

.quick-attachment-title[b-2jmcuqqqnw] {
    color: #445066;
    font-size: 0.76rem;
    font-weight: 700;
}

.quick-attachment-note[b-2jmcuqqqnw] {
    margin-top: 0.12rem;
    color: #748094;
    font-size: 0.67rem;
}

.quick-attachment-types[b-2jmcuqqqnw] {
    margin-top: 0.28rem;
    color: #8b95a4;
    font-size: 0.61rem;
}

.quick-attachment-input[b-2jmcuqqqnw] {
    padding: 0.4rem 0.5rem;
    font-size: 0.73rem !important;
}

.quick-attachment-error[b-2jmcuqqqnw] {
    margin-top: 0.55rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid #edc4c8;
    border-radius: 8px;
    color: #9f3f48;
    background: #fff5f5;
    font-size: 0.68rem;
}

.quick-selected-files[b-2jmcuqqqnw] {
    margin-top: 0.6rem;
    overflow: hidden;
    border: 1px solid #dfe4eb;
    border-radius: 9px;
    background: #fff;
}

.quick-selected-files-header[b-2jmcuqqqnw] {
    display: flex;
    min-height: 36px;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.42rem 0.62rem;
    border-bottom: 1px solid #e7eaf0;
    color: #596578;
    background: #fafbfc;
    font-size: 0.67rem;
    font-weight: 700;
}

.quick-clear-files[b-2jmcuqqqnw] {
    padding: 0.23rem 0.45rem !important;
    border: 1px solid #cbd3df;
    color: #637083;
    background: #fff;
    font-size: 0.62rem !important;
}

.quick-clear-files:hover[b-2jmcuqqqnw] {
    border-color: #aeb9c8;
    color: #3f4b5e;
    background: #f6f8fa;
}

.quick-selected-files-list[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.quick-selected-file[b-2jmcuqqqnw] {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.48rem 0.62rem;
    border-bottom: 1px solid #eef1f4;
    color: #596578;
    font-size: 0.65rem;
}

.quick-selected-file-name[b-2jmcuqqqnw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-selected-file-size[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    color: #929ba8;
}

.quick-recurring-attachment-note[b-2jmcuqqqnw] {
    padding: 0.48rem 0.62rem;
    border-top: 1px solid #ebeef3;
    color: #6d5aa8;
    background: #faf8fe;
    font-size: 0.64rem;
}

@media (max-width: 760px) {
    .quick-attachment-picker[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
    }

    .quick-selected-files-list[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
    }
}

/* ------------------------------------------------------------
   Attachment indicators
   ------------------------------------------------------------ */

.dashboard-paperclip[b-2jmcuqqqnw] {
    display: inline-block;
    width: 0.72rem;
    height: 0.72rem;
    flex: 0 0 0.72rem;
    margin-left: 0.08rem;
    color: currentColor;
    background: currentColor;
    opacity: 0.72;
    vertical-align: -0.08rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 6.5 8.1 14.9a3 3 0 0 0 4.25 4.25l8.05-8.05a5 5 0 0 0-7.07-7.07L4.92 12.44a7 7 0 0 0 9.9 9.9l7.18-7.18-1.42-1.42-7.18 7.18a5 5 0 0 1-7.07-7.07l8.41-8.41a3 3 0 0 1 4.24 4.24l-8.05 8.05a1 1 0 0 1-1.42-1.42l8.4-8.4-1.41-1.41Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 6.5 8.1 14.9a3 3 0 0 0 4.25 4.25l8.05-8.05a5 5 0 0 0-7.07-7.07L4.92 12.44a7 7 0 0 0 9.9 9.9l7.18-7.18-1.42-1.42-7.18 7.18a5 5 0 0 1-7.07-7.07l8.41-8.41a3 3 0 0 1 4.24 4.24l-8.05 8.05a1 1 0 0 1-1.42-1.42l8.4-8.4-1.41-1.41Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.dashboard-paperclip:hover[b-2jmcuqqqnw] {
    opacity: 1;
}

.due-list-task[b-2jmcuqqqnw] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.22rem;
}

.due-list-task-title[b-2jmcuqqqnw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.due-list-task .dashboard-paperclip[b-2jmcuqqqnw] {
    margin-left: 0;
    color: #6d7787;
}

.dashboard-task-title-row .dashboard-paperclip[b-2jmcuqqqnw] {
    width: 0.95rem;
    height: 0.95rem;
    flex-basis: 0.95rem;
    margin-left: 0.18rem;
    color: var(--managr-purple);
    opacity: 1;
}

.calendar-task-label .dashboard-paperclip[b-2jmcuqqqnw],
.calendar-event-label .dashboard-paperclip[b-2jmcuqqqnw],
.calendar-event-compact .dashboard-paperclip[b-2jmcuqqqnw],
.calendar-external-label .dashboard-paperclip[b-2jmcuqqqnw],
.calendar-external-compact .dashboard-paperclip[b-2jmcuqqqnw] {
    width: 0.65rem;
    height: 0.65rem;
    flex-basis: 0.65rem;
    margin-left: 0.05rem;
    opacity: 0.78;
}

.calendar-task.completed .dashboard-paperclip[b-2jmcuqqqnw],
.calendar-task.removed .dashboard-paperclip[b-2jmcuqqqnw],
.calendar-event.cancelled .dashboard-paperclip[b-2jmcuqqqnw],
.calendar-external-event.cancelled .dashboard-paperclip[b-2jmcuqqqnw] {
    opacity: 0.62;
}

/* ------------------------------------------------------------
   Work On dates
   ------------------------------------------------------------ */

.quick-field-help[b-2jmcuqqqnw] {
    margin-top: 0.28rem;
    color: #8a94a4;
    font-size: 0.62rem;
    line-height: 1.3;
}

.work-on-badge[b-2jmcuqqqnw] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0.15rem 0.42rem;
    border: 1px solid #d7d0ee;
    border-radius: 99px;
    color: #654cac;
    background: #f4f1fb;
    font-size: 0.61rem;
    font-weight: 700;
}

.work-on-badge.today[b-2jmcuqqqnw] {
    border-color: #b8c9ed;
    color: #234da8;
    background: #eef3fc;
}

.calendar-task-date-kind[b-2jmcuqqqnw] {
    display: inline-flex;
    min-width: 1.12rem;
    min-height: 1.05rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 0.05rem;
    margin-right: 0.18rem;
    padding: 0.04rem 0.12rem;
    border-radius: 4px;
    line-height: 1;
}

.calendar-task-date-kind[b-2jmcuqqqnw]::before,
.calendar-task-date-kind[b-2jmcuqqqnw]::after {
    display: none;
    width: 0.72rem;
    height: 0.72rem;
    flex: 0 0 0.72rem;
    content: "";
    background: currentColor;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.calendar-task-date-kind.work[b-2jmcuqqqnw]::before,
.calendar-task-date-kind.work-due[b-2jmcuqqqnw]::before,
.calendar-task-date-kind.work-completed[b-2jmcuqqqnw]::before {
    display: block;
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm4%2020%208.3-8.3'%2F%3E%3Cpath%20d%3D'm10.7%205.3%202.6-2.6%208%208-2.6%202.6-8-8Z'%2F%3E%3Cpath%20d%3D'm12.2%207.8%204%204'%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm4%2020%208.3-8.3'%2F%3E%3Cpath%20d%3D'm10.7%205.3%202.6-2.6%208%208-2.6%202.6-8-8Z'%2F%3E%3Cpath%20d%3D'm12.2%207.8%204%204'%2F%3E%3C%2Fsvg%3E");
}

.calendar-task-date-kind.due[b-2jmcuqqqnw]::before,
.calendar-task-date-kind.work-due[b-2jmcuqqqnw]::after {
    display: block;
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'13'%20r%3D'7'%2F%3E%3Cpath%20d%3D'M12%209v4l2.5%201.5'%2F%3E%3Cpath%20d%3D'M5%204%202.8%206.2M19%204l2.2%202.2M7%2020l-1.5%202M17%2020l1.5%202'%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'13'%20r%3D'7'%2F%3E%3Cpath%20d%3D'M12%209v4l2.5%201.5'%2F%3E%3Cpath%20d%3D'M5%204%202.8%206.2M19%204l2.2%202.2M7%2020l-1.5%202M17%2020l1.5%202'%2F%3E%3C%2Fsvg%3E");
}

.calendar-task-date-kind.completed[b-2jmcuqqqnw]::before,
.calendar-task-date-kind.work-completed[b-2jmcuqqqnw]::after {
    display: block;
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2.4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm5%2012.5%204.2%204.2L19%206.8'%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2.4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm5%2012.5%204.2%204.2L19%206.8'%2F%3E%3C%2Fsvg%3E");
}

.calendar-task-date-kind.work[b-2jmcuqqqnw] {
    color: #6046a2;
    background: #eee9fb;
}

.calendar-task-date-kind.due[b-2jmcuqqqnw] {
    color: #31568f;
    background: #eaf1fb;
}

.calendar-task-date-kind.work-due[b-2jmcuqqqnw] {
    color: #5a4791;
    background: linear-gradient(90deg, #eee9fb 0 50%, #eaf1fb 50% 100%);
}

.calendar-task-date-kind.work-completed[b-2jmcuqqqnw] {
    color: #52665a;
    background: linear-gradient(90deg, #eee9fb 0 50%, #e8f4ec 50% 100%);
}

.calendar-task-date-kind.completed[b-2jmcuqqqnw] {
    color: #4f755f;
    background: #e8f4ec;
}

.calendar-task.work-on-entry[b-2jmcuqqqnw] {
    border-left-style: dashed;
}

.calendar-task.work-due-entry[b-2jmcuqqqnw] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--task-tag-color, #3568d4) 28%, #7656c9);
}

/* ------------------------------------------------------------
   Open Tasks quick reschedule
   ------------------------------------------------------------ */

.dashboard-task-action-column[b-2jmcuqqqnw] {
    display: flex;
    position: relative;
    flex: 0 0 auto;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.4rem;
}

.dashboard-task-action-buttons[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    gap: 0.32rem;
}

.task-reschedule-button[b-2jmcuqqqnw] {
    display: flex;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1.5px solid #9eacd0;
    border-radius: 50%;
    color: #506a9e;
    background: #fff;
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.task-reschedule-button:hover[b-2jmcuqqqnw] {
    border-color: var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
    transform: scale(1.05);
}

.task-reschedule-button:disabled[b-2jmcuqqqnw] {
    opacity: 0.55;
}

.dashboard-reschedule-menu[b-2jmcuqqqnw] {
    width: 210px;
    overflow: hidden;
    border: 1px solid #ccd5e1;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(24, 34, 53, 0.13);
}

.dashboard-reschedule-title[b-2jmcuqqqnw] {
    padding: 0.42rem 0.55rem;
    border-bottom: 1px solid #e7ebf0;
    color: #687386;
    background: #f8fafc;
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dashboard-reschedule-option[b-2jmcuqqqnw] {
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.04rem;
    padding: 0.43rem 0.55rem;
    border: 0;
    border-bottom: 1px solid #eef1f4;
    color: #344054;
    background: #fff;
    text-align: left;
}

.dashboard-reschedule-option:hover[b-2jmcuqqqnw] {
    color: #234da8;
    background: #f5f8fd;
}

.dashboard-reschedule-option span[b-2jmcuqqqnw] {
    font-size: 0.68rem;
    font-weight: 700;
}

.dashboard-reschedule-option small[b-2jmcuqqqnw] {
    color: #8792a3;
    font-size: 0.57rem;
}

.dashboard-reschedule-custom[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem;
    padding: 0.45rem 0.55rem;
    border-bottom: 1px solid #eef1f4;
    background: #fafbfd;
}

.dashboard-page-canvas .dashboard-reschedule-days[b-2jmcuqqqnw] {
    min-height: 30px;
    height: 30px;
    padding: 0.22rem 0.38rem;
    font-size: 0.68rem;
}

.dashboard-reschedule-apply[b-2jmcuqqqnw] {
    min-height: 30px;
    padding: 0.22rem 0.5rem !important;
    border: 1px solid var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
    font-size: 0.63rem !important;
}

.dashboard-reschedule-apply:hover[b-2jmcuqqqnw] {
    border-color: var(--managr-blue-dark);
    color: #fff;
    background: var(--managr-blue-dark);
}

.dashboard-reschedule-error[b-2jmcuqqqnw] {
    padding: 0.45rem 0.55rem;
    border-bottom: 1px solid #f1d3d6;
    color: #9e4048;
    background: #fff5f5;
    font-size: 0.6rem;
    line-height: 1.35;
}

.dashboard-reschedule-close[b-2jmcuqqqnw] {
    width: 100%;
    padding: 0.36rem 0.55rem;
    border: 0;
    color: #667285;
    background: #fafbfd;
    font-size: 0.6rem;
    font-weight: 650;
    text-align: left;
}

.dashboard-reschedule-close:hover[b-2jmcuqqqnw] {
    color: #344054;
    background: #f2f5f8;
}

.dashboard-task.reschedule-open[b-2jmcuqqqnw] {
    align-items: flex-start;
}

@media (max-width: 700px) {
    .dashboard-reschedule-menu[b-2jmcuqqqnw] {
        width: 190px;
    }
}

/* ------------------------------------------------------------
   Parent completion safeguard
   ------------------------------------------------------------ */

.dashboard-complete-warning[b-2jmcuqqqnw] {
    width: 210px;
    overflow: hidden;
    padding: 0.5rem;
    border: 1px solid #efd0ae;
    border-radius: 9px;
    color: #76512c;
    background: #fff9f2;
    box-shadow: 0 7px 20px rgba(24, 34, 53, 0.1);
}

.dashboard-complete-warning strong[b-2jmcuqqqnw],
.dashboard-complete-warning span[b-2jmcuqqqnw] {
    display: block;
}

.dashboard-complete-warning strong[b-2jmcuqqqnw] {
    font-size: 0.64rem;
}

.dashboard-complete-warning span[b-2jmcuqqqnw] {
    margin-top: 0.1rem;
    color: #8a6b4c;
    font-size: 0.58rem;
    line-height: 1.3;
}

.dashboard-complete-warning-actions[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.32rem;
    margin-top: 0.42rem;
}

.dashboard-complete-warning-actions .btn[b-2jmcuqqqnw] {
    padding: 0.25rem 0.32rem;
    font-size: 0.57rem !important;
}

.dashboard-complete-anyway[b-2jmcuqqqnw] {
    border: 1px solid var(--managr-green);
    color: #fff;
    background: var(--managr-green);
}

.dashboard-complete-anyway:hover[b-2jmcuqqqnw] {
    border-color: #197a59;
    color: #fff;
    background: #197a59;
}

@media (max-width: 700px) {
    .dashboard-complete-warning[b-2jmcuqqqnw] {
        width: 190px;
    }
}

/* ------------------------------------------------------------
   Saved task views
   ------------------------------------------------------------ */

.dashboard-saved-view-select-row[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.dashboard-saved-view-select-row .form-select[b-2jmcuqqqnw] {
    min-width: 0;
}

.dashboard-saved-view-menu-button[b-2jmcuqqqnw] {
    display: flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #cdd5e0;
    color: #526074;
    background: #fff;
    font-size: 1rem !important;
    line-height: 1;
}

.dashboard-saved-view-menu-button:hover[b-2jmcuqqqnw] {
    border-color: var(--managr-blue);
    color: var(--managr-blue);
    background: #f7faff;
}

.dashboard-save-view-button[b-2jmcuqqqnw] {
    border: 1px solid #bdcbe2;
    color: #355a96;
    background: #f5f8fd;
}

.dashboard-save-view-button:hover[b-2jmcuqqqnw] {
    border-color: var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.dashboard-saved-view-editor[b-2jmcuqqqnw],
.dashboard-saved-view-management[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 0.8fr) auto auto;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.72rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #d9e0ea;
    border-radius: 9px;
    background: #fafbfd;
}

.dashboard-saved-view-management[b-2jmcuqqqnw] {
    grid-template-columns: minmax(180px, 1fr) auto auto auto;
}

.dashboard-saved-view-editor-title[b-2jmcuqqqnw],
.dashboard-saved-view-management-name[b-2jmcuqqqnw] {
    color: #354258;
    font-size: 0.7rem;
    font-weight: 725;
}

.dashboard-saved-view-editor-copy[b-2jmcuqqqnw] {
    margin-top: 0.08rem;
    color: #8390a2;
    font-size: 0.61rem;
}

.dashboard-saved-view-message[b-2jmcuqqqnw] {
    margin-top: 0.55rem;
    color: #27775c;
    font-size: 0.65rem;
    font-weight: 650;
}

@media (max-width: 850px) {
    .dashboard-saved-view-editor[b-2jmcuqqqnw],
    .dashboard-saved-view-management[b-2jmcuqqqnw] {
        grid-template-columns: 1fr;
    }

    .dashboard-saved-view-editor .btn[b-2jmcuqqqnw],
    .dashboard-saved-view-management .btn[b-2jmcuqqqnw] {
        width: 100%;
    }
}

/* Keep the compact page banner flush with the MainLayout content edge.
   On desktop, reclaim MainLayout's 2rem content-bottom reserve so Home does
   not stack layout padding beneath a Dashboard that already fits the viewport. */
.dashboard-page-canvas[b-2jmcuqqqnw] {
    margin: 0 -0.25rem -2rem;
    padding: 0 1.25rem 0;
}

/* Mobile keeps its bottom breathing room because MainLayout reserves space for
   the fixed bottom navigation and safe-area inset. */
@media (max-width: 640.98px) {
    .dashboard-page-canvas[b-2jmcuqqqnw] {
        margin: 0 -0.35rem -0.35rem;
        padding: 0 0.7rem 0.7rem;
    }
}


/* Phase 4: collaborative task identity */
.dashboard-task.team-task[b-2jmcuqqqnw] {
    border-left: 3px solid #5b8fe6;
    padding-left: calc(0.75rem - 3px);
}

.dashboard-team-badge[b-2jmcuqqqnw],
.dashboard-team-assignee-badge[b-2jmcuqqqnw],
.dashboard-team-assignee-more[b-2jmcuqqqnw] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 0.6rem;
    font-weight: 700;
    line-height: 1.2;
}

.dashboard-team-badge[b-2jmcuqqqnw] {
    padding: 0.2rem 0.44rem;
    border: 1px solid #bfd2f1;
    color: #315b9f;
    background: #eef5ff;
}

.dashboard-team-badge.compact[b-2jmcuqqqnw] {
    padding: 0.12rem 0.34rem;
    font-size: 0.56rem;
}

.dashboard-team-assignee-badge[b-2jmcuqqqnw] {
    padding: 0.18rem 0.4rem;
    border: 1px solid #d4deed;
    color: #52637b;
    background: #f7f9fc;
}

.dashboard-team-assignee-more[b-2jmcuqqqnw] {
    padding: 0.18rem 0.34rem;
    color: #6d7889;
    background: #eef1f5;
}

.calendar-task.team-task[b-2jmcuqqqnw] {
    border-left-color: #5b8fe6;
}

.calendar-team-mark[b-2jmcuqqqnw] {
    display: inline-flex;
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid #b9cdec;
    border-radius: 4px;
    color: #315b9f;
    background: #eef5ff;
    font-size: 0.5rem;
    font-weight: 800;
    line-height: 1;
}


.dashboard-header-links[b-2jmcuqqqnw] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.dashboard-open-tasks-actions[b-2jmcuqqqnw] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.7rem;
}

.dashboard-open-tasks-add-button[b-2jmcuqqqnw] {
    min-height: 30px;
    padding: 0.32rem 0.68rem;
    border: 1px solid var(--managr-blue);
    border-radius: 7px;
    color: #fff;
    background: var(--managr-blue);
    font-size: 0.68rem !important;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
}

.dashboard-open-tasks-add-button:hover[b-2jmcuqqqnw],
.dashboard-open-tasks-add-button:focus-visible[b-2jmcuqqqnw] {
    border-color: var(--managr-blue-dark);
    color: #fff;
    background: var(--managr-blue-dark);
}

@media (max-width: 1350px) {

    .dashboard-subtask-progress-bar[b-2jmcuqqqnw] {
        display: none;
    }
}


.calendar-task.in-progress[b-2jmcuqqqnw] { box-shadow: inset 3px 0 0 #4e86d8; }
.calendar-task.on-hold[b-2jmcuqqqnw] { opacity: .78; box-shadow: inset 3px 0 0 #d3aa4b; }

/* ------------------------------------------------------------
   Task dependencies
   ------------------------------------------------------------ */

.task-dependency-dropdown[b-2jmcuqqqnw] {
    position: relative;
    max-width: 720px;
}

.task-dependency-dropdown > summary[b-2jmcuqqqnw] {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    padding: 0.45rem 0.7rem;
    border: 1px solid #d7deea;
    border-radius: 8px;
    background: #fff;
    color: #4d596b;
    font-size: 0.78rem;
    font-weight: 650;
    cursor: pointer;
    list-style: none;
}

.task-dependency-dropdown > summary[b-2jmcuqqqnw]::-webkit-details-marker {
    display: none;
}

.task-dependency-dropdown > summary[b-2jmcuqqqnw]::after {
    margin-left: 0.6rem;
    color: #7b8799;
    content: "▾";
}

.task-dependency-dropdown[open] > summary[b-2jmcuqqqnw]::after {
    content: "▴";
}

.task-dependency-menu[b-2jmcuqqqnw] {
    max-height: 260px;
    overflow-y: auto;
    margin-top: 0.4rem;
    padding: 0.35rem;
    border: 1px solid #d7deea;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(28, 47, 76, 0.08);
}

.task-dependency-option[b-2jmcuqqqnw] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.48rem 0.52rem;
    border-radius: 6px;
    cursor: pointer;
}

.task-dependency-option:hover[b-2jmcuqqqnw] {
    background: #f7f9fc;
}

.task-dependency-option input[b-2jmcuqqqnw] {
    margin-top: 0.18rem;
}

.task-dependency-copy[b-2jmcuqqqnw] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.08rem;
}

.task-dependency-title[b-2jmcuqqqnw] {
    overflow: hidden;
    color: #3f4b5e;
    font-size: 0.76rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-dependency-meta[b-2jmcuqqqnw],
.task-dependency-help[b-2jmcuqqqnw],
.task-dependency-recurring-note[b-2jmcuqqqnw],
.task-dependency-empty[b-2jmcuqqqnw] {
    color: #7d8797;
    font-size: 0.68rem;
}

.task-dependency-help[b-2jmcuqqqnw],
.task-dependency-recurring-note[b-2jmcuqqqnw] {
    margin-top: 0.42rem;
    line-height: 1.45;
}

.task-dependency-recurring-note[b-2jmcuqqqnw] {
    color: #6c5795;
}

.task-dependency-empty[b-2jmcuqqqnw] {
    padding: 0.55rem;
}

.dashboard-blocked-badge[b-2jmcuqqqnw] {
    border: 1px solid #e6c477;
    color: #74510a;
    background: #fff4d6;
}

.dashboard-blocked-badge.compact[b-2jmcuqqqnw] {
    padding: 0.14rem 0.35rem;
    font-size: 0.58rem;
}

.dashboard-task-blocked-note[b-2jmcuqqqnw] {
    margin-top: 0.35rem;
    color: #8a6417;
    font-size: 0.68rem;
    font-weight: 600;
}

.task-dependency-search[b-2jmcuqqqnw] {
    margin-bottom: 0.35rem;
    font-size: 0.74rem;
}

/* Dashboard task shortcut strip */
.dashboard-task-shortcuts[b-2jmcuqqqnw] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
    margin-bottom: 1.35rem;
}

.dashboard-task-shortcut[b-2jmcuqqqnw] {
    display: flex;
    min-width: 0;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--managr-border);
    border-radius: 10px;
    color: var(--managr-text);
    background: var(--managr-surface);
    box-shadow: var(--managr-shadow-sm);
    text-align: center;
    text-decoration: none;
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.dashboard-task-shortcut:hover[b-2jmcuqqqnw] {
    border-color: var(--managr-primary-border);
    color: var(--managr-text);
    background: var(--managr-surface-raised);
    box-shadow: var(--managr-shadow-md);
    transform: translateY(-1px);
}

.dashboard-task-shortcut-icon[b-2jmcuqqqnw] {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard-task-shortcut-label[b-2jmcuqqqnw] {
    min-width: 0;
    overflow: hidden;
    color: var(--managr-text-secondary);
    font-size: 0.62rem;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-task-shortcut-value[b-2jmcuqqqnw] {
    flex: 0 0 auto;
    margin-left: auto;
    font-size: 0.9rem;
    font-weight: 780;
    line-height: 1;
}

.dashboard-task-shortcut.overdue[b-2jmcuqqqnw] { color: var(--managr-danger); }
.dashboard-task-shortcut.due-today[b-2jmcuqqqnw] { color: var(--managr-warning); }
.dashboard-task-shortcut.in-progress[b-2jmcuqqqnw] { color: var(--managr-progress); }
.dashboard-task-shortcut.work-on[b-2jmcuqqqnw] { color: var(--managr-primary); }
.dashboard-task-shortcut.high-priority[b-2jmcuqqqnw] { color: var(--managr-accent-strong); }

.dashboard-task-shortcut .dashboard-task-shortcut-label[b-2jmcuqqqnw] { color: var(--managr-text-secondary); }

.dashboard-left-stack > .open-tasks-panel[b-2jmcuqqqnw] { min-height: 650px; max-height: none; flex: 1 1 auto; }

@container managr-main (max-width: 980px) {
    .dashboard-task-shortcuts[b-2jmcuqqqnw] { gap: 0.42rem; }
    .dashboard-task-shortcut[b-2jmcuqqqnw] { gap: 0.38rem; padding-inline: 0.5rem; }
    .dashboard-task-shortcut-icon[b-2jmcuqqqnw] { width: 17px; height: 17px; flex-basis: 17px; }
    .dashboard-task-shortcut-label[b-2jmcuqqqnw] { font-size: 0.57rem; }
    .dashboard-left-stack > .open-tasks-panel[b-2jmcuqqqnw] { min-height: 520px; max-height: 650px; }
}

@container managr-main (max-width: 620px) {
    .dashboard-task-shortcuts[b-2jmcuqqqnw] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0.28rem;
    }

    .dashboard-task-shortcut[b-2jmcuqqqnw] {
        min-height: 46px;
        gap: 0.3rem;
        padding: 0.38rem 0.3rem;
    }

    .dashboard-task-shortcut-label[b-2jmcuqqqnw] { display: none; }
    .dashboard-task-shortcut-value[b-2jmcuqqqnw] { margin-left: 0; font-size: 0.78rem; }
    .dashboard-task-shortcut-icon[b-2jmcuqqqnw] { width: 16px; height: 16px; flex-basis: 16px; }
}

@media (max-width: 420px) {
    .dashboard-task-shortcuts[b-2jmcuqqqnw] { gap: 0.2rem; }
    .dashboard-task-shortcut[b-2jmcuqqqnw] { min-height: 43px; gap: 0.22rem; padding: 0.3rem 0.2rem; border-radius: 8px; }
    .dashboard-task-shortcut-icon[b-2jmcuqqqnw] { width: 15px; height: 15px; flex-basis: 15px; }
    .dashboard-task-shortcut-value[b-2jmcuqqqnw] { font-size: 0.72rem; }
}

@media (max-width: 1100px) {
}





/* /Components/Pages/Library.razor.rz.scp.css */
.library-page[b-zi1z4gny1o] { --library-ink:#182235; --library-muted:#6d798b; --library-border:#d7dee8; --library-blue:#3568d4; color:var(--library-ink); }
.library-page-banner[b-zi1z4gny1o] { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.library-banner-actions[b-zi1z4gny1o] { position:relative; z-index:1; }
.library-alert[b-zi1z4gny1o] { margin-bottom:.85rem; }
.library-toolbar[b-zi1z4gny1o] { display:flex; align-items:center; gap:.8rem; margin-bottom:1rem; padding:.65rem .75rem; border:1px solid var(--library-border); border-radius:10px; background:#fff; box-shadow:0 3px 12px rgba(28,50,83,.035); }
.library-search-wrap[b-zi1z4gny1o] { position:relative; min-width:220px; flex:1 1 420px; }
.library-search-wrap svg[b-zi1z4gny1o] { position:absolute; top:50%; left:.72rem; width:1rem; height:1rem; transform:translateY(-50%); fill:none; stroke:#7a8799; stroke-width:1.8; pointer-events:none; }
.library-search[b-zi1z4gny1o] { padding-left:2.15rem; }
.library-unattached-filter[b-zi1z4gny1o] { display:inline-flex; align-items:center; gap:.42rem; margin:0; color:#4d5e74; cursor:pointer; font-size:.72rem; font-weight:650; white-space:nowrap; }
.library-result-count[b-zi1z4gny1o] { margin-left:auto; color:#7b8798; font-size:.68rem; white-space:nowrap; }
.library-grid[b-zi1z4gny1o] { display:grid; grid-template-columns:repeat(auto-fill,minmax(205px,1fr)); gap:1rem; }
.library-card[b-zi1z4gny1o] { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--library-border); border-radius:13px; background:#fff; box-shadow:0 5px 17px rgba(25,48,82,.045); transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease; }
.library-card:hover[b-zi1z4gny1o] { transform:translateY(-1px); border-color:#becbe0; box-shadow:0 8px 23px rgba(25,48,82,.075); }
.library-preview[b-zi1z4gny1o] { display:flex; aspect-ratio:4/3; align-items:center; justify-content:center; overflow:hidden; border-bottom:1px solid #e1e6ee; color:inherit; background:#f4f7fb; text-decoration:none; }
.library-preview img[b-zi1z4gny1o] { width:100%; height:100%; object-fit:cover; }
.library-file-tile[b-zi1z4gny1o] { display:flex; width:100%; height:100%; align-items:center; justify-content:center; flex-direction:column; gap:.35rem; background:linear-gradient(145deg,#f8fafc,#eaf0f7); }
.library-file-extension[b-zi1z4gny1o] { display:grid; width:3.6rem; height:4.3rem; place-items:center; border:1px solid #cbd5e3; border-radius:7px; color:#31558e; background:#fff; box-shadow:0 4px 12px rgba(31,62,105,.08); font-size:.78rem; font-weight:800; letter-spacing:.05em; }
.library-file-kind[b-zi1z4gny1o] { color:#718096; font-size:.64rem; font-weight:650; }
.library-file-tile.type-pdf .library-file-extension[b-zi1z4gny1o] { color:#aa4148; }
.library-file-tile.type-docx .library-file-extension[b-zi1z4gny1o] { color:#2e5ea8; }
.library-file-tile.type-md .library-file-extension[b-zi1z4gny1o],.library-file-tile.type-txt .library-file-extension[b-zi1z4gny1o],.library-file-tile.type-csv .library-file-extension[b-zi1z4gny1o] { color:#4d687e; }
.library-card-body[b-zi1z4gny1o] { display:flex; min-height:94px; flex:1; flex-direction:column; padding:.72rem .78rem .62rem; }
.library-file-name[b-zi1z4gny1o] { overflow:hidden; color:#263a56; font-size:.78rem; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.library-file-meta[b-zi1z4gny1o] { display:flex; align-items:center; gap:.28rem; margin-top:.18rem; color:#8994a3; font-size:.61rem; }
.library-file-tags[b-zi1z4gny1o] { display:flex; flex-wrap:wrap; gap:.28rem; margin-top:.55rem; }
.library-file-tags span[b-zi1z4gny1o] { padding:.2rem .38rem; border:1px solid color-mix(in srgb,var(--library-tag-color,#8793a5) 34%,white); border-radius:999px; color:color-mix(in srgb,var(--library-tag-color,#667085) 82%,#1f2937); background:color-mix(in srgb,var(--library-tag-color,#8793a5) 11%,white); font-size:.58rem; font-weight:700; }
.library-card-footer[b-zi1z4gny1o] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.5rem .78rem; border-top:1px solid #edf0f4; background:#fbfcfe; }
.library-link-count[b-zi1z4gny1o] { color:#66768c; font-size:.59rem; font-weight:650; }
.library-link-count.unattached[b-zi1z4gny1o] { color:#9a6a2e; }
.library-download[b-zi1z4gny1o] { color:#3568d4; font-size:.62rem; font-weight:750; text-decoration:none; }
.library-download:hover[b-zi1z4gny1o] { text-decoration:underline; }
.library-loading[b-zi1z4gny1o],.library-empty[b-zi1z4gny1o] { display:flex; min-height:260px; align-items:center; justify-content:center; flex-direction:column; gap:.55rem; color:#778599; text-align:center; }
.library-loading-indicator[b-zi1z4gny1o] { width:1.5rem; height:1.5rem; border:2px solid #d8e0eb; border-top-color:#3568d4; border-radius:50%; animation:library-spin-b-zi1z4gny1o .8s linear infinite; }
.library-empty-icon[b-zi1z4gny1o] { display:grid; width:3.2rem; height:3.2rem; place-items:center; border-radius:50%; color:#5275ad; background:#eef4fd; font-size:1.4rem; }
.library-empty strong[b-zi1z4gny1o] { color:#354963; }
.library-empty span[b-zi1z4gny1o] { max-width:470px; font-size:.74rem; }
@keyframes library-spin-b-zi1z4gny1o { to { transform:rotate(360deg); } }
@media (max-width:700px) { .library-toolbar[b-zi1z4gny1o] { align-items:stretch; flex-direction:column; } .library-search-wrap[b-zi1z4gny1o] { width:100%; min-width:0; flex-basis:auto; } .library-result-count[b-zi1z4gny1o] { margin-left:0; } .library-grid[b-zi1z4gny1o] { grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:.7rem; } .library-page-banner[b-zi1z4gny1o] { align-items:center; } }
.library-file-name-link[b-zi1z4gny1o] { display:block; color:#263a56; text-decoration:none; }
.library-file-name-link:hover[b-zi1z4gny1o] { color:#234da8; text-decoration:underline; }
.library-card-actions[b-zi1z4gny1o] { display:flex; align-items:center; gap:.55rem; }
.library-details[b-zi1z4gny1o] { color:#526987; font-size:.62rem; font-weight:750; text-decoration:none; }
.library-details:hover[b-zi1z4gny1o] { text-decoration:underline; }
/* /Components/Pages/LibraryFileDetail.razor.rz.scp.css */
.library-file-page[b-10jt7ucw6t] { --file-ink:#182235; --file-muted:#6d798b; --file-border:#d7dee8; --file-soft:#f6f8fb; --file-blue:#3568d4; color:var(--file-ink); }
.library-file-banner[b-10jt7ucw6t] { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.library-file-banner-title[b-10jt7ucw6t] { min-width:0; }
.library-file-banner-title h1[b-10jt7ucw6t] { max-width:min(900px,66vw); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.library-file-banner-actions[b-10jt7ucw6t] { position:relative; z-index:1; display:flex; gap:.45rem; }
.library-file-alert[b-10jt7ucw6t] { margin-bottom:.85rem; }
.library-file-loading[b-10jt7ucw6t],.library-file-not-found[b-10jt7ucw6t] { display:flex; min-height:300px; align-items:center; justify-content:center; flex-direction:column; gap:.6rem; color:#778599; text-align:center; }
.library-file-loading-indicator[b-10jt7ucw6t] { width:1.5rem; height:1.5rem; border:2px solid #d8e0eb; border-top-color:var(--file-blue); border-radius:50%; animation:library-file-spin-b-10jt7ucw6t .8s linear infinite; }
.library-file-not-found-icon[b-10jt7ucw6t] { display:grid; width:3.2rem; height:3.2rem; place-items:center; border-radius:50%; color:#5275ad; background:#eef4fd; font-size:1.35rem; }
.library-file-workspace[b-10jt7ucw6t] { display:grid; grid-template-columns:minmax(0,2fr) minmax(290px,.82fr); align-items:start; gap:1rem; }
.library-file-preview-card[b-10jt7ucw6t],.library-file-editor-card[b-10jt7ucw6t],.library-file-metadata-card[b-10jt7ucw6t],.library-file-usage-card[b-10jt7ucw6t],.library-file-danger-card[b-10jt7ucw6t] { overflow:hidden; border:1px solid var(--file-border); border-radius:13px; background:#fff; box-shadow:0 5px 17px rgba(25,48,82,.045); }
.library-file-preview-card[b-10jt7ucw6t] { min-width:0; }
.library-file-preview-heading[b-10jt7ucw6t],.library-file-section-heading[b-10jt7ucw6t] { display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:.75rem .9rem; border-bottom:1px solid #e7ebf1; background:#fbfcfe; }
.library-file-preview-heading > div[b-10jt7ucw6t],.library-file-section-heading > div[b-10jt7ucw6t] { min-width:0; display:flex; flex-direction:column; gap:.08rem; }
.library-file-preview-heading strong[b-10jt7ucw6t] { overflow:hidden; color:#2b405d; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }
.library-file-kicker[b-10jt7ucw6t] { color:#77869a; font-size:.58rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.library-file-kicker.danger[b-10jt7ucw6t] { color:#b64e55; }
.library-file-section-heading h2[b-10jt7ucw6t] { margin:0; color:#2b405d; font-size:.92rem; font-weight:750; }
.library-file-open-raw[b-10jt7ucw6t] { color:var(--file-blue); font-size:.65rem; font-weight:750; text-decoration:none; white-space:nowrap; }
.library-file-open-raw:hover[b-10jt7ucw6t] { text-decoration:underline; }
.library-file-preview-surface[b-10jt7ucw6t] { display:flex; min-height:560px; align-items:center; justify-content:center; overflow:hidden; background:#eef2f7; }
.library-file-image-preview[b-10jt7ucw6t] { display:block; max-width:100%; max-height:760px; object-fit:contain; }
.library-file-document-preview[b-10jt7ucw6t] { display:block; width:100%; height:720px; border:0; background:#fff; }
.library-file-preview-fallback[b-10jt7ucw6t] { display:flex; max-width:520px; align-items:center; justify-content:center; flex-direction:column; gap:.65rem; padding:2rem; color:#748195; text-align:center; }
.library-file-preview-fallback strong[b-10jt7ucw6t] { color:#40536d; }
.library-file-preview-fallback > span[b-10jt7ucw6t] { font-size:.72rem; }
.library-file-preview-actions[b-10jt7ucw6t] { display:flex; gap:.5rem; margin-top:.3rem; }
.library-file-large-tile[b-10jt7ucw6t] { display:flex; width:150px; height:178px; align-items:center; justify-content:center; flex-direction:column; gap:.55rem; border:1px solid #d5dde8; border-radius:12px; background:linear-gradient(145deg,#f8fafc,#e7eef7); box-shadow:0 8px 24px rgba(31,62,105,.08); color:#61728a; font-size:.7rem; font-weight:650; }
.library-file-large-extension[b-10jt7ucw6t] { display:grid; width:4.8rem; height:5.7rem; place-items:center; border:1px solid #cbd5e3; border-radius:8px; color:#31558e; background:#fff; font-size:1rem; font-weight:850; letter-spacing:.05em; }
.library-file-large-tile.type-pdf .library-file-large-extension[b-10jt7ucw6t] { color:#aa4148; }
.library-file-large-tile.type-docx .library-file-large-extension[b-10jt7ucw6t] { color:#2e5ea8; }
.library-file-sidebar[b-10jt7ucw6t] { display:grid; gap:1rem; min-width:0; }
.library-file-editor-body[b-10jt7ucw6t] { padding:.85rem .9rem .95rem; }
.library-file-field[b-10jt7ucw6t] { margin-bottom:.85rem; }
.library-file-field small[b-10jt7ucw6t] { display:block; margin-top:.3rem; color:#7d8998; font-size:.62rem; }
.library-file-tags-editor[b-10jt7ucw6t] { margin-bottom:.9rem; }
.library-file-tags-heading[b-10jt7ucw6t] { display:flex; align-items:baseline; justify-content:space-between; gap:.6rem; margin-bottom:.45rem; }
.library-file-tags-heading strong[b-10jt7ucw6t] { color:#3b4f69; font-size:.72rem; }
.library-file-tags-heading span[b-10jt7ucw6t] { color:#8994a3; font-size:.58rem; }
.library-file-tag-group[b-10jt7ucw6t] { margin-bottom:.42rem; border:1px solid #dce3ec; border-radius:8px; background:#fbfcfe; }
.library-file-tag-group summary[b-10jt7ucw6t] { display:flex; align-items:center; gap:.5rem; padding:.55rem .62rem; color:#40536d; cursor:pointer; list-style:none; font-size:.68rem; font-weight:700; }
.library-file-tag-group summary[b-10jt7ucw6t]::-webkit-details-marker { display:none; }
.library-file-tag-group summary small[b-10jt7ucw6t] { margin-left:auto; color:#6f7f93; font-size:.56rem; }
.library-file-tag-chevron[b-10jt7ucw6t] { color:#8795a6; }
.library-file-tag-options[b-10jt7ucw6t] { display:grid; gap:.25rem; max-height:175px; overflow-y:auto; padding:.2rem .55rem .55rem; }
.library-file-tag-option[b-10jt7ucw6t] { display:flex; align-items:center; gap:.42rem; margin:0; padding:.28rem .25rem; color:#485b74; cursor:pointer; font-size:.65rem; }
.library-file-tag-dot[b-10jt7ucw6t] { width:.55rem; height:.55rem; flex:0 0 .55rem; border-radius:50%; background:var(--file-tag-color,#8793a5); }
.library-file-save[b-10jt7ucw6t] { width:100%; }
.library-file-metadata-list[b-10jt7ucw6t] { margin:0; padding:.45rem .9rem .7rem; }
.library-file-metadata-list > div[b-10jt7ucw6t] { display:grid; grid-template-columns:92px minmax(0,1fr); gap:.5rem; padding:.48rem 0; border-bottom:1px solid #eef1f5; }
.library-file-metadata-list > div:last-child[b-10jt7ucw6t] { border-bottom:0; }
.library-file-metadata-list dt[b-10jt7ucw6t] { color:#7c899a; font-size:.61rem; font-weight:750; }
.library-file-metadata-list dd[b-10jt7ucw6t] { min-width:0; margin:0; overflow-wrap:anywhere; color:#3d506a; font-size:.65rem; }
.library-file-usage-card[b-10jt7ucw6t],.library-file-danger-card[b-10jt7ucw6t] { margin-top:1rem; }
.library-file-usage-heading > span[b-10jt7ucw6t] { color:#7e8a9a; font-size:.62rem; }
.library-file-usage-empty[b-10jt7ucw6t] { padding:1rem; color:#78869a; font-size:.7rem; }
.library-file-usage-list[b-10jt7ucw6t] { display:grid; }
.library-file-usage-row[b-10jt7ucw6t] { display:grid; grid-template-columns:105px minmax(0,1fr) auto; align-items:center; gap:.75rem; padding:.7rem .9rem; border-top:1px solid #eef1f5; }
.library-file-usage-row:first-child[b-10jt7ucw6t] { border-top:0; }
.library-file-usage-type[b-10jt7ucw6t] { display:inline-flex; width:max-content; padding:.22rem .42rem; border:1px solid #d9e1ec; border-radius:999px; color:#52667f; background:#f7f9fc; font-size:.56rem; font-weight:750; }
.library-file-usage-copy[b-10jt7ucw6t] { display:flex; min-width:0; flex-direction:column; gap:.08rem; }
.library-file-usage-copy a[b-10jt7ucw6t],.library-file-usage-copy strong[b-10jt7ucw6t] { overflow:hidden; color:#2f4d76; font-size:.7rem; font-weight:750; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; }
.library-file-usage-copy a:hover[b-10jt7ucw6t] { text-decoration:underline; }
.library-file-usage-copy span[b-10jt7ucw6t],.library-file-usage-row time[b-10jt7ucw6t] { color:#8591a1; font-size:.58rem; }
.library-file-usage-row time[b-10jt7ucw6t] { white-space:nowrap; }
.library-file-danger-card[b-10jt7ucw6t] { border-color:#eccfd2; }
.library-file-danger-card .library-file-section-heading[b-10jt7ucw6t] { background:#fff9f9; }
.library-file-danger-row[b-10jt7ucw6t] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem .9rem; }
.library-file-danger-row p[b-10jt7ucw6t] { margin:0; color:#6d7785; font-size:.68rem; }
.library-file-delete-confirm[b-10jt7ucw6t] { padding:.9rem; background:#fffafa; }
.library-file-delete-confirm strong[b-10jt7ucw6t] { color:#9f353e; font-size:.75rem; }
.library-file-delete-confirm p[b-10jt7ucw6t] { margin:.35rem 0 .75rem; color:#765c61; font-size:.68rem; }
.library-file-delete-confirm > div[b-10jt7ucw6t] { display:flex; justify-content:flex-end; gap:.45rem; }
@keyframes library-file-spin-b-10jt7ucw6t { to { transform:rotate(360deg); } }
@media (max-width:1000px) { .library-file-workspace[b-10jt7ucw6t] { grid-template-columns:1fr; } .library-file-sidebar[b-10jt7ucw6t] { grid-template-columns:repeat(2,minmax(0,1fr)); } .library-file-preview-surface[b-10jt7ucw6t] { min-height:430px; } .library-file-document-preview[b-10jt7ucw6t] { height:580px; } }
@media (max-width:700px) { .library-file-banner-title h1[b-10jt7ucw6t] { max-width:58vw; } .library-file-sidebar[b-10jt7ucw6t] { grid-template-columns:1fr; } .library-file-preview-surface[b-10jt7ucw6t] { min-height:330px; } .library-file-document-preview[b-10jt7ucw6t] { height:480px; } .library-file-usage-row[b-10jt7ucw6t] { grid-template-columns:1fr; gap:.28rem; } .library-file-usage-row time[b-10jt7ucw6t] { justify-self:start; } .library-file-danger-row[b-10jt7ucw6t] { align-items:flex-start; flex-direction:column; } }
/* /Components/Pages/NoteDetail.razor.rz.scp.css */
.note-detail-page[b-spywz7ux5p] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1rem;
}

.note-detail-card[b-spywz7ux5p] {
    padding: 1.15rem;
    border: 1px solid rgba(34, 74, 141, .13);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(24, 49, 89, .045);
}

.note-detail-empty[b-spywz7ux5p] {
    color: #75869b;
    text-align: center;
}

.note-detail-meta[b-spywz7ux5p] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1.1rem;
    color: #74859a;
    font-size: .74rem;
}

.note-detail-tags[b-spywz7ux5p] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .8rem;
}

.note-detail-tag[b-spywz7ux5p] {
    display: inline-flex;
    gap: .2rem;
    padding: .25rem .48rem;
    border: 1px solid color-mix(in srgb, var(--note-tag-color) 36%, #dce3ed);
    border-radius: 999px;
    color: #314761;
    background: color-mix(in srgb, var(--note-tag-color) 10%, #fff);
    font-size: .69rem;
    font-weight: 650;
}

.note-detail-tag span[b-spywz7ux5p] {
    color: #667990;
    font-weight: 550;
}

.note-detail-content[b-spywz7ux5p],
.note-revision-content[b-spywz7ux5p] {
    margin-top: 1rem;
    color: #2f4057;
    font-size: .9rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.note-section-heading[b-spywz7ux5p] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .8rem;
}

.note-section-heading h2[b-spywz7ux5p],
.note-danger-card h2[b-spywz7ux5p] {
    margin: 0;
    color: #183052;
    font-size: 1rem;
}

.note-section-label[b-spywz7ux5p] {
    margin-bottom: .12rem;
    color: #7c8da4;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.note-revision-list[b-spywz7ux5p] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.note-revision-card[b-spywz7ux5p] {
    border: 1px solid #e3e9f1;
    border-radius: 10px;
    background: #fbfcfe;
}

.note-revision-card summary[b-spywz7ux5p] {
    padding: .75rem .85rem;
    cursor: pointer;
}

.note-revision-card summary div[b-spywz7ux5p] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.note-revision-card summary span[b-spywz7ux5p] {
    color: #78899f;
    font-size: .72rem;
}

.note-revision-body[b-spywz7ux5p] {
    padding: .85rem;
    border-top: 1px solid #e8edf4;
    background: #fff;
}

.note-revision-title[b-spywz7ux5p] {
    color: #263b58;
    font-weight: 750;
}

.note-danger-card[b-spywz7ux5p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-color: rgba(181, 60, 60, .2);
}

.note-danger-card p[b-spywz7ux5p] {
    margin: .25rem 0 0;
    color: #728297;
    font-size: .78rem;
}

.note-delete-actions[b-spywz7ux5p] {
    display: flex;
    gap: .5rem;
}

@media (max-width: 640px) {
    .note-danger-card[b-spywz7ux5p],
    .note-revision-card summary div[b-spywz7ux5p],
    .note-delete-actions[b-spywz7ux5p] {
        align-items: stretch;
        flex-direction: column;
    }
}

.note-audit-card[b-spywz7ux5p] {
    padding: 0;
    overflow: hidden;
}

.note-audit-summary[b-spywz7ux5p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.note-audit-summary[b-spywz7ux5p]::-webkit-details-marker {
    display: none;
}

.note-audit-summary h2[b-spywz7ux5p] {
    margin: 0;
    color: #183052;
    font-size: 1rem;
}

.note-audit-subtitle[b-spywz7ux5p] {
    margin-top: .2rem;
    color: #74859a;
    font-size: .74rem;
}

.note-audit-chevron[b-spywz7ux5p] {
    width: .7rem;
    height: .7rem;
    flex: 0 0 .7rem;
    border-right: 2px solid #7e8da1;
    border-bottom: 2px solid #7e8da1;
    transform: rotate(45deg);
    transition: transform .15s ease;
}

.note-audit-card[open] .note-audit-chevron[b-spywz7ux5p] {
    transform: rotate(225deg);
}

.note-audit-content[b-spywz7ux5p] {
    padding: 0 1.15rem 1.15rem;
    border-top: 1px solid #edf1f6;
}

.note-audit-content .note-revision-list[b-spywz7ux5p] {
    padding-top: 1rem;
}


.note-attachments-card h2[b-spywz7ux5p] {
    margin: 0;
    color: #183052;
    font-size: 1rem;
}

.note-attachments-header[b-spywz7ux5p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.note-attachments-header p[b-spywz7ux5p] {
    max-width: 720px;
    margin: .25rem 0 0;
    color: #728297;
    font-size: .76rem;
    line-height: 1.45;
}

.note-attachments-count[b-spywz7ux5p] {
    flex: 0 0 auto;
    padding: .26rem .52rem;
    border: 1px solid #dce4ef;
    border-radius: 999px;
    color: #53647b;
    background: #f7f9fc;
    font-size: .69rem;
    font-weight: 700;
}

.note-attachments-empty[b-spywz7ux5p] {
    margin-top: .85rem;
    padding: 1rem;
    border: 1px dashed #d7dfeb;
    border-radius: 9px;
    color: #78879b;
    background: #fbfcfe;
    font-size: .76rem;
    text-align: center;
}

.note-attachment-list[b-spywz7ux5p] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    margin-top: .85rem;
}

.note-attachment-row[b-spywz7ux5p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .72rem .78rem;
    border: 1px solid #e0e6ee;
    border-radius: 10px;
    background: #fff;
}

.note-attachment-file[b-spywz7ux5p] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .65rem;
}

.note-attachment-kind[b-spywz7ux5p] {
    display: inline-flex;
    width: 48px;
    height: 38px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: #315181;
    background: #edf3fc;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.note-attachment-file > div[b-spywz7ux5p] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .15rem;
}

.note-attachment-file a[b-spywz7ux5p] {
    overflow: hidden;
    color: #2f4e7c;
    font-size: .79rem;
    font-weight: 700;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.note-attachment-file a:hover[b-spywz7ux5p] {
    text-decoration: underline;
}

.note-attachment-file small[b-spywz7ux5p] {
    color: #7b8798;
    font-size: .68rem;
}

.note-attachment-actions[b-spywz7ux5p] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .4rem;
}

@media (max-width: 700px) {
    .note-attachments-header[b-spywz7ux5p],
    .note-attachment-row[b-spywz7ux5p] {
        align-items: stretch;
        flex-direction: column;
    }

    .note-attachments-count[b-spywz7ux5p] {
        align-self: flex-start;
    }

    .note-attachment-actions[b-spywz7ux5p] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/NoteEdit.razor.rz.scp.css */
.note-edit-page[b-cfgie7zpwl] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1rem;
}

.note-edit-card[b-cfgie7zpwl] {
    padding: 1.15rem;
    border: 1px solid rgba(34, 74, 141, .13);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(24, 49, 89, .045);
}

.note-edit-content[b-cfgie7zpwl] {
    min-height: 330px;
    resize: vertical;
}

.note-edit-tag-grid[b-cfgie7zpwl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.note-edit-help[b-cfgie7zpwl] {
    margin-top: .9rem;
    color: #73849a;
    font-size: .75rem;
}

.note-edit-actions[b-cfgie7zpwl] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
}

@media (max-width: 850px) {
    .note-edit-tag-grid[b-cfgie7zpwl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .note-edit-tag-grid[b-cfgie7zpwl] {
        grid-template-columns: 1fr;
    }
}

.note-edit-tag-dropdown[b-cfgie7zpwl] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.note-edit-tag-dropdown[open][b-cfgie7zpwl] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31, 54, 92, .07);
}

.note-edit-tag-summary[b-cfgie7zpwl] {
    display: flex;
    min-height: 40px;
    align-items: center;
    gap: .45rem;
    padding: .5rem .62rem;
    color: #465266;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.note-edit-tag-summary[b-cfgie7zpwl]::-webkit-details-marker {
    display: none;
}

.note-edit-tag-title[b-cfgie7zpwl] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.note-edit-tag-count[b-cfgie7zpwl] {
    margin-left: auto;
    padding: .16rem .38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: .58rem;
    white-space: nowrap;
}

.note-edit-tag-chevron[b-cfgie7zpwl] {
    flex: 0 0 auto;
    color: #7d899b;
    transition: transform .15s ease;
}

.note-edit-tag-dropdown[open] .note-edit-tag-chevron[b-cfgie7zpwl] {
    transform: rotate(180deg);
}

.note-edit-tag-menu[b-cfgie7zpwl] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: .18rem;
    padding: .4rem .5rem .5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.note-edit-tag-option[b-cfgie7zpwl] {
    display: flex;
    align-items: center;
    gap: .48rem;
    padding: .25rem .18rem;
    border-radius: 5px;
    cursor: pointer;
}

.note-edit-tag-option:hover[b-cfgie7zpwl] {
    background: #f5f8fd;
}


.note-edit-attachments-card[b-cfgie7zpwl] {
    padding: 1.15rem;
    border: 1px solid rgba(34, 74, 141, .13);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(24, 49, 89, .045);
}

.note-edit-attachments-header[b-cfgie7zpwl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.note-edit-attachments-header h2[b-cfgie7zpwl] {
    margin: 0;
    color: #183052;
    font-size: 1rem;
}

.note-edit-attachments-header p[b-cfgie7zpwl] {
    max-width: 720px;
    margin: .25rem 0 0;
    color: #728297;
    font-size: .76rem;
    line-height: 1.45;
}

.note-edit-section-label[b-cfgie7zpwl] {
    margin-bottom: .12rem;
    color: #7c8da4;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.note-edit-attachments-count[b-cfgie7zpwl] {
    flex: 0 0 auto;
    padding: .26rem .52rem;
    border: 1px solid #dce4ef;
    border-radius: 999px;
    color: #53647b;
    background: #f7f9fc;
    font-size: .69rem;
    font-weight: 700;
}

.note-edit-attachment-alert[b-cfgie7zpwl] {
    margin: .8rem 0 0;
}

.note-edit-attachment-add[b-cfgie7zpwl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .9rem;
    padding: .78rem;
    border: 1px solid #e0e6ee;
    border-radius: 10px;
    background: #f8fafc;
}

.note-edit-attachment-add > span[b-cfgie7zpwl] {
    flex: 1 1 360px;
    color: #748399;
    font-size: .7rem;
}

.note-edit-upload-button[b-cfgie7zpwl] {
    position: relative;
    overflow: hidden;
}

.note-edit-upload-button input[type="file"][b-cfgie7zpwl] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.note-edit-attachments-empty[b-cfgie7zpwl] {
    margin-top: .9rem;
    padding: 1.15rem;
    border: 1px dashed #d6deea;
    border-radius: 10px;
    color: #78879b;
    background: #fbfcfe;
    font-size: .76rem;
    text-align: center;
}

.note-edit-attachment-list[b-cfgie7zpwl] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    margin-top: .9rem;
}

.note-edit-attachment-row[b-cfgie7zpwl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .72rem .78rem;
    border: 1px solid #e0e6ee;
    border-radius: 10px;
    background: #fff;
}

.note-edit-attachment-file[b-cfgie7zpwl] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .65rem;
}

.note-edit-attachment-kind[b-cfgie7zpwl] {
    display: inline-flex;
    width: 48px;
    height: 38px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: #315181;
    background: #edf3fc;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.note-edit-attachment-file > div[b-cfgie7zpwl] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .15rem;
}

.note-edit-attachment-file a[b-cfgie7zpwl] {
    overflow: hidden;
    color: #2f4e7c;
    font-size: .79rem;
    font-weight: 700;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.note-edit-attachment-file a:hover[b-cfgie7zpwl] {
    text-decoration: underline;
}

.note-edit-attachment-file small[b-cfgie7zpwl] {
    color: #7b8798;
    font-size: .68rem;
}

.note-edit-attachment-actions[b-cfgie7zpwl] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .4rem;
}

@media (max-width: 700px) {
    .note-edit-attachments-header[b-cfgie7zpwl],
    .note-edit-attachment-row[b-cfgie7zpwl] {
        align-items: stretch;
        flex-direction: column;
    }

    .note-edit-attachments-count[b-cfgie7zpwl] {
        align-self: flex-start;
    }

    .note-edit-attachment-actions[b-cfgie7zpwl] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Notes.razor.rz.scp.css */
.notes-page[b-n25vbjallm] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1rem;
}

.notes-page-banner[b-n25vbjallm] {
    margin-bottom: 0;
}

.notes-banner-actions[b-n25vbjallm] {
    display: flex;
    gap: .5rem;
}

.notes-alert[b-n25vbjallm] {
    margin: 0;
}

.note-create-surface[b-n25vbjallm],
.notes-filter-card[b-n25vbjallm],
.notes-list-section[b-n25vbjallm] {
    border: 1px solid rgba(34, 74, 141, .13);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(24, 49, 89, .045);
}

.note-create-header[b-n25vbjallm],
.notes-filter-header[b-n25vbjallm],
.notes-list-heading[b-n25vbjallm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
}

.note-create-heading[b-n25vbjallm] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.note-create-accent[b-n25vbjallm] {
    width: 4px;
    height: 38px;
    flex: 0 0 4px;
    border-radius: 99px;
    background: #4f7fd8;
}

.note-create-title[b-n25vbjallm],
.notes-filter-header h2[b-n25vbjallm],
.notes-list-heading h2[b-n25vbjallm] {
    margin: 0;
    color: #183052;
    font-size: 1rem;
    font-weight: 750;
}

.note-create-subtitle[b-n25vbjallm] {
    margin-top: .12rem;
    color: #6d7d92;
    font-size: .78rem;
}

.note-create-toggle[b-n25vbjallm] {
    min-width: 104px;
    border-color: #c8d6eb;
    color: #234a8d;
    background: #f7faff;
    font-size: .78rem;
    font-weight: 700;
}

.note-create-toggle:hover[b-n25vbjallm],
.note-create-toggle.expanded[b-n25vbjallm] {
    border-color: #9eb7de;
    color: #173c7a;
    background: #eef5ff;
}

.note-create-body[b-n25vbjallm] {
    padding: 0 1.1rem 1.1rem;
    border-top: 1px solid #edf1f6;
}

.note-create-body form[b-n25vbjallm] {
    padding-top: 1rem;
}

.note-content-input[b-n25vbjallm] {
    min-height: 170px;
    resize: vertical;
}

.note-tag-grid[b-n25vbjallm],
.notes-filter-grid[b-n25vbjallm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.note-create-actions[b-n25vbjallm],
.notes-filter-actions[b-n25vbjallm] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
}

.notes-filter-card[b-n25vbjallm] {
    padding-bottom: 1rem;
}

.notes-section-label[b-n25vbjallm] {
    margin-bottom: .12rem;
    color: #7c8da4;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.saved-note-view-bar[b-n25vbjallm],
.saved-view-inline-form[b-n25vbjallm],
.saved-view-actions[b-n25vbjallm] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.saved-note-view-select[b-n25vbjallm] {
    width: min(250px, 40vw);
}

.saved-view-inline-form[b-n25vbjallm],
.saved-view-actions[b-n25vbjallm] {
    margin: 0 1.1rem .75rem;
    padding: .75rem;
    border: 1px solid #e0e7f1;
    border-radius: 10px;
    background: #f8faff;
}

.saved-view-inline-form .form-control[b-n25vbjallm] {
    max-width: 360px;
}

.saved-view-message[b-n25vbjallm] {
    margin: 0 1.1rem .75rem;
    color: #4e627d;
    font-size: .78rem;
}

.notes-filter-grid[b-n25vbjallm] {
    padding: 0 1.1rem;
}

.notes-filter-search[b-n25vbjallm] {
    grid-column: span 2;
}

.notes-filter-actions[b-n25vbjallm] {
    padding: 0 1.1rem;
}

.notes-list-section[b-n25vbjallm] {
    overflow: hidden;
}

.notes-list-heading[b-n25vbjallm] {
    border-bottom: 1px solid #edf1f6;
}

.notes-list[b-n25vbjallm] {
    display: flex;
    flex-direction: column;
}

.note-row[b-n25vbjallm] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #eef2f6;
    color: inherit;
    text-decoration: none;
    transition: background-color .15s ease;
}

.note-row:last-child[b-n25vbjallm] {
    border-bottom: 0;
}

.note-row:hover[b-n25vbjallm] {
    background: #f8fbff;
}

.note-row-main[b-n25vbjallm] {
    min-width: 0;
    flex: 1;
}

.note-row-title[b-n25vbjallm] {
    color: #183052;
    font-size: .96rem;
    font-weight: 750;
}

.note-row-preview[b-n25vbjallm] {
    max-height: 2.9em;
    margin-top: .32rem;
    overflow: hidden;
    color: #53667f;
    font-size: .8rem;
    line-height: 1.45;
}

.note-row-tags[b-n25vbjallm] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .55rem;
}

.note-tag[b-n25vbjallm] {
    display: inline-flex;
    align-items: center;
    gap: .18rem;
    padding: .24rem .45rem;
    border: 1px solid color-mix(in srgb, var(--note-tag-color) 36%, #dce3ed);
    border-radius: 999px;
    color: #314761;
    background: color-mix(in srgb, var(--note-tag-color) 10%, #fff);
    font-size: .68rem;
    font-weight: 650;
}

.note-tag span[b-n25vbjallm] {
    color: #667990;
    font-weight: 550;
}

.note-row-meta[b-n25vbjallm] {
    display: flex;
    min-width: 190px;
    flex-direction: column;
    align-items: flex-end;
    gap: .22rem;
    color: #7b8ba0;
    font-size: .69rem;
    white-space: nowrap;
}

.notes-empty[b-n25vbjallm] {
    display: flex;
    min-height: 130px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .2rem;
    padding: 1.25rem;
    color: #78889b;
    text-align: center;
}

@media (max-width: 900px) {
    .note-tag-grid[b-n25vbjallm],
    .notes-filter-grid[b-n25vbjallm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notes-filter-search[b-n25vbjallm] {
        grid-column: span 2;
    }
}

@media (max-width: 640px) {
    .note-create-header[b-n25vbjallm],
    .notes-filter-header[b-n25vbjallm],
    .notes-list-heading[b-n25vbjallm],
    .note-row[b-n25vbjallm] {
        align-items: stretch;
        flex-direction: column;
    }

    .saved-note-view-bar[b-n25vbjallm],
    .saved-view-inline-form[b-n25vbjallm],
    .saved-view-actions[b-n25vbjallm] {
        align-items: stretch;
        flex-direction: column;
    }

    .saved-note-view-select[b-n25vbjallm],
    .saved-view-inline-form .form-control[b-n25vbjallm] {
        width: 100%;
        max-width: none;
    }

    .note-tag-grid[b-n25vbjallm],
    .notes-filter-grid[b-n25vbjallm] {
        grid-template-columns: 1fr;
    }

    .notes-filter-search[b-n25vbjallm] {
        grid-column: span 1;
    }

    .note-row-meta[b-n25vbjallm] {
        min-width: 0;
        align-items: flex-start;
    }
}

/* ------------------------------------------------------------
   Collapsible filters and multi-select tag dropdowns
   ------------------------------------------------------------ */

.notes-filter-card[b-n25vbjallm] {
    padding-bottom: 0;
    overflow: visible;
}

.notes-filter-header[b-n25vbjallm] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 0;
    border-radius: 14px;
    color: inherit;
    cursor: pointer;
    background: transparent;
    text-align: left;
}

.notes-filter-header:hover[b-n25vbjallm] {
    background: #f9fbfe;
}

.notes-filter-subtitle[b-n25vbjallm] {
    margin-top: .18rem;
    color: #74859a;
    font-size: .74rem;
}

.notes-filter-header-actions[b-n25vbjallm] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.notes-filtered-badge[b-n25vbjallm] {
    padding: .22rem .48rem;
    border-radius: 999px;
    color: #315a9e;
    background: #edf3fd;
    font-size: .6rem;
    font-weight: 750;
}

.notes-filter-chevron[b-n25vbjallm] {
    width: .66rem;
    height: .66rem;
    flex: 0 0 .66rem;
    border-right: 2px solid #7e8da1;
    border-bottom: 2px solid #7e8da1;
    transform: rotate(45deg);
    transition: transform .15s ease;
}

.notes-filter-chevron.expanded[b-n25vbjallm] {
    transform: rotate(225deg);
}

.notes-filter-content[b-n25vbjallm] {
    padding-bottom: 1rem;
    border-top: 1px solid #edf1f6;
}

.saved-note-view-bar[b-n25vbjallm] {
    justify-content: flex-end;
    padding: 1rem 1.1rem 0;
}

.saved-note-view-field[b-n25vbjallm] {
    display: flex;
    min-width: min(320px, 100%);
    flex-direction: column;
    gap: .25rem;
}

.saved-note-view-field > .form-label[b-n25vbjallm] {
    margin: 0;
}

.saved-note-view-select-row[b-n25vbjallm] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.saved-note-view-select[b-n25vbjallm] {
    width: min(275px, 40vw);
}

.notes-save-view-button[b-n25vbjallm] {
    align-self: flex-end;
}

.note-tag-dropdown[b-n25vbjallm] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.note-tag-dropdown[open][b-n25vbjallm] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31, 54, 92, .07);
}

.note-tag-dropdown-summary[b-n25vbjallm] {
    display: flex;
    min-height: 40px;
    align-items: center;
    gap: .45rem;
    padding: .5rem .62rem;
    color: #465266;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.note-tag-dropdown-summary[b-n25vbjallm]::-webkit-details-marker {
    display: none;
}

.note-tag-dropdown-title[b-n25vbjallm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.note-tag-dropdown-count[b-n25vbjallm] {
    margin-left: auto;
    padding: .16rem .38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: .58rem;
    font-weight: 725;
    white-space: nowrap;
}

.note-tag-dropdown-chevron[b-n25vbjallm] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: .82rem;
    line-height: 1;
    transition: transform .15s ease;
}

.note-tag-dropdown[open] .note-tag-dropdown-chevron[b-n25vbjallm] {
    transform: rotate(180deg);
}

.note-tag-dropdown-menu[b-n25vbjallm] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: .18rem;
    padding: .4rem .5rem .5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.note-tag-option[b-n25vbjallm] {
    display: flex;
    align-items: center;
    gap: .48rem;
    padding: .25rem .18rem;
    border-radius: 5px;
    cursor: pointer;
}

.note-tag-option:hover[b-n25vbjallm] {
    background: #f5f8fd;
}

.filter-tag-dropdown[b-n25vbjallm] {
    width: 100%;
}

@media (max-width: 640px) {
    .notes-filter-header[b-n25vbjallm],
    .saved-note-view-bar[b-n25vbjallm] {
        align-items: stretch;
    }

    .saved-note-view-bar[b-n25vbjallm] {
        flex-direction: column;
    }

    .saved-note-view-field[b-n25vbjallm],
    .saved-note-view-select[b-n25vbjallm] {
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .notes-save-view-button[b-n25vbjallm] {
        width: 100%;
        align-self: stretch;
    }
}
/* /Components/Pages/Projects.razor.rz.scp.css */
.projects-page[b-ld1ccg4tli] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.projects-page-banner[b-ld1ccg4tli] {
    margin-bottom: 0;
}

.projects-banner-actions[b-ld1ccg4tli] {
    display: flex;
    gap: 0.5rem;
}

.projects-alert[b-ld1ccg4tli] {
    margin: 0;
}

.project-selector-card[b-ld1ccg4tli] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1rem 1.15rem;
    border: 1px solid #dce3eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.project-selector-copy[b-ld1ccg4tli] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.85rem;
}

.project-selector-accent[b-ld1ccg4tli] {
    width: 5px;
    height: 42px;
    flex: 0 0 5px;
    border-radius: 99px;
    background: #5f8fe8;
}

.project-selector-title[b-ld1ccg4tli] {
    color: #172033;
    font-size: 0.95rem;
    font-weight: 750;
}

.project-selector-subtitle[b-ld1ccg4tli] {
    margin-top: 0.15rem;
    color: #667085;
    font-size: 0.78rem;
}

.project-selector-controls[b-ld1ccg4tli] {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    gap: 0.9rem;
}

.project-selector-control[b-ld1ccg4tli] {
    width: min(350px, 36vw);
    flex: 0 0 auto;
}

.project-selector-control .form-label[b-ld1ccg4tli] {
    margin-bottom: 0.3rem;
    color: #526174;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.project-history-toggle[b-ld1ccg4tli] {
    display: flex;
    min-width: 215px;
    align-items: center;
    gap: 0.55rem;
    min-height: 38px;
    padding: 0.46rem 0.65rem;
    border: 1px solid #dce3eb;
    border-radius: 8px;
    color: #536173;
    background: #f9fbfd;
    cursor: pointer;
}

.project-history-toggle input[b-ld1ccg4tli] {
    flex: 0 0 auto;
}

.project-history-toggle span[b-ld1ccg4tli] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.project-history-toggle strong[b-ld1ccg4tli] {
    font-size: 0.68rem;
    font-weight: 750;
}

.project-history-toggle small[b-ld1ccg4tli] {
    margin-top: 0.12rem;
    color: #8a96a5;
    font-size: 0.56rem;
}

.projects-loading[b-ld1ccg4tli],
.projects-welcome[b-ld1ccg4tli] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    padding: 2rem;
    border: 1px solid #e0e6ed;
    border-radius: 12px;
    background: #fff;
    color: #64748b;
}

.projects-loading-indicator[b-ld1ccg4tli] {
    width: 20px;
    height: 20px;
    border: 2px solid #d6deea;
    border-top-color: #5f8fe8;
    border-radius: 50%;
    animation: projects-spin-b-ld1ccg4tli 0.8s linear infinite;
}

@keyframes projects-spin-b-ld1ccg4tli {
    to { transform: rotate(360deg); }
}

.projects-welcome[b-ld1ccg4tli] {
    justify-content: flex-start;
}

.projects-welcome-icon[b-ld1ccg4tli] {
    display: flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #476fae;
    background: #edf4ff;
    font-size: 1.4rem;
    font-weight: 800;
}

.projects-welcome h2[b-ld1ccg4tli] {
    margin: 0 0 0.25rem;
    color: #253044;
    font-size: 1.05rem;
}

.projects-welcome p[b-ld1ccg4tli] {
    margin: 0;
    font-size: 0.82rem;
}

.project-heading[b-ld1ccg4tli] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.15rem 0.15rem 0;
}

.project-heading-label[b-ld1ccg4tli],
.project-note-viewer-label[b-ld1ccg4tli] {
    color: #78879a;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.project-heading h2[b-ld1ccg4tli] {
    margin: 0.15rem 0 0;
    color: #1f2937;
    font-size: 1.25rem;
}

.project-heading-counts[b-ld1ccg4tli] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.project-heading-counts span[b-ld1ccg4tli] {
    padding: 0.28rem 0.55rem;
    border: 1px solid #dde4ed;
    border-radius: 999px;
    color: #5d6b7d;
    background: #fff;
    font-size: 0.68rem;
    font-weight: 650;
}

.project-heading-counts .history-active[b-ld1ccg4tli] {
    border-color: #c9d9ef;
    color: #315f9c;
    background: #edf4fd;
}

.project-top-grid[b-ld1ccg4tli],
.project-bottom-grid[b-ld1ccg4tli] {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: 1rem;
    align-items: stretch;
}

.project-bottom-grid[b-ld1ccg4tli] {
    grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
}

.project-panel[b-ld1ccg4tli] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dce3eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.project-tasks-panel[b-ld1ccg4tli] {
    overflow: visible;
}

.project-panel-header[b-ld1ccg4tli] {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e7ecf2;
    background: #fbfcfe;
}

.project-panel-header h3[b-ld1ccg4tli] {
    margin: 0;
    color: #202b3c;
    font-size: 0.95rem;
    font-weight: 750;
}

.project-panel-title-row[b-ld1ccg4tli] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.project-count-badge[b-ld1ccg4tli] {
    display: inline-flex;
    min-width: 24px;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 0.4rem;
    border-radius: 999px;
    color: #426aa8;
    background: #eaf2ff;
    font-size: 0.65rem;
    font-weight: 750;
}

.project-panel-subtitle[b-ld1ccg4tli] {
    margin-top: 0.16rem;
    color: #7a8798;
    font-size: 0.7rem;
}

.project-panel-body[b-ld1ccg4tli] {
    min-height: 0;
}

.project-task-list[b-ld1ccg4tli] {
    position: relative;
    max-height: 560px;
    overflow-y: auto;
}

.project-task-row[b-ld1ccg4tli] {
    position: relative;
    display: flex;
    min-height: 72px;
    align-items: center;
    gap: 0.62rem;
    padding: 0.72rem 0.78rem;
    border-bottom: 1px solid #eef1f5;
    background: #fff;
    transition: background-color 0.12s ease;
}

.project-task-row:last-child[b-ld1ccg4tli] {
    border-bottom: 0;
}

.project-task-row:hover[b-ld1ccg4tli] {
    background: #f8fafc;
}

.project-task-action-column[b-ld1ccg4tli] {
    position: relative;
    display: flex;
    width: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
}

.project-task-action-placeholder[b-ld1ccg4tli] {
    width: 30px;
    flex: 0 0 30px;
}

.project-task-action-buttons[b-ld1ccg4tli] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.project-task-action-primary[b-ld1ccg4tli],
.project-task-reschedule-button[b-ld1ccg4tli] {
    display: inline-flex;
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #b9c6d8;
    border-radius: 50%;
    color: #4f8a63;
    background: #fff;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    transition: 0.14s ease;
}

.project-task-action-primary:hover:not(:disabled)[b-ld1ccg4tli] {
    border-color: #4f9a66;
    color: #fff;
    background: #4f9a66;
    transform: scale(1.04);
}

.project-task-action-primary.start-task[b-ld1ccg4tli] {
    border-color: #7ea5e8;
    color: #315fae;
}

.project-task-action-primary.start-task:hover:not(:disabled)[b-ld1ccg4tli] {
    border-color: #4f7fd2;
    background: #4f7fd2;
}

.project-task-reschedule-button[b-ld1ccg4tli] {
    border-radius: 7px;
    color: #6a7483;
    font-size: 0.72rem;
}

.project-task-reschedule-button:hover:not(:disabled)[b-ld1ccg4tli] {
    border-color: #8fa5c4;
    color: #315f9c;
    background: #f2f6fc;
}

.project-task-action-primary:disabled[b-ld1ccg4tli],
.project-task-reschedule-button:disabled[b-ld1ccg4tli] {
    opacity: 0.4;
}

.project-complete-warning[b-ld1ccg4tli],
.project-reschedule-menu[b-ld1ccg4tli] {
    position: absolute;
    z-index: 40;
    top: 58px;
    left: 0;
    width: 255px;
    padding: 0.72rem;
    border: 1px solid #d7dee8;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(35, 49, 72, 0.16);
}

.project-complete-warning[b-ld1ccg4tli] {
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
    color: #596677;
    font-size: 0.67rem;
}

.project-complete-warning strong[b-ld1ccg4tli] {
    color: #344155;
}

.project-complete-warning-actions[b-ld1ccg4tli] {
    display: flex;
    justify-content: flex-end;
    gap: 0.35rem;
    margin-top: 0.25rem;
}

.project-complete-anyway[b-ld1ccg4tli] {
    color: #fff;
    background: #43885a;
}

.project-reschedule-title[b-ld1ccg4tli] {
    margin-bottom: 0.42rem;
    color: #39475a;
    font-size: 0.68rem;
    font-weight: 750;
}

.project-reschedule-option[b-ld1ccg4tli] {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.05rem;
    padding: 0.5rem 0.55rem;
    border: 0;
    border-radius: 6px;
    color: #445164;
    background: transparent;
    text-align: left;
}

.project-reschedule-option:hover:not(:disabled)[b-ld1ccg4tli] {
    background: #f3f6fa;
}

.project-reschedule-option span[b-ld1ccg4tli] {
    font-size: 0.69rem;
    font-weight: 700;
}

.project-reschedule-option small[b-ld1ccg4tli] {
    color: #8a95a4;
    font-size: 0.57rem;
}

.project-reschedule-custom[b-ld1ccg4tli] {
    display: flex;
    gap: 0.35rem;
    margin: 0.35rem 0;
}

.project-reschedule-days[b-ld1ccg4tli] {
    min-width: 0;
    height: 31px;
    font-size: 0.68rem;
}

.project-reschedule-apply[b-ld1ccg4tli] {
    min-height: 31px;
    padding: 0.28rem 0.55rem;
    color: #fff;
    background: #507fd0;
    font-size: 0.64rem;
}

.project-reschedule-error[b-ld1ccg4tli] {
    margin-top: 0.35rem;
    color: #a74545;
    font-size: 0.59rem;
    line-height: 1.3;
}

.project-reschedule-cancel[b-ld1ccg4tli] {
    width: 100%;
    margin-top: 0.38rem;
    padding: 0.32rem;
    border: 0;
    border-top: 1px solid #edf0f4;
    color: #778394;
    background: transparent;
    font-size: 0.6rem;
}

.project-task-status[b-ld1ccg4tli] {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 50%;
    background: #9aa8ba;
    box-shadow: 0 0 0 3px rgba(154, 168, 186, 0.12);
}

.project-task-status.open[b-ld1ccg4tli] {
    background: #929faf;
    box-shadow: 0 0 0 3px rgba(146, 159, 175, 0.14);
}

.project-task-status.in-progress[b-ld1ccg4tli] {
    background: #4f86df;
    box-shadow: 0 0 0 3px rgba(79, 134, 223, 0.14);
}

.project-task-status.on-hold[b-ld1ccg4tli] {
    background: #d3aa4b;
    box-shadow: 0 0 0 3px rgba(211, 170, 75, 0.15);
}

.project-task-status.completed[b-ld1ccg4tli] {
    background: #4b9b65;
    box-shadow: 0 0 0 3px rgba(75, 155, 101, 0.14);
}

.project-task-status.removed[b-ld1ccg4tli] {
    background: #8c949f;
    box-shadow: 0 0 0 3px rgba(140, 148, 159, 0.12);
}

.project-task-main[b-ld1ccg4tli] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 0.23rem;
    color: inherit;
    text-decoration: none;
}

.project-task-title-row[b-ld1ccg4tli] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.project-task-title-row strong[b-ld1ccg4tli] {
    min-width: 0;
    overflow: hidden;
    color: #263244;
    font-size: 0.79rem;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-task-main:hover .project-task-title-row strong[b-ld1ccg4tli] {
    color: #315f9c;
}

.project-priority-badge[b-ld1ccg4tli],
.project-team-badge[b-ld1ccg4tli],
.project-blocked-badge[b-ld1ccg4tli] {
    flex: 0 0 auto;
    padding: 0.14rem 0.37rem;
    border-radius: 999px;
    font-size: 0.56rem;
    font-weight: 700;
}

.project-priority-badge[b-ld1ccg4tli] {
    color: #9a5d05;
    background: #fff2d8;
}

.project-team-badge[b-ld1ccg4tli] {
    color: #5d5487;
    background: #f0edfb;
}

.project-blocked-badge[b-ld1ccg4tli] {
    color: #9b4747;
    background: #fceaea;
}

.project-task-meta[b-ld1ccg4tli] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    color: #7b8797;
    font-size: 0.66rem;
}

.project-row-chevron[b-ld1ccg4tli] {
    color: #a2adbb;
    font-size: 1.1rem;
}

.project-empty[b-ld1ccg4tli] {
    display: flex;
    min-height: 132px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.2rem;
    padding: 1.5rem;
    color: #8a96a5;
    text-align: center;
}

.project-empty strong[b-ld1ccg4tli] {
    color: #5a6676;
    font-size: 0.8rem;
}

.project-empty span[b-ld1ccg4tli] {
    font-size: 0.7rem;
}

/* Calendar */

.project-calendar-header[b-ld1ccg4tli] {
    min-height: 88px;
    flex-wrap: wrap;
}

.project-calendar-legend[b-ld1ccg4tli] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.35rem;
}

.project-calendar-legend span[b-ld1ccg4tli] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: #7b8797;
    font-size: 0.58rem;
    font-weight: 650;
}

.project-calendar-legend i[b-ld1ccg4tli] {
    display: inline-block;
    width: 13px;
    height: 8px;
    border-radius: 2px;
}

.project-calendar-legend i.task[b-ld1ccg4tli] {
    border-left: 3px solid #4f7fd2;
    background: #eaf1fd;
}

.project-calendar-legend i.event[b-ld1ccg4tli] {
    border: 1px solid #927bd0;
    border-radius: 4px;
    background: #eee9fb;
}

.project-calendar-legend i.completed[b-ld1ccg4tli] {
    border-left: 3px solid #4b9b65;
    background: #edf7f0;
}

.project-calendar-controls[b-ld1ccg4tli] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.42rem;
}

.project-calendar-view-buttons .btn[b-ld1ccg4tli],
.project-calendar-nav-buttons .btn[b-ld1ccg4tli] {
    min-height: 31px;
    font-size: 0.66rem;
}

.project-calendar-body[b-ld1ccg4tli] {
    overflow-x: auto;
}

.project-calendar-weekdays[b-ld1ccg4tli] {
    display: grid;
    min-width: 650px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border-bottom: 1px solid #e3e8ef;
    background: #f8fafc;
}

.project-calendar-weekdays span[b-ld1ccg4tli] {
    padding: 0.45rem 0.15rem;
    color: #7b8797;
    font-size: 0.58rem;
    font-weight: 750;
    text-align: center;
    text-transform: uppercase;
}

.project-calendar-grid[b-ld1ccg4tli] {
    display: grid;
    min-width: 650px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.project-calendar-day[b-ld1ccg4tli] {
    min-width: 0;
    min-height: 92px;
    padding: 0.36rem;
    border-right: 1px solid #edf0f4;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

.project-calendar-day:nth-child(7n)[b-ld1ccg4tli] {
    border-right: 0;
}

.project-calendar-day.outside-month[b-ld1ccg4tli] {
    background: #fafbfd;
}

.project-calendar-day.outside-month .project-calendar-day-number[b-ld1ccg4tli] {
    color: #b0bac7;
}

.project-calendar-day.today[b-ld1ccg4tli] {
    background: #f6f9ff;
}

.project-calendar-day-number[b-ld1ccg4tli] {
    display: flex;
    width: 23px;
    height: 23px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #596779;
    background: transparent;
    font-size: 0.63rem;
    font-weight: 700;
}

.project-calendar-day-number:hover[b-ld1ccg4tli] {
    background: #eef3fa;
}

.project-calendar-day.today .project-calendar-day-number[b-ld1ccg4tli] {
    color: #fff;
    background: #507fd0;
}

.project-calendar-items[b-ld1ccg4tli],
.project-week-day-items[b-ld1ccg4tli] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.12rem;
}

.project-calendar-task[b-ld1ccg4tli],
.project-calendar-event[b-ld1ccg4tli] {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.22rem;
    padding: 0.21rem 0.28rem;
    overflow: hidden;
    border-radius: 4px;
    color: #303a49;
    font-size: 0.55rem;
    line-height: 1.2;
    text-decoration: none;
    text-overflow: ellipsis;
}

.project-calendar-task[b-ld1ccg4tli] {
    border-left: 3px solid var(--task-tag-color, #3568d4);
    background: color-mix(in srgb, var(--task-tag-color, #3568d4) 13%, white);
}

.project-calendar-task:hover[b-ld1ccg4tli] {
    color: #1f2937;
    background: color-mix(in srgb, var(--task-tag-color, #3568d4) 21%, white);
}

.project-calendar-task.work-on-entry[b-ld1ccg4tli] {
    border-left-style: dashed;
}

.project-calendar-task.work-due-entry[b-ld1ccg4tli] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--task-tag-color, #3568d4) 28%, #7656c9);
}

.project-calendar-task.high-priority[b-ld1ccg4tli] {
    box-shadow: inset 0 0 0 1px #d95151;
}

.project-calendar-task.in-progress[b-ld1ccg4tli] {
    box-shadow: inset 3px 0 0 #4e86d8;
}

.project-calendar-task.completed[b-ld1ccg4tli] {
    color: #657168;
    background: #edf7f0;
}

.project-calendar-task.completed strong[b-ld1ccg4tli],
.project-calendar-task.completed small[b-ld1ccg4tli] {
    text-decoration: line-through;
    opacity: 0.8;
}

.project-calendar-event[b-ld1ccg4tli] {
    border: 1px solid color-mix(in srgb, var(--event-tag-color, #7656c9) 45%, white);
    border-left: 3px solid var(--event-tag-color, #7656c9);
    color: color-mix(in srgb, var(--event-tag-color, #7656c9) 72%, #202938);
    background: color-mix(in srgb, var(--event-tag-color, #7656c9) 12%, white);
}

.project-calendar-event:hover[b-ld1ccg4tli] {
    background: color-mix(in srgb, var(--event-tag-color, #7656c9) 19%, white);
}

.project-calendar-event.cancelled[b-ld1ccg4tli] {
    opacity: 0.55;
    text-decoration: line-through;
}

.project-calendar-task strong[b-ld1ccg4tli],
.project-calendar-event strong[b-ld1ccg4tli] {
    min-width: 0;
    overflow: hidden;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-calendar-task small[b-ld1ccg4tli],
.project-calendar-event small[b-ld1ccg4tli] {
    flex: 0 0 auto;
    margin-left: auto;
    color: #738096;
    font-size: 0.5rem;
}

.project-task-date-kind[b-ld1ccg4tli] {
    display: inline-block;
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #6d86ad;
}

.project-task-date-kind.work[b-ld1ccg4tli] {
    background: #7656c9;
}

.project-task-date-kind.due[b-ld1ccg4tli] {
    background: #d37c36;
}

.project-task-date-kind.work-due[b-ld1ccg4tli] {
    background: linear-gradient(135deg, #7656c9 50%, #d37c36 50%);
}

.project-task-date-kind.completed[b-ld1ccg4tli] {
    background: #4b9b65;
}

.project-calendar-event-mark[b-ld1ccg4tli] {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: var(--event-tag-color, #7656c9);
}

.project-calendar-event-time[b-ld1ccg4tli] {
    flex: 0 0 auto;
    color: #748096;
    font-size: 0.47rem;
    font-weight: 650;
}

.project-calendar-more[b-ld1ccg4tli] {
    padding: 0.1rem 0.18rem;
    border: 0;
    color: #718096;
    background: transparent;
    font-size: 0.5rem;
    text-align: left;
}

.project-calendar-more:hover[b-ld1ccg4tli] {
    color: #315f9c;
}

.project-calendar-empty[b-ld1ccg4tli] {
    padding: 1rem;
    color: #8994a3;
    font-size: 0.68rem;
    text-align: center;
}

.project-calendar-empty.small[b-ld1ccg4tli] {
    padding: 0.5rem 0.2rem;
    font-size: 0.56rem;
}

.project-day-view[b-ld1ccg4tli] {
    padding: 0.85rem;
}

.project-day-view-date[b-ld1ccg4tli] {
    margin-bottom: 0.65rem;
    color: #3b485a;
    font-size: 0.78rem;
    font-weight: 750;
}

.project-day-view .project-calendar-task[b-ld1ccg4tli],
.project-day-view .project-calendar-event[b-ld1ccg4tli] {
    min-height: 37px;
    margin-bottom: 0.3rem;
    padding: 0.45rem 0.55rem;
    font-size: 0.68rem;
}

.project-calendar-task-label[b-ld1ccg4tli],
.project-calendar-event-label[b-ld1ccg4tli] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 0.35rem;
}

.project-week-grid[b-ld1ccg4tli] {
    display: grid;
    min-width: 700px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.project-week-day[b-ld1ccg4tli] {
    min-height: 280px;
    border-right: 1px solid #edf0f4;
    background: #fff;
}

.project-week-day:last-child[b-ld1ccg4tli] {
    border-right: 0;
}

.project-week-day.today[b-ld1ccg4tli] {
    background: #f7faff;
}

.project-week-day-header[b-ld1ccg4tli] {
    display: flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.35rem;
    border: 0;
    border-bottom: 1px solid #edf0f4;
    color: #697688;
    background: transparent;
}

.project-week-day-header:hover[b-ld1ccg4tli] {
    background: #f1f5fb;
}

.project-week-day-header span[b-ld1ccg4tli] {
    font-size: 0.55rem;
    font-weight: 700;
    text-transform: uppercase;
}

.project-week-day-header strong[b-ld1ccg4tli] {
    font-size: 0.8rem;
}

.project-week-day.today .project-week-day-header strong[b-ld1ccg4tli] {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #507fd0;
}

.project-week-day-items[b-ld1ccg4tli] {
    padding: 0.35rem;
}

.project-reminder-note[b-ld1ccg4tli] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.7rem 0.8rem;
    border-top: 1px solid #eef1f5;
    color: #6b7889;
    background: #fafbfd;
    font-size: 0.66rem;
    line-height: 1.35;
}

.project-reminder-note-icon[b-ld1ccg4tli] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd8e5;
    border-radius: 50%;
    color: #5d7393;
    font-size: 0.6rem;
    font-weight: 800;
}

/* Notes */

.project-notes-list[b-ld1ccg4tli] {
    max-height: 560px;
    overflow-y: auto;
}

.project-note-row[b-ld1ccg4tli] {
    display: flex;
    width: 100%;
    min-height: 82px;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem 0.9rem;
    border: 0;
    border-bottom: 1px solid #eef1f5;
    color: inherit;
    background: #fff;
    text-align: left;
}

.project-note-row:hover[b-ld1ccg4tli] {
    background: #f9fafc;
}

.project-note-row.selected[b-ld1ccg4tli] {
    background: #f1f6ff;
    box-shadow: inset 3px 0 0 #648dde;
}

.project-note-row-title[b-ld1ccg4tli] {
    color: #2c3748;
    font-size: 0.76rem;
    font-weight: 700;
}

.project-note-row-meta[b-ld1ccg4tli] {
    color: #8b96a5;
    font-size: 0.58rem;
}

.project-note-preview[b-ld1ccg4tli] {
    display: -webkit-box;
    overflow: hidden;
    color: #667385;
    font-size: 0.66rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.project-note-viewer-panel[b-ld1ccg4tli] {
    min-height: 420px;
}

.project-note-viewer-header[b-ld1ccg4tli] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem 0.85rem;
    border-bottom: 1px solid #e7ecf2;
}

.project-note-viewer-header h3[b-ld1ccg4tli] {
    margin: 0.15rem 0 0;
    color: #243044;
    font-size: 1rem;
}

.project-note-viewer-meta[b-ld1ccg4tli] {
    margin-top: 0.25rem;
    color: #8b96a5;
    font-size: 0.62rem;
}

.project-note-tags[b-ld1ccg4tli] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.8rem 1.1rem 0;
}

.project-note-tags .badge[b-ld1ccg4tli] {
    font-size: 0.58rem;
    font-weight: 650;
}

.project-note-content[b-ld1ccg4tli] {
    padding: 1rem 1.1rem 1.35rem;
    color: #374151;
    font-size: 0.78rem;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.project-note-viewer-empty[b-ld1ccg4tli] {
    display: flex;
    min-height: 420px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.35rem;
    padding: 2rem;
    color: #8995a4;
    text-align: center;
}

.project-note-viewer-empty-icon[b-ld1ccg4tli] {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.15rem;
    border: 1px solid #d9e1eb;
    border-radius: 10px;
    color: #65758c;
    background: #f8fafc;
    font-size: 0.8rem;
    font-weight: 800;
}

.project-note-viewer-empty strong[b-ld1ccg4tli] {
    color: #5e6a7a;
    font-size: 0.8rem;
}

.project-note-viewer-empty span[b-ld1ccg4tli] {
    font-size: 0.68rem;
}

@media (max-width: 1100px) {
    .project-selector-card[b-ld1ccg4tli] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.9rem;
    }

    .project-selector-controls[b-ld1ccg4tli] {
        justify-content: flex-start;
    }

    .project-selector-control[b-ld1ccg4tli] {
        width: min(430px, 60vw);
    }

    .project-top-grid[b-ld1ccg4tli],
    .project-bottom-grid[b-ld1ccg4tli] {
        grid-template-columns: 1fr;
    }

    .project-task-list[b-ld1ccg4tli],
    .project-notes-list[b-ld1ccg4tli] {
        max-height: none;
    }
}

@media (max-width: 700px) {
    .project-selector-controls[b-ld1ccg4tli] {
        align-items: stretch;
        flex-direction: column;
    }

    .project-selector-control[b-ld1ccg4tli] {
        width: 100%;
    }

    .project-history-toggle[b-ld1ccg4tli] {
        min-width: 0;
    }

    .project-heading[b-ld1ccg4tli] {
        align-items: flex-start;
        flex-direction: column;
    }

    .project-calendar-header[b-ld1ccg4tli] {
        align-items: flex-start;
        flex-direction: column;
    }

    .project-calendar-controls[b-ld1ccg4tli] {
        width: 100%;
        justify-content: space-between;
    }

    .project-task-row[b-ld1ccg4tli] {
        gap: 0.48rem;
        padding: 0.68rem 0.58rem;
    }

    .project-complete-warning[b-ld1ccg4tli],
    .project-reschedule-menu[b-ld1ccg4tli] {
        left: 2px;
        width: min(255px, calc(100vw - 45px));
    }

    .project-note-viewer-header[b-ld1ccg4tli] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .projects-banner-actions[b-ld1ccg4tli] {
        flex-wrap: wrap;
    }

    .project-calendar-view-buttons .btn[b-ld1ccg4tli],
    .project-calendar-nav-buttons .btn[b-ld1ccg4tli] {
        padding-left: 0.45rem;
        padding-right: 0.45rem;
    }

    .project-task-action-column[b-ld1ccg4tli],
    .project-task-action-placeholder[b-ld1ccg4tli] {
        width: 28px;
        flex-basis: 28px;
    }

    .project-task-meta[b-ld1ccg4tli] {
        gap: 0.35rem;
    }

    .project-reminder-note[b-ld1ccg4tli] {
        font-size: 0.61rem;
    }
}


/* ------------------------------------------------------------
   Tagged external calendar events
   ------------------------------------------------------------ */

.project-calendar-legend i.external[b-ld1ccg4tli] {
    border: 1px solid color-mix(in srgb, #0078d4 45%, white);
    border-left: 3px solid #0078d4;
    border-radius: 3px;
    background: #e8f3fc;
}

.project-external-calendar-warning[b-ld1ccg4tli] {
    padding: .58rem .75rem;
    border-bottom: 1px solid #ead9b8;
    color: #7b6036;
    background: #fffaf1;
    font-size: .64rem;
    line-height: 1.35;
}

.project-calendar-external[b-ld1ccg4tli] {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .22rem;
    padding: .21rem .28rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--external-tag-color, #0078d4) 42%, white);
    border-left: 3px solid var(--external-tag-color, #0078d4);
    border-radius: 4px;
    color: color-mix(in srgb, var(--external-tag-color, #0078d4) 74%, #202938);
    background: color-mix(in srgb, var(--external-tag-color, #0078d4) 11%, white);
    font-size: .55rem;
    line-height: 1.2;
    text-decoration: none;
    text-overflow: ellipsis;
}

.project-calendar-external:hover[b-ld1ccg4tli] {
    color: #1f2937;
    background: color-mix(in srgb, var(--external-tag-color, #0078d4) 18%, white);
}

.project-calendar-external.cancelled[b-ld1ccg4tli] {
    opacity: .55;
    text-decoration: line-through;
}

.project-calendar-external strong[b-ld1ccg4tli] {
    min-width: 0;
    overflow: hidden;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-calendar-external small[b-ld1ccg4tli] {
    flex: 0 0 auto;
    margin-left: auto;
    color: #738096;
    font-size: .5rem;
}

.project-calendar-external-mark[b-ld1ccg4tli] {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 2px;
    background: var(--external-tag-color, #0078d4);
}

.project-day-view .project-calendar-external[b-ld1ccg4tli] {
    min-height: 37px;
    margin-bottom: .3rem;
    padding: .45rem .55rem;
    font-size: .68rem;
}

.project-calendar-event-label .project-calendar-external-mark[b-ld1ccg4tli] {
    flex: 0 0 6px;
}
/* /Components/Pages/ReminderDetail.razor.rz.scp.css */
.reminder-detail-page[b-3jkwc0gmsd] {
    width: 100%;
    color: #182235;
}

.reminder-detail-banner[b-3jkwc0gmsd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.reminder-detail-banner p[b-3jkwc0gmsd] {
    margin: .3rem 0 0;
    color: rgba(255, 255, 255, .78);
    font-size: .82rem;
}

.reminder-detail-back[b-3jkwc0gmsd] {
    position: relative;
    z-index: 1;
    border-color: rgba(255, 255, 255, .4);
    color: #fff;
    background: rgba(255, 255, 255, .1);
    font-size: .72rem;
}

.reminder-detail-back:hover[b-3jkwc0gmsd] {
    color: #234a8d;
    background: #fff;
}

.reminder-detail-loading[b-3jkwc0gmsd],
.reminder-detail-card[b-3jkwc0gmsd] {
    border: 1px solid #dfe4eb;
    border-radius: 12px;
    background: #fff;
}

.reminder-detail-loading[b-3jkwc0gmsd] {
    padding: 1.5rem;
    color: #718096;
    text-align: center;
}

.reminder-detail-card[b-3jkwc0gmsd] {
    padding: 1.1rem;
}

.reminder-detail-heading[b-3jkwc0gmsd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid #e7ebf0;
}

.reminder-detail-heading h2[b-3jkwc0gmsd] {
    margin: .4rem 0 0;
    color: #20334f;
    font-size: 1.2rem;
    font-weight: 750;
}

.reminder-detail-status[b-3jkwc0gmsd] {
    display: inline-flex;
    padding: .22rem .48rem;
    border-radius: 99px;
    font-size: .62rem;
    font-weight: 800;
}

.reminder-detail-status.scheduled[b-3jkwc0gmsd] {
    color: #315d9e;
    background: #e9f1fd;
}

.reminder-detail-status.sent[b-3jkwc0gmsd] {
    color: #267054;
    background: #e7f5ef;
}

.reminder-detail-status.cancelled[b-3jkwc0gmsd] {
    color: #8c4a4a;
    background: #f9eaea;
}

.reminder-detail-notes[b-3jkwc0gmsd] {
    margin-top: 1rem;
    padding: .85rem;
    border-radius: 9px;
    color: #52627a;
    background: #f8fafc;
    font-size: .78rem;
    line-height: 1.55;
    white-space: pre-wrap;
}

.reminder-detail-grid[b-3jkwc0gmsd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin-top: 1rem;
}

.reminder-detail-field[b-3jkwc0gmsd] {
    min-width: 0;
    padding: .72rem .8rem;
    border: 1px solid #e2e7ee;
    border-radius: 9px;
    background: #fbfcfe;
}

.reminder-detail-field span[b-3jkwc0gmsd],
.reminder-detail-field strong[b-3jkwc0gmsd] {
    display: block;
}

.reminder-detail-field span[b-3jkwc0gmsd] {
    color: #7c899b;
    font-size: .6rem;
    font-weight: 750;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.reminder-detail-field strong[b-3jkwc0gmsd] {
    margin-top: .2rem;
    color: #334761;
    font-size: .72rem;
}

.reminder-detail-error[b-3jkwc0gmsd] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    margin-top: 1rem;
    padding: .75rem .85rem;
    border: 1px solid #efcaca;
    border-radius: 9px;
    color: #8c4343;
    background: #fff6f6;
    font-size: .7rem;
}

@media (max-width: 720px) {
    .reminder-detail-banner[b-3jkwc0gmsd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .reminder-detail-grid[b-3jkwc0gmsd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Reminders.razor.rz.scp.css */
.reminders-page[b-td0venyq8c] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-border-soft: #dfe4eb;
    --managr-surface: #ffffff;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-green: #24976f;
    --managr-orange: #e58737;
    --managr-red: #d95151;
    --managr-purple: #7656c9;

    color: var(--managr-ink);
}

.reminders-page-banner[b-td0venyq8c] {
    position: relative;
    display: flex;
    min-height: 116px;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1rem;
    padding: 1.15rem 1.35rem;
    overflow: hidden;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(118deg, #182f5a 0%, #244f9f 58%, #3568d4 100%);
    box-shadow: 0 8px 22px rgba(25, 48, 86, 0.16);
}

.reminders-page-banner[b-td0venyq8c]::before,
.reminders-page-banner[b-td0venyq8c]::after {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    content: "";
}

.reminders-page-banner[b-td0venyq8c]::before {
    width: 175px;
    height: 175px;
    right: 9%;
    top: -105px;
}

.reminders-page-banner[b-td0venyq8c]::after {
    width: 105px;
    height: 105px;
    right: 25%;
    bottom: -72px;
}

.reminders-banner-content[b-td0venyq8c],
.reminders-banner-actions[b-td0venyq8c] {
    position: relative;
    z-index: 1;
}

.reminders-eyebrow[b-td0venyq8c] {
    margin-bottom: 0.22rem;
    color: #bcd1f6;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.reminders-page-banner h1[b-td0venyq8c] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 750;
    letter-spacing: -0.025em;
}

.reminders-banner-subtitle[b-td0venyq8c] {
    max-width: 650px;
    margin-top: 0.32rem;
    color: #d9e5fa;
    font-size: 0.8rem;
}

.reminders-banner-actions[b-td0venyq8c] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.5rem;
}

.reminders-banner-button[b-td0venyq8c] {
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.72rem !important;
    font-weight: 650;
}

.reminders-banner-button:hover[b-td0venyq8c] {
    border-color: rgba(255, 255, 255, 0.58);
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
}

.reminders-alert[b-td0venyq8c] {
    margin-bottom: 0.9rem;
    font-size: 0.74rem;
}

.reminders-loading[b-td0venyq8c] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
    font-size: 0.76rem;
}

.reminders-loading-indicator[b-td0venyq8c] {
    width: 19px;
    height: 19px;
    border: 2px solid #d7deea;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: reminders-spin-b-td0venyq8c 0.8s linear infinite;
}

@keyframes reminders-spin-b-td0venyq8c {
    to {
        transform: rotate(360deg);
    }
}

.reminders-delivery-warning[b-td0venyq8c],
.reminders-delivery-ready[b-td0venyq8c] {
    margin-bottom: 0.9rem;
    border-radius: 10px;
}

.reminders-delivery-warning[b-td0venyq8c] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.72rem 0.82rem;
    border: 1px solid #e8d1a7;
    background: #fffaf1;
}

.reminders-delivery-warning-icon[b-td0venyq8c] {
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #8f5f16;
    background: #ffedca;
    font-size: 0.77rem;
    font-weight: 800;
}

.reminders-delivery-warning-title[b-td0venyq8c] {
    color: #604820;
    font-size: 0.72rem;
    font-weight: 725;
}

.reminders-delivery-warning-text[b-td0venyq8c] {
    margin-top: 0.12rem;
    color: #806a46;
    font-size: 0.66rem;
    line-height: 1.4;
}

.reminders-warning-button[b-td0venyq8c] {
    border: 1px solid #d6b778;
    color: #755117;
    background: #fff;
    font-size: 0.68rem !important;
}

.reminders-warning-button:hover[b-td0venyq8c] {
    border-color: #b4873e;
    color: #5c3c0d;
    background: #fff6e5;
}

.reminders-delivery-ready[b-td0venyq8c] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.42rem;
    padding: 0.52rem 0.7rem;
    border: 1px solid #cbe3d9;
    color: #42705f;
    background: #f5fbf8;
    font-size: 0.64rem;
}

.reminders-ready-dot[b-td0venyq8c] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--managr-green);
}

.reminders-ready-separator[b-td0venyq8c] {
    color: #a2b0ab;
}

.reminder-create-surface[b-td0venyq8c],
.reminders-workspace[b-td0venyq8c] {
    border: 1px solid var(--managr-border-soft);
    border-radius: 12px;
    background: var(--managr-surface);
    box-shadow: 0 3px 12px rgba(28, 42, 65, 0.055);
}

.reminder-create-surface[b-td0venyq8c] {
    margin-bottom: 1rem;
    overflow: hidden;
}

.reminder-create-surface.editing[b-td0venyq8c] {
    border-color: #bfcdec;
    box-shadow: 0 3px 14px rgba(53, 104, 212, 0.08);
}

.reminder-create-header[b-td0venyq8c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem 0.9rem;
    border-bottom: 1px solid #e7ebf0;
    background: #fafbfd;
}

.reminder-create-heading[b-td0venyq8c] {
    display: flex;
    align-items: center;
    gap: 0.62rem;
}

.reminder-create-accent[b-td0venyq8c] {
    width: 4px;
    height: 31px;
    border-radius: 99px;
    background: var(--managr-purple);
}

.reminder-create-title[b-td0venyq8c] {
    color: #344054;
    font-size: 0.78rem;
    font-weight: 750;
}

.reminder-create-subtitle[b-td0venyq8c] {
    margin-top: 0.1rem;
    color: #8390a2;
    font-size: 0.63rem;
}

.reminder-cancel-edit[b-td0venyq8c] {
    font-size: 0.66rem !important;
}

.reminder-create-body[b-td0venyq8c] {
    padding: 0.82rem 0.9rem 0.9rem;
}

.reminder-form-grid[b-td0venyq8c] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(145px, 0.7fr) minmax(130px, 0.6fr) auto;
    align-items: end;
    gap: 0.7rem;
}

.reminder-title-field[b-td0venyq8c] {
    min-width: 0;
}

.reminder-notes-field[b-td0venyq8c] {
    grid-column: 1 / 4;
}

.reminder-form-actions[b-td0venyq8c] {
    grid-column: 4;
    grid-row: 1 / 3;
    display: flex;
    align-items: end;
    align-self: stretch;
}

.reminder-save-button[b-td0venyq8c] {
    min-width: 122px;
    min-height: 38px;
}

.reminders-page .form-label[b-td0venyq8c] {
    margin-bottom: 0.25rem;
    color: #667085;
    font-size: 0.63rem;
    font-weight: 700;
}

.reminders-page .form-control[b-td0venyq8c],
.reminders-page .form-select[b-td0venyq8c] {
    border-color: #cfd7e3;
    color: #344054;
    font-size: 0.74rem;
}

.reminders-page .validation-message[b-td0venyq8c] {
    margin-top: 0.2rem;
    color: var(--managr-red);
    font-size: 0.62rem;
}

.reminders-workspace[b-td0venyq8c] {
    padding: 0.85rem;
}

.reminders-toolbar[b-td0venyq8c] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.8rem;
}

.reminders-tabs[b-td0venyq8c] {
    display: flex;
    gap: 0.35rem;
}

.reminders-tab[b-td0venyq8c] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.42rem 0.62rem;
    border: 1px solid #d2d9e4;
    border-radius: 8px;
    color: #627086;
    background: #fff;
    font-size: 0.68rem;
    font-weight: 675;
}

.reminders-tab span[b-td0venyq8c] {
    display: inline-flex;
    min-width: 19px;
    height: 19px;
    align-items: center;
    justify-content: center;
    padding: 0 0.28rem;
    border-radius: 99px;
    background: #eef2f7;
    font-size: 0.59rem;
}

.reminders-tab:hover[b-td0venyq8c] {
    border-color: #aebbd0;
    background: #f8faff;
}

.reminders-tab.active[b-td0venyq8c] {
    border-color: #9fb7e8;
    color: #2c58a6;
    background: #edf3ff;
}

.reminders-tab.active span[b-td0venyq8c] {
    color: #2c58a6;
    background: #dce8fb;
}

.reminders-search[b-td0venyq8c] {
    width: min(360px, 100%);
}

.reminders-search-row[b-td0venyq8c] {
    display: flex;
    gap: 0.4rem;
}

.reminders-empty[b-td0venyq8c] {
    padding: 2.2rem 1rem;
    color: var(--managr-muted);
    text-align: center;
}

.reminders-empty-icon[b-td0venyq8c] {
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.55rem;
    border-radius: 50%;
    color: #557198;
    background: #edf2f8;
    font-size: 0.9rem;
}

.reminders-empty-title[b-td0venyq8c] {
    color: #445166;
    font-size: 0.78rem;
    font-weight: 725;
}

.reminders-empty-text[b-td0venyq8c] {
    margin-top: 0.18rem;
    font-size: 0.67rem;
}

.reminder-list[b-td0venyq8c] {
    display: grid;
    gap: 0.58rem;
}

.reminder-card[b-td0venyq8c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    padding: 0.8rem 0.85rem;
    border: 1px solid #e0e5ec;
    border-left-width: 4px;
    border-radius: 9px;
    background: #fff;
}

.reminder-card.scheduled[b-td0venyq8c] {
    border-left-color: var(--managr-blue);
}

.reminder-card.sent[b-td0venyq8c] {
    border-left-color: var(--managr-green);
}

.reminder-card.cancelled[b-td0venyq8c] {
    border-left-color: #a6afbd;
    background: #fbfcfd;
}

.reminder-card-main[b-td0venyq8c] {
    min-width: 0;
}

.reminder-card-title-row[b-td0venyq8c] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.reminder-card-title-row h2[b-td0venyq8c] {
    margin: 0;
    color: #2f3c50;
    font-size: 0.84rem;
    font-weight: 725;
    line-height: 1.3;
}

.reminder-status-badge[b-td0venyq8c] {
    padding: 0.13rem 0.42rem;
    border-radius: 99px;
    font-size: 0.57rem;
    font-weight: 725;
}

.reminder-status-badge.scheduled[b-td0venyq8c] {
    color: #2d5ca9;
    background: #e9f0fd;
}

.reminder-status-badge.sent[b-td0venyq8c] {
    color: #267357;
    background: #e6f5ee;
}

.reminder-status-badge.cancelled[b-td0venyq8c] {
    color: #6c7583;
    background: #edf0f3;
}

.reminder-card-schedule[b-td0venyq8c] {
    margin-top: 0.18rem;
    color: #637086;
    font-size: 0.68rem;
    font-weight: 625;
}

.reminder-card-notes[b-td0venyq8c] {
    margin-top: 0.5rem;
    color: #59667a;
    font-size: 0.69rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.reminder-delivery-error[b-td0venyq8c] {
    display: grid;
    gap: 0.08rem;
    margin-top: 0.55rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid #f0c7ca;
    border-radius: 7px;
    color: #99434b;
    background: #fff6f6;
    font-size: 0.62rem;
}

.reminder-card-meta[b-td0venyq8c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.55rem;
    color: #8a94a4;
    font-size: 0.6rem;
}

.reminder-card-actions[b-td0venyq8c] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.38rem;
}

.reminder-card-actions .btn[b-td0venyq8c] {
    font-size: 0.64rem !important;
}

@media (max-width: 900px) {
    .reminder-form-grid[b-td0venyq8c] {
        grid-template-columns: 1fr 1fr;
    }

    .reminder-title-field[b-td0venyq8c],
    .reminder-notes-field[b-td0venyq8c] {
        grid-column: 1 / -1;
    }

    .reminder-form-actions[b-td0venyq8c] {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .reminder-save-button[b-td0venyq8c] {
        width: 100%;
    }

    .reminders-toolbar[b-td0venyq8c] {
        align-items: stretch;
        flex-direction: column;
    }

    .reminders-search[b-td0venyq8c] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .reminders-page-banner[b-td0venyq8c] {
        align-items: flex-start;
        flex-direction: column;
    }

    .reminders-banner-actions[b-td0venyq8c] {
        width: 100%;
    }

    .reminders-banner-button[b-td0venyq8c] {
        flex: 1;
        text-align: center;
    }

    .reminders-delivery-warning[b-td0venyq8c] {
        grid-template-columns: auto 1fr;
    }

    .reminders-warning-button[b-td0venyq8c] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .reminder-form-grid[b-td0venyq8c] {
        grid-template-columns: 1fr;
    }

    .reminder-title-field[b-td0venyq8c],
    .reminder-notes-field[b-td0venyq8c],
    .reminder-form-actions[b-td0venyq8c] {
        grid-column: 1;
    }

    .reminders-tabs[b-td0venyq8c] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    .reminders-tab[b-td0venyq8c] {
        justify-content: center;
    }

    .reminder-card[b-td0venyq8c] {
        grid-template-columns: 1fr;
    }

    .reminder-card-actions[b-td0venyq8c] {
        justify-content: flex-start;
    }
}

.reminder-create-surface:not(.editing) .reminder-create-header[b-td0venyq8c] { border-bottom: 0; }

.reminder-open-create[b-td0venyq8c] {
    border: 1px solid var(--managr-purple);
    color: #fff;
    background: var(--managr-purple);
    font-size: 0.68rem !important;
    font-weight: 700;
}

.reminder-open-create:hover[b-td0venyq8c] {
    border-color: #6652b5;
    color: #fff;
    background: #6652b5;
}
/* /Components/Pages/Search.razor.rz.scp.css */

.global-search-page[b-j7jzmcudbp] {
    width: 100%;
    color: #182235;
}

.global-search-banner[b-j7jzmcudbp] {
    margin-bottom: 1rem;
}

.global-search-banner p[b-j7jzmcudbp] {
    margin: .3rem 0 0;
    color: rgba(255, 255, 255, .78);
    font-size: .86rem;
}

.global-search-surface[b-j7jzmcudbp],
.global-search-results[b-j7jzmcudbp],
.global-search-start-state[b-j7jzmcudbp],
.global-search-loading[b-j7jzmcudbp] {
    border: 1px solid #dfe4eb;
    border-radius: 12px;
    background: #fff;
}

.global-search-surface[b-j7jzmcudbp] {
    padding: 1rem;
}

.global-search-input-row[b-j7jzmcudbp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
}

.global-search-input[b-j7jzmcudbp] {
    min-height: 46px;
    font-size: .95rem;
}

.global-search-submit[b-j7jzmcudbp] {
    min-width: 96px;
    padding-inline: 1.15rem;
}

.global-search-options[b-j7jzmcudbp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .75rem;
}

.global-search-completed-option[b-j7jzmcudbp] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
    color: #46556c;
    font-size: .75rem;
    font-weight: 650;
    cursor: pointer;
}

.global-search-boolean-help[b-j7jzmcudbp] {
    color: #748096;
    font-size: .68rem;
    text-align: right;
}

.global-search-boolean-help kbd[b-j7jzmcudbp] {
    min-width: 1.3rem;
    padding: .08rem .3rem;
    border: 1px solid #cfd7e3;
    border-bottom-width: 2px;
    border-radius: 5px;
    color: #2d405f;
    background: #f7f9fc;
    box-shadow: none;
    font: inherit;
    font-weight: 800;
}

.global-search-alert[b-j7jzmcudbp] {
    margin: .85rem 0 0;
}

.global-search-loading[b-j7jzmcudbp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    margin-top: 1rem;
    padding: 1.5rem;
    color: #64748b;
    font-size: .8rem;
}

.global-search-loading-indicator[b-j7jzmcudbp] {
    width: 18px;
    height: 18px;
    border: 2px solid #d9e2ef;
    border-top-color: #3568d4;
    border-radius: 50%;
    animation: global-search-spin-b-j7jzmcudbp .7s linear infinite;
}

.global-search-results[b-j7jzmcudbp] {
    margin-top: 1rem;
    overflow: hidden;
}

.global-search-results-header[b-j7jzmcudbp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid #e5e9ef;
    background: #f8fafc;
    color: #56657b;
    font-size: .72rem;
}

.global-search-results-header > div[b-j7jzmcudbp] {
    display: flex;
    gap: .3rem;
    min-width: 0;
}

.global-search-results-header strong[b-j7jzmcudbp] {
    color: #263954;
    font-size: .76rem;
}

.global-search-scope[b-j7jzmcudbp] {
    flex: 0 0 auto;
    padding: .18rem .48rem;
    border-radius: 99px;
    color: #365b9f;
    background: #e9f0fb;
    font-size: .62rem;
    font-weight: 750;
}

.global-search-result-list[b-j7jzmcudbp] {
    display: flex;
    flex-direction: column;
}

.global-search-result-row[b-j7jzmcudbp] {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: .85rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid #edf0f4;
    color: inherit;
    text-decoration: none;
    transition: background-color .14s ease;
}

.global-search-result-row:last-child[b-j7jzmcudbp] {
    border-bottom: 0;
}

.global-search-result-row:hover[b-j7jzmcudbp],
.global-search-result-row:focus-visible[b-j7jzmcudbp] {
    color: inherit;
    background: #f8fbff;
    outline: none;
}

.global-search-result-type[b-j7jzmcudbp] {
    align-self: start;
    justify-self: start;
    min-width: 64px;
    padding: .24rem .42rem;
    border-radius: 7px;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
}

.global-search-result-type.task[b-j7jzmcudbp] {
    color: #2453a0;
    background: #e8f0ff;
}

.global-search-result-type.note[b-j7jzmcudbp] {
    color: #6543a8;
    background: #f0eafd;
}

.global-search-result-type.event[b-j7jzmcudbp] {
    color: #226c53;
    background: #e5f5ef;
}

.global-search-result-type.reminder[b-j7jzmcudbp] {
    color: #8b5a16;
    background: #fff3dc;
}

.global-search-result-type.file[b-j7jzmcudbp] {
    color: #315d72;
    background: #e8f3f7;
}

.global-search-result-main[b-j7jzmcudbp] {
    min-width: 0;
}

.global-search-result-title-row[b-j7jzmcudbp] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.global-search-result-title[b-j7jzmcudbp] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: #20334f;
    font-size: .85rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.global-search-result-arrow[b-j7jzmcudbp] {
    flex: 0 0 auto;
    color: #91a0b5;
    font-size: 1.25rem;
    line-height: 1;
}

.global-search-result-snippet[b-j7jzmcudbp] {
    margin-top: .32rem;
    overflow: hidden;
    color: #637188;
    font-size: .72rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.global-search-result-domains[b-j7jzmcudbp],
.global-search-result-tags[b-j7jzmcudbp],
.global-search-result-meta[b-j7jzmcudbp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .32rem;
    margin-top: .45rem;
}

.global-search-result-domains span[b-j7jzmcudbp] {
    padding: .16rem .42rem;
    border: 1px solid #cddbf1;
    border-radius: 99px;
    color: #315d9d;
    background: #eef4fd;
    font-size: .59rem;
    font-weight: 750;
}

.global-search-result-domains span.team-domain[b-j7jzmcudbp] {
    border-color: #d7dce5;
    color: #56657b;
    background: #f3f5f8;
}

.global-search-result-tags span[b-j7jzmcudbp] {
    padding: .16rem .38rem;
    border: 1px solid #dce3ed;
    border-radius: 6px;
    color: #52647e;
    background: #f7f9fc;
    font-size: .59rem;
    font-weight: 650;
}

.global-search-result-meta span[b-j7jzmcudbp] {
    color: #78869a;
    font-size: .62rem;
}

.global-search-result-meta span:not(:last-child)[b-j7jzmcudbp]::after {
    margin-left: .32rem;
    color: #b2bdcb;
    content: "•";
}

.global-search-empty[b-j7jzmcudbp],
.global-search-start-state[b-j7jzmcudbp] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .32rem;
    padding: 2.4rem 1.25rem;
    text-align: center;
}

.global-search-empty strong[b-j7jzmcudbp],
.global-search-start-state strong[b-j7jzmcudbp] {
    color: #2b3e59;
    font-size: .88rem;
}

.global-search-empty span[b-j7jzmcudbp],
.global-search-start-state span[b-j7jzmcudbp] {
    max-width: 560px;
    color: #78869a;
    font-size: .72rem;
    line-height: 1.45;
}

.global-search-start-state[b-j7jzmcudbp] {
    margin-top: 1rem;
}

.global-search-start-icon[b-j7jzmcudbp] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    margin-bottom: .25rem;
    border-radius: 11px;
    color: #4d6fae;
    background: #edf3fd;
}

.global-search-start-icon svg[b-j7jzmcudbp] {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@keyframes global-search-spin-b-j7jzmcudbp {
    to { transform: rotate(360deg); }
}

@media (max-width: 640.98px) {
    .global-search-surface[b-j7jzmcudbp] {
        padding: .8rem;
    }

    .global-search-input-row[b-j7jzmcudbp] {
        grid-template-columns: 1fr;
    }

    .global-search-submit[b-j7jzmcudbp] {
        width: 100%;
    }

    .global-search-options[b-j7jzmcudbp] {
        align-items: flex-start;
        flex-direction: column;
        gap: .55rem;
    }

    .global-search-boolean-help[b-j7jzmcudbp] {
        text-align: left;
    }

    .global-search-results-header[b-j7jzmcudbp] {
        align-items: flex-start;
        flex-direction: column;
        gap: .45rem;
    }

    .global-search-result-row[b-j7jzmcudbp] {
        grid-template-columns: 1fr;
        gap: .5rem;
        padding: .8rem;
    }

    .global-search-result-title[b-j7jzmcudbp] {
        white-space: normal;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.user-settings-page[b-5r99xgb6t1] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-purple: #7656c9;
    --managr-green: #24976f;
    --managr-orange: #e58737;
    --managr-red: #d95151;
    --google-red: #ea4335;
    --google-red-dark: #c93228;

    color: var(--managr-ink);
}

.settings-page-banner[b-5r99xgb6t1] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80, 145, 255, 0.24) 0, rgba(80, 145, 255, 0.24) 185px, transparent 186px),
        linear-gradient(120deg, #17243c 0%, #234a8d 56%, #3568d4 100%);
    box-shadow: 0 8px 25px rgba(28, 55, 105, 0.15);
}

.settings-banner-content[b-5r99xgb6t1],
.settings-banner-actions[b-5r99xgb6t1] {
    position: relative;
    z-index: 1;
}

.settings-eyebrow[b-5r99xgb6t1] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.settings-page-banner h1[b-5r99xgb6t1] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.settings-banner-subtitle[b-5r99xgb6t1] {
    margin-top: 0.32rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.settings-banner-button[b-5r99xgb6t1] {
    padding: 0.52rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 650;
}

.settings-banner-button:hover[b-5r99xgb6t1] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}

.user-settings-page[b-5r99xgb6t1]  .form-label {
    margin-bottom: 0.3rem;
    color: #566174;
    font-size: 0.72rem;
    font-weight: 650;
}

.user-settings-page[b-5r99xgb6t1]  .form-control,
.user-settings-page[b-5r99xgb6t1]  .form-select {
    min-height: 40px;
    border: 1px solid #d4dce7;
    border-radius: 8px;
    box-shadow: none;
    font-size: 0.84rem;
}

.user-settings-page[b-5r99xgb6t1]  .form-control:focus,
.user-settings-page[b-5r99xgb6t1]  .form-select:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 0.18rem rgba(53, 104, 212, 0.11);
}

.user-settings-page[b-5r99xgb6t1]  .validation-message {
    display: block;
    margin-top: 0.25rem;
    color: var(--managr-red);
    font-size: 0.68rem;
}

.user-settings-page .btn[b-5r99xgb6t1] {
    border-radius: 8px;
    font-size: 0.76rem;
    font-weight: 650;
}

.user-settings-page .btn-primary[b-5r99xgb6t1] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.user-settings-page .btn-primary:hover[b-5r99xgb6t1] {
    border-color: var(--managr-blue-dark);
    background: var(--managr-blue-dark);
}

.settings-alert[b-5r99xgb6t1] {
    margin-bottom: 1rem;
    border-radius: 10px;
}

.settings-region + .settings-region[b-5r99xgb6t1] {
    margin-top: 1.35rem;
}

.settings-region-header[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.settings-region-heading[b-5r99xgb6t1] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.55rem;
    color: #5c687b;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.settings-region-header .settings-region-heading[b-5r99xgb6t1] {
    margin-bottom: 0;
}

.settings-region-line[b-5r99xgb6t1] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.integration-intro[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.85rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid #dbe1e9;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.65);
}

.integration-intro-icon[b-5r99xgb6t1],
.connection-provider-icon[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(145deg, #3978d7, #2251a6);
}

.integration-intro-icon[b-5r99xgb6t1] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
}

.integration-intro-icon svg[b-5r99xgb6t1],
.connection-provider-icon svg[b-5r99xgb6t1] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.integration-intro-title[b-5r99xgb6t1] {
    color: #334158;
    font-size: 0.84rem;
    font-weight: 725;
}

.integration-intro-text[b-5r99xgb6t1] {
    max-width: 900px;
    margin-top: 0.1rem;
    color: #778295;
    font-size: 0.69rem;
    line-height: 1.4;
}

.integration-create-card[b-5r99xgb6t1] {
    overflow: hidden;
    border: 1px solid #cad8ee;
    border-left: 4px solid var(--managr-blue);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(31, 54, 92, 0.07);
}

.integration-card-header[b-5r99xgb6t1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #dce4f0;
    background: linear-gradient(90deg, rgba(53, 104, 212, 0.075), #fbfcfe 52%);
}

.integration-card-title[b-5r99xgb6t1] {
    color: #2e405d;
    font-size: 0.92rem;
    font-weight: 725;
}

.integration-card-subtitle[b-5r99xgb6t1] {
    margin-top: 0.12rem;
    color: #758196;
    font-size: 0.68rem;
}

.provider-badge[b-5r99xgb6t1],
.connection-status[b-5r99xgb6t1],
.refresh-policy-badge[b-5r99xgb6t1] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0.18rem 0.5rem;
    border-radius: 99px;
    font-size: 0.61rem;
    font-weight: 700;
    white-space: nowrap;
}

.provider-badge[b-5r99xgb6t1] {
    border: 1px solid #c8d9f3;
    color: #335d9d;
    background: #edf4ff;
}

.provider-badge.outlook[b-5r99xgb6t1] {
    color: #235fae;
    background: #eaf3ff;
}

.provider-badge.google[b-5r99xgb6t1] {
    border-color: #f0c6c2;
    color: #b6362c;
    background: #fff0ee;
}

.integration-form-grid[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: 155px minmax(150px, 0.75fr) minmax(300px, 2.35fr) 110px auto;
    align-items: end;
    gap: 0.8rem;
    padding: 1rem;
}

.integration-enabled-field[b-5r99xgb6t1] {
    display: flex;
    min-height: 40px;
    align-items: center;
}

.integration-form-actions[b-5r99xgb6t1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
}

.integration-security-note[b-5r99xgb6t1],
.refresh-policy-note[b-5r99xgb6t1] {
    padding: 0.7rem 1rem;
    border-top: 1px solid #edf0f4;
    color: #748094;
    background: #fafbfd;
    font-size: 0.66rem;
    line-height: 1.4;
}

.refresh-policy-badge[b-5r99xgb6t1] {
    flex: 0 0 auto;
    border: 1px solid #d8d0ee;
    color: #6248aa;
    background: #f1edfb;
}

.connection-list[b-5r99xgb6t1] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.connection-card[b-5r99xgb6t1] {
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--managr-blue);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(24, 34, 53, 0.07);
}

.connection-card.google[b-5r99xgb6t1] {
    border-top-color: var(--google-red);
}

.connection-card.disabled[b-5r99xgb6t1] {
    border-top-color: #9aa4b3;
    opacity: 0.78;
}

.connection-main[b-5r99xgb6t1] {
    display: flex;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
}

.connection-provider-icon[b-5r99xgb6t1] {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
}

.connection-provider-icon.google-icon[b-5r99xgb6t1] {
    background: linear-gradient(145deg, #f06155, #c93228);
}

.connection-copy[b-5r99xgb6t1] {
    min-width: 0;
    flex: 1;
}

.connection-title-row[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.connection-name[b-5r99xgb6t1] {
    color: #293b57;
    font-size: 0.9rem;
    font-weight: 725;
}

.connection-status.connected[b-5r99xgb6t1] {
    color: #196a50;
    background: #e6f5ef;
}

.connection-status.disabled[b-5r99xgb6t1] {
    color: #657080;
    background: #edf0f3;
}

.connection-status.error[b-5r99xgb6t1] {
    color: #a33c3c;
    background: #fdecec;
}

.connection-status.pending[b-5r99xgb6t1] {
    color: #8a6426;
    background: #fff4df;
}

.connection-details[b-5r99xgb6t1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 1rem;
    margin-top: 0.35rem;
    color: #758093;
    font-size: 0.66rem;
}

.connection-details strong[b-5r99xgb6t1] {
    color: #5e697b;
    font-weight: 650;
}

.connection-error[b-5r99xgb6t1] {
    margin-top: 0.45rem;
    padding: 0.45rem 0.55rem;
    border-left: 3px solid var(--managr-red);
    border-radius: 5px;
    color: #934040;
    background: #fff3f3;
    font-size: 0.67rem;
}

.connection-actions[b-5r99xgb6t1] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.65rem 1rem;
    border-top: 1px solid #e8ecf1;
    background: #fafbfd;
}

.connection-secondary-button[b-5r99xgb6t1],
.connection-remove-button[b-5r99xgb6t1] {
    border: 1px solid #ccd4df;
    color: #526074;
    background: #fff;
}

.connection-secondary-button:hover[b-5r99xgb6t1] {
    border-color: #9eabbc;
    color: #26354d;
    background: #f7f9fc;
}

.connection-remove-button[b-5r99xgb6t1] {
    color: #a34545;
}

.connection-remove-button:hover[b-5r99xgb6t1] {
    border-color: #dfb5b5;
    color: #8d3030;
    background: #fff5f5;
}

.replace-url-surface[b-5r99xgb6t1] {
    margin-top: 0.7rem;
    padding: 0.7rem;
    border: 1px solid #d8e1ee;
    border-radius: 8px;
    background: #f8faff;
}

.replace-url-row[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto auto;
    gap: 0.45rem;
}

.settings-loading[b-5r99xgb6t1] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
}

.settings-loading-indicator[b-5r99xgb6t1] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: settings-spin-b-5r99xgb6t1 0.8s linear infinite;
}

@keyframes settings-spin-b-5r99xgb6t1 {
    to { transform: rotate(360deg); }
}

.settings-empty-state[b-5r99xgb6t1] {
    padding: 3rem 1rem;
    border: 1px dashed #cbd3df;
    border-radius: 11px;
    text-align: center;
    background: rgba(255, 255, 255, 0.48);
}

.settings-empty-icon[b-5r99xgb6t1] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.7rem;
    border: 1px solid #b9c9df;
    border-radius: 50%;
    color: var(--managr-blue);
    background: #f1f5fb;
}

.settings-empty-title[b-5r99xgb6t1] {
    color: #354156;
    font-size: 0.92rem;
    font-weight: 700;
}

.settings-empty-text[b-5r99xgb6t1] {
    margin-top: 0.2rem;
    color: var(--managr-muted);
    font-size: 0.74rem;
}

.refresh-policy-note[b-5r99xgb6t1] {
    margin-top: 0.8rem;
    border: 1px solid #e0e5ec;
    border-radius: 8px;
}

@media (max-width: 1050px) {
    .integration-form-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr 2fr;
    }

    .integration-enabled-field[b-5r99xgb6t1],
    .integration-form-actions[b-5r99xgb6t1] {
        grid-column: auto;
    }
}

@media (max-width: 700px) {
    .settings-page-banner[b-5r99xgb6t1] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.9rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .settings-page-banner h1[b-5r99xgb6t1] {
        font-size: 1.5rem;
    }

    .settings-banner-actions[b-5r99xgb6t1],
    .settings-banner-button[b-5r99xgb6t1] {
        width: 100%;
    }

    .settings-banner-button[b-5r99xgb6t1] {
        text-align: center;
    }

    .integration-card-header[b-5r99xgb6t1],
    .settings-region-header[b-5r99xgb6t1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .integration-form-grid[b-5r99xgb6t1],
    .replace-url-row[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }

    .integration-form-actions[b-5r99xgb6t1] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .connection-main[b-5r99xgb6t1] {
        align-items: flex-start;
    }

    .connection-actions[b-5r99xgb6t1] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .connection-actions .btn[b-5r99xgb6t1] {
        width: 100%;
    }
}

/* ------------------------------------------------------------
   Notifications
   ------------------------------------------------------------ */

.notification-framework-badge[b-5r99xgb6t1] {
    flex: 0 0 auto;
    padding: 0.18rem 0.52rem;
    border: 1px solid #d8d0ee;
    border-radius: 99px;
    color: #6248aa;
    background: #f1edfb;
    font-size: 0.61rem;
    font-weight: 700;
    white-space: nowrap;
}

.notification-intro[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.85rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid #ded8ef;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(118, 86, 201, 0.07), rgba(255, 255, 255, 0.78));
}

.notification-intro-icon[b-5r99xgb6t1] {
    display: flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(145deg, #8568cf, #6040b4);
}

.notification-intro-icon svg[b-5r99xgb6t1] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.notification-intro-title[b-5r99xgb6t1] {
    color: #3d355c;
    font-size: 0.84rem;
    font-weight: 725;
}

.notification-intro-text[b-5r99xgb6t1] {
    max-width: 980px;
    margin-top: 0.1rem;
    color: #778095;
    font-size: 0.69rem;
    line-height: 1.4;
}

.notification-loading[b-5r99xgb6t1] {
    min-height: 120px;
}

.notification-config-card[b-5r99xgb6t1],
.notification-rule-card[b-5r99xgb6t1] {
    overflow: hidden;
    border: 1px solid #d8dce5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(24, 34, 53, 0.06);
}

.notification-config-card[b-5r99xgb6t1] {
    border-left: 4px solid var(--managr-purple);
}

.notification-card-header[b-5r99xgb6t1],
.notification-rule-header[b-5r99xgb6t1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.82rem 0.95rem;
    border-bottom: 1px solid #e5e8ee;
    background: #fafbfd;
}

.notification-card-header[b-5r99xgb6t1] {
    background: linear-gradient(90deg, rgba(118, 86, 201, 0.07), #fbfcfe 52%);
}

.notification-card-title[b-5r99xgb6t1],
.notification-rule-title[b-5r99xgb6t1] {
    color: #334158;
    font-size: 0.88rem;
    font-weight: 725;
}

.notification-card-subtitle[b-5r99xgb6t1],
.notification-rule-subtitle[b-5r99xgb6t1] {
    margin-top: 0.1rem;
    color: #7a8495;
    font-size: 0.66rem;
}

.notification-key-status[b-5r99xgb6t1] {
    flex: 0 0 auto;
    padding: 0.18rem 0.5rem;
    border-radius: 99px;
    font-size: 0.61rem;
    font-weight: 700;
}

.notification-key-status.configured[b-5r99xgb6t1] {
    color: #196a50;
    background: #e6f5ef;
}

.notification-key-status.missing[b-5r99xgb6t1] {
    color: #7a6570;
    background: #f2edf0;
}

.notification-account-grid[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(300px, 1.45fr) minmax(260px, 1.1fr) auto;
    align-items: end;
    gap: 0.85rem;
    padding: 0.95rem;
}

.notification-enable-field[b-5r99xgb6t1] {
    display: flex;
    min-height: 40px;
    align-items: center;
}

.notification-field-help[b-5r99xgb6t1] {
    margin-top: 0.28rem;
    color: #8791a1;
    font-size: 0.62rem;
    line-height: 1.35;
}

.notification-key-actions[b-5r99xgb6t1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
}

.notification-secondary-button[b-5r99xgb6t1] {
    border: 1px solid #ccd4df;
    color: #526074;
    background: #fff;
}

.notification-secondary-button:hover[b-5r99xgb6t1] {
    border-color: #9eabbc;
    color: #26354d;
    background: #f7f9fc;
}

.notification-rule-grid[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 0.9rem;
}

.task-notification-card[b-5r99xgb6t1] {
    border-top: 4px solid var(--managr-blue);
}

.event-notification-card[b-5r99xgb6t1] {
    border-top: 4px solid var(--managr-purple);
}

.notification-rule-header .form-check[b-5r99xgb6t1] {
    flex: 0 0 auto;
    margin: 0;
}

.notification-rule-body[b-5r99xgb6t1] {
    padding: 0 0.95rem;
}

.notification-rule-section[b-5r99xgb6t1] {
    padding: 0.9rem 0;
}

.notification-rule-section + .notification-rule-section[b-5r99xgb6t1] {
    border-top: 1px solid #e9edf2;
}

.notification-rule-section-header[b-5r99xgb6t1],
.date-only-section[b-5r99xgb6t1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.85rem;
}

.notification-rule-section-title[b-5r99xgb6t1] {
    color: #4c586b;
    font-size: 0.73rem;
    font-weight: 700;
}

.notification-rule-section-copy[b-5r99xgb6t1] {
    margin-top: 0.1rem;
    color: #8490a1;
    font-size: 0.62rem;
    line-height: 1.35;
}

.notification-add-reminder[b-5r99xgb6t1] {
    flex: 0 0 auto;
    padding: 0.3rem 0.52rem;
    border: 1px solid #bfc9d8;
    color: #536177;
    background: #fff;
    font-size: 0.66rem !important;
}

.notification-add-reminder:hover[b-5r99xgb6t1] {
    border-color: var(--managr-blue);
    color: var(--managr-blue);
    background: #f7faff;
}

.notification-add-reminder:disabled[b-5r99xgb6t1] {
    opacity: 0.5;
}

.notification-reminder-list[b-5r99xgb6t1] {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
    margin-top: 0.65rem;
}

.notification-reminder-row[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: 90px 125px auto 32px;
    align-items: center;
    gap: 0.42rem;
    padding: 0.45rem 0.5rem;
    border: 1px solid #e1e5eb;
    border-radius: 8px;
    background: #fafbfd;
}

.user-settings-page[b-5r99xgb6t1]  .notification-reminder-value,
.user-settings-page[b-5r99xgb6t1]  .notification-reminder-unit {
    min-height: 34px;
    height: 34px;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 0.72rem;
}

.notification-before-label[b-5r99xgb6t1] {
    color: #6f7a8c;
    font-size: 0.66rem;
}

.notification-remove-reminder[b-5r99xgb6t1] {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #e2c4c7;
    color: #9b454c;
    background: #fff;
    font-size: 1rem !important;
    line-height: 1;
}

.notification-remove-reminder:hover[b-5r99xgb6t1] {
    border-color: #d69fa4;
    color: #8d343b;
    background: #fff5f5;
}

.notification-empty-rules[b-5r99xgb6t1] {
    margin-top: 0.65rem;
    padding: 0.6rem;
    border: 1px dashed #d6dce5;
    border-radius: 8px;
    color: #8a94a4;
    background: #fafbfd;
    font-size: 0.65rem;
}

.notification-time-field[b-5r99xgb6t1] {
    width: 150px;
    flex: 0 0 150px;
}

.notification-save-bar[b-5r99xgb6t1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 0.9rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #ded8ef;
    border-radius: 10px;
    background: #faf8fe;
}

.notification-save-note[b-5r99xgb6t1] {
    color: #756b8b;
    font-size: 0.64rem;
    line-height: 1.4;
}

.notification-save-button[b-5r99xgb6t1] {
    flex: 0 0 auto;
}

@media (max-width: 1150px) {
    .notification-account-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr 1fr;
    }

    .notification-key-actions[b-5r99xgb6t1] {
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .notification-rule-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .notification-card-header[b-5r99xgb6t1],
    .notification-rule-header[b-5r99xgb6t1],
    .notification-rule-section-header[b-5r99xgb6t1],
    .date-only-section[b-5r99xgb6t1],
    .notification-save-bar[b-5r99xgb6t1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .notification-account-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }

    .notification-time-field[b-5r99xgb6t1] {
        width: 100%;
        flex-basis: auto;
    }

    .notification-reminder-row[b-5r99xgb6t1] {
        grid-template-columns: 76px 110px 1fr 32px;
    }

    .notification-save-button[b-5r99xgb6t1] {
        width: 100%;
    }
}

/* ------------------------------------------------------------
   Per-user Pushover credentials + live delivery
   ------------------------------------------------------------ */

.notification-credential-statuses[b-5r99xgb6t1] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.per-user-pushover-grid[b-5r99xgb6t1] {
    grid-template-columns: minmax(220px, 0.85fr) minmax(260px, 1.15fr) minmax(260px, 1.15fr) minmax(250px, 1fr);
}

.notification-credential-actions[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0 0.95rem 0.9rem;
}

.notification-credential-remove[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: auto;
}

@media (max-width: 1150px) {
    .per-user-pushover-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .notification-credential-statuses[b-5r99xgb6t1] {
        justify-content: flex-start;
    }

    .per-user-pushover-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }

    .notification-credential-actions[b-5r99xgb6t1] {
        align-items: stretch;
        flex-direction: column;
    }

    .notification-credential-actions .btn[b-5r99xgb6t1],
    .notification-credential-remove[b-5r99xgb6t1],
    .notification-credential-remove .btn[b-5r99xgb6t1] {
        width: 100%;
    }

    .notification-credential-remove[b-5r99xgb6t1] {
        margin-left: 0;
        flex-direction: column;
    }
}


/* ------------------------------------------------------------
   API access
   ------------------------------------------------------------ */

.api-access-region[b-5r99xgb6t1] {
    margin-top: 1.35rem;
}

.api-framework-badge[b-5r99xgb6t1] {
    flex: 0 0 auto;
    padding: 0.3rem 0.55rem;
    border: 1px solid #b9cbea;
    border-radius: 999px;
    color: #315fae;
    background: #f5f8ff;
    font-size: 0.62rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.api-intro[b-5r99xgb6t1] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #d7e1f0;
    border-radius: 10px;
    background: #f8faff;
}

.api-intro-icon[b-5r99xgb6t1] {
    display: flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid #b7caea;
    border-radius: 8px;
    color: #315fae;
    background: #fff;
    font-family: monospace;
    font-size: 0.72rem;
    font-weight: 800;
}

.api-intro-title[b-5r99xgb6t1],
.api-card-title[b-5r99xgb6t1] {
    color: #354156;
    font-size: 0.82rem;
    font-weight: 750;
}

.api-intro-text[b-5r99xgb6t1],
.api-card-subtitle[b-5r99xgb6t1],
.api-endpoint-help[b-5r99xgb6t1] {
    margin-top: 0.14rem;
    color: #748094;
    font-size: 0.68rem;
    line-height: 1.45;
}

.api-create-card[b-5r99xgb6t1] {
    overflow: hidden;
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
}

.api-card-header[b-5r99xgb6t1],
.api-token-list-header[b-5r99xgb6t1] {
    padding: 0.72rem 0.85rem;
    border-bottom: 1px solid #e7ebf1;
    background: #fafbfd;
}

.api-create-grid[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.2fr) auto;
    align-items: end;
    gap: 0.8rem;
    padding: 0.85rem;
}

.api-permission-options[b-5r99xgb6t1] {
    display: flex;
    min-height: 39px;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem 0.9rem;
}

.api-permission-option[b-5r99xgb6t1] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    color: #566174;
    font-size: 0.74rem;
    cursor: pointer;
}

.api-create-actions .btn[b-5r99xgb6t1] {
    min-width: 108px;
    min-height: 39px;
}

.api-generated-token[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(280px, 1.6fr) auto;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.85rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #efc57a;
    border-radius: 10px;
    background: #fffaf0;
}

.api-generated-token-title[b-5r99xgb6t1] {
    color: #7a4b00;
    font-size: 0.76rem;
    font-weight: 750;
}

.api-generated-token-warning[b-5r99xgb6t1] {
    margin-top: 0.12rem;
    color: #936522;
    font-size: 0.64rem;
}

.api-generated-token-value[b-5r99xgb6t1] {
    display: block;
    min-width: 0;
    padding: 0.55rem 0.65rem;
    overflow-wrap: anywhere;
    border: 1px solid #ead5ab;
    border-radius: 7px;
    color: #4c3a20;
    background: #fff;
    font-size: 0.68rem;
    user-select: all;
}

.api-generated-token-actions[b-5r99xgb6t1] {
    display: flex;
    gap: 0.4rem;
}

.api-token-copy-message[b-5r99xgb6t1] {
    grid-column: 1 / -1;
    color: #6b572f;
    font-size: 0.65rem;
}

.api-reference-panel[b-5r99xgb6t1] {
    margin-top: 0.85rem;
    overflow: hidden;
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
}

.api-reference-summary[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.72rem 0.85rem;
    color: #354156;
    background: #fafbfd;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.api-reference-summary[b-5r99xgb6t1]::-webkit-details-marker {
    display: none;
}

.api-reference-summary > span:first-child[b-5r99xgb6t1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.08rem;
}

.api-reference-summary strong[b-5r99xgb6t1] {
    font-size: 0.78rem;
    font-weight: 750;
}

.api-reference-summary small[b-5r99xgb6t1] {
    color: #748094;
    font-size: 0.64rem;
    font-weight: 500;
}

.api-reference-chevron[b-5r99xgb6t1] {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-right: 2px solid #728097;
    border-bottom: 2px solid #728097;
    transform: rotate(45deg);
    transition: transform 0.16s ease;
}

.api-reference-panel[open] .api-reference-summary[b-5r99xgb6t1] {
    border-bottom: 1px solid #e7ebf1;
}

.api-reference-panel[open] .api-reference-chevron[b-5r99xgb6t1] {
    transform: rotate(225deg);
}

.api-reference-content[b-5r99xgb6t1] {
    padding: 0.85rem;
}

.api-endpoint-grid[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
    margin-top: 0;
}

.api-endpoint-card[b-5r99xgb6t1] {
    min-width: 0;
    padding: 0.8rem 0.85rem;
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
}

.api-endpoint-heading[b-5r99xgb6t1] {
    margin-bottom: 0.5rem;
    color: #3e4a5e;
    font-size: 0.76rem;
    font-weight: 750;
}

.api-endpoint-method-row[b-5r99xgb6t1] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.5rem;
}

.api-endpoint-method-row > span[b-5r99xgb6t1] {
    flex: 0 0 auto;
    padding: 0.22rem 0.38rem;
    border-radius: 5px;
    color: #176847;
    background: #e4f4ed;
    font-size: 0.59rem;
    font-weight: 800;
}

.api-endpoint-method-row code[b-5r99xgb6t1] {
    min-width: 0;
    overflow: hidden;
    color: #3f4b60;
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.api-endpoint-card pre[b-5r99xgb6t1] {
    margin: 0.65rem 0 0;
    padding: 0.65rem 0.7rem;
    overflow-x: auto;
    border: 1px solid #e1e6ee;
    border-radius: 7px;
    color: #354156;
    background: #f7f9fc;
    font-size: 0.65rem;
    line-height: 1.45;
}

.api-auth-note[b-5r99xgb6t1] {
    margin: 0.75rem 0 0;
    color: #697589;
    font-size: 0.68rem;
}

.api-auth-note code[b-5r99xgb6t1] {
    color: #3f4b60;
}

.api-token-list-header[b-5r99xgb6t1] {
    border: 1px solid #d9e1ec;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.api-token-list[b-5r99xgb6t1],
.api-token-empty[b-5r99xgb6t1],
.api-token-loading[b-5r99xgb6t1] {
    border: 1px solid #d9e1ec;
    border-radius: 0 0 10px 10px;
    background: #fff;
}

.api-token-list[b-5r99xgb6t1] {
    overflow: hidden;
}

.api-token-row[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid #edf0f4;
}

.api-token-row:last-child[b-5r99xgb6t1] {
    border-bottom: 0;
}

.api-token-row.revoked[b-5r99xgb6t1] {
    background: #fafafa;
}

.api-token-main[b-5r99xgb6t1] {
    min-width: 0;
}

.api-token-title-row[b-5r99xgb6t1],
.api-token-scopes[b-5r99xgb6t1],
.api-token-meta[b-5r99xgb6t1],
.api-token-actions[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.api-token-name[b-5r99xgb6t1] {
    color: #354156;
    font-size: 0.76rem;
    font-weight: 750;
}

.api-token-title-row code[b-5r99xgb6t1] {
    color: #738095;
    font-size: 0.63rem;
}

.api-token-status[b-5r99xgb6t1],
.api-token-scopes span[b-5r99xgb6t1] {
    padding: 0.2rem 0.38rem;
    border-radius: 999px;
    font-size: 0.57rem;
    font-weight: 750;
}

.api-token-status.active[b-5r99xgb6t1] {
    color: #176847;
    background: #e4f4ed;
}

.api-token-status.revoked[b-5r99xgb6t1] {
    color: #677181;
    background: #eceff3;
}

.api-token-scopes[b-5r99xgb6t1] {
    margin-top: 0.35rem;
}

.api-token-scopes span[b-5r99xgb6t1] {
    color: #385992;
    background: #e8effb;
    font-family: monospace;
}

.api-token-meta[b-5r99xgb6t1] {
    margin-top: 0.4rem;
    color: #7b8595;
    font-size: 0.62rem;
}

.api-token-meta span + span[b-5r99xgb6t1]::before {
    margin-right: 0.4rem;
    content: "•";
    color: #b1b8c3;
}

.api-token-empty[b-5r99xgb6t1] {
    padding: 1.4rem 0.9rem;
    color: #7a8494;
    font-size: 0.72rem;
    text-align: center;
}

@media (max-width: 900px) {
    .api-create-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr 1fr;
    }

    .api-create-actions[b-5r99xgb6t1] {
        grid-column: 1 / -1;
        text-align: right;
    }

    .api-generated-token[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }

    .api-generated-token-actions[b-5r99xgb6t1] {
        justify-content: flex-end;
    }
}

@media (max-width: 600px) {
    .api-framework-badge[b-5r99xgb6t1] {
        display: none;
    }

    .api-intro[b-5r99xgb6t1] {
        padding: 0.72rem;
    }

    .api-intro-icon[b-5r99xgb6t1] {
        display: none;
    }

    .api-create-grid[b-5r99xgb6t1],
    .api-endpoint-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }

    .api-create-actions[b-5r99xgb6t1] {
        grid-column: auto;
    }

    .api-create-actions .btn[b-5r99xgb6t1],
    .api-generated-token-actions .btn[b-5r99xgb6t1] {
        width: 100%;
    }

    .api-generated-token-actions[b-5r99xgb6t1] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .api-token-row[b-5r99xgb6t1] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.65rem;
    }

    .api-token-actions[b-5r99xgb6t1] {
        justify-content: flex-end;
    }
}


/* ------------------------------------------------------------
   AI provider foundation
   ------------------------------------------------------------ */

.api-endpoint-today[b-5r99xgb6t1] {
    grid-column: 1 / -1;
}

.ai-provider-region[b-5r99xgb6t1] {
    margin-top: 1.35rem;
}

.ai-framework-badge[b-5r99xgb6t1] {
    flex: 0 0 auto;
    padding: 0.3rem 0.55rem;
    border: 1px solid #c9c0ea;
    border-radius: 999px;
    color: #6447b3;
    background: #f8f5ff;
    font-size: 0.62rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ai-intro[b-5r99xgb6t1] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #ded8ef;
    border-radius: 10px;
    background: #faf8ff;
}

.ai-intro-icon[b-5r99xgb6t1] {
    display: flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid #c9c0ea;
    border-radius: 8px;
    color: #6447b3;
    background: #fff;
    font-size: 0.68rem;
    font-weight: 800;
}

.ai-intro-title[b-5r99xgb6t1],
.ai-provider-card-title[b-5r99xgb6t1] {
    color: #354156;
    font-size: 0.82rem;
    font-weight: 750;
}

.ai-intro-text[b-5r99xgb6t1],
.ai-provider-card-subtitle[b-5r99xgb6t1],
.ai-provider-help[b-5r99xgb6t1] {
    margin-top: 0.14rem;
    color: #748094;
    font-size: 0.68rem;
    line-height: 1.45;
}

.ai-provider-create-card[b-5r99xgb6t1] {
    overflow: hidden;
    border: 1px solid #ddd9e8;
    border-radius: 10px;
    background: #fff;
}

.ai-provider-card-header[b-5r99xgb6t1],
.ai-provider-list-header[b-5r99xgb6t1] {
    padding: 0.72rem 0.85rem;
    border-bottom: 1px solid #ebe8f1;
    background: #fbfafd;
}

.ai-provider-grid[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(180px, 0.8fr) minmax(220px, 1fr);
    align-items: end;
    gap: 0.8rem;
    padding: 0.85rem;
}

.ai-provider-base-url[b-5r99xgb6t1] {
    grid-column: span 2;
}

.ai-provider-api-key[b-5r99xgb6t1] {
    grid-column: span 2;
}


.ai-provider-reasoning[b-5r99xgb6t1] {
    grid-column: span 2;
}

.ai-provider-reasoning-editor[b-5r99xgb6t1] {
    display: flex;
    max-width: 520px;
    align-items: end;
    gap: 0.55rem;
    margin-top: 0.55rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid #e4dfef;
    border-radius: 8px;
    background: #faf9fc;
}

.ai-provider-reasoning-editor > div[b-5r99xgb6t1] {
    min-width: 180px;
    flex: 1;
}

.ai-provider-reasoning-editor .form-label[b-5r99xgb6t1] {
    margin-bottom: 0.25rem;
    color: #657084;
    font-size: 0.62rem;
    font-weight: 700;
}

.ai-provider-reasoning-save-button[b-5r99xgb6t1] {
    display: inline-flex;
    min-width: 108px;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
}

.ai-provider-reasoning-save-status[b-5r99xgb6t1] {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    gap: 0.35rem;
    color: #247447;
    font-size: 0.66rem;
    font-weight: 700;
    white-space: nowrap;
}

.ai-provider-reasoning-save-dot[b-5r99xgb6t1] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #2f9b5f;
}

.ai-provider-enabled[b-5r99xgb6t1] {
    align-self: center;
    padding-bottom: 0.45rem;
}

.ai-provider-create-actions[b-5r99xgb6t1] {
    display: flex;
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 0.45rem;
}

.ai-provider-security-note[b-5r99xgb6t1] {
    padding: 0.68rem 0.85rem;
    border-top: 1px solid #ebe8f1;
    color: #6d7380;
    background: #faf9fc;
    font-size: 0.66rem;
    line-height: 1.45;
}

.ai-provider-list-header[b-5r99xgb6t1] {
    margin-top: 0.9rem;
    border: 1px solid #ddd9e8;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.ai-provider-list[b-5r99xgb6t1],
.ai-provider-empty[b-5r99xgb6t1] {
    border: 1px solid #ddd9e8;
    border-radius: 0 0 10px 10px;
}

.ai-provider-row[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 0.8rem 0.85rem;
    border-bottom: 1px solid #ece9f2;
    background: #fff;
}

.ai-provider-row:last-child[b-5r99xgb6t1] {
    border-bottom: 0;
}

.ai-provider-row.disabled[b-5r99xgb6t1] {
    background: #fafafa;
    opacity: 0.82;
}

.ai-provider-main[b-5r99xgb6t1] {
    min-width: 0;
}

.ai-provider-title-row[b-5r99xgb6t1],
.ai-provider-details[b-5r99xgb6t1],
.ai-provider-meta[b-5r99xgb6t1],
.ai-provider-actions[b-5r99xgb6t1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem 0.6rem;
}

.ai-provider-name[b-5r99xgb6t1] {
    color: #354156;
    font-size: 0.77rem;
    font-weight: 750;
}

.ai-provider-protocol[b-5r99xgb6t1],
.ai-provider-status[b-5r99xgb6t1],
.ai-provider-preferred-badge[b-5r99xgb6t1] {
    padding: 0.2rem 0.38rem;
    border-radius: 999px;
    font-size: 0.57rem;
    font-weight: 750;
}

.ai-provider-protocol[b-5r99xgb6t1] {
    color: #6447b3;
    background: #eee9fb;
}

.ai-provider-status.enabled[b-5r99xgb6t1] {
    color: #176847;
    background: #e4f4ed;
}

.ai-provider-status.disabled[b-5r99xgb6t1] {
    color: #677181;
    background: #eceff3;
}

.ai-provider-preferred-badge[b-5r99xgb6t1] {
    color: #245d91;
    background: #e6f1fb;
}

.ai-provider-preferred-button[b-5r99xgb6t1] {
    min-width: 112px;
}

.ai-provider-preferred-button.active[b-5r99xgb6t1],
.ai-provider-preferred-button.active:disabled[b-5r99xgb6t1] {
    color: #245d91;
    border-color: #8bb9df;
    background: #e6f1fb;
    opacity: 1;
}

.ai-provider-details[b-5r99xgb6t1] {
    margin-top: 0.4rem;
    color: #657084;
    font-size: 0.65rem;
}

.ai-provider-details code[b-5r99xgb6t1] {
    color: #49556a;
    overflow-wrap: anywhere;
}

.ai-provider-meta[b-5r99xgb6t1] {
    margin-top: 0.35rem;
    color: #7b8595;
    font-size: 0.61rem;
}

.ai-test-result.success[b-5r99xgb6t1] {
    color: #176847;
}

.ai-test-result.failure[b-5r99xgb6t1],
.ai-provider-error[b-5r99xgb6t1] {
    color: #a53b3b;
}

.ai-provider-error[b-5r99xgb6t1] {
    margin-top: 0.42rem;
    font-size: 0.64rem;
}

.ai-provider-actions[b-5r99xgb6t1] {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.ai-provider-empty[b-5r99xgb6t1] {
    padding: 1.4rem 0.9rem;
    color: #7a8494;
    font-size: 0.72rem;
    text-align: center;
}

@media (max-width: 900px) {
    .ai-provider-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr 1fr;
    }

    .ai-provider-base-url[b-5r99xgb6t1],
    .ai-provider-api-key[b-5r99xgb6t1],
    .ai-provider-reasoning[b-5r99xgb6t1] {
        grid-column: span 2;
    }

    .ai-provider-row[b-5r99xgb6t1] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .api-endpoint-today[b-5r99xgb6t1] {
        grid-column: auto;
    }

    .ai-framework-badge[b-5r99xgb6t1],
    .ai-intro-icon[b-5r99xgb6t1] {
        display: none;
    }

    .ai-intro[b-5r99xgb6t1] {
        padding: 0.72rem;
    }

    .ai-provider-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }

    .ai-provider-base-url[b-5r99xgb6t1],
    .ai-provider-api-key[b-5r99xgb6t1],
    .ai-provider-reasoning[b-5r99xgb6t1] {
        grid-column: auto;
    }

    .ai-provider-reasoning-editor[b-5r99xgb6t1] {
        align-items: stretch;
        flex-direction: column;
    }

    .ai-provider-reasoning-editor .btn[b-5r99xgb6t1] {
        width: 100%;
    }

    .ai-provider-reasoning-save-status[b-5r99xgb6t1] {
        justify-content: center;
    }

    .ai-provider-create-actions[b-5r99xgb6t1] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .ai-provider-create-actions .btn[b-5r99xgb6t1] {
        width: 100%;
    }

    .ai-provider-actions[b-5r99xgb6t1] {
        justify-content: flex-end;
    }
}

/* ------------------------------------------------------------
   Settings shell / General
   ------------------------------------------------------------ */

.general-framework-badge[b-5r99xgb6t1] {
    padding: 0.28rem 0.55rem;
    border: 1px solid #d8e3f7;
    border-radius: 999px;
    color: #3568d4;
    background: #f2f6fd;
    font-size: 0.64rem;
    font-weight: 700;
}

.general-settings-intro[b-5r99xgb6t1] {
    margin-bottom: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #e0e6ef;
    border-radius: 10px;
    background: #f8fafc;
}

.general-settings-title[b-5r99xgb6t1] {
    color: #24334c;
    font-size: 0.86rem;
    font-weight: 725;
}

.general-settings-copy[b-5r99xgb6t1] {
    margin-top: 0.3rem;
    color: #667085;
    font-size: 0.74rem;
    line-height: 1.5;
}

.general-settings-card[b-5r99xgb6t1] {
    padding: 1rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #fff;
}

.general-settings-grid[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.7fr);
    gap: 1rem;
    align-items: end;
}

.general-settings-help[b-5r99xgb6t1] {
    margin-top: 0.35rem;
    color: #7b8493;
    font-size: 0.68rem;
    line-height: 1.45;
}

.general-settings-help a[b-5r99xgb6t1] {
    font-weight: 650;
}

.general-settings-status[b-5r99xgb6t1] {
    display: flex;
    min-height: 54px;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #e0e6ef;
    border-radius: 9px;
    background: #f8fafc;
}

.general-settings-status strong[b-5r99xgb6t1],
.general-settings-status small[b-5r99xgb6t1] {
    display: block;
}

.general-settings-status strong[b-5r99xgb6t1] {
    color: #334155;
    font-size: 0.75rem;
}

.general-settings-status small[b-5r99xgb6t1] {
    margin-top: 0.12rem;
    color: #7b8493;
    font-size: 0.64rem;
}

.general-status-dot[b-5r99xgb6t1] {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #a5adba;
}

.general-status-dot.configured[b-5r99xgb6t1] {
    background: #24976f;
}


.daily-schedule-section[b-5r99xgb6t1] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e4e8ee;
}

.daily-schedule-heading[b-5r99xgb6t1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.7rem;
}

.daily-schedule-title[b-5r99xgb6t1] {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 725;
}

.daily-schedule-copy[b-5r99xgb6t1] {
    max-width: 840px;
    margin-top: 0.15rem;
    color: #7b8493;
    font-size: 0.67rem;
    line-height: 1.45;
}

.daily-schedule-grid[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.daily-schedule-column[b-5r99xgb6t1] {
    min-width: 0;
    padding: 0.8rem;
    border: 1px solid #e0e6ef;
    border-radius: 9px;
    background: #f8fafc;
}

.daily-schedule-column-title[b-5r99xgb6t1] {
    color: #334155;
    font-size: 0.75rem;
    font-weight: 725;
}

.daily-schedule-column-copy[b-5r99xgb6t1] {
    min-height: 2rem;
    margin-top: 0.12rem;
    color: #7b8493;
    font-size: 0.64rem;
    line-height: 1.4;
}

.daily-schedule-time-grid[b-5r99xgb6t1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.65rem;
}

.general-settings-actions[b-5r99xgb6t1] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.85rem;
}

@media (max-width: 760px) {
    .general-settings-grid[b-5r99xgb6t1],
    .daily-schedule-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }

    .general-settings-actions .btn[b-5r99xgb6t1] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .daily-schedule-time-grid[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }
}


/* ------------------------------------------------------------
   API token permission editing / revoked-token cleanup
   ------------------------------------------------------------ */

.api-token-row[b-5r99xgb6t1] {
    flex-wrap: wrap;
}

.api-token-permission-editor[b-5r99xgb6t1] {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(180px, .65fr) minmax(320px, 1.35fr) auto;
    align-items: center;
    gap: .85rem;
    margin-top: .1rem;
    padding: .75rem;
    border: 1px solid #dce5f1;
    border-radius: 9px;
    background: #f8fbff;
}

.api-token-editor-title[b-5r99xgb6t1] {
    color: #354156;
    font-size: .72rem;
    font-weight: 750;
}

.api-token-editor-copy[b-5r99xgb6t1] {
    margin-top: .16rem;
    color: #778499;
    font-size: .63rem;
    line-height: 1.4;
}

.api-token-edit-permissions[b-5r99xgb6t1] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.api-token-editor-actions[b-5r99xgb6t1] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
}

@media (max-width: 1000px) {
    .api-token-permission-editor[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }

    .api-token-editor-actions[b-5r99xgb6t1] {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .api-token-edit-permissions[b-5r99xgb6t1] {
        grid-template-columns: 1fr;
    }

    .api-token-editor-actions[b-5r99xgb6t1] {
        flex-direction: column;
    }

    .api-token-editor-actions .btn[b-5r99xgb6t1],
    .api-token-actions .btn[b-5r99xgb6t1] {
        width: 100%;
    }
}
/* /Components/Pages/SettingsPeople.razor.rz.scp.css */
.people-page[b-44zunr4x8n] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-green: #24976f;
    --managr-red: #d95151;

    color: var(--managr-ink);
}


/* ------------------------------------------------------------
   Banner
   ------------------------------------------------------------ */

.settings-page-banner[b-44zunr4x8n] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80, 145, 255, 0.24) 0, rgba(80, 145, 255, 0.24) 185px, transparent 186px),
        linear-gradient(120deg, #17243c 0%, #234a8d 56%, #3568d4 100%);
    box-shadow: 0 8px 25px rgba(28, 55, 105, 0.15);
}

.settings-banner-content[b-44zunr4x8n],
.settings-banner-actions[b-44zunr4x8n] {
    position: relative;
    z-index: 1;
}

.settings-eyebrow[b-44zunr4x8n] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.settings-page-banner h1[b-44zunr4x8n] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.settings-banner-subtitle[b-44zunr4x8n] {
    margin-top: 0.32rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.settings-banner-button[b-44zunr4x8n] {
    padding: 0.52rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 650;
}

.settings-banner-button:hover[b-44zunr4x8n] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}


/* ------------------------------------------------------------
   Controls
   ------------------------------------------------------------ */

.people-page[b-44zunr4x8n]  .form-label {
    margin-bottom: 0.3rem;
    color: #566174;
    font-size: 0.72rem;
    font-weight: 650;
}

.people-page[b-44zunr4x8n]  .form-control {
    min-height: 40px;
    border: 1px solid #d4dce7;
    border-radius: 8px;
    box-shadow: none;
    font-size: 0.84rem;
}

.people-page[b-44zunr4x8n]  .form-control:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 0.18rem rgba(53, 104, 212, 0.11);
}

.people-page[b-44zunr4x8n]  .validation-message {
    display: block;
    margin-top: 0.25rem;
    color: var(--managr-red);
    font-size: 0.68rem;
}

.people-page .btn[b-44zunr4x8n] {
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 650;
}

.people-page .btn-primary[b-44zunr4x8n] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.people-page .btn-primary:hover[b-44zunr4x8n] {
    border-color: var(--managr-blue-dark);
    background: var(--managr-blue-dark);
}

.settings-alert[b-44zunr4x8n] {
    margin-bottom: 1rem;
    border-radius: 10px;
}

.people-color-picker[b-44zunr4x8n] {
    width: 100% !important;
    min-height: 40px;
    padding: 0.25rem !important;
}


/* ------------------------------------------------------------
   Add Person surface
   ------------------------------------------------------------ */

.people-create-surface[b-44zunr4x8n] {
    margin-bottom: 1.4rem;
    overflow: hidden;
    border: 1px solid #cbd9f1;
    border-left: 4px solid var(--managr-blue);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 2px 7px rgba(31, 54, 92, 0.05);
}

.people-create-header[b-44zunr4x8n] {
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #dce4f0;
    background: linear-gradient(90deg, rgba(53, 104, 212, 0.07), rgba(255, 255, 255, 0.5));
}

.people-create-heading[b-44zunr4x8n] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.people-create-accent[b-44zunr4x8n] {
    width: 4px;
    height: 31px;
    border-radius: 99px;
    background: var(--managr-blue);
}

.people-create-title[b-44zunr4x8n] {
    color: #203d70;
    font-size: 0.9rem;
    font-weight: 725;
}

.people-create-subtitle[b-44zunr4x8n] {
    margin-top: 0.1rem;
    color: #748097;
    font-size: 0.67rem;
}

.people-create-body[b-44zunr4x8n] {
    padding: 1rem;
    background: rgba(255, 255, 255, 0.88);
}

.people-create-grid[b-44zunr4x8n] {
    display: grid;
    grid-template-columns: 2fr 2fr 0.7fr 0.7fr;
    align-items: end;
    gap: 0.8rem;
}

.people-create-preview[b-44zunr4x8n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    grid-column: 1 / 4;
}

.preview-label[b-44zunr4x8n] {
    color: #8a94a3;
    font-size: 0.65rem;
    font-weight: 650;
}

.people-create-action[b-44zunr4x8n] {
    display: flex;
    justify-content: flex-end;
}


/* ------------------------------------------------------------
   Region heading
   ------------------------------------------------------------ */

.people-region-header[b-44zunr4x8n] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.people-region-heading[b-44zunr4x8n] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 0.65rem;
    color: #5c687b;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.people-region-line[b-44zunr4x8n] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.people-count[b-44zunr4x8n] {
    display: flex;
    align-items: baseline;
    gap: 0.3rem;
    color: #748094;
    font-size: 0.68rem;
}

.people-count strong[b-44zunr4x8n] {
    color: #445065;
    font-size: 0.77rem;
}


/* ------------------------------------------------------------
   People list/cards
   ------------------------------------------------------------ */

.people-list[b-44zunr4x8n] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.person-card[b-44zunr4x8n] {
    --person-color: #8793a5;

    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--person-color);
    border-radius: 11px;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
}

.person-card.inactive[b-44zunr4x8n] {
    opacity: 0.74;
}

.person-card-body[b-44zunr4x8n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
}

.person-identity[b-44zunr4x8n] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
}

.person-avatar[b-44zunr4x8n] {
    width: 12px;
    height: 42px;
    flex: 0 0 12px;
    border-radius: 99px;
}

.person-details[b-44zunr4x8n] {
    min-width: 0;
}

.person-name-row[b-44zunr4x8n] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.person-name-badge[b-44zunr4x8n] {
    font-size: 0.72rem;
    font-weight: 675;
}

.inactive-badge[b-44zunr4x8n] {
    padding: 0.2rem 0.45rem;
    border-radius: 99px;
    color: #657080;
    background: #edf0f3;
    font-size: 0.61rem;
    font-weight: 700;
}

.person-meta[b-44zunr4x8n] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.38rem;
    color: #747f90;
    font-size: 0.68rem;
}

.person-meta-muted[b-44zunr4x8n] {
    color: #9aa2ae;
}

.person-meta-divider[b-44zunr4x8n] {
    width: 1px;
    height: 13px;
    background: #dfe4eb;
}

.person-actions[b-44zunr4x8n] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.person-secondary-button[b-44zunr4x8n] {
    border: 1px solid #ccd4df;
    color: #526074;
    background: #fff;
}

.person-secondary-button:hover[b-44zunr4x8n] {
    border-color: #9eabbc;
    color: #26354d;
    background: #f7f9fc;
}


/* ------------------------------------------------------------
   Edit state
   ------------------------------------------------------------ */

.person-edit-body[b-44zunr4x8n] {
    padding: 0.9rem 1rem;
    background: #fbfcfe;
}

.person-edit-grid[b-44zunr4x8n] {
    display: grid;
    grid-template-columns: 2fr 2fr 0.7fr 0.7fr;
    gap: 0.7rem;
}

.person-edit-footer[b-44zunr4x8n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e1e5eb;
}

.person-edit-preview[b-44zunr4x8n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.person-edit-actions[b-44zunr4x8n] {
    display: flex;
    gap: 0.4rem;
}


/* ------------------------------------------------------------
   Empty / loading
   ------------------------------------------------------------ */

.settings-loading[b-44zunr4x8n] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
}

.settings-loading-indicator[b-44zunr4x8n] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: settings-spin-b-44zunr4x8n 0.8s linear infinite;
}

@keyframes settings-spin-b-44zunr4x8n {
    to { transform: rotate(360deg); }
}

.settings-empty-state[b-44zunr4x8n] {
    padding: 3.5rem 1rem;
    border: 1px dashed #cbd3df;
    border-radius: 11px;
    text-align: center;
    background: rgba(255, 255, 255, 0.48);
}

.settings-empty-icon[b-44zunr4x8n] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.7rem;
    border: 1px solid #b9c9df;
    border-radius: 50%;
    color: var(--managr-blue);
    background: #f1f5fb;
}

.settings-empty-title[b-44zunr4x8n] {
    color: #354156;
    font-size: 0.92rem;
    font-weight: 700;
}

.settings-empty-text[b-44zunr4x8n] {
    margin-top: 0.2rem;
    color: var(--managr-muted);
    font-size: 0.74rem;
}


/* ------------------------------------------------------------
   Mobile
   ------------------------------------------------------------ */

@media (max-width: 700px) {

    .settings-page-banner[b-44zunr4x8n] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.9rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .settings-page-banner h1[b-44zunr4x8n] {
        font-size: 1.5rem;
    }

    .settings-banner-actions[b-44zunr4x8n],
    .settings-banner-button[b-44zunr4x8n] {
        width: 100%;
    }

    .settings-banner-button[b-44zunr4x8n] {
        text-align: center;
    }

    .people-create-subtitle[b-44zunr4x8n] {
        display: none;
    }

    .people-create-grid[b-44zunr4x8n],
    .person-edit-grid[b-44zunr4x8n] {
        grid-template-columns: 1fr;
    }

    .people-create-preview[b-44zunr4x8n] {
        grid-column: auto;
    }

    .people-create-action .btn[b-44zunr4x8n] {
        width: 100%;
    }

    .person-card-body[b-44zunr4x8n] {
        align-items: stretch;
        flex-direction: column;
    }

    .person-actions[b-44zunr4x8n] {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .person-actions .btn[b-44zunr4x8n] {
        width: 100%;
    }

    .person-edit-footer[b-44zunr4x8n] {
        align-items: stretch;
        flex-direction: column;
    }

    .person-edit-actions[b-44zunr4x8n] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .person-edit-actions .btn[b-44zunr4x8n] {
        width: 100%;
    }
}
/* /Components/Pages/SettingsShell.razor.rz.scp.css */

.settings-shell[b-szt1u2nqdt] {
    width: 100%;
    color: #182235;
}

.settings-shell-banner[b-szt1u2nqdt] {
    position: relative;
    display: flex;
    min-height: 126px;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1rem;
    padding: 1.35rem 1.55rem;
    overflow: hidden;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(118deg, #182f5a 0%, #244f9f 58%, #3568d4 100%);
    box-shadow: 0 8px 22px rgba(25, 48, 86, 0.16);
}

.settings-shell-banner[b-szt1u2nqdt]::before,
.settings-shell-banner[b-szt1u2nqdt]::after {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    content: "";
}

.settings-shell-banner[b-szt1u2nqdt]::before {
    width: 190px;
    height: 190px;
    right: 8%;
    top: -118px;
}

.settings-shell-banner[b-szt1u2nqdt]::after {
    width: 115px;
    height: 115px;
    right: 27%;
    bottom: -78px;
}

.settings-shell-banner-copy[b-szt1u2nqdt],
.settings-shell-dashboard-button[b-szt1u2nqdt] {
    position: relative;
    z-index: 1;
}

.settings-shell-eyebrow[b-szt1u2nqdt] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.settings-shell-banner h1[b-szt1u2nqdt] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.settings-shell-banner p[b-szt1u2nqdt] {
    margin: 0.35rem 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.86rem;
}

.settings-shell-dashboard-button[b-szt1u2nqdt] {
    padding: 0.52rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 650;
}

.settings-shell-dashboard-button:hover[b-szt1u2nqdt] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}

.settings-shell-grid[b-szt1u2nqdt] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.settings-shell-sidebar[b-szt1u2nqdt],
.settings-shell-content[b-szt1u2nqdt] {
    min-width: 0;
    border: 1px solid #dfe4eb;
    border-radius: 12px;
    background: #fff;
}

.settings-shell-sidebar[b-szt1u2nqdt] {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow-x: hidden;
    overflow-y: auto;
}

.settings-shell-mobile-toggle-checkbox[b-szt1u2nqdt] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    opacity: 0;
}

.settings-shell-mobile-toggle[b-szt1u2nqdt] {
    display: none;
}

.settings-shell-sidebar-heading[b-szt1u2nqdt] {
    padding: 0.95rem 1rem 0.8rem;
    border-bottom: 1px solid #e5e9ef;
    background: #f8fafc;
}

.settings-shell-sidebar-title[b-szt1u2nqdt] {
    color: #24334c;
    font-size: 0.82rem;
    font-weight: 750;
}

.settings-shell-sidebar-subtitle[b-szt1u2nqdt] {
    margin-top: 0.2rem;
    color: #7a8494;
    font-size: 0.66rem;
}

.settings-shell-nav[b-szt1u2nqdt] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 0.45rem;
}

.settings-shell-nav-group[b-szt1u2nqdt] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.settings-shell-nav-group + .settings-shell-nav-group[b-szt1u2nqdt] {
    padding-top: 0.7rem;
    border-top: 1px solid #e5e9ef;
}

.settings-shell-nav-group-label[b-szt1u2nqdt] {
    padding: 0.12rem 0.7rem 0.2rem;
    color: #8a94a3;
    font-size: 0.56rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.settings-shell-nav[b-szt1u2nqdt]  .settings-shell-link {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    padding: 0.62rem 0.7rem;
    border-radius: 8px;
    color: #475467;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.settings-shell-nav[b-szt1u2nqdt]  .settings-shell-link span {
    font-size: 0.77rem;
    font-weight: 675;
}

.settings-shell-nav[b-szt1u2nqdt]  .settings-shell-link small {
    color: #8a94a3;
    font-size: 0.61rem;
}

.settings-shell-nav[b-szt1u2nqdt]  .settings-shell-link:hover {
    color: #234da8;
    background: #f2f6fd;
}

.settings-shell-nav[b-szt1u2nqdt]  .settings-shell-link.active {
    color: #234da8;
    background: #eaf1fd;
}

.settings-shell-nav[b-szt1u2nqdt]  .settings-shell-link.active small {
    color: #607aa8;
}

.settings-shell-content[b-szt1u2nqdt] {
    padding: 1rem 1.1rem 1.15rem;
}

@media (max-width: 860px) {
    .settings-shell-grid[b-szt1u2nqdt] {
        grid-template-columns: 1fr;
    }

    .settings-shell-sidebar[b-szt1u2nqdt] {
        position: static;
        max-height: none;
        overflow: visible;
    }

    .settings-shell-nav[b-szt1u2nqdt] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .settings-shell-nav-group + .settings-shell-nav-group[b-szt1u2nqdt] {
        padding-top: 0;
        padding-left: 0.7rem;
        border-top: 0;
        border-left: 1px solid #e5e9ef;
    }
}

@media (max-width: 560px) {
    .settings-shell-banner[b-szt1u2nqdt] {
        align-items: flex-start;
        flex-direction: column;
    }

    .settings-shell-sidebar[b-szt1u2nqdt] {
        border-radius: 10px;
    }

    .settings-shell-sidebar-heading[b-szt1u2nqdt] {
        display: none;
    }

    .settings-shell-mobile-toggle[b-szt1u2nqdt] {
        display: flex;
        width: 100%;
        min-height: 58px;
        align-items: center;
        justify-content: space-between;
        gap: 0.8rem;
        padding: 0.72rem 0.8rem;
        border: 0;
        color: #24334c;
        background: #f8fafc;
        cursor: pointer;
        font: inherit;
        text-align: left;
    }

    .settings-shell-mobile-toggle:hover[b-szt1u2nqdt] {
        background: #f2f5f9;
    }

    .settings-shell-mobile-toggle-checkbox:focus-visible + .settings-shell-mobile-toggle[b-szt1u2nqdt] {
        outline: 2px solid #7da7f4;
        outline-offset: -2px;
    }

    .settings-shell-mobile-toggle-copy[b-szt1u2nqdt] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 0.12rem;
    }

    .settings-shell-mobile-toggle-copy small[b-szt1u2nqdt] {
        color: #7f8999;
        font-size: 0.58rem;
        font-weight: 750;
        letter-spacing: 0.11em;
        text-transform: uppercase;
    }

    .settings-shell-mobile-toggle-copy strong[b-szt1u2nqdt] {
        overflow: hidden;
        font-size: 0.8rem;
        font-weight: 725;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .settings-shell-mobile-toggle-chevron[b-szt1u2nqdt] {
        width: 9px;
        height: 9px;
        flex: 0 0 9px;
        border-right: 2px solid #718096;
        border-bottom: 2px solid #718096;
        transform: rotate(45deg);
        transition: transform 0.15s ease;
    }

    .settings-shell-mobile-toggle-checkbox:checked + .settings-shell-mobile-toggle .settings-shell-mobile-toggle-chevron[b-szt1u2nqdt] {
        transform: rotate(225deg);
    }

    .settings-shell-nav[b-szt1u2nqdt] {
        display: none;
        grid-template-columns: 1fr;
        padding-top: 0.35rem;
        border-top: 1px solid #e5e9ef;
    }

    .settings-shell-mobile-toggle-checkbox:checked ~ .settings-shell-nav[b-szt1u2nqdt] {
        display: grid;
    }

    .settings-shell-nav-group + .settings-shell-nav-group[b-szt1u2nqdt] {
        padding-top: 0.7rem;
        padding-left: 0;
        border-top: 1px solid #e5e9ef;
        border-left: 0;
    }

    .settings-shell-content[b-szt1u2nqdt] {
        padding: 0.8rem;
    }
}
/* /Components/Pages/SettingsTags.razor.rz.scp.css */
.tags-page[b-016w3q8twu] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-purple: #7656c9;
    --managr-red: #d95151;

    color: var(--managr-ink);
}


/* ------------------------------------------------------------
   Banner
   ------------------------------------------------------------ */

.settings-page-banner[b-016w3q8twu] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80, 145, 255, 0.24) 0, rgba(80, 145, 255, 0.24) 185px, transparent 186px),
        linear-gradient(120deg, #17243c 0%, #234a8d 56%, #3568d4 100%);
    box-shadow: 0 8px 25px rgba(28, 55, 105, 0.15);
}

.settings-banner-content[b-016w3q8twu],
.settings-banner-actions[b-016w3q8twu] {
    position: relative;
    z-index: 1;
}

.settings-eyebrow[b-016w3q8twu] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.settings-page-banner h1[b-016w3q8twu] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.settings-banner-subtitle[b-016w3q8twu] {
    margin-top: 0.32rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.settings-banner-button[b-016w3q8twu] {
    padding: 0.52rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 650;
}

.settings-banner-button:hover[b-016w3q8twu] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}


/* ------------------------------------------------------------
   Controls
   ------------------------------------------------------------ */

.tags-page[b-016w3q8twu]  .form-label {
    margin-bottom: 0.3rem;
    color: #566174;
    font-size: 0.72rem;
    font-weight: 650;
}

.tags-page[b-016w3q8twu]  .form-control,
.tags-page[b-016w3q8twu]  .form-select {
    min-height: 40px;
    border: 1px solid #d4dce7;
    border-radius: 8px;
    box-shadow: none;
    font-size: 0.84rem;
}

.tags-page[b-016w3q8twu]  .form-control:focus,
.tags-page[b-016w3q8twu]  .form-select:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 0.18rem rgba(53, 104, 212, 0.11);
}

.tags-page[b-016w3q8twu]  .validation-message {
    display: block;
    margin-top: 0.25rem;
    color: var(--managr-red);
    font-size: 0.68rem;
}

.tags-page .btn[b-016w3q8twu] {
    border-radius: 8px;
    font-size: 0.76rem;
    font-weight: 650;
}

.tags-page .btn-primary[b-016w3q8twu] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.tags-page .btn-primary:hover[b-016w3q8twu] {
    border-color: var(--managr-blue-dark);
    background: var(--managr-blue-dark);
}

.settings-alert[b-016w3q8twu] {
    margin-bottom: 1rem;
    border-radius: 10px;
}

.tag-color-picker[b-016w3q8twu],
.tag-edit-color[b-016w3q8twu] {
    width: 100% !important;
    min-height: 40px;
    padding: 0.25rem !important;
}

.preview-label[b-016w3q8twu] {
    color: #8a94a3;
    font-size: 0.65rem;
    font-weight: 650;
}


/* ------------------------------------------------------------
   Creation surfaces
   ------------------------------------------------------------ */

.tag-create-grid[b-016w3q8twu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
    margin-bottom: 1.4rem;
}

.tag-create-surface[b-016w3q8twu] {
    overflow: hidden;
    border: 1px solid #cbd9f1;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 7px rgba(31, 54, 92, 0.05);
}

.domain-create[b-016w3q8twu] {
    border-left: 4px solid #2b9b72;
}

.tag-type-create[b-016w3q8twu] {
    border-left: 4px solid var(--managr-purple);
}

.tag-create[b-016w3q8twu] {
    border-left: 4px solid var(--managr-blue);
}

.tag-create-wide[b-016w3q8twu] {
    grid-column: 1 / -1;
}

.tag-create-header[b-016w3q8twu] {
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #dce4f0;
}

.domain-create .tag-create-header[b-016w3q8twu] {
    background: linear-gradient(90deg, rgba(43, 155, 114, 0.08), rgba(255, 255, 255, 0.5));
}

.tag-type-create .tag-create-header[b-016w3q8twu] {
    background: linear-gradient(90deg, rgba(118, 86, 201, 0.07), rgba(255, 255, 255, 0.5));
}

.tag-create .tag-create-header[b-016w3q8twu] {
    background: linear-gradient(90deg, rgba(53, 104, 212, 0.07), rgba(255, 255, 255, 0.5));
}

.tag-create-heading[b-016w3q8twu] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.tag-create-accent[b-016w3q8twu] {
    width: 4px;
    height: 31px;
    border-radius: 99px;
}

.tag-create-accent.domain[b-016w3q8twu] {
    background: #2b9b72;
}

.tag-create-accent.type[b-016w3q8twu] {
    background: var(--managr-purple);
}

.tag-create-accent.tag[b-016w3q8twu] {
    background: var(--managr-blue);
}

.tag-create-title[b-016w3q8twu] {
    color: #33445f;
    font-size: 0.9rem;
    font-weight: 725;
}

.tag-create-subtitle[b-016w3q8twu] {
    margin-top: 0.1rem;
    color: #748097;
    font-size: 0.67rem;
}

.tag-create-body[b-016w3q8twu] {
    padding: 1rem;
    background: rgba(255, 255, 255, 0.9);
}

.domain-create-grid[b-016w3q8twu] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) 76px 88px 118px;
    align-items: end;
    gap: 0.75rem;
}

.domain-create-preview[b-016w3q8twu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    grid-column: 1 / 4;
}

.domain-create-grid .tag-create-action[b-016w3q8twu] {
    grid-column: 4;
    grid-row: 1;
}

.tag-type-create-grid[b-016w3q8twu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px 118px;
    align-items: end;
    gap: 0.75rem;
}

.tag-type-create-grid .tag-create-action[b-016w3q8twu] {
    grid-column: 3;
    grid-row: 1;
}

.new-tag-grid[b-016w3q8twu] {
    display: grid;
    grid-template-columns: 1fr 1fr 100px 90px;
    align-items: end;
    gap: 0.75rem;
}

.new-tag-preview[b-016w3q8twu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    grid-column: 1 / 4;
}

.tag-create-action[b-016w3q8twu] {
    display: flex;
    justify-content: flex-end;
}

.tag-create-action .btn[b-016w3q8twu] {
    min-width: 108px;
    white-space: nowrap;
}


/* ------------------------------------------------------------
   Region heading
   ------------------------------------------------------------ */

.tags-region-header[b-016w3q8twu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.tags-region-heading[b-016w3q8twu] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 0.65rem;
    color: #5c687b;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tags-region-line[b-016w3q8twu] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.tags-count[b-016w3q8twu] {
    display: flex;
    align-items: baseline;
    gap: 0.3rem;
    color: #748094;
    font-size: 0.68rem;
}

.tags-count strong[b-016w3q8twu] {
    color: #445065;
    font-size: 0.77rem;
}


/* ------------------------------------------------------------
   Domains
   ------------------------------------------------------------ */

.domain-library-region[b-016w3q8twu] {
    margin-bottom: 1.4rem;
}

.domain-library-intro[b-016w3q8twu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.65rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid #dce5e1;
    border-radius: 9px;
    color: #5f6d68;
    background: #f7fbf9;
    font-size: 0.69rem;
    line-height: 1.45;
}

.domain-library-note[b-016w3q8twu] {
    color: #7a8682;
    text-align: right;
}

.domain-list[b-016w3q8twu] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.domain-row[b-016w3q8twu] {
    --domain-color: #5f8fe8;

    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid #d7dfdc;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(24, 34, 53, 0.035);
}

.domain-row.inactive[b-016w3q8twu] {
    opacity: 0.72;
    background: #fafbfb;
}

.domain-row-identity[b-016w3q8twu] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.domain-color-marker[b-016w3q8twu] {
    width: 5px;
    height: 30px;
    flex: 0 0 5px;
    border-radius: 99px;
    background: var(--domain-color);
}

.domain-name-badge[b-016w3q8twu],
.tag-domain-badge[b-016w3q8twu] {
    font-size: 0.66rem;
    font-weight: 700;
}

.tag-domain-badge.archived[b-016w3q8twu] {
    opacity: 0.65;
}

.domain-order[b-016w3q8twu],
.domain-tag-count[b-016w3q8twu] {
    color: #87928e;
    font-size: 0.63rem;
}

.domain-row-actions[b-016w3q8twu] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.domain-edit-fields[b-016w3q8twu] {
    display: grid;
    min-width: 0;
    flex: 1;
    grid-template-columns: minmax(180px, 1fr) 75px 90px auto;
    align-items: center;
    gap: 0.5rem;
}

.domain-edit-color[b-016w3q8twu] {
    width: 75px !important;
}

.domain-edit-order[b-016w3q8twu] {
    max-width: 90px;
}

.domain-edit-preview[b-016w3q8twu] {
    font-size: 0.66rem;
}

.domain-loading[b-016w3q8twu] {
    min-height: 100px;
}

.domain-empty-state[b-016w3q8twu] {
    padding: 1.6rem 1rem;
}


/* ------------------------------------------------------------
   Tag Domain picker
   ------------------------------------------------------------ */

.tag-domain-picker[b-016w3q8twu] {
    grid-column: 1 / -1;
    width: min(430px, 100%);
}

.tag-domain-picker summary[b-016w3q8twu] {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.48rem 0.65rem;
    border: 1px solid #d4dce7;
    border-radius: 8px;
    cursor: pointer;
    color: #566174;
    background: #fff;
    font-size: 0.69rem;
    list-style: none;
}

.tag-domain-picker summary[b-016w3q8twu]::-webkit-details-marker {
    display: none;
}

.tag-domain-picker summary[b-016w3q8twu]::after {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    margin-left: auto;
    border-right: 2px solid #7d8999;
    border-bottom: 2px solid #7d8999;
    content: "";
    transform: rotate(45deg);
    transition: transform 0.15s ease;
}

.tag-domain-picker[open] summary[b-016w3q8twu]::after {
    transform: rotate(225deg);
}

.tag-domain-picker summary strong[b-016w3q8twu] {
    max-width: 230px;
    overflow: hidden;
    color: #354156;
    font-size: 0.69rem;
    font-weight: 675;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tag-domain-picker-menu[b-016w3q8twu] {
    width: 100%;
    max-height: 260px;
    margin-top: 0.3rem;
    overflow-y: auto;
    padding: 0.35rem;
    border: 1px solid #cfd8e4;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(30, 45, 70, 0.15);
}

.tag-domain-picker-option[b-016w3q8twu] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.48rem 0.5rem;
    border-radius: 7px;
    color: #445065;
    cursor: pointer;
    font-size: 0.72rem;
}

.tag-domain-picker-option:hover[b-016w3q8twu] {
    background: #f4f7fb;
}

.tag-domain-picker-option.archived[b-016w3q8twu] {
    color: #89929f;
}

.tag-domain-picker-option small[b-016w3q8twu] {
    color: #9aa3af;
    font-size: 0.58rem;
}

.tag-domain-picker-dot[b-016w3q8twu] {
    --domain-color: #5f8fe8;

    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--domain-color);
}

.tag-domain-picker-empty[b-016w3q8twu] {
    padding: 0.65rem;
    color: #8792a2;
    font-size: 0.68rem;
}


/* ------------------------------------------------------------
   Tag type cards
   ------------------------------------------------------------ */

.tag-type-list[b-016w3q8twu] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.tag-type-card[b-016w3q8twu] {
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--managr-purple);
    border-radius: 11px;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
}

.tag-type-card.inactive[b-016w3q8twu] {
    opacity: 0.76;
}

.tag-type-header[b-016w3q8twu] {
    display: flex;
    min-height: 68px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid #dfe4eb;
    background: linear-gradient(90deg, rgba(118, 86, 201, 0.045), #fbfcfe 45%);
}

.tag-type-identity[b-016w3q8twu] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.65rem;
}

.tag-type-accent[b-016w3q8twu] {
    width: 4px;
    height: 31px;
    flex: 0 0 4px;
    border-radius: 99px;
    background: var(--managr-purple);
}

.tag-type-name-row[b-016w3q8twu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.tag-type-name[b-016w3q8twu] {
    color: #344054;
    font-size: 0.84rem;
    font-weight: 725;
}

.tag-count-badge[b-016w3q8twu] {
    padding: 0.2rem 0.45rem;
    border: 1px solid #dce1e8;
    border-radius: 99px;
    color: #667184;
    background: #f6f7f9;
    font-size: 0.61rem;
    font-weight: 650;
}

.inactive-badge[b-016w3q8twu] {
    padding: 0.2rem 0.45rem;
    border-radius: 99px;
    color: #657080;
    background: #edf0f3;
    font-size: 0.61rem;
    font-weight: 700;
}

.tag-type-order[b-016w3q8twu] {
    margin-top: 0.18rem;
    color: #9099a6;
    font-size: 0.63rem;
}

.tag-type-actions[b-016w3q8twu] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.tag-secondary-button[b-016w3q8twu] {
    border: 1px solid #ccd4df;
    color: #526074;
    background: #fff;
}

.tag-secondary-button:hover[b-016w3q8twu] {
    border-color: #9eabbc;
    color: #26354d;
    background: #f7f9fc;
}


/* ------------------------------------------------------------
   Tag Type edit
   ------------------------------------------------------------ */

.tag-type-edit-fields[b-016w3q8twu] {
    display: flex;
    min-width: 0;
    flex: 1;
    gap: 0.5rem;
}

.tag-type-order-input[b-016w3q8twu] {
    max-width: 100px;
}


/* ------------------------------------------------------------
   Tag rows
   ------------------------------------------------------------ */

.tag-type-body[b-016w3q8twu] {
    background: #fff;
}

.tag-type-empty[b-016w3q8twu] {
    padding: 1rem;
    color: #8a94a3;
    font-size: 0.72rem;
}

.tag-list[b-016w3q8twu] {
    display: flex;
    flex-direction: column;
}

.tag-row[b-016w3q8twu] {
    --tag-color: #8793a5;

    position: relative;
    display: flex;
    min-height: 58px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.68rem 0.9rem 0.68rem 1rem;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

.tag-row:last-child[b-016w3q8twu] {
    border-bottom: 0;
}

.tag-row:hover[b-016w3q8twu] {
    background: #fafcff;
}

.tag-row.inactive[b-016w3q8twu] {
    opacity: 0.68;
}

.tag-color-marker[b-016w3q8twu] {
    width: 5px;
    height: 30px;
    flex: 0 0 5px;
    border-radius: 99px;
    background: var(--tag-color);
}

.tag-row-identity[b-016w3q8twu] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag-name-badge[b-016w3q8twu] {
    font-size: 0.68rem;
    font-weight: 675;
}

.tag-order[b-016w3q8twu] {
    color: #8b94a1;
    font-size: 0.64rem;
}

.tag-row-actions[b-016w3q8twu] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}


/* ------------------------------------------------------------
   Tag edit
   ------------------------------------------------------------ */

.tag-edit-fields[b-016w3q8twu] {
    display: grid;
    min-width: 0;
    flex: 1;
    grid-template-columns: minmax(160px, 1fr) 75px 90px auto;
    align-items: center;
    gap: 0.5rem;
}

.tag-edit-color[b-016w3q8twu] {
    width: 75px !important;
}

.tag-edit-order[b-016w3q8twu] {
    max-width: 90px;
}

.tag-edit-preview[b-016w3q8twu] {
    font-size: 0.66rem;
}


/* ------------------------------------------------------------
   Empty / loading
   ------------------------------------------------------------ */

.settings-loading[b-016w3q8twu] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
}

.settings-loading-indicator[b-016w3q8twu] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: settings-spin-b-016w3q8twu 0.8s linear infinite;
}

@keyframes settings-spin-b-016w3q8twu {
    to { transform: rotate(360deg); }
}

.settings-empty-state[b-016w3q8twu] {
    padding: 3.5rem 1rem;
    border: 1px dashed #cbd3df;
    border-radius: 11px;
    text-align: center;
    background: rgba(255, 255, 255, 0.48);
}

.settings-empty-icon[b-016w3q8twu] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.7rem;
    border: 1px solid #b9c9df;
    border-radius: 50%;
    color: var(--managr-blue);
    background: #f1f5fb;
}

.settings-empty-title[b-016w3q8twu] {
    color: #354156;
    font-size: 0.92rem;
    font-weight: 700;
}

.settings-empty-text[b-016w3q8twu] {
    margin-top: 0.2rem;
    color: var(--managr-muted);
    font-size: 0.74rem;
}


/* ------------------------------------------------------------
   Tablet
   ------------------------------------------------------------ */

@media (max-width: 950px) {

    .tag-create-grid[b-016w3q8twu] {
        grid-template-columns: 1fr;
    }

    .tag-create-wide[b-016w3q8twu] {
        grid-column: auto;
    }

    .domain-library-intro[b-016w3q8twu] {
        flex-direction: column;
    }

    .domain-library-note[b-016w3q8twu] {
        text-align: left;
    }
}


/* ------------------------------------------------------------
   Mobile
   ------------------------------------------------------------ */

@media (max-width: 700px) {

    .settings-page-banner[b-016w3q8twu] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.9rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .settings-page-banner h1[b-016w3q8twu] {
        font-size: 1.5rem;
    }

    .settings-banner-actions[b-016w3q8twu],
    .settings-banner-button[b-016w3q8twu] {
        width: 100%;
    }

    .settings-banner-button[b-016w3q8twu] {
        text-align: center;
    }

    .tag-create-subtitle[b-016w3q8twu] {
        display: none;
    }

    .domain-create-grid[b-016w3q8twu],
    .tag-type-create-grid[b-016w3q8twu],
    .new-tag-grid[b-016w3q8twu] {
        grid-template-columns: 1fr;
    }

    .domain-create-preview[b-016w3q8twu],
    .domain-create-grid .tag-create-action[b-016w3q8twu],
    .new-tag-preview[b-016w3q8twu],
    .tag-type-create-grid .tag-create-action[b-016w3q8twu] {
        grid-column: auto;
        grid-row: auto;
    }

    .tag-create-action .btn[b-016w3q8twu] {
        width: 100%;
        min-width: 0;
    }

    .tag-type-header[b-016w3q8twu] {
        align-items: stretch;
        flex-direction: column;
    }

    .tag-type-actions[b-016w3q8twu] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    .tag-type-actions .btn[b-016w3q8twu] {
        width: 100%;
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }

    .tag-type-edit-fields[b-016w3q8twu] {
        display: grid;
        grid-template-columns: 1fr 90px;
    }

    .domain-row[b-016w3q8twu],
    .tag-row[b-016w3q8twu] {
        align-items: stretch;
        flex-direction: column;
    }

    .domain-row-actions[b-016w3q8twu],
    .tag-row-actions[b-016w3q8twu] {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .domain-row-actions .btn[b-016w3q8twu],
    .tag-row-actions .btn[b-016w3q8twu] {
        width: 100%;
    }

    .domain-edit-fields[b-016w3q8twu] {
        width: 100%;
        grid-template-columns: 1fr 75px 85px;
    }

    .domain-edit-preview[b-016w3q8twu] {
        grid-column: 1 / -1;
        width: fit-content;
    }

    .tag-edit-fields[b-016w3q8twu] {
        width: 100%;
        grid-template-columns: 1fr 75px 85px;
    }

    .tag-edit-preview[b-016w3q8twu] {
        grid-column: 1 / -1;
        width: fit-content;
    }
}


/* /Components/Pages/TaskDetail.razor.rz.scp.css */


.task-detail-page[b-5hsvzz9wkk] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-border-soft: #dfe4eb;
    --managr-surface: #ffffff;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-purple: #7656c9;
    --managr-green: #24976f;
    --managr-orange: #e58737;
    --managr-red: #d95151;

    max-width: 1250px;
    margin: 0 auto;
    padding: 1.15rem 1rem 2.2rem;
    color: var(--managr-ink);
}

.task-detail-banner[b-5hsvzz9wkk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    position: relative;
    padding: 1.15rem 1.3rem;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(125deg, #182f5c, #3568d4);
    box-shadow: 0 8px 24px rgba(35, 77, 168, 0.18);
}

.task-detail-banner[b-5hsvzz9wkk]::before,
.task-detail-banner[b-5hsvzz9wkk]::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
}

.task-detail-banner[b-5hsvzz9wkk]::before {
    width: 180px;
    height: 180px;
    top: -95px;
    right: 90px;
}

.task-detail-banner[b-5hsvzz9wkk]::after {
    width: 110px;
    height: 110px;
    right: 12px;
    bottom: -70px;
}

.task-detail-banner-content[b-5hsvzz9wkk],
.task-detail-banner-actions[b-5hsvzz9wkk] {
    position: relative;
    z-index: 1;
}

.task-detail-eyebrow[b-5hsvzz9wkk] {
    margin-bottom: 0.16rem;
    color: #dce7ff;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.task-detail-banner h1[b-5hsvzz9wkk] {
    max-width: 820px;
    margin: 0;
    font-size: 1.55rem;
    font-weight: 760;
    line-height: 1.2;
}

.task-detail-banner-subtitle[b-5hsvzz9wkk] {
    margin-top: 0.3rem;
    color: #dbe5f7;
    font-size: 0.75rem;
}

.task-detail-banner-actions[b-5hsvzz9wkk] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.45rem;
}

.task-detail-banner-button[b-5hsvzz9wkk] {
    border: 1px solid rgba(255, 255, 255, 0.48);
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.task-detail-banner-button:hover[b-5hsvzz9wkk],
.task-detail-banner-button.primary[b-5hsvzz9wkk] {
    border-color: #fff;
    color: #234da8;
    background: #fff;
}

.task-detail-alert[b-5hsvzz9wkk] {
    margin: 0.8rem 0 0;
    font-size: 0.72rem;
}

.task-detail-duplicate-confirmation[b-5hsvzz9wkk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.8rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #cbd7e8;
    border-radius: 9px;
    color: #344763;
    background: #f6f9fd;
}

.task-detail-duplicate-confirmation strong[b-5hsvzz9wkk],
.task-detail-duplicate-confirmation span[b-5hsvzz9wkk] {
    display: block;
}

.task-detail-duplicate-confirmation strong[b-5hsvzz9wkk] {
    font-size: 0.72rem;
}

.task-detail-duplicate-confirmation span[b-5hsvzz9wkk] {
    margin-top: 0.12rem;
    color: #66758a;
    font-size: 0.64rem;
    line-height: 1.4;
}

.task-detail-duplicate-confirmation-actions[b-5hsvzz9wkk] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.task-detail-duplicate-confirm-button[b-5hsvzz9wkk] {
    border: 1px solid var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.task-detail-duplicate-confirm-button:hover[b-5hsvzz9wkk] {
    border-color: #24509d;
    color: #fff;
    background: #24509d;
}

.task-detail-loading[b-5hsvzz9wkk],
.task-detail-not-found[b-5hsvzz9wkk] {
    display: flex;
    min-height: 260px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.6rem;
    color: var(--managr-muted);
}

.task-detail-loading-indicator[b-5hsvzz9wkk] {
    width: 28px;
    height: 28px;
    border: 3px solid #d8dfe9;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: task-detail-spin-b-5hsvzz9wkk 0.8s linear infinite;
}

@keyframes task-detail-spin-b-5hsvzz9wkk {
    to {
        transform: rotate(360deg);
    }
}

.task-detail-not-found-icon[b-5hsvzz9wkk] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--managr-orange);
    font-weight: 800;
}

.task-detail-not-found-title[b-5hsvzz9wkk] {
    color: var(--managr-ink);
    font-size: 1rem;
    font-weight: 725;
}

.task-detail-not-found-text[b-5hsvzz9wkk] {
    margin-bottom: 0.25rem;
    font-size: 0.72rem;
}

.task-detail-overview[b-5hsvzz9wkk] {
    margin-top: 0.9rem;
    padding: 1rem 1.05rem;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--managr-blue);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(24, 34, 53, 0.06);
}

.task-detail-overview-top[b-5hsvzz9wkk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.task-detail-badges[b-5hsvzz9wkk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.task-detail-status[b-5hsvzz9wkk],
.task-detail-priority[b-5hsvzz9wkk],
.task-detail-recurrence[b-5hsvzz9wkk] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    border-radius: 99px;
    font-size: 0.62rem;
    font-weight: 725;
}

.task-detail-status.open[b-5hsvzz9wkk] {
    color: #1d6f55;
    background: #e7f5f0;
}

.task-detail-status.completed[b-5hsvzz9wkk] {
    color: #526074;
    background: #edf1f5;
}

.task-detail-status.removed[b-5hsvzz9wkk] {
    color: #963e46;
    background: #fae9eb;
}

.task-detail-priority[b-5hsvzz9wkk] {
    color: #9c353f;
    background: #fae7e9;
}

.task-detail-recurrence[b-5hsvzz9wkk] {
    color: #385992;
    background: #e8effb;
}

.task-detail-complete-button[b-5hsvzz9wkk] {
    flex: 0 0 auto;
    border: 1px solid #58ae8d;
    color: #187553;
    background: #f7fcfa;
    font-size: 0.7rem;
    font-weight: 700;
}

.task-detail-complete-button:hover[b-5hsvzz9wkk] {
    border-color: var(--managr-green);
    color: #fff;
    background: var(--managr-green);
}

.task-detail-complete-warning[b-5hsvzz9wkk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #efd0ae;
    border-radius: 9px;
    color: #76512c;
    background: #fff9f2;
}

.task-detail-complete-warning strong[b-5hsvzz9wkk],
.task-detail-complete-warning span[b-5hsvzz9wkk] {
    display: block;
}

.task-detail-complete-warning strong[b-5hsvzz9wkk] {
    font-size: 0.7rem;
}

.task-detail-complete-warning span[b-5hsvzz9wkk] {
    margin-top: 0.12rem;
    color: #8a6b4c;
    font-size: 0.64rem;
}

.task-detail-complete-warning-actions[b-5hsvzz9wkk] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.task-detail-complete-anyway[b-5hsvzz9wkk] {
    border: 1px solid var(--managr-green);
    color: #fff;
    background: var(--managr-green);
}

.task-detail-complete-anyway:hover[b-5hsvzz9wkk] {
    border-color: #197a59;
    color: #fff;
    background: #197a59;
}

.task-detail-meta-grid[b-5hsvzz9wkk] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.task-detail-meta-item[b-5hsvzz9wkk] {
    min-width: 0;
    padding: 0.62rem 0.68rem;
    border: 1px solid #e2e7ee;
    border-radius: 8px;
    background: #fafbfd;
}

.task-detail-meta-item > span[b-5hsvzz9wkk] {
    display: block;
    margin-bottom: 0.15rem;
    color: #7b8798;
    font-size: 0.58rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.task-detail-meta-item > strong[b-5hsvzz9wkk] {
    color: #445166;
    font-size: 0.69rem;
    font-weight: 675;
}

.task-detail-tags[b-5hsvzz9wkk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.75rem;
}

.task-detail-tags .badge[b-5hsvzz9wkk] {
    font-size: 0.62rem;
    font-weight: 650;
}

.task-detail-grid[b-5hsvzz9wkk] {
    display: grid;
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
    gap: 0.9rem;
    margin-top: 0.9rem;
}

.task-detail-region[b-5hsvzz9wkk] {
    min-width: 0;
}

.task-detail-region-heading[b-5hsvzz9wkk] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.42rem;
    color: #536177;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.task-detail-region-heading div[b-5hsvzz9wkk] {
    height: 1px;
    flex: 1;
    background: #d9dfe8;
}

.task-detail-card[b-5hsvzz9wkk] {
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(24, 34, 53, 0.05);
}

.task-detail-notes-card[b-5hsvzz9wkk] {
    min-height: 170px;
    padding: 0.9rem 0.95rem;
}

.task-detail-notes[b-5hsvzz9wkk] {
    color: #4e5a6d;
    font-size: 0.76rem;
    line-height: 1.55;
    white-space: pre-wrap;
}

.task-detail-empty-copy[b-5hsvzz9wkk] {
    color: #8a94a4;
    font-size: 0.69rem;
}

.subtask-card[b-5hsvzz9wkk] {
    border-top: 4px solid var(--managr-green);
}

.subtask-card-header[b-5hsvzz9wkk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid #e7ebf0;
    background: #fafbfd;
}

.subtask-card-title[b-5hsvzz9wkk] {
    color: #3f4c60;
    font-size: 0.82rem;
    font-weight: 725;
}

.subtask-card-subtitle[b-5hsvzz9wkk] {
    margin-top: 0.08rem;
    color: #8490a1;
    font-size: 0.63rem;
}

.subtask-count[b-5hsvzz9wkk] {
    flex: 0 0 auto;
    padding: 0.18rem 0.48rem;
    border-radius: 99px;
    color: #226f56;
    background: #e8f5f0;
    font-size: 0.61rem;
    font-weight: 725;
}

.subtask-progress-wrap[b-5hsvzz9wkk] {
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid #edf0f4;
}

.subtask-progress-copy[b-5hsvzz9wkk] {
    display: flex;
    justify-content: space-between;
    color: #718094;
    font-size: 0.61rem;
}

.subtask-progress-copy strong[b-5hsvzz9wkk] {
    color: #526074;
}

.subtask-progress[b-5hsvzz9wkk] {
    height: 7px;
    margin-top: 0.3rem;
    overflow: hidden;
    border-radius: 99px;
    background: #e3e8f0;
}

.subtask-progress span[b-5hsvzz9wkk] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--managr-green), #54b894);
    transition: width 0.2s ease;
}

.subtask-add-row[b-5hsvzz9wkk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.45rem;
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid #edf0f4;
    background: #fcfdfd;
}

.subtask-add-field[b-5hsvzz9wkk] {
    min-width: 0;
}

.task-detail-page[b-5hsvzz9wkk]  .subtask-add-field .form-control {
    min-height: 36px;
    font-size: 0.72rem;
}

.task-detail-page[b-5hsvzz9wkk]  .subtask-add-field .validation-message {
    display: block;
    margin-top: 0.2rem;
    color: var(--managr-red);
    font-size: 0.6rem;
}

.subtask-add-button[b-5hsvzz9wkk] {
    min-height: 36px;
    font-size: 0.67rem !important;
}

.subtask-readonly-note[b-5hsvzz9wkk] {
    padding: 0.58rem 0.85rem;
    border-bottom: 1px solid #edf0f4;
    color: #7d8797;
    background: #fafbfd;
    font-size: 0.63rem;
}

.subtask-empty[b-5hsvzz9wkk] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 1rem 0.9rem;
}

.subtask-empty-icon[b-5hsvzz9wkk] {
    display: flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbe3d9;
    border-radius: 50%;
    color: var(--managr-green);
    background: #f2faf7;
    font-weight: 800;
}

.subtask-empty-title[b-5hsvzz9wkk] {
    color: #4d5a6e;
    font-size: 0.72rem;
    font-weight: 700;
}

.subtask-empty-text[b-5hsvzz9wkk] {
    margin-top: 0.08rem;
    color: #8993a2;
    font-size: 0.63rem;
}

.subtask-list[b-5hsvzz9wkk] {
    display: flex;
    flex-direction: column;
}

.subtask-row[b-5hsvzz9wkk] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.62rem 0.75rem;
    border-bottom: 1px solid #edf0f4;
}

.subtask-row:last-child[b-5hsvzz9wkk] {
    border-bottom: 0;
}

.subtask-row:hover[b-5hsvzz9wkk] {
    background: #fbfcfe;
}

.subtask-row.completed[b-5hsvzz9wkk] {
    background: #fbfdfc;
}

.subtask-check[b-5hsvzz9wkk] {
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1.5px solid #70b99d;
    border-radius: 50%;
    color: #fff;
    background: #fff;
    font-size: 0.72rem;
    font-weight: 800;
}

.subtask-row.completed .subtask-check[b-5hsvzz9wkk] {
    background: var(--managr-green);
}

.subtask-check:disabled[b-5hsvzz9wkk] {
    cursor: default;
    opacity: 0.75;
}

.subtask-title-area[b-5hsvzz9wkk] {
    min-width: 0;
}

.subtask-title[b-5hsvzz9wkk] {
    display: block;
    overflow-wrap: anywhere;
    color: #3f4c60;
    font-size: 0.74rem;
    font-weight: 650;
}

.subtask-row.completed .subtask-title[b-5hsvzz9wkk] {
    color: #7f8998;
    text-decoration: line-through;
}

.subtask-completed-at[b-5hsvzz9wkk] {
    display: block;
    margin-top: 0.08rem;
    color: #929ba8;
    font-size: 0.56rem;
}

.subtask-actions[b-5hsvzz9wkk] {
    display: flex;
    align-items: center;
    gap: 0.28rem;
}

.subtask-order-button[b-5hsvzz9wkk] {
    display: flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #d1d8e3;
    border-radius: 6px;
    color: #59677c;
    background: #fff;
    font-size: 0.72rem;
    font-weight: 800;
}

.subtask-order-button:hover:not(:disabled)[b-5hsvzz9wkk] {
    border-color: var(--managr-blue);
    color: var(--managr-blue);
    background: #f5f8fd;
}

.subtask-order-button:disabled[b-5hsvzz9wkk] {
    opacity: 0.35;
}

.subtask-text-action[b-5hsvzz9wkk] {
    padding: 0.2rem 0.32rem;
    border: 0;
    color: #5d6c82;
    background: transparent;
    font-size: 0.6rem;
    font-weight: 650;
}

.subtask-text-action:hover[b-5hsvzz9wkk] {
    color: var(--managr-blue);
}

.subtask-text-action.remove:hover[b-5hsvzz9wkk] {
    color: var(--managr-red);
}

.subtask-rename-row[b-5hsvzz9wkk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.35rem;
}

.task-detail-page .subtask-rename-row .form-control[b-5hsvzz9wkk] {
    min-height: 32px;
    height: 32px;
    font-size: 0.69rem;
}

.task-detail-page .subtask-rename-row .btn[b-5hsvzz9wkk] {
    min-height: 32px;
    font-size: 0.61rem !important;
}

.task-detail-attachments-region[b-5hsvzz9wkk] {
    margin-top: 0.9rem;
}

.task-detail-attachments-card[b-5hsvzz9wkk] {
    border-top: 4px solid var(--managr-purple);
}

.task-detail-attachments-header[b-5hsvzz9wkk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid #e7ebf0;
    background: #fafbfd;
}

.task-detail-attachments-title[b-5hsvzz9wkk] {
    color: #3f4c60;
    font-size: 0.82rem;
    font-weight: 725;
}

.task-detail-attachments-subtitle[b-5hsvzz9wkk] {
    margin-top: 0.08rem;
    color: #8490a1;
    font-size: 0.63rem;
}

.task-detail-attachments-actions[b-5hsvzz9wkk] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.task-detail-attachments-actions > span[b-5hsvzz9wkk] {
    color: #7a8596;
    font-size: 0.63rem;
    font-weight: 675;
}

.attachment-empty[b-5hsvzz9wkk] {
    padding: 0.9rem;
}

.task-detail-attachment-list[b-5hsvzz9wkk] {
    display: flex;
    flex-direction: column;
}

.task-detail-attachment-row[b-5hsvzz9wkk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    padding: 0.65rem 0.8rem;
    border-bottom: 1px solid #edf0f4;
}

.task-detail-attachment-row:last-child[b-5hsvzz9wkk] {
    border-bottom: 0;
}

.task-detail-attachment-file[b-5hsvzz9wkk] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.6rem;
}

.task-detail-attachment-icon[b-5hsvzz9wkk] {
    display: inline-flex;
    min-width: 42px;
    height: 30px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 0.3rem;
    border: 1px solid #d8d1ef;
    border-radius: 7px;
    color: #654cac;
    background: #f2effb;
    font-size: 0.56rem;
    font-weight: 800;
}

.task-detail-attachment-name[b-5hsvzz9wkk] {
    overflow: hidden;
    color: #344054;
    font-size: 0.73rem;
    font-weight: 675;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-detail-attachment-meta[b-5hsvzz9wkk] {
    margin-top: 0.1rem;
    color: #8a94a4;
    font-size: 0.6rem;
}

.task-detail-attachment-actions[b-5hsvzz9wkk] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.35rem;
}

@media (max-width: 1000px) {
    .task-detail-meta-grid[b-5hsvzz9wkk] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .task-detail-grid[b-5hsvzz9wkk] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .task-detail-page[b-5hsvzz9wkk] {
        padding: 0.75rem 0.65rem 1.5rem;
    }

    .task-detail-banner[b-5hsvzz9wkk],
    .task-detail-overview-top[b-5hsvzz9wkk],
    .task-detail-complete-warning[b-5hsvzz9wkk],
    .task-detail-duplicate-confirmation[b-5hsvzz9wkk],
    .task-detail-attachments-header[b-5hsvzz9wkk],
    .task-detail-attachment-row[b-5hsvzz9wkk] {
        align-items: stretch;
        flex-direction: column;
    }

    .task-detail-banner-actions[b-5hsvzz9wkk],
    .task-detail-complete-warning-actions[b-5hsvzz9wkk],
    .task-detail-duplicate-confirmation-actions[b-5hsvzz9wkk],
    .task-detail-attachment-actions[b-5hsvzz9wkk] {
        width: 100%;
    }

    .task-detail-banner-actions .btn[b-5hsvzz9wkk],
    .task-detail-complete-warning-actions .btn[b-5hsvzz9wkk],
    .task-detail-duplicate-confirmation-actions .btn[b-5hsvzz9wkk],
    .task-detail-attachment-actions .btn[b-5hsvzz9wkk] {
        flex: 1;
    }

    .task-detail-meta-grid[b-5hsvzz9wkk] {
        grid-template-columns: 1fr 1fr;
    }

    .subtask-add-row[b-5hsvzz9wkk] {
        grid-template-columns: 1fr;
    }

    .subtask-row[b-5hsvzz9wkk] {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .subtask-actions[b-5hsvzz9wkk] {
        grid-column: 2;
        flex-wrap: wrap;
    }

    .subtask-rename-row[b-5hsvzz9wkk] {
        grid-template-columns: 1fr 1fr;
    }

    .subtask-rename-row .form-control[b-5hsvzz9wkk] {
        grid-column: 1 / -1;
    }
}

/* Keep the compact page banner flush with the MainLayout content edge. */
.task-detail-page[b-5hsvzz9wkk] {
    padding-top: 0;
}

@media (max-width: 700px) {
    .task-detail-page[b-5hsvzz9wkk] {
        padding-top: 0;
    }
}

.task-detail-team[b-5hsvzz9wkk] {
    padding: 0.25rem 0.5rem;
    border: 1px solid #c8d9f4;
    border-radius: 999px;
    color: #315b9f;
    background: #eef5ff;
    font-size: 0.62rem;
    font-weight: 700;
}

.task-detail-team-assignees[b-5hsvzz9wkk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.task-detail-team-assignee[b-5hsvzz9wkk] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.4rem;
    border: 1px solid #d5deea;
    border-radius: 999px;
    color: #536176;
    background: #f7f9fc;
    font-size: 0.62rem;
    font-weight: 650;
}

.task-detail-meta-item a[b-5hsvzz9wkk] {
    color: #315b9f;
    text-decoration: none;
}

.task-detail-meta-item a:hover[b-5hsvzz9wkk] {
    text-decoration: underline;
}


/* Phase 5 collaboration audit + visual polish */
.task-detail-activity-card[b-5hsvzz9wkk] {
    padding: 1rem;
}

.task-detail-activity-header[b-5hsvzz9wkk] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e7edf5;
}

.task-detail-activity-title[b-5hsvzz9wkk] {
    color: #173b67;
    font-size: 0.92rem;
    font-weight: 800;
}

.task-detail-activity-subtitle[b-5hsvzz9wkk] {
    margin-top: 0.12rem;
    color: #6a7d92;
    font-size: 0.75rem;
}

.task-detail-activity-header > span[b-5hsvzz9wkk] {
    flex: 0 0 auto;
    color: #6a7d92;
    font-size: 0.72rem;
    font-weight: 700;
}

.task-detail-update-form[b-5hsvzz9wkk] {
    display: grid;
    gap: 0.6rem;
    margin-top: 0.85rem;
    padding: 0.8rem;
    border: 1px solid #dfe7f1;
    border-radius: 9px;
    background: #fafcff;
}

.task-detail-update-form-heading[b-5hsvzz9wkk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.task-detail-update-form-heading > div[b-5hsvzz9wkk] {
    display: grid;
    gap: 0.12rem;
}

.task-detail-update-form-heading strong[b-5hsvzz9wkk] {
    color: #304760;
    font-size: 0.78rem;
}

.task-detail-update-form-heading > div > span[b-5hsvzz9wkk] {
    color: #7c8b9d;
    font-size: 0.67rem;
}

.task-detail-update-immutable[b-5hsvzz9wkk] {
    flex: 0 0 auto;
    padding: 0.18rem 0.4rem;
    border: 1px solid #d9e2ed;
    border-radius: 999px;
    color: #65758a;
    background: #fff;
    font-size: 0.59rem;
    font-weight: 750;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.task-detail-update-input[b-5hsvzz9wkk] {
    min-height: 92px;
    resize: vertical;
    font-size: 0.75rem;
    line-height: 1.45;
}

.task-detail-update-actions[b-5hsvzz9wkk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.task-detail-update-actions > span[b-5hsvzz9wkk],
.task-detail-update-readonly[b-5hsvzz9wkk] {
    color: #7a899b;
    font-size: 0.64rem;
}

.task-detail-update-button[b-5hsvzz9wkk] {
    flex: 0 0 auto;
    font-size: 0.7rem !important;
}

.task-detail-update-readonly[b-5hsvzz9wkk] {
    margin-top: 0.85rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    background: #fafbfc;
}

.task-detail-activity-list[b-5hsvzz9wkk] {
    display: grid;
    gap: 0;
}

.task-detail-activity-row[b-5hsvzz9wkk] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.8rem 0;
    border-bottom: 1px solid #edf1f6;
}

.task-detail-activity-row:last-child[b-5hsvzz9wkk] {
    border-bottom: 0;
    padding-bottom: 0;
}

.task-detail-activity-marker[b-5hsvzz9wkk] {
    width: 9px;
    height: 9px;
    margin-top: 0.34rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #5baeff;
    box-shadow: 0 0 0 2px #cfe8ff;
}

.task-detail-activity-row.user-update[b-5hsvzz9wkk] {
    margin: 0.35rem 0;
    padding: 0.8rem;
    border: 1px solid #dce6f2;
    border-radius: 9px;
    background: #fbfdff;
}

.task-detail-activity-row.user-update:last-child[b-5hsvzz9wkk] {
    padding-bottom: 0.8rem;
}

.task-detail-activity-row.user-update .task-detail-activity-marker[b-5hsvzz9wkk] {
    background: #6d62b5;
    box-shadow: 0 0 0 2px #e3def7;
}

.task-detail-activity-row.user-update .task-detail-activity-type[b-5hsvzz9wkk] {
    border-color: #ddd6f3;
    color: #5c4ba0;
    background: #f4f1fc;
}

.task-detail-activity-copy[b-5hsvzz9wkk] {
    min-width: 0;
}

.task-detail-activity-summary[b-5hsvzz9wkk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    color: #26394e;
    font-size: 0.8rem;
}

.task-detail-activity-type[b-5hsvzz9wkk] {
    padding: 0.16rem 0.38rem;
    border: 1px solid #cfe4f8;
    border-radius: 999px;
    color: #285880;
    background: #eff7ff;
    font-size: 0.63rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.task-detail-activity-meta[b-5hsvzz9wkk] {
    margin-top: 0.18rem;
    color: #7a8b9d;
    font-size: 0.7rem;
}

.task-detail-activity-details[b-5hsvzz9wkk] {
    margin-top: 0.32rem;
    color: #5b6d80;
    font-size: 0.73rem;
    line-height: 1.4;
}

.task-detail-activity-details.user-update-text[b-5hsvzz9wkk] {
    margin-top: 0.42rem;
    color: #34485f;
    font-size: 0.78rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.activity-empty[b-5hsvzz9wkk] {
    padding: 1rem 0 0;
}

.task-detail-overview[b-5hsvzz9wkk],
.task-detail-card[b-5hsvzz9wkk] {
    border-radius: 10px;
}

@media (max-width: 720px) {
    .task-detail-activity-header[b-5hsvzz9wkk],
    .task-detail-update-form-heading[b-5hsvzz9wkk],
    .task-detail-update-actions[b-5hsvzz9wkk] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.35rem;
    }

    .task-detail-update-immutable[b-5hsvzz9wkk],
    .task-detail-update-button[b-5hsvzz9wkk] {
        align-self: flex-start;
    }
}


/* Status lifecycle */
.task-detail-status.in-progress[b-5hsvzz9wkk] { color:#174a7a; background:#dcecff; }
.task-detail-status.on-hold[b-5hsvzz9wkk] { color:#7a5919; background:#fff1c9; }
.task-detail-complete-button.start-task[b-5hsvzz9wkk] { border-color:#7aa8e8; color:#245ea8; background:#edf5ff; }
.task-detail-complete-button.start-task:hover[b-5hsvzz9wkk] { color:#fff; background:#2f6fca; }
.task-detail-complete-button.resume-task[b-5hsvzz9wkk] { border-color:#dfc889; color:#694d15; background:#fff7df; }
.task-detail-complete-button.resume-task:hover[b-5hsvzz9wkk] { color:#513a0e; background:#ffeab4; }

/* Task dependencies */
.task-detail-blocked[b-5hsvzz9wkk] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    border-radius: 99px;
    color: #74510a;
    background: #fff1c9;
    font-size: 0.62rem;
    font-weight: 725;
}

.task-detail-dependencies-region[b-5hsvzz9wkk] {
    margin-top: 1rem;
}

.task-detail-dependencies-card[b-5hsvzz9wkk] {
    padding: 0.85rem 0.95rem;
}

.task-detail-dependency-summary[b-5hsvzz9wkk] {
    margin-bottom: 0.65rem;
    font-size: 0.72rem;
    font-weight: 650;
}

.task-detail-dependency-summary.blocked[b-5hsvzz9wkk] { color: #8a6417; }
.task-detail-dependency-summary.ready[b-5hsvzz9wkk] { color: #257252; }

.task-detail-dependency-list[b-5hsvzz9wkk] {
    display: grid;
    gap: 0.4rem;
}

.task-detail-dependency-row[b-5hsvzz9wkk] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid #e0e6ef;
    border-radius: 8px;
    color: inherit;
    background: #fbfcfe;
    text-decoration: none;
}

.task-detail-dependency-row:hover[b-5hsvzz9wkk] {
    border-color: #cbd6e5;
    background: #f6f9fd;
}

.task-detail-dependency-row.blocking[b-5hsvzz9wkk] {
    border-color: #ecd69c;
    background: #fffaf0;
}

.task-detail-dependency-state[b-5hsvzz9wkk] {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #257252;
    background: #e8f5ef;
    font-size: 0.7rem;
    font-weight: 800;
}

.task-detail-dependency-row.blocking .task-detail-dependency-state[b-5hsvzz9wkk] {
    color: #825d10;
    background: #ffefc4;
}

.task-detail-dependency-copy[b-5hsvzz9wkk] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.1rem;
}

.task-detail-dependency-copy strong[b-5hsvzz9wkk] {
    overflow: hidden;
    color: #334256;
    font-size: 0.76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-detail-dependency-copy small[b-5hsvzz9wkk] {
    color: #7b8798;
    font-size: 0.66rem;
}
/* /Components/Pages/TaskEdit.razor.rz.scp.css */

.task-edit-page[b-g6mrki543z] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-border-soft: #dfe4eb;
    --managr-surface: #ffffff;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-green: #24976f;
    --managr-orange: #e58737;
    --managr-red: #d95151;
    --managr-purple: #7656c9;

    color: var(--managr-ink);
}


/* ------------------------------------------------------------
   Banner
   ------------------------------------------------------------ */

.task-edit-banner[b-g6mrki543z] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80, 145, 255, 0.24) 0, rgba(80, 145, 255, 0.24) 185px, transparent 186px),
        linear-gradient(120deg, #17243c 0%, #234a8d 56%, #3568d4 100%);
    box-shadow: 0 8px 25px rgba(28, 55, 105, 0.15);
}

.task-edit-banner-content[b-g6mrki543z],
.task-edit-banner-actions[b-g6mrki543z] {
    position: relative;
    z-index: 1;
}

.task-edit-eyebrow[b-g6mrki543z] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.task-edit-banner h1[b-g6mrki543z] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.task-edit-banner-subtitle[b-g6mrki543z] {
    max-width: 620px;
    margin-top: 0.32rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.task-edit-banner-actions[b-g6mrki543z] {
    flex: 0 0 auto;
}

.task-edit-banner-button[b-g6mrki543z] {
    padding: 0.52rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 650;
    backdrop-filter: blur(5px);
}

.task-edit-banner-button:hover[b-g6mrki543z] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}


/* ------------------------------------------------------------
   Shared controls
   ------------------------------------------------------------ */

.task-edit-page[b-g6mrki543z]  .form-label {
    margin-bottom: 0.3rem;
    color: #566174;
    font-size: 0.73rem;
    font-weight: 650;
}

.task-edit-page[b-g6mrki543z]  .form-control,
.task-edit-page[b-g6mrki543z]  .form-select {
    min-height: 40px;
    border: 1px solid #d4dce7;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: none;
    font-size: 0.84rem;
}

.task-edit-page[b-g6mrki543z]  textarea.form-control {
    resize: vertical;
}

.task-edit-page[b-g6mrki543z]  .form-control:focus,
.task-edit-page[b-g6mrki543z]  .form-select:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 0.18rem rgba(53, 104, 212, 0.11);
}

.task-edit-page[b-g6mrki543z]  .form-check-input:checked {
    border-color: var(--managr-blue);
    background-color: var(--managr-blue);
}

.task-edit-page[b-g6mrki543z]  .form-check-label {
    color: #465266;
    font-size: 0.8rem;
}

.task-edit-page[b-g6mrki543z]  .validation-message {
    display: block;
    margin-top: 0.28rem;
    color: var(--managr-red);
    font-size: 0.69rem;
}

.task-edit-page .btn[b-g6mrki543z] {
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 650;
}

.task-edit-page .btn-primary[b-g6mrki543z] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.task-edit-page .btn-primary:hover[b-g6mrki543z] {
    border-color: var(--managr-blue-dark);
    background: var(--managr-blue-dark);
}

.task-edit-alert[b-g6mrki543z] {
    margin-bottom: 1rem;
    border-radius: 10px;
}


/* ------------------------------------------------------------
   Main edit workspace
   ------------------------------------------------------------ */

.task-edit-workspace[b-g6mrki543z] {
    margin-bottom: 1.45rem;
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--managr-blue);
    border-radius: 14px;
    background: var(--managr-surface);
    box-shadow:
        0 1px 2px rgba(24, 34, 53, 0.04),
        0 7px 22px rgba(24, 34, 53, 0.09);
}

.task-edit-workspace-header[b-g6mrki543z] {
    min-height: 67px;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--managr-border-soft);
    background:
        linear-gradient(
            90deg,
            rgba(53, 104, 212, 0.055),
            #fbfcfe 48%
        );
}

.task-edit-heading[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.task-edit-accent[b-g6mrki543z] {
    width: 4px;
    height: 32px;
    flex: 0 0 4px;
    border-radius: 99px;
    background: var(--managr-blue);
}

.task-edit-title[b-g6mrki543z] {
    color: var(--managr-ink);
    font-size: 0.93rem;
    font-weight: 725;
}

.task-edit-subtitle[b-g6mrki543z] {
    margin-top: 0.12rem;
    color: var(--managr-muted);
    font-size: 0.68rem;
}

.task-edit-workspace-body[b-g6mrki543z] {
    padding: 1.15rem;
}


/* ------------------------------------------------------------
   Recurring context
   ------------------------------------------------------------ */

.recurring-context[b-g6mrki543z] {
    margin-bottom: 1.25rem;
    overflow: hidden;
    border: 1px solid #cbd7ee;
    border-left: 4px solid var(--managr-purple);
    border-radius: 10px;
    background: #f7f8fd;
}

.recurring-context-header[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid #dce3f1;
    background:
        linear-gradient(
            90deg,
            rgba(118, 86, 201, 0.07),
            rgba(255, 255, 255, 0.3)
        );
}

.recurring-context-icon[b-g6mrki543z] {
    display: flex;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid #c4b8e6;
    border-radius: 50%;
    color: #6748b5;
    background: #eeeafb;
    font-size: 1rem;
    font-weight: 700;
}

.recurring-context-title[b-g6mrki543z] {
    color: #4e3a85;
    font-size: 0.8rem;
    font-weight: 725;
}

.recurring-context-summary[b-g6mrki543z] {
    margin-top: 0.08rem;
    color: #75698f;
    font-size: 0.68rem;
}

.recurring-context-options[b-g6mrki543z] {
    padding: 0.8rem 0.9rem;
}

.recurring-apply-option[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    cursor: pointer;
    color: #465266;
    font-size: 0.77rem;
    font-weight: 650;
}

.recurring-apply-option[b-g6mrki543z]  .form-check-input {
    margin: 0;
}

.recurring-context-description[b-g6mrki543z] {
    margin-top: 0.55rem;
    padding-left: 1.55rem;
    color: #788396;
    font-size: 0.68rem;
    line-height: 1.45;
}


/* ------------------------------------------------------------
   New recurrence setup
   ------------------------------------------------------------ */

.new-recurrence-toggle[b-g6mrki543z] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 0.8rem;
}

.new-recurrence-option[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #465266;
    font-size: 0.8rem;
    font-weight: 650;
}

.new-recurrence-option[b-g6mrki543z]  .form-check-input {
    margin: 0;
}

.new-recurrence-toggle-note[b-g6mrki543z] {
    color: #8992a0;
    font-size: 0.68rem;
}

.new-recurrence-options[b-g6mrki543z] {
    margin-top: 0.8rem;
    padding: 0.85rem;
    border: 1px solid #d9d2ec;
    border-left: 4px solid var(--managr-purple);
    border-radius: 9px;
    background: #faf9fd;
}

.new-recurrence-description[b-g6mrki543z] {
    padding: 0.55rem 0.7rem;
    border-left: 3px solid #b4a5db;
    border-radius: 0 6px 6px 0;
    color: #746b87;
    background: #f4f1fa;
    font-size: 0.71rem;
    line-height: 1.4;
}


/* ------------------------------------------------------------
   Form sections
   ------------------------------------------------------------ */

.task-form-section[b-g6mrki543z] {
    padding: 0.2rem 0 1.2rem;
}

.task-form-section + .task-form-section[b-g6mrki543z] {
    padding-top: 0.2rem;
    border-top: 1px solid #e3e7ed;
}

.task-form-section-heading[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0.9rem 0 0.8rem;
    color: #657084;
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.task-form-section:first-of-type .task-form-section-heading[b-g6mrki543z] {
    margin-top: 0;
}

.task-form-section-heading div[b-g6mrki543z] {
    height: 1px;
    flex: 1;
    background: #e1e5eb;
}

.task-priority-field[b-g6mrki543z] {
    display: flex;
    align-items: end;
    padding-bottom: 0.47rem;
}

.task-option-stack[b-g6mrki543z] {
    display: grid;
    gap: 0.3rem;
}

.selected-assignee-preview[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.4rem;
}

.inactive-note[b-g6mrki543z] {
    color: #929baa;
    font-size: 0.62rem;
    font-weight: 550;
}


/* ------------------------------------------------------------
   Tag selector
   ------------------------------------------------------------ */

.tag-selector[b-g6mrki543z] {
    padding: 0.9rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #f9fafc;
}

.tag-group[b-g6mrki543z] {
    height: 100%;
    padding: 0.75rem;
    border: 1px solid #e1e5eb;
    border-radius: 8px;
    background: #fff;
}

.tag-group-title[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.55rem;
    color: #465266;
    font-size: 0.72rem;
    font-weight: 725;
}

.tag-group-options[b-g6mrki543z] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.tag-option[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    cursor: pointer;
}

.tag-option .form-check-input[b-g6mrki543z] {
    margin-top: 0;
    flex: 0 0 auto;
}

.tag-option .badge[b-g6mrki543z] {
    font-size: 0.66rem;
    font-weight: 650;
}


/* ------------------------------------------------------------
   Save actions
   ------------------------------------------------------------ */

.task-edit-form-actions[b-g6mrki543z] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid #dfe4eb;
}

.task-save-button[b-g6mrki543z] {
    min-width: 125px;
}


/* ------------------------------------------------------------
   Task Actions region
   ------------------------------------------------------------ */

.task-actions-region[b-g6mrki543z] {
    margin-top: 1.2rem;
}

.task-actions-region-heading[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.55rem;
    color: #5c687b;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.task-actions-region-line[b-g6mrki543z] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}


/* ------------------------------------------------------------
   Action panels
   ------------------------------------------------------------ */

.task-action-panel[b-g6mrki543z] {
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-radius: 11px;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(24, 34, 53, 0.025),
        0 4px 13px rgba(24, 34, 53, 0.05);
}

.task-action-panel + .task-action-panel[b-g6mrki543z] {
    margin-top: 0.8rem;
}

.remove-task-panel[b-g6mrki543z] {
    border-top: 3px solid var(--managr-orange);
}

.cancel-series-panel[b-g6mrki543z] {
    border-top: 3px solid var(--managr-red);
}

.task-action-header[b-g6mrki543z] {
    padding: 0.72rem 0.9rem;
    border-bottom: 1px solid #e3e7ed;
    background: #fbfcfd;
}

.remove-task-panel .task-action-header[b-g6mrki543z] {
    background:
        linear-gradient(
            90deg,
            rgba(229, 135, 55, 0.055),
            #fbfcfd 45%
        );
}

.cancel-series-panel .task-action-header[b-g6mrki543z] {
    background:
        linear-gradient(
            90deg,
            rgba(217, 81, 81, 0.05),
            #fbfcfd 45%
        );
}

.task-action-heading[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.task-action-accent[b-g6mrki543z] {
    width: 4px;
    height: 29px;
    flex: 0 0 4px;
    border-radius: 99px;
}

.task-action-accent.remove[b-g6mrki543z] {
    background: var(--managr-orange);
}

.task-action-accent.danger[b-g6mrki543z] {
    background: var(--managr-red);
}

.task-action-title[b-g6mrki543z] {
    color: #354156;
    font-size: 0.82rem;
    font-weight: 725;
}

.task-action-subtitle[b-g6mrki543z] {
    margin-top: 0.1rem;
    color: #7b8595;
    font-size: 0.66rem;
}

.task-action-body[b-g6mrki543z] {
    padding: 0.9rem;
}

.task-action-row[b-g6mrki543z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
}

.task-action-description[b-g6mrki543z] {
    color: #6c7585;
    font-size: 0.73rem;
    line-height: 1.45;
}

.task-action-description strong[b-g6mrki543z] {
    display: block;
    margin-bottom: 0.12rem;
    color: #465266;
    font-size: 0.76rem;
}

.task-action-note[b-g6mrki543z] {
    margin-top: 0.28rem;
    color: #8a93a1;
    font-size: 0.66rem;
}

.remove-task-button[b-g6mrki543z] {
    flex: 0 0 auto;
    border: 1px solid #dfa267;
    color: #a65b1e;
    background: #fffaf5;
}

.remove-task-button:hover[b-g6mrki543z] {
    border-color: var(--managr-orange);
    color: #fff;
    background: var(--managr-orange);
}

.cancel-series-button[b-g6mrki543z] {
    flex: 0 0 auto;
    border: 1px solid #db8888;
    color: #ad3939;
    background: #fff8f8;
}

.cancel-series-button:hover[b-g6mrki543z] {
    border-color: var(--managr-red);
    color: #fff;
    background: var(--managr-red);
}


/* ------------------------------------------------------------
   Action confirmations
   ------------------------------------------------------------ */

.task-action-confirmation[b-g6mrki543z] {
    padding: 0.1rem;
}

.task-action-confirmation-title[b-g6mrki543z] {
    margin-bottom: 0.7rem;
    color: #465266;
    font-size: 0.77rem;
    font-weight: 700;
}

.task-action-warning[b-g6mrki543z] {
    margin-bottom: 0.8rem;
    padding: 0.65rem 0.75rem;
    border-left: 3px solid var(--managr-red);
    border-radius: 0 7px 7px 0;
    color: #874343;
    background: #fff4f4;
    font-size: 0.71rem;
    line-height: 1.45;
}

.task-action-buttons[b-g6mrki543z] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.confirm-remove-button[b-g6mrki543z] {
    border: 1px solid var(--managr-orange);
    color: #fff;
    background: var(--managr-orange);
}

.confirm-remove-button:hover[b-g6mrki543z] {
    border-color: #c66e25;
    color: #fff;
    background: #c66e25;
}


/* ------------------------------------------------------------
   Loading / not found
   ------------------------------------------------------------ */

.task-edit-loading[b-g6mrki543z] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
}

.task-edit-loading-indicator[b-g6mrki543z] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: task-edit-spin-b-g6mrki543z 0.8s linear infinite;
}

@keyframes task-edit-spin-b-g6mrki543z {
    to {
        transform: rotate(360deg);
    }
}

.task-not-found[b-g6mrki543z] {
    max-width: 520px;
    margin: 5rem auto;
    padding: 2.5rem;
    border: 1px solid #e2c8c8;
    border-top: 4px solid var(--managr-red);
    border-radius: 12px;
    text-align: center;
    background: #fff;
    box-shadow: 0 7px 22px rgba(24, 34, 53, 0.08);
}

.task-not-found-icon[b-g6mrki543z] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.75rem;
    border: 1px solid #e0a9a9;
    border-radius: 50%;
    color: var(--managr-red);
    background: #fff2f2;
    font-size: 1rem;
    font-weight: 750;
}

.task-not-found-title[b-g6mrki543z] {
    color: #3d485a;
    font-size: 1rem;
    font-weight: 725;
}

.task-not-found-text[b-g6mrki543z] {
    margin: 0.25rem 0 1rem;
    color: var(--managr-muted);
    font-size: 0.76rem;
}


/* ------------------------------------------------------------
   Phone
   ------------------------------------------------------------ */

@media (max-width: 600px) {

    .task-edit-banner[b-g6mrki543z] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.9rem;
        margin-bottom: 0.85rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .task-edit-banner h1[b-g6mrki543z] {
        font-size: 1.5rem;
    }

    .task-edit-banner-subtitle[b-g6mrki543z] {
        font-size: 0.78rem;
    }

    .task-edit-banner-actions[b-g6mrki543z],
    .task-edit-banner-button[b-g6mrki543z] {
        width: 100%;
    }

    .task-edit-banner-button[b-g6mrki543z] {
        text-align: center;
    }

    .task-edit-workspace[b-g6mrki543z] {
        border-radius: 11px;
    }

    .task-edit-workspace-header[b-g6mrki543z] {
        min-height: 60px;
        padding: 0.75rem 0.82rem;
    }

    .task-edit-workspace-body[b-g6mrki543z] {
        padding: 0.85rem;
    }

    .task-edit-subtitle[b-g6mrki543z] {
        display: none;
    }

    .recurring-context-header[b-g6mrki543z] {
        align-items: flex-start;
    }

    .recurring-context-options[b-g6mrki543z] {
        padding: 0.75rem;
    }

    .recurring-apply-option[b-g6mrki543z] {
        align-items: flex-start;
    }

    .recurring-context-description[b-g6mrki543z] {
        padding-left: 0;
    }

    .task-form-section[b-g6mrki543z] {
        padding-bottom: 1rem;
    }

    .task-priority-field[b-g6mrki543z] {
        align-items: center;
        padding-bottom: 0;
    }

    .new-recurrence-toggle[b-g6mrki543z] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.3rem;
    }

    .new-recurrence-options[b-g6mrki543z] {
        padding: 0.7rem;
    }

    .tag-selector[b-g6mrki543z] {
        padding: 0.65rem;
    }

    .task-edit-form-actions[b-g6mrki543z] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .task-edit-form-actions .btn[b-g6mrki543z] {
        width: 100%;
        min-height: 39px;
    }

    .task-save-button[b-g6mrki543z] {
        min-width: 0;
    }

    .task-action-header[b-g6mrki543z] {
        padding: 0.7rem 0.8rem;
    }

    .task-action-subtitle[b-g6mrki543z] {
        display: none;
    }

    .task-action-body[b-g6mrki543z] {
        padding: 0.8rem;
    }

    .task-action-row[b-g6mrki543z] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.7rem;
    }

    .remove-task-button[b-g6mrki543z],
    .cancel-series-button[b-g6mrki543z] {
        width: 100%;
        min-height: 39px;
    }

    .task-action-buttons[b-g6mrki543z] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .task-action-buttons .btn[b-g6mrki543z] {
        width: 100%;
        min-height: 39px;
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

    .task-not-found[b-g6mrki543z] {
        margin: 2rem 0;
        padding: 2rem 1rem;
    }
}

/* ------------------------------------------------------------
   Attachments
   ------------------------------------------------------------ */

.task-attachments-region[b-g6mrki543z] {
    margin-bottom: 1.45rem;
}

.task-attachments-region-heading[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.55rem;
    color: #657084;
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.task-attachments-region-heading div[b-g6mrki543z] {
    height: 1px;
    flex: 1;
    background: #d9dee6;
}

.task-attachments-card[b-g6mrki543z] {
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--managr-purple);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24, 34, 53, 0.04), 0 7px 22px rgba(24, 34, 53, 0.08);
}

.task-attachments-header[b-g6mrki543z] {
    display: flex;
    min-height: 67px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--managr-border-soft);
    background: linear-gradient(90deg, rgba(118, 86, 201, 0.055), #fbfcfe 48%);
}

.task-attachments-heading[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.task-attachments-accent[b-g6mrki543z] {
    width: 4px;
    height: 32px;
    flex: 0 0 4px;
    border-radius: 99px;
    background: var(--managr-purple);
}

.task-attachments-title[b-g6mrki543z] {
    color: var(--managr-ink);
    font-size: 0.93rem;
    font-weight: 725;
}

.task-attachments-subtitle[b-g6mrki543z] {
    margin-top: 0.12rem;
    color: var(--managr-muted);
    font-size: 0.68rem;
}

.task-attachments-count[b-g6mrki543z] {
    padding: 0.24rem 0.55rem;
    border: 1px solid #d8d1ef;
    border-radius: 99px;
    color: #654cac;
    background: #f2effb;
    font-size: 0.64rem;
    font-weight: 700;
}

.task-attachments-body[b-g6mrki543z] {
    padding: 1rem;
}

.task-attachment-alert[b-g6mrki543z] {
    margin-bottom: 0.85rem;
    border-radius: 9px;
    font-size: 0.76rem;
}

.task-attachment-upload[b-g6mrki543z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border: 1px dashed #c8d2e2;
    border-radius: 10px;
    background: #f8fafc;
}

.task-attachment-upload-title[b-g6mrki543z] {
    color: #39465a;
    font-size: 0.8rem;
    font-weight: 700;
}

.task-attachment-upload-note[b-g6mrki543z] {
    margin-top: 0.15rem;
    color: #7b8697;
    font-size: 0.66rem;
}

.task-attachment-upload-button[b-g6mrki543z] {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
    cursor: pointer;
}

.task-attachment-upload-button[b-g6mrki543z]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.task-attachments-empty[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 1rem;
    border: 1px solid #e1e5eb;
    border-radius: 10px;
    color: #778294;
    background: #fbfcfd;
}

.task-attachments-empty-icon[b-g6mrki543z] {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    border-radius: 9px;
    color: #654cac;
    background: #f0ecfa;
    font-size: 1rem;
    font-weight: 700;
}

.task-attachments-empty-title[b-g6mrki543z] {
    color: #4a5567;
    font-size: 0.76rem;
    font-weight: 700;
}

.task-attachments-empty-text[b-g6mrki543z] {
    margin-top: 0.12rem;
    font-size: 0.66rem;
}

.task-attachment-list[b-g6mrki543z] {
    margin-top: 0.85rem;
    overflow: hidden;
    border: 1px solid #e0e5ec;
    border-radius: 10px;
}

.task-attachment-row[b-g6mrki543z] {
    display: flex;
    min-height: 64px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.72rem 0.8rem;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

.task-attachment-row:last-child[b-g6mrki543z] {
    border-bottom: 0;
}

.task-attachment-row:hover[b-g6mrki543z] {
    background: #fafcff;
}

.task-attachment-file[b-g6mrki543z] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.68rem;
}

.task-attachment-file-icon[b-g6mrki543z] {
    display: inline-flex;
    min-width: 43px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 0.35rem;
    flex: 0 0 auto;
    border: 1px solid #d8d1ef;
    border-radius: 7px;
    color: #654cac;
    background: #f2effb;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.task-attachment-file-copy[b-g6mrki543z] {
    min-width: 0;
}

.task-attachment-file-name[b-g6mrki543z] {
    overflow: hidden;
    color: #344054;
    font-size: 0.77rem;
    font-weight: 675;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-attachment-file-meta[b-g6mrki543z] {
    margin-top: 0.15rem;
    color: #8892a1;
    font-size: 0.63rem;
}

.task-attachment-actions[b-g6mrki543z] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.task-attachment-remove[b-g6mrki543z] {
    border-color: #e1bec2;
    color: #a8444d;
    background: #fff;
}

.task-attachment-remove:hover[b-g6mrki543z],
.task-attachment-remove-confirm[b-g6mrki543z] {
    border-color: #c84d58;
    color: #fff;
    background: #c84d58;
}

@media (max-width: 700px) {
    .task-attachments-header[b-g6mrki543z],
    .task-attachment-upload[b-g6mrki543z],
    .task-attachment-row[b-g6mrki543z] {
        align-items: stretch;
        flex-direction: column;
    }

    .task-attachments-count[b-g6mrki543z] {
        width: fit-content;
    }

    .task-attachment-upload-button[b-g6mrki543z] {
        width: 100%;
        text-align: center;
    }

    .task-attachment-actions[b-g6mrki543z] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    .task-attachment-actions .btn[b-g6mrki543z] {
        width: 100%;
    }
}

/* ------------------------------------------------------------
   Work On date
   ------------------------------------------------------------ */

.task-field-help[b-g6mrki543z] {
    margin-top: 0.28rem;
    color: #8a94a4;
    font-size: 0.63rem;
    line-height: 1.3;
}

.team-edit-assignee-dropdown[b-g6mrki543z] {
    border: 1px solid #d6deea;
    border-radius: 7px;
    background: #fff;
}

.team-edit-assignee-dropdown[open][b-g6mrki543z] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31, 54, 92, 0.07);
}

.team-edit-assignee-summary[b-g6mrki543z] {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.45rem 0.65rem;
    color: #37445a;
    cursor: pointer;
    font-size: 0.76rem;
    list-style: none;
}

.team-edit-assignee-summary[b-g6mrki543z]::-webkit-details-marker {
    display: none;
}

.team-edit-assignee-menu[b-g6mrki543z] {
    display: flex;
    max-height: 250px;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.4rem 0.5rem 0.5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.team-edit-assignee-option[b-g6mrki543z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.2rem;
    border-radius: 5px;
    cursor: pointer;
}

.team-edit-assignee-option:hover[b-g6mrki543z] {
    background: #f5f8fd;
}

.team-edit-assignee-option > span[b-g6mrki543z] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.team-edit-assignee-option strong[b-g6mrki543z] {
    color: #35445a;
    font-size: 0.69rem;
    font-weight: 675;
}

.team-edit-assignee-option small[b-g6mrki543z] {
    color: #8a94a4;
    font-size: 0.58rem;
}

/* ------------------------------------------------------------
   Dependencies
   ------------------------------------------------------------ */

.task-edit-dependency-dropdown[b-g6mrki543z] {
    max-width: 760px;
}

.task-edit-dependency-dropdown > summary[b-g6mrki543z] {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.48rem 0.7rem;
    border: 1px solid #d7deea;
    border-radius: 8px;
    background: #fff;
    color: #4d596b;
    font-size: 0.78rem;
    font-weight: 650;
    cursor: pointer;
    list-style: none;
}

.task-edit-dependency-dropdown > summary[b-g6mrki543z]::-webkit-details-marker {
    display: none;
}

.task-edit-dependency-menu[b-g6mrki543z] {
    max-height: 280px;
    overflow-y: auto;
    margin-top: 0.42rem;
    padding: 0.35rem;
    border: 1px solid #d7deea;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(28, 47, 76, 0.08);
}

.task-edit-dependency-option[b-g6mrki543z] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.5rem 0.52rem;
    border-radius: 6px;
    cursor: pointer;
}

.task-edit-dependency-option:hover[b-g6mrki543z] {
    background: #f7f9fc;
}

.task-edit-dependency-option input[b-g6mrki543z] {
    margin-top: 0.18rem;
}

.task-edit-dependency-copy[b-g6mrki543z] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.08rem;
}

.task-edit-dependency-copy strong[b-g6mrki543z] {
    overflow: hidden;
    color: #3f4b5e;
    font-size: 0.77rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-edit-dependency-copy small[b-g6mrki543z],
.task-edit-dependency-help[b-g6mrki543z],
.task-edit-dependency-series-note[b-g6mrki543z],
.task-edit-dependency-empty[b-g6mrki543z] {
    color: #7d8797;
    font-size: 0.68rem;
}

.task-edit-dependency-help[b-g6mrki543z],
.task-edit-dependency-series-note[b-g6mrki543z],
.task-edit-dependency-warning[b-g6mrki543z] {
    margin-top: 0.42rem;
    line-height: 1.45;
}

.task-edit-dependency-series-note[b-g6mrki543z] {
    color: #6c5795;
}

.task-edit-dependency-warning[b-g6mrki543z] {
    color: #8a6417;
    font-size: 0.69rem;
    font-weight: 650;
}

.task-edit-dependency-empty[b-g6mrki543z] {
    padding: 0.55rem;
}

.task-dependency-search[b-g6mrki543z] {
    margin-bottom: 0.35rem;
    font-size: 0.74rem;
}
/* /Components/Pages/Tasks.razor.rz.scp.css */
.tasks-page[b-du299wq1dm] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-border-soft: #dfe4eb;
    --managr-surface: #ffffff;
    --managr-surface-soft: #f8fafc;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-green: #24976f;
    --managr-orange: #e58737;
    --managr-red: #d95151;
    --managr-purple: #7656c9;

    color: var(--managr-ink);
}


/* ------------------------------------------------------------
   Page banner
   ------------------------------------------------------------ */

.tasks-page-banner[b-du299wq1dm] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80, 145, 255, 0.24) 0, rgba(80, 145, 255, 0.24) 185px, transparent 186px),
        linear-gradient(120deg, #17243c 0%, #234a8d 56%, #3568d4 100%);
    box-shadow: 0 8px 25px rgba(28, 55, 105, 0.15);
}

.tasks-banner-content[b-du299wq1dm],
.tasks-banner-actions[b-du299wq1dm] {
    position: relative;
    z-index: 1;
}

.tasks-eyebrow[b-du299wq1dm] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.tasks-page-banner h1[b-du299wq1dm] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.tasks-banner-subtitle[b-du299wq1dm] {
    max-width: 620px;
    margin-top: 0.32rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.tasks-banner-actions[b-du299wq1dm] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.45rem;
}

.tasks-banner-button[b-du299wq1dm] {
    padding: 0.52rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 650;
    backdrop-filter: blur(5px);
}

.tasks-banner-button:hover[b-du299wq1dm] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}


/* ------------------------------------------------------------
   Shared form controls
   ------------------------------------------------------------ */

.tasks-page[b-du299wq1dm]  .form-label {
    margin-bottom: 0.3rem;
    color: #566174;
    font-size: 0.73rem;
    font-weight: 650;
}

.tasks-page[b-du299wq1dm]  .form-control,
.tasks-page[b-du299wq1dm]  .form-select {
    min-height: 40px;
    border: 1px solid #d4dce7;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: none;
    font-size: 0.84rem;
}

.tasks-page[b-du299wq1dm]  textarea.form-control {
    min-height: 85px;
    resize: vertical;
}

.tasks-page[b-du299wq1dm]  .form-control:focus,
.tasks-page[b-du299wq1dm]  .form-select:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 0.18rem rgba(53, 104, 212, 0.11);
}

.tasks-page[b-du299wq1dm]  .form-check-input:checked {
    border-color: var(--managr-blue);
    background-color: var(--managr-blue);
}

.tasks-page[b-du299wq1dm]  .form-check-label {
    color: #465266;
    font-size: 0.8rem;
}

.tasks-page[b-du299wq1dm]  .input-group-text {
    border-color: #d4dce7;
    color: #697487;
    background: #f7f8fa;
    font-size: 0.78rem;
}

.tasks-page[b-du299wq1dm]  .validation-message {
    display: block;
    margin-top: 0.28rem;
    color: var(--managr-red);
    font-size: 0.69rem;
}

.tasks-page .btn[b-du299wq1dm] {
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 650;
}

.tasks-page .btn-primary[b-du299wq1dm] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.tasks-page .btn-primary:hover[b-du299wq1dm] {
    border-color: var(--managr-blue-dark);
    background: var(--managr-blue-dark);
}

.tasks-alert[b-du299wq1dm] {
    margin-bottom: 1rem;
    border-radius: 10px;
}


/* ------------------------------------------------------------
   Add Task action surface
   ------------------------------------------------------------ */

.task-create-surface[b-du299wq1dm] {
    margin-bottom: 1.35rem;
    overflow: hidden;
    border: 1px solid #cbd9f1;
    border-left: 4px solid var(--managr-blue);
    border-radius: 11px;
    background:
        linear-gradient(105deg, rgba(53, 104, 212, 0.07), rgba(255, 255, 255, 0.76) 45%, rgba(255, 255, 255, 0.92));
    box-shadow: 0 2px 7px rgba(31, 54, 92, 0.05);
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.task-create-surface.expanded[b-du299wq1dm] {
    border-color: #b9cbed;
    box-shadow:
        0 2px 7px rgba(31, 54, 92, 0.05),
        0 8px 24px rgba(31, 54, 92, 0.06);
}

.task-create-header[b-du299wq1dm] {
    display: flex;
    min-height: 68px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
}

.task-create-heading[b-du299wq1dm] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
}

.task-create-accent[b-du299wq1dm] {
    width: 4px;
    height: 32px;
    flex: 0 0 4px;
    border-radius: 99px;
    background: var(--managr-blue);
}

.task-create-title[b-du299wq1dm] {
    color: #203d70;
    font-size: 0.91rem;
    font-weight: 725;
}

.task-create-subtitle[b-du299wq1dm] {
    margin-top: 0.12rem;
    color: #748097;
    font-size: 0.68rem;
}

.task-create-toggle[b-du299wq1dm] {
    flex: 0 0 auto;
    border: 1px solid var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.task-create-toggle:hover[b-du299wq1dm] {
    border-color: var(--managr-blue-dark);
    color: #fff;
    background: var(--managr-blue-dark);
}

.task-create-toggle.expanded[b-du299wq1dm] {
    border-color: #bac4d3;
    color: #556174;
    background: rgba(255, 255, 255, 0.7);
}

.task-create-toggle.expanded:hover[b-du299wq1dm] {
    border-color: #98a5b7;
    color: #344054;
    background: #fff;
}

.task-create-body[b-du299wq1dm] {
    padding: 1.1rem 1.15rem 1.2rem;
    border-top: 1px solid #d9e3f3;
    background: rgba(255, 255, 255, 0.86);
}


/* ------------------------------------------------------------
   Add Task internal sections
   ------------------------------------------------------------ */

.task-form-section[b-du299wq1dm] {
    padding: 0.2rem 0 1.2rem;
}

.task-form-section + .task-form-section[b-du299wq1dm] {
    padding-top: 0.2rem;
    border-top: 1px solid #e3e7ed;
}

.task-form-section-heading[b-du299wq1dm] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0.9rem 0 0.8rem;
    color: #657084;
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.task-form-section:first-child .task-form-section-heading[b-du299wq1dm] {
    margin-top: 0;
}

.task-form-section-heading div[b-du299wq1dm] {
    height: 1px;
    flex: 1;
    background: #e1e5eb;
}

.task-priority-field[b-du299wq1dm] {
    display: flex;
    align-items: end;
    padding-bottom: 0.47rem;
}

.task-option-stack[b-du299wq1dm] {
    display: grid;
    gap: 0.3rem;
}

.selected-assignee-preview[b-du299wq1dm] {
    margin-top: 0.4rem;
}

.recurrence-toggle[b-du299wq1dm] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 38px;
}

.recurrence-toggle-note[b-du299wq1dm] {
    color: #8992a0;
    font-size: 0.68rem;
}

.recurrence-options[b-du299wq1dm] {
    margin-top: 0.8rem;
    padding: 0.85rem;
    border: 1px solid #dfe5ee;
    border-radius: 9px;
    background: #f8fafc;
}

.recurrence-description[b-du299wq1dm] {
    padding: 0.55rem 0.7rem;
    border-left: 3px solid #a7bae0;
    border-radius: 0 6px 6px 0;
    color: #687488;
    background: #f3f6fb;
    font-size: 0.71rem;
}


/* ------------------------------------------------------------
   Tag selector
   ------------------------------------------------------------ */

.tag-selector[b-du299wq1dm] {
    padding: 0.8rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #f9fafc;
}

.tag-dropdown-grid[b-du299wq1dm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 0.65rem;
}

.tag-dropdown[b-du299wq1dm] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.tag-dropdown[open][b-du299wq1dm] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31, 54, 92, 0.07);
}

.tag-dropdown-summary[b-du299wq1dm] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 0.45rem;
    padding: 0.48rem 0.62rem;
    color: #465266;
    cursor: pointer;
    font-size: 0.71rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.tag-dropdown-summary[b-du299wq1dm]::-webkit-details-marker {
    display: none;
}

.tag-dropdown-title[b-du299wq1dm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tag-dropdown-count[b-du299wq1dm] {
    margin-left: auto;
    padding: 0.16rem 0.38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: 0.58rem;
    font-weight: 725;
    white-space: nowrap;
}

.tag-dropdown-chevron[b-du299wq1dm] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: 0.82rem;
    line-height: 1;
    transition: transform 0.15s ease;
}

.tag-dropdown[open] .tag-dropdown-chevron[b-du299wq1dm] {
    transform: rotate(180deg);
}

.tag-dropdown-menu[b-du299wq1dm] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.38rem 0.5rem 0.5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.tag-option[b-du299wq1dm] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    padding: 0.25rem 0.18rem;
    border-radius: 5px;
    cursor: pointer;
}

.tag-option:hover[b-du299wq1dm] {
    background: #f5f8fd;
}

.tag-option[b-du299wq1dm]  .form-check-input {
    margin-top: 0;
    flex: 0 0 auto;
}

.tag-option .badge[b-du299wq1dm] {
    max-width: calc(100% - 1.5rem);
    overflow: hidden;
    font-size: 0.66rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ------------------------------------------------------------
   Form actions
   ------------------------------------------------------------ */

.task-form-actions[b-du299wq1dm] {
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #dfe4eb;
}

.task-submit-button[b-du299wq1dm] {
    min-width: 125px;
    padding: 0.52rem 1rem;
}


/* ------------------------------------------------------------
   Task workspace heading
   ------------------------------------------------------------ */

.tasks-region[b-du299wq1dm] {
    min-width: 0;
}

.tasks-region-header[b-du299wq1dm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.tasks-region-heading[b-du299wq1dm] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 0.65rem;
    color: #5c687b;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tasks-region-line[b-du299wq1dm] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.tasks-count[b-du299wq1dm] {
    display: flex;
    flex: 0 0 auto;
    align-items: baseline;
    gap: 0.3rem;
    color: #748094;
    font-size: 0.68rem;
}

.tasks-count strong[b-du299wq1dm] {
    color: #445065;
    font-size: 0.77rem;
}

.tasks-region-heading > span[b-du299wq1dm],
.tasks-count[b-du299wq1dm] {
    white-space: nowrap;
}


/* ------------------------------------------------------------
   Task list
   ------------------------------------------------------------ */

.task-list[b-du299wq1dm] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.task-card[b-du299wq1dm] {
    --task-tag-color: #8793a5;

    position: relative;
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--task-tag-color);
    border-radius: 12px;
    background: var(--managr-surface);
    box-shadow:
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
    transition:
        transform 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.task-card:hover[b-du299wq1dm] {
    transform: translateY(-1px);
    box-shadow:
        0 2px 3px rgba(24, 34, 53, 0.04),
        0 9px 25px rgba(24, 34, 53, 0.1);
}

.task-card.high-priority[b-du299wq1dm] {
    box-shadow:
        inset 3px 0 0 var(--managr-red),
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
}

.task-card.high-priority:hover[b-du299wq1dm] {
    box-shadow:
        inset 3px 0 0 var(--managr-red),
        0 2px 3px rgba(24, 34, 53, 0.04),
        0 9px 25px rgba(24, 34, 53, 0.1);
}

.task-card-main[b-du299wq1dm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
    padding: 1rem 1.05rem;
}


/* ------------------------------------------------------------
   Complete action
   ------------------------------------------------------------ */

.task-complete-column[b-du299wq1dm] {
    padding-top: 0.05rem;
}

.task-complete-button[b-du299wq1dm] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.38rem 0.58rem;
    border: 1px solid #87c7af;
    border-radius: 8px;
    color: #187553;
    background: #f7fcfa;
    font-size: 0.7rem;
    font-weight: 650;
    transition:
        color 0.15s ease,
        border-color 0.15s ease,
        background-color 0.15s ease;
}

.task-complete-button:hover[b-du299wq1dm] {
    border-color: var(--managr-green);
    color: #fff;
    background: var(--managr-green);
}

.task-complete-button:disabled[b-du299wq1dm] {
    opacity: 0.55;
}

.task-complete-check[b-du299wq1dm] {
    display: flex;
    width: 1rem;
    height: 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 0.55rem;
}


/* ------------------------------------------------------------
   Task content
   ------------------------------------------------------------ */

.task-card-content[b-du299wq1dm] {
    min-width: 0;
}

.task-card-title-row[b-du299wq1dm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.task-card-title[b-du299wq1dm] {
    min-width: 0;
    margin: 0;
    color: var(--managr-ink);
    font-size: 1rem;
    font-weight: 690;
    line-height: 1.3;
    letter-spacing: -0.012em;
}

.task-status-badges[b-du299wq1dm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.priority-badge[b-du299wq1dm] {
    color: #fff;
    background: var(--managr-red);
    font-size: 0.62rem;
}

.recurrence-badge[b-du299wq1dm] {
    color: #385992;
    background: #e8effb;
    font-size: 0.62rem;
}

.task-card-notes[b-du299wq1dm] {
    max-width: 1000px;
    margin-top: 0.5rem;
    color: #657084;
    font-size: 0.78rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.task-card-tags[b-du299wq1dm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.65rem;
}

.task-card-tags .badge[b-du299wq1dm] {
    font-size: 0.64rem;
    font-weight: 650;
}


/* ------------------------------------------------------------
   Task metadata
   ------------------------------------------------------------ */

.task-card-meta[b-du299wq1dm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.72rem;
    padding-top: 0.65rem;
    border-top: 1px solid #edf0f4;
}

.task-meta-item[b-du299wq1dm] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    color: #687386;
    font-size: 0.7rem;
}

.task-meta-label[b-du299wq1dm] {
    color: #485569;
    font-weight: 700;
}

.task-meta-muted[b-du299wq1dm] {
    color: #929aa7;
}

.task-meta-divider[b-du299wq1dm] {
    width: 1px;
    height: 18px;
    background: #dfe4eb;
}

.task-meta-due.overdue[b-du299wq1dm] {
    color: var(--managr-red);
}

.task-meta-due.overdue .task-meta-label[b-du299wq1dm] {
    color: var(--managr-red);
}

.task-meta-due.today[b-du299wq1dm] {
    color: #c96a1e;
}

.task-meta-due.today .task-meta-label[b-du299wq1dm] {
    color: #c96a1e;
}

.task-meta-assignee .badge[b-du299wq1dm] {
    font-size: 0.64rem;
    font-weight: 650;
}


/* ------------------------------------------------------------
   Edit action
   ------------------------------------------------------------ */

.task-card-actions[b-du299wq1dm] {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 0.35rem;
    padding-top: 0.05rem;
}

.task-edit-button[b-du299wq1dm],
.task-duplicate-button[b-du299wq1dm] {
    min-width: 78px;
    border: 1px solid #ccd4df;
    color: #526074;
    background: #fff;
}

.task-edit-button:hover[b-du299wq1dm],
.task-duplicate-button:hover[b-du299wq1dm] {
    border-color: #9eabbc;
    color: #26354d;
    background: #f7f9fc;
}

.task-duplicate-confirmation[b-du299wq1dm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 1rem;
    border-top: 1px solid #e1e6ed;
    background: #f8fafc;
}

.task-duplicate-confirmation-copy strong[b-du299wq1dm],
.task-duplicate-confirmation-copy span[b-du299wq1dm] {
    display: block;
}

.task-duplicate-confirmation-copy strong[b-du299wq1dm] {
    color: var(--managr-ink);
    font-size: 0.72rem;
}

.task-duplicate-confirmation-copy span[b-du299wq1dm] {
    margin-top: 0.16rem;
    color: var(--managr-muted);
    font-size: 0.64rem;
    line-height: 1.4;
}

.task-duplicate-confirmation-actions[b-du299wq1dm] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.task-duplicate-confirm-button[b-du299wq1dm] {
    border: 1px solid var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.task-duplicate-confirm-button:hover[b-du299wq1dm] {
    border-color: #24509d;
    color: #fff;
    background: #24509d;
}


/* ------------------------------------------------------------
   Empty / loading
   ------------------------------------------------------------ */

.tasks-empty-state[b-du299wq1dm] {
    padding: 4rem 1.5rem;
    border: 1px dashed #cbd3df;
    border-radius: 12px;
    text-align: center;
    background: rgba(255, 255, 255, 0.48);
}

.tasks-empty-icon[b-du299wq1dm] {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.75rem;
    border: 1px solid #aad3c4;
    border-radius: 50%;
    color: var(--managr-green);
    background: #eff9f5;
    font-size: 1rem;
    font-weight: 700;
}

.tasks-empty-title[b-du299wq1dm] {
    color: #354156;
    font-size: 0.95rem;
    font-weight: 700;
}

.tasks-empty-text[b-du299wq1dm] {
    margin-top: 0.2rem;
    color: var(--managr-muted);
    font-size: 0.76rem;
}

.tasks-loading[b-du299wq1dm] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
}

.tasks-loading-indicator[b-du299wq1dm] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: tasks-spin-b-du299wq1dm 0.8s linear infinite;
}

@keyframes tasks-spin-b-du299wq1dm {
    to {
        transform: rotate(360deg);
    }
}


/* ------------------------------------------------------------
   Tablet
   ------------------------------------------------------------ */

@media (max-width: 900px) {

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

    .tasks-page-banner[b-du299wq1dm] {
        align-items: flex-start;
    }

    .task-card-main[b-du299wq1dm] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .task-complete-column[b-du299wq1dm] {
        grid-column: 1 / -1;
        grid-row: 2;
        padding-top: 0.25rem;
    }

    .task-card-content[b-du299wq1dm] {
        grid-column: 1;
        grid-row: 1;
    }

    .task-card-actions[b-du299wq1dm] {
        grid-column: 2;
        grid-row: 1;
    }
}


/* ------------------------------------------------------------
   Phone
   ------------------------------------------------------------ */

@media (max-width: 600px) {

    .tag-dropdown-grid[b-du299wq1dm] {
        grid-template-columns: 1fr;
    }

    .tasks-page-banner[b-du299wq1dm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.9rem;
        margin-bottom: 0.85rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .tasks-page-banner h1[b-du299wq1dm] {
        font-size: 1.5rem;
    }

    .tasks-banner-subtitle[b-du299wq1dm] {
        font-size: 0.78rem;
    }

    .tasks-banner-actions[b-du299wq1dm] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    .tasks-banner-button[b-du299wq1dm] {
        padding-right: 0.4rem;
        padding-left: 0.4rem;
        text-align: center;
    }

    .task-create-header[b-du299wq1dm] {
        align-items: flex-start;
        padding: 0.78rem 0.82rem;
    }

    .task-create-subtitle[b-du299wq1dm] {
        display: none;
    }

    .task-create-body[b-du299wq1dm] {
        padding: 0.85rem;
    }

    .task-form-section[b-du299wq1dm] {
        padding-bottom: 1rem;
    }

    .task-priority-field[b-du299wq1dm] {
        align-items: center;
        padding-bottom: 0;
    }

    .recurrence-toggle[b-du299wq1dm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.3rem;
    }

    .recurrence-options[b-du299wq1dm],
    .tag-selector[b-du299wq1dm] {
        padding: 0.65rem;
    }

    .task-form-actions[b-du299wq1dm] {
        display: block;
    }

    .task-submit-button[b-du299wq1dm] {
        width: 100%;
    }

    .tasks-region-header[b-du299wq1dm] {
        align-items: flex-end;
    }

    .tasks-region-heading[b-du299wq1dm] {
        min-width: 0;
    }

    .tasks-count span[b-du299wq1dm] {
        display: none;
    }

    .task-list[b-du299wq1dm] {
        gap: 0.7rem;
    }

    .task-card[b-du299wq1dm] {
        border-radius: 10px;
    }

    .task-card-main[b-du299wq1dm] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.65rem;
        padding: 0.85rem;
    }

    .task-card-content[b-du299wq1dm] {
        grid-column: 1 / -1;
        grid-row: 1;
        width: 100%;
    }

    .task-complete-column[b-du299wq1dm] {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        padding: 0;
    }

    .task-card-actions[b-du299wq1dm] {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        padding: 0;
    }

    .task-complete-button[b-du299wq1dm],
    .task-edit-button[b-du299wq1dm],
    .task-duplicate-button[b-du299wq1dm] {
        display: flex;
        width: 100%;
        min-height: 38px;
        align-items: center;
        justify-content: center;
    }

    .task-card-title[b-du299wq1dm] {
        font-size: 0.94rem;
    }

    .task-card-notes[b-du299wq1dm] {
        font-size: 0.74rem;
    }

    .task-duplicate-confirmation[b-du299wq1dm] {
        align-items: stretch;
        flex-direction: column;
    }

    .task-duplicate-confirmation-actions[b-du299wq1dm] {
        width: 100%;
    }

    .task-duplicate-confirmation-actions .btn[b-du299wq1dm] {
        flex: 1;
    }

    .task-card-meta[b-du299wq1dm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .task-meta-divider[b-du299wq1dm] {
        display: none;
    }

    .task-card-tags .badge[b-du299wq1dm] {
        white-space: normal;
        text-align: left;
    }
}

/* ------------------------------------------------------------
   New task attachments
   ------------------------------------------------------------ */

.new-task-attachment-picker[b-du299wq1dm] {
    display: grid;
    grid-template-columns: minmax(250px, 1.2fr) minmax(300px, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 0.85rem;
    border: 1px dashed #cbd4e2;
    border-radius: 10px;
    background: #f8fafc;
}

.new-task-attachment-title[b-du299wq1dm] {
    color: #445066;
    font-size: 0.78rem;
    font-weight: 700;
}

.new-task-attachment-note[b-du299wq1dm] {
    margin-top: 0.12rem;
    color: #748094;
    font-size: 0.68rem;
}

.new-task-attachment-types[b-du299wq1dm] {
    margin-top: 0.28rem;
    color: #8b95a4;
    font-size: 0.62rem;
}

.new-task-file-input[b-du299wq1dm] {
    padding: 0.42rem 0.5rem;
    font-size: 0.74rem !important;
}

.new-task-attachment-error[b-du299wq1dm] {
    margin-top: 0.55rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #edc4c8;
    border-radius: 8px;
    color: #9f3f48;
    background: #fff5f5;
    font-size: 0.69rem;
}

.new-task-selected-files[b-du299wq1dm] {
    margin-top: 0.65rem;
    overflow: hidden;
    border: 1px solid #dfe4eb;
    border-radius: 9px;
    background: #fff;
}

.new-task-selected-header[b-du299wq1dm] {
    display: flex;
    min-height: 38px;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 0.65rem;
    border-bottom: 1px solid #e7eaf0;
    color: #596578;
    background: #fafbfc;
    font-size: 0.68rem;
    font-weight: 700;
}

.new-task-clear-files[b-du299wq1dm] {
    padding: 0.25rem 0.48rem !important;
    border: 1px solid #cbd3df;
    color: #637083;
    background: #fff;
    font-size: 0.64rem !important;
}

.new-task-clear-files:hover[b-du299wq1dm] {
    border-color: #aeb9c8;
    color: #3f4b5e;
    background: #f6f8fa;
}

.new-task-selected-list[b-du299wq1dm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.new-task-selected-file[b-du299wq1dm] {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.5rem 0.65rem;
    border-bottom: 1px solid #eef1f4;
    color: #596578;
    font-size: 0.66rem;
}

.new-task-selected-name[b-du299wq1dm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-task-selected-size[b-du299wq1dm] {
    flex: 0 0 auto;
    color: #929ba8;
}

.new-task-recurring-attachment-note[b-du299wq1dm] {
    padding: 0.5rem 0.65rem;
    border-top: 1px solid #ebeef3;
    color: #6d5aa8;
    background: #faf8fe;
    font-size: 0.65rem;
}

@media (max-width: 760px) {
    .new-task-attachment-picker[b-du299wq1dm] {
        grid-template-columns: 1fr;
    }

    .new-task-selected-list[b-du299wq1dm] {
        grid-template-columns: 1fr;
    }
}

/* ------------------------------------------------------------
   Work On date
   ------------------------------------------------------------ */

.task-field-help[b-du299wq1dm] {
    margin-top: 0.28rem;
    color: #8a94a4;
    font-size: 0.63rem;
    line-height: 1.3;
}

.tasks-list-tools[b-du299wq1dm] {
    display: flex;
    align-items: end;
    gap: 0.8rem;
    margin-bottom: 0.75rem;
}

.tasks-work-filter[b-du299wq1dm] {
    display: grid;
    gap: 0.24rem;
    margin: 0;
}

.tasks-work-filter > span[b-du299wq1dm] {
    color: #738095;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tasks-work-filter .form-select[b-du299wq1dm] {
    width: 175px;
    min-height: 34px;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 0.72rem;
}

.task-meta-work[b-du299wq1dm] {
    color: #5e6a7d;
}

.task-meta-work.today[b-du299wq1dm] {
    color: #234da8;
    font-weight: 650;
}

.task-meta-work.future[b-du299wq1dm] {
    color: #7656c9;
}

.tasks-filter-empty[b-du299wq1dm] {
    margin-top: 0.65rem;
}

@media (max-width: 760px) {
    .tasks-list-tools[b-du299wq1dm] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        gap: 0.55rem;
    }

    .tasks-work-filter .form-select[b-du299wq1dm] {
        width: 100%;
    }
}

/* ------------------------------------------------------------
   Quick reschedule
   ------------------------------------------------------------ */

.task-complete-column[b-du299wq1dm] {
    min-width: 132px;
}

.task-complete-split[b-du299wq1dm] {
    display: inline-flex;
    align-items: stretch;
}

.task-complete-main[b-du299wq1dm] {
    border-radius: 8px 0 0 8px;
}

.task-reschedule-toggle[b-du299wq1dm] {
    display: flex;
    min-width: 28px;
    align-items: center;
    justify-content: center;
    padding: 0 0.42rem;
    border: 1px solid #87c7af;
    border-left: 0;
    border-radius: 0 8px 8px 0;
    color: #187553;
    background: #f7fcfa;
    font-size: 0.72rem;
    font-weight: 800;
    transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.task-reschedule-toggle:hover[b-du299wq1dm] {
    border-color: var(--managr-green);
    color: #fff;
    background: var(--managr-green);
}

.task-reschedule-toggle:disabled[b-du299wq1dm] {
    opacity: 0.55;
}

.task-reschedule-menu[b-du299wq1dm] {
    width: 220px;
    margin-top: 0.45rem;
    overflow: hidden;
    border: 1px solid #ccd5e1;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(24, 34, 53, 0.14);
}

.task-reschedule-menu-title[b-du299wq1dm] {
    padding: 0.48rem 0.62rem;
    border-bottom: 1px solid #e7ebf0;
    color: #687386;
    background: #f8fafc;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.task-reschedule-option[b-du299wq1dm] {
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.05rem;
    padding: 0.48rem 0.62rem;
    border: 0;
    border-bottom: 1px solid #eef1f4;
    color: #344054;
    background: #fff;
    text-align: left;
}

.task-reschedule-option:hover[b-du299wq1dm] {
    color: #234da8;
    background: #f5f8fd;
}

.task-reschedule-option span[b-du299wq1dm] {
    font-size: 0.72rem;
    font-weight: 700;
}

.task-reschedule-option small[b-du299wq1dm] {
    color: #8792a3;
    font-size: 0.6rem;
}

.task-reschedule-custom[b-du299wq1dm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.4rem;
    padding: 0.5rem 0.62rem;
    border-bottom: 1px solid #eef1f4;
    background: #fafbfd;
}

.tasks-page[b-du299wq1dm]  .task-reschedule-days {
    min-height: 32px;
    height: 32px;
    padding: 0.25rem 0.42rem;
    font-size: 0.72rem;
}

.task-reschedule-apply[b-du299wq1dm] {
    min-height: 32px;
    padding: 0.26rem 0.55rem !important;
    border: 1px solid var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
    font-size: 0.67rem !important;
}

.task-reschedule-apply:hover[b-du299wq1dm] {
    border-color: var(--managr-blue-dark);
    color: #fff;
    background: var(--managr-blue-dark);
}

.task-reschedule-error[b-du299wq1dm] {
    padding: 0.5rem 0.62rem;
    border-bottom: 1px solid #f1d3d6;
    color: #9e4048;
    background: #fff5f5;
    font-size: 0.63rem;
    line-height: 1.35;
}

.task-reschedule-cancel[b-du299wq1dm] {
    width: 100%;
    padding: 0.4rem 0.62rem;
    border: 0;
    color: #667285;
    background: #fafbfd;
    font-size: 0.63rem;
    font-weight: 650;
    text-align: left;
}

.task-reschedule-cancel:hover[b-du299wq1dm] {
    color: #344054;
    background: #f2f5f8;
}

@media (max-width: 700px) {
    .task-complete-column[b-du299wq1dm] {
        min-width: 0;
    }

    .task-complete-split[b-du299wq1dm] {
        width: 100%;
    }

    .task-complete-main[b-du299wq1dm] {
        flex: 1;
    }

    .task-reschedule-menu[b-du299wq1dm] {
        width: 100%;
    }
}

/* ------------------------------------------------------------
   Task detail links and subtask progress
   ------------------------------------------------------------ */

.task-card-title-link[b-du299wq1dm] {
    color: inherit;
    text-decoration: none;
}

.task-card-title-link:hover[b-du299wq1dm] {
    color: var(--managr-blue);
}

.task-subtask-summary[b-du299wq1dm] {
    display: block;
    max-width: 420px;
    margin-top: 0.55rem;
    padding: 0.48rem 0.58rem;
    border: 1px solid #dde3ec;
    border-radius: 8px;
    color: #5d697d;
    background: #f8fafc;
    text-decoration: none;
}

.task-subtask-summary:hover[b-du299wq1dm] {
    border-color: #bfcce1;
    color: #3f536f;
    background: #f4f7fb;
}

.task-subtask-summary-row[b-du299wq1dm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.65rem;
}

.task-subtask-summary-row span[b-du299wq1dm] {
    font-weight: 650;
}

.task-subtask-summary-row strong[b-du299wq1dm] {
    color: #526074;
    font-size: 0.63rem;
    font-weight: 700;
}

.task-subtask-progress[b-du299wq1dm] {
    height: 5px;
    margin-top: 0.36rem;
    overflow: hidden;
    border-radius: 99px;
    background: #e3e8f0;
}

.task-subtask-progress span[b-du299wq1dm] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--managr-green), #4fb38f);
    transition: width 0.2s ease;
}

.task-complete-warning[b-du299wq1dm] {
    width: 220px;
    margin-top: 0.45rem;
    padding: 0.55rem;
    border: 1px solid #efd0ae;
    border-radius: 9px;
    color: #76512c;
    background: #fff9f2;
    box-shadow: 0 7px 18px rgba(24, 34, 53, 0.08);
}

.task-complete-warning strong[b-du299wq1dm],
.task-complete-warning span[b-du299wq1dm] {
    display: block;
}

.task-complete-warning strong[b-du299wq1dm] {
    font-size: 0.67rem;
}

.task-complete-warning span[b-du299wq1dm] {
    margin-top: 0.12rem;
    color: #8a6b4c;
    font-size: 0.61rem;
}

.task-complete-warning-actions[b-du299wq1dm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem;
    margin-top: 0.48rem;
}

.task-complete-warning-actions .btn[b-du299wq1dm] {
    padding: 0.28rem 0.38rem;
    font-size: 0.6rem !important;
}

.task-complete-anyway[b-du299wq1dm] {
    border: 1px solid var(--managr-green);
    color: #fff;
    background: var(--managr-green);
}

.task-complete-anyway:hover[b-du299wq1dm] {
    border-color: #197a59;
    color: #fff;
    background: #197a59;
}

@media (max-width: 700px) {
    .task-subtask-summary[b-du299wq1dm],
    .task-complete-warning[b-du299wq1dm] {
        width: 100%;
        max-width: none;
    }
}

/* ------------------------------------------------------------
   Saved task views
   ------------------------------------------------------------ */

.tasks-saved-view-filter[b-du299wq1dm],
.tasks-work-filter[b-du299wq1dm] {
    min-width: 180px;
}

.tasks-saved-view-select-row[b-du299wq1dm] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.tasks-saved-view-select-row .form-select[b-du299wq1dm] {
    min-width: 0;
}

.tasks-saved-view-menu-button[b-du299wq1dm] {
    display: flex;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #cdd5e0;
    color: #526074;
    background: #fff;
    font-size: 0.95rem !important;
    line-height: 1;
}

.tasks-saved-view-menu-button:hover[b-du299wq1dm] {
    border-color: var(--managr-blue);
    color: var(--managr-blue);
    background: #f7faff;
}

.tasks-save-view-button[b-du299wq1dm] {
    align-self: end;
    min-height: 32px;
    padding: 0.32rem 0.58rem;
    border: 1px solid #bdcbe2;
    color: #355a96;
    background: #f5f8fd;
    font-size: 0.67rem !important;
}

.tasks-save-view-button:hover[b-du299wq1dm] {
    border-color: var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.tasks-saved-view-editor[b-du299wq1dm],
.tasks-saved-view-management[b-du299wq1dm] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 0.8fr) auto auto;
    align-items: center;
    gap: 0.55rem;
    margin: 0.7rem 0 0.2rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #d9e0ea;
    border-radius: 9px;
    background: #fafbfd;
}

.tasks-saved-view-management[b-du299wq1dm] {
    grid-template-columns: minmax(180px, 1fr) auto auto auto;
}

.tasks-saved-view-editor-title[b-du299wq1dm],
.tasks-saved-view-management-name[b-du299wq1dm] {
    color: #354258;
    font-size: 0.7rem;
    font-weight: 725;
}

.tasks-saved-view-editor-copy[b-du299wq1dm] {
    margin-top: 0.08rem;
    color: #8390a2;
    font-size: 0.61rem;
}

.tasks-saved-view-message[b-du299wq1dm] {
    margin: 0.55rem 0 0.15rem;
    color: #27775c;
    font-size: 0.65rem;
    font-weight: 650;
}

@media (max-width: 850px) {
    .tasks-saved-view-editor[b-du299wq1dm],
    .tasks-saved-view-management[b-du299wq1dm] {
        grid-template-columns: 1fr;
    }

    .tasks-saved-view-editor .btn[b-du299wq1dm],
    .tasks-saved-view-management .btn[b-du299wq1dm] {
        width: 100%;
    }
}

.tasks-list-tools[b-du299wq1dm] {
    flex-wrap: wrap;
}

.tasks-saved-view-filter[b-du299wq1dm] {
    display: grid;
    gap: 0.24rem;
    margin: 0;
}

.tasks-saved-view-filter > span[b-du299wq1dm] {
    color: #738095;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tasks-saved-view-filter .form-select[b-du299wq1dm] {
    width: 185px;
    min-height: 34px;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 0.72rem;
}

.task-complete-button.start-task[b-du299wq1dm] {
    border-color: #8aaae3;
    color: #315fae;
    background: #f5f8fe;
}

.task-complete-button.start-task:hover[b-du299wq1dm] {
    border-color: #315fae;
    color: #fff;
    background: #315fae;
}

.in-progress-badge[b-du299wq1dm] {
    color: #315fae;
    background: #e8f0fd;
    font-size: 0.62rem;
}

.on-hold-region[b-du299wq1dm] {
    margin-top: 1rem;
}

.on-hold-task-list[b-du299wq1dm] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.on-hold-task-row[b-du299wq1dm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #e3e6eb;
    border-radius: 10px;
    background: #fafbfc;
}

.on-hold-task-content[b-du299wq1dm] {
    min-width: 0;
}

.on-hold-task-title-row[b-du299wq1dm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.on-hold-task-title-row a[b-du299wq1dm] {
    color: var(--managr-ink);
    font-size: 0.86rem;
    font-weight: 690;
    text-decoration: none;
}

.on-hold-task-title-row a:hover[b-du299wq1dm] {
    color: var(--managr-blue);
}

.on-hold-badge[b-du299wq1dm] {
    color: #78622e;
    background: #f8f0d8;
    font-size: 0.62rem;
}

.on-hold-task-meta[b-du299wq1dm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.25rem;
    color: var(--managr-muted);
    font-size: 0.66rem;
}

.on-hold-task-actions[b-du299wq1dm] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.on-hold-resume-button[b-du299wq1dm] {
    border: 1px solid #8aaae3;
    color: #315fae;
    background: #f5f8fe;
}

.on-hold-resume-button:hover[b-du299wq1dm] {
    color: #fff;
    background: #315fae;
}

@media (max-width: 640px) {
    .on-hold-task-row[b-du299wq1dm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .on-hold-task-actions[b-du299wq1dm] {
        width: 100%;
    }

    .on-hold-task-actions .btn[b-du299wq1dm] {
        flex: 1;
    }
}

/* Task dependencies */
.task-dependency-dropdown[b-du299wq1dm] {
    position: relative;
    max-width: 680px;
}

.task-dependency-dropdown[open][b-du299wq1dm] {
    z-index: 12;
}

.task-dependency-summary[b-du299wq1dm] {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid #ced6e2;
    border-radius: 8px;
    background: #fff;
    color: #495568;
    cursor: pointer;
    list-style: none;
}

.task-dependency-summary[b-du299wq1dm]::-webkit-details-marker {
    display: none;
}

.task-dependency-menu[b-du299wq1dm] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 0.35rem);
    left: 0;
    width: min(100%, 680px);
    max-height: 290px;
    overflow-y: auto;
    padding: 0.35rem;
    border: 1px solid #d5ddea;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(28, 47, 76, 0.14);
}

.task-dependency-option[b-du299wq1dm] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.55rem 0.6rem;
    border-radius: 7px;
    cursor: pointer;
}

.task-dependency-option:hover[b-du299wq1dm] {
    background: #f5f8fc;
}

.task-dependency-copy[b-du299wq1dm] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.task-dependency-copy strong[b-du299wq1dm] {
    overflow: hidden;
    color: #3e4859;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-dependency-copy small[b-du299wq1dm],
.task-dependency-empty[b-du299wq1dm],
.task-dependency-help[b-du299wq1dm],
.task-dependency-recurring-note[b-du299wq1dm] {
    color: #7a8596;
    font-size: 0.7rem;
}

.task-dependency-empty[b-du299wq1dm] {
    padding: 0.55rem 0.6rem;
}

.task-dependency-help[b-du299wq1dm],
.task-dependency-recurring-note[b-du299wq1dm] {
    margin-top: 0.4rem;
}

.blocked-badge[b-du299wq1dm] {
    border: 1px solid #e4bf78;
    color: #805a12;
    background: #fff4dc;
}

.task-blocked-note[b-du299wq1dm] {
    margin-top: 0.55rem;
    padding: 0.5rem 0.65rem;
    border-left: 3px solid #d39a31;
    border-radius: 5px;
    color: #765617;
    background: #fff8e9;
    font-size: 0.74rem;
}

.task-blocked-note strong[b-du299wq1dm] {
    margin-right: 0.25rem;
}

.task-dependency-search[b-du299wq1dm] {
    margin-bottom: 0.35rem;
    font-size: 0.74rem;
}




/* Task list filter reset */
.tasks-reset-filters-button[b-du299wq1dm] {
    margin-left: auto;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .tasks-reset-filters-button[b-du299wq1dm] { margin-left: 0; }
}

/* ------------------------------------------------------------
   Mobile compaction — bottom-navigation phone breakpoint
   ------------------------------------------------------------ */

@media (max-width: 640.98px) {

    /* Saved View + Work Date + Save View remain on one row. */
    .tasks-list-tools[b-du299wq1dm] {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto;
        align-items: end;
        gap: 0.42rem;
    }

    .tasks-saved-view-filter[b-du299wq1dm],
    .tasks-work-filter[b-du299wq1dm] {
        min-width: 0;
        width: 100%;
    }

    .tasks-saved-view-filter .form-select[b-du299wq1dm],
    .tasks-work-filter .form-select[b-du299wq1dm] {
        width: 100%;
        min-width: 0;
        font-size: 0.66rem;
    }

    .tasks-saved-view-select-row[b-du299wq1dm] {
        min-width: 0;
    }

    .tasks-save-view-button[b-du299wq1dm] {
        min-width: 0;
        padding-right: 0.45rem;
        padding-left: 0.45rem;
        font-size: 0.61rem !important;
        white-space: nowrap;
    }

    .tasks-reset-filters-button[b-du299wq1dm] {
        grid-column: 1 / -1;
        justify-self: end;
        margin-left: 0;
    }

    /* Each task gets one three-column action row: Start / Edit / Duplicate. */
    .task-card-main[b-du299wq1dm] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.48rem;
    }

    .task-card-content[b-du299wq1dm] {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .task-complete-column[b-du299wq1dm],
    .task-card-actions[b-du299wq1dm] {
        display: contents;
    }

    .task-complete-split[b-du299wq1dm] {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
    }

    .task-card-actions .task-edit-button[b-du299wq1dm] {
        grid-column: 2;
        grid-row: 2;
    }

    .task-card-actions .task-duplicate-button[b-du299wq1dm] {
        grid-column: 3;
        grid-row: 2;
    }

    .task-complete-split[b-du299wq1dm],
    .task-edit-button[b-du299wq1dm],
    .task-duplicate-button[b-du299wq1dm] {
        min-width: 0;
        min-height: 38px;
    }

    .task-card-actions .task-edit-button[b-du299wq1dm],
    .task-card-actions .task-duplicate-button[b-du299wq1dm] {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding-right: 0.35rem;
        padding-left: 0.35rem;
        font-size: 0.65rem !important;
    }

    .task-complete-main[b-du299wq1dm] {
        min-width: 0;
        padding-right: 0.35rem;
        padding-left: 0.35rem;
        font-size: 0.65rem;
    }

    .task-complete-text[b-du299wq1dm] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .task-complete-column > .task-reschedule-menu[b-du299wq1dm],
    .task-complete-column > .task-complete-warning[b-du299wq1dm] {
        grid-column: 1 / -1;
        width: 100%;
        max-width: none;
    }

    /* Add Task: compact schedule fields while retaining full-width Work On/Assignee. */
    .task-schedule-grid[b-du299wq1dm] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
        margin-right: 0;
        margin-left: 0;
    }

    .task-schedule-grid > *[b-du299wq1dm] {
        width: auto;
        max-width: none;
        padding-right: 0;
        padding-left: 0;
    }

    .task-work-on-field[b-du299wq1dm],
    .task-assignee-field[b-du299wq1dm],
    .task-priority-field[b-du299wq1dm] {
        grid-column: 1 / -1;
    }

    .task-due-date-field[b-du299wq1dm] {
        grid-column: 1;
    }

    .task-due-time-field[b-du299wq1dm] {
        grid-column: 2;
    }

    .task-schedule-grid .form-control[b-du299wq1dm],
    .task-schedule-grid .form-select[b-du299wq1dm] {
        width: 100%;
        min-width: 0;
    }

    .task-priority-field[b-du299wq1dm] {
        display: block;
    }

    .task-priority-field .task-option-stack[b-du299wq1dm] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: center;
        gap: 0.35rem;
    }

    .task-priority-field .form-check[b-du299wq1dm] {
        min-width: 0;
        margin: 0;
        font-size: 0.61rem;
        white-space: nowrap;
    }

    .task-priority-field .form-check-label[b-du299wq1dm] {
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
}

/* /Components/Pages/TeamDetails.razor.rz.scp.css */
.team-details-page[b-fferinyh0c] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-line: #dfe5ee;
    --managr-blue: #3568d4;

    color: var(--managr-ink);
}

.team-details-alert[b-fferinyh0c] {
    margin-bottom: 0.85rem;
    border-radius: 9px;
    font-size: 0.78rem;
}

.team-details-loading[b-fferinyh0c] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
    font-size: 0.78rem;
}

.team-details-loading-indicator[b-fferinyh0c] {
    width: 20px;
    height: 20px;
    border: 2px solid #d5deeb;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: team-details-spin-b-fferinyh0c 0.8s linear infinite;
}

@keyframes team-details-spin-b-fferinyh0c {
    to { transform: rotate(360deg); }
}

.team-details-empty[b-fferinyh0c] {
    padding: 2.2rem 1rem;
    border: 1px dashed #ccd6e4;
    border-radius: 10px;
    background: #fbfcfe;
    text-align: center;
}

.team-details-empty-title[b-fferinyh0c] {
    color: #31455f;
    font-size: 0.9rem;
    font-weight: 750;
}

.team-details-empty-text[b-fferinyh0c] {
    margin: 0.2rem 0 0.8rem;
    color: var(--managr-muted);
    font-size: 0.7rem;
}

.team-summary-surface[b-fferinyh0c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.8rem;
    padding: 0.85rem 1rem;
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(28, 47, 76, 0.04);
}

.team-summary-main[b-fferinyh0c] {
    min-width: 0;
}

.team-summary-role[b-fferinyh0c],
.team-member-role[b-fferinyh0c] {
    display: inline-flex;
    padding: 0.2rem 0.45rem;
    border: 1px solid #d7dfeb;
    border-radius: 999px;
    color: #657187;
    background: #f7f9fc;
    font-size: 0.58rem;
    font-weight: 750;
}

.team-summary-role.creator[b-fferinyh0c],
.team-member-role.creator[b-fferinyh0c] {
    border-color: #e7cf8e;
    color: #7b5a0a;
    background: #fff8df;
}

.team-summary-role.admin[b-fferinyh0c],
.team-member-role.admin[b-fferinyh0c] {
    border-color: #bbd1f4;
    color: #315b9f;
    background: #eef5ff;
}

.team-summary-description[b-fferinyh0c] {
    margin-top: 0.28rem;
    color: var(--managr-muted);
    font-size: 0.7rem;
    line-height: 1.45;
}

.team-summary-stats[b-fferinyh0c] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.55rem;
}

.team-summary-stats > div[b-fferinyh0c] {
    min-width: 72px;
    padding: 0.42rem 0.55rem;
    border: 1px solid #e0e6ef;
    border-radius: 8px;
    background: #f8fafc;
    text-align: center;
}

.team-summary-stats strong[b-fferinyh0c] {
    display: block;
    color: #304967;
    font-size: 0.88rem;
}

.team-summary-stats span[b-fferinyh0c] {
    display: block;
    margin-top: 0.03rem;
    color: #7a8799;
    font-size: 0.58rem;
}

.team-details-grid[b-fferinyh0c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.7rem;
    margin-bottom: 0.85rem;
}

.team-management-card[b-fferinyh0c],
.team-members-region[b-fferinyh0c],
.team-membership-action-card[b-fferinyh0c],
.team-delete-card[b-fferinyh0c] {
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(28, 47, 76, 0.04);
}

.team-management-card[b-fferinyh0c] {
    padding: 0.9rem;
}

.team-card-heading[b-fferinyh0c],
.team-region-heading[b-fferinyh0c] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #526176;
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.team-card-heading div[b-fferinyh0c],
.team-region-heading div[b-fferinyh0c] {
    height: 1px;
    flex: 1;
    background: var(--managr-line);
}

.team-edit-fields[b-fferinyh0c],
.team-invite-form[b-fferinyh0c] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.65rem;
}

.team-edit-fields .form-label[b-fferinyh0c],
.team-invite-form .form-label[b-fferinyh0c],
.team-delete-card .form-label[b-fferinyh0c] {
    margin-bottom: 0.25rem;
    color: #536176;
    font-size: 0.64rem;
    font-weight: 675;
}

.team-edit-fields .form-control[b-fferinyh0c],
.team-invite-form .form-control[b-fferinyh0c],
.team-delete-controls .form-control[b-fferinyh0c] {
    border-color: #d6deea;
    border-radius: 7px;
    font-size: 0.74rem;
}

.team-form-actions[b-fferinyh0c] {
    display: flex;
    justify-content: flex-end;
}

.team-form-actions .btn[b-fferinyh0c],
.team-invite-form .btn[b-fferinyh0c] {
    border-radius: 7px;
    font-size: 0.68rem;
    font-weight: 675;
}

.team-management-copy[b-fferinyh0c] {
    margin-top: 0.45rem;
    color: var(--managr-muted);
    font-size: 0.65rem;
    line-height: 1.42;
}

.team-invite-form[b-fferinyh0c] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.team-members-region[b-fferinyh0c] {
    margin-bottom: 0.85rem;
    overflow: hidden;
}

.team-region-header[b-fferinyh0c] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #e3e8ef;
    background: #f8fafc;
}

.team-region-heading[b-fferinyh0c] {
    min-width: 0;
    flex: 1;
}

.team-region-count[b-fferinyh0c] {
    display: inline-flex;
    min-width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5dfed;
    border-radius: 999px;
    color: #506989;
    background: #fff;
    font-size: 0.62rem;
    font-weight: 750;
}

.team-member-list[b-fferinyh0c],
.team-pending-list[b-fferinyh0c] {
    display: grid;
}

.team-member-row[b-fferinyh0c],
.team-pending-row[b-fferinyh0c] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #edf0f4;
}

.team-member-row:last-child[b-fferinyh0c],
.team-pending-row:last-child[b-fferinyh0c] {
    border-bottom: 0;
}

.team-member-avatar[b-fferinyh0c] {
    display: inline-flex;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd8ec;
    border-radius: 9px;
    color: #315b9f;
    background: #eef5ff;
    font-size: 0.72rem;
    font-weight: 800;
}

.team-member-copy[b-fferinyh0c] {
    min-width: 0;
    flex: 1;
}

.team-member-name-row[b-fferinyh0c] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.team-member-name[b-fferinyh0c] {
    overflow: hidden;
    color: #283a54;
    font-size: 0.76rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-member-email[b-fferinyh0c],
.team-pending-meta[b-fferinyh0c] {
    margin-top: 0.09rem;
    color: #7a8798;
    font-size: 0.62rem;
}

.team-member-actions[b-fferinyh0c] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.35rem;
}

.team-secondary-button[b-fferinyh0c],
.team-danger-outline[b-fferinyh0c] {
    padding: 0.3rem 0.52rem;
    border-radius: 6px;
    font-size: 0.62rem;
    font-weight: 675;
}

.team-secondary-button[b-fferinyh0c] {
    border: 1px solid #c8d5e8;
    color: #3e608e;
    background: #f6f9fd;
}

.team-secondary-button:hover[b-fferinyh0c] {
    border-color: #aabfdd;
    color: #294f84;
    background: #edf4fc;
}

.team-danger-outline[b-fferinyh0c] {
    border: 1px solid #e1b9bd;
    color: #9c4149;
    background: #fff8f8;
}

.team-danger-outline:hover[b-fferinyh0c] {
    border-color: #d49ca2;
    color: #84353c;
    background: #fff0f1;
}

.team-inline-empty[b-fferinyh0c] {
    padding: 0.85rem;
    color: #7a8798;
    font-size: 0.68rem;
}

.team-pending-row[b-fferinyh0c] {
    justify-content: space-between;
}

.team-pending-email[b-fferinyh0c] {
    color: #32455f;
    font-size: 0.72rem;
    font-weight: 675;
}

.team-membership-actions[b-fferinyh0c] {
    margin-top: 0.85rem;
}

.team-membership-action-card[b-fferinyh0c],
.team-delete-card[b-fferinyh0c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem;
}

.team-membership-action-title[b-fferinyh0c],
.team-delete-heading[b-fferinyh0c] {
    color: #5c3035;
    font-size: 0.76rem;
    font-weight: 725;
}

.team-membership-action-copy[b-fferinyh0c],
.team-delete-copy[b-fferinyh0c] {
    margin-top: 0.1rem;
    color: #80676a;
    font-size: 0.64rem;
}

.team-delete-card[b-fferinyh0c] {
    display: block;
    border-color: #e6c6c9;
    background: #fffafa;
}

.team-delete-copy[b-fferinyh0c] {
    margin-bottom: 0.65rem;
}

.team-delete-controls[b-fferinyh0c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.45rem;
}

.team-delete-controls .btn[b-fferinyh0c] {
    border-radius: 7px;
    font-size: 0.68rem;
    font-weight: 675;
}

@media (max-width: 850px) {
    .team-details-grid[b-fferinyh0c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .team-summary-surface[b-fferinyh0c],
    .team-member-row[b-fferinyh0c],
    .team-pending-row[b-fferinyh0c],
    .team-membership-action-card[b-fferinyh0c] {
        align-items: stretch;
        flex-direction: column;
    }

    .team-summary-stats[b-fferinyh0c] {
        width: 100%;
    }

    .team-summary-stats > div[b-fferinyh0c] {
        flex: 1;
    }

    .team-invite-form[b-fferinyh0c],
    .team-delete-controls[b-fferinyh0c] {
        grid-template-columns: 1fr;
    }

    .team-member-actions[b-fferinyh0c] {
        justify-content: flex-end;
    }

    .team-invite-form .btn[b-fferinyh0c],
    .team-delete-controls .btn[b-fferinyh0c] {
        width: 100%;
    }
}
/* /Components/Pages/Teams.razor.rz.scp.css */
.teams-page[b-33yhyvhkss] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-line: #dfe5ee;
    --managr-surface: #fff;
    --managr-blue: #3568d4;
    --managr-blue-dark: #264fa8;

    color: var(--managr-ink);
}

.teams-alert[b-33yhyvhkss] {
    margin-bottom: 0.85rem;
    border-radius: 9px;
    font-size: 0.78rem;
}

.teams-loading[b-33yhyvhkss] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
    font-size: 0.78rem;
}

.teams-loading-indicator[b-33yhyvhkss] {
    width: 20px;
    height: 20px;
    border: 2px solid #d5deeb;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: teams-spin-b-33yhyvhkss 0.8s linear infinite;
}

@keyframes teams-spin-b-33yhyvhkss {
    to { transform: rotate(360deg); }
}

.teams-region[b-33yhyvhkss] {
    margin-bottom: 1rem;
}

.teams-region-header[b-33yhyvhkss] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.teams-region-heading[b-33yhyvhkss] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 0.65rem;
    color: #536176;
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.teams-region-line[b-33yhyvhkss] {
    height: 1px;
    flex: 1;
    background: var(--managr-line);
}

.teams-count[b-33yhyvhkss] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    color: var(--managr-muted);
    font-size: 0.67rem;
}

.teams-count strong[b-33yhyvhkss] {
    color: #33445f;
    font-size: 0.82rem;
}

.teams-count-badge[b-33yhyvhkss] {
    display: inline-flex;
    min-width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    padding: 0 0.45rem;
    border: 1px solid #cddaf0;
    border-radius: 999px;
    color: #345b9e;
    background: #f2f6fd;
    font-size: 0.66rem;
    font-weight: 750;
}

.team-invitation-list[b-33yhyvhkss] {
    display: grid;
    gap: 0.5rem;
}

.team-invitation-card[b-33yhyvhkss] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #d8e2f1;
    border-left: 4px solid #5b8fe6;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(29, 54, 94, 0.05);
}

.team-invitation-copy[b-33yhyvhkss] {
    min-width: 0;
}

.team-invitation-title[b-33yhyvhkss] {
    color: #243754;
    font-size: 0.86rem;
    font-weight: 725;
}

.team-invitation-meta[b-33yhyvhkss] {
    margin-top: 0.16rem;
    color: var(--managr-muted);
    font-size: 0.67rem;
}

.team-invitation-actions[b-33yhyvhkss] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.team-invitation-actions .btn[b-33yhyvhkss],
.team-create-action .btn[b-33yhyvhkss] {
    border-radius: 7px;
    font-size: 0.7rem;
    font-weight: 675;
}

.team-create-surface[b-33yhyvhkss] {
    margin-bottom: 1rem;
    overflow: hidden;
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(28, 47, 76, 0.05);
}

.team-create-header[b-33yhyvhkss] {
    padding: 0.65rem 0.8rem;
    border-bottom: 1px solid #e4e9f0;
    background: #f8fafc;
}

.team-create-heading[b-33yhyvhkss] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.team-create-accent[b-33yhyvhkss] {
    display: block;
    width: 4px;
    height: 29px;
    border-radius: 999px;
    background: #4c7fdc;
}

.team-create-title[b-33yhyvhkss] {
    color: #273951;
    font-size: 0.81rem;
    font-weight: 725;
}

.team-create-subtitle[b-33yhyvhkss] {
    margin-top: 0.08rem;
    color: var(--managr-muted);
    font-size: 0.64rem;
}

.team-create-body[b-33yhyvhkss] {
    padding: 0.95rem 1rem 1rem;
}

.team-create-grid[b-33yhyvhkss] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(260px, 1.8fr) auto;
    align-items: end;
    gap: 0.65rem;
}

.team-create-grid .form-label[b-33yhyvhkss] {
    margin-bottom: 0.28rem;
    color: #536176;
    font-size: 0.65rem;
    font-weight: 675;
}

.team-create-grid .form-control[b-33yhyvhkss] {
    min-height: 36px;
    border-color: #d6deea;
    border-radius: 7px;
    font-size: 0.76rem;
}

.team-create-action[b-33yhyvhkss] {
    padding-bottom: 1px;
}

.team-card-grid[b-33yhyvhkss] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.team-card[b-33yhyvhkss] {
    display: flex;
    min-width: 0;
    min-height: 178px;
    flex-direction: column;
    padding: 0.85rem;
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(28, 47, 76, 0.05);
}

.team-card-top[b-33yhyvhkss] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.team-card-icon[b-33yhyvhkss] {
    position: relative;
    width: 32px;
    height: 28px;
}

.team-card-icon span[b-33yhyvhkss] {
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid #527fc7;
    border-radius: 50%;
    background: #edf4ff;
}

.team-card-icon span:nth-child(1)[b-33yhyvhkss] {
    top: 0;
    left: 9px;
}

.team-card-icon span:nth-child(2)[b-33yhyvhkss] {
    bottom: 0;
    left: 0;
}

.team-card-icon span:nth-child(3)[b-33yhyvhkss] {
    right: 0;
    bottom: 0;
}

.team-role-badge[b-33yhyvhkss] {
    padding: 0.22rem 0.48rem;
    border: 1px solid #d7dfeb;
    border-radius: 999px;
    color: #657187;
    background: #f7f9fc;
    font-size: 0.59rem;
    font-weight: 750;
    letter-spacing: 0.025em;
}

.team-role-badge.creator[b-33yhyvhkss] {
    border-color: #e7cf8e;
    color: #7b5a0a;
    background: #fff8df;
}

.team-role-badge.admin[b-33yhyvhkss] {
    border-color: #bbd1f4;
    color: #315b9f;
    background: #eef5ff;
}

.team-card-name[b-33yhyvhkss] {
    margin-top: 0.65rem;
    overflow: hidden;
    color: #223653;
    font-size: 0.94rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-card-description[b-33yhyvhkss] {
    display: -webkit-box;
    margin-top: 0.24rem;
    overflow: hidden;
    color: var(--managr-muted);
    font-size: 0.68rem;
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.team-card-footer[b-33yhyvhkss] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    margin-top: auto;
    padding-top: 0.75rem;
    color: #788497;
    font-size: 0.64rem;
}

.team-open-button[b-33yhyvhkss] {
    padding: 0.32rem 0.58rem;
    border: 1px solid #c4d4ee;
    border-radius: 6px;
    color: #315b9f;
    background: #f4f8fe;
    font-size: 0.64rem;
    font-weight: 675;
}

.team-open-button:hover[b-33yhyvhkss] {
    border-color: #9eb8e3;
    color: #244d8d;
    background: #eaf2fd;
}

.teams-empty-state[b-33yhyvhkss] {
    padding: 2rem 1rem;
    border: 1px dashed #ccd6e4;
    border-radius: 10px;
    color: var(--managr-muted);
    background: #fbfcfe;
    text-align: center;
}

.teams-empty-icon[b-33yhyvhkss] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    border-radius: 50%;
    color: #446faa;
    background: #eaf2fd;
    font-size: 1.15rem;
}

.teams-empty-title[b-33yhyvhkss] {
    color: #344760;
    font-size: 0.8rem;
    font-weight: 725;
}

.teams-empty-text[b-33yhyvhkss] {
    margin-top: 0.15rem;
    font-size: 0.67rem;
}

@media (max-width: 1050px) {
    .team-card-grid[b-33yhyvhkss] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .team-create-grid[b-33yhyvhkss] {
        grid-template-columns: minmax(180px, 0.8fr) minmax(240px, 1.5fr);
    }

    .team-create-action[b-33yhyvhkss] {
        grid-column: 1 / -1;
        justify-self: end;
    }
}

@media (max-width: 700px) {
    .team-invitation-card[b-33yhyvhkss] {
        align-items: stretch;
        flex-direction: column;
    }

    .team-invitation-actions[b-33yhyvhkss] {
        justify-content: flex-end;
    }

    .team-create-grid[b-33yhyvhkss],
    .team-card-grid[b-33yhyvhkss] {
        grid-template-columns: 1fr;
    }

    .team-create-action[b-33yhyvhkss] {
        grid-column: 1;
        justify-self: stretch;
    }

    .team-create-action .btn[b-33yhyvhkss] {
        width: 100%;
    }
}
/* /Components/Pages/TeamTags.razor.rz.scp.css */
.tags-page[b-geabd27cvc] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-purple: #7656c9;
    --managr-red: #d95151;

    color: var(--managr-ink);
}


/* ------------------------------------------------------------
   Banner
   ------------------------------------------------------------ */

.settings-page-banner[b-geabd27cvc] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80, 145, 255, 0.24) 0, rgba(80, 145, 255, 0.24) 185px, transparent 186px),
        linear-gradient(120deg, #17243c 0%, #234a8d 56%, #3568d4 100%);
    box-shadow: 0 8px 25px rgba(28, 55, 105, 0.15);
}

.settings-banner-content[b-geabd27cvc],
.settings-banner-actions[b-geabd27cvc] {
    position: relative;
    z-index: 1;
}

.settings-eyebrow[b-geabd27cvc] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.settings-page-banner h1[b-geabd27cvc] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.settings-banner-subtitle[b-geabd27cvc] {
    margin-top: 0.32rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.settings-banner-button[b-geabd27cvc] {
    padding: 0.52rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 650;
}

.settings-banner-button:hover[b-geabd27cvc] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}


/* ------------------------------------------------------------
   Controls
   ------------------------------------------------------------ */

.tags-page[b-geabd27cvc]  .form-label {
    margin-bottom: 0.3rem;
    color: #566174;
    font-size: 0.72rem;
    font-weight: 650;
}

.tags-page[b-geabd27cvc]  .form-control,
.tags-page[b-geabd27cvc]  .form-select {
    min-height: 40px;
    border: 1px solid #d4dce7;
    border-radius: 8px;
    box-shadow: none;
    font-size: 0.84rem;
}

.tags-page[b-geabd27cvc]  .form-control:focus,
.tags-page[b-geabd27cvc]  .form-select:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 0.18rem rgba(53, 104, 212, 0.11);
}

.tags-page[b-geabd27cvc]  .validation-message {
    display: block;
    margin-top: 0.25rem;
    color: var(--managr-red);
    font-size: 0.68rem;
}

.tags-page .btn[b-geabd27cvc] {
    border-radius: 8px;
    font-size: 0.76rem;
    font-weight: 650;
}

.tags-page .btn-primary[b-geabd27cvc] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.tags-page .btn-primary:hover[b-geabd27cvc] {
    border-color: var(--managr-blue-dark);
    background: var(--managr-blue-dark);
}

.settings-alert[b-geabd27cvc] {
    margin-bottom: 1rem;
    border-radius: 10px;
}

.tag-color-picker[b-geabd27cvc],
.tag-edit-color[b-geabd27cvc] {
    width: 100% !important;
    min-height: 40px;
    padding: 0.25rem !important;
}

.preview-label[b-geabd27cvc] {
    color: #8a94a3;
    font-size: 0.65rem;
    font-weight: 650;
}


/* ------------------------------------------------------------
   Creation surfaces
   ------------------------------------------------------------ */

.tag-create-grid[b-geabd27cvc] {
    display: grid;
    grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.4fr);
    gap: 1rem;
    margin-bottom: 1.4rem;
}

.tag-create-surface[b-geabd27cvc] {
    overflow: hidden;
    border: 1px solid #cbd9f1;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 7px rgba(31, 54, 92, 0.05);
}

.tag-type-create[b-geabd27cvc] {
    border-left: 4px solid var(--managr-purple);
}

.tag-create[b-geabd27cvc] {
    border-left: 4px solid var(--managr-blue);
}

.tag-create-header[b-geabd27cvc] {
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #dce4f0;
}

.tag-type-create .tag-create-header[b-geabd27cvc] {
    background: linear-gradient(90deg, rgba(118, 86, 201, 0.07), rgba(255, 255, 255, 0.5));
}

.tag-create .tag-create-header[b-geabd27cvc] {
    background: linear-gradient(90deg, rgba(53, 104, 212, 0.07), rgba(255, 255, 255, 0.5));
}

.tag-create-heading[b-geabd27cvc] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.tag-create-accent[b-geabd27cvc] {
    width: 4px;
    height: 31px;
    border-radius: 99px;
}

.tag-create-accent.type[b-geabd27cvc] {
    background: var(--managr-purple);
}

.tag-create-accent.tag[b-geabd27cvc] {
    background: var(--managr-blue);
}

.tag-create-title[b-geabd27cvc] {
    color: #33445f;
    font-size: 0.9rem;
    font-weight: 725;
}

.tag-create-subtitle[b-geabd27cvc] {
    margin-top: 0.1rem;
    color: #748097;
    font-size: 0.67rem;
}

.tag-create-body[b-geabd27cvc] {
    padding: 1rem;
    background: rgba(255, 255, 255, 0.9);
}

.tag-type-create-grid[b-geabd27cvc] {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 0.75rem;
}

.tag-type-create-grid .tag-create-action[b-geabd27cvc] {
    grid-column: 1 / -1;
}

.new-tag-grid[b-geabd27cvc] {
    display: grid;
    grid-template-columns: 1fr 1fr 100px 90px;
    align-items: end;
    gap: 0.75rem;
}

.new-tag-preview[b-geabd27cvc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    grid-column: 1 / 4;
}

.tag-create-action[b-geabd27cvc] {
    display: flex;
    justify-content: flex-end;
}


/* ------------------------------------------------------------
   Region heading
   ------------------------------------------------------------ */

.tags-region-header[b-geabd27cvc] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.tags-region-heading[b-geabd27cvc] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 0.65rem;
    color: #5c687b;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tags-region-line[b-geabd27cvc] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.tags-count[b-geabd27cvc] {
    display: flex;
    align-items: baseline;
    gap: 0.3rem;
    color: #748094;
    font-size: 0.68rem;
}

.tags-count strong[b-geabd27cvc] {
    color: #445065;
    font-size: 0.77rem;
}


/* ------------------------------------------------------------
   Tag type cards
   ------------------------------------------------------------ */

.tag-type-list[b-geabd27cvc] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.tag-type-card[b-geabd27cvc] {
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--managr-purple);
    border-radius: 11px;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
}

.tag-type-card.inactive[b-geabd27cvc] {
    opacity: 0.76;
}

.tag-type-header[b-geabd27cvc] {
    display: flex;
    min-height: 68px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid #dfe4eb;
    background: linear-gradient(90deg, rgba(118, 86, 201, 0.045), #fbfcfe 45%);
}

.tag-type-identity[b-geabd27cvc] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.65rem;
}

.tag-type-accent[b-geabd27cvc] {
    width: 4px;
    height: 31px;
    flex: 0 0 4px;
    border-radius: 99px;
    background: var(--managr-purple);
}

.tag-type-name-row[b-geabd27cvc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.tag-type-name[b-geabd27cvc] {
    color: #344054;
    font-size: 0.84rem;
    font-weight: 725;
}

.tag-count-badge[b-geabd27cvc] {
    padding: 0.2rem 0.45rem;
    border: 1px solid #dce1e8;
    border-radius: 99px;
    color: #667184;
    background: #f6f7f9;
    font-size: 0.61rem;
    font-weight: 650;
}

.inactive-badge[b-geabd27cvc] {
    padding: 0.2rem 0.45rem;
    border-radius: 99px;
    color: #657080;
    background: #edf0f3;
    font-size: 0.61rem;
    font-weight: 700;
}

.tag-type-order[b-geabd27cvc] {
    margin-top: 0.18rem;
    color: #9099a6;
    font-size: 0.63rem;
}

.tag-type-actions[b-geabd27cvc] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.tag-secondary-button[b-geabd27cvc] {
    border: 1px solid #ccd4df;
    color: #526074;
    background: #fff;
}

.tag-secondary-button:hover[b-geabd27cvc] {
    border-color: #9eabbc;
    color: #26354d;
    background: #f7f9fc;
}


/* ------------------------------------------------------------
   Tag Type edit
   ------------------------------------------------------------ */

.tag-type-edit-fields[b-geabd27cvc] {
    display: flex;
    min-width: 0;
    flex: 1;
    gap: 0.5rem;
}

.tag-type-order-input[b-geabd27cvc] {
    max-width: 100px;
}


/* ------------------------------------------------------------
   Tag rows
   ------------------------------------------------------------ */

.tag-type-body[b-geabd27cvc] {
    background: #fff;
}

.tag-type-empty[b-geabd27cvc] {
    padding: 1rem;
    color: #8a94a3;
    font-size: 0.72rem;
}

.tag-list[b-geabd27cvc] {
    display: flex;
    flex-direction: column;
}

.tag-row[b-geabd27cvc] {
    --tag-color: #8793a5;

    position: relative;
    display: flex;
    min-height: 58px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.68rem 0.9rem 0.68rem 1rem;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

.tag-row:last-child[b-geabd27cvc] {
    border-bottom: 0;
}

.tag-row:hover[b-geabd27cvc] {
    background: #fafcff;
}

.tag-row.inactive[b-geabd27cvc] {
    opacity: 0.68;
}

.tag-color-marker[b-geabd27cvc] {
    width: 5px;
    height: 30px;
    flex: 0 0 5px;
    border-radius: 99px;
    background: var(--tag-color);
}

.tag-row-identity[b-geabd27cvc] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag-name-badge[b-geabd27cvc] {
    font-size: 0.68rem;
    font-weight: 675;
}

.tag-order[b-geabd27cvc] {
    color: #8b94a1;
    font-size: 0.64rem;
}

.tag-row-actions[b-geabd27cvc] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}


/* ------------------------------------------------------------
   Tag edit
   ------------------------------------------------------------ */

.tag-edit-fields[b-geabd27cvc] {
    display: grid;
    min-width: 0;
    flex: 1;
    grid-template-columns: minmax(160px, 1fr) 75px 90px auto;
    align-items: center;
    gap: 0.5rem;
}

.tag-edit-color[b-geabd27cvc] {
    width: 75px !important;
}

.tag-edit-order[b-geabd27cvc] {
    max-width: 90px;
}

.tag-edit-preview[b-geabd27cvc] {
    font-size: 0.66rem;
}


/* ------------------------------------------------------------
   Empty / loading
   ------------------------------------------------------------ */

.settings-loading[b-geabd27cvc] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
}

.settings-loading-indicator[b-geabd27cvc] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: settings-spin-b-geabd27cvc 0.8s linear infinite;
}

@keyframes settings-spin-b-geabd27cvc {
    to { transform: rotate(360deg); }
}

.settings-empty-state[b-geabd27cvc] {
    padding: 3.5rem 1rem;
    border: 1px dashed #cbd3df;
    border-radius: 11px;
    text-align: center;
    background: rgba(255, 255, 255, 0.48);
}

.settings-empty-icon[b-geabd27cvc] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.7rem;
    border: 1px solid #b9c9df;
    border-radius: 50%;
    color: var(--managr-blue);
    background: #f1f5fb;
}

.settings-empty-title[b-geabd27cvc] {
    color: #354156;
    font-size: 0.92rem;
    font-weight: 700;
}

.settings-empty-text[b-geabd27cvc] {
    margin-top: 0.2rem;
    color: var(--managr-muted);
    font-size: 0.74rem;
}


/* ------------------------------------------------------------
   Tablet
   ------------------------------------------------------------ */

@media (max-width: 950px) {

    .tag-create-grid[b-geabd27cvc] {
        grid-template-columns: 1fr;
    }
}


/* ------------------------------------------------------------
   Mobile
   ------------------------------------------------------------ */

@media (max-width: 700px) {

    .settings-page-banner[b-geabd27cvc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.9rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .settings-page-banner h1[b-geabd27cvc] {
        font-size: 1.5rem;
    }

    .settings-banner-actions[b-geabd27cvc],
    .settings-banner-button[b-geabd27cvc] {
        width: 100%;
    }

    .settings-banner-button[b-geabd27cvc] {
        text-align: center;
    }

    .tag-create-subtitle[b-geabd27cvc] {
        display: none;
    }

    .tag-type-create-grid[b-geabd27cvc],
    .new-tag-grid[b-geabd27cvc] {
        grid-template-columns: 1fr;
    }

    .new-tag-preview[b-geabd27cvc],
    .tag-type-create-grid .tag-create-action[b-geabd27cvc] {
        grid-column: auto;
    }

    .tag-create-action .btn[b-geabd27cvc] {
        width: 100%;
    }

    .tag-type-header[b-geabd27cvc] {
        align-items: stretch;
        flex-direction: column;
    }

    .tag-type-actions[b-geabd27cvc] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    .tag-type-actions .btn[b-geabd27cvc] {
        width: 100%;
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }

    .tag-type-edit-fields[b-geabd27cvc] {
        display: grid;
        grid-template-columns: 1fr 90px;
    }

    .tag-row[b-geabd27cvc] {
        align-items: stretch;
        flex-direction: column;
    }

    .tag-row-actions[b-geabd27cvc] {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .tag-row-actions .btn[b-geabd27cvc] {
        width: 100%;
    }

    .tag-edit-fields[b-geabd27cvc] {
        width: 100%;
        grid-template-columns: 1fr 75px 85px;
    }

    .tag-edit-preview[b-geabd27cvc] {
        grid-column: 1 / -1;
        width: fit-content;
    }
}

.team-tag-scope-bar[b-geabd27cvc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.8rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #d9e1ec;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(28, 47, 76, 0.04);
}

.team-tag-scope-label[b-geabd27cvc] {
    color: #31445f;
    font-size: 0.74rem;
    font-weight: 725;
}

.team-tag-scope-help[b-geabd27cvc] {
    margin-top: 0.08rem;
    color: #748094;
    font-size: 0.63rem;
}

.team-tag-team-select[b-geabd27cvc] {
    width: min(360px, 45%);
    min-width: 210px;
    border-color: #d2dce9;
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 625;
}

.team-tags-access-empty .btn[b-geabd27cvc] {
    margin-top: 0.7rem;
    border-radius: 7px;
    font-size: 0.69rem;
    font-weight: 675;
}

@media (max-width: 700px) {
    .team-tag-scope-bar[b-geabd27cvc] {
        align-items: stretch;
        flex-direction: column;
    }

    .team-tag-team-select[b-geabd27cvc] {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/Pages/TeamTasks.razor.rz.scp.css */
.tasks-page[b-ngcpte615e] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-border-soft: #dfe4eb;
    --managr-surface: #ffffff;
    --managr-surface-soft: #f8fafc;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-green: #24976f;
    --managr-orange: #e58737;
    --managr-red: #d95151;
    --managr-purple: #7656c9;

    color: var(--managr-ink);
}


/* ------------------------------------------------------------
   Page banner
   ------------------------------------------------------------ */

.tasks-page-banner[b-ngcpte615e] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80, 145, 255, 0.24) 0, rgba(80, 145, 255, 0.24) 185px, transparent 186px),
        linear-gradient(120deg, #17243c 0%, #234a8d 56%, #3568d4 100%);
    box-shadow: 0 8px 25px rgba(28, 55, 105, 0.15);
}

.tasks-banner-content[b-ngcpte615e],
.tasks-banner-actions[b-ngcpte615e] {
    position: relative;
    z-index: 1;
}

.tasks-eyebrow[b-ngcpte615e] {
    margin-bottom: 0.35rem;
    color: #bfd3ff;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.16em;
}

.tasks-page-banner h1[b-ngcpte615e] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -0.035em;
}

.tasks-banner-subtitle[b-ngcpte615e] {
    max-width: 620px;
    margin-top: 0.32rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
}

.tasks-banner-actions[b-ngcpte615e] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.45rem;
}

.tasks-banner-button[b-ngcpte615e] {
    padding: 0.52rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.78rem;
    font-weight: 650;
    backdrop-filter: blur(5px);
}

.tasks-banner-button:hover[b-ngcpte615e] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}


/* ------------------------------------------------------------
   Shared form controls
   ------------------------------------------------------------ */

.tasks-page[b-ngcpte615e]  .form-label {
    margin-bottom: 0.3rem;
    color: #566174;
    font-size: 0.73rem;
    font-weight: 650;
}

.tasks-page[b-ngcpte615e]  .form-control,
.tasks-page[b-ngcpte615e]  .form-select {
    min-height: 40px;
    border: 1px solid #d4dce7;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: none;
    font-size: 0.84rem;
}

.tasks-page[b-ngcpte615e]  textarea.form-control {
    min-height: 85px;
    resize: vertical;
}

.tasks-page[b-ngcpte615e]  .form-control:focus,
.tasks-page[b-ngcpte615e]  .form-select:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 0.18rem rgba(53, 104, 212, 0.11);
}

.tasks-page[b-ngcpte615e]  .form-check-input:checked {
    border-color: var(--managr-blue);
    background-color: var(--managr-blue);
}

.tasks-page[b-ngcpte615e]  .form-check-label {
    color: #465266;
    font-size: 0.8rem;
}

.tasks-page[b-ngcpte615e]  .input-group-text {
    border-color: #d4dce7;
    color: #697487;
    background: #f7f8fa;
    font-size: 0.78rem;
}

.tasks-page[b-ngcpte615e]  .validation-message {
    display: block;
    margin-top: 0.28rem;
    color: var(--managr-red);
    font-size: 0.69rem;
}

.tasks-page .btn[b-ngcpte615e] {
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 650;
}

.tasks-page .btn-primary[b-ngcpte615e] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.tasks-page .btn-primary:hover[b-ngcpte615e] {
    border-color: var(--managr-blue-dark);
    background: var(--managr-blue-dark);
}

.tasks-alert[b-ngcpte615e] {
    margin-bottom: 1rem;
    border-radius: 10px;
}


/* ------------------------------------------------------------
   Add Task action surface
   ------------------------------------------------------------ */

.task-create-surface[b-ngcpte615e] {
    margin-bottom: 1.35rem;
    overflow: hidden;
    border: 1px solid #cbd9f1;
    border-left: 4px solid var(--managr-blue);
    border-radius: 11px;
    background:
        linear-gradient(105deg, rgba(53, 104, 212, 0.07), rgba(255, 255, 255, 0.76) 45%, rgba(255, 255, 255, 0.92));
    box-shadow: 0 2px 7px rgba(31, 54, 92, 0.05);
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.task-create-surface.expanded[b-ngcpte615e] {
    border-color: #b9cbed;
    box-shadow:
        0 2px 7px rgba(31, 54, 92, 0.05),
        0 8px 24px rgba(31, 54, 92, 0.06);
}

.task-create-header[b-ngcpte615e] {
    display: flex;
    min-height: 68px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
}

.task-create-heading[b-ngcpte615e] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
}

.task-create-accent[b-ngcpte615e] {
    width: 4px;
    height: 32px;
    flex: 0 0 4px;
    border-radius: 99px;
    background: var(--managr-blue);
}

.task-create-title[b-ngcpte615e] {
    color: #203d70;
    font-size: 0.91rem;
    font-weight: 725;
}

.task-create-subtitle[b-ngcpte615e] {
    margin-top: 0.12rem;
    color: #748097;
    font-size: 0.68rem;
}

.task-create-toggle[b-ngcpte615e] {
    flex: 0 0 auto;
    border: 1px solid var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.task-create-toggle:hover[b-ngcpte615e] {
    border-color: var(--managr-blue-dark);
    color: #fff;
    background: var(--managr-blue-dark);
}

.task-create-toggle.expanded[b-ngcpte615e] {
    border-color: #bac4d3;
    color: #556174;
    background: rgba(255, 255, 255, 0.7);
}

.task-create-toggle.expanded:hover[b-ngcpte615e] {
    border-color: #98a5b7;
    color: #344054;
    background: #fff;
}

.task-create-body[b-ngcpte615e] {
    padding: 1.1rem 1.15rem 1.2rem;
    border-top: 1px solid #d9e3f3;
    background: rgba(255, 255, 255, 0.86);
}


/* ------------------------------------------------------------
   Add Task internal sections
   ------------------------------------------------------------ */

.task-form-section[b-ngcpte615e] {
    padding: 0.2rem 0 1.2rem;
}

.task-form-section + .task-form-section[b-ngcpte615e] {
    padding-top: 0.2rem;
    border-top: 1px solid #e3e7ed;
}

.task-form-section-heading[b-ngcpte615e] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0.9rem 0 0.8rem;
    color: #657084;
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.task-form-section:first-child .task-form-section-heading[b-ngcpte615e] {
    margin-top: 0;
}

.task-form-section-heading div[b-ngcpte615e] {
    height: 1px;
    flex: 1;
    background: #e1e5eb;
}

.task-priority-field[b-ngcpte615e] {
    display: flex;
    align-items: end;
    padding-bottom: 0.47rem;
}

.selected-assignee-preview[b-ngcpte615e] {
    margin-top: 0.4rem;
}

.recurrence-toggle[b-ngcpte615e] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 38px;
}

.recurrence-toggle-note[b-ngcpte615e] {
    color: #8992a0;
    font-size: 0.68rem;
}

.recurrence-options[b-ngcpte615e] {
    margin-top: 0.8rem;
    padding: 0.85rem;
    border: 1px solid #dfe5ee;
    border-radius: 9px;
    background: #f8fafc;
}

.recurrence-description[b-ngcpte615e] {
    padding: 0.55rem 0.7rem;
    border-left: 3px solid #a7bae0;
    border-radius: 0 6px 6px 0;
    color: #687488;
    background: #f3f6fb;
    font-size: 0.71rem;
}


/* ------------------------------------------------------------
   Tag selector
   ------------------------------------------------------------ */

.tag-selector[b-ngcpte615e] {
    padding: 0.8rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #f9fafc;
}

.tag-dropdown-grid[b-ngcpte615e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 0.65rem;
}

.tag-dropdown[b-ngcpte615e] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.tag-dropdown[open][b-ngcpte615e] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31, 54, 92, 0.07);
}

.tag-dropdown-summary[b-ngcpte615e] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 0.45rem;
    padding: 0.48rem 0.62rem;
    color: #465266;
    cursor: pointer;
    font-size: 0.71rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.tag-dropdown-summary[b-ngcpte615e]::-webkit-details-marker {
    display: none;
}

.tag-dropdown-title[b-ngcpte615e] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tag-dropdown-count[b-ngcpte615e] {
    margin-left: auto;
    padding: 0.16rem 0.38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: 0.58rem;
    font-weight: 725;
    white-space: nowrap;
}

.tag-dropdown-chevron[b-ngcpte615e] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: 0.82rem;
    line-height: 1;
    transition: transform 0.15s ease;
}

.tag-dropdown[open] .tag-dropdown-chevron[b-ngcpte615e] {
    transform: rotate(180deg);
}

.tag-dropdown-menu[b-ngcpte615e] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.38rem 0.5rem 0.5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.tag-option[b-ngcpte615e] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    padding: 0.25rem 0.18rem;
    border-radius: 5px;
    cursor: pointer;
}

.tag-option:hover[b-ngcpte615e] {
    background: #f5f8fd;
}

.tag-option[b-ngcpte615e]  .form-check-input {
    margin-top: 0;
    flex: 0 0 auto;
}

.tag-option .badge[b-ngcpte615e] {
    max-width: calc(100% - 1.5rem);
    overflow: hidden;
    font-size: 0.66rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ------------------------------------------------------------
   Form actions
   ------------------------------------------------------------ */

.task-form-actions[b-ngcpte615e] {
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #dfe4eb;
}

.task-submit-button[b-ngcpte615e] {
    min-width: 125px;
    padding: 0.52rem 1rem;
}


/* ------------------------------------------------------------
   Task workspace heading
   ------------------------------------------------------------ */

.tasks-region[b-ngcpte615e] {
    min-width: 0;
}

.tasks-region-header[b-ngcpte615e] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.tasks-region-heading[b-ngcpte615e] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 0.65rem;
    color: #5c687b;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tasks-region-line[b-ngcpte615e] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.tasks-count[b-ngcpte615e] {
    display: flex;
    flex: 0 0 auto;
    align-items: baseline;
    gap: 0.3rem;
    color: #748094;
    font-size: 0.68rem;
}

.tasks-count strong[b-ngcpte615e] {
    color: #445065;
    font-size: 0.77rem;
}

.tasks-region-heading > span[b-ngcpte615e],
.tasks-count[b-ngcpte615e] {
    white-space: nowrap;
}


/* ------------------------------------------------------------
   Task list
   ------------------------------------------------------------ */

.task-list[b-ngcpte615e] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.task-card[b-ngcpte615e] {
    --task-tag-color: #8793a5;

    position: relative;
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--task-tag-color);
    border-radius: 12px;
    background: var(--managr-surface);
    box-shadow:
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
    transition:
        transform 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.task-card:hover[b-ngcpte615e] {
    transform: translateY(-1px);
    box-shadow:
        0 2px 3px rgba(24, 34, 53, 0.04),
        0 9px 25px rgba(24, 34, 53, 0.1);
}

.task-card.high-priority[b-ngcpte615e] {
    box-shadow:
        inset 3px 0 0 var(--managr-red),
        0 1px 2px rgba(24, 34, 53, 0.035),
        0 5px 16px rgba(24, 34, 53, 0.07);
}

.task-card.high-priority:hover[b-ngcpte615e] {
    box-shadow:
        inset 3px 0 0 var(--managr-red),
        0 2px 3px rgba(24, 34, 53, 0.04),
        0 9px 25px rgba(24, 34, 53, 0.1);
}

.task-card-main[b-ngcpte615e] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
    padding: 1rem 1.05rem;
}


/* ------------------------------------------------------------
   Complete action
   ------------------------------------------------------------ */

.task-complete-column[b-ngcpte615e] {
    padding-top: 0.05rem;
}

.task-complete-button[b-ngcpte615e] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.38rem 0.58rem;
    border: 1px solid #87c7af;
    border-radius: 8px;
    color: #187553;
    background: #f7fcfa;
    font-size: 0.7rem;
    font-weight: 650;
    transition:
        color 0.15s ease,
        border-color 0.15s ease,
        background-color 0.15s ease;
}

.task-complete-button:hover[b-ngcpte615e] {
    border-color: var(--managr-green);
    color: #fff;
    background: var(--managr-green);
}

.task-complete-button:disabled[b-ngcpte615e] {
    opacity: 0.55;
}

.task-complete-check[b-ngcpte615e] {
    display: flex;
    width: 1rem;
    height: 1rem;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 0.55rem;
}


/* ------------------------------------------------------------
   Task content
   ------------------------------------------------------------ */

.task-card-content[b-ngcpte615e] {
    min-width: 0;
}

.task-card-title-row[b-ngcpte615e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.task-card-title[b-ngcpte615e] {
    min-width: 0;
    margin: 0;
    color: var(--managr-ink);
    font-size: 1rem;
    font-weight: 690;
    line-height: 1.3;
    letter-spacing: -0.012em;
}

.task-status-badges[b-ngcpte615e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.priority-badge[b-ngcpte615e] {
    color: #fff;
    background: var(--managr-red);
    font-size: 0.62rem;
}

.recurrence-badge[b-ngcpte615e] {
    color: #385992;
    background: #e8effb;
    font-size: 0.62rem;
}

.task-card-notes[b-ngcpte615e] {
    max-width: 1000px;
    margin-top: 0.5rem;
    color: #657084;
    font-size: 0.78rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.task-card-tags[b-ngcpte615e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.65rem;
}

.task-card-tags .badge[b-ngcpte615e] {
    font-size: 0.64rem;
    font-weight: 650;
}


/* ------------------------------------------------------------
   Task metadata
   ------------------------------------------------------------ */

.task-card-meta[b-ngcpte615e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.72rem;
    padding-top: 0.65rem;
    border-top: 1px solid #edf0f4;
}

.task-meta-item[b-ngcpte615e] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    color: #687386;
    font-size: 0.7rem;
}

.task-meta-label[b-ngcpte615e] {
    color: #485569;
    font-weight: 700;
}

.task-meta-muted[b-ngcpte615e] {
    color: #929aa7;
}

.task-meta-divider[b-ngcpte615e] {
    width: 1px;
    height: 18px;
    background: #dfe4eb;
}

.task-meta-due.overdue[b-ngcpte615e] {
    color: var(--managr-red);
}

.task-meta-due.overdue .task-meta-label[b-ngcpte615e] {
    color: var(--managr-red);
}

.task-meta-due.today[b-ngcpte615e] {
    color: #c96a1e;
}

.task-meta-due.today .task-meta-label[b-ngcpte615e] {
    color: #c96a1e;
}

.task-meta-assignee .badge[b-ngcpte615e] {
    font-size: 0.64rem;
    font-weight: 650;
}


/* ------------------------------------------------------------
   Edit action
   ------------------------------------------------------------ */

.task-card-actions[b-ngcpte615e] {
    padding-top: 0.05rem;
}

.task-edit-button[b-ngcpte615e] {
    min-width: 58px;
    border: 1px solid #ccd4df;
    color: #526074;
    background: #fff;
}

.task-edit-button:hover[b-ngcpte615e] {
    border-color: #9eabbc;
    color: #26354d;
    background: #f7f9fc;
}


/* ------------------------------------------------------------
   Empty / loading
   ------------------------------------------------------------ */

.tasks-empty-state[b-ngcpte615e] {
    padding: 4rem 1.5rem;
    border: 1px dashed #cbd3df;
    border-radius: 12px;
    text-align: center;
    background: rgba(255, 255, 255, 0.48);
}

.tasks-empty-icon[b-ngcpte615e] {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.75rem;
    border: 1px solid #aad3c4;
    border-radius: 50%;
    color: var(--managr-green);
    background: #eff9f5;
    font-size: 1rem;
    font-weight: 700;
}

.tasks-empty-title[b-ngcpte615e] {
    color: #354156;
    font-size: 0.95rem;
    font-weight: 700;
}

.tasks-empty-text[b-ngcpte615e] {
    margin-top: 0.2rem;
    color: var(--managr-muted);
    font-size: 0.76rem;
}

.tasks-loading[b-ngcpte615e] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
}

.tasks-loading-indicator[b-ngcpte615e] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: tasks-spin-b-ngcpte615e 0.8s linear infinite;
}

@keyframes tasks-spin-b-ngcpte615e {
    to {
        transform: rotate(360deg);
    }
}


/* ------------------------------------------------------------
   Tablet
   ------------------------------------------------------------ */

@media (max-width: 900px) {

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

    .tasks-page-banner[b-ngcpte615e] {
        align-items: flex-start;
    }

    .task-card-main[b-ngcpte615e] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .task-complete-column[b-ngcpte615e] {
        grid-column: 1 / -1;
        grid-row: 2;
        padding-top: 0.25rem;
    }

    .task-card-content[b-ngcpte615e] {
        grid-column: 1;
        grid-row: 1;
    }

    .task-card-actions[b-ngcpte615e] {
        grid-column: 2;
        grid-row: 1;
    }
}


/* ------------------------------------------------------------
   Phone
   ------------------------------------------------------------ */

@media (max-width: 600px) {

    .tag-dropdown-grid[b-ngcpte615e] {
        grid-template-columns: 1fr;
    }

    .tasks-page-banner[b-ngcpte615e] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.9rem;
        margin-bottom: 0.85rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .tasks-page-banner h1[b-ngcpte615e] {
        font-size: 1.5rem;
    }

    .tasks-banner-subtitle[b-ngcpte615e] {
        font-size: 0.78rem;
    }

    .tasks-banner-actions[b-ngcpte615e] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    .tasks-banner-button[b-ngcpte615e] {
        padding-right: 0.4rem;
        padding-left: 0.4rem;
        text-align: center;
    }

    .task-create-header[b-ngcpte615e] {
        align-items: flex-start;
        padding: 0.78rem 0.82rem;
    }

    .task-create-subtitle[b-ngcpte615e] {
        display: none;
    }

    .task-create-body[b-ngcpte615e] {
        padding: 0.85rem;
    }

    .task-form-section[b-ngcpte615e] {
        padding-bottom: 1rem;
    }

    .task-priority-field[b-ngcpte615e] {
        align-items: center;
        padding-bottom: 0;
    }

    .recurrence-toggle[b-ngcpte615e] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.3rem;
    }

    .recurrence-options[b-ngcpte615e],
    .tag-selector[b-ngcpte615e] {
        padding: 0.65rem;
    }

    .task-form-actions[b-ngcpte615e] {
        display: block;
    }

    .task-submit-button[b-ngcpte615e] {
        width: 100%;
    }

    .tasks-region-header[b-ngcpte615e] {
        align-items: flex-end;
    }

    .tasks-region-heading[b-ngcpte615e] {
        min-width: 0;
    }

    .tasks-count span[b-ngcpte615e] {
        display: none;
    }

    .task-list[b-ngcpte615e] {
        gap: 0.7rem;
    }

    .task-card[b-ngcpte615e] {
        border-radius: 10px;
    }

    .task-card-main[b-ngcpte615e] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.65rem;
        padding: 0.85rem;
    }

    .task-card-content[b-ngcpte615e] {
        grid-column: 1 / -1;
        grid-row: 1;
        width: 100%;
    }

    .task-complete-column[b-ngcpte615e] {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        padding: 0;
    }

    .task-card-actions[b-ngcpte615e] {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        padding: 0;
    }

    .task-complete-button[b-ngcpte615e],
    .task-edit-button[b-ngcpte615e] {
        display: flex;
        width: 100%;
        min-height: 38px;
        align-items: center;
        justify-content: center;
    }

    .task-card-title[b-ngcpte615e] {
        font-size: 0.94rem;
    }

    .task-card-notes[b-ngcpte615e] {
        font-size: 0.74rem;
    }

    .task-card-meta[b-ngcpte615e] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .task-meta-divider[b-ngcpte615e] {
        display: none;
    }

    .task-card-tags .badge[b-ngcpte615e] {
        white-space: normal;
        text-align: left;
    }
}

/* ------------------------------------------------------------
   New task attachments
   ------------------------------------------------------------ */

.new-task-attachment-picker[b-ngcpte615e] {
    display: grid;
    grid-template-columns: minmax(250px, 1.2fr) minmax(300px, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 0.85rem;
    border: 1px dashed #cbd4e2;
    border-radius: 10px;
    background: #f8fafc;
}

.new-task-attachment-title[b-ngcpte615e] {
    color: #445066;
    font-size: 0.78rem;
    font-weight: 700;
}

.new-task-attachment-note[b-ngcpte615e] {
    margin-top: 0.12rem;
    color: #748094;
    font-size: 0.68rem;
}

.new-task-attachment-types[b-ngcpte615e] {
    margin-top: 0.28rem;
    color: #8b95a4;
    font-size: 0.62rem;
}

.new-task-file-input[b-ngcpte615e] {
    padding: 0.42rem 0.5rem;
    font-size: 0.74rem !important;
}

.new-task-attachment-error[b-ngcpte615e] {
    margin-top: 0.55rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #edc4c8;
    border-radius: 8px;
    color: #9f3f48;
    background: #fff5f5;
    font-size: 0.69rem;
}

.new-task-selected-files[b-ngcpte615e] {
    margin-top: 0.65rem;
    overflow: hidden;
    border: 1px solid #dfe4eb;
    border-radius: 9px;
    background: #fff;
}

.new-task-selected-header[b-ngcpte615e] {
    display: flex;
    min-height: 38px;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 0.65rem;
    border-bottom: 1px solid #e7eaf0;
    color: #596578;
    background: #fafbfc;
    font-size: 0.68rem;
    font-weight: 700;
}

.new-task-clear-files[b-ngcpte615e] {
    padding: 0.25rem 0.48rem !important;
    border: 1px solid #cbd3df;
    color: #637083;
    background: #fff;
    font-size: 0.64rem !important;
}

.new-task-clear-files:hover[b-ngcpte615e] {
    border-color: #aeb9c8;
    color: #3f4b5e;
    background: #f6f8fa;
}

.new-task-selected-list[b-ngcpte615e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.new-task-selected-file[b-ngcpte615e] {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.5rem 0.65rem;
    border-bottom: 1px solid #eef1f4;
    color: #596578;
    font-size: 0.66rem;
}

.new-task-selected-name[b-ngcpte615e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-task-selected-size[b-ngcpte615e] {
    flex: 0 0 auto;
    color: #929ba8;
}

.new-task-recurring-attachment-note[b-ngcpte615e] {
    padding: 0.5rem 0.65rem;
    border-top: 1px solid #ebeef3;
    color: #6d5aa8;
    background: #faf8fe;
    font-size: 0.65rem;
}

@media (max-width: 760px) {
    .new-task-attachment-picker[b-ngcpte615e] {
        grid-template-columns: 1fr;
    }

    .new-task-selected-list[b-ngcpte615e] {
        grid-template-columns: 1fr;
    }
}

/* ------------------------------------------------------------
   Work On date
   ------------------------------------------------------------ */

.task-field-help[b-ngcpte615e] {
    margin-top: 0.28rem;
    color: #8a94a4;
    font-size: 0.63rem;
    line-height: 1.3;
}

.tasks-list-tools[b-ngcpte615e] {
    display: flex;
    align-items: end;
    gap: 0.8rem;
}

.tasks-work-filter[b-ngcpte615e] {
    display: grid;
    gap: 0.24rem;
    margin: 0;
}

.tasks-work-filter > span[b-ngcpte615e] {
    color: #738095;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tasks-work-filter .form-select[b-ngcpte615e] {
    width: 175px;
    min-height: 34px;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 0.72rem;
}

.task-meta-work[b-ngcpte615e] {
    color: #5e6a7d;
}

.task-meta-work.today[b-ngcpte615e] {
    color: #234da8;
    font-weight: 650;
}

.task-meta-work.future[b-ngcpte615e] {
    color: #7656c9;
}

.tasks-filter-empty[b-ngcpte615e] {
    margin-top: 0.65rem;
}

@media (max-width: 760px) {
    .tasks-list-tools[b-ngcpte615e] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        gap: 0.55rem;
    }

    .tasks-work-filter .form-select[b-ngcpte615e] {
        width: 100%;
    }
}

/* ------------------------------------------------------------
   Quick reschedule
   ------------------------------------------------------------ */

.task-complete-column[b-ngcpte615e] {
    min-width: 132px;
}

.task-complete-split[b-ngcpte615e] {
    display: inline-flex;
    align-items: stretch;
}

.task-complete-main[b-ngcpte615e] {
    border-radius: 8px 0 0 8px;
}

.task-reschedule-toggle[b-ngcpte615e] {
    display: flex;
    min-width: 28px;
    align-items: center;
    justify-content: center;
    padding: 0 0.42rem;
    border: 1px solid #87c7af;
    border-left: 0;
    border-radius: 0 8px 8px 0;
    color: #187553;
    background: #f7fcfa;
    font-size: 0.72rem;
    font-weight: 800;
    transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.task-reschedule-toggle:hover[b-ngcpte615e] {
    border-color: var(--managr-green);
    color: #fff;
    background: var(--managr-green);
}

.task-reschedule-toggle:disabled[b-ngcpte615e] {
    opacity: 0.55;
}

.task-reschedule-menu[b-ngcpte615e] {
    width: 220px;
    margin-top: 0.45rem;
    overflow: hidden;
    border: 1px solid #ccd5e1;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(24, 34, 53, 0.14);
}

.task-reschedule-menu-title[b-ngcpte615e] {
    padding: 0.48rem 0.62rem;
    border-bottom: 1px solid #e7ebf0;
    color: #687386;
    background: #f8fafc;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.task-reschedule-option[b-ngcpte615e] {
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.05rem;
    padding: 0.48rem 0.62rem;
    border: 0;
    border-bottom: 1px solid #eef1f4;
    color: #344054;
    background: #fff;
    text-align: left;
}

.task-reschedule-option:hover[b-ngcpte615e] {
    color: #234da8;
    background: #f5f8fd;
}

.task-reschedule-option span[b-ngcpte615e] {
    font-size: 0.72rem;
    font-weight: 700;
}

.task-reschedule-option small[b-ngcpte615e] {
    color: #8792a3;
    font-size: 0.6rem;
}

.task-reschedule-custom[b-ngcpte615e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.4rem;
    padding: 0.5rem 0.62rem;
    border-bottom: 1px solid #eef1f4;
    background: #fafbfd;
}

.tasks-page[b-ngcpte615e]  .task-reschedule-days {
    min-height: 32px;
    height: 32px;
    padding: 0.25rem 0.42rem;
    font-size: 0.72rem;
}

.task-reschedule-apply[b-ngcpte615e] {
    min-height: 32px;
    padding: 0.26rem 0.55rem !important;
    border: 1px solid var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
    font-size: 0.67rem !important;
}

.task-reschedule-apply:hover[b-ngcpte615e] {
    border-color: var(--managr-blue-dark);
    color: #fff;
    background: var(--managr-blue-dark);
}

.task-reschedule-error[b-ngcpte615e] {
    padding: 0.5rem 0.62rem;
    border-bottom: 1px solid #f1d3d6;
    color: #9e4048;
    background: #fff5f5;
    font-size: 0.63rem;
    line-height: 1.35;
}

.task-reschedule-cancel[b-ngcpte615e] {
    width: 100%;
    padding: 0.4rem 0.62rem;
    border: 0;
    color: #667285;
    background: #fafbfd;
    font-size: 0.63rem;
    font-weight: 650;
    text-align: left;
}

.task-reschedule-cancel:hover[b-ngcpte615e] {
    color: #344054;
    background: #f2f5f8;
}

@media (max-width: 700px) {
    .task-complete-column[b-ngcpte615e] {
        min-width: 0;
    }

    .task-complete-split[b-ngcpte615e] {
        width: 100%;
    }

    .task-complete-main[b-ngcpte615e] {
        flex: 1;
    }

    .task-reschedule-menu[b-ngcpte615e] {
        width: 100%;
    }
}

/* ------------------------------------------------------------
   Task detail links and subtask progress
   ------------------------------------------------------------ */

.task-card-title-link[b-ngcpte615e] {
    color: inherit;
    text-decoration: none;
}

.task-card-title-link:hover[b-ngcpte615e] {
    color: var(--managr-blue);
}

.task-subtask-summary[b-ngcpte615e] {
    display: block;
    max-width: 420px;
    margin-top: 0.55rem;
    padding: 0.48rem 0.58rem;
    border: 1px solid #dde3ec;
    border-radius: 8px;
    color: #5d697d;
    background: #f8fafc;
    text-decoration: none;
}

.task-subtask-summary:hover[b-ngcpte615e] {
    border-color: #bfcce1;
    color: #3f536f;
    background: #f4f7fb;
}

.task-subtask-summary-row[b-ngcpte615e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.65rem;
}

.task-subtask-summary-row span[b-ngcpte615e] {
    font-weight: 650;
}

.task-subtask-summary-row strong[b-ngcpte615e] {
    color: #526074;
    font-size: 0.63rem;
    font-weight: 700;
}

.task-subtask-progress[b-ngcpte615e] {
    height: 5px;
    margin-top: 0.36rem;
    overflow: hidden;
    border-radius: 99px;
    background: #e3e8f0;
}

.task-subtask-progress span[b-ngcpte615e] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--managr-green), #4fb38f);
    transition: width 0.2s ease;
}

.task-complete-warning[b-ngcpte615e] {
    width: 220px;
    margin-top: 0.45rem;
    padding: 0.55rem;
    border: 1px solid #efd0ae;
    border-radius: 9px;
    color: #76512c;
    background: #fff9f2;
    box-shadow: 0 7px 18px rgba(24, 34, 53, 0.08);
}

.task-complete-warning strong[b-ngcpte615e],
.task-complete-warning span[b-ngcpte615e] {
    display: block;
}

.task-complete-warning strong[b-ngcpte615e] {
    font-size: 0.67rem;
}

.task-complete-warning span[b-ngcpte615e] {
    margin-top: 0.12rem;
    color: #8a6b4c;
    font-size: 0.61rem;
}

.task-complete-warning-actions[b-ngcpte615e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem;
    margin-top: 0.48rem;
}

.task-complete-warning-actions .btn[b-ngcpte615e] {
    padding: 0.28rem 0.38rem;
    font-size: 0.6rem !important;
}

.task-complete-anyway[b-ngcpte615e] {
    border: 1px solid var(--managr-green);
    color: #fff;
    background: var(--managr-green);
}

.task-complete-anyway:hover[b-ngcpte615e] {
    border-color: #197a59;
    color: #fff;
    background: #197a59;
}

@media (max-width: 700px) {
    .task-subtask-summary[b-ngcpte615e],
    .task-complete-warning[b-ngcpte615e] {
        width: 100%;
        max-width: none;
    }
}

/* ------------------------------------------------------------
   Saved task views
   ------------------------------------------------------------ */

.tasks-saved-view-filter[b-ngcpte615e],
.tasks-work-filter[b-ngcpte615e] {
    min-width: 180px;
}

.tasks-saved-view-select-row[b-ngcpte615e] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.tasks-saved-view-select-row .form-select[b-ngcpte615e] {
    min-width: 0;
}

.tasks-saved-view-menu-button[b-ngcpte615e] {
    display: flex;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #cdd5e0;
    color: #526074;
    background: #fff;
    font-size: 0.95rem !important;
    line-height: 1;
}

.tasks-saved-view-menu-button:hover[b-ngcpte615e] {
    border-color: var(--managr-blue);
    color: var(--managr-blue);
    background: #f7faff;
}

.tasks-save-view-button[b-ngcpte615e] {
    align-self: end;
    min-height: 32px;
    padding: 0.32rem 0.58rem;
    border: 1px solid #bdcbe2;
    color: #355a96;
    background: #f5f8fd;
    font-size: 0.67rem !important;
}

.tasks-save-view-button:hover[b-ngcpte615e] {
    border-color: var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.tasks-saved-view-editor[b-ngcpte615e],
.tasks-saved-view-management[b-ngcpte615e] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 0.8fr) auto auto;
    align-items: center;
    gap: 0.55rem;
    margin: 0.7rem 0 0.2rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #d9e0ea;
    border-radius: 9px;
    background: #fafbfd;
}

.tasks-saved-view-management[b-ngcpte615e] {
    grid-template-columns: minmax(180px, 1fr) auto auto auto;
}

.tasks-saved-view-editor-title[b-ngcpte615e],
.tasks-saved-view-management-name[b-ngcpte615e] {
    color: #354258;
    font-size: 0.7rem;
    font-weight: 725;
}

.tasks-saved-view-editor-copy[b-ngcpte615e] {
    margin-top: 0.08rem;
    color: #8390a2;
    font-size: 0.61rem;
}

.tasks-saved-view-message[b-ngcpte615e] {
    margin: 0.55rem 0 0.15rem;
    color: #27775c;
    font-size: 0.65rem;
    font-weight: 650;
}

@media (max-width: 850px) {
    .tasks-saved-view-editor[b-ngcpte615e],
    .tasks-saved-view-management[b-ngcpte615e] {
        grid-template-columns: 1fr;
    }

    .tasks-saved-view-editor .btn[b-ngcpte615e],
    .tasks-saved-view-management .btn[b-ngcpte615e] {
        width: 100%;
    }
}

.tasks-list-tools[b-ngcpte615e] {
    flex-wrap: wrap;
}

.tasks-saved-view-filter[b-ngcpte615e] {
    display: grid;
    gap: 0.24rem;
    margin: 0;
}

.tasks-saved-view-filter > span[b-ngcpte615e] {
    color: #738095;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tasks-saved-view-filter .form-select[b-ngcpte615e] {
    width: 185px;
    min-height: 34px;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 0.72rem;
}

/* ------------------------------------------------------------
   Team Tasks additions
   ------------------------------------------------------------ */

.team-task-filter-surface[b-ngcpte615e] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(28, 47, 76, 0.05);
}

.team-task-filter-heading[b-ngcpte615e] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.6rem;
    color: #536176;
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.team-task-filter-heading div[b-ngcpte615e] {
    height: 1px;
    flex: 1;
    background: #dfe5ee;
}

.team-task-filter-grid[b-ngcpte615e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    align-items: end;
    gap: 0.65rem;
}

.team-task-filter-grid label[b-ngcpte615e] {
    display: grid;
    gap: 0.25rem;
    color: #687386;
    font-size: 0.64rem;
    font-weight: 675;
}

.team-task-filter-count[b-ngcpte615e] {
    display: flex;
    min-height: 31px;
    align-items: baseline;
    justify-content: flex-end;
    gap: 0.24rem;
    color: #738095;
    font-size: 0.65rem;
    white-space: nowrap;
}

.team-task-filter-count strong[b-ngcpte615e] {
    color: #33445f;
    font-size: 0.82rem;
}

.team-assignee-dropdown[b-ngcpte615e] {
    position: relative;
    border: 1px solid #d6deea;
    border-radius: 7px;
    background: #fff;
}

.team-assignee-dropdown[open][b-ngcpte615e] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31, 54, 92, 0.07);
}

.team-assignee-summary[b-ngcpte615e] {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.45rem 0.65rem;
    color: #37445a;
    cursor: pointer;
    font-size: 0.76rem;
    list-style: none;
}

.team-assignee-summary[b-ngcpte615e]::-webkit-details-marker {
    display: none;
}

.team-assignee-menu[b-ngcpte615e] {
    display: flex;
    max-height: 250px;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.4rem 0.5rem 0.5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.team-assignee-option[b-ngcpte615e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.2rem;
    border-radius: 5px;
    cursor: pointer;
}

.team-assignee-option:hover[b-ngcpte615e] {
    background: #f5f8fd;
}

.team-member-assignee-copy[b-ngcpte615e] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.team-member-assignee-copy strong[b-ngcpte615e] {
    overflow: hidden;
    color: #35445a;
    font-size: 0.69rem;
    font-weight: 675;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-member-assignee-copy small[b-ngcpte615e] {
    color: #8a94a4;
    font-size: 0.58rem;
}

.team-assignee-empty[b-ngcpte615e],
.team-tags-empty-inline[b-ngcpte615e] {
    color: #7a8596;
    font-size: 0.67rem;
}

.team-tags-empty-inline[b-ngcpte615e] {
    padding: 0.7rem 0.8rem;
    border: 1px dashed #d5dde8;
    border-radius: 8px;
    background: #fafbfd;
}

.team-tags-empty-inline a[b-ngcpte615e] {
    margin-left: 0.25rem;
    font-weight: 675;
}

.team-task-card .team-task-badge[b-ngcpte615e] {
    border: 1px solid #c8d9f4;
    color: #315b9f;
    background: #eef5ff;
}

.team-task-assignee-list[b-ngcpte615e] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.team-task-assignee-badge[b-ngcpte615e] {
    display: inline-flex;
    align-items: center;
    padding: 0.16rem 0.38rem;
    border: 1px solid #d5deea;
    border-radius: 999px;
    color: #536176;
    background: #f7f9fc;
    font-size: 0.61rem;
    font-weight: 650;
}

.task-reschedule-only-button[b-ngcpte615e] {
    min-height: 31px;
    padding: 0.32rem 0.55rem;
    border: 1px solid #c7d4e8;
    border-radius: 7px;
    color: #48648e;
    background: #f6f9fd;
    font-size: 0.64rem;
    font-weight: 675;
}

.task-reschedule-only-button:hover[b-ngcpte615e] {
    border-color: #a9bddc;
    background: #edf4fd;
}

.team-task-view-only[b-ngcpte615e] {
    padding: 0.35rem 0.45rem;
    color: #8993a2;
    font-size: 0.62rem;
    font-weight: 650;
    text-align: center;
}

.team-tasks-empty-button[b-ngcpte615e] {
    margin-top: 0.75rem;
    font-size: 0.7rem;
}

@media (max-width: 900px) {
    .team-task-filter-grid[b-ngcpte615e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .team-task-filter-count[b-ngcpte615e] {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .team-task-filter-grid[b-ngcpte615e] {
        grid-template-columns: 1fr;
    }
}


/* Status lifecycle */
.task-complete-button.start-task[b-ngcpte615e] { border-color: #2f6fca; color: #fff; background: #2f6fca; }
.task-complete-button.start-task:hover[b-ngcpte615e] { background: #285fae; border-color: #285fae; }
.in-progress-badge[b-ngcpte615e] { color: #174a7a; background: #dcecff; border: 1px solid #b8d7fa; }
.task-option-stack[b-ngcpte615e] { display: flex; flex-direction: column; gap: .35rem; }
.on-hold-region[b-ngcpte615e] { margin-top: 1.2rem; }
.on-hold-task-list[b-ngcpte615e] { display: flex; flex-direction: column; gap: .55rem; }
.on-hold-task-row[b-ngcpte615e] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem .9rem; border:1px solid #e1e5eb; border-radius:10px; background:#fffaf1; }
.on-hold-task-content[b-ngcpte615e] { min-width:0; }
.on-hold-task-title[b-ngcpte615e] { color:#27364d; font-weight:700; text-decoration:none; }
.on-hold-task-title:hover[b-ngcpte615e] { color:#234da8; }
.on-hold-task-meta[b-ngcpte615e] { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.2rem; color:#7b6a4a; font-size:.68rem; }
.on-hold-task-actions[b-ngcpte615e] { display:flex; gap:.4rem; flex:0 0 auto; }
.on-hold-resume-button[b-ngcpte615e] { color:#694d15; border:1px solid #dfc889; background:#fff3d2; }
.on-hold-resume-button:hover[b-ngcpte615e] { color:#513a0e; background:#ffeab4; }
@media (max-width: 640px) { .on-hold-task-row[b-ngcpte615e] { align-items:flex-start; flex-direction:column; } }

/* Task dependencies */
.task-dependency-dropdown[b-ngcpte615e] {
    position: relative;
    max-width: 680px;
}

.task-dependency-dropdown[open][b-ngcpte615e] { z-index: 12; }

.task-dependency-summary[b-ngcpte615e] {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid #ced6e2;
    border-radius: 8px;
    background: #fff;
    color: #495568;
    cursor: pointer;
    list-style: none;
}

.task-dependency-summary[b-ngcpte615e]::-webkit-details-marker { display: none; }

.task-dependency-menu[b-ngcpte615e] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 0.35rem);
    left: 0;
    width: min(100%, 680px);
    max-height: 290px;
    overflow-y: auto;
    padding: 0.35rem;
    border: 1px solid #d5ddea;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(28, 47, 76, 0.14);
}

.task-dependency-option[b-ngcpte615e] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.55rem 0.6rem;
    border-radius: 7px;
    cursor: pointer;
}

.task-dependency-option:hover[b-ngcpte615e] { background: #f5f8fc; }

.task-dependency-copy[b-ngcpte615e] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.task-dependency-copy strong[b-ngcpte615e] {
    overflow: hidden;
    color: #3e4859;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-dependency-copy small[b-ngcpte615e],
.task-dependency-empty[b-ngcpte615e],
.task-dependency-help[b-ngcpte615e],
.task-dependency-recurring-note[b-ngcpte615e] {
    color: #7a8596;
    font-size: 0.7rem;
}

.task-dependency-empty[b-ngcpte615e] { padding: 0.55rem 0.6rem; }
.task-dependency-help[b-ngcpte615e],
.task-dependency-recurring-note[b-ngcpte615e] { margin-top: 0.4rem; }

.blocked-badge[b-ngcpte615e] {
    border: 1px solid #e4bf78;
    color: #805a12;
    background: #fff4dc;
}

.task-blocked-note[b-ngcpte615e] {
    margin-top: 0.55rem;
    padding: 0.5rem 0.65rem;
    border-left: 3px solid #d39a31;
    border-radius: 5px;
    color: #765617;
    background: #fff8e9;
    font-size: 0.74rem;
}

.task-blocked-note strong[b-ngcpte615e] { margin-right: 0.25rem; }

.task-dependency-search[b-ngcpte615e] {
    margin-bottom: 0.35rem;
    font-size: 0.74rem;
}


/* /Components/Shared/Create/EventCreateForm.razor.rz.scp.css */
.events-page[b-hjs5o45jtu] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-purple: #7656c9;
    --managr-green: #24976f;
    --managr-red: #d95151;
    color: var(--managr-ink);
}

.events-page-banner[b-hjs5o45jtu] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.1rem;
    padding: 1.65rem 1.9rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 18%, rgba(255,255,255,.15) 0, rgba(255,255,255,.15) 78px, transparent 79px),
        radial-gradient(circle at 97% 125%, rgba(80,145,255,.24) 0, rgba(80,145,255,.24) 185px, transparent 186px),
        linear-gradient(120deg,#17243c 0%,#234a8d 56%,#3568d4 100%);
    box-shadow: 0 8px 25px rgba(28,55,105,.15);
}

.events-page-banner > *[b-hjs5o45jtu] { position: relative; z-index: 1; }

.events-eyebrow[b-hjs5o45jtu] {
    margin-bottom: .35rem;
    color: #bfd3ff;
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .16em;
}

.events-page-banner h1[b-hjs5o45jtu] {
    margin: 0;
    font-size: 2rem;
    font-weight: 725;
    letter-spacing: -.035em;
}

.events-banner-subtitle[b-hjs5o45jtu] {
    margin-top: .32rem;
    color: rgba(255,255,255,.78);
    font-size: .9rem;
}

.events-banner-actions[b-hjs5o45jtu] {
    display: flex;
    flex: 0 0 auto;
    gap: .45rem;
}

.events-banner-button[b-hjs5o45jtu] {
    padding: .52rem .9rem;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 8px;
    color: #fff;
    background: rgba(255,255,255,.1);
    font-size: .78rem;
    font-weight: 650;
}

.events-banner-button:hover[b-hjs5o45jtu] {
    border-color: #fff;
    color: #203d70;
    background: #fff;
}

.events-alert[b-hjs5o45jtu] { margin-bottom: 1rem; border-radius: 10px; }

.events-page[b-hjs5o45jtu]  .form-label {
    margin-bottom: .3rem;
    color: #566174;
    font-size: .72rem;
    font-weight: 650;
}

.events-page[b-hjs5o45jtu]  .form-control,
.events-page[b-hjs5o45jtu]  .form-select,
.events-page .input-group-text[b-hjs5o45jtu] {
    min-height: 40px;
    border-color: #d4dce7;
    border-radius: 8px;
    font-size: .84rem;
}

.events-page[b-hjs5o45jtu]  .form-control:focus,
.events-page[b-hjs5o45jtu]  .form-select:focus {
    border-color: #8eafea;
    box-shadow: 0 0 0 .18rem rgba(53,104,212,.11);
}

.events-page[b-hjs5o45jtu]  .form-check-input:checked {
    border-color: var(--managr-blue);
    background-color: var(--managr-blue);
}

.events-page[b-hjs5o45jtu]  .validation-message {
    display: block;
    margin-top: .25rem;
    color: var(--managr-red);
    font-size: .68rem;
}

.events-page .btn[b-hjs5o45jtu] {
    border-radius: 8px;
    font-size: .78rem;
    font-weight: 650;
}

.events-page .btn-primary[b-hjs5o45jtu] {
    border-color: var(--managr-blue);
    background: var(--managr-blue);
}

.event-create-surface[b-hjs5o45jtu] {
    margin-bottom: 1.4rem;
    overflow: hidden;
    border: 1px solid #cbd9f1;
    border-left: 4px solid var(--managr-blue);
    border-radius: 11px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 2px 7px rgba(31,54,92,.05);
}

.event-create-header[b-hjs5o45jtu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid #dce4f0;
    background: linear-gradient(90deg,rgba(53,104,212,.07),rgba(255,255,255,.5));
}

.event-create-heading[b-hjs5o45jtu] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.event-create-accent[b-hjs5o45jtu] {
    width: 4px;
    height: 31px;
    border-radius: 99px;
    background: var(--managr-blue);
}

.event-create-title[b-hjs5o45jtu] {
    color: #203d70;
    font-size: .9rem;
    font-weight: 725;
}

.event-create-subtitle[b-hjs5o45jtu] {
    margin-top: .1rem;
    color: #748097;
    font-size: .67rem;
}

.event-create-toggle[b-hjs5o45jtu] {
    border: 1px solid var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.event-create-toggle.expanded[b-hjs5o45jtu] {
    border-color: #c8d0dc;
    color: #556176;
    background: #fff;
}

.event-create-body[b-hjs5o45jtu] { padding: 1rem; background: rgba(255,255,255,.92); }

.event-form-section[b-hjs5o45jtu] { padding: .15rem 0 1.1rem; }

.event-form-section + .event-form-section[b-hjs5o45jtu] {
    border-top: 1px solid #e3e7ed;
    padding-top: .15rem;
}

.event-form-section-heading[b-hjs5o45jtu] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: .85rem 0 .75rem;
    color: #657084;
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.event-form-section:first-child .event-form-section-heading[b-hjs5o45jtu] { margin-top: 0; }

.event-form-section-heading div[b-hjs5o45jtu] {
    height: 1px;
    flex: 1;
    background: #e1e5eb;
}

.event-check-option[b-hjs5o45jtu] {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: .5rem;
    color: #465266;
    cursor: pointer;
    font-size: .78rem;
    font-weight: 650;
}

.event-check-option[b-hjs5o45jtu]  .form-check-input { margin: 0; }

.event-check-options[b-hjs5o45jtu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.2rem;
}

.event-recurrence-panel[b-hjs5o45jtu] {
    margin-top: .75rem;
    padding: .85rem;
    border: 1px solid #d9d3ec;
    border-left: 4px solid var(--managr-purple);
    border-radius: 9px;
    background: #faf8fe;
}

.event-recurrence-help[b-hjs5o45jtu] {
    color: #7b718f;
    font-size: .68rem;
    line-height: 1.45;
}

.event-tag-selector[b-hjs5o45jtu] {
    padding: .8rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #f9fafc;
}

.event-tag-dropdown-grid[b-hjs5o45jtu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: .65rem;
}

@media (min-width: 900.01px) {
    .event-tag-dropdown-grid:has(> :only-child)[b-hjs5o45jtu] {
        grid-template-columns: 1fr;
    }

    .event-tag-dropdown-grid:has(> :nth-child(2):last-child)[b-hjs5o45jtu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-tag-dropdown-grid:has(> :nth-child(3):last-child)[b-hjs5o45jtu] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.event-tag-dropdown[b-hjs5o45jtu] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.event-tag-dropdown[open][b-hjs5o45jtu] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31,54,92,.07);
}

.event-tag-dropdown-summary[b-hjs5o45jtu] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: .45rem;
    padding: .48rem .62rem;
    color: #465266;
    cursor: pointer;
    font-size: .71rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.event-tag-dropdown-summary[b-hjs5o45jtu]::-webkit-details-marker { display: none; }

.event-tag-dropdown-title[b-hjs5o45jtu] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-tag-dropdown-count[b-hjs5o45jtu] {
    margin-left: auto;
    padding: .16rem .38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: .58rem;
    font-weight: 725;
    white-space: nowrap;
}

.event-tag-dropdown-chevron[b-hjs5o45jtu] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: .82rem;
    line-height: 1;
    transition: transform .15s ease;
}

.event-tag-dropdown[open] .event-tag-dropdown-chevron[b-hjs5o45jtu] { transform: rotate(180deg); }

.event-tag-dropdown-menu[b-hjs5o45jtu] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: .18rem;
    padding: .38rem .5rem .5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.event-tag-option[b-hjs5o45jtu] {
    display: flex;
    align-items: center;
    gap: .48rem;
    padding: .25rem .18rem;
    border-radius: 5px;
    cursor: pointer;
}

.event-tag-option:hover[b-hjs5o45jtu] { background: #f5f8fd; }
.event-tag-option .form-check-input[b-hjs5o45jtu] { margin-top: 0; flex: 0 0 auto; }
.event-tag-option .badge[b-hjs5o45jtu] {
    max-width: calc(100% - 1.5rem);
    overflow: hidden;
    font-size: .66rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-create-actions[b-hjs5o45jtu] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    padding-top: .95rem;
    border-top: 1px solid #dfe4eb;
}

.event-create-actions .btn[b-hjs5o45jtu] { min-width: 115px; }

.events-region-header[b-hjs5o45jtu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: .55rem;
}

.events-region-heading[b-hjs5o45jtu] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: .65rem;
    color: #5c687b;
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.events-region-heading div[b-hjs5o45jtu] {
    height: 1px;
    flex: 1;
    background: #d5dbe4;
}

.events-count[b-hjs5o45jtu] {
    color: #748094;
    font-size: .68rem;
}

.events-list[b-hjs5o45jtu] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.event-card[b-hjs5o45jtu] {
    --event-color: #8793a5;
    overflow: hidden;
    border: 1px solid var(--managr-border);
    border-top: 4px solid var(--event-color);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24,34,53,.035),0 5px 16px rgba(24,34,53,.07);
}

.event-card-main[b-hjs5o45jtu] {
    display: grid;
    grid-template-columns: 62px minmax(0,1fr) auto;
    align-items: center;
    gap: .9rem;
    padding: .9rem 1rem;
}

.event-date-marker[b-hjs5o45jtu] {
    display: flex;
    height: 58px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce2ea;
    border-radius: 9px;
    background: #f8fafc;
}

.event-date-month[b-hjs5o45jtu] {
    color: var(--event-color);
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.event-date-day[b-hjs5o45jtu] {
    margin-top: -.05rem;
    color: #354156;
    font-size: 1.35rem;
    font-weight: 725;
    line-height: 1.2;
}

.event-card-content[b-hjs5o45jtu] { min-width: 0; }

.event-title-row[b-hjs5o45jtu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}

.event-title-row h3[b-hjs5o45jtu] {
    margin: 0;
    color: #303c50;
    font-size: .92rem;
    font-weight: 725;
}

.event-type-badge[b-hjs5o45jtu],
.event-recurrence-badge[b-hjs5o45jtu] {
    padding: .2rem .45rem;
    border-radius: 99px;
    font-size: .6rem;
    font-weight: 700;
}

.event-type-badge[b-hjs5o45jtu] {
    color: #267657;
    background: #eaf7f1;
}

.event-recurrence-badge[b-hjs5o45jtu] {
    color: #6548ae;
    background: #f0ecfa;
}

.event-when[b-hjs5o45jtu] {
    margin-top: .28rem;
    color: #526074;
    font-size: .72rem;
    font-weight: 625;
}

.event-location[b-hjs5o45jtu] {
    margin-top: .2rem;
    color: #737e8e;
    font-size: .68rem;
}

.event-notes[b-hjs5o45jtu] {
    margin-top: .45rem;
    color: #737e8e;
    font-size: .7rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.event-tags[b-hjs5o45jtu] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .5rem;
}

.event-tags .badge[b-hjs5o45jtu] { font-size: .62rem; font-weight: 650; }

.event-card-actions[b-hjs5o45jtu] { align-self: center; }

.event-edit-button[b-hjs5o45jtu] {
    border: 1px solid #ccd4df;
    color: #526074;
    background: #fff;
}

.event-edit-button:hover[b-hjs5o45jtu] {
    border-color: #9eabbc;
    color: #26354d;
    background: #f7f9fc;
}

.events-loading[b-hjs5o45jtu] {
    display: flex;
    min-height: 170px;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    color: var(--managr-muted);
}

.events-loading-indicator[b-hjs5o45jtu] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #d0d7e2;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: events-spin-b-hjs5o45jtu .8s linear infinite;
}

@keyframes events-spin-b-hjs5o45jtu { to { transform: rotate(360deg); } }

.events-empty[b-hjs5o45jtu] {
    padding: 3.5rem 1rem;
    border: 1px dashed #cbd3df;
    border-radius: 11px;
    text-align: center;
    background: rgba(255,255,255,.48);
}

.events-empty-icon[b-hjs5o45jtu] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0 auto .7rem;
    border: 1px solid #b9c9df;
    border-radius: 50%;
    color: var(--managr-blue);
    background: #f1f5fb;
}

.events-empty-title[b-hjs5o45jtu] {
    color: #354156;
    font-size: .92rem;
    font-weight: 700;
}

.events-empty-text[b-hjs5o45jtu] {
    margin-top: .2rem;
    color: var(--managr-muted);
    font-size: .74rem;
}

@media (max-width: 900px) {
    .event-tag-dropdown-grid[b-hjs5o45jtu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .event-tag-dropdown-grid:has(> :only-child)[b-hjs5o45jtu] { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .event-tag-dropdown-grid[b-hjs5o45jtu] { grid-template-columns: 1fr; }
    .events-page-banner[b-hjs5o45jtu] {
        align-items: flex-start;
        flex-direction: column;
        gap: .9rem;
        padding: 1.15rem;
        border-radius: 12px;
    }

    .events-page-banner h1[b-hjs5o45jtu] { font-size: 1.5rem; }

    .events-banner-actions[b-hjs5o45jtu] {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .events-banner-button[b-hjs5o45jtu] { text-align: center; }

    .event-create-subtitle[b-hjs5o45jtu] { display: none; }

    .event-create-header[b-hjs5o45jtu] {
        align-items: stretch;
        flex-direction: column;
    }

    .event-create-toggle[b-hjs5o45jtu] { width: 100%; }

    .event-card-main[b-hjs5o45jtu] {
        grid-template-columns: 52px minmax(0,1fr);
        gap: .7rem;
        padding: .8rem;
    }

    .event-date-marker[b-hjs5o45jtu] {
        height: 52px;
        grid-column: 1;
        grid-row: 1;
    }

    .event-card-content[b-hjs5o45jtu] {
        grid-column: 2;
        grid-row: 1;
    }

    .event-card-actions[b-hjs5o45jtu] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .event-edit-button[b-hjs5o45jtu] {
        width: 100%;
        min-height: 38px;
        text-align: center;
    }
}

.create-form-alert[b-hjs5o45jtu] { margin: 0 0 1rem; }
/* /Components/Shared/Create/FileCreateForm.razor.rz.scp.css */
.file-create-grid[b-jgj4kq9n5f] { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 1rem; }
.file-create-picker[b-jgj4kq9n5f] { display: flex; min-width: 0; flex-direction: column; gap: .4rem; }
.file-create-picker-button[b-jgj4kq9n5f] { display: inline-flex; width: fit-content; align-items: center; justify-content: center; padding: .5rem .75rem; border: 1px solid #b9c8dd; border-radius: 7px; color: #31558e; cursor: pointer; background: #f8fbff; font-size: .75rem; font-weight: 700; }
.file-create-picker-button:hover[b-jgj4kq9n5f] { border-color: #88a7d6; background: #eef5ff; }
.file-create-picker-button.disabled[b-jgj4kq9n5f] { cursor: default; opacity: .58; }
.file-create-picker-button[b-jgj4kq9n5f]  input[type=file] { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.file-create-picker-copy[b-jgj4kq9n5f] { display: flex; min-width: 0; flex-direction: column; color: #6d7b8e; font-size: .68rem; }
.file-create-picker-copy strong[b-jgj4kq9n5f] { overflow: hidden; color: #263a57; text-overflow: ellipsis; white-space: nowrap; }
.file-create-picker small[b-jgj4kq9n5f], .file-create-name-note[b-jgj4kq9n5f] { color: #8390a2; font-size: .63rem; }
.file-create-tags[b-jgj4kq9n5f] { margin-top: 1rem; }
.file-create-tags-heading[b-jgj4kq9n5f] { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; margin-bottom: .55rem; color: #30445f; }
.file-create-tags-heading span[b-jgj4kq9n5f] { color: #8390a2; font-size: .65rem; }
.file-create-tag-grid[b-jgj4kq9n5f] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .55rem; }
.file-create-tag-group[b-jgj4kq9n5f] { border: 1px solid #d8e0eb; border-radius: 8px; background: #fbfcfe; }
.file-create-tag-group summary[b-jgj4kq9n5f] { display: flex; align-items: center; gap: .5rem; padding: .55rem .65rem; cursor: pointer; list-style: none; color: #354b69; font-size: .72rem; font-weight: 700; }
.file-create-tag-group summary[b-jgj4kq9n5f]::-webkit-details-marker { display: none; }
.file-create-tag-group summary small[b-jgj4kq9n5f] { margin-left: auto; color: #6f7e92; font-size: .6rem; font-weight: 650; }
.file-create-tag-chevron[b-jgj4kq9n5f] { margin-left: auto; transition: transform .15s ease; }
.file-create-tag-group[open] .file-create-tag-chevron[b-jgj4kq9n5f] { transform: rotate(180deg); }
.file-create-tag-options[b-jgj4kq9n5f] { display: grid; gap: .18rem; padding: 0 .5rem .5rem; }
.file-create-tag-option[b-jgj4kq9n5f] { display: flex; align-items: center; gap: .45rem; padding: .35rem .3rem; border-radius: 6px; color: #42536a; cursor: pointer; font-size: .68rem; }
.file-create-tag-option:hover[b-jgj4kq9n5f] { background: #eef4fb; }
.file-create-tag-dot[b-jgj4kq9n5f] { width: .58rem; height: .58rem; flex: 0 0 .58rem; border-radius: 50%; background: var(--file-tag-color, #8793a5); }
.file-create-actions[b-jgj4kq9n5f] { display: flex; justify-content: flex-end; gap: .55rem; margin-top: 1.1rem; }
@media (max-width: 700px) { .file-create-grid[b-jgj4kq9n5f] { grid-template-columns: 1fr; } .file-create-tags-heading[b-jgj4kq9n5f] { align-items: flex-start; flex-direction: column; gap: .2rem; } }
/* /Components/Shared/Create/GlobalCreateOverlay.razor.rz.scp.css */
.global-create-overlay-backdrop[b-6gcfou79dp] {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(8, 17, 31, 0.66);
    backdrop-filter: blur(2px);
    animation: global-create-backdrop-in-b-6gcfou79dp 0.16s ease-out;
}

.global-create-overlay-dialog[b-6gcfou79dp] {
    position: relative;
    display: flex;
    width: min(1040px, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(173, 194, 226, 0.72);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(3, 13, 30, 0.34), 0 8px 24px rgba(3, 13, 30, 0.16);
    animation: global-create-dialog-in-b-6gcfou79dp 0.18s ease-out;
}

.global-create-overlay-header[b-6gcfou79dp] {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem 0.82rem 1.1rem;
    border-bottom: 1px solid #e2e8f2;
    background: linear-gradient(105deg, #f4f7fd 0%, #fff 72%);
}

.global-create-overlay-kicker[b-6gcfou79dp] {
    margin-bottom: 0.12rem;
    color: #6380ad;
    font-size: 0.56rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.global-create-overlay-header h2[b-6gcfou79dp] {
    margin: 0;
    color: #183052;
    font-size: 1.06rem;
    font-weight: 760;
}

.global-create-overlay-header p[b-6gcfou79dp] {
    margin: 0.14rem 0 0;
    color: #718096;
    font-size: 0.7rem;
    line-height: 1.35;
}

.global-create-overlay-close[b-6gcfou79dp] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #d5deeb;
    border-radius: 9px;
    color: #5f6f84;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.86);
    font-size: 1.35rem;
    line-height: 1;
}

.global-create-overlay-close span[b-6gcfou79dp] {
    display: block;
    line-height: 1;
    transform: translateY(-1px);
}

.global-create-overlay-close:hover[b-6gcfou79dp],
.global-create-overlay-close:focus-visible[b-6gcfou79dp] {
    border-color: #9fb4d5;
    color: #244e8f;
    background: #fff;
}

.global-create-overlay-body[b-6gcfou79dp] {
    min-height: 0;
    padding: 1rem 1.1rem 1.1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.global-create-overlay-body[b-6gcfou79dp]  .create-form-alert {
    margin-top: 0;
}

.global-create-discard-layer[b-6gcfou79dp] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(250, 252, 255, 0.7);
    backdrop-filter: blur(2px);
}

.global-create-discard-card[b-6gcfou79dp] {
    display: grid;
    width: min(520px, 100%);
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem 0.85rem;
    padding: 1rem;
    border: 1px solid #d9e1ec;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(20, 39, 68, 0.18);
}

.global-create-discard-icon[b-6gcfou79dp] {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #9a5b12;
    background: #fff3df;
    font-size: 0.83rem;
    font-weight: 800;
}

.global-create-discard-copy h3[b-6gcfou79dp] {
    margin: 0;
    color: #27384f;
    font-size: 0.9rem;
    font-weight: 760;
}

.global-create-discard-copy p[b-6gcfou79dp] {
    margin: 0.18rem 0 0;
    color: #77869a;
    font-size: 0.7rem;
}

.global-create-discard-actions[b-6gcfou79dp] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.15rem;
}

@media (max-width: 640.98px) {
    .global-create-overlay-backdrop[b-6gcfou79dp] {
        align-items: stretch;
        padding: 0;
    }

    .global-create-overlay-dialog[b-6gcfou79dp] {
        width: 100%;
        max-height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .global-create-overlay-header[b-6gcfou79dp] {
        padding: calc(0.72rem + env(safe-area-inset-top)) 0.78rem 0.68rem;
    }

    .global-create-overlay-header p[b-6gcfou79dp] {
        font-size: 0.66rem;
    }

    .global-create-overlay-body[b-6gcfou79dp] {
        padding: 0.8rem 0.72rem calc(1rem + env(safe-area-inset-bottom));
    }

    .global-create-discard-actions[b-6gcfou79dp] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@keyframes global-create-backdrop-in-b-6gcfou79dp {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes global-create-dialog-in-b-6gcfou79dp {
    from { opacity: 0; transform: translateY(8px) scale(0.992); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .global-create-overlay-backdrop[b-6gcfou79dp],
    .global-create-overlay-dialog[b-6gcfou79dp] {
        animation: none;
    }
}
/* /Components/Shared/Create/GlobalKeyboardShortcuts.razor.rz.scp.css */
.global-shortcut-hint[b-ua0agi5vef] {
    position: fixed;
    z-index: 1600;
    bottom: calc(1.15rem + env(safe-area-inset-bottom));
    left: 50%;
    display: flex;
    align-items: center;
    gap: .8rem;
    max-width: calc(100vw - 2rem);
    padding: .55rem .72rem;
    border: 1px solid rgba(149, 168, 199, .42);
    border-radius: 12px;
    opacity: 0;
    color: #e8eef8;
    pointer-events: none;
    background: rgba(24, 38, 63, .94);
    box-shadow: 0 12px 34px rgba(8, 18, 36, .24);
    transform: translate(-50%, .65rem);
    transition: opacity .16s ease, transform .16s ease;
    backdrop-filter: blur(10px);
}

.global-shortcut-hint.visible[b-ua0agi5vef] {
    opacity: 1;
    transform: translate(-50%, 0);
}

.global-shortcut-hint-prefix[b-ua0agi5vef] {
    padding-right: .72rem;
    border-right: 1px solid rgba(216, 225, 239, .2);
    color: #fff;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.global-shortcut-hint-options[b-ua0agi5vef] {
    display: flex;
    align-items: center;
    gap: .7rem;
    color: #cdd8e9;
    font-size: .7rem;
    white-space: nowrap;
}

.global-shortcut-hint.go[b-ua0agi5vef] {
    max-width: min(900px, calc(100vw - 2rem));
}

.global-shortcut-hint.go .global-shortcut-hint-options[b-ua0agi5vef] {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: .42rem;
    white-space: normal;
}

.global-shortcut-hint-options span[b-ua0agi5vef] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.global-shortcut-hint kbd[b-ua0agi5vef] {
    min-width: 1.35rem;
    padding: .12rem .3rem;
    border: 1px solid rgba(218, 228, 243, .32);
    border-radius: 5px;
    color: #fff;
    background: rgba(255, 255, 255, .08);
    box-shadow: none;
    font: inherit;
    font-size: .64rem;
    font-weight: 800;
    text-align: center;
}

@media (max-width: 640.98px) {
    .global-shortcut-hint[b-ua0agi5vef] {
        bottom: calc(4.85rem + env(safe-area-inset-bottom));
        gap: .55rem;
        padding: .48rem .55rem;
    }

    .global-shortcut-hint-prefix[b-ua0agi5vef] {
        padding-right: .55rem;
    }

    .global-shortcut-hint-options[b-ua0agi5vef] {
        gap: .45rem;
        font-size: .62rem;
    }

    .global-shortcut-hint.go[b-ua0agi5vef] {
        width: calc(100vw - 1.25rem);
    }

    .global-shortcut-hint.go .global-shortcut-hint-options[b-ua0agi5vef] {
        gap: .4rem .55rem;
    }
}


body.shortcut-help-open[b-ua0agi5vef] {
    overflow: hidden;
}

.global-shortcut-help-backdrop[b-ua0agi5vef] {
    position: fixed;
    z-index: 1700;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(10, 18, 31, .6);
    backdrop-filter: blur(4px);
    animation: shortcut-help-fade-in-b-ua0agi5vef .16s ease-out;
}

.global-shortcut-help-card[b-ua0agi5vef] {
    width: min(860px, calc(100vw - 3rem));
    max-height: min(760px, calc(100vh - 3rem));
    overflow: auto;
    border: 1px solid #d9e1ec;
    border-radius: 18px;
    color: #1a2940;
    background: #fff;
    box-shadow: 0 28px 80px rgba(5, 15, 31, .3);
    animation: shortcut-help-card-in-b-ua0agi5vef .18s ease-out;
}

.global-shortcut-help-header[b-ua0agi5vef] {
    position: sticky;
    z-index: 1;
    top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem 1.5rem 1.1rem;
    border-bottom: 1px solid #e5eaf1;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(10px);
}

.global-shortcut-help-eyebrow[b-ua0agi5vef] {
    display: block;
    margin-bottom: .2rem;
    color: #5f7290;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.global-shortcut-help-header h2[b-ua0agi5vef] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
}

.global-shortcut-help-close[b-ua0agi5vef] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    border: 1px solid #d8e0eb;
    border-radius: 9px;
    color: #51627b;
    background: #f7f9fc;
    font-size: 1.35rem;
    line-height: 1;
}

.global-shortcut-help-close span[b-ua0agi5vef] {
    display: block;
    line-height: 1;
    transform: translateY(-1px);
}

.global-shortcut-help-close:hover[b-ua0agi5vef],
.global-shortcut-help-close:focus-visible[b-ua0agi5vef] {
    color: #203553;
    background: #edf2f8;
    outline: none;
}

.global-shortcut-help-intro[b-ua0agi5vef] {
    padding: 1.25rem 1.5rem .85rem;
}

.global-shortcut-help-intro p[b-ua0agi5vef] {
    margin: 0 0 .9rem;
    color: #596b84;
}

.global-shortcut-help-vocabulary[b-ua0agi5vef] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: .9rem;
}

.global-shortcut-help-vocabulary > span[b-ua0agi5vef] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .08rem .55rem;
    align-items: center;
    padding: .8rem;
    border: 1px solid #e0e6ef;
    border-radius: 12px;
    background: #f8fafc;
}

.global-shortcut-help-vocabulary kbd[b-ua0agi5vef] {
    grid-row: 1 / 3;
}

.global-shortcut-help-vocabulary strong[b-ua0agi5vef] {
    font-size: .82rem;
}

.global-shortcut-help-vocabulary small[b-ua0agi5vef] {
    color: #718199;
    font-size: .7rem;
}

.global-shortcut-help-example[b-ua0agi5vef] {
    padding: .72rem .85rem;
    border-radius: 10px;
    background: #f3f6fa;
    font-size: .78rem;
}

.global-shortcut-help-sections[b-ua0agi5vef] {
    display: grid;
    gap: 1rem;
    padding: 0 1.5rem 1.35rem;
}

.global-shortcut-help-section[b-ua0agi5vef] {
    padding: 1rem;
    border: 1px solid #e0e6ef;
    border-radius: 14px;
    background: #fbfcfe;
}

.global-shortcut-help-section-heading[b-ua0agi5vef] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: .85rem;
}

.global-shortcut-help-section-heading > div[b-ua0agi5vef] {
    display: flex;
    flex-direction: column;
}

.global-shortcut-help-section-heading strong[b-ua0agi5vef] {
    font-size: .86rem;
}

.global-shortcut-help-section-heading small[b-ua0agi5vef] {
    color: #74849b;
    font-size: .69rem;
}

.global-shortcut-help-prefix[b-ua0agi5vef] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    color: #fff;
    background: #1c3557;
    font-size: .76rem;
    font-weight: 800;
}

.global-shortcut-help-grid[b-ua0agi5vef] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.global-shortcut-help-grid > span[b-ua0agi5vef] {
    display: flex;
    align-items: center;
    gap: .38rem;
    min-height: 2.25rem;
    padding: .45rem .58rem;
    border-radius: 9px;
    color: #52647e;
    background: #fff;
}

.global-shortcut-help-grid strong[b-ua0agi5vef] {
    margin-left: .18rem;
    color: #283c59;
    font-size: .75rem;
    font-weight: 700;
}

.global-shortcut-help-card kbd[b-ua0agi5vef] {
    display: inline-grid;
    place-items: center;
    min-width: 1.65rem;
    height: 1.65rem;
    padding: 0 .35rem;
    border: 1px solid #cfd8e5;
    border-bottom-width: 2px;
    border-radius: 6px;
    color: #253a59;
    background: #f7f9fc;
    box-shadow: none;
    font: inherit;
    font-size: .66rem;
    font-weight: 800;
}

.global-shortcut-help-footer[b-ua0agi5vef] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .85rem 1.5rem 1.15rem;
    border-top: 1px solid #e5eaf1;
    color: #64758c;
    font-size: .7rem;
}

.global-shortcut-help-footer span[b-ua0agi5vef] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
}

.global-shortcut-help-footer small[b-ua0agi5vef] {
    margin-left: auto;
    color: #7b8a9f;
}

@keyframes shortcut-help-fade-in-b-ua0agi5vef {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes shortcut-help-card-in-b-ua0agi5vef {
    from { opacity: 0; transform: translateY(.5rem) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 640.98px) {
    .global-shortcut-help-backdrop[b-ua0agi5vef] {
        align-items: end;
        padding: .65rem .65rem calc(5rem + env(safe-area-inset-bottom));
    }

    .global-shortcut-help-card[b-ua0agi5vef] {
        width: 100%;
        max-height: calc(100vh - 6.25rem - env(safe-area-inset-bottom));
        border-radius: 16px;
    }

    .global-shortcut-help-header[b-ua0agi5vef],
    .global-shortcut-help-intro[b-ua0agi5vef],
    .global-shortcut-help-sections[b-ua0agi5vef],
    .global-shortcut-help-footer[b-ua0agi5vef] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .global-shortcut-help-vocabulary[b-ua0agi5vef] {
        grid-template-columns: 1fr;
    }

    .global-shortcut-help-grid[b-ua0agi5vef] {
        grid-template-columns: 1fr;
    }

    .global-shortcut-help-footer[b-ua0agi5vef] {
        flex-wrap: wrap;
    }

    .global-shortcut-help-footer small[b-ua0agi5vef] {
        flex-basis: 100%;
        margin-left: 0;
    }
}
/* /Components/Shared/Create/NoteCreateForm.razor.rz.scp.css */
.note-tag-grid[b-ag51hivux4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: .65rem;
    padding: .8rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #f9fafc;
}

@media (min-width: 900.01px) {
    .note-tag-grid:has(> :only-child)[b-ag51hivux4] {
        grid-template-columns: 1fr;
    }

    .note-tag-grid:has(> :nth-child(2):last-child)[b-ag51hivux4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .note-tag-grid:has(> :nth-child(3):last-child)[b-ag51hivux4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.note-tag-dropdown[b-ag51hivux4] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.note-tag-dropdown[open][b-ag51hivux4] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31, 54, 92, .07);
}

.note-tag-dropdown-summary[b-ag51hivux4] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: .45rem;
    padding: .48rem .62rem;
    color: #465266;
    cursor: pointer;
    font-size: .71rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.note-tag-dropdown-summary[b-ag51hivux4]::-webkit-details-marker {
    display: none;
}

.note-tag-dropdown-title[b-ag51hivux4] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.note-tag-dropdown-count[b-ag51hivux4] {
    margin-left: auto;
    padding: .16rem .38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: .58rem;
    font-weight: 725;
    white-space: nowrap;
}

.note-tag-dropdown-chevron[b-ag51hivux4] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: .82rem;
    line-height: 1;
    transition: transform .15s ease;
}

.note-tag-dropdown[open] .note-tag-dropdown-chevron[b-ag51hivux4] {
    transform: rotate(180deg);
}

.note-tag-dropdown-menu[b-ag51hivux4] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: .18rem;
    padding: .38rem .5rem .5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.note-tag-option[b-ag51hivux4] {
    display: flex;
    align-items: center;
    gap: .48rem;
    padding: .25rem .18rem;
    border-radius: 5px;
    cursor: pointer;
}

.note-tag-option:hover[b-ag51hivux4] {
    background: #f5f8fd;
}

.note-tag-option .form-check-input[b-ag51hivux4] {
    flex: 0 0 auto;
    margin-top: 0;
}

.note-tag-option .badge[b-ag51hivux4] {
    max-width: calc(100% - 1.5rem);
    overflow: hidden;
    font-size: .66rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.note-create-attachments[b-ag51hivux4] {
    margin-top: 1rem;
    padding: .9rem;
    border: 1px solid #dce3ec;
    border-radius: 10px;
    background: #f8fafc;
}

.note-create-attachments-heading[b-ag51hivux4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
}

.note-create-attachments-heading div[b-ag51hivux4] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .18rem;
}

.note-create-attachments-heading strong[b-ag51hivux4] {
    color: #263a57;
    font-size: .82rem;
}

.note-create-attachments-heading span[b-ag51hivux4],
.note-create-attachment-types[b-ag51hivux4] {
    color: #728197;
    font-size: .72rem;
    line-height: 1.4;
}

.note-create-attachment-controls[b-ag51hivux4] {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: .65rem;
    margin-top: .72rem;
}

.note-create-attachment-input[b-ag51hivux4] {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: .42rem .5rem;
    font-size: .74rem !important;
}

.note-create-attachment-controls[b-ag51hivux4]  .library-file-picker {
    max-width: 100%;
}

.note-create-attachment-controls[b-ag51hivux4]  .library-file-picker-trigger {
    max-width: 100%;
    padding: .42rem .72rem;
    font-size: .74rem;
}

.note-create-attachment-types[b-ag51hivux4] {
    margin-top: .45rem;
}

.note-create-attachment-error[b-ag51hivux4] {
    margin-top: .55rem;
    padding: .55rem .7rem;
    border: 1px solid #edc4c8;
    border-radius: 8px;
    color: #9f3f48;
    background: #fff5f5;
    font-size: .69rem;
}

.note-create-selected-files[b-ag51hivux4] {
    margin-top: .72rem;
    overflow: hidden;
    border: 1px solid #dfe4eb;
    border-radius: 9px;
    background: #fff;
}

.note-create-selected-files-header[b-ag51hivux4] {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .45rem .65rem;
    border-bottom: 1px solid #e7eaf0;
    color: #53647b;
    background: #fafbfc;
    font-size: .73rem;
    font-weight: 650;
}

.note-create-selected-files-header .btn[b-ag51hivux4] {
    padding: .25rem .48rem;
    font-size: .64rem;
}

.note-create-selected-files-list[b-ag51hivux4] {
    display: flex;
    flex-direction: column;
}

.note-create-selected-file[b-ag51hivux4] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .5rem .65rem;
    border-bottom: 1px solid #eef1f4;
    background: #fff;
}

.note-create-selected-file:last-child[b-ag51hivux4] {
    border-bottom: 0;
}

.note-create-selected-file span[b-ag51hivux4] {
    min-width: 0;
    overflow: hidden;
    color: #34445b;
    font-size: .73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.note-create-selected-file small[b-ag51hivux4] {
    flex: 0 0 auto;
    color: #7a8798;
    font-size: .67rem;
}

.note-create-actions[b-ag51hivux4] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dfe4eb;
}

.note-create-actions .btn[b-ag51hivux4] {
    min-width: 110px;
    padding: .52rem 1rem;
}

.note-create-actions .btn-primary[b-ag51hivux4] {
    min-width: 125px;
}

@media (max-width: 900px) {
    .note-tag-grid[b-ag51hivux4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .note-tag-grid:has(> :only-child)[b-ag51hivux4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .note-create-attachment-controls[b-ag51hivux4] {
        grid-template-columns: 1fr;
    }

    .note-create-attachment-controls[b-ag51hivux4]  .library-file-picker {
        width: 100%;
    }

    .note-create-attachment-controls[b-ag51hivux4]  .library-file-picker-trigger {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 600px) {
    .note-tag-grid[b-ag51hivux4] {
        grid-template-columns: 1fr;
        padding: .65rem;
    }

    .note-create-attachments[b-ag51hivux4] {
        padding: .72rem;
    }

    .note-create-actions[b-ag51hivux4] {
        flex-direction: column;
    }

    .note-create-actions .btn[b-ag51hivux4] {
        width: 100%;
    }
}
/* /Components/Shared/Create/ReminderCreateForm.razor.rz.scp.css */
.reminders-page[b-y8uor9438a] {
    --managr-ink: #182235;
    --managr-muted: #687386;
    --managr-border: #cfd7e3;
    --managr-border-soft: #dfe4eb;
    --managr-surface: #ffffff;
    --managr-blue: #3568d4;
    --managr-blue-dark: #234da8;
    --managr-green: #24976f;
    --managr-orange: #e58737;
    --managr-red: #d95151;
    --managr-purple: #7656c9;

    color: var(--managr-ink);
}

.reminders-page-banner[b-y8uor9438a] {
    position: relative;
    display: flex;
    min-height: 116px;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1rem;
    padding: 1.15rem 1.35rem;
    overflow: hidden;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(118deg, #182f5a 0%, #244f9f 58%, #3568d4 100%);
    box-shadow: 0 8px 22px rgba(25, 48, 86, 0.16);
}

.reminders-page-banner[b-y8uor9438a]::before,
.reminders-page-banner[b-y8uor9438a]::after {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    content: "";
}

.reminders-page-banner[b-y8uor9438a]::before {
    width: 175px;
    height: 175px;
    right: 9%;
    top: -105px;
}

.reminders-page-banner[b-y8uor9438a]::after {
    width: 105px;
    height: 105px;
    right: 25%;
    bottom: -72px;
}

.reminders-banner-content[b-y8uor9438a],
.reminders-banner-actions[b-y8uor9438a] {
    position: relative;
    z-index: 1;
}

.reminders-eyebrow[b-y8uor9438a] {
    margin-bottom: 0.22rem;
    color: #bcd1f6;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.reminders-page-banner h1[b-y8uor9438a] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 750;
    letter-spacing: -0.025em;
}

.reminders-banner-subtitle[b-y8uor9438a] {
    max-width: 650px;
    margin-top: 0.32rem;
    color: #d9e5fa;
    font-size: 0.8rem;
}

.reminders-banner-actions[b-y8uor9438a] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.5rem;
}

.reminders-banner-button[b-y8uor9438a] {
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.72rem !important;
    font-weight: 650;
}

.reminders-banner-button:hover[b-y8uor9438a] {
    border-color: rgba(255, 255, 255, 0.58);
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
}

.reminders-alert[b-y8uor9438a] {
    margin-bottom: 0.9rem;
    font-size: 0.74rem;
}

.reminders-loading[b-y8uor9438a] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--managr-muted);
    font-size: 0.76rem;
}

.reminders-loading-indicator[b-y8uor9438a] {
    width: 19px;
    height: 19px;
    border: 2px solid #d7deea;
    border-top-color: var(--managr-blue);
    border-radius: 50%;
    animation: reminders-spin-b-y8uor9438a 0.8s linear infinite;
}

@keyframes reminders-spin-b-y8uor9438a {
    to {
        transform: rotate(360deg);
    }
}

.reminders-delivery-warning[b-y8uor9438a],
.reminders-delivery-ready[b-y8uor9438a] {
    margin-bottom: 0.9rem;
    border-radius: 10px;
}

.reminders-delivery-warning[b-y8uor9438a] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.72rem 0.82rem;
    border: 1px solid #e8d1a7;
    background: #fffaf1;
}

.reminders-delivery-warning-icon[b-y8uor9438a] {
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #8f5f16;
    background: #ffedca;
    font-size: 0.77rem;
    font-weight: 800;
}

.reminders-delivery-warning-title[b-y8uor9438a] {
    color: #604820;
    font-size: 0.72rem;
    font-weight: 725;
}

.reminders-delivery-warning-text[b-y8uor9438a] {
    margin-top: 0.12rem;
    color: #806a46;
    font-size: 0.66rem;
    line-height: 1.4;
}

.reminders-warning-button[b-y8uor9438a] {
    border: 1px solid #d6b778;
    color: #755117;
    background: #fff;
    font-size: 0.68rem !important;
}

.reminders-warning-button:hover[b-y8uor9438a] {
    border-color: #b4873e;
    color: #5c3c0d;
    background: #fff6e5;
}

.reminders-delivery-ready[b-y8uor9438a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.42rem;
    padding: 0.52rem 0.7rem;
    border: 1px solid #cbe3d9;
    color: #42705f;
    background: #f5fbf8;
    font-size: 0.64rem;
}

.reminders-ready-dot[b-y8uor9438a] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--managr-green);
}

.reminders-ready-separator[b-y8uor9438a] {
    color: #a2b0ab;
}

.reminder-create-surface[b-y8uor9438a],
.reminders-workspace[b-y8uor9438a] {
    border: 1px solid var(--managr-border-soft);
    border-radius: 12px;
    background: var(--managr-surface);
    box-shadow: 0 3px 12px rgba(28, 42, 65, 0.055);
}

.reminder-create-surface[b-y8uor9438a] {
    margin-bottom: 1rem;
    overflow: hidden;
}

.reminder-create-surface.editing[b-y8uor9438a] {
    border-color: #bfcdec;
    box-shadow: 0 3px 14px rgba(53, 104, 212, 0.08);
}

.reminder-create-header[b-y8uor9438a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem 0.9rem;
    border-bottom: 1px solid #e7ebf0;
    background: #fafbfd;
}

.reminder-create-heading[b-y8uor9438a] {
    display: flex;
    align-items: center;
    gap: 0.62rem;
}

.reminder-create-accent[b-y8uor9438a] {
    width: 4px;
    height: 31px;
    border-radius: 99px;
    background: var(--managr-purple);
}

.reminder-create-title[b-y8uor9438a] {
    color: #344054;
    font-size: 0.78rem;
    font-weight: 750;
}

.reminder-create-subtitle[b-y8uor9438a] {
    margin-top: 0.1rem;
    color: #8390a2;
    font-size: 0.63rem;
}

.reminder-cancel-edit[b-y8uor9438a] {
    font-size: 0.66rem !important;
}

.reminder-create-body[b-y8uor9438a] {
    padding: 0.82rem 0.9rem 0.9rem;
}

.reminder-form-grid[b-y8uor9438a] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(145px, 0.7fr) minmax(130px, 0.6fr) auto;
    align-items: end;
    gap: 0.7rem;
}

.reminder-title-field[b-y8uor9438a] {
    min-width: 0;
}

.reminder-notes-field[b-y8uor9438a] {
    grid-column: 1 / 4;
}

.reminder-form-actions[b-y8uor9438a] {
    grid-column: 4;
    grid-row: 1 / 3;
    display: flex;
    align-items: end;
    gap: .55rem;
    align-self: stretch;
}

.reminder-save-button[b-y8uor9438a] {
    min-width: 122px;
    min-height: 38px;
}

.reminders-page .form-label[b-y8uor9438a] {
    margin-bottom: 0.25rem;
    color: #667085;
    font-size: 0.63rem;
    font-weight: 700;
}

.reminders-page .form-control[b-y8uor9438a],
.reminders-page .form-select[b-y8uor9438a] {
    border-color: #cfd7e3;
    color: #344054;
    font-size: 0.74rem;
}

.reminders-page .validation-message[b-y8uor9438a] {
    margin-top: 0.2rem;
    color: var(--managr-red);
    font-size: 0.62rem;
}

.reminders-workspace[b-y8uor9438a] {
    padding: 0.85rem;
}

.reminders-toolbar[b-y8uor9438a] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.8rem;
}

.reminders-tabs[b-y8uor9438a] {
    display: flex;
    gap: 0.35rem;
}

.reminders-tab[b-y8uor9438a] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.42rem 0.62rem;
    border: 1px solid #d2d9e4;
    border-radius: 8px;
    color: #627086;
    background: #fff;
    font-size: 0.68rem;
    font-weight: 675;
}

.reminders-tab span[b-y8uor9438a] {
    display: inline-flex;
    min-width: 19px;
    height: 19px;
    align-items: center;
    justify-content: center;
    padding: 0 0.28rem;
    border-radius: 99px;
    background: #eef2f7;
    font-size: 0.59rem;
}

.reminders-tab:hover[b-y8uor9438a] {
    border-color: #aebbd0;
    background: #f8faff;
}

.reminders-tab.active[b-y8uor9438a] {
    border-color: #9fb7e8;
    color: #2c58a6;
    background: #edf3ff;
}

.reminders-tab.active span[b-y8uor9438a] {
    color: #2c58a6;
    background: #dce8fb;
}

.reminders-search[b-y8uor9438a] {
    width: min(360px, 100%);
}

.reminders-search-row[b-y8uor9438a] {
    display: flex;
    gap: 0.4rem;
}

.reminders-empty[b-y8uor9438a] {
    padding: 2.2rem 1rem;
    color: var(--managr-muted);
    text-align: center;
}

.reminders-empty-icon[b-y8uor9438a] {
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.55rem;
    border-radius: 50%;
    color: #557198;
    background: #edf2f8;
    font-size: 0.9rem;
}

.reminders-empty-title[b-y8uor9438a] {
    color: #445166;
    font-size: 0.78rem;
    font-weight: 725;
}

.reminders-empty-text[b-y8uor9438a] {
    margin-top: 0.18rem;
    font-size: 0.67rem;
}

.reminder-list[b-y8uor9438a] {
    display: grid;
    gap: 0.58rem;
}

.reminder-card[b-y8uor9438a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    padding: 0.8rem 0.85rem;
    border: 1px solid #e0e5ec;
    border-left-width: 4px;
    border-radius: 9px;
    background: #fff;
}

.reminder-card.scheduled[b-y8uor9438a] {
    border-left-color: var(--managr-blue);
}

.reminder-card.sent[b-y8uor9438a] {
    border-left-color: var(--managr-green);
}

.reminder-card.cancelled[b-y8uor9438a] {
    border-left-color: #a6afbd;
    background: #fbfcfd;
}

.reminder-card-main[b-y8uor9438a] {
    min-width: 0;
}

.reminder-card-title-row[b-y8uor9438a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.reminder-card-title-row h2[b-y8uor9438a] {
    margin: 0;
    color: #2f3c50;
    font-size: 0.84rem;
    font-weight: 725;
    line-height: 1.3;
}

.reminder-status-badge[b-y8uor9438a] {
    padding: 0.13rem 0.42rem;
    border-radius: 99px;
    font-size: 0.57rem;
    font-weight: 725;
}

.reminder-status-badge.scheduled[b-y8uor9438a] {
    color: #2d5ca9;
    background: #e9f0fd;
}

.reminder-status-badge.sent[b-y8uor9438a] {
    color: #267357;
    background: #e6f5ee;
}

.reminder-status-badge.cancelled[b-y8uor9438a] {
    color: #6c7583;
    background: #edf0f3;
}

.reminder-card-schedule[b-y8uor9438a] {
    margin-top: 0.18rem;
    color: #637086;
    font-size: 0.68rem;
    font-weight: 625;
}

.reminder-card-notes[b-y8uor9438a] {
    margin-top: 0.5rem;
    color: #59667a;
    font-size: 0.69rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.reminder-delivery-error[b-y8uor9438a] {
    display: grid;
    gap: 0.08rem;
    margin-top: 0.55rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid #f0c7ca;
    border-radius: 7px;
    color: #99434b;
    background: #fff6f6;
    font-size: 0.62rem;
}

.reminder-card-meta[b-y8uor9438a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.55rem;
    color: #8a94a4;
    font-size: 0.6rem;
}

.reminder-card-actions[b-y8uor9438a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.38rem;
}

.reminder-card-actions .btn[b-y8uor9438a] {
    font-size: 0.64rem !important;
}

@media (max-width: 900px) {
    .reminder-form-grid[b-y8uor9438a] {
        grid-template-columns: 1fr 1fr;
    }

    .reminder-title-field[b-y8uor9438a],
    .reminder-notes-field[b-y8uor9438a] {
        grid-column: 1 / -1;
    }

    .reminder-form-actions[b-y8uor9438a] {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .reminder-save-button[b-y8uor9438a] {
        width: 100%;
    }

    .reminders-toolbar[b-y8uor9438a] {
        align-items: stretch;
        flex-direction: column;
    }

    .reminders-search[b-y8uor9438a] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .reminders-page-banner[b-y8uor9438a] {
        align-items: flex-start;
        flex-direction: column;
    }

    .reminders-banner-actions[b-y8uor9438a] {
        width: 100%;
    }

    .reminders-banner-button[b-y8uor9438a] {
        flex: 1;
        text-align: center;
    }

    .reminders-delivery-warning[b-y8uor9438a] {
        grid-template-columns: auto 1fr;
    }

    .reminders-warning-button[b-y8uor9438a] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .reminder-form-grid[b-y8uor9438a] {
        grid-template-columns: 1fr;
    }

    .reminder-title-field[b-y8uor9438a],
    .reminder-notes-field[b-y8uor9438a],
    .reminder-form-actions[b-y8uor9438a] {
        grid-column: 1;
    }

    .reminders-tabs[b-y8uor9438a] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    .reminders-tab[b-y8uor9438a] {
        justify-content: center;
    }

    .reminder-card[b-y8uor9438a] {
        grid-template-columns: 1fr;
    }

    .reminder-card-actions[b-y8uor9438a] {
        justify-content: flex-start;
    }
}

.create-form-alert[b-y8uor9438a] { margin: 0 0 1rem; }
/* /Components/Shared/Create/TaskCreateForm.razor.rz.scp.css */
.task-create-surface[b-yatiqi0p98] {
    margin-bottom: 1.35rem;
    overflow: hidden;
    border: 1px solid #cbd9f1;
    border-left: 4px solid var(--managr-blue);
    border-radius: 11px;
    background:
        linear-gradient(105deg, rgba(53, 104, 212, 0.07), rgba(255, 255, 255, 0.76) 45%, rgba(255, 255, 255, 0.92));
    box-shadow: 0 2px 7px rgba(31, 54, 92, 0.05);
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.task-create-surface.expanded[b-yatiqi0p98] {
    border-color: #b9cbed;
    box-shadow:
        0 2px 7px rgba(31, 54, 92, 0.05),
        0 8px 24px rgba(31, 54, 92, 0.06);
}

.task-create-header[b-yatiqi0p98] {
    display: flex;
    min-height: 68px;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
}

.task-create-heading[b-yatiqi0p98] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
}

.task-create-accent[b-yatiqi0p98] {
    width: 4px;
    height: 32px;
    flex: 0 0 4px;
    border-radius: 99px;
    background: var(--managr-blue);
}

.task-create-title[b-yatiqi0p98] {
    color: #203d70;
    font-size: 0.91rem;
    font-weight: 725;
}

.task-create-subtitle[b-yatiqi0p98] {
    margin-top: 0.12rem;
    color: #748097;
    font-size: 0.68rem;
}

.task-create-toggle[b-yatiqi0p98] {
    flex: 0 0 auto;
    border: 1px solid var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.task-create-toggle:hover[b-yatiqi0p98] {
    border-color: var(--managr-blue-dark);
    color: #fff;
    background: var(--managr-blue-dark);
}

.task-create-toggle.expanded[b-yatiqi0p98] {
    border-color: #bac4d3;
    color: #556174;
    background: rgba(255, 255, 255, 0.7);
}

.task-create-toggle.expanded:hover[b-yatiqi0p98] {
    border-color: #98a5b7;
    color: #344054;
    background: #fff;
}

.task-create-body[b-yatiqi0p98] {
    padding: 1.1rem 1.15rem 1.2rem;
    border-top: 1px solid #d9e3f3;
    background: rgba(255, 255, 255, 0.86);
}

.task-form-section[b-yatiqi0p98] {
    padding: 0.2rem 0 1.2rem;
}

.task-form-section + .task-form-section[b-yatiqi0p98] {
    padding-top: 0.2rem;
    border-top: 1px solid #e3e7ed;
}

.task-form-section-heading[b-yatiqi0p98] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0.9rem 0 0.8rem;
    color: #657084;
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.task-form-section:first-child .task-form-section-heading[b-yatiqi0p98] {
    margin-top: 0;
}

.task-form-section-heading div[b-yatiqi0p98] {
    height: 1px;
    flex: 1;
    background: #e1e5eb;
}

.task-option-stack[b-yatiqi0p98] {
    display: grid;
    gap: 0.3rem;
}

.selected-assignee-preview[b-yatiqi0p98] {
    margin-top: 0.4rem;
}

.recurrence-toggle[b-yatiqi0p98] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 38px;
}

.recurrence-toggle-note[b-yatiqi0p98] {
    color: #8992a0;
    font-size: 0.68rem;
}

.recurrence-options[b-yatiqi0p98] {
    margin-top: 0.8rem;
    padding: 0.85rem;
    border: 1px solid #dfe5ee;
    border-radius: 9px;
    background: #f8fafc;
}

.recurrence-description[b-yatiqi0p98] {
    padding: 0.55rem 0.7rem;
    border-left: 3px solid #a7bae0;
    border-radius: 0 6px 6px 0;
    color: #687488;
    background: #f3f6fb;
    font-size: 0.71rem;
}

.tag-selector[b-yatiqi0p98] {
    padding: 0.8rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #f9fafc;
}

.tag-dropdown-grid[b-yatiqi0p98] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 0.65rem;
}

@media (min-width: 900.01px) {
    .tag-dropdown-grid:has(> :only-child)[b-yatiqi0p98] {
        grid-template-columns: 1fr;
    }

    .tag-dropdown-grid:has(> :nth-child(2):last-child)[b-yatiqi0p98] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tag-dropdown-grid:has(> :nth-child(3):last-child)[b-yatiqi0p98] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.tag-dropdown[b-yatiqi0p98] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.tag-dropdown[open][b-yatiqi0p98] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31, 54, 92, 0.07);
}

.tag-dropdown-summary[b-yatiqi0p98] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 0.45rem;
    padding: 0.48rem 0.62rem;
    color: #465266;
    cursor: pointer;
    font-size: 0.71rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.tag-dropdown-summary[b-yatiqi0p98]::-webkit-details-marker {
    display: none;
}

.tag-dropdown-title[b-yatiqi0p98] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tag-dropdown-count[b-yatiqi0p98] {
    margin-left: auto;
    padding: 0.16rem 0.38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: 0.58rem;
    font-weight: 725;
    white-space: nowrap;
}

.tag-dropdown-chevron[b-yatiqi0p98] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: 0.82rem;
    line-height: 1;
    transition: transform 0.15s ease;
}

.tag-dropdown[open] .tag-dropdown-chevron[b-yatiqi0p98] {
    transform: rotate(180deg);
}

.tag-dropdown-menu[b-yatiqi0p98] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.38rem 0.5rem 0.5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.task-form-actions[b-yatiqi0p98] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    padding-top: 1rem;
    border-top: 1px solid #dfe4eb;
}

.task-submit-button[b-yatiqi0p98] {
    min-width: 125px;
    padding: 0.52rem 1rem;
}

.recurrence-badge[b-yatiqi0p98] {
    color: #385992;
    background: #e8effb;
    font-size: 0.62rem;
}

@media  (max-width: 900px) {
.tag-dropdown-grid[b-yatiqi0p98] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
.tag-dropdown-grid:has(> :only-child)[b-yatiqi0p98] {
        grid-template-columns: 1fr;
    }
}

@media  (max-width: 600px) {
.tag-dropdown-grid[b-yatiqi0p98] {
        grid-template-columns: 1fr;
    }
.task-create-header[b-yatiqi0p98] {
        align-items: flex-start;
        padding: 0.78rem 0.82rem;
    }
.task-create-subtitle[b-yatiqi0p98] {
        display: none;
    }
.task-create-body[b-yatiqi0p98] {
        padding: 0.85rem;
    }
.task-form-section[b-yatiqi0p98] {
        padding-bottom: 1rem;
    }
.recurrence-toggle[b-yatiqi0p98] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.3rem;
    }
.recurrence-options[b-yatiqi0p98],
    .tag-selector[b-yatiqi0p98] {
        padding: 0.65rem;
    }
.task-form-actions[b-yatiqi0p98] {
        display: flex;
        flex-direction: column;
        gap: .55rem;
    }
.task-submit-button[b-yatiqi0p98] {
        width: 100%;
    }
}

.new-task-attachment-picker[b-yatiqi0p98] {
    display: grid;
    grid-template-columns: minmax(250px, 1.2fr) minmax(300px, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 0.85rem;
    border: 1px dashed #cbd4e2;
    border-radius: 10px;
    background: #f8fafc;
}

.new-task-attachment-title[b-yatiqi0p98] {
    color: #445066;
    font-size: 0.78rem;
    font-weight: 700;
}

.new-task-attachment-note[b-yatiqi0p98] {
    margin-top: 0.12rem;
    color: #748094;
    font-size: 0.68rem;
}

.new-task-attachment-types[b-yatiqi0p98] {
    margin-top: 0.28rem;
    color: #8b95a4;
    font-size: 0.62rem;
}

.new-task-file-input[b-yatiqi0p98] {
    padding: 0.42rem 0.5rem;
    font-size: 0.74rem !important;
}

.new-task-attachment-error[b-yatiqi0p98] {
    margin-top: 0.55rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #edc4c8;
    border-radius: 8px;
    color: #9f3f48;
    background: #fff5f5;
    font-size: 0.69rem;
}

.new-task-selected-files[b-yatiqi0p98] {
    margin-top: 0.65rem;
    overflow: hidden;
    border: 1px solid #dfe4eb;
    border-radius: 9px;
    background: #fff;
}

.new-task-selected-header[b-yatiqi0p98] {
    display: flex;
    min-height: 38px;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 0.65rem;
    border-bottom: 1px solid #e7eaf0;
    color: #596578;
    background: #fafbfc;
    font-size: 0.68rem;
    font-weight: 700;
}

.new-task-clear-files[b-yatiqi0p98] {
    padding: 0.25rem 0.48rem !important;
    border: 1px solid #cbd3df;
    color: #637083;
    background: #fff;
    font-size: 0.64rem !important;
}

.new-task-clear-files:hover[b-yatiqi0p98] {
    border-color: #aeb9c8;
    color: #3f4b5e;
    background: #f6f8fa;
}

.new-task-selected-list[b-yatiqi0p98] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.new-task-selected-file[b-yatiqi0p98] {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.5rem 0.65rem;
    border-bottom: 1px solid #eef1f4;
    color: #596578;
    font-size: 0.66rem;
}

.new-task-selected-name[b-yatiqi0p98] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-task-selected-size[b-yatiqi0p98] {
    flex: 0 0 auto;
    color: #929ba8;
}

.new-task-recurring-attachment-note[b-yatiqi0p98] {
    padding: 0.5rem 0.65rem;
    border-top: 1px solid #ebeef3;
    color: #6d5aa8;
    background: #faf8fe;
    font-size: 0.65rem;
}

@media  (max-width: 760px) {
.new-task-attachment-picker[b-yatiqi0p98] {
        grid-template-columns: 1fr;
    }
.new-task-selected-list[b-yatiqi0p98] {
        grid-template-columns: 1fr;
    }
}

.task-field-help[b-yatiqi0p98] {
    margin-top: 0.28rem;
    color: #8a94a4;
    font-size: 0.63rem;
    line-height: 1.3;
}

.task-dependency-dropdown[b-yatiqi0p98] {
    position: relative;
    max-width: 680px;
}

.task-dependency-dropdown[open][b-yatiqi0p98] {
    z-index: 12;
}

.task-dependency-summary[b-yatiqi0p98] {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid #ced6e2;
    border-radius: 8px;
    background: #fff;
    color: #495568;
    cursor: pointer;
    list-style: none;
}

.task-dependency-summary[b-yatiqi0p98]::-webkit-details-marker {
    display: none;
}

.task-dependency-menu[b-yatiqi0p98] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 0.35rem);
    left: 0;
    width: min(100%, 680px);
    max-height: 290px;
    overflow-y: auto;
    padding: 0.35rem;
    border: 1px solid #d5ddea;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(28, 47, 76, 0.14);
}

.task-dependency-option[b-yatiqi0p98] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.55rem 0.6rem;
    border-radius: 7px;
    cursor: pointer;
}

.task-dependency-option:hover[b-yatiqi0p98] {
    background: #f5f8fc;
}

.task-dependency-copy[b-yatiqi0p98] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.task-dependency-copy strong[b-yatiqi0p98] {
    overflow: hidden;
    color: #3e4859;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-dependency-copy small[b-yatiqi0p98],
.task-dependency-empty[b-yatiqi0p98],
.task-dependency-help[b-yatiqi0p98],
.task-dependency-recurring-note[b-yatiqi0p98] {
    color: #7a8596;
    font-size: 0.7rem;
}

.task-dependency-empty[b-yatiqi0p98] {
    padding: 0.55rem 0.6rem;
}

.task-dependency-help[b-yatiqi0p98],
.task-dependency-recurring-note[b-yatiqi0p98] {
    margin-top: 0.4rem;
}

.task-dependency-search[b-yatiqi0p98] {
    margin-bottom: 0.35rem;
    font-size: 0.74rem;
}

@media  (max-width: 640.98px) {
.task-schedule-grid[b-yatiqi0p98] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
        margin-right: 0;
        margin-left: 0;
    }
.task-schedule-grid > *[b-yatiqi0p98] {
        width: auto;
        max-width: none;
        padding-right: 0;
        padding-left: 0;
    }
.task-schedule-grid .form-control[b-yatiqi0p98],
    .task-schedule-grid .form-select[b-yatiqi0p98] {
        width: 100%;
        min-width: 0;
    }
.task-priority-field .task-option-stack[b-yatiqi0p98] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: center;
        gap: 0.35rem;
    }
}

.dashboard-quick-add[b-yatiqi0p98] {
    display: grid;
    grid-template-columns: minmax(170px, 0.8fr) minmax(0, 4fr);
    align-items: end;
    gap: 1.25rem;
    margin-bottom: 1rem;
    padding: 0.95rem 1.1rem;
    border: 1px solid #cbd9f1;
    border-left: 4px solid var(--managr-blue);
    border-radius: 11px;
    background:
        linear-gradient(105deg, rgba(53, 104, 212, 0.075), rgba(255, 255, 255, 0.72) 46%, rgba(255, 255, 255, 0.9));
    box-shadow: 0 2px 7px rgba(31, 54, 92, 0.05);
}

.quick-add-intro[b-yatiqi0p98] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    align-self: center;
}

.quick-add-accent[b-yatiqi0p98] {
    display: none;
}

.quick-add-title[b-yatiqi0p98] {
    color: #203d70;
    font-size: 0.9rem;
    font-weight: 725;
}

.quick-add-subtitle[b-yatiqi0p98] {
    margin-top: 0.12rem;
    color: #748097;
    font-size: 0.68rem;
    line-height: 1.3;
}

.quick-add-form[b-yatiqi0p98] {
    min-width: 0;
}

.quick-add-grid[b-yatiqi0p98] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 165px 135px 110px;
    align-items: end;
    gap: 0.8rem;
}

.task-option-stack[b-yatiqi0p98] {
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
}

.quick-priority[b-yatiqi0p98] {
    display: flex;
    min-height: 39px;
    align-items: center;
}

.quick-add-button[b-yatiqi0p98] {
    display: flex;
    align-items: end;
}

.quick-add-options-toggle[b-yatiqi0p98] {
    margin-top: 0.5rem;
    padding: 0.33rem 0.58rem;
    border: 1px solid #a9bbe0;
    color: #36588f;
    background: rgba(255, 255, 255, 0.72);
    font-size: 0.7rem !important;
}

.quick-add-options-toggle:hover[b-yatiqi0p98] {
    border-color: var(--managr-blue);
    color: #fff;
    background: var(--managr-blue);
}

.quick-add-options-toggle.expanded[b-yatiqi0p98] {
    border-color: #bac4d3;
    color: #596578;
    background: rgba(255, 255, 255, 0.84);
}

.quick-add-expanded[b-yatiqi0p98] {
    margin-top: 1rem;
    padding-top: 0.2rem;
    border-top: 1px solid #d9e3f3;
}

.quick-expanded-section[b-yatiqi0p98] {
    padding: 0.9rem 0 1rem;
}

.quick-expanded-section + .quick-expanded-section[b-yatiqi0p98] {
    border-top: 1px solid #e3e7ed;
}

.quick-expanded-section-heading[b-yatiqi0p98] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.75rem;
    color: #657084;
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.quick-expanded-section-heading div[b-yatiqi0p98] {
    height: 1px;
    flex: 1;
    background: #e1e5eb;
}

.quick-add-expanded textarea.form-control[b-yatiqi0p98] {
    min-height: 82px;
    resize: vertical;
}

.quick-expanded-grid[b-yatiqi0p98] {
    display: grid;
    grid-template-columns: minmax(150px, 0.8fr) minmax(140px, 0.7fr) minmax(220px, 1.3fr);
    align-items: start;
    gap: 0.8rem;
}

.quick-selected-assignee[b-yatiqi0p98] {
    margin-top: 0.4rem;
}

.quick-schedule-options[b-yatiqi0p98] {
    margin-top: 0.55rem;
}

.quick-recurrence-toggle[b-yatiqi0p98] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 0.8rem;
}

.quick-recurrence-note[b-yatiqi0p98] {
    color: #8992a0;
    font-size: 0.68rem;
}

.quick-recurrence-options[b-yatiqi0p98] {
    margin-top: 0.8rem;
    padding: 0.85rem;
    border: 1px solid #dfe5ee;
    border-radius: 9px;
    background: #f8fafc;
}

.quick-recurrence-grid[b-yatiqi0p98] {
    display: grid;
    grid-template-columns: repeat(3, minmax(145px, 1fr));
    gap: 0.8rem;
}

.quick-recurrence-description[b-yatiqi0p98] {
    margin-top: 0.75rem;
    padding: 0.55rem 0.7rem;
    border-left: 3px solid #a7bae0;
    border-radius: 0 6px 6px 0;
    color: #687488;
    background: #f3f6fb;
    font-size: 0.71rem;
}

.quick-tag-selector[b-yatiqi0p98] {
    padding: 0.8rem;
    border: 1px solid #dfe4eb;
    border-radius: 10px;
    background: #f9fafc;
}

.quick-tag-grid[b-yatiqi0p98] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 0.65rem;
}

.quick-tag-dropdown[b-yatiqi0p98] {
    min-width: 0;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
}

.quick-tag-dropdown[open][b-yatiqi0p98] {
    border-color: #b8c9e7;
    box-shadow: 0 4px 12px rgba(31, 54, 92, 0.07);
}

.quick-tag-dropdown-summary[b-yatiqi0p98] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 0.45rem;
    padding: 0.48rem 0.62rem;
    color: #465266;
    cursor: pointer;
    font-size: 0.71rem;
    font-weight: 725;
    list-style: none;
    user-select: none;
}

.quick-tag-dropdown-summary[b-yatiqi0p98]::-webkit-details-marker {
    display: none;
}

.quick-tag-dropdown-title[b-yatiqi0p98] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-tag-dropdown-count[b-yatiqi0p98] {
    margin-left: auto;
    padding: 0.16rem 0.38rem;
    border-radius: 99px;
    color: #315a9e;
    background: #edf3fd;
    font-size: 0.58rem;
    font-weight: 725;
    white-space: nowrap;
}

.quick-tag-dropdown-chevron[b-yatiqi0p98] {
    flex: 0 0 auto;
    color: #7d899b;
    font-size: 0.82rem;
    line-height: 1;
    transition: transform 0.15s ease;
}

.quick-tag-dropdown[open] .quick-tag-dropdown-chevron[b-yatiqi0p98] {
    transform: rotate(180deg);
}

.quick-tag-dropdown-menu[b-yatiqi0p98] {
    display: flex;
    max-height: 260px;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.38rem 0.5rem 0.5rem;
    overflow-y: auto;
    border-top: 1px solid #e5e9ef;
}

.quick-tag-option[b-yatiqi0p98] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    padding: 0.25rem 0.18rem;
    border-radius: 5px;
    cursor: pointer;
}

.quick-tag-option:hover[b-yatiqi0p98] {
    background: #f5f8fd;
}

.quick-tag-option .form-check-input[b-yatiqi0p98] {
    margin-top: 0;
    flex: 0 0 auto;
}

.quick-tag-option .badge[b-yatiqi0p98] {
    max-width: calc(100% - 1.5rem);
    overflow: hidden;
    font-size: 0.66rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media  (max-width: 1100px) {
.quick-tag-grid[b-yatiqi0p98] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
.dashboard-quick-add[b-yatiqi0p98] {
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }
.quick-add-intro[b-yatiqi0p98] {
        align-self: auto;
    }
}

@container  managr-main (max-width: 980px) {
.quick-tag-grid[b-yatiqi0p98] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
.dashboard-quick-add[b-yatiqi0p98] {
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }
.quick-add-intro[b-yatiqi0p98] {
        align-self: auto;
    }
}

@container  managr-main (max-width: 820px) {
.quick-add-grid[b-yatiqi0p98] {
        grid-template-columns: 1fr 1fr;
    }
.quick-add-task-field[b-yatiqi0p98] {
        grid-column: 1 / -1;
    }
.quick-recurrence-grid[b-yatiqi0p98] {
        grid-template-columns: 1fr 1fr;
    }
}

@container  managr-main (max-width: 620px) {
.quick-add-grid[b-yatiqi0p98],
    .quick-expanded-grid[b-yatiqi0p98],
    .quick-recurrence-grid[b-yatiqi0p98],
    .quick-tag-grid[b-yatiqi0p98],
    .filter-primary-row[b-yatiqi0p98],
    .filter-tag-grid[b-yatiqi0p98] {
        grid-template-columns: 1fr;
    }
.quick-add-task-field[b-yatiqi0p98] {
        grid-column: auto;
    }
.quick-add-button .btn[b-yatiqi0p98] {
        width: 100%;
    }
}

@media  (max-width: 800px) {
.quick-add-grid[b-yatiqi0p98] {
        grid-template-columns: 1fr 1fr;
    }
.quick-add-task-field[b-yatiqi0p98] {
        grid-column: 1 / -1;
    }
.quick-recurrence-grid[b-yatiqi0p98] {
        grid-template-columns: 1fr 1fr;
    }
}

@media  (max-width: 600px) {
.dashboard-quick-add[b-yatiqi0p98] {
        gap: 0.75rem;
        padding: 0.85rem;
    }
.quick-add-grid[b-yatiqi0p98] {
        grid-template-columns: 1fr;
    }
.quick-add-task-field[b-yatiqi0p98] {
        grid-column: auto;
    }
.quick-expanded-grid[b-yatiqi0p98],
    .quick-recurrence-grid[b-yatiqi0p98],
    .quick-tag-grid[b-yatiqi0p98] {
        grid-template-columns: 1fr;
    }
.quick-recurrence-toggle[b-yatiqi0p98] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }
.quick-add-button .btn[b-yatiqi0p98] {
        width: 100%;
    }
}

.quick-attachment-picker[b-yatiqi0p98] {
    display: grid;
    grid-template-columns: minmax(240px, 1.15fr) minmax(300px, 1fr);
    align-items: center;
    gap: 0.9rem;
    padding: 0.8rem;
    border: 1px dashed #cbd4e2;
    border-radius: 9px;
    background: #f8fafc;
}

.quick-attachment-title[b-yatiqi0p98] {
    color: #445066;
    font-size: 0.76rem;
    font-weight: 700;
}

.quick-attachment-note[b-yatiqi0p98] {
    margin-top: 0.12rem;
    color: #748094;
    font-size: 0.67rem;
}

.quick-attachment-types[b-yatiqi0p98] {
    margin-top: 0.28rem;
    color: #8b95a4;
    font-size: 0.61rem;
}

.quick-attachment-input[b-yatiqi0p98] {
    padding: 0.4rem 0.5rem;
    font-size: 0.73rem !important;
}

.quick-attachment-error[b-yatiqi0p98] {
    margin-top: 0.55rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid #edc4c8;
    border-radius: 8px;
    color: #9f3f48;
    background: #fff5f5;
    font-size: 0.68rem;
}

.quick-selected-files[b-yatiqi0p98] {
    margin-top: 0.6rem;
    overflow: hidden;
    border: 1px solid #dfe4eb;
    border-radius: 9px;
    background: #fff;
}

.quick-selected-files-header[b-yatiqi0p98] {
    display: flex;
    min-height: 36px;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.42rem 0.62rem;
    border-bottom: 1px solid #e7eaf0;
    color: #596578;
    background: #fafbfc;
    font-size: 0.67rem;
    font-weight: 700;
}

.quick-clear-files[b-yatiqi0p98] {
    padding: 0.23rem 0.45rem !important;
    border: 1px solid #cbd3df;
    color: #637083;
    background: #fff;
    font-size: 0.62rem !important;
}

.quick-clear-files:hover[b-yatiqi0p98] {
    border-color: #aeb9c8;
    color: #3f4b5e;
    background: #f6f8fa;
}

.quick-selected-files-list[b-yatiqi0p98] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.quick-selected-file[b-yatiqi0p98] {
    display: flex;
    min-width: 0;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.48rem 0.62rem;
    border-bottom: 1px solid #eef1f4;
    color: #596578;
    font-size: 0.65rem;
}

.quick-selected-file-name[b-yatiqi0p98] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-selected-file-size[b-yatiqi0p98] {
    flex: 0 0 auto;
    color: #929ba8;
}

.quick-recurring-attachment-note[b-yatiqi0p98] {
    padding: 0.48rem 0.62rem;
    border-top: 1px solid #ebeef3;
    color: #6d5aa8;
    background: #faf8fe;
    font-size: 0.64rem;
}

@media  (max-width: 760px) {
.quick-attachment-picker[b-yatiqi0p98] {
        grid-template-columns: 1fr;
    }
.quick-selected-files-list[b-yatiqi0p98] {
        grid-template-columns: 1fr;
    }
}

.quick-field-help[b-yatiqi0p98] {
    margin-top: 0.28rem;
    color: #8a94a4;
    font-size: 0.62rem;
    line-height: 1.3;
}

.task-dependency-dropdown[b-yatiqi0p98] {
    position: relative;
    max-width: 720px;
}

.task-dependency-dropdown > summary[b-yatiqi0p98] {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    padding: 0.45rem 0.7rem;
    border: 1px solid #d7deea;
    border-radius: 8px;
    background: #fff;
    color: #4d596b;
    font-size: 0.78rem;
    font-weight: 650;
    cursor: pointer;
    list-style: none;
}

.task-dependency-dropdown > summary[b-yatiqi0p98]::-webkit-details-marker {
    display: none;
}

.task-dependency-dropdown > summary[b-yatiqi0p98]::after {
    margin-left: 0.6rem;
    color: #7b8799;
    content: "▾";
}

.task-dependency-dropdown[open] > summary[b-yatiqi0p98]::after {
    content: "▴";
}

.task-dependency-menu[b-yatiqi0p98] {
    max-height: 260px;
    overflow-y: auto;
    margin-top: 0.4rem;
    padding: 0.35rem;
    border: 1px solid #d7deea;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(28, 47, 76, 0.08);
}

.task-dependency-option[b-yatiqi0p98] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.48rem 0.52rem;
    border-radius: 6px;
    cursor: pointer;
}

.task-dependency-option:hover[b-yatiqi0p98] {
    background: #f7f9fc;
}

.task-dependency-option input[b-yatiqi0p98] {
    margin-top: 0.18rem;
}

.task-dependency-copy[b-yatiqi0p98] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.08rem;
}

.task-dependency-title[b-yatiqi0p98] {
    overflow: hidden;
    color: #3f4b5e;
    font-size: 0.76rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-dependency-meta[b-yatiqi0p98],
.task-dependency-help[b-yatiqi0p98],
.task-dependency-recurring-note[b-yatiqi0p98],
.task-dependency-empty[b-yatiqi0p98] {
    color: #7d8797;
    font-size: 0.68rem;
}

.task-dependency-help[b-yatiqi0p98],
.task-dependency-recurring-note[b-yatiqi0p98] {
    margin-top: 0.42rem;
    line-height: 1.45;
}

.task-dependency-recurring-note[b-yatiqi0p98] {
    color: #6c5795;
}

.task-dependency-empty[b-yatiqi0p98] {
    padding: 0.55rem;
}

.task-dependency-search[b-yatiqi0p98] {
    margin-bottom: 0.35rem;
    font-size: 0.74rem;
}

.create-form-alert[b-yatiqi0p98] { margin: 0 0 1rem; }
/* /Components/Shared/DashboardSkeleton.razor.rz.scp.css */
.dashboard-skeleton[b-qtxltx75cf] {
    --skeleton-base: #e7ecf2;
    --skeleton-border: #d9e1eb;
    --skeleton-card: #fff;
    --skeleton-shimmer: rgba(255, 255, 255, 0.78);

    position: relative;
    min-height: 560px;
}

.dashboard-skeleton-status[b-qtxltx75cf] {
    display: flex;
    justify-content: center;
    margin: 0.15rem 0 0.85rem;
    opacity: 0;
    animation: dashboard-skeleton-status-reveal-b-qtxltx75cf 0.18s ease 0.12s forwards;
}

.dashboard-skeleton-filters[b-qtxltx75cf] {
    margin-bottom: 1rem;
    padding: 0.82rem 0.95rem;
    border: 1px solid var(--skeleton-border);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 2px 8px rgba(28, 47, 77, 0.04);
}

.dashboard-skeleton-filter-grid[b-qtxltx75cf] {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr 120px;
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.dashboard-skeleton-field[b-qtxltx75cf],
.dashboard-skeleton-button[b-qtxltx75cf] {
    position: relative;
    height: 38px;
    overflow: hidden;
    border-radius: 7px;
    background: var(--skeleton-base);
}

.dashboard-skeleton-button[b-qtxltx75cf] {
    width: 100%;
}

.dashboard-skeleton-workspace[b-qtxltx75cf] {
    display: grid;
    grid-template-columns: minmax(300px, 0.82fr) minmax(460px, 1.18fr);
    gap: 1.15rem;
}

.dashboard-skeleton-column[b-qtxltx75cf] {
    min-width: 0;
}

.dashboard-skeleton-region-heading[b-qtxltx75cf] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.5rem;
}

.dashboard-skeleton-region-heading > span[b-qtxltx75cf] {
    height: 1px;
    flex: 1;
    background: #d8dee7;
}

.dashboard-skeleton-card[b-qtxltx75cf] {
    overflow: hidden;
    border: 1px solid var(--skeleton-border);
    border-radius: 12px;
    background: var(--skeleton-card);
    box-shadow: 0 3px 13px rgba(26, 46, 78, 0.055);
}

.dashboard-skeleton-card + .dashboard-skeleton-card[b-qtxltx75cf] {
    margin-top: 1rem;
}

.dashboard-skeleton-card.due[b-qtxltx75cf] {
    min-height: 220px;
}

.dashboard-skeleton-card.tasks[b-qtxltx75cf] {
    min-height: 355px;
}

.dashboard-skeleton-card.calendar[b-qtxltx75cf] {
    min-height: 594px;
}

.dashboard-skeleton-card-header[b-qtxltx75cf] {
    display: flex;
    min-height: 67px;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid #e5e9ef;
    background: #fbfcfd;
}

.dashboard-skeleton-card-header.calendar[b-qtxltx75cf] {
    padding-right: 0.9rem;
}

.dashboard-skeleton-accent[b-qtxltx75cf] {
    width: 4px;
    height: 31px;
    flex: 0 0 4px;
    border-radius: 99px;
    background: #cbd6e5;
}

.dashboard-skeleton-accent.attention[b-qtxltx75cf] {
    background: #e4b5ae;
}

.dashboard-skeleton-accent.tasks[b-qtxltx75cf] {
    background: #afc5e9;
}

.dashboard-skeleton-accent.calendar[b-qtxltx75cf] {
    background: #c6b7e8;
}

.dashboard-skeleton-header-copy[b-qtxltx75cf] {
    min-width: 0;
    flex: 1;
}

.dashboard-skeleton-stats[b-qtxltx75cf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    padding: 0.85rem;
}

.dashboard-skeleton-stat[b-qtxltx75cf] {
    position: relative;
    height: 66px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--skeleton-base);
}

.dashboard-skeleton-list[b-qtxltx75cf],
.dashboard-skeleton-task-list[b-qtxltx75cf] {
    padding: 0 0.85rem 0.85rem;
}

.dashboard-skeleton-row[b-qtxltx75cf] {
    position: relative;
    height: 34px;
    margin-top: 0.48rem;
    overflow: hidden;
    border-radius: 6px;
    background: var(--skeleton-base);
}

.dashboard-skeleton-row.short[b-qtxltx75cf] {
    width: 78%;
}

.dashboard-skeleton-task-row[b-qtxltx75cf] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.82rem 0;
    border-bottom: 1px solid #edf0f4;
}

.dashboard-skeleton-task-row:last-child[b-qtxltx75cf] {
    border-bottom: 0;
}

.dashboard-skeleton-circle[b-qtxltx75cf] {
    position: relative;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--skeleton-base);
}

.dashboard-skeleton-task-copy[b-qtxltx75cf] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 0.48rem;
    padding-top: 0.1rem;
}

.dashboard-skeleton-calendar-buttons[b-qtxltx75cf] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.35rem;
}

.dashboard-skeleton-calendar-buttons span[b-qtxltx75cf] {
    position: relative;
    width: 38px;
    height: 26px;
    overflow: hidden;
    border-radius: 6px;
    background: var(--skeleton-base);
}

.dashboard-skeleton-weekdays[b-qtxltx75cf] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    padding: 0.7rem 0.7rem 0.35rem;
}

.dashboard-skeleton-weekdays span[b-qtxltx75cf] {
    position: relative;
    height: 11px;
    margin: 0 18%;
    overflow: hidden;
    border-radius: 99px;
    background: var(--skeleton-base);
}

.dashboard-skeleton-calendar-grid[b-qtxltx75cf] {
    display: grid;
    min-height: 470px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 1px;
    padding: 0 0.7rem 0.7rem;
    background: #edf0f4;
}

.dashboard-skeleton-day[b-qtxltx75cf] {
    position: relative;
    min-height: 78px;
    overflow: hidden;
    background: #fff;
}

.dashboard-skeleton-day[b-qtxltx75cf]::before {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    width: 14px;
    height: 9px;
    border-radius: 99px;
    background: var(--skeleton-base);
    content: "";
}

.dashboard-skeleton-day.with-item[b-qtxltx75cf]::after {
    position: absolute;
    top: 1.9rem;
    right: 0.45rem;
    left: 0.45rem;
    height: 14px;
    border-radius: 4px;
    background: #dfe7f3;
    content: "";
}

.dashboard-skeleton-line[b-qtxltx75cf] {
    position: relative;
    height: 11px;
    overflow: hidden;
    border-radius: 99px;
    background: var(--skeleton-base);
}

.dashboard-skeleton-line.title[b-qtxltx75cf] {
    width: 72px;
    height: 10px;
}

.dashboard-skeleton-line.subtitle[b-qtxltx75cf] {
    width: min(340px, 70%);
    margin-top: 0.4rem;
}

.dashboard-skeleton-line.eyebrow[b-qtxltx75cf] {
    width: 54px;
    height: 9px;
}

.dashboard-skeleton-line.card-title[b-qtxltx75cf] {
    width: 105px;
    height: 12px;
}

.dashboard-skeleton-line.card-title.medium[b-qtxltx75cf] {
    width: 132px;
}

.dashboard-skeleton-line.card-subtitle[b-qtxltx75cf] {
    width: 150px;
    margin-top: 0.42rem;
    height: 9px;
}

.dashboard-skeleton-line.card-subtitle.medium[b-qtxltx75cf] {
    width: 120px;
}

.dashboard-skeleton-line.card-subtitle.long[b-qtxltx75cf] {
    width: min(220px, 86%);
}

.dashboard-skeleton-line.task-title[b-qtxltx75cf] {
    width: 82%;
    height: 12px;
}

.dashboard-skeleton-line.task-title.medium[b-qtxltx75cf] {
    width: 68%;
}

.dashboard-skeleton-line.task-title.short[b-qtxltx75cf] {
    width: 54%;
}

.dashboard-skeleton-line.task-meta[b-qtxltx75cf] {
    width: 46%;
    height: 9px;
}

.dashboard-skeleton-line.task-meta.medium[b-qtxltx75cf] {
    width: 35%;
}

.dashboard-skeleton-line.task-meta.short[b-qtxltx75cf] {
    width: 24%;
}

.dashboard-skeleton-field[b-qtxltx75cf]::after,
.dashboard-skeleton-button[b-qtxltx75cf]::after,
.dashboard-skeleton-stat[b-qtxltx75cf]::after,
.dashboard-skeleton-row[b-qtxltx75cf]::after,
.dashboard-skeleton-circle[b-qtxltx75cf]::after,
.dashboard-skeleton-calendar-buttons span[b-qtxltx75cf]::after,
.dashboard-skeleton-weekdays span[b-qtxltx75cf]::after,
.dashboard-skeleton-line[b-qtxltx75cf]::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--skeleton-shimmer) 48%,
        transparent 100%);
    content: "";
    transform: translateX(-100%);
    animation: dashboard-skeleton-shimmer-b-qtxltx75cf 1.35s ease-in-out infinite;
}

@keyframes dashboard-skeleton-shimmer-b-qtxltx75cf {
    to {
        transform: translateX(100%);
    }
}

@keyframes dashboard-skeleton-status-reveal-b-qtxltx75cf {
    to {
        opacity: 1;
    }
}

@media (max-width: 1100px) {
    .dashboard-skeleton-workspace[b-qtxltx75cf] {
        grid-template-columns: 1fr;
    }

    .dashboard-skeleton-card.calendar[b-qtxltx75cf] {
        min-height: 500px;
    }

    .dashboard-skeleton-calendar-grid[b-qtxltx75cf] {
        min-height: 380px;
    }
}

@media (max-width: 800px) {
    .dashboard-skeleton-filter-grid[b-qtxltx75cf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-skeleton-button[b-qtxltx75cf] {
        width: 55%;
    }
}

@media (max-width: 600px) {
    .dashboard-skeleton-status[b-qtxltx75cf] {
        margin-bottom: 0.7rem;
    }

    .dashboard-skeleton-filter-grid[b-qtxltx75cf] {
        grid-template-columns: 1fr;
    }

    .dashboard-skeleton-button[b-qtxltx75cf] {
        width: 100%;
    }

    .dashboard-skeleton-card.tasks[b-qtxltx75cf] {
        min-height: 390px;
    }

    .dashboard-skeleton-card.calendar[b-qtxltx75cf] {
        min-height: 430px;
    }

    .dashboard-skeleton-calendar-grid[b-qtxltx75cf] {
        min-height: 320px;
    }

    .dashboard-skeleton-day[b-qtxltx75cf] {
        min-height: 56px;
    }

    .dashboard-skeleton-calendar-buttons[b-qtxltx75cf] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-skeleton-field[b-qtxltx75cf]::after,
    .dashboard-skeleton-button[b-qtxltx75cf]::after,
    .dashboard-skeleton-stat[b-qtxltx75cf]::after,
    .dashboard-skeleton-row[b-qtxltx75cf]::after,
    .dashboard-skeleton-circle[b-qtxltx75cf]::after,
    .dashboard-skeleton-calendar-buttons span[b-qtxltx75cf]::after,
    .dashboard-skeleton-weekdays span[b-qtxltx75cf]::after,
    .dashboard-skeleton-line[b-qtxltx75cf]::after {
        animation-duration: 2.4s;
    }
}
/* /Components/Shared/HelpArticleLink.razor.rz.scp.css */
.contextual-help-link[b-82bl26oep9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

.contextual-help-link svg[b-82bl26oep9] {
    width: .95rem;
    height: .95rem;
    flex: 0 0 .95rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* /Components/Shared/LibraryFilePicker.razor.rz.scp.css */
.library-file-picker[b-exuuv0rzn8] { display: inline-flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: .42rem; }
.library-file-picker-trigger[b-exuuv0rzn8] { display: inline-flex; align-items: center; gap: .45rem; white-space: nowrap; }
.library-file-picker-trigger-count[b-exuuv0rzn8] { display: inline-flex; min-width: 1.35rem; height: 1.35rem; align-items: center; justify-content: center; padding: 0 .3rem; border-radius: 999px; background: rgba(53,104,212,.12); font-size: .72rem; font-weight: 750; }
.library-file-picker-status[b-exuuv0rzn8] { max-width: 560px; font-size: .76rem; line-height: 1.35; }
.library-file-picker-status.success[b-exuuv0rzn8] { color: #187252; }
.library-file-picker-status.error[b-exuuv0rzn8] { color: #b93838; }
.library-file-picker-selected-summary[b-exuuv0rzn8] { display: flex; max-width: 620px; flex-wrap: wrap; gap: .36rem; }
.library-file-picker-selected-chip[b-exuuv0rzn8] { display: inline-flex; max-width: 240px; align-items: center; gap: .28rem; padding: .28rem .4rem .28rem .55rem; border: 1px solid #d7dfeb; border-radius: 999px; background: #f7f9fc; color: #344258; font-size: .72rem; }
.library-file-picker-selected-chip > span[b-exuuv0rzn8] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.library-file-picker-selected-chip button[b-exuuv0rzn8] { display: inline-flex; width: 1.15rem; height: 1.15rem; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; color: #69778d; background: transparent; line-height: 1; }
.library-file-picker-selected-chip button:hover[b-exuuv0rzn8] { color: #fff; background: #d95151; }
.library-file-picker-backdrop[b-exuuv0rzn8] { position: fixed; inset: 0; z-index: 1100; display: flex; align-items: center; justify-content: center; padding: 1.25rem; background: rgba(13,23,40,.58); backdrop-filter: blur(4px); }
.library-file-picker-dialog[b-exuuv0rzn8] { display: flex; width: min(900px, 96vw); max-height: min(760px, 90vh); flex-direction: column; overflow: hidden; border: 1px solid #d9e1ec; border-radius: 16px; background: #fff; box-shadow: 0 24px 70px rgba(15,30,55,.28); }
.library-file-picker-header[b-exuuv0rzn8] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.05rem 1.15rem .95rem; border-bottom: 1px solid #e1e7ef; background: #f8fafc; }
.library-file-picker-kicker[b-exuuv0rzn8] { margin-bottom: .2rem; color: #3568d4; font-size: .62rem; font-weight: 800; letter-spacing: .13em; }
.library-file-picker-header h2[b-exuuv0rzn8] { margin: 0; color: #182235; font-size: 1.2rem; font-weight: 750; }
.library-file-picker-header p[b-exuuv0rzn8] { max-width: 650px; margin: .3rem 0 0; color: #687386; font-size: .78rem; line-height: 1.45; }
.library-file-picker-close[b-exuuv0rzn8] { width: 2rem; height: 2rem; flex: 0 0 2rem; padding: 0; border: 0; border-radius: 8px; color: #5c6a7e; background: transparent; font-size: 1.35rem; line-height: 1; }
.library-file-picker-close:hover[b-exuuv0rzn8] { background: #e8edf4; color: #26354d; }
.library-file-picker-tools[b-exuuv0rzn8] { display: flex; align-items: center; gap: .8rem; padding: .75rem 1rem; border-bottom: 1px solid #e4e9f0; background: #fff; }
.library-file-picker-tools input[b-exuuv0rzn8] { min-width: 0; flex: 1; }
.library-file-picker-tools span[b-exuuv0rzn8] { color: #7a8798; font-size: .73rem; white-space: nowrap; }
.library-file-picker-body[b-exuuv0rzn8] { min-height: 220px; overflow: auto; padding: .85rem 1rem 1rem; background: #f5f7fa; }
.library-file-picker-grid[b-exuuv0rzn8] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.library-file-picker-card[b-exuuv0rzn8] { display: grid; min-width: 0; grid-template-columns: auto 48px minmax(0,1fr) auto; align-items: center; gap: .65rem; padding: .72rem; border: 1px solid #dbe2ec; border-radius: 10px; background: #fff; cursor: pointer; transition: border-color .12s ease, box-shadow .12s ease, background .12s ease; }
.library-file-picker-card:hover[b-exuuv0rzn8] { border-color: #afbfda; box-shadow: 0 4px 14px rgba(28,55,105,.08); }
.library-file-picker-card.selected[b-exuuv0rzn8] { border-color: #5d87df; background: #f4f7ff; box-shadow: 0 0 0 2px rgba(53,104,212,.08); }
.library-file-picker-card.already-linked[b-exuuv0rzn8] { cursor: default; opacity: .66; }
.library-file-picker-card > input[b-exuuv0rzn8] { margin: 0; }
.library-file-picker-kind[b-exuuv0rzn8] { display: inline-flex; width: 48px; height: 38px; align-items: center; justify-content: center; border-radius: 7px; color: #315181; background: #edf3fc; font-size: .64rem; font-weight: 800; letter-spacing: .04em; }
.library-file-picker-file-copy[b-exuuv0rzn8] { display: flex; min-width: 0; flex-direction: column; gap: .18rem; }
.library-file-picker-file-copy strong[b-exuuv0rzn8] { overflow: hidden; color: #243149; font-size: .79rem; text-overflow: ellipsis; white-space: nowrap; }
.library-file-picker-file-copy small[b-exuuv0rzn8] { color: #7b8798; font-size: .68rem; }
.library-file-picker-file-copy em[b-exuuv0rzn8] { color: #6e7d91; font-size: .68rem; font-style: normal; font-weight: 650; }
.library-file-picker-tags[b-exuuv0rzn8] { display: flex; min-width: 0; flex-wrap: wrap; gap: .22rem; margin-top: .08rem; }
.library-file-picker-tags span[b-exuuv0rzn8] { padding: .14rem .34rem; border: 1px solid color-mix(in srgb,var(--library-picker-tag) 45%,white); border-radius: 999px; color: color-mix(in srgb,var(--library-picker-tag) 75%,#17243c); background: color-mix(in srgb,var(--library-picker-tag) 10%,white); font-size: .61rem; font-weight: 650; }
.library-file-picker-card > a[b-exuuv0rzn8] { color: #3568d4; font-size: .7rem; font-weight: 650; text-decoration: none; }
.library-file-picker-card > a:hover[b-exuuv0rzn8] { text-decoration: underline; }
.library-file-picker-empty[b-exuuv0rzn8] { display: flex; min-height: 200px; align-items: center; justify-content: center; padding: 2rem; color: #728095; text-align: center; }
.library-file-picker-footer[b-exuuv0rzn8] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border-top: 1px solid #dfe5ed; background: #fff; }
.library-file-picker-footer > span[b-exuuv0rzn8] { color: #6b788b; font-size: .74rem; }
.library-file-picker-footer > div[b-exuuv0rzn8] { display: flex; gap: .55rem; }
@media (max-width: 720px) { .library-file-picker-dialog[b-exuuv0rzn8] { width: 100%; max-height: 92vh; } .library-file-picker-grid[b-exuuv0rzn8] { grid-template-columns: 1fr; } .library-file-picker-tools[b-exuuv0rzn8] { align-items: stretch; flex-direction: column; } .library-file-picker-tools span[b-exuuv0rzn8] { align-self: flex-end; } .library-file-picker-footer[b-exuuv0rzn8] { align-items: stretch; flex-direction: column; } .library-file-picker-footer > div[b-exuuv0rzn8] { justify-content: flex-end; } }
/* /Components/Shared/LoadingSpinner.razor.rz.scp.css */
.managr-loading-spinner[b-edl6lae477] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    color: #647188;
    font-size: 0.78rem;
    font-weight: 650;
}

.managr-loading-spinner-ring[b-edl6lae477] {
    width: 1.05rem;
    height: 1.05rem;
    flex: 0 0 1.05rem;
    border: 2px solid #d6deea;
    border-top-color: #3568d4;
    border-radius: 50%;
    animation: managr-loading-spin-b-edl6lae477 0.78s linear infinite;
}

.managr-loading-spinner-label[b-edl6lae477] {
    white-space: nowrap;
}

@keyframes managr-loading-spin-b-edl6lae477 {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .managr-loading-spinner-ring[b-edl6lae477] {
        animation-duration: 1.8s;
    }
}
/* /Components/Shared/MarkdownEditor.razor.rz.scp.css */
.markdown-editor-shell[b-8gx7pggwn5] { min-width: 0; }

.markdown-editor-toolbar[b-8gx7pggwn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .28rem;
    padding: .42rem;
    border: 1px solid #ced6e2;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: #f6f8fb;
}

.markdown-toolbar-button[b-8gx7pggwn5] {
    display: inline-flex;
    min-width: 31px;
    height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 .42rem;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #44566f;
    cursor: pointer;
    background: transparent;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1;
}

.markdown-toolbar-button:hover[b-8gx7pggwn5] {
    border-color: #c7d4e7;
    color: #244f8f;
    background: #fff;
}

.markdown-toolbar-button.active[b-8gx7pggwn5] {
    border-color: #9eb8df;
    color: #1d4c91;
    background: #e7f0ff;
    box-shadow: inset 0 0 0 1px rgba(53, 104, 212, .05);
}

.markdown-toolbar-wide[b-8gx7pggwn5] { min-width: 48px; }

.markdown-toolbar-divider[b-8gx7pggwn5] {
    width: 1px;
    height: 21px;
    margin: 0 .12rem;
    background: #d7dee8;
}

.markdown-preview-toggle[b-8gx7pggwn5] {
    margin-left: auto;
    min-width: 58px;
}

.markdown-editor-shell[b-8gx7pggwn5]  textarea {
    width: 100%;
    min-width: 0;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    line-height: 1.55;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.markdown-editor-hint[b-8gx7pggwn5] {
    margin-top: .32rem;
    color: #7a889b;
    font-size: .63rem;
}

.markdown-editor-preview[b-8gx7pggwn5] {
    margin-top: .65rem;
    padding: .75rem .85rem;
    border: 1px solid #dce3ec;
    border-radius: 8px;
    background: #fbfcfe;
}

.markdown-editor-preview-empty[b-8gx7pggwn5] {
    color: #8794a5;
    font-size: .75rem;
    font-style: italic;
}

@media (max-width: 640.98px) {
    .markdown-editor-toolbar[b-8gx7pggwn5] {
        gap: .2rem;
        padding: .34rem;
    }

    .markdown-toolbar-button[b-8gx7pggwn5] {
        min-width: 29px;
        height: 29px;
        padding: 0 .32rem;
        font-size: .65rem;
    }

    .markdown-toolbar-wide[b-8gx7pggwn5] { min-width: 43px; }
    .markdown-preview-toggle[b-8gx7pggwn5] { min-width: 52px; }
}
/* /Components/Shared/MarkdownRenderer.razor.rz.scp.css */
.markdown-rendered[b-tef0ffnu1d] {
    min-width: 0;
    color: inherit;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.markdown-rendered[b-tef0ffnu1d]  p { margin: .55rem 0; }

.markdown-rendered[b-tef0ffnu1d]  h1,
.markdown-rendered[b-tef0ffnu1d]  h2,
.markdown-rendered[b-tef0ffnu1d]  h3,
.markdown-rendered[b-tef0ffnu1d]  h4,
.markdown-rendered[b-tef0ffnu1d]  h5,
.markdown-rendered[b-tef0ffnu1d]  h6 {
    margin: 1.05rem 0 .48rem;
    color: #203a5f;
    font-weight: 750;
    line-height: 1.25;
}

.markdown-rendered[b-tef0ffnu1d]  h1 { font-size: 1.45rem; }
.markdown-rendered[b-tef0ffnu1d]  h2 { font-size: 1.25rem; }
.markdown-rendered[b-tef0ffnu1d]  h3 { font-size: 1.08rem; }
.markdown-rendered[b-tef0ffnu1d]  h4,
.markdown-rendered[b-tef0ffnu1d]  h5,
.markdown-rendered[b-tef0ffnu1d]  h6 { font-size: .98rem; }

.markdown-rendered[b-tef0ffnu1d]  ul,
.markdown-rendered[b-tef0ffnu1d]  ol {
    margin: .55rem 0;
    padding-left: 1.5rem;
}

.markdown-rendered[b-tef0ffnu1d]  li + li { margin-top: .22rem; }

.markdown-rendered[b-tef0ffnu1d]  blockquote {
    margin: .75rem 0;
    padding: .55rem .8rem;
    border-left: 4px solid #a8bee3;
    color: #52657d;
    background: #f7f9fd;
}

.markdown-rendered[b-tef0ffnu1d]  blockquote > :first-child { margin-top: 0; }
.markdown-rendered[b-tef0ffnu1d]  blockquote > :last-child { margin-bottom: 0; }

.markdown-rendered[b-tef0ffnu1d]  code {
    padding: .12rem .3rem;
    border-radius: 5px;
    color: #7b2d42;
    background: #f3f5f8;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: .88em;
}

.markdown-rendered[b-tef0ffnu1d]  pre {
    margin: .75rem 0;
    padding: .8rem .9rem;
    overflow-x: auto;
    border: 1px solid #dfe5ee;
    border-radius: 8px;
    background: #f6f8fb;
}

.markdown-rendered[b-tef0ffnu1d]  pre code {
    padding: 0;
    color: #253a55;
    background: transparent;
}

.markdown-rendered[b-tef0ffnu1d]  a {
    color: #2f65b7;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .14em;
}

.markdown-rendered[b-tef0ffnu1d]  del {
    text-decoration-thickness: .08em;
    text-decoration-color: currentColor;
}

.markdown-rendered[b-tef0ffnu1d]  hr {
    margin: 1rem 0;
    border: 0;
    border-top: 1px solid #dfe5ee;
}

.markdown-rendered[b-tef0ffnu1d]  table {
    width: 100%;
    margin: .75rem 0;
    border-collapse: collapse;
    font-size: .9em;
}

.markdown-rendered[b-tef0ffnu1d]  th,
.markdown-rendered[b-tef0ffnu1d]  td {
    padding: .42rem .52rem;
    border: 1px solid #dce3ec;
    vertical-align: top;
}

.markdown-rendered[b-tef0ffnu1d]  th {
    color: #314b6d;
    background: #f5f8fc;
    font-weight: 750;
}

.markdown-rendered[b-tef0ffnu1d]  img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.markdown-rendered[b-tef0ffnu1d]  .task-list-item { list-style: none; }
.markdown-rendered[b-tef0ffnu1d]  .task-list-item input { margin-right: .4rem; }

.markdown-rendered.compact[b-tef0ffnu1d] {
    font-size: .82rem;
    line-height: 1.48;
}

.markdown-rendered.compact[b-tef0ffnu1d]  p,
.markdown-rendered.compact[b-tef0ffnu1d]  h1,
.markdown-rendered.compact[b-tef0ffnu1d]  h2,
.markdown-rendered.compact[b-tef0ffnu1d]  h3,
.markdown-rendered.compact[b-tef0ffnu1d]  h4,
.markdown-rendered.compact[b-tef0ffnu1d]  h5,
.markdown-rendered.compact[b-tef0ffnu1d]  h6,
.markdown-rendered.compact[b-tef0ffnu1d]  ul,
.markdown-rendered.compact[b-tef0ffnu1d]  ol,
.markdown-rendered.compact[b-tef0ffnu1d]  blockquote,
.markdown-rendered.compact[b-tef0ffnu1d]  pre,
.markdown-rendered.compact[b-tef0ffnu1d]  table {
    margin-top: 0;
    margin-bottom: .28rem;
}
/* /Components/Shared/NavigationLoading.razor.rz.scp.css */
.navigation-loading-page[b-dqhlv40e7w] {
    position: relative;
    min-height: 420px;
    padding: 0.35rem 0 1rem;
    overflow: hidden;
}

.navigation-loading-progress[b-dqhlv40e7w] {
    position: fixed;
    top: 0;
    right: 0;
    left: var(--layout-sidebar-width, 0);
    z-index: 1450;
    height: 3px;
    overflow: hidden;
    background: rgba(53, 104, 212, 0.11);
}

.navigation-loading-progress span[b-dqhlv40e7w] {
    display: block;
    width: 38%;
    height: 100%;
    border-radius: 99px;
    background: #3568d4;
    animation: navigation-loading-progress-b-dqhlv40e7w 1.1s ease-in-out infinite;
}

.navigation-loading-heading[b-dqhlv40e7w] {
    margin-bottom: 1rem;
    padding: 1.3rem 1.4rem;
    border: 1px solid #d8e0eb;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 3px 13px rgba(26, 46, 78, 0.05);
}

.navigation-loading-status[b-dqhlv40e7w] {
    display: flex;
    justify-content: center;
    margin: 0.85rem 0 1rem;
    opacity: 0;
    animation: navigation-loading-reveal-b-dqhlv40e7w 0.16s ease 0.14s forwards;
}

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

.navigation-loading-card[b-dqhlv40e7w] {
    min-height: 180px;
    padding: 1rem;
    border: 1px solid #dce3ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 9px rgba(27, 46, 76, 0.045);
}

.navigation-loading-card.wide[b-dqhlv40e7w] {
    grid-column: 1 / -1;
    min-height: 96px;
}

.navigation-skeleton-line[b-dqhlv40e7w] {
    position: relative;
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8edf3;
}

.navigation-skeleton-line[b-dqhlv40e7w]::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.68) 42%,
        rgba(255, 255, 255, 0.82) 50%,
        transparent 100%);
    content: "";
    transform: translateX(-100%);
    animation: navigation-skeleton-shimmer-b-dqhlv40e7w 1.35s ease-in-out infinite;
}

.navigation-skeleton-line.heading[b-dqhlv40e7w] {
    width: min(230px, 48%);
    height: 24px;
}

.navigation-skeleton-line.subtitle[b-dqhlv40e7w] {
    width: min(420px, 72%);
    margin-top: 0.65rem;
}

.navigation-skeleton-line.label[b-dqhlv40e7w] {
    width: 34%;
    height: 10px;
    margin-bottom: 1.2rem;
}

.navigation-skeleton-line.body-long[b-dqhlv40e7w] {
    width: 92%;
    margin-top: 0.75rem;
}

.navigation-skeleton-line.body-medium[b-dqhlv40e7w] {
    width: 70%;
    margin-top: 0.75rem;
}

.navigation-skeleton-line.body-short[b-dqhlv40e7w] {
    width: 52%;
    margin-top: 0.75rem;
}

@keyframes navigation-loading-progress-b-dqhlv40e7w {
    0% {
        transform: translateX(-115%);
    }

    55% {
        transform: translateX(125%);
    }

    100% {
        transform: translateX(285%);
    }
}

@keyframes navigation-skeleton-shimmer-b-dqhlv40e7w {
    to {
        transform: translateX(100%);
    }
}

@keyframes navigation-loading-reveal-b-dqhlv40e7w {
    to {
        opacity: 1;
    }
}

@media (max-width: 640.98px) {
    .navigation-loading-progress[b-dqhlv40e7w] {
        left: 0;
        top: 0;
    }

    .navigation-loading-heading[b-dqhlv40e7w] {
        padding: 1rem;
        border-radius: 11px;
    }

    .navigation-loading-grid[b-dqhlv40e7w] {
        grid-template-columns: 1fr;
    }

    .navigation-loading-card.wide[b-dqhlv40e7w] {
        grid-column: 1;
    }

    .navigation-skeleton-line.heading[b-dqhlv40e7w] {
        width: 58%;
    }

    .navigation-skeleton-line.subtitle[b-dqhlv40e7w] {
        width: 84%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .navigation-loading-progress span[b-dqhlv40e7w],
    .navigation-skeleton-line[b-dqhlv40e7w]::after {
        animation-duration: 2.4s;
    }
}
/* /Components/Shared/TagDomainFilter.razor.rz.scp.css */
.tag-domain-filter[b-b59dvg2mj4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem 0.8rem;
    margin-bottom: 0.8rem;
    padding: 0.58rem 0.7rem;
    border: 1px solid #dfe6ef;
    border-radius: 9px;
    background: #f8fafc;
}

.tag-domain-filter-label[b-b59dvg2mj4] {
    flex: 0 0 auto;
    color: #44536a;
    font-size: 0.74rem;
    font-weight: 725;
    white-space: nowrap;
}

.tag-domain-filter-options[b-b59dvg2mj4] {
    display: flex;
    min-width: 0;
    flex: 1 1 320px;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.38rem 1rem;
}

.tag-domain-filter-option[b-b59dvg2mj4] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    margin: 0;
    color: #334155;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.tag-domain-filter-option .form-check-input[b-b59dvg2mj4] {
    flex: 0 0 auto;
    margin: 0;
    cursor: pointer;
}

@media (max-width: 560px) {
    .tag-domain-filter[b-b59dvg2mj4] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .tag-domain-filter-options[b-b59dvg2mj4] {
        width: 100%;
        flex-basis: auto;
        gap: 0.42rem 0.9rem;
    }
}