#ownerManagementView[data-mode="notifications"] .owner-page-header{
  max-width:62rem;
  margin-bottom:1.2rem;
}
#ownerManagementView[data-mode="notifications"] .owner-page-header p{margin-bottom:0}
.owner-notifications-layout{
  display:grid;
  grid-template-columns:minmax(34rem,1.15fr) minmax(20rem,.85fr);
  gap:1rem;
  align-items:start;
}
.owner-notification-compose{padding:1.25rem}
.owner-notification-compose .panel-head{margin-bottom:1rem}
.owner-notification-compose .panel-head p{max-width:44rem}
.owner-notification-form{
  display:grid;
  gap:1rem;
  margin:0;
}
.owner-notification-form :is(input,select,textarea){
  width:100%;
  min-width:0;
  border:1px solid var(--line);
  border-radius:.7rem;
  background:var(--card-strong);
  padding:.68rem .78rem;
  color:var(--text);
  font:inherit;
}
.owner-notification-form :is(input,select,textarea):focus{
  outline:3px solid rgba(var(--accent-rgb),.16);
  border-color:var(--accent);
}
.owner-notification-form textarea{resize:vertical}
.owner-notification-section{
  min-width:0;
  margin:0;
  padding:1rem;
  display:grid;
  gap:.9rem;
  border:1px solid var(--line);
  border-radius:.85rem;
  background:color-mix(in srgb,var(--card-strong) 66%,transparent);
}
.owner-notification-section legend{
  padding:0 .35rem;
  color:var(--text);
  font-size:max(.78rem,12px);
  font-weight:800;
}
.owner-notification-form label{font-size:max(.78rem,12px)}
.owner-notification-form textarea{min-height:11rem}
.owner-recipient-lookup{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.65rem;
  align-items:end;
}
.owner-recipient-lookup>.owner-recipient-add{min-height:2.55rem}
.owner-recipient-lookup>.error,
.owner-recipient-lookup>.owner-recipient-chips{grid-column:1/-1}
.owner-recipient-lookup>.error:empty,
.owner-notification-actions>.error:empty{display:none}
.owner-recipient-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.owner-recipient-chips button{min-height:2.1rem;padding:.38rem .65rem;font-size:max(.7rem,11px)}
.owner-notification-confirm{
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:.65rem;
}
.owner-notification-confirm input{grid-column:1;grid-row:1;width:1.25rem;min-height:1.25rem;margin:0}
.owner-notification-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.owner-notification-actions .error{margin:0;min-height:0}
.owner-notification-sidebar{display:grid;gap:1rem;min-width:0}
.owner-notification-sidebar>.owner-management-list{
  padding:1.15rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--card);
  box-shadow:var(--shadow);
}
.owner-notification-sidebar>.owner-management-list>h2{margin-bottom:.75rem}
.owner-notification-sidebar>.owner-management-list>article{background:var(--card-strong)}

@media (max-width:1260px){
  .owner-notifications-layout{grid-template-columns:1fr}
  .owner-notification-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .owner-notification-compose{padding:.9rem}
  .owner-notification-section{padding:.8rem}
  .owner-recipient-lookup{grid-template-columns:1fr}
  .owner-recipient-lookup>*{grid-column:1!important}
  .owner-recipient-lookup>.owner-recipient-add{width:100%}
  .owner-notification-actions{align-items:stretch;flex-direction:column}
  .owner-notification-actions .primary{width:100%}
  .owner-notification-sidebar{grid-template-columns:1fr}
}