/* ix.ua v319 — final refinements for organization publications flow */

/* 1) Dashboard hero actions must stay in one compact row on desktop. */
.organization-app .org-control-actions .u-btn.secondary{background:#fff!important}
@media(min-width:901px){
  .organization-app .org-control-hero{min-height:220px!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:22px!important;width:430px!important;max-height:196px!important;object-fit:contain!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; align-items:center!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,
  .organization-app .org-control-actions .u-btn,
  .organization-app .org-control-actions span.u-btn{
    width:auto!important; min-width:0!important; max-width:none!important; min-height:42px!important;
    padding:9px 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,
  .organization-app .org-control-actions .u-btn,
  .organization-app .org-control-actions span.u-btn{width:auto!important;min-width:0!important}
}

/* 2) Public organization page — tighter rhythm between the lower blocks. */
body .org-profile-grid-v311{row-gap:14px!important}
body .org-needs-side-v313{margin-top:10px!important;margin-bottom:8px!important}
body .org-updates-left-v317{margin-top:6px!important}
body .org-updates-public-v315{margin-top:0!important}
body .org-updates-public-v315 .org-update-public-title-v315{padding-bottom:10px!important}

/* 3) Publication editor intro — full hero artwork like the other sections. */
.organization-app .org-update-editor-intro-v317,
.organization-app .org-update-editor-intro-v317.org-update-editor-intro-v317{
  position:relative!important;
  overflow:hidden!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  align-items:stretch!important;
  gap:0!important;
  padding:20px 0 20px 20px!important;
  background:linear-gradient(112deg,#f4fbf8 0%,#ffffff 60%,#fff8f0 100%)!important;
}
.organization-app .org-update-editor-copy-v317{
  position:relative!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  min-width:0!important;padding-right:18px!important;
}
.organization-app .org-update-editor-copy-v317 h1{font-size:28px!important;line-height:1.08!important}
.organization-app .org-update-editor-copy-v317 p{max-width:700px!important}
.organization-app .org-update-editor-art-v317{
  position:relative!important;z-index:1!important;display:block!important;
  width:100%!important;height:100%!important;min-height:166px!important;
  margin:-20px 0 -20px 0!important;
  object-fit:cover!important;object-position:center center!important;justify-self:stretch!important;align-self:stretch!important;
  -webkit-mask-image:linear-gradient(to left,#000 74%,rgba(0,0,0,.9) 86%,transparent 100%)!important;
  mask-image:linear-gradient(to left,#000 74%,rgba(0,0,0,.9) 86%,transparent 100%)!important;
}
@media(max-width:840px){
  .organization-app .org-update-editor-intro-v317{grid-template-columns:1fr!important;padding:18px!important;gap:12px!important}
  .organization-app .org-update-editor-copy-v317{padding-right:0!important}
  .organization-app .org-update-editor-art-v317{
    width:100%!important;height:180px!important;min-height:180px!important;
    margin:0!important;border-radius:14px!important;
    -webkit-mask-image:none!important;mask-image:none!important;
  }
}

/* 4) "Розповісти про діяльність" — the form should truly use the whole card width. */
.organization-app .org-update-editor-v315{padding:18px!important}
.organization-app .org-update-editor-v315 .org-update-form-v315{
  display:block!important;
  margin-top:16px!important;
}
.organization-app .org-update-editor-v315 .org-update-fields-v315{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:13px 14px!important;
  width:100%!important;
}
.organization-app .org-update-editor-v315 .org-update-fields-v315 label{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.organization-app .org-update-editor-v315 .org-update-fields-v315 label.wide{grid-column:1 / -1!important}
.organization-app .org-update-editor-v315 .org-update-fields-v315 input,
.organization-app .org-update-editor-v315 .org-update-fields-v315 select,
.organization-app .org-update-editor-v315 .org-update-fields-v315 textarea{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.organization-app .org-update-editor-v315 .org-update-fields-v315 textarea{min-height:190px!important}
.organization-app .org-update-editor-v315 .org-update-photo-panel-v315{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-top:16px!important;
  padding:15px!important;
}
.organization-app .org-update-editor-v315 .org-update-form-actions-v315{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:16px!important;
  padding-top:16px!important;
  border-top:1px solid #e7edeb!important;
}
@media(max-width:760px){
  .organization-app .org-update-editor-v315 .org-update-fields-v315{grid-template-columns:1fr!important}
}