/* Framed sections with centered title boxes. Screen-only so print output stays unchanged. */
@media screen{
:root{--section-frame:#244a7d;--section-title:#0f2f66;--section-bg:#f4f8ff;--section-title-border:#90a9c9;--section-title-bg:linear-gradient(180deg,#fff,#dce7f5);--section-shadow:0 5px 16px rgba(21,58,106,.12)}
#view>section.card:not(.bk-banner),.modal .mbody fieldset,.dashboard.dx,.dx-card,.dashboard .dash-section,.dashboard #alc,.card.dangerzone,.settings-lock{border:2px solid var(--section-frame)!important;background:var(--section-bg)!important;border-radius:16px!important;box-shadow:var(--section-shadow)!important}
#view>section.card:not(.bk-banner),.dashboard.dx,.dx-card,.dashboard .dash-section,.dashboard #alc,.card.dangerzone,.settings-lock{position:relative;margin-top:28px!important;padding-top:34px!important}
.modal .mbody fieldset{margin:0 0 24px;padding:24px 16px 16px}
.modal .mbody fieldset>legend{display:table!important;max-width:100%;box-sizing:border-box;margin:0 auto!important;text-align:center;border:1px solid var(--section-title-border)!important;border-radius:10px;background:var(--section-title-bg)!important;padding:9px 18px!important;color:var(--section-title)!important;font-size:18px!important;line-height:1.5!important;font-weight:800!important;box-shadow:0 3px 7px rgba(21,58,106,.15)!important;white-space:normal}
#view>section.card>h2:first-child,#view>section.card>h3:first-child,#view>section.card>details:first-child>summary,#view>section.card>.kp-head:first-child h2,#view>section.card>.head:first-child h2,.settings-lock>h2:first-child,.card.dangerzone>h2:first-child,.dx-card>h3:first-child,.dashboard .dash-section .dash-section-head h3,.dashboard #alc .al-head h3,.dx-head h2{position:relative;z-index:2;display:table!important;max-width:calc(100% - 24px);margin:-54px auto 18px!important;padding:9px 18px!important;border:1px solid var(--section-title-border)!important;border-radius:10px;background:var(--section-title-bg)!important;color:var(--section-title)!important;font-size:18px!important;line-height:1.5!important;font-weight:800!important;text-align:center!important;box-shadow:0 3px 7px rgba(21,58,106,.15)!important}
#view>section.card>.head:first-child{display:block;min-height:36px}
#view>section.card>.kp-head:first-child{text-align:center}
#view>section.card>.kp-head:first-child .kp-brand{display:block}
#view>section.card>.kp-head:first-child .kp-brand img{display:inline-block}
#view>section.card>details:first-child{display:block}
#view>section.card>.head:first-child .row{margin-top:8px;justify-content:flex-start}
.dx-head{border:2px solid var(--section-frame)!important;background:var(--section-bg)!important;padding-top:38px!important;margin-top:28px!important}
.dx-head>div:first-child{width:100%;text-align:center}
.dx-head h2{margin-top:-58px!important}
.dx-head p{color:#426084!important;text-align:center!important}
.dx-hact{position:absolute;top:12px;left:14px;z-index:3}
.dx-hact .btn,.dx-head .btn{background:#fff!important;color:#16305c!important;border-color:#b9c8dd!important;box-shadow:0 2px 5px rgba(21,58,106,.15)!important}
.dx-kpis{margin-top:16px}.dx-card,.dashboard .dash-section,.dashboard #alc{margin-top:30px!important}
.dx-card>h3:first-child,.dashboard .dash-section .dash-section-head h3,.dashboard #alc .al-head h3{font-size:17px!important;margin-top:-56px!important}
.dashboard .dash-section .dash-section-head{display:block;min-height:34px}.dashboard .dash-section .dash-section-note{margin-top:8px}
#alc .al-head{display:block;min-height:34px}#alc .al-head .al-tabs{margin-top:8px}
#view .card .card,#view .dx-card .dx-card{box-shadow:none!important}
html.dark{--section-frame:#5c7ca2;--section-title:#f0f6ff;--section-bg:#132238;--section-title-border:#5c7ca2;--section-title-bg:linear-gradient(180deg,#2b4568,#1a304e);--section-shadow:0 5px 16px rgba(0,0,0,.32)}
html.dark #view>section.card:not(.bk-banner),html.dark .modal .mbody fieldset,html.dark .dashboard.dx,html.dark .dx-card,html.dark .dashboard .dash-section,html.dark .dashboard #alc,html.dark .card.dangerzone,html.dark .settings-lock{color:#edf4ff}
html.dark .dx-head p{color:#b9c9de!important}
html.dark .dx-hact .btn,html.dark .dx-head .btn{background:#1a304e!important;color:#f0f6ff!important;border-color:#5c7ca2!important}
html.dark .modal .mbody fieldset .fld>span,html.dark .modal .mbody fieldset .chk>span,html.dark .modal .mbody fieldset .note,html.dark .modal .mbody fieldset p{color:#c7d6ea!important}
html.dark .modal .mbody fieldset input,html.dark .modal .mbody fieldset select,html.dark .modal .mbody fieldset textarea{background:#0b182c!important;color:#edf4ff!important;border-color:#5c7ca2!important}
html.dark .modal .mbody fieldset input::placeholder,html.dark .modal .mbody fieldset textarea::placeholder{color:#8198b4!important}
html.dark .photo-box{background:#132238!important;border:2px solid #5c7ca2!important;color:#edf4ff}
html.dark .photo-box b{color:#edf4ff!important}html.dark .photo-box .muted{color:#b9c9de!important}
}
@media screen and (max-width:600px){
#view>section.card:not(.bk-banner),.dashboard.dx,.dx-card,.dashboard .dash-section,.dashboard #alc,.card.dangerzone,.settings-lock{margin-top:24px!important;padding-top:32px!important;border-radius:14px!important}
.modal .mbody fieldset{padding:22px 12px 12px;margin-bottom:20px}
.modal .mbody fieldset>legend,#view>section.card>h2:first-child,#view>section.card>h3:first-child,#view>section.card>details:first-child>summary,#view>section.card>.kp-head:first-child h2,#view>section.card>h3:first-child,#view>section.card>details:first-child>summary,#view>section.card>.kp-head:first-child h2,#view>section.card>.head:first-child h2,.settings-lock>h2:first-child,.card.dangerzone>h2:first-child,.dx-card>h3:first-child,.dashboard .dash-section .dash-section-head h3,.dashboard #alc .al-head h3,.dx-head h2{font-size:15px!important;padding:7px 12px!important;line-height:1.45!important}
.dx-hact{position:static;margin-top:8px;justify-content:center}.dx-head{padding-top:34px!important}.dx-head h2{margin-top:-54px!important}
}
@media screen{#view>section.card>.kp-head:first-child h2{margin:8px auto 10px!important}}