/* MASAR 360 v11 — modern SaaS identity */
:root{--m360-navy:#031b36;--m360-deep:#05284c;--m360-teal:#0cc7ad;--m360-blue:#0867d7}
.login-screen{background:radial-gradient(circle at 12% 0%,rgba(13,199,173,.14),transparent 33%),linear-gradient(135deg,#02152a,#062b50 58%,#064575)}
.login-shell{max-width:1220px;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 90px rgba(0,14,32,.42);overflow:hidden;background:rgba(255,255,255,.96)}
.login-promo{background:linear-gradient(145deg,#021b37,#063968);position:relative;overflow:hidden}
.login-promo:after{content:"";position:absolute;width:360px;height:360px;border:42px solid rgba(13,199,173,.13);border-radius:50%;left:-105px;bottom:-128px}
.promo-chip{background:rgba(13,199,173,.13);border:1px solid rgba(13,199,173,.35);color:#d9fffa}
.brand-login .product-logo{width:112px;height:auto;filter:drop-shadow(0 10px 22px rgba(0,63,112,.12))}
.brand-login h1{font-size:34px;color:#05284c}.product-tagline{display:block;color:#28818c;margin-top:5px;font-weight:700}
.login-form label>span{font-weight:800;color:#18364e}.login-form input{min-height:49px;border:1px solid #d9e4ec;background:#fbfdff}.login-form input:focus{border-color:#0bbfa8;box-shadow:0 0 0 4px rgba(11,191,168,.12)}
.login-button{background:linear-gradient(92deg,#08bda6,#087be0);border:0;box-shadow:0 12px 28px rgba(8,123,224,.24)}
.sidebar{background:linear-gradient(180deg,#02172e,#04284a 66%,#031b36)!important;color:#eaffff;border:0;box-shadow:12px 0 45px rgba(0,27,54,.15)}
.sidebar-brand{border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand .product-logo{width:84px}.sidebar-brand h1,.sidebar-brand p{color:#fff}.powered-product{font-size:9px;color:#72ddd0;letter-spacing:1px}
.tenant-brand-card{display:flex;gap:10px;align-items:center;margin:12px 14px;padding:12px;border:1px solid rgba(101,222,207,.2);border-radius:14px;background:rgba(255,255,255,.055)}
.tenant-brand-card .customer-logo{width:38px;height:38px;object-fit:contain;border-radius:8px;background:#fff;padding:3px}.tenant-brand-card small,.tenant-brand-card b{display:block}.tenant-brand-card small{color:#7fc5cf;font-size:10px}.tenant-brand-card b{color:#fff;font-size:12px;margin-top:3px;line-height:1.5}
.nav-item{color:#cae6ef}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(7,196,172,.19),rgba(7,112,217,.35));color:#fff;border-inline-start:3px solid #0cc7ad}.nav-section{color:#70a6b8}.nav-icon svg{stroke:#9ee8df}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1)}
.topbar{background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid #e5eef4}.content{background:linear-gradient(150deg,#f4f8fb,#eef6f7)}
.card{border:1px solid rgba(215,229,236,.85);box-shadow:0 10px 30px rgba(2,42,75,.055)}.kpi-card:hover,.card:hover{box-shadow:0 15px 35px rgba(2,42,75,.085)}
.primary-button{background:linear-gradient(92deg,#08bda6,#087be0);border-color:transparent}.status.success{background:#e3faf4;color:#068373}
.v11-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.fixed-product-card,.customer-brand-preview{display:flex;gap:18px;align-items:center;min-height:170px;padding:22px;overflow:hidden;position:relative}.fixed-product-card{background:linear-gradient(135deg,#031c36,#064b79);color:#fff}.fixed-logo-wrap{background:#fff;padding:14px;border-radius:18px}.fixed-logo-wrap img{width:125px;height:70px;object-fit:contain}.fixed-product-card span,.customer-brand-preview span{font-size:10px;letter-spacing:1.5px;font-weight:900;color:#13c7af}.fixed-product-card h3,.customer-brand-preview h3{margin:7px 0;font-size:26px}.fixed-product-card p{color:#c7e7ed}.customer-brand-preview{background:linear-gradient(140deg,#fff,#eefbfa)}.customer-preview-logo{display:grid;place-items:center;width:110px;height:100px;border:1px dashed #acd8d7;background:#fff;border-radius:18px}.customer-preview-logo img{max-width:90px;max-height:82px;object-fit:contain}.customer-brand-preview p{color:#008d85;font-size:12px;font-weight:800}
.v11-settings-grid{align-items:start}.v11-logo-uploader{display:flex;align-items:center;gap:15px;padding:16px;border:1px dashed #8bcfcb;border-radius:14px;background:#f6fffe;cursor:pointer}.v11-logo-uploader svg{width:28px;height:28px;stroke:#079c91}.v11-logo-uploader input{display:none}.v11-logo-uploader b,.v11-logo-uploader small{display:block}
.v11-subscription-card{margin-top:16px}.subscription-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.subscription-metrics div{padding:14px;border-radius:12px;background:#f6fafb}.subscription-metrics small,.subscription-metrics b{display:block}.subscription-metrics small{color:#708495}.subscription-metrics b{margin-top:7px;color:#063c62;font-size:18px}.storage-line{margin-top:16px}.storage-line div{display:flex;justify-content:space-between;margin-bottom:7px}.storage-line i{height:10px;display:block;background:#edf2f5;border-radius:999px;overflow:hidden}.storage-line em{display:block;height:100%;background:linear-gradient(90deg,#08bda6,#087be0);border-radius:999px}
.owner-link-note{font-size:12px;color:#73879b}.customer-logo.hidden{display:none!important}
@media(max-width:900px){.v11-brand-grid,.v11-settings-grid{grid-template-columns:1fr}.subscription-metrics{grid-template-columns:repeat(2,1fr)}.login-promo{display:none}.login-shell{max-width:570px}.tenant-brand-card{margin:8px}}