:root{--ui-font:Arial,Helvetica,sans-serif;--ui-scale:1}
body.authenticated,body.authenticated button,body.authenticated input,body.authenticated select,body.authenticated textarea{font-family:var(--ui-font)}
body.authenticated .sidebar{background:linear-gradient(165deg,var(--navy) 0%,var(--navy-2) 65%,var(--cyan) 100%)}
body.authenticated .med-hero{background:linear-gradient(115deg,var(--navy),var(--navy-2))}
@media screen{body.authenticated .bit-heading{background:linear-gradient(115deg,var(--navy),var(--navy-2));color:#fff}body.authenticated .bit-heading h1,body.authenticated .bit-heading p,body.authenticated .bit-account{color:#fff}body.authenticated .bit-heading-title h1{font-size:calc(31px * var(--ui-scale))}body.authenticated .bit-heading-title p{font-size:calc(13px * var(--ui-scale))}}
body.authenticated .btn.primary,body.authenticated .ari-tab[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#fff}
body.authenticated .nav button{font-size:calc(15px * var(--ui-scale))}
body.authenticated input,body.authenticated select,body.authenticated textarea{font-size:calc(14px * var(--ui-scale))}
body.authenticated .field label,body.authenticated .ari-risk-detail,body.authenticated .ari-plan dl{font-size:calc(13px * var(--ui-scale))}
body.authenticated .help,body.authenticated .subtitle,body.authenticated .ari-help,body.authenticated .ari-note,body.authenticated .ari-group-name small,body.authenticated .ari-expand{font-size:calc(12px * var(--ui-scale))}
body.authenticated .content td,body.authenticated .content th{font-size:calc(12px * var(--ui-scale))}
body.authenticated .ari-group-name b{font-size:calc(15px * var(--ui-scale))}
#customizeEnvironment{width:100%;font-size:12px;padding:9px;margin-bottom:8px;white-space:normal}
#customizeEnvironment[hidden]{display:none!important}
#environmentDialog{width:min(620px,calc(100% - 24px));max-height:90dvh;border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--ink);overflow-y:auto}
#environmentDialog::backdrop{background:#102b4880}#environmentDialog h2{margin:0 0 12px;color:var(--navy)}#environmentDialog .field{margin:16px 0}#environmentDialog .actions{flex-wrap:wrap}#environmentState{line-height:1.6;font-size:13px;min-height:44px}#environmentDialog select{width:100%}
@media(max-width:800px){#customizeEnvironment{min-height:44px;margin-top:4px}}

.env-short{display:none}@media(max-width:800px){#customizeEnvironment{padding:8px 3px}.env-full{display:none}.env-short{display:inline}}

.env-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}
.env-swatch{height:38px;min-width:0;border:2px solid transparent;border-radius:10px;cursor:pointer;color:white;font-size:20px;box-shadow:0 1px 3px #102b4826}
.env-swatch span{opacity:0}.env-swatch[aria-pressed=true] span{opacity:1}.env-swatch[aria-pressed=true]{outline:2px solid var(--navy);outline-offset:3px}
.env-swatch:focus-visible{outline:3px solid #111;outline-offset:3px}.env-swatch:hover{filter:brightness(1.12)}
.env-type-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}.env-type-grid .field{min-width:0}
.env-preview{background:#fff;border:1px solid #d2dee8;border-radius:12px;overflow:hidden;color:#173b58}
.env-preview-bar{height:9px;background:var(--blue)}.env-preview-content{padding:16px 18px}
.env-preview-caption{color:#4b6076;display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.05em;margin-bottom:12px}
#envPreviewSample{line-height:1.5;overflow-wrap:break-word}#envPreviewSample p{margin:6px 0 0;font-size:.88em}.env-font-help{line-height:1.5;margin:12px 0}
@media(max-width:480px){#environmentDialog{padding:18px}.env-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.env-swatch{height:31px;border-radius:7px}.env-type-grid{grid-template-columns:1fr;gap:0}#environmentDialog .env-type-grid .field{margin:10px 0}}

@media screen{body.authenticated .bit-module-badge{background:#ffffff18;border-color:#ffffff66;color:#fff}}

@media(max-width:700px){.card-title-row{flex-wrap:wrap;gap:10px}.card-title-row>.btn{max-width:100%;white-space:normal}}
@media screen and (max-width:500px){body.authenticated .bit-heading-title h1{font-size:calc(25px * var(--ui-scale))}body.authenticated .bit-heading-title p{font-size:calc(10px * var(--ui-scale))}}

.env-swatch[data-env-theme="blanco"]{color:#243447;border-color:#a8b5c2}.env-swatch[data-env-theme="blanco"]:hover{filter:none;background:#f8f9fb}
