/* _content/EmeraldTree.Admin.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.admin-stage[b-ybc0hsmda7] {
    background:
        radial-gradient(circle at 20% -10%, rgba(175, 199, 177, .36), transparent 26rem),
        linear-gradient(135deg, #2e684f 0%, #0f3a2c 100%);
    min-height: 100vh;
    padding: 0;
}

.admin-shell[b-ybc0hsmda7] {
    background: #fbfcfa;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0;
    margin: 0;
    max-width: none;
    min-height: 100vh;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.sidebar[b-ybc0hsmda7] {
    background:
        radial-gradient(circle at 38% -8%, rgba(26, 143, 83, .44), transparent 15rem),
        linear-gradient(165deg, #075a3c 0%, #043d2d 48%, #01291f 100%);
    display: flex;
    flex-direction: column;
    min-height: 5rem;
    overflow: hidden;
}

.admin-main[b-ybc0hsmda7] {
    display: grid;
    align-content: start;
    gap: .9rem;
    min-width: 0;
    overflow: auto;
    padding-top: 1rem;
}

.admin-global-topbar[b-ybc0hsmda7] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(220px, 1fr) auto;
    justify-content: stretch;
    padding: 0 clamp(1rem, 1.6vw, 1.55rem);
    position: relative;
}

.admin-global-page-title[b-ybc0hsmda7] {
    min-width: 0;
}

.admin-global-page-title h1[b-ybc0hsmda7] {
    color: #0b241b;
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1;
    margin: 0;
}

.admin-global-page-title p[b-ybc0hsmda7] {
    color: #5f746a;
    font-size: .86rem;
    font-weight: 700;
    margin: .35rem 0 0;
}

.admin-global-icon svg[b-ybc0hsmda7] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.admin-global-actions[b-ybc0hsmda7] {
    align-items: center;
    display: flex;
    gap: .65rem;
    justify-content: flex-end;
}

.admin-impersonation-pill[b-ybc0hsmda7] {
    align-items: center;
    background: #fff8ea;
    border: 1px solid rgba(138, 100, 36, .22);
    border-radius: 999px;
    color: #8a6424;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    gap: .55rem;
    padding: .55rem .8rem;
    text-decoration: none;
    white-space: nowrap;
}

.admin-impersonation-pill span[b-ybc0hsmda7] {
    color: #174d39;
}

.admin-global-icon[b-ybc0hsmda7] {
    align-items: center;
    background: #f8fcf6;
    border: 1px solid rgba(15, 46, 36, .12);
    border-radius: 999px;
    color: #174d39;
    display: inline-flex;
    height: 44px;
    flex: 0 0 44px;
    justify-content: center;
    text-decoration: none;
    width: 44px;
}

.admin-global-icon svg[b-ybc0hsmda7] {
    height: 18px;
    width: 18px;
}

.admin-global-user[b-ybc0hsmda7] {
    align-items: center;
    color: #0b241b;
    display: inline-flex;
    gap: .55rem;
    font-weight: 900;
}

.admin-global-user img[b-ybc0hsmda7],
.admin-global-user-fallback[b-ybc0hsmda7] {
    align-items: center;
    background: linear-gradient(135deg, #eff8ea, #c9f28f);
    border: 1px solid rgba(22, 75, 59, .16);
    border-radius: 999px;
    color: #174d39;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    height: 34px;
    justify-content: center;
    object-fit: cover;
    overflow: hidden;
    width: 34px;
}

.admin-global-user strong[b-ybc0hsmda7] {
    font: inherit;
}

.admin-global-logout[b-ybc0hsmda7] {
    background: #174d39;
    border: 1px solid #174d39;
    color: white;
}

.admin-global-icon:hover[b-ybc0hsmda7],
.admin-global-logout:hover[b-ybc0hsmda7] {
    color: white;
    background: #15543f;
}

.admin-notification-wrap[b-ybc0hsmda7] {
    position: relative;
}

.admin-notification-button[b-ybc0hsmda7] {
    position: relative;
}

.admin-notification-count[b-ybc0hsmda7] {
    align-items: center;
    background: #b92727;
    border: 2px solid #fbfcfa;
    border-radius: 999px;
    color: white;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 900;
    height: 1.15rem;
    justify-content: center;
    min-width: 1.15rem;
    padding: 0 .24rem;
    position: absolute;
    right: -.18rem;
    top: -.18rem;
}

.admin-notification-menu[b-ybc0hsmda7] {
    background: white;
    border: 1px solid rgba(15, 46, 36, .12);
    border-radius: 8px;
    box-shadow: 0 22px 60px rgba(16, 37, 30, .18);
    color: #10251e;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + .6rem);
    width: min(360px, calc(100vw - 2rem));
    z-index: 50;
}

.admin-notification-head[b-ybc0hsmda7] {
    align-items: baseline;
    border-bottom: 1px solid rgba(22, 75, 59, .1);
    display: flex;
    justify-content: space-between;
    padding: .85rem 1rem;
}

.admin-notification-head strong[b-ybc0hsmda7] {
    color: #0b241b;
    font-size: .95rem;
    font-weight: 900;
}

.admin-notification-head small[b-ybc0hsmda7] {
    color: #6a7a72;
    font-size: .78rem;
    font-weight: 800;
}

.admin-notification-head-actions[b-ybc0hsmda7] {
    align-items: center;
    display: flex;
    gap: .65rem;
}

.admin-notification-head-actions button[b-ybc0hsmda7] {
    background: transparent;
    border: 0;
    color: #15543f;
    font-size: .78rem;
    font-weight: 900;
    padding: .2rem;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.admin-notification-empty[b-ybc0hsmda7] {
    color: #667870;
    font-size: .88rem;
    font-weight: 700;
    margin: 0;
    padding: 1rem;
}

.admin-notification-list[b-ybc0hsmda7] {
    display: grid;
    max-height: 430px;
    overflow: auto;
}

.admin-notification-item[b-ybc0hsmda7] {
    border-bottom: 1px solid rgba(22, 75, 59, .08);
    color: #10251e;
    display: grid;
    gap: .2rem;
    padding: .85rem 1rem .85rem 1.2rem;
    position: relative;
    text-decoration: none;
}

.admin-notification-item[b-ybc0hsmda7]::before {
    border-radius: 999px;
    bottom: .9rem;
    content: "";
    left: .55rem;
    position: absolute;
    top: .9rem;
    width: 3px;
}

.admin-notification-item.urgent[b-ybc0hsmda7]::before {
    background: #b92727;
}

.admin-notification-item.new[b-ybc0hsmda7]::before {
    background: #1b7c54;
}

.admin-notification-item.normal[b-ybc0hsmda7]::before {
    background: #9dad9c;
}

.admin-notification-item:hover[b-ybc0hsmda7] {
    background: #f5faf2;
    color: #10251e;
}

.admin-notification-item span[b-ybc0hsmda7] {
    color: #618173;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-notification-item strong[b-ybc0hsmda7] {
    color: #0b241b;
    font-size: .92rem;
    font-weight: 900;
    line-height: 1.2;
}

.admin-notification-item small[b-ybc0hsmda7],
.admin-notification-item em[b-ybc0hsmda7] {
    color: #607269;
    font-size: .78rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
}

.admin-notification-item em[b-ybc0hsmda7] {
    color: #87958f;
}

.top-row[b-ybc0hsmda7] {
    align-items: center;
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(22, 75, 59, .08);
    border-radius: 22px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 76px;
    padding: .8rem;
}

.search-box[b-ybc0hsmda7] {
    align-items: center;
    background: #f7f8f3;
    border: 1px solid rgba(22, 75, 59, .08);
    border-radius: 18px;
    color: #5d7168;
    display: flex;
    gap: .65rem;
    min-height: 48px;
    padding: 0 .75rem;
    width: min(420px, 100%);
}

.search-box input[b-ybc0hsmda7] {
    background: transparent;
    border: 0;
    color: #10251e;
    flex: 1;
    min-width: 0;
    outline: 0;
}

.search-box kbd[b-ybc0hsmda7] {
    background: white;
    border: 1px solid rgba(22, 75, 59, .1);
    border-radius: 8px;
    color: #5d7168;
    font-size: .75rem;
    padding: .2rem .45rem;
}

.top-actions[b-ybc0hsmda7] {
    align-items: center;
    display: flex;
    gap: .65rem;
}

.icon-button[b-ybc0hsmda7] {
    align-items: center;
    background: #f7f8f3;
    border: 1px solid rgba(22, 75, 59, .08);
    border-radius: 16px;
    color: #10251e;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.profile-chip[b-ybc0hsmda7] {
    align-items: center;
    background: #f7f8f3;
    border: 1px solid rgba(22, 75, 59, .08);
    border-radius: 18px;
    color: #10251e;
    display: none;
    gap: .7rem;
    min-height: 54px;
    padding: .45rem .75rem;
    text-decoration: none;
}

.profile-chip strong[b-ybc0hsmda7],
.profile-chip small[b-ybc0hsmda7] {
    display: block;
}

.profile-chip small[b-ybc0hsmda7] {
    color: #5d7168;
    font-size: .78rem;
}

.avatar[b-ybc0hsmda7] {
    align-items: center;
    background: linear-gradient(145deg, #d7b981, #fff8ea);
    border: 2px solid white;
    border-radius: 999px;
    color: #0f2e24;
    display: inline-flex;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.content[b-ybc0hsmda7] {
    padding: clamp(1rem, 1.6vw, 1.55rem);
}

#blazor-error-ui[b-ybc0hsmda7] {
    background: #fff8ea;
    border-top: 1px solid rgba(22, 75, 59, .14);
    bottom: 0;
    box-shadow: 0 -10px 40px rgba(16, 37, 30, .12);
    color: #10251e;
    display: none;
    left: 0;
    padding: .8rem 1.25rem;
    position: fixed;
    right: 0;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ybc0hsmda7] {
    cursor: pointer;
    position: absolute;
    right: 1rem;
}

@media (max-width: 819px) {
    .admin-stage[b-ybc0hsmda7] {
        padding: 0;
    }

    .admin-shell[b-ybc0hsmda7] {
        border-radius: 0;
        min-height: 100vh;
    }

    .top-row[b-ybc0hsmda7] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-box[b-ybc0hsmda7] {
        width: 100%;
    }

    .admin-global-topbar[b-ybc0hsmda7] {
        grid-template-columns: 1fr;
        justify-content: stretch;
        padding: .75rem .75rem 0;
    }

    .admin-global-actions[b-ybc0hsmda7] {
        justify-content: flex-start;
        flex-wrap: wrap;
        min-width: 0;
    }

    .admin-global-user[b-ybc0hsmda7] {
        flex: 1 1 8rem;
        min-width: 0;
    }

    .admin-global-user strong[b-ybc0hsmda7] {
        overflow-wrap: anywhere;
    }

    .admin-global-user img[b-ybc0hsmda7],
    .admin-global-user-fallback[b-ybc0hsmda7] {
        flex: 0 0 34px;
    }

    .admin-impersonation-pill[b-ybc0hsmda7] {
        white-space: normal;
    }

    .admin-notification-wrap[b-ybc0hsmda7] {
        position: static;
    }

    .admin-notification-menu[b-ybc0hsmda7] {
        left: .75rem;
        right: .75rem;
        top: calc(100% + .5rem);
        width: auto;
    }
}

@media (min-width: 820px) {
    .admin-shell[b-ybc0hsmda7] {
        grid-template-columns: 300px minmax(0, 1fr);
        grid-template-rows: 1fr;
    }

    .sidebar[b-ybc0hsmda7] {
        align-self: stretch;
        min-height: 100vh;
        overflow: hidden;
        position: relative;
        top: 0;
    }

    .content[b-ybc0hsmda7] {
        padding: clamp(1rem, 1.6vw, 1.55rem);
    }

    .profile-chip[b-ybc0hsmda7] {
        display: flex;
    }
}
/* _content/EmeraldTree.Admin.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-kho8kdeetz] {
    color: #122820;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 100%;
    padding: .9rem .75rem;
}

.nav-menu-panel[b-kho8kdeetz] {
    background: #edf8e8;
    border: 1px solid rgba(15, 46, 36, .09);
    box-shadow: 0 18px 38px rgba(9, 44, 31, .12);
}

.nav-menu-panel[b-kho8kdeetz] {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: .9rem;
    flex: 1 1 auto;
    min-height: calc(100vh - 1.8rem);
    min-width: 0;
    padding: 1.15rem .85rem .85rem;
}

.brand-lockup[b-kho8kdeetz] {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-height: 48px;
    text-align: left;
}

.brand-mark[b-kho8kdeetz] {
    align-items: center;
    background: #edf4ec;
    border: 2px solid #164b3b;
    border-radius: 999px;
    color: #164b3b;
    display: inline-flex;
    font-family: Georgia, serif;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.brand-logo-mark[b-kho8kdeetz] {
    display: block;
    height: auto;
    margin-bottom: 0;
    object-fit: contain;
    width: 118px;
}

.brand-lockup small[b-kho8kdeetz] {
    display: block;
}

.brand-lockup strong[b-kho8kdeetz] {
    display: none;
}

.brand-lockup small[b-kho8kdeetz] {
    color: #46705e;
    font-size: .64rem;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.mobile-nav-trigger[b-kho8kdeetz] {
    align-items: center;
    border: 1px solid rgba(15, 46, 36, .12);
    border-radius: 12px;
    color: #174d39;
    cursor: pointer;
    display: flex;
    background: transparent;
    font: inherit;
    gap: .5rem;
    justify-content: center;
    min-height: 44px;
    padding: .6rem .8rem;
}

.mobile-nav-trigger svg[b-kho8kdeetz] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

.mobile-nav-trigger:focus-visible[b-kho8kdeetz],
.nav-item[b-kho8kdeetz]  .nav-link:focus-visible {
    outline: 3px solid #164b3b;
    outline-offset: 2px;
}

.nav-scrollable[b-kho8kdeetz] {
    display: none;
    min-height: 0;
    overflow-y: auto;
    padding-right: .2rem;
}

.mobile-nav-trigger[aria-expanded="true"] ~ .nav-scrollable[b-kho8kdeetz] {
    display: block;
}

nav[b-kho8kdeetz] {
    display: grid;
    gap: .28rem;
}

.nav-kicker[b-kho8kdeetz] {
    color: #789183;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin: 1.05rem .75rem .35rem;
    text-transform: uppercase;
}

.nav-kicker:first-child[b-kho8kdeetz] {
    margin-top: .25rem;
}

.nav-item[b-kho8kdeetz]  .nav-link,
.nav-item .nav-link[b-kho8kdeetz] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 10px;
    color: #213a30;
    display: flex;
    font: inherit;
    gap: .62rem;
    font-size: .86rem;
    font-weight: 800;
    min-height: 44px;
    padding: .62rem .75rem;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.nav-item[b-kho8kdeetz]  .nav-link span:not(.nav-count-badge),
.nav-item .nav-link span:not(.nav-count-badge)[b-kho8kdeetz] {
    min-width: 0;
}

.nav-count-badge[b-kho8kdeetz] {
    align-items: center;
    background: #b92727;
    border-radius: 999px;
    color: white;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 900;
    height: 1.2rem;
    justify-content: center;
    margin-left: auto;
    min-width: 1.2rem;
    padding: 0 .35rem;
}

.nav-item[b-kho8kdeetz]  a.active {
    background: #b9f27e;
    box-shadow: 0 10px 18px rgba(36, 112, 71, .13);
    color: #174d39;
}

.nav-item[b-kho8kdeetz]  .nav-link:hover,
.nav-item .nav-link:hover[b-kho8kdeetz] {
    background: rgba(185, 242, 126, .45);
    color: #174d39;
}

.nav-icon[b-kho8kdeetz],
.nav-item[b-kho8kdeetz]  .nav-icon {
    color: currentColor;
    flex: 0 0 auto;
    height: 1.25rem;
    max-height: 1.25rem;
    max-width: 1.25rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    fill: none;
    width: 1.25rem;
}

.sidebar-promo[b-kho8kdeetz] {
    background:
        linear-gradient(145deg, rgba(15, 46, 36, .95), rgba(22, 75, 59, .88)),
        radial-gradient(circle at 80% 0%, rgba(215, 185, 129, .45), transparent 12rem);
    border-radius: 20px;
    color: white;
    margin-top: auto;
    padding: 1rem;
    flex: 0 0 auto;
}

.sidebar-promo p[b-kho8kdeetz] {
    color: rgba(255, 255, 255, .75);
    font-size: .82rem;
    margin: .4rem 0 1rem;
}

.sidebar-promo a[b-kho8kdeetz] {
    background: rgba(255, 248, 234, .14);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    color: white;
    display: block;
    font-size: .82rem;
    font-weight: 800;
    padding: .65rem .8rem;
    text-align: center;
    text-decoration: none;
}

.promo-icon[b-kho8kdeetz] {
    align-items: center;
    background: rgba(255, 255, 255, .14);
    border-radius: 999px;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    margin-bottom: .75rem;
    width: 32px;
}

@media (min-width: 820px) {
    .mobile-nav-trigger[b-kho8kdeetz] {
        display: none;
    }

    .nav-scrollable[b-kho8kdeetz] {
        display: block;
        flex: 1 1 auto;
    }
}

@media (max-width: 819px) {
    .nav-shell[b-kho8kdeetz] {
        height: auto;
        min-height: 0;
        padding: .75rem;
    }

    .nav-menu-panel[b-kho8kdeetz] {
        min-height: 0;
        flex: 0 0 auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .75rem;
        padding: .65rem .75rem;
    }

    .brand-lockup[b-kho8kdeetz] {
        flex-wrap: wrap;
        gap: .25rem .65rem;
    }

    .nav-scrollable[b-kho8kdeetz] {
        grid-column: 1 / -1;
        max-height: min(65vh, 32rem);
        max-height: min(65dvh, 32rem);
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }
}
/* _content/EmeraldTree.Admin.Web/Components/Pages/EapTenants.razor.rz.scp.css */
.workplace-flyer-gallery[b-3pnxsqs5hh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.workplace-flyer-card[b-3pnxsqs5hh] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid #dce5db;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.workplace-flyer-card-heading[b-3pnxsqs5hh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    padding: 1rem;
}

