body[data-up-role-workspace]{background:#f2f7fd!important;color:#24445e}
body[data-up-role-workspace] .up-role-surface{max-width:1240px;margin-inline:auto;box-sizing:border-box}
.up-role-surface>h1,.up-role-surface>h2{color:#155eab!important;border-bottom-color:#83b6e8!important}
body[data-up-role-workspace] .up-role-section{--role-accent:#176bb8;--role-soft:#e5f2ff;background:linear-gradient(135deg,var(--role-soft),#fff 85%)!important;border:1px solid color-mix(in srgb,var(--role-accent) 25%,white)!important;border-top:5px solid var(--role-accent)!important;border-radius:16px!important;box-shadow:0 5px 17px #24486b12!important;color:#24445e!important;overflow-wrap:anywhere}
body[data-up-role-workspace] .up-role-section[data-up-tone=green]{--role-accent:#16834d;--role-soft:#e4f7eb}
body[data-up-role-workspace] .up-role-section[data-up-tone=violet]{--role-accent:#8050b6;--role-soft:#f2e8fc}
body[data-up-role-workspace] .up-role-section[data-up-tone=amber]{--role-accent:#8c6508;--role-soft:#fff2c4}
body[data-up-role-workspace] .up-role-section[data-up-tone=teal]{--role-accent:#087c83;--role-soft:#e1f6f3}
body[data-up-role-workspace] .up-role-section[data-up-tone=red]{--role-accent:#b93250;--role-soft:#ffeaef}
body[data-up-role-workspace] .up-role-section :is(h1,h2,h3),body[data-up-role-workspace] .up-role-section :is(h1,h2,h3) span{color:var(--role-accent)!important;text-shadow:none!important}
body[data-up-role-workspace] .up-role-section p{color:#456177!important;text-shadow:none!important}
body[data-up-role-workspace] .up-role-section :is(input,select,textarea){border-color:#b1c8df;border-radius:8px}
body[data-up-role-workspace] .up-role-section :is(h1,h2,h3) .up-section-icon{background:var(--role-accent);color:#fff;border-radius:10px;padding:5px;width:36px;height:36px;box-sizing:border-box}
body[data-up-role-workspace] .up-role-section :is(.chat-header-title,.chat-header){background:var(--role-accent)!important;color:#fff!important;border-radius:10px 10px 0 0}
body[data-up-role-workspace] .up-role-section :is(.chat-display-messages,.chat-footer-action){background:#fff!important;color:#24445e!important}
body[data-up-role-workspace] :focus-visible{outline:3px solid #f3bc20!important;outline-offset:3px}
@media(max-width:650px){body[data-up-role-workspace] .up-role-surface{max-width:100%;min-width:0}body[data-up-role-workspace] .up-role-section{border-radius:13px!important}body[data-up-role-workspace] .up-role-section :is(h1,h2,h3){line-height:1.35!important}.up-role-surface>h1,.up-role-surface>h2{font-size:27px!important}}

/* Role titles remain compact; the native tools below retain their own behaviour. */
.up-panel-heading{width:100%;margin:0 0 20px;padding:0;background:none;border:0;box-shadow:none;box-sizing:border-box}
.up-panel-heading h1{margin:0!important;color:#155eab!important;font-size:30px!important;line-height:1.25!important;letter-spacing:-.5px;text-shadow:none!important}
.up-panel-primary-options{margin:0 0 18px}
.up-panel-primary-options .btn-nuevo{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:650px){.up-panel-heading{margin-bottom:16px}.up-panel-heading h1{font-size:25px!important}}
