.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-head h2{margin:0 0 5px}.muted{color:#71827c}.warehouse-list,.trip-stats{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.warehouse-chip,.trip-stats span{padding:8px 12px;border-radius:20px;background:#edf3f0}.warehouse-chip em{color:#a65b2b;font-style:normal}.trip-card{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:16px 0;padding:16px;background:#f5f8f6;border-radius:12px}.hidden{display:none!important}.subtle{background:white;color:#176a55;border-color:#8ab8aa}.buy-button{margin:8px 0 16px;font-size:16px}.purchases{display:grid;gap:8px;margin:12px 0}.purchases article{padding:10px 12px;border:1px solid #e0e8e4;border-radius:9px}.purchase-view{display:grid;grid-template-columns:100px 1fr 1fr 1fr auto;align-items:center;gap:10px}.edit-purchase-button{padding:8px 12px;font-size:14px}.purchase-edit{margin:12px 0 2px}.edit-actions{display:flex;gap:8px;grid-column:1/-1}.compact{margin:12px 0}.columns{position:relative}.columns>div{position:absolute;right:0;top:34px;z-index:4;min-width:190px;padding:12px;background:white;border:1px solid #d5e0dc;border-radius:10px;box-shadow:0 8px 30px #173c3230}.columns label{display:block;padding:5px}.tiny{font-size:11px;color:#71827c;cursor:pointer}@media(max-width:900px){.form-grid{grid-template-columns:1fr 1fr}.purchase-view{grid-template-columns:1fr 1fr}.section-head{flex-direction:column}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.cards,.focus-cards{grid-template-columns:1fr}.purchase-view{grid-template-columns:1fr}.edit-actions{flex-direction:column}}

/* Purchase-card actions must participate in layout, never overlap adjacent cards. */
.purchase-item .purchase-view .edit-purchase-button,
.purchase-item .purchase-view .delete-purchase-button{
  position:static!important;
  inset:auto!important;
  margin:0!important;
}
.purchase-item .compact-actions{
  display:flex!important;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding-top:8px;
}

/* Keep both purchase actions compact and aligned on the right. */
.purchase-item .purchase-view{
  grid-template-columns:100px minmax(165px,1fr) minmax(115px,.7fr) minmax(160px,1fr) minmax(145px,.9fr) 142px 112px!important;
}
.purchase-item .purchase-view .edit-purchase-button,
.purchase-item .purchase-view .delete-purchase-button{
  width:100%!important;
  min-width:0!important;
  padding:9px 12px!important;
  white-space:nowrap;
}
.purchase-completeness{
  color:#285c4d;
  background:#edf3f0;
  border-radius:8px;
  padding:8px 10px;
  font-size:13px;
  font-weight:700;
}
.purchase-item .purchase-view>.purchase-completeness{grid-column:5;grid-row:1}
.purchase-item .purchase-view>.edit-purchase-button{grid-column:6;grid-row:1}
.purchase-item .purchase-view>.delete-purchase-button{grid-column:7;grid-row:1}
.header-access{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.header-access a{color:#176a55;font-weight:700;text-decoration:none;background:#fff;border:1px solid #8ab8aa;border-radius:9px;padding:8px 11px}.read-only form[hx-post],.read-only [hx-post],.read-only .trip-actions,.read-only .edit-purchase-button,.read-only .delete-purchase-button,.read-only .buy-button{display:none!important}
.backup-status{display:block;margin-top:6px;color:#d7e9e2;font-weight:700}
.main-tabs{display:flex;gap:10px;margin:18px 0 12px;padding:6px;background:#eaf1ee;border-radius:13px;width:max-content;max-width:100%}
.main-tabs button{background:transparent;color:#285c4d;border-color:transparent;margin:0;box-shadow:none}
.main-tabs button.active{background:#397c68;color:#fff;border-color:#397c68}
#trip-section[hidden],#plan-section[hidden]{display:none!important}
@media(max-width:560px){.main-tabs{width:100%}.main-tabs button{flex:1;padding-left:10px;padding-right:10px}}
.purchase-item .compact-actions{
  justify-content:flex-end;
  flex-wrap:nowrap;
}
.purchase-item .compact-actions .edit-purchase-button,
.purchase-item .compact-actions .delete-purchase-button{
  width:auto!important;
  min-width:112px!important;
}
@media(max-width:900px){
  .purchase-item .purchase-view{grid-template-columns:1fr 1fr!important}
  .purchase-item .purchase-view>.edit-purchase-button,
  .purchase-item .purchase-view>.delete-purchase-button{grid-column:auto;grid-row:auto}
  .purchase-item .compact-actions{justify-content:flex-start;flex-wrap:wrap}
}

.open-trip-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 16px;padding:2px 2px 7px;scrollbar-width:thin}.open-trip-tabs a{display:block;flex:0 0 auto;padding:9px 13px;border:1px solid #a9c3ba;border-radius:10px;color:#285c4d;background:#fff;text-decoration:none;font-weight:700;white-space:nowrap}.open-trip-tabs a.active{background:#285c4d;color:#fff;border-color:#285c4d}