.eltcrm-app,.eltcrm-app *{box-sizing:border-box}.eltcrm-app{--crm-ink:#172033;--crm-muted:#667085;--crm-border:#e4e7ec;--crm-bg:#f6f7f9;--crm-panel:#fff;--crm-accent:#153e75;--crm-accent-2:#0f5d9f;--crm-success:#137333;--crm-danger:#b42318;max-width:1600px;width:min(96vw,1600px);margin:28px auto 56px;color:var(--crm-ink);font-family:inherit}.eltcrm-access-card{max-width:520px;margin:10vh auto;padding:28px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(16,24,40,.08)}.eltcrm-access-card h2{margin:0 0 8px}.eltcrm-app a{color:#145a91}.eltcrm-app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border:1px solid var(--crm-border);border-radius:16px 16px 0 0;background:#fff}.eltcrm-app-header h1{margin:0;font-size:30px;line-height:1}.eltcrm-app-kicker,.eltcrm-eyebrow{display:block;margin-bottom:5px;color:var(--crm-muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eltcrm-app-user{display:flex;align-items:center;gap:14px;font-size:14px}.eltcrm-app-user a{font-weight:700}.eltcrm-app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:70vh;border:1px solid var(--crm-border);border-top:0;border-radius:0 0 16px 16px;background:var(--crm-bg);overflow:hidden}.eltcrm-app-sidebar{padding:18px 12px;border-right:1px solid var(--crm-border);background:#fff}.eltcrm-app-nav{display:grid;gap:4px;position:sticky;top:24px}.eltcrm-app-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#344054;text-decoration:none;font-weight:650}.eltcrm-app-nav a:hover,.eltcrm-app-nav a:focus-visible{background:#f2f4f7;color:#101828;outline:none}.eltcrm-app-nav a.is-current{background:#eef4fb;color:#143f6b}.eltcrm-app-nav .dashicons{font-size:18px;width:18px;height:18px}.eltcrm-app-main{min-width:0;padding:26px}.eltcrm-page-heading,.eltcrm-section-heading,.eltcrm-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.eltcrm-page-heading{margin:0 0 20px}.eltcrm-page-heading h2{margin:0;font-size:30px;line-height:1.16}.eltcrm-page-heading p{margin:6px 0 0;color:var(--crm-muted)}.eltcrm-back{display:inline-block;margin-bottom:8px;text-decoration:none;font-weight:700}.eltcrm-app-notice{margin:0 0 18px;padding:12px 14px;border:1px solid #a6d4b4;border-left:4px solid #1d7f43;border-radius:8px;background:#f0f9f3}.eltcrm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}.eltcrm-kpi{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:17px;border:1px solid var(--crm-border);border-radius:12px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(16,24,40,.03)}a.eltcrm-kpi:hover{border-color:#b7c9dd;box-shadow:0 4px 14px rgba(16,24,40,.06)}.eltcrm-kpi strong{font-size:28px;line-height:1.05}.eltcrm-kpi span{margin-top:7px;color:var(--crm-muted);font-size:13px}.eltcrm-panel{margin:0 0 20px;padding:20px;border:1px solid var(--crm-border);border-radius:12px;background:#fff}.eltcrm-panel>h3:first-child{margin-top:0}.eltcrm-panel h3{font-size:19px}.eltcrm-panel h4{margin:24px 0 12px}.eltcrm-section-heading{align-items:center;margin-bottom:14px}.eltcrm-section-heading h3{margin:0}.eltcrm-section-heading>span{color:var(--crm-muted);font-size:13px}.eltcrm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.eltcrm-span-2{grid-column:1/-1}.eltcrm-form-admin>h3{margin:28px 0 12px;padding-top:8px;border-top:1px solid #f0f1f3}.eltcrm-form-admin>h3:first-of-type{margin-top:0;padding-top:0;border-top:0}.eltcrm-app label{font-size:13px;font-weight:700;color:#344054}.eltcrm-app input:not([type=checkbox]):not([type=radio]),.eltcrm-app select,.eltcrm-app textarea{width:100%;min-height:42px;margin-top:6px;padding:9px 11px;border:1px solid #cfd4dc;border-radius:7px;background:#fff;color:#101828;font:inherit;font-size:14px}.eltcrm-app textarea{min-height:84px;resize:vertical}.eltcrm-app input:focus,.eltcrm-app select:focus,.eltcrm-app textarea:focus{outline:3px solid rgba(21,94,158,.15);outline-offset:1px;border-color:#3b82b8}.eltcrm-check{display:flex!important;align-items:flex-start!important;gap:8px!important;font-weight:500!important}.eltcrm-check input{margin-top:2px}.eltcrm-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.eltcrm-repeat{display:grid;gap:8px}.eltcrm-phone-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px}.eltcrm-form-actions{margin-top:20px}.eltcrm-btn,.eltcrm-app .button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:6px;padding:8px 13px;border:1px solid #cfd4dc;border-radius:7px;background:#fff;color:#344054!important;text-decoration:none!important;font:inherit;font-size:14px;font-weight:750;line-height:1.2;cursor:pointer}.eltcrm-btn:hover,.eltcrm-btn:focus-visible,.eltcrm-app .button:hover{border-color:#98a2b3;background:#f9fafb;outline:none}.eltcrm-btn-primary{border-color:var(--crm-accent)!important;background:var(--crm-accent)!important;color:#fff!important}.eltcrm-btn-primary:hover,.eltcrm-btn-primary:focus-visible{background:#0e315e!important}.eltcrm-btn-small{min-height:32px;padding:5px 9px;font-size:12px}.eltcrm-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:14px;border:1px solid var(--crm-border);border-radius:10px;background:#fff}.eltcrm-filters label{min-width:150px;flex:1 1 170px}.eltcrm-filters label>span{display:block}.eltcrm-filter-actions{display:flex;gap:8px;align-items:center}.eltcrm-table-wrap{width:100%;overflow:auto;border:1px solid var(--crm-border);border-radius:10px;background:#fff}.eltcrm-app table{width:100%;min-width:920px;border-collapse:collapse;background:#fff;font-size:13px}.eltcrm-app th,.eltcrm-app td{padding:11px 12px;border-bottom:1px solid #eaecf0;text-align:left;vertical-align:middle}.eltcrm-app th{position:relative;background:#f9fafb;color:#475467;font-size:12px;font-weight:800;white-space:nowrap}.eltcrm-app tbody tr:hover{background:#fbfcfd}.eltcrm-app tbody tr:last-child td{border-bottom:0}.eltcrm-app td a{font-weight:650}.eltcrm-status-ok{display:inline-block;padding:3px 8px;border-radius:999px;background:#ecfdf3;color:#067647;font-weight:800}.eltcrm-status-muted{display:inline-block;padding:3px 8px;border-radius:999px;background:#f2f4f7;color:#667085;font-weight:800}.eltcrm-flag{display:inline-block;margin-left:5px;padding:3px 5px;border-radius:4px;background:#fff4e5;color:#934c0c;font-size:10px;font-weight:800}.eltcrm-muted{color:var(--crm-muted)}.eltcrm-empty{padding:30px;border:1px dashed #cfd4dc;border-radius:12px;background:#fff;text-align:center;color:var(--crm-muted)}.eltcrm-inline-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}.eltcrm-inline-toggle input{width:18px;height:18px;margin:0}.eltcrm-inline-toggle.is-disabled{opacity:.45}.eltcrm-save-state{display:inline-block;margin-left:6px;color:var(--crm-success);font-size:11px}.eltcrm-save-state.is-error{color:var(--crm-danger)}.eltcrm-pagination{display:flex;justify-content:center;gap:5px;margin:18px 0}.eltcrm-pagination .page-numbers{display:inline-flex;min-width:34px;min-height:34px;align-items:center;justify-content:center;padding:4px 8px;border:1px solid var(--crm-border);border-radius:6px;background:#fff;text-decoration:none}.eltcrm-pagination .current{border-color:var(--crm-accent);background:var(--crm-accent);color:#fff}.eltcrm-list-remove-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,1fr) auto;gap:6px;align-items:center;min-width:470px}.eltcrm-list-remove-form select,.eltcrm-list-remove-form input{margin-top:0!important}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /* Sortable table controls */ .eltcrm-app table thead th[aria-sort]{padding:0}.eltcrm-sort-button{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;min-height:40px;padding:9px 11px;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;text-align:left;cursor:pointer}.eltcrm-sort-button:hover,.eltcrm-sort-button:focus-visible{background:#eef4fb;color:#174f7d;outline:none}.eltcrm-sort-indicator{color:#667085;font-size:11px}.eltcrm-app table thead th.eltcrm-has-tools{position:relative;padding:0}.eltcrm-app table thead th.eltcrm-has-tools .eltcrm-sort-button{padding-right:46px}.eltcrm-th-tools{position:absolute;right:4px;top:4px;z-index:40}.eltcrm-th-filter-button{display:flex;align-items:center;justify-content:center;gap:3px;width:34px;min-height:32px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#667085;cursor:pointer;list-style:none}.eltcrm-th-filter-button::-webkit-details-marker{display:none}.eltcrm-th-filter-button:hover,.eltcrm-th-filter-button:focus-visible,.eltcrm-column-filter[open]>.eltcrm-th-filter-button,.eltcrm-th-filter-button.is-active{border-color:#98a2b3;background:#fff;color:#174f7d;outline:none}.eltcrm-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#174f7d;color:#fff;font-size:10px;font-weight:800}.eltcrm-th-filter-menu{position:absolute;right:0;top:38px;width:min(360px,80vw);padding:14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;box-shadow:0 12px 34px rgba(16,24,40,.18);text-align:left;color:#101828}.eltcrm-th-filter-menu>strong{display:block;margin-bottom:9px}.eltcrm-pro-filter-options{display:grid;gap:2px;max-height:310px;overflow:auto}.eltcrm-pro-filter-options label{display:flex;align-items:flex-start;gap:7px;padding:6px;border-radius:5px;font-weight:500;white-space:normal;cursor:pointer}.eltcrm-pro-filter-options label:hover{background:#f2f4f7}.eltcrm-pro-filter-options input{margin-top:2px}.eltcrm-th-filter-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid #eaecf0} @media(max-width:1180px){.eltcrm-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.eltcrm-app-layout{grid-template-columns:190px minmax(0,1fr)}.eltcrm-app-main{padding:22px}} @media(max-width:860px){.eltcrm-app{width:min(100%,100vw);margin:0}.eltcrm-app-header{border-radius:0}.eltcrm-app-layout{display:block;border-left:0;border-right:0;border-radius:0}.eltcrm-app-sidebar{padding:8px;border-right:0;border-bottom:1px solid var(--crm-border);overflow:auto}.eltcrm-app-nav{display:flex;position:static;min-width:max-content}.eltcrm-app-nav a{padding:9px 11px}.eltcrm-app-main{padding:18px 14px}.eltcrm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.eltcrm-grid{grid-template-columns:1fr}.eltcrm-span-2{grid-column:auto}.eltcrm-page-heading{align-items:flex-start}.eltcrm-list-remove-form{grid-template-columns:1fr;min-width:250px}.eltcrm-th-filter-menu{position:fixed;left:12px;right:12px;top:auto;width:auto;max-width:none}.eltcrm-pro-filter-options{max-height:45vh}} @media(max-width:560px){.eltcrm-app-header{padding:16px}.eltcrm-app-header h1{font-size:25px}.eltcrm-app-user span{display:none}.eltcrm-page-heading{display:block}.eltcrm-page-heading>.eltcrm-btn,.eltcrm-page-heading>form{margin-top:12px}.eltcrm-kpis{grid-template-columns:1fr 1fr;gap:9px}.eltcrm-kpi{min-height:92px;padding:13px}.eltcrm-kpi strong{font-size:22px}.eltcrm-filters{display:grid}.eltcrm-filter-actions{width:100%}.eltcrm-filter-actions .eltcrm-btn{flex:1}.eltcrm-phone-row{grid-template-columns:1fr}.eltcrm-app-main{padding:16px 10px}.eltcrm-panel{padding:15px}.eltcrm-app-nav .dashicons{display:none}} /* Column filter positioning and state */ .eltcrm-pro-id-header .eltcrm-th-filter-menu,.eltcrm-app table thead th:nth-child(-n+3) .eltcrm-th-filter-menu{left:0;right:auto} .eltcrm-header-filter-field{display:block;min-width:260px} .eltcrm-header-filter-field input,.eltcrm-client-filter-input{width:100%!important;margin-top:0!important} .eltcrm-filtered-out{display:none!important} .eltcrm-th-filter-button.is-active{border-color:#174f7d;background:#eef4fb;color:#174f7d} @media(max-width:860px){.eltcrm-pro-id-header .eltcrm-th-filter-menu,.eltcrm-app table thead th:nth-child(-n+3) .eltcrm-th-filter-menu{position:fixed;left:12px;right:12px;width:auto;max-width:none}} /* Front-end contact editor */ .eltcrm-contact-editor{ width:min(1100px,92vw); height:min(900px,90dvh); max-width:none; max-height:none; margin:auto; padding:0; border:0; border-radius:14px; background:#fff; color:#101828; box-shadow:0 24px 70px rgba(16,24,40,.28); overflow:hidden; text-align:left; } .eltcrm-contact-editor::backdrop{background:rgba(15,23,42,.48)} .eltcrm-contact-editor[open]{display:block} .eltcrm-contact-editor-frame, .eltcrm-contact-editor-content, .eltcrm-contact-modal-form{height:100%} .eltcrm-contact-editor-frame{position:relative;background:#fff} .eltcrm-contact-editor-content{min-height:0} .eltcrm-contact-modal-form{display:flex;flex-direction:column;min-height:0;text-align:left} .eltcrm-contact-editor-loading{display:flex;align-items:center;justify-content:center;height:100%;padding:32px;color:#667085;font-weight:700;text-align:left} .eltcrm-contact-editor-loading[hidden]{display:none} .eltcrm-contact-editor-header{ flex:0 0 auto; padding:22px 26px 18px; border-bottom:1px solid #eaecf0; background:#fff; text-align:left; } .eltcrm-contact-editor-header h2{margin:3px 0 0;font-size:24px;line-height:1.2;text-align:left} .eltcrm-contact-editor-header p{margin:5px 0 0;color:#667085;text-align:left} .eltcrm-contact-editor-body{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:22px 26px 28px; text-align:left; } .eltcrm-contact-section{ margin:0; padding:0 0 24px; text-align:left; } .eltcrm-contact-section+.eltcrm-contact-section{ padding-top:22px; border-top:1px solid #eaecf0; } .eltcrm-contact-section h3{ margin:0 0 14px; color:#101828; font-size:16px; line-height:1.3; text-align:left; } .eltcrm-contact-section label, .eltcrm-contact-section p, .eltcrm-contact-section span{ text-align:left } .eltcrm-modal-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; align-items:start; } .eltcrm-modal-span-2{grid-column:1/-1} .eltcrm-modal-stack{display:grid;gap:12px} .eltcrm-modal-phone-row{ display:grid; grid-template-columns:minmax(140px,.4fr) minmax(0,1fr); gap:12px; align-items:start; } .eltcrm-modal-check-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 16px; } .eltcrm-modal-check{ display:flex!important; align-items:flex-start!important; justify-content:flex-start!important; gap:9px!important; width:100%; margin:0; text-align:left!important; font-weight:600!important; } .eltcrm-app .eltcrm-modal-check input[type="checkbox"]{ flex:0 0 auto; width:18px!important; min-height:18px!important; height:18px; margin:2px 0 0!important; padding:0; } .eltcrm-contact-summary-status{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0} .eltcrm-contact-editor-footer{ display:flex; flex:0 0 auto; align-items:center; justify-content:flex-start; gap:9px; min-height:66px; padding:12px 26px; border-top:1px solid #eaecf0; background:#fff; text-align:left; } .eltcrm-contact-editor-state{margin-left:4px;color:#067647;font-size:13px;font-weight:700} .eltcrm-contact-editor-state.is-error{color:#b42318} .eltcrm-contact-editor-error{padding:28px;color:#b42318;font-weight:700;text-align:left} body.eltcrm-contact-editor-open{overflow:hidden} @media(max-width:700px){ .eltcrm-contact-editor{ width:calc(100vw - 16px); height:calc(100dvh - 16px); border-radius:10px; } .eltcrm-contact-editor-header{padding:18px 16px 14px} .eltcrm-contact-editor-header h2{font-size:21px} .eltcrm-contact-editor-body{padding:18px 16px 22px} .eltcrm-contact-editor-footer{ flex-wrap:wrap; padding:11px 16px; } .eltcrm-modal-grid, .eltcrm-modal-phone-row, .eltcrm-modal-check-grid{grid-template-columns:1fr} .eltcrm-modal-span-2{grid-column:auto} .eltcrm-contact-editor-footer .eltcrm-btn{min-width:104px} .eltcrm-contact-editor-state{width:100%;margin:0} } /* Login shown directly on the protected CRM page */ .eltcrm-access-card{color:#172033;text-align:left} .eltcrm-access-kicker{display:block;margin-bottom:5px;color:#667085;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .eltcrm-login-card{width:min(92vw,520px);padding:32px} .eltcrm-login-card h2{font-size:30px;line-height:1.1} .eltcrm-login-card>p{margin:7px 0 22px;color:#667085} .eltcrm-login-card form{display:grid;gap:14px;margin:0;text-align:left} .eltcrm-login-card form p{margin:0;text-align:left} .eltcrm-login-card label{display:block;margin-bottom:5px;color:#344054;font-size:13px;font-weight:750;text-align:left} .eltcrm-login-card input[type="text"],.eltcrm-login-card input[type="password"]{box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #cfd4dc;border-radius:7px;background:#fff;color:#101828;font:inherit} .eltcrm-login-card input[type="text"]:focus,.eltcrm-login-card input[type="password"]:focus{border-color:#3b82b8;outline:3px solid rgba(21,94,158,.15);outline-offset:1px} .eltcrm-login-card .login-remember label{display:flex;align-items:center;gap:8px;margin:0;font-weight:600} .eltcrm-login-card .login-remember input{width:18px;height:18px;margin:0} .eltcrm-login-card .login-submit input{display:inline-flex;min-height:42px;padding:8px 18px;border:1px solid #153e75;border-radius:7px;background:#153e75;color:#fff;font:inherit;font-size:14px;font-weight:750;cursor:pointer} .eltcrm-login-card .login-submit input:hover,.eltcrm-login-card .login-submit input:focus-visible{background:#0e315e;outline:none} .eltcrm-login-help{margin:18px 0 0!important;font-size:13px} .eltcrm-login-help a{color:#145a91;font-weight:700} /* Dashboard global contact search */ .eltcrm-dashboard-search{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(360px,1.35fr);gap:22px;align-items:center;margin:0 0 20px;padding:20px;border:1px solid var(--crm-border);border-radius:12px;background:#fff} .eltcrm-dashboard-search-copy{display:flex;align-items:flex-start;gap:12px;min-width:0} .eltcrm-dashboard-search-copy>.dashicons{flex:0 0 auto;width:22px;height:22px;margin-top:2px;color:#153e75;font-size:22px} .eltcrm-dashboard-search h3{margin:0 0 4px;font-size:18px;line-height:1.25} .eltcrm-dashboard-search p{margin:0;color:var(--crm-muted);font-size:13px} .eltcrm-dashboard-search-form{display:flex;align-items:center;gap:8px;min-width:0} .eltcrm-dashboard-search-form input[type="search"]{min-width:0;flex:1 1 auto;width:auto!important;min-height:44px;margin:0!important} .eltcrm-dashboard-search-form .eltcrm-btn{flex:0 0 auto;min-height:44px} .eltcrm-dashboard-search-form .dashicons{width:16px;height:16px;font-size:16px} .eltcrm-dashboard-results .eltcrm-section-heading>div h3{margin:0 0 2px} .eltcrm-dashboard-results .eltcrm-section-heading>div span{color:var(--crm-muted);font-size:13px} .eltcrm-dashboard-result-note{margin:12px 0 0} @media(max-width:900px){.eltcrm-dashboard-search{grid-template-columns:1fr}.eltcrm-dashboard-search-form{width:100%}} @media(max-width:560px){.eltcrm-login-card{margin:6vh auto;padding:24px 18px}.eltcrm-dashboard-search-form{display:grid;grid-template-columns:1fr 1fr}.eltcrm-dashboard-search-form input[type="search"]{grid-column:1/-1}.eltcrm-dashboard-search-form .eltcrm-btn{width:100%}} .eltcrm-login-error{margin:0 0 16px;padding:11px 12px;border:1px solid #f2b8b5;border-left:4px solid #b42318;border-radius:7px;background:#fff4f3;color:#8a1c14;font-size:13px;font-weight:650} .eltcrm-login-card .login-submit button{min-width:110px} /* Contact-card subscription history popup */ .eltcrm-subscription-history-action{margin-top:12px;text-align:left} .eltcrm-subscription-history{ width:min(960px,90vw); height:min(700px,82dvh); max-width:none; max-height:none; margin:auto; padding:0; border:0; border-radius:14px; background:#fff; color:#101828; box-shadow:0 24px 70px rgba(16,24,40,.30); overflow:hidden; text-align:left; } .eltcrm-subscription-history::backdrop{background:rgba(15,23,42,.56)} .eltcrm-subscription-history[open]{display:block} .eltcrm-subscription-history-frame,.eltcrm-subscription-history-content,.eltcrm-subscription-history-panel{height:100%} .eltcrm-subscription-history-frame{position:relative;background:#fff} .eltcrm-subscription-history-content{min-height:0} .eltcrm-subscription-history-panel{display:flex;flex-direction:column;min-height:0;text-align:left} .eltcrm-subscription-history-loading{display:flex;align-items:center;justify-content:center;height:100%;padding:30px;color:#667085;font-weight:700;text-align:left} .eltcrm-subscription-history-loading[hidden]{display:none} .eltcrm-subscription-history-header{flex:0 0 auto;padding:20px 24px 16px;border-bottom:1px solid #eaecf0;background:#fff;text-align:left} .eltcrm-subscription-history-header h2{margin:3px 0 0;font-size:23px;line-height:1.2;text-align:left} .eltcrm-subscription-history-header p{margin:5px 0 0;color:#667085;text-align:left} .eltcrm-subscription-history-body{flex:1 1 auto;min-height:0;overflow:auto;padding:20px 24px 26px;text-align:left} .eltcrm-subscription-history-body .eltcrm-table-wrap{max-height:100%;overflow:auto} .eltcrm-subscription-history-body table{min-width:680px} .eltcrm-subscription-history-footer{display:flex;flex:0 0 auto;justify-content:flex-start;gap:9px;padding:12px 24px;border-top:1px solid #eaecf0;background:#fff;text-align:left} @media(max-width:700px){ .eltcrm-subscription-history{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:10px} .eltcrm-subscription-history-header{padding:17px 16px 14px} .eltcrm-subscription-history-header h2{font-size:20px} .eltcrm-subscription-history-body{padding:16px} .eltcrm-subscription-history-footer{padding:11px 16px} } /* Contact-card events & participation */ .eltcrm-participation-summary{display:grid;gap:6px;margin-top:4px;text-align:left} .eltcrm-participation-summary p{margin:0;color:#475467;line-height:1.45;text-align:left} .eltcrm-event-history-action{margin-top:12px;text-align:left} .eltcrm-event-history{ width:min(1180px,92vw); height:min(760px,86dvh); max-width:none; max-height:none; margin:auto; padding:0; border:0; border-radius:14px; background:#fff; color:#101828; box-shadow:0 24px 70px rgba(16,24,40,.30); overflow:hidden; text-align:left; } .eltcrm-event-history::backdrop{background:rgba(15,23,42,.56)} .eltcrm-event-history[open]{display:block} .eltcrm-event-history-frame,.eltcrm-event-history-content,.eltcrm-event-history-panel{height:100%} .eltcrm-event-history-frame{position:relative;background:#fff} .eltcrm-event-history-content{min-height:0} .eltcrm-event-history-panel{display:flex;flex-direction:column;min-height:0;text-align:left} .eltcrm-event-history-loading{display:flex;align-items:center;justify-content:center;height:100%;padding:30px;color:#667085;font-weight:700;text-align:left} .eltcrm-event-history-loading[hidden]{display:none} .eltcrm-event-history-header{flex:0 0 auto;padding:20px 24px 16px;border-bottom:1px solid #eaecf0;background:#fff;text-align:left} .eltcrm-event-history-header h2{margin:3px 0 0;font-size:23px;line-height:1.2;text-align:left} .eltcrm-event-history-header p{margin:5px 0 0;color:#667085;text-align:left} .eltcrm-event-history-body{flex:1 1 auto;min-height:0;overflow:auto;padding:20px 24px 26px;text-align:left} .eltcrm-event-history-body .eltcrm-table-wrap{max-height:none;overflow:auto} .eltcrm-event-history-body table{min-width:1080px} .eltcrm-event-history-footer{display:flex;flex:0 0 auto;justify-content:flex-start;gap:9px;padding:12px 24px;border-top:1px solid #eaecf0;background:#fff;text-align:left} .eltcrm-participation-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px} .eltcrm-participation-kpis>div{padding:12px 14px;border:1px solid #eaecf0;border-radius:9px;background:#f9fafb;text-align:left} .eltcrm-participation-kpis strong{display:block;font-size:22px;line-height:1.1;color:#101828} .eltcrm-participation-kpis span{display:block;margin-top:4px;color:#667085;font-size:12px;font-weight:650} .eltcrm-legacy-heading{margin-top:24px} @media(max-width:760px){ .eltcrm-event-history{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:10px} .eltcrm-event-history-header{padding:17px 16px 14px} .eltcrm-event-history-header h2{font-size:20px} .eltcrm-event-history-body{padding:16px} .eltcrm-event-history-footer{padding:11px 16px} .eltcrm-participation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:460px){.eltcrm-participation-kpis{grid-template-columns:1fr}} /* Contact-card mailing-list management */ .eltcrm-contact-help{margin:-4px 0 12px;color:#667085;font-size:13px;line-height:1.45} .eltcrm-contact-new-list{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px 12px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid #eaecf0;text-align:left} .eltcrm-contact-new-list .eltcrm-contact-list-state{grid-column:1/-1;min-height:18px;color:#067647;font-size:12px;font-weight:700} .eltcrm-contact-new-list .eltcrm-contact-list-state.is-error{color:#b42318} .eltcrm-contact-new-list .eltcrm-btn{min-height:42px} .eltcrm-row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap} @media(max-width:700px){.eltcrm-contact-new-list{grid-template-columns:1fr}.eltcrm-contact-new-list .eltcrm-btn{width:100%}.eltcrm-contact-new-list .eltcrm-contact-list-state{grid-column:auto}} /* Destructive actions */ .eltcrm-btn-danger{border-color:#b42318!important;background:#fff!important;color:#b42318!important} .eltcrm-btn-danger:hover,.eltcrm-btn-danger:focus-visible{background:#fff1f0!important;border-color:#912018!important;color:#912018!important} .eltcrm-contact-editor-footer .eltcrm-contact-delete{margin-left:auto} .eltcrm-danger-zone{border-color:#f2b8b5;background:#fffafa} .eltcrm-app-notice-error{border-left:4px solid #b42318!important;background:#fff4f3!important;color:#8a1c14!important} /* Emailing subsystem */ .eltcrm-email-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 18px} .eltcrm-email-subnav a{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1px solid var(--crm-border);border-radius:7px;background:#fff;color:#344054;text-decoration:none;font-size:13px;font-weight:750} .eltcrm-email-subnav a.is-current{border-color:#153e75;background:#153e75;color:#fff} .eltcrm-email-campaign-form{display:grid;gap:18px} .eltcrm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .eltcrm-form-grid label,.eltcrm-email-delivery-grid label,.eltcrm-template-loader label{display:grid;gap:6px;color:#344054;font-size:13px;font-weight:750;text-align:left} .eltcrm-form-grid input,.eltcrm-form-grid select,.eltcrm-form-grid textarea,.eltcrm-email-delivery-grid input,.eltcrm-template-loader select{box-sizing:border-box;width:100%;min-height:42px;padding:9px 11px;border:1px solid #cfd4dc;border-radius:7px;background:#fff;color:#101828;font:inherit} .eltcrm-form-grid textarea{min-height:120px;resize:vertical} .eltcrm-span-2{grid-column:1/-1} .eltcrm-radio-stack{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 14px} .eltcrm-radio-stack label{display:flex;align-items:center;gap:7px;color:#344054;font-weight:700} .eltcrm-email-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;margin-top:8px} .eltcrm-template-loader{display:grid;grid-template-columns:minmax(220px,420px) auto;gap:10px;align-items:end;margin:0 0 14px} .eltcrm-email-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .eltcrm-email-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px} .eltcrm-email-preview{display:block;width:100%;height:720px;border:1px solid #d0d5dd;border-radius:8px;background:#fff} .eltcrm-email-template-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(440px,1.2fr);gap:18px;align-items:start} .eltcrm-inline-form{display:inline-flex;margin:0} .eltcrm-email-readonly{color:#344054;text-align:left} .eltcrm-email-readonly p{margin:0 0 10px} .eltcrm-email-readonly .eltcrm-form-actions{display:flex;gap:8px;flex-wrap:wrap} .eltcrm-panel code{padding:1px 4px;border-radius:4px;background:#f2f4f7;font-size:.92em} @media(max-width:980px){ .eltcrm-email-template-layout{grid-template-columns:1fr} .eltcrm-email-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .eltcrm-contact-editor-footer .eltcrm-contact-delete{margin-left:0;width:100%;order:4} .eltcrm-form-grid,.eltcrm-email-delivery-grid,.eltcrm-email-list-grid{grid-template-columns:1fr} .eltcrm-span-2{grid-column:auto} .eltcrm-template-loader{grid-template-columns:1fr} .eltcrm-email-preview{height:70dvh} .eltcrm-email-actions .eltcrm-btn{width:100%} } /* Visual email block builder */ .eltcrm-email-content-panel{overflow:visible} .eltcrm-email-builder{margin-top:14px;border:1px solid #d0d5dd;border-radius:10px;background:#f8fafc;overflow:hidden;text-align:left} .eltcrm-email-builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid #d0d5dd;background:#fff} .eltcrm-email-builder-toolbar-left{display:flex;align-items:baseline;gap:10px;min-width:0}.eltcrm-email-builder-toolbar-left strong{font-size:15px;color:#101828}.eltcrm-email-builder-toolbar-left span{font-size:12px;color:#667085} .eltcrm-email-builder-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}.eltcrm-email-builder-toolbar-actions .eltcrm-btn{min-height:34px;padding:5px 10px}.eltcrm-email-builder-toolbar-actions .is-active{background:#153e75;color:#fff;border-color:#153e75} .eltcrm-email-builder-layout{display:grid;grid-template-columns:190px minmax(430px,1fr) 260px;min-height:620px} .eltcrm-email-builder-palette,.eltcrm-email-builder-inspector{background:#fff;padding:14px;overflow:auto;max-height:760px}.eltcrm-email-builder-palette{border-right:1px solid #e4e7ec}.eltcrm-email-builder-inspector{border-left:1px solid #e4e7ec} .eltcrm-email-builder-palette h4,.eltcrm-email-builder-inspector h4{margin:0 0 5px;color:#101828;font-size:14px}.eltcrm-email-builder-palette>p,.eltcrm-builder-inspector-empty p{margin:0 0 12px;color:#667085;font-size:12px;line-height:1.45} .eltcrm-email-builder-blocks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.eltcrm-builder-palette-block{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:62px;padding:9px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#344054;text-align:left;font-size:11px;font-weight:700;cursor:grab}.eltcrm-builder-palette-block:hover,.eltcrm-builder-palette-block:focus-visible{border-color:#1570ef;box-shadow:0 0 0 2px rgba(21,112,239,.08)}.eltcrm-builder-palette-block .dashicons{font-size:17px;width:17px;height:17px;color:#475467} .eltcrm-builder-section-title{margin-top:18px!important}.eltcrm-builder-section-buttons{display:grid;gap:7px}.eltcrm-builder-section-buttons .eltcrm-btn{width:100%;justify-content:flex-start} .eltcrm-email-builder-stage{padding:22px;overflow:auto;background:#eef2f6}.eltcrm-email-canvas-shell{display:flex;justify-content:center;min-width:0}.eltcrm-email-canvas{width:100%;max-width:680px;min-height:560px;background:#f4f6f8;box-shadow:0 1px 4px rgba(16,24,40,.12);transition:max-width .2s ease;padding:12px;box-sizing:border-box}.eltcrm-email-builder.is-mobile-preview .eltcrm-email-canvas{max-width:375px} .eltcrm-builder-section{position:relative;margin:0 0 10px;border:1px solid transparent;background:#fff}.eltcrm-builder-section:hover{border-color:#98a2b3}.eltcrm-builder-section-bar{display:flex;align-items:center;gap:7px;min-height:30px;padding:3px 7px;background:#f2f4f7;border-bottom:1px solid #eaecf0;font-size:11px;color:#475467}.eltcrm-builder-drag{cursor:grab;font-weight:900;color:#98a2b3}.eltcrm-builder-section-actions,.eltcrm-builder-block-actions{display:flex;gap:4px;margin-left:auto}.eltcrm-builder-section-actions button,.eltcrm-builder-block-actions button{border:0;background:transparent;color:#475467;font-size:10px;text-decoration:underline;cursor:pointer;padding:3px}.eltcrm-builder-section-actions button:hover,.eltcrm-builder-block-actions button:hover{color:#101828} .eltcrm-builder-columns{display:grid;gap:8px;padding:8px}.eltcrm-builder-column{min-height:82px;padding:5px;border:1px dashed #cfd4dc;background:#fcfcfd}.eltcrm-builder-drop-hint{display:none;padding:12px;color:#98a2b3;font-size:11px;text-align:center}.eltcrm-builder-column:empty .eltcrm-builder-drop-hint,.eltcrm-builder-column>.eltcrm-builder-drop-hint:only-child{display:block} .eltcrm-builder-block{position:relative;margin:0 0 7px;border:1px solid #e4e7ec;border-radius:6px;background:#fff;overflow:hidden;cursor:pointer}.eltcrm-builder-block:last-child{margin-bottom:0}.eltcrm-builder-block.is-selected{border-color:#1570ef;box-shadow:0 0 0 2px rgba(21,112,239,.13)}.eltcrm-builder-block-bar{display:flex;align-items:center;gap:5px;min-height:27px;padding:2px 6px;background:#f9fafb;border-bottom:1px solid #eaecf0;color:#667085;font-size:10px;font-weight:700}.eltcrm-builder-block-preview{padding:12px!important;min-height:20px}.eltcrm-builder-block-preview img{max-width:100%;height:auto}.eltcrm-builder-block-preview p:first-child{margin-top:0}.eltcrm-builder-block-preview p:last-child{margin-bottom:0} .crm-preview-placeholder{display:flex;align-items:center;justify-content:center;min-height:72px;border:1px dashed #d0d5dd;background:#f9fafb;color:#98a2b3;font-size:12px}.crm-preview-button{display:inline-block;padding:9px 14px;border-radius:5px;color:#fff;font-size:12px;font-weight:800}.crm-preview-spacer{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#f9fafb,#f9fafb 5px,#f2f4f7 5px,#f2f4f7 10px);color:#98a2b3;font-size:10px}.crm-preview-social{font-size:11px;text-decoration:underline}.crm-preview-code{padding:8px;background:#f2f4f7;font-family:monospace;font-size:11px;word-break:break-word}.crm-preview-image-text{display:grid;grid-template-columns:38% 1fr;gap:12px;align-items:start}.crm-preview-card{padding:14px;border:1px solid #eaecf0;border-radius:6px}.crm-preview-card>img{display:block;width:calc(100% + 28px);max-width:none;margin:-14px -14px 12px}.crm-preview-card h2,.crm-preview-card h3{margin:0 0 8px}.crm-preview-card small{display:block;margin-bottom:6px;color:#667085} .eltcrm-builder-inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.eltcrm-builder-inspector-heading h4{margin:0}.eltcrm-builder-inspector-heading small{display:block;color:#98a2b3;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.eltcrm-builder-inspector-close{border:0;background:transparent;font-size:23px;color:#667085;cursor:pointer}.eltcrm-builder-inspector-fields{display:grid;gap:10px}.eltcrm-builder-inspector-fields label{display:grid;gap:5px;color:#344054;font-size:11px;font-weight:750}.eltcrm-builder-inspector-fields input,.eltcrm-builder-inspector-fields textarea,.eltcrm-builder-inspector-fields select{box-sizing:border-box;width:100%;min-height:36px;padding:7px 8px;border:1px solid #cfd4dc;border-radius:6px;background:#fff;color:#101828;font:inherit}.eltcrm-builder-inspector-fields input[type=color]{padding:3px;height:36px}.eltcrm-builder-inspector-fields textarea{min-height:84px;resize:vertical;font-family:inherit;font-weight:400}.eltcrm-builder-style-heading{margin-top:5px;padding-top:10px;border-top:1px solid #eaecf0;color:#101828;font-size:12px;font-weight:800} .eltcrm-builder-help{padding:10px 14px;border-top:1px solid #d0d5dd;background:#fff;color:#667085;font-size:11px}.eltcrm-builder-help code{font-size:11px}.eltcrm-builder-empty-add{display:block;margin:120px auto;padding:12px 18px;border:1px dashed #98a2b3;border-radius:8px;background:#fff;color:#344054;cursor:pointer} @media(max-width:1180px){.eltcrm-email-builder-layout{grid-template-columns:165px minmax(360px,1fr) 230px}.eltcrm-email-builder-blocks{grid-template-columns:1fr}.eltcrm-email-builder-palette,.eltcrm-email-builder-inspector{padding:10px}} @media(max-width:900px){.eltcrm-email-builder-toolbar{align-items:flex-start;flex-direction:column}.eltcrm-email-builder-layout{grid-template-columns:1fr}.eltcrm-email-builder-palette,.eltcrm-email-builder-inspector{max-height:none;border:0;border-bottom:1px solid #e4e7ec}.eltcrm-email-builder-palette{order:1}.eltcrm-email-builder-stage{order:2;padding:12px}.eltcrm-email-builder-inspector{order:3;border-top:1px solid #e4e7ec}.eltcrm-email-builder-blocks{grid-template-columns:repeat(4,minmax(0,1fr))}.eltcrm-builder-section-buttons{grid-template-columns:repeat(3,1fr)}.eltcrm-email-canvas{min-height:420px}} @media(max-width:620px){.eltcrm-email-builder-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.eltcrm-builder-section-buttons{grid-template-columns:1fr}.eltcrm-email-builder-stage{padding:8px}.eltcrm-email-canvas{padding:6px}.eltcrm-builder-columns{grid-template-columns:1fr!important}.eltcrm-builder-section-actions button,.eltcrm-builder-block-actions button{font-size:9px}.crm-preview-image-text{grid-template-columns:1fr}.eltcrm-email-builder-toolbar-actions{width:100%}.eltcrm-email-builder-toolbar-actions .eltcrm-btn{flex:1}.eltcrm-builder-help{line-height:1.6}} /* The visual template editor needs the full workspace width. */ .eltcrm-email-template-layout{grid-template-columns:1fr} /* v0.3.1 — refined email builder --------------------------------------- */ .eltcrm-email-builder{border:1px solid #d9e1ea;border-radius:16px;background:#f5f7fa;box-shadow:0 8px 28px rgba(15,23,42,.05);overflow:visible} .eltcrm-email-builder-toolbar{padding:16px 18px;border-bottom:1px solid #e6ebf1;border-radius:16px 16px 0 0;background:#fff} .eltcrm-email-builder-toolbar-left strong{font-size:16px;letter-spacing:-.01em}.eltcrm-email-builder-toolbar-left span{color:#64748b} .eltcrm-email-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;min-height:620px;border-top:1px solid #e8edf3;border-bottom:1px solid #e8edf3} .eltcrm-email-builder-palette{padding:16px 18px;background:#fff;border:0;max-height:none;overflow:visible} .eltcrm-email-builder-palette-bottom>.eltcrm-email-builder-palette{border-radius:0 0 14px 14px} .eltcrm-builder-palette-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px} .eltcrm-builder-palette-heading h4{margin:0 0 3px;font-size:14px;color:#0f172a}.eltcrm-builder-palette-heading p{margin:0;color:#64748b;font-size:12px} .eltcrm-email-builder-blocks{display:grid;grid-template-columns:repeat(9,minmax(86px,1fr));gap:8px} .eltcrm-builder-palette-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;padding:10px 7px;border:1px solid #e1e7ef;border-radius:10px;background:#fff;color:#334155;text-align:center;font-size:11px;font-weight:700;line-height:1.2;cursor:grab;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease} .eltcrm-builder-palette-block:hover,.eltcrm-builder-palette-block:focus-visible{border-color:#60a5fa;background:#f8fbff;box-shadow:0 5px 14px rgba(37,99,235,.10);transform:translateY(-1px);outline:0} .eltcrm-block-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eff6ff;color:#1d4ed8}.eltcrm-block-icon .dashicons{width:18px;height:18px;font-size:18px;line-height:18px;color:inherit}.eltcrm-block-label{display:block} .eltcrm-builder-section-buttons{display:flex;gap:7px;flex-wrap:wrap}.eltcrm-builder-section-buttons button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 10px;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#334155;font-size:11px;font-weight:700;cursor:pointer}.eltcrm-builder-section-buttons button:hover{border-color:#93c5fd;background:#f8fbff}.eltcrm-builder-section-buttons .dashicons{font-size:15px;width:15px;height:15px} .eltcrm-email-builder-stage{padding:28px;background:linear-gradient(#eef2f6,#f4f6f8)} .eltcrm-email-canvas{border:1px solid #e0e6ee;border-radius:3px;box-shadow:0 10px 30px rgba(15,23,42,.12);padding:14px} .eltcrm-email-builder-inspector{border-left:1px solid #e1e7ef;background:#fff;padding:17px;max-height:780px;position:sticky;top:14px;align-self:start} .eltcrm-builder-section{border-radius:8px;overflow:hidden}.eltcrm-builder-section:hover{border-color:#93a4b8} .eltcrm-builder-section-bar{background:#f8fafc;padding:5px 9px;min-height:32px}.eltcrm-builder-section-actions button,.eltcrm-builder-block-actions button{text-decoration:none;font-weight:700;color:#64748b;border-radius:5px}.eltcrm-builder-section-actions button:hover,.eltcrm-builder-block-actions button:hover{background:#eaf2ff;color:#1d4ed8} .eltcrm-builder-column{border-radius:7px}.eltcrm-builder-block{border-color:#e5eaf0;border-radius:9px;box-shadow:0 1px 2px rgba(15,23,42,.025)}.eltcrm-builder-block.is-selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.13)}.eltcrm-builder-block-bar{background:#fbfcfe;color:#64748b;padding:4px 7px;min-height:29px} .eltcrm-builder-media-field{display:grid!important;gap:5px}.eltcrm-builder-media-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.eltcrm-builder-media-button{min-height:36px;padding:6px 9px;border:1px solid #bfdbfe;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.eltcrm-builder-media-button:hover{background:#dbeafe}.eltcrm-builder-media-field>small{font-size:10px;color:#94a3b8;font-weight:500;line-height:1.35} .crm-preview-file{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;text-align:left}.crm-preview-file>.dashicons{width:28px;height:28px;font-size:28px;color:#2563eb}.crm-preview-file div{display:grid;gap:2px}.crm-preview-file strong{font-size:13px}.crm-preview-file small{max-width:420px;color:#64748b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .eltcrm-builder-help{padding:13px 18px;background:#fbfcfe;border-radius:0 0 16px 16px;color:#64748b;font-size:11px} @media(max-width:1240px){.eltcrm-email-builder-blocks{grid-template-columns:repeat(6,minmax(86px,1fr))}} @media(max-width:960px){.eltcrm-email-builder-layout{grid-template-columns:1fr}.eltcrm-email-builder-inspector{position:static;max-height:none;border-left:0;border-top:1px solid #e1e7ef}.eltcrm-email-builder-blocks{grid-template-columns:repeat(4,minmax(0,1fr))}.eltcrm-builder-palette-heading{align-items:flex-start;flex-direction:column}.eltcrm-email-builder-stage{padding:16px}} @media(max-width:620px){.eltcrm-email-builder-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.eltcrm-builder-palette-block{min-height:66px}.eltcrm-email-builder-palette{padding:12px}.eltcrm-email-builder-stage{padding:8px}.eltcrm-builder-media-row{grid-template-columns:1fr}.eltcrm-builder-media-button{width:100%}} /* v0.3.1 — dashboard plugin notifications ------------------------------ */ .eltcrm-dashboard-notifications{margin:0 0 18px;padding:18px;border:1px solid #dce5ef;border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.035)} .eltcrm-dashboard-notifications .eltcrm-section-heading{margin-bottom:13px}.eltcrm-notification-total{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800} .eltcrm-notification-source-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.eltcrm-notification-source{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e7edf4;border-radius:9px;background:#fafcff;color:#475569;font-size:11px;font-weight:700}.eltcrm-notification-source .dashicons{color:#3b82f6;font-size:17px;width:17px;height:17px}.eltcrm-notification-source strong{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#eaf2ff;color:#1d4ed8} .eltcrm-notification-list{display:grid;gap:7px}.eltcrm-notification-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid #e5eaf1;border-radius:10px;background:#fff;color:#1e293b;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.eltcrm-notification-item:hover,.eltcrm-notification-item:focus-visible{border-color:#93c5fd;background:#f9fbff;box-shadow:0 4px 12px rgba(37,99,235,.07);outline:0}.eltcrm-notification-item.is-read{opacity:.58}.eltcrm-notification-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eff6ff;color:#2563eb}.eltcrm-notification-copy{display:grid;gap:2px;min-width:0}.eltcrm-notification-copy strong{font-size:12px;color:#0f172a}.eltcrm-notification-copy>span{font-size:12px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eltcrm-notification-copy small{font-size:10px;color:#94a3b8}.eltcrm-notification-action{color:#2563eb;font-size:11px;font-weight:800;white-space:nowrap}.eltcrm-notification-empty{display:flex;align-items:center;gap:10px;padding:13px;border-radius:9px;background:#f8fafc;color:#475569}.eltcrm-notification-empty>.dashicons{color:#16a34a}.eltcrm-notification-empty div{display:grid;gap:2px}.eltcrm-notification-empty strong{font-size:12px}.eltcrm-notification-empty span{font-size:11px;color:#64748b} .eltcrm-notification-detail{width:min(760px,92vw);max-width:760px;padding:0;border:0;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.24)}.eltcrm-notification-detail::backdrop{background:rgba(15,23,42,.56)}.eltcrm-notification-detail-frame{max-height:88vh;overflow:auto}.eltcrm-notification-detail-loading{padding:30px;text-align:center;color:#64748b}.eltcrm-notification-detail-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e5eaf1;background:#fff}.eltcrm-notification-detail-header h3{margin:3px 0 2px;font-size:22px;color:#0f172a}.eltcrm-notification-detail-header p{margin:0;color:#64748b;font-size:11px}.eltcrm-notification-detail-close{border:0;background:#f1f5f9;color:#475569;border-radius:8px;min-width:34px;height:34px;font-size:22px;cursor:pointer}.eltcrm-notification-detail-body{padding:18px 20px}.eltcrm-notification-fields{display:grid;gap:0;margin:0}.eltcrm-notification-fields>div{display:grid;grid-template-columns:minmax(145px,28%) 1fr;gap:16px;padding:10px 0;border-bottom:1px solid #eef2f6}.eltcrm-notification-fields dt{font-size:11px;font-weight:800;color:#64748b}.eltcrm-notification-fields dd{margin:0;color:#1e293b;font-size:12px;line-height:1.5;word-break:break-word}.eltcrm-notification-detail-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid #e5eaf1;background:#fff}.eltcrm-notification-detail-error{padding:24px;color:#b42318} @media(max-width:700px){.eltcrm-notification-source-strip{grid-template-columns:1fr}.eltcrm-notification-item{grid-template-columns:auto minmax(0,1fr)}.eltcrm-notification-action{grid-column:2}.eltcrm-notification-fields>div{grid-template-columns:1fr;gap:4px}.eltcrm-notification-detail{width:96vw}} /* v0.3.2 — intake reconciliation workflow ------------------------------- */ .eltcrm-notification-detail{width:min(1040px,94vw);max-width:1040px} .eltcrm-intake-section{margin:0 0 20px;padding:16px;border:1px solid #e3e9f0;border-radius:12px;background:#fff} .eltcrm-intake-section .eltcrm-section-heading{margin-bottom:12px}.eltcrm-intake-section h4{margin:0;color:#0f172a;font-size:15px}.eltcrm-intake-section .eltcrm-section-heading span{font-size:11px;color:#64748b} .eltcrm-intake-contact-picker{display:grid;gap:5px;max-width:620px;color:#334155;font-size:11px;font-weight:800}.eltcrm-intake-contact-picker select{min-height:40px;padding:7px 10px;border:1px solid #cfd8e3;border-radius:8px;background:#fff;color:#0f172a} .eltcrm-intake-warning,.eltcrm-intake-new-contact{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:11px;line-height:1.45}.eltcrm-intake-new-contact{display:grid;gap:2px;background:#f0f9ff;color:#075985}.eltcrm-intake-new-contact strong{font-size:12px} .eltcrm-intake-compare{display:grid;gap:8px}.eltcrm-intake-compare-row{display:grid;grid-template-columns:minmax(135px,.65fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:stretch;padding:8px;border:1px solid #e7ecf2;border-radius:9px;background:#fbfcfe}.eltcrm-intake-compare-row.is-changed{border-color:#fdba74;background:#fffaf5}.eltcrm-intake-compare-row.is-new{border-color:#93c5fd;background:#f8fbff}.eltcrm-intake-field-name{display:flex;flex-direction:column;justify-content:center;gap:3px;color:#334155;font-size:11px;font-weight:800}.eltcrm-intake-field-name span{width:max-content;padding:2px 6px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.eltcrm-intake-compare-row.is-changed .eltcrm-intake-field-name span{background:#ffedd5;color:#c2410c}.eltcrm-intake-compare-row.is-new .eltcrm-intake-field-name span{background:#dbeafe;color:#1d4ed8} .eltcrm-intake-value{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:flex-start;padding:9px;border:1px solid #dfe6ee;border-radius:8px;background:#fff;color:#1e293b;font-size:11px;cursor:pointer}.eltcrm-intake-value:has(input:checked){border-color:#60a5fa;box-shadow:0 0 0 2px rgba(59,130,246,.08)}.eltcrm-intake-value input{margin-top:2px}.eltcrm-intake-value span{display:grid;gap:3px;word-break:break-word}.eltcrm-intake-value small{color:#94a3b8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em} .eltcrm-intake-multi-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eltcrm-intake-check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:flex-start;padding:10px;border:1px solid #dfe6ee;border-radius:8px;background:#fff;color:#1e293b;font-size:11px}.eltcrm-intake-check.is-changed{border-color:#93c5fd;background:#f8fbff}.eltcrm-intake-check span{display:grid;gap:2px;word-break:break-word}.eltcrm-intake-check small{color:#64748b;font-size:9px}.eltcrm-intake-check input{margin-top:2px} .eltcrm-intake-original{margin:0 0 8px;border:1px solid #e3e9f0;border-radius:10px;background:#fafcff}.eltcrm-intake-original>summary{padding:11px 13px;color:#475569;font-size:11px;font-weight:800;cursor:pointer}.eltcrm-intake-original .eltcrm-notification-fields{padding:0 14px 14px} .eltcrm-intake-save-state{align-self:center;margin-left:auto;color:#64748b;font-size:11px}.eltcrm-intake-success,.eltcrm-intake-saved{display:flex;gap:12px;align-items:flex-start;margin:20px;padding:16px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;color:#166534}.eltcrm-intake-success>.dashicons,.eltcrm-intake-saved>.dashicons{font-size:26px;width:26px;height:26px}.eltcrm-intake-success div,.eltcrm-intake-saved div{display:grid;gap:4px}.eltcrm-intake-success strong,.eltcrm-intake-saved strong{font-size:14px}.eltcrm-intake-success p,.eltcrm-intake-saved p{margin:0;font-size:11px;line-height:1.5} .eltcrm-article-log{display:grid;gap:7px}.eltcrm-article-log-item{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1.4fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:11px}.eltcrm-article-log-item:last-child{border-bottom:0}.eltcrm-article-log-item strong{color:#0f172a}.eltcrm-article-log-item span{color:#64748b}.eltcrm-article-log-item a{white-space:nowrap;font-weight:800;text-decoration:none} @media(max-width:760px){.eltcrm-intake-compare-row{grid-template-columns:1fr}.eltcrm-intake-multi-values{grid-template-columns:1fr}.eltcrm-notification-detail{width:96vw}.eltcrm-article-log-item{grid-template-columns:1fr;gap:3px}.eltcrm-notification-detail-footer{flex-wrap:wrap}.eltcrm-intake-save-state{width:100%;margin-left:0}} /* v0.3.3 — richer contact card */ .eltcrm-contact-editor{width:min(1240px,94vw);height:min(940px,92dvh)} .eltcrm-contact-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 26px;background:#fff} .eltcrm-contact-title-wrap{min-width:0;flex:1 1 auto} .eltcrm-contact-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px} .eltcrm-contact-meta span{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border:1px solid #e4e7ec;border-radius:999px;background:#f9fafb;color:#475467;font-size:11px;font-weight:700} .eltcrm-contact-header-stats{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:8px;flex:0 0 auto} .eltcrm-contact-header-stats>div{min-width:86px;padding:9px 10px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc;text-align:left} .eltcrm-contact-header-stats strong{display:block;color:#101828;font-size:18px;line-height:1.1} .eltcrm-contact-header-stats span{display:block;margin-top:3px;color:#667085;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em} .eltcrm-contact-editor-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 24px 28px;background:#f7f8fa} .eltcrm-contact-section{min-width:0;padding:18px!important;border:1px solid #e4e7ec!important;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)} .eltcrm-contact-section+.eltcrm-contact-section{padding-top:18px!important;border-top:1px solid #e4e7ec!important} .eltcrm-contact-section-wide{grid-column:1/-1} .eltcrm-contact-section h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px} .eltcrm-contact-section h3 .dashicons{width:18px;height:18px;color:#175b92;font-size:18px} .eltcrm-readonly-field{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid #e4e7ec;border-radius:8px;background:#f9fafb} .eltcrm-readonly-field span{color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em} .eltcrm-readonly-field strong{font-size:13px} .eltcrm-contact-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .eltcrm-contact-details-card{min-width:0;border:1px solid #e4e7ec;border-radius:10px;background:#fff;overflow:hidden} .eltcrm-contact-details-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:11px 13px;background:#f9fafb;color:#344054;cursor:pointer;list-style:none;font-size:13px;font-weight:800} .eltcrm-contact-details-card>summary::-webkit-details-marker{display:none} .eltcrm-contact-details-card>summary:after{content:'+';margin-left:auto;color:#667085;font-size:18px;font-weight:500} .eltcrm-contact-details-card[open]>summary:after{content:'−'} .eltcrm-contact-details-card>summary strong{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:24px;padding:0 7px;border-radius:999px;background:#eef4fb;color:#174f7d;font-size:11px} .eltcrm-history-content{max-height:340px;overflow:auto;padding:13px;text-align:left} .eltcrm-history-content h4{margin:4px 0 9px;font-size:12px;color:#475467;text-transform:uppercase;letter-spacing:.05em} .eltcrm-contact-timeline{display:grid;gap:9px} .eltcrm-contact-timeline article,.eltcrm-note-card{padding:10px 11px;border:1px solid #eaecf0;border-radius:8px;background:#fff} .eltcrm-contact-timeline article>div,.eltcrm-note-card>div,.eltcrm-record-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .eltcrm-contact-timeline article span,.eltcrm-note-card span,.eltcrm-record-line span{color:#667085;font-size:11px} .eltcrm-contact-timeline article p,.eltcrm-note-card p{margin:7px 0 0;font-size:12px;line-height:1.5} .eltcrm-contact-timeline article small{display:block;margin-top:7px;color:#667085} .eltcrm-record-line{padding:8px 0;border-bottom:1px solid #f0f1f3;font-size:12px} .eltcrm-record-line:last-child{border-bottom:0} .eltcrm-mini-table-wrap{overflow:auto;border:1px solid #eaecf0;border-radius:8px} .eltcrm-mini-table-wrap table{min-width:720px!important;font-size:11px!important} .eltcrm-mini-table-wrap th,.eltcrm-mini-table-wrap td{padding:8px 9px!important} .eltcrm-contact-editor-footer{box-shadow:0 -7px 22px rgba(16,24,40,.04)} /* v0.3.3 — front-end Forum/Seminar management */ .eltcrm-event-search{display:flex;align-items:center;gap:8px;margin:0 0 14px} .eltcrm-event-search input[type=search]{flex:1 1 auto;margin:0!important;min-width:260px} .eltcrm-inline-form{display:inline;margin:0} .eltcrm-row-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .eltcrm-row-form select,.eltcrm-row-form input{width:auto!important;min-width:110px;margin:0!important;min-height:34px!important;padding:5px 7px!important} .eltcrm-registration-edit{position:relative;min-width:74px} .eltcrm-registration-edit>summary{list-style:none} .eltcrm-registration-edit>summary::-webkit-details-marker{display:none} .eltcrm-registration-edit-form{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:9px;width:min(540px,78vw);margin-top:8px;padding:12px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.14);text-align:left} .eltcrm-registration-edit-form label{font-size:11px!important} .eltcrm-registration-edit-form input,.eltcrm-registration-edit-form select,.eltcrm-registration-edit-form textarea{margin-top:4px!important;min-height:34px!important;padding:6px 8px!important;font-size:12px!important} .eltcrm-registration-edit-form .eltcrm-registration-note{grid-column:1/-1} .eltcrm-registration-edit-form>button{justify-self:start} .eltcrm-event-create-panel{margin-bottom:18px} @media(max-width:900px){ .eltcrm-contact-editor-header{display:block} .eltcrm-contact-header-stats{grid-template-columns:repeat(4,1fr);margin-top:14px} .eltcrm-contact-editor-body{grid-template-columns:1fr} .eltcrm-contact-section-wide{grid-column:auto} .eltcrm-contact-history-grid{grid-template-columns:1fr} .eltcrm-event-search{flex-wrap:wrap} .eltcrm-event-search input[type=search]{width:100%;min-width:0} } @media(max-width:700px){ .eltcrm-contact-editor{width:calc(100vw - 10px);height:calc(100dvh - 10px)} .eltcrm-contact-editor-header{padding:16px} .eltcrm-contact-header-stats{grid-template-columns:repeat(2,1fr)} .eltcrm-contact-editor-body{padding:12px;gap:10px} .eltcrm-contact-section{padding:14px!important} .eltcrm-registration-edit-form{grid-template-columns:1fr;width:min(88vw,420px)} .eltcrm-registration-edit-form .eltcrm-registration-note{grid-column:auto} } .eltcrm-event-row-actions{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;min-width:220px} /* v0.3.3 — one universal contact search, available from every CRM screen */ .eltcrm-app-brand{flex:0 0 auto} .eltcrm-global-search{display:flex;align-items:center;gap:8px;flex:1 1 620px;max-width:760px;min-width:260px;padding:5px 6px 5px 11px;border:1px solid #d0d5dd;border-radius:10px;background:#f9fafb} .eltcrm-global-search>.dashicons{flex:0 0 auto;width:18px;height:18px;color:#667085;font-size:18px} .eltcrm-app .eltcrm-global-search input[type=search]{flex:1 1 auto;min-width:0;min-height:34px;margin:0;padding:5px 4px;border:0;background:transparent;box-shadow:none;outline:0} .eltcrm-global-search button{flex:0 0 auto;min-height:32px;padding:5px 10px;border:0;border-radius:7px;background:#153e75;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer} .eltcrm-global-search:focus-within{border-color:#3b82b8;box-shadow:0 0 0 3px rgba(21,94,158,.12);background:#fff} @media(max-width:980px){.eltcrm-app-header{flex-wrap:wrap}.eltcrm-global-search{order:3;flex-basis:100%;max-width:none}} @media(max-width:560px){.eltcrm-global-search button{padding:5px 8px}.eltcrm-global-search{min-width:0}} /* Reliable inline event actions */ .eltcrm-event-form-state{display:inline-block;margin-left:8px;font-size:12px;font-weight:700;vertical-align:middle;color:#516174} .eltcrm-event-form-state.is-success{color:#167547} .eltcrm-event-form-state.is-error{color:#b42318} .eltcrm-inline-form.is-busy,.eltcrm-row-form.is-busy,.eltcrm-registration-edit-form.is-busy{opacity:.72} .eltcrm-inline-form button:disabled,.eltcrm-row-form button:disabled,.eltcrm-registration-edit-form button:disabled{cursor:wait} /* Flexible audience rule builder */ .eltcrm-audience-mode{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.eltcrm-audience-mode>label{display:flex;align-items:center;gap:8px;border:1px solid #d8dee8;background:#fff;border-radius:10px;padding:10px 13px;font-weight:650;cursor:pointer}.eltcrm-audience-mode>label:has(input:checked){border-color:#183f70;box-shadow:0 0 0 2px rgba(24,63,112,.1)}.eltcrm-audience-mode-panel[hidden]{display:none!important}.eltcrm-audience-rules{border:1px solid #e1e6ee;border-radius:14px;background:#f8fafc;padding:16px}.eltcrm-audience-rule-toolbar{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px}.eltcrm-audience-rule-toolbar label{display:flex;flex-direction:column;gap:5px;font-weight:650}.eltcrm-audience-rule-toolbar select{min-width:160px}.eltcrm-audience-rule-list{display:grid;gap:10px}.eltcrm-audience-rule{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) minmax(190px,1.25fr) 40px;gap:9px;align-items:center;background:#fff;border:1px solid #e4e8ef;border-radius:11px;padding:10px}.eltcrm-audience-rule select,.eltcrm-audience-rule input{width:100%;min-height:40px;margin:0}.eltcrm-audience-value-wrap{display:block}.eltcrm-icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #dfe4eb;border-radius:9px;background:#fff;color:#667085;cursor:pointer}.eltcrm-icon-btn:hover{border-color:#c53030;color:#b42318;background:#fff7f6}.eltcrm-audience-estimate{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:#f1f6fb;color:#243b60}.eltcrm-event-reports{margin-top:20px}.eltcrm-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.eltcrm-report-card{border:1px solid #e4e8ef;border-radius:12px;background:#fff;overflow:hidden}.eltcrm-report-card h4{margin:0;padding:13px 15px;border-bottom:1px solid #edf0f4;background:#f8fafc;font-size:14px}.eltcrm-report-card .eltcrm-table-wrap{margin:0;max-height:360px}.eltcrm-kpis-compact{margin:0 0 16px}.eltcrm-event-finance{margin:18px 0 0} @media(max-width:900px){.eltcrm-audience-rule{grid-template-columns:1fr 1fr}.eltcrm-audience-rule .eltcrm-audience-value-wrap{grid-column:1/-2}.eltcrm-report-grid{grid-template-columns:1fr}} @media(max-width:600px){.eltcrm-audience-rule-toolbar{align-items:stretch;flex-direction:column}.eltcrm-audience-rule-toolbar .eltcrm-btn{width:100%}.eltcrm-audience-rule{grid-template-columns:1fr 40px}.eltcrm-audience-rule .eltcrm-audience-field,.eltcrm-audience-rule .eltcrm-audience-operator,.eltcrm-audience-rule .eltcrm-audience-value-wrap{grid-column:1}.eltcrm-audience-rule .eltcrm-audience-remove-rule{grid-column:2;grid-row:1;align-self:start}} /* v0.3.5 audience-rule verification */ .eltcrm-audience-test-result{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 4px;padding:10px 12px;border:1px solid #d7dee9;border-radius:10px;background:#f8fafc;color:#334155;min-height:20px} .eltcrm-audience-test-result:empty{display:none} .eltcrm-audience-test-result strong{color:#0f172a} .eltcrm-audience-test-result span{color:#64748b} .eltcrm-audience-test-result.is-error{border-color:#fecaca;background:#fff7f7;color:#b91c1c} /* v0.3.6 — consistent left alignment, subscription management and compact event administration */ .eltcrm-app div, .eltcrm-app dialog div, .eltcrm-contact-editor div, .eltcrm-subscription-history div, .eltcrm-event-history div, .eltcrm-notification-detail div{ text-align:left; } .eltcrm-contact-title-wrap{order:1}.eltcrm-contact-header-stats{order:2}.eltcrm-contact-header-actions{order:3;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:180px;text-align:right} .eltcrm-contact-header-actions small{color:#667085;font-weight:650} .eltcrm-contact-checkin{border-color:#ea580c!important;background:#f97316!important;color:#fff!important;font-weight:800!important} .eltcrm-contact-checkin:hover,.eltcrm-contact-checkin:focus-visible{border-color:#c2410c!important;background:#ea580c!important;color:#fff!important} .eltcrm-contact-checkin-state{font-size:12px;font-weight:700;color:#067647} .eltcrm-contact-checkin-state.is-error{color:#b42318} .eltcrm-contact-complimentary{display:flex;align-items:center;gap:9px;margin-top:12px} .eltcrm-inline-toggle.is-disabled{opacity:.52;cursor:not-allowed} .eltcrm-subscription-history-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px} .eltcrm-subscription-editor-form{margin-top:20px;padding:18px;border:1px solid #d0d5dd;border-radius:10px;background:#f8fafc} .eltcrm-subscription-editor-form[hidden]{display:none!important} .eltcrm-subscription-editor-actions{display:flex;align-items:center;gap:9px;margin-top:16px} .eltcrm-subscription-editor-state{font-size:13px;font-weight:700;color:#067647} .eltcrm-subscription-editor-state.is-error{color:#b42318} .eltcrm-row-actions{display:flex;flex-wrap:wrap;gap:6px} .eltcrm-contact-dialog{width:min(760px,92vw);max-width:none;max-height:88dvh;margin:auto;padding:0;border:0;border-radius:14px;background:#fff;color:#101828;box-shadow:0 26px 75px rgba(16,24,40,.3);overflow:hidden;text-align:left} .eltcrm-contact-dialog::backdrop{background:rgba(15,23,42,.56)} .eltcrm-dialog-card{display:flex;flex-direction:column;max-height:88dvh;background:#fff} .eltcrm-dialog-card>header{padding:22px 24px 16px;border-bottom:1px solid #eaecf0} .eltcrm-dialog-card>header h2{margin:4px 0 0;font-size:24px} .eltcrm-event-create-form{overflow:auto;padding:20px 24px 0} .eltcrm-dialog-actions{display:flex;align-items:center;gap:9px;position:sticky;bottom:0;margin:6px -24px 0;padding:14px 24px;border-top:1px solid #eaecf0;background:#fff} .eltcrm-event-settings{padding:0!important;overflow:hidden} .eltcrm-event-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none;background:#fff} .eltcrm-event-settings>summary::-webkit-details-marker{display:none} .eltcrm-event-settings>summary span:first-child{display:flex;flex-direction:column;gap:3px} .eltcrm-event-settings>summary strong{font-size:16px;color:#101828} .eltcrm-event-settings>summary small{color:#667085;font-weight:600} .eltcrm-event-settings>summary .dashicons{transition:transform .18s ease;color:#667085} .eltcrm-event-settings[open]>summary{border-bottom:1px solid #eaecf0} .eltcrm-event-settings[open]>summary .dashicons{transform:rotate(180deg)} .eltcrm-event-settings-body{padding:18px} @media(max-width:700px){ .eltcrm-contact-header-actions{align-items:flex-start;min-width:0;margin-top:12px} .eltcrm-subscription-history-header{display:block} .eltcrm-subscription-history-header>.eltcrm-btn{margin-top:12px} .eltcrm-subscription-editor-actions{flex-wrap:wrap} .eltcrm-contact-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:10px} .eltcrm-dialog-card{max-height:calc(100dvh - 16px)} } /* v0.3.7 — live intake source diagnostics */ .eltcrm-notification-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} .eltcrm-notification-source>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:2px} .eltcrm-notification-source>span:nth-child(2) b{font-size:12px;color:#1f2937;line-height:1.25} .eltcrm-notification-source>span:nth-child(2) small{font-size:10px;line-height:1.35;font-weight:500;color:#64748b;overflow-wrap:anywhere} .eltcrm-notification-source.is-connected{background:#fbfefc;border-color:#d9eadf} .eltcrm-notification-source.is-connected .dashicons{color:#16803a} .eltcrm-notification-source.is-disconnected{background:#fff9f8;border-color:#f1d1cb} .eltcrm-notification-source.is-disconnected .dashicons{color:#c2412d} .eltcrm-notification-source>strong{white-space:nowrap;padding:0 7px;width:auto} @media(max-width:700px){.eltcrm-notification-heading-actions{width:100%;justify-content:flex-start}} /* v0.3.8 — notification source cards are filters */ .eltcrm-notification-source{appearance:none;-webkit-appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;background-clip:padding-box} .eltcrm-notification-source:hover{border-color:#94a3b8;box-shadow:0 3px 10px rgba(15,23,42,.06);transform:translateY(-1px)} .eltcrm-notification-source:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px} .eltcrm-notification-source.is-filter-active,.eltcrm-notification-source[aria-pressed="true"]{border-color:#2563eb!important;box-shadow:0 0 0 2px rgba(37,99,235,.12);background:#eff6ff!important} .eltcrm-notification-filter-status{margin:-3px 0 11px;padding:7px 10px;border-radius:8px;background:#eff6ff;color:#1e40af;font-size:11px;font-weight:700} .eltcrm-notification-item[hidden]{display:none!important} /* v0.4.1 — grouped CRM navigation */ .eltcrm-app-nav{display:grid;gap:5px} .eltcrm-app-nav>.eltcrm-nav-link, .eltcrm-nav-group>summary{ display:flex; align-items:center; gap:10px; width:100%; min-height:40px; padding:9px 11px; border-radius:8px; color:#344054; font-weight:700; text-decoration:none; cursor:pointer; list-style:none; user-select:none; } .eltcrm-nav-group>summary::-webkit-details-marker{display:none} .eltcrm-nav-group>summary:hover, .eltcrm-nav-group>summary:focus-visible, .eltcrm-app-nav>.eltcrm-nav-link:hover, .eltcrm-app-nav>.eltcrm-nav-link:focus-visible{background:#f2f4f7;color:#101828;outline:none} .eltcrm-nav-group>summary>.dashicons:first-child, .eltcrm-app-nav>.eltcrm-nav-link>.dashicons{flex:0 0 auto;width:18px;height:18px;font-size:18px} .eltcrm-nav-chevron{margin-left:auto;transition:transform .16s ease;color:#98a2b3} .eltcrm-nav-group[open]>summary .eltcrm-nav-chevron{transform:rotate(180deg)} .eltcrm-nav-group[open]>summary{color:#143f6b;background:#f8fafc} .eltcrm-nav-children{display:grid;gap:2px;margin:3px 0 7px 15px;padding-left:12px;border-left:1px solid #e4e7ec} .eltcrm-nav-children .eltcrm-nav-link{display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 9px;border-radius:7px;color:#475467;text-decoration:none;font-size:13px;font-weight:650} .eltcrm-nav-children .eltcrm-nav-link .dashicons{width:15px;height:15px;font-size:15px;color:#98a2b3} .eltcrm-nav-children .eltcrm-nav-link:hover,.eltcrm-nav-children .eltcrm-nav-link:focus-visible{background:#f2f4f7;color:#101828;outline:none} .eltcrm-nav-children .eltcrm-nav-link.is-current,.eltcrm-app-nav>.eltcrm-nav-link.is-current{background:#eef4fb;color:#143f6b} .eltcrm-nav-children .eltcrm-nav-link.is-current .dashicons{color:#143f6b} /* v0.4.1 — Gmail-style table density switch */ .eltcrm-header-tools{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex:0 0 auto} .eltcrm-density-control{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #e4e7ec;border-radius:9px;background:#f8fafc} .eltcrm-density-label{padding:0 6px 0 4px;color:#667085;font-size:11px;font-weight:750;white-space:nowrap} .eltcrm-density-control button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:#667085;font:inherit;font-size:11px;font-weight:750;cursor:pointer} .eltcrm-density-control button .dashicons{width:14px;height:14px;font-size:14px} .eltcrm-density-control button:hover,.eltcrm-density-control button:focus-visible{background:#fff;color:#344054;outline:none} .eltcrm-density-control button[aria-pressed="true"]{background:#fff;color:#143f6b;box-shadow:0 1px 3px rgba(16,24,40,.10)} /* Comfortable is the default and preserves the existing row rhythm. */ .eltcrm-app.eltcrm-density-comfortable th, .eltcrm-app.eltcrm-density-comfortable td{padding:11px 12px} /* Compact reduces vertical whitespace without changing the data or controls. */ .eltcrm-app.eltcrm-density-compact table{font-size:12px} .eltcrm-app.eltcrm-density-compact th, .eltcrm-app.eltcrm-density-compact td{padding:6px 9px} .eltcrm-app.eltcrm-density-compact .eltcrm-sort-button{min-height:31px;padding:5px 8px} .eltcrm-app.eltcrm-density-compact .eltcrm-th-tools{top:1px;right:2px} .eltcrm-app.eltcrm-density-compact .eltcrm-th-filter-button{width:30px;min-height:28px} .eltcrm-app.eltcrm-density-compact .eltcrm-status-ok, .eltcrm-app.eltcrm-density-compact .eltcrm-status-muted{padding:2px 6px} .eltcrm-app.eltcrm-density-compact .eltcrm-inline-toggle{min-width:24px;min-height:24px} @media(max-width:1150px){ .eltcrm-density-label{display:none} .eltcrm-density-control button span:last-child{display:none} .eltcrm-density-control button{width:32px;justify-content:center;padding:5px} } @media(max-width:760px){ .eltcrm-header-tools{gap:8px} .eltcrm-density-control{display:none} .eltcrm-nav-children{margin-left:8px;padding-left:9px} } /* ======================================================================== 0.4.5 — Refined CRM platform UI + universal contact workspace ======================================================================== */ .eltcrm-app{ --crm-ink:#142033; --crm-muted:#667085; --crm-border:#e6e9ef; --crm-border-strong:#d7dce5; --crm-bg:#f7f8fb; --crm-panel:#fff; --crm-accent:#163f73; --crm-accent-2:#1d5f9e; --crm-accent-soft:#eef4fb; --crm-success:#10723a; --crm-warning:#b54708; --crm-danger:#b42318; --crm-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.045); --crm-shadow-lg:0 24px 70px rgba(16,24,40,.22); letter-spacing:0; } .eltcrm-app,.eltcrm-app div,.eltcrm-app section,.eltcrm-app article,.eltcrm-app header,.eltcrm-app footer,.eltcrm-app nav{text-align:left} .eltcrm-app-header{border-color:var(--crm-border);box-shadow:0 1px 0 rgba(16,24,40,.02);background:rgba(255,255,255,.98)} .eltcrm-app-layout{background:linear-gradient(180deg,#f8f9fb 0%,#f5f7fa 100%)} .eltcrm-app-sidebar{background:#fff;border-color:var(--crm-border)} .eltcrm-app-nav a,.eltcrm-nav-group>summary{transition:background .16s ease,color .16s ease,transform .16s ease} .eltcrm-app-nav a:hover,.eltcrm-nav-group>summary:hover{transform:translateX(1px)} .eltcrm-panel,.eltcrm-kpi,.eltcrm-filters,.eltcrm-table-wrap,.eltcrm-dashboard-search{border-color:var(--crm-border);box-shadow:var(--crm-shadow)} .eltcrm-panel,.eltcrm-kpi,.eltcrm-dashboard-search{border-radius:14px} .eltcrm-kpi{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)} .eltcrm-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .16s ease} a.eltcrm-kpi:hover:before{background:var(--crm-accent-2)} .eltcrm-page-heading h2{letter-spacing:-.02em} .eltcrm-app input:not([type=checkbox]):not([type=radio]),.eltcrm-app select,.eltcrm-app textarea{border-color:var(--crm-border-strong);border-radius:9px;box-shadow:0 1px 2px rgba(16,24,40,.025);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease} .eltcrm-app input:hover,.eltcrm-app select:hover,.eltcrm-app textarea:hover{border-color:#b9c0cc} .eltcrm-btn,.eltcrm-app .button{border-radius:9px;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease} .eltcrm-btn:hover,.eltcrm-app .button:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(16,24,40,.08)} .eltcrm-btn:active,.eltcrm-app .button:active{transform:translateY(0)} .eltcrm-btn .dashicons,.eltcrm-inline-action .dashicons{width:16px;height:16px;font-size:16px;line-height:16px} .eltcrm-btn-primary{background:linear-gradient(180deg,#1b4e87 0%,#153e75 100%)!important;border-color:#153e75!important} .eltcrm-btn-primary:hover{background:linear-gradient(180deg,#174674 0%,#10345f 100%)!important} .eltcrm-btn-accent{background:#fff7ed!important;border-color:#fdba74!important;color:#9a3412!important} .eltcrm-btn-accent:hover{background:#ffedd5!important;border-color:#fb923c!important} .eltcrm-btn-danger{background:#fff5f4!important;border-color:#f2b8b5!important;color:#b42318!important} .eltcrm-contact-modal-link{display:inline-flex;align-items:center;gap:6px;color:#164e83!important;text-decoration:none!important;font-weight:750!important} .eltcrm-contact-modal-link:before{content:"\f110";font-family:dashicons;font-size:15px;line-height:1;color:#6b8aab} .eltcrm-contact-modal-link:hover{text-decoration:underline!important;text-underline-offset:3px} .eltcrm-inline-action{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 9px;border:1px solid var(--crm-border-strong);border-radius:8px;background:#fff;color:#344054!important;text-decoration:none!important;font-size:12px;font-weight:750;white-space:nowrap} .eltcrm-inline-action:hover{background:#f8fafc;border-color:#aeb8c7;text-decoration:none!important} .eltcrm-inline-action-primary{background:var(--crm-accent-soft);border-color:#cbdcf0;color:#174f7d!important} .eltcrm-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .eltcrm-app th{background:#f8fafc;color:#475467;border-color:#e8ebf0} .eltcrm-app td{border-color:#edf0f3} .eltcrm-app tbody tr{transition:background .12s ease} .eltcrm-app tbody tr:hover{background:#f8fbff} /* Universal contact workspace */ .eltcrm-contact-editor{border:1px solid rgba(215,220,229,.9);border-radius:18px;box-shadow:var(--crm-shadow-lg)} .eltcrm-contact-editor-frame{background:#f7f8fb} .eltcrm-contact-editor-header{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border-bottom:1px solid var(--crm-border);padding:22px 28px 18px} .eltcrm-contact-title-wrap h2{letter-spacing:-.025em} .eltcrm-contact-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px} .eltcrm-contact-meta span{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid #e1e6ed;border-radius:999px;background:#f8fafc;color:#5d6879;font-size:11px;font-weight:650} .eltcrm-contact-header-stats{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch} .eltcrm-contact-header-stats>div{min-width:92px;padding:10px 12px;border:1px solid #e2e7ee;border-radius:11px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)} .eltcrm-contact-header-stats strong{display:block;font-size:20px;line-height:1;color:#173f70} .eltcrm-contact-header-stats span{display:block;margin-top:5px;color:#667085;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em} .eltcrm-contact-workspace-nav{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:10px 28px;border-bottom:1px solid var(--crm-border);background:#fff;scrollbar-width:thin} .eltcrm-contact-workspace-action{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:36px;padding:7px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#475467;font:inherit;font-size:12px;font-weight:750;cursor:pointer} .eltcrm-contact-workspace-action:hover,.eltcrm-contact-workspace-action:focus-visible{background:#f2f6fb;border-color:#dbe5f0;color:#173f70;outline:none} .eltcrm-contact-workspace-action .dashicons{width:16px;height:16px;font-size:16px} .eltcrm-contact-editor-body{padding:22px 28px 32px;background:#f7f8fb} .eltcrm-contact-section{margin:0 0 16px!important;padding:20px!important;border:1px solid var(--crm-border)!important;border-radius:14px;background:#fff;box-shadow:var(--crm-shadow)} .eltcrm-contact-section+.eltcrm-contact-section{padding-top:20px!important;border-top:1px solid var(--crm-border)!important} .eltcrm-contact-section h3{display:flex;align-items:center;gap:8px;margin-bottom:16px!important;font-size:15px!important;letter-spacing:-.01em} .eltcrm-contact-section h3 .dashicons{width:18px;height:18px;font-size:18px;color:#456f9d} .eltcrm-contact-section label{color:#475467;font-size:12px;font-weight:750} .eltcrm-contact-help{color:#7a8494;font-size:12px;line-height:1.55} .eltcrm-contact-editor-footer{position:sticky;bottom:0;z-index:5;padding:12px 28px;border-top:1px solid var(--crm-border);background:rgba(255,255,255,.96);backdrop-filter:blur(8px)} .eltcrm-contact-history-grid{gap:12px} .eltcrm-contact-details-card{border:1px solid var(--crm-border);border-radius:11px;background:#fbfcfe;overflow:hidden} .eltcrm-contact-details-card>summary{padding:12px 14px;background:#fbfcfe;cursor:pointer;transition:background .15s ease} .eltcrm-contact-details-card>summary:hover{background:#f4f7fb} .eltcrm-contact-details-card[open]>summary{border-bottom:1px solid var(--crm-border);background:#f6f9fc} .eltcrm-history-content{padding:14px;background:#fff} .eltcrm-contact-quick-add{margin:0 0 14px;padding:13px;border:1px dashed #c8d6e6;border-radius:10px;background:#f8fbff} .eltcrm-quick-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px} .eltcrm-quick-add-action{display:flex;align-items:end;gap:8px;min-height:42px} .eltcrm-quick-add-state{color:var(--crm-success);font-size:12px;font-weight:700} .eltcrm-quick-add-state.is-error{color:var(--crm-danger)} .eltcrm-note-card,.eltcrm-contact-timeline article{border:1px solid #edf0f4;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025)} .eltcrm-article-log{display:grid;gap:9px} .eltcrm-article-log-item{display:grid;grid-template-columns:minmax(120px,.28fr) minmax(240px,1fr) auto;gap:14px;align-items:center;padding:12px 13px;border:1px solid #e7ebf0;border-radius:11px;background:#fbfcfe} .eltcrm-article-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} /* Event manager from the contact workspace */ .eltcrm-event-quick-add{margin:0 0 18px;padding:15px;border:1px solid #dbe5f0;border-radius:12px;background:#f8fbff} .eltcrm-event-add-action{display:flex;align-items:end;gap:8px;min-height:42px} .eltcrm-event-add-state,.eltcrm-contact-event-editor-state{font-size:12px;font-weight:700;color:var(--crm-success)} .eltcrm-event-add-state.is-error,.eltcrm-contact-event-editor-state.is-error{color:var(--crm-danger)} .eltcrm-contact-event-editor-form{margin-top:18px;padding:16px;border:1px solid #dbe5f0;border-radius:12px;background:#fbfcfe} .eltcrm-contact-event-finance{padding:13px;border:1px solid #eceff3;border-radius:10px;background:#fff} .eltcrm-contact-event-finance[hidden]{display:none!important} /* Dialog refinement */ .eltcrm-subscription-history,.eltcrm-event-history,.eltcrm-notification-detail{border:1px solid rgba(215,220,229,.9);border-radius:18px;box-shadow:var(--crm-shadow-lg)} .eltcrm-subscription-history-header,.eltcrm-event-history-header,.eltcrm-notification-detail-header{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)} .eltcrm-subscription-editor-form{margin-top:18px;padding:16px;border:1px solid #dbe5f0;border-radius:12px;background:#fbfcfe} @media(max-width:900px){ .eltcrm-contact-workspace-nav{padding-left:18px;padding-right:18px} .eltcrm-contact-editor-body{padding:18px} .eltcrm-contact-section{padding:16px!important} .eltcrm-article-log-item{grid-template-columns:1fr} .eltcrm-article-actions{justify-content:flex-start} .eltcrm-quick-add-grid{grid-template-columns:1fr} } /* v0.4.11 subscription circulation summary */ .eltcrm-subscription-kpis { grid-template-columns: repeat(9, minmax(0, 1fr)); max-width: 100%; } .eltcrm-subscription-kpis .eltcrm-kpi{min-height:96px}.eltcrm-page-heading>.eltcrm-btn .dashicons{font-size:17px;width:17px;height:17px}@media(max-width:720px){.eltcrm-subscription-kpis{grid-template-columns:1fr}.eltcrm-page-heading>.eltcrm-btn{width:100%;margin-top:12px}} /* v0.4.12 — refined table filter popovers */ .eltcrm-th-filter-menu{ width:min(340px,calc(100vw - 28px)); padding:16px; border:1px solid #dce2ea; border-radius:14px; background:#fff; box-shadow:0 18px 48px rgba(16,24,40,.18),0 2px 6px rgba(16,24,40,.06); color:#1d2939; } .eltcrm-th-filter-menu>strong{ display:flex; align-items:center; min-height:24px; margin:0 0 13px; padding:0 0 11px; border-bottom:1px solid #eef1f5; color:#182230; font-size:13px; font-weight:800; letter-spacing:-.01em; } .eltcrm-th-filter-menu label, .eltcrm-th-filter-menu .eltcrm-header-filter-field{ display:grid; gap:5px; width:100%; min-width:0!important; margin:0 0 10px; color:#475467; font-size:11px; font-weight:750; line-height:1.35; } .eltcrm-th-filter-menu input:not([type=checkbox]):not([type=radio]), .eltcrm-th-filter-menu select{ width:100%!important; min-width:0!important; min-height:38px!important; margin:0!important; padding:8px 10px!important; border:1px solid #d0d7e2!important; border-radius:9px!important; background:#fbfcfe!important; color:#182230!important; box-shadow:0 1px 2px rgba(16,24,40,.03)!important; font-size:13px!important; font-weight:500!important; } .eltcrm-th-filter-menu input:focus, .eltcrm-th-filter-menu select:focus{ border-color:#6f9bc7!important; background:#fff!important; box-shadow:0 0 0 3px rgba(29,95,158,.12)!important; outline:none!important; } .eltcrm-th-filter-menu p, .eltcrm-th-filter-menu small, .eltcrm-th-filter-menu .description{ display:block; margin:8px 0 0; color:#7b8493; font-size:11px; line-height:1.5; } .eltcrm-th-filter-actions{ display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:13px; padding-top:12px; border-top:1px solid #eef1f5; } .eltcrm-th-filter-actions .eltcrm-btn{ min-height:34px; padding:6px 11px; border-radius:8px; font-size:12px; } .eltcrm-th-filter-actions .eltcrm-btn-primary{min-width:86px} .eltcrm-pro-filter-options{ gap:3px; padding:2px; border:1px solid #eef1f5; border-radius:9px; background:#fbfcfe; } .eltcrm-pro-filter-options label{ display:flex; margin:0; padding:7px 8px; border-radius:7px; font-size:12px; font-weight:550; } .eltcrm-pro-filter-options label:hover{background:#eef4fb} @media(max-width:560px){ .eltcrm-th-filter-menu{padding:14px;border-radius:12px} .eltcrm-th-filter-actions{position:sticky;bottom:0;background:#fff} } /* v0.4.14 — Postal Code range filter in Subscriptions */ .eltcrm-range-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .eltcrm-range-filter-fields label{margin:0!important} .eltcrm-postal-header{position:relative} /* v0.4.15 — follow-up dashboard and completion controls */ .eltcrm-followups-panel .eltcrm-section-heading>div>span{display:block;margin-top:4px;color:var(--crm-muted);font-size:12px} .eltcrm-followup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px} .eltcrm-followup-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--crm-border);border-radius:10px;background:#fbfcfe} .eltcrm-followup-summary strong{font-size:21px;color:#26364a} .eltcrm-followup-flag{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap} .eltcrm-followup-flag.is-current{background:#fff7e6;color:#9a6700;border:1px solid #f2d48a} .eltcrm-followup-flag.is-upcoming{background:#eef6ff;color:#175b93;border:1px solid #c9def2} .eltcrm-followup-flag.is-overdue{background:#fff0ef;color:#b42318;border:1px solid #f3c5c2} .eltcrm-followup-flag.is-completed{background:#ecfdf3;color:#067647;border:1px solid #b7ebc6} .eltcrm-followups-table td:first-child{width:100px} .eltcrm-followup-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px dashed #e4e7ec} .eltcrm-followup-controls small{margin:0!important} .eltcrm-followup-complete-state{font-size:11px;font-weight:700;color:var(--crm-success)} .eltcrm-followup-complete-state.is-error{color:var(--crm-danger)} .eltcrm-contact-timeline article.is-followup-completed{background:#fbfdfb;opacity:.82} @media(max-width:760px){.eltcrm-followup-summary{grid-template-columns:1fr}.eltcrm-followups-table{min-width:760px!important}} /* v0.4.17 — follow-up purpose note */ .eltcrm-followup-controls .eltcrm-followup-purpose{flex-basis:100%;white-space:normal;line-height:1.45} /* v0.5.0 — CRM Management Copilot */ .eltcrm-ai-panel{overflow:hidden} .eltcrm-ai-panel .eltcrm-section-heading h3{display:flex;align-items:center;gap:7px} .eltcrm-ai-readonly{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid var(--crm-border);background:#f8fafc;color:var(--crm-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} .eltcrm-ai-snapshot{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0} .eltcrm-ai-snapshot>div{padding:12px 13px;border:1px solid var(--crm-border);border-radius:11px;background:#fbfcfe} .eltcrm-ai-snapshot strong{display:block;font-size:22px;line-height:1.1;color:#26364a} .eltcrm-ai-snapshot span{display:block;margin-top:4px;color:var(--crm-muted);font-size:11px;font-weight:700} .eltcrm-ai-config-note{padding:12px 14px;border:1px dashed var(--crm-border);border-radius:10px;background:#fbfcfe;color:var(--crm-muted);font-size:13px;line-height:1.5} .eltcrm-ai-quick-prompts,.eltcrm-contact-ai-prompts{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0} .eltcrm-ai-prompt{appearance:none;border:1px solid #cfd8e3;background:#fff;border-radius:999px;padding:7px 10px;color:#344054;font:inherit;font-size:12px;font-weight:700;cursor:pointer} .eltcrm-ai-prompt:hover{background:#f8fafc;border-color:#aebdcd} .eltcrm-ai-form{margin-top:12px} .eltcrm-ai-form>label{display:block;margin-bottom:6px;font-size:12px;font-weight:800;color:#344054} .eltcrm-ai-input-row{display:flex;gap:8px;align-items:stretch} .eltcrm-ai-input-row textarea{flex:1;min-height:58px;resize:vertical;border:1px solid #cfd8e3;border-radius:10px;padding:10px 12px;background:#fff;color:#101828;font:inherit;line-height:1.4} .eltcrm-ai-input-row .eltcrm-btn{align-self:stretch;min-width:86px;justify-content:center} .eltcrm-ai-state{display:block;min-height:18px;margin-top:6px;color:var(--crm-muted);font-size:12px} .eltcrm-ai-state.is-error{color:var(--crm-danger)} .eltcrm-ai-answer{margin-top:13px;padding:14px 15px;border:1px solid var(--crm-border);border-radius:11px;background:#fbfcfe} .eltcrm-ai-answer-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px} .eltcrm-ai-answer-heading strong{font-size:13px;color:#26364a} .eltcrm-ai-answer-heading span{font-size:10px;color:var(--crm-muted)} .eltcrm-ai-answer-copy{white-space:pre-wrap;line-height:1.55;color:#344054;font-size:13px} .eltcrm-ai-answer small{display:block;margin-top:9px;color:var(--crm-muted);font-size:10px} .eltcrm-contact-ai{margin:0 20px 18px;padding:14px 16px;border:1px solid var(--crm-border);border-radius:12px;background:#fbfcfe} .eltcrm-contact-ai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px} .eltcrm-contact-ai-head>div:first-child{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center} .eltcrm-contact-ai-head .dashicons{grid-row:1/3;align-self:center} .eltcrm-contact-ai-head strong{font-size:13px;color:#26364a} .eltcrm-contact-ai-head small{font-size:11px;color:var(--crm-muted)} .eltcrm-contact-ai-prompts{margin:0;justify-content:flex-end} .eltcrm-contact-ai-form{margin-top:10px} @media(max-width:980px){.eltcrm-ai-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.eltcrm-contact-ai-head{display:block}.eltcrm-contact-ai-prompts{justify-content:flex-start;margin-top:10px}} @media(max-width:620px){.eltcrm-ai-snapshot{grid-template-columns:1fr}.eltcrm-ai-input-row{display:block}.eltcrm-ai-input-row .eltcrm-btn{width:100%;margin-top:7px}.eltcrm-contact-ai{margin-left:12px;margin-right:12px}} /* v0.7.0 — ELT NEWS Meetings */ .eltcrm-inline-meeting-form{margin:0} .eltcrm-meeting-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start} .eltcrm-meeting-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px} .eltcrm-meeting-frame-wrap{position:relative;width:100%;min-height:620px;border:1px solid var(--crm-border);border-radius:12px;overflow:hidden;background:#111827} .eltcrm-meeting-frame{display:block;width:100%;height:70vh;min-height:620px;border:0;background:#111827} .eltcrm-meeting-meta{position:sticky;top:18px} .eltcrm-meeting-meta dl{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:0 0 16px} .eltcrm-meeting-meta dt{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--crm-muted)} .eltcrm-meeting-meta dd{margin:0;min-width:0;overflow-wrap:anywhere;color:#344054} .eltcrm-meeting-meta code{font-size:11px;word-break:break-all} .eltcrm-meeting-meta label{display:block;margin-top:12px;font-size:12px;font-weight:800;color:#344054} .eltcrm-meeting-meta label input{width:100%;margin-top:6px} @media(max-width:1050px){.eltcrm-meeting-layout{grid-template-columns:1fr}.eltcrm-meeting-meta{position:static}.eltcrm-meeting-frame,.eltcrm-meeting-frame-wrap{min-height:520px}} @media(max-width:620px){.eltcrm-meeting-frame,.eltcrm-meeting-frame-wrap{min-height:430px;height:60vh}.eltcrm-meeting-meta dl{grid-template-columns:1fr;gap:3px}.eltcrm-meeting-meta dd{margin-bottom:8px}} /* v0.8.0 — Pro ID types, article-edition filters, dashboard search focus, contacts table ergonomics */ .eltcrm-pro-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 8px;border:1px solid #d7dee8;border-radius:999px;background:#f8fafc;color:#26364a;font-weight:800;white-space:nowrap} .eltcrm-pro-badge-type{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:#eaf2fb;color:#174f7d;font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase} .eltcrm-pro-filter-group{margin:2px 0 7px;padding:7px 7px 3px;border-top:1px solid #eef1f5;color:#667085;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase} .eltcrm-pro-filter-group:first-child{border-top:0} .eltcrm-pro-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin:0 0 14px} .eltcrm-pro-type-card{overflow:hidden;border:1px solid var(--crm-border);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)} .eltcrm-pro-type-card-head{padding:14px 16px;border-bottom:1px solid #eaecf0;background:#f9fafb} .eltcrm-pro-type-card-head h3{margin:0;font-size:16px;color:#26364a} .eltcrm-pro-type-items{display:grid} .eltcrm-pro-type-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-bottom:1px solid #f0f2f5} .eltcrm-pro-type-item:last-child{border-bottom:0} .eltcrm-pro-type-item>div:first-child{display:grid;gap:5px;min-width:0} .eltcrm-pro-type-item small{color:var(--crm-muted);font-size:11px} .eltcrm-article-edition-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 14px} .eltcrm-article-edition-filters>span{color:var(--crm-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .eltcrm-edition-filter{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 10px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;font:inherit;font-size:12px;font-weight:750;cursor:pointer} .eltcrm-edition-filter:hover,.eltcrm-edition-filter:focus-visible,.eltcrm-edition-filter.is-filter-active{border-color:#174f7d;background:#eef4fb;color:#174f7d;outline:none} .eltcrm-edition-filter strong{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px} .eltcrm-edition-filter.is-filter-active strong{background:#174f7d;color:#fff} .eltcrm-edition-badge{display:inline-flex;margin-right:5px;padding:2px 6px;border-radius:999px;border:1px solid #d0d5dd;background:#f8fafc;color:#475467;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle} .eltcrm-edition-badge.is-print{background:#fff7e6;border-color:#efd59d;color:#835d09} .eltcrm-edition-badge.is-digital{background:#eef6ff;border-color:#c9def2;color:#175b93} .eltcrm-dashboard-search-collapsed{display:grid;gap:10px;margin:0 0 20px} .eltcrm-dashboard-collapsible{border:1px solid var(--crm-border);border-radius:10px;background:#fff;overflow:hidden} .eltcrm-dashboard-collapsible>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:12px 15px;color:#344054;font-size:13px;font-weight:800;background:#fbfcfe} .eltcrm-dashboard-collapsible>summary::-webkit-details-marker{display:none} .eltcrm-dashboard-collapsible>summary:after{content:'+';float:none;margin-left:auto;color:#667085;font-size:17px;line-height:1} .eltcrm-collapsible-title{min-width:0} .eltcrm-collapse-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:2px 8px;border:1px solid #d0d5dd;border-radius:999px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:850;line-height:1.2;white-space:nowrap} .eltcrm-collapse-badge.has-items.is-notifications{background:#fff1f0;border-color:#ffc9c5;color:#b42318} .eltcrm-collapse-badge.has-items.is-followups{background:#fff7e6;border-color:#efd59d;color:#835d09} .eltcrm-collapse-badge.has-items.is-meetings{background:#eef6ff;border-color:#c9def2;color:#175b93} .eltcrm-collapse-badge.is-empty{opacity:.72} .eltcrm-dashboard-collapsible[open]>summary:after{content:'−'} .eltcrm-dashboard-collapsible-body{padding:14px;border-top:1px solid #eaecf0} .eltcrm-dashboard-collapsible-body>.eltcrm-panel,.eltcrm-dashboard-collapsible-body>.eltcrm-dashboard-notifications{margin:0;border:0;box-shadow:none;padding:0} .eltcrm-table-top-scroll{display:block;width:100%;height:20px;min-height:20px;margin:0 0 5px;padding:5px 6px;overflow:hidden;border:1px solid var(--crm-border);border-radius:7px;background:#f9fafb;box-sizing:border-box} .eltcrm-table-scroll-track{position:relative;width:100%;height:8px;border-radius:999px;background:#e4e7ec;box-shadow:inset 0 0 0 1px rgba(16,24,40,.05);cursor:pointer;outline:none} .eltcrm-table-scroll-track:focus-visible{box-shadow:0 0 0 2px rgba(30,89,148,.22),inset 0 0 0 1px rgba(16,24,40,.05)} .eltcrm-table-scroll-thumb{position:absolute;left:0;top:0;height:8px;min-width:42px;border-radius:999px;background:#667085;box-shadow:0 1px 2px rgba(16,24,40,.16);cursor:grab;will-change:transform,width} .eltcrm-table-scroll-thumb:hover,.eltcrm-table-top-scroll.is-dragging .eltcrm-table-scroll-thumb{background:#344054} .eltcrm-table-top-scroll.is-dragging .eltcrm-table-scroll-thumb{cursor:grabbing} .eltcrm-table-scroll-track.is-disabled .eltcrm-table-scroll-thumb{background:#cfd4dc;box-shadow:none;cursor:default} .eltcrm-contacts-table-wrap{position:relative} .eltcrm-contacts-table{--eltcrm-pro-col:260px;--eltcrm-name-col:220px;--eltcrm-company-col:230px;--eltcrm-sticky-1:0px;--eltcrm-sticky-2:var(--eltcrm-pro-col);--eltcrm-sticky-3:calc(var(--eltcrm-pro-col) + var(--eltcrm-name-col))} .eltcrm-contacts-table th:nth-child(1),.eltcrm-contacts-table td:nth-child(1){position:sticky;left:var(--eltcrm-sticky-1);z-index:6;width:var(--eltcrm-pro-col);min-width:var(--eltcrm-pro-col);max-width:var(--eltcrm-pro-col);background:#fff} .eltcrm-contacts-table th:nth-child(2),.eltcrm-contacts-table td:nth-child(2){position:sticky;left:var(--eltcrm-sticky-2);z-index:6;width:var(--eltcrm-name-col);min-width:var(--eltcrm-name-col);max-width:var(--eltcrm-name-col);background:#fff;white-space:normal} .eltcrm-contacts-table th:nth-child(3),.eltcrm-contacts-table td:nth-child(3){position:sticky;left:var(--eltcrm-sticky-3);z-index:6;width:var(--eltcrm-company-col);min-width:var(--eltcrm-company-col);max-width:var(--eltcrm-company-col);background:#fff;white-space:normal;box-shadow:7px 0 10px -10px rgba(16,24,40,.55)} .eltcrm-contacts-table td:nth-child(1) .eltcrm-pro-badge{max-width:100%;white-space:normal;flex-wrap:wrap;line-height:1.25} .eltcrm-contacts-table td:nth-child(2) a,.eltcrm-contacts-table td:nth-child(3){overflow-wrap:anywhere} .eltcrm-contacts-table thead th:nth-child(-n+3){z-index:10;background:#f9fafb} .eltcrm-contacts-table tbody tr:hover td:nth-child(-n+3){background:#fbfcfd} /* v0.8.2 — segmented Pro ID type selector and stable frozen contact columns */ .eltcrm-contacts-filters{align-items:flex-end} .eltcrm-contact-search{min-width:min(420px,100%)} .eltcrm-pro-type-filter{flex:1 1 100%;min-width:100%} .eltcrm-pro-type-filter>span{display:block;margin-bottom:6px;color:#344054;font-size:13px;font-weight:700} .eltcrm-segmented{display:inline-flex;align-items:stretch;max-width:100%;padding:3px;border:1px solid #d0d5dd;border-radius:9px;background:#f8fafc;overflow-x:auto;overflow-y:hidden;vertical-align:middle} .eltcrm-segment{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 13px;border:0;border-radius:7px;background:transparent;color:#667085;font:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer} .eltcrm-segment:hover,.eltcrm-segment:focus-visible{background:#eef2f6;color:#344054;outline:none} .eltcrm-segment.is-selected{background:#172033;color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.15)} .eltcrm-segment.is-selected:hover,.eltcrm-segment.is-selected:focus-visible{background:#172033;color:#fff} @media(max-width:760px){.eltcrm-pro-card-grid{grid-template-columns:1fr}.eltcrm-pro-type-item{align-items:flex-start;flex-direction:column}.eltcrm-table-top-scroll{height:20px;min-height:20px}} /* v0.8.3 — frozen Contacts table headers */ .eltcrm-contacts-table-wrap{max-height:min(72vh,820px);overflow:auto;scrollbar-gutter:stable} .eltcrm-contacts-table thead th{position:sticky;top:0;z-index:12;background:#f9fafb;box-shadow:0 1px 0 #e4e7ec} .eltcrm-contacts-table thead th:nth-child(1), .eltcrm-contacts-table thead th:nth-child(2), .eltcrm-contacts-table thead th:nth-child(3){z-index:24;background:#f9fafb} /* v0.8.4 — lock frozen Contacts header cells to frozen columns */ .eltcrm-contacts-table{ border-collapse:separate; border-spacing:0; isolation:isolate; } .eltcrm-contacts-table thead{ position:relative; z-index:30; } .eltcrm-contacts-table thead th{ position:sticky; top:0; z-index:30; background:#f9fafb; background-clip:padding-box; } /* The three corner/header cells must use BOTH sticky axes. */ .eltcrm-contacts-table thead th:nth-child(1){ position:sticky; top:0; left:0!important; z-index:60; width:var(--eltcrm-pro-col); min-width:var(--eltcrm-pro-col); max-width:var(--eltcrm-pro-col); background:#f9fafb; } .eltcrm-contacts-table thead th:nth-child(2){ position:sticky; top:0; left:var(--eltcrm-pro-col)!important; z-index:60; width:var(--eltcrm-name-col); min-width:var(--eltcrm-name-col); max-width:var(--eltcrm-name-col); background:#f9fafb; } .eltcrm-contacts-table thead th:nth-child(3){ position:sticky; top:0; left:calc(var(--eltcrm-pro-col) + var(--eltcrm-name-col))!important; z-index:60; width:var(--eltcrm-company-col); min-width:var(--eltcrm-company-col); max-width:var(--eltcrm-company-col); background:#f9fafb; box-shadow:7px 0 10px -10px rgba(16,24,40,.55),0 1px 0 #e4e7ec; } .eltcrm-contacts-table tbody td:nth-child(1){left:0!important} .eltcrm-contacts-table tbody td:nth-child(2){left:var(--eltcrm-pro-col)!important} .eltcrm-contacts-table tbody td:nth-child(3){left:calc(var(--eltcrm-pro-col) + var(--eltcrm-name-col))!important} /* v0.8.5 — true two-axis freeze for Contacts header + first three columns. Generic sortable/filter headers use .eltcrm-has-tools { position:relative }, so these rules intentionally override that declaration. */ .eltcrm-app .eltcrm-contacts-table-wrap{ position:relative; overflow:auto; } .eltcrm-app .eltcrm-contacts-table thead th, .eltcrm-app .eltcrm-contacts-table thead th.eltcrm-has-tools{ position:-webkit-sticky!important; position:sticky!important; top:0!important; z-index:40!important; background:#f9fafb!important; background-clip:padding-box; } .eltcrm-app .eltcrm-contacts-table thead th:nth-child(1), .eltcrm-app .eltcrm-contacts-table thead th:nth-child(1).eltcrm-has-tools{ left:0!important; z-index:90!important; } .eltcrm-app .eltcrm-contacts-table thead th:nth-child(2), .eltcrm-app .eltcrm-contacts-table thead th:nth-child(2).eltcrm-has-tools{ left:var(--eltcrm-pro-col)!important; z-index:90!important; } .eltcrm-app .eltcrm-contacts-table thead th:nth-child(3), .eltcrm-app .eltcrm-contacts-table thead th:nth-child(3).eltcrm-has-tools{ left:calc(var(--eltcrm-pro-col) + var(--eltcrm-name-col))!important; z-index:90!important; box-shadow:7px 0 10px -10px rgba(16,24,40,.55),0 1px 0 #e4e7ec; } .eltcrm-app .eltcrm-contacts-table tbody td:nth-child(1){position:-webkit-sticky!important;position:sticky!important;left:0!important;z-index:20;background:#fff} .eltcrm-app .eltcrm-contacts-table tbody td:nth-child(2){position:-webkit-sticky!important;position:sticky!important;left:var(--eltcrm-pro-col)!important;z-index:20;background:#fff} .eltcrm-app .eltcrm-contacts-table tbody td:nth-child(3){position:-webkit-sticky!important;position:sticky!important;left:calc(var(--eltcrm-pro-col) + var(--eltcrm-name-col))!important;z-index:20;background:#fff;box-shadow:7px 0 10px -10px rgba(16,24,40,.55)} .eltcrm-app .eltcrm-contacts-table tbody tr:hover td:nth-child(-n+3){background:#fbfcfd!important} /* v0.9.0 — consistent Excel-style tables across the CRM */ .eltcrm-app .eltcrm-table-wrap{position:relative;max-height:min(72vh,820px);overflow:auto;scrollbar-gutter:stable} .eltcrm-app .eltcrm-excel-table{border-collapse:separate;border-spacing:0;isolation:isolate;--eltcrm-sticky-col-1:160px;--eltcrm-sticky-col-2:200px;--eltcrm-sticky-col-3:220px} .eltcrm-app .eltcrm-excel-table thead th,.eltcrm-app .eltcrm-excel-table thead th.eltcrm-has-tools{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:40!important;background:#f9fafb!important;background-clip:padding-box;box-shadow:0 1px 0 #e4e7ec} .eltcrm-app .eltcrm-excel-table thead th:nth-child(1),.eltcrm-app .eltcrm-excel-table tbody td:nth-child(1){position:-webkit-sticky!important;position:sticky!important;left:0!important;min-width:var(--eltcrm-sticky-col-1);z-index:25;background:#fff} .eltcrm-app .eltcrm-excel-table thead th:nth-child(2),.eltcrm-app .eltcrm-excel-table tbody td:nth-child(2){position:-webkit-sticky!important;position:sticky!important;left:var(--eltcrm-sticky-col-1)!important;min-width:var(--eltcrm-sticky-col-2);z-index:25;background:#fff} .eltcrm-app .eltcrm-excel-table thead th:nth-child(3),.eltcrm-app .eltcrm-excel-table tbody td:nth-child(3){position:-webkit-sticky!important;position:sticky!important;left:calc(var(--eltcrm-sticky-col-1) + var(--eltcrm-sticky-col-2))!important;min-width:var(--eltcrm-sticky-col-3);z-index:25;background:#fff;box-shadow:7px 0 10px -10px rgba(16,24,40,.55)} .eltcrm-app .eltcrm-excel-table thead th:nth-child(-n+3){z-index:95!important;background:#f9fafb!important} .eltcrm-app .eltcrm-excel-table tbody tr:hover td:nth-child(-n+3){background:#fbfcfd!important} .eltcrm-excel-filter-menu select{width:100%;margin:0 0 8px} .eltcrm-excel-filter-values{display:grid;gap:2px;max-height:220px;overflow:auto;margin:10px 0;border:1px solid #eaecf0;border-radius:7px;padding:5px} .eltcrm-excel-filter-values label{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:5px;font-weight:500;white-space:normal} .eltcrm-excel-filter-values label:hover{background:#f2f4f7}.eltcrm-excel-filter-all{border-bottom:1px solid #eaecf0;font-weight:800!important} .eltcrm-filtered-out{display:none!important} .eltcrm-kpi-alert{border-color:#f0c36d!important;background:#fffaf0!important}.eltcrm-kpi-alert strong{color:#9a6700} .eltcrm-collapsible-panel-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.eltcrm-collapsible-panel-summary::-webkit-details-marker{display:none}.eltcrm-collapsible-panel-summary span:first-child{display:grid;gap:3px}.eltcrm-collapsible-panel-summary small{color:var(--crm-muted);font-weight:500}.eltcrm-collapsible-panel-body{margin-top:16px;padding-top:16px;border-top:1px solid var(--crm-border)} .eltcrm-badge-checkin{margin-top:5px} .eltcrm-article-edition-filter{margin:0 0 16px} /* v0.9.1 — Forum contact-card check-in and badge workflow */ .eltcrm-contact-print-badge{display:inline-flex!important;align-items:center;gap:6px;border-color:#175b92!important;background:#fff!important;color:#175b92!important;font-weight:800!important} .eltcrm-contact-print-badge:hover,.eltcrm-contact-print-badge:focus-visible{background:#eef6fc!important;color:#0f4a78!important} .eltcrm-contact-print-badge .dashicons{width:16px;height:16px;font-size:16px} /* v0.9.5 — top horizontal scrollbar on every CRM table, including dynamically loaded and mini tables */ .eltcrm-app .eltcrm-auto-table-wrap{width:100%;overflow:auto;border:1px solid var(--crm-border);border-radius:10px;background:#fff} .eltcrm-app .eltcrm-mini-table-wrap + .eltcrm-table-top-scroll{margin-top:5px} .eltcrm-app .eltcrm-table-top-scroll{display:block!important;min-height:20px!important} /* v0.9.6 — persistent top table scrollbar (always visible, independent of OS auto-hide setting) */ .eltcrm-app .eltcrm-table-top-scroll{visibility:visible!important;opacity:1!important} /* v0.10.0 — Apple-inspired visual system refresh */ .eltcrm-app{ --crm-ink:#1d1d1f; --crm-muted:#6e6e73; --crm-border:#e5e5ea; --crm-border-strong:#d2d2d7; --crm-bg:#f5f5f7; --crm-panel:rgba(255,255,255,.92); --crm-accent:#0071e3; --crm-accent-2:#0077ed; --crm-success:#248a3d; --crm-danger:#d70015; --crm-warning:#b25000; max-width:1680px; width:min(97vw,1680px); color:var(--crm-ink); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif; font-size:14px; letter-spacing:-.005em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } .eltcrm-app,.eltcrm-app-layout,.eltcrm-app-main{background:var(--crm-bg)} .eltcrm-app a{color:var(--crm-accent);text-underline-offset:2px} .eltcrm-app-header{ padding:22px 26px; border:1px solid rgba(210,210,215,.9); border-bottom:0; border-radius:22px 22px 0 0; background:rgba(255,255,255,.86); box-shadow:0 1px 0 rgba(255,255,255,.7) inset; backdrop-filter:saturate(180%) blur(22px); -webkit-backdrop-filter:saturate(180%) blur(22px); } .eltcrm-app-header h1{font-size:30px;font-weight:700;letter-spacing:-.035em;color:#1d1d1f} .eltcrm-app-kicker,.eltcrm-eyebrow{color:#86868b;font-size:11px;font-weight:650;letter-spacing:.095em} .eltcrm-app-user{color:#6e6e73} .eltcrm-app-layout{ grid-template-columns:232px minmax(0,1fr); border:1px solid rgba(210,210,215,.9); border-top:0; border-radius:0 0 22px 22px; box-shadow:0 18px 50px rgba(0,0,0,.07); overflow:hidden; } .eltcrm-app-sidebar{ padding:18px 12px 22px; border-right:1px solid rgba(210,210,215,.75); background:rgba(248,248,250,.88); backdrop-filter:saturate(180%) blur(22px); -webkit-backdrop-filter:saturate(180%) blur(22px); } .eltcrm-app-nav{gap:4px} .eltcrm-app-nav a,.eltcrm-nav-group>summary{ min-height:40px; padding:9px 12px; border-radius:10px; color:#3a3a3c; font-size:13px; font-weight:600; transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease; } .eltcrm-app-nav a:hover,.eltcrm-app-nav a:focus-visible,.eltcrm-nav-group>summary:hover,.eltcrm-nav-group>summary:focus-visible{ background:rgba(0,0,0,.045); color:#1d1d1f; transform:none; } .eltcrm-app-nav a.is-current,.eltcrm-nav-group[open]>summary{ background:rgba(0,113,227,.11); color:#0066cc; box-shadow:inset 0 0 0 1px rgba(0,113,227,.05); } .eltcrm-app-nav .dashicons{color:inherit;opacity:.9} .eltcrm-app-main{padding:30px 32px 38px} .eltcrm-page-heading{margin-bottom:22px} .eltcrm-page-heading h2{font-size:32px;font-weight:700;letter-spacing:-.04em;color:#1d1d1f} .eltcrm-page-heading p{color:#6e6e73;font-size:14px} .eltcrm-back{color:#0066cc;font-weight:600} .eltcrm-panel,.eltcrm-kpi,.eltcrm-dashboard-search,.eltcrm-dashboard-collapsible,.eltcrm-pro-type-card,.eltcrm-event-settings,.eltcrm-collapsible-panel{ border:1px solid rgba(210,210,215,.72); background:rgba(255,255,255,.94); box-shadow:0 1px 2px rgba(0,0,0,.02),0 8px 24px rgba(0,0,0,.035); } .eltcrm-panel{padding:22px;border-radius:18px} .eltcrm-panel h3{font-size:18px;font-weight:700;letter-spacing:-.018em;color:#1d1d1f} .eltcrm-kpis{gap:14px;margin-bottom:24px} .eltcrm-kpi{ min-height:118px; padding:18px 19px; border-radius:18px; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } a.eltcrm-kpi:hover{ transform:translateY(-1px); border-color:#d2d2d7; box-shadow:0 2px 3px rgba(0,0,0,.03),0 12px 28px rgba(0,0,0,.06); } .eltcrm-kpi strong{font-size:30px;font-weight:700;letter-spacing:-.035em;color:#1d1d1f} .eltcrm-kpi span{color:#6e6e73;font-size:12.5px;font-weight:550} .eltcrm-app label{color:#3a3a3c;font-size:12.5px;font-weight:600} .eltcrm-app input:not([type=checkbox]):not([type=radio]),.eltcrm-app select,.eltcrm-app textarea{ min-height:44px; margin-top:6px; padding:10px 12px; border:1px solid #d2d2d7; border-radius:11px; background:rgba(255,255,255,.96); color:#1d1d1f; box-shadow:0 1px 1px rgba(0,0,0,.015) inset; font-size:14px; transition:border-color .15s ease,box-shadow .15s ease,background .15s ease; } .eltcrm-app input::placeholder,.eltcrm-app textarea::placeholder{color:#aeaeb2} .eltcrm-app input:focus,.eltcrm-app select:focus,.eltcrm-app textarea:focus{ border-color:#0071e3; outline:none; box-shadow:0 0 0 3px rgba(0,113,227,.14); background:#fff; } .eltcrm-app textarea{min-height:90px;line-height:1.45} .eltcrm-check input[type=checkbox],.eltcrm-modal-check input[type=checkbox]{accent-color:#0071e3} .eltcrm-btn,.eltcrm-app .button{ min-height:38px; padding:8px 14px; border:1px solid #d2d2d7; border-radius:10px; background:rgba(255,255,255,.96); color:#1d1d1f!important; box-shadow:0 1px 2px rgba(0,0,0,.025); font-size:13px; font-weight:600; transition:background .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease; } .eltcrm-btn:hover,.eltcrm-btn:focus-visible,.eltcrm-app .button:hover{ border-color:#c7c7cc; background:#f7f7f9; box-shadow:0 2px 5px rgba(0,0,0,.04); } .eltcrm-btn:active,.eltcrm-app .button:active{transform:scale(.985)} .eltcrm-btn-primary{ border-color:#0071e3!important; border-radius:999px; background:#0071e3!important; color:#fff!important; box-shadow:none; } .eltcrm-btn-primary:hover,.eltcrm-btn-primary:focus-visible{background:#0077ed!important;border-color:#0077ed!important} .eltcrm-btn-small{min-height:30px;padding:5px 10px;border-radius:8px;font-size:12px} .eltcrm-filters{ gap:11px; padding:15px 16px; border:1px solid rgba(210,210,215,.75); border-radius:16px; background:rgba(255,255,255,.9); box-shadow:0 3px 16px rgba(0,0,0,.025); } .eltcrm-segmented{ padding:3px; border:0; border-radius:10px; background:#e9e9eb; box-shadow:inset 0 0 0 1px rgba(0,0,0,.035); } .eltcrm-segment{ min-height:32px; padding:6px 13px; border-radius:8px; color:#6e6e73; font-size:12px; font-weight:600; } .eltcrm-segment:hover,.eltcrm-segment:focus-visible{background:rgba(255,255,255,.58);color:#1d1d1f} .eltcrm-segment.is-selected,.eltcrm-segment.is-selected:hover,.eltcrm-segment.is-selected:focus-visible{ background:#fff; color:#1d1d1f; box-shadow:0 1px 3px rgba(0,0,0,.16),0 0 0 .5px rgba(0,0,0,.06); } .eltcrm-table-wrap,.eltcrm-mini-table-wrap,.eltcrm-dialog-table-wrap{ border:1px solid rgba(210,210,215,.72); border-radius:16px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.018); } .eltcrm-app table{background:#fff;font-size:13px} .eltcrm-app th,.eltcrm-app td{padding:12px 13px;border-bottom:1px solid #ececf0} .eltcrm-app th{ background:#f6f6f8; color:#6e6e73; font-size:11.5px; font-weight:650; letter-spacing:.01em; } .eltcrm-app tbody tr{transition:background .12s ease} .eltcrm-app tbody tr:hover{background:rgba(0,113,227,.035)} .eltcrm-app td a{color:#0066cc;font-weight:600} .eltcrm-sort-button{font-weight:650;color:#6e6e73} .eltcrm-sort-button:hover,.eltcrm-sort-button:focus-visible{background:rgba(0,113,227,.06);color:#0066cc} .eltcrm-th-filter-button{border-radius:8px;color:#86868b} .eltcrm-th-filter-button:hover,.eltcrm-th-filter-button:focus-visible,.eltcrm-column-filter[open]>.eltcrm-th-filter-button,.eltcrm-th-filter-button.is-active{ border-color:#d2d2d7;background:#fff;color:#0071e3 } .eltcrm-th-filter-menu{ padding:16px; border:1px solid rgba(210,210,215,.9); border-radius:14px; background:rgba(255,255,255,.98); box-shadow:0 16px 46px rgba(0,0,0,.14); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); } .eltcrm-table-top-scroll{ height:21px!important; min-height:21px!important; margin-bottom:6px!important; padding:6px 7px!important; border:1px solid #e5e5ea!important; border-radius:9px!important; background:#f5f5f7!important; } .eltcrm-table-scroll-track{height:7px!important;background:#dedee3!important;box-shadow:none!important} .eltcrm-table-scroll-thumb{height:7px!important;background:#a1a1a6!important;box-shadow:none!important} .eltcrm-table-scroll-thumb:hover,.eltcrm-table-top-scroll.is-dragging .eltcrm-table-scroll-thumb{background:#7d7d82!important} .eltcrm-status-ok,.eltcrm-status-muted,.eltcrm-flag,.eltcrm-collapse-badge,.eltcrm-pro-badge-type,.eltcrm-followup-flag{ border-radius:999px; font-weight:650; } .eltcrm-status-ok{background:#e9f7ed;color:#1f7a36} .eltcrm-status-muted{background:#efeff1;color:#6e6e73} .eltcrm-flag{background:#fff4e6;color:#9a4b00} .eltcrm-pro-badge-type{background:#e8f2ff;color:#0066cc} .eltcrm-dashboard-search{ grid-template-columns:minmax(220px,.65fr) minmax(360px,1.35fr); padding:21px 22px; border-radius:18px; } .eltcrm-dashboard-search-copy>.dashicons{color:#0071e3} .eltcrm-dashboard-search h3{font-size:18px;font-weight:700;letter-spacing:-.015em} .eltcrm-dashboard-search p{color:#6e6e73} .eltcrm-dashboard-collapsible{border-radius:16px;overflow:hidden} .eltcrm-dashboard-collapsible>summary{ min-height:48px; padding:13px 16px; background:rgba(250,250,252,.92); color:#3a3a3c; font-size:13px; font-weight:650; } .eltcrm-dashboard-collapsible>summary:hover{background:#f5f5f7} .eltcrm-dashboard-collapsible>summary:after{color:#86868b;font-weight:400} .eltcrm-dashboard-collapsible-body{padding:16px;border-top:1px solid #ececf0} .eltcrm-event-settings>summary,.eltcrm-collapsible-panel-summary{ min-height:52px; padding:14px 17px; border-radius:16px; background:rgba(250,250,252,.92); } .eltcrm-collapsible-panel-body{border-top-color:#ececf0} .eltcrm-contact-details-card{ border:1px solid #e5e5ea!important; border-radius:14px!important; overflow:hidden; background:#fff; } .eltcrm-contact-details-card>summary{min-height:48px;padding:12px 14px;background:#fafafa;color:#3a3a3c;font-weight:650} .eltcrm-contact-details-card>summary:hover{background:#f5f5f7} .eltcrm-contact-details-card[open]>summary{background:#f5f5f7;border-bottom-color:#ececf0} .eltcrm-contact-editor,.eltcrm-subscription-history,.eltcrm-event-history,.eltcrm-contact-dialog{ border:1px solid rgba(255,255,255,.58); border-radius:22px; box-shadow:0 30px 90px rgba(0,0,0,.26),0 0 0 1px rgba(0,0,0,.03); } .eltcrm-contact-editor::backdrop,.eltcrm-subscription-history::backdrop,.eltcrm-event-history::backdrop,.eltcrm-contact-dialog::backdrop{ background:rgba(0,0,0,.34); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } .eltcrm-contact-editor-header,.eltcrm-subscription-history-header,.eltcrm-event-history-header,.eltcrm-contact-dialog__header{ background:rgba(255,255,255,.90); border-bottom-color:#ececf0; backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); } .eltcrm-contact-editor-footer,.eltcrm-subscription-history-footer,.eltcrm-event-history-footer,.eltcrm-contact-dialog__footer{ background:rgba(250,250,252,.94); border-top-color:#ececf0; backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); } .eltcrm-contact-editor-header h2,.eltcrm-subscription-history-header h2,.eltcrm-event-history-header h2,.eltcrm-contact-dialog__header h2{ color:#1d1d1f;font-weight:700;letter-spacing:-.025em } .eltcrm-contact-editor-body,.eltcrm-subscription-history-body,.eltcrm-event-history-body,.eltcrm-contact-dialog__body{background:#f5f5f7} .eltcrm-contact-section{background:#fff;border:1px solid #e5e5ea;border-radius:16px;padding:18px!important;margin-bottom:16px!important} .eltcrm-contact-section+.eltcrm-contact-section{border-top:1px solid #e5e5ea!important;padding-top:18px!important} .eltcrm-app-notice{ padding:13px 15px; border:1px solid #b9e3c4; border-left:1px solid #b9e3c4; border-radius:13px; background:#effaf2; color:#1f6f34; } .eltcrm-empty{border:1px dashed #d2d2d7;border-radius:16px;background:rgba(255,255,255,.72);color:#86868b} .eltcrm-pagination .page-numbers{border-color:#e5e5ea;border-radius:9px;color:#3a3a3c} .eltcrm-pagination .current{border-color:#0071e3;background:#0071e3;color:#fff} @media(max-width:900px){ .eltcrm-app{width:min(98vw,1680px);margin-top:12px} .eltcrm-app-layout{grid-template-columns:1fr} .eltcrm-app-sidebar{border-right:0;border-bottom:1px solid #e5e5ea} .eltcrm-app-nav{position:static;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px} .eltcrm-app-nav>a,.eltcrm-nav-group{flex:0 0 auto} .eltcrm-app-main{padding:22px 18px 30px} } @media(max-width:600px){ .eltcrm-app-header{padding:17px 18px;border-radius:18px 18px 0 0} .eltcrm-app-header h1{font-size:25px} .eltcrm-page-heading h2{font-size:27px} .eltcrm-panel{padding:17px;border-radius:15px} .eltcrm-kpi{border-radius:15px} } /* v0.10.1 — independent collapsible left navigation */ .eltcrm-app-layout{ --eltcrm-sidebar-width:244px; display:grid; grid-template-columns:var(--eltcrm-sidebar-width) minmax(0,1fr); align-items:stretch; border:0; border-radius:22px; overflow:visible; background:transparent; box-shadow:none; gap:14px; transition:grid-template-columns .22s cubic-bezier(.2,.8,.2,1); } .eltcrm-app-workspace{ min-width:0; overflow:hidden; border:1px solid rgba(210,210,215,.9); border-radius:22px; background:var(--crm-bg); box-shadow:0 18px 50px rgba(0,0,0,.07); } .eltcrm-app-header{ border:0; border-bottom:1px solid rgba(210,210,215,.72); border-radius:0; min-height:80px; } .eltcrm-app-sidebar{ position:relative; align-self:stretch; min-width:0; padding:14px 10px 20px; border:1px solid rgba(210,210,215,.9); border-radius:22px; background:rgba(255,255,255,.92); box-shadow:0 14px 40px rgba(0,0,0,.055); backdrop-filter:saturate(180%) blur(22px); -webkit-backdrop-filter:saturate(180%) blur(22px); overflow:hidden; } .eltcrm-sidebar-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:64px; padding:6px 4px 14px 8px; margin-bottom:8px; border-bottom:1px solid #ececf0; } .eltcrm-sidebar-brand{ display:flex; flex-direction:column; min-width:0; color:#1d1d1f!important; text-decoration:none!important; line-height:1.05; overflow:hidden; white-space:nowrap; } .eltcrm-sidebar-brand-kicker{ margin-bottom:4px; color:#86868b; font-size:10px; font-weight:700; letter-spacing:.13em; } .eltcrm-sidebar-brand strong{ font-size:24px; font-weight:700; letter-spacing:-.04em; } .eltcrm-sidebar-toggle{ position:relative; display:inline-grid; place-items:center; flex:0 0 38px; width:38px; height:38px; padding:0; border:0; border-radius:10px; background:transparent; color:#56606d; cursor:pointer; transition:background .16s ease,color .16s ease,transform .16s ease; } .eltcrm-sidebar-toggle:hover,.eltcrm-sidebar-toggle:focus-visible{background:#f1f1f4;color:#1d1d1f;outline:none} .eltcrm-sidebar-toggle:active{transform:scale(.96)} .eltcrm-sidebar-toggle-icon{ position:relative; display:block; width:18px; height:18px; border:1.7px solid currentColor; border-radius:4px; } .eltcrm-sidebar-toggle-icon:before{ content:""; position:absolute; top:0; bottom:0; left:5px; width:1.7px; background:currentColor; border-radius:2px; } .eltcrm-app-nav{position:sticky;top:18px;min-width:0} .eltcrm-app-nav a,.eltcrm-nav-group>summary{white-space:nowrap;overflow:hidden} .eltcrm-app-nav .eltcrm-nav-label{overflow:hidden;text-overflow:ellipsis} /* Collapsed desktop rail. */ .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-app-layout{--eltcrm-sidebar-width:68px} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-app-sidebar{padding-left:8px;padding-right:8px} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-sidebar-head{justify-content:center;padding-left:0;padding-right:0} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-sidebar-brand{display:none} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-sidebar-toggle{margin:0 auto} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-sidebar-toggle-icon:before{left:10px} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-app-nav a, .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-group>summary{ justify-content:center; width:46px; min-width:46px; height:44px; min-height:44px; margin:0 auto; padding:0; border-radius:12px; } .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-app-nav .dashicons{width:20px;height:20px;font-size:20px;margin:0} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-label, .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-chevron, .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-children{display:none!important} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-group{display:block} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-group>summary{list-style:none} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-group[open]>summary{background:rgba(0,113,227,.11);color:#0066cc} @media(max-width:900px){ .eltcrm-app-layout,.eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-app-layout{grid-template-columns:1fr;gap:10px} .eltcrm-app-sidebar{border-radius:18px;padding:10px 12px} .eltcrm-sidebar-head{min-height:50px;padding:2px 2px 9px 6px} .eltcrm-sidebar-brand{display:flex!important} .eltcrm-sidebar-toggle{display:none} .eltcrm-app-nav{position:static;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-app-nav a, .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-group>summary{width:auto;min-width:auto;height:auto;min-height:40px;margin:0;padding:9px 12px;justify-content:flex-start} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-label, .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-chevron{display:inline-block!important} .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-nav-children{display:grid!important} .eltcrm-app-workspace{border-radius:18px} } /* v0.10.2 — top bar without global search */ .eltcrm-app-header .eltcrm-header-tools{margin-left:auto} /* Digital Magazine: all management stays inside the CRM front-end workspace. */ .eltcrm-magazine-frontend .wrap{margin:0;width:100%;max-width:none} .eltcrm-magazine-frontend .magcard{max-width:none;border:1px solid #e1e5ed;border-radius:16px;padding:24px;margin:16px 0;background:var(--eltcrm-card-bg,#fff);box-shadow:0 2px 14px rgba(13,34,60,.05)} .eltcrm-magazine-frontend .magcard h2{font-size:20px} .eltcrm-magazine-frontend .magcard input[type=text],.eltcrm-magazine-frontend .magcard input[type=file],.eltcrm-magazine-frontend .magcard select,.eltcrm-magazine-frontend .magcard textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;border:1px solid #cdd6e3;border-radius:10px;background:#fff;color:#1c2b3f;min-height:42px;padding:10px} .eltcrm-magazine-frontend .magcard input[type=checkbox]{display:inline-block;width:auto;min-height:0} .eltcrm-magazine-frontend .button,.eltcrm-magazine-frontend .button-primary{appearance:none;display:inline-flex;align-items:center;justify-content:center;background:#eef3f9;color:#12345a;border:1px solid #d3deed;border-radius:10px;padding:10px 17px;min-height:40px;cursor:pointer;text-decoration:none;font-weight:650} .eltcrm-magazine-frontend .button-primary{background:#1762c4;color:#fff;border-color:#1762c4} .eltcrm-magazine-frontend .magtable{display:block;overflow-x:auto;max-width:100%} .eltcrm-magazine-frontend .magcard td form{margin:0} .eltcrm-magazine-frontend .magcols{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))} @media(max-width:700px){.eltcrm-magazine-frontend .magcard{padding:16px}.eltcrm-magazine-frontend .magtable{font-size:13px}.eltcrm-magazine-frontend .magcard .submit{margin:8px 0}} /* v0.13.0 — Seminar subsystem */ .eltcrm-seminar-subnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:5px;background:rgba(118,118,128,.08);border-radius:14px;width:max-content;max-width:100%} .eltcrm-seminar-subnav .eltcrm-subnav-link{padding:8px 13px;border-radius:10px;text-decoration:none;color:var(--eltcrm-text,#1d1d1f);font-weight:650} .eltcrm-seminar-subnav .eltcrm-subnav-link.is-active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)} .eltcrm-seminar-kpis .eltcrm-kpi.is-danger,.eltcrm-kpi.is-danger{background:#fff2f1;border-color:#ffd0cc}.eltcrm-seminar-kpis .eltcrm-kpi.is-success,.eltcrm-kpi.is-success{background:#f2fbf5;border-color:#cdeed6} .eltcrm-pill.is-success{background:#eaf8ef;color:#16743b}.eltcrm-pill.is-warning{background:#fff5db;color:#8a5a00}.eltcrm-pill.is-danger{background:#fff0ef;color:#b42318} .eltcrm-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 14px} .eltcrm-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px} .eltcrm-presenter-card{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:18px;background:rgba(255,255,255,.88);border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 3px 18px rgba(0,0,0,.05)} .eltcrm-presenter-thumb{width:88px;height:88px;object-fit:cover;border-radius:18px;background:#f3f4f6} .eltcrm-presenter-card h4{font-size:18px;margin:3px 0 7px}.eltcrm-presenter-card p{margin:6px 0;color:#5f6368} .eltcrm-inline-details{margin-top:14px}.eltcrm-inline-details>summary,.eltcrm-row-details>summary{cursor:pointer;font-weight:650;color:#0a66c2} .eltcrm-heading-actions{display:flex;gap:8px;align-items:center}.eltcrm-payment-instructions{padding:14px 16px;background:#f6f7f9;border-radius:14px;margin-top:12px} /* Contact master-list Excel actions */ .eltcrm-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .eltcrm-page-actions .dashicons{font-size:17px;width:17px;height:17px} @media(max-width:700px){.eltcrm-page-actions{width:100%;justify-content:flex-start;margin-top:12px}.eltcrm-page-actions .eltcrm-btn{flex:1 1 auto}} /* Awards management actions */ .eltcrm-awards-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:250px} .eltcrm-awards-actions form{display:inline-flex!important;margin:0} .eltcrm-awards-actions .button{padding:7px 10px;border:1px solid var(--eltcrm-border,#d8dce5);background:var(--eltcrm-panel,#fff);color:inherit;border-radius:8px;text-decoration:none;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer} .eltcrm-awards-actions .button:hover{background:#f1f4f9} /* Awards: clearly visible only when the contact has nominations. */ .eltcrm-contact-workspace-action-awards{background:#168447!important;border:1px solid #126b3a!important;color:#fff!important;box-shadow:0 2px 6px rgba(22,132,71,.18)} .eltcrm-contact-workspace-action-awards:hover,.eltcrm-contact-workspace-action-awards:focus-visible{background:#0e6f39!important;color:#fff!important;border-color:#0b6031!important} .eltcrm-contact-awards-section[hidden]{display:none!important} .eltcrm-contact-awards-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px} .eltcrm-contact-awards-heading h3{margin:0!important;color:#145f39} .eltcrm-contact-awards-heading h3 .dashicons{color:#168447} .eltcrm-awards-close{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #d4e5dc;border-radius:7px;color:#276047;padding:6px 9px;cursor:pointer;font-size:12px;font-weight:700} .eltcrm-awards-close:hover,.eltcrm-awards-close:focus-visible{background:#e9f6ee} .eltcrm-awards-close .dashicons{font-size:15px;width:15px;height:15px} .eltcrm-awards-cycle{margin-top:18px;border:1px solid #dcebe1;border-radius:10px;overflow:hidden} .eltcrm-awards-cycle h4{display:flex;align-items:center;gap:6px;margin:0!important;padding:10px 12px;background:#eaf6ed;color:#185b36;font-size:13px;font-weight:750} .eltcrm-awards-cycle h4 .dashicons{font-size:17px;width:17px;height:17px} .eltcrm-awards-cycle .eltcrm-mini-table-wrap{overflow-x:auto} .eltcrm-awards-cycle table{width:100%;border-collapse:collapse} .eltcrm-awards-cycle th,.eltcrm-awards-cycle td{padding:10px 12px!important;text-align:left;vertical-align:top;border-bottom:1px solid #edf2ee;font-size:12px} .eltcrm-awards-cycle td strong{font-size:12px} /* v0.16.12 — Mailing Lists */ .eltcrm-rule-builder{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;grid-column:1/-1} .eltcrm-rule-builder>label,.eltcrm-rule-range>label{display:flex;flex-direction:column;gap:7px;font-weight:600} .eltcrm-rule-builder input,.eltcrm-rule-builder select{width:100%;min-height:38px} .eltcrm-rule-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-column:1/-1} .eltcrm-rule-builder [hidden]{display:none!important} .eltcrm-collapsible{width:100%} .eltcrm-collapsible>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:700;padding:2px 0} .eltcrm-collapsible>summary::-webkit-details-marker{display:none} .eltcrm-collapsible>summary:after{content:'+';font-size:22px;line-height:1;color:#64748b} .eltcrm-collapsible[open]>summary:after{content:'−'} .eltcrm-collapsible-body{border-top:1px solid var(--crm-border,#e4e7eb);margin-top:12px;padding-top:14px} .eltcrm-bulk-list-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px} .eltcrm-bulk-list-form p{margin:0} .eltcrm-bulk-list-form select{min-height:38px} @media(max-width:600px){.eltcrm-rule-range{grid-template-columns:1fr}.eltcrm-bulk-list-form{display:block}.eltcrm-bulk-list-form p{margin-bottom:12px}} /* v0.16.14 — cleaner, denser CRM workspace (no oversized empty gaps) */ @media (min-width:861px){ .eltcrm-app-main{padding:18px 22px 24px} .eltcrm-app-header{padding:13px 18px} .eltcrm-app-sidebar{padding:12px 10px} } .eltcrm-app .eltcrm-page-heading{margin-bottom:13px;gap:10px} .eltcrm-app .eltcrm-page-heading h2{font-size:26px;line-height:1.16} .eltcrm-app .eltcrm-page-heading p{margin-top:3px;font-size:12px;line-height:1.4} .eltcrm-app .eltcrm-section-heading{margin-bottom:9px;gap:10px} .eltcrm-app .eltcrm-section-heading h3{font-size:16px;line-height:1.3} .eltcrm-app .eltcrm-panel{padding:14px 16px;margin-bottom:12px;border-radius:12px} .eltcrm-app .eltcrm-panel h4{margin:12px 0 7px} .eltcrm-app .eltcrm-grid{gap:10px 12px} .eltcrm-app .eltcrm-kpis{gap:9px;margin-bottom:12px} .eltcrm-app .eltcrm-kpi{min-height:82px;padding:11px 13px;border-radius:12px} .eltcrm-app .eltcrm-kpi strong{font-size:23px} .eltcrm-app .eltcrm-kpi span{margin-top:3px;font-size:11px} .eltcrm-app .eltcrm-filters{padding:10px 12px;gap:8px;margin-bottom:11px} .eltcrm-app input:not([type=checkbox]):not([type=radio]),.eltcrm-app select,.eltcrm-app textarea{min-height:35px;margin-top:3px;padding:6px 9px;font-size:13px} .eltcrm-app textarea{min-height:65px} .eltcrm-app .eltcrm-btn,.eltcrm-app .button{min-height:35px;padding:6px 10px;font-size:12px} .eltcrm-app .eltcrm-btn-small{min-height:29px;padding:4px 8px} .eltcrm-app th,.eltcrm-app td{padding:7px 9px} .eltcrm-app .eltcrm-table-wrap{border-radius:9px} .eltcrm-app .eltcrm-collapsible-body{margin-top:9px;padding-top:11px} .eltcrm-app .eltcrm-app-nav a{padding:8px 10px} .eltcrm-app .eltcrm-pagination{margin:12px 0} .eltcrm-app .eltcrm-intake-section{padding:11px 13px;margin-bottom:10px;border-radius:10px} .eltcrm-app .eltcrm-intake-compare{gap:5px} .eltcrm-app .eltcrm-intake-compare-row{padding:6px;gap:6px} .eltcrm-app .eltcrm-intake-value{padding:6px} .eltcrm-app .eltcrm-notification-fields>div{padding:6px 0;gap:10px} .eltcrm-app .eltcrm-notification-detail-body{padding:12px 16px} .eltcrm-app .eltcrm-notification-detail-header{padding:12px 16px} .eltcrm-app .eltcrm-notification-detail-footer{padding:10px 16px} .eltcrm-bulk-list-form{display:flex;gap:8px 10px;align-items:end;flex-wrap:wrap} .eltcrm-bulk-list-form>p{margin:0!important} .eltcrm-bulk-list-form>p label{display:flex;flex-direction:column;gap:4px} .eltcrm-transfer-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .eltcrm-transfer-action-buttons .eltcrm-transfer-move{background:#126bc1!important;border-color:#126bc1!important;color:#fff!important;font-weight:750!important} .eltcrm-transfer-action-buttons .eltcrm-transfer-move:hover{background:#0e5499!important;border-color:#0e5499!important} .eltcrm-app .eltcrm-print-intake-actions{margin-top:10px;padding:12px 14px;border-radius:10px} .eltcrm-app .eltcrm-print-intake-action-row{margin-top:7px;gap:8px} .eltcrm-app .eltcrm-print-intake-actions .eltcrm-muted{margin-top:5px} @media(max-width:860px){.eltcrm-app .eltcrm-page-heading h2{font-size:24px}.eltcrm-app .eltcrm-panel{padding:12px}.eltcrm-app .eltcrm-grid{gap:9px}} @media(max-width:600px){.eltcrm-transfer-action-buttons{width:100%}.eltcrm-transfer-action-buttons button{flex:1 1 46%}} /* v0.16.16 — All members & paginated mailing-list directory */ .eltcrm-list-page-size{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-width:160px;font-weight:600} .eltcrm-list-page-size select{width:auto!important;min-width:110px;margin:0!important;min-height:34px!important} .eltcrm-list-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;font-size:13px;color:#667085} .eltcrm-list-pagination .eltcrm-pagination{margin:0;display:flex;flex-wrap:wrap;gap:5px} .eltcrm-list-pagination .eltcrm-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:4px 8px;border:1px solid #d8dfe8;border-radius:7px;text-decoration:none} .eltcrm-list-pagination .eltcrm-pagination .current{background:#1769aa;color:#fff;border-color:#1769aa} /* v0.16.17: multi-condition lists & compact subscription accordion */ .eltcrm-multi-rules{grid-column:1/-1;display:block;width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:14px;background:#fafbfc} .eltcrm-multi-rules[hidden]{display:none!important} .eltcrm-rule-intro{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:10px} .eltcrm-rule-intro label{display:flex;align-items:center;gap:9px;margin:0} .eltcrm-rule-intro select{width:auto;min-width:170px} .eltcrm-rule-rows{display:grid;gap:9px} .eltcrm-rule-row{display:grid;grid-template-columns:minmax(135px,1fr) minmax(125px,.8fr) minmax(170px,1.3fr) auto;gap:9px;align-items:end;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px} .eltcrm-rule-row>label{min-width:0} .eltcrm-rule-row select,.eltcrm-rule-row input{width:100%} .eltcrm-rule-row .eltcrm-rule-range{display:grid;grid-template-columns:1fr 1fr;gap:8px} .eltcrm-rule-row [hidden]{display:none!important} .eltcrm-rule-add{margin-top:11px} .eltcrm-rule-tip{margin:8px 0 0;color:#64748b;font-size:12px} .eltcrm-subscription-history-body{padding:14px 18px 16px} .eltcrm-subscription-items{display:grid;gap:8px;margin-top:10px} .eltcrm-subscription-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden} .eltcrm-subscription-item[open]{border-color:#bfdbfe;box-shadow:0 2px 10px rgba(15,23,42,.05)} .eltcrm-subscription-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:14px;min-height:49px} .eltcrm-subscription-item>summary::-webkit-details-marker{display:none} .eltcrm-subscription-item>summary:before{content:'›';font-size:24px;line-height:18px;color:#64748b;transition:transform .15s} .eltcrm-subscription-item[open]>summary:before{transform:rotate(90deg)} .eltcrm-subscription-item-heading{display:flex;flex:1;align-items:center;gap:13px;flex-wrap:wrap} .eltcrm-subscription-item-date{color:#64748b;font-size:12px} .eltcrm-subscription-item-badges{display:flex;align-items:center;gap:12px;font-size:12px} .eltcrm-subscription-status{font-weight:650;color:#2563eb} .eltcrm-subscription-amount{font-variant-numeric:tabular-nums;font-weight:700} .eltcrm-subscription-item-body{border-top:1px solid #edf0f4;padding:13px 16px 14px;background:#fbfcfe} .eltcrm-subscription-item-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 15px;margin:0 0 12px} .eltcrm-subscription-item-facts>div{min-width:0} .eltcrm-subscription-item-facts dt{font-size:11px;color:#64748b;margin:0 0 3px} .eltcrm-subscription-item-facts dd{margin:0;font-size:13px;font-weight:600;overflow-wrap:anywhere} .eltcrm-subscription-actions{display:flex;flex-wrap:wrap;gap:7px} @media(max-width:700px){.eltcrm-rule-row{grid-template-columns:1fr 1fr}.eltcrm-rule-row .eltcrm-rule-range{grid-column:1/-1}.eltcrm-subscription-item-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.eltcrm-subscription-item>summary{padding:11px}} /* v0.16.23 — Contacts filter footprint and bounded table viewport. A v0.16.21 broad `details` rule was accidentally adding 12px padding and 10px margins to each Excel header filter; undo only for filter widgets. */ .wrap.eltcrm details.eltcrm-th-tools, .wrap.eltcrm details.eltcrm-column-filter, .eltcrm-app details.eltcrm-th-tools, .eltcrm-app details.eltcrm-column-filter { position:absolute!important; right:4px!important; top:50%!important; transform:translateY(-50%)!important; width:24px!important; height:24px!important; min-width:24px!important; min-height:24px!important; padding:0!important; margin:0!important; border:0!important; border-radius:5px!important; background:transparent!important; box-shadow:none!important; box-sizing:border-box!important; } .wrap.eltcrm .eltcrm-th-filter-button, .eltcrm-app .eltcrm-th-filter-button { display:flex!important; align-items:center!important; justify-content:center!important; width:24px!important; height:24px!important; min-width:24px!important; min-height:24px!important; max-width:24px!important; padding:0!important; margin:0!important; border:1px solid transparent!important; border-radius:5px!important; line-height:1!important; font-size:12px!important; } .wrap.eltcrm .eltcrm-th-filter-button .dashicons, .eltcrm-app .eltcrm-th-filter-button .dashicons { font-size:15px!important; width:15px!important; height:15px!important; line-height:15px!important; flex-shrink:0; } .wrap.eltcrm .eltcrm-filter-count, .eltcrm-app .eltcrm-filter-count {position:absolute;right:-5px;top:-6px;min-width:13px;height:13px;font-size:9px;padding:0 3px} .wrap.eltcrm .eltcrm-has-tools .eltcrm-sort-button, .eltcrm-app .eltcrm-has-tools .eltcrm-sort-button {min-height:34px!important;padding:6px 30px 6px 8px!important;font-size:11px!important;line-height:1.3!important} .wrap.eltcrm .eltcrm-th-filter-menu, .eltcrm-app .eltcrm-th-filter-menu {max-width:min(330px,80vw)} /* The table, not the whole browser, scrolls horizontally. */ .wrap.eltcrm,.eltcrm-app,.eltcrm-app-main,.eltcrm-app-content {min-width:0;max-width:100%;box-sizing:border-box} .wrap.eltcrm .eltcrm-table-wrap,.wrap.eltcrm .eltcrm-contacts-table-wrap, .eltcrm-app .eltcrm-table-wrap,.eltcrm-app .eltcrm-contacts-table-wrap { display:block!important;width:100%!important;max-width:100%!important; min-width:0!important;overflow-x:auto!important;overflow-y:auto!important; box-sizing:border-box!important;overscroll-behavior-x:contain; } .wrap.eltcrm .eltcrm-contacts-table,.eltcrm-app .eltcrm-contacts-table, .wrap.eltcrm .eltcrm-excel-table,.eltcrm-app .eltcrm-excel-table { width:max-content;min-width:100%;max-width:none;table-layout:auto; } /* Only clip outer layout overflow; keep column menus and table scroll functional. */ #wpcontent:has(.eltcrm-app),#wpbody-content:has(.eltcrm-app), #wpcontent:has(.wrap.eltcrm),#wpbody-content:has(.wrap.eltcrm) {min-width:0;max-width:100%;box-sizing:border-box} @media(max-width:782px){.wrap.eltcrm details.eltcrm-th-tools,.eltcrm-app details.eltcrm-th-tools {width:28px!important;height:28px!important}} /* v0.16.27 — Full-viewport ELT NEWS CRM frontend design, inspired by supplied screenshots. */ /* Break out of ordinary WordPress theme content widths without altering the surrounding website. */ body:has(.eltcrm-app) :is(.entry-content,.wp-block-post-content,.site-content,.site-main,.content-area,.inside-article,.elementor-widget-container,.elementor-shortcode,.et_pb_text_inner,.fl-rich-text,.wp-site-blocks,.is-layout-constrained,.is-layout-flow):has(.eltcrm-app){max-width:none!important;width:auto!important;min-width:0!important;overflow:visible!important} body:has(.eltcrm-app) :is(.entry-content,.wp-block-post-content,.site-main):has(.eltcrm-app)> .eltcrm-app{max-width:none!important} body:has(.eltcrm-app) .eltcrm-app{ --crm-ink:#13264b;--crm-muted:#62749a;--crm-border:#dde7f5;--crm-bg:#f3f7fe; --crm-accent:#0864ed;--crm-accent-2:#2486ff; position:relative;left:50%;transform:translateX(-50%);width:100vw!important; max-width:none!important;min-width:0!important;margin:0!important; font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; color:#142950;background:#f3f7fe;isolation:isolate; } body:has(.eltcrm-app) .eltcrm-app-layout{ --eltcrm-sidebar-width:220px;display:grid;grid-template-columns:var(--eltcrm-sidebar-width) minmax(0,1fr); gap:0;border:0;border-radius:0;min-height:100dvh;background:#f3f7fe; } body:has(.eltcrm-app) .eltcrm-app-workspace{min-width:0;max-width:100%;border:0;border-radius:0;box-shadow:none;overflow:visible;background:#f3f7fe} body:has(.eltcrm-app) .eltcrm-app-sidebar{ min-width:0;background:linear-gradient(160deg,#101d35,#1b304f 75%,#14233b); border:0;border-radius:0;box-shadow:none;color:#eaf2ff; padding:15px 10px 28px; } body:has(.eltcrm-app) .eltcrm-sidebar-brand,body:has(.eltcrm-app) .eltcrm-sidebar-brand-kicker, body:has(.eltcrm-app) .eltcrm-app-nav a,body:has(.eltcrm-app) .eltcrm-nav-group>summary{color:#e5edff} body:has(.eltcrm-app) .eltcrm-app-nav a.is-current, body:has(.eltcrm-app) .eltcrm-app-nav a:hover, body:has(.eltcrm-app) .eltcrm-nav-group>summary:hover{background:#1269f1;color:#fff} body:has(.eltcrm-app) .eltcrm-app-header{ background:rgba(255,255,255,.97);border:0;border-bottom:1px solid #dce5f3; border-radius:0;min-height:64px;padding:10px 22px; } body:has(.eltcrm-app) .eltcrm-app-main{min-width:0;max-width:100%;padding:22px 24px 32px} body:has(.eltcrm-app) .eltcrm-page-heading{gap:12px;margin-bottom:19px} body:has(.eltcrm-app) .eltcrm-page-heading h2{font-size:29px;letter-spacing:-.035em;font-weight:780;color:#102143} body:has(.eltcrm-app) .eltcrm-panel,body:has(.eltcrm-app) .eltcrm-filters, body:has(.eltcrm-app) .eltcrm-kpi{border:1px solid #e1e9f6;background:#fff;border-radius:12px;box-shadow:0 3px 12px rgba(27,64,119,.035)} body:has(.eltcrm-app) .eltcrm-kpis{gap:12px} body:has(.eltcrm-app) .eltcrm-kpi{padding:17px;min-height:104px} body:has(.eltcrm-app) .eltcrm-kpi strong{font-size:27px;color:#0f2250} body:has(.eltcrm-app) .eltcrm-btn-primary, body:has(.eltcrm-app) .eltcrm-app .button-primary{background:#0b67ef!important;border-color:#0b67ef!important;color:#fff!important} body:has(.eltcrm-app) .eltcrm-btn{border-radius:8px} body:has(.eltcrm-app) .eltcrm-table-wrap{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;background:#fff;border:1px solid #e1e9f5;border-radius:10px} body:has(.eltcrm-app) .eltcrm-table-wrap table{width:100%;max-width:none;min-width:920px;border-collapse:separate;border-spacing:0} body:has(.eltcrm-app) .eltcrm-table-wrap th{background:#f3f7fd;font-size:11px;color:#4c628c;padding:10px 9px} body:has(.eltcrm-app) .eltcrm-table-wrap td{padding:10px 9px;font-size:12px;border-color:#e8eef7} body:has(.eltcrm-app) .eltcrm-table-wrap tr:hover td{background:#f4f8ff} body:has(.eltcrm-app) .eltcrm-th-filter-button{width:26px;min-height:25px;height:25px;padding:3px;border-radius:6px} body:has(.eltcrm-app) .eltcrm-th-filter-button .dashicons{width:15px;height:15px;font-size:15px} body:has(.eltcrm-app) .eltcrm-app :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#d1deee;border-radius:8px} body:has(.eltcrm-app) .eltcrm-app :is(input,select,textarea):focus{border-color:#1975ed;outline:2px solid rgba(20,110,250,.12)} body:has(.eltcrm-app) .eltcrm-contact-editor{width:min(570px,100vw);max-width:570px;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:14px 0 0 14px;position:fixed;inset:0 0 0 auto;box-shadow:-18px 0 65px rgba(10,32,70,.2)} body:has(.eltcrm-app) .eltcrm-contact-editor::backdrop{background:rgba(12,31,61,.26)} body:has(.eltcrm-app) .eltcrm-contact-editor-frame{height:100%;overflow-y:auto} /* Browser content scrolls at the viewport; only wide grids scroll inside their white panels. */ @media(min-width:901px){body:has(.eltcrm-app) .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-app-layout{--eltcrm-sidebar-width:68px}} @media(max-width:900px){body:has(.eltcrm-app) .eltcrm-app-layout,body:has(.eltcrm-app) .eltcrm-app.eltcrm-sidebar-collapsed .eltcrm-app-layout{grid-template-columns:minmax(0,1fr)}body:has(.eltcrm-app) .eltcrm-app-sidebar{border-radius:0;padding:10px}body:has(.eltcrm-app) .eltcrm-app-main{padding:16px 12px}body:has(.eltcrm-app) .eltcrm-contact-editor{width:min(100vw,570px)}} /* v0.16.32 — contact detail drawer: isolated 570px layout repair. Keep the modal scrollable and make the former large-screen header/body responsive to the DRAWER, not the browser viewport. */ body:has(.eltcrm-app) dialog.eltcrm-contact-editor{ width:min(570px,100vw)!important; max-width:100vw!important; height:100dvh!important; max-height:100dvh!important; margin:0 0 0 auto!important; padding:0!important; inset:0 0 0 auto!important; overflow:hidden!important; display:none; box-sizing:border-box; } body:has(.eltcrm-app) dialog.eltcrm-contact-editor[open]{display:block!important} body:has(.eltcrm-app) .eltcrm-contact-editor-frame{ display:flex;flex-direction:column;width:100%;height:100%;min-width:0; overflow:hidden!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-content{ display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0; overflow:hidden; } body:has(.eltcrm-app) .eltcrm-contact-modal-form{ display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0; overflow:hidden;margin:0; } body:has(.eltcrm-app) .eltcrm-contact-editor-header{ display:flex!important;flex-direction:column!important;align-items:stretch!important; gap:10px!important;padding:20px 22px 14px!important;min-width:0; flex:0 0 auto; } body:has(.eltcrm-app) .eltcrm-contact-title-wrap{ order:0!important;min-width:0!important;width:100%!important; flex:none!important; } body:has(.eltcrm-app) .eltcrm-contact-title-wrap h2{ display:block;width:100%;max-width:100%;margin:4px 0 0; font-size:21px!important;line-height:1.3!important; white-space:normal!important;overflow-wrap:anywhere!important; word-break:normal!important;hyphens:auto; } body:has(.eltcrm-app) .eltcrm-contact-title-wrap p, body:has(.eltcrm-app) .eltcrm-contact-meta{min-width:0;max-width:100%;overflow-wrap:anywhere} body:has(.eltcrm-app) .eltcrm-contact-meta{ display:flex!important;flex-direction:row!important;gap:6px;flex-wrap:wrap!important; } body:has(.eltcrm-app) .eltcrm-contact-meta span{ display:inline-flex!important;width:auto!important;max-width:100%;min-width:0!important; font-size:10px;line-height:1.4;padding:4px 7px; overflow-wrap:anywhere!important;white-space:normal!important; } body:has(.eltcrm-app) .eltcrm-contact-header-stats{ order:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:6px!important;margin:2px 0 0!important;min-width:0!important;width:100%!important; flex:none!important; } body:has(.eltcrm-app) .eltcrm-contact-header-stats>div{ min-width:0!important;max-width:100%;padding:8px 5px!important;overflow-wrap:anywhere; } body:has(.eltcrm-app) .eltcrm-contact-header-stats strong{font-size:16px!important} body:has(.eltcrm-app) .eltcrm-contact-header-stats span{font-size:9px!important;letter-spacing:0!important} body:has(.eltcrm-app) .eltcrm-contact-header-actions{ order:1!important;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap; min-width:0!important;width:100%;gap:8px; } body:has(.eltcrm-app) .eltcrm-contact-workspace-nav{ flex:0 0 auto;min-width:0;max-width:100%;display:flex!important; padding:9px 16px!important;gap:6px;overflow-x:auto!important;overflow-y:hidden!important; white-space:nowrap;scrollbar-width:thin; } body:has(.eltcrm-app) .eltcrm-contact-workspace-nav > *{flex:0 0 auto!important} body:has(.eltcrm-app) .eltcrm-last-activity, body:has(.eltcrm-app) .eltcrm-contact-ai{min-width:0;max-width:calc(100% - 28px);margin-left:14px;margin-right:14px} body:has(.eltcrm-app) .eltcrm-contact-editor-body{ display:grid!important;grid-template-columns:minmax(0,1fr)!important; gap:12px!important;min-width:0!important; padding:14px!important;overflow-x:hidden!important;overflow-y:auto!important; flex:1 1 auto!important;min-height:0!important; } body:has(.eltcrm-app) .eltcrm-contact-section, body:has(.eltcrm-app) .eltcrm-contact-section-wide{ grid-column:1/-1!important;min-width:0!important;max-width:100%!important; } body:has(.eltcrm-app) .eltcrm-modal-grid, body:has(.eltcrm-app) .eltcrm-contact-history-grid{grid-template-columns:minmax(0,1fr)!important} body:has(.eltcrm-app) .eltcrm-modal-span-2{grid-column:1/-1!important} body:has(.eltcrm-app) .eltcrm-contact-section :is(input,textarea,select){max-width:100%!important;min-width:0!important} body:has(.eltcrm-app) .eltcrm-contact-editor-footer{ flex:0 0 auto!important;position:relative!important;min-width:0; margin:0!important;flex-wrap:wrap;gap:8px!important; padding:12px 16px!important; } @media(max-width:520px){ body:has(.eltcrm-app) dialog.eltcrm-contact-editor{width:100vw!important;border-radius:0!important} body:has(.eltcrm-app) .eltcrm-contact-editor-header{padding:15px 14px 12px!important} body:has(.eltcrm-app) .eltcrm-contact-title-wrap h2{font-size:19px!important} body:has(.eltcrm-app) .eltcrm-contact-header-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* v0.16.33 — centered contact editor occupying 90% of the viewport. */ body:has(.eltcrm-app) dialog.eltcrm-contact-editor, body:has(.eltcrm-app) dialog.eltcrm-contact-editor[open]{ position:fixed!important; inset:0!important; top:0!important;right:0!important;bottom:0!important;left:0!important; margin:auto!important; width:90vw!important;max-width:90vw!important; height:90dvh!important;max-height:90dvh!important; padding:0!important; border-radius:16px!important; box-sizing:border-box!important; box-shadow:0 28px 90px rgba(13,32,65,.32)!important; } body:has(.eltcrm-app) dialog.eltcrm-contact-editor:not([open]){display:none!important} body:has(.eltcrm-app) dialog.eltcrm-contact-editor[open]{display:block!important} body:has(.eltcrm-app) dialog.eltcrm-contact-editor::backdrop{background:rgba(9,22,46,.47)!important} body:has(.eltcrm-app) .eltcrm-contact-editor-frame, body:has(.eltcrm-app) .eltcrm-contact-editor-content, body:has(.eltcrm-app) .eltcrm-contact-modal-form{width:100%;min-width:0;height:100%;min-height:0} body:has(.eltcrm-app) .eltcrm-contact-editor-body{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important;padding:18px 24px!important; overflow-y:auto!important;overflow-x:hidden!important; } body:has(.eltcrm-app) .eltcrm-modal-grid, body:has(.eltcrm-app) .eltcrm-contact-history-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-header{ padding:17px 24px 13px!important; } body:has(.eltcrm-app) .eltcrm-contact-header-stats{gap:12px!important} body:has(.eltcrm-app) .eltcrm-contact-workspace-nav{ padding:9px 24px!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-footer{ padding:12px 24px!important; } @media(max-width:800px){ body:has(.eltcrm-app) dialog.eltcrm-contact-editor, body:has(.eltcrm-app) dialog.eltcrm-contact-editor[open]{ width:96vw!important;max-width:96vw!important; height:94dvh!important;max-height:94dvh!important; border-radius:12px!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-body, body:has(.eltcrm-app) .eltcrm-modal-grid, body:has(.eltcrm-app) .eltcrm-contact-history-grid{grid-template-columns:minmax(0,1fr)!important} body:has(.eltcrm-app) .eltcrm-contact-editor-header{padding:14px 16px!important} body:has(.eltcrm-app) .eltcrm-contact-editor-body{padding:14px!important} body:has(.eltcrm-app) .eltcrm-contact-workspace-nav{padding:8px 14px!important} body:has(.eltcrm-app) .eltcrm-contact-editor-footer{padding:10px 14px!important} } /* v0.16.34 — One scrolling surface for the entire centered contact modal. Header, navigation, content and footer now scroll together. */ body:has(.eltcrm-app) dialog.eltcrm-contact-editor, body:has(.eltcrm-app) dialog.eltcrm-contact-editor[open]{ overflow-x:hidden!important;overflow-y:auto!important; overscroll-behavior:contain;scrollbar-gutter:stable; } body:has(.eltcrm-app) .eltcrm-contact-editor-frame{ display:block!important;height:auto!important;min-height:100%!important; overflow:visible!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-content{ display:block!important;height:auto!important;min-height:0!important; overflow:visible!important; } body:has(.eltcrm-app) .eltcrm-contact-modal-form{ display:flex!important;flex-direction:column!important; height:auto!important;min-height:0!important; overflow:visible!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-header, body:has(.eltcrm-app) .eltcrm-contact-workspace-nav{ position:static!important;top:auto!important;bottom:auto!important; flex-shrink:0!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-body{ overflow:visible!important;min-height:0!important; flex:0 0 auto!important;overscroll-behavior:auto!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-footer{ position:static!important;bottom:auto!important; flex:0 0 auto!important;backdrop-filter:none!important; } /* v0.16.35 — CRM contact workspace, matching the reference modal design. Presentation-only: existing field names, handlers and data are untouched. */ body:has(.eltcrm-app) dialog.eltcrm-contact-editor[open]{ width:min(90vw,1560px)!important;max-width:min(90vw,1560px)!important; height:90dvh!important;max-height:90dvh!important; border:1px solid #dce5f3!important;border-radius:16px!important; background:#f6f9fd!important; box-shadow:0 26px 80px rgba(11,27,54,.30)!important; overflow-y:auto!important;overflow-x:hidden!important; scrollbar-gutter:stable!important; } body:has(.eltcrm-app) dialog.eltcrm-contact-editor::backdrop{ background:rgba(13,28,52,.60)!important;backdrop-filter:blur(5px); } body:has(.eltcrm-app) .eltcrm-contact-modal-form{background:#f6f9fd!important;} body:has(.eltcrm-app) .eltcrm-contact-editor-header{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; column-gap:18px!important;row-gap:8px!important; padding:24px 26px 15px!important;background:#fff!important; border-bottom:0!important;align-items:start!important; } body:has(.eltcrm-app) .eltcrm-contact-title-wrap{ grid-column:1;grid-row:1;max-width:100%!important; } body:has(.eltcrm-app) .eltcrm-contact-title-wrap h2{ font-size:23px!important;line-height:1.22!important;color:#101f40!important; font-weight:760!important;letter-spacing:-.025em; } body:has(.eltcrm-app) .eltcrm-contact-header-actions{ grid-column:2;grid-row:1;order:initial!important; width:auto!important;justify-content:flex-end!important; } body:has(.eltcrm-app) .eltcrm-contact-meta{ grid-column:1/-1;grid-row:2; gap:7px!important;margin:0!important; } body:has(.eltcrm-app) .eltcrm-contact-meta span{ background:#f2f6fc!important;color:#51627d!important; border:1px solid #e2eaf4!important;border-radius:999px!important; font-size:11px!important;padding:5px 10px!important; } body:has(.eltcrm-app) .eltcrm-contact-header-stats{ grid-column:1/-1;grid-row:3;order:initial!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important;margin-top:8px!important; } body:has(.eltcrm-app) .eltcrm-contact-header-stats>div{ border:1px solid #e2eafa!important;background:#fff!important; border-radius:11px!important;min-height:71px; padding:13px 15px!important; box-shadow:0 3px 12px rgba(12,47,94,.035)!important; } body:has(.eltcrm-app) .eltcrm-contact-header-stats strong{ color:#102450!important;font-size:21px!important; } body:has(.eltcrm-app) .eltcrm-contact-header-stats span{ font-size:11px!important;color:#587095!important;letter-spacing:0!important; } body:has(.eltcrm-app) .eltcrm-contact-workspace-nav{ display:flex!important;gap:4px!important; background:#fff!important;padding:0 25px!important; border-bottom:1px solid #e2eaf5!important; overflow-x:auto!important;white-space:nowrap; } body:has(.eltcrm-app) .eltcrm-contact-workspace-action{ border-radius:8px 8px 0 0!important; background:transparent!important;color:#314b70!important; border:0!important;border-bottom:3px solid transparent!important; padding:11px 14px!important;font-weight:650!important; } body:has(.eltcrm-app) .eltcrm-contact-workspace-action:first-child{ color:#075de0!important;border-bottom-color:#146cf4!important;background:#f4f8ff!important; } body:has(.eltcrm-app) .eltcrm-last-activity{ display:grid!important;grid-template-columns:1.4fr 1fr auto!important; gap:12px!important;align-items:start!important; max-width:none!important;margin:15px 24px 10px!important; padding:13px!important;border:1px solid #e3ebf6!important; background:#fff!important;border-radius:11px!important; } body:has(.eltcrm-app) .eltcrm-last-activity>div{ background:#f8faff!important;border:1px solid #edf2fa!important; border-radius:8px!important;padding:12px!important;min-width:0; } body:has(.eltcrm-app) .eltcrm-last-activity p{overflow-wrap:anywhere;} body:has(.eltcrm-app) .eltcrm-contact-ai{ max-width:none!important;margin:0 24px 12px!important; background:#fff!important;border:1px solid #e3ebf6!important; border-radius:11px!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-body{ display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(315px,1fr)!important; align-items:start!important;gap:13px!important; padding:6px 24px 24px!important; background:#f6f9fd!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-body>.eltcrm-contact-section{ grid-column:1!important;width:100%!important;max-width:none!important; border:1px solid #e2eaf5!important;border-radius:11px!important; background:#fff!important;padding:17px 19px!important;margin:0!important; box-shadow:0 3px 12px rgba(13,39,72,.03)!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-body>#eltcrm-contact-history, body:has(.eltcrm-app) .eltcrm-contact-editor-body>#eltcrm-contact-lists{ grid-column:2!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-body>#eltcrm-contact-history{ grid-row:1 / span 3!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-body>#eltcrm-contact-lists{ grid-row:4 / span 2!important; } body:has(.eltcrm-app) .eltcrm-contact-section h3{ display:flex;align-items:center;gap:9px; margin:0 0 13px!important;color:#142549!important; font-size:15px!important;font-weight:730!important; } body:has(.eltcrm-app) .eltcrm-contact-section h3 .dashicons{ width:30px;height:30px;line-height:30px;font-size:17px; color:#146cf4!important;background:#e9f2ff!important;border-radius:7px; } body:has(.eltcrm-app) .eltcrm-modal-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px 15px!important; } body:has(.eltcrm-app) .eltcrm-modal-span-2{grid-column:1/-1!important} body:has(.eltcrm-app) .eltcrm-contact-editor-body label{ min-width:0;color:#40516b;font-size:12px;font-weight:600; } body:has(.eltcrm-app) .eltcrm-contact-editor-body :is(input:not([type=checkbox]),textarea,select){ min-height:37px!important;border:1px solid #d2e0f0!important; border-radius:7px!important;background:#fff!important; color:#243451!important;font-size:13px!important; } body:has(.eltcrm-app) .eltcrm-contact-history-grid{ grid-template-columns:1fr!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-footer{ position:static!important;border-top:1px solid #e2eaf5!important; background:#fff!important;padding:14px 24px!important; } body:has(.eltcrm-app) .eltcrm-contact-editor-body>*{min-width:0;} @media(max-width:1050px){ body:has(.eltcrm-app) .eltcrm-contact-editor-body{grid-template-columns:1fr!important;} body:has(.eltcrm-app) .eltcrm-contact-editor-body>.eltcrm-contact-section, body:has(.eltcrm-app) .eltcrm-contact-editor-body>#eltcrm-contact-history, body:has(.eltcrm-app) .eltcrm-contact-editor-body>#eltcrm-contact-lists{ grid-column:1!important;grid-row:auto!important; } body:has(.eltcrm-app) .eltcrm-last-activity{grid-template-columns:1fr!important} } @media(max-width:680px){ body:has(.eltcrm-app) dialog.eltcrm-contact-editor[open]{width:96vw!important;max-width:96vw!important;height:95dvh!important;max-height:95dvh!important} body:has(.eltcrm-app) .eltcrm-contact-editor-header{padding:15px!important} body:has(.eltcrm-app) .eltcrm-contact-editor-body{padding:8px 12px 16px!important} body:has(.eltcrm-app) .eltcrm-contact-header-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important} body:has(.eltcrm-app) .eltcrm-modal-grid{grid-template-columns:1fr!important} body:has(.eltcrm-app) .eltcrm-last-activity{margin:10px 12px!important} body:has(.eltcrm-app) .eltcrm-contact-ai{margin:0 12px 10px!important} body:has(.eltcrm-app) .eltcrm-contact-workspace-nav{padding:0 12px!important} } /* v0.16.36: always-visible contact action bar; modal body is the only scroll surface. */ body:has(.eltcrm-app) dialog.eltcrm-contact-editor[open] .eltcrm-contact-editor-footer{ position:sticky!important;bottom:0!important;z-index:60!important; flex:0 0 auto!important;margin-top:auto!important; background:#fff!important;border-top:1px solid #dce6f5!important; box-shadow:0 -8px 22px rgba(12,35,68,.11)!important; padding:13px 24px!important; } /* v0.16.47 — compact per-note actions */ .eltcrm-note-actions{display:inline-flex!important;align-items:center;gap:5px;margin-left:auto} .eltcrm-note-actions button{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #d9e4f4;border-radius:7px;color:#315b99;background:#fff;cursor:pointer} .eltcrm-note-actions button.eltcrm-note-delete{color:#b73535;border-color:#f0c7c7} .eltcrm-note-actions .dashicons{font-size:15px;width:15px;height:15px;line-height:15px} .eltcrm-note-edit-area{margin-top:10px}.eltcrm-note-edit-input{display:block;width:100%;max-width:100%;min-height:75px} .eltcrm-note-edit-controls{display:flex;gap:8px;margin-top:8px}.eltcrm-note-state{display:block;font-size:11px;color:#506785} /* 0.16.48 — subscription note history within each expanded subscription. */ .eltcrm-subscription-saved-notes{margin:13px 0 12px;padding:12px 14px;border:1px solid #dfE7f2;border-radius:9px;background:#f8fbff} .eltcrm-subscription-saved-notes h4{margin:0 0 8px;font-size:13px;font-weight:700;color:#183457} .eltcrm-subscription-saved-note{padding:9px 0;border-top:1px solid #e3eaf3;overflow-wrap:anywhere} .eltcrm-subscription-saved-note-date{display:block;font-size:11px;color:#63748c;margin-bottom:5px} .eltcrm-subscription-saved-note-text{white-space:normal;font-size:13px;color:#203651;line-height:1.5} .eltcrm-subscription-no-notes{margin:0;font-size:12px;color:#718096} /* v0.16.49 — per-subscription-note actions */ .eltcrm-subscription-note-heading{display:flex;align-items:center;justify-content:space-between;gap:12px} .eltcrm-subscription-note-actions{display:flex;gap:5px} .eltcrm-subscription-note-actions button{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;cursor:pointer;border:1px solid #d7e3f0;background:#fff;border-radius:6px;color:#2263ba} .eltcrm-subscription-note-actions .eltcrm-sub-note-delete{color:#c33c4b} .eltcrm-subscription-note-actions .dashicons{font-size:15px;width:15px;height:15px} .eltcrm-sub-note-editor{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0} .eltcrm-sub-note-editor textarea{flex-basis:100%;width:100%;min-height:75px} .eltcrm-sub-note-state{font-size:11px;color:#526781} /* v0.16.50 contact review and field transfer dialog */ .eltcrm-merge-header-actions{position:absolute;right:28px;top:20px;display:flex;gap:8px;z-index:2} .eltcrm-merge-header-actions button{padding:8px 13px;border:1px solid #bbd4ca;border-radius:9px;cursor:pointer;background:#e0f8e9;color:#18623b;font-weight:650} .eltcrm-merge-header-actions .eltcrm-review-approve,.eltcrm-merge-header-actions .eltcrm-review-discard{background:#fff;border-color:#d5deec;color:#25456c} .eltcrm-merge-dialog{width:90vw!important;max-width:90vw!important;height:90dvh;max-height:90dvh;border:1px solid #d9e6f3;border-radius:16px;padding:0;background:#f6f9fd;color:#193153;box-shadow:0 28px 90px #0a193b55} .eltcrm-merge-dialog::backdrop{background:#10233a99;backdrop-filter:blur(5px)} .eltcrm-merge-head,.eltcrm-merge-search,.eltcrm-merge-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px} .eltcrm-merge-head{padding:18px 22px;background:white;border-bottom:1px solid #e0e8f5} .eltcrm-merge-head h2{margin:0;font-size:21px}.eltcrm-merge-close{font-size:25px;background:transparent;border:0;cursor:pointer} .eltcrm-merge-search{padding:15px 22px;justify-content:flex-start;flex-wrap:wrap;background:white}.eltcrm-merge-search input{min-width:290px;max-width:50vw}.eltcrm-merge-search select{max-width:40vw} .eltcrm-merge-search input,.eltcrm-merge-search select{padding:9px;border:1px solid #d5e2f2;border-radius:8px}.eltcrm-merge-search button,.eltcrm-merge-save{border:0;background:#1473ed;color:white;padding:10px 15px;border-radius:8px;cursor:pointer} .eltcrm-merge-status{padding:10px 22px;color:#526783} .eltcrm-merge-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:12px 22px;align-items:start}.eltcrm-merge-columns section{border:1px solid #dce6f4;border-radius:12px;overflow:hidden;background:white}.eltcrm-merge-side-head{padding:14px 16px}.eltcrm-merge-side-head h3{margin:0;font-size:16px} .eltcrm-merge-keep .eltcrm-merge-side-head{background:#e5f2ff}.eltcrm-merge-source .eltcrm-merge-side-head{background:#e5f8ec} .eltcrm-merge-fields{max-height:55vh;overflow-y:auto;padding:12px}.eltcrm-merge-field{padding:10px;margin:5px 0;border-radius:8px;display:grid;grid-template-columns:135px 1fr auto;gap:8px;align-items:center;overflow-wrap:anywhere}.eltcrm-merge-field label{font-size:12px;font-weight:650;color:#435670}.eltcrm-merge-field .eltcrm-merge-value{font-size:13px}.eltcrm-merge-keep .eltcrm-merge-field{background:#eaf5ff}.eltcrm-merge-source .eltcrm-merge-field{background:#ecfaf0}.eltcrm-merge-copy{border:1px solid #a5d5b7;background:white;color:#175934;border-radius:6px;cursor:pointer;padding:5px}.eltcrm-merge-changed{outline:2px solid #3678f3} .eltcrm-merge-delete{border:1px solid #eaa4a4;color:#ae3333;background:white;padding:9px;border-radius:8px;opacity:.5}.eltcrm-merge-warning{padding:0 22px 15px;color:#8a5b2d;font-size:12px} @media(max-width:850px){.eltcrm-merge-columns{grid-template-columns:1fr}.eltcrm-merge-dialog{width:96vw!important;max-width:96vw!important}.eltcrm-merge-header-actions{position:static;margin:8px}.eltcrm-merge-field{grid-template-columns:100px 1fr auto}} /* v0.16.57 merge relationship comparison */ .eltcrm-merge-linked{margin:18px 0;padding:18px;border:1px solid #d8e3f3;border-radius:12px;background:#fff} .eltcrm-merge-linked h3{margin:0 0 8px;color:#173154} .eltcrm-merge-relation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:12px 0} .eltcrm-merge-keep-rel,.eltcrm-merge-source-rel{padding:12px;border-radius:10px;min-width:0;max-height:400px;overflow:auto} .eltcrm-merge-keep-rel{background:#eaf4ff}.eltcrm-merge-source-rel{background:#e8f7ed} .eltcrm-merge-rel-section{padding:9px;border-bottom:1px solid rgba(20,43,72,.12)} .eltcrm-merge-rel-section summary{cursor:pointer;font-weight:650;font-size:13px} .eltcrm-merge-rel-row{display:flex;align-items:flex-start;gap:9px;margin:9px 0;overflow-wrap:anywhere;font-size:12px} .eltcrm-merge-rel-row input{flex:none;margin-top:2px} .eltcrm-merge-rel-save{background:#1764dc;color:white;border:0;border-radius:8px;padding:11px 15px;cursor:pointer;font-weight:650} @media(max-width:800px){.eltcrm-merge-relation-grid{grid-template-columns:1fr}} /* 0.16.58 approved Elastic engagement status in contact card */ .eltcrm-elastic-engagement{display:inline-flex;align-items:center;align-self:center;font-size:11px;font-weight:700;border-radius:999px;padding:5px 9px;background:#ebf2ff;color:#2855a5;white-space:nowrap} .eltcrm-elastic-engagement-stale{background:#fff3dd;color:#8b5c13} .eltcrm-elastic-engagement-engaged{background:#e3f5e9;color:#226c43} .eltcrm-elastic-engagement-bounced,.eltcrm-elastic-engagement-unsubscribed{background:#ffeaea;color:#9e3333} /* v0.16.59 — individual linked record selection */ .eltcrm-merge-rel-row{justify-content:space-between;align-items:center;flex-wrap:wrap;border:1px solid #e6edf6;border-radius:8px;padding:8px 10px;margin:7px 0;background:#fff} .eltcrm-merge-keep-rel .eltcrm-merge-rel-row{background:#edf5ff} .eltcrm-merge-source-rel .eltcrm-merge-rel-row{background:#effaf1} .eltcrm-merge-rel-description{flex:1 1 190px;min-width:0;overflow-wrap:anywhere} .eltcrm-merge-rel-copy,.eltcrm-merge-rel-remove{border:1px solid #98b6df;border-radius:7px;background:#fff;color:#1a4b86;padding:6px 9px;cursor:pointer;font-size:12px;font-weight:600} .eltcrm-merge-rel-copy:disabled{opacity:.45;cursor:default} .eltcrm-merge-rel-staged{border-color:#83b4f7!important} /* v0.16.75 — reliable mobile navigation, matching the navy/white CRM language */ @media(max-width:900px){ body:has(.eltcrm-app) .eltcrm-app{width:100%;max-width:100%;margin:0 auto 24px} body:has(.eltcrm-app) .eltcrm-app-sidebar{background:#162d4d!important;color:white!important;border-radius:14px!important;margin:8px 8px 0!important;padding:10px 12px!important} body:has(.eltcrm-app) .eltcrm-sidebar-head{display:flex!important;align-items:center;justify-content:space-between;min-height:52px} body:has(.eltcrm-app) .eltcrm-sidebar-brand,body:has(.eltcrm-app) .eltcrm-sidebar-brand strong,body:has(.eltcrm-app) .eltcrm-sidebar-brand-kicker{color:white!important} body:has(.eltcrm-app) .eltcrm-sidebar-toggle{display:flex!important;align-items:center;justify-content:center;min-width:48px!important;min-height:48px!important;background:white!important;color:#162d4d!important;border-radius:12px!important;cursor:pointer} body:has(.eltcrm-app) .eltcrm-sidebar-toggle::after{content:'Μενού';font-size:12px;font-weight:700;margin-left:5px} body:has(.eltcrm-app) .eltcrm-app-sidebar .eltcrm-app-nav{display:none!important;position:static!important;overflow:visible!important;flex-direction:column!important;max-height:none!important;padding:10px 0!important;gap:5px!important} body:has(.eltcrm-app) .eltcrm-app-sidebar.eltcrm-mobile-open .eltcrm-app-nav{display:flex!important} body:has(.eltcrm-app) .eltcrm-app-sidebar .eltcrm-app-nav a,body:has(.eltcrm-app) .eltcrm-app-sidebar .eltcrm-nav-group>summary{display:flex!important;width:100%!important;min-height:46px!important;color:#f5f8ff!important;background:transparent!important;border-radius:10px!important} body:has(.eltcrm-app) .eltcrm-app-sidebar .eltcrm-app-nav a.is-current{background:#29517e!important} body:has(.eltcrm-app) .eltcrm-app-sidebar .eltcrm-nav-children{display:grid!important;position:static!important;width:100%!important} body:has(.eltcrm-app) .eltcrm-app-main{padding:16px 12px!important;min-width:0} body:has(.eltcrm-app) .eltcrm-grid,body:has(.eltcrm-app) .eltcrm-kpis{grid-template-columns:minmax(0,1fr)!important} body:has(.eltcrm-app) .eltcrm-panel{padding:14px!important;max-width:100%} body:has(.eltcrm-app) .eltcf .panel{padding:14px!important} body:has(.eltcrm-app) .eltcf-quick-nav{display:flex;flex-wrap:wrap;gap:7px} body:has(.eltcrm-app) .eltcf-quick-nav a{min-height:42px;display:inline-flex;align-items:center} } /* CRM 0.16.116 · Campaign Studio; scoped to the native email editor only. */ .eltcrm-email-builder{--studio-border:#dde5f0;--studio-navy:#142d50;max-width:100%;min-width:0;border-color:var(--studio-border);border-radius:15px;overflow:hidden} .eltcrm-email-builder *{box-sizing:border-box} .eltcrm-email-builder-toolbar{border-radius:0;background:#fff;padding:15px 20px;gap:12px;flex-wrap:wrap} .eltcrm-email-builder-toolbar-left{display:flex;flex-direction:column;align-items:flex-start;gap:3px} .eltcrm-email-builder-toolbar-left strong{font-size:17px;color:var(--studio-navy)} .eltcrm-email-builder-toolbar-left span{font-size:12px} .eltcrm-email-builder-layout{grid-template-columns:minmax(195px,240px) minmax(0,1fr) minmax(230px,275px);min-height:680px;border-top:0} .eltcrm-email-builder-palette{border-right:1px solid var(--studio-border);border-bottom:0;padding:16px 13px;min-width:0;max-height:790px;overflow:auto} .eltcrm-builder-palette-heading{flex-direction:column;align-items:stretch;gap:10px} .eltcrm-builder-palette-heading h4{font-size:15px;color:var(--studio-navy)} .eltcrm-builder-section-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px} .eltcrm-builder-section-buttons button{justify-content:center;min-height:42px;flex-wrap:wrap;padding:5px 2px;font-size:10px} .eltcrm-block-search-label{display:block;margin:14px 0 5px;font-size:12px;font-weight:700;color:#334155} .eltcrm-block-search{display:block;width:100%;min-height:40px;border:1px solid #cbd5e1;border-radius:9px;padding:8px 11px;background:#fff;color:#172033} .eltcrm-email-builder-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px} .eltcrm-builder-palette-block{min-height:81px;padding:9px 4px;word-break:normal} .eltcrm-builder-palette-block[hidden]{display:none!important} .eltcrm-email-builder-stage{min-width:0;max-width:100%;padding:24px 16px;overflow-x:auto;background:#eef2f7} .eltcrm-email-canvas-shell{min-width:0;width:100%} .eltcrm-email-canvas{width:100%;max-width:680px;min-width:0;overflow-wrap:anywhere;border-radius:8px;background:#f4f6f8} .eltcrm-email-builder-inspector{min-width:0;max-height:790px;padding:16px 13px;position:static;overflow:auto} .eltcrm-builder-inspector-fields input,.eltcrm-builder-inspector-fields textarea,.eltcrm-builder-inspector-fields select{max-width:100%;min-width:0} .eltcrm-studio-tip{margin-top:18px;padding:13px;background:#f0f5fc;border:1px solid #dce6f6;border-radius:10px;font-size:12px;color:#40526d;line-height:1.5} .eltcrm-builder-block-preview,.eltcrm-builder-block-preview img,.crm-preview-rich{max-width:100%;overflow-wrap:anywhere} .eltcrm-builder-block-preview img{height:auto;object-fit:contain} .eltcrm-legacy-preview{display:grid;gap:6px;text-align:left;min-width:0;padding:10px 0} .eltcrm-legacy-preview>small{font-size:11px;color:#607086} .eltcrm-legacy-iframe{display:block;width:100%;height:500px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;pointer-events:none} .eltcrm-email-builder.is-mobile-preview .eltcrm-email-canvas{width:min(100%,375px)} @media(max-width:1080px){.eltcrm-email-builder-layout{grid-template-columns:minmax(160px,200px) minmax(0,1fr)}.eltcrm-email-builder-inspector{grid-column:1/-1;border-top:1px solid var(--studio-border);max-height:none}.eltcrm-email-builder-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:740px){.eltcrm-email-builder-layout{grid-template-columns:minmax(0,1fr)}.eltcrm-email-builder-palette{border-right:0;border-bottom:1px solid var(--studio-border);max-height:none}.eltcrm-email-builder-blocks{grid-template-columns:repeat(3,minmax(0,1fr))}.eltcrm-email-builder-stage{padding:14px 8px}.eltcrm-email-builder-inspector{grid-column:auto}} @media(max-width:420px){.eltcrm-email-builder-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Approved contrast policy: primary/dark CRM actions retain white readable text. Scoped to the CRM workspace; does not restyle WordPress core controls. */ .eltcrm-app :is(button.button-primary,a.button-primary,input.button-primary, .eltcrm-event-ops-primary,.fp-ledger), .eltcrm-app :is(button.button-primary,a.button-primary,input.button-primary, .eltcrm-event-ops-primary,.fp-ledger):is(:hover,:focus,:active,:visited){ color:#fff!important;text-shadow:none; } /* User-organised parent/child CRM navigation. */ .eltcrm-custom-menu-group .eltcrm-custom-menu-group{margin-left:10px;border-left:1px solid #627b96} .eltcrm-custom-menu-group .eltcrm-nav-children{padding-left:8px} .eltcrm-menu-organizer-link{border-top:1px solid #73859b44;margin-top:12px!important;font-size:12px!important} /* Subscription KPIs are keyboard-accessible links with an explicit selected state. */ .eltcrm-subscription-kpis a.eltcrm-kpi{color:inherit;text-decoration:none;cursor:pointer} .eltcrm-subscription-kpis a.eltcrm-kpi:hover,.eltcrm-subscription-kpis a.eltcrm-kpi:focus-visible{outline:2px solid #2178ae;outline-offset:2px} .eltcrm-subscription-kpis a.eltcrm-kpi.is-active{border:2px solid #173453;background:#eef6ff;box-shadow:0 0 0 1px #173453} .eltcrm-subscription-pagination{display:flex;align-items:center;gap:16px;margin-top:16px} /* Newsletter Studio v0.16.121.74: opt-in Visual / HTML Code editor. */ .eltcrm-email-builder .eltcrm-newsletter-code-pane[hidden], .eltcrm-email-builder .eltcrm-newsletter-visual-wrap[hidden], .eltcrm-email-builder .eltcrm-email-builder-layout[hidden], .eltcrm-email-builder .eltcrm-newsletter-raw-preview[hidden], .eltcrm-email-builder .eltcrm-newsletter-restore-blocks[hidden] {display:none} .eltcrm-email-builder .eltcrm-newsletter-mode-switch{display:flex;gap:3px;align-items:center;padding:4px;border:1px solid #ccd6e2;border-radius:9px;background:#eef2f7;max-width:100%} .eltcrm-email-builder .eltcrm-newsletter-mode-switch .eltcrm-btn{background:transparent;border:1px solid transparent;color:#162d4d;font-weight:700;min-height:36px;padding:7px 14px;border-radius:7px;white-space:nowrap} .eltcrm-email-builder .eltcrm-newsletter-mode-switch .eltcrm-btn.is-active{background:#162d4d;color:#fff;border-color:#162d4d} .eltcrm-email-builder .eltcrm-newsletter-mode-switch .eltcrm-btn:focus-visible{outline:3px solid #86b9ef;outline-offset:2px} .eltcrm-email-builder .eltcrm-newsletter-mode-status{margin:0;padding:9px 18px;background:#f0f5fa;color:#345477;font-size:12px;line-height:1.5;min-height:34px} .eltcrm-email-builder .eltcrm-newsletter-mode-status.is-error,.eltcrm-email-builder .eltcrm-newsletter-responsive-status.is-error{background:#fff0ee;color:#923c29} .eltcrm-email-builder .eltcrm-newsletter-code-pane{padding:16px 18px 22px;background:#fff;min-width:0} .eltcrm-email-builder .eltcrm-newsletter-code-pane label{display:block;font-size:13px;font-weight:700;color:#162d4d;margin:0 0 9px} .eltcrm-email-builder .eltcrm-newsletter-html-source{display:block;width:100%;max-width:100%;min-height:340px;height:min(60vh,700px);padding:15px;border:1px solid #b8c7d8;border-radius:9px;background:#fbfdff;color:#182c46;font:13px/1.58 ui-monospace,SFMono-Regular,Consolas,Monaco,monospace;white-space:pre;overflow:auto;resize:vertical;tab-size:2} .eltcrm-email-builder .eltcrm-newsletter-html-source:focus{outline:3px solid #bfdbf7;outline-offset:1px} .eltcrm-email-builder .eltcrm-newsletter-code-help,.eltcrm-email-builder .eltcrm-newsletter-raw-help{font-size:12px;line-height:1.55;color:#4c637f;margin:10px 0 0} .eltcrm-email-builder .eltcrm-newsletter-raw-preview{padding:16px 18px 24px;min-width:0;background:#f4f7fb} .eltcrm-email-builder .eltcrm-newsletter-raw-help{margin:0 0 12px} .eltcrm-email-builder .eltcrm-newsletter-raw-stage{display:flex;justify-content:center;align-items:flex-start;max-width:100%;overflow-x:hidden;padding:16px 10px;border-radius:10px;background:#e7edf4} .eltcrm-email-builder .eltcrm-newsletter-raw-frame{width:min(100%,680px);height:620px;min-width:0;max-width:100%;display:block;background:#fff;border:1px solid #c7d3e1;box-shadow:0 2px 15px rgba(22,45,77,.10);transition:width .18s ease} .eltcrm-email-builder.is-mobile-preview .eltcrm-newsletter-raw-frame{width:min(100%,375px)} .eltcrm-email-builder .eltcrm-newsletter-responsive-status{margin:9px 0 12px;color:#47617e;font-size:12px;line-height:1.5} .eltcrm-email-builder .eltcrm-newsletter-restore-blocks{background:#fff;color:#162d4d;border-color:#aabbd0} @media(max-width:760px){ .eltcrm-email-builder .eltcrm-email-builder-toolbar{padding:12px;align-items:stretch} .eltcrm-email-builder .eltcrm-newsletter-mode-switch{order:1;width:100%;justify-content:stretch} .eltcrm-email-builder .eltcrm-newsletter-mode-switch .eltcrm-btn{flex:1;min-width:0} .eltcrm-email-builder .eltcrm-email-builder-toolbar-actions{order:2;justify-content:stretch;width:100%} .eltcrm-email-builder .eltcrm-email-builder-toolbar-actions .eltcrm-btn{flex:1} .eltcrm-email-builder .eltcrm-newsletter-code-pane{padding:12px} .eltcrm-email-builder .eltcrm-newsletter-raw-preview{padding:12px} .eltcrm-email-builder .eltcrm-newsletter-raw-stage{padding:8px 3px} .eltcrm-email-builder .eltcrm-newsletter-html-source{min-height:360px;height:55vh;font-size:12px} } /* Legacy .eltcrm-btn has !important colour declarations. Limit the override to the Newsletter Studio mode/viewport controls, without global resets. */ .eltcrm-app .eltcrm-email-builder .eltcrm-newsletter-mode-switch .eltcrm-btn.is-active, .eltcrm .eltcrm-email-builder .eltcrm-newsletter-mode-switch .eltcrm-btn.is-active, .eltcrm-email-builder .eltcrm-newsletter-mode-switch .eltcrm-btn.is-active{background:#162d4d!important;border-color:#162d4d!important;color:#fff!important} .eltcrm-app .eltcrm-email-builder .eltcrm-newsletter-mode-switch .eltcrm-btn:not(.is-active), .eltcrm .eltcrm-email-builder .eltcrm-newsletter-mode-switch .eltcrm-btn:not(.is-active), .eltcrm-email-builder .eltcrm-newsletter-mode-switch .eltcrm-btn:not(.is-active){background:#fff!important;color:#162d4d!important} .eltcrm-email-builder .eltcrm-email-builder-toolbar-actions .eltcrm-builder-view.is-active{color:#fff!important} .eltcrm-email-builder{color-scheme:only light} /* v0.16.121.83: form approval notification cards (scoped to CRM dashboard). */ .eltcrm-dashboard-notifications .eltcrm-notification-source-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))} .eltcrm-dashboard-notifications a.eltcrm-notification-incoming{color:#162d4d;text-decoration:none;min-width:0;} .eltcrm-dashboard-notifications a.eltcrm-notification-incoming:hover, .eltcrm-dashboard-notifications a.eltcrm-notification-incoming:focus-visible{color:#162d4d;text-decoration:none;border-color:#2563eb;box-shadow:0 3px 10px rgba(15,23,42,.1)} .eltcrm-dashboard-notifications a.eltcrm-notification-incoming strong{background:#eaf2ff;color:#1d4ed8} /* v0.16.121.84 — R2/R6: incoming Event notifications use CRM navigation-card grammar. */ .eltcrm-dashboard-notifications .eltcrm-notification-source-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr));gap:11px} .eltcrm-dashboard-notifications .eltcrm-notification-source{ min-height:77px;display:grid;grid-template-columns:38px minmax(0,1fr) auto; gap:10px;padding:13px;border:1px solid #E2E8F0;border-radius:11px; background:#fff;color:#17243B;box-sizing:border-box;box-shadow:none;transform:none; } .eltcrm-dashboard-notifications .eltcrm-notification-source>.dashicons{ display:grid;place-items:center;width:36px;height:36px;border-radius:9px; background:#EAF2FF;color:#2563EB;font-size:18px; } .eltcrm-dashboard-notifications .eltcrm-notification-source.is-connected{background:#fff;border-color:#E2E8F0} .eltcrm-dashboard-notifications .eltcrm-notification-source.is-connected>.dashicons{background:#EAF2FF;color:#2563EB} .eltcrm-dashboard-notifications .eltcrm-notification-source>span:nth-child(2) b{font-size:13px;color:#14233F;line-height:1.35} .eltcrm-dashboard-notifications .eltcrm-notification-source>span:nth-child(2) small{font-size:12px;color:#64748B;line-height:1.4} .eltcrm-dashboard-notifications .eltcrm-notification-source>strong{font-size:12px;min-height:27px;border-radius:8px;background:#EFF6FF;color:#1D4ED8} .eltcrm-dashboard-notifications .eltcrm-notification-source:hover{background:#F8FAFF;border-color:#2563EB;transform:none;box-shadow:0 2px 8px rgba(20,35,63,.05)} .eltcrm-dashboard-notifications .eltcrm-notification-source:focus-visible{outline:3px solid #2563EB;outline-offset:2px} .eltcrm-dashboard-notifications .eltcrm-notification-source.is-filter-active, .eltcrm-dashboard-notifications .eltcrm-notification-source[aria-pressed="true"]{background:#EFF6FF;border-color:#2563EB;box-shadow:inset 0 0 0 1px #2563EB} @media(max-width:680px){ .eltcrm-dashboard-notifications .eltcrm-notification-source-strip{grid-template-columns:1fr} .eltcrm-dashboard-notifications .eltcrm-notification-source{grid-template-columns:38px minmax(0,1fr) auto} } /* v0.16.121.98 — Newsletter Studio: inline WYSIWYG + imported HTML editing. Scoped to the builder; no global typography, table or button resets. */ .eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar[hidden]{display:none!important} .eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:10px 16px;background:#fff;border-bottom:1px solid #dde5f0} .eltcrm-email-builder .eltcrm-newsletter-wysiwyg-label{font-size:12px;font-weight:700;color:#253d5a;margin-right:9px} .eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar button{background:#fff;color:#142d50;border:1px solid #c5d4e6;border-radius:7px;min-height:34px;min-width:38px;padding:6px 10px;font-size:12px;cursor:pointer} .eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar button:hover,.eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar button:focus-visible{background:#edf5ff;border-color:#3b82f6;outline:1px solid #3b82f6} .eltcrm-email-builder .eltcrm-newsletter-import-html{border-color:#153e75;color:#153e75;background:#fff;font-weight:700;min-height:38px} .eltcrm-email-builder [data-eltcrm-rich-edit]{min-height:1.5em;outline:none;cursor:text;white-space:normal;user-select:text;-webkit-user-select:text} .eltcrm-email-builder [data-eltcrm-rich-edit]:focus{outline:2px solid #60a5fa;outline-offset:3px;border-radius:3px} .eltcrm-email-builder .eltcrm-builder-block:has([data-eltcrm-rich-edit]:focus){box-shadow:0 0 0 2px #93c5fd;border-color:#3b82f6} .eltcrm-email-builder .eltcrm-newsletter-import-dialog{width:min(760px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100vh - 35px);border:1px solid #cbd5e1;border-radius:14px;padding:0;background:#fff;color:#142d50;box-shadow:0 25px 80px #0f172a66;overflow:auto;z-index:2147483200} .eltcrm-email-builder .eltcrm-newsletter-import-dialog::backdrop{background:#07172aa6} .eltcrm-email-builder .eltcrm-newsletter-import-dialog-inner{padding:23px;display:grid;gap:14px} .eltcrm-email-builder .eltcrm-newsletter-import-heading{display:flex;align-items:center;justify-content:space-between;gap:12px} .eltcrm-email-builder .eltcrm-newsletter-import-heading h3{margin:0;font-size:20px;color:#142d50} .eltcrm-email-builder .eltcrm-newsletter-import-heading button{font-size:25px;background:transparent;border:0;color:#142d50;cursor:pointer} .eltcrm-email-builder .eltcrm-newsletter-import-dialog p{font-size:13px;line-height:1.55;margin:0;color:#455c78} .eltcrm-email-builder .eltcrm-newsletter-import-dialog label{font-size:13px;font-weight:700;color:#142d50} .eltcrm-email-builder .eltcrm-newsletter-import-source{width:100%;min-height:230px;max-height:50vh;min-width:0;padding:12px;border:1px solid #b8c7d8;border-radius:8px;font:12px/1.5 ui-monospace,Consolas,monospace;resize:vertical} .eltcrm-email-builder .eltcrm-newsletter-import-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap} .eltcrm-email-builder .eltcrm-newsletter-import-actions button{min-height:40px} .eltcrm-email-builder .eltcrm-newsletter-import-apply{background:#142d50!important;color:#fff!important} .eltcrm-email-builder .eltcrm-newsletter-import-message{color:#b42318!important} @media(max-width:620px){.eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar{padding:9px;gap:4px}.eltcrm-email-builder .eltcrm-newsletter-wysiwyg-label{width:100%}.eltcrm-email-builder .eltcrm-newsletter-import-dialog-inner{padding:13px}.eltcrm-email-builder .eltcrm-newsletter-import-actions button{flex:1}} /* v0.16.121.99 — common Word-style toolbar for all text-bearing blocks and imported HTML. */ .eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar{position:sticky;top:0;z-index:8;gap:6px;border-bottom:1px solid #ccd8e8;box-shadow:0 2px 6px #142d5010} .eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar label{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.3;color:#344763;white-space:nowrap} .eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar select{height:34px;min-height:34px;width:auto;min-width:66px;max-width:145px;padding:5px 6px;font:12px Arial,sans-serif;border:1px solid #c5d4e6;border-radius:7px;background:#fff;color:#142d50} .eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar input[type=color]{height:34px;min-height:34px;width:35px;padding:2px;border:1px solid #c5d4e6;border-radius:7px;background:#fff;cursor:pointer} .eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar button{white-space:nowrap} .eltcrm-email-builder .eltcrm-newsletter-raw-frame{max-height:none} @media(max-width:620px){.eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar{position:relative}.eltcrm-email-builder .eltcrm-newsletter-wysiwyg-toolbar select{max-width:120px}} /* v0.16.121.102 - CRM-only inline HTML import. Never use the WP Media dialog. */ .eltcrm-email-builder .eltcrm-newsletter-import-dialog[hidden]{display:none!important} .eltcrm-email-builder .eltcrm-newsletter-import-dialog{ display:block;position:static;width:auto;max-width:none;max-height:none;overflow:visible; margin:12px 16px;padding:0;border:1px solid #8aa7c8;border-radius:12px; background:#fff;box-shadow:0 8px 24px #142d501c;z-index:auto } .eltcrm-email-builder .eltcrm-newsletter-import-dialog-inner{padding:18px;display:grid;gap:13px} .eltcrm-email-builder .eltcrm-newsletter-import-source{max-height:65vh;min-height:230px} .eltcrm-email-builder .eltcrm-newsletter-import-dialog:focus-within{outline:2px solid #2563eb;outline-offset:1px} /* Newsletter Studio action strip: four actions visible for every draft. Namespaced, responsive; preserves existing delivery gates and controls. */ .eltcrm-app .eltcrm-email-campaign-form > .eltcrm-newsletter-action-strip { position: sticky; top: 8px; z-index: 40; display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; padding: 12px 14px; background: rgba(255,255,255,.98); border: 1px solid #c4d1e2; border-radius: 10px; box-shadow: 0 6px 22px rgba(15,36,69,.13); } .admin-bar .eltcrm-app .eltcrm-email-campaign-form > .eltcrm-newsletter-action-strip { top: 40px; } .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-btn { min-height: 39px; white-space: nowrap; } .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-btn:disabled { opacity: .5; cursor: not-allowed; } .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-newsletter-action-field { flex: 1 1 190px; min-width: 150px; } .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-newsletter-action-field label { display: flex; gap: 6px; align-items: center; font-size: 12px; font-weight: 650; color: #344054; } .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-newsletter-action-field input { flex: 1 1 155px; min-width: 130px; max-width: 255px; min-height: 38px; padding: 6px 9px; background: #fff; border: 1px solid #cdd6e3; border-radius: 6px; font: inherit; } .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-newsletter-action-message { flex-basis: 100%; color: #79552a; font-size: 12px; line-height: 1.4; } @media(max-width:640px) { .eltcrm-app .eltcrm-email-campaign-form > .eltcrm-newsletter-action-strip { top: 4px; padding: 10px; } .admin-bar .eltcrm-app .eltcrm-email-campaign-form > .eltcrm-newsletter-action-strip { top: 49px; } .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-btn { flex: 1 1 43%; } .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-newsletter-action-field { flex-basis: 100%; } .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-newsletter-action-field input { max-width: none; } } /* Per-campaign operator confirmation is visible alongside production controls. */ .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-newsletter-production-confirm { flex-basis:100%; display:flex; align-items:flex-start; gap:8px; background:#f3f6fa; border:1px solid #cbd5e1; border-radius:7px; padding:9px 10px; font-size:12px; line-height:1.5; font-weight:600; } .eltcrm-app .eltcrm-newsletter-action-strip .eltcrm-newsletter-production-confirm input { flex:0 0 auto; margin-top:2px; } /* Newsletter Studio v1.0.2: read-only, keyboard-accessible recipient KPI filters. */ .eltcrm-app .eltcrm-newsletter-filter-kpi{cursor:pointer;text-decoration:none!important} .eltcrm-app .eltcrm-newsletter-filter-kpi.is-active{border-color:#20558d!important;box-shadow:0 0 0 2px rgba(32,85,141,.12)!important} .eltcrm-app .eltcrm-newsletter-filter-kpi:focus-visible{outline:3px solid #20558d;outline-offset:3px} .eltcrm-app .eltcrm-newsletter-recipient-results{scroll-margin-top:28px} .eltcrm-app .eltcrm-newsletter-recipient-pagination{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:18px 0 4px} /* v1.0.4 — Dashboard: pending event submission cards filter in place. */ .eltcrm-dashboard-notifications .eltcrm-notification-incoming{color:#162d4d;text-decoration:none;min-width:0;cursor:pointer} .eltcrm-dashboard-notifications .eltcrm-notification-incoming-results[hidden], .eltcrm-dashboard-notifications .eltcrm-notification-list[hidden], .eltcrm-dashboard-notifications .eltcrm-notification-empty[hidden]{display:none!important} .eltcrm-dashboard-notifications .eltcrm-notification-incoming-results{display:flex;flex-direction:column;gap:7px} .eltcrm-dashboard-notifications .eltcrm-incoming-entry{cursor:default} .eltcrm-dashboard-notifications .eltcrm-incoming-review{appearance:none;border:0;background:transparent;padding:5px 2px;color:#16365b;text-decoration:underline;white-space:nowrap;cursor:pointer;font:inherit} .eltcrm-dashboard-notifications .eltcrm-incoming-review:focus-visible{outline:3px solid #2563eb;outline-offset:3px} .eltcrm-dashboard-notifications .eltcrm-notification-incoming-message{margin:0;padding:15px;background:#f8fbff;border:1px solid #dce6f0;border-radius:8px} .eltcrm-dashboard-notifications .eltcrm-incoming-load-more{align-self:flex-start} @media(max-width:640px){.eltcrm-dashboard-notifications .eltcrm-incoming-entry{grid-template-columns:32px minmax(0,1fr)}.eltcrm-dashboard-notifications .eltcrm-incoming-review{grid-column:2;justify-self:start}}