:root{--background:#f7f7ff;--surface:#fff;--surface-soft:#faf9ff;--sidebar:#09072b;--sidebar-soft:#17113f;--primary:#5b2cf2;--primary-dark:#4320ca;--primary-soft:#f0ecff;--text:#10123f;--text-secondary:#5f6682;--text-muted:#777d95;--border:#e5e4f1;--success:#1b9a62;--warning:#c98215;--danger:#cb3c52;--info:#4566d8;--sidebar-width:260px;--topbar-height:72px;--radius-sm:9px;--radius-md:14px;--radius-lg:18px;--shadow:0 12px 32px #1e184612}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--background)}body{background:var(--background);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;font-size:14px}button{cursor:pointer}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-width:100%;color:var(--text);outline:none;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:#8e73ed;box-shadow:0 0 0 3px #5b2cf21c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #5b2cf233}::selection{color:var(--text);background:#dcd3ff}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;width:var(--sidebar-width);color:#fff;background:radial-gradient(circle at 20% 0%, #522ebd7a, transparent 34%), linear-gradient(180deg, #0d0934 0%, var(--sidebar) 100%);flex-direction:column;padding:24px 17px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 28px #09072b1f}.brand{color:inherit;background:#fffffff5;border-radius:12px;align-items:center;margin:0 8px 28px;padding:8px 10px;display:flex;box-shadow:0 8px 24px #04021833}.brand-logo{width:min(184px,100%);height:auto;display:block}.sidebar-section-label{color:#747198;letter-spacing:.14em;text-transform:uppercase;padding:0 13px 9px;font-size:12px;font-weight:800}.sidebar-nav{gap:4px;display:grid}.sidebar-nav a{color:#b9b8d1;border-radius:11px;align-items:center;gap:12px;min-height:44px;padding:0 13px;font-size:14px;font-weight:650;transition:color .16s,background .16s,transform .16s;display:flex}.sidebar-nav a:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.sidebar-nav a.active{color:#fff;background:linear-gradient(100deg,#6841f4,#5430db);box-shadow:0 8px 20px #4025b152,inset 0 1px #ffffff29}.nav-arrow{opacity:.65;margin-left:auto}.orchestrator-card{background:linear-gradient(145deg,#5f3fcf38,#ffffff09);border:1px solid #a090ff3d;border-radius:15px;margin:auto 3px 16px;padding:15px}.orchestrator-title{align-items:center;gap:8px;font-size:12px;display:flex}.status-dot,.environment-pill>span{background:#30d68a;border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 0 4px #30d68a1f}.orchestrator-card p{color:#aaa8c8;margin:10px 0 13px;font-size:12px;line-height:1.55}.orchestrator-status{color:#8f8daf;border-top:1px solid #ffffff14;justify-content:space-between;padding-top:10px;font-size:12px;display:flex}.orchestrator-status strong{color:#54dda0}.sidebar-user{border-top:1px solid #ffffff17;align-items:center;gap:10px;padding:13px 8px 0;display:flex}.sidebar-user-avatar{color:#b8aaff;background:#272050;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.sidebar-user-copy{flex:1;gap:2px;min-width:0;display:grid}.sidebar-user-copy strong{font-size:12px}.sidebar-user-copy span{color:#7d7a9c;text-overflow:ellipsis;font-size:12px;overflow:hidden}.role-mode-card{align-items:flex-start}.role-mode-card .sidebar-user-copy>span:first-child{color:#aaa3cf;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.role-mode-select{color:#f4f1ff;cursor:pointer;background:#272050;border:1px solid #b8aaff4d;border-radius:8px;width:100%;min-height:32px;padding:6px 26px 6px 8px;font-size:14px;font-weight:800}.role-mode-select:focus{outline-offset:1px;border-color:#9d88ff;outline:2px solid #9d88ff2e}.role-mode-card small{color:#918dac;font-size:12px;line-height:1.4}.app-main{min-width:0;min-height:100vh;margin-left:var(--sidebar-width);flex:1}.topbar{z-index:20;height:var(--topbar-height);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:sticky;top:0}.topbar-copy{gap:3px;display:grid}.topbar-copy strong{font-size:14px}.topbar-copy span{color:var(--text-secondary);font-size:12px}.topbar-actions{align-items:center;gap:14px;display:flex}.environment-pill{color:#53458d;background:#f6f3ff;border:1px solid #ded9f6;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:750;display:inline-flex}.topbar-avatar{color:#fff;background:linear-gradient(135deg,#9877ff,#5430e7);border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid;box-shadow:0 5px 13px #522fe040}.content-surface{min-height:calc(100vh - var(--topbar-height));background:var(--background)}.mobile-menu-button,.sidebar-backdrop{display:none}.page{width:min(1460px,100%);margin:0 auto;padding:30px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.badge{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:750;line-height:1;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.page button{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border:0;min-height:38px;padding:9px 14px;font-size:12px;font-weight:750;transition:filter .16s,transform .16s;box-shadow:0 6px 14px #4f2fda26}.page button:hover{filter:brightness(1.04);transform:translateY(-1px)}table{border-collapse:collapse;border-spacing:0;background:var(--surface);width:100%}thead{background:var(--surface-soft)}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:14px 16px}th{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}td{color:#414762}tbody tr{transition:background .15s}tbody tr:hover{background:#fbfaff}.react-flow{background-color:#faf9ff;background-image:radial-gradient(#d9d5ec 1px,#0000 1px);background-size:20px 20px}.react-flow__node{border-radius:12px;box-shadow:0 8px 22px #2119491f}.react-flow__controls{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;overflow:hidden}@media (max-width:820px){.sidebar{transition:transform .22s;transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#09072b80;border:0;display:block;position:fixed;inset:0}.mobile-menu-button{z-index:40;border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);box-shadow:var(--shadow);border-radius:10px;place-items:center;padding:0;display:grid;position:fixed;top:17px;left:16px}.app-main{margin-left:0}.topbar{padding-left:68px;padding-right:20px}.topbar-copy span{display:none}.page{padding:24px 20px 36px}}@media (max-width:520px){.environment-pill{display:none}.topbar{padding-right:14px}.topbar-copy strong{max-width:205px;font-size:12px}.page{padding:20px 14px 32px}}.react-flow__controls{background:#fff!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 10px 24px #0f172a1f!important}.react-flow__controls-button{color:#0f172a!important;width:32px!important;height:32px!important;min-height:32px!important;box-shadow:none!important;background:#fff!important;border:0!important;border-bottom:1px solid #e5e7eb!important;border-radius:0!important;padding:0!important;transform:none!important}.react-flow__controls-button:hover{color:#4f46e5!important;filter:none!important;background:#f8fafc!important;transform:none!important}.react-flow__controls-button svg{fill:currentColor!important;color:currentColor!important;width:16px!important;height:16px!important}.react-flow__node{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;box-shadow:0 8px 24px #0f172a14!important}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output{text-align:center!important;min-width:140px!important;padding:10px 14px!important}.react-flow__node .react-flow__node-label,.react-flow__node div,.page aside.card button{color:#0f172a!important}.page aside.card button strong{color:#070738!important;opacity:1!important;visibility:visible!important;font-size:14px!important;font-weight:900!important;line-height:1.25!important;display:block!important}.page aside.card button .badge,.page aside.card button span{opacity:1!important;visibility:visible!important}.page table button,.page table a,.page aside.card button,.react-flow__controls-button{text-decoration:none!important}.page a[href],.page button{font-family:inherit}.react-flow__minimap{border-radius:12px!important;overflow:hidden!important;box-shadow:0 8px 24px #0f172a14!important}.dashboard-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.dashboard-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.dashboard-lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:15px;margin-top:26px;display:grid}.dashboard-metric-card,.dashboard-role-card,.catalogue-service-grid>.card{transition:transform .18s,box-shadow .18s,border-color .18s}.dashboard-metric-card:hover,.dashboard-role-card:hover,.catalogue-service-grid>.card:hover{border-color:#d7d1ee;transform:translateY(-2px);box-shadow:0 16px 38px #231b521a}.catalogue-page-header{grid-template-columns:minmax(0,1fr) 355px;align-items:start;gap:26px;display:grid}.catalogue-status-card{min-width:0}.catalogue-filter-bar{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:15px;align-items:center;gap:10px;margin-top:24px;padding:12px;display:flex}.catalogue-search-control,.catalogue-select-control{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.catalogue-search-control{flex:1;min-width:260px}.catalogue-search-control input,.catalogue-select-control select{width:100%;min-height:38px;box-shadow:none;background:0 0;border:0;padding:0}.catalogue-select-control{width:190px}.catalogue-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}@media (max-width:1180px){.dashboard-metric-grid,.catalogue-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-role-grid{grid-template-columns:1fr}.catalogue-filter-bar{flex-wrap:wrap}.catalogue-search-control{flex-basis:100%}}@media (max-width:820px){.dashboard-lower-grid,.catalogue-page-header{grid-template-columns:1fr}.catalogue-status-card{width:100%}}@media (max-width:620px){.dashboard-hero{padding:32px 24px!important}.dashboard-metric-grid,.catalogue-service-grid{grid-template-columns:1fr}.catalogue-filter-bar{flex-direction:column;align-items:stretch}.catalogue-search-control,.catalogue-select-control{width:100%;min-width:0}.dashboard-activity-row{grid-template-columns:36px 1fr!important}.dashboard-activity-row time{display:none}}.auth-page{background:#f7f7ff;grid-template-columns:minmax(340px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid}.auth-brand-panel{color:#fff;background:radial-gradient(circle at 20% 5%,#7b5bf4b3,#0000 30%),linear-gradient(145deg,#10083b,#4320ca 65%,#5575e8);flex-direction:column;justify-content:center;padding:clamp(44px,7vw,100px);display:flex}.auth-brand-mark{background:#ffffff29;border:1px solid #ffffff38;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:24px;font-weight:900;display:grid}.auth-brand-panel>span{letter-spacing:.08em;text-transform:uppercase;font-weight:850}.auth-brand-panel h1{letter-spacing:-.05em;max-width:680px;margin:28px 0 18px;font-size:clamp(38px,5vw,62px);line-height:1.04}.auth-brand-panel p{color:#ffffffc7;max-width:610px;font-size:17px;line-height:1.75}.auth-form-panel{place-items:center;padding:40px;display:grid}.auth-form-card{border:1px solid var(--border);background:#fff;border-radius:22px;width:min(100%,470px);padding:38px;box-shadow:0 24px 70px #26195e1c}.auth-form-card-wide{width:min(100%,650px)}.auth-form-icon{color:#5935cf;background:#eee9ff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.auth-eyebrow{color:#6844df;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.auth-form-card h1,.auth-form-card h2{letter-spacing:-.03em;margin:7px 0 9px}.auth-form-card h2{font-size:32px}.auth-form-card>p{color:var(--text-secondary);line-height:1.65}.auth-form{gap:17px;margin-top:28px;display:grid}.auth-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-form label{color:#343852;gap:7px;font-size:13px;font-weight:800;display:grid}.auth-form input,.auth-form select{width:100%;min-height:47px;padding:0 13px}.auth-form label small{color:#777d95;font-weight:500}.auth-form-full{grid-column:1/-1}.auth-form button,.auth-primary-link{color:#fff;background:linear-gradient(135deg,#5b2cf2,#4320ca);border:0;border-radius:11px;min-height:48px;font-weight:850;box-shadow:0 10px 24px #4622be33}.auth-form button:disabled{cursor:wait;opacity:.65}.auth-error{color:#b42318;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;padding:11px 13px;font-weight:700}.auth-footer-copy{text-align:center;margin:22px 0 0}.auth-footer-copy a,.auth-public-link{color:#5b36d6;font-weight:850}.auth-public-link{text-align:center;margin-top:13px;display:block}.auth-page-centered{background:linear-gradient(145deg,#f4f1ff,#eef4ff);place-items:center;padding:30px;display:grid}.pending-card{text-align:center}.pending-card .auth-form-icon{margin-inline:auto}.auth-primary-link{place-items:center;margin-top:25px;display:grid}.auth-loading{color:#625d78;background:#f7f7ff;place-items:center;min-height:100vh;font-weight:800;display:grid}.access-denied-card{width:min(90%,460px);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:20px;padding:36px}.access-denied-card svg{color:#6b46df}.access-denied-card a{color:#5b36d6;margin-top:15px;font-weight:850;display:inline-block}.authenticated-user-card{align-items:flex-start}.authenticated-user-card small{color:#aaa8c8}.sidebar-logout{color:#aaa8c8;background:0 0;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.sidebar-logout:hover{color:#fff;background:#ffffff14}.sidebar-auth-actions{border-top:1px solid #ffffff17;gap:8px;padding-top:13px;display:grid}.sidebar-auth-actions a{color:#ddd8f8;background:#ffffff12;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:800;display:flex}.topbar-sign-in{color:#5b36d6;background:#f0ecff;border-radius:9px;padding:8px 13px;font-weight:850}.account-details{gap:0;margin:20px 0 0;display:grid}.account-details>div{border-bottom:1px solid #eeedf5;grid-template-columns:90px 1fr;gap:12px;padding:13px 0;display:grid}.account-details dt{color:#777d95}.account-details dd{color:#242741;overflow-wrap:anywhere;margin:0;font-weight:800}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{padding:45px 28px}.auth-brand-panel h1{font-size:38px}.auth-form-panel{padding:30px 18px}}@media (max-width:600px){.auth-form-grid{grid-template-columns:1fr}.auth-form-full{grid-column:auto}.auth-form-card{padding:28px 22px}}.publish-hero{margin-bottom:22px}.publish-hero h1{color:#0f172a;margin:8px 0;font-size:clamp(34px,5vw,46px);line-height:1.05}.publish-hero>p:not(:first-child){color:#566074;max-width:850px;margin:0 0 8px;font-size:15px;line-height:1.6}.registration-boundary{color:#4f4770;background:#f8f6ff;border:1px solid #ded9f3;border-radius:11px;max-width:850px;margin:12px 0 4px;padding:11px 13px;font-size:13px;line-height:1.5}.onboarding-boundary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.onboarding-boundary-card{background:#fff;border:1px solid #ded9f3;border-radius:16px;gap:5px;padding:18px;display:grid;box-shadow:0 10px 28px #1e18460d}.onboarding-boundary-card>span{color:#6744df;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.onboarding-boundary-card strong{color:#20233f;font-size:16px}.onboarding-boundary-card p{color:#666b82;margin:2px 0 0;font-size:13px;line-height:1.55}.onboarding-boundary-runtime{background:#fffbf2;border-color:#f2d49c}.onboarding-boundary-runtime>span{color:#a45a08}.publish-workbench{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:20px;display:grid}.publish-step-card{padding:20px;position:sticky;top:94px}.publish-step{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:10px 0 17px;display:grid;position:relative}.publish-step:not(:last-of-type):after{content:"";background:#e0ddef;width:1px;position:absolute;top:42px;bottom:-1px;left:16px}.publish-step-number{z-index:1;color:#6d7286;background:#faf9ff;border:1px solid #ddd8ef;border-radius:10px;place-items:center;width:33px;height:33px;font-size:12px;font-weight:900;display:grid;position:relative}.publish-step-active .publish-step-number{color:#fff;background:linear-gradient(135deg,#6740ee,#4a27cf);border-color:#6b45ec;box-shadow:0 7px 15px #522fd138}.publish-step strong,.publish-step small{display:block}.publish-step strong{color:#242744;font-size:12px}.publish-step small{color:#85899b;margin-top:3px;font-size:12px;line-height:1.45}.publish-step-note{background:#f7f4ff;border:1px solid #e2def5;border-radius:12px;gap:5px;margin-top:10px;padding:13px;display:grid}.publish-step-note strong{color:#5533c9;font-size:12px}.publish-step-note span{color:#73778d;font-size:12px;line-height:1.5}.publish-main-column{min-width:0}.guided-form{gap:18px;display:grid}.guided-section{padding-top:4px}.guided-section+.guided-section{border-top:1px solid #eceaf4;padding-top:20px}.guided-section h3{color:#232641;margin:0 0 13px;font-size:17px}.guided-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.required-label{color:#6a48dd;letter-spacing:.04em;text-transform:uppercase;align-self:flex-start;margin-top:-4px;font-size:10px;font-weight:850}.generated-json,.technical-details,.publish-help-details,.validation-summary details{background:#fbfaff;border:1px solid #dfdced;border-radius:12px}.generated-json summary,.technical-details summary,.publish-help-details>summary,.validation-summary summary{color:#3f2d88;cursor:pointer;padding:12px 14px;font-size:13px;font-weight:800}.generated-json>div{gap:8px;padding:0 14px 10px;display:flex}.generated-json pre{color:#31354c;background:#f7f8fb;border-top:1px solid #e6e2f3;max-height:420px;margin:0;padding:14px;font-size:12px;line-height:1.5;overflow:auto}.publish-help-details{margin-top:20px}.publish-help-details>p{color:#686d80;margin:0;padding:0 14px 14px;font-size:13px;line-height:1.55}.onboarding-source-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:-3px 0 18px;display:grid}.onboarding-source-options>div{background:#fbfaff;border:1px solid #e4e1f1;border-radius:11px;gap:3px;padding:11px 12px;display:grid}.onboarding-source-options strong{color:#4e35b4;text-transform:uppercase;font-size:11px}.onboarding-source-options span{color:#73778d;font-size:12px;line-height:1.4}.workshop-example-panel{background:#faf9ff;border:1px solid #d9d4ff;border-radius:14px;margin:0 14px 14px;padding:16px}.workshop-example-panel>summary{color:#20105f;cursor:pointer;font-size:13px;font-weight:800}.workshop-example-panel>p{color:#6e7283;font-size:12px;line-height:1.5}.workshop-example-panel>div:first-child{color:#5f6678;flex-direction:column;gap:4px;font-size:13px;line-height:1.45;display:flex}.workshop-example-panel>div:first-child strong{color:#20105f;font-size:14px}.workshop-example-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}.workshop-example-buttons button{color:#3b238e;text-align:left;cursor:pointer;background:#fff;border:1px solid #cfc6ff;border-radius:10px;flex-direction:column;gap:3px;padding:11px 12px;display:flex}.workshop-example-buttons button:hover{border-color:#6747ec;box-shadow:0 5px 14px #5336c61f}.workshop-example-buttons button span{color:#6e7283;font-size:11px}.onboarding-runtime-panel{background:#faf9ff;border:1px solid #dcd6f6;border-radius:16px;gap:16px;margin-top:18px;padding:18px;display:grid}.onboarding-runtime-panel h3{color:#20233f;margin:5px 0;font-size:20px}.onboarding-runtime-panel p{color:#6c7085;margin:0;font-size:13px;line-height:1.55}.onboarding-runtime-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.onboarding-runtime-choice label{cursor:pointer;background:#fff;border:1px solid #ded9f1;border-radius:12px;align-items:flex-start;gap:9px;padding:13px;display:flex}.onboarding-runtime-choice input{accent-color:#5b36d6;margin-top:3px}.onboarding-runtime-choice span,.onboarding-runtime-choice strong,.onboarding-runtime-choice small{display:block}.onboarding-runtime-choice strong{color:#2d304d;font-size:13px}.onboarding-runtime-choice small{color:#7b7f93;margin-top:3px;font-size:11px;line-height:1.4}.onboarding-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.onboarding-evidence-grid label,.onboarding-acknowledgement{color:#444860;align-items:flex-start;gap:8px;font-size:12px;font-weight:700;line-height:1.45;display:flex}.onboarding-evidence-grid input,.onboarding-acknowledgement input{accent-color:#5b36d6;margin-top:2px}.onboarding-runtime-state{color:#7a4707;background:#fff9ec;border:1px solid #f2d49c;border-radius:11px;gap:4px;padding:12px 13px;display:grid}.onboarding-runtime-state.is-running{color:#17643a;background:#effcf4;border-color:#b7e5c9}.onboarding-runtime-state strong{font-size:12px}.onboarding-runtime-state span{font-size:12px;line-height:1.5}.onboarding-acknowledgement{color:#3e2a88;background:#f3efff;border:1px solid #cfc5f4;border-radius:11px;padding:13px}.package-expectation{color:#3b3561;background:#faf9ff;border:1px solid #c9bcfa;border-radius:14px;padding:16px}.package-expectation p{margin:7px 0 0;line-height:1.5}.package-preview{gap:16px;margin-top:20px;display:grid}.package-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.package-status-grid>div{background:#faf9ff;border:1px solid #ddd8f4;border-radius:12px;gap:4px;padding:12px;display:grid}.package-status-grid span{color:#73778d;text-transform:uppercase;font-size:11px;font-weight:800}.package-status-grid strong{color:#252842;text-transform:capitalize;font-size:13px}.package-service-list{gap:14px;display:grid}.package-service-card{background:#fff;border:1px solid #ddd8f4;border-radius:15px;padding:16px}.package-service-select{align-items:center;gap:9px;margin-bottom:14px;display:flex}.package-service-select span{color:#667085;overflow-wrap:anywhere;margin-left:auto;font-family:ui-monospace,monospace;font-size:12px}.package-errors{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:11px;padding:12px;font-weight:700}.package-errors p{margin:4px 0}.package-warning{color:#92400e;background:#fffbeb;border-radius:10px;padding:10px 12px}.package-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:14px}@media (max-width:760px){.package-status-grid{grid-template-columns:1fr}.package-service-select{flex-wrap:wrap;align-items:flex-start}.package-service-select span{width:100%;margin-left:27px}}.onboarding-next-steps{color:#24543b;background:#fff;border:1px solid #b7e5c9;border-radius:13px;margin-top:17px;padding:15px 17px}.onboarding-next-steps ol{margin:8px 0 0;padding-left:20px}.onboarding-next-steps li{margin-top:5px;line-height:1.45}.technical-details{margin-top:14px}.technical-details>div{padding:0 14px 14px}.validation-summary{gap:9px;margin-top:16px;display:grid}.validation-summary>div strong,.validation-summary>div span{display:block}.validation-summary>div strong{color:#3b3e55;font-size:12px}.validation-summary>div span,.validation-summary details p{color:#656a7d;font-size:12px;line-height:1.5}.validation-summary details p{margin:0;padding:0 14px 10px}.example-preview-lock{color:#704409;background:#fff9ec;border:1px solid #f0ca80;border-radius:13px;margin-top:18px;padding:15px}.example-preview-lock p{margin:5px 0 12px;font-size:13px;line-height:1.5}.publish-review-callout{background:#f6f3ff;border:1px solid #dcd5f7;border-radius:14px;gap:12px;padding:16px;display:flex}.publish-review-callout>span{color:#fff;background:#6744e6;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-family:Georgia,serif;font-weight:800;display:grid}.publish-review-callout strong{color:#34226f;font-size:12px}.publish-review-callout p{color:#665f7c;margin:4px 0 0;font-size:12px}.builder-page-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.builder-top-actions{flex:none;gap:9px;display:flex}.builder-name-row{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:19px;padding:13px 15px;display:flex}.builder-name-row>div:first-child{gap:5px;width:min(520px,100%);display:grid}.builder-name-row>div:first-child span{color:#74798d;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:850}.builder-name-row input{min-height:38px;padding:0 11px;font-weight:750}.builder-health-summary{color:#7c8092;flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.builder-stale-message{color:#8a5a0a;background:#fffbeb;border:1px solid #f4d58d;border-radius:10px;margin-top:12px;padding:10px 13px;font-size:13px;font-weight:700}.builder-health-summary span{color:#5532ce;font-weight:900}.builder-workbench{grid-template-columns:minmax(330px,340px) minmax(0,1fr) minmax(260px,280px);gap:12px;min-height:760px;display:grid}.builder-palette-card,.builder-details-card{min-height:0;padding:18px;overflow:auto}.builder-service-palette{flex-direction:column;height:760px;display:flex;overflow:hidden}.builder-service-list-scroll{overscroll-behavior:contain;scrollbar-color:#c8c0df transparent;scrollbar-width:thin;flex:auto;grid-auto-rows:max-content;align-content:start;gap:11px;min-height:0;margin-top:15px;padding-right:10px;display:grid;overflow:hidden auto}.builder-service-list-scroll::-webkit-scrollbar{width:7px}.builder-service-list-scroll::-webkit-scrollbar-track{background:0 0}.builder-service-list-scroll::-webkit-scrollbar-thumb{background:#c8c0df padding-box padding-box;border:2px solid #0000;border-radius:999px}.builder-service-list-scroll::-webkit-scrollbar-thumb:hover{background:#a99fc8 padding-box padding-box}.builder-panel-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.builder-panel-heading span,.builder-canvas-header span{color:#6847df;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.builder-panel-heading h2{margin:4px 0 0;font-size:18px}.builder-panel-heading>strong{color:#5635d0;background:#f0ecff;border-radius:9px;place-items:center;min-width:29px;height:29px;font-size:12px;display:grid}.builder-search-control{color:#777c90;background:#fff;border:1px solid #dedbea;border-radius:10px;align-items:center;gap:8px;min-height:40px;margin-top:14px;padding:0 11px;display:flex}.builder-search-control input{width:100%;min-width:0;min-height:36px;box-shadow:none;background:0 0;border:0;padding:0;font-size:14px}.builder-service-list-scroll .builder-service-card{align-self:start;width:100%;min-width:0;min-height:122px;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:visible;box-shadow:0 7px 18px #1f19430d}.builder-service-list-scroll .builder-service-card strong,.builder-service-list-scroll .builder-service-card span{overflow-wrap:anywhere;max-width:100%}.builder-service-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #3727821a;border-color:#a996ef!important}.builder-empty-palette{color:#7a7e91;text-align:center;border:1px dashed #d9d5e8;border-radius:12px;padding:22px 12px;font-size:13px}.builder-canvas-card{min-width:0;overflow:hidden}.builder-canvas-header{border-bottom:1px solid #e7e5f0;justify-content:space-between;align-items:center;gap:15px;height:60px;padding:0 17px;display:flex}.builder-canvas-header strong{margin-top:2px;font-size:13px;display:block}.builder-canvas-legend{color:#818598;align-items:center;gap:7px;font-size:12px;display:flex}.builder-canvas-legend i{background:#6946e1;border-radius:2px;width:7px;height:7px}.builder-canvas-legend i:last-of-type{background:#27a475;border-radius:50%}.builder-canvas-area{height:700px}.builder-details-card h3{color:#252842;margin-bottom:10px;font-size:13px}.runtime-preflight-compact{color:#475467;background:#faf9fd;border:1px solid #e4e0f0;border-radius:12px;gap:10px;margin-top:12px;padding:12px;font-size:12px;line-height:1.5;display:grid}.runtime-preflight-statuses{grid-template-columns:1fr 1fr;gap:8px;display:grid}.runtime-preflight-statuses>div{background:#ffffffd1;border-radius:9px;padding:9px}.runtime-preflight-statuses span,.runtime-preflight-statuses strong{display:block}.runtime-preflight-statuses span{color:#667085;font-size:12px;font-weight:800}.runtime-preflight-statuses strong{margin-top:2px;font-size:13px}.runtime-preflight-statuses .is-ready{color:#047857}.runtime-preflight-statuses .is-blocked{color:#be123c}.runtime-preflight-statuses .is-neutral{color:#667085}.runtime-preflight-counts{color:#475467;gap:14px;padding-top:2px;display:flex}.runtime-preflight-compact>p{color:#7f1d1d;margin:0}.runtime-preflight-compact>a{color:#5b36d6;font-weight:800;text-decoration:none}.runtime-readiness-panel{gap:18px;margin-top:22px;padding:24px;scroll-margin-top:24px;display:grid}.runtime-readiness-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.runtime-readiness-heading span{color:#6741d9;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:900}.runtime-readiness-heading h2{color:#252842;margin:4px 0 6px;font-size:24px}.runtime-readiness-heading p,.runtime-readiness-summary p{color:#667085;margin:0;line-height:1.6}.runtime-role-note{color:#655b7d;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px}.runtime-role-note strong{color:#5b36d6}.runtime-readiness-summary{background:#f8f7fc;border:1px solid #ddd6fe;border-radius:14px;padding:16px 18px}.runtime-readiness-summary>strong{color:#35304f;margin-bottom:4px;display:block}.runtime-readiness-summary--blocked{background:#fff1f2;border-color:#fecdd3}.runtime-readiness-summary--blocked>strong{color:#be123c}.runtime-readiness-summary--ready{background:#ecfdf5;border-color:#a7f3d0}.runtime-readiness-summary--ready>strong{color:#047857}.runtime-readiness-grid{gap:12px;display:grid}.runtime-readiness-card{background:#fffafb;border:1px solid #ffe4e6;border-radius:14px;padding:16px}.runtime-readiness-card>span{color:#be123c;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.runtime-readiness-card h3{color:#881337;margin:4px 0 12px;font-size:16px}.runtime-readiness-card dl{gap:9px;margin:0;display:grid}.runtime-readiness-card dl>div{grid-template-columns:minmax(160px,210px) 1fr;gap:16px;display:grid}.runtime-readiness-card dt{color:#667085;font-size:12px;font-weight:800}.runtime-readiness-card dd{color:#3f3a54;overflow-wrap:anywhere;margin:0}.runtime-readiness-card-copy{color:#53576a;margin:12px 0 0;line-height:1.65}.runtime-action-button{color:#5b36d6;background:#fff;border:1px solid #cfc5f3;border-radius:9px;justify-content:center;align-items:center;width:fit-content;margin-top:12px;padding:8px 11px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.runtime-readiness-actions{background:#f7f5ff;border:1px solid #ddd6fe;border-radius:14px;padding:18px}.runtime-readiness-actions h3{color:#3f2d87;margin:0}.runtime-readiness-actions p{color:#5f5875;margin:7px 0 14px;line-height:1.6}.builder-workflow-health{border-top:1px solid #eceaf2;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:27px;padding-top:18px;display:grid}.builder-workflow-health>span{color:#6b47df;letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;font-size:12px;font-weight:900}.builder-workflow-health div{text-align:center;background:#f8f7fc;border-radius:9px;padding:9px 5px}.builder-workflow-health strong,.builder-workflow-health small{display:block}.builder-workflow-health strong{color:#242741;font-size:16px}.builder-workflow-health small{color:#85899a;margin-top:2px;font-size:12px}@media (max-width:1180px){.builder-workbench{grid-template-columns:minmax(320px,340px) minmax(0,1fr)}.builder-details-card{grid-column:1/-1;max-height:none}}@media (max-width:900px){.onboarding-boundary-grid,.onboarding-runtime-choice,.onboarding-evidence-grid,.guided-grid,.onboarding-source-options{grid-template-columns:1fr}.workshop-example-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-workbench,.builder-workbench{grid-template-columns:1fr}.publish-step-card{position:static}.builder-page-header,.builder-name-row{flex-direction:column;align-items:stretch}.builder-palette-card,.builder-details-card{max-height:560px}.builder-service-palette{height:560px}.builder-canvas-area{height:620px}.runtime-readiness-heading{flex-direction:column;align-items:stretch}.runtime-readiness-card dl>div{grid-template-columns:1fr;gap:6px}}@media (max-width:620px){.builder-top-actions{flex-direction:column;align-items:stretch}.builder-canvas-legend{display:none}}.dashboard-hero{color:#fff;background:linear-gradient(125deg,#24115e 0%,#5630d6 54%,#5575e8 100%);border:1px solid #ffffff24;border-radius:24px;min-height:370px;padding:54px;position:relative;overflow:hidden;box-shadow:0 28px 70px #351e8938}.dashboard-hero-content{z-index:2;max-width:780px;position:relative}.dashboard-hero-label{color:#f1edff;letter-spacing:.05em;text-transform:uppercase;background:#ffffff1c;border:1px solid #ffffff3b;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.dashboard-hero h1{color:#fff;letter-spacing:-.055em;max-width:760px;margin:22px 0 16px;font-size:clamp(38px,4.5vw,62px);line-height:1.02}.dashboard-hero p{color:#ffffffd1;max-width:680px;margin:0;font-size:17px;line-height:1.7}.dashboard-hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.dashboard-primary-action,.dashboard-secondary-action{border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:850;display:inline-flex}.dashboard-primary-action{color:#4522ba;background:#fff;box-shadow:0 10px 28px #110b3633}.dashboard-secondary-action{color:#fff;background:#ffffff17;border:1px solid #ffffff52}.dashboard-hero-orb{filter:blur(2px);background:#ffffff1c;border-radius:50%;position:absolute}.dashboard-hero-orb-one{width:320px;height:320px;top:-150px;right:-40px}.dashboard-hero-orb-two{width:220px;height:220px;bottom:-160px;right:170px}.dashboard-data-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:18px;padding:13px 16px;font-weight:700}.dashboard-section-heading{margin:34px 2px 15px}.dashboard-section-heading span,.service-detail-eyebrow{color:#6844df;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.dashboard-section-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-size:23px}.dashboard-metric-card,.dashboard-role-card,.dashboard-panel-card{padding:22px}.dashboard-metric-card{min-height:190px;position:relative}.dashboard-metric-icon,.dashboard-role-icon{border-radius:12px;place-items:center;display:grid}.dashboard-metric-icon{width:42px;height:42px;margin-bottom:18px}.dashboard-metric-value{font-size:31px;line-height:1;display:block}.dashboard-metric-card h3{margin:8px 0 4px;font-size:14px}.dashboard-metric-card p,.dashboard-role-card p,.dashboard-card-header p,.dashboard-empty-copy{color:var(--text-secondary);margin:0}.dashboard-role-card{grid-template-columns:48px minmax(0,1fr);gap:16px;display:grid}.dashboard-role-icon{width:48px;height:48px}.dashboard-role-card h2{margin:1px 0 7px;font-size:18px}.dashboard-role-card a,.dashboard-card-header a{color:#5b36d6;align-items:center;gap:6px;margin-top:13px;font-weight:850;display:inline-flex}.dashboard-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:17px;display:flex}.dashboard-card-header h2{margin:0 0 4px;font-size:18px}.dashboard-card-header a{white-space:nowrap;margin-top:0}.dashboard-activity-row{border-bottom:1px solid #efedf6;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 0;display:grid}.dashboard-activity-row:last-child{border-bottom:0}.dashboard-activity-icon{color:#6542dc;background:#f0ecff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.dashboard-activity-row strong,.dashboard-activity-row span,.dashboard-activity-row time,.dashboard-status-row strong,.dashboard-status-row small{display:block}.dashboard-activity-row>div:nth-child(2) span,.dashboard-activity-row time,.dashboard-status-row small{color:#7a8096;font-size:11px}.dashboard-activity-meta{text-align:right}.dashboard-run-status,.dashboard-api-online,.dashboard-api-offline{text-transform:capitalize;border-radius:999px;width:fit-content;padding:4px 8px;font-size:10px;font-weight:850}.dashboard-activity-meta .dashboard-run-status{margin:0 0 4px auto}.dashboard-run-status,.dashboard-api-online{color:#14734d;background:#e9f8f1}.dashboard-run-status.status-failed,.dashboard-api-offline{color:#b42318;background:#fff0f0}.dashboard-empty-copy{padding:28px 0 8px}.dashboard-status-row{border-bottom:1px solid #efedf6;grid-template-columns:9px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:15px 0;display:grid}.dashboard-status-row>span{background:#26ad76;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e5f8ef}.dashboard-status-row>span.is-inactive{background:#d14a55;box-shadow:0 0 0 4px #fff0f0}.dashboard-status-row>svg{color:#8b75dd}.catalogue-service-card{min-width:0;height:100%;overflow:visible}.catalogue-card-trust-row,.catalogue-card-title-row,.catalogue-card-provider-row,.catalogue-card-badge-row,.catalogue-card-actions{min-width:0}.catalogue-card-trust-row,.catalogue-card-title-row{justify-content:space-between;gap:12px;display:flex}.catalogue-card-title-row{align-items:flex-start;margin-top:16px}.catalogue-card-title-copy{overflow-wrap:anywhere;min-width:0}.catalogue-card-title-copy h2{overflow-wrap:anywhere}.catalogue-card-lifecycle,.catalogue-card-trust-row>.badge{white-space:normal;overflow-wrap:anywhere;flex:0 auto;max-width:100%}.catalogue-card-provider-row,.catalogue-card-badge-row{flex-wrap:wrap;display:flex}.catalogue-card-provider-row{color:#646b82;gap:6px 12px;margin-top:9px;font-size:11px}.catalogue-card-provider-row>span{overflow-wrap:anywhere;min-width:0;max-width:100%}.catalogue-card-badge-row{gap:8px;margin-top:12px}.catalogue-card-badge-row>span{min-width:0}.catalogue-contract-badge{box-sizing:border-box;letter-spacing:.03em;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere;border:1px solid;border-radius:12px;align-items:center;max-width:100%;padding:5px 9px;font-size:11px;font-weight:800;line-height:1.35;display:inline-flex}.catalogue-contract-text{overflow-wrap:anywhere;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;max-width:100%;display:-webkit-box;overflow:hidden}.catalogue-card-io-grid{background:#f9f8fd;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin-top:4px;padding:13px;font-size:11px;display:grid}.catalogue-card-io-grid>div,.catalogue-card-io-grid strong{overflow-wrap:anywhere;min-width:0}.catalogue-card-io-grid span{color:#85899a;font-size:9px;display:block}.catalogue-card-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px;display:flex}.catalogue-card-actions>a{min-width:0}.catalogue-technical-name{color:#85899a;overflow-wrap:anywhere;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.catalogue-service-purpose{color:#505970;min-height:72px;margin:18px 0 10px;font-size:13px;line-height:1.65}.catalogue-workflow-stage{color:#50446f;background:#f6f3ff;border-left:3px solid #8365eb;border-radius:4px 10px 10px 4px;margin-bottom:12px;padding:10px 12px;font-size:11px;line-height:1.55}.service-detail-back{color:#5b36d6;font-weight:850}.service-detail-hero{background:linear-gradient(135deg,#fff 0%,#f5f1ff 100%);margin-top:18px;padding:38px}.service-detail-badges{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.service-detail-hero h1{letter-spacing:-.045em;margin:7px 0 2px;font-size:clamp(36px,4vw,52px)}.service-detail-technical-name{color:#827b98;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.service-detail-purpose{color:#505970;max-width:880px;margin:20px 0 28px;font-size:18px;line-height:1.7}.service-detail-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.service-detail-fact{background:#ffffffc2;border:1px solid #ded8f2cc;border-radius:13px;padding:15px}.service-detail-fact span,.service-detail-fact strong{display:block}.service-detail-fact span{color:#7a8096;margin-bottom:3px;font-size:11px}.service-detail-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,.65fr);align-items:start;gap:18px;margin-top:18px;display:grid}.service-detail-main{gap:18px;display:grid}.service-detail-section,.service-detail-io-card,.service-detail-action-card{padding:25px}.service-detail-section h2,.service-detail-io-card h2,.service-detail-action-card h2,.service-technical-panel h2{margin:5px 0 9px;font-size:20px}.service-detail-lead,.service-detail-io-card p,.service-detail-action-card p{color:#5e667e;margin:0;line-height:1.7}.service-detail-io-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.service-detail-io-card{grid-template-columns:42px minmax(0,1fr);gap:14px;display:grid}.service-detail-io-icon{color:#5a38d1;background:#eee9ff;border-radius:11px;place-items:center;width:40px;height:40px;font-size:10px;font-weight:900;display:grid}.service-detail-io-icon-output{color:#167254;background:#e6f7f2}.service-detail-limitations{color:#5e667e;margin:12px 0 0;padding-left:20px;line-height:1.8}.service-detail-action-card{top:calc(var(--topbar-height) + 22px);position:sticky}.service-detail-primary-action{color:#fff;background:linear-gradient(135deg,#5b2cf2,#4320ca);border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:46px;margin-top:22px;font-weight:850;display:flex;box-shadow:0 10px 24px #4622be33}.service-detail-readiness-note{background:#f7f5ff;border-radius:12px;margin-top:18px;padding:14px}.service-detail-readiness-note strong,.service-detail-readiness-note span,.service-detail-readiness-note small{display:block}.service-detail-readiness-note span{color:#4f3c8c;margin:4px 0;font-size:12px;font-weight:800}.service-detail-readiness-note small{color:#74798d;line-height:1.5}.service-technical-panel{margin-top:18px;padding:23px 25px}.service-technical-panel>summary,.service-raw-contract>summary,.deployment-raw-output>summary{cursor:pointer;color:#493095;font-weight:850}.service-technical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:20px;display:grid}.service-contract-row{background:#f8f7fc;border-radius:10px;grid-template-columns:minmax(110px,.55fr) minmax(0,1fr);gap:12px;margin-top:8px;padding:11px 12px;display:grid}.service-contract-row span{color:#616980;overflow-wrap:anywhere}.service-raw-contract{margin-top:20px}.service-raw-contract pre,.deployment-raw-output pre{color:#e9e5ff;background:#16132a;border-radius:12px;max-width:100%;margin:14px 0 0;padding:18px;font-size:12px;line-height:1.55;overflow:auto}.deployment-preview-card{scroll-margin-top:calc(var(--topbar-height) + 18px);border:1px solid #d9d0f8;margin-top:20px;padding:30px;box-shadow:0 18px 44px #3e28911a}.deployment-preview-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.deployment-preview-heading h2{margin:8px 0 0}.deployment-preview-kind{color:#5a38d1;text-transform:uppercase;background:#eee9ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:850}.deployment-json-preview{color:#344054;background:#fbfaff;border:1px solid #e4e0f2;border-radius:14px;padding:18px;overflow:hidden}.deployment-svg-preview{background:#fff;border:1px solid #e4e0f2;border-radius:14px;padding:16px;overflow:hidden}.deployment-drawing-gallery-nav{background:#f8f6ff;border:1px solid #ded8f2;border-radius:13px;margin:4px 0 18px;padding:15px}.deployment-drawing-gallery-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.deployment-drawing-gallery-heading strong,.deployment-drawing-gallery-heading span{display:block}.deployment-drawing-gallery-heading>div>span{color:#70768c;margin-top:3px;font-size:12px}.deployment-drawing-gallery-heading>span{color:#5534c8;white-space:nowrap;background:#e9e2ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}.deployment-report-summary{grid-template-columns:minmax(0,1fr) minmax(180px,.35fr);gap:12px;margin-bottom:16px;display:grid}.deployment-report-summary>div{background:#fff;border:1px solid #ded8f2;border-radius:12px;padding:14px}.deployment-report-summary span,.deployment-report-summary strong{display:block}.deployment-report-summary span{color:#7a8096;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.deployment-drawing-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.deployment-drawing-actions button{color:#5738c8;background:#fff;border:1px solid #d6cdf7;border-radius:9px;padding:9px 12px;font-weight:800}.deployment-drawing-actions button:hover{background:#f4f0ff;border-color:#8e73ed}.deployment-drawing-actions button.is-selected{color:#fff;background:linear-gradient(135deg,#5b2cf2,#4320ca);border-color:#5b2cf2;box-shadow:0 7px 18px #4622be33}.deployment-raw-output{margin-top:12px}@media (max-width:1000px){.service-detail-facts,.service-detail-io-grid,.service-technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail-layout{grid-template-columns:1fr}.service-detail-action-card{position:static}}@media (max-width:620px){.dashboard-hero{min-height:auto;padding:34px 24px!important}.dashboard-role-card{grid-template-columns:1fr}.dashboard-card-header{flex-direction:column}.service-detail-hero{padding:26px 22px}.service-detail-facts,.service-detail-io-grid,.service-technical-grid,.deployment-report-summary,.service-contract-row{grid-template-columns:1fr}.deployment-preview-card{padding:22px}.deployment-drawing-gallery-heading{flex-direction:column;align-items:stretch}.deployment-drawing-gallery-heading>span{width:fit-content}}
