/* Editable illustrations of the current customer portal, shared by both home designs. */
.interface-current{background:#fff;border:1px solid #dce5df;border-radius:16px;box-shadow:0 12px 36px #193b2c0b;overflow:hidden;color:#18382d}
.interface-current .window-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f8faf8;border-bottom:1px solid #e2e9e4;padding:18px 22px;color:#62756a}
.interface-logo{width:120px;height:auto;display:block;filter:none}
.interface-current .window-bar small{font-size:10px;line-height:1.5;letter-spacing:0;text-align:right;color:#62756a}
.interface-current .window-body{padding:26px;background:#fff;color:#18382d}
.interface-current .interface-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.interface-current .interface-heading h3{font:600 21px/1.3 Arial,sans-serif;letter-spacing:-.5px;margin:0}
.interface-plan{display:inline-flex;padding:5px 9px;border:1px solid #cdded2;border-radius:6px;background:#eef5ef;color:#245139;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.06em}
.interface-current .window-body>p{color:#6b7b70;font-size:12px;margin:8px 0 20px}
.interface-current .window-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:#f4f7f4;border:1px solid #e1e8e2;border-radius:9px;padding:4px;margin:0 0 22px}
.interface-current .window-tabs :is(b,span){min-width:0;border:0;border-radius:6px;padding:9px 5px;color:#627368;background:none;font:400 10px/1.4 Arial,sans-serif;text-align:center;white-space:normal}
.interface-current .window-tabs b{background:#fff;color:#173f32;box-shadow:0 1px 4px #173f3210;font-weight:600;margin:0}
.interface-current .preview-page-row{padding:16px 0;border:0;border-bottom:1px solid #e3eae5;gap:12px;align-items:center;background:none;border-radius:0}
.interface-current .preview-page-row>i{background:#edf3ef;color:#315942;border:1px solid #dbe6de;border-radius:10px;width:40px;height:40px;font:600 12px Arial,sans-serif;display:grid;place-items:center;flex-shrink:0}
.interface-current .preview-page-row>div{min-width:0;flex:1}.interface-current .preview-page-row strong{color:#244333;font-size:12px}.interface-current .preview-page-row small{color:#6b7b70;font-size:10px;margin-top:5px;overflow-wrap:anywhere}
.interface-current .preview-page-row em{background:#edf5ed;color:#346844;border-radius:5px;padding:5px 6px;font:400 9px/1.4 Arial,sans-serif;flex-shrink:0}.interface-current .preview-page-row em.draft{color:#6c746d;background:#f1f3f1}
.interface-current .preview-new{margin-top:20px;padding:12px;border:1px solid #1c4935;border-radius:8px;background:#1c4935;color:#fff;font-size:12px;text-align:center}
.interface-current .account-preview{padding:13px 0;border-bottom:1px solid #e3eae5;color:#5c7163;font-size:12px}.interface-current .account-preview b{color:#234936}
.interface-current .preview-upgrade{margin-top:20px;padding:18px;background:#f3f7f1;border:1px solid #dce6d7;border-radius:10px;color:#18382d}
.interface-current .preview-upgrade small{color:#6c826e;letter-spacing:.09em;font-size:9px}.interface-current .preview-upgrade strong{font-size:16px;color:#244733}.interface-current .preview-upgrade p{font-size:12px;color:#617363;line-height:1.6}.interface-current .preview-upgrade>span{display:inline-block;background:white;color:#254b35;border:1px solid #cad9c9;border-radius:7px;padding:9px 12px;font-size:11px}
.interface-current figcaption{padding:16px 24px;border-top:1px solid #edf0ed;color:#728077;background:#fcfdfc;font-size:11px;line-height:1.5}
.stats-window{background:#fff;color:#18382d;border:1px solid #dce5df;border-radius:16px;box-shadow:0 12px 36px #193b2c0b}.stats-window .window-bar{background:#f8faf8;color:#62756a;border-bottom:1px solid #e2e9e4}.stats-window .window-body{background:white;color:#18382d}.stats-window :is(h3,.demo-metrics strong,.demo-donut b){color:#18382d}.stats-window :is(p,small,.demo-caption,figcaption){color:#667b6d}.stats-window .demo-metrics>div{background:#f2f6f2;border:1px solid #e2e9e2}.stats-window .demo-bars{border-color:#dce5df}.stats-window .demo-bars span{color:#667b6d}.stats-window .demo-distribution{color:#536c5d;border-color:#e0e8e2}.stats-window figcaption{background:#fcfdfc;border-top:1px solid #edf0ed}
@media(max-width:600px){.interface-current .window-body{padding:20px}.interface-current .window-bar{padding:16px 20px}.interface-logo{width:108px}.interface-current .preview-page-row{gap:8px}.interface-current .preview-page-row strong{font-size:11px}.interface-current .preview-page-row em{font-size:8px}.interface-current figcaption{padding:14px 20px}}