@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18242e;--muted:#84919b;--line:#e8edf0;--teal:#078d91;--teal-dark:#067478;--soft:#f6f8f9;--white:#fff;--shadow:0 10px 32px #1e35410a}*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:36px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:#172833;text-decoration:none;font:800 17px Manrope,sans-serif;min-width:226px}.brand-light{font-weight:500;color:#6e7d86}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#078f91;color:white;font:800 20px Manrope;box-shadow:0 4px 10px #078f9135}.doc-title{display:flex;align-items:center;gap:10px;flex:1;font-weight:600}.status-dot,.tiny-dot{width:7px;height:7px;border-radius:50%;background:#43bf8e}.save-state{font-size:11px;color:#96a1a8;font-weight:400;margin-left:3px}.top-actions{display:flex;align-items:center;gap:9px}.button{border:1px solid #e1e7e9;background:white;border-radius:8px;height:36px;padding:0 13px;font:600 12px 'DM Sans';color:#52616a;cursor:pointer;transition:.15s}.button:hover{border-color:#b7c8cb;background:#fbfdfd}.button.primary{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 3px 8px #078f9128}.button.primary:hover{background:var(--teal-dark)}.button.export{background:#eaf7f6;color:#087f82;border-color:#daeeec}.button.export span{font-size:16px;margin-left:6px}.icon{font-size:14px;margin-right:5px}.app-shell{height:calc(100vh - 68px);min-height:560px;display:grid;grid-template-columns:258px minmax(480px,1fr) 286px}.left-panel,.right-panel{background:#fff;position:relative;z-index:1}.left-panel{border-right:1px solid var(--line);padding:27px 17px 18px}.right-panel{border-left:1px solid var(--line);padding:27px 19px 20px;overflow-y:auto}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 3px}.eyebrow{font-size:9px;letter-spacing:1.25px;color:#98a4ab;font-weight:700;margin-bottom:5px}.panel-heading h2,.modal-head h2{font:700 17px Manrope;margin:0;letter-spacing:-.35px}.panel-count{font-size:10px;color:#8d999e;background:#f1f4f5;padding:4px 8px;border-radius:7px}.panel-hint{color:#98a4ab;font-size:11px;margin:10px 3px 14px}.block-list{display:flex;flex-direction:column;gap:7px}.block-card{display:flex;align-items:center;text-align:left;gap:11px;background:#fff;border:1px solid #edf0f2;border-radius:9px;padding:10px 9px;width:100%;cursor:grab;color:var(--ink);transition:.15s}.block-card:hover{border-color:#b8dedc;box-shadow:0 4px 12px #163b3a0b;transform:translateY(-1px)}.block-card:active{cursor:grabbing}.block-card b{display:block;font-size:12px;font-weight:600;margin-bottom:3px}.block-card small{display:block;color:#98a2a9;font-size:10px}.block-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font:700 16px Manrope}.text-icon{background:#edf5ff;color:#3985dc}.image-icon{background:#f0effe;color:#7772d9}.button-icon{background:#e9f8f4;color:#21a77b}.divider-icon{background:#fff5e9;color:#e49c45}.spacer-icon{background:#f1f4f5;color:#768690}.grip{color:#c3cbd0;margin-left:auto;font-size:17px}.left-footer{position:absolute;left:17px;right:17px;bottom:19px;border:1px solid #e9f0f0;background:#f8fbfb;border-radius:9px;padding:11px 11px 10px 38px;color:#859298;font-size:10px;line-height:1.55}.left-footer p{margin:0}.left-footer b{color:#53646b;font-weight:600}.tip-icon{position:absolute;left:12px;top:12px;color:#059597;font-size:15px}.work-area{display:flex;flex-direction:column;min-width:0;overflow:hidden}.subject-row{height:57px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 25px;gap:16px}.subject-row label{white-space:nowrap;color:#9ba6ab;letter-spacing:.9px;font-size:9px;font-weight:700}.subject-row input{border:0;outline:none;font:500 12px 'DM Sans';color:#46565e;flex:1;min-width:0}.subject-count{font-size:10px;color:#b0b9bd}.canvas-toolbar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.breadcrumbs{font-size:11px;color:#8f9ba1}.breadcrumbs b{color:#57676f;font-weight:600}.crumb-sep{padding:0 8px;color:#c6cdd0}.view-switch{display:flex;border:1px solid #e4e9eb;border-radius:7px;background:#fff;padding:2px;gap:2px}.view-button{border:0;background:transparent;color:#9ca8ad;border-radius:5px;width:28px;height:24px;cursor:pointer}.view-button.active{background:#eaf6f5;color:#07898d}.canvas-scroll{flex:1;overflow:auto;padding:25px 28px 40px;display:flex;justify-content:center;align-items:flex-start;background-color:#f3f6f7;background-image:radial-gradient(#dbe2e5 0.7px,transparent 0.7px);background-size:15px 15px}.email-canvas{width:600px;min-height:550px;background:white;border:1px solid #e5e9eb;box-shadow:0 12px 38px #1c3a4613;transition:width .2s;position:relative}.email-canvas.mobile{width:375px}.canvas-bottom{height:31px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#9ca8ad;font-size:10px}.tiny-dot{display:inline-block;width:6px;height:6px;margin-right:6px}.right-panel .properties-heading{align-items:center;margin-bottom:24px}.more-button{border:0;background:none;color:#86949a;font-size:18px;letter-spacing:1px;cursor:pointer}.inspector{font-size:12px}.field{margin:0 0 17px}.field label{display:flex;justify-content:space-between;color:#718087;font-size:10px;font-weight:600;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #e2e8ea;border-radius:7px;padding:9px 10px;font:12px 'DM Sans';color:#425159;outline:none;background:white}.field input:focus,.field textarea:focus{border-color:#7fc7c4;box-shadow:0 0 0 3px #e8f6f5}.field textarea{resize:vertical;min-height:100px;line-height:1.5}.field input[type=color]{height:35px;padding:4px}.field input[type=range]{padding:0;accent-color:var(--teal)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.section-title{border-top:1px solid #edf0f1;padding-top:16px;margin:18px 0 13px;font:700 11px Manrope;color:#47575f}.alignment{display:flex;border:1px solid #e4e9eb;border-radius:7px;padding:3px;gap:2px}.alignment button{flex:1;border:0;background:transparent;border-radius:5px;height:27px;color:#718087;cursor:pointer}.alignment button.active{background:#edf6f5;color:#07878b}.empty-inspector{border:1px dashed #dce4e6;padding:18px 12px;border-radius:8px;text-align:center;color:#98a4aa;font-size:11px;line-height:1.5}.canvas-block{position:relative;cursor:pointer;outline:1px solid transparent;outline-offset:-1px}.canvas-block:hover{outline:1px dashed #55b9b5}.canvas-block.selected{outline:2px solid #10a0a0;outline-offset:-2px}.block-control{position:absolute;right:6px;top:6px;display:none;gap:4px;z-index:1}.canvas-block.selected .block-control{display:flex}.block-control button{border:0;background:#087f82;color:#fff;border-radius:4px;font-size:10px;height:22px;min-width:22px;cursor:pointer}.dropzone{height:65px;border:1px dashed #b4c9ca;display:grid;place-items:center;color:#8fa0a4;font-size:11px;margin:12px;background:#fbfdfd;border-radius:5px}.canvas-block img{display:block;max-width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);opacity:0;transition:.2s;background:#1d3239;color:#fff;border-radius:8px;padding:11px 16px;font-size:12px;box-shadow:var(--shadow);z-index:5;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.modal,.preview-modal{border:0;border-radius:14px;padding:22px;width:min(520px,calc(100vw - 30px));box-shadow:0 25px 100px #10252e38}.modal::backdrop,.preview-modal::backdrop{background:#152a32a3;backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}.close-modal{border:0;background:#f2f5f6;width:29px;height:29px;border-radius:7px;font-size:20px;color:#68777d;cursor:pointer}.template-list{padding-top:9px;max-height:55vh;overflow:auto}.template-item{display:flex;align-items:center;gap:12px;padding:13px 3px;border-bottom:1px solid #eff2f3}.template-thumb{width:38px;height:44px;border-radius:5px;background:linear-gradient(#dff1ef 0 14px,#fff 14px);border:1px solid #e5ebec}.template-info{flex:1;min-width:0}.template-info b{display:block;font-size:12px}.template-info small{display:block;color:#94a0a6;margin-top:5px;font-size:10px}.template-item button{border:1px solid #e3e9ea;background:#fff;border-radius:6px;padding:7px 9px;font:600 10px 'DM Sans';color:#52636a;cursor:pointer}.preview-modal{width:min(760px,calc(100vw - 30px))}.preview-modal iframe{display:block;width:100%;height:min(72vh,720px);border:0;background:#f4f6f7;margin-top:15px}.modal-empty{padding:30px 10px;text-align:center;color:#98a4aa;font-size:12px}@media(max-width:1100px){.app-shell{grid-template-columns:220px minmax(420px,1fr) 260px}.topbar{gap:20px}.brand{min-width:185px}.top-actions{gap:5px}.button{padding:0 9px}}@media(max-width:850px){.app-shell{grid-template-columns:210px minmax(360px,1fr)}.right-panel{display:none}.topbar{padding:0 14px}.brand{min-width:auto}.doc-title{display:none}.top-actions{margin-left:auto}.button.ghost{display:none}}@media(max-width:620px){.app-shell{grid-template-columns:1fr}.left-panel{display:none}.topbar{height:58px}.brand{font-size:15px}.button{height:33px;font-size:11px}.button.export{display:none}.app-shell{height:calc(100vh - 58px)}.subject-row{padding:0 14px;gap:10px}.canvas-scroll{padding:18px 10px}.email-canvas{max-width:100%}.canvas-toolbar{padding:0 14px}}

