@import url('saas.css');
/* ItnaSales AI V10 — email, SMS and SaaS */
.hero-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-jumps a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.channel-health-stack{display:grid;gap:10px;min-width:220px}.channel-health-stack .email-health{margin:0}.section-kicker{display:block;color:var(--purple);font-size:9px;font-weight:900;letter-spacing:.16em;margin-bottom:6px}.sms-config-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin:22px 0}.sms-config{padding:0;overflow:hidden}.sms-config>.card-head{padding:22px 24px;border-bottom:1px solid var(--line)}.sms-config>.two,.sms-config>.provider-panel,.sms-config>h4,.sms-config>.email-toggles,.sms-config>.btn{margin-left:24px;margin-right:24px}.sms-config>.two{margin-top:22px}.sms-config>.btn{margin-bottom:24px;width:max-content}.provider-panel{border:1px solid var(--line);border-radius:16px;padding:18px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--purple) 3%,var(--card)));display:none}.provider-panel.active{display:block}.provider-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}.provider-title div{display:grid;gap:2px}.provider-title small{color:var(--muted)}.provider-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;font-weight:900;font-size:12px;box-shadow:0 8px 18px rgba(21,31,60,.12)}.provider-logo.bd{background:linear-gradient(135deg,#006a4e,#f42a41)}.provider-logo.tw{background:#f22f46}.provider-logo.api{background:linear-gradient(135deg,#6d4aff,#2d72f8)}.sms-side-stack{display:grid;gap:18px;align-content:start}.sms-side-stack .test-email-card{min-height:300px}.test-icon.sms{background:linear-gradient(135deg,#0a996f,#25c48d)}.balance-card{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:18px}.balance-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#effaf4;color:#058657;font-size:22px;font-weight:900}.balance-card div{display:grid;gap:2px}.balance-card small{color:var(--muted)}.sms-template-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;margin:22px 0}.sms-nav{max-height:730px;overflow:auto}.sms-template-editor{padding:0;overflow:hidden}.sms-template-editor>.card-head{padding:22px 24px;border-bottom:1px solid var(--line)}.sms-workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:24px}.sms-fields{display:grid;gap:16px;align-content:start}.sms-fields textarea{font-size:15px;line-height:1.65;min-height:175px}.sms-counter{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;font-weight:700;margin-top:-8px}.phone-preview{position:relative;align-self:start;min-height:470px;border:9px solid #151927;border-radius:40px;padding:46px 18px 24px;background:linear-gradient(160deg,#eef3fb,#fff);box-shadow:0 24px 50px rgba(16,23,42,.18),inset 0 0 0 1px #dfe5ef}.phone-speaker{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:75px;height:7px;border-radius:9px;background:#282d3b}.phone-head{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #dfe5ef}.phone-head div{display:grid}.phone-head small,.phone-time{color:#7b8498}.phone-head .avatar{background:linear-gradient(135deg,var(--purple),#9a67ff)}.sms-bubble{margin-top:28px;background:#fff;border:1px solid #e4e9f2;border-radius:18px 18px 18px 5px;padding:14px 15px;font-size:13px;line-height:1.55;color:#242b3b;box-shadow:0 8px 24px rgba(25,36,65,.08);overflow-wrap:anywhere}.phone-time{display:block;font-size:10px;margin:7px 5px}.provider-chip{font-size:10px;font-weight:900;letter-spacing:.08em;color:#087e5e;background:#e9f9f2;border:1px solid #ccefe1;padding:7px 10px;border-radius:99px}.dark .provider-panel{background:#151d31}.dark .phone-preview{background:linear-gradient(160deg,#1f2940,#141b2d);border-color:#080b14;box-shadow:0 24px 50px rgba(0,0,0,.45)}.dark .phone-head{border-color:#354058}.dark .sms-bubble{background:#29334a;border-color:#3c4862;color:#f4f6fb}.dark .balance-card>span{background:#153b32;color:#62deb7}
@media(max-width:1050px){.sms-config-grid{grid-template-columns:1fr}.sms-side-stack{grid-template-columns:1fr 1fr}.sms-side-stack .test-email-card{min-height:0}.sms-template-grid{grid-template-columns:230px minmax(0,1fr)}.sms-workbench{grid-template-columns:1fr 260px}}
@media(max-width:780px){.channel-health-stack{width:100%;min-width:0;grid-template-columns:1fr 1fr}.sms-template-grid{grid-template-columns:1fr}.sms-nav{max-height:310px}.sms-workbench{grid-template-columns:1fr}.phone-preview{width:min(100%,310px);justify-self:center}.sms-config>.two,.sms-config>.provider-panel,.sms-config>h4,.sms-config>.email-toggles,.sms-config>.btn{margin-left:18px;margin-right:18px}.provider-panel .three{grid-template-columns:1fr}.sms-side-stack{grid-template-columns:1fr}}
@media(max-width:520px){.channel-health-stack{grid-template-columns:1fr}.hero-jumps{display:none}.sms-workbench{padding:18px}.sms-template-editor>.card-head,.sms-config>.card-head{padding:18px}.sms-counter{display:grid}.phone-preview{min-height:430px}.balance-card{grid-template-columns:40px 1fr}.balance-card .btn{grid-column:1/-1;width:100%}}