/* E1 CRM visual skin.  No markup, routes, data or JS behavior changes.
   Loaded after site CSS; selectors target CRM pages only.
   Palette: #004D43, #00A67E, #00D6B5, #E6FBF6. */
.crm-wide-container .crm-shell {
    color:#163F35;
    background:#F2F9F6;
    border-radius:16px;
}
.crm-shell .crm-sidebar {
    background:linear-gradient(180deg,#FFFFFF 0%,#F9FDFB 62%,#F1FAF6 100%);
    border-right:1px solid #D8EBE1;
    border-radius:16px 0 0 16px;
    box-shadow:5px 0 19px rgba(0,77,67,.025);
}
.crm-shell .crm-sidebar-title {
    display:flex;align-items:center;gap:11px;
    padding:0 11px 17px;
    color:#004D43;
    font-size:22px;font-weight:850;letter-spacing:-.55px;
}
.crm-shell .crm-sidebar-title::before {
    content:"E1";
    display:inline-flex;align-items:center;justify-content:center;
    flex:0 0 40px;width:40px;height:40px;
    background:linear-gradient(135deg,#004D43,#00A67E);
    border:1px solid rgba(255,255,255,.15);
    color:white;
    font-size:17px;font-weight:900;letter-spacing:-.9px;
    border-radius:13px;
    box-shadow:0 5px 12px rgba(0,103,79,.14);
}
.crm-shell .crm-sidebar-caption {
    padding:2px 12px 13px;
    color:#86A195;
    font-size:10px;
    font-weight:850;
    letter-spacing:.11em;
}
.crm-shell .crm-menu {gap:5px;}
.crm-shell .crm-menu-item {
    min-height:43px;
    display:flex;align-items:center;gap:12px;
    padding:11px 12px;
    border:1px solid transparent;
    border-radius:11px;
    background:transparent;
    color:#4E7060;
    font-size:13px;font-weight:750;
    transition:background .16s,border-color .16s,color .16s,box-shadow .16s;
}
.crm-shell .crm-menu-item:hover {
    color:#006B57;
    background:#E5F9EF;
    border-color:#D1EFDF;
}
.crm-shell .crm-menu-item.active {
    color:#FFFFFF;
    background:linear-gradient(115deg,#004D43 0%,#00745F 60%,#00A67E 100%);
    border-color:#00695A;
    box-shadow:0 5px 13px rgba(0,85,65,.16);
}
.crm-shell .crm-menu-item.active:hover {
    background:linear-gradient(115deg,#00483E,#006D5B,#009B79);
    border-color:#005D51;
    color:white;
}
.crm-shell .crm-menu-item.active .crm-menu-icon img {
    filter:brightness(0) invert(1);
}
.crm-shell .crm-menu-icon {
    flex:0 0 24px;width:24px;height:24px;
}
.crm-shell .crm-menu-item:focus-visible {
    outline:2px solid #00A67E;
    outline-offset:2px;
}
.crm-shell .crm-page-title {
    color:#004D43;
    font-weight:850;letter-spacing:-.6px;
}
.crm-shell .crm-page-subtitle {color:#719083;}

/* CRM's actual landing page is the news feed: keep its forms and JS intact. */
.crm-feed-shell .crm-feed-main {
    background:
        radial-gradient(ellipse at 90% 0%,rgba(0,214,181,.09),transparent 45%),
        #F2F9F6;
}
.crm-feed-shell .crm-feed-content {max-width:1020px;}
.crm-feed-shell .crm-feed-top {
    position:relative;overflow:hidden;
    display:flex;align-items:center;
    gap:19px;
    margin-bottom:23px;
    padding:26px 26px;
    border:1px solid #008971;
    border-radius:19px;
    background:
        radial-gradient(circle at 90% 0%,rgba(164,255,220,.20),transparent 48%),
        linear-gradient(115deg,#004D43 0%,#00715D 56%,#00A67E 100%);
    box-shadow:0 9px 26px rgba(0,81,64,.15);
}
.crm-feed-shell .crm-feed-top::after {
    content:"";
    position:absolute;z-index:0;
    width:225px;height:225px;right:-89px;top:-142px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:50%;
    pointer-events:none;
}
.crm-feed-shell .crm-feed-top-icon {
    position:relative;z-index:1;
    width:62px;height:62px;flex-basis:62px;
    border:1px solid rgba(214,255,243,.38);
    border-radius:18px;
    background:rgba(255,255,255,.14);
    color:#FFFFFF;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15);
}
.crm-feed-shell .crm-feed-top-icon svg {width:30px;height:30px;}
.crm-feed-shell .crm-feed-top-text {position:relative;z-index:1;}
.crm-feed-shell .crm-feed-eyebrow {
    color:#B4F9E6;font-size:10px;letter-spacing:.13em;
}
.crm-feed-shell .crm-feed-top h1 {
    margin:2px 0 0;
    font-size:clamp(23px,2.5vw,30px);
    font-weight:870;letter-spacing:-.75px;
    color:#FFFFFF;
}
.crm-feed-shell .crm-feed-top p {
    max-width:640px;color:#D9FFF2;
    font-size:13px;line-height:1.6;
}
.crm-feed-shell .crm-feed-status {
    position:relative;z-index:1;
    border:1px solid rgba(255,255,255,.34);
    border-radius:999px;
    background:rgba(255,255,255,.13);
    color:#F2FFFA;
    white-space:nowrap;
}
.crm-feed-shell .crm-feed-status-dot {
    background:#85FFE0;
    box-shadow:0 0 0 3px rgba(191,255,223,.17);
}
.crm-feed-shell .crm-feed-composer {
    border:1px solid #D7EAE0;
    border-top:3px solid #00A67E;
    border-radius:16px;
    padding:21px 23px 16px;
    box-shadow:0 6px 22px rgba(0,77,56,.055);
}
.crm-feed-shell .crm-feed-composer-head h2,
.crm-feed-shell .crm-feed-stream-title h2 {
    color:#004D43;font-weight:830;
}
.crm-feed-shell .crm-feed-composer-label {
    background:#E3F9EF;color:#00795E;
    border:1px solid #C8EBD9;
}
.crm-feed-shell #crmFeedText {
    background:#F9FDFB;
    border:1px solid #D5EAE0;
    color:#1B4D3A;
    border-radius:11px;
}
.crm-feed-shell #crmFeedText:focus {
    background:#FFFFFF;
    border-color:#00A67E;
    box-shadow:0 0 0 3px rgba(0,166,126,.12);
}
.crm-feed-shell .crm-feed-photo-button {
    background:#ECFAF2;
    color:#007A60;
    border-color:#CBEBDD;
    border-radius:10px;
}
.crm-feed-shell .crm-feed-photo-button:hover {
    background:#D9F5E8;border-color:#9BDFC3;
}
.crm-feed-shell .crm-feed-publish-button {
    background:linear-gradient(112deg,#006450,#00A67E);
    color:#FFFFFF;
    box-shadow:0 5px 14px rgba(0,116,82,.16);
    border-radius:10px;
}
.crm-feed-shell .crm-feed-publish-button:hover {
    filter:brightness(1.05);
}
.crm-feed-shell .crm-feed-stream-head {
    border-bottom:1px solid #DDECE3;
    padding-bottom:14px;
}
.crm-feed-shell .crm-feed-stream-symbol {color:#00A67E;}
.crm-feed-shell .crm-feed-refresh-button {
    color:#006B57;border-color:#CAEBDD;background:#FFFFFF;
    border-radius:10px;
}
.crm-feed-shell .crm-feed-refresh-button:hover {
    background:#E9FAF2;border-color:#9BDFC3;
}
.crm-feed-shell .crm-feed-post {
    border:1px solid #DFEEE6;
    border-left:3px solid #85DDC2;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 5px 19px rgba(0,80,59,.045);
}
.crm-feed-shell .crm-feed-post-author-name,
.crm-feed-shell .crm-feed-post-text {color:#234F3D;}
.crm-feed-shell .crm-feed-post-foot {
    border-top:1px solid #E6F1E9;
}
.crm-feed-shell .crm-feed-empty,
.crm-feed-shell .crm-feed-loading {
    border-radius:15px;
    border-color:#CDE9DA;
    background:#FFFFFF;
}
@media(max-width:850px) {
    .crm-shell .crm-sidebar {
        border-radius:14px 14px 0 0;
        border-right:0;
        border-bottom:1px solid #D8EBE1;
    }
    .crm-shell .crm-sidebar-title {padding:0 8px 11px;}
    .crm-shell .crm-sidebar-title::before {
        width:33px;height:33px;flex-basis:33px;
        font-size:14px;border-radius:10px;
    }
    .crm-shell .crm-menu-item {min-height:38px;padding:9px 11px;}
    .crm-feed-shell .crm-feed-top {padding:22px;}
}
@media(max-width:640px) {
    .crm-feed-shell .crm-feed-top {padding:18px 16px;gap:11px;flex-wrap:wrap;}
    .crm-feed-shell .crm-feed-top-icon {
        width:47px;height:47px;flex-basis:47px;border-radius:13px;
    }
    .crm-feed-shell .crm-feed-top-icon svg {width:23px;height:23px;}
    .crm-feed-shell .crm-feed-top h1 {font-size:23px;}
    .crm-feed-shell .crm-feed-status {margin-left:0;}
    .crm-feed-shell .crm-feed-composer {padding:17px 15px;}
}
@media(prefers-reduced-motion:reduce) {
    .crm-shell .crm-menu-item {transition:none;}
}