/* Final component theme: shared by every portal route and dialog. */
body{--surface:#182d29;--background:#0e1716;--border:#3d5c54;--text:#e8f5f2;--secondary:#b5cac4;--accent:#7edbd2;font:14px/1.55 Arial,Helvetica,sans-serif}
body button,body input,body select,body textarea{font-family:Arial,Helvetica,sans-serif}
body button:not([data-nav]):not(.forgot-password),body td button,body .hero .primary,body .page-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;background:#7edbd2;border:1px solid #7edbd2;border-radius:7px;color:#0e1716;font:600 13px/1.4 Arial,Helvetica,sans-serif;box-shadow:none;white-space:normal;vertical-align:middle;text-decoration:none}
body button:not([data-nav]):not(.forgot-password):hover{background:#a0e8e0;border-color:#a0e8e0;color:#0e1716}body button:disabled{opacity:.5;cursor:not-allowed}body button.danger{background:#542e30!important;color:#ffd4cf!important;border-color:#b77772!important}
body td button+button{margin-left:8px}body td button{margin-top:4px;margin-bottom:4px}body .heading{display:flex;align-items:flex-end;gap:24px;justify-content:space-between;flex-wrap:wrap}body .heading>div:first-child{flex:1;min-width:240px}.page-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-left:auto}.page-actions button{flex:none}body .actions{gap:10px;align-items:center;flex-wrap:wrap}body .inline{gap:12px;flex-wrap:wrap}
body .toolbar input,body input:not([type=checkbox]):not([type=radio]):not([type=range]),body select,body textarea{background:#0e1716;color:#e8f5f2;border:1px solid #52766e;border-radius:7px;font:14px/1.5 Arial,Helvetica,sans-serif;min-height:44px;padding:10px 12px;max-width:100%;box-sizing:border-box}body input::placeholder,body textarea::placeholder{color:#a8c3bb;opacity:1}body .toolbar input{width:min(100%,360px)}body input[type=checkbox],body input[type=radio]{accent-color:#7edbd2}body label{color:#e8f5f2}
body .workspace{min-width:0}body main{min-width:0;padding:32px clamp(18px,3vw,42px)}body .panel,body .gateway-grid>*,body .split>*,body .form-grid>*{min-width:0}body .table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}body table{width:100%;font-size:13px}body td{color:#e8f5f2;padding:16px 12px;border-color:#36534b}body th{color:#bed7cf;padding:13px 12px;border-color:#36534b;background:#10231e;font:600 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.7px}body td b{color:#f1faf7}body td .muted{color:#b5cac4;font:12px/1.5 Arial,Helvetica,sans-serif}body tbody tr:hover{background:#213e35}body td:last-child{min-width:110px}
body aside{width:250px;padding:24px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#36534b #0e1716}body .workspace{margin-left:250px}body .brand-lockup img{width:138px;margin-bottom:14px}body .product-name{font-size:18px;line-height:1.3}body .product-name span{font-size:11px;line-height:1.6;margin-top:5px}body .workspace-label{margin-top:20px;margin-bottom:20px}body aside nav{gap:4px}body aside nav button{min-height:42px;padding:10px 12px;color:#d7eee5;font:500 13px/1.4 Arial,Helvetica,sans-serif;gap:12px}body aside nav button.active{background:#285247;color:#b9fff0}body aside nav svg,body .setup-icon svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body .setup-subnav svg{width:18px;height:18px}body .setup-icon,body .setup-icon.gateways,body .setup-icon.models,body .setup-icon.emails,body .setup-icon.staff{background:#25493d;color:#9be7de;border-color:#456a5e}
body .setup-card,body .setup-card:hover{background:#182d29;border-color:#456a5e}body .setup-card-copy h3,body .setup-card h3{color:#f1faf7}body .setup-card-copy p,body .setup-card-copy small,body .setup-card-detail{color:#b5cac4}body .topbar{height:auto;min-height:72px;gap:18px;padding:16px 28px;flex-wrap:wrap}body .identity{min-width:0;flex-wrap:wrap;gap:12px}body .identity-copy{max-width:240px;overflow-wrap:anywhere}body .breadcrumbs{white-space:normal;flex-wrap:wrap}body .tag{font:600 11px/1.4 Arial,Helvetica,sans-serif;padding:5px 9px}body .tag.warn{background:#473b24;color:#ffe1a1}body .tag.red{background:#542e30;color:#ffd4cf}
body dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:26px;border:1px solid #52766e;background:#182d29;color:#e8f5f2;overflow:auto}body dialog header{align-items:center;border-bottom:1px solid #36534b;padding-bottom:16px;margin-bottom:22px;gap:18px}body dialog header h2{margin:0;font:400 25px/1.3 Georgia,serif}body #closeDialog{width:36px;min-height:36px;padding:0;flex:none;font-size:23px}body dialog h3{font:400 21px/1.3 Georgia,serif}body .profile-summary{display:flex;gap:18px;align-items:center;margin-bottom:28px}.profile-summary h2{margin:0 0 6px;font:26px Georgia,serif}.profile-summary p{margin:0 0 10px;overflow-wrap:anywhere}.profile-avatar{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:#285247;color:#b9fff0;font:28px Georgia,serif;flex:none}.profile-sections{display:grid;grid-template-columns:1fr 1fr;gap:28px}.profile-details{margin:0}.profile-details>div{border-bottom:1px solid #36534b;padding:12px 0}.profile-details dt{color:#a9c8bd;font:12px Arial,sans-serif;margin-bottom:5px}.profile-details dd{margin:0;overflow-wrap:anywhere;font:14px/1.6 Arial,sans-serif}body .error{color:#ffb2aa}body .smtp-details dd{overflow-wrap:anywhere}body .wrap-code,body pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1000px){body .split,body .gateway-grid,body .setup-grid{grid-template-columns:1fr}body .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body aside{position:static;width:100%;max-height:none;overflow:visible;padding:18px}body .workspace{margin-left:0}body aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body aside .nav-caption,body .setup-subnav{grid-column:1/-1}body .setup-subnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body .brand-lockup{display:flex;align-items:center;gap:18px}body .brand-lockup img{width:100px;margin:0}body .workspace-label,body .aside-bottom{display:none}body .topbar{padding:16px 18px}body .page-actions{width:100%;justify-content:flex-start;margin-left:0}body .heading>div:first-child{min-width:0}body .profile-sections,body .form-grid{grid-template-columns:1fr}body .identity-copy{max-width:180px}body .profile-summary{align-items:flex-start}body main{padding:24px 16px}body dialog{padding:20px}body .panel{padding:18px}body .form-grid label{min-width:0}}
body .setup-heading p,body .setup-intro p,body .setup-card-copy>span,body .inventory-setup-link{color:#b5cac4}body .setup-count,body .setup-intro h2{color:#e8f5f2}body .setup-count span,body .setup-group-heading h2,body .setup-intro-tag{color:#b5cac4}body .setup-count,body .setup-intro-tag{border-color:#456a5e}body .setup-intro-symbol{background:#25493d;border-color:#456a5e}body .setup-intro-symbol svg{stroke:#9be7de}body .setup-group-heading span{background:#36534b}body .setup-arrow{color:#7edbd2}body .inventory-setup-link{background:#182d29;border-color:#456a5e}body .inventory-setup-link a{color:#9be7de}body .setup-subnav button.active{background:#285247;color:#b9fff0}
body .empty,body .empty strong,body .asset h3{color:#e8f5f2}body .asset{background:#182d29;border-color:#456a5e}body .asset p{color:#b5cac4}body .asset img{background:#1c3831}body .count{background:#28483e;color:#b5efe0}body .panel>button+button{margin-left:10px}body .asset .inline{display:flex;gap:8px;flex-wrap:wrap}
