:root{--sgds-primary: #0161af;--sgds-primary-rgb: 1, 97, 175;--sgds-secondary: #1f69ff;--sgds-secondary-rgb: 31, 105, 255;--sgds-font-size-12: .6875rem;--sgds-font-size-14: .8125rem;--sgds-font-size-16: .875rem;--sgds-font-size-20: 1.125rem;--sgds-font-size-24: 1.25rem;--sgds-font-size-28: 1.5rem;--sgds-line-height-16: 14px;--sgds-line-height-20: 18px;--sgds-line-height-24: 20px;--sgds-line-height-32: 28px;--sgds-line-height-36: 32px;--sgds-spacer-1: .0625rem;--sgds-spacer-2: .1875rem;--sgds-spacer-3: .375rem;--sgds-spacer-4: .5rem;--sgds-spacer-5: .625rem;--sgds-spacer-6: .75rem;--sgds-spacer-7: .875rem;--sgds-spacer-8: 1.25rem;--sgds-spacer-9: 1.75rem;--sgds-spacer-10: 2.5rem;--sgds-spacer-11: 3.5rem;--sgds-dimension-32: 24px;--sgds-dimension-40: 32px;--sgds-dimension-48: 36px;--sgds-dimension-56: 44px;--sgds-dimension-64: 52px;--sgds-dimension-80: 64px;--sgds-dimension-96: 72px;--sgds-dimension-112: 88px;--sgds-border-radius-md: .375rem;--sgds-border-radius-sm: .25rem}body{font-size:.875rem;line-height:1.45}#root{margin:0 auto;text-align:left;min-height:100vh;width:100%;display:flex;flex-direction:column}a{text-decoration:inherit}sgds-sidenav-item a{color:inherit;text-decoration:none}.saas-card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:.75rem;flex:1;min-height:0;overflow:hidden}.saas-card-grid sgds-card{height:100%}.service-catalogue-container{display:flex;flex-direction:column;height:calc(100vh - 180px)}.product-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.table td,.table th{vertical-align:middle}.product-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.badge-role-admin{--sgds-danger-surface-muted: #fde8e8;--sgds-danger-border-color-muted: #fca5a5;--sgds-danger-color-fixed-dark: #b91c1c}.badge-role-editor{--sgds-primary-surface-muted: #dbeafe;--sgds-primary-border-color-muted: #93c5fd;--sgds-primary-color-fixed-dark: #1d4ed8}.badge-role-viewer{--sgds-neutral-surface-muted: #f1f5f9;--sgds-neutral-border-color-muted: #cbd5e1;--sgds-neutral-color-fixed-dark: #475569}.badge-product-danger{--sgds-danger-surface-muted: #fee2e2;--sgds-danger-border-color-muted: #fca5a5;--sgds-danger-color-fixed-dark: #dc2626}.badge-product-cyan{--sgds-cyan-surface-muted: #e0f2fe;--sgds-cyan-border-color-muted: #7dd3fc;--sgds-cyan-color-fixed-dark: #0369a1}.badge-product-warning{--sgds-warning-surface-muted: #fef3c7;--sgds-warning-border-color-muted: #fcd34d;--sgds-warning-color-fixed-dark: #b45309;--sgds-color-fixed-dark: #b45309}.badge-product-purple{--sgds-purple-surface-muted: #e0e7ff;--sgds-purple-border-color-muted: #a5b4fc;--sgds-purple-color-fixed-dark: #4338ca}.badge-product-success{--sgds-success-surface-muted: #ccfbf1;--sgds-success-border-color-muted: #5eead4;--sgds-success-color-fixed-dark: #0f766e}.badge-product-neutral{--sgds-neutral-surface-muted: #e2e8f0;--sgds-neutral-border-color-muted: #94a3b8;--sgds-neutral-color-fixed-dark: #334155}.edit-modal{--sgds-padding-xl: .875rem;--sgds-padding-md: .625rem;--sgds-gap-2-xl: .75rem;--sgds-gap-md: .5rem;--sgds-gap-sm: .375rem;--sgds-margin-xl: .625rem;--sgds-margin-2-xl: .875rem;--sgds-margin-4-xl: 1.5rem;--sgds-margin-lg: .5rem;--sgds-font-size-24: 1.125rem;--sgds-line-height-40: 28px}.btn-save{--sgds-primary-surface-default: #0161af;--sgds-primary-surface-emphasis: #014e8c;--sgds-primary-border-color-default: #0161af;--sgds-color-fixed-light: #ffffff;--sgds-border-radius-md: .375rem}.btn-edit{--sgds-primary-color-default: #0161af;--sgds-primary-border-color-default: #0161af;--sgds-primary-surface-translucent: #e6eff7;--sgds-border-radius-md: .375rem}.btn-cancel{--sgds-primary-color-default: #475569}