:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253c36;background:#f4f5ef;font-size:14px;--green:#183e34;--muted:#758279;--line:#e0e5da;--gold:#c29a53}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #c29a53;outline-offset:3px}.layout{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.sidebar{background:#142e28;color:#b8c8bc;padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.wordmark{font-family:Georgia,serif;font-size:29px;letter-spacing:-.4px;line-height:1.12;color:#f2e9d7}.tagline{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:4px 0 34px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#839b8f;margin:24px 12px 10px}.nav button{width:100%;border:0;background:transparent;color:inherit;text-align:left;border-radius:7px;padding:13px 12px;display:flex;gap:12px;align-items:center;margin:3px 0}.nav button.active{background:#2d4a3d;color:#ffefd3}.nav button:hover{background:#254338}.nav-icon{width:20px;font-size:18px}.sidebar-bottom{margin-top:auto;border-top:1px solid #385047;padding-top:20px;font-size:11px;line-height:1.8}.logo-small{max-width:135px;max-height:48px;object-fit:contain}.main{min-width:0}.topbar{min-height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 38px;background:#fafbf6;gap:18px}.client-brand{display:flex;align-items:center;gap:12px}.client-brand img{height:38px;max-width:90px;object-fit:contain}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);font-weight:700}.topbar select{border:0;background:transparent;font-weight:600;color:var(--green);padding:4px 0;max-width:250px}.account{display:flex;align-items:center;gap:12px}.avatar{background:#e5e9dc;color:var(--green);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:700}.account small{display:block;color:var(--muted);font-size:11px}.content{padding:36px 38px;max-width:1600px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;font-size:36px;letter-spacing:-.6px;margin-bottom:9px}h2{font-family:Georgia,serif;font-weight:400;font-size:23px}h3{font-size:15px}p{color:var(--muted);line-height:1.65}.btn{border:1px solid var(--line);border-radius:6px;background:white;color:var(--green);padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.danger{color:#9a3730}.btn.small{padding:6px 10px;font-size:12px}.btn.ghost{border:0;background:transparent}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat,.panel{border:1px solid var(--line);border-radius:9px;background:#fff;padding:24px}.stat .value{font-family:Georgia,serif;font-size:34px;margin:14px 0 8px}.stat small{color:var(--muted);font-size:11px}.stat-icon{float:right;color:var(--gold);font-size:20px}.grid-two{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-head h2{margin:0}.welcome{background:#e9ecdf;border:1px solid #dce2d1;border-radius:9px;padding:26px;margin-bottom:26px;display:flex;justify-content:space-between;gap:20px}.welcome h2{margin-bottom:8px}.welcome p{margin:0;max-width:650px;color:#697363}.seal{border:1px solid #8d9c7e;border-radius:50%;height:85px;width:85px;flex-shrink:0;display:grid;place-items:center;font-family:Georgia,serif;text-align:center;font-size:24px;color:#6b805f;transform:rotate(-10deg)}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--muted);padding:12px 14px;background:#f8f9f4}td{padding:16px 14px;border-bottom:1px solid #edf0e7;font-size:13px}tr:last-child td{border-bottom:0}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px}.table-wrap .empty{border:0}.pill{font-size:10px;border-radius:30px;padding:5px 9px;background:#eef1e6;color:#657650;display:inline-block;white-space:nowrap}.pill.Spirit{background:#f3ebe0;color:#a2793b}.pill.FAB{background:#ede7f3;color:#81649c}.pill.Cider{background:#e9f1e0;color:#6d872d}.muted{color:var(--muted)}.subtext{display:block;color:var(--muted);font-size:11px;margin-top:5px}.empty{text-align:center;padding:44px 24px;background:white;border:1px dashed var(--line);border-radius:8px}.empty .empty-icon{font-size:30px;color:var(--gold);margin-bottom:12px}.empty p{max-width:420px;margin:0 auto 20px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:24px}.product-art{height:120px;background:#f1f3ea;border-radius:7px;margin-bottom:20px;display:grid;place-items:center;font-size:50px;color:#a9b394}.product-art img{max-height:100px;max-width:100%;object-fit:contain}.product-card h2{margin:12px 0 8px}.actions{display:flex;gap:6px;flex-wrap:wrap}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{max-width:350px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.admin-tabs .active{background:#e4eadc}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;margin-bottom:18px;font-size:12px;font-weight:600}.field input,.field select,.field textarea,input.search{display:block;width:100%;margin-top:7px;border:1px solid #d9dfd1;border-radius:6px;padding:11px;background:#fff;color:#253c36}.field textarea{min-height:95px;resize:vertical}.field small{display:block;font-weight:400;color:var(--muted);line-height:1.6;margin-top:7px}.field.check{display:flex;align-items:center;gap:9px}.field.check input{width:auto;margin:0}.field.full{grid-column:1/-1}.brand-slot{padding:24px;border:1px dashed #cdd6c1;border-radius:8px;text-align:center;background:#fafbf6;margin-bottom:16px}.brand-slot img{max-width:220px;max-height:100px;display:block;margin:0 auto 16px;object-fit:contain}.brand-placeholder{font-family:Georgia,serif;font-size:30px;margin-bottom:20px;color:var(--green)}.release{border-left:2px solid #c8aa71;padding-left:22px;margin-bottom:28px}.release h3{margin:10px 0}.release li{color:#68776b;line-height:1.9;font-size:13px}.legal{font-size:11px;line-height:1.9;color:var(--muted);margin-top:18px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{padding:70px;background:#142e28;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-story h1{font-size:58px;line-height:1.1;color:#f4ecd9;max-width:500px}.auth-story p{color:#aabcad;max-width:410px;font-size:16px}.auth-story .tagline{margin-bottom:0}.auth-form{padding:50px;display:flex;align-items:center;justify-content:center}.auth-form form{width:100%;max-width:420px}.auth-form h1{font-size:31px}.error{color:#a34035;background:#fbefec;border-radius:6px;padding:12px;margin:15px 0;font-size:13px}.auth-form .btn{width:100%;margin-top:8px}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;max-width:740px;width:calc(100% - 32px);max-height:90vh;color:var(--green)}dialog::backdrop{background:#10261fb0}dialog h2{margin-bottom:22px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.recipe-line{display:grid;grid-template-columns:1fr 130px 34px;gap:10px;align-items:end;margin-bottom:10px}.recipe-line .field{margin:0}.cost-preview{background:#eef2e5;border-radius:6px;padding:15px;margin-top:18px;display:flex;justify-content:space-between}.recipe-detail{line-height:1.7}.note{white-space:pre-wrap;color:#6d786d}.loading{padding:60px;text-align:center}#toast{position:fixed;bottom:24px;right:24px;max-width:420px;background:#183e34;color:white;padding:14px 20px;border-radius:7px;display:none;z-index:9;box-shadow:0 8px 30px #0002}.setup-step{display:flex;gap:15px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}.setup-step:last-child{border:0}.step-number{height:28px;width:28px;border-radius:50%;background:#edf1e4;display:grid;place-items:center;color:#718161;flex-shrink:0}.setup-step h3{margin:0 0 5px}.setup-step p{margin:0;font-size:12px}.row-title{font-weight:600}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.content{padding:26px}.topbar{padding:18px 26px}.layout{grid-template-columns:200px 1fr}.sidebar{padding:25px 15px}}@media(max-width:700px){.layout{display:block}.sidebar{position:static;height:auto;padding:16px}.wordmark{font-size:29px}.tagline{margin:2px 0 14px}.nav-label,.sidebar-bottom{display:none}.nav{display:flex;overflow:auto}.nav button{width:auto;white-space:nowrap;font-size:12px;padding:10px}.topbar{padding:14px 18px}.account .user-info{display:none}.content{padding:22px 16px}.page-title{align-items:flex-start}h1{font-size:29px}.stats{gap:10px}.stat{padding:16px}.stat .value{font-size:28px}.product-grid,.form-grid{grid-template-columns:1fr}.welcome{padding:20px}.seal{display:none}.auth{display:block}.auth-story{padding:28px}.auth-story h1{font-size:36px;margin:30px 0 15px}.auth-story .legal{display:none}.auth-form{padding:28px}.recipe-line{grid-template-columns:1fr 80px 28px}.panel{padding:18px}.toolbar{flex-wrap:wrap}}

