/* ix.ua v318 — publications layout refinements */

/* Dashboard hero actions: keep them in a compact horizontal row, not a vertical stack. */
.organization-app .org-control-actions .u-btn.secondary{background:#fff!important}
@media(min-width:901px){
  .organization-app .org-control-hero{min-height:218px!important;padding-right:24px!important}
  .organization-app .org-control-hero .org-control-copy{width:58%!important;max-width:58%!important}
  .organization-app .org-control-hero>img{right:18px!important;width:430px!important;max-height:192px!important}
  .organization-app .org-control-actions{
    position:relative!important;
    right:auto!important; top:auto!important; transform:none!important;
    width:auto!important; margin-top:14px!important;
    display:flex!important; flex-direction:row!important; flex-wrap:wrap!important;
    gap:10px!important; z-index:4!important;
  }
  .organization-app .org-control-actions::before{display:none!important}
  .organization-app .org-control-actions a,
  .organization-app .org-control-actions button{
    width:auto!important; min-width:0!important; min-height:42px!important;
    padding:8px 14px!important; white-space:nowrap!important;
  }
}
@media(max-width:900px){
  .organization-app .org-control-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .organization-app .org-control-actions a,.organization-app .org-control-actions button{width:auto!important;min-width:0!important}
}

/* Public page: reduce vertical gaps between needs/news sections. */
body .org-needs-side-v313{margin-top:14px!important;margin-bottom:12px!important}
body .org-updates-left-v317{margin-top:0!important}
body .org-updates-public-v315{margin-top:8px!important}
body .org-updates-public-v315 .org-update-public-title-v315{padding-bottom:10px!important}

/* Editor intro card: richer artwork, tighter proportions, better blend. */
.organization-app .org-update-editor-intro-v317,
.organization-app .org-update-editor-intro-v317.org-update-editor-intro-v317{
  grid-template-columns:minmax(0,1fr) 285px!important;
  gap:18px!important;
  padding:18px 20px!important;
  background:linear-gradient(112deg,#f4fbf8 0%,#ffffff 61%,#fff8f0 100%)!important;
}
.organization-app .org-update-editor-copy-v317 h1{font-size:29px!important}
.organization-app .org-update-editor-copy-v317 p{max-width:700px!important}
.organization-app .org-update-editor-art-v317{
  width:285px!important; height:150px!important; object-fit:contain!important; object-position:right center!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 8%,#000 24%,#000 95%,transparent 100%)!important;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 8%,#000 24%,#000 95%,transparent 100%)!important;
}

/* Publication form should use the full card width without awkward empty area. */
.organization-app .org-update-editor-v315{padding:18px!important}
.organization-app .org-update-form-v315{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
.organization-app .org-update-fields-v315{grid-template-columns:1fr 1fr!important;gap:13px 14px!important}
.organization-app .org-update-photo-panel-v315{grid-column:1!important;padding:15px!important}
.organization-app .org-update-photo-head-v315{margin-bottom:12px!important}
.organization-app .org-update-picker-v315{min-height:116px!important}
.organization-app .org-update-form-actions-v315{grid-column:1!important}
@media(max-width:760px){
  .organization-app .org-update-editor-intro-v317{grid-template-columns:1fr!important;padding:16px!important}
  .organization-app .org-update-editor-art-v317{width:210px!important;height:112px!important;opacity:.95!important;justify-self:end!important}
  .organization-app .org-update-fields-v315{grid-template-columns:1fr!important}
}