/* Shared finishing details for the single Flow workspace. */
.flow-nav-group{margin:7px 12px 8px;color:#6D8997;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.flow-nav-resources{margin-top:25px}
.flow-drawer-links .flow-nav-group{margin-left:14px}
.flow-drawer-links .flow-nav-resources{margin-top:18px}
.top-tools .icon-btn svg{width:19px;height:19px;display:block}
.top-tools .icon-btn{display:inline-flex;align-items:center;justify-content:center}
.settings-jump{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}
#personal-preferences,#rq-settings-title{scroll-margin-top:24px}
.campaign-record .help{margin-bottom:15px}
.record-item{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid #E3EDF1}
.record-item>div{min-width:0}
.record-icon{display:flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;border-radius:10px;background:#E9F7F7;color:#247887}
.record-icon svg{width:18px;height:18px}
.record-item strong{display:block;font-size:12px;line-height:1.5}
.record-item small{display:block;margin-top:4px;font-size:11px;color:#547887;line-height:1.6;overflow-wrap:anywhere}
.record-link{display:block;margin-top:10px;color:#087CA3;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.record-link small{font-weight:400;text-decoration:none}
.record-reference{font-size:12px;margin:9px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.campaign-owner-list{display:grid;gap:10px;margin-top:16px}
.campaign-owner-list>span{display:flex;align-items:center;gap:9px;font-size:12px}
.task>span.task-state{border:0;background:#EFF7FA;border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#527D8E}
.task-state svg{width:17px;height:17px}
#modal[open]{display:flex;flex-direction:column;max-height:90dvh;overflow:hidden}
#modal .modal-head,#modal .modal-foot{flex-shrink:0}
#modal .modal-body{min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
#modal .modal-foot{flex-wrap:wrap}
#modal .modal-tools{flex-shrink:0}
#modal .modal-head button{min-width:36px;min-height:36px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #0984AC;outline-offset:3px}
#app:focus{outline:none}
@media(max-width:620px){
 #modal{width:calc(100% - 24px);max-height:calc(100dvh - 28px)}
 #modal .modal-head{padding:17px}
 #modal .modal-body{padding:17px}
 #modal .modal-foot{padding:13px 17px;gap:8px}
 #modal .modal-foot .btn{min-height:42px;flex:1 1 auto;text-align:center;justify-content:center}
 #modal .field input,#modal .field select,#modal .field textarea{font-size:16px}
 .campaign-owner-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .campaign-owner-list>span{min-width:0;overflow-wrap:anywhere;font-size:11px}
 .campaign-owner-list .avatar{flex-shrink:0}
 .content-card{flex-wrap:wrap}
 .content-card>div{min-width:0;flex:1}
 .content-card h3{overflow-wrap:anywhere}
}

.topbar-profile{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0}
@media(max-width:850px){.topbar-profile{display:none}}