.workplace-flyer-card-heading strong[b-3pnxsqs5hh],
.workplace-flyer-card-heading small[b-3pnxsqs5hh] {
    display: block;
    overflow-wrap: anywhere;
}

.workplace-flyer-card-heading small[b-3pnxsqs5hh] {
    margin-top: .3rem;
    color: #5d7168;
}

.workplace-flyer-card iframe[b-3pnxsqs5hh] {
    display: block;
    width: 100%;
    height: 560px;
    border: 0;
    background: #edf4ec;
}

.workplace-flyer-card .dashboard-actions[b-3pnxsqs5hh] {
    padding: 1rem;
    margin-top: auto;
}

.workplace-flyer-warning[b-3pnxsqs5hh] {
    margin: 1rem 1rem 0;
    padding: .7rem;
    background: #fff8e7;
    color: #654915;
    border-radius: 6px;
    font-size: .875rem;
}

@media (max-width: 850px) {
    .workplace-flyer-gallery[b-3pnxsqs5hh] { grid-template-columns: minmax(0, 1fr); }
    .workplace-flyer-card iframe[b-3pnxsqs5hh] { height: 600px; }
}
/* _content/EmeraldTree.Admin.Web/Components/Pages/StationeryAdmin.razor.rz.scp.css */
.stationery-brand[b-4kh0136b9s] { display:flex; align-items:center; gap:2rem; border:1px solid var(--et-border); border-radius:8px; background:#fffaf0; padding:1.6rem; margin-bottom:2rem; }
.stationery-brand-logo[b-4kh0136b9s] { background:white; padding:1rem; border-radius:6px; flex:0 0 210px; }
.stationery-brand-logo img[b-4kh0136b9s] { width:100%; height:auto; }
.stationery-brand-copy[b-4kh0136b9s] { flex:1; }
.stationery-brand-copy h2[b-4kh0136b9s] { font-size:1.3rem; margin-bottom:.6rem; }
.stationery-brand-copy p:last-child[b-4kh0136b9s] { margin:0; max-width:480px; font-size:.9rem; }
.stationery-palette[b-4kh0136b9s] { display:flex; gap:1rem; flex-shrink:0; font-size:.75rem; }
.stationery-palette span[b-4kh0136b9s] { display:flex; flex-direction:column; gap:.2rem; }
.stationery-palette i[b-4kh0136b9s] { display:block; height:30px; width:46px; background:var(--swatch); border-radius:4px; margin-bottom:.3rem; }
.stationery-palette small[b-4kh0136b9s] { color:var(--et-muted); font-size:.65rem; }
.stationery-workspace[b-4kh0136b9s] { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,390px); gap:1.5rem; align-items:start; }
.stationery-library .panel-head[b-4kh0136b9s] { align-items:start; margin-bottom:1rem; }
.stationery-library .panel-head p[b-4kh0136b9s] { margin:.35rem 0 0; font-size:.85rem; }
.stationery-search[b-4kh0136b9s] { display:block; font-weight:600; font-size:.8rem; }
.stationery-search input[b-4kh0136b9s] { display:block; width:100%; margin-top:.4rem; background:white; border:1px solid var(--et-border); border-radius:6px; min-height:44px; padding:.65rem .85rem; }
.stationery-filters[b-4kh0136b9s] { display:flex; gap:.4rem; margin:1rem 0; flex-wrap:wrap; }
.stationery-filters button[b-4kh0136b9s] { border:1px solid transparent; color:var(--et-muted); border-radius:6px; background:transparent; min-height:44px; padding:.5rem 1rem; font-size:.8rem; font-weight:600; }
.stationery-filters button.active[b-4kh0136b9s] { background:var(--et-green); color:white; }
.stationery-template-grid[b-4kh0136b9s] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.stationery-template[b-4kh0136b9s] { padding:0; overflow:hidden; text-align:left; background:white; border:1px solid var(--et-border); border-radius:8px; color:var(--et-ink); }
.stationery-template:hover[b-4kh0136b9s] { border-color:var(--et-green); }
.stationery-template.selected[b-4kh0136b9s] { outline:2px solid var(--et-green); outline-offset:2px; }
.stationery-thumbnail[b-4kh0136b9s] { height:175px; display:flex; align-items:center; justify-content:center; padding:18px; background:#eaf0e9; border-bottom:1px solid var(--et-border); }
.stationery-thumbnail.report[b-4kh0136b9s] { background:#e8ede9; }
.stationery-thumbnail.compliments[b-4kh0136b9s] { background:#f6efdf; }
.stationery-thumbnail.business-card[b-4kh0136b9s] { background:#dfe8df; }
.stationery-thumbnail.email-signature[b-4kh0136b9s] { background:#f0f2ef; }
.stationery-mini-paper[b-4kh0136b9s] { position:relative; background:white; width:104px; height:145px; padding:12px; box-shadow:0 3px 10px #10231c16; display:flex; flex-direction:column; gap:5px; }
.stationery-mini-paper img[b-4kh0136b9s] { width:55px; height:auto; }
.stationery-mini-rule[b-4kh0136b9s] { height:1px; background:#d8bd82; margin:4px 0 8px; }
.stationery-mini-paper strong[b-4kh0136b9s] { font-family:Georgia,serif; font-size:10px; color:#1f5c43; line-height:1.2; }
.stationery-mini-paper span[b-4kh0136b9s] { height:2px; background:#dae1db; width:100%; }
.stationery-mini-paper span:nth-of-type(2)[b-4kh0136b9s] { width:80%; }.stationery-mini-paper span:nth-of-type(4)[b-4kh0136b9s] { width:55%; }
.stationery-mini-footer[b-4kh0136b9s] { position:absolute; bottom:10px; left:12px; right:12px; border-top:1px solid #d8bd82; height:6px; }
.compliments .stationery-mini-paper[b-4kh0136b9s] { width:190px; height:90px; }.compliments .stationery-mini-paper span[b-4kh0136b9s] { display:none; }
.stationery-mini-card[b-4kh0136b9s] { width:200px; min-height:116px; background:white; padding:15px; box-shadow:5px 6px 0 #071f18; display:flex; flex-direction:column; }
.stationery-mini-card img[b-4kh0136b9s] { width:85px; margin-bottom:8px; }.stationery-mini-card strong[b-4kh0136b9s] { color:#1f5c43; font-size:10px; }.stationery-mini-card span[b-4kh0136b9s],.stationery-mini-card small[b-4kh0136b9s] { font-size:7px; }.stationery-mini-card small[b-4kh0136b9s] { margin-top:8px; }
.stationery-mini-signature[b-4kh0136b9s] { background:white; display:flex; padding:14px; gap:12px; width:100%; max-width:250px; align-items:start; }
.stationery-mini-signature img[b-4kh0136b9s] { width:65px; }.stationery-mini-signature div[b-4kh0136b9s] { border-left:1px solid #d8bd82; padding-left:12px; display:flex; flex-direction:column; }.stationery-mini-signature strong[b-4kh0136b9s] { font-size:10px; color:#1f5c43; }.stationery-mini-signature span[b-4kh0136b9s],.stationery-mini-signature small[b-4kh0136b9s] { font-size:7px; }
.stationery-template-copy[b-4kh0136b9s] { padding:1rem; }.stationery-template-category[b-4kh0136b9s] { display:flex; justify-content:space-between; color:var(--et-muted); font-size:.7rem; margin-bottom:.45rem; }.stationery-template-copy h3[b-4kh0136b9s] { font-size:.95rem; margin:0 0 .35rem; }.stationery-template-copy p[b-4kh0136b9s] { font-size:.8rem; margin:0 0 .7rem; min-height:38px; line-height:1.5; }.stationery-template-copy small[b-4kh0136b9s] { font-size:.7rem; color:var(--et-green); font-weight:700; }
.stationery-detail[b-4kh0136b9s] { position:sticky; top:1rem; min-width:0; padding:1.3rem; }.stationery-detail .panel-head[b-4kh0136b9s] { margin-bottom:.5rem; }.stationery-detail .eyebrow[b-4kh0136b9s] { margin:0; font-size:.65rem; }.stationery-spec[b-4kh0136b9s] { margin:.4rem 0 1rem; font-size:.8rem; }
.stationery-pdf-stage[b-4kh0136b9s] { background:#edf0ec; padding:10px; border-radius:6px; }.stationery-pdf-stage iframe[b-4kh0136b9s] { width:100%; height:375px; border:0; background:white; display:block; }.stationery-preview-hint[b-4kh0136b9s] { display:block; color:var(--et-muted); font-size:.7rem; margin-top:.5rem; }
.stationery-signature-preview[b-4kh0136b9s] { padding:1rem; border:1px solid var(--et-border); border-radius:6px; background:white; overflow:auto; }.stationery-signature-preview[b-4kh0136b9s]  table { min-width:280px; }.stationery-signature-preview[b-4kh0136b9s]  img { width:85px !important; }.stationery-signature-preview[b-4kh0136b9s]  td:first-child { width:85px !important; padding-right:12px !important; }.stationery-signature-preview[b-4kh0136b9s]  td:nth-child(2) { padding-left:12px !important; }
.stationery-guidance[b-4kh0136b9s] { margin:1rem 0; font-size:.8rem; line-height:1.6; }.stationery-downloads[b-4kh0136b9s] { display:flex; flex-wrap:wrap; gap:.6rem; }.stationery-downloads a[b-4kh0136b9s],.stationery-downloads button[b-4kh0136b9s] { flex:1 1 120px; font-size:.78rem; min-height:44px; gap:.6rem; }.stationery-status[b-4kh0136b9s] { margin-top:1rem; background:var(--et-mist); padding:.75rem; border-radius:6px; font-size:.8rem; }
.stationery-personalise[b-4kh0136b9s] { border-top:1px solid var(--et-border); margin-top:1.3rem; padding-top:1rem; }.stationery-personalise summary[b-4kh0136b9s] { font-size:.85rem; font-weight:700; min-height:44px; cursor:pointer; }.stationery-personalise p[b-4kh0136b9s] { font-size:.75rem; line-height:1.6; }.stationery-personalise[b-4kh0136b9s]  label { display:block; margin:.8rem 0 .3rem; font-size:.75rem; font-weight:600; }.stationery-personalise[b-4kh0136b9s]  input { width:100%; min-height:44px; border:1px solid var(--et-border); border-radius:6px; padding:.5rem .7rem; }.stationery-personalise[b-4kh0136b9s]  input.invalid { border-color:#a52a2a; }.stationery-personalise[b-4kh0136b9s]  .validation-message { color:#a52a2a; font-size:.75rem; margin-top:.3rem; }.stationery-personalise[b-4kh0136b9s]  button { margin-top:1rem; min-height:44px; font-size:.8rem; }
.stationery-empty[b-4kh0136b9s] { background:white; padding:2rem; border:1px solid var(--et-border); border-radius:8px; }.stationery-empty p[b-4kh0136b9s] { font-size:.85rem; }
.stationery-use[b-4kh0136b9s] { margin-top:2rem; padding-top:1.6rem; border-top:1px solid var(--et-border); }.stationery-use>div[b-4kh0136b9s] { display:grid; grid-template-columns:repeat(3,1fr); gap:1.8rem; margin-top:1.4rem; }.stationery-use article>span[b-4kh0136b9s] { font-size:.75rem; color:var(--et-green); font-weight:700; }.stationery-use h3[b-4kh0136b9s] { font-size:.85rem; margin:.5rem 0; }.stationery-use p[b-4kh0136b9s] { font-size:.8rem; line-height:1.65; }
button:focus-visible[b-4kh0136b9s],a:focus-visible[b-4kh0136b9s],input:focus-visible[b-4kh0136b9s],summary:focus-visible[b-4kh0136b9s] { outline:3px solid #1f5c43; outline-offset:3px; }
.btn-outline-primary[b-4kh0136b9s] { color:var(--et-green); border-color:var(--et-green); }
.btn-outline-primary:hover[b-4kh0136b9s],.btn-outline-primary:focus-visible[b-4kh0136b9s] { background:var(--et-green); border-color:var(--et-green); color:white; }
.stationery-docs-label[b-4kh0136b9s] { display:block; margin-top:.35rem; color:var(--et-muted); font-size:.7rem; }
.stationery-google-docs[b-4kh0136b9s] { margin-top:1.2rem; border:1px solid var(--et-border); border-radius:6px; padding:.8rem; background:var(--et-mist); }
.stationery-google-docs summary[b-4kh0136b9s] { font-size:.85rem; font-weight:700; cursor:pointer; min-height:44px; display:list-item; align-content:center; }
.stationery-google-docs p[b-4kh0136b9s],.stationery-google-docs li[b-4kh0136b9s] { font-size:.78rem; line-height:1.6; }
.stationery-google-docs p[b-4kh0136b9s] { margin:.65rem 0; }
.stationery-google-docs ol[b-4kh0136b9s] { padding-left:1.2rem; margin:1rem 0; }
.stationery-google-docs li+li[b-4kh0136b9s] { margin-top:.65rem; }
.stationery-google-docs .btn[b-4kh0136b9s] { font-size:.75rem; min-height:44px; white-space:normal; }
.stationery-docs-links[b-4kh0136b9s] { display:flex; flex-wrap:wrap; gap:.3rem 1rem; }
.stationery-docs-links a[b-4kh0136b9s] { color:var(--et-green); font-size:.75rem; min-height:44px; align-content:center; }
.stationery-google-docs small[b-4kh0136b9s] { display:block; margin-top:.6rem; color:var(--et-muted); font-size:.7rem; line-height:1.6; }
@media(min-width:1500px) { .stationery-template-grid[b-4kh0136b9s] { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1100px) { .stationery-brand[b-4kh0136b9s] { flex-wrap:wrap; gap:1.3rem; }.stationery-brand-logo[b-4kh0136b9s] { flex-basis:175px; }.stationery-palette[b-4kh0136b9s] { width:100%; }.stationery-workspace[b-4kh0136b9s] { grid-template-columns:minmax(0,1fr) 320px; } }
@media(max-width:900px) { .stationery-workspace[b-4kh0136b9s] { grid-template-columns:1fr; }.stationery-detail[b-4kh0136b9s] { position:static; }.stationery-pdf-stage iframe[b-4kh0136b9s] { height:500px; }.stationery-template-grid[b-4kh0136b9s] { grid-template-columns:repeat(3,minmax(0,1fr)); }.stationery-mini-card[b-4kh0136b9s] { width:155px; }.stationery-use>div[b-4kh0136b9s] { gap:1rem; } }
@media(max-width:650px) { .stationery-brand[b-4kh0136b9s] { padding:1.2rem; }.stationery-brand-logo[b-4kh0136b9s] { flex-basis:150px; }.stationery-brand-copy[b-4kh0136b9s] { flex-basis:100%; }.stationery-template-grid[b-4kh0136b9s] { grid-template-columns:repeat(2,minmax(0,1fr)); }.stationery-thumbnail[b-4kh0136b9s] { height:155px; padding:12px; }.stationery-template-copy[b-4kh0136b9s] { padding:.85rem; }.stationery-mini-signature[b-4kh0136b9s] { padding:7px; gap:6px; }.stationery-mini-signature img[b-4kh0136b9s] { width:40px; }.stationery-use>div[b-4kh0136b9s] { grid-template-columns:1fr; gap:.8rem; }.stationery-pdf-stage iframe[b-4kh0136b9s] { height:400px; } }
@media(max-width:380px) { .stationery-template-grid[b-4kh0136b9s] { grid-template-columns:1fr; } }