.wordmark span{display:block;font-size:.82em}.auth-story .wordmark{font-size:42px}.seal{font-size:13px;line-height:1.3}@media(max-width:700px){.auth-story .wordmark{font-size:32px}}

.agreement-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:430px;overflow:auto;background:#fafbf6;border:1px solid var(--line);border-radius:6px;padding:22px;font-size:14px;line-height:1.8;color:#253c36}.licence-shell{min-height:100vh}.licence-header{padding:24px 36px;background:#142e28;display:flex;justify-content:space-between;align-items:center;gap:20px}.licence-header .wordmark{font-size:28px}.licence-header>div:last-child{display:flex;gap:10px}.licence-content{max-width:950px;margin:auto;padding:38px 24px}.licence-content .field.check{align-items:flex-start;line-height:1.7}.licence-content .field.check input{margin-top:5px;flex-shrink:0}.licence-content .panel-head{align-items:flex-start}#licence-draft-form textarea{min-height:250px}@media(max-width:700px){.licence-header{padding:18px;flex-wrap:wrap}.licence-content{padding:24px 16px}.licence-content .panel-head{flex-wrap:wrap}}

/* Administration security access records */
.security-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:20px 0}.security-filters .field{flex:1;min-width:190px}.security-filters .btn{margin-bottom:16px}.ip-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--forest,#174735);text-decoration:underline;cursor:pointer;font:inherit;padding:4px 0}.country-flag{width:24px;height:17px;object-fit:cover;vertical-align:middle;border-radius:2px;box-shadow:0 0 0 1px #0002}.ip-local{color:#87958c}.security-failed{background:#fce8e4;color:#a53828}.security-pager{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.ip-detail-heading{display:flex;align-items:center;gap:12px;font-size:20px;margin:20px 0}.ip-details{margin:0}.ip-details>div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #e5e9e5}.ip-details dt{color:#67776d}.ip-details dd{margin:0;overflow-wrap:anywhere}@media(max-width:600px){.ip-details>div{grid-template-columns:1fr;gap:4px}.security-filters{display:block}}