[hidden]{display:none!important}
.global-header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:30px;position:sticky;top:0;z-index:4}
.global-header .brand{min-width:360px;gap:12px;text-decoration:none;color:var(--ink)}
.brand-logo{width:48px;height:48px;flex:none;border:1px solid #edf0f2;border-radius:13px;overflow:hidden;background:white;display:grid;place-items:center}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.brand-title{font:800 14px Manrope,sans-serif;line-height:1.28;letter-spacing:-.25px;white-space:nowrap}
.brand-title span{display:block;font:500 10px 'DM Sans',sans-serif;letter-spacing:.1px;color:#7f8c92;margin-top:3px}
.context-menu{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.context-field{height:46px;min-width:220px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:4px 30px 4px 12px;border:1px solid #e6ebed;border-radius:8px;background:#fff}
.context-field span{font-size:8px;letter-spacing:.9px;color:#9aa5aa;font-weight:700;margin-bottom:3px}
.context-field select{appearance:none;border:0;background:transparent;outline:0;color:#33434a;font:600 11px 'DM Sans';width:100%;cursor:pointer}
.context-field i{position:absolute;right:11px;bottom:9px;color:#91a0a5;font-style:normal;font-size:13px;pointer-events:none}
.account-menu{display:flex;align-items:center;gap:14px;margin-left:auto}
.user-chip{display:flex;align-items:center;gap:9px;white-space:nowrap;border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.user-chip:hover .user-name{color:var(--teal)}
.user-chip:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:7px}
.user-avatar{position:relative;overflow:hidden;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#edf5f4;color:#07868a;font-size:10px;font-weight:700}
.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.user-name{font-size:11px;font-weight:600;color:#4c5b62}
.settings-icon{width:37px;height:37px;border:1px solid #e6ebed;border-radius:9px;background:#fff;color:#728188;font-size:17px;cursor:pointer;transition:.15s}
.settings-icon:hover{background:#f3f9f8;border-color:#b5d9d6;color:#07898c}
.page-container{max-width:1240px;margin:0 auto;padding:45px 34px 70px}
.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 30px}
.page-title-row h1{font:800 28px Manrope,sans-serif;letter-spacing:-.9px;margin:0;color:#1b2b34}
.page-description{margin:9px 0 0;color:#829097;font-size:12px;line-height:1.6;max-width:610px}
.add-template{height:41px;white-space:nowrap;padding:0 16px}
.add-template span,.settings-title-row .button span{font-size:17px;vertical-align:-1px;margin-right:4px}
.list-toolbar{height:56px;border:1px solid var(--line);border-bottom:0;border-radius:11px 11px 0 0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px}
.list-toolbar strong{font-size:11px;color:#4b5b62;font-weight:700}
.toolbar-caption{font-size:10px;color:#9aa5aa;margin-left:11px;padding-left:11px;border-left:1px solid #e6ebed}
.searchbox{width:220px;height:32px;border:1px solid #e7ecee;border-radius:7px;display:flex;align-items:center;padding:0 9px;gap:7px;color:#94a1a7}
.searchbox span{font-size:17px;line-height:1}.searchbox input{border:0;outline:0;min-width:0;width:100%;font:11px 'DM Sans';color:#46575e}
.data-card{position:relative;background:white;border:1px solid var(--line);border-radius:0 0 11px 11px;box-shadow:0 5px 20px #263e4706;overflow:hidden;min-height:180px}
.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table thead{background:#f8fafb}
.data-table th{height:40px;padding:0 17px;font-size:9px;text-transform:uppercase;letter-spacing:.75px;color:#98a4a9;font-weight:700;border-bottom:1px solid #e9edef}
.data-table td{height:62px;padding:10px 17px;border-bottom:1px solid #eff2f3;font-size:11px;color:#607078}
.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfd}
.template-name-cell{display:flex;align-items:center;gap:11px;color:#33434b!important;font-weight:600}
.template-type-icon{width:34px;height:36px;border-radius:7px;background:#eef7f6;color:#07898c;display:grid;place-items:center;font-size:15px;flex:none}
.cell-secondary{display:block;margin-top:4px;font-size:9px;color:#a1aaae;font-weight:400}
.event-pill{display:inline-flex;align-items:center;border:1px solid #e8edef;border-radius:14px;padding:5px 9px;color:#617178;font-size:10px;background:#fff}
.base-event-list{display:flex;flex-wrap:wrap;gap:5px;max-width:360px}.base-event-list .event-pill{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.channel-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#617178}.channel-dot{width:7px;height:7px;border-radius:50%;background:#48b89b}
.channel-dot.telegram{background:#2aabee}.channel-dot.max{background:#6b72d6}
.channel-dot.sms{background:#e5a246}.channel-dot.telegram{background:#2aabee}.channel-dot.max{background:#6b72d6}
.scope-badge{display:inline-block;background:#f4f7f8;border-radius:5px;padding:5px 8px;font-size:9px;color:#75858c;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.actions-col{width:120px}.row-actions{display:flex;justify-content:flex-end;gap:6px}
.row-action{border:1px solid #e6ebed;background:white;color:#78878d;border-radius:6px;padding:6px 9px;font:600 10px 'DM Sans';cursor:pointer}
.row-action:hover{background:#f3f9f8;border-color:#b5d9d6;color:#087f82}.row-action.delete:hover{background:#fff7f7;border-color:#efd2d2;color:#b65353}
.empty-state{display:none;padding:38px 20px 35px;text-align:center;color:#8f9ca2}.empty-state.visible{display:block}
.empty-icon{width:47px;height:47px;border-radius:13px;background:#eff7f6;color:#078b8e;display:grid;place-items:center;font-size:20px;margin:0 auto 13px}
.empty-state h3{font:700 14px Manrope;color:#42535b;margin:0 0 7px}.empty-state p{font-size:11px;margin:0 auto 17px;max-width:390px;line-height:1.6;color:#95a1a6}.empty-state .button{height:34px}
.settings-page{padding-top:30px}.settings-breadcrumb{display:flex;align-items:center;gap:10px;color:#a3adb1;font-size:10px;margin-bottom:25px}
.settings-breadcrumb button{border:0;background:none;padding:0;color:#718087;font:600 10px 'DM Sans';cursor:pointer}.settings-breadcrumb button:hover{color:#07878a}
.settings-title-row{margin-bottom:25px}.settings-title-row .button{height:39px;white-space:nowrap}
.app-version-badge{align-self:flex-start;margin:5px 0 0 auto;padding:7px 11px;border:1px solid #dce5e6;border-radius:999px;background:#f5f8f8;color:#617178;font:600 11px 'DM Sans',sans-serif;white-space:nowrap}
.manual-event-no-template{margin:2px 0 0;padding:11px 13px;border:1px solid #f2d7a5;border-radius:7px;background:#fff8e9;color:#805b19;font-size:12px;line-height:1.5}
.table-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #edf0f1}
.table-heading h2{font:700 12px Manrope;margin:0;color:#4b5a61}.table-heading p{font-size:10px;color:#9aa5aa;margin:5px 0 0}
.secure-pill{font-size:9px;color:#8a999e;background:#f5f8f8;border-radius:20px;padding:7px 10px}.secure-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#43b991;margin-right:5px}
.settings-page .data-card{border-radius:11px;min-height:220px}.settings-page .data-table th{padding-left:18px}.settings-page .empty-state{padding-top:44px}
.builder-page{padding:0 0 20px}.builder-head{height:57px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 23px;gap:17px}
.builder-tools-bar{height:46px;display:flex;align-items:center;gap:14px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line)}
.builder-formatting-tools{display:flex;align-items:center;flex:1;min-width:0}
.builder-tools-bar .manual-compose-toolbar{width:100%;height:44px;overflow-x:auto;overflow-y:hidden;border:0;border-radius:0;background:transparent;padding:0;scrollbar-width:thin}
.builder-tools-right{display:flex;align-items:center;gap:14px;flex:none}
.builder-tools-divider{width:1px;height:23px;background:var(--line)}
.builder-tools-bar .view-switch{flex:none}
.builder-head .button{height:33px}.builder-title{display:flex;align-items:center;gap:8px;flex:1;font-size:11px;font-weight:600}.builder-actions{display:flex;align-items:center;gap:7px}
.builder-meta{display:grid;grid-template-columns:1.15fr 1.4fr .8fr 1.1fr;gap:12px;background:#fff;border-bottom:1px solid var(--line);padding:12px 24px}
.builder-meta label{display:flex;flex-direction:column;gap:6px;color:#98a4a9;font-size:8px;font-weight:700;letter-spacing:.8px}
.builder-meta input,.builder-meta select{height:33px;border:1px solid #e5eaec;border-radius:6px;padding:0 9px;font:11px 'DM Sans';color:#53636a;outline:0;letter-spacing:0;min-width:0;background:#fff}
.builder-meta input:focus,.builder-meta select:focus{border-color:#84c8c5;box-shadow:0 0 0 2px #e9f6f5}
.builder-meta-field{display:flex;flex-direction:column;gap:6px;color:#98a4a9;font-size:8px;font-weight:700;letter-spacing:.8px;min-width:0}
.builder-event-picker{position:relative;min-width:0}
.builder-event-toggle{height:33px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e5eaec;border-radius:6px;padding:0 9px;background:#fff;color:#53636a;font:11px 'DM Sans';letter-spacing:0;text-align:left;cursor:pointer}
.builder-event-toggle:focus{outline:0;border-color:#84c8c5;box-shadow:0 0 0 2px #e9f6f5}
.builder-event-toggle span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.builder-event-options{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow:auto;padding:5px;border:1px solid var(--line,#dce4e7);border-radius:8px;background:var(--surface,#fff);box-shadow:0 12px 28px #10223b2b;color:var(--ink,#24313a);letter-spacing:0}
.builder-system-options{width:max-content;min-width:max(100%,260px);max-width:min(520px,calc(100vw - 32px));right:auto}
.builder-event-options[hidden]{display:none}
.builder-event-option{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:8px;border-radius:5px;color:var(--ink,#24313a);font-size:12px;font-weight:500;line-height:1.35;letter-spacing:0;white-space:nowrap;cursor:pointer}
.builder-meta .builder-event-option{flex-direction:row}
.builder-event-option:hover{background:var(--surface-soft,#f3f6f8)}
.builder-event-option input{flex:0 0 14px;width:14px;height:14px;min-width:14px;margin:0;padding:0;border:0;border-radius:3px;background:transparent;accent-color:var(--orange,#f59e0b)}
.builder-event-option span{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.builder-event-empty{padding:10px;color:var(--muted,#73818a);font-size:11px;font-weight:500;line-height:1.4;letter-spacing:0}
.builder-page .subject-row{height:48px;padding:0 24px}.builder-page .app-shell{height:calc(100vh - 305px);min-height:420px}
.builder-page .left-panel,.builder-page .right-panel{padding-top:21px}
.modal{border:0;border-radius:13px;padding:22px;width:min(470px,calc(100vw - 28px));box-shadow:0 25px 100px #10252e38}
.modal::backdrop,.preview-modal::backdrop{background:#152a32a3;backdrop-filter:blur(2px)}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:17px}
.modal-head h2{font:700 16px Manrope;margin:0;letter-spacing:-.3px}.close-modal{border:0;background:#f2f5f6;width:29px;height:29px;border-radius:7px;font-size:20px;color:#68777d;cursor:pointer}
.modal-field{display:flex;flex-direction:column;gap:7px;margin:0 0 15px;font-size:10px;font-weight:600;color:#65757c}
.modal-field input,.modal-field select{height:38px;border:1px solid #e1e7e9;border-radius:7px;padding:0 10px;font:12px 'DM Sans';color:#43535a;outline:none;background:#fff}
.modal-field input:focus,.modal-field select:focus{border-color:#7fc7c4;box-shadow:0 0 0 3px #e8f6f5}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.modal-actions .button{height:35px}
.profile-dialog{width:min(520px,calc(100vw - 28px));max-height:min(92vh,820px);overflow:auto}
.profile-avatar-row{display:flex;align-items:center;gap:15px;margin-bottom:19px}
.profile-avatar-preview{position:relative;flex:0 0 72px;width:72px;height:72px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#edf5f4;color:#07868a;font-size:20px;font-weight:700}
.profile-avatar-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.profile-avatar-actions{min-width:0}.profile-avatar-actions strong,.profile-password-heading strong{display:block;color:#425159;font-size:11px;font-weight:700}
.profile-avatar-actions p{margin:4px 0 9px;color:#89969c;font-size:10px;line-height:1.45}
.profile-avatar-actions>div{display:flex;gap:7px;flex-wrap:wrap}.profile-avatar-actions .button{height:31px;font-size:10px}
.profile-password-heading{padding-top:3px;margin:4px 0 13px}.profile-password-heading span{display:block;margin-top:4px;color:#89969c;font-size:10px}
.profile-memory-section{margin:16px 0;padding:14px;border:1px solid #e2e8eb;border-radius:12px;background:#f8fafb}.personal-memory-list{display:grid;gap:9px}.memory-empty{margin:0;color:#718087;font-size:12px}.personal-memory-entry{padding:10px 11px;border:1px solid #e1e8eb;border-radius:9px;background:#fff}.personal-memory-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.personal-memory-entry-head strong,.personal-memory-entry-head small{display:block}.personal-memory-entry-head strong{font-size:12px;color:#263640}.personal-memory-entry-head small{margin-top:3px;color:#89969c;font-size:10px}.personal-memory-entry details{margin-top:8px;color:#46565e;font-size:11px}.personal-memory-entry summary{cursor:pointer}.personal-memory-text{max-height:220px;overflow:auto;margin-top:8px;padding:9px;border-radius:7px;background:#f4f7f8;white-space:pre-wrap;overflow-wrap:anywhere}.personal-memory-text p{margin:3px 0 9px;white-space:pre-wrap}
.profile-push-section{display:grid;gap:9px;margin:16px 0;padding:14px;border:1px solid #dce8e7;border-radius:12px;background:#f4f9f8}.profile-push-section .profile-password-heading{margin:0}.profile-push-section>.button{justify-self:start}.profile-push-section small,.profile-push-status{margin:0;color:#788a90;font-size:10px;line-height:1.5}.push-server-settings{display:grid;gap:10px}.push-server-settings .modal-field input[readonly]{font:10px ui-monospace,Consolas,monospace}
.preview-modal{border:0;border-radius:14px;padding:22px;width:min(760px,calc(100vw - 30px));box-shadow:0 25px 100px #10252e38}.preview-modal .modal-head{margin:0}
.preview-modal iframe{display:block;width:100%;height:min(72vh,720px);border:0;background:#f4f6f7;margin-top:15px}
@media(max-width:1080px){.global-header{padding:0 20px;gap:17px}.global-header .brand{min-width:310px}.context-field{min-width:180px}.user-name{display:none}}
@media(max-width:760px){.global-header{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 14px;gap:8px}.global-header .brand{min-width:0;flex:1}.brand-title{font-size:12px}.brand-title span{font-size:9px}.brand-logo{width:41px;height:41px}.context-menu{order:3;flex-basis:100%;gap:7px}.context-field{min-width:0;flex:1;height:42px}.account-menu{gap:7px}.user-name{display:none}.page-container{padding:30px 14px 50px}.page-title-row{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-title-row h1{font-size:24px}.page-title-row .button{align-self:flex-start}.list-toolbar{padding:0 10px}.toolbar-caption{display:none}.searchbox{width:145px}.data-card{overflow:auto}.data-table{min-width:700px}.empty-state{position:sticky;left:0;width:calc(100vw - 30px)}.builder-meta{grid-template-columns:1fr 1fr;padding:10px 12px}.builder-head{padding:0 10px;gap:6px}.builder-head>.button{font-size:10px;padding:0 7px}.builder-actions .button{font-size:0;padding:0 9px}.builder-actions .button .icon{font-size:14px;margin:0}.builder-actions .button.export{display:none}.builder-title{min-width:0;overflow:hidden;white-space:nowrap}.builder-page .app-shell{height:calc(100vh - 365px);min-height:360px}.builder-page .subject-row{padding:0 12px}}

html,body,button,input,select,textarea,dialog{font-family:'DM Sans',Arial,sans-serif}
button,input,select,textarea,option{font-family:'DM Sans',Arial,sans-serif!important}
.builder-page .app-shell{grid-template-columns:238px minmax(480px,1fr) 265px}
.builder-page .app-shell.has-variables{grid-template-columns:238px minmax(360px,1fr) 265px 220px}
.builder-page .variables-panel{background:#fff;border-left:1px solid var(--line);padding:21px 13px 18px;overflow:auto;min-width:0}
.variables-panel .panel-heading h2{font-size:15px}
.variables-panel .panel-hint{margin:9px 3px 12px;line-height:1.45}
.variable-list{display:flex;flex-direction:column;gap:6px;max-height:calc(100% - 76px);overflow:auto;padding:1px 2px 8px}
.variable-chip{display:inline-flex;align-items:center;max-width:100%;width:fit-content;border:1px solid #dcebea;background:#f5fbfa;color:#147d7e;border-radius:6px;padding:6px 7px;font:500 10px 'DM Sans',Arial,sans-serif;line-height:1.35;overflow-wrap:anywhere}
.variable-drag{cursor:grab;text-align:left}
.variable-drag:hover{border-color:#81c6c2;background:#ebf8f6}
.variable-drag:active{cursor:grabbing}
.text-content-input{min-height:250px!important;resize:vertical;line-height:1.6!important}
.field-hint{display:block;margin-top:6px;color:#94a1a6;font-size:10px;line-height:1.4}
.base-variables-section{border-top:0;margin-top:26px;padding-top:20px}
.base-variables-section .table-heading{padding:0 18px 14px}
.base-variables-section .table-heading{border-bottom:0}
.base-variables-section .table-heading h2{font:700 15px Manrope;margin:0 0 5px}
.base-variables-section .table-heading p{margin:0;color:#89969c;font-size:11px}
.settings-variable-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 20px}
.event-count{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:16px;padding:5px 9px;background:var(--soft);color:var(--muted);font-size:10px;white-space:nowrap}
.event-variables-table{min-width:860px}
.event-variables-table td{vertical-align:top}
.event-manage-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:230px}
.event-manage-actions .button{white-space:nowrap}
.event-manage-actions .event-variable-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;flex:0 0 34px}
.event-manage-actions .event-variable-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.event-variable-token-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 4px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--muted);font-size:11px}
.event-variable-token-preview code{color:var(--ink);font:600 12px 'DM Sans',Arial,sans-serif}
.event-variable-name{display:block;color:var(--ink);font-size:12px;overflow-wrap:anywhere}
.event-variable-source{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.4}
.event-variable-source.received{color:#25866d}
.event-variable-chips{padding:0;max-width:760px}
.event-variables-empty{padding:14px 18px 20px;color:var(--muted);font-size:11px}
:root[data-theme="dark"] .event-variable-source.received{color:#79cdb0}
:root[data-theme="dark"] .event-count{background:#243237;color:#c4d0d4;border-color:#39484e}
.client-settings-card{margin:18px 0 22px;padding:0 18px 16px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}
.client-settings-card .table-heading{padding:16px 0 10px;border-bottom:0}
.client-settings-card .table-heading h2{font:700 15px Manrope,sans-serif;margin:4px 0;color:#263942}
.client-settings-card .client-passcode-card{margin:0}
:root[data-theme="dark"] .client-settings-card{background:#101c2e;border-color:#314962}
:root[data-theme="dark"] .client-settings-card .table-heading h2{color:#f3f7fc}
.variables-empty{color:#98a4aa;font-size:12px;padding:8px 0}
.selectable-row{cursor:pointer}
.selectable-row.selected-row td{background:#f2f9f8}
.selectable-row.selected-row td:first-child{box-shadow:inset 3px 0 #078d91}
.selectable-row:focus-visible{outline:2px solid #62b9b6;outline-offset:-2px}
.incoming-email-unread td{font-weight:600}.incoming-email-read td{font-weight:400}
.incoming-read-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}
.incoming-read-status.is-read{background:#edf2f3;color:#607178}
.incoming-read-status.is-unread{background:#e3f5f2;color:#087f75}
:root[data-theme="dark"] .incoming-read-status.is-read{background:#263749;color:#bdc9d8}
:root[data-theme="dark"] .incoming-read-status.is-unread{background:#123f40;color:#8be0d2}
@media(max-width:1250px){.builder-page .app-shell{grid-template-columns:210px minmax(420px,1fr) 245px}.builder-page .app-shell.has-variables{grid-template-columns:210px minmax(320px,1fr) 245px 195px}.builder-page .variables-panel{padding-left:10px;padding-right:10px}}
@media(max-width:980px){.builder-page .app-shell{grid-template-columns:minmax(0,1fr) 250px}.builder-page .app-shell.has-variables{grid-template-columns:minmax(0,1fr) 250px 210px}.builder-page .left-panel{display:none}.builder-page .right-panel{display:block}.builder-page .variables-panel{display:block}}
@media(max-width:760px){.builder-page .app-shell{grid-template-columns:minmax(0,1fr);height:auto;min-height:0;overflow:visible}.builder-page .work-area{min-height:520px}.builder-page .right-panel,.builder-page .variables-panel{display:block;border-left:0;border-top:1px solid var(--line);overflow:visible;padding:18px 16px}.builder-page .variables-panel .variable-list{max-height:220px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.builder-page .text-content-input{min-height:190px!important}}
.appearance-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-8px 0 22px;padding:18px 21px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}
.appearance-card h2{margin:0;color:#293840;font:700 15px Manrope,sans-serif}
.appearance-card p{margin:5px 0 0;color:#89969c;font-size:11px}
.theme-switch{display:flex;align-items:center;gap:11px;color:#53636a;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.theme-switch input{position:absolute;opacity:0;width:1px;height:1px}
.theme-switch-track{width:42px;height:24px;border-radius:20px;background:#d6dfe2;padding:3px;transition:background .18s;box-shadow:inset 0 0 0 1px #c9d3d6}
.theme-switch-track i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #20343a35;transition:transform .18s}
.theme-switch input:checked+.theme-switch-track{background:#078d91;box-shadow:none}
.theme-switch input:checked+.theme-switch-track i{transform:translateX(18px)}
.theme-switch input:focus-visible+.theme-switch-track{outline:3px solid #78cfcb;outline-offset:2px}
.profile-theme-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 20px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.profile-theme-label{color:var(--ink);font-size:12px;font-weight:700}
.exchange-log-card{overflow:hidden}
.exchange-log-card .table-heading{border-bottom:1px solid var(--line)}
.table-scroll{overflow-x:auto}
.exchange-log-table{min-width:1050px}
.event-processing-log-table{min-width:1250px}
.event-processing-log-table td{vertical-align:top;max-width:300px;overflow-wrap:anywhere}
.event-processing-log-table td:first-child{min-width:155px;white-space:nowrap}
.event-processing-log-table details summary{cursor:pointer;color:var(--teal-dark);font-weight:700}
.event-processing-log-table details pre{max-width:420px;max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;padding:10px;background:var(--soft);border:1px solid var(--line);border-radius:7px;color:var(--ink);font:12px/1.45 ui-monospace,Consolas,monospace}
.exchange-log-table td{vertical-align:top}
.exchange-log-table td:nth-child(4){min-width:190px;max-width:260px;overflow-wrap:anywhere}
.exchange-log-table td:last-child{min-width:300px;max-width:520px}
.exchange-log-table details summary{cursor:pointer;color:var(--teal-dark);font-weight:700}
.exchange-log-table pre{max-width:480px;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;padding:10px;background:var(--soft);border:1px solid var(--line);border-radius:7px;color:var(--ink);font:11px/1.5 ui-monospace,Consolas,monospace}
.exchange-log-method{font-weight:700;color:var(--ink)}
.exchange-log-status{font-weight:700}
.exchange-log-status.status-ok{color:#078d72}
.exchange-log-status.status-error{color:#c94b56}
.exchange-log-status.status-read{color:#087f8c}
.exchange-log-empty{padding:22px;color:var(--muted);font-size:12px;text-align:center}
.settings-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:start;gap:18px}
.client-settings-sidebar{position:sticky;top:18px;display:flex;flex-direction:column;gap:5px;padding:10px;background:var(--white);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}
.client-settings-nav{width:100%;border:0;border-radius:7px;padding:12px 13px;background:transparent;color:var(--muted);text-align:left;font:600 12px Manrope, sans-serif;cursor:pointer;transition:background .15s,color .15s}
.client-settings-nav:hover{background:var(--soft);color:var(--ink)}
.client-settings-nav.active{background:#e8f5f4;color:#087d80;font-weight:700}
.client-settings-content{min-width:0}
.client-settings-section[hidden]{display:none!important}
.client-settings-section>.data-card{margin:0 0 18px}
.client-settings-section .client-settings-card{margin:0}
.client-settings-section .table-heading{gap:12px}
.client-settings-section .table-heading>.button{flex-shrink:0}
.client-settings-section .data-table{min-width:650px}
.client-user-dialog .modal-field small{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.5}
.client-user-dialog input[readonly]{opacity:.72}
.delivery-channel-dialog{width:min(620px,calc(100vw - 28px));max-height:min(88vh,820px);overflow:auto}
.channel-config{border:1px solid var(--line);border-radius:9px;padding:13px;margin:2px 0 15px;background:var(--white)}
.channel-config-note{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.5}
.channel-config .modal-field:last-child{margin-bottom:2px}
.channel-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.channel-clear-secret{display:flex;align-items:center;gap:8px;margin:-4px 0 14px;color:var(--muted);font-size:11px}
.channel-clear-secret input{accent-color:var(--teal)}
.channel-config small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:400}
:root[data-theme="dark"]{--ink:#e8edef;--muted:#9aa9af;--line:#303d43;--soft:#202b30;--white:#192328;--shadow:0 10px 32px #0003;color-scheme:dark}
:root[data-theme="dark"] body{background:#111a1e;color:#e5ecee}
:root[data-theme="dark"] .global-header,:root[data-theme="dark"] .builder-head,:root[data-theme="dark"] .builder-meta,:root[data-theme="dark"] .subject-row,:root[data-theme="dark"] .left-panel,:root[data-theme="dark"] .right-panel,:root[data-theme="dark"] .variables-panel{background:#192328;color:#e5ecee;border-color:#303d43}
:root[data-theme="dark"] .page-container{color:#e5ecee}
:root[data-theme="dark"] .brand,:root[data-theme="dark"] .brand-title,:root[data-theme="dark"] .page-title-row h1,:root[data-theme="dark"] .panel-heading h2,:root[data-theme="dark"] .table-heading h2,:root[data-theme="dark"] .builder-title,:root[data-theme="dark"] .appearance-card h2{color:#e5ecee}
:root[data-theme="dark"] .brand-title span,:root[data-theme="dark"] .page-description,:root[data-theme="dark"] .toolbar-caption,:root[data-theme="dark"] .panel-hint,:root[data-theme="dark"] .table-heading p{color:#9aa9af}
:root[data-theme="dark"] .context-field,:root[data-theme="dark"] .builder-meta input,:root[data-theme="dark"] .builder-meta select,:root[data-theme="dark"] .subject-row input,:root[data-theme="dark"] .searchbox,:root[data-theme="dark"] .searchbox input{background:#202c31;color:#e5ecee;border-color:#3a484e}
:root[data-theme="dark"] .builder-event-toggle{background:#202c31;color:#e5ecee;border-color:#3a484e}
:root[data-theme="dark"] .builder-event-options{background:#16212d;border-color:#34465c;color:#f3f7fc}
:root[data-theme="dark"] .builder-event-option{color:#f3f7fc}
:root[data-theme="dark"] .data-card,:root[data-theme="dark"] .list-toolbar,:root[data-theme="dark"] .appearance-card{background:#192328;border-color:#303d43;color:#e5ecee}
:root[data-theme="dark"] .data-table th{background:#202b30;color:#a8b5ba;border-color:#303d43}
:root[data-theme="dark"] .data-table td{color:#dce5e8;border-color:#2d393f}
:root[data-theme="dark"] .data-table tbody tr:hover td,:root[data-theme="dark"] .selectable-row.selected-row td{background:#223237}
:root[data-theme="dark"] .cell-secondary,:root[data-theme="dark"] .settings-breadcrumb,:root[data-theme="dark"] .settings-breadcrumb button{color:#97a6ac}
:root[data-theme="dark"] .button:not(.primary):not(.export),:root[data-theme="dark"] .row-action,:root[data-theme="dark"] .view-switch,:root[data-theme="dark"] .view-button{background:#202c31;color:#cbd6d9;border-color:#3a484e}
:root[data-theme="dark"] .button:not(.primary):not(.export):hover,:root[data-theme="dark"] .row-action:hover{background:#2a383e}
:root[data-theme="dark"] .button.export{background:#203b3c;color:#78cfca;border-color:#315453}
:root[data-theme="dark"] .event-pill,:root[data-theme="dark"] .scope-badge,:root[data-theme="dark"] .secure-pill,:root[data-theme="dark"] .channel-badge{background:#243237;color:#c4d0d4;border-color:#39484e}
:root[data-theme="dark"] .base-variables-section{border-color:#303d43}
:root[data-theme="dark"] .variable-chip{background:#203537;color:#8ad4cf;border-color:#345553}
:root[data-theme="dark"] .variable-drag:hover{background:#284442;border-color:#4d8883}
:root[data-theme="dark"] .modal,:root[data-theme="dark"] .preview-modal{background:#192328;color:#e5ecee}
:root[data-theme="dark"] .modal-head,:root[data-theme="dark"] .modal-field{border-color:#303d43;color:#c0cdd1}
:root[data-theme="dark"] .modal-head h2,:root[data-theme="dark"] .modal .eyebrow{color:#e5ecee}
:root[data-theme="dark"] .modal-field input,:root[data-theme="dark"] .modal-field select,:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field textarea,:root[data-theme="dark"] .field select{background:#202c31;color:#e5ecee;border-color:#3a484e}
:root[data-theme="dark"] .close-modal,:root[data-theme="dark"] .alignment,:root[data-theme="dark"] .alignment button{background:#26343a;color:#cad5d8;border-color:#3b494f}
:root[data-theme="dark"] .left-footer,:root[data-theme="dark"] .empty-inspector{background:#202c31;border-color:#39474d;color:#aab7bb}
:root[data-theme="dark"] .canvas-toolbar,:root[data-theme="dark"] .canvas-bottom{background:#192328;color:#9aa9af;border-color:#303d43}
:root[data-theme="dark"] .canvas-scroll{background-color:#202b30;background-image:radial-gradient(#3a474c 0.7px,transparent 0.7px)}
:root[data-theme="dark"] .appearance-card p{color:#9aa9af}
:root[data-theme="dark"] .settings-icon,:root[data-theme="dark"] .block-card{background:#202c31;color:#dce5e8;border-color:#354349}
:root[data-theme="dark"] .block-card small,:root[data-theme="dark"] .context-field span,:root[data-theme="dark"] .field label{color:#9eacb1}
:root[data-theme="dark"] .left-footer,:root[data-theme="dark"] .empty-state,:root[data-theme="dark"] .dropzone{background:#202c31;color:#aab7bb;border-color:#39474d}
:root[data-theme="dark"] .left-footer b,:root[data-theme="dark"] .section-title{color:#d4dfe2}
:root[data-theme="dark"] .user-avatar{background:#25413f;color:#91d5d0}
:root[data-theme="dark"] .profile-avatar-preview{background:#0c2730;color:#91d5d0}
:root[data-theme="dark"] .profile-avatar-actions strong,:root[data-theme="dark"] .profile-password-heading strong{color:#edf4fc}
:root[data-theme="dark"] .profile-avatar-actions p,:root[data-theme="dark"] .profile-password-heading span{color:#a8c6e8}
:root[data-theme="dark"] .profile-memory-section{background:#1b2834;border-color:#33495c}:root[data-theme="dark"] .personal-memory-entry{background:#202f3d;border-color:#33495c}:root[data-theme="dark"] .personal-memory-entry-head strong,:root[data-theme="dark"] .personal-memory-entry details{color:#edf4fc}:root[data-theme="dark"] .personal-memory-entry-head small,:root[data-theme="dark"] .memory-empty{color:#a8c6e8}:root[data-theme="dark"] .personal-memory-text{background:#17222c;color:#edf4fc}
:root[data-theme="dark"] .profile-push-section{background:#1b2834;border-color:#33495c}:root[data-theme="dark"] .profile-push-section small,:root[data-theme="dark"] .profile-push-status{color:#a8c6e8}
.variables-panel[hidden]{display:none!important}
@media(max-width:760px){.appearance-card{align-items:flex-start;flex-direction:column;margin-top:0}.theme-switch{align-self:stretch;justify-content:space-between}}
:root[data-theme="dark"]{--ink:#f0f5fc;--muted:#a8c6e8;--line:#314962;--soft:#18263a;--white:#101c2e;--teal:#f59e0b;--teal-dark:#d98700;--shadow:0 12px 36px #0005;--night:#0d1728;--navy:#0a1424;--surface:#101c2e;--card:#18263a;--raised:#1d2a3d;--table:#050b17;--outline:#3a5471;--orange:#f59e0b;--success:#31dfb4;--pale-blue:#a8c6e8;color-scheme:dark}
:root[data-theme="dark"] body{background:var(--night);color:var(--ink)}
:root[data-theme="dark"] .global-header,:root[data-theme="dark"] .builder-head{background:var(--navy);border-color:#26394f;color:var(--ink)}
:root[data-theme="dark"] .builder-meta,:root[data-theme="dark"] .subject-row,:root[data-theme="dark"] .left-panel,:root[data-theme="dark"] .right-panel,:root[data-theme="dark"] .variables-panel{background:var(--surface);border-color:#26394f;color:var(--ink)}
:root[data-theme="dark"] .page-title-row h1,:root[data-theme="dark"] .brand,:root[data-theme="dark"] .brand-title,:root[data-theme="dark"] .builder-title,:root[data-theme="dark"] .panel-heading h2,:root[data-theme="dark"] .table-heading h2,:root[data-theme="dark"] .appearance-card h2{color:#f3f7fc}
:root[data-theme="dark"] .app-version-badge{border-color:#34444d;background:#24343d;color:#c0cdd2}
:root[data-theme="dark"] .manual-event-no-template{border-color:#69532b;background:#342e20;color:#f0d393}
:root[data-theme="dark"] .page-description,:root[data-theme="dark"] .brand-title span,:root[data-theme="dark"] .toolbar-caption,:root[data-theme="dark"] .panel-hint,:root[data-theme="dark"] .table-heading p,:root[data-theme="dark"] .appearance-card p,:root[data-theme="dark"] .cell-secondary,:root[data-theme="dark"] .settings-breadcrumb{color:var(--pale-blue)}
:root[data-theme="dark"] .context-field,:root[data-theme="dark"] .builder-meta input,:root[data-theme="dark"] .builder-meta select,:root[data-theme="dark"] .subject-row input,:root[data-theme="dark"] .searchbox,:root[data-theme="dark"] .searchbox input,:root[data-theme="dark"] .modal-field input,:root[data-theme="dark"] .modal-field select,:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field textarea,:root[data-theme="dark"] .field select{background:var(--navy);color:#f3f7fc;border-color:#3a5471}
:root[data-theme="dark"] .data-card,:root[data-theme="dark"] .list-toolbar,:root[data-theme="dark"] .appearance-card,:root[data-theme="dark"] .modal,:root[data-theme="dark"] .preview-modal{background:var(--card);border-color:#314962;color:var(--ink)}
:root[data-theme="dark"] .data-table th{background:var(--table);color:#dceaff;border-color:#314962}
:root[data-theme="dark"] .data-table td{background:var(--card);color:#edf4fc;border-color:#314962}
:root[data-theme="dark"] .data-table tbody tr:hover td,:root[data-theme="dark"] .selectable-row.selected-row td{background:var(--raised)}
:root[data-theme="dark"] .selectable-row.selected-row td:first-child{box-shadow:inset 3px 0 var(--orange)}
:root[data-theme="dark"] .button.primary{background:var(--orange);border-color:var(--orange);color:#111a27;box-shadow:0 3px 10px #f59e0b32}
:root[data-theme="dark"] .button.primary:hover{background:#ffb324;border-color:#ffb324}
:root[data-theme="dark"] .button:not(.primary):not(.export),:root[data-theme="dark"] .row-action,:root[data-theme="dark"] .view-switch,:root[data-theme="dark"] .view-button,:root[data-theme="dark"] .settings-icon,:root[data-theme="dark"] .block-card{background:var(--raised);color:#dceaff;border-color:var(--outline)}
:root[data-theme="dark"] .button:not(.primary):not(.export):hover,:root[data-theme="dark"] .row-action:hover,:root[data-theme="dark"] .block-card:hover{background:#26394f;border-color:var(--orange)}
:root[data-theme="dark"] .button.export{background:#251f16;color:#ffc45c;border-color:#76541d}
:root[data-theme="dark"] .context-field span,:root[data-theme="dark"] .field label,:root[data-theme="dark"] .block-card small{color:#a8c6e8}
:root[data-theme="dark"] .context-field select{color:#f3f7fc}
:root[data-theme="dark"] .event-pill,:root[data-theme="dark"] .scope-badge,:root[data-theme="dark"] .secure-pill,:root[data-theme="dark"] .channel-badge{background:#1d2a3d;color:#cfe2f9;border-color:#3a5471}
:root[data-theme="dark"] .base-variables-section,:root[data-theme="dark"] .modal-head{border-color:#314962}
:root[data-theme="dark"] .variable-chip{background:#1d2a3d;color:#ffd27d;border-color:#705324}
:root[data-theme="dark"] .variable-drag:hover{background:#2d3541;border-color:var(--orange)}
:root[data-theme="dark"] .close-modal,:root[data-theme="dark"] .alignment,:root[data-theme="dark"] .alignment button,:root[data-theme="dark"] .left-footer,:root[data-theme="dark"] .empty-inspector,:root[data-theme="dark"] .empty-state,:root[data-theme="dark"] .dropzone{background:var(--raised);border-color:#3a5471;color:#bfd4ec}
:root[data-theme="dark"] .left-footer b,:root[data-theme="dark"] .section-title,:root[data-theme="dark"] .modal-head h2,:root[data-theme="dark"] .modal .eyebrow{color:#f0f5fc}
:root[data-theme="dark"] .canvas-toolbar,:root[data-theme="dark"] .canvas-bottom{background:var(--surface);color:var(--pale-blue);border-color:#314962}
:root[data-theme="dark"] .canvas-scroll{background-color:var(--night);background-image:radial-gradient(#314962 0.7px,transparent 0.7px)}
:root[data-theme="dark"] .user-avatar{background:#0c2730;color:var(--success)}
:root[data-theme="dark"] .user-chip:hover .user-name{color:var(--orange)}
:root[data-theme="dark"] .status-dot,:root[data-theme="dark"] .tiny-dot{background:var(--success)}
:root[data-theme="dark"] .theme-switch{color:#e6effb}
:root[data-theme="dark"] .theme-switch-track{background:#314962;box-shadow:inset 0 0 0 1px #3a5471}
:root[data-theme="dark"] .theme-switch input:checked+.theme-switch-track{background:var(--orange)}
:root[data-theme="dark"] .theme-switch input:focus-visible+.theme-switch-track{outline-color:var(--orange)}
:root[data-theme="dark"] .field input:focus,:root[data-theme="dark"] .field textarea:focus,:root[data-theme="dark"] .modal-field input:focus,:root[data-theme="dark"] .modal-field select:focus,:root[data-theme="dark"] .builder-meta input:focus,:root[data-theme="dark"] .builder-meta select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f59e0b24}
.setup-body{min-height:100vh;background:#f5f7f8}
.setup-header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.setup-header .brand{min-width:0}
.setup-header .brand-logo{width:42px;height:42px}
.setup-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:250px minmax(0,1fr)}
.setup-sidebar{background:#fff;border-right:1px solid var(--line);padding:27px 15px}
.setup-sidebar .eyebrow{padding:0 11px;margin-bottom:15px}
.setup-nav-item{width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:8px;background:transparent;color:#66777e;text-align:left;padding:11px 12px;margin:3px 0;font:600 12px 'DM Sans',Arial,sans-serif;cursor:pointer}
.setup-nav-item span{width:20px;color:#91a0a6;font-size:16px;text-align:center}
.setup-nav-item:hover{background:#f4f8f8;color:#263942}
.setup-nav-item.active{background:#eaf5f4;color:#087f82}
.setup-nav-item.active span{color:#078d91}
.setup-main{min-width:0;padding:36px clamp(20px,4vw,56px) 60px}
.setup-page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
.setup-page-heading h1{font:800 26px Manrope,sans-serif;letter-spacing:-.7px;color:#1b2b34;margin:0}
.setup-page-heading p{color:#829097;font-size:12px;margin:7px 0 0}
.setup-section{display:none}.setup-section.active{display:block}
.setup-card{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}
.setup-table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}
.setup-table th{padding:13px 17px;background:#f8fafb;color:#89979d;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.75px;text-transform:uppercase}
.setup-table td{padding:14px 17px;border-bottom:1px solid #edf0f1;color:#3d4e56;font-size:12px}
.setup-table tbody tr:last-child td{border-bottom:0}
.setup-row-actions{display:flex;justify-content:flex-end;gap:7px;white-space:nowrap}
.role-badges{display:flex;flex-wrap:wrap;gap:5px}
.role-badges span{border:1px solid #dce9e8;background:#f1f8f7;color:#087f82;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:600}
.setup-empty{padding:30px;text-align:center;color:#97a3a8;font-size:12px}
.setup-membership-toolbar{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}
.setup-membership-toolbar label{display:flex;flex-direction:column;gap:6px;color:#718087;font-size:10px;font-weight:600;flex:1}
.setup-membership-toolbar select{height:37px;border:1px solid #e1e7e9;border-radius:7px;padding:0 10px;background:#fff;color:#425159;font:12px 'DM Sans',Arial,sans-serif;min-width:0}
.setup-dialog{max-height:min(90vh,760px);overflow:auto}
.setup-dialog .modal-head{margin-bottom:15px}
.setup-dialog .modal-field small{font-size:10px;font-weight:400;color:#97a3a8}
#clientDialog.client-dialog{width:min(900px,calc(100vw - 28px));max-width:none}
.client-edit-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:24px;align-items:start}
.client-details-panel{padding-top:4px}
.client-edit-hint{max-width:280px;color:#8a989e;font-size:11px;line-height:1.6;margin:12px 0}
.client-members-panel{min-width:0;border:1px solid var(--line);border-radius:10px;padding:15px;background:#fbfcfc}
.client-members-heading h3{font:700 13px Manrope,sans-serif;color:#263942;margin:0}
.client-members-heading p{font-size:10px;color:#89979d;line-height:1.5;margin:5px 0 12px}
.client-members-heading code{font:10px ui-monospace,Consolas,monospace;color:#087f82}
.client-passcode-card{padding:13px;margin-bottom:15px;border:1px solid #dce8e7;border-radius:9px;background:#f4f9f8}
.client-passcode-controls{display:flex;gap:8px}
.client-passcode-controls input{flex:1;min-width:0;height:37px;padding:0 10px;border:1px solid #dce5e6;border-radius:7px;background:#fff;color:#263942;font:11px ui-monospace,Consolas,monospace;letter-spacing:.2px}
.client-passcode-status{margin-top:7px;color:#87969b;font-size:10px;line-height:1.45}
.client-members-toolbar{display:flex;gap:8px;margin-bottom:10px}
.client-members-toolbar select{height:36px;min-width:0;flex:1;border:1px solid #e1e7e9;border-radius:7px;padding:0 9px;background:#fff;color:#425159;font:11px 'DM Sans',Arial,sans-serif}
.client-members-toolbar .button{flex-shrink:0}
.client-members-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
.client-members-table-wrap .setup-table{min-width:450px}
.client-members-table-wrap .setup-table th{padding:10px 12px}
.client-members-table-wrap .setup-table td{padding:10px 12px}
.client-members-table-wrap .setup-empty{padding:17px}
.role-picker{border:1px solid var(--line);border-radius:8px;padding:11px 12px;margin:2px 0 16px;display:flex;gap:14px;flex-wrap:wrap;color:#56676e;font-size:11px}
.role-picker legend{padding:0 4px;color:#718087;font-size:10px;font-weight:600}
.role-picker label{display:flex;align-items:center;gap:5px}
.role-picker input{accent-color:#078d91}
.setup-link,.logout-link{font-size:10px;color:#61747b;text-decoration:none;white-space:nowrap}
.logout-link{border:0;padding:0;background:transparent;font:500 10px 'DM Sans',Arial,sans-serif;cursor:pointer}
.setup-link:hover,.logout-link:hover{color:#078d91;text-decoration:underline}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 12%,#e5f4f3 0,transparent 34%),#f5f7f8}
.login-card{width:min(100%,420px);padding:34px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #18354116}
.login-brand{min-width:0;margin-bottom:34px;line-height:1.2}
.login-brand .brand-logo{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#078d91}
.login-brand .brand-logo img{width:100%;height:100%;object-fit:contain}
.login-brand .brand-title{font-size:14px}
.login-brand .brand-title span{display:block;margin-top:4px;color:#708087;font:500 10px 'DM Sans',sans-serif}
.login-card h1{font:800 25px Manrope,sans-serif;letter-spacing:-.6px;margin:0;color:#1b2b34}
.login-description{margin:8px 0 22px;color:#7f8c92;font-size:12px}
.login-card .modal-field{display:flex;flex-direction:column;gap:7px;margin:0 0 15px;color:#617179;font-size:11px;font-weight:600}
.login-card .modal-field input{height:42px;width:100%;border:1px solid #dfe6e8;border-radius:8px;padding:0 12px;background:#fff;color:#263942;font:13px 'DM Sans',sans-serif;outline:none}
.login-card .modal-field input:focus{border-color:#7fc7c4;box-shadow:0 0 0 3px #e8f6f5}
.login-remember{display:flex;align-items:center;gap:8px;margin:2px 0 19px;color:#687981;font-size:11px}
.login-remember input{accent-color:#078d91}
.login-submit{width:100%;height:42px;font-size:13px}
.login-error{margin:0 0 18px;padding:10px 12px;border:1px solid #f0c9c9;border-radius:8px;background:#fff6f6;color:#ad3f3f;font-size:11px;line-height:1.5}
:root[data-theme="dark"] .login-page{background:radial-gradient(circle at 18% 12%,#1d2a3d 0,transparent 34%),#050b17}
:root[data-theme="dark"] .login-card{background:#101c2e;border-color:#314962;color:#edf4fc}
:root[data-theme="dark"] .login-card h1{color:#f3f7fc}
:root[data-theme="dark"] .login-brand .brand-title{color:#f3f7fc}
:root[data-theme="dark"] .login-brand .brand-title span,:root[data-theme="dark"] .login-description,:root[data-theme="dark"] .login-card .modal-field,:root[data-theme="dark"] .login-remember{color:#a8c6e8}
:root[data-theme="dark"] .login-card .modal-field input{background:#0a1424;border-color:#3a5471;color:#f3f7fc}
@media(max-width:480px){.login-card{padding:25px 21px}}
:root[data-theme="dark"] .setup-header,:root[data-theme="dark"] .setup-sidebar,:root[data-theme="dark"] .setup-card{background:#101c2e;border-color:#314962;color:#eaf2fb}
:root[data-theme="dark"] .setup-nav-item{color:#a8c6e8}
:root[data-theme="dark"] .setup-nav-item:hover,:root[data-theme="dark"] .setup-nav-item.active{background:#1d2a3d;color:#f59e0b}
:root[data-theme="dark"] .setup-nav-item.active span{color:#f59e0b}
:root[data-theme="dark"] .setup-page-heading h1{color:#f3f7fc}
:root[data-theme="dark"] .setup-page-heading p,:root[data-theme="dark"] .setup-membership-toolbar label{color:#a8c6e8}
:root[data-theme="dark"] .setup-table th{background:#050b17;color:#a8c6e8;border-color:#314962}
:root[data-theme="dark"] .setup-table td{background:#18263a;color:#edf4fc;border-color:#314962}
:root[data-theme="dark"] .setup-table tbody tr:hover td{background:#1d2a3d}
:root[data-theme="dark"] .role-badges span{background:#1d2a3d;border-color:#705324;color:#ffd27d}
:root[data-theme="dark"] .setup-membership-toolbar select{background:#0a1424;border-color:#3a5471;color:#f3f7fc}
:root[data-theme="dark"] .role-picker{border-color:#314962;color:#dceaff}
:root[data-theme="dark"] .role-picker legend,:root[data-theme="dark"] .setup-link,:root[data-theme="dark"] .logout-link{color:#a8c6e8}
:root[data-theme="dark"] .client-members-panel,:root[data-theme="dark"] .client-members-table-wrap{background:#101c2e;border-color:#314962}
:root[data-theme="dark"] .client-passcode-card{background:#0a1424;border-color:#3a5471}
:root[data-theme="dark"] .client-passcode-controls input{background:#101c2e;border-color:#3a5471;color:#f3f7fc}
:root[data-theme="dark"] .client-passcode-status{color:#a8c6e8}
:root[data-theme="dark"] .client-members-heading h3{color:#f3f7fc}
:root[data-theme="dark"] .client-members-heading p,:root[data-theme="dark"] .client-edit-hint{color:#a8c6e8}
:root[data-theme="dark"] .client-members-heading code{color:#ffd27d}
:root[data-theme="dark"] .client-members-toolbar select{background:#0a1424;border-color:#3a5471;color:#f3f7fc}
:root[data-theme="dark"] .exchange-log-table details summary{color:var(--orange)}
:root[data-theme="dark"] .exchange-log-status.status-ok{color:var(--success)}
:root[data-theme="dark"] .exchange-log-status.status-error{color:#ff8b94}
:root[data-theme="dark"] .exchange-log-status.status-read{color:#57d5d0}
:root[data-theme="dark"] .client-settings-sidebar{background:#101c2e;border-color:#314962}
:root[data-theme="dark"] .client-settings-nav{color:#a8c6e8}
:root[data-theme="dark"] .client-settings-nav:hover{background:#18263a;color:#f3f7fc}
:root[data-theme="dark"] .client-settings-nav.active{background:#332a18;color:#ffd27d}
:root[data-theme="dark"] .client-user-dialog .modal-field small{color:#a8c6e8}
:root[data-theme="dark"] .channel-config{background:#101c2f;border-color:#3a5471}
:root[data-theme="dark"] .channel-config-note,:root[data-theme="dark"] .channel-config small,:root[data-theme="dark"] .channel-clear-secret{color:#a8c6e8}
@media(max-width:760px){.setup-header{padding:0 14px}.setup-shell{grid-template-columns:1fr}.setup-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:12px;display:flex;align-items:center;gap:5px;overflow:auto}.setup-sidebar .eyebrow{display:none}.setup-nav-item{width:auto;white-space:nowrap;padding:9px}.setup-main{padding:25px 14px 45px}.setup-page-heading{align-items:flex-start;flex-direction:column}.client-edit-layout{grid-template-columns:1fr;gap:8px}.client-edit-hint{max-width:none}.client-members-panel{padding:12px}}

/* Keep native select popups in the same dark palette as the application. */
:root[data-theme="dark"] select{color-scheme:dark;background-color:#0a1424;color:#f3f7fc;border-color:#3a5471}
:root[data-theme="dark"] select option{background-color:#101c2e;color:#eaf2fb}
:root[data-theme="dark"] select option:checked{background:#f59e0b linear-gradient(#f59e0b,#f59e0b);color:#111a27}
:root[data-theme="dark"] select option:disabled{color:#8295ad}
:root[data-theme="dark"] select{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a8c6e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
:root[data-theme="dark"] select:focus-visible{outline:0;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b24}
:root[data-theme="dark"] .context-field select{background-image:none;padding-right:0}
:root[data-theme="dark"] #templatesTableBody .template-name-cell,:root[data-theme="dark"] #basesTableBody .template-name-cell{color:#f3f7fc!important}
@media(max-width:760px){.settings-workspace{grid-template-columns:1fr;gap:12px}.client-settings-sidebar{position:static;flex-direction:row;overflow-x:auto;white-space:nowrap}.client-settings-nav{width:auto;min-width:max-content;padding:10px}.client-settings-content .table-heading{align-items:flex-start}.client-settings-section .table-heading>.button{font-size:10px;padding:0 8px}}

/* Client image library and icon-only navigation. */
.icon-nav-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #e3e9eb;border-radius:9px;background:#fff;color:#61747b;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.icon-nav-button svg,.setup-return-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-nav-button:hover{background:#f1f8f7;border-color:#bddbd9;color:#078d91;text-decoration:none}
.setup-return-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e3e9eb;border-radius:9px;background:#fff;color:#61747b;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.setup-return-icon:hover{background:#f1f8f7;border-color:#bddbd9;color:#078d91}
.client-images-card{padding-bottom:20px}
.client-image-grid,.image-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,190px));justify-content:start;align-content:start;align-items:start;gap:14px;padding:17px}
.client-image-tile{min-width:0;overflow:hidden;border:1px solid #e7edef;border-radius:9px;background:#fff;color:#40535a;text-align:left}
button.client-image-tile{padding:0;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
button.client-image-tile:hover{border-color:#78c1be;box-shadow:0 5px 16px #0f45440c;transform:translateY(-1px)}
.client-image-tile img{display:block;width:100%;height:124px;object-fit:contain;background:#f5f7f8}
.client-image-meta{display:block;padding:10px 11px 11px}
.client-image-meta strong,.client-image-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-image-meta strong{font-size:11px;font-weight:600}
.client-image-meta small{margin-top:5px;color:#8b999f;font-size:9px}
.image-library-loading{grid-column:1/-1;padding:4px 0;color:#839198;font-size:12px}
.image-picker-dialog{width:min(840px,calc(100vw - 30px));max-height:min(85vh,800px);overflow:auto}
.image-picker-grid{max-height:65vh;overflow:auto}
.image-source-actions{display:grid;gap:8px}
.image-source-actions .button{width:100%;height:auto;min-height:36px;padding:8px 10px;white-space:normal}
.inspector-image-preview{display:block;width:100%;max-height:180px;object-fit:contain;margin-top:10px;border:1px solid #e6ebed;border-radius:8px;background:#f6f8f9}
.inspector-image-empty{margin-top:9px;padding:18px 10px;border:1px dashed #dce4e6;border-radius:8px;color:#94a2a8;text-align:center;font-size:10px}
.server-settings-card{max-width:780px;padding:24px}
.server-settings-heading h2{margin:0;color:#22343c;font:700 17px Manrope,sans-serif}
.server-settings-heading p{max-width:590px;color:#839198;font-size:11px;line-height:1.6}
.server-settings-card form{max-width:580px}
.server-url-preview{display:grid;gap:7px;margin:10px 0 16px;padding:12px;border:1px solid #e7edef;border-radius:8px;background:#f8fafb}
.server-url-preview span{color:#819098;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}
.server-url-preview code{overflow-wrap:anywhere;color:#334951;font:11px 'DM Sans',sans-serif}
.server-settings-card .modal-actions{justify-content:flex-start}
:root[data-theme="dark"] .icon-nav-button,:root[data-theme="dark"] .setup-return-icon{background:#101c2e;border-color:#314962;color:#a8c6e8}
:root[data-theme="dark"] .icon-nav-button:hover,:root[data-theme="dark"] .setup-return-icon:hover{background:#1d2a3d;border-color:#f59e0b;color:#ffd27d}
:root[data-theme="dark"] .client-image-tile{background:#101c2e;border-color:#314962;color:#eaf2fb}
:root[data-theme="dark"] .client-image-tile img,:root[data-theme="dark"] .inspector-image-preview{background:#0a1424;border-color:#314962}
:root[data-theme="dark"] .client-image-meta small,:root[data-theme="dark"] .image-library-loading{color:#a8c6e8}
:root[data-theme="dark"] .inspector-image-empty{background:#101c2e;border-color:#3a5471;color:#a8c6e8}
:root[data-theme="dark"] .server-settings-heading h2{color:#f3f7fc}
:root[data-theme="dark"] .server-settings-heading p{color:#a8c6e8}
:root[data-theme="dark"] .server-url-preview{background:#0a1424;border-color:#314962}
:root[data-theme="dark"] .server-url-preview span{color:#a8c6e8}
:root[data-theme="dark"] .server-url-preview code{color:#ffd27d}
@media(max-width:620px){.client-image-grid,.image-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.client-image-tile img{height:105px}.server-settings-card{padding:15px}.account-menu{gap:7px}.icon-nav-button{width:32px;height:32px}.channel-form-grid{grid-template-columns:1fr;gap:0}.delivery-channel-dialog{padding:16px}}
.template-attachments-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 24px;border-bottom:1px solid var(--line);background:var(--white)}.template-attachments-heading{display:grid;gap:3px;min-width:130px;padding-top:8px;color:var(--ink);font-size:11px}.template-attachments-heading span{color:var(--muted);font-size:9px}.template-attachments-content{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0}.template-attachment-list{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.template-attachment-chip{display:flex;align-items:center;gap:7px;max-width:260px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink)}.template-attachment-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:6px;background:#e8f5f4;color:#087d80}.template-attachment-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.template-attachment-name small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.template-attachment-chip>button{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.template-attachment-actions{display:flex;flex-wrap:wrap;gap:7px}.template-attachment-actions .button{height:31px;font-size:10px}.client-file-actions,.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.client-files-table{min-width:740px}.button.small{height:29px;padding:0 9px;font-size:10px}.button.danger{color:#b94c55;border-color:#e9c7ca}.button.danger:hover{background:#fff4f4;border-color:#d99a9f}.template-file-picker-dialog{width:min(700px,calc(100vw - 30px));max-height:min(85vh,760px);overflow:auto}.template-file-picker-list{max-height:60vh;overflow:auto}.template-file-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.template-file-picker-row>div{min-width:0}.template-file-picker-row strong,.template-file-picker-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-file-picker-row strong{font-size:11px}.template-file-picker-row small{margin-top:4px;color:var(--muted);font-size:9px}
.client-files-table tbody tr[data-client-file-row]{cursor:pointer}.icon-action{display:inline-grid!important;place-items:center;width:30px;height:30px;min-width:30px;padding:0!important;border-radius:8px;text-decoration:none}.icon-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-action:hover{border-color:var(--teal);color:var(--teal)}
:root[data-theme="dark"] .template-attachments-bar{background:#192328;border-color:#303d43}:root[data-theme="dark"] .template-attachment-icon{background:#183b3b;color:#82d5cf}:root[data-theme="dark"] .template-attachment-chip{background:#101c2e;border-color:#314962}:root[data-theme="dark"] .button.danger{color:#ff9c9e;border-color:#70434c;background:#211d28}:root[data-theme="dark"] .button.danger:hover{background:#3a272d;border-color:#884d55}
@media(max-width:760px){.template-attachments-bar{align-items:stretch;flex-direction:column;padding:10px 14px;gap:8px}.template-attachments-heading{padding-top:0}.template-attachments-content{justify-content:flex-start}.template-attachment-actions .button{flex:1}}
:root .block-card[hidden]{display:none!important}
.knowledge-nav{font:700 17px Manrope,sans-serif;border-radius:50%}
.settings-event-picker{display:flex;align-items:center;gap:12px;margin:0 0 13px;color:#718087;font-size:11px;font-weight:600}
.settings-event-picker select{min-width:240px;max-width:100%;border:1px solid #e2e8ea;border-radius:7px;background:#fff;padding:9px 11px;color:#425159;font:12px 'DM Sans',sans-serif}
.knowledge-editor-dialog{width:min(780px,calc(100vw - 30px));max-height:calc(100vh - 32px);overflow:auto}
.knowledge-editor-dialog textarea{min-height:280px;font:13px/1.6 'DM Sans',sans-serif;resize:vertical}
.knowledge-article-options{display:flex;align-items:center;gap:20px;margin:5px 0 15px}
.knowledge-article-options .modal-field{width:150px;margin:0}
.knowledge-publish-toggle{display:flex;align-items:center;gap:9px;color:#52616a;font-size:12px}
.knowledge-row-summary{color:#87949b;font-size:11px;margin-top:4px;max-width:520px}
.knowledge-status{display:inline-flex;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:600}
.knowledge-status.published{background:#e8f7f0;color:#27875e}.knowledge-status.draft{background:#f2f4f5;color:#748188}
.knowledge-body{min-height:100vh;background:#f5f7f8;color:#18242e}
.knowledge-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid #e8edf0}
.knowledge-header .brand{min-width:auto}.knowledge-return{display:inline-flex;align-items:center;text-decoration:none}
.knowledge-layout{width:min(1260px,calc(100% - 56px));min-height:calc(100vh - 68px);margin:0 auto;display:grid;grid-template-columns:270px minmax(0,1fr);background:#fff}
.knowledge-sidebar{padding:38px 22px;border-right:1px solid #e8edf0}
.knowledge-sidebar h1{font:700 22px Manrope,sans-serif;margin:0 0 8px}.knowledge-sidebar>p{color:#84919b;font-size:12px;line-height:1.55;margin:0 0 27px}
#knowledgeNavigation{display:flex;flex-direction:column;gap:4px}
.knowledge-nav-group{display:flex;flex-direction:column;gap:3px;margin:0 0 14px}
.knowledge-nav-group h2{font:700 10px/1.35 'DM Sans',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#87949b;margin:12px 10px 4px}
.knowledge-nav-group h3{font:600 11px/1.35 'DM Sans',sans-serif;color:#697984;margin:8px 10px 3px}
#knowledgeNavigation button{border:0;background:transparent;text-align:left;border-radius:7px;padding:10px 11px;color:#52616a;font:500 12px 'DM Sans',sans-serif;line-height:1.45;cursor:pointer}
#knowledgeNavigation button:hover{background:#f3f7f7;color:#087f82}#knowledgeNavigation button.active{background:#eaf6f5;color:#087f82;font-weight:700}
.knowledge-article{max-width:850px;padding:54px 66px 90px}
.knowledge-article>h1{font:700 32px/1.2 Manrope,sans-serif;letter-spacing:-.7px;margin:8px 0 14px;color:#172833}
.knowledge-summary{font-size:16px;line-height:1.6;color:#60717a;margin:0 0 14px}
.knowledge-updated{font-size:11px;color:#98a4aa;padding-bottom:23px;border-bottom:1px solid #e8edf0}
.knowledge-content{font-size:14px;line-height:1.8;color:#425159;overflow-wrap:anywhere}
.knowledge-content h1,.knowledge-content h2,.knowledge-content h3{font-family:Manrope,sans-serif;color:#172833;line-height:1.35;margin:30px 0 10px}
.knowledge-content h1{font-size:24px}.knowledge-content h2{font-size:20px}.knowledge-content h3{font-size:16px}
.knowledge-content p{margin:12px 0}.knowledge-content ul{padding-left:23px;margin:12px 0}.knowledge-content li{padding-left:3px;margin:5px 0}
.knowledge-content a{color:#087f82;text-decoration:underline;text-underline-offset:3px}.knowledge-content code{background:#f1f4f5;border-radius:4px;padding:2px 5px;font-size:.92em}
.knowledge-content pre{overflow:auto;padding:16px;border:1px solid #e3e9ec;border-radius:10px;background:#f7f9fa;line-height:1.55;white-space:pre;margin:16px 0}.knowledge-content pre code{display:block;padding:0;background:transparent;color:inherit;font:inherit}
.knowledge-loading,.knowledge-empty{color:#89969c;padding:30px 0;line-height:1.6}
:root[data-theme="dark"] .settings-event-picker{color:#a8c6e8}:root[data-theme="dark"] .settings-event-picker select{background:#0a1424;color:#f3f7fc;border-color:#3a5471}
:root[data-theme="dark"] .knowledge-body{background:var(--night);color:var(--ink)}
:root[data-theme="dark"] .knowledge-header,:root[data-theme="dark"] .knowledge-layout,:root[data-theme="dark"] .knowledge-sidebar{background:var(--surface);border-color:#314962}
:root[data-theme="dark"] .knowledge-sidebar h1,:root[data-theme="dark"] .knowledge-article>h1,:root[data-theme="dark"] .knowledge-content h1,:root[data-theme="dark"] .knowledge-content h2,:root[data-theme="dark"] .knowledge-content h3{color:#f3f7fc}
:root[data-theme="dark"] .knowledge-sidebar>p,:root[data-theme="dark"] .knowledge-summary,:root[data-theme="dark"] .knowledge-content{color:#bfd4ec}
:root[data-theme="dark"] #knowledgeNavigation button{color:#bfd4ec}:root[data-theme="dark"] #knowledgeNavigation button.active,:root[data-theme="dark"] #knowledgeNavigation button:hover{background:#1d2a3d;color:#ffd27d}
:root[data-theme="dark"] .knowledge-nav-group h2{color:#8ea9c9}
:root[data-theme="dark"] .knowledge-nav-group h3{color:#a9bdd2}
:root[data-theme="dark"] .knowledge-updated{border-color:#314962;color:#a8c6e8}:root[data-theme="dark"] .knowledge-content code{background:#1d2a3d;color:#ffd27d}
:root[data-theme="dark"] .knowledge-content pre{background:#162236;border-color:#314962;color:#dce8f7}:root[data-theme="dark"] .knowledge-content pre code{background:transparent;color:inherit}
:root[data-theme="dark"] .knowledge-content a{color:#ffd27d}:root[data-theme="dark"] .knowledge-publish-toggle{color:#bfd4ec}
@media(max-width:760px){.knowledge-header{padding:0 14px}.knowledge-layout{width:100%;grid-template-columns:1fr}.knowledge-sidebar{padding:22px 18px;border-right:0;border-bottom:1px solid #e8edf0}.knowledge-sidebar>p{margin-bottom:14px}#knowledgeNavigation{flex-direction:row;overflow-x:auto}#knowledgeNavigation button{white-space:nowrap}.knowledge-article{padding:30px 20px 60px}.knowledge-article>h1{font-size:26px}.knowledge-article-options{align-items:flex-start;flex-direction:column}.knowledge-article-options .modal-field{width:100%}}

/* Home event workspace */
.home-title-row{margin-bottom:22px}
.home-actionbar{display:flex;align-items:center;gap:8px;min-height:54px;margin:0 0 18px;padding:7px;background:var(--white);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);overflow-x:auto}
.home-actionbar>.home-nav-button[hidden]{display:none!important}
.home-nav-button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;padding:0 15px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font:700 11px Manrope,sans-serif;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.home-nav-button:hover:not(:disabled){background:var(--soft);color:var(--ink)}
.home-nav-button.active{background:#e8f5f4;color:#087d80;border-color:#d5ebea}
.home-nav-button:disabled{opacity:.42;cursor:not-allowed}
.home-action-divider{width:1px;height:25px;flex:none;margin:0 5px;background:var(--line)}
.home-nav-button.icon-action{display:inline-flex;flex:0 0 auto;flex-direction:row;min-width:max-content;white-space:nowrap}.home-nav-button.icon-action svg{display:block;flex:0 0 16px;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-nav-button.icon-action span{display:inline-block;position:static;flex:0 0 auto;white-space:nowrap;line-height:1}
.home-actionbar>.home-nav-button.icon-action{display:grid;grid-template-columns:16px max-content;align-items:center;justify-content:center;column-gap:8px;flex:0 0 168px;width:168px;min-width:168px;padding:0 12px;white-space:nowrap}
.home-actionbar>.home-nav-button.icon-action svg{grid-column:1;grid-row:1}
.home-actionbar>.home-nav-button.icon-action span{grid-column:2;grid-row:1;white-space:nowrap}
.home-actionbar>.home-nav-button.icon-action.template-icon-only{grid-template-columns:16px;column-gap:0;flex:0 0 40px;width:40px;min-width:40px;padding:0;}
.home-actionbar>.home-nav-button.icon-action.template-icon-only span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-actionbar>.home-nav-button.icon-action.template-icon-only:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.home-nav-button.icon-action{border-color:var(--line);background:var(--white);color:var(--ink)}
.home-nav-button.icon-action:hover:not(:disabled){border-color:#9acdc9;color:#087d80;background:var(--soft)}
.home-nav-button.danger-action:hover:not(:disabled){border-color:#e5b6b6;color:#b65353;background:#fff7f7}
.home-list-toolbar{border-radius:11px 11px 0 0}
.home-view-card{border-radius:0 0 11px 11px}
.home-view-card .data-table{min-width:720px}
.home-view-card .selectable-row{cursor:pointer}
.home-view-card .selectable-row:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.home-view-card .empty-state.visible{display:block}
.home-view-card .empty-state:not(.visible){display:none}
:root[data-theme="dark"] .home-actionbar{background:var(--card);border-color:#314962}
:root[data-theme="dark"] .home-nav-button{color:#cfe2f9}
:root[data-theme="dark"] .home-nav-button.active{background:#26394f;color:#ffc45c;border-color:#76541d}
:root[data-theme="dark"] .home-nav-button.icon-action{background:var(--raised);border-color:var(--outline);color:#dceaff}
:root[data-theme="dark"] .home-nav-button.danger-action:hover:not(:disabled){background:#3a272d;border-color:#884d55;color:#ff929b}
@media(max-width:760px){.home-actionbar{gap:5px;padding:6px}.home-nav-button{height:36px;padding:0 11px;font-size:10px}.home-nav-button.icon-action{gap:6px}.home-actionbar>.home-nav-button.icon-action{flex-basis:156px;width:156px;min-width:156px;padding:0 8px;column-gap:6px}.home-action-divider{margin:0 2px}.home-view-card .data-table{min-width:660px}}
.builder-page.sms-mode .email-canvas{max-width:460px!important;background:#f2f4f5!important;border-radius:14px;padding:18px;box-sizing:border-box}
.builder-page.sms-mode .email-canvas>div{max-width:100%!important;min-height:180px!important;border:1px solid #dfe5e8;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #253a4512}
.builder-page.sms-mode .canvas-bottom span:first-child{font-size:0}
.builder-page.sms-mode .canvas-bottom span:first-child:after{content:'Предпросмотр SMS';font-size:10px}
:root[data-theme="dark"] .builder-page.sms-mode .email-canvas{background:#18263a!important}
:root[data-theme="dark"] .builder-page.sms-mode .email-canvas>div{background:#fff!important;border-color:#dfe5e8;color:#263640!important}
:root[data-theme="dark"] .builder-page.sms-mode .email-canvas .block-content{color:#263640!important}


.builder-page.max-mode .email-canvas{max-width:460px!important;background:#f2f4f5!important;border-radius:14px;padding:18px;box-sizing:border-box}
.builder-page.max-mode .email-canvas>div{max-width:100%!important;min-height:180px!important;border:1px solid #dfe5e8;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #253a4512}
.builder-page.max-mode .canvas-bottom span:first-child{font-size:0}
.builder-page.max-mode .canvas-bottom span:first-child:after{content:'Предпросмотр MAX';font-size:10px}
:root[data-theme="dark"] .builder-page.max-mode .email-canvas{background:#18263a!important}
:root[data-theme="dark"] .builder-page.max-mode .email-canvas>div{background:#fff!important;border-color:#dfe5e8;color:#263640!important}
:root[data-theme="dark"] .builder-page.max-mode .email-canvas .block-content{color:#263640!important}
.builder-page.telegram-mode .email-canvas{max-width:460px!important;background:#f2f4f5!important;border-radius:14px;padding:18px;box-sizing:border-box}
.builder-page.telegram-mode .email-canvas>div{max-width:100%!important;min-height:180px!important;border:1px solid #dfe5e8;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #253a4512}
.builder-page.telegram-mode .canvas-bottom span:first-child{font-size:0}
.builder-page.telegram-mode .canvas-bottom span:first-child:after{content:'Предпросмотр Telegram';font-size:10px}
:root[data-theme="dark"] 
.builder-page.telegram-mode .email-canvas{background:#18263a!important}
:root[data-theme="dark"] .builder-page.telegram-mode .email-canvas>div{background:#fff!important;border-color:#dfe5e8;color:#263640!important}
:root[data-theme="dark"] .builder-page.telegram-mode .email-canvas .block-content{color:#263640!important}
.manual-event-dialog{width:min(1280px,calc(100vw - 28px));height:min(94vh,980px);max-height:94vh;padding:0;overflow:hidden}
.manual-event-dialog[open]{display:flex;flex-direction:column}
.manual-event-dialog>form{height:100%;min-height:0;display:flex;flex-direction:column}
.manual-event-dialog .modal-head{flex:none;padding:18px 22px 14px}
.manual-template-picker{flex:none;margin:12px 22px 10px!important}
.manual-event-no-template{margin:12px 22px;color:var(--muted)}
.manual-event-compose-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);overflow:hidden}
.manual-event-variable-section{min-width:0;overflow-y:auto;padding:16px;background:var(--soft);border-right:1px solid var(--line)}
.manual-variable-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.manual-variable-heading>div{min-width:0}
.manual-event-variable-section h3{margin:0 0 5px;color:var(--ink);font:700 13px Manrope,sans-serif}
.manual-variable-heading p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.manual-variable-actions{display:flex;align-items:center;gap:6px;flex:none}
.manual-variable-actions .button{height:31px;padding:0 10px;font-size:11px}
#refreshManualMessageButton{flex:none}
.manual-ai-progress{margin:0 0 14px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--teal) 7%,var(--white));color:var(--ink)}
.manual-ai-progress[hidden]{display:none}
.manual-ai-progress-label{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:11px;font-weight:700}
.manual-ai-progress-spinner{width:13px;height:13px;border:2px solid color-mix(in srgb,var(--teal) 24%,transparent);border-top-color:var(--teal);border-radius:50%;animation:manual-ai-spin .8s linear infinite}
.manual-ai-progress-track{height:5px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--teal) 14%,var(--line))}
.manual-ai-progress-track span{display:block;width:38%;height:100%;border-radius:inherit;background:var(--teal);animation:manual-ai-progress 1.5s ease-in-out infinite}
@keyframes manual-ai-spin{to{transform:rotate(360deg)}}
@keyframes manual-ai-progress{0%{transform:translateX(-110%)}50%{transform:translateX(90%)}100%{transform:translateX(280%)}}
@media(prefers-reduced-motion:reduce){.manual-ai-progress-spinner,.manual-ai-progress-track span{animation:none}.manual-ai-progress-track span{width:100%}}
.manual-event-variables{display:grid;grid-template-columns:1fr;gap:0}
.manual-event-variables .modal-field{min-width:0;margin-bottom:10px;color:var(--muted);font-size:10px}
.manual-event-no-variables{padding:12px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:11px}
.manual-message-area{min-width:0;min-height:0;overflow:auto;padding:0 20px 16px}
.manual-message-preview{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--white)}
.manual-preview-heading{flex:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 2px 9px;color:var(--ink);font-size:11px}
.manual-preview-heading span{color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.manual-event-dialog .modal-field{display:block;color:var(--muted);font-size:10px;font-weight:600}
.manual-event-dialog .modal-field input,.manual-event-dialog .modal-field textarea,.manual-event-dialog .modal-field select{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:9px 10px;background:var(--white);color:var(--ink);font:12px/1.5 Manrope,sans-serif;outline:none;resize:vertical}
.manual-event-dialog .modal-field textarea:focus,.manual-event-dialog .modal-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 15%,transparent)}
.manual-event-dialog .manual-subject-field{flex:none;margin:0 0 12px}
.manual-compose-toolbar{height:38px;flex:none;display:flex;align-items:center;gap:4px;padding:0 7px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:var(--soft)}
.manual-compose-toolbar button{height:26px;min-width:28px;padding:0 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink);font:12px Manrope,sans-serif;cursor:pointer}
.manual-compose-toolbar button:hover{background:var(--white);border-color:var(--line)}
.manual-compose-toolbar{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.manual-compose-toolbar button,.manual-compose-toolbar select,.manual-compose-toolbar .compose-color-control{flex:0 0 auto}
.manual-compose-toolbar select{height:26px;min-width:54px;padding:0 5px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--ink);font:11px Manrope,sans-serif}
.manual-compose-toolbar .compose-color-control{height:26px;display:flex;align-items:center;gap:3px;padding:0 4px;border:1px solid transparent;border-radius:5px;color:var(--ink);font:700 12px Manrope,sans-serif;cursor:pointer}
.manual-compose-toolbar .compose-color-control:hover{background:var(--white);border-color:var(--line)}
.manual-compose-toolbar .compose-color-control input{width:17px;height:17px;padding:0;border:0;background:transparent;cursor:pointer}
.manual-compose-toolbar [data-compose-link] svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.template-compose-toolbar{height:38px;border-radius:7px 7px 0 0}
.template-text-frame{display:block;width:100%;height:300px;border:1px solid var(--line);border-radius:0 0 7px 7px;background:#fff}
.text-link-dialog{width:min(440px,calc(100vw - 28px));padding:0;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);box-shadow:0 24px 80px #0004}
.text-link-dialog form{padding:20px}
.text-link-dialog .modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.text-link-dialog .modal-head h2{margin:4px 0 0;font-size:20px}
.text-link-dialog .modal-field{display:grid;gap:7px;margin:12px 0 6px;color:var(--muted);font-size:11px;font-weight:600}
.text-link-dialog .modal-field input{height:38px;border:1px solid var(--line);border-radius:7px;padding:0 10px;background:var(--white);color:var(--ink);font:12px Manrope,sans-serif}
.text-link-selection{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}
.text-link-dialog .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.manual-compose-toolbar>span{height:18px;width:1px;flex:0 0 1px;margin:0 4px;background:var(--line)}
.manual-message-preview iframe{display:block;flex:1;width:100%;height:auto;min-height:300px;border:1px solid var(--line);border-radius:0 0 8px 8px;background:#f3f6f8}
.manual-sms-field{flex:1;display:flex!important;flex-direction:column;min-height:0;margin:0!important}
.manual-sms-field textarea{flex:1;min-height:240px;resize:vertical;white-space:pre-wrap}
.manual-event-dialog .modal-actions{flex:none;margin-top:0;padding:13px 22px;border-top:1px solid var(--line);background:var(--white)}
:root[data-theme="dark"] .manual-event-variable-section{background:#111f31;border-color:var(--outline)}
:root[data-theme="dark"] .manual-ai-progress{background:#102c36;border-color:#28616b;color:#ecf8fa}
:root[data-theme="dark"] .manual-compose-toolbar{background:#15253a;border-color:var(--outline)}
:root[data-theme="dark"] .manual-compose-toolbar button:hover{background:#22364d;border-color:var(--outline)}
:root[data-theme="dark"] .manual-compose-toolbar select{background:#0a1424;color:#f3f7fc;border-color:#3a5471}
:root[data-theme="dark"] .manual-compose-toolbar .compose-color-control:hover{background:#22364d;border-color:var(--outline)}
:root[data-theme="dark"] .template-text-frame{border-color:var(--outline)}
:root[data-theme="dark"] .builder-tools-bar{background:var(--surface);border-color:#314962}
:root[data-theme="dark"] .builder-tools-divider{background:#314962}
:root[data-theme="dark"] .builder-tools-bar .manual-compose-toolbar{background:transparent;border:0}
:root[data-theme="dark"] .text-link-dialog .modal-field input{background:#0a1424;color:#f3f7fc;border-color:#3a5471}
:root[data-theme="dark"] .manual-message-preview{background:var(--card)}
:root[data-theme="dark"] .manual-message-preview iframe{border-color:var(--outline)}
.manual-message-preview.has-source-email{height:auto;min-height:100%}
.manual-message-preview.has-source-email>#manualEmailFrame{flex:0 0 auto;height:42vh;min-height:280px;max-height:440px}
.manual-source-email{flex:none;margin-top:18px;padding:12px;border:1px solid #d5dbe0;border-radius:8px;background:#e9edf1;color:#263640}
.manual-source-email h3{margin:0 0 4px;color:#263640;font:700 13px Manrope,sans-serif}
.manual-source-email-meta{margin:0 0 8px;color:#53616c;font:11px/1.45 Manrope,sans-serif;overflow-wrap:anywhere}
.manual-source-email iframe{display:block!important;flex:none!important;width:100%;height:30vh;min-height:180px;max-height:340px;border:1px solid #cbd3da!important;border-radius:6px;background:#e9edf1!important;pointer-events:none}
:root[data-theme="dark"] .manual-source-email{background:#e9edf1;color:#263640;border-color:#cbd3da}
:root[data-theme="dark"] .manual-source-email h3,:root[data-theme="dark"] .manual-source-email-meta{color:#263640}
:root[data-theme="dark"] .manual-event-dialog .modal-actions{background:var(--card);border-color:var(--outline)}
:root[data-theme="dark"] .manual-event-dialog .modal-field input,:root[data-theme="dark"] .manual-event-dialog .modal-field textarea,:root[data-theme="dark"] .manual-event-dialog .modal-field select{background:#0a1424;color:#f3f7fc;border-color:#3a5471}
@media(max-width:760px){.manual-event-dialog{height:96vh;max-height:96vh}.manual-event-compose-grid{grid-template-columns:minmax(210px,35%) minmax(0,1fr)}.manual-message-area{padding:0 12px 12px}}
@media(max-width:560px){.manual-event-dialog .modal-head{padding:15px}.manual-template-picker{margin:10px 15px!important}.manual-event-compose-grid{grid-template-columns:1fr;grid-template-rows:minmax(150px,32vh) minmax(0,1fr)}.manual-event-variable-section{border-right:0;border-bottom:1px solid var(--line)}.manual-event-variables{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.manual-message-area{padding:0 14px 12px}.manual-message-preview iframe{min-height:220px}.manual-event-dialog .modal-actions{padding:10px 14px}}
.manual-event-variable-section .manual-template-picker{margin:0 0 12px!important}
.manual-event-variable-section .manual-variable-heading{margin-bottom:12px}
.manual-delivery-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 12px}
.manual-delivery-fields .modal-field{min-width:0;margin:0}
.manual-delivery-fields input{margin-top:6px}
.manual-delivery-fields.email-delivery-layout #manualDeliverySecondaryLabel{grid-column:1/-1}
.manual-delivery-fields.email-delivery-layout #manualRecipientLabel,.manual-delivery-fields.email-delivery-layout #manualCcLabel{grid-column:span 1}
.manual-delivery-fields:not(.email-delivery-layout) #manualRecipientLabel{grid-column:1}
.manual-delivery-fields:not(.email-delivery-layout) #manualDeliverySecondaryLabel{grid-column:2}
.manual-event-dialog .modal-actions{gap:8px}
.delivery-log-filters{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(140px,1fr) repeat(2,minmax(125px,.8fr)) minmax(130px,.8fr) auto;align-items:end;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.delivery-log-filters label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:600}
.delivery-log-filters input,.delivery-log-filters select{height:34px;min-width:0;border:1px solid var(--line);border-radius:7px;padding:0 9px;background:var(--white);color:var(--ink);font:11px 'DM Sans',sans-serif}
.delivery-log-table{min-width:760px!important}
.delivery-log-actions{display:flex;align-items:center;gap:8px}.delivery-log-delete{color:#b65353;border-color:#e8c9c9}.delivery-log-delete:hover{background:#fff7f7;border-color:#d99b9b}
.delivery-log-category{display:inline-block;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700;white-space:nowrap}
.delivery-log-category.success{background:#e7f6ef;color:#168052}
.delivery-log-category.error{background:#fff0ef;color:#bd3f39}
.delivery-log-category.info{background:#edf2f7;color:#627285}
.delivery-log-details{display:block;max-width:420px;margin-top:5px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap}
.delivery-log-diagnostic{margin-top:6px;max-width:min(680px,70vw);font-size:11px}
.delivery-log-diagnostic summary{cursor:pointer;color:var(--teal-dark);font-weight:700}
.delivery-log-diagnostic pre{max-width:100%;max-height:420px;overflow:auto;margin:6px 0 0;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.status-pending{background:#fff6df;color:#8a6418}
:root[data-theme="dark"] .delivery-log-filters{border-color:var(--outline)}
:root[data-theme="dark"] .delivery-log-delete{color:#ff9c9e;border-color:#70434c;background:#211d28}:root[data-theme="dark"] .delivery-log-delete:hover{background:#3a272d;border-color:#884d55}
:root[data-theme="dark"] .delivery-log-filters input,:root[data-theme="dark"] .delivery-log-filters select{background:#0a1424;color:#f3f7fc;border-color:#3a5471}
:root[data-theme="dark"] .delivery-log-category.success{background:#183b30;color:#73ddb1}
:root[data-theme="dark"] .delivery-log-category.error{background:#482a32;color:#ff9c9e}
:root[data-theme="dark"] .delivery-log-category.info{background:#26384c;color:#bad0e6}
:root[data-theme="dark"] .delivery-log-details{color:#a8c6e8}
:root[data-theme="dark"] .delivery-log-diagnostic summary{color:var(--orange)}
:root[data-theme="dark"] .status-pending{background:#3b321e;color:#ffd27d}
@media(max-width:1050px){.delivery-log-filters{grid-template-columns:repeat(3,minmax(130px,1fr))}}
@media(max-width:620px){.manual-delivery-fields{grid-template-columns:1fr;gap:10px}.manual-delivery-fields.email-delivery-layout #manualDeliverySecondaryLabel,.manual-delivery-fields.email-delivery-layout #manualRecipientLabel,.manual-delivery-fields.email-delivery-layout #manualCcLabel,.manual-delivery-fields:not(.email-delivery-layout) #manualRecipientLabel,.manual-delivery-fields:not(.email-delivery-layout) #manualDeliverySecondaryLabel{grid-column:1}.manual-event-dialog .modal-actions{flex-wrap:wrap}.manual-event-dialog .modal-actions button{flex:1}.delivery-log-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.delivery-log-filters .button{grid-column:1/-1}}

.row-action[data-delete-base] svg,.row-action[data-delete-email-rule] svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
#baseDialog{width:min(620px,94vw)}
.incoming-email-dialog{width:min(760px,94vw);max-height:88vh}.incoming-email-meta{display:grid;grid-template-columns:130px 1fr;gap:9px 14px;padding:0 22px;margin:4px 0 18px;font-size:12px}.incoming-email-meta dt{color:var(--muted)}.incoming-email-meta dd{margin:0;overflow-wrap:anywhere}.incoming-email-body{display:block;width:calc(100% - 44px);height:52vh;min-height:240px;margin:0 22px 22px;padding:0;overflow:hidden;border:1px solid #dfe5e8;border-radius:8px;background:#fff;color:#263640}
.incoming-email-dialog>.modal-actions{margin:0 22px 20px}
.incoming-email-dialog>.incoming-email-actions{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.incoming-reply-actions{display:flex;align-items:end;gap:10px;min-width:min(100%,440px);flex:1}
.incoming-reply-actions .modal-field{width:min(360px,100%);margin:0}
.incoming-reply-actions select{width:100%;min-height:40px;border:1px solid #dce4e8;border-radius:8px;background:#fff;color:#263640;padding:9px 11px;font:12px 'DM Sans',sans-serif}
.incoming-reply-actions .button{min-height:40px;white-space:nowrap}
.incoming-reply-progress{display:flex;align-items:center;gap:10px;flex:1 0 100%;padding:10px 12px;border:1px solid #b9dfe0;border-radius:8px;background:#effafa;color:#116f73;font-size:12px;font-weight:650;line-height:1.4}
.incoming-reply-progress[hidden]{display:none}
.incoming-reply-spinner{width:16px;height:16px;flex:0 0 16px;border:2px solid #b9dfe0;border-top-color:#087d80;border-radius:50%;animation:incoming-reply-spin .8s linear infinite}
@keyframes incoming-reply-spin{to{transform:rotate(360deg)}}
:root[data-theme="dark"] .incoming-reply-progress{background:#172e32;border-color:#28565a;color:#b7eeee}
:root[data-theme="dark"] .incoming-reply-spinner{border-color:#28565a;border-top-color:#60d3d0}
.table-heading-actions{display:flex;align-items:center;gap:8px}
.incoming-date-filters{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--soft)}.incoming-period-hint{color:var(--muted);font-size:11px}
.email-rules-dialog,.email-rule-edit-dialog{width:min(740px,94vw);max-height:90vh;overflow:auto}.rule-list{display:grid;gap:8px;padding:0 22px}.rule-list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line);border-radius:9px;padding:12px 14px}.rule-list-row>div:first-child{display:grid;gap:5px}.rule-list-row small{color:var(--muted);font-size:11px}.rule-list-row>div:last-child{display:flex;gap:8px;align-items:center}.email-rule-edit-dialog h3{margin:16px 22px 8px;font-size:13px}.email-rule-edit-dialog .modal-field{margin-left:22px;margin-right:22px}.email-rule-edit-dialog .form-row{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.email-rule-variables{max-height:34vh;overflow:auto}.email-rule-variables input:disabled{opacity:.55}.email-rule-edit-dialog .checkbox-field{margin:14px 22px}.base-variables-section{margin-top:24px!important}.base-variables-section .table-heading{border:0!important}.home-actionbar #incomingRefresh,.home-actionbar #incomingView,.home-actionbar #incomingRules,.home-actionbar #incomingApplyRules{white-space:nowrap}.home-incoming-mode #homeCreate,.home-incoming-mode #homeEdit{display:none!important}.home-incoming-mode #homeDelete{flex:0 0 104px!important;width:104px!important;min-width:104px!important}
:root[data-theme="dark"] .incoming-email-body{background:#fff;color:#263640;border-color:#dfe5e8}:root[data-theme="dark"] .rule-list-row{border-color:#38516c}:root[data-theme="dark"] .row-action[data-delete-base],:root[data-theme="dark"] .row-action[data-delete-email-rule]{color:#ff9c9e}
:root[data-theme="dark"] .event-variable-token-preview code{color:#ffd27d}
@media(max-width:650px){.incoming-email-meta{grid-template-columns:1fr;gap:4px}.incoming-email-meta dd{margin-bottom:8px}.email-rule-edit-dialog .form-row{grid-template-columns:1fr}.rule-list-row{align-items:flex-start}.home-actionbar #incomingRefresh,.home-actionbar #incomingView,.home-actionbar #incomingRules,.home-actionbar #incomingApplyRules{padding-inline:10px}}
@media(max-width:560px){.incoming-date-filters{align-items:flex-start;flex-wrap:wrap;padding:12px}.incoming-period-hint{flex-basis:100%}}
@media(max-width:650px){.table-heading-actions{flex-wrap:wrap;justify-content:flex-end}.table-heading-actions .button{padding-inline:9px}}

.journal-column-filter{display:grid;gap:5px;margin-top:8px;min-width:118px}.journal-date-filter{grid-template-columns:1fr 1fr;min-width:190px}.journal-column-filter label{display:grid;gap:3px;color:var(--muted);font-size:10px;font-weight:500}.journal-filter-select,.journal-column-filter input{width:100%;height:30px;min-width:0;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);font:11px 'DM Sans',sans-serif}.data-table th:has(.journal-filter-select),.data-table th:has(.journal-column-filter){min-width:135px;vertical-align:top}.data-table th:has(.journal-date-filter){min-width:210px}
.journal-filter-heading{display:grid;grid-template-rows:12px 30px;gap:0;min-width:0}.journal-filter-heading>span{display:block;height:12px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-filter-heading>.journal-filter-select{align-self:start}
.incoming-email-dialog{width:min(1100px,94vw)}.incoming-email-columns{display:grid;grid-template-columns:minmax(0,1fr);max-height:70vh;overflow:auto}.incoming-email-columns.has-event{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.incoming-email-original,.incoming-email-applied{min-width:0;padding:0 22px}.incoming-email-applied{border-left:1px solid var(--line)}.incoming-email-columns h3{margin:3px 0 14px;font-size:14px}.incoming-email-columns .incoming-email-meta{padding:0;margin:0 0 14px}.incoming-email-columns .incoming-email-body{width:100%;height:45vh;min-height:220px;margin:0 0 18px}.incoming-applied-template{margin:0 0 8px;font-weight:650;color:var(--ink)}.incoming-applied-event{margin-bottom:12px;color:var(--muted);font-size:12px}.incoming-applied-event-card{padding:12px 0;border-bottom:1px solid var(--line)}.incoming-applied-event-card:first-child{padding-top:0}.incoming-applied-event-card:last-child{border-bottom:0}.incoming-variable-table{width:100%;border-collapse:collapse;font-size:12px}.incoming-variable-table th,.incoming-variable-table td{padding:8px 7px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.incoming-variable-table th{color:var(--muted);font-weight:600}.incoming-variable-table td:first-child{font-weight:600}.incoming-email-applied .cell-secondary{color:var(--muted);font-size:12px}
.rule-variable-row{display:grid;gap:7px;padding:12px 0;border-bottom:1px solid var(--line)}.rule-variable-row>strong{font-size:12px}.rule-variable-row .form-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,1.2fr);gap:8px}.rule-variable-row select,.rule-variable-row input{width:100%;height:36px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font:12px 'DM Sans',sans-serif}.rule-variable-row input:disabled{display:none}.rule-extract-field{display:grid;gap:5px;color:var(--muted);font-size:11px}.rule-regex-fields{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px}.rule-regex-fields label{display:grid;gap:5px;color:var(--muted);font-size:11px}.rule-extract-field[hidden]{display:none!important}
:root[data-theme="dark"] .journal-filter-select,:root[data-theme="dark"] .journal-column-filter input,:root[data-theme="dark"] .rule-variable-row select,:root[data-theme="dark"] .rule-variable-row input{background:#0a1424;color:#eff6ff;border-color:#38516c}:root[data-theme="dark"] .incoming-email-applied{border-color:#38516c}
:root[data-theme="dark"] .incoming-reply-actions select{background:#0a1424;color:#eff6ff;border-color:#38516c}
@media(max-width:760px){.incoming-email-columns.has-event{grid-template-columns:minmax(0,1fr)}.incoming-email-applied{border-left:0;border-top:1px solid var(--line);padding-top:18px;margin-top:14px}.incoming-email-actions,.incoming-reply-actions{width:100%}.incoming-reply-actions .modal-field{flex:1;min-width:0}.incoming-email-actions>.button{width:100%}.rule-variable-row .form-row{grid-template-columns:1fr}.journal-date-filter{min-width:170px}}

.journal-date-range-filter{display:grid;gap:7px;min-width:220px}.journal-date-range-filter>span{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.journal-date-range-filter>div{display:flex;align-items:center;gap:6px}.journal-date-range-filter input{width:calc(50% - 10px);min-width:0;height:32px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);font:11px 'DM Sans',sans-serif}.journal-date-range-filter>div>span{color:var(--muted);font-size:11px}.data-table th:has(.journal-date-range-filter){min-width:235px;vertical-align:top}
.email-rule-edit-dialog{width:min(1160px,96vw);max-height:94vh;overflow:auto}.email-rule-edit-dialog form{min-width:0}.email-rule-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);align-items:start;gap:16px;padding:0 22px}.email-rule-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.email-rule-edit-dialog .email-rule-panel h3{margin:0 0 14px;font-size:14px}.email-rule-edit-dialog .email-rule-panel .modal-field{margin:0 0 12px}.email-rule-panel .form-row{grid-template-columns:1fr}.email-rule-variables{max-height:48vh;overflow:auto;padding-right:4px}.email-rule-help,.rule-variable-help{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.email-rule-panel .checkbox-field{margin:14px 0 0}.email-rule-edit-dialog>.modal-actions,.email-rule-edit-dialog form>.modal-actions{margin:18px 22px 20px}.email-rule-panel .rule-variable-row .form-row{grid-template-columns:minmax(150px,.85fr) minmax(120px,1.15fr)}
.email-rule-edit-dialog .email-rule-panel .modal-field{display:grid;grid-template-columns:minmax(125px,.7fr) minmax(0,1.3fr);align-items:center;gap:10px}
.email-rule-edit-dialog .email-rule-panel .modal-field input,.email-rule-edit-dialog .email-rule-panel .modal-field select{width:100%;min-width:0}
:root .email-rule-panel .rule-variable-row{display:grid;grid-template-columns:minmax(95px,.55fr) minmax(190px,1fr) minmax(0,1.45fr);align-items:center;gap:10px;padding:10px 0}
:root .email-rule-panel .rule-variable-row>strong{min-width:0;overflow-wrap:anywhere}
:root .email-rule-panel .rule-variable-row .form-row{display:contents}
:root .email-rule-panel .rule-variable-row select{grid-column:2;width:100%;min-width:0}
:root .email-rule-panel .rule-variable-row .rule-extract-field:not(.rule-regex-fields){grid-column:3;display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
:root .email-rule-panel .rule-variable-row .rule-extract-field:not(.rule-regex-fields) input{flex:1;min-width:0;width:100%}
:root .email-rule-panel .rule-variable-row .rule-regex-fields{grid-column:3;min-width:0}
:root[data-theme="dark"] .email-rule-panel{background:#13243a;border-color:#38516c}:root[data-theme="dark"] .email-rule-panel .rule-variable-row{border-color:#38516c}
@media(max-width:850px){.email-rule-layout{grid-template-columns:1fr}.email-rule-variables{max-height:42vh}}
@media(max-width:650px){.email-rule-edit-dialog .email-rule-panel .modal-field{grid-template-columns:minmax(105px,.65fr) minmax(0,1.35fr);gap:8px}:root .email-rule-panel .rule-variable-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px}:root .email-rule-panel .rule-variable-row>strong{grid-column:1/-1}:root .email-rule-panel .rule-variable-row select{grid-column:1}:root .email-rule-panel .rule-variable-row .rule-extract-field:not(.rule-regex-fields){grid-column:2;white-space:normal}:root .email-rule-panel .rule-variable-row .rule-regex-fields{grid-column:2}}
@media(max-width:560px){.journal-date-range-filter{min-width:185px}.journal-date-range-filter input{height:30px}.email-rule-layout{padding:0 12px;gap:10px}.email-rule-panel{padding:12px}.email-rule-edit-dialog form>.modal-actions{margin:14px 12px}}

.journal-range-picker{position:relative;display:grid;gap:0;min-width:215px}.journal-range-picker>span{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;line-height:12px}.journal-range-control{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;height:32px}.journal-range-control button{height:32px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:12px 'DM Sans',sans-serif}.journal-range-control button:first-child{border-radius:6px 0 0 6px}.journal-range-control button:last-child{border-radius:0 6px 6px 0}.journal-range-control button+button{border-left:0}.journal-range-control #journalRangeButton,.journal-range-control #incomingRangeButton{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 9px;text-align:left;white-space:nowrap;overflow:hidden}.journal-range-control #journalRangeLabel,.journal-range-control #incomingRangeLabel{overflow:hidden;text-overflow:ellipsis}.journal-range-chevron{color:var(--muted)}.journal-range-control button:hover{background:var(--soft)}.journal-range-menu{position:fixed;inset:auto;margin:0;width:290px;max-height:min(420px,calc(100vh - 16px));overflow:auto;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);box-shadow:0 12px 34px #0003;z-index:1000}.journal-range-presets{display:grid;gap:2px}.journal-range-presets button{width:100%;height:34px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:13px 'DM Sans',sans-serif;text-align:left}.journal-range-presets button:hover,.journal-range-presets button.active{background:var(--soft);color:var(--accent);font-weight:600}.journal-range-custom{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);align-items:end;gap:5px;margin:8px 0;padding-top:9px;border-top:1px solid var(--line)}.journal-range-custom label{display:grid;gap:4px;color:var(--muted);font-size:10px}.journal-range-custom input{width:100%;min-width:0;height:32px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);font:11px 'DM Sans',sans-serif}.journal-range-custom>span{padding-bottom:9px;text-align:center;color:var(--muted)}.journal-range-menu>.button{width:100%;min-height:34px;margin-top:3px}.journal-range-menu:not(:popover-open):not(.open){display:none}
:root[data-theme="dark"] .journal-range-control button,:root[data-theme="dark"] .journal-range-custom input{background:#0a1424;color:#eff6ff;border-color:#38516c}:root[data-theme="dark"] .journal-range-menu{background:#14263c;color:#eff6ff;border-color:#38516c}:root[data-theme="dark"] .journal-range-presets button{color:#eff6ff}:root[data-theme="dark"] .journal-range-presets button:hover,:root[data-theme="dark"] .journal-range-presets button.active{background:#203955;color:#8ed9ff}
@media(max-width:560px){.journal-range-picker{min-width:200px}.journal-range-menu{width:min(290px,calc(100vw - 16px))}}

#incomingViewCard .data-table thead th{vertical-align:top}
#incomingViewCard .data-table th:first-child{min-width:235px}
#incomingViewCard .data-table th:nth-child(2),#incomingViewCard .data-table th:nth-child(3),#incomingViewCard .data-table th:last-child{min-width:155px;vertical-align:top}
.incoming-filter-heading{display:block;line-height:12px;margin:0}
.incoming-sender-picker{position:relative;margin-top:0}
.incoming-sender-input{padding-right:26px!important}
.incoming-sender-options{position:fixed;inset:auto;margin:0;max-height:260px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);box-shadow:0 10px 26px #0003;z-index:1100}
.incoming-sender-options:not(:popover-open){display:none}
.incoming-sender-option{display:block;width:100%;min-height:32px;padding:6px 9px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:12px 'DM Sans',sans-serif;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.incoming-sender-option:hover,.incoming-sender-option:focus{background:var(--soft);color:var(--accent);outline:0}
:root[data-theme="dark"] .incoming-sender-options{background:#14263c;color:#eff6ff;border-color:#38516c}:root[data-theme="dark"] .incoming-sender-option{color:#eff6ff}:root[data-theme="dark"] .incoming-sender-option:hover,:root[data-theme="dark"] .incoming-sender-option:focus{background:#203955;color:#8ed9ff}
@media(max-width:700px){#incomingViewCard .data-table th:first-child{min-width:210px}#incomingViewCard .data-table th:nth-child(2),#incomingViewCard .data-table th:nth-child(3),#incomingViewCard .data-table th:last-child{min-width:145px}}

/* Incoming mail journal: compact date/status columns and source tabs. */
.home-toolbar-info{display:flex;align-items:center;gap:10px;min-width:0;width:100%}
.incoming-system-tabs{display:flex;align-items:center;gap:4px;min-width:0;max-width:calc(100% - 100px);overflow-x:auto;scrollbar-width:none}
.incoming-system-tabs::-webkit-scrollbar{display:none}
.incoming-system-tabs[hidden]{display:none}
.incoming-system-tab{flex:0 0 auto;max-width:210px;height:32px;padding:0 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font:600 11px 'DM Sans',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.incoming-system-tab:hover{background:var(--soft);color:var(--ink)}
.incoming-system-tab.active{background:var(--soft);border-color:var(--line);color:var(--accent)}
#incomingViewCard .incoming-emails-table{width:100%;min-width:900px;table-layout:fixed}
#incomingViewCard .incoming-col-status{width:112px}
#incomingViewCard .incoming-col-date{width:150px}
#incomingViewCard .incoming-col-sender{width:220px}
#incomingViewCard .incoming-col-event{width:165px}
#incomingViewCard .incoming-emails-table th{height:44px;padding:4px 8px;vertical-align:top}
#incomingViewCard .incoming-emails-table td{height:auto;padding:8px 10px;line-height:1.35;vertical-align:middle}
#incomingViewCard .incoming-emails-table th:first-child{min-width:0}
#incomingViewCard .incoming-emails-table th:nth-child(2),#incomingViewCard .incoming-emails-table th:nth-child(3),#incomingViewCard .incoming-emails-table th:last-child{min-width:0}
#incomingViewCard .incoming-filter-heading{margin-bottom:3px}
#incomingViewCard .incoming-emails-table .journal-filter-select{height:29px;padding:0 5px;font-size:10px}
#incomingViewCard .incoming-range-picker{width:100%;min-width:0}
#incomingViewCard .incoming-range-picker>span{font-size:9px}
#incomingViewCard .incoming-range-picker .journal-range-control{grid-template-columns:23px minmax(0,1fr) 23px;height:29px}
#incomingViewCard .incoming-range-picker .journal-range-control button{height:29px;padding-inline:4px;font-size:10px}
#incomingViewCard .incoming-range-picker .journal-range-control #incomingRangeButton{gap:3px}
#incomingViewCard .incoming-status-cell{white-space:nowrap}
#incomingViewCard .incoming-read-status{padding:4px 7px;font-size:10px}
#incomingViewCard .incoming-date-cell{white-space:nowrap;font-size:10px}
#incomingViewCard .incoming-sender-cell,#incomingViewCard .incoming-subject-cell,#incomingViewCard .incoming-event-cell{overflow-wrap:anywhere}
#incomingViewCard .incoming-cell-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:15px;max-height:30px}
:root[data-theme="dark"] .incoming-system-tab{color:#bdcde0}
:root[data-theme="dark"] .incoming-system-tab:hover,:root[data-theme="dark"] .incoming-system-tab.active{background:#203955;border-color:#38516c;color:#8ed9ff}
@media(max-width:760px){.home-incoming-mode .home-list-toolbar{min-height:56px;height:auto;padding:7px 10px}.home-incoming-mode .home-toolbar-info{align-items:flex-start;flex-direction:column;gap:5px}.home-incoming-mode .incoming-system-tabs{max-width:100%;width:100%}.home-incoming-mode .incoming-system-tab{height:29px;padding-inline:9px}}

/* AI connection and template block */
.llm-settings-card{padding:24px}
.llm-log-card{margin-top:16px;padding:20px;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}
.llm-log-card .table-heading{align-items:flex-start}
.llm-log-card .table-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto}
.llm-log-card .data-table{width:100%;min-width:0;table-layout:fixed}
.llm-log-table th:nth-child(1){width:14%}.llm-log-table th:nth-child(2){width:14%}.llm-log-table th:nth-child(3){width:18%}.llm-log-table th:nth-child(4){width:24%}.llm-log-table th:nth-child(5){width:8%}.llm-log-table th:nth-child(6){width:11%}.llm-log-table th:nth-child(7){width:11%}
.llm-log-card .data-table th,.llm-log-card .data-table td{min-width:0;overflow-wrap:anywhere;vertical-align:top}
.llm-log-card .data-table td small{display:block;margin-top:4px;max-width:none;overflow-wrap:anywhere;white-space:normal}
.llm-token-cell span{display:block;white-space:nowrap;font-size:10px;color:var(--muted)}
.llm-log-result{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}
.llm-log-result.success{background:#e7f6ef;color:#17794d}
.llm-log-result.error{background:#fff0ed;color:#ad3f32}
.llm-log-error-preview{color:#ad3f32!important;max-width:280px!important}
.llm-log-details-dialog{width:min(900px,calc(100vw - 32px));max-width:none;max-height:90vh;overflow:auto}
.llm-log-details-content{display:grid;gap:14px}
.llm-log-meta{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 14px;margin:0;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.llm-log-meta dt{color:var(--muted);font-size:12px}.llm-log-meta dd{margin:0;min-width:0;overflow-wrap:anywhere;font-size:12px}
.llm-log-meta code{overflow-wrap:anywhere}
.llm-log-detail-section h3,.llm-log-error-box h3{margin:0 0 8px;font-size:13px}
.llm-check-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.llm-check-list li{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.llm-check-list li>strong{margin-right:8px}.llm-check-list li>span{font-size:11px;color:var(--muted)}
.llm-check-list li.success>strong{color:#17794d}.llm-check-list li.error>strong{color:#ad3f32}
.llm-check-list p{margin:5px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.llm-log-payload{border:1px solid var(--line);border-radius:8px;background:var(--white)}
.llm-log-payload summary{padding:11px 13px;cursor:pointer;font-size:12px;font-weight:700}
.llm-log-payload pre,.llm-log-error-box pre{max-height:380px;overflow:auto;margin:0;padding:13px;border-top:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}
.llm-log-error-box{padding:12px;border:1px solid #efc9c3;border-radius:8px;background:#fff8f6;color:#782d24}
.llm-log-error-box pre{max-height:none;border:0;padding:0;background:transparent;color:inherit}
.llm-log-privacy-note{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.llm-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin-top:20px}
.llm-custom-settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;min-width:0}
.llm-custom-settings .modal-field:last-child{grid-column:1/-1}
.llm-managed-profile-note{grid-column:1/-1;display:grid;gap:6px;align-content:center;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);font-size:12px}
.llm-managed-profile-note span{color:var(--muted);line-height:1.5}
.llm-settings-grid [hidden],.llm-custom-settings[hidden],.llm-managed-profile-note[hidden]{display:none!important}
.setup-month-filter{display:grid;gap:5px;min-width:145px;color:var(--muted);font-size:11px;font-weight:600}
.setup-month-filter input{height:36px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font:12px 'DM Sans',Arial,sans-serif}
.token-total-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.token-total-cards>div{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.token-total-cards span{color:var(--muted);font-size:11px}
.token-total-cards strong{color:var(--ink);font-size:22px;font-variant-numeric:tabular-nums}
.setup-token-card{margin-top:16px;overflow:hidden}
.setup-token-card .server-settings-heading{align-items:center}
.setup-token-card .table-scroll{overflow:auto}
.client-token-total-cards{margin:12px 0}
.llm-clear-key{display:flex;align-items:center;gap:9px;color:var(--muted);margin:4px 0 16px}
.llm-clear-key input{accent-color:var(--teal)}
.llm-settings-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.llm-settings-actions [role=status]{color:var(--muted);font-size:12px}
.llm-settings-note{margin:18px 0 0;color:var(--muted);line-height:1.65}
.llm-settings-note code{font-size:11px;overflow-wrap:anywhere}
@media(max-width:760px){.llm-log-card{padding:14px}.llm-log-table th:nth-child(2),.llm-log-table td:nth-child(2),.llm-log-table th:nth-child(5),.llm-log-table td:nth-child(5){display:none}.llm-log-table th:nth-child(1){width:18%}.llm-log-table th:nth-child(3){width:24%}.llm-log-table th:nth-child(4){width:31%}.llm-log-table th:nth-child(6){width:15%}.llm-log-table th:nth-child(7){width:12%}.llm-log-card .table-heading{gap:10px}.llm-log-card .table-heading>div{min-width:0}.llm-log-card .table-heading p{max-width:100%;overflow-wrap:anywhere}}
.ai-text-icon{background:#f2ecff;color:#8055cb}
.ai-text-block-content{border:1px dashed #aa8fe0;background:#faf8ff}
.ai-text-badge{display:inline-block;margin-bottom:5px;padding:3px 8px;border-radius:12px;background:#eee7ff;color:#7046bd;font:600 10px 'DM Sans',sans-serif}
:root[data-theme="dark"] .llm-log-result.success{background:#153729;color:#8be0b6}
:root[data-theme="dark"] .llm-log-result.error{background:#492b2b;color:#ffaaa0}
:root[data-theme="dark"] .llm-check-list li.success>strong{color:#8be0b6}
:root[data-theme="dark"] .llm-check-list li.error>strong{color:#ffaaa0}
:root[data-theme="dark"] .llm-log-error-preview{color:#ffaaa0!important}
:root[data-theme="dark"] .llm-log-error-box{border-color:#70423e;background:#352321;color:#ffd4ce}
@media(max-width:640px){.llm-settings-grid,.llm-custom-settings,.token-total-cards{grid-template-columns:1fr}.llm-settings-card{padding:16px}.llm-custom-settings .modal-field:last-child{grid-column:auto}.setup-token-card .server-settings-heading{align-items:flex-start;flex-direction:column}.setup-month-filter{min-width:0;width:100%}}
.builder-page .subject-row{height:auto;min-height:91px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:start;gap:18px;padding:12px 24px}
.template-recipient-settings,.template-subject-settings{min-width:0}
.template-recipient-settings h3,.template-subject-settings>label{display:block;min-height:10px;margin:0 0 7px;color:#98a4a9;font-size:8px;font-weight:700;line-height:10px;letter-spacing:.8px}
.template-recipient-controls,.template-subject-control{display:flex;align-items:center;gap:8px;min-width:0;min-height:34px}
.template-recipient-controls select,.template-recipient-controls input{height:34px;min-width:0;flex:1;border:1px solid #e5eaec;border-radius:6px;padding:0 9px;background:#fff;color:#53636a;font:11px 'DM Sans',sans-serif;outline:0}
.template-recipient-controls select:first-child{flex:0 1 48%}
.template-subject-control input{height:34px;min-width:0;width:100%;flex:1;border:1px solid #e5eaec;border-radius:6px;padding:0 9px;background:#fff;color:#46565e;font:500 12px 'DM Sans',sans-serif;outline:0}
.template-subject-control input:focus,.template-recipient-controls select:focus,.template-recipient-controls input:focus{border-color:#84c8c5;box-shadow:0 0 0 2px #e9f6f5}
.recipient-variable-hint{display:block;min-height:12px;margin-top:4px;color:#8b9ba1;font-size:9px}
.template-subject-control .subject-count{white-space:nowrap}
.builder-page .app-shell{height:calc(100vh - 396px)}
:root[data-theme="dark"] .template-recipient-settings h3,:root[data-theme="dark"] .template-subject-settings>label{color:#a8c6e8}
:root[data-theme="dark"] .template-recipient-controls select,:root[data-theme="dark"] .template-recipient-controls input,:root[data-theme="dark"] .template-subject-control input{background:var(--navy);color:#f3f7fc;border-color:#3a5471}
:root[data-theme="dark"] .recipient-variable-hint{color:#a8c6e8}
@media(max-width:900px){.builder-page .subject-row{grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch}.builder-page .app-shell{height:calc(100vh - 451px)}}
@media(max-width:760px){.builder-page .subject-row{padding:10px 12px}.template-recipient-controls{flex-wrap:wrap}.template-recipient-controls select:first-child{flex-basis:100%}.builder-page .app-shell{height:auto}}