/* Product-specific workspaces, each with its own operational visual language. */
.overview-rich{min-width:0}.rich-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 17px}.rich-section-title h2{font-size:13px;font-weight:600;color:#3c506e;margin:0}.rich-section-title button{border:0;background:none;color:#7e98c0;font-size:9px;padding:3px;cursor:pointer}.rich-pill{display:inline-block;padding:5px 9px;border:1px solid #d9e3f6;background:#ffffff9c;color:#879fc2;font-size:9px;border-radius:4px}.rich-running{font-size:8px;color:#53ac92;background:#eaf8f2;border:1px solid #d3eee1;padding:4px 7px;border-radius:4px;white-space:nowrap}.rich-running:before{content:'●';font-size:5px;margin-right:5px}.rich-bar{margin:18px 0}.rich-bar>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:9px;color:#8b9db6}.rich-bar b{font-size:9px;font-weight:500;color:#7f94b1}.rich-bar>i{height:5px;border-radius:4px;background:#edf2fa;display:block;overflow:hidden}.rich-bar em{height:100%;display:block;background:var(--bar-color,#4d8eec);border-radius:4px}.ai-workspace-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #dddff3;background:radial-gradient(at 100% 50%,#e2dffa,#f2f4ff 60%);padding:25px 30px;border-radius:9px;margin-bottom:25px;overflow:hidden}.ai-workspace-banner>div>span{font:8px monospace;letter-spacing:1.4px;color:#9d9cc5}.ai-workspace-banner h2{font-size:21px;color:#4b5082;margin:13px 0 10px;letter-spacing:-.4px}.ai-workspace-banner p{font-size:10px;color:#9596b6;margin:0}.ai-mini-orbit{position:relative;width:130px;height:100px;flex-shrink:0;display:grid;place-items:center}.ai-mini-orbit>i{font-size:45px;color:#9c8ee5;font-style:normal;text-shadow:0 10px 30px #bdb3e5}.ai-mini-orbit>b{position:absolute;inset:0;border:1px solid #c7c3e5;border-radius:50%;transform:rotate(-25deg) scaleY(.6)}.ai-mini-orbit>b:nth-child(3){transform:rotate(45deg) scaleY(.6)}.ai-mini-orbit>b:nth-child(4){transform:rotate(110deg) scaleY(.6)}.ai-workspace-layout{display:grid;grid-template-columns:1fr 270px;gap:22px}.model-service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:27px}.model-service-cards article{background:#fff;border:1px solid #e4e6f3;border-radius:8px;padding:20px}.model-service-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.model-avatar{width:36px;height:36px;border-radius:9px;font-size:19px;font-weight:700;font-style:normal;display:grid;place-items:center}.avatar-blue{background:#edf3ff;color:#719be8}.avatar-purple{background:#f0ebff;color:#a28bdd}.avatar-green{background:#e9f5ef;color:#77b79d}.avatar-orange{background:#fff0e4;color:#dea46e}.model-service-cards h3{font-size:13px;font-weight:500;color:#52607f;margin:19px 0 9px;white-space:nowrap}.model-service-cards p{font-size:8px;color:#a0abc0}.model-service-cards>article>button{border:0;background:none;border-top:1px solid #eef1f8;padding:13px 0 0;width:100%;text-align:left;font-size:9px;color:#8a96bc;cursor:pointer}.model-pipeline{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e4e7f3;padding:28px 20px;border-radius:8px}.model-pipeline>div{flex:1;text-align:center;min-width:0}.model-pipeline i{font-size:24px;font-style:normal;color:#a3a6d7;display:block;margin-bottom:14px}.model-pipeline b{font-size:11px;color:#7d86a8;display:block;font-weight:500}.model-pipeline small{display:block;font-size:7px;color:#b0b8cd;margin-top:7px}.model-pipeline>em{font-size:14px;color:#c1c7df;font-style:normal}.gpu-panel{background:#fff;border:1px solid #e1e5f1;border-radius:8px;padding:22px}.gpu-summary{display:flex;align-items:flex-end;justify-content:space-between;margin:25px 0 26px}.gpu-summary>b{font-size:37px;color:#626e97;line-height:1}.gpu-summary>b>small{font-size:9px;color:#abb4ca;font-weight:400;margin-left:7px}.gpu-summary>span{font-size:8px;color:#a8b1c8}.gpu-slots{display:flex;gap:5px;margin-top:25px}.gpu-slots i{width:21px;height:32px;background:#f0f2f8;border:1px solid #e4e8f2;border-radius:3px;flex:1}.gpu-slots i.allocated{background:linear-gradient(#c8bfea,#e2dbf6);border-color:#c5bae7}.gpu-footer{font-size:8px;color:#a9b2ca;border-bottom:1px solid #e9edf6;padding:14px 0 20px}.gpu-panel>h3{font-size:11px;font-weight:500;color:#7f8fae;margin:22px 0 17px}.deployment-event{display:flex;gap:10px;margin:17px 0;align-items:center}.deployment-event>i{width:6px;height:6px;background:#9dcab9;border-radius:50%}.deployment-event b{font-size:9px;color:#8d9bb6;font-weight:500;display:block}.deployment-event small{font-size:8px;color:#b1bdd0;display:block;margin-top:4px}body[data-product=aiforge]{background:#f5f6fc}body[data-product=aiforge] .app-sidebar{background:#20243f}body[data-product=aiforge] .nav-item.active{background:#7367c1}body[data-product=aiforge] .primary-button{background:#7d70ca}body[data-product=aiforge] .app-mark{color:#b2a5ed}body[data-product=aiforge] .resource-icon{color:#a095d1;background:#f1edfa}body[data-product=aiforge] .app-topbar{border-bottom-color:#e5e5f1}.cloud-summary-strip{display:flex;align-items:center;gap:25px;background:#fff;border:1px solid #e1e9f6;border-radius:8px;padding:22px 27px;margin-bottom:22px}.cloud-summary-strip>div:first-child>span{font:7px monospace;color:#a6b8d2;letter-spacing:1px;display:block}.cloud-summary-strip>div:first-child>b{display:block;font-size:19px;color:#53739e;margin-top:7px}.cloud-summary-strip small{font-size:9px;font-weight:400;color:#a5b5cb;margin-left:12px}.cloud-summary-metrics{display:flex;gap:30px;margin-left:auto}.cloud-summary-metrics>span{font-size:8px;color:#a3b2c9}.cloud-summary-metrics b{font-size:24px;display:block;color:#6f8db5;font-weight:500;margin-bottom:5px}.cloud-overview-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:22px;margin-bottom:25px}.cloud-topology,.cloud-resource-side>article{background:#fff;border:1px solid #e1e9f6;border-radius:8px;padding:23px}.topology-external{text-align:center;background:#f4f8ff;border:1px solid #e0eafa;border-radius:24px;font-size:11px;color:#88a3c9;width:150px;margin:15px auto 0;padding:10px}.topology-line{height:24px;border-left:1px solid #b8cdee;width:1px;margin:auto}.topology-router{background:#eaf2ff;border:1px solid #cadefb;border-radius:6px;padding:12px 20px;margin:auto;width:170px;text-align:center}.topology-router>i{font-style:normal;font-size:25px;color:#8eb0e1;display:block}.topology-router>b{font-size:11px;color:#7396c6;display:block;margin-top:4px}.topology-router>small{font-size:7px;display:block;color:#acc0dc;margin-top:4px}.topology-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid #cbdcf5;margin:28px 12px 0;position:relative}.topology-branches:before{content:'';height:28px;border-left:1px solid #cbdcf5;position:absolute;left:50%;top:-28px}.topology-branches>div{border:1px solid #e4ecf9;border-radius:5px;background:#fbfdff;text-align:center;padding:15px 10px;margin-top:22px;position:relative}.topology-branches>div:before{content:'';position:absolute;left:50%;height:22px;top:-23px;border-left:1px solid #cbdcf5}.topology-branches>div>span{display:block;font-size:10px;color:#8ca6cb}.topology-branches small{display:block;font-size:7px;color:#aabbd4;margin-top:5px}.topology-branches>div>div{display:flex;justify-content:center;gap:10px;margin:16px 0}.topology-branches i{font-size:23px;font-style:normal;color:#9db8dd}.topology-branches b{display:block;font-size:8px;color:#96abc8;font-weight:400}.cloud-resource-side{display:flex;flex-direction:column;gap:18px}.cloud-resource-side>article:first-child{flex:1}.zone-row{display:flex;align-items:center;gap:9px;margin:17px 0;font-size:10px;color:#8ba3c3}.zone-row i{width:5px;height:5px;background:#8cc6ae;border-radius:50%}.zone-row b{font-weight:500}.zone-row span{margin-left:auto;color:#a8b9d0;font-size:9px}.zone-footer{font-size:8px;color:#b3c0d3;border-top:1px solid #eaf0f8;padding-top:13px;margin-top:18px}.cloud-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cloud-projects article{background:#fff;border:1px solid #e1e9f6;border-radius:7px;padding:22px}.cloud-projects article>div{display:flex;align-items:center;gap:9px}.cloud-projects i{font-style:normal;color:#a9c0e0;font-size:18px}.cloud-projects h3{font-size:12px;color:#7e98bc;font-weight:500;margin:0}.cloud-projects article>div>span{font-size:7px;color:#b4c2d5;margin-left:auto}.cloud-projects p{font-size:15px;color:#7390b7;margin:20px 0 12px}.cloud-projects p em{font-style:normal;margin:0 6px;color:#c0ccdc}.cloud-projects small{font-size:8px;color:#acbcd1}.storage-health-strip{display:flex;align-items:center;gap:20px;background:linear-gradient(110deg,#173b3c,#224f4e);border:1px solid #3c6760;border-radius:9px;padding:25px 28px;color:#d1e5de;margin-bottom:23px}.storage-health-icon{width:58px;height:58px;border:1px solid #6a9a84;border-radius:14px;background:#7ac8a319;font-size:32px;display:grid;place-items:center;color:#a2d5bd}.storage-health-strip>div>span{font:7px monospace;color:#82a79c;letter-spacing:1px}.storage-health-strip h2{font-size:21px;letter-spacing:-.4px;margin:8px 0 7px;font-weight:500}.storage-health-strip p{font-size:9px;margin:0;color:#83b5a2}.storage-health-counts{display:flex;gap:28px;margin-left:auto}.storage-health-counts>span{font-size:8px!important;color:#8ab1a3!important;text-align:center}.storage-health-counts b{display:block;font-size:27px;font-weight:500;color:#b5dbcb;margin-bottom:5px}.storage-overview-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;margin-bottom:25px}.storage-capacity,.osd-health{padding:23px;background:#fff;border:1px solid #dfe9e6;border-radius:8px}.storage-capacity-visual{display:flex;gap:25px;align-items:center;margin:24px 0}.storage-ring{height:142px;width:142px;background:conic-gradient(#4faa95 0 40%,#e7f0eb 40% 100%);border-radius:50%;display:grid;place-items:center;flex-shrink:0;transform:rotate(-90deg)}.storage-ring>span{width:117px;height:117px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.storage-ring b{font-size:33px;color:#6d968b;font-weight:500}.storage-ring b>small{font-size:13px;margin-left:3px}.storage-ring em{font-size:8px;color:#acc2b8;font-style:normal;margin-top:3px}.storage-capacity-visual>div>b{font-size:23px;color:#72988b;font-weight:500}.storage-capacity-visual>div>b>small{font-size:9px;color:#a8bfb4}.storage-capacity-visual p{font-size:9px;color:#a3bcb0;margin:10px 0}.storage-capacity-visual>div>span:not(.storage-ring>span){font-size:8px;display:block;color:#a0b8ac}.storage-type-legend{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#9db8ab;border-top:1px solid #e7efeb;padding-top:17px}.storage-type-legend i{width:5px;height:5px;display:inline-block;background:#75b49e;border-radius:2px;margin-right:4px}.storage-type-legend span:nth-child(2) i{background:#9cb9d1}.storage-type-legend span:nth-child(3) i{background:#b6c6a5}.osd-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:20px}.osd-grid>span{display:flex;align-items:center;justify-content:center;gap:5px;background:#edf7f1;border:1px solid #d1e7d9;border-radius:4px;height:29px;color:#89b19d}.osd-grid i{width:4px;height:4px;border-radius:50%;background:#79b49a}.osd-grid small{font:7px monospace}.osd-grid>span.osd-attention{background:#faf4e8;border-color:#e9dbb8;color:#c4b07c}.osd-grid .osd-attention i{background:#c6b17d}.osd-health-footer{display:flex;justify-content:space-between;font-size:8px;color:#9ab7a8;padding-top:16px}.storage-alert{display:flex;align-items:center;gap:7px;margin-top:20px;background:#fcf8f0;border:1px solid #f0e6cf;border-radius:4px;padding:10px;font-size:8px;color:#baa77e}.storage-alert>i{font-style:normal;font-size:9px}.storage-services{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.storage-services>button{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid #dfeae5;border-radius:7px;padding:23px 20px;text-align:left;cursor:pointer}.storage-services>button>i{font-style:normal;font-size:28px;color:#8eb6a4}.storage-services b{font-size:12px;color:#7a9d8c;font-weight:500;display:block}.storage-services small{font-size:8px;color:#abc0b5;display:block;margin-top:8px}.storage-services button>div>span{font-size:9px;color:#96b1a3;display:block;margin-top:19px}.storage-services em{font-style:normal;font-size:12px;color:#b1c5b9;margin-left:auto}body[data-product=storage]{background:#f3f7f5}body[data-product=storage] .app-sidebar{background:#183b36}body[data-product=storage] .nav-item{color:#96bcb0}body[data-product=storage] .nav-item.active{background:#438c76;color:#fff}body[data-product=storage] .nav-item>span{color:#78a895}body[data-product=storage] .primary-button{background:#4b9b82}body[data-product=storage] .app-mark{color:#a0cfb8}body[data-product=storage] .resource-icon{background:#edf6f0;color:#8bb59f}.maas-welcome{display:grid;grid-template-columns:1fr .85fr;gap:35px;padding:31px;background:linear-gradient(120deg,#f1edff,#f6f7ff);border:1px solid #e2ddf2;border-radius:10px;margin-bottom:20px;align-items:center}.maas-welcome>div>span{font:8px monospace;color:#b0a4cd;letter-spacing:1px}.maas-welcome h2{font-size:24px;line-height:1.7;color:#746395;font-weight:500;margin:17px 0 12px}.maas-welcome p{font-size:10px;color:#b1a5c6;margin:0}.maas-welcome>div>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:23px}.maas-welcome .rich-pill{border-color:#ded5ec;color:#a495bb;font-size:8px}.maas-code{padding:18px 22px;background:#302c48;border:1px solid #49435e;border-radius:7px;color:#c7badf;box-shadow:0 15px 30px #4b386214}.maas-code>b{font:9px monospace;color:#b3a7cd}.maas-code pre{font:10px/1.9 monospace;color:#d3c5e8;white-space:pre-wrap;margin:17px 0 2px}.maas-usage-strip{display:flex;align-items:center;gap:35px;padding:20px 25px;background:#fff;border:1px solid #e7e2ef;border-radius:7px;margin-bottom:25px}.maas-usage-strip>span{font-size:8px;color:#b3a8c8;min-width:110px}.maas-usage-strip b{display:block;font-size:23px;font-weight:500;color:#9584b2;margin-bottom:5px}.maas-usage-strip button{background:#f7f4fc;border:1px solid #e8e0f2;border-radius:4px;padding:10px 12px;color:#a18dbb;font-size:9px}.maas-usage-strip>button:first-of-type{margin-left:auto}.maas-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.maas-catalog article{background:#fff;border:1px solid #e5e0ed;border-radius:8px;padding:23px}.maas-catalog article>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.maas-catalog article>div>span{font-size:8px;color:#ac9fc0;background:#f8f5fc;padding:4px 7px;border-radius:4px}.maas-catalog h3{font-size:13px;font-weight:500;color:#8c7bA7;margin:20px 0 10px}.maas-catalog p{font-size:9px;color:#b7abc7;margin:0}.maas-catalog footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0ecf5;padding-top:16px;margin-top:20px;gap:10px}.maas-catalog footer>span{font-size:7px;color:#c2b8cf}.maas-catalog footer>button{font-size:8px;color:#af9bc5;border:0;background:none;padding:0}body[data-product=maas]{background:#f7f5fb}body[data-product=maas] .app-sidebar{background:#fff;border-right:1px solid #e7e2f1}body[data-product=maas] .app-brand{color:#817197}body[data-product=maas] .app-brand small{color:#c2b6d0}body[data-product=maas] .app-mark{color:#b09ac8}body[data-product=maas] .nav-item{color:#b0a1c2}body[data-product=maas] .nav-item.active{background:#ede6f7;color:#907aa9;box-shadow:none}body[data-product=maas] .nav-item>span{color:#b7a6cc}body[data-product=maas] .app-sidebar select{background:#f7f4fc;border-color:#e8e0f2;color:#a592bc}body[data-product=maas] .app-sidebar .sidebar-group,body[data-product=maas] .app-sidebar .switch-label{color:#c8bdd5}body[data-product=maas] .sidebar-bottom{color:#b6a8c8}body[data-product=maas] .primary-button{background:#a08ab9}.embedded .ai-workspace-layout{grid-template-columns:1fr 220px;gap:15px}.embedded .model-service-cards{gap:10px}.embedded .model-service-cards article{padding:15px}.embedded .model-service-cards h3{font-size:10px}.embedded .model-service-header .model-avatar{width:28px;height:28px;font-size:15px}.embedded .gpu-panel{padding:17px}.embedded .ai-workspace-banner{padding:20px}.embedded .ai-workspace-banner h2{font-size:18px}.embedded .cloud-overview-grid{gap:15px}.embedded .cloud-topology,.embedded .cloud-resource-side>article{padding:17px}.embedded .cloud-summary-metrics{gap:18px}.embedded .cloud-summary-strip{padding:17px;gap:15px}.embedded .cloud-summary-strip small{display:none}.embedded .cloud-projects{gap:12px}.embedded .cloud-projects article{padding:17px}.embedded .cloud-projects p{font-size:12px}.embedded .storage-overview-grid{gap:15px}.embedded .storage-capacity,.embedded .osd-health{padding:17px}.embedded .storage-capacity-visual{gap:17px}.embedded .storage-ring{width:110px;height:110px}.embedded .storage-ring>span{width:91px;height:91px}.embedded .storage-ring b{font-size:27px}.embedded .storage-health-strip{padding:20px;gap:15px}.embedded .storage-health-counts{gap:18px}.embedded .storage-health-strip h2{font-size:18px}.embedded .storage-services{gap:12px}.embedded .storage-services>button{padding:18px 14px;gap:10px}.embedded .storage-services b{font-size:10px}.embedded .storage-services small{font-size:7px}.embedded .maas-welcome{padding:24px;gap:22px}.embedded .maas-welcome h2{font-size:20px}.embedded .maas-usage-strip{gap:20px;padding:17px}.embedded .maas-usage-strip>span{min-width:80px}.embedded .maas-catalog{gap:12px}.embedded .maas-catalog article{padding:17px}.embedded .maas-catalog h3{font-size:11px}.embedded .maas-catalog p{font-size:8px}#create-maas-key{display:flex;flex-direction:column;gap:15px}#create-maas-key label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#8490a9}#create-maas-key input,#create-maas-key select{padding:10px;border:1px solid #e4e9f3;border-radius:4px;background:#fff}
@media(max-width:1100px){.ai-workspace-layout{grid-template-columns:1fr 225px;gap:17px}.model-service-cards{gap:12px}.model-service-cards article{padding:16px}.model-service-cards h3{font-size:10px}.model-service-cards .rich-running{font-size:7px;padding:3px 5px}.gpu-panel{padding:18px}.cloud-summary-strip{gap:15px;padding:20px}.cloud-summary-strip small{display:none}.cloud-summary-metrics{gap:20px}.cloud-overview-grid{gap:17px}.cloud-topology,.cloud-resource-side>article{padding:18px}.storage-health-strip{padding:20px}.storage-health-counts{gap:18px}.storage-health-strip h2{font-size:18px}.storage-capacity,.osd-health{padding:18px}.storage-ring{width:115px;height:115px}.storage-ring>span{width:95px;height:95px}.storage-capacity-visual{gap:17px}.storage-overview-grid{gap:17px}.storage-type-legend{flex-wrap:wrap;gap:8px}.osd-grid{gap:6px}.storage-services{gap:13px}.storage-services>button{padding:18px 15px}.storage-services b{font-size:10px}.storage-services small{font-size:7px}.maas-welcome{padding:25px;gap:25px}.maas-welcome h2{font-size:21px}.maas-usage-strip{gap:20px;padding:18px}.maas-usage-strip>span{min-width:80px}.maas-usage-strip button{font-size:8px}.maas-catalog{gap:12px}.maas-catalog article{padding:18px}.maas-catalog h3{font-size:11px}}
@media(max-width:900px){.ai-workspace-layout{grid-template-columns:1fr}.model-service-cards h3{font-size:12px}.gpu-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.gpu-panel>.rich-section-title{grid-column:1/-1}.gpu-summary{margin:5px 0 15px}.gpu-panel>h3,.deployment-event,.gpu-footer{display:none}.cloud-overview-grid{grid-template-columns:1fr}.cloud-resource-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.storage-overview-grid{grid-template-columns:1fr}.storage-health-counts{gap:15px}.maas-welcome{gap:20px}.maas-catalog{grid-template-columns:1fr 1fr}.maas-usage-strip{gap:20px;flex-wrap:wrap}.maas-usage-strip>button:first-of-type{margin-left:0}.embedded .ai-workspace-layout{grid-template-columns:1fr}.embedded .cloud-overview-grid,.embedded .storage-overview-grid{grid-template-columns:1fr}.embedded .maas-catalog{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ai-workspace-banner{padding:20px;gap:10px}.ai-workspace-banner h2{font-size:17px;line-height:1.8}.ai-workspace-banner p{font-size:8px;line-height:1.9}.ai-workspace-banner>div>span{font-size:6px}.ai-mini-orbit{width:60px;height:80px}.ai-mini-orbit i{font-size:30px}.model-service-cards{grid-template-columns:1fr;gap:12px}.model-service-cards article{padding:20px}.model-service-cards h3{font-size:14px}.model-service-cards p{font-size:9px}.model-service-cards .rich-running{font-size:8px}.model-service-cards .rich-bar{margin:15px 0}.model-pipeline{padding:22px 12px;gap:8px}.model-pipeline b{font-size:9px}.model-pipeline small{font-size:6px}.model-pipeline i{font-size:21px}.gpu-panel{display:block;padding:22px}.gpu-summary{margin:20px 0}.gpu-panel>h3,.deployment-event,.gpu-footer{display:block}.deployment-event{display:flex}.rich-section-title h2{font-size:12px}.rich-section-title button{font-size:8px}.cloud-summary-strip{flex-wrap:wrap;gap:13px;padding:20px}.cloud-summary-strip>div:first-child>b{font-size:18px}.cloud-summary-strip .rich-running{margin-left:auto}.cloud-summary-metrics{width:100%;margin:8px 0 0;padding-top:15px;border-top:1px solid #e7eef8;justify-content:space-between}.cloud-summary-metrics b{font-size:24px}.cloud-topology{padding:20px 14px}.topology-branches{gap:8px;margin-left:0;margin-right:0}.topology-branches>div{padding:14px 6px}.topology-branches>div>span{font-size:9px}.topology-branches small{font-size:6px}.topology-branches b{font-size:7px}.topology-branches i{font-size:20px}.topology-branches>div>div{gap:7px}.cloud-resource-side{grid-template-columns:1fr}.cloud-projects{grid-template-columns:1fr}.cloud-projects article{padding:20px}.cloud-projects p{font-size:17px}.cloud-projects small{font-size:9px}.storage-health-strip{flex-wrap:wrap;gap:13px;padding:20px}.storage-health-icon{width:43px;height:43px;font-size:26px;border-radius:10px}.storage-health-strip h2{font-size:16px}.storage-health-strip>div>span{font-size:6px}.storage-health-strip p{font-size:8px}.storage-health-counts{width:100%;justify-content:space-between;border-top:1px solid #ffffff17;padding-top:15px;margin:5px 0 0}.storage-health-counts b{font-size:25px}.storage-capacity,.osd-health{padding:20px 16px}.storage-capacity-visual{gap:20px;justify-content:center}.storage-ring{width:120px;height:120px}.storage-ring>span{width:99px;height:99px}.storage-ring b{font-size:28px}.storage-capacity-visual>div>b{font-size:22px}.osd-grid{gap:6px}.osd-grid>span{height:27px;gap:3px}.osd-grid small{font-size:6px}.storage-services{grid-template-columns:1fr}.storage-services>button{padding:22px;gap:15px}.storage-services b{font-size:13px}.storage-services small{font-size:9px}.storage-services button>div>span{font-size:10px;margin-top:14px}.storage-alert{font-size:7px;line-height:1.9}.maas-welcome{grid-template-columns:1fr;padding:23px;gap:22px}.maas-welcome h2{font-size:21px}.maas-welcome p{font-size:9px}.maas-welcome>div>span{font-size:7px}.maas-welcome>div>div{gap:5px;margin-top:18px}.maas-welcome .rich-pill{font-size:7px;padding:4px 6px}.maas-code pre{font-size:10px}.maas-usage-strip{gap:18px;padding:20px}.maas-usage-strip>span{min-width:66px;font-size:7px}.maas-usage-strip b{font-size:21px}.maas-usage-strip button{font-size:8px;padding:9px}.maas-catalog{grid-template-columns:1fr;gap:14px}.maas-catalog article{padding:23px}.maas-catalog h3{font-size:14px}.maas-catalog p{font-size:10px}.maas-catalog article>div>span{font-size:9px}.maas-catalog footer>span{font-size:8px}.maas-catalog footer>button{font-size:9px}.embedded .model-service-cards{grid-template-columns:1fr}.embedded .cloud-projects{grid-template-columns:1fr}.embedded .storage-services{grid-template-columns:1fr}.embedded .maas-welcome{grid-template-columns:1fr}.embedded .maas-catalog{grid-template-columns:1fr}.embedded .maas-usage-strip>span{min-width:60px}.embedded .ai-workspace-banner h2{font-size:16px}.embedded .storage-health-strip h2{font-size:16px}.embedded .storage-health-counts{width:100%}.embedded .storage-services b{font-size:12px}}
/* Stronger text contrast and richer detail canvases. */
.rich-bar>div,.rich-bar b,.cloud-projects small,.model-service-cards p,.gpu-footer,.deployment-event small,.topology-branches small,.cloud-summary-metrics>span,.zone-footer,.zone-row span,.storage-type-legend,.storage-capacity-visual p,.storage-services small,.maas-welcome p,.maas-catalog p,.maas-catalog footer>span{color:#74859e}.maas-catalog h3,.maas-usage-strip b,.maas-welcome h2{color:#695585}.app-brand b{color:inherit}body[data-product=maas] .app-brand b{color:#6d568c}body[data-product=maas] .nav-item{color:#89739f}.detail-canvas{margin-bottom:24px;background:#fff;border:1px solid #e0e6f1;padding:24px;border-radius:9px}.route-editor{display:grid;grid-template-columns:160px 1fr 200px;gap:25px;background:#f8f7fc;border:1px solid #eae5f4;border-radius:7px;min-height:350px}.route-editor>aside{padding:24px 18px;border-right:1px solid #eae5f4;display:flex;flex-direction:column;gap:18px;font-size:10px;color:#8c80a8}.route-editor>aside>b{color:#635479;font-size:11px;margin-bottom:5px}.route-editor>aside>span{padding:9px;border:1px solid #e4deee;background:#fff;border-radius:5px}.route-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 0}.route-flow>div:not(.route-model-branch),.route-model-branch>div{background:#fff;border:1px solid #d8cdec;padding:14px 20px;border-radius:6px;min-width:200px;text-align:center;box-shadow:0 5px 12px #68518308}.route-flow i{font-style:normal;color:#8e76bf;font-size:18px}.route-flow b{font-size:11px;color:#72628c;margin-left:8px}.route-flow small{font-size:8px;display:block;margin-top:8px;color:#9e94b0}.route-flow>em{font-style:normal;color:#b7a4d1;line-height:25px}.route-model-branch{display:flex;gap:14px}.route-model-branch>div{min-width:175px}.route-editor .route-properties{border-left:1px solid #eae5f4;border-right:0;gap:10px}.route-properties>span{display:flex;flex-direction:column;gap:7px;font-size:8px}.route-properties strong{font-size:10px;font-weight:500;color:#756789}.network-canvas{background:radial-gradient(#c8d8f0 .8px,transparent 1px);background-size:14px 14px;border-radius:6px;padding:20px}.network-gateway,.network-router{margin:auto;width:220px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px 20px;background:#f1f6ff;border:1px solid #c7dafa;border-radius:7px;color:#6d93ca}.network-gateway{border-radius:28px}.network-canvas i{font-size:23px;font-style:normal}.network-canvas b{font-size:11px;font-weight:500}.network-gateway>span,.network-router>span{font-size:8px;padding-left:32px;width:100%;color:#8b9fbf}.network-link{height:23px;width:1px;background:#a8c6ef;margin:auto}.network-subnets{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #b8cfee;margin:28px 25px 0;position:relative}.network-subnets:before{content:'';position:absolute;left:50%;height:28px;top:-28px;border-left:1px solid #b8cfee}.network-subnets article{position:relative;margin-top:23px;padding:18px;background:#fff;border:1px solid #dbe6f6;border-radius:6px;color:#6e8eb9}.network-subnets article:before{content:'';position:absolute;left:50%;height:23px;top:-24px;border-left:1px solid #b8cfee}.network-subnets small{display:block;font-size:8px;color:#96a8c2;margin-top:6px}.network-subnets article>div{display:flex;gap:10px;justify-content:space-between;margin:19px 0}.network-subnets article>div>span{font-size:8px;display:flex;flex-direction:column;gap:7px;align-items:center}.network-subnets footer{border-top:1px solid #e8eff8;padding-top:12px;font-size:8px;color:#9baac0}.bucket-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bucket-cards article{background:linear-gradient(140deg,#f4faf6,#fff);border:1px solid #dcebe1;border-radius:7px;padding:23px}.bucket-cards article>div{display:flex;justify-content:space-between;align-items:center}.bucket-cards i{font-size:35px;font-style:normal;color:#76ad94}.bucket-cards article>div>span{font-size:8px;background:#e6f5eb;color:#7aae91;border:1px solid #d2e9da;border-radius:4px;padding:4px 8px}.bucket-cards h3{font-size:14px;font-weight:500;color:#638775;margin:18px 0 9px}.bucket-cards p{font-size:9px;color:#9caf9f}.bucket-cards article>b{font-size:27px;color:#68927d;font-weight:500;margin-top:24px;display:block}.bucket-cards small{display:block;font-size:8px;color:#a4b5a8;margin-top:5px}.bucket-cards footer{margin-top:20px;padding-top:13px;border-top:1px solid #e0ece3;font-size:9px;color:#8da895}.object-gateway-strip{display:flex;justify-content:space-between;gap:20px;background:#f4f9f6;border:1px solid #e0ece4;border-radius:5px;padding:17px 23px;margin-top:20px}.object-gateway-strip>span{font-size:8px;color:#9bb2a3}.object-gateway-strip b{display:block;font-size:10px;color:#7c9e89;font-weight:500;margin:5px 0}.object-gateway-strip i{font-style:normal;color:#79a68e;font-size:19px}.api-integration{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:linear-gradient(140deg,#f7f3fc,#fff);padding:28px;border:1px solid #e9e0f2;border-radius:7px}.api-integration>div>span{font:8px monospace;color:#b09dc5;letter-spacing:1px}.api-integration h2{font-size:22px;line-height:1.7;color:#79618e;font-weight:500}.api-integration p{font-size:11px;line-height:2;color:#a48fb4}.api-steps{display:flex;align-items:center;gap:12px;margin-top:25px;font-size:9px;color:#a08bb3}.api-steps i{display:inline-grid;place-items:center;background:#eee5f7;color:#9b7fb8;font-style:normal;border-radius:50%;width:21px;height:21px;margin-right:6px}.api-steps em{color:#c0b0cf;font-style:normal}.api-integration .maas-code pre{font-size:9px;line-height:1.8}
@media(max-width:1100px){.route-editor{grid-template-columns:130px 1fr;gap:15px}.route-properties{display:none!important}.route-model-branch>div{min-width:145px;padding:13px}.network-subnets{gap:15px;margin-left:0;margin-right:0}.network-subnets article{padding:14px}.network-subnets article>div{flex-direction:column;align-items:flex-start}.network-subnets article>div>span{flex-direction:row}.api-integration{gap:20px;padding:22px}}
@media(max-width:760px){.detail-canvas{padding:17px}.route-editor{grid-template-columns:1fr}.route-editor>aside{display:none}.route-model-branch{flex-direction:column}.network-subnets,.bucket-cards,.api-integration{grid-template-columns:1fr}.network-subnets{border-top:0}.network-subnets:before,.network-subnets article:before{display:none}.network-subnets article{margin-top:0}.network-subnets article>div{flex-direction:row}.object-gateway-strip{flex-wrap:wrap}.network-canvas{padding:13px}.api-integration h2{font-size:19px}}