@import url('/fonts.css');
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263c36;background:#f7f8f5;font-synthesis:none;font-size:14px;--green:#244b43;--muted:#74827b;--border:#e2e7e0;--paper:#fff;--cream:#f0f3eb}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a9c6ad;outline-offset:3px}button svg,svg{width:19px;height:19px;flex-shrink:0}a{color:inherit;text-decoration:none}.hidden{display:none!important}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}.brand{display:flex;gap:11px;align-items:center;white-space:nowrap;font-size:20px;letter-spacing:-.7px}.brand span{font-weight:650}.brand strong{font-weight:400;color:#738078}.eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:700;color:#7b897c}.button{border:1px solid transparent;border-radius:9px;min-height:42px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:12px;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#173d35}.button.secondary{background:#fff;border-color:#dce3d9;color:#52675d}.button.secondary:hover{background:#f1f5ee}.wide{width:100%}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:transparent;color:#718075}.icon-button:hover{background:#edf1e9;color:var(--green)}.icon-tile{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#eaf0e5;color:var(--green)}.icon-tile svg{width:26px;height:26px}.icon-tile.small{width:43px;height:43px;border-radius:12px}.icon-tile.small svg{width:21px;height:21px}.little-dot{width:7px;height:7px;background:#819d65;display:inline-block;border-radius:50%;flex-shrink:0}.notice{padding:13px 16px;border:1px solid #e8d6b6;background:#fff7e9;color:#7b5931;border-radius:9px;font-size:12px;line-height:1.6;margin-bottom:20px}.subtle{color:var(--muted);font-size:12px;line-height:1.7}
/* Sign-in */
.login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:#eff2e9;position:relative;padding:46px 7vw;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.login-story:after{content:"";position:absolute;right:-180px;bottom:-260px;width:600px;height:600px;border:1px solid #dfe6d7;border-radius:50%;pointer-events:none}.login-story:before{content:"";position:absolute;right:-90px;bottom:-170px;width:420px;height:420px;border:1px solid #dfe6d7;border-radius:50%;pointer-events:none}.story-content{margin:auto 0;position:relative;z-index:1;padding:80px 0}.story-content h1{font-size:clamp(38px,4.2vw,62px);line-height:1.12;font-weight:500;letter-spacing:-2.5px;margin:24px 0;color:#24483e}.story-content>p{font-size:15px;line-height:1.9;color:#798376}.flow-illustration{display:flex;align-items:center;gap:17px;margin-top:50px}.flow-sources{display:flex;flex-direction:column;gap:10px}.flow-sources>span{display:flex;gap:10px;align-items:center;background:#f9faf6;border:1px solid #dfe5d8;border-radius:10px;padding:12px 14px;font-size:11px;white-space:nowrap;color:#5e7563}.flow-sources svg{width:16px;height:16px}.flow-connector{color:#87997c}.flow-destination{background:#fff;border:1px solid #dfe5d8;padding:20px;border-radius:13px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 25px #536b4207}.flow-destination strong{font-size:12px}.flow-destination small{font-size:10px;color:#82907c;line-height:1.5}.story-footer{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#87917f;font-size:11px}.login-main{display:flex;align-items:center;justify-content:center;background:#fcfcfa;position:relative;padding:60px}.login-card{width:100%;max-width:350px}.login-card>.icon-tile{margin-bottom:32px}.login-card h2{font-size:34px;line-height:1.2;letter-spacing:-1.1px;font-weight:500;margin:16px 0}.login-card>p{font-size:13px;color:#7d897f;line-height:1.9;margin:0 0 30px}.login-card>.button{height:48px;justify-content:space-between;padding:13px 17px}.login-detail{display:flex;gap:11px;align-items:flex-start;border-top:1px solid var(--border);padding-top:23px;margin-top:30px;font-size:11px;color:#6b7b6d;line-height:1.6}.login-detail>svg{width:17px;height:17px;margin-top:2px}.login-detail small{font-size:10px;color:#98a093}.login-footer{position:absolute;bottom:35px;left:0;right:0;text-align:center;font-size:10px;color:#99a192}.login-footer span{margin:0 10px}
/* Workspace */
.workspace{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:31px 22px 20px;background:#f3f5ef;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:10}.sidebar .brand{font-size:18px;gap:9px}.workspace-label{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#9ba58f;margin:48px 10px 15px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:12px;border-radius:8px;text-align:left;color:#7b897a;font-size:12px;font-weight:550}.nav-item.active{background:#e3eadd;color:#345341}.nav-item:hover{background:#e9eee3}.nav-item svg{width:17px;height:17px}.sidebar-note{margin-top:auto;background:#edf1e6;border:1px solid #e3e9da;border-radius:10px;padding:16px 13px;margin-bottom:22px}.sidebar-note .little-dot{margin-right:6px;width:5px;height:5px}.sidebar-note strong{font-size:10px;font-weight:650}.sidebar-note p{color:#8e9b84;line-height:1.7;font-size:10px;margin:9px 0 0}.sidebar-footer{border-top:1px solid #e0e6d8;padding:20px 4px 0;display:flex;align-items:center;gap:10px}.workspace-avatar{height:30px;width:30px;border-radius:8px;background:#e0e7d6;display:flex;align-items:center;justify-content:center;color:#6a7b56;font-size:12px}.sidebar-footer strong{font-size:11px;font-weight:600}.sidebar-footer small{display:block;font-size:9px;color:#9aa68d;margin-top:3px}.main{margin-left:224px;flex:1;min-width:0}.topbar{height:76px;padding:0 38px;border-bottom:1px solid var(--border);background:#fcfdf9;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{font-size:11px;color:#a1aa9a}.breadcrumbs span{margin:0 12px;color:#c1c8b9}.breadcrumbs strong{color:#6c7e69;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:18px}.mode-badge{display:inline-flex;align-items:center;gap:7px;color:#7a896e;border:1px solid #dfe6d8;background:#f6f8f1;padding:5px 9px;font-size:9px;border-radius:6px;white-space:nowrap}.mode-badge:before{content:"";height:5px;width:5px;border-radius:50%;background:#91a675}.page{max-width:1600px;margin:auto;padding:36px 38px 22px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.page-heading h1{font-size:30px;letter-spacing:-1.1px;font-weight:500;margin:11px 0 8px;color:#2d4439}.page-heading p{font-size:12px;color:#8b9685;margin:0;line-height:1.7}.page-heading>.button{margin-top:16px;font-size:11px;min-height:38px}.page-heading>.button svg{width:15px;height:15px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:29px}.stat{border:1px solid var(--border);border-radius:11px;background:#fff;padding:17px 18px 16px;min-height:120px}.stat-label{font-size:10px;font-weight:500;color:#8b9683;display:flex;align-items:center;justify-content:space-between;gap:5px}.stat-icon{color:#a3b28f;display:flex}.stat-icon svg{width:15px;height:15px}.stat-value{display:block;margin-top:17px;font-size:28px;line-height:1;letter-spacing:-.7px;font-weight:500;color:#354d3c}.stat:last-child .stat-value{font-size:22px;line-height:1.3;margin-top:13px}.stat-detail{display:block;font-size:9px;color:#a5ad9b;margin-top:10px;line-height:1.4}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.filter-tabs{display:flex;align-items:center;gap:5px;padding:4px;background:#ecefe7;border-radius:8px}.filter{border:0;border-radius:6px;padding:8px 11px;display:flex;align-items:center;gap:7px;font-size:10px;background:transparent;color:#929d88;white-space:nowrap}.filter.active{color:#4a614a;background:#fff;box-shadow:0 1px 4px #445b3510}.filter span{border-radius:4px;background:#edf1e6;color:#8b9c78;font-size:8px;padding:2px 4px;min-width:17px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:white;padding:9px 12px;min-width:180px;max-width:240px;color:#a4af98}.search svg{height:15px;width:15px}.search input{border:0;outline:0;width:100%;min-width:0;color:#40583f;font-size:10px;background:transparent}.search input::placeholder{color:#a2ac96}.library-grid{display:grid;grid-template-columns:minmax(430px,1.8fr) minmax(280px,1fr);gap:20px;align-items:start}.event-list-card,.sample-panel,.section-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.list-title{display:flex;align-items:center;justify-content:space-between;padding:20px 19px 17px}.list-title h2{font-size:12px;font-weight:600;margin:0;color:#4d634a}.list-title>span{font-size:9px;color:#a4ad99}.list-columns,.event-row{display:grid;grid-template-columns:minmax(190px,1fr) 105px 55px 15px;gap:10px;align-items:center}.list-columns{padding:10px 19px;background:#fafbf8;border-top:1px solid #f1f3ee;border-bottom:1px solid #edf0e8;color:#a1ad92;font-size:8px;letter-spacing:1.1px}.events{max-height:560px;overflow:auto}.event-row{width:100%;text-align:left;border:0;border-bottom:1px solid #f0f2eb;background:#fff;padding:15px 19px;transition:background .12s}.event-row:hover{background:#f8faf4}.event-row.selected{background:#f0f5e9;box-shadow:inset 3px 0 #8ca874}.event-name{display:flex;align-items:flex-start;flex-direction:column;gap:7px;min-width:0}.event-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:500;overflow-wrap:anywhere;color:#4d634b}.family-badge{font-size:8px;line-height:1;border-radius:4px;padding:4px 6px;display:inline-block;white-space:nowrap;background:#edf1e8;color:#8a9b78}.family-badge.notifications{background:#f4eee4;color:#b39764}.attention-badge{font-size:8px;color:#ba8444}.event-seen{font-size:9px;color:#9aa58e}.event-size{font-size:9px;color:#a7b19a}.row-arrow{color:#b8c3a9;display:flex}.row-arrow svg{width:13px;height:13px}.list-footer{display:flex;align-items:center;gap:7px;padding:13px 18px;font-size:8px;color:#a6b096;background:#fcfdf9;border-top:1px solid var(--border)}.list-footer svg{height:12px;width:12px}.empty-list{padding:55px 25px;font-size:12px;color:#94a185;text-align:center;line-height:1.8}.sample-panel{position:sticky;top:20px;min-height:360px}.inspector-empty{padding:48px 29px 30px;text-align:center}.inspector-art{display:inline-flex;width:64px;height:64px;border-radius:20px;background:#eff3e7;color:#a1b489;align-items:center;justify-content:center;margin-bottom:28px;transform:rotate(-5deg);border:1px solid #e5ecd9}.inspector-art svg{width:28px;height:28px;transform:rotate(5deg)}.inspector-empty>.eyebrow{font-size:8px;letter-spacing:1.4px}.inspector-empty h2{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.5px;color:#5b7151;margin:15px 0 12px}.inspector-empty>p{font-size:11px;color:#a3ad95;line-height:1.9;max-width:245px;margin:0 auto}.inspector-tip{border-top:1px solid #edf1e5;margin-top:31px;padding-top:20px;display:flex;align-items:center;justify-content:center;gap:6px;color:#a1af8f;font-size:8px}.inspector-tip svg{height:12px;width:12px}.inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 0 20px}.inspector-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.sample-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;font-weight:500;margin:10px 20px;overflow-wrap:anywhere;color:#4d6648}.sample-meta{display:flex;align-items:center;gap:10px;margin:10px 20px 20px;font-size:9px;color:#a1ad92}.sample-info{margin:20px;padding-top:20px;border-top:1px solid #edf0e7;display:flex;flex-direction:column;gap:8px}.sample-info>span{font-size:8px;letter-spacing:1px;color:#a0ad90}.sample-info strong{font-size:10px;font-weight:500;color:#8e9c7d}.reveal-card{margin:22px 20px 25px;padding:18px;background:#f5f7f0;border:1px solid #e8eedf;border-radius:9px}.reveal-card h3{font-size:12px;font-weight:550;margin:0;color:#60734f}.reveal-card p{font-size:10px;line-height:1.8;color:#9ca98b;margin:9px 0 18px}.reveal-card .button{font-size:10px;min-height:37px}.payload-tabs{display:flex;gap:9px;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 12px;background:#fcfdf9}.payload-tab{padding:8px 7px;border:0;background:transparent;font-size:9px;color:#a0ad91;white-space:nowrap}.payload-tab.active{color:#4c6940;background:#edf2e5;border-radius:5px}.payload-tabs .icon-button{margin-left:auto;width:27px;height:27px}.payload-tabs .icon-button svg{width:13px;height:13px}.payload-body{max-height:510px;overflow:auto}.json-view{white-space:pre;tab-size:2;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.8;padding:18px;margin:0;color:#617a51;background:#fcfdf9;min-height:190px}.payload-note{font-size:8px;padding:13px 15px;color:#a4b08f;border-top:1px solid var(--border);background:#fbfcf7}.field-row{display:flex;align-items:flex-start;justify-content:space-between;padding:9px 15px;gap:12px;border-bottom:1px solid #f0f3e9}.field-row code{font-size:9px;color:#71895e;overflow-wrap:anywhere;line-height:1.7}.field-type{font-size:8px;color:#b1bd9c;white-space:nowrap;line-height:1.9}.schema-note{font-size:8px;line-height:1.8;color:#a5b28f;padding:9px 15px;margin:0;background:#fbfcf7}.loading-panel{padding:35px 20px;font-size:11px;color:#95a483}.page-footer{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#b0baa2;margin:24px 0 0;line-height:1.7}.section-card{padding:26px;margin-bottom:20px}.section-card h2{font-size:17px;font-weight:500;color:#526d48;margin:0 0 11px;letter-spacing:-.4px}.section-card>p,.section-card-heading p{font-size:12px;line-height:1.9;color:#8c9d7d}.section-card-heading{display:flex;align-items:center;gap:15px}.section-card-heading h2{margin:0 0 4px}.section-card-heading p{margin:0;font-size:11px}.pipeline{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:30px 0}.pipeline>span{padding:12px 17px;background:#f3f6ed;border:1px solid #e4ebd9;border-radius:8px;font-size:11px;color:#80946d}.pipeline>svg{color:#b6c2a4;width:16px}.queue-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.queue-card{border:1px solid var(--border);padding:20px;border-radius:9px}.queue-card .stat-value{margin-top:14px}.queue-card>p{margin:12px 0 0;font-size:10px}.access-details{margin:25px 0}.access-details>div{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid #edf1e5;padding:15px 0;gap:20px;font-size:11px}.access-details dt{color:#a2af90}.access-details dd{margin:0;color:#768b62;overflow-wrap:anywhere}
@media(min-width:1600px){.page{padding-top:45px}.event-row{padding-top:18px;padding-bottom:18px}.events{max-height:650px}}
@media(max-width:1200px){.sidebar{width:196px;padding-left:16px;padding-right:16px}.main{margin-left:196px}.page{padding:30px 26px}.topbar{padding:0 26px}.library-grid{grid-template-columns:minmax(365px,1.5fr) minmax(250px,1fr);gap:15px}.list-columns,.event-row{grid-template-columns:minmax(155px,1fr) 86px 40px 10px;gap:5px;padding-left:15px;padding-right:15px}.event-code{font-size:9px}.stat{padding:15px 13px}.stat-detail{font-size:8px}.flow-illustration{gap:9px}.flow-sources>span{padding:10px;font-size:9px}.flow-destination{padding:15px}}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid{grid-template-columns:1fr}.sample-panel{position:static;min-height:0}.inspector-empty{padding:30px}.inspector-art{margin-bottom:20px}.inspector-tip{margin-top:20px}.list-columns,.event-row{grid-template-columns:minmax(155px,1fr) 105px 55px 15px}.login-story{padding:35px 35px}.login-main{padding:40px}.flow-illustration{display:none}.story-content h1{font-size:44px}.story-content>p{font-size:13px}.login-card h2{font-size:30px}}
@media(max-width:700px){.sidebar{width:76px;padding:22px 13px}.sidebar .brand span,.workspace-label,.nav-item:not(.active)~.workspace-label,.sidebar-note,.sidebar-footer{display:none}.sidebar .brand{justify-content:center}.sidebar nav{margin-top:35px;gap:10px}.nav-item{font-size:0;gap:0;justify-content:center;padding:13px}.nav-item svg{height:20px;width:20px}.main{margin-left:76px}.topbar{height:65px;padding:0 20px}.page{padding:25px 20px}.page-heading{align-items:flex-start;margin-bottom:23px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;max-width:260px}.page-heading>.button{font-size:0;padding:10px;min-height:34px;margin-top:25px}.page-heading>.button svg{width:16px;height:16px}.library-toolbar{flex-wrap:wrap}.search{width:100%;max-width:none;min-height:38px}.filter-tabs{width:100%}.filter{flex:1;justify-content:center}.list-columns,.event-row{grid-template-columns:minmax(120px,1fr) 75px 10px;gap:8px}.list-columns>span:nth-child(3),.event-size{display:none}.list-title{padding:16px}.event-code{font-size:9px}.event-seen{font-size:8px}.stats{gap:10px;margin-bottom:22px}.stat{min-height:112px;padding:13px}.stat-label{font-size:9px}.stat-value{font-size:25px}.stat:last-child .stat-value{font-size:20px}.stat-detail{font-size:8px}.breadcrumbs{font-size:10px}.breadcrumbs span{margin:0 8px}.topbar-actions{gap:8px}.mode-badge{font-size:8px;padding:5px 7px}.queue-cards{grid-template-columns:1fr}.section-card{padding:20px}.section-card-heading{align-items:flex-start}.access-details>div{grid-template-columns:1fr;gap:7px}.page-footer{flex-direction:column;gap:5px}.login-layout{grid-template-columns:1fr}.login-story{min-height:0;padding:25px}.story-content,.story-footer{display:none}.login-story:before,.login-story:after{display:none}.login-main{min-height:calc(100vh - 92px);padding:50px 30px 90px}.login-card h2{font-size:34px}.login-footer{bottom:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep operational text readable at desktop and narrow panel widths. */
.stat-label{font-size:11px;color:#68775f}.stat-detail{font-size:10px;color:#74806c}.event-code{font-size:11px}.event-seen,.event-size{font-size:10px;color:#718066}.list-columns{font-size:9px;color:#718066}.list-footer,.page-footer{font-size:10px;color:#75846a}.family-badge{font-size:9px;color:#647a51}.family-badge.notifications{color:#86632c}.filter,.search input{font-size:11px}.filter{color:#6d7d60}.list-title>span,.inspector-empty>p,.inspector-tip,.sample-info strong,.reveal-card p,.payload-note,.schema-note,.subtle{color:#728467}.sample-info>span,.field-type{color:#718267}.sample-meta{font-size:10px;color:#718267}.inspector-empty>p{font-size:12px}.inspector-tip{font-size:10px}.schema-note{font-size:10px}.field-row code{font-size:10px}.field-type{font-size:9px}.login-card>p,.story-content>p,.login-detail small{color:#6f7d69}.page-heading p{color:#73816b}.search input::placeholder{color:#7b8870}
@media(max-width:700px){.sidebar{width:64px;padding-left:8px;padding-right:8px}.main{margin-left:64px}.page{padding-left:14px;padding-right:14px}.topbar{padding-left:14px;padding-right:14px}.filter{padding:8px 5px;font-size:9px;gap:4px}.filter-tabs{gap:2px}.list-columns,.event-row{grid-template-columns:minmax(0,1fr) 63px 9px;gap:5px;padding-left:12px;padding-right:12px}.event-code{font-size:10px}.event-seen{font-size:9px}.stat-label{font-size:10px}.stat-detail{font-size:9px}.page-footer{font-size:9px}.mode-badge{font-size:8px}.breadcrumbs{font-size:9px}.topbar-actions{gap:3px}.stat:last-child .stat-value{font-size:19px}}
/* Configuration starts with a single-column phone layout and comfortable tap targets. */
.config-dialog{border:1px solid #dce4d4;border-radius:16px;padding:0;width:calc(100% - 24px);max-width:580px;max-height:92dvh;color:#2d4439;background:#fcfdf9;box-shadow:0 25px 90px #17372a25}.config-dialog::backdrop{background:#17372a66;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:2}.dialog-header h2{font-size:20px;margin:8px 0 0;letter-spacing:-.6px;font-weight:500;overflow-wrap:anywhere}.dialog-body{padding:20px;max-height:calc(92dvh - 158px);overflow:auto}.dialog-description{font-size:12px;line-height:1.8;color:#718267;margin:0 0 20px}.dialog-footer{padding:14px 20px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border);z-index:2}.dialog-footer .button{flex:1;min-height:44px}.form-label{display:block;font-size:12px;font-weight:600;color:#617654;margin:20px 0 8px}.form-input{width:100%;border:1px solid #d9e2cf;background:#fff;border-radius:8px;padding:12px;color:#40583a;font-size:14px;min-height:44px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.button.small{font-size:11px;min-height:40px;padding:8px 12px}.button.quiet{background:transparent;color:#7b8d6c;border-color:transparent}.button.quiet:hover{background:#edf2e7}.check-line{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;margin:20px 0;color:#647957}.check-line input,.field-choice input{accent-color:#315e45;width:19px;height:19px;flex-shrink:0;margin:0}.rule-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px}.rule-summary>strong{font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.selected-field-count{display:block;font-size:11px;color:#6a805c;margin:14px 0}.field-checklist{border:1px solid var(--border);border-radius:10px;background:#fff;max-height:42dvh;overflow:auto}.field-choice{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-bottom:1px solid #edf1e6;cursor:pointer;min-height:49px}.field-choice:last-child{border:0}.field-choice:has(input:checked){background:#f6f9f1}.field-choice-text{min-width:0;display:flex;flex-direction:column;gap:5px}.field-choice code{overflow-wrap:anywhere;font-size:11px;line-height:1.6;color:#557344}.field-choice small{color:#819772;font-size:10px}.preview-section{margin-top:25px;padding-top:20px;border-top:1px solid var(--border)}.preview-section h3{font-size:17px;font-weight:500}.preview-columns{display:grid;grid-template-columns:1fr;gap:15px}.preview-columns>div{min-width:0}.preview-columns h4{font-size:12px;font-weight:550;color:#73876a}.preview-columns pre{max-height:330px;overflow:auto;border:1px solid #e0e8d6;border-radius:8px;background:#fff}.event-destinations{border-top:1px solid var(--border);padding:20px}.section-inline-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.section-inline-heading h2,.section-inline-heading h3{margin:0;font-size:14px;font-weight:550}.linked-subscription{border-top:1px solid #e8eee0;padding:16px 0}.linked-subscription>strong{display:block;font-size:12px;overflow-wrap:anywhere}.linked-subscription>.subtle{display:block;margin-top:6px;font-size:10px}.scope-note{font-size:10px;color:#829574;line-height:1.8;margin-top:16px}.subscription-count{font-size:9px;color:#6c8e58}.destinations-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:16px}.destinations-heading p{margin:0;max-width:500px}.scope-banner{padding:13px 16px;border:1px solid #dde7d2;border-radius:9px;background:#edf3e6;color:#6d825d;font-size:11px;line-height:1.8;margin-bottom:20px}.destination-cards{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:23px}.destination-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:11px;padding:21px;border:1px solid var(--border);border-radius:12px;background:#fff;min-width:0;color:#45623a}.destination-card.selected{border-color:#9bb783;box-shadow:0 0 0 2px #b2ca9820}.destination-card:hover{background:#f8fbf3}.destination-card>strong{font-size:15px;font-weight:550;overflow-wrap:anywhere}.destination-symbol{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#edf2e5;color:#779366;font-size:14px}.destination-url{display:block;font-size:10px;color:#7d936d;overflow-wrap:anywhere;line-height:1.7}.destination-card .subtle{font-size:11px}.vendor-event-row{display:flex;flex-direction:column;gap:10px;padding:20px 0;border-top:1px solid var(--border)}.vendor-event-row strong{display:block;font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.vendor-event-row .subtle{display:block;font-size:11px;margin-top:7px}.vendor-event-row .quick-actions{margin:0}.destination-detail>.quick-actions{margin:22px 0}.recent-test{display:flex;flex-direction:column;gap:7px;padding:15px 0;border-bottom:1px solid #edf1e6}.recent-test>strong{font-size:12px;font-family:ui-monospace,monospace;overflow-wrap:anywhere}.recent-test .subtle{font-size:10px}.test-results{display:grid;grid-template-columns:1fr;gap:15px;margin-top:20px}.test-result{padding:20px;border:1px solid #dce8ce;border-radius:10px;background:#f7fbf0;min-width:0}.test-result.failed{border-color:#ecd3ac;background:#fff8eb}.test-result h3{margin:0 0 12px;font-size:16px;font-weight:550}.test-result>p{font-size:12px;color:#6c825b;line-height:1.7}.test-badge{display:inline-block;font-size:10px;background:#e6efdc;padding:6px 9px;border-radius:5px;color:#5e7c48}.receipt-hash{display:block;overflow-wrap:anywhere;color:#839971;font-size:9px;line-height:1.8}.test-result details{margin-top:17px}.test-result summary{cursor:pointer;font-size:11px;color:#617e4c;min-height:35px}.test-result pre{max-height:280px;overflow:auto;border-radius:8px;border:1px solid #e1e9d6}.main:has(#destinations-view:not(.hidden)) .stats{display:none}
@media(min-width:760px){.config-dialog.wide-dialog{max-width:1000px}.dialog-header{padding:22px 28px}.dialog-body{padding:24px 28px}.dialog-footer{padding:16px 28px}.dialog-footer .button{flex:0 0 auto;min-width:145px}.destination-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-event-row{flex-direction:row;align-items:center;justify-content:space-between}.test-results{grid-template-columns:repeat(2,minmax(0,1fr))}.test-results>.subtle{grid-column:1/-1}}
@media(max-width:700px){.config-dialog{width:100%;max-width:none;max-height:100dvh;height:100dvh;margin:0;border:0;border-radius:0}.dialog-body{max-height:calc(100dvh - 170px);padding:18px}.dialog-header{padding:17px 18px}.dialog-header h2{font-size:19px}.dialog-footer{padding:13px 18px}.field-checklist{max-height:40dvh}.form-input{font-size:16px}.destination-cards{gap:12px}.destination-card{padding:18px}.destinations-heading .button{width:100%;min-height:44px}.scope-banner{font-size:10px}.event-destinations{padding:18px}.topbar .mode-badge{max-width:118px;white-space:normal;text-align:center;line-height:1.5}.quick-actions .button{flex:1}.section-inline-heading .button{min-height:40px}.destination-detail .section-inline-heading>h2{font-size:18px}}
@media(max-width:700px){.sidebar{inset:auto 0 0;width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid #dce5d3;background:#f6f8f1}.sidebar .brand{display:none}.sidebar nav{margin:0;width:100%;flex-direction:row;gap:3px;justify-content:space-around}.nav-item{flex:1;flex-direction:column;font-size:9px;text-align:center;padding:8px 3px;gap:5px;min-height:56px}.nav-item svg{width:20px;height:20px}.main{margin-left:0;padding-bottom:calc(85px + env(safe-area-inset-bottom))}.dialog-footer{padding-bottom:calc(13px + env(safe-area-inset-bottom))}}
/* Delivery history shares the phone-first configuration layout. */
.delivery-status{display:inline-flex;align-items:center;border-radius:6px;padding:7px 10px;font-size:11px;line-height:1.4;background:#edf2e6;color:#6c825a}.delivery-status.delivered{background:#e2efdc;color:#426e35}.delivery-status.dead_lettered,.delivery-status.dead_letter_pending{background:#fff0db;color:#95662d}.delivery-status.cancelled{background:#eff0eb;color:#7c8473}.delivery-status.retry_wait,.delivery-status.in_flight{background:#e9eff5;color:#59758d}.delivery-summary h3{font-size:22px;font-weight:500;margin:16px 0 10px;overflow-wrap:anywhere}.next-retry{font-size:12px;color:#557443;line-height:1.7}.attempt-history{padding:0;list-style:none;margin:24px 0}.attempt-entry{display:flex;flex-direction:column;gap:8px;padding:17px 18px;margin-bottom:10px;border:1px solid #e0e7d6;border-radius:9px;background:#fff}.attempt-entry>strong{font-size:13px;color:#536e46}.delivery-payload{margin-top:24px}.delivery-payload summary{min-height:44px;font-size:12px;cursor:pointer;color:#637e52}.delivery-payload pre{max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:10px}.delivery-card .section-inline-heading h2{font-size:17px}.delivery-card .button{min-height:44px}.main:has(#deliveries-view:not(.hidden)) .stats{display:none}
@media(max-width:700px){.nav-item{font-size:8px;padding-left:1px;padding-right:1px}.delivery-summary h3{font-size:20px}.delivery-card .section-inline-heading{align-items:flex-start}.delivery-card .section-inline-heading h2{font-size:16px}}

.schema-paths{min-height:0;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:8px;margin:10px 0 20px}.section-card>details{font-size:12px;line-height:1.8;margin:15px 0 20px}.section-card>details>summary{cursor:pointer;color:#526d48}