/* v0.63.1 corrective layout layer */
header .user-area{position:relative;align-items:center}
.refresh-data-control{position:relative;display:block}
.refresh-data-control small{position:absolute;top:calc(100% + .18rem);left:50%;width:max-content;transform:translateX(-50%);font-size:.67rem;line-height:1}
.header-search-button,.refresh-data-control button,.profile-button,#logoutButton{height:40px;min-height:40px;padding-block:.45rem;align-self:center}
.profile-button{display:flex}

.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:end;gap:.55rem 2rem}
.dashboard-profile{position:static;grid-column:1/-1;justify-self:end;margin:0}
.dashboard-actions{grid-column:2;grid-row:2}

.manual-sage-fallback>summary::after,.sage-history-disclosure>summary::after,.supplier-bulk-disclosure>summary::after,.previous-sage-connections>summary::after,.period-end-detail>summary::after{content:"⌄";flex:0 0 auto;margin-left:auto;color:var(--brand-primary);font-size:1.15rem;font-weight:900;transition:transform .16s ease}
.manual-sage-fallback[open]>summary::after,.sage-history-disclosure[open]>summary::after,.supplier-bulk-disclosure[open]>summary::after,.previous-sage-connections[open]>summary::after,.period-end-detail[open]>summary::after{transform:rotate(180deg)}
.previous-sage-connections{grid-column:1/-1;margin-top:.75rem;border:1px solid var(--line);border-radius:11px;background:var(--wash)}
.previous-sage-connections>summary{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;cursor:pointer}
.previous-sage-connections>summary span{display:grid}
.previous-sage-connections>summary small{color:var(--muted)}
.previous-sage-connections>div{padding:0 1rem .5rem}

#recordSearchBar.hidden{display:none!important}

.po-register-grid{grid-template-columns:minmax(210px,1.15fr) minmax(190px,.95fr) minmax(160px,.72fr) minmax(250px,.9fr)}
.po-register-entry .po-card{cursor:pointer}
.po-register-entry .po-card:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 45%,transparent);outline-offset:-3px}
.po-register-entry:hover .po-card>div{background:color-mix(in srgb,var(--brand-primary) 5%,#fff)!important}
.po-card>div{padding:.65rem .75rem!important;min-height:78px}
.po-card-controls{display:grid;grid-template-columns:minmax(72px,.7fr) minmax(150px,1fr);align-items:start;gap:.55rem}
.po-card-controls .po-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}
.po-card-controls .po-actions>.po-register-primary-action{display:flex;width:100%;min-height:32px;margin:0;align-items:center;justify-content:center;padding:.35rem .5rem;font-size:.74rem}
.po-record-only-actions{display:none!important}

.purchase-order-record-dialog{width:min(920px,calc(100vw - 1.5rem));max-height:calc(100vh - 1.5rem);padding:0;overflow:hidden}
.purchase-order-record-dialog>.dialog-heading{padding:1rem 1.15rem;border-bottom:1px solid var(--line)}
#purchaseOrderRecordBody{display:grid;gap:1rem;max-height:calc(100vh - 100px);padding:1rem 1.15rem;overflow:auto}
.po-record-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.po-record-summary>div{display:grid;gap:.15rem;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:var(--wash)}
.po-record-summary span{color:var(--muted);font-size:.72rem}
.po-record-action-panel{padding:.85rem 1rem;border:1px solid var(--line);border-radius:11px;background:var(--wash)}
.po-record-action-panel h3{margin:0 0 .65rem}
.po-record-dialog-actions{display:flex;flex-wrap:wrap;gap:.45rem}
.po-record-dialog-actions .po-record-only-actions{display:contents!important}
.purchase-order-record-dialog .po-linked-documents{border:1px solid var(--line);border-radius:10px;background:var(--paper)}

.po-document-field{gap:.45rem!important}
.po-document-field .po-address-restore{margin-top:.25rem}
.po-document-line-head,.po-line-row,.po-line-row.fixed-line,.po-line-row.note-line,.po-line-row.rate-line{grid-template-columns:78px 82px minmax(280px,1fr) 112px 112px 36px}
.po-line-row,.po-line-row input,.po-line-row textarea{min-height:44px!important}
.po-line-row textarea{padding:.55rem .65rem!important}

#alreadyBookedAccommodationDialog .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.accommodation-sheet tr[data-accommodation-request] td{vertical-align:middle}
.accommodation-row-actions{min-width:82px}

dialog.wide-dialog:not(.po-document-dialog)>form,#uploadDialog>form,#creditNoteDialog>form,#detailDialog>.detail-shell{padding:.7rem .85rem 4.2rem}
#uploadForm .form-grid,#creditNoteForm .form-grid{gap:.38rem .5rem}
#uploadForm label,#creditNoteForm label{margin-bottom:.15rem}
#uploadForm input,#uploadForm select,#creditNoteForm input,#creditNoteForm select{min-height:36px;padding:.42rem .5rem}
#uploadForm .upload-section-title,#creditNoteForm .upload-section-title{padding:.3rem .55rem}

@media(max-width:900px){.dashboard-hero{grid-template-columns:1fr}.dashboard-profile,.dashboard-actions{grid-column:1}.dashboard-actions{grid-row:auto;max-width:none}.po-record-summary{grid-template-columns:1fr 1fr}.po-card-controls{grid-template-columns:1fr}.po-card-controls .po-actions{grid-template-columns:repeat(2,minmax(0,150px))}#alreadyBookedAccommodationDialog .form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){header .user-area{align-items:center}.refresh-data-control small{display:none}.dashboard-profile{justify-self:start}.po-record-summary,#alreadyBookedAccommodationDialog .form-grid{grid-template-columns:1fr}.po-record-dialog-actions>*{flex:1 1 140px}.po-card>div{min-height:auto}.po-card-controls .po-actions{grid-template-columns:1fr 1fr}}