/* Smart Tenant design refinement v3 | marketing, plans, and dashboard only. */
:root { --stn-deep:#102e3b; --stn-teal:#07856b; --stn-emerald:#0a9671; --stn-ink:#142b37; --stn-muted:#647881; --stn-line:#e2eae8; --stn-cream:#fffaf0; --stn-surface:#f5f8f6; }
body.st-marketing .stp-hero { overflow:hidden; background:radial-gradient(ellipse at 83% 85%,rgba(28,166,128,.13),transparent 38%),linear-gradient(120deg,#f7fbf8,#fffdf9 66%,#eaf7f2);border-bottom:1px solid #e5eee9; }
body.st-marketing .stp-hero-inner { min-height:425px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:60px;padding-block:76px; }
body.st-marketing .stp-hero-copy { position:relative;z-index:2; }
.stp-eyebrow { display:inline-flex;align-items:center;gap:8px;color:#09866b;font-size:13px;font-weight:800; }
.stp-eyebrow i { font-size:19px; }
body.st-marketing .stp-hero-copy h1 { margin:16px 0 15px;font-weight:800;letter-spacing:-.65px;font-size:clamp(37px,4.1vw,56px);line-height:1.37;color:#11333b;max-width:680px; }
body.st-marketing .stp-hero-copy p { max-width:650px;color:#526d71;font-size:17px;line-height:1.95;margin-bottom:24px; }
.stp-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.stp-hero-art { height:285px;position:relative;isolation:isolate;display:grid;place-items:center;background:radial-gradient(circle,rgba(100,205,172,.18),transparent 70%); }
.stp-hero-art:after{content:"";position:absolute;inset:22px 45px;border:1px dashed #b6d9ca;border-radius:50%;z-index:-1;transform:rotate(12deg)}
.stp-hero-center{width:158px;height:158px;border:10px solid #fff;box-shadow:0 24px 60px #18675329;background:linear-gradient(150deg,#087d66,#104e4d);border-radius:32px;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;gap:5px}
.stp-hero-center i{font-size:54px}.stp-hero-center span{font-size:12px;font-weight:800;line-height:1.5;transform:rotate(7deg)}
.stp-hero-orbit{position:absolute;width:70px;height:70px;background:#fff;display:grid;place-items:center;border-radius:22px;box-shadow:0 16px 35px #164d421c;border:1px solid #e0eeea;color:#0b9974;font-size:32px;}
.stp-orbit-one{inset-inline-start:6%;top:3%;transform:rotate(7deg)}.stp-orbit-two{inset-inline-end:4%;top:20%;color:#e29e39;transform:rotate(-8deg)}.stp-orbit-three{inset-inline-start:22%;bottom:0;color:#5975bf;transform:rotate(-5deg)}
.stp-pricing-section{padding-block:95px 100px}.stp-heading{text-align:center;max-width:740px;margin:0 auto 42px}.stp-heading h2{margin:13px 0 15px!important;font-size:clamp(28px,3.1vw,41px)!important;font-weight:800!important;color:#112f39!important;line-height:1.4}.stp-heading p{color:#657d7e;line-height:1.85;font-size:15px;margin:0}
.stp-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px}
.stp-plan{position:relative;display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #e4ebe8;border-radius:24px;padding:32px 28px 25px;box-shadow:0 16px 46px #2452460b;transition:transform .2s ease,box-shadow .2s ease}
.stp-plan:hover{transform:translateY(-5px);box-shadow:0 22px 48px #24524618}.stp-plan.is-highlighted{border:2px solid #079c73;box-shadow:0 22px 60px #098b6e1b;transform:translateY(-9px)}.stp-plan.is-highlighted:hover{transform:translateY(-13px)}
.stp-plan-navy{background:linear-gradient(165deg,#f8fafb,#fff)}.stp-plan-sage{background:linear-gradient(165deg,#fbfdf8,#fff)}
.stp-popular{position:absolute;top:-18px;inset-inline-start:20%;inset-inline-end:20%;text-align:center;background:#0b8f6d;color:white;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 8px 19px #147b6223}.stp-popular i{color:#ffe5a2}
.stp-plan-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:21px}.stp-plan-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:18px;background:#e5f6ef;color:#0a8b6d;font-size:27px}.stp-plan-navy .stp-plan-icon{background:#e6eff7;color:#395b8d}.stp-plan-sage .stp-plan-icon{background:#ecf6e6;color:#648b39}
.stp-plan-status{border:1px solid #e5ebe8;border-radius:50px;color:#79878b;font-size:11px;font-weight:800;padding:6px 10px;background:#f5f8f7}.stp-plan-status.is-live{background:#e7f8ef;border-color:#c9eadb;color:#08765a}
.stp-plan-audience{font-size:12px!important;color:#708488!important;margin:0 0 4px!important}.stp-plan h3{font-weight:800!important;font-size:26px!important;color:#142f39!important;margin:0 0 11px!important;line-height:1.4}.stp-plan-desc{color:#6b7b7d!important;font-size:13px!important;line-height:1.85!important;min-height:49px;margin:0 0 21px!important}
.stp-price-block{background:#f4f8f6;border-radius:15px;padding:18px 16px;min-height:109px;display:flex;flex-direction:column;justify-content:center}.stp-plan.is-highlighted .stp-price-block{background:#eaf7f1}.stp-price-label{font-size:12px;color:#4f6b6b;font-weight:700}.stp-price-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:4px}.stp-price-amount strong{font-size:39px;color:#0c3a3c;line-height:1.2;font-weight:850;letter-spacing:-1px}.stp-price-amount span{font-size:12px;color:#5f7475}.stp-price-placeholder{font-size:18px;font-weight:800;color:#496e6b;margin-top:9px;line-height:1.5}
.stp-plan-limits{display:grid;grid-template-columns:1fr;gap:0;padding:19px 0;border-bottom:1px solid #e7efeb}.stp-plan-limits>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 0;font-size:13px;color:#61777a}.stp-plan-limits strong{color:#233f42;font-size:14px;font-weight:800}
.stp-plan h4{font-size:13px!important;font-weight:800!important;color:#153e43!important;margin:20px 0 8px!important}.stp-plan-features{list-style:none!important;padding:0!important;margin:0 0 25px!important;flex:1}.stp-plan-features li{display:flex;align-items:center;gap:11px;margin:0;padding:7px 0;font-size:13px;color:#526a69}.stp-feature-check{width:21px;height:21px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e6f6ed;color:#078b6b}.stp-feature-check i{font-size:14px}
.stp-plan-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px;border:1px solid #d5e7df;background:#edf6f1;border-radius:12px;color:#116750!important;font-size:14px;font-weight:800;text-decoration:none!important}.stp-plan-button.is-primary,.stp-plan-button:hover{background:#0b8f6e;border-color:#0b8f6e;color:#fff!important}.stp-trial-link{text-align:center;margin-top:11px;font-size:12px;font-weight:700;color:#087c60!important}
.stp-info-note{margin-top:26px;display:flex;align-items:flex-start;gap:12px;background:#f7faf7;border:1px solid #e2eae4;border-radius:15px;padding:16px 20px;color:#536d70}.stp-info-note>i{font-size:23px;color:#0a9070;flex:none}.stp-info-note p{font-size:13px;line-height:1.8;margin:0}.stp-info-note strong{color:#1e484a}
.stp-more-plans{padding-top:40px}.stp-more-plans h3{font-size:22px}.stp-additional-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.stp-additional-grid>div{display:flex;flex-direction:column;padding:18px;border:1px solid #e5ebe7;border-radius:12px;gap:5px}.stp-additional-grid a{color:#088b6d;font-weight:700}
.stp-benefits{background:#0f333c;padding:88px 0;color:white;position:relative;overflow:hidden}.stp-benefits:before{content:"";position:absolute;top:-170px;inset-inline-end:-80px;width:490px;height:490px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 75px #ffffff06,0 0 0 145px #ffffff06;pointer-events:none}.stp-benefits .stp-eyebrow{color:#8fe1c3}.stp-benefits .stp-heading h2{color:white!important}.stp-benefits .stp-heading p{color:#c6dcd7}.stp-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;position:relative}.stp-benefits-grid>div{border:1px solid #ffffff21;background:#ffffff0b;border-radius:17px;padding:26px 20px;min-height:210px}.stp-benefits-grid>div>span{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:#ffffff1c;color:#8eeac2;font-size:25px;margin-bottom:19px}.stp-benefits-grid h3{font-size:16px!important;color:white!important;font-weight:800!important;margin:0 0 8px!important}.stp-benefits-grid p{font-size:13px;color:#c5d9d5;line-height:1.8;margin:0}
.stp-compare-section{padding-block:92px}.stp-compare-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.stp-compare-head h2{font-weight:800!important;font-size:clamp(26px,3vw,37px)!important;max-width:600px;margin:10px 0 0!important;color:#17353c!important}.stp-comparison-scroll{overflow:auto;border:1px solid #e2ede8;border-radius:17px;box-shadow:0 9px 34px #2249380a}.stp-comparison{width:100%;border-collapse:collapse;min-width:630px;text-align:start}.stp-comparison thead{background:#f0f7f3}.stp-comparison th,.stp-comparison td{text-align:start;padding:17px 23px;border-bottom:1px solid #e8efeb;font-size:14px}.stp-comparison thead th{font-size:15px;font-weight:800;color:#25473e}.stp-comparison thead small{display:block;font-size:11px;color:#5d7a6e;font-weight:600;margin-top:3px}.stp-comparison tbody th{color:#536e6a;font-weight:700}.stp-comparison td{font-weight:800;color:#244d46}.stp-comparison td small{font-size:10px;display:block;color:#7c8e8a}.stp-comparison tbody tr:last-child th,.stp-comparison tbody tr:last-child td{border:0}.stp-compare-status{font-size:11px;color:#7f8e8c;background:#eef1ef;padding:5px 9px;border-radius:20px}.stp-compare-status.is-live{color:#07876b;background:#e6f6ed}
.stp-faq-band{padding-block:85px;background:#f6faf7}.stp-faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.stp-faq-intro h2{font-size:35px!important;color:#15353c!important;margin:10px 0 12px!important;font-weight:800!important}.stp-faq-intro p{color:#5a7374;line-height:1.9;max-width:350px;margin-bottom:21px}.stp-faq-items{display:grid;gap:12px}.stp-faq-items details{background:#fff;border:1px solid #e1eae6;border-radius:13px;padding:0 21px}.stp-faq-items summary{list-style:none;cursor:pointer;font-size:14px;font-weight:800;padding:20px 0;color:#264441;display:flex;justify-content:space-between;align-items:center;gap:12px}.stp-faq-items summary::-webkit-details-marker{display:none}.stp-faq-items details[open] summary{color:#0c8669}.stp-faq-items summary i{font-size:20px}.stp-faq-items details[open] summary i{transform:rotate(45deg)}.stp-faq-items details p{font-size:13px;line-height:1.9;color:#607575;padding:0 0 18px;margin:0}
/* Homepage: alternate visual pace between white, mint, dark ink, and warm sand. */
.stn-home-spotlight{padding:110px 0;background:linear-gradient(118deg,#0b3037,#11514a);color:#fff;overflow:hidden;position:relative}.stn-home-spotlight:before{content:"";position:absolute;left:-190px;top:-150px;width:650px;height:650px;border-radius:50%;border:1px solid #ffffff10;box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff05;pointer-events:none}.stn-spotlight-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;position:relative}.stn-spotlight-kicker{font-size:13px;color:#a1eace;font-weight:800;display:inline-flex;gap:8px;align-items:center}.stn-spotlight-copy h2{color:#fff!important;font-size:clamp(31px,3.6vw,49px)!important;line-height:1.4!important;font-weight:800!important;margin:19px 0!important}.stn-spotlight-copy>p{color:#c4ddda!important;font-size:16px!important;line-height:1.95!important;max-width:580px}.stn-spotlight-points{display:grid;gap:10px;margin:20px 0 27px}.stn-spotlight-points span{color:#eff9f6;font-size:14px;display:flex;align-items:center;gap:9px}.stn-spotlight-points i{color:#79dbb4;font-size:18px}.stn-spotlight-copy .stx-btn-outline{background:#fff;border-color:white;color:#12403d!important}.stn-spotlight-visual{position:relative;min-height:370px;display:flex;align-items:center}.stn-spotlight-window{background:#fff;color:#15363b;border:8px solid #e5f3ee;border-radius:24px;padding:22px;transform:rotate(-3deg);box-shadow:0 25px 65px #041a1e66;width:100%;max-width:510px}.stn-window-head{display:flex;gap:6px;align-items:center;margin-bottom:18px}.stn-window-head span{width:9px;height:9px;background:#f7b0a3;border-radius:50%}.stn-window-head span:nth-child(2){background:#f6d78f}.stn-window-head span:nth-child(3){background:#92d4b7}.stn-window-head b{margin-inline-start:auto;color:#61807d;font-size:12px}.stn-window-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.stn-window-large{grid-row:span 2;background:linear-gradient(150deg,#eaf7f1,#f8fcf9);padding:22px;border-radius:15px;min-height:236px}.stn-window-icon{width:52px;height:52px;background:#d0eee0;display:grid;place-items:center;border-radius:14px;color:#16886c;font-size:27px;margin-bottom:20px}.stn-window-large b,.stn-window-small b{font-size:15px;display:block;color:#244644}.stn-window-large p{font-size:11px;color:#7a928e}.stn-window-stack{display:flex;gap:8px;margin-top:28px}.stn-window-stack i{flex:1;height:44px;border-radius:10px;background:#b3dfcf}.stn-window-stack i:nth-child(2){background:#d2e9e1}.stn-window-stack i:nth-child(3){background:#88c9b2}.stn-window-small{border:1px solid #e6eeeb;padding:17px;border-radius:14px;display:flex;flex-direction:column;justify-content:center;min-height:110px}.stn-window-small>i{color:#0e9a77;font-size:23px;margin-bottom:8px}.stn-window-small small{color:#738c8b}.stn-spotlight-orbit{position:absolute;inset-block-end:-8px;inset-inline-end:5px;white-space:nowrap;display:flex;align-items:center;gap:6px;background:#fff;color:#126951;padding:13px 18px;border-radius:14px;box-shadow:0 10px 35px #061d204d;font-weight:800;font-size:12px}.stn-spotlight-orbit i{font-size:20px;color:#16a87d}
.stn-home-plan-teaser{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:78px}.stn-home-plan-teaser h2{font-weight:800!important;font-size:clamp(25px,3vw,36px)!important;color:#153742!important;margin:12px 0!important}.stn-home-plan-teaser p{color:#668080;font-size:15px;max-width:650px;line-height:1.9}.stn-home-plan-teaser .stx-btn{flex:none}
/* Real dashboard composition: actionable executive panel followed by existing live metrics and reports. */
body.st-app{background:#f2f6f5!important}body.st-app .pc-container .pc-content{max-width:1700px;margin-inline:auto}body.st-app .pc-container .page-header{background:#fff!important;border-radius:16px!important;border-color:#e6eeea!important;box-shadow:0 4px 18px #113d3405!important}body.st-app .pc-container .page-header-title h5{font-size:22px!important;font-weight:800!important;color:#16353c!important}
.stn-dash-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:3px 1px 23px;flex-wrap:wrap}.stn-dash-crumb{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#0a9875;font-weight:800}.stn-dash-crumb i{font-size:18px}.stn-dash-heading h2{font-size:clamp(23px,2.4vw,33px)!important;font-weight:800!important;color:#16363d!important;margin:7px 0 5px!important;line-height:1.5}.stn-dash-heading p{font-size:14px!important;color:#667f7b;margin:0!important;line-height:1.85}.stn-dash-date{display:inline-flex;align-items:center;gap:9px;color:#526e68;background:#fff;border:1px solid #e2eeea;padding:12px 17px;border-radius:12px;font-size:13px;font-weight:700}.stn-dash-date i{font-size:19px;color:#0c9776}
.stn-cockpit{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);min-height:292px;border-radius:23px;overflow:hidden;color:#fff;margin-bottom:22px;box-shadow:0 22px 40px #0c473524}.stn-cockpit-admin{background:linear-gradient(115deg,#103c43 0%,#0e6860 65%,#108b6d 100%)}.stn-cockpit-portfolio{background:linear-gradient(110deg,#153e4a 0%,#0b796d 100%)}.stn-cockpit-main{padding:33px 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.stn-cockpit-main:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff15;border-radius:50%;top:-140px;inset-inline-start:-100px;box-shadow:0 0 0 65px #ffffff07,0 0 0 140px #ffffff07;pointer-events:none}.stn-overline{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;color:#b2edda;position:relative;z-index:2}.stn-overline i{font-size:20px}.stn-cockpit-main h3{font-size:clamp(23px,2.35vw,33px)!important;color:#fff!important;line-height:1.4!important;font-weight:800!important;margin:11px 0 10px!important;position:relative;z-index:2}.stn-cockpit-main p{max-width:560px;font-size:14px;color:#d6ede8;margin-bottom:18px;line-height:1.9;position:relative;z-index:2}.stn-cockpit-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.stn-cockpit-actions a{display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #ffffff54;background:#ffffff1b;border-radius:11px;color:white!important;text-decoration:none;font-size:13px;font-weight:800}.stn-cockpit-actions a:first-child{background:#fff;color:#0b6758!important;border-color:#fff}.stn-cockpit-actions a:hover{transform:translateY(-2px)}.stn-cockpit-actions i{font-size:19px}.stn-cockpit-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#c1e6df;font-size:11.5px}.stn-cockpit-meta span{display:flex;align-items:center;gap:5px}.stn-cockpit-meta i{font-size:16px}
.stn-cockpit-aside{background:#ffffff15;border-inline-start:1px solid #ffffff24;padding:30px 28px;display:flex;flex-direction:column;justify-content:center}.stn-meter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e4f8f2;font-size:14px;font-weight:800;margin-bottom:14px}.stn-meter-heading strong{font-size:22px;color:white}.stn-meter{height:12px;border-radius:100px;overflow:hidden;background:#ffffff3f}.stn-meter>span{display:block;background:#abf0d4;height:100%;border-radius:100px;max-width:100%;min-width:0}.stn-cockpit-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.stn-cockpit-summary>div{background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;padding:16px;display:grid;grid-template-columns:10px 1fr;column-gap:8px;align-items:center;row-gap:7px}.stn-cockpit-summary small{color:#d0e6e1;font-size:11px;line-height:1.5}.stn-cockpit-summary strong{grid-column:1/-1;color:#fff;font-size:27px;line-height:1}.stn-cockpit-dot{width:9px;height:9px;border-radius:50%;background:#a1dfc8}.stn-cockpit-dot.is-gold{background:#f8d389}.stn-cockpit-dot.is-rose{background:#ffaca8}
body.st-app .stx-quick-actions{border-radius:16px!important;border:1px solid #dfeae7!important;margin-bottom:30px!important;box-shadow:0 5px 25px #22584608!important}body.st-app .stx-quick-list a{padding:11px 15px!important;font-size:13px!important}body.st-app .st-dashboard-section-title{margin-top:28px!important;margin-bottom:18px!important}body.st-app .st-dashboard-section-title h3{font-size:21px!important;font-weight:800!important;color:#183942!important}body.st-app .st-stat-col .st-stat-card{border-radius:17px!important;min-height:172px!important;background:white!important;box-shadow:0 8px 26px #214c4010!important;border-color:#e5ede8!important;transition:transform .2s ease}body.st-app .st-stat-col .st-stat-card:hover{transform:translateY(-3px)}body.st-app .st-stat-card .card-body{padding:24px!important}body.st-app .st-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}body.st-app .st-stat-icon{width:49px!important;height:49px!important;border-radius:15px!important;font-size:24px!important}body.st-app .st-stat-label{color:#617a7d!important;font-weight:700!important;font-size:13px!important}body.st-app .st-stat-number{font-size:30px!important;line-height:1.35!important;font-weight:850!important;word-break:break-word}body.st-app .st-stat-sub{color:#6d8281!important;font-size:12px!important;margin-top:4px}body.st-app .pc-content .card{border-radius:17px!important}body.st-app .pc-content .card .card-header h5{font-size:17px!important;font-weight:800!important}body.st-app .pc-content .table thead th{font-weight:800!important;color:#3b655e!important}body.st-app .pc-content .card .card-body{line-height:1.7}
@media(max-width:1150px){body.st-marketing .stp-hero-inner{gap:25px}.stp-plan-grid{gap:12px}.stp-plan{padding:28px 19px 22px}.stp-popular{inset-inline-start:12%;inset-inline-end:12%}.stp-benefits-grid{grid-template-columns:repeat(2,1fr)}.stn-spotlight-grid{gap:30px}}
@media(max-width:1000px){body.st-marketing .stp-hero-inner{grid-template-columns:1fr;padding-block:62px}.stp-hero-art{height:220px;width:min(440px,100%);margin-inline:auto}.stp-faq-layout{grid-template-columns:1fr;gap:30px}.stn-spotlight-grid{grid-template-columns:1fr;gap:45px}.stn-spotlight-visual{max-width:590px;margin-inline:auto;width:100%}.stn-cockpit{grid-template-columns:1fr}.stn-cockpit-aside{border-inline-start:0;border-top:1px solid #ffffff25}.stp-plan-grid{grid-template-columns:repeat(2,1fr)}.stp-plan:last-child{grid-column:1/-1}.stn-home-plan-teaser{padding-block:60px}}
@media(max-width:690px){.stp-pricing-section,.stp-compare-section{padding-block:64px}.stp-plan-grid{grid-template-columns:1fr;gap:20px}.stp-plan:last-child{grid-column:auto}.stp-plan.is-highlighted{transform:none}.stp-plan.is-highlighted:hover{transform:translateY(-3px)}body.st-marketing .stp-hero-copy h1{font-size:35px!important}.stp-hero-art{height:190px}.stp-hero-center{width:118px;height:118px;border-width:7px}.stp-hero-center i{font-size:38px}.stp-hero-orbit{width:52px;height:52px;font-size:23px}.stp-benefits-grid{grid-template-columns:1fr}.stp-benefits{padding-block:62px}.stp-compare-head{flex-direction:column;align-items:flex-start}.stp-faq-band{padding-block:60px}.stn-home-spotlight{padding-block:70px}.stn-spotlight-visual{min-height:300px}.stn-spotlight-window{padding:12px;border-width:5px}.stn-spotlight-orbit{font-size:10px}.stn-home-plan-teaser{flex-direction:column;align-items:flex-start;gap:12px}.stn-cockpit-main{padding:26px 21px}.stn-cockpit-aside{padding:24px 20px}.stn-cockpit-summary{gap:8px}.stn-cockpit-summary>div{padding:12px}.stn-dash-date{font-size:11px}body.st-app .st-stat-col .st-stat-card{min-height:153px!important}}
@media(prefers-reduced-motion:reduce){.stp-plan,.stn-cockpit-actions a{transition:none}}
/* Distinct portfolio table preview in the homepage showcase; do not repeat the hero analytics mockup. */
.stn-portfolio-preview{border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e4eee9;box-shadow:0 15px 40px #193b310d;padding:22px;color:#1a3941;direction:inherit;font-family:'IBM Plex Sans Arabic',Inter,sans-serif}.stn-portfolio-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stn-portfolio-top>div{display:flex;align-items:center;gap:12px}.stn-portfolio-top>div>span{width:43px;height:43px;border-radius:12px;background:#e2f5ec;color:#109677;display:grid;place-items:center;font-size:23px}.stn-portfolio-top small{display:block;color:#90a4a2;font-size:11px}.stn-portfolio-top h3{font-weight:800!important;font-size:17px!important;margin:2px 0 0!important;color:#1b383d!important}.stn-portfolio-menu{font-size:20px;color:#72908c}.stn-portfolio-tabs{display:flex;align-items:center;gap:15px;overflow:auto;padding:22px 0 13px;border-bottom:1px solid #eef2ef;white-space:nowrap;color:#80918e;font-size:11px}.stn-portfolio-tabs b{font-size:12px;color:#079270;border-bottom:2px solid #0b9b74;padding-bottom:12px;margin-bottom:-13px}.stn-portfolio-list{display:grid;gap:10px;padding-block:15px}.stn-portfolio-row{display:flex;align-items:center;gap:12px;background:#f9fbf9;border:1px solid #edf2ee;border-radius:12px;padding:11px 12px}.stn-property-thumb{width:50px;height:50px;border-radius:11px;display:grid;place-items:center;font-size:24px;flex:none}.stn-property-one{color:#1e9272;background:#e0f4ea}.stn-property-two{color:#567fa5;background:#e6eff9}.stn-property-three{color:#a98042;background:#fbf0dc}.stn-portfolio-row>div{flex:1;min-width:0}.stn-portfolio-row strong{font-weight:800;font-size:12px;color:#274b49;display:block}.stn-portfolio-row small{color:#8b9e9b;font-size:10px}.stn-state{font-size:10px;font-weight:750;border-radius:50px;padding:6px 9px;display:flex;align-items:center;gap:4px;white-space:nowrap}.stn-state.is-occupied{background:#e2f7ed;color:#128c65}.stn-state.is-vacant{background:#fff1dd;color:#a27b2e}.stn-portfolio-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7eee9;padding-top:13px;color:#597c72;font-size:11px;font-weight:700}.stn-portfolio-footer i{color:#16a07e;font-size:17px}.stn-portfolio-footer>span{display:flex;align-items:center;gap:7px}
@media(max-width:480px){.stn-portfolio-preview{padding:12px}.stn-portfolio-row{gap:8px;padding:8px}.stn-property-thumb{width:38px;height:38px;font-size:19px}.stn-portfolio-row strong{font-size:11px}.stn-state{font-size:9px;padding:5px 6px}.stn-portfolio-tabs{gap:8px}}
body.st-app .stn-cockpit-tenant{background:linear-gradient(115deg,#0e4c61,#0d7d7d)}body.st-app .stn-cockpit-maintainer{background:linear-gradient(110deg,#153c4d,#247d75)}