.abn-check{margin-top:20px;padding-top:20px;border-top:1px solid #e5e9e5}.abn-summary{margin:16px 0}.abn-summary .btn{margin-top:16px}

.product-category + .product-category { margin-top: 32px; }

.supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.supplier-logo{max-width:120px;max-height:70px;object-fit:contain}.supplier-contact{border:1px solid var(--line);border-radius:7px;padding:16px;margin:16px 0}.supplier-contact-details{border-bottom:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.supplier-contact-details .pill{margin-left:8px}.supplier-card .note{overflow-wrap:anywhere}@media(max-width:900px){.supplier-grid{grid-template-columns:1fr}}

.address-suggestions{border:1px solid var(--line);border-radius:6px;margin-top:8px;background:white;overflow:hidden}.address-suggestions[hidden]{display:none}.address-option{display:block;width:100%;border:0;border-bottom:1px solid var(--line);padding:12px;text-align:left;background:white;color:var(--green);cursor:pointer}.address-option:hover,.address-option:focus,.address-option.selected{background:#eef2e5}.address-status{display:block;font-size:12px;font-weight:400;margin-top:8px}.google-maps-attribution{display:block;padding:8px 12px;font-family:Arial,sans-serif;font-size:12px;font-weight:400;color:#5e5e5e;white-space:nowrap}

.specification-link{border:0;background:none;color:var(--green);text-decoration:underline;text-align:left;padding:0;margin:0 0 8px;overflow-wrap:anywhere;cursor:pointer}

.product-view-link{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer}.product-view-link:hover{text-decoration:underline}

.image-library-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0}
.image-paste-zone{border:2px dashed #b5c6bb;border-radius:12px;padding:24px;text-align:center;cursor:pointer;background:#fafbf6}
.image-paste-zone:focus{outline:3px solid #b18b46;outline-offset:3px}
.image-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:24px}
.image-reference-card{min-width:0;overflow:hidden}
.image-reference-preview{width:100%;height:200px;object-fit:contain;background:#f4f5ef;border-radius:8px}
.image-reference-card h3,.image-reference-notes{overflow-wrap:anywhere}
.image-reference-notes{white-space:pre-wrap}
.image-reference-input{width:100%;font-family:monospace;margin:8px 0;padding:10px;border:1px solid #b5c6bb;border-radius:6px}
.image-library-status{margin-top:12px;white-space:pre-wrap}
.image-reference-full{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:auto}

/* SMTP Manager · modern application theme */
:root{color-scheme:light;--green:#3159d9;--muted:#69768b;--line:#e5eaf2;--gold:#4e78eb;--ink:#18243d;--surface:#fff;--canvas:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-size:14px}
body{line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:var(--green);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #92adff;outline-offset:3px}button:disabled{cursor:not-allowed}
.layout{grid-template-columns:246px minmax(0,1fr)}.sidebar{background:#101b32;color:#a8b4ca;padding:32px 22px;border-right:1px solid #1d2a44}.wordmark{font-family:inherit;font-size:22px;letter-spacing:-.8px;line-height:1.2;color:#f9fbff;font-weight:750;display:flex;gap:10px;align-items:center}.wordmark span{display:inline}.wordmark .brand-light{font-weight:400;color:#b5c8f7}.brand-symbol{display:grid!important;place-items:center;width:35px;height:35px;border-radius:10px;background:#456ce4;color:white;box-shadow:0 4px 14px #0002;flex-shrink:0}.brand-symbol svg{width:21px;height:21px}.tagline{font-size:11px;font-weight:450;letter-spacing:.15px;text-transform:none;color:#8193b4;margin:10px 0 38px;padding-left:45px}.nav-label{font-size:10px;font-weight:650;letter-spacing:1.4px;color:#6f82a5;margin:8px 13px 12px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{font-weight:550;font-size:13px;border-radius:10px;padding:12px 13px;margin:0;transition:background .15s,color .15s}.nav button:hover{background:#1b2b48;color:white}.nav button.active{background:#29487f;color:#fff;box-shadow:inset 3px 0 #719aff}.nav-icon{font-size:18px;color:#8ba6d2}.nav button.active .nav-icon{color:#c5d6ff}.sidebar-bottom{border-color:#26344e;padding-top:22px;margin-top:auto}.topbar{min-height:86px;background:#fff;border-color:var(--line);padding:20px 38px;gap:20px}.client-brand .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:3px}.topbar select{font-size:13px;color:var(--ink);max-width:240px}.account{gap:10px}.account .user-info{min-width:95px}.account .user-info strong{font-size:12px}.account small{font-size:10px}.avatar{background:#eaf0ff;color:#4564ad;width:35px;height:35px;font-size:12px;border:1px solid #dce6ff}.account .btn{font-size:11px;padding:7px 9px;color:#67738a}.account .btn:hover{background:#f0f4fc}.content{padding:36px 38px 52px;max-width:1560px}.page-title{align-items:flex-end;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#8390a6;font-weight:650}.page-title .eyebrow{margin-bottom:8px}h1,h2,h3{font-family:inherit;color:var(--ink)}h1{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-1.1px;margin-bottom:10px}h2{font-size:18px;line-height:1.35;font-weight:650;letter-spacing:-.4px}h3{font-size:14px;font-weight:650}p{font-size:13px;line-height:1.75;color:var(--muted)}.page-title p{font-size:13px}.panel,.stat{border-color:var(--line);border-radius:16px;background:#fff;padding:26px;box-shadow:0 3px 12px #13213e03}.panel-head{gap:16px;margin-bottom:14px;flex-wrap:wrap}.panel-head h2{font-size:18px}.btn{border-color:#dfe5ef;border-radius:8px;color:#3c4e6a;background:#fff;font-size:12px;font-weight:600;padding:10px 15px;min-height:38px;transition:background .15s,border-color .15s,box-shadow .15s}.btn:hover{background:#f5f8ff;border-color:#bdcdf1}.btn.primary{background:#3159d9;border-color:#3159d9;color:white;box-shadow:0 3px 7px #3159d920}.btn.primary:hover{background:#244ac1;border-color:#244ac1;box-shadow:0 4px 10px #3159d930}.btn.small{font-size:11px;padding:7px 10px;min-height:32px}.btn.danger{color:#b44654;border-color:#f0dce0}.btn.danger:hover{background:#fff4f5}.btn.ghost{box-shadow:none}.actions{gap:8px}.pill{font-size:10px;font-weight:600;background:#eef3ff;color:#4769ad;padding:5px 10px;border:1px solid #e1e9fb}.security-failed{background:#fff0f1;color:#ac3548;border-color:#f6dce1}.tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--line);margin-bottom:24px;padding:0 0 1px;max-width:100%}.tabs button{flex-shrink:0;border:0;border-bottom:2px solid transparent;border-radius:7px 7px 0 0;background:none;color:#778399;padding:13px 12px 15px;font-weight:550;font-size:12px;white-space:nowrap}.tabs button:hover{background:#eef3fc;color:#3159d9}.tabs button.active{color:#3159d9;border-bottom-color:#3159d9;background:#edf2ff;font-weight:650}.admin-tabs{gap:7px;border-bottom:0;padding:0;margin-bottom:24px}.admin-tabs .btn{font-size:11px;background:transparent;border-color:transparent;color:#707e95}.admin-tabs .active{color:#3159d9;background:#e9effe;border-color:#dce5fb}.form-grid{gap:18px 22px}.field{font-size:12px;font-weight:550;color:#3b4b65;margin-bottom:16px}.field input,.field select,.field textarea,input.search{border:1px solid #dfe5ef;border-radius:8px;padding:11px 12px;color:var(--ink);background:#fbfcff;margin-top:8px;min-height:43px;font-weight:400;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7b9af0;background:#fff;box-shadow:0 0 0 3px #3159d90a}.field input::placeholder,.field textarea::placeholder{color:#929eb0}.field input[readonly]{background:#f2f5fa;color:#6d7a90}.field.check{line-height:1.6;align-items:center}.field.check input{min-height:auto;width:16px;height:16px;accent-color:#3159d9;flex-shrink:0}.field textarea{min-height:110px}.form-grid .field{min-width:0}.table-wrap{border-radius:11px;border-color:var(--line)}table{line-height:1.5}th{font-size:10px;font-weight:650;letter-spacing:.7px;background:#f8faff;color:#8290a6;padding:13px 16px}td{color:#41516b;padding:17px 16px;border-color:#edf1f7;font-size:12px;vertical-align:top}tbody tr:hover{background:#fafcff}.ip-details>div{grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);border-color:#edf1f7;gap:16px;font-size:12px;padding:10px 0}.ip-details dt{color:#7b889d;text-transform:capitalize}.ip-details dd{color:#31415b}.error{border:1px solid #f3d8df;background:#fff2f4;color:#a3374e;padding:13px 15px;border-radius:9px}.legal{font-size:11px;color:#7b879b}.empty{border-color:#d9e3f4;background:#fafcff;border-radius:14px;padding:48px 24px}.empty-icon{color:#426ada!important}.brand-slot{background:#f9fbff;border-color:#cfdbef;border-radius:12px}.brand-placeholder{font-family:inherit;font-weight:650}.release{border-color:#a8bdfa}.release li{color:#69768b}.agreement-text{background:#f9fbff;color:#354762;border-radius:10px;border-color:var(--line)}dialog{border:1px solid #e5eaf4;border-radius:18px;padding:30px;color:var(--ink);box-shadow:0 24px 100px #0c1b3440}dialog::backdrop{background:#101c3870;backdrop-filter:blur(5px)}.modal-head{gap:16px;margin-bottom:22px}.modal-head h2{font-size:21px;margin-bottom:0}.modal-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}#toast{background:#182b50;border:1px solid #2c4166;border-radius:12px;box-shadow:0 8px 25px #10244926;font-size:12px;padding:15px 20px}.loading{color:#7a89a2}
.mail-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}.mail-metric{padding:21px 23px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 8px #13213e02}.mail-metric-label{font-size:11px;color:#7b889e;font-weight:550;margin-bottom:9px}.mail-metric-value{font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.7px;color:#263959}.mail-metric-value.connection-value{font-size:17px;padding-top:5px;letter-spacing:-.3px}.mail-metric small{font-size:10px;color:#8a96a9;display:block;margin-top:6px}.metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf2ff;color:#5273c9;flex-shrink:0}.metric-icon svg{height:18px;width:18px}.metric-icon.teal{color:#198983;background:#eaf7f5}.metric-icon.violet{color:#8064c9;background:#f2eefb}.mail-intro{display:flex;align-items:center;gap:14px;padding:19px 22px;background:#f7faff;border:1px solid #e3ebfa;border-radius:12px;margin-bottom:24px}.mail-intro p{margin:0;flex:1;font-size:12px}.mail-intro strong{color:#354c78;font-weight:650}.mail-intro .btn{flex-shrink:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mail-project{border:1px solid var(--line);border-radius:13px;padding:23px;background:#fff;min-width:0;transition:border-color .15s,box-shadow .15s}.mail-project:hover{border-color:#c2d2f2;box-shadow:0 5px 18px #25416b08}.project-heading{display:flex;gap:13px;align-items:center;margin-bottom:20px}.project-monogram{height:42px;width:42px;display:grid;place-items:center;border-radius:12px;background:#edf2ff;color:#4c6ebd;font-weight:700;font-size:16px;flex-shrink:0}.project-heading h3{margin:0 0 3px;font-size:15px;overflow-wrap:anywhere}.project-heading small{color:#8b96a8;font-size:10px}.project-fields{margin:0 0 18px}.project-fields>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;margin-bottom:10px;font-size:11px}.project-fields dt{color:#8994a6}.project-fields dd{margin:0;color:#465973;overflow-wrap:anywhere}.project-notes{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #edf1f7;padding-top:13px}.project-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px}.project-footer .btn.danger{border-color:transparent;background:transparent}.mail-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:52px 20px 38px;border:1px dashed #dce5f4;background:#fcfdff;border-radius:12px;margin-top:20px}.mail-empty .metric-icon{width:56px;height:56px;border-radius:17px;margin-bottom:18px}.mail-empty .metric-icon svg{width:25px;height:25px}.mail-empty h3{font-size:17px;margin-bottom:8px}.mail-empty p{max-width:350px;font-size:12px;margin-bottom:0}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.usage-stat{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fbfcff}.usage-stat .value{display:block;font-size:27px;font-weight:700;letter-spacing:-.7px;margin-top:10px}.usage-stat small{font-size:11px;color:#7c8ba1}.usage-progress{margin:20px 0 26px}.usage-progress meter{display:block;width:100%;height:14px;accent-color:#3159d9;margin-top:9px}.usage-progress p{margin:0;font-size:11px}.connection-layout{max-width:760px}.connection-layout>p{max-width:620px}.connection-layout form{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.auth{background:#f6f8fd;grid-template-columns:1.05fr 1fr}.auth-story{position:relative;overflow:hidden;padding:58px 64px;background:radial-gradient(ellipse at 20% 90%,#213f79 0,transparent 65%),#101c35}.auth-story::after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff09;border-radius:50%;right:-190px;top:160px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.auth-story .wordmark{font-size:27px}.auth-story .tagline{padding-left:45px}.auth-story .eyebrow{color:#92b1f5;font-size:10px;letter-spacing:2px;margin-bottom:20px}.auth-story h1{font-size:clamp(40px,4.4vw,65px);font-weight:650;line-height:1.08;letter-spacing:-2.5px;color:#f1f5ff;position:relative;z-index:1}.auth-story p{color:#95a9ca;font-size:14px;line-height:1.8;max-width:340px}.auth-form{padding:55px}.auth-form form{max-width:365px}.auth-form .eyebrow{color:#5479d5;margin-bottom:13px}.auth-form h1{font-size:28px;line-height:1.25;font-weight:700;letter-spacing:-1px}.auth-form p{font-size:12px;margin-bottom:27px}.auth-form .field{margin-bottom:20px}.auth-form .field input{background:#fff;min-height:47px}.auth-form .btn.primary{min-height:45px}.auth-form .legal{font-size:10px;text-align:center;margin-top:26px}.auth-story lit-branding{position:relative;z-index:1}
@media(min-width:1500px){.content{padding-top:42px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.layout{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:28px 16px}.wordmark{font-size:19px}.tagline{font-size:10px;padding-left:0}.content{padding:28px}.topbar{padding:18px 28px}.account{gap:5px}.account .user-info{display:none}.project-grid{grid-template-columns:1fr}.mail-overview{gap:12px}.mail-metric{padding:18px}.auth-story{padding:45px}}
@media(max-width:760px){.layout{display:block}.sidebar{height:auto;position:static;padding:18px 20px}.wordmark{font-size:21px}.sidebar .tagline,.nav-label{display:none}.nav{flex-direction:row;gap:7px;margin-top:18px;overflow:auto}.nav button{width:auto;padding:9px 13px;font-size:12px;white-space:nowrap}.nav button.active{box-shadow:none;background:#29487f}.sidebar-bottom{display:block;padding-top:16px;margin-top:18px}.sidebar-bottom lit-branding{transform:scale(.82);transform-origin:left center}.topbar{padding:15px 20px;flex-wrap:wrap;gap:12px}.client-brand{flex:1;min-width:180px}.topbar select{max-width:100%;font-size:12px}.account{gap:3px;flex-wrap:wrap}.avatar,.account .user-info{display:none}.account .btn{min-height:32px;padding:5px 8px}.content{padding:25px 18px 40px}.page-title{margin-bottom:23px;align-items:flex-start}h1{font-size:26px;letter-spacing:-.9px}.page-title p{font-size:12px}.mail-overview{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.mail-metric{padding:17px 19px;align-items:center}.mail-metric-label{margin:0 0 4px;font-size:10px}.mail-metric-value{font-size:23px}.mail-metric small{margin-top:3px}.mail-metric-value.connection-value{font-size:16px;padding:0}.metric-icon{width:35px;height:35px}.tabs{margin-bottom:18px}.tabs button{font-size:11px;padding:12px 11px}.panel{padding:20px;border-radius:13px}.panel-head{align-items:flex-start;gap:12px}.panel-head h2{font-size:17px}.mail-intro{padding:17px;flex-wrap:wrap;gap:12px}.mail-intro .metric-icon{display:none}.mail-intro p{flex-basis:100%}.form-grid,.usage-grid{grid-template-columns:1fr;gap:0}.usage-stat{margin-bottom:10px}.project-grid{grid-template-columns:1fr;gap:13px}.mail-project{padding:19px}.project-heading{margin-bottom:17px}.project-fields>div{grid-template-columns:85px minmax(0,1fr)}.project-footer{flex-wrap:wrap}.mail-empty{padding:35px 14px}.ip-details>div{grid-template-columns:1fr;gap:4px}.admin-tabs{gap:4px}.admin-tabs .btn{padding:8px;font-size:10px}.auth{display:block}.auth-story{padding:28px 26px;gap:28px}.auth-story h1{font-size:40px;letter-spacing:-1.6px;margin-bottom:15px}.auth-story p{font-size:12px;margin-bottom:0}.auth-story .eyebrow{margin-bottom:13px}.auth-story .wordmark{font-size:24px}.auth-story .tagline{margin-bottom:0}.auth-form{padding:33px 25px}.auth-form h1{font-size:26px}.auth-story::after{top:60px;width:250px;height:250px;right:-150px}.auth-story lit-branding{margin-top:12px}dialog{padding:23px;border-radius:14px}.modal-head h2{font-size:19px}#toast{left:18px;right:18px;bottom:18px;max-width:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:760px){.main>.sidebar-bottom{margin:0 18px;padding:24px 2px;border-top:1px solid #dfe6f1}.main>.sidebar-bottom lit-branding{transform:none}.mail-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-metric{padding:17px 15px;gap:7px}.mail-metric:last-child{grid-column:1/-1}.mail-metric:not(:last-child) .metric-icon{width:28px;height:28px}.mail-metric small{font-size:9px}.auth-story{background:radial-gradient(ellipse at 20% 90%,#213f79 0,transparent 65%),#101c35}}

.api-create{border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:20px 0}.api-create summary{font-size:13px;font-weight:650;cursor:pointer;color:var(--ink)}.api-create[open] summary{margin-bottom:22px}.api-scope-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 22px}.api-scope-choices .field{margin:0;padding:12px;border:1px solid var(--line);border-radius:9px;align-items:flex-start}.api-scope-choices input{margin-top:3px!important}.api-scope-choices small{margin:4px 0 0;font-size:10px}.api-key-scopes{display:flex;gap:5px;flex-wrap:wrap;max-width:260px}.api-key-scopes .pill{font-size:9px}.api-scope-choices strong,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.api-create .field.check{font-weight:400}@media(max-width:760px){.api-scope-choices{grid-template-columns:1fr}.api-create{padding:16px}}

.mail-report{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.mail-report .table-wrap{margin-top:20px}.mail-report td:not(:first-child),.mail-report th:not(:first-child){text-align:right;white-space:nowrap}.mail-report .subtext{display:block}
.sender-domain-list{display:grid;gap:11px;margin-top:18px}.sender-domain{border:1px solid var(--line);border-radius:11px;background:#fff;padding:16px 18px}.sender-domain-summary{display:flex;align-items:center;justify-content:space-between;gap:14px}.sender-domain-summary>div{display:flex;align-items:center;gap:12px;min-width:0}.sender-domain-summary strong{overflow-wrap:anywhere;color:var(--green)}.domain-verified{background:#e8f5ee;color:#26714b}.domain-unverified{background:#fff4dc;color:#8a621d}.sender-domain-details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.sender-domain-details summary{cursor:pointer;color:#52665e;font-size:12px;font-weight:600}.sender-domain-details>div{padding-top:8px}.sender-domain-help{font-size:12px;color:var(--muted);margin-top:16px}@media(max-width:600px){.sender-domain{padding:14px}.sender-domain-summary{align-items:flex-start;flex-direction:column}.sender-domain-summary>div{flex-wrap:wrap}}
.service-status-overview{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--line);border-radius:11px;background:#fbfcfa;margin:18px 0 24px}.service-status-overview>span:not(.pill){font-size:11px;color:var(--muted)}.status-good{background:#e8f5ee;color:#26714b}.status-warn{background:#fff4dc;color:#8a621d}.status-bad{background:#fdebed;color:#a3374e}.status-maintenance{background:#edf1fb;color:#425c98}.service-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 26px}.service-component{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff}.service-component strong{font-size:12px}.service-component .pill{text-transform:capitalize}.service-issues{display:grid;gap:10px;margin:12px 0 24px}.service-issue{padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.service-issue>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-issue p{font-size:12px;white-space:pre-wrap;margin:12px 0 6px}.service-issue small{font-size:10px;color:var(--muted)}.service-status-clear{font-size:12px;color:var(--muted);margin:0 0 24px}@media(max-width:600px){.service-components{grid-template-columns:1fr}.service-status-overview{align-items:flex-start;flex-direction:column}.service-issue>div{align-items:flex-start;flex-direction:column}}

/* Email Activity reference workflow */
.activity-screen{min-width:0}.activity-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.activity-heading h2{margin:0 0 5px}.activity-heading p{margin:0;font-size:12px}.activity-total{font-size:13px;font-weight:500;color:#8793a7;letter-spacing:0}.activity-heading-actions{display:flex;align-items:center;gap:9px}.activity-toolbar{display:grid;grid-template-columns:minmax(140px,190px) minmax(160px,220px) minmax(220px,1fr) auto auto;align-items:end;gap:9px;padding:12px;background:#f1f6fd;border-radius:9px;margin-bottom:20px}.activity-toolbar>.field,.activity-search{min-width:0;margin:0;font-size:11px;font-weight:550;color:#56647b}.activity-toolbar>.field select,.activity-search input{width:100%;height:40px;margin-top:5px;padding:8px 10px;border:1px solid #dfe5ef;border-radius:7px;background:#fff;color:var(--ink);font-size:12px}.activity-search input::placeholder{color:#929eb0}.activity-submit{height:40px}.activity-filter-menu,.activity-columns{position:relative}.activity-filter-menu>summary,.activity-columns>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 13px;border:1px solid #dfe5ef;border-radius:7px;background:white;color:#52617a;font-size:12px;font-weight:550;white-space:nowrap;cursor:pointer}.activity-filter-menu>summary::-webkit-details-marker,.activity-columns>summary::-webkit-details-marker{display:none}.activity-filter-menu[open]>summary,.activity-columns[open]>summary{border-color:#9bb3eb;color:#3159d9}.activity-filter-panel,.activity-columns>div{position:absolute;right:0;top:calc(100% + 7px);z-index:5;width:min(560px,calc(100vw - 48px));padding:18px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #192a4820}.activity-filter-panel .form-grid{gap:0 15px}.activity-filter-panel .field{margin-bottom:10px}.activity-custom-dates{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid var(--line);padding-top:14px}.activity-custom-dates[hidden]{display:none}.activity-columns>div{width:190px;padding:9px}.activity-columns label{display:flex;align-items:center;gap:8px;padding:8px;font-size:12px;color:#485872}.activity-columns input{accent-color:#3159d9}.activity-count{font-size:11px;margin:0 0 9px}.activity-table-wrap{border-radius:9px}.activity-table th{white-space:nowrap}.activity-table td{padding:10px 14px;font-size:12px}.activity-table td:first-child{white-space:nowrap;color:#52617a}.activity-table tbody tr:nth-child(odd){background:#f7f9fc}.activity-table tbody tr:hover{background:#edf3ff}.activity-status{display:inline-block;border-radius:4px;padding:2px 7px;background:#e8edf5;color:#5d6d83;font-size:10px;font-weight:650;white-space:nowrap}.activity-delivered{background:#e1f5f7;color:#258b9d}.activity-processed,.activity-opened,.activity-clicked,.activity-resubscribed{background:#e9efff;color:#4b69ba}.activity-soft-bounced,.activity-unsubscribed{background:#fff3dd;color:#9b6c19}.activity-hard-bounced,.activity-rejected,.activity-spam{background:#fde9e9;color:#a6404b}.activity-pager{justify-content:flex-end;margin-top:14px}.activity-empty{margin-top:18px}.activity-empty p{margin-top:3px}.activity-table td:nth-child(2){min-width:100px}.activity-table td:last-child{min-width:220px;overflow-wrap:anywhere}@media(max-width:1050px){.activity-toolbar{grid-template-columns:1fr 1fr}.activity-search{grid-column:1/-1;grid-row:1}.activity-filter-menu{justify-self:start}.activity-submit{grid-column:2;grid-row:2;justify-self:end}.activity-toolbar>.field:nth-child(1){grid-column:1;grid-row:2}.activity-toolbar>.field:nth-child(2){grid-column:1/-1;grid-row:3}.activity-filter-menu{grid-column:1;grid-row:4}.activity-heading-actions{flex-wrap:wrap}}@media(max-width:600px){.activity-heading{align-items:flex-start}.activity-heading-actions{gap:6px}.activity-heading-actions .btn,.activity-columns>summary{min-height:34px;padding:6px 9px;font-size:11px}.activity-toolbar{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.activity-search{grid-column:1/-1;grid-row:1}.activity-toolbar>.field:nth-child(1){grid-column:1;grid-row:2}.activity-submit{grid-column:2;grid-row:2}.activity-toolbar>.field:nth-child(2){grid-column:1/-1;grid-row:3}.activity-filter-menu{grid-column:1/-1;grid-row:4}.activity-filter-menu>summary{width:max-content}.activity-filter-panel{left:0;right:auto;width:min(340px,calc(100vw - 50px))}.activity-custom-dates{grid-template-columns:1fr}.activity-table{min-width:580px}.activity-count{font-size:10px}}

#modal:has(.email-detail-dialog){width:min(780px,calc(100vw - 32px));max-width:none;padding:22px;border:0;border-radius:10px;box-shadow:0 22px 70px #14213d35}.email-detail-dialog{width:100%;min-width:0}.email-detail-dialog>.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.email-detail-dialog>.modal-head h2{margin:0}.email-detail-dialog>p{margin:14px 0 24px}.email-detail-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:18px}.email-detail-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#66748b;padding:10px 2px;font-size:12px;cursor:pointer}.email-detail-tabs button:hover,.email-detail-tabs button.active{color:#3159d9}.email-detail-tabs button.active{border-bottom-color:#3159d9;font-weight:650}.email-detail-content{min-height:170px;max-height:min(55vh,520px);overflow:auto}.email-timeline-wrap{border:0;border-radius:0}.email-timeline{width:100%;table-layout:fixed}.email-timeline th{background:transparent;color:var(--ink);font-size:13px;letter-spacing:0;padding:8px 12px}.email-timeline td{padding:12px;font-size:12px;overflow-wrap:anywhere}.email-timeline td:first-child{white-space:normal;color:var(--ink)}.email-timeline-event{display:block;margin-top:5px}.email-detail-fields{margin:0}.email-detail-fields>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.email-detail-fields dt{color:#66748b}.email-detail-fields dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.email-header-table th{text-align:left;width:160px;letter-spacing:0;text-transform:none;color:#66748b}.email-header-table td{overflow-wrap:anywhere;white-space:pre-wrap}.email-raw-headers{max-height:50vh;overflow:auto;margin:0;padding:14px;border:1px solid var(--line);border-radius:7px;background:#f7f9fc;color:var(--ink);font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.email-detail-actions{display:flex;justify-content:flex-end;margin-top:20px}.email-detail-error{color:#a6404b}@media(max-width:600px){#modal:has(.email-detail-dialog){padding:17px}.email-detail-dialog>p{margin:10px 0 17px}.email-detail-tabs{gap:16px}.email-timeline{min-width:620px}.email-timeline-wrap{overflow-x:auto}.email-detail-fields>div{grid-template-columns:1fr;gap:3px}.email-header-table th{width:110px}}