@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap"); :root{--elcrm-dark:#07261A;--elcrm-green:#35CC6B;--elcrm-light:#EDFEDB;--elcrm-bg:#F7F8F7;--elcrm-surface:#fff;--elcrm-line:#E7EBE8;--elcrm-text:#17211C;--elcrm-muted:#7D8881;--elcrm-danger:#C85058;--elcrm-warning:#B37B24} /* Typography: Archivo for headings, Manrope for interface and body copy */ .elcrm-app,.elcrm-login-page,.elcrm-message{font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important} .elcrm-app h1,.elcrm-app h2,.elcrm-app h3,.elcrm-app h4,.elcrm-app h5,.elcrm-app h6, .elcrm-login-page h1,.elcrm-login-page h2,.elcrm-login-page h3, .elcrm-topbar-title strong,.elcrm-metric-body strong,.elcrm-drawer h2{font-family:"Archivo","Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important} .elcrm-app button,.elcrm-app input,.elcrm-app select,.elcrm-app textarea,.elcrm-login-page button,.elcrm-login-page input,.elcrm-login-page select,.elcrm-login-page textarea{font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important} html,body.elcrm-portal-page{margin:0!important;min-height:100%!important;background:#F7F8F7!important}.elcrm-portal-main{min-height:100vh!important}.elcrm-app,.elcrm-app *{box-sizing:border-box!important}.elcrm-app{min-height:100vh!important;color:var(--elcrm-text)!important;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;line-height:1.4!important}.elcrm-app a{text-decoration:none!important}.elcrm-app button,.elcrm-app input,.elcrm-app select,.elcrm-app textarea{font:inherit!important;line-height:normal!important}.elcrm-app svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important} /* login stays premium but simple */ .elcrm-login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 500px;background:#F7F8F7}.elcrm-login-brand{padding:64px;background:linear-gradient(145deg,#07261A,#0B3A27);color:#fff;display:flex;flex-direction:column}.elcrm-login-logo-light{width:220px;height:auto}.elcrm-login-brand-copy{margin:auto 0;max-width:650px}.elcrm-login-kicker{display:block;margin-bottom:12px;font-size:11px;font-weight:800;text-transform:uppercase;opacity:.65}.elcrm-login-brand h1{margin:0;font-size:58px;line-height:1;}.elcrm-login-brand p{max-width:540px;margin:20px 0 0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.6}.elcrm-login-brand-footer{color:rgba(255,255,255,.45);font-size:12px}.elcrm-login-panel{display:flex;align-items:center;justify-content:center;padding:50px;background:#fff}.elcrm-login-card{width:100%;max-width:390px}.elcrm-login-card h2{margin:0;font-size:38px;}.elcrm-login-card>p{margin:10px 0 26px;color:var(--elcrm-muted)}.elcrm-login-form{display:flex;flex-direction:column}.elcrm-login-form>label{margin-bottom:7px;font-size:12px;font-weight:700}.elcrm-login-form>input{height:48px!important;margin-bottom:14px!important;padding:0 13px!important;border:1px solid #DDE3DF!important;border-radius:8px!important;background:#fff!important;outline:none!important}.elcrm-login-form>input:focus{border-color:var(--elcrm-green)!important;box-shadow:0 0 0 3px rgba(53,204,107,.12)!important}.elcrm-login-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 18px;font-size:12px}.elcrm-login-options a,.elcrm-login-secondary{color:#176B3C!important;font-weight:700}.elcrm-checkbox{display:flex;align-items:center;gap:7px;color:var(--elcrm-muted)}.elcrm-checkbox input{accent-color:var(--elcrm-green)}.elcrm-button{min-height:44px!important;padding:0 16px!important;border:0!important;border-radius:8px!important;font-weight:800!important;cursor:pointer!important}.elcrm-button-primary{background:var(--elcrm-green)!important;color:var(--elcrm-dark)!important}.elcrm-login-submit{width:100%!important}.elcrm-login-secondary{display:block;margin-top:15px;text-align:center}.elcrm-login-error{margin-bottom:15px;padding:10px 12px;border-radius:8px;background:#FFF0F0;color:#A43D43;font-size:12px} /* app layout */ .elcrm-app .elcrm-portal-shell{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;min-height:100vh!important;background:#fff!important}.elcrm-app .elcrm-sidebar{position:sticky!important;top:0!important;height:100vh!important;padding:18px 14px 14px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;border-right:1px solid var(--elcrm-line)!important;background:#FAFBFA!important}.elcrm-app .elcrm-brand{display:flex!important;align-items:center!important;height:52px!important;padding:0 8px!important}.elcrm-app .elcrm-brand img{display:block!important;width:165px!important;max-height:36px!important;object-fit:contain!important;object-position:left center!important}.elcrm-app .elcrm-sidebar-nav{display:grid!important;gap:4px!important;margin-top:18px!important}.elcrm-app .elcrm-nav-item{min-height:40px!important;padding:0 10px!important;display:flex!important;align-items:center!important;gap:9px!important;border-radius:8px!important;color:#647069!important;font-size:12px!important;font-weight:700!important}.elcrm-app .elcrm-nav-item:hover{background:#F0F3F1!important;color:#26352D!important}.elcrm-app .elcrm-nav-item.is-active{background:#EAF7EE!important;color:#14733E!important}.elcrm-app .elcrm-nav-item b{margin-left:auto!important;font-size:10px!important;font-weight:800!important}.elcrm-app .elcrm-nav-icon{display:grid!important;place-items:center!important;width:18px!important;height:18px!important}.elcrm-app .elcrm-nav-icon svg{fill:currentColor!important;stroke:none!important}.elcrm-app .elcrm-customer-switcher{display:grid!important;gap:5px!important;margin:18px 4px 0!important}.elcrm-app .elcrm-customer-switcher span{font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;color:#98A19B!important}.elcrm-app .elcrm-customer-switcher select{width:100%!important;height:36px!important;padding:0 10px!important;border:1px solid #E2E7E3!important;border-radius:7px!important;background:#fff!important;color:#536159!important;font-size:11px!important}.elcrm-app .elcrm-sidebar-bottom{display:grid!important;gap:8px!important}.elcrm-app .elcrm-sidebar-account{padding:12px 7px!important;display:flex!important;align-items:center!important;gap:9px!important;border-top:1px solid var(--elcrm-line)!important}.elcrm-app .elcrm-account-avatar,.elcrm-app .elcrm-topbar-avatar{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border-radius:50%!important;background:#DDF7E5!important;color:#146B3B!important;font-size:10px!important;font-weight:850!important}.elcrm-app .elcrm-account-copy{min-width:0!important;display:flex!important;flex-direction:column!important}.elcrm-app .elcrm-account-copy strong{max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}.elcrm-app .elcrm-account-copy span{max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#9AA29D!important;font-size:9px!important}.elcrm-app .elcrm-logout{min-height:34px!important;padding:0 8px!important;display:flex!important;align-items:center!important;gap:8px!important;color:#849087!important;font-size:10px!important;font-weight:700!important}.elcrm-app .elcrm-logout:hover{color:#355444!important} .elcrm-app .elcrm-workspace{min-width:0!important;background:#fff!important}.elcrm-app .elcrm-topbar{height:58px!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;border-bottom:1px solid var(--elcrm-line)!important;background:#fff!important}.elcrm-app .elcrm-topbar-title{display:flex!important;align-items:baseline!important;gap:6px!important}.elcrm-app .elcrm-topbar-title strong{font-size:14px!important;}.elcrm-app .elcrm-topbar-title span{color:#A5ADA8!important;font-size:10px!important}.elcrm-app .elcrm-topbar-actions{display:flex!important;align-items:center!important;gap:12px!important}.elcrm-app .elcrm-period-select{display:block!important}.elcrm-app .elcrm-period-select>span{display:none!important}.elcrm-app .elcrm-period-select select{width:auto!important;min-width:150px!important;height:34px!important;padding:0 30px 0 10px!important;border:1px solid #E2E7E3!important;border-radius:7px!important;background:#fff!important;color:#5B675F!important;font-size:10px!important}.elcrm-app .elcrm-custom-period{display:flex!important;gap:6px!important}.elcrm-app .elcrm-custom-period input{width:118px!important;height:34px!important;padding:0 8px!important;border:1px solid #E2E7E3!important;border-radius:7px!important;background:#fff!important;font-size:10px!important}.elcrm-app .elcrm-user-pill{display:flex!important;align-items:center!important} .elcrm-app .elcrm-content{padding:22px 24px 36px!important;background:#fff!important;max-width:none!important;margin:0!important}.elcrm-app .elcrm-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border:1px solid var(--elcrm-line)!important;border-radius:10px!important;overflow:hidden!important;margin:0 0 18px!important;background:#fff!important}.elcrm-app .elcrm-metric-card{min-height:106px!important;padding:14px 16px!important;border-right:1px solid var(--elcrm-line)!important;background:#fff!important}.elcrm-app .elcrm-metric-card:last-child{border-right:0!important}.elcrm-app .elcrm-metric-label{color:#77827B!important;font-size:9px!important;font-weight:700!important}.elcrm-app .elcrm-metric-body{margin-top:10px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important}.elcrm-app .elcrm-metric-body strong{font-size:24px!important;line-height:1!important;color:#1A261F!important;font-weight:700!important}.elcrm-app .elcrm-spark{width:102px!important;height:28px!important;overflow:visible!important;flex:0 0 auto!important}.elcrm-app .elcrm-spark polyline{fill:none!important;stroke:var(--elcrm-green)!important;stroke-width:1.7!important;vector-effect:non-scaling-stroke!important}.elcrm-app .elcrm-metric-note{margin-top:10px!important;color:#99A19C!important;font-size:8px!important} .elcrm-app .elcrm-leads-section{border:1px solid var(--elcrm-line)!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}.elcrm-app .elcrm-tabs{height:42px!important;padding:0 12px!important;display:flex!important;align-items:flex-end!important;gap:18px!important;border-bottom:1px solid var(--elcrm-line)!important;background:#fff!important;overflow:auto!important}.elcrm-app .elcrm-tabs button{height:42px!important;padding:0!important;display:flex!important;align-items:center!important;gap:5px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:#87918B!important;font-size:9px!important;font-weight:600!important;white-space:nowrap!important;box-shadow:none!important}.elcrm-app .elcrm-tabs button span{color:#B0B7B2!important;font-size:8px!important}.elcrm-app .elcrm-tabs button.is-active{border-bottom-color:var(--elcrm-green)!important;color:#176B3C!important;font-weight:800!important}.elcrm-app .elcrm-table-toolbar{padding:11px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-bottom:1px solid var(--elcrm-line)!important;background:#fff!important}.elcrm-app .elcrm-table-search{position:relative!important;display:block!important;width:280px!important;max-width:42%!important}.elcrm-app .elcrm-table-search>span{position:absolute!important;left:9px!important;top:50%!important;transform:translateY(-50%)!important;color:#99A29C!important;display:grid!important;place-items:center!important}.elcrm-app .elcrm-table-search input{width:100%!important;height:32px!important;padding:0 10px 0 31px!important;border:1px solid #E4E8E5!important;border-radius:7px!important;background:#fff!important;color:#334239!important;font-size:10px!important;outline:none!important}.elcrm-app .elcrm-table-search input:focus{border-color:#B7DCC4!important;box-shadow:0 0 0 2px rgba(53,204,107,.09)!important}.elcrm-app .elcrm-table-actions{display:flex!important;align-items:center!important;gap:7px!important}.elcrm-app .elcrm-table-actions select{width:auto!important;min-width:118px!important;height:32px!important;padding:0 28px 0 9px!important;border:1px solid #E4E8E5!important;border-radius:7px!important;background:#fff!important;color:#68736C!important;font-size:9px!important}.elcrm-app .elcrm-table-wrap{overflow:auto!important;background:#fff!important}.elcrm-app .elcrm-table{width:100%!important;min-width:860px!important;border-collapse:collapse!important;border-spacing:0!important;margin:0!important;background:#fff!important}.elcrm-app .elcrm-table thead{background:#FAFBFA!important}.elcrm-app .elcrm-table th{padding:9px 12px!important;border:0!important;border-bottom:1px solid var(--elcrm-line)!important;background:#FAFBFA!important;color:#9BA49E!important;text-align:left!important;font-size:8px!important;font-weight:800!important;text-transform:uppercase!important;white-space:nowrap!important}.elcrm-app .elcrm-table td{height:50px!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid #EEF1EF!important;background:#fff!important;color:#56625A!important;vertical-align:middle!important;font-size:10px!important}.elcrm-app .elcrm-table tbody tr:last-child td{border-bottom:0!important}.elcrm-app .elcrm-table tbody tr{cursor:pointer!important}.elcrm-app .elcrm-table tbody tr:hover td{background:#FAFCFA!important}.elcrm-app .elcrm-lead-main{display:flex!important;align-items:center!important;gap:9px!important;min-width:190px!important}.elcrm-app .elcrm-lead-avatar{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border-radius:50%!important;background:#E6F8EB!important;color:#14713E!important;font-size:8px!important;font-weight:850!important}.elcrm-app .elcrm-lead-main>div:last-child{min-width:0!important}.elcrm-app .elcrm-lead-main strong{display:block!important;color:#2A372F!important;font-size:10px!important;font-weight:700!important}.elcrm-app .elcrm-lead-main small{display:block!important;margin-top:2px!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#9CA49F!important;font-size:8px!important}.elcrm-app .elcrm-table-link{color:#58675E!important}.elcrm-app .elcrm-row-arrow{text-align:center!important;color:#9AA39D!important;width:34px!important}.elcrm-app .elcrm-row-arrow svg{width:13px!important;height:13px!important}.elcrm-app .elcrm-status{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 7px!important;border:1px solid #E0E5E2!important;border-radius:4px!important;background:#fff!important;color:#6F7973!important;font-size:8px!important;font-weight:700!important;white-space:nowrap!important}.elcrm-app .elcrm-status i{width:5px!important;height:5px!important;border-radius:50%!important;background:currentColor!important}.elcrm-app .elcrm-status-ingepland{border-color:#CFEED9!important;background:#F0FBF3!important;color:#178144!important}.elcrm-app .elcrm-status-contact-opgenomen{border-color:#F0DFC1!important;background:#FFF9ED!important;color:#A26C17!important}.elcrm-app .elcrm-status-niet-ingepland{border-color:#F0D3D5!important;background:#FFF3F3!important;color:#B64950!important}.elcrm-app .elcrm-table-footer{min-height:36px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-top:1px solid var(--elcrm-line)!important;color:#9AA29D!important;font-size:8px!important}.elcrm-app .elcrm-empty{padding:30px!important;text-align:center!important;color:#909B94!important}.elcrm-app .elcrm-card-list{display:none!important} /* drawer */ body.elcrm-drawer-open{overflow:hidden!important} .elcrm-app .elcrm-drawer-backdrop{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;justify-content:flex-end!important;background:rgba(19,31,25,.28)!important;backdrop-filter:blur(2px)!important} .elcrm-app .elcrm-drawer{width:min(540px,100vw)!important;height:100vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-left:1px solid #E5EAE7!important;box-shadow:-24px 0 64px rgba(20,35,27,.16)!important} .elcrm-app .elcrm-drawer-header{position:relative!important;padding:30px 30px 24px!important;border-bottom:1px solid var(--elcrm-line)!important;background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFB 100%)!important} .elcrm-app .elcrm-drawer-close{position:absolute!important;top:18px!important;right:18px!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid #DDE4DF!important;border-radius:9px!important;background:#fff!important;color:#5D6A63!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;transition:background .15s ease,border-color .15s ease!important} .elcrm-app .elcrm-drawer-close:hover{background:#F4F7F5!important;border-color:#CBD6CF!important} .elcrm-app .elcrm-drawer-profile{display:flex!important;align-items:center!important;gap:14px!important;padding-right:44px!important} .elcrm-app .elcrm-drawer-avatar{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border-radius:50%!important;background:#E6F8EB!important;border:1px solid #CFF0D8!important;color:#14713E!important;font-size:13px!important;font-weight:850!important} .elcrm-app .elcrm-drawer h2{margin:0 0 6px!important;color:#17231C!important;font-size:25px!important;line-height:1.15!important;font-weight:750!important} .elcrm-app .elcrm-drawer p{margin:0!important;color:#77837C!important;font-size:12.5px!important;line-height:1.55!important} .elcrm-app .elcrm-drawer-meta{margin-top:20px!important;padding-top:18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-top:1px solid #EDF1EF!important} .elcrm-app .elcrm-drawer-meta .elcrm-status{font-size:11px!important;padding:7px 10px!important} .elcrm-app .elcrm-drawer-meta>strong{color:#17231C!important;font-size:20px!important;} .elcrm-app .elcrm-quick-actions{margin-top:14px!important;display:flex!important;gap:9px!important} .elcrm-app .elcrm-quick-actions a{min-height:40px!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #D7E2DB!important;border-radius:9px!important;background:#fff!important;color:#176B3C!important;font-size:12.5px!important;font-weight:750!important;transition:background .15s ease,border-color .15s ease!important} .elcrm-app .elcrm-quick-actions a:first-child{background:#35CC6B!important;border-color:#35CC6B!important;color:#07261A!important} .elcrm-app .elcrm-quick-actions a:hover{background:#F3F8F5!important;border-color:#BFD0C5!important} .elcrm-app .elcrm-quick-actions a:first-child:hover{background:#40D777!important;border-color:#40D777!important} .elcrm-app .elcrm-drawer-body{flex:1 1 auto!important;overflow-y:auto!important;padding:26px 30px 34px!important} .elcrm-app .elcrm-detail-section+.elcrm-detail-section{margin-top:28px!important} .elcrm-app .elcrm-detail-section h3{margin:0 0 12px!important;color:#1D2A22!important;font-size:14px!important;line-height:1.3!important;font-weight:800!important} .elcrm-app .elcrm-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .elcrm-app .elcrm-detail{min-height:80px!important;padding:14px!important;border:1px solid #E4EAE6!important;border-radius:11px!important;background:#FAFBFA!important} .elcrm-app .elcrm-detail span{display:block!important;margin-bottom:7px!important;color:#87928C!important;font-size:9.5px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-detail div{overflow-wrap:anywhere!important;color:#36443C!important;font-size:13px!important;line-height:1.5!important;font-weight:550!important} .elcrm-app .elcrm-detail a{color:#176B3C!important;font-weight:750!important;text-decoration:none!important} .elcrm-app .elcrm-edit-section{margin-top:30px!important;padding-top:24px!important;border-top:1px solid var(--elcrm-line)!important} .elcrm-app .elcrm-form-row{margin-bottom:20px!important} .elcrm-app .elcrm-form-row label{display:block!important;margin-bottom:8px!important;color:#26342C!important;font-size:12px!important;font-weight:800!important} .elcrm-app .elcrm-form-row select{width:100%!important;height:46px!important;padding:0 13px!important;border:1px solid #D6E0DA!important;border-radius:9px!important;background:#fff!important;color:#2F3D35!important;font-size:13px!important;font-weight:600!important;outline:none!important} .elcrm-app .elcrm-form-row textarea{width:100%!important;min-height:155px!important;padding:13px 14px!important;border:1px solid #D6E0DA!important;border-radius:9px!important;background:#fff!important;color:#2F3D35!important;font-size:13px!important;line-height:1.55!important;resize:vertical!important;outline:none!important} .elcrm-app .elcrm-form-row select:focus,.elcrm-app .elcrm-form-row textarea:focus{border-color:#35CC6B!important;box-shadow:0 0 0 3px rgba(53,204,107,.12)!important} .elcrm-app .elcrm-drawer-footer{min-height:76px!important;padding:14px 30px!important;display:flex!important;align-items:center!important;gap:14px!important;border-top:1px solid var(--elcrm-line)!important;background:#fff!important} .elcrm-app .elcrm-save-message{margin-right:auto!important;color:var(--elcrm-danger)!important;font-size:11.5px!important;line-height:1.35!important} .elcrm-app .elcrm-save-message.is-success{color:#178144!important;font-weight:750!important} .elcrm-app .elcrm-drawer-footer .elcrm-button{min-width:118px!important;min-height:44px!important;font-size:13px!important} @media(max-width:760px){.elcrm-app .elcrm-portal-shell{display:block!important}.elcrm-app .elcrm-sidebar{position:relative!important;height:auto!important;padding:12px!important}.elcrm-app .elcrm-sidebar-top{display:flex!important;align-items:center!important;gap:10px!important}.elcrm-app .elcrm-brand{height:42px!important;padding:0!important}.elcrm-app .elcrm-brand img{width:140px!important}.elcrm-app .elcrm-sidebar-nav{display:flex!important;margin:0 0 0 auto!important}.elcrm-app .elcrm-nav-item{min-height:34px!important;padding:0 9px!important}.elcrm-app .elcrm-nav-item b,.elcrm-app .elcrm-customer-switcher,.elcrm-app .elcrm-sidebar-bottom{display:none!important}.elcrm-app .elcrm-topbar{height:auto!important;min-height:54px!important;padding:10px 14px!important}.elcrm-app .elcrm-topbar-title{display:none!important}.elcrm-app .elcrm-topbar-actions{width:100%!important;justify-content:space-between!important}.elcrm-app .elcrm-content{padding:14px!important}.elcrm-app .elcrm-metrics{grid-template-columns:1fr!important}.elcrm-app .elcrm-metric-card{border-right:0!important;border-bottom:1px solid var(--elcrm-line)!important}.elcrm-app .elcrm-metric-card:last-child{border-bottom:0!important}.elcrm-app .elcrm-table-toolbar{align-items:stretch!important;flex-direction:column!important}.elcrm-app .elcrm-table-search{width:100%!important;max-width:none!important}.elcrm-app .elcrm-table-actions{width:100%!important}.elcrm-app .elcrm-table-actions select{flex:1!important;min-width:0!important}.elcrm-app .elcrm-table-wrap{display:none!important}.elcrm-app .elcrm-card-list{display:grid!important;gap:8px!important;padding:10px!important}.elcrm-app .elcrm-lead-card{width:100%!important;padding:12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;border:1px solid #E5EAE7!important;border-radius:8px!important;background:#fff!important;color:#334138!important;text-align:left!important}.elcrm-app .elcrm-lead-card>div strong{display:block!important;font-size:11px!important}.elcrm-app .elcrm-lead-card>div span{display:block!important;margin-top:3px!important;color:#929C96!important;font-size:9px!important}.elcrm-app .elcrm-lead-card footer{grid-column:1/-1!important;padding-top:8px!important;display:flex!important;justify-content:space-between!important;border-top:1px solid #EEF1EF!important;color:#87918B!important;font-size:9px!important}.elcrm-app .elcrm-detail-grid{grid-template-columns:1fr!important}.elcrm-login-page{grid-template-columns:1fr}.elcrm-login-brand{display:none}.elcrm-login-panel{min-height:100vh;padding:24px;background:#07261A}.elcrm-login-card{padding:24px;border-radius:14px;background:#fff}} @media(max-width:600px){.elcrm-app .elcrm-drawer{width:100vw!important}.elcrm-app .elcrm-drawer-header{padding:24px 20px 20px!important}.elcrm-app .elcrm-drawer-body{padding:22px 20px 28px!important}.elcrm-app .elcrm-drawer-footer{padding:12px 20px!important}.elcrm-app .elcrm-drawer h2{font-size:22px!important}.elcrm-app .elcrm-detail-grid{grid-template-columns:1fr!important}.elcrm-app .elcrm-quick-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.elcrm-app .elcrm-quick-actions a{width:100%!important}} /* v1.0.3 typography refinement */ .elcrm-app .elcrm-metric-body strong, .elcrm-app .elcrm-section-head h2, .elcrm-app .elcrm-drawer h2, .elcrm-login-brand h1, .elcrm-login-card h2{font-family:"Archivo","Manrope",sans-serif!important} .elcrm-app .elcrm-metric-label, .elcrm-app .elcrm-metric-note, .elcrm-app .elcrm-nav-item, .elcrm-app .elcrm-table, .elcrm-app .elcrm-status, .elcrm-app .elcrm-detail, .elcrm-app .elcrm-form-row, .elcrm-login-page p, .elcrm-login-page label, .elcrm-login-page input, .elcrm-login-page button{font-family:"Manrope",sans-serif!important} /* v1.0.4 readability + address column */ .elcrm-app{font-size:14.5px!important} .elcrm-app .elcrm-nav-item{font-size:12.5px!important} .elcrm-app .elcrm-nav-item b{font-size:10.5px!important} .elcrm-app .elcrm-topbar-title strong{font-size:15px!important} .elcrm-app .elcrm-topbar-title span{font-size:10.5px!important} .elcrm-app .elcrm-period-select select,.elcrm-app .elcrm-custom-period input{font-size:11px!important} .elcrm-app .elcrm-metric-label{font-size:10.5px!important} .elcrm-app .elcrm-metric-note{font-size:9.5px!important} .elcrm-app .elcrm-tabs button{font-size:10.5px!important} .elcrm-app .elcrm-tabs button span{font-size:9.5px!important} .elcrm-app .elcrm-table-search input{font-size:11.5px!important} .elcrm-app .elcrm-table-actions select{font-size:10.5px!important} .elcrm-app .elcrm-table{min-width:1040px!important} .elcrm-app .elcrm-table th{font-size:9.5px!important;padding:10px 13px!important} .elcrm-app .elcrm-table td{height:54px!important;padding:9px 13px!important;font-size:11.5px!important} .elcrm-app .elcrm-lead-main strong{font-size:11.5px!important} .elcrm-app .elcrm-lead-main small{font-size:9.5px!important} .elcrm-app .elcrm-table td small{font-size:9.5px!important} .elcrm-app .elcrm-table-link{font-size:11.5px!important} .elcrm-app .elcrm-status{font-size:9.5px!important;padding:5px 8px!important} .elcrm-app .elcrm-table-footer{font-size:9.5px!important} .elcrm-app .elcrm-address-cell{min-width:150px!important} .elcrm-app .elcrm-address-cell strong{display:block!important;color:#334138!important;font-size:11.5px!important;font-weight:650!important;white-space:nowrap!important} .elcrm-app .elcrm-address-cell small{display:block!important;margin-top:2px!important;color:#98A19B!important;font-size:9.5px!important;white-space:nowrap!important} .elcrm-app .elcrm-account-copy strong{font-size:11.5px!important} .elcrm-app .elcrm-account-copy span{font-size:9.5px!important} .elcrm-app .elcrm-logout{font-size:10.5px!important} @media(max-width:760px){.elcrm-app .elcrm-lead-card>div strong{font-size:12px!important}.elcrm-app .elcrm-lead-card>div span{font-size:10px!important}.elcrm-app .elcrm-lead-card footer{font-size:10px!important}} /* v1.0.6 conversion ratio + status chart */ .elcrm-app .elcrm-metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important} .elcrm-app .elcrm-metric-card-no-spark .elcrm-metric-body{justify-content:flex-start!important} .elcrm-app .elcrm-overview-panels{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:16px!important;margin:0 0 18px!important} .elcrm-app .elcrm-overview-card{border:1px solid var(--elcrm-line)!important;border-radius:10px!important;background:#fff!important;padding:16px 18px!important} .elcrm-app .elcrm-overview-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important} .elcrm-app .elcrm-overview-kicker{color:#98A19B!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-overview-card h3{margin:4px 0 0!important;color:#1A261F!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:18px!important;line-height:1.1!important;} .elcrm-app .elcrm-overview-period{color:#9AA39D!important;font-size:10px!important;white-space:nowrap!important} .elcrm-app .elcrm-conversion-value{color:#176B3C!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:34px!important;line-height:1!important;} .elcrm-app .elcrm-conversion-note{margin:10px 0 14px!important;color:#6D7972!important;font-size:11.5px!important;line-height:1.45!important} .elcrm-app .elcrm-conversion-progress{height:10px!important;border-radius:999px!important;background:#EDF2EF!important;overflow:hidden!important} .elcrm-app .elcrm-conversion-progress span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#35CC6B 0%, #82E6A5 100%)!important} .elcrm-app .elcrm-status-chart{display:grid!important;gap:12px!important} .elcrm-app .elcrm-status-chart-row{display:grid!important;gap:6px!important} .elcrm-app .elcrm-status-chart-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important} .elcrm-app .elcrm-status-chart-label{display:flex!important;align-items:center!important;gap:8px!important;color:#2F3C35!important;font-size:12px!important;font-weight:650!important} .elcrm-app .elcrm-status-chart-dot{width:9px!important;height:9px!important;border-radius:50%!important;display:inline-block!important;background:#C4CDC8!important} .elcrm-app .elcrm-status-chart-dot.new{background:#A9B4AE!important} .elcrm-app .elcrm-status-chart-dot.contact{background:#E0B968!important} .elcrm-app .elcrm-status-chart-dot.planned{background:#35CC6B!important} .elcrm-app .elcrm-status-chart-dot.declined{background:#D96D76!important} .elcrm-app .elcrm-status-chart-values{display:flex!important;align-items:baseline!important;gap:8px!important;white-space:nowrap!important} .elcrm-app .elcrm-status-chart-values strong{color:#1F2B24!important;font-size:12.5px!important;font-weight:800!important} .elcrm-app .elcrm-status-chart-values span{color:#95A09A!important;font-size:11px!important} .elcrm-app .elcrm-status-chart-track{height:8px!important;border-radius:999px!important;background:#EEF2F0!important;overflow:hidden!important} .elcrm-app .elcrm-status-chart-bar{display:block!important;height:100%!important;border-radius:999px!important;background:#C7D0CB!important} .elcrm-app .elcrm-status-chart-bar.new{background:#B8C2BD!important} .elcrm-app .elcrm-status-chart-bar.contact{background:#E8C982!important} .elcrm-app .elcrm-status-chart-bar.planned{background:#35CC6B!important} .elcrm-app .elcrm-status-chart-bar.declined{background:#E08B92!important} @media(max-width:1180px){.elcrm-app .elcrm-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.elcrm-app .elcrm-overview-panels{grid-template-columns:1fr!important}} @media(max-width:760px){.elcrm-app .elcrm-overview-panels{grid-template-columns:1fr!important;gap:12px!important}.elcrm-app .elcrm-overview-card{padding:14px!important}.elcrm-app .elcrm-overview-card h3{font-size:16px!important}.elcrm-app .elcrm-conversion-value{font-size:28px!important}} @media(max-width:640px){.elcrm-app .elcrm-metrics{grid-template-columns:1fr!important}} /* v1.0.7 remove duplicate conversion KPI */ .elcrm-app .elcrm-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important} @media(max-width:1180px){.elcrm-app .elcrm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:640px){.elcrm-app .elcrm-metrics{grid-template-columns:1fr!important}} /* v1.0.8 daily workflow: action needed, lead age, inline status and quick contact */ .elcrm-app .elcrm-action-tab{color:#246C43!important} .elcrm-app .elcrm-action-tab span{min-width:20px!important;height:18px!important;padding:0 6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#EDFEDB!important;color:#176B3C!important;font-weight:800!important} .elcrm-app .elcrm-action-tab.is-active span{background:#DDF7E5!important;color:#0E6B38!important} .elcrm-app .elcrm-inline-status{position:relative!important;min-width:144px!important;height:30px!important;padding:0 8px 0 20px!important;display:inline-flex!important;align-items:center!important;border:1px solid #E0E5E2!important;border-radius:6px!important;background:#fff!important;color:#6F7973!important;transition:border-color .15s ease,background .15s ease,opacity .15s ease!important} .elcrm-app .elcrm-inline-status>i{position:absolute!important;left:9px!important;top:50%!important;width:6px!important;height:6px!important;transform:translateY(-50%)!important;border-radius:50%!important;background:currentColor!important;pointer-events:none!important} .elcrm-app .elcrm-inline-status select{width:100%!important;height:28px!important;margin:0!important;padding:0 19px 0 0!important;border:0!important;background:transparent!important;color:inherit!important;font-family:"Manrope",sans-serif!important;font-size:10px!important;font-weight:750!important;line-height:1!important;box-shadow:none!important;outline:none!important;cursor:pointer!important} .elcrm-app .elcrm-inline-status.is-saving{opacity:.52!important} .elcrm-app .elcrm-inline-status.elcrm-status-ingepland{border-color:#CFEED9!important;background:#F0FBF3!important;color:#178144!important} .elcrm-app .elcrm-inline-status.elcrm-status-contact-opgenomen{border-color:#F0DFC1!important;background:#FFF9ED!important;color:#9A681A!important} .elcrm-app .elcrm-inline-status.elcrm-status-niet-ingepland{border-color:#F0D3D5!important;background:#FFF3F3!important;color:#B64950!important} .elcrm-app .elcrm-inline-status.elcrm-status-nieuw{border-color:#DDE5E0!important;background:#F8FAF9!important;color:#66736B!important} .elcrm-app .elcrm-contact-cell{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:158px!important} .elcrm-app .elcrm-contact-phone{color:#536159!important;font-size:11.5px!important;white-space:nowrap!important} .elcrm-app .elcrm-contact-actions{display:flex!important;align-items:center!important;gap:5px!important} .elcrm-app .elcrm-contact-action{width:29px!important;height:29px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border:1px solid #E1E7E3!important;border-radius:7px!important;background:#fff!important;color:#657169!important;text-decoration:none!important;transition:border-color .15s ease,background .15s ease,color .15s ease!important} .elcrm-app .elcrm-contact-action:hover{border-color:#BFDCC9!important;background:#F2FAF4!important;color:#176B3C!important} .elcrm-app .elcrm-contact-action svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} .elcrm-app .elcrm-no-contact{color:#A2AAA5!important} .elcrm-app .elcrm-date-cell>span{display:block!important;white-space:nowrap!important} .elcrm-app .elcrm-lead-age{display:inline-flex!important;width:max-content!important;margin-top:4px!important;padding:2px 6px!important;border-radius:999px!important;background:#F2F5F3!important;color:#87918B!important;font-size:8.8px!important;font-weight:750!important;line-height:1.3!important;white-space:nowrap!important} .elcrm-app .elcrm-lead-age.fresh{background:#EDFEDB!important;color:#18733F!important} .elcrm-app .elcrm-lead-age.waiting{background:#FFF7E8!important;color:#9A681A!important} .elcrm-app .elcrm-lead-age.overdue{background:#FFF0F0!important;color:#B64950!important} .elcrm-app .elcrm-lead-row.is-overdue td:first-child{box-shadow:inset 3px 0 0 #E7A5AA!important} .elcrm-app .elcrm-conversion-copy{margin:10px 0 14px!important;display:grid!important;gap:3px!important} .elcrm-app .elcrm-conversion-copy strong{color:#3C4941!important;font-size:11.5px!important;font-weight:750!important} .elcrm-app .elcrm-conversion-copy span{color:#8D9791!important;font-size:10.5px!important} .elcrm-app .elcrm-toast{position:fixed!important;right:24px!important;bottom:24px!important;z-index:100100!important;max-width:360px!important;padding:11px 14px!important;border:1px solid #CFEED9!important;border-radius:9px!important;background:#F0FBF3!important;box-shadow:0 12px 34px rgba(21,45,31,.14)!important;color:#176B3C!important;font-family:"Manrope",sans-serif!important;font-size:11.5px!important;font-weight:750!important;line-height:1.35!important} .elcrm-app .elcrm-toast.is-error{border-color:#F0D3D5!important;background:#FFF3F3!important;color:#B64950!important} .elcrm-app .elcrm-table{min-width:1180px!important} .elcrm-app .elcrm-table td:nth-child(2),.elcrm-app .elcrm-table th:nth-child(2){min-width:158px!important} @media(max-width:760px){ .elcrm-app .elcrm-lead-card{position:relative!important;cursor:pointer!important} .elcrm-app .elcrm-lead-card.is-overdue{box-shadow:inset 3px 0 0 #E7A5AA!important} .elcrm-app .elcrm-lead-card .elcrm-inline-status{grid-column:1/2!important;min-width:0!important;width:max-content!important;max-width:100%!important} .elcrm-app .elcrm-mobile-actions{grid-column:2/3!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important} .elcrm-app .elcrm-mobile-lead-head{grid-column:1/-1!important} .elcrm-app .elcrm-lead-card footer{margin-top:2px!important} .elcrm-app .elcrm-toast{right:14px!important;bottom:14px!important;left:14px!important;max-width:none!important} } /* v1.0.9 compact contact actions */ .elcrm-app .elcrm-contact-cell{justify-content:flex-start!important;min-width:72px!important} .elcrm-app .elcrm-contact-phone{display:none!important} .elcrm-app .elcrm-contact-actions{gap:6px!important} .elcrm-app .elcrm-contact-action{width:31px!important;height:31px!important} /* v1.0.10 merged address + location */ .elcrm-app .elcrm-table{min-width:960px!important} .elcrm-app .elcrm-address-cell{min-width:190px!important} /* v1.1.0 comparisons + admin customer dashboard */ .elcrm-app .elcrm-metric-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important} .elcrm-app .elcrm-comparison{display:inline-flex!important;align-items:center!important;min-height:20px!important;padding:2px 7px!important;border-radius:999px!important;background:#F2F5F3!important;color:#7D8881!important;font-size:8.8px!important;font-weight:800!important;white-space:nowrap!important} .elcrm-app .elcrm-comparison.is-up{background:#EDFEDB!important;color:#18733F!important} .elcrm-app .elcrm-comparison.is-down{background:#FFF0F0!important;color:#B64950!important} .elcrm-app .elcrm-comparison.is-neutral{background:#F2F5F3!important;color:#87918B!important} .elcrm-app .elcrm-conversion-value-row{display:flex!important;align-items:flex-end!important;gap:10px!important} .elcrm-app .elcrm-conversion-value-row .elcrm-comparison{margin-bottom:3px!important} .elcrm-app .elcrm-admin-overview{display:grid!important;gap:18px!important} .elcrm-app .elcrm-admin-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important} .elcrm-app .elcrm-admin-kicker{display:block!important;margin-bottom:6px!important;color:#8B9690!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-admin-head h2{margin:0!important;color:#17231C!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:25px!important;line-height:1.1!important;} .elcrm-app .elcrm-admin-head p{margin:7px 0 0!important;color:#7C8881!important;font-size:11.5px!important} .elcrm-app .elcrm-admin-refreshing{padding:6px 9px!important;border-radius:999px!important;background:#F2F5F3!important;color:#7D8881!important;font-size:9.5px!important;font-weight:750!important} .elcrm-app .elcrm-admin-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border:1px solid var(--elcrm-line)!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important} .elcrm-app .elcrm-admin-metrics article{min-height:100px!important;padding:15px 16px!important;border-right:1px solid var(--elcrm-line)!important} .elcrm-app .elcrm-admin-metrics article:last-child{border-right:0!important} .elcrm-app .elcrm-admin-metrics span{display:block!important;color:#7C8780!important;font-size:10px!important;font-weight:750!important} .elcrm-app .elcrm-admin-metrics strong{display:block!important;margin-top:10px!important;color:#18251D!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:24px!important;line-height:1!important;} .elcrm-app .elcrm-admin-metrics small{display:block!important;margin-top:9px!important;color:#98A19C!important;font-size:9.5px!important} .elcrm-app .elcrm-admin-table-wrap{overflow:auto!important;border:1px solid var(--elcrm-line)!important;border-radius:10px!important;background:#fff!important} .elcrm-app .elcrm-admin-table{width:100%!important;min-width:880px!important;margin:0!important;border-collapse:collapse!important;background:#fff!important} .elcrm-app .elcrm-admin-table th{padding:10px 13px!important;border-bottom:1px solid var(--elcrm-line)!important;background:#FAFBFA!important;color:#97A09A!important;font-size:9px!important;font-weight:800!important;text-align:left!important;text-transform:uppercase!important;white-space:nowrap!important} .elcrm-app .elcrm-admin-table td{height:58px!important;padding:10px 13px!important;border-bottom:1px solid #EEF1EF!important;color:#56625A!important;font-size:11px!important;vertical-align:middle!important;white-space:nowrap!important} .elcrm-app .elcrm-admin-table tbody tr:last-child td{border-bottom:0!important} .elcrm-app .elcrm-admin-table tbody tr:hover td{background:#FAFCFA!important} .elcrm-app .elcrm-admin-customer{display:flex!important;align-items:center!important;gap:9px!important;min-width:180px!important} .elcrm-app .elcrm-admin-customer>span{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#E6F8EB!important;color:#14713E!important;font-size:8px!important;font-weight:850!important} .elcrm-app .elcrm-admin-customer strong{display:block!important;color:#27352D!important;font-size:11.5px!important} .elcrm-app .elcrm-admin-customer small{display:block!important;margin-top:2px!important;color:#9AA39D!important;font-size:8.5px!important} .elcrm-app .elcrm-admin-conversion{display:inline-flex!important;padding:4px 7px!important;border-radius:999px!important;background:#EDFEDB!important;color:#176B3C!important;font-size:10px!important;font-weight:800!important} .elcrm-app .elcrm-admin-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:54px!important;height:30px!important;padding:0 10px!important;border:1px solid #DDE5E0!important;border-radius:7px!important;background:#fff!important;color:#176B3C!important;font-size:9.5px!important;font-weight:800!important} .elcrm-app .elcrm-admin-open:hover{border-color:#BFDCC9!important;background:#F2FAF4!important} .elcrm-app .elcrm-admin-error{color:#B64950!important;font-size:10.5px!important;font-weight:700!important} .elcrm-app .elcrm-admin-partial-warning{padding:9px 11px!important;border-radius:8px!important;background:#FFF8EA!important;color:#90641E!important;font-size:10.5px!important} .elcrm-app .elcrm-admin-loading{min-height:320px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border:1px solid var(--elcrm-line)!important;border-radius:10px!important;background:#fff!important;text-align:center!important} .elcrm-app .elcrm-admin-loading strong{margin-top:13px!important;color:#26342C!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:16px!important} .elcrm-app .elcrm-admin-loading p{margin:5px 0 0!important;color:#929C96!important;font-size:10.5px!important} .elcrm-app .elcrm-admin-spinner{width:28px!important;height:28px!important;border:3px solid #E8EEEA!important;border-top-color:#35CC6B!important;border-radius:50%!important;animation:elcrm-spin .8s linear infinite!important} @keyframes elcrm-spin{to{transform:rotate(360deg)}} @media(max-width:1100px){.elcrm-app .elcrm-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.elcrm-app .elcrm-admin-metrics article:nth-child(2){border-right:0!important}.elcrm-app .elcrm-admin-metrics article:nth-child(-n+2){border-bottom:1px solid var(--elcrm-line)!important}} @media(max-width:760px){.elcrm-app .elcrm-admin-head{display:block!important}.elcrm-app .elcrm-admin-refreshing{display:inline-flex!important;margin-top:10px!important}.elcrm-app .elcrm-admin-metrics{grid-template-columns:1fr!important}.elcrm-app .elcrm-admin-metrics article{border-right:0!important;border-bottom:1px solid var(--elcrm-line)!important}.elcrm-app .elcrm-admin-metrics article:last-child{border-bottom:0!important}.elcrm-app .elcrm-admin-head h2{font-size:22px!important}} /* v1.2.0 UX refinement, dark-green sidebar, lead workflow and scalability */ .elcrm-app .elcrm-sidebar{background:#07261A!important;border-right:1px solid #0B3525!important;color:#fff!important;box-shadow:8px 0 26px rgba(7,38,26,.05)!important} .elcrm-app .elcrm-brand{padding:0 8px 8px!important} .elcrm-app .elcrm-brand img{filter:none!important} .elcrm-app .elcrm-nav-item{color:rgba(237,254,219,.67)!important} .elcrm-app .elcrm-nav-item:hover{background:rgba(255,255,255,.065)!important;color:#fff!important} .elcrm-app .elcrm-nav-item.is-active{background:rgba(53,204,107,.15)!important;color:#EDFEDB!important;box-shadow:inset 0 0 0 1px rgba(53,204,107,.12)!important} .elcrm-app .elcrm-nav-item.is-active .elcrm-nav-icon{color:#35CC6B!important} .elcrm-app .elcrm-nav-item b{min-width:22px!important;height:20px!important;padding:0 6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.72)!important} .elcrm-app .elcrm-nav-item.is-active b{background:rgba(53,204,107,.18)!important;color:#EDFEDB!important} .elcrm-app .elcrm-customer-switcher span{color:rgba(237,254,219,.5)!important} .elcrm-app .elcrm-customer-switcher select{border-color:rgba(255,255,255,.12)!important;background:#0B3324!important;color:#F4FFF1!important} .elcrm-app .elcrm-sidebar-account{border-top-color:rgba(255,255,255,.11)!important} .elcrm-app .elcrm-account-avatar{background:#35CC6B!important;color:#07261A!important} .elcrm-app .elcrm-account-copy strong{color:#F3FFF0!important} .elcrm-app .elcrm-account-copy span{color:rgba(237,254,219,.52)!important} .elcrm-app .elcrm-logout{color:rgba(237,254,219,.58)!important} .elcrm-app .elcrm-logout:hover{color:#fff!important;background:rgba(255,255,255,.055)!important;border-radius:7px!important} .elcrm-app .elcrm-topbar-title{gap:9px!important;flex-wrap:wrap!important} .elcrm-app .elcrm-admin-back{height:30px!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;border:1px solid #E0E6E2!important;border-radius:7px!important;background:#fff!important;color:#536159!important;font-size:10px!important;font-weight:750!important;cursor:pointer!important} .elcrm-app .elcrm-admin-back:hover{border-color:#BFDCC9!important;background:#F3FAF5!important;color:#176B3C!important} .elcrm-app .elcrm-admin-back svg{width:13px!important;height:13px!important} .elcrm-app .elcrm-welcome{margin:0 0 16px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important} .elcrm-app .elcrm-welcome-kicker{display:block!important;margin-bottom:5px!important;color:#8E9892!important;font-size:9.5px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-welcome h1{margin:0!important;color:#17231C!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:25px!important;line-height:1.1!important;font-weight:700!important} .elcrm-app .elcrm-welcome p{margin:6px 0 0!important;color:#7B8780!important;font-size:11.5px!important;line-height:1.45!important} .elcrm-app .elcrm-welcome p strong{color:#26372D!important;font-weight:800!important} .elcrm-app .elcrm-action-needed-button{min-height:36px!important;padding:0 11px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid #CDEDD7!important;border-radius:8px!important;background:#F1FBF4!important;color:#176B3C!important;font-size:10.5px!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important} .elcrm-app .elcrm-action-needed-button:hover{background:#E7F8EC!important;border-color:#A9DEB9!important} .elcrm-app .elcrm-action-needed-button span{min-width:20px!important;height:20px!important;padding:0 6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#35CC6B!important;color:#07261A!important;font-size:9px!important} .elcrm-app .elcrm-comparison{gap:4px!important} .elcrm-app .elcrm-comparison-arrow{font-size:10px!important;line-height:1!important;font-weight:900!important} /* Real status flow, based on current statuses */ .elcrm-app .elcrm-status-flow{min-height:78px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr)!important;align-items:stretch!important;gap:7px!important} .elcrm-app .elcrm-status-stage{position:relative!important;display:flex!important;align-items:center!important;gap:9px!important;padding:12px!important;border:1px solid #E7ECE9!important;border-radius:9px!important;background:#FAFBFA!important} .elcrm-app .elcrm-status-stage-dot{width:9px!important;height:9px!important;flex:0 0 auto!important;border-radius:50%!important;background:#AEB9B2!important} .elcrm-app .elcrm-status-stage.contact .elcrm-status-stage-dot{background:#E0B968!important} .elcrm-app .elcrm-status-stage.planned .elcrm-status-stage-dot{background:#35CC6B!important} .elcrm-app .elcrm-status-stage>div{min-width:0!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;column-gap:7px!important} .elcrm-app .elcrm-status-stage small{grid-column:1/-1!important;color:#7E8982!important;font-size:9.5px!important;font-weight:750!important;white-space:nowrap!important} .elcrm-app .elcrm-status-stage strong{margin-top:4px!important;color:#1D2A22!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:21px!important;line-height:1!important} .elcrm-app .elcrm-status-stage span:not(.elcrm-status-stage-dot){color:#98A19C!important;font-size:9.5px!important} .elcrm-app .elcrm-status-flow-arrow{display:grid!important;place-items:center!important;color:#B2BBB6!important;font-size:15px!important} .elcrm-app .elcrm-declined-row{margin-top:10px!important;padding:8px 10px!important;display:grid!important;grid-template-columns:auto 1fr auto auto!important;align-items:center!important;gap:8px!important;border-radius:8px!important;background:#FFF7F7!important;color:#765A5D!important;font-size:10.5px!important} .elcrm-app .elcrm-declined-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#D96D76!important} .elcrm-app .elcrm-declined-row strong{color:#A64850!important;font-size:11.5px!important} .elcrm-app .elcrm-declined-row small{color:#B77A7F!important;font-size:9.5px!important} /* Dense table with fixed hierarchy and sticky headings */ .elcrm-app .elcrm-table-wrap{max-height:clamp(400px,calc(100vh - 365px),680px)!important;overflow:auto!important;scrollbar-gutter:stable!important} .elcrm-app .elcrm-table{min-width:980px!important;table-layout:fixed!important} .elcrm-app .elcrm-table th{position:sticky!important;top:0!important;z-index:3!important;box-shadow:0 1px 0 #E7EBE8!important} .elcrm-app .elcrm-table th:nth-child(1),.elcrm-app .elcrm-table td:nth-child(1){width:25%!important} .elcrm-app .elcrm-table th:nth-child(2),.elcrm-app .elcrm-table td:nth-child(2){width:18%!important} .elcrm-app .elcrm-table th:nth-child(3),.elcrm-app .elcrm-table td:nth-child(3){width:8%!important;min-width:76px!important} .elcrm-app .elcrm-table th:nth-child(4),.elcrm-app .elcrm-table td:nth-child(4){width:22%!important} .elcrm-app .elcrm-table th:nth-child(5),.elcrm-app .elcrm-table td:nth-child(5){width:14%!important} .elcrm-app .elcrm-table th:nth-child(6),.elcrm-app .elcrm-table td:nth-child(6){width:10%!important} .elcrm-app .elcrm-table th:nth-child(7),.elcrm-app .elcrm-table td:nth-child(7){width:3%!important} .elcrm-app .elcrm-lead-main strong{font-weight:800!important;color:#233229!important} .elcrm-app .elcrm-address-cell strong{font-weight:650!important;color:#445149!important} .elcrm-app .elcrm-date-cell>span{color:#5E6B63!important} .elcrm-app .elcrm-value-cell strong{color:#203029!important;font-weight:800!important;white-space:nowrap!important} .elcrm-app .elcrm-lead-row.is-waiting td{background:#FFFCF6!important} .elcrm-app .elcrm-lead-row.is-waiting td:first-child{box-shadow:inset 3px 0 0 #E8C982!important} .elcrm-app .elcrm-lead-row.is-overdue td{background:#FFFAFA!important} .elcrm-app .elcrm-lead-row.is-overdue:hover td{background:#FFF5F5!important} .elcrm-app .elcrm-inline-status:hover{border-color:#B9C8BF!important;box-shadow:0 2px 7px rgba(23,48,33,.06)!important} .elcrm-app .elcrm-inline-status:focus-within{border-color:#35CC6B!important;box-shadow:0 0 0 3px rgba(53,204,107,.1)!important} /* Pagination */ .elcrm-app .elcrm-table-footer{min-height:44px!important;gap:14px!important} .elcrm-app .elcrm-pagination{display:flex!important;align-items:center!important;gap:7px!important;color:#7F8A83!important} .elcrm-app .elcrm-pagination label{display:flex!important;align-items:center!important;gap:6px!important;font-size:9.5px!important} .elcrm-app .elcrm-pagination select{height:28px!important;padding:0 24px 0 7px!important;border:1px solid #E0E6E2!important;border-radius:6px!important;background:#fff!important;color:#536159!important;font-size:9.5px!important} .elcrm-app .elcrm-pagination button{width:28px!important;height:28px!important;padding:0!important;border:1px solid #E0E6E2!important;border-radius:6px!important;background:#fff!important;color:#536159!important;font-size:17px!important;line-height:1!important;cursor:pointer!important} .elcrm-app .elcrm-pagination button:hover:not(:disabled){border-color:#BFDCC9!important;background:#F2FAF4!important;color:#176B3C!important} .elcrm-app .elcrm-pagination button:disabled{opacity:.4!important;cursor:default!important} .elcrm-app .elcrm-pagination>span{min-width:84px!important;text-align:center!important;font-size:9.5px!important} /* Lead drawer */ .elcrm-app .elcrm-drawer-toolbar{min-height:38px!important;margin:0 0 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important} .elcrm-app .elcrm-drawer-navigation{display:flex!important;align-items:center!important;gap:7px!important} .elcrm-app .elcrm-drawer-navigation button{width:32px!important;height:32px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #DDE4DF!important;border-radius:8px!important;background:#fff!important;color:#536159!important;cursor:pointer!important} .elcrm-app .elcrm-drawer-navigation button:hover:not(:disabled){background:#F3F8F5!important;border-color:#BDD0C3!important;color:#176B3C!important} .elcrm-app .elcrm-drawer-navigation button:disabled{opacity:.35!important;cursor:default!important} .elcrm-app .elcrm-drawer-navigation span{min-width:48px!important;text-align:center!important;color:#8A958E!important;font-size:10px!important;font-weight:700!important} .elcrm-app .elcrm-drawer-close{position:static!important;top:auto!important;right:auto!important;flex:0 0 auto!important} .elcrm-app .elcrm-drawer-profile{padding-right:0!important} .elcrm-app .elcrm-drawer-address{margin-top:1px!important;display:inline-flex!important;align-items:flex-start!important;gap:6px!important;color:#6F7D74!important;font-size:12.5px!important;line-height:1.5!important;text-decoration:none!important} .elcrm-app .elcrm-drawer-address:hover{color:#176B3C!important} .elcrm-app .elcrm-drawer-address svg{width:14px!important;height:14px!important;margin-top:2px!important;flex:0 0 auto!important} .elcrm-app .elcrm-drawer-meta-right{display:flex!important;align-items:center!important;gap:10px!important} .elcrm-app .elcrm-drawer-meta-right>strong{color:#17231C!important;font-size:20px!important;} .elcrm-app .elcrm-quick-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} .elcrm-app .elcrm-quick-actions a{gap:7px!important} .elcrm-app .elcrm-quick-actions a svg{width:14px!important;height:14px!important} .elcrm-app .elcrm-drawer-footer{position:sticky!important;bottom:0!important;z-index:5!important;box-shadow:0 -8px 22px rgba(20,35,27,.045)!important} /* Toast confirmation */ .elcrm-app .elcrm-toast{display:flex!important;align-items:center!important;gap:8px!important} .elcrm-app .elcrm-toast>span{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#35CC6B!important;color:#07261A!important;font-size:10px!important;font-weight:900!important} .elcrm-app .elcrm-toast.is-error>span{background:#D96D76!important;color:#fff!important} /* Admin list is easier to navigate when it grows */ .elcrm-app .elcrm-admin-table-wrap{max-height:640px!important;overflow:auto!important} .elcrm-app .elcrm-admin-table th{position:sticky!important;top:0!important;z-index:2!important} @media(max-width:1180px){ .elcrm-app .elcrm-status-flow{grid-template-columns:1fr!important} .elcrm-app .elcrm-status-flow-arrow{display:none!important} .elcrm-app .elcrm-status-stage>div{width:100%!important} } @media(max-width:760px){ .elcrm-app .elcrm-sidebar{background:#07261A!important;border-right:0!important} .elcrm-app .elcrm-brand{padding:0!important} .elcrm-app .elcrm-nav-item{color:rgba(237,254,219,.72)!important} .elcrm-app .elcrm-welcome{align-items:flex-start!important;display:grid!important;gap:11px!important} .elcrm-app .elcrm-welcome h1{font-size:22px!important} .elcrm-app .elcrm-action-needed-button{width:max-content!important} .elcrm-app .elcrm-overview-panels{gap:10px!important} .elcrm-app .elcrm-status-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} .elcrm-app .elcrm-status-flow-arrow{display:none!important} .elcrm-app .elcrm-status-stage{padding:9px!important;align-items:flex-start!important;gap:6px!important} .elcrm-app .elcrm-status-stage>div{display:block!important} .elcrm-app .elcrm-status-stage strong{display:block!important;font-size:18px!important} .elcrm-app .elcrm-status-stage span:not(.elcrm-status-stage-dot){display:block!important;margin-top:3px!important} .elcrm-app .elcrm-table-footer{align-items:flex-start!important;flex-direction:column!important;padding:10px 12px!important} .elcrm-app .elcrm-pagination{width:100%!important;justify-content:space-between!important;flex-wrap:wrap!important} .elcrm-app .elcrm-lead-card{padding:13px!important;grid-template-columns:1fr!important} .elcrm-app .elcrm-mobile-lead-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important} .elcrm-app .elcrm-mobile-lead-head>div{min-width:0!important} .elcrm-app .elcrm-mobile-lead-head>.elcrm-lead-age{flex:0 0 auto!important;margin:0!important} .elcrm-app .elcrm-mobile-control-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important} .elcrm-app .elcrm-mobile-control-row .elcrm-inline-status{max-width:calc(100% - 78px)!important} .elcrm-app .elcrm-mobile-actions{display:flex!important;align-items:center!important;gap:6px!important} .elcrm-app .elcrm-lead-card.is-waiting{background:#FFFCF6!important;box-shadow:inset 3px 0 0 #E8C982!important} .elcrm-app .elcrm-lead-card.is-overdue{background:#FFFAFA!important} .elcrm-app .elcrm-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:520px){ .elcrm-app .elcrm-status-flow{grid-template-columns:1fr!important} .elcrm-app .elcrm-quick-actions{grid-template-columns:1fr!important} .elcrm-app .elcrm-pagination label{width:100%!important} } /* v1.2.1 fix table-cell layout between lead and status */ .elcrm-app .elcrm-table td.elcrm-lead-main{display:table-cell!important;min-width:0!important;vertical-align:middle!important} .elcrm-app .elcrm-lead-main-inner{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important} .elcrm-app .elcrm-lead-main-inner .elcrm-lead-copy{min-width:0!important} .elcrm-app .elcrm-lead-main-inner .elcrm-lead-copy strong{display:block!important} .elcrm-app .elcrm-lead-main-inner .elcrm-lead-copy small{display:block!important} .elcrm-app .elcrm-table th:nth-child(1),.elcrm-app .elcrm-table td:nth-child(1){width:23%!important} .elcrm-app .elcrm-table th:nth-child(2),.elcrm-app .elcrm-table td:nth-child(2){width:18%!important} /* v1.2.3 dark conversion card */ .elcrm-app .elcrm-conversion-card{ background:#07261A!important; border-color:#07261A!important; box-shadow:0 10px 28px rgba(7,38,26,.10)!important; } .elcrm-app .elcrm-conversion-card .elcrm-overview-kicker{ color:rgba(237,254,219,.62)!important; } .elcrm-app .elcrm-conversion-card h3{ color:#FFFFFF!important; } .elcrm-app .elcrm-conversion-card .elcrm-conversion-value{ color:#35CC6B!important; } .elcrm-app .elcrm-conversion-card .elcrm-conversion-copy strong{ color:#FFFFFF!important; } .elcrm-app .elcrm-conversion-card .elcrm-conversion-copy span{ color:rgba(255,255,255,.68)!important; } .elcrm-app .elcrm-conversion-card .elcrm-conversion-progress{ background:rgba(255,255,255,.12)!important; } .elcrm-app .elcrm-conversion-card .elcrm-conversion-progress span{ background:linear-gradient(90deg,#35CC6B 0%,#75E39B 100%)!important; } .elcrm-app .elcrm-conversion-card .elcrm-comparison{ background:rgba(255,255,255,.10)!important; color:rgba(255,255,255,.74)!important; } .elcrm-app .elcrm-conversion-card .elcrm-comparison.is-up{ background:rgba(53,204,107,.16)!important; color:#7AE79D!important; } .elcrm-app .elcrm-conversion-card .elcrm-comparison.is-down{ background:rgba(255,132,142,.13)!important; color:#FF9EA6!important; } .elcrm-app .elcrm-conversion-card .elcrm-comparison.is-neutral{ background:rgba(255,255,255,.10)!important; color:rgba(255,255,255,.72)!important; } /* v1.2.4 pipeline status overview */ .elcrm-app .elcrm-status-card{overflow:hidden!important} .elcrm-app .elcrm-pipeline{display:grid!important;gap:12px!important} .elcrm-app .elcrm-pipeline-main{display:grid!important;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr)!important;align-items:center!important;gap:7px!important} .elcrm-app .elcrm-pipeline-stage{min-width:0!important;padding:13px 14px!important;border:1px solid #E6ECE8!important;border-radius:10px!important;background:#FBFCFB!important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important} .elcrm-app .elcrm-pipeline-stage:hover{transform:translateY(-1px)!important;box-shadow:0 7px 20px rgba(15,43,29,.06)!important} .elcrm-app .elcrm-pipeline-stage-head{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:10px!important} .elcrm-app .elcrm-pipeline-stage-head small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#68756D!important;font-size:10.5px!important;font-weight:750!important} .elcrm-app .elcrm-pipeline-dot{width:8px!important;height:8px!important;flex:0 0 auto!important;border-radius:50%!important;background:#AAB5AF!important;box-shadow:0 0 0 4px rgba(170,181,175,.12)!important} .elcrm-app .elcrm-pipeline-stage.contact .elcrm-pipeline-dot{background:#D8A74A!important;box-shadow:0 0 0 4px rgba(216,167,74,.12)!important} .elcrm-app .elcrm-pipeline-stage.planned .elcrm-pipeline-dot{background:#35CC6B!important;box-shadow:0 0 0 4px rgba(53,204,107,.13)!important} .elcrm-app .elcrm-pipeline-stage-value{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important} .elcrm-app .elcrm-pipeline-stage-value strong{color:#1B2820!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:25px!important;line-height:1!important;} .elcrm-app .elcrm-pipeline-stage-value span{color:#8B9690!important;font-size:10.5px!important;font-weight:700!important} .elcrm-app .elcrm-pipeline-stage-track{height:5px!important;margin-top:10px!important;overflow:hidden!important;border-radius:999px!important;background:#EDF1EF!important} .elcrm-app .elcrm-pipeline-stage-track span{display:block!important;height:100%!important;border-radius:999px!important;background:#AEB8B2!important} .elcrm-app .elcrm-pipeline-stage.contact .elcrm-pipeline-stage-track span{background:#DDB45F!important} .elcrm-app .elcrm-pipeline-stage.planned .elcrm-pipeline-stage-track span{background:#35CC6B!important} .elcrm-app .elcrm-pipeline-connector{position:relative!important;height:2px!important;background:#DDE4E0!important} .elcrm-app .elcrm-pipeline-connector span{position:absolute!important;inset:-5px 0!important} .elcrm-app .elcrm-pipeline-connector b{position:absolute!important;right:-3px!important;top:50%!important;transform:translateY(-55%)!important;width:17px!important;height:17px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff!important;border:1px solid #DDE4E0!important;color:#9BA69F!important;font-size:17px!important;line-height:1!important;font-weight:500!important} .elcrm-app .elcrm-pipeline-outflow{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,36%)!important;align-items:center!important;gap:10px!important} .elcrm-app .elcrm-pipeline-branch{position:relative!important;height:26px!important} .elcrm-app .elcrm-pipeline-branch:before{content:""!important;position:absolute!important;top:-13px!important;right:19%!important;width:1px!important;height:27px!important;background:#E7C9CC!important} .elcrm-app .elcrm-pipeline-branch:after{content:""!important;position:absolute!important;top:13px!important;right:19%!important;width:42%!important;height:1px!important;background:#E7C9CC!important} .elcrm-app .elcrm-pipeline-branch span{position:absolute!important;right:19%!important;top:8px!important;width:9px!important;height:9px!important;border-right:1px solid #D99CA2!important;border-bottom:1px solid #D99CA2!important;transform:rotate(-45deg)!important;background:#fff!important} .elcrm-app .elcrm-outflow-card{min-height:62px!important;padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:1px solid #F0D9DB!important;border-radius:10px!important;background:#FFF8F8!important} .elcrm-app .elcrm-outflow-copy{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important} .elcrm-app .elcrm-outflow-badge{flex:0 0 auto!important;padding:4px 6px!important;border-radius:5px!important;background:#FCE7E9!important;color:#A94C55!important;font-size:8.5px!important;font-weight:850!important;text-transform:uppercase!important;} .elcrm-app .elcrm-outflow-copy>div{min-width:0!important} .elcrm-app .elcrm-outflow-copy strong{display:block!important;color:#7E3F45!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important} .elcrm-app .elcrm-outflow-copy small{display:block!important;margin-top:2px!important;color:#B1878B!important;font-size:9px!important;white-space:nowrap!important} .elcrm-app .elcrm-outflow-value{display:flex!important;align-items:baseline!important;gap:7px!important;white-space:nowrap!important} .elcrm-app .elcrm-outflow-value strong{color:#A44750!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:22px!important;line-height:1!important} .elcrm-app .elcrm-outflow-value span{color:#B87B81!important;font-size:9.5px!important;font-weight:700!important} .elcrm-app .elcrm-status-flow,.elcrm-app .elcrm-declined-row{display:none!important} @media(max-width:980px){ .elcrm-app .elcrm-pipeline-main{grid-template-columns:1fr!important;gap:8px!important} .elcrm-app .elcrm-pipeline-connector{width:2px!important;height:18px!important;margin:0 auto!important} .elcrm-app .elcrm-pipeline-connector b{right:auto!important;left:50%!important;top:100%!important;transform:translate(-50%,-50%) rotate(90deg)!important} .elcrm-app .elcrm-pipeline-outflow{grid-template-columns:1fr!important} .elcrm-app .elcrm-pipeline-branch{height:18px!important} .elcrm-app .elcrm-pipeline-branch:before{top:0!important;right:50%!important;height:18px!important} .elcrm-app .elcrm-pipeline-branch:after,.elcrm-app .elcrm-pipeline-branch span{display:none!important} } @media(max-width:600px){ .elcrm-app .elcrm-pipeline-stage{padding:12px!important} .elcrm-app .elcrm-pipeline-stage-value strong{font-size:22px!important} .elcrm-app .elcrm-outflow-card{align-items:flex-start!important;flex-direction:column!important} } /* v1.2.5 cleaner status distribution */ .elcrm-app .elcrm-pipeline{display:none!important} .elcrm-app .elcrm-status-card{overflow:hidden!important} .elcrm-app .elcrm-status-segmented{ width:100%!important; height:12px!important; display:flex!important; overflow:hidden!important; border-radius:999px!important; background:#EEF2F0!important; box-shadow:inset 0 0 0 1px rgba(7,38,26,.035)!important; } .elcrm-app .elcrm-status-segmented>span{display:block!important;height:100%!important;min-width:0!important} .elcrm-app .elcrm-status-segmented>span+span{box-shadow:-2px 0 0 #fff!important} .elcrm-app .elcrm-status-segmented .new{background:#B9C3BD!important} .elcrm-app .elcrm-status-segmented .contact{background:#E4BE6D!important} .elcrm-app .elcrm-status-segmented .planned{background:#35CC6B!important} .elcrm-app .elcrm-status-segmented .declined{background:#DE858D!important} .elcrm-app .elcrm-status-segmented .empty{background:#EEF2F0!important} .elcrm-app .elcrm-status-breakdown{ margin-top:16px!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; border-top:1px solid #EDF1EF!important; border-left:1px solid #EDF1EF!important; border-radius:8px!important; overflow:hidden!important; } .elcrm-app .elcrm-status-breakdown-item{ min-width:0!important; min-height:61px!important; padding:12px 13px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; border-right:1px solid #EDF1EF!important; border-bottom:1px solid #EDF1EF!important; background:#fff!important; } .elcrm-app .elcrm-status-breakdown-label{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important} .elcrm-app .elcrm-status-breakdown-label>span{width:8px!important;height:8px!important;flex:0 0 auto!important;border-radius:50%!important;background:#B9C3BD!important} .elcrm-app .elcrm-status-breakdown-item.contact .elcrm-status-breakdown-label>span{background:#E4BE6D!important} .elcrm-app .elcrm-status-breakdown-item.planned .elcrm-status-breakdown-label>span{background:#35CC6B!important} .elcrm-app .elcrm-status-breakdown-item.declined .elcrm-status-breakdown-label>span{background:#DE858D!important} .elcrm-app .elcrm-status-breakdown-label strong{ min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#4E5C54!important; font-size:11.5px!important; font-weight:700!important; } .elcrm-app .elcrm-status-breakdown-value{display:flex!important;align-items:baseline!important;gap:7px!important;white-space:nowrap!important} .elcrm-app .elcrm-status-breakdown-value>strong{ color:#1C2921!important; font-family:"Archivo","Manrope",sans-serif!important; font-size:19px!important; line-height:1!important; } .elcrm-app .elcrm-status-breakdown-value>small{color:#99A39D!important;font-size:9.5px!important;font-weight:700!important} @media(max-width:760px){ .elcrm-app .elcrm-status-breakdown{grid-template-columns:1fr!important} .elcrm-app .elcrm-status-breakdown-item{min-height:56px!important} } /* v1.2.6 refined subtle status legend */ .elcrm-app .elcrm-status-card{padding-bottom:15px!important} .elcrm-app .elcrm-status-summary{ margin:-2px 0 10px!important; display:flex!important; align-items:baseline!important; gap:6px!important; color:#9AA39D!important; font-size:9.5px!important; } .elcrm-app .elcrm-status-summary strong{ color:#4E5C54!important; font-family:"Archivo","Manrope",sans-serif!important; font-size:12px!important; font-weight:750!important; } .elcrm-app .elcrm-status-segmented{ height:10px!important; box-shadow:none!important; } .elcrm-app .elcrm-status-segmented>span+span{box-shadow:-1px 0 0 rgba(255,255,255,.9)!important} .elcrm-app .elcrm-status-breakdown{ margin-top:13px!important; padding-top:12px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; flex-wrap:wrap!important; gap:8px 18px!important; border:0!important; border-top:1px solid #F0F2F1!important; border-radius:0!important; overflow:visible!important; } .elcrm-app .elcrm-status-breakdown-item{ min-height:0!important; padding:0!important; display:inline-grid!important; grid-template-columns:6px auto auto auto!important; align-items:center!important; justify-content:start!important; gap:5px!important; border:0!important; background:transparent!important; } .elcrm-app .elcrm-status-breakdown-dot{ width:6px!important; height:6px!important; display:block!important; border-radius:50%!important; background:#B9C3BD!important; } .elcrm-app .elcrm-status-breakdown-item.contact .elcrm-status-breakdown-dot{background:#E4BE6D!important} .elcrm-app .elcrm-status-breakdown-item.planned .elcrm-status-breakdown-dot{background:#35CC6B!important} .elcrm-app .elcrm-status-breakdown-item.declined .elcrm-status-breakdown-dot{background:#DE858D!important} .elcrm-app .elcrm-status-breakdown-name{ color:#78837C!important; font-size:9.5px!important; font-weight:600!important; white-space:nowrap!important; } .elcrm-app .elcrm-status-breakdown-count{ color:#46534B!important; font-family:"Manrope",sans-serif!important; font-size:9.5px!important; font-weight:800!important; white-space:nowrap!important; } .elcrm-app .elcrm-status-breakdown-percent{ color:#ADB5B0!important; font-size:8.5px!important; font-weight:600!important; white-space:nowrap!important; } .elcrm-app .elcrm-status-breakdown-label,.elcrm-app .elcrm-status-breakdown-value{display:none!important} @media(max-width:760px){ .elcrm-app .elcrm-status-breakdown{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important} } @media(max-width:430px){ .elcrm-app .elcrm-status-breakdown{grid-template-columns:1fr!important} } /* v1.3.0 micro-UX, hierarchy and management refinement */ .elcrm-app .elcrm-welcome{margin-bottom:20px!important} .elcrm-app .elcrm-metrics{margin-bottom:22px!important} .elcrm-app .elcrm-overview-panels{margin-bottom:22px!important} .elcrm-app .elcrm-metric-card{position:relative!important;transition:background .16s ease,box-shadow .16s ease!important} .elcrm-app .elcrm-metric-card.is-primary{background:linear-gradient(180deg,#FFFFFF 0%,#FBFEFC 100%)!important;box-shadow:inset 0 2px 0 rgba(53,204,107,.30)!important} .elcrm-app .elcrm-metric-card.is-primary .elcrm-metric-body strong{color:#123B27!important} .elcrm-app .elcrm-metric-card.is-secondary .elcrm-metric-label{color:#87918B!important} .elcrm-app .elcrm-metric-card.is-clickable{cursor:pointer!important;outline:none!important} .elcrm-app .elcrm-metric-card.is-clickable:hover,.elcrm-app .elcrm-metric-card.is-clickable:focus-visible{background:#F8FCF9!important;box-shadow:inset 0 2px 0 rgba(53,204,107,.48)!important} .elcrm-app .elcrm-metric-bottom{margin-top:10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important} .elcrm-app .elcrm-metric-bottom .elcrm-metric-note{margin:0!important} .elcrm-app .elcrm-metric-open{display:inline-flex!important;align-items:center!important;gap:2px!important;color:#9AA59E!important;font-size:8.5px!important;font-weight:750!important;white-space:nowrap!important;opacity:.58!important;transition:opacity .15s ease,color .15s ease!important} .elcrm-app .elcrm-metric-open svg{width:11px!important;height:11px!important} .elcrm-app .elcrm-metric-card.is-clickable:hover .elcrm-metric-open,.elcrm-app .elcrm-metric-card.is-clickable:focus-visible .elcrm-metric-open{color:#176B3C!important;opacity:1!important} /* Action needed is visible without becoming a warning banner */ .elcrm-app .elcrm-action-needed-button{min-width:215px!important;min-height:48px!important;padding:7px 10px!important;justify-content:flex-start!important;border-color:#BFE8CC!important;background:#F2FBF5!important;box-shadow:0 4px 14px rgba(19,90,52,.05)!important;text-align:left!important} .elcrm-app .elcrm-action-needed-button>span{min-width:28px!important;height:28px!important;padding:0 7px!important;flex:0 0 auto!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:10px!important} .elcrm-app .elcrm-action-needed-button>div{min-width:0!important;display:flex!important;flex:1!important;flex-direction:column!important} .elcrm-app .elcrm-action-needed-button>div strong{color:#155F37!important;font-size:10.5px!important;line-height:1.2!important} .elcrm-app .elcrm-action-needed-button>div small{margin-top:2px!important;color:#779083!important;font-size:8.5px!important;font-weight:650!important;line-height:1.2!important} .elcrm-app .elcrm-action-needed-button>svg{width:13px!important;height:13px!important;flex:0 0 auto!important;color:#5E9172!important} /* Lead age: amber means follow-up, not failure */ .elcrm-app .elcrm-lead-age{white-space:nowrap!important} .elcrm-app .elcrm-lead-age.waiting{color:#9A7A39!important} .elcrm-app .elcrm-lead-age.overdue{color:#A46B16!important;font-weight:750!important} .elcrm-app .elcrm-lead-age.critical{color:#8D5B10!important;font-weight:850!important} .elcrm-app .elcrm-lead-row.is-waiting td{background:#FFFEFA!important} .elcrm-app .elcrm-lead-row.is-waiting td:first-child{box-shadow:inset 2px 0 0 #EBD89D!important} .elcrm-app .elcrm-lead-row.is-overdue td{background:#FFFCF5!important} .elcrm-app .elcrm-lead-row.is-overdue td:first-child{box-shadow:inset 3px 0 0 #E2B85F!important} .elcrm-app .elcrm-lead-row.is-overdue:hover td{background:#FFF9EC!important} .elcrm-app .elcrm-lead-row.is-critical td{background:#FFF9EC!important} .elcrm-app .elcrm-lead-row.is-critical td:first-child{box-shadow:inset 3px 0 0 #C88A24!important} .elcrm-app .elcrm-lead-row.is-critical:hover td{background:#FFF5DE!important} .elcrm-app .elcrm-lead-card.is-overdue,.elcrm-app .elcrm-lead-card.is-critical{background:#FFFCF5!important;box-shadow:inset 3px 0 0 #D7A744!important} /* More CRM-like table interaction */ .elcrm-app .elcrm-table tbody tr td{transition:background .14s ease!important} .elcrm-app .elcrm-contact-action{opacity:.62!important;transition:opacity .14s ease,transform .14s ease,border-color .14s ease!important} .elcrm-app .elcrm-lead-row:hover .elcrm-contact-action,.elcrm-app .elcrm-contact-action:focus-visible{opacity:1!important} .elcrm-app .elcrm-contact-action:hover{transform:translateY(-1px)!important} .elcrm-app .elcrm-row-arrow svg{transition:transform .14s ease,color .14s ease!important} .elcrm-app .elcrm-lead-row:hover .elcrm-row-arrow svg{transform:translateX(2px)!important;color:#176B3C!important} /* Status control now reads like a badge instead of a form field */ .elcrm-app .elcrm-inline-status{min-width:136px!important;height:28px!important;padding:0 24px 0 20px!important;border-radius:999px!important;box-shadow:none!important} .elcrm-app .elcrm-inline-status:after{content:"⌄"!important;position:absolute!important;right:9px!important;top:47%!important;transform:translateY(-50%)!important;color:currentColor!important;font-size:11px!important;line-height:1!important;opacity:.65!important;pointer-events:none!important} .elcrm-app .elcrm-inline-status select{-webkit-appearance:none!important;appearance:none!important;height:26px!important;padding:0!important;font-size:9.5px!important} .elcrm-app .elcrm-inline-status:hover{box-shadow:none!important;filter:brightness(.985)!important} /* Conversion detail becomes actionable */ .elcrm-app .elcrm-conversion-stats{margin:13px 0 12px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-top:1px solid rgba(255,255,255,.10)!important;border-bottom:1px solid rgba(255,255,255,.10)!important} .elcrm-app .elcrm-conversion-stats button{min-width:0!important;padding:9px 8px!important;border:0!important;border-right:1px solid rgba(255,255,255,.10)!important;background:transparent!important;color:#fff!important;text-align:left!important;cursor:pointer!important} .elcrm-app .elcrm-conversion-stats button:last-child{border-right:0!important} .elcrm-app .elcrm-conversion-stats button:hover{background:rgba(255,255,255,.05)!important} .elcrm-app .elcrm-conversion-stats strong{display:block!important;color:#fff!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:14px!important;line-height:1!important} .elcrm-app .elcrm-conversion-stats span{display:block!important;margin-top:4px!important;color:rgba(255,255,255,.58)!important;font-size:8.5px!important;white-space:nowrap!important} /* Status legend stays subtle but is now useful */ .elcrm-app .elcrm-status-breakdown-item{font-family:"Manrope",sans-serif!important;cursor:pointer!important;text-align:left!important;transition:opacity .14s ease,background .14s ease!important;outline:none!important} .elcrm-app .elcrm-status-breakdown-item:hover,.elcrm-app .elcrm-status-breakdown-item:focus-visible{opacity:.78!important} .elcrm-app .elcrm-status-breakdown-item:focus-visible{box-shadow:0 0 0 2px rgba(53,204,107,.16)!important;border-radius:5px!important} /* Compact lead drawer header */ .elcrm-app .elcrm-drawer-header{padding-top:22px!important;padding-bottom:20px!important} .elcrm-app .elcrm-drawer-toolbar{margin-bottom:10px!important} .elcrm-app .elcrm-drawer-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:flex-start!important;gap:18px!important} .elcrm-app .elcrm-drawer-profile{align-items:flex-start!important;gap:12px!important;min-width:0!important} .elcrm-app .elcrm-drawer-profile-copy{min-width:0!important} .elcrm-app .elcrm-drawer h2{margin-bottom:4px!important;font-size:23px!important} .elcrm-app .elcrm-drawer-summary{min-width:118px!important;display:flex!important;align-items:flex-end!important;flex-direction:column!important;gap:7px!important;text-align:right!important} .elcrm-app .elcrm-drawer-summary>strong{color:#17231C!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:20px!important;line-height:1!important;} .elcrm-app .elcrm-drawer-summary .elcrm-status{font-size:9px!important;padding:5px 8px!important} .elcrm-app .elcrm-drawer-contact-actions{margin-top:9px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important} .elcrm-app .elcrm-drawer-contact-actions a{height:28px!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;border:1px solid #E1E7E3!important;border-radius:7px!important;background:#fff!important;color:#5D6A63!important;font-size:9px!important;font-weight:750!important} .elcrm-app .elcrm-drawer-contact-actions a:hover{border-color:#C5D9CC!important;background:#F5FAF7!important;color:#176B3C!important} .elcrm-app .elcrm-drawer-contact-actions svg{width:12px!important;height:12px!important} .elcrm-app .elcrm-drawer-meta,.elcrm-app .elcrm-quick-actions{display:none!important} /* Empty states */ .elcrm-app .elcrm-empty{padding:24px!important} .elcrm-app .elcrm-empty-state{min-height:132px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;text-align:center!important} .elcrm-app .elcrm-empty-icon{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#F1F6F3!important;color:#789084!important} .elcrm-app .elcrm-empty-icon svg{width:15px!important;height:15px!important} .elcrm-app .elcrm-empty-state strong{margin-top:9px!important;color:#3C4A42!important;font-size:11.5px!important} .elcrm-app .elcrm-empty-state p{max-width:360px!important;margin:4px 0 0!important;color:#929C96!important;font-size:9.5px!important;line-height:1.45!important} .elcrm-app .elcrm-empty-state button{margin-top:10px!important;height:28px!important;padding:0 9px!important;border:1px solid #DCE5DF!important;border-radius:6px!important;background:#fff!important;color:#176B3C!important;font-size:9px!important;font-weight:750!important;cursor:pointer!important} .elcrm-app .elcrm-overview-card-empty{min-height:194px!important} .elcrm-app .elcrm-overview-empty{min-height:112px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;text-align:center!important} .elcrm-app .elcrm-overview-empty>span{color:#9BAC9F!important} .elcrm-app .elcrm-overview-empty>span svg{width:18px!important;height:18px!important} .elcrm-app .elcrm-overview-empty strong{margin-top:7px!important;color:#4B5A51!important;font-size:10.5px!important} .elcrm-app .elcrm-overview-empty p{max-width:300px!important;margin:4px 0 0!important;color:#9BA59F!important;font-size:9px!important;line-height:1.45!important} .elcrm-app .elcrm-overview-empty.is-dark>span{color:#35CC6B!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:24px!important} .elcrm-app .elcrm-overview-empty.is-dark strong{color:#fff!important} .elcrm-app .elcrm-overview-empty.is-dark p{color:rgba(255,255,255,.55)!important} /* Admin management layer */ .elcrm-app .elcrm-admin-insights{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important} .elcrm-app .elcrm-admin-insight{min-width:0!important;padding:12px 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid #E5EBE7!important;border-radius:9px!important;background:#FBFCFB!important} .elcrm-app .elcrm-admin-insight>div{min-width:0!important} .elcrm-app .elcrm-admin-insight span{display:block!important;color:#929D96!important;font-size:8.5px!important;font-weight:750!important;text-transform:uppercase!important;} .elcrm-app .elcrm-admin-insight strong{display:block!important;margin-top:5px!important;color:#183123!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:17px!important;line-height:1!important} .elcrm-app .elcrm-admin-insight small{display:block!important;margin-top:5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#69776E!important;font-size:9.5px!important;font-weight:650!important} .elcrm-app .elcrm-admin-insight>a{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border-radius:50%!important;background:#EDF8F0!important;color:#176B3C!important} .elcrm-app .elcrm-admin-insight>a svg{width:12px!important;height:12px!important} .elcrm-app .elcrm-admin-insight.is-warning{border-color:#F0E0BC!important;background:#FFFCF5!important} .elcrm-app .elcrm-admin-insight.is-warning>a{background:#FFF1D5!important;color:#9A681A!important} .elcrm-app .elcrm-admin-action-count{display:inline-flex!important;min-width:24px!important;height:23px!important;padding:0 7px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#FFF3D9!important;color:#946313!important;font-size:9.5px!important;font-weight:800!important} .elcrm-app .elcrm-admin-zero{color:#ABB3AE!important} @media(max-width:980px){ .elcrm-app .elcrm-admin-insights{grid-template-columns:1fr!important} } @media(max-width:760px){ .elcrm-app .elcrm-metric-open{display:none!important} .elcrm-app .elcrm-action-needed-button{width:100%!important;max-width:330px!important} .elcrm-app .elcrm-conversion-stats{grid-template-columns:1fr!important;border:0!important;gap:4px!important} .elcrm-app .elcrm-conversion-stats button{display:flex!important;align-items:center!important;justify-content:space-between!important;border:0!important;border-radius:6px!important;background:rgba(255,255,255,.045)!important} .elcrm-app .elcrm-conversion-stats strong{font-size:12px!important} .elcrm-app .elcrm-conversion-stats span{margin:0!important} } @media(max-width:600px){ .elcrm-app .elcrm-drawer-hero{grid-template-columns:1fr!important;gap:12px!important} .elcrm-app .elcrm-drawer-summary{width:100%!important;min-width:0!important;align-items:center!important;flex-direction:row!important;text-align:left!important} .elcrm-app .elcrm-drawer-summary>strong{margin-right:auto!important} .elcrm-app .elcrm-drawer-contact-actions a span{display:none!important} .elcrm-app .elcrm-drawer-contact-actions a{width:30px!important;padding:0!important;justify-content:center!important} } /* v1.3.0 age tone background correction */ .elcrm-app .elcrm-lead-age.waiting{background:#FFF8E8!important;color:#9A7A39!important} .elcrm-app .elcrm-lead-age.overdue{background:#FFF3D9!important;color:#A46B16!important} .elcrm-app .elcrm-lead-age.critical{background:#FFE9BF!important;color:#8D5B10!important} /* v1.3.1 quick note from lead table */ .elcrm-app .elcrm-contact-actions{position:relative!important} .elcrm-app .elcrm-contact-action.elcrm-quick-note-trigger{position:relative!important;padding:0!important;border:1px solid #E3E9E5!important;background:#fff!important;font-family:inherit!important;cursor:pointer!important} .elcrm-app .elcrm-quick-note-trigger.has-note{border-color:#CCE7D5!important;background:#F2FAF5!important;color:#176B3C!important;opacity:1!important} .elcrm-app .elcrm-quick-note-trigger>i{position:absolute!important;right:3px!important;top:3px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#35CC6B!important;box-shadow:0 0 0 2px #fff!important} .elcrm-app .elcrm-quick-note-popover{position:fixed!important;z-index:100002!important;padding:13px!important;border:1px solid #DDE6E0!important;border-radius:11px!important;background:#fff!important;box-shadow:0 16px 42px rgba(7,38,26,.16)!important;color:#344239!important;text-align:left!important} .elcrm-app .elcrm-quick-note-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important} .elcrm-app .elcrm-quick-note-head span{display:block!important;color:#98A29C!important;font-size:8px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-quick-note-head strong{display:block!important;margin-top:3px!important;color:#1E3025!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:13px!important;line-height:1.2!important} .elcrm-app .elcrm-quick-note-close{width:25px!important;height:25px!important;padding:0!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border:0!important;border-radius:6px!important;background:#F5F7F5!important;color:#869089!important;font-size:17px!important;line-height:1!important;cursor:pointer!important} .elcrm-app .elcrm-quick-note-close:hover{background:#EEF3EF!important;color:#233A2C!important} .elcrm-app .elcrm-quick-note-input{width:100%!important;min-height:92px!important;max-height:190px!important;padding:9px 10px!important;resize:vertical!important;border:1px solid #DFE6E1!important;border-radius:8px!important;background:#FBFCFB!important;color:#344239!important;font-family:"Manrope",sans-serif!important;font-size:10.5px!important;line-height:1.5!important;outline:none!important;box-sizing:border-box!important} .elcrm-app .elcrm-quick-note-input:focus{border-color:#A9D9B9!important;background:#fff!important;box-shadow:0 0 0 3px rgba(53,204,107,.09)!important} .elcrm-app .elcrm-quick-note-footer{margin-top:9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important} .elcrm-app .elcrm-quick-note-message{min-width:0!important;color:#9AA39E!important;font-size:8px!important;line-height:1.35!important} .elcrm-app .elcrm-quick-note-message.is-error{color:#B64950!important} .elcrm-app .elcrm-quick-note-save{height:28px!important;padding:0 11px!important;flex:0 0 auto!important;border:0!important;border-radius:7px!important;background:#07261A!important;color:#fff!important;font-family:"Manrope",sans-serif!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important} .elcrm-app .elcrm-quick-note-save:hover{background:#0B3525!important} .elcrm-app .elcrm-quick-note-save:disabled{opacity:.6!important;cursor:wait!important} @media(max-width:760px){ .elcrm-app .elcrm-mobile-actions .elcrm-quick-note-trigger{display:inline-grid!important} .elcrm-app .elcrm-quick-note-popover{max-width:calc(100vw - 24px)!important} } /* v1.3.2 keep quick-contact actions inside their own table column */ .elcrm-app .elcrm-table th:nth-child(1), .elcrm-app .elcrm-table td:nth-child(1){width:22%!important} .elcrm-app .elcrm-table th:nth-child(3), .elcrm-app .elcrm-table td:nth-child(3){width:11%!important;min-width:108px!important} .elcrm-app .elcrm-table th:nth-child(4), .elcrm-app .elcrm-table td:nth-child(4){width:21%!important} .elcrm-app .elcrm-contact-cell{width:100%!important;min-width:0!important;overflow:visible!important} .elcrm-app .elcrm-contact-actions{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;white-space:nowrap!important} .elcrm-app .elcrm-contact-action{width:30px!important;height:30px!important;flex:0 0 30px!important} .elcrm-app .elcrm-address-cell{overflow:hidden!important} .elcrm-app .elcrm-address-cell strong, .elcrm-app .elcrm-address-cell small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} /* v1.3.5 admin conversion trend sparkline */ .elcrm-app .elcrm-admin-conversion-cell{min-width:168px!important;display:flex!important;align-items:center!important;gap:10px!important} .elcrm-app .elcrm-admin-conversion-cell .elcrm-admin-conversion{flex:0 0 auto!important;min-width:45px!important;justify-content:center!important} .elcrm-app .elcrm-admin-conversion-trend{width:108px!important;height:30px!important;display:block!important;overflow:visible!important;flex:0 0 108px!important} .elcrm-app .elcrm-admin-trend-grid{stroke:#E6ECE8!important;stroke-width:1!important;stroke-dasharray:2 3!important;vector-effect:non-scaling-stroke!important} .elcrm-app .elcrm-admin-trend-line{fill:none!important;stroke:#35CC6B!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke!important} .elcrm-app .elcrm-admin-trend-last{fill:#fff!important;stroke:#169B4C!important;stroke-width:1.7!important;vector-effect:non-scaling-stroke!important} .elcrm-app .elcrm-admin-table tbody tr:hover .elcrm-admin-trend-line{stroke:#21B95A!important} @media(max-width:900px){ .elcrm-app .elcrm-admin-conversion-cell{min-width:145px!important;gap:7px!important} .elcrm-app .elcrm-admin-conversion-trend{width:84px!important;flex-basis:84px!important} } /* Admin analyseblokken v1.4.0 */ .elcrm-app .elcrm-admin-analysis-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .elcrm-app .elcrm-admin-analysis-card{min-width:0!important;padding:16px!important;border:1px solid #E5EBE7!important;border-radius:10px!important;background:#fff!important} .elcrm-app .elcrm-admin-analysis-card:nth-child(3){grid-column:1/-1!important} .elcrm-app .elcrm-admin-analysis-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important} .elcrm-app .elcrm-admin-analysis-head span{display:block!important;color:#8B9790!important;font-size:8.5px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-admin-analysis-head h3{margin:5px 0 0!important;color:#1C2D23!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:16px!important;line-height:1.2!important;} .elcrm-app .elcrm-admin-analysis-head p{margin:5px 0 0!important;color:#8B958F!important;font-size:9.5px!important;line-height:1.45!important} .elcrm-app .elcrm-admin-analysis-highlights{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important} .elcrm-app .elcrm-admin-analysis-highlights>div{min-width:0!important;padding:10px 11px!important;border-radius:8px!important;background:#F7FAF8!important} .elcrm-app .elcrm-admin-analysis-highlights span{display:block!important;color:#8E9892!important;font-size:8px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-admin-analysis-highlights strong{display:block!important;margin-top:5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#1B3727!important;font-size:11px!important;font-weight:800!important} .elcrm-app .elcrm-admin-analysis-highlights small{display:block!important;margin-top:4px!important;color:#7D8982!important;font-size:8.5px!important;line-height:1.35!important} .elcrm-app .elcrm-admin-analysis-rows{border-top:1px solid #EDF1EE!important} .elcrm-app .elcrm-admin-analysis-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:9px 0!important;border-bottom:1px solid #F0F3F1!important} .elcrm-app .elcrm-admin-analysis-row:last-child{border-bottom:0!important} .elcrm-app .elcrm-admin-analysis-label{min-width:0!important;flex:1 1 auto!important} .elcrm-app .elcrm-admin-analysis-label strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#34443A!important;font-size:10px!important;font-weight:750!important} .elcrm-app .elcrm-admin-analysis-label small{display:block!important;margin-top:2px!important;color:#9AA39E!important;font-size:8.5px!important} .elcrm-app .elcrm-admin-analysis-conversion{width:112px!important;flex:0 0 112px!important;display:flex!important;align-items:center!important;gap:8px!important} .elcrm-app .elcrm-admin-analysis-conversion>span{width:39px!important;text-align:right!important;color:#176B3C!important;font-size:9.5px!important;font-weight:800!important} .elcrm-app .elcrm-admin-analysis-conversion>div{height:5px!important;flex:1 1 auto!important;overflow:hidden!important;border-radius:999px!important;background:#EDF1EE!important} .elcrm-app .elcrm-admin-analysis-conversion i{height:100%!important;display:block!important;border-radius:inherit!important;background:#35CC6B!important} .elcrm-app .elcrm-admin-analysis-more,.elcrm-app .elcrm-admin-analysis-footnote{display:block!important;margin-top:9px!important;color:#A0A8A3!important;font-size:8px!important} .elcrm-app .elcrm-admin-analysis-empty{padding:18px!important;border-radius:8px!important;background:#F8FAF9!important;color:#8B958F!important;font-size:9.5px!important;text-align:center!important} .elcrm-app .elcrm-admin-day-compare{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} .elcrm-app .elcrm-admin-day-row{min-width:0!important;padding:12px!important;border:1px solid #E8EDE9!important;border-radius:9px!important;background:#FBFCFB!important} .elcrm-app .elcrm-admin-day-row>div:first-child strong{display:block!important;color:#2A3B31!important;font-size:11px!important;font-weight:800!important} .elcrm-app .elcrm-admin-day-row>div:first-child small{display:block!important;margin-top:3px!important;color:#909B94!important;font-size:8.5px!important} .elcrm-app .elcrm-admin-day-value{margin-top:12px!important;display:flex!important;align-items:center!important;gap:9px!important} .elcrm-app .elcrm-admin-day-value>strong{width:47px!important;color:#176B3C!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:17px!important;line-height:1!important} .elcrm-app .elcrm-admin-day-value>div{height:6px!important;flex:1 1 auto!important;overflow:hidden!important;border-radius:999px!important;background:#E9EFEB!important} .elcrm-app .elcrm-admin-day-value i{height:100%!important;display:block!important;border-radius:inherit!important;background:#35CC6B!important} .elcrm-app .elcrm-admin-day-insight{margin-top:10px!important;padding:9px 11px!important;border-radius:8px!important;background:#F5F7F6!important;color:#66736B!important;font-size:9.5px!important;font-weight:700!important} .elcrm-app .elcrm-admin-day-insight.is-positive{background:#EEF9F1!important;color:#197044!important} .elcrm-app .elcrm-admin-day-insight.is-negative{background:#FFF8E9!important;color:#8D641E!important} @media(max-width:900px){.elcrm-app .elcrm-admin-analysis-grid{grid-template-columns:1fr!important}.elcrm-app .elcrm-admin-analysis-card:nth-child(3){grid-column:auto!important}} @media(max-width:560px){.elcrm-app .elcrm-admin-analysis-highlights,.elcrm-app .elcrm-admin-day-compare{grid-template-columns:1fr!important}.elcrm-app .elcrm-admin-analysis-row{align-items:flex-start!important;gap:10px!important}.elcrm-app .elcrm-admin-analysis-conversion{width:100px!important;flex-basis:100px!important}} /* v1.5.0 admin management dashboard */ .elcrm-app .elcrm-admin-overview{gap:14px!important} .elcrm-app .elcrm-admin-metrics-compact article{min-height:78px!important;padding:12px 14px!important} .elcrm-app .elcrm-admin-metrics-compact strong{margin-top:7px!important;font-size:22px!important} .elcrm-app .elcrm-admin-metrics-compact small{margin-top:6px!important} .elcrm-app .elcrm-admin-info{width:15px!important;height:15px!important;margin-left:4px!important;display:inline-grid!important;place-items:center!important;border:1px solid #D9E3DD!important;border-radius:50%!important;color:#7D8B82!important;font-size:8px!important;font-weight:800!important;cursor:help!important;vertical-align:1px!important} .elcrm-app .elcrm-admin-insights-compact{gap:8px!important} .elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight{padding:9px 11px!important;min-height:54px!important} .elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight strong{font-size:15px!important;margin-top:3px!important} .elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight small{margin-top:3px!important} .elcrm-app .elcrm-admin-section{min-width:0!important} .elcrm-app .elcrm-admin-section-head{margin:2px 0 8px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important} .elcrm-app .elcrm-admin-section-head>div{min-width:0!important} .elcrm-app .elcrm-admin-section-head>div>span{display:block!important;color:#8B9790!important;font-size:8.5px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-admin-section-head h3{margin:4px 0 0!important;color:#172B20!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:17px!important;line-height:1.15!important;} .elcrm-app .elcrm-admin-section-head p{margin:4px 0 0!important;color:#88938D!important;font-size:9.5px!important;line-height:1.4!important} .elcrm-app .elcrm-admin-section-head>small{flex:0 0 auto!important;color:#9CA59F!important;font-size:9px!important} .elcrm-app .elcrm-admin-performance-section{margin-top:2px!important} .elcrm-app .elcrm-admin-conversion-insights{margin-top:4px!important} .elcrm-app .elcrm-admin-table-wrap{max-height:520px!important} .elcrm-app .elcrm-admin-table th{padding:0!important} .elcrm-app .elcrm-admin-sort{width:100%!important;padding:10px 13px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;text-transform:inherit!important;cursor:pointer!important;text-align:left!important;white-space:nowrap!important} .elcrm-app .elcrm-admin-sort:hover,.elcrm-app .elcrm-admin-sort.is-active{color:#42604E!important;background:#F3F7F4!important} .elcrm-app .elcrm-admin-sort b{font-size:9px!important;color:#A5AEA8!important;font-weight:800!important} .elcrm-app .elcrm-admin-sort.is-active b{color:#35A95E!important} .elcrm-app .elcrm-admin-table tbody tr.is-excluded td{background:#FAFBFA!important;color:#929A95!important} .elcrm-app .elcrm-admin-table tbody tr.is-excluded .elcrm-admin-customer>span{background:#EEF1EF!important;color:#8A958E!important} .elcrm-app .elcrm-admin-table tbody tr.is-excluded .elcrm-admin-conversion,.elcrm-app .elcrm-admin-table tbody tr.is-excluded td strong{opacity:.76!important} .elcrm-app .elcrm-admin-conversion-cell{min-width:210px!important;gap:9px!important} .elcrm-app .elcrm-admin-conversion-copy{min-width:67px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important} .elcrm-app .elcrm-admin-conversion-copy .elcrm-admin-conversion{min-width:auto!important} .elcrm-app .elcrm-admin-trend-delta{font-size:8.5px!important;font-weight:750!important;color:#97A09A!important} .elcrm-app .elcrm-admin-trend-delta.is-up{color:#268751!important} .elcrm-app .elcrm-admin-trend-delta.is-down{color:#A86A45!important} .elcrm-app .elcrm-admin-conversion-trend{width:124px!important;flex-basis:124px!important;height:32px!important} .elcrm-app .elcrm-admin-auto-summary{margin:0 0 10px!important;padding:10px 12px!important;display:flex!important;align-items:flex-start!important;gap:9px!important;border:1px solid #DDEBE2!important;border-radius:9px!important;background:#F3FAF5!important} .elcrm-app .elcrm-admin-auto-summary>span{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border-radius:7px!important;background:#E4F6E9!important;color:#197044!important} .elcrm-app .elcrm-admin-auto-summary svg{width:12px!important;height:12px!important} .elcrm-app .elcrm-admin-auto-summary p{margin:0!important;color:#4F6558!important;font-size:10px!important;line-height:1.55!important;font-weight:650!important} .elcrm-app .elcrm-admin-analysis-grid{gap:9px!important} .elcrm-app .elcrm-admin-analysis-card{padding:14px!important} .elcrm-app .elcrm-admin-analysis-head{margin-bottom:10px!important} .elcrm-app .elcrm-admin-analysis-head h3{font-size:15px!important} .elcrm-app .elcrm-admin-analysis-summaryline{margin-bottom:9px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-radius:7px!important;background:#F7FAF8!important;color:#819087!important;font-size:8.5px!important;line-height:1.4!important} .elcrm-app .elcrm-admin-analysis-summaryline>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .elcrm-app .elcrm-admin-analysis-summaryline strong{margin-left:4px!important;color:#2C4737!important;font-size:9.5px!important} .elcrm-app .elcrm-admin-analysis-summaryline small{margin-left:4px!important;color:#176B3C!important;font-size:8.5px!important;font-weight:800!important} .elcrm-app .elcrm-admin-analysis-columns{display:grid!important;grid-template-columns:minmax(0,1fr) 84px 126px!important;gap:12px!important;padding:0 0 6px!important;border-bottom:1px solid #EDF1EE!important;color:#A0A8A3!important;font-size:7.5px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-admin-analysis-columns span:nth-child(2),.elcrm-app .elcrm-admin-analysis-columns span:nth-child(3){text-align:right!important} .elcrm-app .elcrm-admin-analysis-row{display:grid!important;grid-template-columns:minmax(0,1fr) 84px 126px!important;gap:12px!important;padding:8px 0!important} .elcrm-app .elcrm-admin-analysis-label strong{font-size:9.5px!important} .elcrm-app .elcrm-admin-analysis-label small{font-size:8px!important} .elcrm-app .elcrm-admin-analysis-share{text-align:right!important} .elcrm-app .elcrm-admin-analysis-share strong{display:block!important;color:#53655A!important;font-size:9.5px!important;font-weight:800!important} .elcrm-app .elcrm-admin-analysis-share small{display:block!important;margin-top:2px!important;color:#9CA59F!important;font-size:7.5px!important} .elcrm-app .elcrm-admin-analysis-conversion{width:auto!important;flex:initial!important;justify-self:stretch!important} .elcrm-app .elcrm-admin-analysis-conversion>span{width:44px!important;font-size:9.5px!important} .elcrm-app .elcrm-admin-day-card{padding-bottom:12px!important} .elcrm-app .elcrm-admin-day-compact{display:grid!important;grid-template-columns:1fr auto 1fr auto!important;align-items:center!important;gap:10px!important;padding:9px 10px!important;border:1px solid #E7ECE9!important;border-radius:8px!important;background:#FBFCFB!important} .elcrm-app .elcrm-admin-day-compact>div:not(.elcrm-admin-day-divider):not(.elcrm-admin-day-delta){min-width:0!important} .elcrm-app .elcrm-admin-day-compact span{display:block!important;color:#7D8B83!important;font-size:8.5px!important;font-weight:750!important} .elcrm-app .elcrm-admin-day-compact strong{display:block!important;margin-top:3px!important;color:#176B3C!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:17px!important;line-height:1!important} .elcrm-app .elcrm-admin-day-compact small{display:block!important;margin-top:3px!important;color:#98A19C!important;font-size:8px!important} .elcrm-app .elcrm-admin-day-divider{color:#A3ABA6!important;font-size:8.5px!important;font-weight:800!important;text-transform:uppercase!important} .elcrm-app .elcrm-admin-day-delta{min-width:55px!important;padding:6px 8px!important;border-radius:999px!important;background:#F1F4F2!important;color:#66736B!important;font-size:9px!important;font-weight:850!important;text-align:center!important} .elcrm-app .elcrm-admin-day-delta.is-positive{background:#EAF8EE!important;color:#1B7747!important} .elcrm-app .elcrm-admin-day-delta.is-negative{background:#FFF5E8!important;color:#96661C!important} .elcrm-app .elcrm-admin-day-insight{margin-top:8px!important;padding:7px 9px!important;font-size:8.8px!important} .elcrm-app .elcrm-admin-day-trend{margin-top:9px!important;padding:9px 10px 6px!important;border-top:1px solid #EDF1EE!important} .elcrm-app .elcrm-admin-day-trend-legend{display:flex!important;align-items:center!important;gap:12px!important;color:#64736A!important;font-size:8px!important;font-weight:750!important} .elcrm-app .elcrm-admin-day-trend-legend span{display:inline-flex!important;align-items:center!important;gap:5px!important} .elcrm-app .elcrm-admin-day-trend-legend span:before{content:""!important;width:7px!important;height:2px!important;border-radius:2px!important;background:#176B3C!important} .elcrm-app .elcrm-admin-day-trend-legend span.weekend:before{background:#35CC6B!important} .elcrm-app .elcrm-admin-day-trend-legend small{margin-left:auto!important;color:#A0A8A3!important;font-size:7.5px!important;font-weight:600!important} .elcrm-app .elcrm-admin-day-trend svg{width:100%!important;height:66px!important;margin-top:5px!important;display:block!important;overflow:visible!important} .elcrm-app .elcrm-admin-day-trend svg .grid{stroke:#E8EDEA!important;stroke-width:1!important;stroke-dasharray:2 4!important;vector-effect:non-scaling-stroke!important} .elcrm-app .elcrm-admin-day-trend svg polyline{fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke!important} .elcrm-app .elcrm-admin-day-trend svg polyline.weekday{stroke:#176B3C!important} .elcrm-app .elcrm-admin-day-trend svg polyline.weekend{stroke:#35CC6B!important} .elcrm-app .elcrm-admin-day-trend-axis{display:flex!important;justify-content:space-between!important;color:#A0A8A3!important;font-size:7.5px!important} @media(max-width:980px){ .elcrm-app .elcrm-admin-analysis-columns,.elcrm-app .elcrm-admin-analysis-row{grid-template-columns:minmax(0,1fr) 72px 112px!important;gap:8px!important} .elcrm-app .elcrm-admin-conversion-cell{min-width:175px!important} .elcrm-app .elcrm-admin-conversion-trend{width:92px!important;flex-basis:92px!important} } @media(max-width:700px){ .elcrm-app .elcrm-admin-analysis-summaryline{display:grid!important;gap:4px!important} .elcrm-app .elcrm-admin-analysis-columns{display:none!important} .elcrm-app .elcrm-admin-analysis-row{grid-template-columns:minmax(0,1fr) 68px!important} .elcrm-app .elcrm-admin-analysis-share{display:none!important} .elcrm-app .elcrm-admin-analysis-conversion{grid-column:2!important} .elcrm-app .elcrm-admin-day-compact{grid-template-columns:1fr 1fr!important} .elcrm-app .elcrm-admin-day-divider{display:none!important} .elcrm-app .elcrm-admin-day-delta{grid-column:1/-1!important;justify-self:start!important} } /* v1.6.0 admin UI refresh: calmer, product-led Apple/Google-inspired interface */ .elcrm-app .elcrm-admin-overview{ --admin-text:#202124; --admin-muted:#6B7280; --admin-subtle:#9AA0A6; --admin-line:#E5E7EB; --admin-soft:#F8F9FA; --admin-hover:#F5F7F6; --admin-green:#168342; --admin-green-soft:#EAF6EE; gap:24px!important; color:var(--admin-text)!important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important; } .elcrm-app .elcrm-admin-overview button, .elcrm-app .elcrm-admin-overview input, .elcrm-app .elcrm-admin-overview select, .elcrm-app .elcrm-admin-overview textarea{ font-family:inherit!important; } .elcrm-app .elcrm-admin-head{align-items:center!important;gap:24px!important} .elcrm-app .elcrm-admin-kicker{display:none!important} .elcrm-app .elcrm-admin-head h2{ color:var(--admin-text)!important; font-family:inherit!important; font-size:28px!important; font-weight:650!important; line-height:1.18!important; } .elcrm-app .elcrm-admin-head p{ margin-top:6px!important; color:var(--admin-muted)!important; font-size:12px!important; line-height:1.5!important; } .elcrm-app .elcrm-admin-refreshing{ padding:6px 10px!important; border:1px solid var(--admin-line)!important; border-radius:8px!important; background:#fff!important; color:var(--admin-muted)!important; font-size:10px!important; font-weight:600!important; } /* KPI strip */ .elcrm-app .elcrm-admin-metrics, .elcrm-app .elcrm-admin-metrics-compact{ border:1px solid var(--admin-line)!important; border-radius:14px!important; box-shadow:0 1px 2px rgba(32,33,36,.04)!important; background:#fff!important; } .elcrm-app .elcrm-admin-metrics article, .elcrm-app .elcrm-admin-metrics-compact article{ min-height:94px!important; padding:17px 18px!important; border-color:var(--admin-line)!important; background:#fff!important; } .elcrm-app .elcrm-admin-metrics span{ color:var(--admin-muted)!important; font-size:10.5px!important; font-weight:600!important; } .elcrm-app .elcrm-admin-metrics strong, .elcrm-app .elcrm-admin-metrics-compact strong{ margin-top:9px!important; color:var(--admin-text)!important; font-family:inherit!important; font-size:24px!important; font-weight:650!important; } .elcrm-app .elcrm-admin-metrics small, .elcrm-app .elcrm-admin-metrics-compact small{ margin-top:7px!important; color:var(--admin-subtle)!important; font-size:9.5px!important; font-weight:500!important; } .elcrm-app .elcrm-admin-info{ width:14px!important;height:14px!important; border-color:#DADCE0!important; color:#80868B!important; background:#fff!important; font-size:8px!important; } /* One calm highlight surface instead of three colourful cards */ .elcrm-app .elcrm-admin-insights, .elcrm-app .elcrm-admin-insights-compact{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important; overflow:hidden!important; border:1px solid var(--admin-line)!important; border-radius:14px!important; background:#fff!important; box-shadow:0 1px 2px rgba(32,33,36,.035)!important; } .elcrm-app .elcrm-admin-insight, .elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight, .elcrm-app .elcrm-admin-insight.is-warning{ min-height:68px!important; padding:13px 16px!important; border:0!important; border-right:1px solid var(--admin-line)!important; border-radius:0!important; background:#fff!important; } .elcrm-app .elcrm-admin-insight:last-child{border-right:0!important} .elcrm-app .elcrm-admin-insight span{ color:var(--admin-muted)!important; font-size:9.5px!important; font-weight:600!important; text-transform:none!important; } .elcrm-app .elcrm-admin-insight strong, .elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight strong{ margin-top:4px!important; color:var(--admin-text)!important; font-family:inherit!important; font-size:16px!important; font-weight:650!important; } .elcrm-app .elcrm-admin-insight small, .elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight small{ margin-top:4px!important; color:var(--admin-muted)!important; font-size:9.5px!important; font-weight:500!important; } .elcrm-app .elcrm-admin-insight>a, .elcrm-app .elcrm-admin-insight.is-warning>a{ width:30px!important;height:30px!important; border:1px solid var(--admin-line)!important; border-radius:8px!important; background:#fff!important; color:#5F6368!important; transition:background .15s ease,border-color .15s ease,color .15s ease!important; } .elcrm-app .elcrm-admin-insight>a:hover{ border-color:#C7D0CA!important; background:var(--admin-soft)!important; color:var(--admin-green)!important; } /* Section hierarchy */ .elcrm-app .elcrm-admin-section{margin-top:0!important} .elcrm-app .elcrm-admin-section-head{ margin:0 0 11px!important; align-items:flex-end!important; } .elcrm-app .elcrm-admin-section-head>div>span{display:none!important} .elcrm-app .elcrm-admin-section-head h3{ margin:0!important; color:var(--admin-text)!important; font-family:inherit!important; font-size:18px!important; font-weight:650!important; line-height:1.25!important; } .elcrm-app .elcrm-admin-section-head p{ margin-top:4px!important; color:var(--admin-muted)!important; font-size:10.5px!important; line-height:1.45!important; } .elcrm-app .elcrm-admin-section-head>small{ color:var(--admin-subtle)!important; font-size:9.5px!important; font-weight:500!important; } /* Google-like data table */ .elcrm-app .elcrm-admin-table-wrap{ max-height:540px!important; border:1px solid var(--admin-line)!important; border-radius:14px!important; box-shadow:0 1px 2px rgba(32,33,36,.035)!important; background:#fff!important; } .elcrm-app .elcrm-admin-table{background:#fff!important} .elcrm-app .elcrm-admin-table th{ border-color:var(--admin-line)!important; background:#FAFAFA!important; color:#70757A!important; font-size:9.5px!important; font-weight:600!important; text-transform:none!important; } .elcrm-app .elcrm-admin-sort{ min-height:40px!important; padding:0 14px!important; gap:5px!important; font-size:9.5px!important; font-weight:600!important; text-transform:none!important; } .elcrm-app .elcrm-admin-sort:hover{background:#F1F3F4!important;color:#3C4043!important} .elcrm-app .elcrm-admin-sort.is-active{background:#F1F3F4!important;color:#202124!important} .elcrm-app .elcrm-admin-sort b{color:#9AA0A6!important;font-size:9px!important;font-weight:600!important} .elcrm-app .elcrm-admin-sort.is-active b{color:var(--admin-green)!important} .elcrm-app .elcrm-admin-table td{ height:62px!important; padding:11px 14px!important; border-color:#ECEFF1!important; color:#5F6368!important; font-size:10.5px!important; } .elcrm-app .elcrm-admin-table tbody tr:hover td{background:#F8FAF9!important} .elcrm-app .elcrm-admin-table tbody tr.is-excluded td{background:#FAFAFA!important;color:#9AA0A6!important} .elcrm-app .elcrm-admin-customer>span{ width:32px!important;height:32px!important; background:#EEF7F1!important; color:#26734B!important; font-size:8.5px!important; font-weight:700!important; } .elcrm-app .elcrm-admin-customer strong{color:#3C4043!important;font-size:11px!important;font-weight:600!important} .elcrm-app .elcrm-admin-customer small{color:#9AA0A6!important;font-size:8.5px!important;font-weight:500!important} .elcrm-app .elcrm-admin-conversion{ padding:0!important; border-radius:0!important; background:transparent!important; color:var(--admin-green)!important; font-size:11px!important; font-weight:650!important; } .elcrm-app .elcrm-admin-conversion-copy{gap:2px!important} .elcrm-app .elcrm-admin-trend-delta{font-size:8.5px!important;font-weight:550!important;color:#80868B!important} .elcrm-app .elcrm-admin-trend-delta.is-up{color:#188038!important} .elcrm-app .elcrm-admin-trend-delta.is-down{color:#B0603A!important} .elcrm-app .elcrm-admin-conversion-trend{height:30px!important} .elcrm-app .elcrm-admin-trend-grid{stroke:#E8EAED!important;stroke-dasharray:0!important} .elcrm-app .elcrm-admin-trend-line{stroke:#188038!important;stroke-width:1.7!important} .elcrm-app .elcrm-admin-trend-last{fill:#fff!important;stroke:#188038!important;stroke-width:1.5!important} .elcrm-app .elcrm-admin-open{ min-width:52px!important;height:30px!important; border-color:#DADCE0!important; border-radius:7px!important; background:#fff!important; color:#3C4043!important; font-size:9.5px!important; font-weight:600!important; } .elcrm-app .elcrm-admin-open:hover{border-color:#BDC1C6!important;background:#F8F9FA!important;color:#137333!important} /* Insight summary: neutral editorial note, not an AI-looking callout */ .elcrm-app .elcrm-admin-auto-summary{ margin:0 0 12px!important; padding:12px 14px!important; border:1px solid var(--admin-line)!important; border-left:3px solid #C9D8CF!important; border-radius:10px!important; background:#fff!important; box-shadow:none!important; } .elcrm-app .elcrm-admin-auto-summary>span{display:none!important} .elcrm-app .elcrm-admin-auto-summary>div{min-width:0!important} .elcrm-app .elcrm-admin-auto-summary strong{ display:block!important; margin-bottom:3px!important; color:#5F6368!important; font-size:9.5px!important; font-weight:600!important; } .elcrm-app .elcrm-admin-auto-summary p{ margin:0!important; color:#3C4043!important; font-size:10.5px!important; line-height:1.55!important; font-weight:500!important; } /* Analytics: fewer nested boxes and less decorative green */ .elcrm-app .elcrm-admin-analysis-grid{gap:12px!important} .elcrm-app .elcrm-admin-analysis-card{ padding:17px!important; border:1px solid var(--admin-line)!important; border-radius:14px!important; background:#fff!important; box-shadow:0 1px 2px rgba(32,33,36,.03)!important; } .elcrm-app .elcrm-admin-analysis-head{margin-bottom:13px!important} .elcrm-app .elcrm-admin-analysis-head span{display:none!important} .elcrm-app .elcrm-admin-analysis-head h3{ margin:0!important; color:var(--admin-text)!important; font-family:inherit!important; font-size:15px!important; font-weight:650!important; } .elcrm-app .elcrm-admin-analysis-head p{ margin-top:4px!important; color:var(--admin-muted)!important; font-size:9.5px!important; line-height:1.45!important; } .elcrm-app .elcrm-admin-analysis-summaryline{ margin-bottom:10px!important; padding:0 0 10px!important; border-radius:0!important; border-bottom:1px solid var(--admin-line)!important; background:transparent!important; color:#80868B!important; font-size:8.8px!important; } .elcrm-app .elcrm-admin-analysis-summaryline strong{color:#3C4043!important;font-size:9.5px!important;font-weight:600!important} .elcrm-app .elcrm-admin-analysis-summaryline small{color:var(--admin-green)!important;font-size:8.5px!important;font-weight:600!important} .elcrm-app .elcrm-admin-analysis-columns{ border-color:#ECEFF1!important; color:#9AA0A6!important; font-size:7.8px!important; font-weight:600!important; text-transform:none!important; } .elcrm-app .elcrm-admin-analysis-row{border-color:#F0F1F2!important} .elcrm-app .elcrm-admin-analysis-label strong{color:#3C4043!important;font-size:9.8px!important;font-weight:600!important} .elcrm-app .elcrm-admin-analysis-label small{color:#9AA0A6!important;font-size:8.2px!important} .elcrm-app .elcrm-admin-analysis-share strong{color:#5F6368!important;font-size:9.5px!important;font-weight:600!important} .elcrm-app .elcrm-admin-analysis-share small{color:#9AA0A6!important} .elcrm-app .elcrm-admin-analysis-conversion>span{color:#137333!important;font-weight:650!important} .elcrm-app .elcrm-admin-analysis-conversion>div{height:4px!important;background:#ECEFF1!important} .elcrm-app .elcrm-admin-analysis-conversion i{background:#34A853!important} .elcrm-app .elcrm-admin-analysis-more, .elcrm-app .elcrm-admin-analysis-footnote{color:#9AA0A6!important;font-size:8px!important} .elcrm-app .elcrm-admin-analysis-empty{border:1px solid var(--admin-line)!important;border-radius:10px!important;background:#FAFAFA!important;color:#80868B!important} /* Weekend comparison behaves like a compact analytics panel */ .elcrm-app .elcrm-admin-day-compact{ padding:11px 12px!important; border:1px solid var(--admin-line)!important; border-radius:10px!important; background:#FAFAFA!important; } .elcrm-app .elcrm-admin-day-compact span{color:#80868B!important;font-size:8.8px!important;font-weight:600!important} .elcrm-app .elcrm-admin-day-compact strong{ color:#3C4043!important; font-family:inherit!important; font-size:17px!important; font-weight:650!important; } .elcrm-app .elcrm-admin-day-compact small{color:#9AA0A6!important} .elcrm-app .elcrm-admin-day-divider{color:#9AA0A6!important;font-weight:500!important;text-transform:none!important} .elcrm-app .elcrm-admin-day-delta, .elcrm-app .elcrm-admin-day-delta.is-positive, .elcrm-app .elcrm-admin-day-delta.is-negative{ min-width:55px!important; padding:4px 7px!important; border:1px solid #DADCE0!important; border-radius:7px!important; background:#fff!important; color:#5F6368!important; font-size:8.8px!important; font-weight:600!important; } .elcrm-app .elcrm-admin-day-delta.is-positive{color:#137333!important} .elcrm-app .elcrm-admin-day-delta.is-negative{color:#A85D31!important} .elcrm-app .elcrm-admin-day-insight, .elcrm-app .elcrm-admin-day-insight.is-positive, .elcrm-app .elcrm-admin-day-insight.is-negative{ margin-top:8px!important; padding:0!important; border-radius:0!important; background:transparent!important; color:#5F6368!important; font-size:8.8px!important; font-weight:500!important; } .elcrm-app .elcrm-admin-day-trend{border-color:#ECEFF1!important} .elcrm-app .elcrm-admin-day-trend-legend{color:#5F6368!important;font-weight:500!important} .elcrm-app .elcrm-admin-day-trend-legend span:before{background:#5F6368!important} .elcrm-app .elcrm-admin-day-trend-legend span.weekend:before{background:#34A853!important} .elcrm-app .elcrm-admin-day-trend svg .grid{stroke:#ECEFF1!important;stroke-dasharray:0!important} .elcrm-app .elcrm-admin-day-trend svg polyline.weekday{stroke:#5F6368!important;stroke-width:1.7!important} .elcrm-app .elcrm-admin-day-trend svg polyline.weekend{stroke:#34A853!important;stroke-width:1.7!important} .elcrm-app .elcrm-admin-partial-warning{ border:1px solid #F0D8A8!important; border-radius:10px!important; background:#FFFDF7!important; color:#7A5C22!important; } .elcrm-app .elcrm-admin-loading{ border-color:var(--admin-line)!important; border-radius:14px!important; box-shadow:0 1px 2px rgba(32,33,36,.03)!important; } .elcrm-app .elcrm-admin-loading strong{font-family:inherit!important;color:#3C4043!important;font-weight:600!important} .elcrm-app .elcrm-admin-spinner{border-color:#E8EAED!important;border-top-color:#34A853!important} @media(max-width:900px){ .elcrm-app .elcrm-admin-insights,.elcrm-app .elcrm-admin-insights-compact{grid-template-columns:1fr!important} .elcrm-app .elcrm-admin-insight,.elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight{border-right:0!important;border-bottom:1px solid var(--admin-line)!important} .elcrm-app .elcrm-admin-insight:last-child{border-bottom:0!important} } @media(max-width:760px){ .elcrm-app .elcrm-admin-overview{gap:18px!important} .elcrm-app .elcrm-admin-head h2{font-size:24px!important} .elcrm-app .elcrm-admin-metrics article,.elcrm-app .elcrm-admin-metrics-compact article{min-height:82px!important;padding:14px 15px!important} .elcrm-app .elcrm-admin-analysis-card{padding:14px!important} } /* v1.7.0 Energie-labels.nl brand system Calm product UX, translated into the public-site visual language. */ :root{ --elcrm-dark:#07261A; --elcrm-dark-2:#0A3424; --elcrm-green:#35CC6B; --elcrm-green-strong:#20B957; --elcrm-light:#EDFEDB; --elcrm-brand-bg:#F4FDE8; --elcrm-brand-bg-2:#EAF9D7; --elcrm-brand-line:#D7E8D1; --elcrm-yellow:#FABD4B; --elcrm-text:#163022; --elcrm-muted:#718177; --elcrm-surface:#FFFFFF; --elcrm-line:#DDE8DF; } html,body.elcrm-portal-page{background:var(--elcrm-brand-bg)!important} .elcrm-app, .elcrm-app button,.elcrm-app input,.elcrm-app select,.elcrm-app textarea, .elcrm-login-page,.elcrm-login-page button,.elcrm-login-page input,.elcrm-login-page select,.elcrm-login-page textarea{ font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; } .elcrm-app h1,.elcrm-app h2,.elcrm-app h3,.elcrm-app h4,.elcrm-app h5,.elcrm-app h6, .elcrm-login-page h1,.elcrm-login-page h2,.elcrm-login-page h3, .elcrm-topbar-title strong,.elcrm-metric-body strong,.elcrm-drawer h2, .elcrm-app .elcrm-admin-head h2,.elcrm-app .elcrm-admin-section-head h3, .elcrm-app .elcrm-admin-analysis-head h3,.elcrm-app .elcrm-admin-metrics strong{ font-family:"Archivo","Manrope",sans-serif!important; } /* Branded application shell */ .elcrm-app .elcrm-portal-shell{background:var(--elcrm-brand-bg)!important} .elcrm-app .elcrm-sidebar{ width:auto!important; padding:20px 14px 15px!important; border-right:0!important; background:var(--elcrm-dark)!important; box-shadow:none!important; } .elcrm-app .elcrm-brand{height:50px!important;padding:0 8px 10px!important} .elcrm-app .elcrm-brand img{width:154px!important;max-height:32px!important} .elcrm-app .elcrm-sidebar-nav{gap:3px!important;margin-top:16px!important} .elcrm-app .elcrm-nav-item{ min-height:39px!important; padding:0 10px!important; border-radius:5px!important; color:rgba(237,254,219,.70)!important; font-size:11px!important; font-weight:650!important; } .elcrm-app .elcrm-nav-item:hover{background:rgba(237,254,219,.07)!important;color:#fff!important} .elcrm-app .elcrm-nav-item.is-active{ background:rgba(53,204,107,.13)!important; color:#fff!important; box-shadow:none!important; } .elcrm-app .elcrm-nav-item.is-active .elcrm-nav-icon{color:var(--elcrm-green)!important} .elcrm-app .elcrm-nav-item b{ min-width:20px!important;height:19px!important;padding:0 5px!important; border-radius:4px!important;background:rgba(237,254,219,.08)!important; color:rgba(237,254,219,.66)!important;font-size:8.5px!important; } .elcrm-app .elcrm-nav-item.is-active b{background:rgba(53,204,107,.17)!important;color:#fff!important} .elcrm-app .elcrm-customer-switcher{margin:20px 4px 0!important} .elcrm-app .elcrm-customer-switcher span{color:rgba(237,254,219,.48)!important;} .elcrm-app .elcrm-customer-switcher select{ height:35px!important;border:1px solid rgba(237,254,219,.13)!important;border-radius:5px!important; background:#0B3122!important;color:#F4FFF0!important; } .elcrm-app .elcrm-sidebar-account{border-top-color:rgba(237,254,219,.12)!important} .elcrm-app .elcrm-account-avatar{border-radius:5px!important;background:var(--elcrm-green)!important;color:var(--elcrm-dark)!important} .elcrm-app .elcrm-account-copy strong{color:#fff!important} .elcrm-app .elcrm-account-copy span{color:rgba(237,254,219,.49)!important} .elcrm-app .elcrm-logout{border-radius:5px!important;color:rgba(237,254,219,.58)!important} .elcrm-app .elcrm-workspace{background:var(--elcrm-brand-bg)!important} .elcrm-app .elcrm-topbar{ height:60px!important;padding:0 26px!important; border-bottom:1px solid var(--elcrm-brand-line)!important; background:rgba(255,255,255,.96)!important; box-shadow:none!important; } .elcrm-app .elcrm-topbar-title strong{color:var(--elcrm-dark)!important;font-size:13px!important;font-weight:700!important} .elcrm-app .elcrm-topbar-title span{color:#91A096!important} .elcrm-app .elcrm-topbar-avatar{border-radius:5px!important;background:var(--elcrm-light)!important;color:#13703B!important} .elcrm-app .elcrm-period-select select, .elcrm-app .elcrm-custom-period input{ height:35px!important;border:1px solid #D8E5DB!important;border-radius:5px!important; background:#fff!important;color:#42584A!important; } .elcrm-app .elcrm-period-select select:focus, .elcrm-app .elcrm-custom-period input:focus{border-color:var(--elcrm-green)!important;box-shadow:0 0 0 2px rgba(53,204,107,.10)!important;outline:none!important} .elcrm-app .elcrm-content{padding:24px 26px 40px!important;background:var(--elcrm-brand-bg)!important} /* Dark brand header, echoing the public-site hero without becoming a marketing banner */ .elcrm-app .elcrm-welcome, .elcrm-app .elcrm-admin-head{ position:relative!important; overflow:hidden!important; min-height:126px!important; margin:0 0 14px!important; padding:24px 26px!important; align-items:center!important; border:0!important; border-radius:8px!important; background:var(--elcrm-dark)!important; isolation:isolate!important; } .elcrm-app .elcrm-welcome:before, .elcrm-app .elcrm-admin-head:before{ content:""!important;position:absolute!important;right:58px!important;top:-34px!important; width:154px!important;height:154px!important;z-index:-1!important; background:rgba(53,204,107,.20)!important; clip-path:polygon(28% 0,100% 30%,84% 100%,12% 82%,0 28%)!important; transform:rotate(8deg)!important; } .elcrm-app .elcrm-welcome:after, .elcrm-app .elcrm-admin-head:after{ content:""!important;position:absolute!important;right:-18px!important;bottom:-76px!important; width:180px!important;height:180px!important;z-index:-1!important; background:rgba(237,254,219,.055)!important; clip-path:polygon(28% 0,100% 30%,84% 100%,12% 82%,0 28%)!important; transform:rotate(-13deg)!important; } .elcrm-app .elcrm-welcome>*,.elcrm-app .elcrm-admin-head>*{position:relative!important;z-index:1!important} .elcrm-app .elcrm-welcome-kicker, .elcrm-app .elcrm-admin-kicker{ display:block!important;margin:0 0 7px!important; color:var(--elcrm-green)!important;font-size:9px!important;font-weight:800!important; text-transform:uppercase!important; } .elcrm-app .elcrm-welcome h1, .elcrm-app .elcrm-admin-head h2{ margin:0!important;color:#fff!important;font-family:"Archivo","Manrope",sans-serif!important; font-size:27px!important;line-height:1.08!important;font-weight:600!important; } .elcrm-app .elcrm-welcome p, .elcrm-app .elcrm-admin-head p{ margin:7px 0 0!important;max-width:670px!important; color:rgba(237,254,219,.70)!important;font-size:11px!important;line-height:1.55!important; } .elcrm-app .elcrm-welcome p strong{color:#fff!important} .elcrm-app .elcrm-action-needed-button{ min-height:42px!important;padding:0 13px!important;border:0!important;border-radius:5px!important; background:var(--elcrm-yellow)!important;color:var(--elcrm-dark)!important;box-shadow:none!important; } .elcrm-app .elcrm-action-needed-button:hover{background:#F7B635!important;border-color:transparent!important;transform:translateY(-1px)!important} .elcrm-app .elcrm-action-needed-button>span{background:var(--elcrm-dark)!important;color:#fff!important;border-radius:4px!important} .elcrm-app .elcrm-action-needed-button div strong{color:var(--elcrm-dark)!important} .elcrm-app .elcrm-action-needed-button div small{color:rgba(7,38,26,.65)!important} .elcrm-app .elcrm-admin-refreshing{ border:1px solid rgba(237,254,219,.18)!important;border-radius:5px!important; background:rgba(237,254,219,.06)!important;color:rgba(237,254,219,.72)!important; } /* KPI cards: white content floating on the light-green site background */ .elcrm-app .elcrm-metrics, .elcrm-app .elcrm-admin-metrics, .elcrm-app .elcrm-admin-metrics-compact{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important; margin:0 0 14px!important;padding:0!important; border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important; } .elcrm-app .elcrm-metric-card, .elcrm-app .elcrm-admin-metrics article, .elcrm-app .elcrm-admin-metrics-compact article{ min-height:98px!important;padding:15px 16px!important; border:1px solid var(--elcrm-brand-line)!important;border-radius:7px!important; background:#fff!important;box-shadow:none!important; } .elcrm-app .elcrm-metric-card:last-child, .elcrm-app .elcrm-admin-metrics article:last-child, .elcrm-app .elcrm-admin-metrics-compact article:last-child{border-right:1px solid var(--elcrm-brand-line)!important} .elcrm-app .elcrm-metric-card.is-primary{border-top:3px solid var(--elcrm-green)!important;padding-top:13px!important} .elcrm-app .elcrm-metric-card.is-clickable:hover{border-color:#B7DABF!important;background:#FBFFF9!important;transform:none!important;box-shadow:none!important} .elcrm-app .elcrm-metric-label, .elcrm-app .elcrm-admin-metrics span{color:#6B7D71!important;font-size:9px!important;font-weight:700!important} .elcrm-app .elcrm-metric-body strong, .elcrm-app .elcrm-admin-metrics strong, .elcrm-app .elcrm-admin-metrics-compact strong{ color:var(--elcrm-dark)!important;font-family:"Archivo","Manrope",sans-serif!important; font-size:24px!important;font-weight:650!important; } .elcrm-app .elcrm-metric-note, .elcrm-app .elcrm-admin-metrics small, .elcrm-app .elcrm-admin-metrics-compact small{color:#92A097!important} .elcrm-app .elcrm-metric-open{color:#23864B!important;font-weight:700!important} .elcrm-app .elcrm-spark polyline{stroke:var(--elcrm-green-strong)!important} .elcrm-app .elcrm-comparison{border-radius:4px!important;background:#F0F5F1!important} .elcrm-app .elcrm-comparison.is-up{background:var(--elcrm-light)!important;color:#17763E!important} .elcrm-app .elcrm-comparison.is-down{background:#FFF1EA!important;color:#A65A2F!important} /* Customer dashboard performance panels */ .elcrm-app .elcrm-overview-panels{gap:10px!important;margin-bottom:14px!important} .elcrm-app .elcrm-overview-card{ border:1px solid var(--elcrm-brand-line)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important; } .elcrm-app .elcrm-conversion-card{ border-color:var(--elcrm-dark)!important;border-radius:7px!important;background:var(--elcrm-dark)!important;box-shadow:none!important; } .elcrm-app .elcrm-conversion-card .elcrm-conversion-progress{height:5px!important;border-radius:2px!important} .elcrm-app .elcrm-conversion-card .elcrm-conversion-progress span{background:var(--elcrm-green)!important;border-radius:2px!important} .elcrm-app .elcrm-status-segmented{height:7px!important;border-radius:2px!important;background:#EEF4EF!important} .elcrm-app .elcrm-status-segmented>span{border-radius:0!important} .elcrm-app .elcrm-status-breakdown{border-top-color:#EDF3EE!important} .elcrm-app .elcrm-status-breakdown-name{color:#66786C!important} .elcrm-app .elcrm-status-breakdown-count{color:var(--elcrm-dark)!important} /* Lead workspace: site-like forms and flatter cards */ .elcrm-app .elcrm-leads-section, .elcrm-app .elcrm-table-wrap, .elcrm-app .elcrm-admin-table-wrap{ border:1px solid var(--elcrm-brand-line)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important; } .elcrm-app .elcrm-tabs{height:44px!important;border-bottom-color:#E4EEE5!important;background:#fff!important} .elcrm-app .elcrm-tabs button{height:44px!important;color:#738278!important;font-size:9.5px!important} .elcrm-app .elcrm-tabs button.is-active{border-bottom-color:var(--elcrm-green)!important;color:var(--elcrm-dark)!important} .elcrm-app .elcrm-tabs button.is-active span{color:#26854B!important} .elcrm-app .elcrm-table-toolbar{background:#FBFFF8!important;border-bottom-color:#E4EEE5!important} .elcrm-app .elcrm-table-search input, .elcrm-app .elcrm-table-actions select{ border:1px solid #D8E5DA!important;border-radius:5px!important;background:#fff!important; } .elcrm-app .elcrm-table-search input:focus, .elcrm-app .elcrm-table-actions select:focus{border-color:var(--elcrm-green)!important;box-shadow:0 0 0 2px rgba(53,204,107,.10)!important;outline:none!important} .elcrm-app .elcrm-table thead,.elcrm-app .elcrm-table th{background:#F5FBEF!important} .elcrm-app .elcrm-table th{color:#738278!important;border-bottom-color:#DAE8DC!important;text-transform:none!important;font-size:8.8px!important} .elcrm-app .elcrm-table td{border-bottom-color:#EBF1EC!important;color:#526459!important} .elcrm-app .elcrm-table tbody tr:hover td{background:#F7FDEF!important} .elcrm-app .elcrm-lead-avatar{border-radius:5px!important;background:var(--elcrm-light)!important;color:#14713E!important} .elcrm-app .elcrm-lead-main strong{color:var(--elcrm-dark)!important} .elcrm-app .elcrm-inline-status, .elcrm-app .elcrm-status{border-radius:5px!important;box-shadow:none!important} .elcrm-app .elcrm-contact-action{border-radius:5px!important;border-color:#DCE7DE!important;color:#617267!important} .elcrm-app .elcrm-contact-action:hover{border-color:#AAD7B7!important;background:var(--elcrm-light)!important;color:#15713C!important} .elcrm-app .elcrm-lead-age{border-radius:4px!important} .elcrm-app .elcrm-table-footer{background:#FBFFF8!important;border-top-color:#E4EEE5!important} .elcrm-app .elcrm-pagination button{border-radius:5px!important} .elcrm-app .elcrm-empty-state{border-radius:7px!important;background:#FBFFF8!important} .elcrm-app .elcrm-empty-state button{border-radius:5px!important;background:var(--elcrm-green)!important;color:var(--elcrm-dark)!important} /* Admin management hierarchy */ .elcrm-app .elcrm-admin-overview{ --admin-text:var(--elcrm-dark); --admin-muted:#708078; --admin-subtle:#96A39B; --admin-line:var(--elcrm-brand-line); --admin-soft:#F5FBEF; --admin-hover:#F7FDEF; --admin-green:#188147; --admin-green-soft:var(--elcrm-light); gap:16px!important;color:var(--elcrm-dark)!important; font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; } .elcrm-app .elcrm-admin-insights, .elcrm-app .elcrm-admin-insights-compact{ gap:10px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; } .elcrm-app .elcrm-admin-insight, .elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight, .elcrm-app .elcrm-admin-insight.is-warning{ min-height:70px!important;padding:13px 15px!important; border:1px solid var(--elcrm-brand-line)!important;border-radius:7px!important;background:#fff!important; } .elcrm-app .elcrm-admin-insight:last-child{border-right:1px solid var(--elcrm-brand-line)!important} .elcrm-app .elcrm-admin-insight.is-warning{border-color:#F0D89B!important;background:#FFF9EA!important} .elcrm-app .elcrm-admin-insight span{color:#718177!important;font-size:8.8px!important;font-weight:700!important} .elcrm-app .elcrm-admin-insight strong{color:var(--elcrm-dark)!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:15px!important} .elcrm-app .elcrm-admin-insight>a,.elcrm-app .elcrm-admin-insight.is-warning>a{border-radius:5px!important} .elcrm-app .elcrm-admin-insight>a:hover{background:var(--elcrm-light)!important;color:#14713E!important} .elcrm-app .elcrm-admin-section-head{margin-bottom:10px!important} .elcrm-app .elcrm-admin-section-head>div>span{ display:block!important;margin-bottom:4px!important;color:#24864D!important; font-size:8px!important;font-weight:800!important;text-transform:uppercase!important; } .elcrm-app .elcrm-admin-section-head h3{color:var(--elcrm-dark)!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:18px!important;font-weight:650!important} .elcrm-app .elcrm-admin-section-head p{color:#78877E!important} .elcrm-app .elcrm-admin-table-wrap{max-height:560px!important} .elcrm-app .elcrm-admin-table th{background:#F5FBEF!important;color:#718177!important;border-bottom-color:#DCE8DE!important} .elcrm-app .elcrm-admin-sort{color:#718177!important} .elcrm-app .elcrm-admin-sort:hover,.elcrm-app .elcrm-admin-sort.is-active{background:#EBF7DE!important;color:var(--elcrm-dark)!important} .elcrm-app .elcrm-admin-sort.is-active b{color:#188147!important} .elcrm-app .elcrm-admin-table td{border-color:#EAF0EB!important;color:#53645A!important} .elcrm-app .elcrm-admin-table tbody tr:hover td{background:#F7FDEF!important} .elcrm-app .elcrm-admin-customer>span{border-radius:5px!important;background:var(--elcrm-light)!important;color:#14713E!important} .elcrm-app .elcrm-admin-customer strong{color:var(--elcrm-dark)!important} .elcrm-app .elcrm-admin-conversion{color:#15773F!important} .elcrm-app .elcrm-admin-open{border-radius:5px!important;border-color:#CFE0D2!important;color:#14713E!important} .elcrm-app .elcrm-admin-open:hover{border-color:#9ED0AA!important;background:var(--elcrm-light)!important;color:#0F6535!important} .elcrm-app .elcrm-admin-trend-line{stroke:var(--elcrm-green-strong)!important} .elcrm-app .elcrm-admin-trend-last{stroke:var(--elcrm-green-strong)!important} /* Analytics read like editorial site content, not nested AI cards */ .elcrm-app .elcrm-admin-auto-summary{ margin-bottom:10px!important;padding:10px 0 10px 13px!important; border:0!important;border-left:3px solid var(--elcrm-green)!important;border-radius:0!important; background:transparent!important; } .elcrm-app .elcrm-admin-auto-summary strong{color:#62746A!important} .elcrm-app .elcrm-admin-auto-summary p{color:var(--elcrm-dark)!important;font-size:10.5px!important} .elcrm-app .elcrm-admin-analysis-grid{gap:10px!important} .elcrm-app .elcrm-admin-analysis-card{ padding:16px!important;border:1px solid var(--elcrm-brand-line)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important; } .elcrm-app .elcrm-admin-analysis-head h3{color:var(--elcrm-dark)!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:15px!important} .elcrm-app .elcrm-admin-analysis-head p{color:#7B8A80!important} .elcrm-app .elcrm-admin-analysis-summaryline{border-bottom-color:#E4EEE5!important;color:#849187!important} .elcrm-app .elcrm-admin-analysis-summaryline strong{color:var(--elcrm-dark)!important} .elcrm-app .elcrm-admin-analysis-summaryline small{color:#168043!important} .elcrm-app .elcrm-admin-analysis-columns{border-color:#E9F0EA!important;color:#95A199!important} .elcrm-app .elcrm-admin-analysis-row{border-color:#ECF2ED!important} .elcrm-app .elcrm-admin-analysis-label strong{color:var(--elcrm-dark)!important} .elcrm-app .elcrm-admin-analysis-conversion>span{color:#14763E!important} .elcrm-app .elcrm-admin-analysis-conversion>div{height:4px!important;border-radius:2px!important;background:#E7EFE8!important} .elcrm-app .elcrm-admin-analysis-conversion i{border-radius:2px!important;background:var(--elcrm-green)!important} .elcrm-app .elcrm-admin-day-compact{border-color:#DDE9DF!important;border-radius:6px!important;background:#F7FDEF!important} .elcrm-app .elcrm-admin-day-compact strong{color:var(--elcrm-dark)!important;font-family:"Archivo","Manrope",sans-serif!important} .elcrm-app .elcrm-admin-day-delta, .elcrm-app .elcrm-admin-day-delta.is-positive, .elcrm-app .elcrm-admin-day-delta.is-negative{border-radius:5px!important;background:#fff!important} .elcrm-app .elcrm-admin-day-trend svg polyline.weekend{stroke:var(--elcrm-green)!important} .elcrm-app .elcrm-admin-day-trend-legend span.weekend:before{background:var(--elcrm-green)!important} /* Lead drawer carries the same calm brand language */ .elcrm-app .elcrm-drawer-backdrop{background:rgba(7,38,26,.32)!important;backdrop-filter:blur(2px)!important} .elcrm-app .elcrm-drawer{border-left:0!important;box-shadow:-18px 0 48px rgba(7,38,26,.14)!important} .elcrm-app .elcrm-drawer-header{ border-bottom:1px solid #DDE9DF!important;background:var(--elcrm-brand-bg)!important; } .elcrm-app .elcrm-drawer-close, .elcrm-app .elcrm-drawer-navigation button{border-radius:5px!important;border-color:#D6E4D8!important} .elcrm-app .elcrm-drawer-avatar{border-radius:6px!important;background:var(--elcrm-light)!important;border-color:#C9E9D0!important;color:#14713E!important} .elcrm-app .elcrm-drawer h2{color:var(--elcrm-dark)!important} .elcrm-app .elcrm-quick-actions a{border-radius:5px!important} .elcrm-app .elcrm-drawer-footer{box-shadow:0 -1px 0 #E3ECE4!important;background:#fff!important} .elcrm-app .elcrm-drawer-footer .elcrm-button-primary{border-radius:5px!important;background:var(--elcrm-green)!important;color:var(--elcrm-dark)!important} /* Branded login: same dark hero + light green content system as Energie-labels.nl */ .elcrm-login-page{grid-template-columns:minmax(0,1fr) 470px;background:var(--elcrm-brand-bg)!important} .elcrm-login-brand{position:relative;overflow:hidden;padding:58px 64px;background:var(--elcrm-dark)!important} .elcrm-login-brand:before{content:"";position:absolute;right:5%;top:15%;width:280px;height:280px;background:rgba(53,204,107,.18);clip-path:polygon(28% 0,100% 30%,84% 100%,12% 82%,0 28%);transform:rotate(8deg)} .elcrm-login-brand:after{content:"";position:absolute;right:-8%;bottom:-9%;width:330px;height:330px;background:rgba(237,254,219,.055);clip-path:polygon(28% 0,100% 30%,84% 100%,12% 82%,0 28%);transform:rotate(-10deg)} .elcrm-login-brand>*{position:relative;z-index:1} .elcrm-login-kicker{color:var(--elcrm-green)!important;opacity:1!important;font-size:9px!important;} .elcrm-login-brand h1{font-family:"Archivo","Manrope",sans-serif!important;font-size:52px!important;font-weight:600!important;} .elcrm-login-brand p{color:rgba(237,254,219,.72)!important} .elcrm-login-panel{background:var(--elcrm-brand-bg)!important} .elcrm-login-card{padding:30px;border:1px solid var(--elcrm-brand-line);border-radius:8px;background:#fff} .elcrm-login-card h2{font-family:"Archivo","Manrope",sans-serif!important;color:var(--elcrm-dark)!important;font-size:31px!important;font-weight:600!important} .elcrm-login-form>input{border-radius:5px!important;border-color:#D7E5D9!important} .elcrm-button{border-radius:5px!important} .elcrm-button-primary{background:var(--elcrm-green)!important;color:var(--elcrm-dark)!important} @media(max-width:1180px){ .elcrm-app .elcrm-metrics,.elcrm-app .elcrm-admin-metrics,.elcrm-app .elcrm-admin-metrics-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:900px){ .elcrm-app .elcrm-welcome:before,.elcrm-app .elcrm-admin-head:before{right:10px!important;opacity:.75!important} .elcrm-app .elcrm-admin-insights,.elcrm-app .elcrm-admin-insights-compact{grid-template-columns:1fr!important;gap:8px!important} } @media(max-width:760px){ .elcrm-app .elcrm-sidebar{padding:10px 12px!important} .elcrm-app .elcrm-sidebar-top{align-items:center!important} .elcrm-app .elcrm-brand{padding:0!important} .elcrm-app .elcrm-brand img{width:132px!important} .elcrm-app .elcrm-nav-item{border-radius:4px!important} .elcrm-app .elcrm-topbar{padding:10px 14px!important;background:#fff!important} .elcrm-app .elcrm-content{padding:12px!important} .elcrm-app .elcrm-welcome,.elcrm-app .elcrm-admin-head{min-height:0!important;padding:18px!important;border-radius:7px!important} .elcrm-app .elcrm-welcome:before,.elcrm-app .elcrm-welcome:after,.elcrm-app .elcrm-admin-head:before,.elcrm-app .elcrm-admin-head:after{opacity:.45!important} .elcrm-app .elcrm-welcome h1,.elcrm-app .elcrm-admin-head h2{font-size:23px!important} .elcrm-app .elcrm-metrics,.elcrm-app .elcrm-admin-metrics,.elcrm-app .elcrm-admin-metrics-compact{grid-template-columns:1fr!important;gap:7px!important} .elcrm-app .elcrm-metric-card,.elcrm-app .elcrm-admin-metrics article,.elcrm-app .elcrm-admin-metrics-compact article{min-height:82px!important} .elcrm-app .elcrm-lead-card{border-color:var(--elcrm-brand-line)!important;border-radius:6px!important} .elcrm-login-panel{background:var(--elcrm-dark)!important} .elcrm-login-card{border:0;border-radius:8px} } /* v1.7.1 homepage-aligned header asset + combined dashboard cards */ .elcrm-app .elcrm-welcome:before,.elcrm-app .elcrm-admin-head:before{ right:26px!important;top:50%!important;transform:translateY(-50%)!important; width:220px!important;height:220px!important;opacity:.95!important; background:transparent url("https://mijn.energie-labels.nl/wp-content/uploads/2026/08/Group-64-kopie.png") center/contain no-repeat!important; clip-path:none!important; } .elcrm-app .elcrm-welcome:after,.elcrm-app .elcrm-admin-head:after{content:none!important;display:none!important} .elcrm-app .elcrm-welcome p{max-width:560px!important} .elcrm-app .elcrm-dashboard-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important} .elcrm-app .elcrm-dashboard-card,.elcrm-app .elcrm-dashboard-conversion-card{border:1px solid var(--elcrm-brand-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important} .elcrm-app .elcrm-dashboard-card{padding:16px 18px!important} .elcrm-app .elcrm-dashboard-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important} .elcrm-app .elcrm-dashboard-card-kicker{display:block!important;margin:0 0 4px!important;color:#7B887F!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-dashboard-card-head h3{margin:0!important;color:#17231C!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:20px!important;line-height:1.08!important;font-weight:600!important;} .elcrm-app .elcrm-dashboard-card-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:12px!important;background:#F4FDE8!important;flex:0 0 auto!important} .elcrm-app .elcrm-dashboard-card-icon img{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important} .elcrm-app .elcrm-dashboard-card-body{display:grid!important;gap:0!important} .elcrm-app .elcrm-dashboard-metric-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;width:100%!important;padding:12px 0!important;border:0!important;border-top:1px solid #E2EDE4!important;background:transparent!important;color:inherit!important;text-align:left!important} .elcrm-app .elcrm-dashboard-card-body .elcrm-dashboard-metric-row:first-child{padding-top:0!important;border-top:0!important} .elcrm-app .elcrm-dashboard-metric-row.is-clickable{cursor:pointer!important} .elcrm-app .elcrm-dashboard-metric-row.is-clickable:hover{background:rgba(237,254,219,.35)!important} .elcrm-app .elcrm-dashboard-metric-row.is-clickable:hover strong{color:#0F5C32!important} .elcrm-app .elcrm-dashboard-metric-copy{display:grid!important;gap:3px!important;min-width:0!important} .elcrm-app .elcrm-dashboard-metric-label{color:#6E7B73!important;font-size:10.5px!important;font-weight:700!important} .elcrm-app .elcrm-dashboard-metric-copy strong{color:#132119!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:28px!important;line-height:1.02!important;font-weight:650!important} .elcrm-app .elcrm-dashboard-metric-copy small{color:#8B9790!important;font-size:10px!important;line-height:1.45!important} .elcrm-app .elcrm-dashboard-metric-comparison{padding-top:3px!important;flex:0 0 auto!important} .elcrm-app .elcrm-dashboard-conversion-card{padding:16px 18px!important;background:var(--elcrm-dark)!important;border-color:#0A3A28!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-overview-head{margin-bottom:12px!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-overview-kicker{color:#7EE39F!important} .elcrm-app .elcrm-dashboard-conversion-card h3{color:#fff!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-dashboard-card-icon{background:rgba(237,254,219,.10)!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-dashboard-card-icon img{filter:brightness(0) invert(1) saturate(0%) brightness(200%)!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-conversion-value{color:#35CC6B!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-conversion-progress{background:rgba(237,254,219,.10)!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-conversion-progress span{background:#35CC6B!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-conversion-stats button{background:rgba(255,255,255,.03)!important;border-color:rgba(237,254,219,.10)!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-conversion-stats button:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(237,254,219,.16)!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-overview-empty{margin-top:4px!important} @media(max-width:1180px){ .elcrm-app .elcrm-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important} .elcrm-app .elcrm-dashboard-conversion-card{grid-column:1/-1!important} } @media(max-width:760px){ .elcrm-app .elcrm-dashboard-summary{grid-template-columns:1fr!important;gap:10px!important} .elcrm-app .elcrm-dashboard-card,.elcrm-app .elcrm-dashboard-conversion-card{padding:14px!important} .elcrm-app .elcrm-dashboard-card-head h3{font-size:18px!important} .elcrm-app .elcrm-dashboard-card-icon{width:42px!important;height:42px!important;border-radius:10px!important} .elcrm-app .elcrm-dashboard-card-icon img{width:21px!important;height:21px!important} .elcrm-app .elcrm-dashboard-metric-copy strong{font-size:24px!important} .elcrm-app .elcrm-welcome:before,.elcrm-app .elcrm-admin-head:before{right:-6px!important;width:148px!important;height:148px!important;opacity:.9!important} } /* v1.7.2 remove icon wrappers and move filters into dark sidebar */ .elcrm-app .elcrm-topbar{display:none!important} .elcrm-app .elcrm-content{padding-top:24px!important} .elcrm-app .elcrm-dashboard-card-icon{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;padding:0!important} .elcrm-app .elcrm-dashboard-card-icon img{width:36px!important;height:36px!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-dashboard-card-icon{background:transparent!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-dashboard-card-icon img{filter:none!important} .elcrm-app .elcrm-account-avatar{width:32px!important;height:32px!important;background:transparent!important;padding:0!important;border-radius:0!important;overflow:visible!important} .elcrm-app .elcrm-account-avatar img{display:block!important;width:32px!important;height:32px!important;object-fit:contain!important} .elcrm-app .elcrm-sidebar-filters{display:grid!important;gap:8px!important;margin:16px 4px 0!important;padding-top:14px!important;border-top:1px solid rgba(237,254,219,.10)!important} .elcrm-app .elcrm-sidebar-filters .elcrm-period-select{display:grid!important;gap:5px!important} .elcrm-app .elcrm-sidebar-filters .elcrm-period-select>span{display:block!important;color:rgba(237,254,219,.66)!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;} .elcrm-app .elcrm-sidebar-filters .elcrm-period-select select, .elcrm-app .elcrm-sidebar-filters .elcrm-custom-period input{ width:100%!important;min-width:0!important;height:38px!important;padding:0 12px!important; border:1px solid rgba(237,254,219,.16)!important;border-radius:8px!important; background:rgba(255,255,255,.04)!important;color:#fff!important; box-shadow:none!important } .elcrm-app .elcrm-sidebar-filters .elcrm-period-select select option{color:#17211C!important} .elcrm-app .elcrm-sidebar-filters .elcrm-custom-period{display:grid!important;grid-template-columns:1fr!important;gap:8px!important} .elcrm-app .elcrm-sidebar-filters .elcrm-period-select select:focus, .elcrm-app .elcrm-sidebar-filters .elcrm-custom-period input:focus{border-color:rgba(53,204,107,.75)!important;box-shadow:0 0 0 2px rgba(53,204,107,.12)!important;outline:none!important} .elcrm-app .elcrm-sidebar-filters .elcrm-custom-period input::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:.8!important} @media(max-width:760px){ .elcrm-app .elcrm-sidebar-filters{display:none!important} .elcrm-app .elcrm-content{padding-top:14px!important} } /* v1.7.3 dashboard cards refined */ .elcrm-app .elcrm-dashboard-hero-metric{padding:2px 0 14px!important;border:0!important;background:transparent!important;text-align:left!important} .elcrm-app .elcrm-dashboard-hero-metric.is-clickable{cursor:pointer!important} .elcrm-app .elcrm-dashboard-hero-metric.is-clickable:hover strong{color:#0F5C32!important} .elcrm-app .elcrm-dashboard-hero-label{display:block!important;color:#6E7B73!important;font-size:11px!important;font-weight:700!important;margin-bottom:7px!important} .elcrm-app .elcrm-dashboard-hero-row{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important} .elcrm-app .elcrm-dashboard-hero-row strong{color:#132119!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:40px!important;line-height:1!important;font-weight:650!important} .elcrm-app .elcrm-dashboard-hero-row .elcrm-comparison{margin-bottom:4px!important} .elcrm-app .elcrm-dashboard-subdata{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 0 2px!important;border-top:1px solid #E2EDE4!important;background:transparent!important} .elcrm-app .elcrm-dashboard-subdata.is-clickable{cursor:pointer!important} .elcrm-app .elcrm-dashboard-subdata.is-clickable:hover strong{color:#0F5C32!important} .elcrm-app .elcrm-dashboard-subdata span{color:#6E7B73!important;font-size:11px!important;font-weight:700!important} .elcrm-app .elcrm-dashboard-subdata strong{color:#17231C!important;font-size:16px!important;line-height:1.1!important;font-weight:700!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-status-segmented{margin:14px 0 12px!important;height:8px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-status-segmented>span+span{box-shadow:-1px 0 0 rgba(7,38,26,.4)!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-conversion-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:0!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-conversion-stats strong{font-size:13px!important} .elcrm-app .elcrm-dashboard-conversion-card .elcrm-conversion-stats span{font-size:8px!important} @media(max-width:760px){ .elcrm-app .elcrm-dashboard-hero-row strong{font-size:32px!important} .elcrm-app .elcrm-dashboard-subdata strong{font-size:15px!important} } /* v1.7.4 typography alignment with brand guide */ .elcrm-login-brand h1, .elcrm-login-card h2, .elcrm-app .elcrm-welcome h1, .elcrm-app .elcrm-admin-head h2, .elcrm-app .elcrm-dashboard-card-head h3, .elcrm-app .elcrm-dashboard-hero-row strong, .elcrm-app .elcrm-conversion-value, .elcrm-app .elcrm-drawer h2, .elcrm-app .elcrm-drawer-summary>strong, .elcrm-app .elcrm-admin-insight strong, .elcrm-app .elcrm-admin-section-head h3, .elcrm-app .elcrm-admin-analysis-head h3, .elcrm-app .elcrm-admin-day-value>strong, .elcrm-app .elcrm-admin-day-compact strong, .elcrm-app .elcrm-overview-empty.is-dark>strong, .elcrm-app .elcrm-overview-empty.is-dark>span, .elcrm-app .elcrm-metric-body strong, .elcrm-topbar-title strong{ font-weight:600!important; } .elcrm-login-brand h1, .elcrm-app .elcrm-welcome h1, .elcrm-app .elcrm-admin-head h2, .elcrm-app .elcrm-dashboard-conversion-card h3, .elcrm-app .elcrm-dashboard-conversion-card .elcrm-overview-kicker, .elcrm-app .elcrm-overview-empty.is-dark strong{ color:#EDFEDB!important; } .elcrm-app .elcrm-welcome p strong{ color:#EDFEDB!important; } /* v1.7.5 minimal login + native font spacing */ .elcrm-login-page{ min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important; padding:28px!important;background:#F4FDE8!important; } .elcrm-login-panel{ width:100%!important;min-height:0!important;padding:0!important;display:block!important;background:transparent!important; } .elcrm-login-card{ width:100%!important;max-width:370px!important;margin:0 auto!important;padding:0!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; } .elcrm-login-logo-dark{display:block!important;width:178px!important;height:auto!important;margin:0 auto 34px!important} .elcrm-login-card h2{margin:0 0 24px!important;color:#07261A!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:28px!important;line-height:1.15!important;font-weight:600!important;text-align:center!important} .elcrm-login-form{display:flex!important;flex-direction:column!important} .elcrm-login-form>label{margin:0 0 7px!important;color:#26372D!important;font-size:12px!important;font-weight:600!important} .elcrm-login-form>input{ width:100%!important;height:48px!important;margin:0 0 15px!important;padding:0 13px!important; border:1px solid #CDDCCF!important;border-radius:7px!important;background:#fff!important;color:#17211C!important; outline:none!important;box-shadow:none!important; } .elcrm-login-form>input:focus{border-color:#35CC6B!important;box-shadow:0 0 0 3px rgba(53,204,107,.12)!important} .elcrm-login-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:2px 0 20px!important;font-size:11px!important} .elcrm-login-options a,.elcrm-login-secondary{color:#176B3C!important;font-weight:600!important} .elcrm-checkbox{color:#5F6E65!important} .elcrm-login-submit{min-height:48px!important;border-radius:7px!important;font-weight:700!important} .elcrm-login-secondary{margin-top:16px!important;text-align:center!important} .elcrm-login-error{margin:0 0 16px!important;padding:10px 12px!important;border-radius:7px!important} @media(max-width:520px){ .elcrm-login-page{padding:22px!important} .elcrm-login-logo-dark{width:160px!important;margin-bottom:28px!important} .elcrm-login-card h2{font-size:25px!important} } /* v1.7.6 minimal dark-green login */ .elcrm-login-page{ min-height:100vh!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:32px!important; background:#07261A!important; } .elcrm-login-panel{ width:100%!important; max-width:420px!important; display:block!important; padding:0!important; background:transparent!important; } .elcrm-login-card{ width:100%!important; max-width:none!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .elcrm-login-logo-light{ display:block!important; width:190px!important; height:auto!important; margin:0 auto 30px!important; } .elcrm-login-card h2{ margin:0 0 24px!important; color:#EDFEDB!important; text-align:center!important; } .elcrm-login-form>label{ color:#EDFEDB!important; } .elcrm-login-form>input{ background:#FFFFFF!important; border:1px solid rgba(237,254,219,.14)!important; color:#07261A!important; } .elcrm-login-form>input::placeholder{color:#6C776F!important} .elcrm-login-options, .elcrm-checkbox, .elcrm-checkbox span{ color:rgba(237,254,219,.82)!important; } .elcrm-login-options a, .elcrm-login-secondary{ color:#EDFEDB!important; } .elcrm-login-submit{ min-height:50px!important; } .elcrm-login-error{ background:rgba(255,240,240,.96)!important; } @media(max-width:760px){ .elcrm-login-page{padding:24px!important;background:#07261A!important} .elcrm-login-panel{max-width:100%!important} .elcrm-login-logo-light{width:172px!important;margin-bottom:26px!important} } /* v1.8.0 admin dashboard aligned with customer dashboard */ .elcrm-app .elcrm-admin-overview{gap:14px!important} .elcrm-app .elcrm-admin-dashboard-summary{margin-bottom:14px!important} .elcrm-app .elcrm-admin-dashboard-summary .elcrm-dashboard-subdata span{display:grid!important;gap:2px!important} .elcrm-app .elcrm-admin-dashboard-summary .elcrm-dashboard-subdata span small{display:block!important;color:#92A097!important;font-size:9px!important;font-weight:500!important} .elcrm-app .elcrm-admin-dashboard-summary .elcrm-admin-conversion-note{margin:7px 0 0!important;color:rgba(237,254,219,.62)!important;font-size:9px!important;line-height:1.4!important} .elcrm-app .elcrm-admin-dashboard-summary .elcrm-conversion-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0!important} .elcrm-app .elcrm-admin-dashboard-summary .elcrm-conversion-stats>div{min-width:0!important;padding:9px 8px!important;border-right:1px solid rgba(255,255,255,.10)!important} .elcrm-app .elcrm-admin-dashboard-summary .elcrm-conversion-stats>div:last-child{border-right:0!important} .elcrm-app .elcrm-admin-dashboard-summary .elcrm-conversion-stats strong{display:block!important;color:#EDFEDB!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1!important} .elcrm-app .elcrm-admin-dashboard-summary .elcrm-conversion-stats span{display:block!important;margin-top:4px!important;color:rgba(237,254,219,.56)!important;font-size:8px!important} .elcrm-app .elcrm-admin-insights, .elcrm-app .elcrm-admin-insights-compact{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important} .elcrm-app .elcrm-admin-insight, .elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight, .elcrm-app .elcrm-admin-insight.is-warning{min-height:68px!important;padding:13px 15px!important;border:1px solid var(--elcrm-brand-line)!important;border-radius:8px!important;background:#fff!important} .elcrm-app .elcrm-admin-insight.is-warning{border-color:#E8D7A9!important;background:#FFFCF3!important} .elcrm-app .elcrm-admin-insight span{color:#6E7B73!important;font-size:9px!important;font-weight:600!important} .elcrm-app .elcrm-admin-insight strong{color:var(--elcrm-dark)!important;font-family:"Archivo","Manrope",sans-serif!important;font-size:17px!important;font-weight:600!important} .elcrm-app .elcrm-admin-insight small{color:#92A097!important} .elcrm-app .elcrm-admin-performance-section{padding:0!important;border:1px solid var(--elcrm-brand-line)!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important} .elcrm-app .elcrm-admin-performance-section .elcrm-admin-section-head{margin:0!important;padding:15px 17px!important;border-bottom:1px solid #E4EEE5!important;background:#fff!important} .elcrm-app .elcrm-admin-performance-section .elcrm-admin-section-head>div>span{display:none!important} .elcrm-app .elcrm-admin-performance-section .elcrm-admin-section-head h3{font-size:18px!important;font-weight:600!important} .elcrm-app .elcrm-admin-performance-section .elcrm-admin-table-wrap{max-height:560px!important;border:0!important;border-radius:0!important} .elcrm-app .elcrm-admin-performance-section .elcrm-admin-table th{background:#F5FBEF!important} .elcrm-app .elcrm-admin-conversion-insights{margin-top:14px!important;padding:17px!important;border:1px solid var(--elcrm-brand-line)!important;border-radius:8px!important;background:#fff!important} .elcrm-app .elcrm-admin-conversion-insights .elcrm-admin-section-head{margin:0 0 13px!important} .elcrm-app .elcrm-admin-conversion-insights .elcrm-admin-section-head>div>span{display:none!important} .elcrm-app .elcrm-admin-conversion-insights .elcrm-admin-section-head h3{font-size:18px!important;font-weight:600!important} .elcrm-app .elcrm-admin-analysis-card{border-radius:8px!important} /* Archivo remains capped at Semi-Bold */ .elcrm-app .elcrm-admin-head h2, .elcrm-app .elcrm-admin-section-head h3, .elcrm-app .elcrm-admin-analysis-head h3, .elcrm-app .elcrm-admin-insight strong, .elcrm-app .elcrm-admin-dashboard-summary .elcrm-dashboard-hero-row strong, .elcrm-app .elcrm-admin-dashboard-summary .elcrm-conversion-value{font-weight:600!important} @media(max-width:1000px){ .elcrm-app .elcrm-admin-insights,.elcrm-app .elcrm-admin-insights-compact{grid-template-columns:1fr!important} } @media(max-width:760px){ .elcrm-app .elcrm-admin-performance-section .elcrm-admin-section-head,.elcrm-app .elcrm-admin-conversion-insights{padding:14px!important} } /* v1.8.1 admin readability improvements */ .elcrm-app .elcrm-admin-overview{font-size:15px!important} .elcrm-app .elcrm-admin-head p{font-size:13.5px!important} .elcrm-app .elcrm-admin-refreshing{font-size:11.5px!important} .elcrm-app .elcrm-admin-metrics span{font-size:11.5px!important} .elcrm-app .elcrm-admin-metrics strong, .elcrm-app .elcrm-admin-metrics-compact strong{font-size:27px!important} .elcrm-app .elcrm-admin-metrics small, .elcrm-app .elcrm-admin-metrics-compact small{font-size:11px!important} .elcrm-app .elcrm-admin-insight span{font-size:11px!important} .elcrm-app .elcrm-admin-insight strong, .elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight strong{font-size:17px!important} .elcrm-app .elcrm-admin-insight small, .elcrm-app .elcrm-admin-insights-compact .elcrm-admin-insight small{font-size:11px!important} .elcrm-app .elcrm-admin-section-head h3{font-size:19px!important} .elcrm-app .elcrm-admin-section-head p{font-size:12px!important} .elcrm-app .elcrm-admin-section-head>small{font-size:10.5px!important} .elcrm-app .elcrm-admin-table th, .elcrm-app .elcrm-admin-sort{font-size:11px!important} .elcrm-app .elcrm-admin-sort b{font-size:10.5px!important} .elcrm-app .elcrm-admin-table td{font-size:12px!important} .elcrm-app .elcrm-admin-customer strong{font-size:12.5px!important} .elcrm-app .elcrm-admin-customer small{font-size:10px!important} .elcrm-app .elcrm-admin-conversion{font-size:12px!important} .elcrm-app .elcrm-admin-trend-delta{font-size:10px!important} .elcrm-app .elcrm-admin-open{font-size:10.5px!important} .elcrm-app .elcrm-admin-error, .elcrm-app .elcrm-admin-partial-warning, .elcrm-app .elcrm-admin-loading p{font-size:11.5px!important} .elcrm-app .elcrm-admin-auto-summary strong{font-size:11px!important} .elcrm-app .elcrm-admin-auto-summary p{font-size:12px!important} .elcrm-app .elcrm-admin-analysis-head h3{font-size:16px!important} .elcrm-app .elcrm-admin-analysis-head p{font-size:11px!important} .elcrm-app .elcrm-admin-analysis-summaryline{font-size:10px!important} .elcrm-app .elcrm-admin-analysis-summaryline strong{font-size:11px!important} .elcrm-app .elcrm-admin-analysis-summaryline small{font-size:10px!important} .elcrm-app .elcrm-admin-analysis-columns{font-size:9.5px!important} .elcrm-app .elcrm-admin-analysis-label strong{font-size:11.5px!important} .elcrm-app .elcrm-admin-analysis-label small{font-size:9.5px!important} .elcrm-app .elcrm-admin-analysis-share strong{font-size:11px!important} .elcrm-app .elcrm-admin-analysis-share small, .elcrm-app .elcrm-admin-analysis-more, .elcrm-app .elcrm-admin-analysis-footnote{font-size:9.5px!important} .elcrm-app .elcrm-admin-analysis-conversion>span{font-size:11px!important} .elcrm-app .elcrm-admin-analysis-empty{font-size:11px!important} .elcrm-app .elcrm-admin-day-compact span{font-size:10px!important} .elcrm-app .elcrm-admin-day-compact strong{font-size:18px!important} .elcrm-app .elcrm-admin-day-compact small{font-size:9.5px!important} .elcrm-app .elcrm-admin-day-delta, .elcrm-app .elcrm-admin-day-delta.is-positive, .elcrm-app .elcrm-admin-day-delta.is-negative, .elcrm-app .elcrm-admin-day-insight, .elcrm-app .elcrm-admin-day-insight.is-positive, .elcrm-app .elcrm-admin-day-insight.is-negative, .elcrm-app .elcrm-admin-day-trend-legend{font-size:10px!important} .elcrm-app .elcrm-admin-day-trend-legend small, .elcrm-app .elcrm-admin-day-trend-axis{font-size:9px!important} @media(max-width:760px){ .elcrm-app .elcrm-admin-table td{font-size:11.5px!important} .elcrm-app .elcrm-admin-customer strong{font-size:12px!important} .elcrm-app .elcrm-admin-insight strong{font-size:16px!important} } /* v1.8.2 admin conversion insights simplified */ .elcrm-app .elcrm-admin-analysis-columns{grid-template-columns:minmax(0,1fr) 140px 110px!important} .elcrm-app .elcrm-admin-analysis-row{grid-template-columns:minmax(0,1fr) 140px 110px!important;align-items:center!important;border-bottom:1px solid #F0F2F1!important} .elcrm-app .elcrm-admin-analysis-row:last-child{border-bottom:0!important} .elcrm-app .elcrm-admin-analysis-label{padding-right:8px!important} .elcrm-app .elcrm-admin-analysis-label strong{font-size:12px!important;line-height:1.35!important} .elcrm-app .elcrm-admin-analysis-label small{display:none!important} .elcrm-app .elcrm-admin-analysis-share, .elcrm-app .elcrm-admin-analysis-conversion{display:grid!important;justify-items:end!important;align-content:center!important;gap:2px!important} .elcrm-app .elcrm-admin-analysis-share strong, .elcrm-app .elcrm-admin-analysis-conversion strong{display:block!important;color:#243028!important;font-size:12px!important;font-weight:600!important} .elcrm-app .elcrm-admin-analysis-share small, .elcrm-app .elcrm-admin-analysis-conversion small{display:block!important;color:#8E9892!important;font-size:9.5px!important;line-height:1.3!important} .elcrm-app .elcrm-admin-analysis-conversion>span, .elcrm-app .elcrm-admin-analysis-conversion>div, .elcrm-app .elcrm-admin-analysis-conversion i{display:none!important} .elcrm-app .elcrm-admin-analysis-summaryline{padding-bottom:12px!important} .elcrm-app .elcrm-admin-analysis-summaryline span{font-size:10px!important} .elcrm-app .elcrm-admin-analysis-summaryline strong{display:inline!important;margin:0 0 0 3px!important} .elcrm-app .elcrm-admin-analysis-summaryline small{display:inline!important;margin:0 0 0 4px!important} @media(max-width:980px){ .elcrm-app .elcrm-admin-analysis-columns,.elcrm-app .elcrm-admin-analysis-row{grid-template-columns:minmax(0,1fr) 118px 96px!important} } @media(max-width:760px){ .elcrm-app .elcrm-admin-analysis-columns{display:grid!important;grid-template-columns:minmax(0,1fr) 92px 88px!important} .elcrm-app .elcrm-admin-analysis-row{grid-template-columns:minmax(0,1fr) 92px 88px!important;gap:8px!important} .elcrm-app .elcrm-admin-analysis-share small, .elcrm-app .elcrm-admin-analysis-conversion small{font-size:8.8px!important} } /* v1.8.3 AI-styled conversion insights in 3 columns */ .elcrm-app .elcrm-admin-analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:start!important} .elcrm-app .elcrm-admin-analysis-card:nth-child(3){grid-column:auto!important} .elcrm-app .elcrm-admin-analysis-card{ position:relative!important;overflow:hidden!important; border:1px solid #D8E7DB!important;border-radius:12px!important; background:linear-gradient(180deg,#F7FFF0 0%,#FFFFFF 32%)!important; box-shadow:0 8px 20px rgba(7,38,26,.05)!important; } .elcrm-app .elcrm-admin-analysis-card:before{ content:"";position:absolute;inset:0 0 auto 0;height:3px; background:linear-gradient(90deg,#35CC6B 0%, #8BE7A8 55%, #EDFEDB 100%); } .elcrm-app .elcrm-admin-analysis-head{margin-bottom:12px!important} .elcrm-app .elcrm-admin-ai-badge{ display:inline-flex!important;align-items:center!important;gap:6px!important; margin:0 0 8px!important;padding:6px 10px!important;border-radius:999px!important; background:linear-gradient(90deg,rgba(53,204,107,.14) 0%, rgba(237,254,219,.95) 100%)!important; color:#136738!important;font-size:10px!important;font-weight:700!important;line-height:1!important; border:1px solid rgba(53,204,107,.18)!important; } .elcrm-app .elcrm-admin-ai-badge svg{width:14px!important;height:14px!important;display:block!important;fill:currentColor!important} .elcrm-app .elcrm-admin-analysis-head h3{font-size:17px!important;margin:0 0 4px!important} .elcrm-app .elcrm-admin-analysis-head p{font-size:11.5px!important;line-height:1.45!important} .elcrm-app .elcrm-admin-analysis-summaryline{ display:grid!important;grid-template-columns:1fr!important;gap:8px!important; padding:12px!important;border:1px solid #E0ECE2!important;border-radius:10px!important; background:rgba(255,255,255,.76)!important } .elcrm-app .elcrm-admin-analysis-summaryline span{font-size:10.5px!important;line-height:1.45!important} .elcrm-app .elcrm-admin-analysis-columns{margin-top:10px!important} .elcrm-app .elcrm-admin-day-card .elcrm-admin-day-compact{background:rgba(255,255,255,.84)!important} .elcrm-app .elcrm-admin-day-card .elcrm-admin-day-insight{background:rgba(237,254,219,.55)!important} .elcrm-app .elcrm-admin-day-card .elcrm-admin-day-trend{margin-top:12px!important} @media(max-width:1180px){ .elcrm-app .elcrm-admin-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:760px){ .elcrm-app .elcrm-admin-analysis-grid{grid-template-columns:1fr!important;gap:12px!important} .elcrm-app .elcrm-admin-analysis-card{border-radius:10px!important} } /* v1.8.4 admin AI analysis visibility + neutral conversion card */ .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card{ background:#fff!important; border-color:var(--elcrm-brand-line)!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-overview-kicker{ color:#6E7B73!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card h3{ color:var(--elcrm-dark)!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-conversion-value{ color:#15773F!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-admin-conversion-note{ color:#7F8B84!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-status-segmented{ background:#EEF3EF!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-status-segmented>span+span{ box-shadow:-1px 0 0 rgba(255,255,255,.9)!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-conversion-stats button, .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-conversion-stats div{ background:#F9FBF9!important; border-color:#E2EAE4!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-conversion-stats strong{ color:#203026!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-conversion-stats span{ color:#7E8B83!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-overview-empty.is-dark{ background:#F8FBF8!important; border:1px dashed #DCE6DD!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-overview-empty.is-dark span, .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-overview-empty.is-dark strong{ color:var(--elcrm-dark)!important; } .elcrm-app .elcrm-admin-overview .elcrm-dashboard-conversion-card .elcrm-overview-empty.is-dark p{ color:#7C8881!important; } .elcrm-app .elcrm-admin-section-head h3{font-size:20px!important} .elcrm-app .elcrm-admin-section-head p{font-size:12.5px!important} .elcrm-app .elcrm-admin-conversion-insights .elcrm-admin-section-head>div>span{ color:#15773F!important; } .elcrm-app .elcrm-admin-analysis-head .elcrm-admin-ai-badge{ display:inline-flex!important; } .elcrm-app .elcrm-admin-analysis-head .elcrm-admin-ai-badge span{ display:inline!important; color:inherit!important; font-size:10px!important; font-weight:700!important; text-transform:none!important; } .elcrm-app .elcrm-admin-analysis-head .elcrm-admin-ai-badge svg{ display:block!important; } /* v1.8.5 lead initials brand colors */ .elcrm-app .elcrm-lead-avatar{ background:#35CC6B!important; color:#07261A!important; } /* v1.8.6 lead initials tighter corners */ .elcrm-app .elcrm-lead-avatar{border-radius:3px!important} /* v1.9.0 admin action dashboard, benchmarks and extended analysis */ .elcrm-app .elcrm-admin-operations-section{margin-top:0!important} .elcrm-app .elcrm-admin-ops-grid{display:grid!important;grid-template-columns:1.15fr 1fr 1fr!important;gap:12px!important} .elcrm-app .elcrm-admin-ops-card{min-width:0!important;padding:17px!important;border:1px solid #DCE7DE!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important} .elcrm-app .elcrm-admin-ops-card.is-warning{border-color:#EBD9AC!important;background:linear-gradient(180deg,#FFFCF4 0%,#FFFFFF 58%)!important} .elcrm-app .elcrm-admin-ops-card.is-positive{background:linear-gradient(180deg,#F7FFF1 0%,#FFFFFF 58%)!important} .elcrm-app .elcrm-admin-ops-kicker{display:block!important;margin-bottom:8px!important;color:#6F7F75!important;font-size:10.5px!important;font-weight:600!important} .elcrm-app .elcrm-admin-ops-title{display:flex!important;align-items:baseline!important;gap:8px!important;margin-bottom:11px!important} .elcrm-app .elcrm-admin-ops-title strong,.elcrm-app .elcrm-admin-age-total strong,.elcrm-app .elcrm-admin-value-main strong{font-family:"Archivo","Manrope",sans-serif!important;font-weight:600!important;color:#07261A!important} .elcrm-app .elcrm-admin-ops-title strong{font-size:31px!important;line-height:1!important} .elcrm-app .elcrm-admin-ops-title span{color:#4E5F55!important;font-size:12px!important;font-weight:600!important} .elcrm-app .elcrm-admin-alert-list{display:grid!important;gap:5px!important} .elcrm-app .elcrm-admin-alert-list a{min-width:0!important;padding:8px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-top:1px solid #ECEFE9!important;color:inherit!important} .elcrm-app .elcrm-admin-alert-list a:first-child{border-top:0!important} .elcrm-app .elcrm-admin-alert-list a>div{min-width:0!important} .elcrm-app .elcrm-admin-alert-list strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#203126!important;font-size:11.5px!important;font-weight:600!important} .elcrm-app .elcrm-admin-alert-list small{display:block!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#8A6B28!important;font-size:9.5px!important} .elcrm-app .elcrm-admin-alert-list svg{width:14px!important;height:14px!important;flex:0 0 auto!important;color:#688074!important} .elcrm-app .elcrm-admin-ops-empty{padding:9px 0!important;color:#718177!important;font-size:11px!important;line-height:1.5!important} .elcrm-app .elcrm-admin-age-total{display:flex!important;align-items:baseline!important;gap:8px!important;margin-bottom:13px!important} .elcrm-app .elcrm-admin-age-total strong{font-size:29px!important;line-height:1!important} .elcrm-app .elcrm-admin-age-total span{color:#718177!important;font-size:10.5px!important} .elcrm-app .elcrm-admin-age-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important} .elcrm-app .elcrm-admin-age-grid>div{padding:9px 7px!important;border:1px solid #E4ECE5!important;border-radius:5px!important;background:#FAFCFA!important;text-align:center!important} .elcrm-app .elcrm-admin-age-grid>div.is-critical{border-color:#F0D2D5!important;background:#FFF8F8!important} .elcrm-app .elcrm-admin-age-grid strong{display:block!important;color:#223329!important;font-size:16px!important;font-weight:600!important} .elcrm-app .elcrm-admin-age-grid span{display:block!important;margin-top:3px!important;color:#849087!important;font-size:8.8px!important;white-space:nowrap!important} .elcrm-app .elcrm-admin-age-grid>div.is-critical strong{color:#AE4E56!important} .elcrm-app .elcrm-admin-value-main{padding-bottom:13px!important;border-bottom:1px solid #E6EDE7!important} .elcrm-app .elcrm-admin-value-main strong{display:block!important;font-size:29px!important;line-height:1.05!important} .elcrm-app .elcrm-admin-value-main span{display:block!important;margin-top:5px!important;color:#7D8981!important;font-size:9.5px!important} .elcrm-app .elcrm-admin-value-split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding-top:12px!important} .elcrm-app .elcrm-admin-value-split span{display:block!important;color:#7B8980!important;font-size:9.5px!important} .elcrm-app .elcrm-admin-value-split strong{display:block!important;margin-top:4px!important;color:#203126!important;font-size:14px!important;font-weight:600!important} .elcrm-app .elcrm-admin-performance-section .elcrm-admin-table{min-width:1240px!important} .elcrm-app .elcrm-admin-cell-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important} .elcrm-app .elcrm-admin-cell-stack>strong{color:#25362C!important;font-size:11.5px!important;font-weight:600!important} .elcrm-app .elcrm-admin-cell-stack>small:not(.elcrm-admin-benchmark){color:#939E97!important;font-size:9px!important} .elcrm-app .elcrm-admin-benchmark{display:block!important;font-size:8.8px!important;font-weight:600!important;line-height:1.25!important;white-space:nowrap!important} .elcrm-app .elcrm-admin-benchmark.is-positive{color:#15773F!important} .elcrm-app .elcrm-admin-benchmark.is-negative{color:#B06145!important} .elcrm-app .elcrm-admin-benchmark.is-neutral{color:#89948D!important} .elcrm-app .elcrm-admin-conversion-copy{min-width:92px!important} .elcrm-app .elcrm-admin-conversion-cell{min-width:228px!important} .elcrm-app .elcrm-admin-trend-delta{white-space:nowrap!important} .elcrm-app .elcrm-admin-analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important} .elcrm-app .elcrm-admin-analysis-card{height:100%!important} .elcrm-app .elcrm-admin-analysis-empty strong{color:#24402F!important;font-weight:600!important} .elcrm-app .elcrm-admin-analysis-footnote{display:block!important;margin-top:10px!important;line-height:1.4!important} @media(max-width:1280px){ .elcrm-app .elcrm-admin-ops-grid{grid-template-columns:1fr 1fr!important} .elcrm-app .elcrm-admin-ops-card:first-child{grid-column:1/-1!important} } @media(max-width:980px){ .elcrm-app .elcrm-admin-ops-grid{grid-template-columns:1fr!important} .elcrm-app .elcrm-admin-ops-card:first-child{grid-column:auto!important} .elcrm-app .elcrm-admin-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:760px){ .elcrm-app .elcrm-admin-age-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .elcrm-app .elcrm-admin-analysis-grid{grid-template-columns:1fr!important} } /* v1.9.4 mobile AI Analyse: aandeel + conversie altijd zichtbaar */ @media(max-width:760px){ .elcrm-app .elcrm-admin-analysis-columns{display:none!important} .elcrm-app .elcrm-admin-analysis-row{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:8px 12px!important; padding:11px 0!important; align-items:start!important; } .elcrm-app .elcrm-admin-analysis-label{ grid-column:1/-1!important; padding-right:0!important; } .elcrm-app .elcrm-admin-analysis-label strong{ font-size:12px!important; line-height:1.35!important; } .elcrm-app .elcrm-admin-analysis-share, .elcrm-app .elcrm-admin-analysis-conversion{ width:auto!important; min-width:0!important; grid-column:auto!important; justify-items:start!important; text-align:left!important; } .elcrm-app .elcrm-admin-analysis-share strong, .elcrm-app .elcrm-admin-analysis-conversion strong{ font-size:12px!important; } .elcrm-app .elcrm-admin-analysis-share small, .elcrm-app .elcrm-admin-analysis-conversion small{ display:block!important; font-size:9px!important; } } /* v1.9.5 branded page-load animation */ body.elcrm-page-is-loading{overflow:hidden!important} .elcrm-page-loader{ position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px; background:#07261A;opacity:1;visibility:visible; transition:opacity .38s ease,visibility .38s ease; } .elcrm-page-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none} .elcrm-page-loader-inner{width:min(220px,70vw);display:flex;flex-direction:column;align-items:center} .elcrm-page-loader-inner img{width:190px;max-width:100%;height:auto;display:block;animation:elcrm-loader-logo 1.55s ease-in-out infinite} .elcrm-page-loader-progress{ width:100%;height:3px;margin-top:28px;overflow:hidden;border-radius:2px; background:rgba(237,254,219,.13); } .elcrm-page-loader-progress span{ display:block;width:42%;height:100%;border-radius:2px;background:#35CC6B; animation:elcrm-loader-progress 1.15s ease-in-out infinite; } .elcrm-page-loader-label{margin-top:12px;color:rgba(237,254,219,.65);font-family:"Manrope",sans-serif;font-size:11px;font-weight:500} .elcrm-app.elcrm-app-ready>.elcrm-portal-shell{animation:elcrm-page-enter .42s cubic-bezier(.2,.75,.25,1) both} @keyframes elcrm-loader-logo{0%,100%{opacity:.72;transform:scale(.985)}50%{opacity:1;transform:scale(1)}} @keyframes elcrm-loader-progress{0%{transform:translateX(-115%)}50%{transform:translateX(105%)}100%{transform:translateX(245%)}} @keyframes elcrm-page-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @media(max-width:760px){ .elcrm-page-loader-inner{width:min(190px,66vw)} .elcrm-page-loader-inner img{width:165px} .elcrm-page-loader-progress{margin-top:24px} } @media(prefers-reduced-motion:reduce){ .elcrm-page-loader-inner img,.elcrm-page-loader-progress span,.elcrm-app.elcrm-app-ready>.elcrm-portal-shell{animation:none!important} .elcrm-page-loader{transition:none!important} } /* v2.0.0 editable lead details */ .elcrm-app .elcrm-edit-notice{margin:0 0 22px!important;padding:11px 13px!important;border:1px solid #DCE9DF!important;border-radius:5px!important;background:#F5FDEF!important;color:#65756B!important;font-size:11px!important;line-height:1.5!important} .elcrm-app .elcrm-edit-notice strong{color:#173524!important;font-weight:600!important} .elcrm-app .elcrm-detail-section-title{margin:0 0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important} .elcrm-app .elcrm-detail-section-title h3{margin:0!important} .elcrm-app .elcrm-detail-section-title>span{color:#718179!important;font-size:9.5px!important;font-weight:600!important} .elcrm-app .elcrm-editable-detail{cursor:text!important;transition:border-color .15s ease,background .15s ease!important} .elcrm-app .elcrm-editable-detail:hover{border-color:#C8D9CC!important;background:#fff!important} .elcrm-app .elcrm-editable-detail:focus-within{border-color:#35CC6B!important;background:#fff!important;box-shadow:0 0 0 3px rgba(53,204,107,.10)!important} .elcrm-app .elcrm-editable-detail input{width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#26372D!important;font-family:"Manrope",sans-serif!important;font-size:13px!important;line-height:1.5!important;font-weight:550!important} .elcrm-app .elcrm-editable-detail input::placeholder{color:#A3ADA7!important} .elcrm-app .elcrm-save-message.is-error{color:#B34B51!important} @media(max-width:600px){.elcrm-app .elcrm-edit-notice{margin-bottom:18px!important;font-size:10.5px!important}.elcrm-app .elcrm-detail-section-title>span{font-size:9px!important}} /* v2.1.0 workflow, history, duplicate detection and admin tools */ .elcrm-app .elcrm-button:disabled{ opacity:.46!important; cursor:not-allowed!important; box-shadow:none!important; } .elcrm-app .elcrm-field-help{ display:block!important; margin-top:6px!important; color:#89958E!important; font-size:10px!important; line-height:1.45!important; } .elcrm-app .elcrm-form-row input[type="datetime-local"]{ width:100%!important; height:46px!important; padding:0 13px!important; border:1px solid #D6E0DA!important; border-radius:5px!important; background:#fff!important; color:#2F3D35!important; font-family:"Manrope",sans-serif!important; font-size:13px!important; outline:none!important; } .elcrm-app .elcrm-form-row input[type="datetime-local"]:focus{ border-color:#35CC6B!important; box-shadow:0 0 0 3px rgba(53,204,107,.12)!important; } .elcrm-app .elcrm-callback-badge, .elcrm-app .elcrm-mobile-callback{ color:#3F6C50!important; font-size:9.5px!important; font-weight:650!important; } .elcrm-app .elcrm-callback-badge.is-due, .elcrm-app .elcrm-mobile-callback.is-due{ color:#8A5A12!important; } .elcrm-app .elcrm-mobile-callback{ grid-column:1/-1!important; padding:7px 9px!important; border:1px solid #DCEADF!important; border-radius:4px!important; background:#F5FBF6!important; } .elcrm-app .elcrm-mobile-callback.is-due{ border-color:#F0DEB8!important; background:#FFF8EA!important; } .elcrm-app .elcrm-callback-tab span{ background:#EDFEDB!important; color:#176B3C!important; } .elcrm-app .elcrm-duplicate-warning{ margin-bottom:16px!important; padding:13px 14px!important; border:1px solid #F0DDAE!important; border-radius:6px!important; background:#FFF9EC!important; } .elcrm-app .elcrm-duplicate-warning>div:first-child strong{ display:block!important; color:#6F4A13!important; font-size:12px!important; font-weight:700!important; } .elcrm-app .elcrm-duplicate-warning>div:first-child span{ display:block!important; margin-top:3px!important; color:#8C754F!important; font-size:10.5px!important; line-height:1.45!important; } .elcrm-app .elcrm-duplicate-list{ display:grid!important; gap:6px!important; margin-top:10px!important; } .elcrm-app .elcrm-duplicate-item{ width:100%!important; padding:8px 9px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; border:1px solid rgba(138,90,18,.14)!important; border-radius:4px!important; background:rgba(255,255,255,.65)!important; color:#5B431E!important; text-align:left!important; cursor:pointer!important; } .elcrm-app .elcrm-duplicate-item strong{font-size:10.5px!important} .elcrm-app .elcrm-duplicate-item span{font-size:9.5px!important;color:#8C754F!important} .elcrm-app .elcrm-history{ margin-top:18px!important; border-top:1px solid #E3ECE4!important; } .elcrm-app .elcrm-history summary{ min-height:54px!important; display:flex!important; align-items:center!important; gap:10px!important; list-style:none!important; color:#26372D!important; cursor:pointer!important; } .elcrm-app .elcrm-history summary::-webkit-details-marker{display:none!important} .elcrm-app .elcrm-history summary>span{font-size:12px!important;font-weight:700!important} .elcrm-app .elcrm-history summary>small{margin-left:auto!important;color:#8C9790!important;font-size:10px!important} .elcrm-app .elcrm-history summary>svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;transition:transform .16s ease!important} .elcrm-app .elcrm-history[open] summary>svg{transform:rotate(90deg)!important} .elcrm-app .elcrm-history-content{ padding:0 0 4px!important; } .elcrm-app .elcrm-history-content>span, .elcrm-app .elcrm-history-empty, .elcrm-app .elcrm-history-error{ display:block!important; padding:10px 0 14px!important; color:#89958E!important; font-size:10.5px!important; } .elcrm-app .elcrm-history-error{color:#A4464D!important} .elcrm-app .elcrm-history-entry{ padding:11px 0!important; border-top:1px solid #EEF3EF!important; } .elcrm-app .elcrm-history-entry header{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; margin-bottom:7px!important; } .elcrm-app .elcrm-history-entry header strong{font-size:10.5px!important;color:#203127!important} .elcrm-app .elcrm-history-entry header span{font-size:9.5px!important;color:#929D96!important} .elcrm-app .elcrm-history-entry p{ margin:5px 0!important; display:grid!important; grid-template-columns:100px minmax(0,1fr) 12px minmax(0,1fr)!important; gap:7px!important; align-items:start!important; color:#65736A!important; font-size:9.5px!important; line-height:1.4!important; } .elcrm-app .elcrm-history-entry p>b{color:#425148!important;font-weight:650!important} .elcrm-app .elcrm-history-entry p>strong{color:#176B3C!important;font-weight:650!important;overflow-wrap:anywhere!important} .elcrm-app .elcrm-history-entry p>span{overflow-wrap:anywhere!important} .elcrm-app .elcrm-history-entry p>svg{width:12px!important;height:12px!important;fill:none!important;stroke:#9AA49E!important;stroke-width:1.8!important} .elcrm-app .elcrm-admin-tools{ display:flex!important; align-items:center!important; gap:10px!important; } .elcrm-app .elcrm-admin-global-search{ min-width:0!important; flex:1 1 auto!important; height:44px!important; display:flex!important; align-items:center!important; gap:9px!important; padding:0 12px!important; border:1px solid #DCE7DE!important; border-radius:6px!important; background:#fff!important; } .elcrm-app .elcrm-admin-global-search>span, .elcrm-app .elcrm-admin-global-search>svg{width:16px!important;height:16px!important;color:#77847C!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important} .elcrm-app .elcrm-admin-global-search input{ min-width:0!important; flex:1!important; border:0!important; outline:0!important; box-shadow:none!important; background:transparent!important; color:#243229!important; font-size:12px!important; } .elcrm-app .elcrm-admin-export{ height:44px!important; padding:0 14px!important; border:1px solid #CFE0D2!important; border-radius:5px!important; background:#fff!important; color:#176B3C!important; font-size:11px!important; font-weight:700!important; cursor:pointer!important; } .elcrm-app .elcrm-admin-export:hover{background:#F3FAF5!important;border-color:#A9CDB1!important} .elcrm-app .elcrm-admin-global-results{ overflow:hidden!important; border:1px solid #DCE7DE!important; border-radius:7px!important; background:#fff!important; } .elcrm-app .elcrm-admin-global-results-head{ padding:10px 13px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; border-bottom:1px solid #E8EFEA!important; background:#F8FCF6!important; } .elcrm-app .elcrm-admin-global-results-head strong{font-size:11px!important;color:#26372D!important} .elcrm-app .elcrm-admin-global-results-head span{font-size:9.5px!important;color:#87938C!important} .elcrm-app .elcrm-admin-global-result{ min-height:58px!important; padding:9px 12px!important; display:grid!important; grid-template-columns:32px minmax(0,1fr) auto 16px!important; align-items:center!important; gap:10px!important; border-bottom:1px solid #EEF2EF!important; color:inherit!important; text-decoration:none!important; } .elcrm-app .elcrm-admin-global-result:last-child{border-bottom:0!important} .elcrm-app .elcrm-admin-global-result:hover{background:#F8FCF7!important} .elcrm-app .elcrm-admin-global-avatar{ width:32px!important;height:32px!important;display:grid!important;place-items:center!important; border-radius:3px!important;background:#35CC6B!important;color:#07261A!important;font-size:9px!important;font-weight:750!important; } .elcrm-app .elcrm-admin-global-result>div:nth-child(2) strong{display:block!important;color:#25352B!important;font-size:11.5px!important} .elcrm-app .elcrm-admin-global-result>div:nth-child(2) span{display:block!important;margin-top:2px!important;color:#69776E!important;font-size:10px!important} .elcrm-app .elcrm-admin-global-result>div:nth-child(2) small{display:block!important;margin-top:2px!important;color:#99A29C!important;font-size:9px!important} .elcrm-app .elcrm-admin-global-result>.elcrm-status{font-size:9px!important} .elcrm-app .elcrm-admin-global-result>svg{width:14px!important;height:14px!important;fill:none!important;stroke:#86928B!important;stroke-width:1.8!important} .elcrm-app .elcrm-admin-global-empty{padding:18px!important;color:#7E8B83!important;font-size:11px!important;text-align:center!important} @media(max-width:760px){ .elcrm-app .elcrm-admin-tools{align-items:stretch!important;flex-direction:column!important} .elcrm-app .elcrm-admin-global-search,.elcrm-app .elcrm-admin-export{width:100%!important} .elcrm-app .elcrm-admin-global-results-head{align-items:flex-start!important;flex-direction:column!important;gap:3px!important} .elcrm-app .elcrm-admin-global-result{grid-template-columns:30px minmax(0,1fr) 14px!important} .elcrm-app .elcrm-admin-global-result>.elcrm-status{grid-column:2!important;justify-self:start!important;margin-top:3px!important} .elcrm-app .elcrm-admin-global-result>svg{grid-column:3!important;grid-row:1/3!important} .elcrm-app .elcrm-history-entry p{grid-template-columns:82px minmax(0,1fr)!important} .elcrm-app .elcrm-history-entry p>svg{display:none!important} .elcrm-app .elcrm-history-entry p>strong{grid-column:2!important} .elcrm-app .elcrm-duplicate-item{align-items:flex-start!important;flex-direction:column!important;gap:2px!important} } /* v2.1.1 note templates */ .elcrm-app .elcrm-note-templates{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 9px!important} .elcrm-app .elcrm-note-template{min-height:30px!important;padding:5px 9px!important;border:1px solid #D8E5DC!important;border-radius:6px!important;background:#F5FBF7!important;color:#274236!important;font-family:"Manrope",sans-serif!important;font-size:10px!important;font-weight:700!important;line-height:1.25!important;cursor:pointer!important;transition:background .16s ease,border-color .16s ease,color .16s ease!important} .elcrm-app .elcrm-note-template:hover{border-color:#A8D9B8!important;background:#EDFEDB!important;color:#07261A!important} .elcrm-app .elcrm-note-template:focus-visible{outline:2px solid #35CC6B!important;outline-offset:2px!important} .elcrm-app .elcrm-quick-note-popover .elcrm-note-templates{gap:5px!important;margin:0 0 8px!important} .elcrm-app .elcrm-quick-note-popover .elcrm-note-template{min-height:25px!important;padding:4px 7px!important;font-size:8.5px!important;border-radius:5px!important} @media(max-width:760px){ .elcrm-app .elcrm-note-templates{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} .elcrm-app .elcrm-note-template{width:100%!important;text-align:left!important} }