/* GAINVO v4.5.5 — professional void-record workspace and owner deletion alignment */

/* Give the document itself room while preventing the control rail from becoming
   a narrow column of wrapped words on standard desktop screens. */
@media (min-width:1151px){
  .document-view-grid{
    width:min(100%,1220px);
    max-width:1220px;
    margin-inline:auto;
    grid-template-columns:minmax(0,1fr) minmax(350px,370px);
    gap:22px;
    align-items:start
  }
  .document-view-grid>.receipt-paper{min-width:0}
  .document-side{min-width:0}
}
@media (min-width:901px) and (max-width:1150px){
  .document-view-grid{grid-template-columns:1fr;max-width:900px;margin-inline:auto}
  .document-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .document-side>.owner-delete-panel{grid-column:1/-1}
}

/* Void status is an information banner, not another cramped paragraph. */
.void-status-banner{
  max-width:1220px;
  margin-inline:auto;
  padding:12px 14px;
  align-items:center;
  border-radius:13px
}
.void-status-banner>span{min-width:0}
.void-status-banner strong{font-size:10px;line-height:1.35}
.void-status-banner small{font-size:8px;line-height:1.55;color:#8b5a13;overflow-wrap:anywhere}
.void-status-banner small b{font-weight:850;color:#74440b}
.void-status-separator{display:inline-block;margin:0 4px;color:#c99a42}

/* Permanent deletion is deliberately a clear, compact danger zone. */
.owner-delete-panel{
  min-width:0;
  padding:0!important;
  overflow:hidden;
  border:1px solid #efc1bd!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 25px rgba(116,31,24,.04)
}
.owner-delete-panel details{min-width:0}
.owner-delete-panel details>summary{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
  color:#8f1d16;
  background:linear-gradient(180deg,#fffafa,#fff7f6);
  border-bottom:1px solid transparent
}
.owner-delete-panel details>summary::-webkit-details-marker{display:none}
.owner-delete-panel details>summary>span{display:grid;gap:2px;min-width:0;text-align:left}
.owner-delete-panel details>summary strong{font-size:11px;line-height:1.25}
.owner-delete-panel details>summary small{font-size:7px;line-height:1.3;color:#a64b43;font-weight:750;letter-spacing:.02em}
.owner-delete-panel details>summary:after{content:'+';flex:0 0 auto;font-size:18px;line-height:1;font-weight:500}
.owner-delete-panel details[open]>summary{border-bottom-color:#f2d8d5}
.owner-delete-panel details[open]>summary:after{content:'−'}

.owner-delete-warning{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin:14px 16px 0;
  padding:12px 13px;
  border:1px solid #f4c7c2;
  border-radius:12px;
  background:#fff5f3;
  color:#7a271a;
  text-align:left
}
.owner-delete-warning>.icon{width:18px;height:18px;margin-top:1px;flex:none}
.owner-delete-warning>div{min-width:0}
.owner-delete-warning strong{display:block;margin:0 0 4px;font-size:9px;line-height:1.35;color:#7a271a}
.owner-delete-warning p{margin:0!important;color:#96332a!important;font-size:8px!important;line-height:1.55!important;overflow-wrap:break-word}

.owner-delete-form{
  display:grid!important;
  gap:13px!important;
  min-width:0;
  margin:0!important;
  padding:15px 16px 16px
}
.owner-delete-form>label:not(.owner-delete-option):not(.controlled-confirm){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
  text-align:left!important
}
.owner-delete-field-label{display:block;font-size:8px;font-weight:850;line-height:1.35;color:#273746;text-align:left}
.owner-delete-field-help{display:block;margin:-1px 0 2px;font-size:7px;font-weight:500;line-height:1.45;color:var(--muted,#66758a);text-align:left;overflow-wrap:anywhere}
.owner-delete-field-help strong{font-size:inherit;color:#435366}
.owner-delete-form input[type=text],
.owner-delete-form input[type=password],
.owner-delete-form input[name=confirm_number],
.owner-delete-form textarea{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:9px!important;
  text-align:left!important
}
.owner-delete-form input[type=text],
.owner-delete-form input[type=password],
.owner-delete-form input[name=confirm_number]{min-height:40px!important;padding:9px 11px!important}
.owner-delete-form textarea{min-height:78px!important;padding:10px 11px!important;line-height:1.5!important;resize:vertical}
.owner-delete-form input:focus,.owner-delete-form textarea:focus{border-color:#d25b50!important;box-shadow:0 0 0 3px rgba(180,35,24,.08)!important}

/* Explicit sizing prevents global form input rules from turning the option into
   the large empty square visible in the previous desktop layout. */
.owner-delete-option{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid #dfe6e4!important;
  border-radius:11px!important;
  background:#fafcfc!important;
  text-align:left!important;
  cursor:pointer
}
.owner-delete-option input[type=checkbox]{
  appearance:auto!important;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:1px 0 0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  accent-color:#b42318
}
.owner-delete-option>span{display:grid!important;gap:2px!important;min-width:0!important;line-height:1.4!important}
.owner-delete-option strong{font-size:8px!important;line-height:1.4!important;color:#344454!important;overflow-wrap:break-word}
.owner-delete-option small{font-size:7px!important;line-height:1.45!important;color:var(--muted,#66758a)!important;font-weight:500!important;overflow-wrap:anywhere}

.owner-delete-panel .controlled-confirm{
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:10px!important;
  padding:11px 12px!important;
  border-radius:11px!important;
  font-size:8px!important;
  line-height:1.5!important
}
.owner-delete-panel .controlled-confirm>span{min-width:0;overflow-wrap:break-word}
.owner-delete-submit{
  min-height:43px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:10px 12px!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.3!important
}
.owner-delete-submit .icon{width:15px;height:15px;flex:none}
.owner-delete-submit span{min-width:0;font-size:8px;font-weight:850;overflow-wrap:break-word}
.owner-delete-audit-note{
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr);
  gap:8px;
  align-items:start;
  margin:0 16px 15px!important;
  padding-top:12px;
  border-top:1px solid #eef1f2;
  color:var(--muted,#63716d)!important;
  font-size:7px!important;
  line-height:1.5!important;
  text-align:left
}
.owner-delete-audit-note .icon{width:15px;height:15px;margin-top:1px;color:#657b74}
.owner-delete-audit-note span{min-width:0;overflow-wrap:break-word}

@media(max-width:900px){
  .void-status-banner{margin-inline:0}
  .document-side>.owner-delete-panel{grid-column:1/-1}
}
@media(max-width:680px){
  .void-status-banner{align-items:flex-start;padding:11px 12px}
  .void-status-banner small{display:block}
  .void-status-separator{display:block;height:0;overflow:hidden;margin:0}
  .owner-delete-panel{grid-column:auto;border-radius:14px!important}
  .owner-delete-panel details>summary{min-height:56px;padding:13px 14px}
  .owner-delete-warning{margin:13px 14px 0}
  .owner-delete-form{padding:14px;gap:12px!important}
  .owner-delete-audit-note{margin:0 14px 14px!important}
  .owner-delete-submit{min-height:48px!important}
  .owner-delete-field-label{font-size:10px}
  .owner-delete-field-help,.owner-delete-option small,.owner-delete-audit-note{font-size:9px!important}
  .owner-delete-option strong,.owner-delete-panel .controlled-confirm,.owner-delete-submit span{font-size:10px!important}
  .owner-delete-form input[type=text],.owner-delete-form input[type=password],.owner-delete-form input[name=confirm_number],.owner-delete-form textarea{font-size:11px!important}
}

/* Match the same readable danger-zone width on Sales History. */
@media (min-width:1151px){
  .sale-view-grid{
    width:min(100%,1220px);
    max-width:1220px;
    margin-inline:auto;
    grid-template-columns:minmax(0,1fr) minmax(350px,370px);
    gap:22px;
    align-items:start
  }
  .sale-side{min-width:0}
}
@media (min-width:901px) and (max-width:1150px){
  .sale-view-grid{grid-template-columns:1fr;max-width:900px;margin-inline:auto}
  .sale-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .sale-side>.owner-delete-panel{grid-column:1/-1}
}
@media(max-width:900px){.sale-side>.owner-delete-panel{grid-column:1/-1}}
@media(max-width:680px){.sale-side{grid-template-columns:1fr}.sale-side>.owner-delete-panel{grid-column:auto}}