/* Visionair OS 4.16.15 — record workspaces and deliberate loading feedback. */
.record-dialog:is(.organisation-record-dialog,.contact-record-dialog){
  box-sizing:border-box;
  width:min(1740px,calc(100vw - 24px));
  max-width:none;
}
.record-dialog:is(.organisation-record-dialog,.contact-record-dialog) #recordDetails,
.organisation-record-dialog #recordDetails{
  grid-template-columns:minmax(0,470px) minmax(0,1fr);
  gap:22px;
}
.record-dialog #recordDetails>.record-profile-sidebar,
.record-dialog #recordDetails>.record-history{min-width:0;max-width:100%;box-sizing:border-box}
.record-dialog:is(.organisation-record-dialog,.contact-record-dialog) .record-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:clamp(8px,1.1vw,20px);
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:#486785 transparent;
  white-space:nowrap;
}
.record-dialog:is(.organisation-record-dialog,.contact-record-dialog) .record-tabs>*{flex:0 0 auto;white-space:nowrap}
.organisation-record-dialog .qb-multi-card{min-width:0;box-sizing:border-box;overflow:hidden}
.organisation-record-dialog .qb-multi-heading,
.organisation-record-dialog .qb-multi-link{min-width:0}
.organisation-record-dialog .qb-multi-link>div{min-width:0;overflow-wrap:anywhere}
.organisation-record-dialog .qb-multi-search{display:block;min-width:0}
.organisation-record-dialog .qb-multi-search>label{display:block;width:100%;margin-bottom:9px}
.organisation-record-dialog .qb-multi-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%}
.organisation-record-dialog .qb-multi-search input{box-sizing:border-box;width:100%;min-width:0}
.organisation-record-dialog .qb-multi-search button{white-space:nowrap}
.organisation-record-dialog .record-tags form{min-width:0}
.organisation-record-dialog .record-tags input{min-width:0}
@media(max-width:1160px){
  .record-dialog:is(.organisation-record-dialog,.contact-record-dialog) #recordDetails,
  .organisation-record-dialog #recordDetails{grid-template-columns:minmax(0,410px) minmax(0,1fr)}
  .record-dialog:is(.organisation-record-dialog,.contact-record-dialog) .record-history{padding-left:18px;padding-right:18px}
}
@media(max-width:980px){
  .record-dialog:is(.organisation-record-dialog,.contact-record-dialog) #recordDetails,
  .organisation-record-dialog #recordDetails{grid-template-columns:minmax(0,1fr)}
  .record-dialog:is(.organisation-record-dialog,.contact-record-dialog) .record-tabs{gap:16px}
}
@media(max-width:480px){
  .organisation-record-dialog .qb-multi-search>div{grid-template-columns:minmax(0,1fr)}
  .organisation-record-dialog .qb-multi-link{align-items:flex-start;flex-direction:column}
}
.workspace-loading{
  position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;
  pointer-events:none;background:rgba(5,10,17,.22);
}
body.workspace-is-loading:not(:has(#recordDialog[open]))>#workspaceLoading,
body.workspace-is-loading #recordDialog[open] .workspace-loading{display:flex}
#recordDialog .workspace-loading{position:fixed;inset:0;z-index:30}
.workspace-loading-core{
  display:grid;justify-items:center;gap:15px;padding:27px 32px;
  min-width:176px;border:1px solid rgba(108,171,225,.3);border-radius:16px;
  background:rgba(14,23,33,.95);box-shadow:0 18px 65px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.06);
  color:#d8e9f7;backdrop-filter:blur(14px)
}
.workspace-loading-orbit{position:relative;width:54px;height:54px;border:1px solid rgba(91,167,238,.28);border-radius:50%}
.workspace-loading-orbit:before,.workspace-loading-orbit:after{content:"";position:absolute;border-radius:50%}
.workspace-loading-orbit:before{inset:5px;border:2px solid transparent;border-top-color:#8cc9ff;border-right-color:#5798d6;animation:visionair-orbit 1.1s linear infinite}
.workspace-loading-orbit:after{inset:18px;background:#b7e2ff;box-shadow:0 0 15px #61a9ef;animation:visionair-pulse 1.5s ease-in-out infinite}
.workspace-loading-core span{font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
@keyframes visionair-orbit{to{transform:rotate(360deg)}}
@keyframes visionair-pulse{50%{opacity:.45;transform:scale(.76)}}
@media(prefers-reduced-motion:reduce){.workspace-loading-orbit:before,.workspace-loading-orbit:after{animation:none}}
